:root {
    /* Html */
    --body: rgba(170, 168, 168, 1.5);

    /* Template */
    --header: rgba(124, 123, 123, 0.438);
    --navMenu: rgba(3, 1, 8, 0.304);
    --sidebarMenu: rgba(3, 1, 8, 0.304);
    --footer: rgba(124, 123, 123, 0.438);

    /* Textos */
    --txtDeveloper: rgba(74, 101, 92, 1);
    --txtBlanco: rgba(255,255,255,1);
    --txtNegro: rgba(0,0,0,1);
    
    /* Botones */
    --btnLogin: rgba(124, 123, 123, 0.438);
    --btnPdf: rgba(247, 151, 135, 0.61);
    --btnPrint: rgba(247, 211, 135, 0.61);
    --btnCols: rgba(138, 247, 241, 0.61);
    --btnKey: rgba(37, 38, 37, 0.4);
    --btnEdit: rgba(8, 148, 195, 0.4);
    --btnDelete: rgba(195, 73, 8, 0.4);
    --btnRegistrar: rgba(8, 73, 195, 0.23);
    --btnCancelar: rgba(195, 30, 8, 0.23);
    --btnPlus: rgba(124, 123, 123, 0.438);
    --btnReingresar: rgba(73, 195, 8, 0.412);
    --btnUpArchivo: rgba(74, 101, 92, 0.580);
    --btnExcel: rgba(48, 110, 15, 0.412);

    /* Badge */
    --badgeActivo: rgba(73, 195, 8, 0.412);
    --badgeAdmin: rgba(195, 73, 8, 0.4);
    --badgeInactivo: rgba(195, 73, 8, 0.4);
    --badgeRecibido: rgba(17, 61, 88, 0.412);


    /* Bacground */
    --bgModalHead: rgba(74, 101, 92, 0.580);

    /* Tablas */
    --tableBody: rgba(134, 178, 236, 0.23);
    --tableTh:rgba(195, 30, 8, 0.23);
    --tableTr:rgba(195, 30, 8, 0.23);
    --tableTd:rgba(195, 30, 8, 0.23);

    /* Card */
    --cardHeader: rgba(124, 123, 123, 0.438);
    --cardFooter: rgba(124, 123, 123, 0.438);

    /* Varios */
    --after: rgba(163, 17, 78, 1);
    --shr:  rgba(37, 38, 37, 1);
}


body {
    background-color: var(--body);
}

.navbar {
    background-color: var(--navMenu);
}

.sb-sidenav {
    background-color: var(--sidebarMenu);
}

.table-body {
    background-color: var(--tableBody);
}
.table-th {
    background-color: var(--tableTh);
}

.txtColorB{
    color: var(--txtBlanco);
    font-weight: 800;
}

.txtColorN{
    color: var(--txtNegro);
    font-weight: 800;
}

.btn-login {
    background-color: var(--btnLogin);
}

.text-desarrollador{
    color: var(--txtDeveloper);
}

.bg-footer{
    background-color: var(--footer)
}

.contacto:after{
    content:                "contacto\40 servpc.cl";
    font-size:              0.9em;
    color:                  var(--after);
    margin:                 0 2px 0 10px;
}

.whatsapp:after{
    content:                "+56 9 3674 0158";
    font-size:              0.9em;
    color:                  var(--after);
    margin:                 0 2px 0 10px;
}

.spchr{
    background-color: var(--shr);
    height: 10px;
}

.card-header {
    background-color: var(--cardHeader);
}
.cardfooter{
    background-color: var(--cardFooter);
    height: 40px;
}

.bg-btn-pdf {
    background-color: var(--btnPdf);
    color: var(--txtNegro)
}

.badge-activo {
    background-color: var(--badgeActivo);
}

.badge-inactivo {
    background-color: var(--badgeInactivo);
}

.badge-recibido {
    background-color: var(--badgeRecibido);
}

.badge-admin {
    background-color: var(--badgeAdmin);
}

.bg-btn-print {
    background-color: var(--btnPrint);
    color: var(--txtNegro)
}

.bg-btn-cols {
    background-color: var(--btnCols);
    color: var(--txtNegro)
}

.btn-key {
    background-color: var(--btnKey);
}

.btn-edit {
    background-color: var(--btnEdit);
}

.btn-delete {
    background-color: var(--btnDelete);
}


.btn-regist {
    background-color: var(--btnRegistrar);
}

.btn-cancel {
    background-color: var(--btnCancelar);
}

.btn-plus {
    background-color: var(--btnPlus);
}

.btn-reingresar {
    background-color: var(--btnReingresar);
}

.btn-UpArchivo{
    background-color: var(--btnUpArchivo);
}
.bg-btn-excel{
    background-color: var(--btnExcel);
}

.head-modal {
    background-color: var(--bgModalHead);
}