/*
 * Modernizacion del login. Scoped a login.php via su propio $css, no
 * afecta a otras pantallas.
 */
.content.bg-slate-800 {
    background: linear-gradient(160deg, #1c2b1a 0%, #16211a 55%, #101815 100%) !important;
    min-height: 100vh;
}

.login-form .card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.login-form .card-body {
    padding: 2.25rem 2rem;
}

.login-form img.full-width {
    max-width: 190px;
    margin-left: auto;
    margin-right: auto;
}

.login-form #loginText,
.login-form #passRecoveryText {
    font-weight: 500;
    letter-spacing: .01em;
}

.login-form .form-control {
    border-radius: 8px;
    border: 1px solid #e3e6ea;
    height: 44px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.login-form .form-control:focus {
    border-color: #8bd800;
    box-shadow: 0 0 0 3px rgba(139, 216, 0, 0.18);
}

/* El theme calcula el alto del icono (persona/candado) en base al alto
   "natural" del input (calc() con line-height/padding). Como el input
   ahora tiene un alto fijo de 44px, hay que igualar el icono a mano o
   queda descentrado verticalmente. */
.login-form .form-control-feedback {
    height: 44px;
    line-height: 44px;
}

.login-form #ingresar,
.login-form #passwordRecovery {
    border-radius: 8px;
    height: 44px;
    font-weight: 500;
    background-color: #6ea800;
    border-color: #6ea800;
}

.login-form #ingresar:hover,
.login-form #passwordRecovery:hover {
    background-color: #5c8f00;
    border-color: #5c8f00;
}

.login-form #olvide_contraseña {
    font-size: 13px;
}

.login-form .dropdown-toggle {
    border-radius: 8px;
}