.div_submit_button {
margin-top: 20px;
margin-bottom: 20px;
}
.red_border{
border: 1px solid red;
}
.spinner-grow{
margin-left: 5px;
display: none;
}
.btn_login{
padding-left: 0px;
padding-right: 0px;
text-align: center;

}
.spn_email {
font-weight: bold;
}
.div_check{

color: green;
display: flex;
justify-content: center;
align-items: center;
}
.div_info {

color: orange;
display: flex;
justify-content: center;
align-items: center;

}


.div_error_icon {
font-size: 50px;
color: red;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;

}
.div_check, .div_info i {
font-size: 30px;
}
.div_back_to_login {
margin-top: 10px;
text-align: right;
}

#otp{
letter-spacing: 1em;
}

.bootstrap-datetimepicker-widget table td:hover{

background: #000000!important;

}
th.picker-switch:hover {  /* for calendar */
background: #000000!important;
}

/*
@media (min-width: 800px){
        .login-box{
        display: flex;
        align-items : center;
        justify-content: center;
        width: 720px!important;
        }
        .div_login_logo{
        background: red;
        width: 287px;
        height: 100%;
        }
}

@media (max-width: 800px)
{
.login-box {
    margin-top: 0.5rem;
    width: 90%;
background: blue;
    display: flex;
    flex-direction: column;
    align-items : center;
    justify-content: center;
}
.div_login_logo {
width: 287px;
background: red;
}
} */

.card-primary.card-outline{
    border-top: none !important;
}
@media (min-width: 720px){
/*.card-primary.card-outline{*/
/*display: flex!important;*/
/*align-items: stretch!important;*/
/*justify-content: center!important;*/
/*flex-direction : row!important;*/
/*}*/
    .card-primary.card-outline {
        display: flex!important;
        padding-right: 40px;
        height: 550px;
        /* align-items: stretch!important; */
        justify-content: end;
        flex-direction: row!important;
    }

.login-box {

width: 1000px;
}
.div_login_form {
width: 360px;
}
.div_login_logo {
/*display:flex;*/
/*align-items:center;*/
/*justify-content: center;*/
/*width: 360px;*/

    POSITION: absolute;
    left: -0.1%;
    /*top: -1%;*/
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    width: 630px;

}
.img_logo{
width: 600px;
}
}


@media ( max-width: 720px){
.card-primary.card-outline{
display: flex!important;
align-items: stretch!important;
justify-content: center!important;
flex-direction : column!important;
}

.login-box {


}
.div_login_form {
/* width: 90%; */
}
.div_login_logo {
display:flex;
align-items:center;
justify-content: center;
/* width: 90%; */
padding-top: 20px;
padding-bottom: 20px;

}
.img_logo{
max-width: 90%;
}
}

.email_edit_icon{
cursor: pointer;
}

.btn_login{
padding-left: 5px;
padding-right: 5px;
display: flex;
align-items: center;
justify-content: center;
}

.span_sign_in{
color: white;
}

.spinner-grow {
color: white;
}

/** for the terms and conditions **/

.div_terms_container {
background: transparent;
height: 100vh !important;
width: 100% !important;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 20;
display: none; /* flex */
align-items: center;
justify-content: center;
}

.terms-box{
max-width: 460px;
background-color: #fff;
font-family : "Montserrat", serif;
padding: 20px 30px 60px 30px;


}
.terms-text{
    padding: 0 20px;
    height: 400px;
    overflow-y : auto;
    font-size: 14px;
    font-weight: 500;
    /*color: #f1f1f1;*/
    color: #469696;
}
.black-text {
    color: #000 !important;
}
.terms-text::-webkit-scrollbar{
    width: 4px !important;
    /*background-color: #282828 !important;*/
    background-color: #c2c2c2 !important;
}
.terms-text::-webkit-scrollbar-thumb{
    background-color: #469696 !important;
    /*background-color: #469696 !important;*/

}
.terms-text h2{
text-transform: uppercase;

}
.terms-box h4{
    font-size: 13px;
    color: #191919;
    padding: 0 3px;
    margin-top: 3px;

}
.termsDiv{
    margin-top: 10px;
    text-align: center;
    padding: 0 30px;
}
.terms-box h4 span{
    /*color: #007bff;*/
    color: #469696;

}
.terms-buttons{
display: flex;
padding: 0 20px;
justify-content: space-between;
}

.btn-terms{
height: 50px;
width: calc(50% - 6px);
border: 0px!important;
border-radius: 6px;
font-size: 19px;
font-weight: 500;
color: #fff;
transition: .3s linear;
cursor: pointer;
}
.blue-btn{
background-color: #007bff;

}
.gray-btn {
background-color: #282828!important;
}
.btn-terms:hover {
opacity: .6;
color: #fff !important;
}

.terms-box h2 {
color: #fff;
margin-bottom: 20px;
}