.onboard-wrapper{
    position:relative;
    width:90%;
    min-height:120vh;
    padding-bottom:100px;
    margin:0 auto;
    overflow:hidden;


}

.onboard-inner-wrapper{
    position:absolute;
    top:0px;
    left:0px;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
    width:100%;

}

.onboard-spanel{
    width:100%;
    min-height:300px;
    margin-bottom:100vh;
    margin-top:15vh;

}

.onboard-spanel h5{
    font-size:30px;
    margin-bottom:30px;
    transition:all 0.4s;
}

.expanded h5,.expanded  h6,.expanded span{
    padding-bottom:100px;
}

.onboard-spanel h6{
    font-size:25px;
    margin-bottom:30px;
    transition:all 0.3s;
}

.onboard-spanel span{
    display:block;
    font-size:14px;
    color:#909090;
    padding-bottom:20px;
    transition:all 0.2s;
}

.onboard-spanel.tight{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

.onboard-spanel.center{
    text-align:center;
}

.temp-tools{
    position:fixed;
    top:10px;
    right:10px;
    background:white;

}

.onboard-bigimg{
    display:inline-block;
    margin:0 auto;
    margin-bottom:20px;
    max-width:1000px;
    width:100%;
}



html{
    color:#606060;
    font-family:sofia-pro, sans-serif;
    font-weight:400;

}


body{
    background:#f3f5f6;
    overscroll-behavior: none;
}

::placeholder{
color:#808080;
opacity:0.5;
}



    .container{
        max-width:600px;
    }
    .panel-titles{
height:45px;
line-height:45px;
font-weight:bold;
font-size:16px;
text-transform: uppercase;
color:#125e70;
font-family: sofia-pro, sans-serif;

font-weight: 400;

font-style: normal;

}


.panel-titles a{
float:right;
background:#1caa97;
font-size:12px;
padding:2px 10px;
border-radius:10px;
line-height:25px;
margin-right:10px;
color:white;
}


.onboard-ip-wrap{
position:relative;
width:100%;
height:70px;
line-height:70px;
background:white;
border:1px solid #e0e0e0;
border-radius:5px;

display: flex;
align-items:center;
margin:0 auto;
margin-bottom:15px;
padding-left:70px;
}

.onboard-ip-wrap img,.onboard-ip-wrap i{
position:absolute;
top:26px;
left:27px;
height:18px;
font-size:23px;
color:#a0a0a0;

}

.onboard-ip-wrap img.pwd{
left:29px;
}

.onboard-label{
display:block;
margin-bottom:2px;
font-size:11px;
padding-left:10px;
color:#909090;
}

.onboard-ip-wrap input,.onboard-ip-wrap select{
display:inline-block;
height:50px;
width:85%;
vertical-align:middle;
border:0;
background:white;
font-size:20px;
color:#707070;
border:none !important;
}

.onboard-ip-wrap input:focus{
border:none !important;
box-shadow:none !important;
outline:none !important;
background:white !important;

}

.onboard-field{
border:none;
}

.onboard-btn{
display:inline-block;
height:54px;
line-height:54px;
border:1px solid #166d82;
color:white;
font-size:14px;
text-transform:uppercase;
padding-left:40px;
padding-right:40px;
background:#166d82;
border-radius:3px;
margin-left:15px;
text-transform:uppercase;
}

.onboard-btn.disabled{
opacity:0.5;
cursor:not-allowed;
}

.onboard-btn.alt{
background:white;
color:#166d82;
}

.onboard-buttons{
text-align:right;
margin-top:15px;
min-height:54px;
line-height:54px;
width:100%;
overflow:hidden;

}



.onboard-logo{
display:block;
width:170px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

.onboard-logo img{
width:100%;
}

.onboard-panel{
width:100%;
min-height:200px;
}

.select-wrap{
width:96%;

}

.select-wrap:after{
top:4px;
}

.onboard-validate-fail{
border:1px solid #d32f2f !important;
}

.onboard-validate-message{
font-size:12px;
width:100%;
color:#d32f2f;
line-height:20px;
margin-top:-11px;
margin-bottom:5px;
text-align:right;
padding-right:2px;
}


select:required:invalid {
color: #c0c0c0;
}

option[value=""][disabled] {
display: none;
}

option {
color: #000;
}

.onboard-panel{
transition:all 0.5s ease-in-out;
}

.marginup{
margin-top:-100vh;


}

.outline{
    outline:1px dotted green;
}

.onboard-list{
    overflow:hidden;
    margin-bottom:10px;
}

.onboard-list a{
    display:block;
    position:relative;
    width:100%;
    box-sizing:border-box;
    color:#808080;
    background:white;
    border:1px solid white;
    font-size:14px;
    padding:5px 15px 5px 50px;
    margin-bottom:2px;
    border-radius:4px;

}

.onboard-list a.selected:before{
	position:absolute;
	top:5px;
	left:10px;
	font-size:18px;
	color:#1caa97;
	content:"\f00c";
	font-family:"Font Awesome 5 Pro";
	font-weight:900;
	z-index:1000;

}

.onboard-list a.selected{
    border:1px solid #1caa97;

}

.onboard-list a:focus{
    border:1px solid #1caa97;

}

.onboard-list a:hover{
    border:1px solid #1caa97;

}

.progress-wrap{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:100;
    transition:all 0.2s;
}

.progress-hidden{
    margin-top:-100px;
}

.progress-panel{
    width:600px;
    max-width:100%;
    background:white;
    padding:10px;
    border-radius:0px 0px 5px 5px;
    margin:0 auto;
    text-align:center;




}

.progress-panel b{
    color:#166d82;
}

.progress{
    width:90%;
    height:20px;
    display:flex;
    margin:0 auto;
    background:white;
    margin-bottom:10px;
}

.progress a{
    flex-grow:1;
    box-sizing:borer-box;
    background:#e0e0e0;
    cursor:not-allowed;
    margin:1px 0px 0px 1px;
    transition:all 0.2s;



}

.progress a.notneed{
    background:#166d82;
    opacity:0.6;
    display: none;
}

.progress a.completed{
    background:#166d82;
    cursor:pointer;
    opacity:0.6;
}

.progress a.selected{
    background:#166d82;
    opacity:1;
}