/* Registration: fixed field rhythm shared by Safari and Firefox. */
.omp-registration{margin:24px 0 42px;color:#596b76}
.omp-registration *{box-sizing:border-box}
.omp-registration>.row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin:0;align-items:start}
.omp-registration>.row::before,.omp-registration>.row::after{display:none}
.omp-registration>.row>[class*=col-]{width:auto;float:none;padding:0;min-width:0}
.omp-registration h2{margin:0 0 20px;font-size:24px}
.omp-registration #registrationForm{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;border:0;background:none}
.omp-registration #registrationForm .control-group{margin:0;clear:both}
.omp-registration #registrationForm .controls{margin:0;position:relative}
.omp-registration #registrationForm .omp-form-separator{height:0;flex:0 0 0}
.omp-registration #registrationForm input:not([type=hidden]),.omp-registration #registrationForm select{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:9px 13px;border:1px solid #dce2e6;border-radius:4px;background-color:#eef0f2;color:#596b76;font:400 15px/24px Ubuntu,sans-serif;box-shadow:none;-webkit-appearance:none;appearance:none}
.omp-registration #registrationForm select{padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#596b76 50%),linear-gradient(135deg,#596b76 50%,transparent 50%);background-position:calc(100% - 19px) 19px,calc(100% - 14px) 19px;background-size:5px 5px;background-repeat:no-repeat}
.omp-registration #registrationForm input::placeholder{color:#7a8991;opacity:1}
.omp-registration #registrationForm input:focus,.omp-registration #registrationForm select:focus{outline:0;border-color:#7a8991;box-shadow:0 0 0 3px #596b7612}
.omp-registration #registrationForm .row{display:flex;gap:12px;margin:0}
.omp-registration #registrationForm .row::before,.omp-registration #registrationForm .row::after{display:none}
.omp-registration #registrationForm .row>[class*=col-]{float:none;padding:0;min-width:0}
.omp-registration #registrationForm .row>.col-xs-3{width:25%}
.omp-registration #registrationForm .row>.col-xs-9{width:75%}
.omp-registration #registrationForm .row>.col-xs-12{width:100%}
.omp-registration #registrationForm .col-xs-9>.row{margin:0}
.omp-registration #registrationForm .g-recaptcha{margin:0;text-align:left}
.omp-registration #registrationForm .submitButton{display:inline-block;margin:0;padding:13px 25px;border:0;border-radius:5px;background:#32834b;color:#fff;font:400 14px/20px Ubuntu,sans-serif;text-decoration:none;text-align:center;cursor:pointer}
.omp-registration #registrationForm .submitButton:hover{background:#266b3c}
.omp-registration #registrationForm .submitButton:disabled{opacity:.6;cursor:wait}
.omp-registration #omp-registration-status{margin:0;font-size:13px;line-height:1.5}
.omp-registration #omp-registration-status:empty{display:none}
.omp-registration .error{margin:0 0 24px;padding:14px 18px;border-radius:6px;border-left:3px solid #c68a31;background:#fff6e8;color:#596b76;font-size:14px;font-weight:400;line-height:1.6}
.omp-registration .hotline{padding:22px;border:1px solid #e7ebed;border-radius:6px;background:#f7f8f9}
.omp-registration .hotline .text{font-size:15px;line-height:1.5}
.omp-registration .hotlineNumber a{overflow-wrap:anywhere;font-size:14px}
.omp-registration .hotline .justify{margin-top:16px}
.omp-registration .hotline img{max-width:100%;height:auto}
.omp-registration .hiddenField{display:none}
@media(max-width:760px){.omp-registration>.row{grid-template-columns:minmax(0,1fr);gap:24px}.omp-registration #registrationForm .submitButton{width:100%}.omp-registration #registrationForm .pull-right{float:none!important}.omp-registration #registrationForm input:not([type=hidden]),.omp-registration #registrationForm select{font-size:16px}}

/* Calm alternating panels retain the approved 3 / 3 / 4 / 1 / 2 grouping. */
.omp-registration #registrationForm{gap:18px}
.omp-registration #registrationForm .omp-form-group{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #e8ecee;border-radius:7px;background:#fff}
.omp-registration #registrationForm .omp-form-group--soft{background:#f5f6f7}
.omp-registration #registrationForm .omp-form-group input:not([type=hidden]),.omp-registration #registrationForm .omp-form-group select{background-color:#fff}
@media(max-width:760px){.omp-registration #registrationForm .omp-form-group{padding:16px}}

.omp-registration #registrationForm .col-xs-9>.row{display:block;width:100%}

/* A welcoming, quiet visual hierarchy for each registration section. */
.omp-registration #registrationForm{gap:16px}
.omp-registration #registrationForm .omp-form-group{padding:24px;border-color:#e6ebed;border-radius:12px;box-shadow:0 3px 14px rgba(50,65,74,.035)}
.omp-registration #registrationForm .omp-form-group--soft{background:linear-gradient(135deg,#f5f7f8,#f9fafb)}
.omp-registration .omp-group-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 6px}
.omp-registration .omp-group-number{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border-radius:50%;background:#e9eef0;color:#667a85;font:500 12px/1 Ubuntu,sans-serif}
.omp-registration .omp-group-heading h3{margin:0 0 5px;color:#526671;font:500 17px/1.3 Ubuntu,sans-serif;text-transform:none;letter-spacing:0}
.omp-registration .omp-group-heading p{margin:0;color:#7a8991;font:400 13px/1.5 Ubuntu,sans-serif}
.omp-registration #registrationForm input:not([type=hidden]),.omp-registration #registrationForm select{border-radius:6px;border-color:#dce3e7;transition:border-color .15s,box-shadow .15s}
.omp-registration #registrationForm input:focus,.omp-registration #registrationForm select:focus{border-color:#6d997c;box-shadow:0 0 0 3px rgba(50,131,75,.09)}
.omp-registration #registrationForm .submitButton{padding:14px 30px;border-radius:7px;box-shadow:0 3px 9px rgba(50,131,75,.15)}
@media(max-width:760px){.omp-registration #registrationForm .omp-form-group{padding:18px}.omp-registration .omp-group-heading{gap:10px}}

/* Align the help card with the first input below the access heading. */
@media(min-width:761px){.omp-registration>.row>.col-xs-4{padding-top:132px}}