:root {
    --color-blanco: rgba(255, 255, 255,1);
    --color-blancoArenoso: rgba(230, 230, 230,1);
    --color-negro: rgba(0, 0, 0,1);
    --color-primario: rgba(0, 72, 162,1);
    --color-primarioSemiDark: rgba(0, 63, 145,1);
    --color-primarioLigero: rgba(217, 236, 255,1);
    --color-secundario: rgba(255, 40, 40,1);
    --color-grisLigero: rgba(242, 242, 242,1) ;
    --color-verde: rgba(6, 203, 2,1);
    
}

body {
    color: var(--color-primario);
    background-color: var(--color-blancoArenoso);
    font-size: 16px;

}

body, input, textarea, select {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;

}

.btn-primary {
    background-color: var(--color-primario);
}

.btn-primary:hover,
.btn-primary:active {
 background-color: var(--color-primarioSemiDark);
}

.btn-outline-primary {
    color: var(--color-primario);
    border-color: var(--color-primario);
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: var(--color-primarioSemiDark);
    border-color: var(--color-primarioSemiDark);
}

.nav {
    font-family: 'Rajdhani', Helvetica, Arial, Lucida, sans-serif;
}

.nav-link {
    color: var(--color-primario);
}

.bg-light {
    background-color: var(--color-grisLigero) !important;
}

table.dataTable {
    width: 100% !important;
}

table.dataTable {
    width: 100% !important;
    padding-top: 15px;
    margin-bottom: 15px;
}