/* ============================= */
/*   PANTALLAS DE AUTH (login)   */
/* ============================= */

.brand-barly .brand-card-barly {
    background-color: #CCCCCC;
    padding: 60px;
    border-radius: 10px;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.3);
    max-width: 600px;
    margin: 50px auto;
}

/* Textos */
.brand-barly .text-gray-900,
.brand-barly .text-gray-500,
.brand-barly .form-check-label,
.brand-barly .link-primary {
    color: #000000 !important;
}

/* Inputs */
.brand-barly .form-control.form-control-solid {
    background-color: #3c0000 !important;
    color: #ffffff !important;
    border: 1px solid #3c0000 !important;
    transition: background-color 0.3s ease;
}

.brand-barly .form-control.form-control-solid.filled,
.brand-barly .form-control.form-control-solid:focus {
    background-color: #6f484c !important;
    color: #ffffff !important;
}

/* Autofill */
.brand-barly .form-control.form-control-solid:-webkit-autofill,
.brand-barly .form-control.form-control-solid:-webkit-autofill:hover,
.brand-barly .form-control.form-control-solid:-webkit-autofill:focus,
.brand-barly .form-control.form-control-solid:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #6f484c inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Checkbox */
.brand-barly .form-check-input:checked {
    background-color: #3c0000;
    border-color: #ffffff;
}

/* Botón primary */
.brand-barly .btn.btn-primary {
    background-color: #3c0000;
    border-color: #3c0000;
}

.brand-barly .btn.btn-primary:hover {
    background-color: #6f484c;
    border-color: #6f484c;
}

/* ============================= */
/*          SIDEBAR BARLY        */
/* ============================= */

/* Header rojo del sidebar de Barly */
.app-sidebar-header.barly-sidebar-header {
    background-color: #950523 !important;
}

.app-sidebar-header.barly-sidebar-header .app-sidebar-toggle {
    background-color: #ffffff !important;
}

.app-sidebar-header.barly-sidebar-header .app-sidebar-toggle i {
    color: #5E6278 !important;
}

/* Hover de menú */
#kt_app_sidebar .menu-link:hover,
#kt_app_sidebar .menu-link:hover .menu-icon,
#kt_app_sidebar .menu-link:hover .menu-title {
    color: #950523 !important;
}