.app-blank {
    background-color: #0F2A510A !important;
}

.bg-primary, .btn-primary {
    background-color: #253FC8 !important;
}

.text-primary {
    color: #253FC8 !important;
}

.bg-image-login {
    background-image: url(/Content/v2/assets/media/images/bg-login.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    margin: 2em 1em 1em;
    /*min-height: 100%;*/
}

.password-wrapper {
    position: relative;
    width: 100%;
}

.password-wrapper input {
    width: 100%;
    padding-right: 40px;
}

.toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #6c757d;
}

.toggle-password:hover {
    color: #0d6efd;
}

@media (max-width: 991.98px) {
    .bg-image-login {
        min-height: 180px;
        margin: 1em;
        border-radius: 16px;
    }
}

.w-lg-600px {
    max-width: 600px;
    width: 100%;
    padding: 1.5rem;
}

@media (max-width: 576px) {
    .w-lg-600px {
        padding: 1rem;
    }
}


.w-auth-logo {
    max-width: 358px;
    height: auto;
}

@media (max-width: 576px) {
    .w-auth-logo {
        max-width: 130px;
    }

    .fs-2 {
        font-size: 1.4rem !important;
    }

    .fs-6 {
        font-size: 0.9rem !important;
    }
}


@media (max-width: 576px) {
    .form-control {
        padding: 0.75rem 0.75rem;
        font-size: 0.95rem;
    }

    .btn {
        padding: 0.75rem;
        font-size: 1rem;
    }
}


@media (min-width: 992px) and (max-height: 600px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
}

@media (max-height: 600px) {
    .bg-image-login {
        min-height: auto;
        height: auto;
        margin: 1em;
    }
}

@media (max-height: 600px) {
    .flex-center {
        align-items: flex-start !important;
        padding-top: 1rem;
    }
}

@media (max-height: 600px) {
    body {
        overflow-y: auto;
    }
}