body { font-size:14px;     font-family: Muli,sans-serif; }


.sso-container { min-height: 550px; color: #000; }
.sso-container .view {text-align:left; margin-bottom:50px }

.sso-container .view.login .form-login ul  { margin-top:10px; }
.sso-container .view.login .form-login ul li { display: inline-block; }
.sso-container .view.login label { font-size:14px; margin:0px}

.sso-container .view ul li { display: inline-block; }
.sso-container .view .form-group label { font-size:14px; display:block; text-align:left;}

    /*.sso-container .form-control { max-width:650px; min-width:250px; width:100%; margin-top:10px; margin-bottom:0px !important;}*/
.sso-container .form-control-break-above { margin-top: 25px; }
/*.sso-container select.form-control { color: #999999; padding-left: 7px; }
.sso-container select.form-control option { color: #999999; padding-left: 7px; }*/
.sso-container select.color-alt { color: #555555; } 
input[type=date].form-control { line-height: 12px; }
.sso-container input[type="date"].form-control.default::before { color: #999999; width:100%; content:attr(placeholder); }
.sso-container input[type="date"].form-control.default.input-validation-error::before { background-color: #f2dede; border-color: #b94a48; }
.sso-container .col-md-8 .view .social { text-align:center; }
.sso-container .col-md-8 .view .social img { max-width:110px; width:100%; }
.sso-container .col-md-8 .view .socials a { color:#fff; border-radius: 6px;}
.logout-btn{ text-align:center; margin-left:auto !important; margin-right:auto !important; display:block !important; max-width:200px; width:100%; }
.group-heading { display: block; font-weight: 900; text-transform: uppercase; border-bottom: 1px solid #000; margin: 20px 5px 5px 5px; text-align:left }
.item-wrapper { margin: 5px 5px 5px 10px; display: flex; }
.item-wrapper span:first-child { display: block; min-width: 150px; max-width: 40%; width: 100%; float: left; font-size: 14px; font-weight:bold; color:#000; text-align:left}
.item-wrapper span:last-child { display: block; min-width: 150px; max-width: 60%; width: 100%; float: right; text-align: right; font-size: 14px; }
.item-wrapper span:last-child a { padding-left: 5px; font-weight:300;}
.item-wrapper span.indent { padding-left: 5px; }
input[type="checkbox"] { width:auto; -webkit-appearance:checkbox !important; opacity: 1 !important; position:unset !important; }
.menu-right li{ display:inline-block; align-items: center; }
.no-dropdown :hover { background:#09498C !important; color:#fff; }
.show-mobile { display:none; }
.disclaimer { font-style:italic; font-size:1.2rem; margin-top:0px !important}
.input-validation-error { background-color: #f2dede !important; border-color: #b94a48 !important; }
.input-required-field { background-color: #fcf8e3; border-color: #C87533; }
.pull-right { float: right; }
.alert-dismissable .close { right:0 }

.checkbox-wrapper { padding: 5px; min-width: 305px; margin-bottom: 30px; width:80%;    /*margin: 0px auto;*/ }
.checkbox-wrapper label { margin: 0px; display: inline-block; margin-right: 20px; font-weight: normal; text-transform: capitalize; font-size: 20px; }
.checkbox-wrapper input[type="checkbox"] { vertical-align: middle; margin: 0px; margin-right: 10px; }
.checkbox-wrapper .optin-title { font-style: normal; font-size: 18px !important; font-weight: bold; color: #c3a572; }
.checkbox-wrapper .optin-text {font-weight: normal !important; font-style:italic; color:#c6c6c6 !important; font-size: 0.8em; font-family: unset; padding-top: 5px}
.checkbox-wrapper td:first-child { width:50%}
.checkbox-wrapper tr:last-child td {padding-top:15px !important}
.checkbox-wrapper td:nth-child(2),.checkbox-wrapper td:nth-child(3) { text-align:center }
.updateoptins .checkbox-wrapper tr:last-child td:last-child {text-align: center}

.bold{ font-weight:700;}

input.btn {
    font-family: 'Muli';
    font-size: 16px;
    font-weight: 300;
    color: #cd1417;
    background-image: none;
    border-color: #cd1417;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    width: 200px;
    display: inline-block;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    background: white
}

input.btn:hover { background-color: #cd1417; color:#fff }

.alert ul li { display:block !important }


.btn-login-social i {float: left; margin-top: 0px; font-size: 30px; font-size: 30px; color: #fff; font-weight: normal; line-height: 0.6;}
.btn-login-social {padding: 18px 20px; margin-top: 15px; font-size: 16px; font-size: 20px; color: #fff !important; text-align: center; transition: all .2s; border-radius: 10px;}
.btn-login-social:hover, .btn-login-social:active, .btn-login-social:visited, .btn-login-social:link {text-decoration: none}
.btn-login-facebook {background-color: #3b5998;}
.btn-login-google {background-color: #d13e34; margin-top: 5px !important}
.btn-login-linkedin {background-color: #2977C9;}

.social-login-buttons a i { margin-right:10px }

.divide li { text-align: center; line-height: 12px !important; width:24%; }
.nopad-right { padding-right:0px; }
.sso-container h1.head-space { margin-top: 20px; }
a.la-cta { margin-top: 10px; display: inline-block; }

.btn-facebook { background-color:#3b5998 !important; color:#fff; border:none !important;    width: 230px; }
.btn-google { background-color:#db3236 !important; color:#fff; border:none !important;     width: 230px; }
.btn-linkedin { background-color:#007BB6 !important; color:#fff; border:none !important; }
.socials .btn { font-size: 2rem !important }
.btn-facebook:hover, .btn-google:hover { color:#fff !important; text-transform:none; }


.divide-5 { display:block;text-align:center; }
.divide-5 li { width:25%; }
.divide-5 li:first-child { width:20%}
.divide-5 li:nth-child(4) { width:12%}
.divide-5 li:nth-child(5) { width:12%}

#facebook a:hover { color:#fff !important; }
#google a:hover { color:#fff !important; }
.faq { max-width:1000px !important; }
.faq .clickme { color: #000; display: block; margin-bottom: 10px; text-decoration: none; cursor: pointer; position: relative; background-color: #fff;  }
.faq .clickme h2 { font-size:2rem !important;display:inline-block; }
.faq .clickme span { position: absolute; right: 15px; top: -2px; font-size: 16px; line-height: 40px; height: 0px; font-weight: bold;}
/*.faq .clickme:hover { color:#0b56a4;}*/
.faq .infobox { text-align:justify; background: #f8f8f8;  color: #000; border-radius: 5px; padding: 5px 10px 5px 10px; margin-bottom:5px; }
.faq .infobox img { display: block; margin: 5px auto; width:95%; padding:0px 0px 0px 0px; }
.faq ul { display:block;margin-left:15px; display:list-item !important; }

.faq ul li:before {
    content: '\25A0';
    top: 0;
    display: inline-block;
    margin: 0 0 0 -20px;
    font-size: 17px;
    position: absolute;
    color: #d5002e;
    font-size: 2rem;
    line-height: 23px;
}
.faq ul li { display: block !important; list-style-type:none !important; margin-bottom:5px; line-height:unset !important; display:block; font-size:18px !important; padding-left: 40px !important; position:relative}
.alert-warning { font-size: 18px; line-height:1.5}
.tmsaccountwrapper{ font-size:18px; margin-bottom:10px}
.tmsaccountwrapper div{ display:inline-block}
.pointer { cursor:pointer}
.sml-txt { font-size: 14px; }
/*.shrink{ font-size:16px !important;}*/
.linkaccount input[type="text"] { max-width:210px; margin-bottom:10px; display:block}
/*.linkaccount input[type="submit"] { margin:0px !important; font-size:15px !important; padding:12px 18px !important; margin-top:10px !important; }*/
.linkaccount a {font-size:18px;}
.shrink {font-size:16px;}
.linkaccount label { display:inline-block;}
.linkaccount ul li { display:block!important; margin-bottom:15px}
.top-links__menu li nav { margin-left:3px }
.pushdown { margin-top:15%;display: inline-block;}

.nav-main-item .select-container{margin-top:10px}

/*MEDIA QUERYS*/
@media (max-width: 1330px) {
    ul .dropdown{ left:-10px; }
}

@media (max-width: 1200px) {
    .view.myaccount .text ul { margin-left: 10% }
    
}

@media (max-width: 1120px) {
    ul.dropdown li a { text-decoration: none; padding: 1rem; display: block; font-size: 1rem; }
    ul.dropdown { left:-25px; }
    
}

@media (max-width: 990px) {
    .stay-inline { display:inline-flex; }
    .nav-profile__name { display: none; }
    .nav-profile__avatar { display: block; }
    .nav-profile__avatar { width: 3rem; height: 3rem; margin-left: 0rem; }
    .global-header__link, .global-header__name  { padding: 0 2.5rem; }
     #username { padding-right:0px}

    
}

@media (max-width: 840px){
    .stay-inline { display:none; }
    .show-mobile { display:flex; }
    .main-nav__options { flex:0; }
    .hideme{ display:none; }
    .global-header {display:none;}
    .main-nav__container{ height:6rem; }
    .main-nav__links { padding-top: 6rem; }
}

@media (max-width: 768px) {
    .sso-container .col-md-8 .view { max-width:100%; }
    /*.footer:before { background-position: 100% calc(100% + 150px); background-size: 65% !important; }*/
    .sso-container .col-md-8 .view { padding:0px; }
}

@media (max-width: 640px) {
    .global-header { display:none; }
    .main-nav__container{ height: 6rem; }
    .linkaccount a { font-size: 16px; }

}

@media (max-width: 560px) {
    .divide li { font-size: 12px; } 
    .divide li a span { display:block; padding:5px; }
    .item-wrapper span:first-child { min-width: 80px; font-size: 12px; }
    .item-wrapper span:last-child { font-size: 12px; }
    .group-heading { font-size: 14px}
    .divide-5 li { line-height: 12px !important; font-size:1.2rem !important; }

    
}

@media (max-width: 530px) {
    .sso-container .col-md-8 .view ul li { font-size:12px; }
    .sso-container .col-md-8 .view .btn-login{ margin-top:10px; }
    .sso-container .col-md-8 .view{ margin: 15px auto 25px auto; }
    .sso-container .col-md-8 { padding:0px; }
    .stay-inline { font-size:12px; }
    .banner-wrapper { left:-15px; width: 100vw; margin-top:-15px }
    .sso-container{ min-height: 300px; display: block;}

}

@media (max-width: 460px) {
    .stay-inline { display:none; }
    .show-mobile { display:flex; }
    .main-nav__options { flex:0; }
    .hideme{ display:none; }
    .banner-wrapper { min-height:480px}
}

@media (max-width: 400px) {
    .divide li:first-child { max-width: 13ch; }
    .sso-container .col-md-8 .view .btn-login, .continue-btn {width: auto;}
    .g-recaptcha { transform: scale(0.7); }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .checkbox-wrapper input[type='checkbox'] {
        margin-left: -20px;
    }
}