/*
    Colores del armazon, gobernados desde el appsettings de cada aplicacion.

    Las variables las emite _ThemeSettings.cshtml leyendo la seccion AppSettings, y aqui es
    donde se aplican. Sin este fichero las variables existen pero no las lee nadie, que era
    lo que pasaba en las webs de Fernando: el appsettings tenia los colores y la pantalla
    seguia saliendo igual.

    La cabecera de las DataTables no esta aqui: la pintan --app-dt-background-color y
    --app-dt-text-color desde active-datatable.css, que ya las consumia.

    Se carga DESPUES de adminlte.css, para poder ganarle.
*/

/* Barra superior */
.app-header.navbar {
    --bs-navbar-color: var(--app-topbar-text-color);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    /* La marca del login (navbar-brand) va aparte en Bootstrap: sin esto sale en negro */
    --bs-navbar-brand-color: var(--app-topbar-text-color);
    --bs-navbar-brand-hover-color: #fff;
    color: var(--app-topbar-text-color) !important;
    background-color: var(--app-topbar-background-color) !important;
}

/* Barra lateral izquierda, la del menu */
.app-sidebar {
    --lte-sidebar-color: var(--app-sidebar-text-color);
    --lte-sidebar-hover-color: #fff;
    --lte-sidebar-active-color: #fff;
    --lte-sidebar-hover-bg: rgba(255, 255, 255, .1);
    --lte-sidebar-submenu-bg: transparent;
    --lte-sidebar-submenu-color: var(--app-sidebar-text-color);
    --lte-sidebar-submenu-hover-color: #fff;
    --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, .1);
    --lte-sidebar-header-color: var(--app-sidebar-text-color);
    color: var(--app-sidebar-text-color) !important;
    background-color: var(--app-sidebar-background-color) !important;
}

.sidebar-brand .brand-link,
.sidebar-brand .brand-text {
    color: var(--app-sidebar-text-color);
}

/* Barra lateral derecha, la de administracion */
#adminSidebarAlt {
    color: var(--app-sidebar-alt-text-color) !important;
    background-color: var(--app-sidebar-alt-background-color) !important;
}

#adminSidebarAlt .right-sidebar {
    --lte-sidebar-color: var(--app-sidebar-alt-text-color);
    --lte-sidebar-hover-color: #ffc107;
    --lte-sidebar-hover-bg: rgba(255, 255, 255, .1);
    --lte-sidebar-submenu-bg: transparent;
    --lte-sidebar-submenu-color: var(--app-sidebar-alt-text-color);
    --lte-sidebar-submenu-hover-color: #fff;
    --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, .1);
    --lte-sidebar-header-color: var(--app-sidebar-alt-text-color);
}

/* Botones de menu de las pantallas de inicio */
.menu-button > a,
.menu-button > a:hover,
.menu-button > a:focus {
    color: var(--app-sidebar-background-color, #3c8dbc);
}

/* Contenido de las pestanas (Editar/Detalle): borde y aire alrededor. Estaba copiado igual en el
   site.css de cada web (venia de un BootstrapCustom.css); al podar el CSS de las de Fernando se
   perdio y las pestanas quedaban sin borde ni relleno. */
.tab-pane {
    border: solid 1px #dee2e6 !important;
    border-top: none !important;
    padding: 1em !important;
    min-height: 20em;
}