.header{position: relative;height:60px;background:#113c45;}
.header .logo{text-align: center;height:100%;display: block;color:#fff;font-size: 30px;font-weight:bold; max-width: 180px;margin:auto;}

.header .title{position: absolute;left:10px;top:50%;transform: translateY(-50%);color:#fff;font-size:15px;}
.header .close{position: absolute;font-size: 20px;top:50%;transform:translateY(-50%);color:#fff;right:0;padding:0 20px;z-index:20;}
@media (max-width: 400px) {
    .header .title{display:none;}
}
.main-content{width:100%;padding:40px 0;}
.secondary-text{color:#666;}
.form-container{max-width:470px;margin:auto;padding:5px;}
@media (max-width:470px){
    .form-container{border-radius:0;}
}
.user-form .body,.user-form .foot{padding: 5px 20px;}
.user-form .input{padding:10px;border-radius: 5px;border: 1px solid #d1d1d1;outline: 0;background-color:#fff;}
.user-form .input::placeholder{color:#6b7f80;}
.user-form .body label{font-size:15px;color:#7d7d7d;}
.foot .btn{background-color: #f9c45b;color: #282828;font-size:18px;}
@media (min-width: 991px){
    .user-form .btn:hover{background-color: #5caf5d;}
}
.links{margin-top:20px;}
.links a{color:#7d7d7d;cursor:pointer;border-bottom:1px solid #7d7d7d;}
.links a:hover{color:#006770;border-color:#006770}
.errorMessage{background-color: red;color: #fff;border-radius: 5px;text-align: center;padding: 5px;margin-bottom: 5px;}
/*.requirements{margin-top:10px;color:#7d7d7d;}*/
/*.requirements .label{margin:5px 0;font-weight: 600;}*/
/*.requirements ul{margin:0 0 15px;}*/
.form-group{margin-bottom:5px;}
.form-input .user-form .input{margin:0;}
.form-input{position: relative;color:#006770;}
.form-input .eye-container{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color:#666;}
.form-input .eye-container span.fa-eye,.form-input .eye-container.passwordShown span.fa-eye-slash{display: block;}
.form-input .eye-container span.fa-eye-slash,.form-input .eye-container.passwordShown span.fa-eye{display: none;}


.steps{margin:0 auto 10px;overflow:hidden;counter-reset: step;padding:0;width:260px;}
.steps li{list-style-type: none;color: #aaa;text-transform: uppercase;font-size: 10px;width: 50%;float: left;position: relative;text-align:center;font-weight:bold;}
.steps li:before {content: counter(step);counter-increment: step;color: #fff;background: #aaa;width: 35px;line-height: 35px;display: block;font-size: 14px;border-radius: 50%;margin: 0 auto 5px auto;position: relative;z-index:2;}
.steps li:after {content: '';width: 100%;height: 5px;background: #aaa;position: absolute;left: -50%;top: 15px;}
.steps li:first-child:after {content: '';width:50%;left:50%;background:#006770;z-index:1}
.steps li.active:before,  .steps li.active:after{background: #006770;color: #fff;font-weight:bold;}
.steps li.active{color:#006770;}

/*.form-error-text{color: #CD5C5C;font-size:11px;height:17px;padding:2px 10px;}*/
.form-error-text{color: #CD5C5C;font-size:12px;padding:5px 15px;position:relative;border-bottom:3px solid;font-weight:bold;}
.form-error-text span:after{content:'';position: absolute;bottom: 0;left: 11px;width: 0;height: 0;border-style: solid;border-width: 0 5px 5px;border-color: transparent transparent #CD5C5C;}
/*.form-input .input.error,.form-input .input.exist,.form-input .input.invalid{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#CD5C5C;}*/

.form-error-text.acceptance{border-right:none;border-left:none;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.mb5{margin-bottom:5px;}
.input-label{color:#6b7f80;padding:5px;font-size:14px;}
.dob-input-first{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:none!important;}
.dob-input-second{border-radius:0!important;border-left:none!important;border-right:none!important;}
.dob-input-third{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:none!important;}
.dob-input{float:left;width:33.33%;}

/*.mobile-input{float:left;}*/

.section{border-top:1px solid #bbb;position: relative;padding:15px 0;margin-top:10px;}
.section-title{color: #113c45;font-size: 14px;font-weight: bold;position: absolute;top: -14px;background: #eee;left: 50%;transform: translateX(-50%);padding: 2px 10px;white-space: nowrap;}
.section p{color:#666;font-size:13px;padding:0 11px;margin:10px auto;width:80%;}

/*Remove arrow from input type number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/*Firefox*/
input[type=number] {-moz-appearance: textfield;}


.terms-text{font-size:12px;color:#6b7f80}
.terms-text a{color:#6b7f80;font-weight:bold;}

.strength-bars{margin-top:5px}
.s-bar{height:5px;flex:1;background-color:#216e51;opacity:.2;margin-right:2px;transition:all .3s;}
.s-bar:last-child{margin-right: 0;padding:0 5px}
.strength-bars.strong .s-bar.active{background-color:#216e51;opacity:1;}
.strength-bars.good .s-bar.active{background-color:#216e51;opacity:.8}
.strength-bars.medium .s-bar.active{background-color:#216e51;opacity:.6}
.strength-bars.weak .s-bar.active{background-color:#216e51;opacity:.4}
.s-value{font-size:12px;padding-left:20px;color:#216e51;font-weight:bold;}

.visually-hidden {border: 0;padding: 0;margin: 0;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */}
.mobile-input-first{border-top-right-radius:0!important;border-bottom-right-radius:0!important;width:95px;color:#006770;}
.mobile-input-last{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:none!important;flex:1;}

label.radio-label {color: #333!important;font-size: 17px!important;}
.radio-label input[type=radio] {vertical-align: middle;margin-right:10px;}