body{
    /*overflow:hidden;*/
}

.login-page{
    background:url('../images/bannerbg.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    display:flex;
    align-items:center;
    justify-content:center;
    height:115dvh;
    padding-bottom:6em;
}

.login-container{
    background:#17767973;
    height:564px;
    padding:40px;
}

.login-container h3{
    font-weight:700;
    font-size:24px;
    line-height:22px;
    color:#fff;
    margin-top:40px;
}

form{
    display:flex;
    flex-direction:column;
}

form .dfields{
    background:transparent;
    color:#fff;
    border:none;
    border-bottom:1px solid #DFDFDF;
    padding:10px 0;
    margin:7px 0;
}

form .password-container{
    border-bottom:1px solid #dfdfdf;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
form .dfields[type="password"]{
    width:100%;
    border-bottom:none;
    margin-bottom:0;
    margin-right:10px;
}
form .dfields:focus{
    outline:none;
}

form .dfields::placeholder{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    color:#fff;
}

form .forgot-password{
    text-align:right;
    text-decoration:none;
    color:#B0F8A7;
    padding:15px 0;
}

form .signin-btn{
    background:#FC4C9E;
    padding:16px 24px;
    border-radius:15px;
    border:none;
    font-size:16px;
    font-weight:600;
    line-height:19px;
    color:#fff;
    margin:40px 0;
}
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}
.divider::before,
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #fff; /* Line color */
    opacity:0.2;
}   
.divider::before{
    margin-right:10px;
}
.divider::after{
    margin-left:10px;
}
.login-container p{
    text-align:center;
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#fff;
    margin-top:20px;
}
.login-container p a{
    color:#B0F8A7;
    text-decoration:none;
}
.eyeopen-icon{
    width:24px;
    height:14px;
}

.error {
    color: red;
    font-size: 0.875em;
    padding-top:5px;
}

.form-check .form-check-input{
    /*background: transparent;*/
}

.form-check-input:checked {
    background-color: #FC4C9E;
    border-color: #FC4C9E;
}
.form-check-input:focus{
    border-color: #FC4C9E;
    outline: 0;
    box-shadow: 0 0 0 .25rem #ffdbec96;
}
.form-check-label{
    font-size: 15px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    color: white;
}