body {
  background: #eff4f8;
  height: 100%;
  width: 100%;
}
#content {
padding-right: 0px;
padding-left: 0px;
}
.header {
background: white;
padding-left: 10px;
}
.pb-block-label {
  font-size: 18px;
  padding: 13px 0px 13px 0px;
  border-bottom: 1px solid #bec5cb;
  margin: 0px 0px 7px 10px;
  max-width: fit-content;
}
.flexrow {
  display: flex;
  flex-direction: row;
}
.flexcolumn {
  display: flex;
  flex-direction: column;
}
.detailmargins {
  margin: 0px 75px 13px 10px;
}
.inputmargins {
  margin: 10px 75px 13px 10px;
}
.pb-datetime {
font-size: 14px;
}
.rightfloat {
float: right;
}
.flexcenter {
justify-content: center;
}
.formbutton {
    display: inline-block;
    outline: none;
    padding: 10px 20px;
    line-height: 1.4;
    position: relative;

    background-color: #f0f0f0;
    border: 1px solid #026BC8;
    color: #026BC8;
    border-radius: 4px;
--     padding: 0.5em 1.5em;
    margin: 10px 0px 10px 0px;
    font-family: Open Sans !important;
    transition: padding-right 0.3s ease;
}
.formbutton:active {
    background-color: #0A4982;
    border: none;
}
.formbutton:hover {
    background-color: #065AA5;
    color: #FFFFFF;
}
.formbutton:focus {
    box-shadow: 0 0 0 2px #81C8FF;
    -ms-user-select: none;
    background-color: #026BC8;
    color: #FFFFFF;
    outline: none;
}
.formbutton.spinning {
    background-color: #0A4982;
    padding-right: 40px;
}
.formbutton.spinning:after {
    content: '';
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px #080808;
position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
          animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
.formbutton.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
  position: absolute;
    border: 2px solid #000000;
    border-right: 3px solid #eff4f8;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
          animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;  
}

.separator {
  margin: 15px 15px;
  padding: 0px 0px 0px 10px;
  border-bottom: 4px solid #ddd;
  overflow: hidden;
  background: white;
}
@-webkit-keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes exist {
  100% {
    width: 15px;
    height: 15px;
    margin: -8px 5px 0 0;
  }
}
@keyframes exist {
  100% {
    width: 15px;
    height: 15px;
    margin: -8px 5px 0 0;
  }
}

@media (max-width: 600px) {
  .flexrow {
    display: flex;
    flex-direction: column;
  }
}