html, body {
    min-height:100%;
}
body {
    font-family: 'Roboto',Helvetica, Arial, Sans-Serif !important;  
    background: #F9F9F9 !important;
}
:lang(ja) body {
    font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
}
:lang(zh) body {
    font-family: Helvetica, Arial, Sans-Serif;
}
:lang(ko) body {
    font-family: Helvetica, Arial, Sans-Serif;
}
#container {
    max-width: 1070px;min-width: 960px;width: 100%;margin: 0 auto;padding: 0 0 20px 0;text-align: left;
}
.box {
    position: relative;border: 1px solid #f1f1f1;background-color: #FFF;padding: 25px;padding-bottom: 15px;margin: 30px 10px;margin: 0 auto;margin-bottom: 25px;margin-top: 20px;border-radius: 5px;background-repeat: repeat-x;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#efefef', GradientType=0);width: 52%;box-sizing: border-box;
}
h1, .title {
    font-size: 1.375rem;font-weight: normal;line-height: 150%;margin-top: 0 !important;padding-bottom: 10px;border-bottom: 1px solid #eee;
}
.signup h1 {
    font-size: 2rem;font-weight: 500;line-height: 120%;padding-bottom: 15px;margin-bottom: 20px;border-bottom: 2px solid #eee;
}
h1 button, .title button {
    float: right;
}
h2, h3 {
    font-size: 1.125rem;font-weight: normal;line-height: 120%;padding-bottom: 5px;border-bottom: 1px solid #eee;
}
.signupcustom h2, .signupcustom h3 {
    border-bottom: none;
}
.SubTitle h2 {
    border-bottom: 0;
}
p {
    font-size: 0.875rem;line-height: 160%;
}
.label{
    font-size: 0.9375rem;padding:6px;padding-top: 8px;width:100px;
}
.field{
    padding:6px;
}
.narrative {
    padding-top: 10px;padding-bottom: 10px;color: #666;line-height: 20px
}
.narrative a {
    font-size: 0.8125rem;color: #0B7DBB;text-decoration: none;
}
.narrative a:hover {
    text-decoration: underline;
}
.errormessage {
    color: #DC0000;
}
.container_left {
    width: 60%;float: left;text-align: left;
}
.container_right {
    width: 40%;float: right;text-align: left;
}
.medium {
    width:180px
}
input {
    display: block;width: auto;font-size: 0.9375rem;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-box-shadow:inset 0 1px 11px rgba(74,92,106,0.2);box-shadow: inset 0 1px 11px rgba(74,92,106,0.2);
}
input[type="submit"] {
    font-size: 1rem;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;padding-right: 10px;
}
select:not(#lang) {
    padding: 4px 3px 5px 6px;
}
select, body:not(.beta_richtext) input[type="text"], body.beta_richtext input[type="text"]:not(.k-input-inner), input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .uneditable-inputLeft, .uneditable-inputRight, span.select2-selection, .btn-lookupLeft {
    height: 34px !important;
    line-height: 22px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}
.select2-search--inline {
    border: 1px solid transparent;
}
.form-group {
    margin-top: 0px;
}
.form-group label {
    margin-bottom: 0px;
    font-weight: 700;
    width: 94%;
}
.form-control {
    font-size: 0.9375rem !important;
}
input[type="checkbox"] {
    display:inline-block;
    margin-right: 10px;
}
.form-group .box.centerlayout {
    font-weight: normal;
    padding-left: 0 !important;
}

.form-group div.form-control {
    padding: 0;
}

.box.centerlayout .g-recaptcha {
    margin-bottom: 10px;
}
select.select2select {
    min-width: 1px !important;
}
.Data1 i, .Data2 i {
    margin: 0px;
    vertical-align: middle;
}

p.introtext {
    font-size: 0.9375rem;
    line-height: 160%;
    color: #444444;
    padding-bottom: 5px;
}
.jconfirm-holder .container {
    max-width: 100%;
}

@-moz-document url-prefix() {
    .Data1 i, .Data2 i {
        vertical-align: initial;
    }
}
@supports (-ms-ime-align:auto) {
    .Data1 i, .Data2 i {
        vertical-align: baseline;
    }
}
@media screen and (-ms-high-contrast: none) {
    .Data1 i, .Data2 i {
        vertical-align: baseline;
    }
}
.Data1, .Data2 {
    vertical-align: top;
}
.details .Data1, .details .Data2 {
    padding: 8px 20px;
}
.box .container-fluid {
    padding-left: 0px;padding-right: 0px;margin-top: 5px;margin-bottom: 5px;
}
div.Submit input[type="submit"],div.Submit input[type="button"],div.Submit button {
    font-size: 1rem;
    padding-top: 5px; 
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
#header_container {
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;
}
.header_container_left {
    width: 100%;
}
.centerlayout {
    width: 52%;margin: auto;
}
.signup .centerlayout {
    width: 1056px;
}
.signup .language {
    left: 12px;
}
.sectiontitle {
    font-size: 1.625rem; 
    margin-top: 0;
    margin-bottom: 0.5em; 
    text-rendering: optimizelegibility; 
    border-bottom:1px solid #f1f1f1 !important; 
    padding-bottom:10px; 
    font-weight: 500;
}
.signupcustom .sectiontitle {
    margin-bottom: 0px; 
    padding: 10px 0; 
    border-bottom: none !important;
}

.pagelinkurl {
    float: right;
}
a.pagelinkurl:hover {
    color: var(--hlh); 
}
a:not([href]) {
    color: var(--hl);
}
.mwindiv_content.modalstatic {
    width: 50%;
}
div.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.fancy-label {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px 0 !important;
}

body:not(.beta_richtext) .fancy-label input[type=text], body.beta_richtext .fancy-label input[type=text]:not(.k-input-inner), .fancy-label textarea {
    position: relative;
    font-family: 'Roboto', Arial, sans-serif;
    color: inherit;
    padding: 10px 0 10px 10px;
    border: 0;
    border: 1px solid;
    box-sizing: border-box;
    box-shadow: none !important;
    line-height: unset;
}

body:not(.beta_richtext) .fancy-label input[type=text], body.beta_richtext .fancy-label input[type=text]:not(.k-input-inner), .fancy-label select , .form-control select {	
    font-size: 0.9375rem !important;
    padding:10px;
    height: 35px !important;
    border: 1px solid #dedede !important;
    outline: none;
    outline-style: none;
}

.fancy-label select {
    padding: 0 10px; 
    display: inline-block;
}

.fancy-label textarea {	
    font-size: 1.125rem;
    padding:10px;
    border: 1px solid #dedede !important;
    outline: none;
    outline-style: none;
}    



.fancy-label input + label , .fancy-label input + .fa + label , .fancy-label input + .fas + label , .fancy-label input + .far + label , .fancy-label input + .fal + label , .fancy-label input + .fab + label , .fancy-label select + label , .fancy-label select ~ label  , .fancy-label input + button + label, .fancy-label textarea ~ label { 	
    font-size: 1rem;						
    font-weight:normal;
    color: #333333;
    position:absolute;    
    left: 11px;
    top: 6px;
    pointer-events: none;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}

.fancy-label select + input + label , .fancy-label select + label , .fancy-label select ~ label {
    background: #fff;
    width: 80%;
}

.fancy-label select {
    height: 40px;
    box-shadow: none;
    border: 1px solid #dedede !important;
}

.fancy-label input.valid ~ label , .fancy-label select.valid ~ label , .fancy-label textarea.valid ~ label  {
    top:-20px;
    left: 0px;
    font-size: 0.9375rem;
    font-weight: 700;
    background: transparent;
}

.form-group input.highlighterror , .form-group select.highlighterror , .form-group textarea.highlighterror {
    border: 1px solid #D84A49 !important;
}

.fancy-label input.highlighterror , .fancy-label select.highlighterror , .fancy-label textarea.highlighterror {
    border: 1px solid #D84A49 !important;
}

select.form-control {
    height: 35px;
    padding: 5px;
}

.ssCheckBoxDiv input[type="checkbox"].highlighterror+label:before , .ssCheckBoxDiv input[type="radio"].highlighterror+label:before {
    color: #B94A48;
}

.fancy-label input.valid.disabled ~ label {
    font-size: 1rem;
    top: 8px;
    font-weight: normal;
}

.fancy-label input[type=text]:focus , .fancy-label textarea:focus , .fancy-label select:focus {
    background: #fff;
    outline: none !important;
    outline-width: 0 !important; 
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid #dedede !important;
}

.fancy-label .ssCheckBoxDiv label , .fancy-label .ssCheckBoxDiv label:focus , .fancy-label .ssCheckBoxDiv ~ label.valid {
    position: relative;
    font-size: 0.875rem !important;
    top: 0 !important;
    left: 0; 
    padding-top: 1px !important;
}

.fancy-label .ssCheckBoxDiv input {
    height: auto !important;
}

.fancy-label input:-webkit-autofill {
    background: #fff;
    outline: none !important;
    outline-width: 0 !important; 
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid #dedede !important;
}

/*
.fancy-label .notifyjs-wrapper +  input + label , .fancy-label .notifyjs-wrapper +  select + label, .fancy-label .notifyjs-wrapper + input ~ label , .fancy-label .notifyjs-wrapper + input + .fa + label , .fancy-label .notifyjs-wrapper + select ~ label {
    font-size: 0.9375rem;
    font-weight: 700;
    background: transparent !important; 
}
*/

.fancy-label input:-webkit-autofill + label , .fancy-label input:-webkit-autofill + .fa + label , .fancy-label input:-webkit-autofill + .fas + label , .fancy-label input:-webkit-autofill + .far + label , .fancy-label input:-webkit-autofill + .fal + label , .fancy-label input:-webkit-autofill + .fab + label {
    top:-20px;
    font-size: 0.9375rem;
    font-weight: 700;
    background: transparent !important; 
}

.fancy-label .form-control[disabled], .fancy-label .form-control[readonly], .fancy-label fieldset[disabled] .form-control {
    background: #eee !important;
}

.fancy-label .form-control[disabled] + label, .fancy-label .form-control[disabled] + input + label {
    background: #eee;
}

.fancy-label .form-control.valid[disabled] ~ label , .fancy-label .form-control.valid[disabled] + label{
    background: transparent !important;
}

.fancy-label .form-control[disabled] + label:focus , .fancy-label .Data1 textarea:focus , .fancy-label .Data2 textarea:focus , .fancy-label .Data1 input:focus , .fancy-label .Data textarea:focus {
    border-bottom: 1px solid #dedede  !important;
}

.fancy-label textarea.form-control {
    float: left;
}

.fancy-label .form-control[readonly]:focus , .fancy-label .form-control[disabled]:focus , .fancy-label fieldset[disabled] .form-control:focus {
    background: #eee !important;
}

.form-control .ssCheckBoxDiv label {
    font-weight: normal;
    box-sizing: content-box;
}

.notifyjs-bootstrap-error span:before {
    top: 9px !important;
}

#navtitle {
    position: relative !important;
    top: unset !important;
    display: block;
    font-size: 1.25rem;
    border-bottom: 0;
    font-weight: normal;
    line-height: normal;
    margin: 12px 0 !important;
    padding-bottom: 0;
}

.form-control:is(input[type='text'], input[type='password'], input[type='search'], select, textarea):disabled, .form-control[readonly] {
    color: inherit !important;
    background: #eee !important;
    border: 1px solid #dedede !important;
    box-shadow: none;
}

.centerlayout img.header_logo {
    padding-right: 30px;
}

#header_container .centerlayout {
    text-align: left !important;
}

/* dynamic applicants/users for signup pages */


.signuppageWrapper {
    margin-bottom: 15px;
}

.signuppageWrapper .subsectiontitle {
    font-size: 1.125rem;
    font-weight: 700;
    border-bottom: 0;
}

.signuppageWrapper .userform {
    background: #f9f9f9;
    margin-bottom: 20px;
    border-radius: 5px;
}

.signuppageWrapper .userheading {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.signuppageWrapper .usernumheading {
    float: left;
    font-size: 1rem;
    font-weight: 500;
    border-bottom: 0;
    margin: 5px 0 0 0;
    padding: 0;
}

.signuppageWrapper .formwrapper {
    padding: 15px; 
}

.signuppageWrapper .userheading .btn , .signuppageWrapper .addbutton .btn {
    float: right;
}

.signuppageWrapper .userheading .btn .fa , .signuppageWrapper .addbutton .btn .fa , .signuppageWrapper .userheading .btn .fas , .signuppageWrapper .addbutton .btn .fas {
    vertical-align: unset;
    padding-right: 5px;
}

.signuppageWrapper .addbutton {
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    display: inline-block;
    padding: 0 0 10px 15px;
    width: 100%;
}

.mobile ol, .mobile ul{
    padding: 0px;
}
.mobile li {
    padding: 10px 0 0 0;
}
.mobile #header_container_in {
    min-height: 55px;
}
.mobile #results #labels {
    display: none;
}
.mobile #results tr{
    display: block;
    border-radius: 5px;
    padding: 5px;
}
.mobile #results tr{
    display: block;
    margin: 10px 0 0 0;
    border: 1px #EEEEEE solid;
}
.mobile #results tr td{
    background: #FFFFFF;
    border: none;
    display: block;
    margin: 10px 0 0 0;
}
.mobile #results tr td.modalhidden, .mobile #results tr td.listhidden{
    display: none;
}
.mobile .container {
    margin: 10px 0 0 0;
    padding: 0 10px;
}
.mobile .box {
    padding: 15px;
}
.mobile .Data1, .mobile .Data2 {
    padding: 0px;
}
.hasDatepicker {
    width: 180px !important;
}
select.form-control[disabled] {
    color: inherit !important;
}
div.fancy-label + div > select.form-control[disabled] {
    background: #eeeeee !important;
}

@-moz-document url-prefix() { 
    .error_msg_container ul li::before { 
        top: 0;
    }
    select:not(#lang) {
        padding: 4px 3px 5px 10px;
    }
}

@media screen and (-ms-high-contrast: none) {
    .notifyjs-bootstrap-error span:before {
        top: -1px !important;
    }
    .error_msg_container ul li::before {
        top: -3px !important;
    }

}


@media (min-width: 780px) and (max-width: 1300px) {
    .centerlayout {
        width: 80%;
    }

    .mwindiv_content.modalstatic .mwindiv_in {
        height: calc(100% - 70px);
        overflow: auto;
        padding: 0px 20px;
        margin: 0px 0px 10px 0px;
    }
    .mwindiv_content.modalstatic {
        height: 80%;
        width: 50% !important;
    }
}
@media (min-width: 1300px) and (max-width: 1500px) {
    .centerlayout {
        width: 70%;
    }
    .mwindiv_content.modalstatic {
        width: 65% !important;
    }
}
@media (min-width: 1100px) and (max-width: 1300px) {
    .centerlayout {
        width: 80%;
    }
    .mwindiv_content.modalstatic {
        width: 75% !important;
    }    
}
@media screen and (max-width: 1200px) and (min-width: 992px) { 
    .signup .centerlayout {
        width: 980px;
    }
}
@media (min-width: 780px) and (max-width: 1100px) {
    .centerlayout  {
        width: 100%;
    }
    .mwindiv_content.modalstatic {
        width: 95% !important;
    }    
}
@media screen and (max-width: 992px) and (min-width: 768px) {
    .signup .centerlayout {
        width: 760px;
    }        
}
@media (max-width: 779px) {
    .centerlayout , .signup .centerlayout {
        width: 100%;
    }
    .mwindiv_content.modalstatic {
        width: 100% !important;
    }
    #header_container .centerlayout {
        text-align: left !important;
    }

    .header_titletext {
        float: none;
    }
    .centerlayout img.header_logo {
        float: none;
    }
    .header_titletext #navtitle {
        margin: 12px 0 !important;
    }
}
@media screen and (max-width: 768px) {
    #header_container_in.centerlayout {
        width: 94% !important;
    }
    .signup .language {
        left: 50px;
    }
}
@media (max-width: 667px) {
    .header_titletext #navtitle {
        margin-left: 0 !important;
    }
    .signup h1 button {
        float: none !important;
        clear: both;
        content: '';
        display: block;
        margin-top: 5px;
    }  
    .signup .form-group label {
        width: calc(100% - 28px) !important;
    }
    #header_container_in.centerlayout {
        width: 92% !important;
    }
    #header_container_in > .header_container_left .centerlayout {
        width: 100%;
    }
    .signup .language {
        width: calc(100% + 24px) !important;
        left: 12px;
    }
}
@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) {
    #header_container_in.centerlayout {
        width: 88% !important;
    }
}
@media (max-width: 376px) and (orientation: portrait), (max-width: 812px) and (orientation: landscape) {
    .signup .Large , .box.centerlayout input.form-control, select.form-control {
        width: calc(100% - 50px) !important;
        max-width: initial !important;
        min-width: initial !important;
    }
}

/* ie11 */

@media screen and (-ms-high-contrast: none)  {
    .box.centerlayout .fancy-label input {
        min-height: 35px !important;
        max-height: 35px !important;
    }

    .box.centerlayout input[type=checkbox] {
        height: auto !important;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .fancy-label select + input + label, .fancy-label select + label {
        width: 85%;
    }

    .fancy-label :-ms-input-placeholder.datepickclass {
        opacity: 1;
    }

    .fancy-label input.datepickclass ~ label {
        background: #fff;
        max-width: 170px;
    }


    .fancy-label input.datepickclass.valid ~ label ,  .fancy-label input.datepickclass:focus ~ label {
        background: transparent !important;
    }

    div.Submit input[type='submit'], div.Submit input[type='button'], div.Submit button {
        height: auto;
    }
}