body, html{
	margin:0;
	font-size: 16px;
	font-family: 'Work Sans', sans-serif;
}

input:focus, button:focus, textarea:focus{
	outline: none;
}
a:hover,a:focus{
	text-decoration: none;
}
img{
	max-width: 100%;
}
.nav_section{
    background: #24224A;
    padding: .35rem 1.5rem;
    position: relative;
}
.nav_section .bg-dark{
    background: transparent !important;
    padding: 0;
}
.nav_section .navbar-brand{
    color: white;
    font-size: 2rem;
    font-weight: 600;
}
.navbar-dark .navbar-nav li{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 3rem;
    min-height: 3.5rem;
}
.navbar-dark .navbar-nav .nav-link img{
	width: 2.5rem;
}
.navbar-dark .navbar-nav li:nth-child(2) .nav-link img{
	width: 2rem;
}
.navbar-dark .navbar-nav .nav-link.btn_green{
    background: #85E2CF;
    color: #24224A;
    font-size: 1.1rem;
    padding: .5rem 1.5rem;
    border-radius: 3rem;
    font-weight: 500;
    height: auto;
    border: 0.1rem solid #85E2CF;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.navbar-dark .navbar-nav .nav-link.btn_green:hover,.navbar-dark .navbar-nav .nav-link.btn_green:focus{
    background: #24224A;
    color: #85E2CF;
}
.nav_section .logo{
    color: white;
    font-size: 2rem;
    font-weight: 600;
}
.nav_section2{
	background: transparent;
}
.btn_purple{
    background: #CECDEC;
    border: 0;
    padding: .75rem 2rem;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1.2rem;
    border-radius: 2rem;
    border: 0.1rem solid #CECDEC;
    font-weight: 500;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.btn_purple:hover,.btn_purple:focus{
    background: white;
    color: #CECDEC
}
.btn_white{
    background: #E8EFF4;
    border: 0;
    padding: .4rem 1.25rem;
    text-align: center;
    color: white;
    font-size: 1.2rem;
    border-radius: 2rem;
    border: 0.1rem solid #748795;
    font-weight: 500;
    margin-right: 1rem;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.btn_white:hover,.btn_white:focus{
    background: #bdc7cd;
}
.btn_green{
    background: #1EA41D;
    border: 0;
    padding: .45rem 1.25rem;
    text-align: center;
    color: white;
    width: 100%;
    font-size: 1.2rem;
    border-radius: 2rem;
    border: 0.1rem solid #1EA41D;
    font-weight: 500;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.btn_green:hover,.btn_green:focus{
    background: white;
    color: #1EA41D;
}
.dashboard_section{
    background: #F1F5FE;
    padding: 2rem 0;
    position: relative;
}
.dashboard_section .whitebox{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 1.75rem 1.5rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 0 1rem #00000008;
    margin-bottom: 1.5rem;
}
.dashboard_section .whitebox .head{
    color: #3B4C56;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.dashboard_section .whitebox .sm_label{
    color: #A9B5BB;
    font-size: .8rem;
}
.dashboard_section .whitebox .input-group {
    margin-bottom: 1.5rem;
}
.dashboard_section .whitebox .input-group .form-control{
    background: #FBFCFF;
    border: 0.1rem solid #A3B1BA;
    border-radius: 2rem;
    height: 3rem;
    color: #A3B1BA;
    font-size: 1rem;
    padding: 1rem 1.5rem;
}
.dashboard_section .whitebox .input-group .form-control::placeholder{
    color: #A3B1BA;
}
.dashboard_section .whitebox .input-group .input-group-append{
    display: none;
}
.dashboard_section .greybox{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 1.5rem 1.5rem;
    background: #DDE4EA;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}
.dashboard_section .greybox .head{
    color: #9BABB5;
    font-size: 1.1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: .5rem;
}
.dashboard_section .greybox .head img{
    width: 2rem;
    margin-right: 1rem;
}
.dashboard_section .greybox p{
    color: #374854;
    font-size: 1rem;
    line-height: 1.2;
}
.dashboard_section .greybox .flexer{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.dashboard_section .yellowbox{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 1.5rem 1.5rem;
    background: #FEEBCD;
    border-radius: 1rem;
    margin-bottom: 1rem;
    border: 0.15rem solid #AE6A00;
}
.dashboard_section .yellowbox .head{
    color: #AF6B00;
    font-size: 1.1rem;
    display: flex;
    font-weight: 600;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: .5rem;
}
.dashboard_section .yellowbox .head img{
    width: 2rem;
    margin-right: .75rem;
}
.dashboard_section .yellowbox p{
    color: #AF6B00;
    font-size: 1rem;
    margin-bottom: 0;
}
.dashboard_section .title{
    color: #273A46;
    font-weight: 600;
    margin-top: .5rem;
    font-size: 1.6rem;
    margin-bottom: 1rem;
}
.dashboard_section .whitebox .inner{
	position: relative;
	width: 100%;
	display: inline-block;
}
.dashboard_section .whitebox .greytext{
    color: #B7C2CA;
    font-size: 1.1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.dashboard_section .whitebox .greytext img{
    width: 1.25rem;
    margin-left: .5rem;
}
.dashboard_section .whitebox .bold_text{
    color: #2B3D47;
    font-weight: 600;
    font-size: 1.35rem;
}
.dashboard_section .whitebox .edit_icon{
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    top: 30%;
    width: 2.5rem;
}
.dashboard_section .whitebox .edit_icon img{
    width: 100%;
}
.dashboard_section .whitebox .link_text{
    color: #6E6BC3;
    font-weight: 600;
    font-size: 1.35rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    line-height: 1;
    margin-top: .75rem;
    margin-bottom: .5rem;
}
.dashboard_section .whitebox .link_text small{
    font-size: 0.9rem;
    color: #B4C0C7;
    font-style: italic;
}
.dashboard_section .whitebox .link_text img{
    width: 1rem;
    margin-right: 1rem;
}
.dashboard_section ul{
    margin-bottom: 2rem;
}
.dashboard_section ul li a{
    background: #E7EEF4;
    display: inline-block;
    padding: .35rem .75rem;
    border-radius: 3rem;
    color: #8294A0;
    font-size: 1.1rem;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.dashboard_section ul li a.active{
    background: #85E2CF;
    color: #38585E;
}
.dashboard_section ul li a:hover,.dashboard_section ul li a:focus{
    background: #85E2CF;
    color: #38585E;
}
.dashboard_section .whitebox .greytext span{
    color: #40505C;
    font-weight: 600;
    margin-left: .25rem;
}
.dashboard_section .whitebox .greytext.greytext_sm{
    font-size: 1rem;
}
.dashboard_section .whitebox .greytext.greytext_sm img{
    width: 2.25rem;
    margin-right: .5rem;
}
.dashboard_section .whitebox .badged{
    display: inline-block;
    background: #DFDDF2;
    border: 0.1rem solid #C9C7E8;
    border-radius: 2rem;
    color: #62609B;
    font-weight: 600;
    padding: .25rem 1rem;
    font-size: 0.9rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
}
.dashboard_section .whitebox .down_icon{
    width: 1.25rem;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
}
.dashboard_section .whitebox .down_icon img{
    width: 100%;
}
.dashboard_section .whitebox .picbox{
    display: block;
    background: #E7EEF4;
    position: relative;
    padding: 1.5rem;
    margin-left: -1.3rem;
    margin-right: -1.3rem;
    margin-bottom: -1.55rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-top: 1.5rem;
}
.dashboard_section .whitebox .picbox .size{
    color: #40505C;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: .75rem;
}
.dashboard_section .whitebox .picbox .pic_gallery{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.dashboard_section .whitebox .picbox .pic_gallery a.link{
    width: 1.75rem;
    margin-right: .5rem;
    display: inline-block;
}
.dashboard_section .whitebox .picbox .pic_gallery a.link img{
    width: 1.15rem;
}
.dashboard_section .whitebox .picbox .pic_gallery .pic_inner{
    width: 100%;
}
.dashboard_section .whitebox .picbox .pic_gallery .m_row{
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.dashboard_section .whitebox .picbox .pic_gallery .m_col{
    padding-left: .5rem;
    padding-right: .5rem;
}
.dashboard_section .whitebox .picbox .pic_gallery .img{
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    border: 0.15rem solid white;
    overflow: hidden;
}
.dashboard_section .whitebox .picbox .pic_gallery .img img{
    width: 100%;
    height: 100%;
}
.login_wrap{
	background-image: url(../images/bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 36%;
}
.login_section{
    min-height: calc(100vh - 3.7rem);
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}
.login_section .flexer{
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}
.login_section h1{
    color: white;
    font-size: 3.5rem;
    font-weight: 400;
}
.login_section p{
    color: white;
    width: 80%;
    font-size: 1rem;
}
.login_section .form_head h3{
    color: #2E404C;
    font-size: 1.75rem;
    margin-bottom: 1rem;
}
.login_section .form_head .hr{
    display: inline-flex;
    width: 100%;
    margin-bottom: 2rem;
}
.login_section .form_head .hr .dot{
    width: 3px;
    height: 3px;
    background: #b1b1b1;
    margin-right: 8px;
    transition: all .3s ease;
}
.login_section .form_head .hr .dot:nth-child(1){
    width: 25px;
    height: 3px;
    background: #5E5ABC;
    margin-right: 8px;
}
.wizard-pane.step2 .form_head .hr .dot:nth-child(1){
    width: 3px;
    background: #5E5ABC;
}
.wizard-pane.step2 .form_head .hr .dot:nth-child(2){
    width: 25px;
    background: #5E5ABC;
}
.wizard-pane.step2.step3 .form_head .hr .dot:nth-child(2){
    width: 3px;
    background: #5E5ABC;
}
.wizard-pane.step2.step3 .form_head .hr .dot:nth-child(3){
    width: 25px;
    background: #5E5ABC;
}
.login_section .form_box h4{
    color: #2A3C48;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.login_section .form_box .form-group{
    margin-bottom: 1rem;
}
.login_section .form_box input.form-control{
    width: 100%;
    border: 0.1rem solid #E0E6ED;
    border-radius: 3rem;
    height: 2.75rem;
    padding-left: 1.5rem;
}
.login_section .form_box input.form-control::placeholder{
    color: #75818A;
}
.login_section .form_box .btn_submit{
    background: #5B57BB;
    border: 0;
    padding: .5rem 2rem;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1.1rem;
    border-radius: 2rem;
    opacity: 0.3;
    border: 0.1rem solid #5B57BB;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.login_section .form_box .btn_submit:hover,.login_section .form_box .btn_submit:focus{
    background: white;
    color: #5B57BB
}
.login_section .form_box .btn_submit.active{
	opacity: 1;
}
.login_section .form_box .new_register{
    color: #6865C0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-top: 8rem;
}
.wizard .wizard-pane {
    padding: 0;
    background-color: #F1F5FD;
    padding: 4rem;
    position: relative;
    border-radius: 1rem;
    min-height: 33rem;
    width: 31rem;
    max-width: 100%;
    visibility: visible;
    float: right;
    margin-right: 6vw;
    margin-bottom: 2rem;
}
.login_section .form_box .grey_text {
    color: #B9C3CE;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.login_section .form_box .grey_text span{
    font-weight: 600;
}
.login_section .form_box .grey_text a{
    font-weight: 600;
    color: #5B57BB;
}
.login_section .form_box .row{
    margin-left: .25rem;
    margin-right: .25rem;
}
.login_section .form_box .row .col-2{
    padding-left: .25rem;
    padding-right: .25rem;
}
.login_section .form_box .row .col-2 input.form-control{
    height: 5rem;
    border-radius: 1rem;
    padding: .5rem;
    font-size: 1.25rem;
    text-align: center;
}
.modal .modal-dialog{
    height: 100vh;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 700px;
    max-width: 95%;
}
.form_box{
    display: none;
}
.form_box.active{
    display: block;
    visibility: visible;
}
.modal-content{
    border: 0;
    border-radius: 1rem;
}
.modal-header{
    background: #E8EFF4;
    text-align: center;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: 1.25rem;
    border: 0;
}
.modal-header .modal-title{
    color: #565675;
    font-size: 1.25rem;
    display: inline-block;
    width: 100%;
    font-weight: 600;
}
.modal-header .close{
    opacity: 1;
    color: #ff4c4c;
    font-size: 1.1rem;
    margin: 0;
    padding: 0;
    top: 1.75rem;
    position: absolute;
    right: 2rem;
    font-weight: 600;
}
.modal-body{
    background: #F1F5FD;
    padding: 2rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.modal-body p{
    color: #89949E;
}
.modal-body .btn_purple{
    width: auto;
    float: right;
    background: #5B57BB;
    padding: .5rem 2rem;
}