﻿input.error {
    border-color: #d00f0f
}

label.error {
    color: #d00f0f
}

.permiteOrdenar {
    cursor:pointer;
}
.pagination {
    display: inline-block;
}

    .pagination li {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
    }

        .pagination a.active {
            background-color: #4CAF50;
            color: white;
            border: 1px solid #4CAF50;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }


#anexosUpload {
    padding: 10px;
}

    #anexosUpload div {
        width: 90px;
        float: left;
        margin-right: 15px;
        text-align: center;
    }

    #anexosUpload img {
        width: 90px;
        height: 90px;
    }

.h4Title {
    margin-top: 25px;
    margin-bottom: 15px;
    padding-left: 30px;
    color: #7f8fa4;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}
/* Fix: los submenús del sidebar (Ingresos/Mantenedores/Reporteria) se abren y se cierran
   solos apenas terminan de desplegarse. La causa NO es el bundle de bootstrap-3.4.1.min.js
   que armamos recién -- es un problema que ya existía en el proyecto de antes, pero estaba
   tapado: bootstrap.min.js nunca se llegaba a cargar (por el <script> mal ubicado en <head>,
   antes de jQuery), así que $.fn.collapse no existía y el clic simplemente no hacía nada
   ("no se despliega"). Ahora que el script sí carga, el problema de fondo queda a la vista:
   Content/css/bootstrapCustom.css es en realidad Bootstrap **5.0.2** (dice
   "Bootstrap v5.0.2" en su propio encabezado), pero el JS que tenemos cargado es Bootstrap
   **3.4.1** -- y usan clases distintas para marcar "abierto". Bootstrap 3 le agrega la clase
   "in" al terminar de desplegar ($("#ingresos").collapse('toggle') hace
   .removeClass('collapsing').addClass('collapse in')), pero la regla de bootstrapCustom.css
   es ".collapse:not(.show) { display: none; }" (sintaxis de Bootstrap 4/5, que usa "show" en
   vez de "in"). Como Bootstrap 3 nunca agrega "show", apenas termina la animación y vuelve a
   quedar con clase "collapse" (sin "show"), esa regla lo vuelve a esconder -- por eso se ve
   como que se abre y se cierra solo. Estas reglas ganan por especificidad de ID y dejan
   visible el panel mientras tenga la clase "in" que sí usa Bootstrap 3. */
#ingresos.collapse.in,
#mantenedores.collapse.in,
#reporteria.collapse.in {
    display: block;
}

/* Mismo problema de fondo (Bootstrap 5 en el CSS, Bootstrap 3 en el JS) afecta también a los
   dropdowns del navbar arriba a la derecha (usuario, notificaciones, alertas -- data-toggle=
   "dropdown"). Bootstrap 3 le agrega la clase "open" al contenedor padre del toggle
   (".c-dropdown"/".dropdown"), pero bootstrapCustom.css solo sabe mostrar
   ".dropdown-menu.show" (Bootstrap 4/5). Sin esto, esos menús directamente no se abren al
   hacer clic. Se agrega ahora aunque todavía no lo hayas reportado, porque es la misma causa
   raíz que el fix de arriba. */
.open > .dropdown-menu {
    display: block;
}
