﻿:root,
.tema-claro {
    --color-fondo: rgb(248, 248, 248);
    --color-sidebar: #ffffff;
    --color-Tarjetas: #ffffff;
    --color-Navbar: #ffffff;
    --color-texto: #272727;
    --color-textoInvertido: #ffffff;
    --color-inputs: rgba(255, 255, 255, 1);
    --color-sidebarSubMenu: rgb(216, 216, 216);
    --color-sidebarLineas: rgb(230, 230, 230);
    --color-Texto-Sidebar: rgb(133, 131, 131);
    --color-SubmenuFlotanteSideBar: #dfdfdf;
    --color-FondoLoader: rgb(251 251 251 / 89%);
    --color-TextoEncabezadoFCP: #03366a;
    --color-TarjetasSemiGris: rgba(247, 248, 246, 1);
    --color-bordes: rgba(221, 214, 214, 1);
    --color-FondoLogin: rgb(128, 128, 128);
}

    .tema-claro .LogoTemaOscuro {
        display: none;
    }

    .tema-claro .LogoTemaClaro {
        display: block;
    }

.tema-oscuro {
    --color-fondo: #000000;
    --color-sidebar: #191919;
    --color-Tarjetas: #191919;
    --color-Navbar: #191919;
    --color-texto: #ffffff;
    --color-textoInvertido: #272727;
    --color-inputs: rgb(82, 82, 82);
    --color-sidebarSubMenu: rgb(82, 82, 82);
    --color-sidebarLineas: rgb(82, 82, 82);
    --color-Texto-Sidebar: #b2b2b2;
    --color-SubmenuFlotanteSideBar: #272727;
    --color-FondoLoader: rgb(46 46 46 / 89%);
    --color-TextoEncabezadoFCP: white;
    --color-TarjetasSemiGris: rgb(82, 82, 82);
    --color-bordes: rgb(79, 79, 79);
    --color-FondoLogin: rgb(35, 35, 35);
}

    .tema-oscuro * {
        box-shadow: none !important;
    }

    .tema-oscuro .LogoTemaClaro {
        display: none;
    }

    .tema-oscuro .LogoTemaOscuro {
        display: block;
    }

    .tema-oscuro .table {
        --bs-table-striped-color: var(--color-texto);
    }

html.tema-oscuro table.dataTable tbody td.dt-control::before,
body.tema-oscuro table.dataTable tbody td.dt-control::before {
    color: rgb(141, 141, 141) !important;
}

html.tema-oscuro table.dataTable tbody tr.shown td.dt-control::before,
body.tema-oscuro table.dataTable tbody tr.shown td.dt-control::before {
    color: rgb(141, 141, 141) !important;
}