/* Copyright (c) 2021-2024 Tecxed Pte Ltd, Singapore. All Rights Reserved. 
This software is the confidential and proprietary information of Tecxed Pte Ltd,
Singapore ("Confidential Information"). You shall not
disclose such Confidential Information and shall use it only in
accordance with the terms of the license agreement you entered into with Tecxed.

TECXED MAKES NO REPRESENTATIONS OR WARRANTIES ABOUT THE SUITABILITY OF
THE SOFTWARE, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
TO THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
PARTICULAR PURPOSE, OR NON-INFRINGEMENT. TECXED SHALL NOT BE LIABLE FOR
ANY DAMAGES SUFFERED BY LICENSEE AS A RESULT OF USING, MODIFYING OR
DISTRIBUTING THIS SOFTWARE OR ITS DERIVATIVES.*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Inter,sans-serif;
}
body{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: url(/assets/media/image/login_background.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.wrapper{
    width: 470px;
    background: transparent;
    border:1px solid rgba(255, 255, 255, .2);
    backdrop-filter: blur(50px);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #fff;
    border-radius: 10px;
    padding: 30px 40px;
}
.wrapper h1{
    font-size: 36px;
    text-align: center;
}
.wrapper .input-box{
    width: 100%;
    height: 45px;
    position: relative;
    margin-top: 20px;
}
.input-box input{
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    padding: 20px 40px 20px 20px;
}
.input-box input::placeholder{
    color: #fff;

}
.wrapper .remember-forgot{
    display: flex;
    justify-content: space-between;
    font-size: 14.5px;
    margin: 15px 5px 15px;
}
.remember-forgot label input{
accent-color: #fff;
margin-right: 3px;
}
.remember-forgot a {
    color: #fff;
    text-decoration: none;
}
.remember-forgot a:hover{
    text-decoration: none;
    color: #fed71a;
}
.wrapper .btn{
    width: 100%;
    height: 45px;
    font-size:18px;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    color: #333;
    font-weight: 700;
}

.wrapper .btn:hover{background-color: #4a9aa9; color: #fff;}
.wrapper .register-link{
    font-size: 14.5px;
    text-align: center;
    margin: 20px 0 15px;

}
.register-link p a{
    color: #fed71a;
    text-decoration: none;
    font-weight: 600;
}
.register-link p a:hover{
    text-decoration: none;
    color: black;
}
.wrapper h2{margin-bottom:35px; font-weight:500; font-size:19px}
.modal .modal-dialog .modal-content .modal-header button.crossbtn{background-color: #fff; color: #363634;}
.modal .modal-dialog .modal-content .modal-header button.close {text-shadow: none; opacity: 1; margin: 0; font-size: 23px;
padding: 0; width: 30px; height: 30px; display: -webkit-box; display: flex; border-radius: 50%;
-webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 1.5rem;}   
.modal .modal-dialog .modal-content .modal-header .modal-title{font-size: 17px; font-weight: 600;}  
.modal-header h4{color:#fff}  
.modal-title{margin-bottom: 0; line-height: 1.5;}
.modal .modal-dialog .modal-content .modal-footer{height: 60px}
.modal-footer{display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end;
padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem}      
.btn-primary2{background: #b0c7da!important; border-color: #b0c7da!important; color: #1a1a1a !important; font-weight: 600!important;
align-items: center!important; padding: 10px 15px !important; line-height: 14px!important; font-size:14px!important}      
.modal-header h4{margin-right:180px}  .btn-default{color:#fff!important} #code{border-radius:2rem}    
.form-group{margin-bottom:0px!important} .text-warning{text-align:center}
.btn-primary2:hover{background-color: #4a9aa9!important; color: #fff!important;}
.text-danger {color: #dd061a!important; text-align: center; font-size: 18px; font-weight: 500;}
.wrapper img{width:60%; margin-bottom:20px} #submitForgotPassBtn{margin-top:20px} .wrapper h3{font-size:16px; text-align:center}


.wrapper .reglogin{
    display: flex;
    justify-content: space-between;
    font-size: 14.5px;
    margin: 15px 5px 15px;
}
.reglogin label input{
accent-color: #fff;
margin-right: 3px;
}
.reglogin a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 5px 20px;
    border-radius: 23px;
}
.reglogin a:hover{
    text-decoration: none;
    color: #fff;
    background:#4a9aa9
}


.wrapper .reglogin-link{
    font-size: 14.5px;
    text-align: center;
    margin: 40px 0 15px;

}
.reglogin-link p a{
    color: #fed71a;
    text-decoration: none;
    font-weight: 600;
}
.reglogin-link p a:hover{
    text-decoration: none;
    color: black;
}