.login-box, .register-box {

    width: 510px;

    /* width: 70vw; */

}

/* .login-box .login-logo img {

    max-width: 160px;

    max-height: 80px;

} */

/* #mobile_code {

    max-width: 115px;

} */



#phone .select2-container {

    max-width: 135px!important;

}



.togglePassword{

    cursor: pointer;

}

.input-group-text{

    background-color: inherit;

    border-left: none;

}

.icheck-primary label{

    font-size: 0.9rem;

}

body{

    background-color: #000000!important;

}



.login-card-body{

    border-radius: 25px;

}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    background-color: #002147;

    color: #fff;

}



.card-primary.card-outline-tabs>.card-header a.active, .card-primary.card-outline-tabs>.card-header a.active:hover{

    background-color: #002147;

    border:none;

}

.btn-primary {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

    box-shadow: none;

}

.btn-primary.disabled, .btn-primary:disabled {

    color: #fff;

    background-color: #002147;

    border-color: #002147;

}

.btn-primary:hover {

    color: #fff;

    background-color: #f8a30e;

    border-color: #f8a30e;

}

.btn-primary.focus, .btn-primary:focus {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

    box-shadow: 0 0 0 0 rgb(0 33 71 / 50%)

}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}

h1, h2, h3, h4, h5, h6{

    color: #000000!important;

}

.card.card-outline-tabs .card-header a:hover {

    border-top: none;

    border-left: none;

    border-right: none;

}

.alert-primary {

    color: #fff;

    background-color: #000000!important;

    border-color: #000000!important;

}

.card.card-outline-tabs .card-header a {

    border-top: none!important;

}

.nav-tabs .nav-link{

    border: none!important;

}

/* .select2-dropdown{

    width: 385px!important;

} */

.intl-tel-input .flag-dropdown .selected-flag{
    background-color: rgba(0, 0, 0, 0.05);
    height: calc(2.25rem + 2px)!important;
    padding-top: 10px;
}

#telephone.form-control {
    height: calc(2.25rem + 2px)!important;
}
.intl-tel-input{
    width: 100%;
}
#telephone[readonly] {
  background-color: #fff;
  opacity: 1;
}
.error-text{
    font-size: 80%;
}
#password_validation_box{
    display: none;
}
#password_validation_box p{
    margin-bottom: 0;
    font-size: 80%;
}
#password_validation_box {
    position:absolute;
    left: 1px;
    width:325px;
    padding:15px;
    background:#fefefe;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px red;
    border:1px solid #ddd;
    z-index: 1001;
    margin-top: 2px;
    /* bottom: 40px; */
    top: -164px;
}
/* .client_password{

} */
.optional_lable{
    font-size: 80%;
}
.select2-container{
    /* width: 100%; */
}

@media (max-width: 682px) {
    .login-box, .register-box {    
        width: 90%!important;
    }
}