/* CSS Document */
body, #outter, #navMain, #footer { background:#161f2c; }
#footer { border-top: #102832 solid 2px; }
#footer .ball, #footer .spacer_h1 { background-color: #102832; }
h1, h2, h3, p, a, label { color:#ffffff; }
h2 { font-size:18px; }
h3 { font-size:30px; }
input, select { -moz-border-radius:9999px!important; -webkit-border-radius:9999px!important; border-radius:9999px!important; padding:10px 15px!important; background-color: #ffffff!important; color:#000000!important; border:none!important; }
select  { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #161f2c, #161f2c); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 0px 1.5em; background-repeat: no-repeat; padding-right: 35px !important; }
input:-webkit-autofill { webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; box-shadow: 0 0 0px 1000px #ffffff inset !important; -webkit-text-fill-color: #000 !important; transition: background-color 5000s ease-in-out 0s; }
input[name="loginBtn"] { -moz-border-radius:15px!important; -webkit-border-radius:15px!important; border-radius:15px!important; -moz-border-top-left-radius:3px!important; -webkit-border-top-left-radius:3px!important; border-top-left-radius:3px!important; -moz-border-bottom-right-radius:3px!important; -webkit-border-bottom-right-radius:3px!important; border-bottom-right-radius:3px!important; width:auto; display:block; margin:0 auto 50px auto; padding: 15px 35px 15px 35px!important; border:none; background-color:#C4E649!important; }
input[name="loginBtn"]:hover { background-color:#9fbf2a!important; }
input.error, textarea.error, select.error { color:#000000; background-color: #dc9e9c!important; }
label { padding-left:15px!important; }
.actLinks { font-size:0.8em; text-align: center; }
.actLinks a:link, .actLinks a:visited { text-decoration: none; display:inline-block; border-radius: 9999px; background-color:#5a6b71; padding: 3px 15px; margin: 0 3px; }
.actLinks a:hover { background:#4c5b61; }
.cpA a.checked:visited path { fill: #C4E649; }
.cpA path { fill: #ffffff; }
.cpA a:hover svg path { fill:#C4E649; }
form[name="loginForm"] .cpA, form[name="resetPasswordForm"] .cpA, form[name="createAccountForm"] .cpA, form[name="matchAccountForm"] .cpA { text-align: center; margin: 0 10px 20px 10px; font-size: 15px; line-height: 120%; }
form[name="loginForm"] .colA, form[name="loginForm"] .colB, form[name="resetPasswordForm"] .colA, form[name="resetPasswordForm"] .colB, form[name="createAccountForm"] .colA, form[name="createAccountForm"] .colB, form[name="matchAccountForm"] .colA, form[name="matchAccountForm"] .colB { float:left; width:49%; }
form[name="loginForm"] .colB, form[name="resetPasswordForm"] .colB, form[name="createAccountForm"] .colB, form[name="matchAccountForm"] .colB { float:right; width:49%; }
.logo.posCenter { margin:20px auto; }
h2, h3 { text-align:center; }
.spacer_h2 { margin-left:auto; margin-right:auto; background-color:#194354; margin-bottom: 10px; }
.stepper { text-align:center; margin:0 0 30px 0; }
.stepper .col1, .stepper .col2, .stepper .col3 { width:33.333%; float:left; }
.stepper .circle { width:70px; height:70px; line-height:70px; border-radius:50%; color:#ffffff; background:#4f5662; margin:0 auto; border:#009eff solid 3px; opacity: .6; }
.stepper .circle.active { font-weight:700; border-color:#9fbf2a; background:#ffffff; color:#4f5662; font-size:1.5em; transform:scale(1.2); opacity: 1; }
.stepper.two .col1, .stepper.two .col2 { width:50%; float: left; }
.pin6 { display:flex; margin: 0 -10px 30px -10px; }
.pin6 input { margin:0 10px; min-height: 75px; font-size: 1.5em; text-align: center; -webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; border-radius: 10px!important; }
.pin6.resetPassword input { background-color:#c1eca6!important; color:#058158!important; font-weight: 700; }

.overlay { background: url("core/images/background-white-90.png") repeat; position: fixed; width: 100%; z-index: 22; }
.overlayLoaderFull { background: url("core/images/background-white-90.png") repeat; position: fixed; width: 100%; z-index: 1002; color: #000000; }
.overlay.dark { background: url("core/images/background-dark-90.png") repeat; }
.olContentOutter { position: absolute; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; top: 50px; overflow: hidden; }
.olHeadline { background: #000000; color: #C4E649; padding: 12px 15px; }
.olContent { overflow-y: scroll; padding: 12px 15px; background: #ffffff; }
.olContent p { color:#161f2c; }
a.olCloseBtn:link, a.olCloseBtn:visited { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; position: absolute; right: 0; text-decoration: none; color: #ffffff; }
a.olCloseBtn:hover .fa { color: #C4E649; }
.lock-scroll { overflow: hidden; }
.lock-scroll #navMain, .lock-scroll #outter, .lock-scroll #footer { filter:blur(2px); }

.shPWOutter { position: relative; }
.shPW { color:#161f2c; position:absolute; right:15px; top:7px; }
.pwRulesOutter { margin:5px 15px 10px 15px; color:#ffffff; font-size: 15px; text-align: center; }
form[name="resetPasswordForm"] .pwRulesOutter { text-align:left; }
ul.pwRules { display:inline-block; text-align: left; }
ul.pwRules li.valid   { color: #ffffff; }
ul.pwRules li.invalid   { color: #ffffff; }

@keyframes myAnimation {
    0%   {color: #ffffff; transform: rotate(0deg); }
    50%  {color: #E9168C; transform: rotate(-10deg) scale(1.2); }
    100% {color: #ffffff; transform: rotate(0deg); }
}

.helpinfo { display: inline-block; color: #ffffff; animation-iteration-count: 2; animation-name: myAnimation; animation-duration: .2s; animation-delay: 1s; }
a.helpinfo:hover { color:#18627e; }

.acceptTermsBox { margin:0 15px 35px 15px; text-align: center; }
.acceptTermsBox label { display:inline-block;  margin:0; padding:0!important; }
input.acceptTerms { -moz-appearance:checkbox; -webkit-appearance:checkbox; appearance:checkbox; text-align: left; margin:0 5px 0 0; width:auto; }


@media only screen and (max-width: 768px) {
    form[name="loginForm"] .colA, form[name="loginForm"] .colB, form[name="resetPasswordForm"] .colA, form[name="resetPasswordForm"] .colB, form[name="createAccountForm"] .colA, form[name="createAccountForm"] .colB, form[name="matchAccountForm"] .colA, form[name="matchAccountForm"] .colB { float:none; width:100%; }
    form[name="loginForm"] .colB, form[name="resetPasswordForm"] .colB, form[name="createAccountForm"] .colB, form[name="matchAccountForm"] .colB { float:none; width:100%; }
    
    #footer .ball { display:none; }
    #footer .colA, #footer .colB, #footer .colC { width:100%; float:none; text-align: center; margin: 0 0 30px 0; }
    #footer .spacer_h1 { margin:10px auto!important; float: none!important; }
    
}