@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/* login page css */
html label{
    font-size: 15px;
}
#wrapper label{
    color: black;
    font-weight: 400;
    line-height: 20.55px;
    font-family: Open Sans;
}
html .auth-flex{
    display: flex;
    flex-direction: column;
}
html body{
    background-color: #F6F9FD;
}
html #login , html #forgot{
    background: #1A4B6C0F;
    border-radius: 20px;
    padding: 3.403vw 6.667vw 3.403vw 6.667vw !important;
    box-shadow: none;
    border:none;
    width: 100%;
}
html .btn{
    background: #1A4B6C;
    border:none;
    font-family: Roboto Condensed;
    margin-top: 20px;
}
html .login-logo{
    width: 264px;
    margin: auto;
    margin-bottom: 30px;
}
.youpasswd .livicon svg path, .form-label .livicon svg path,.youmai .livicon svg path{
    fill: #B2C5D4;
}
#wrapper input:not([type='checkbox']):not([type='submit']){
    border:1px solid #A1A1A1;
    box-shadow: none;
}
html .forgot-btn,html .back-btn{
    background: none;
    color:#1A4B6C !important;
    font-family: Roboto Condensed;
    font-weight: 500;
    margin: 0;
    font-size: 16px;
}
html .icheckbox_square-blue{
    background-color: #B2C5D4;
}
html .forgot-btn:hover , html .back-btn:hover{
    background:none !important;
    color:#1A4B6C !important ;
}
html .btn:hover{
    background-color: #1A4B6C;
}
html #wrapper .forgot-pass-text{
    font-family: Open Sans;
    margin-bottom: 25px;
}
html .btn-close{
    color: white !important;
    fill: white !important;
     --bs-btn-close-color:white !important;
     /* --bs-btn-close-bg:"{{ asset('rotary-cod/img/close-btn-icon.svg') }}" */
}
html .cross-icon-mssge{
    margin-right: 5px;
}
html .alert-danger{
    background-color: #F87171;
    font-family: "Lato";
    border: none;
}
html .alert-success{
    background-color: #10B981;
    font-family: "Lato";
    border: none;
}
html .col-lg-5{
    width: 42.666667%;
}
html .container{
    width: 100%;
}
.btn:disabled{
    background: #1A4B6C;
    color: white;
}
/* html #wrapper input:not([type='checkbox']):active,html #wrapper input:not([type='checkbox']):focus{
    background: #1A4B6C;
    color: white;
    border:none
} */
html .btn-success.active,html .btn-success:active{
    background: #1A4B6C !important;
    color: white;
}
html .checbox-div{
    margin-top: 10px;
}
html .icheckbox_square-blue{
   width: 17px;
   height: 17px;
   border:1px solid #A1A1A1;
   border-radius:3.15px;
}
.icheckbox_square-blue.checked{
    background-position: -51px -2px;
}
html .mail-icon{
    top:45px;
}
html .lock-icon{
    top:35px;
}
html .alert-info{
    background: #32A7D4;
}
@media screen and (max-width:1200px){
    html .col-lg-5{
        width: 60%;
    }
}
@media screen and (max-width:1000px){
    html .col-lg-5{
        width: 70%;
    }
}
@media screen and (max-width:767px){
    html #login, html #forgot{
        padding: 45px 40px 35px 40px !important;
    }
    html .col-lg-5{
        width: 95%;
    }
}
/* end login page css */