/* Your Global Styles */
:root .lpx-theme-dim, :root .lpx-theme-dark {
    --lpx-logo: url('/images/logo/leptonx/logo-light.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

:root .lpx-theme-light {
    --lpx-logo: url('/images/logo/leptonx/logo-dark.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}
.forgotpasssection {
    text-align: end;
}

.usernameicon {
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translate(0, -40%);
    font-size: 1.2rem;
}

html[dir=rtl] .usernameicon {
    right: auto;
    left: 22px;
}

html[dir=rtl] .forgotpasssection {
    text-align: left;
}

html[dir=rtl] .form-switch.ps-2 {
    display: flex;
}

html[dir=rtl] .custom-checkbox.custom-control.form-check {
    padding-right: 0;
}
.loginbg {
    background-color: rgb(240 244 247 / 90%);
}

.loginimg {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0px auto;
}

.logincard {
    max-width: 30rem;
    width: 100%;
    margin: 0px auto;
}

.btn.btn-primary {
    background-color: #0b162f;
    color: white;
    border-color: #0b162f;
}

.login-logo-frame {
    display: none;
}

html[dir=rtl] .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: transparent;
}

html[dir=rtl] .form-floating > .form-control:not(:placeholder-shown) ~ label {
    font-size: 0.7rem;
    transform: scale(1) translateY(-0.15rem) translateX(0.35rem);
}
.btn-outline-primary {
    background-color: white;
    border-color: #0b162f;
    color: #0b162f;
}
    .btn-outline-primary:hover {
        background-color: #0b162f;
        border-color: #0b162f;
        color: white;
    }

::-ms-reveal {
    display: none;
}
/*-------------------login-------------------*/
.loginbg {
    background-color: #f0f4f7;
}
/*-------------------login end-------------------*/
@media screen and (max-width:440px) {
    .logincard {
        max-width: initial !important;
        width: 100% !important;
    }
}
.btn.btn-primary {
    background-color: #0b162f;
    color: white;
    border-color: #0b162f;
}

.loginbg .row.h-100{
    height:100vh !important;
}

.form-control {
    color: black !important;
    --webkit-text-fill-color: black !important;
}