:root {
    --colorprimario: #6c757d;
    --cabsuperior: #FFFFFF;
    --textocabecera: #1c3755;
    /*--fondomenu: #D9DADA;*/
    --fondomenu: #1c3755;
    --iconosmenu: #D9DADA;
    --textomenu: #D9DADA;
    --iconoactivo: var(--iconosmenu);
    --textomenuactivo: var(--iconosmenu);
    --iconossubmenu: var(--iconosmenu);
    --menuhover: #c3c4c4;
    --menuactivo: var(--colorprimario);
    --cabbloque: var(--colorprimario);
    --cabtabla: var(--colorprimario);
    --listadoclaro: #e6e6e6;
    --fondopage: #e5f2ff;
    --fondopage: #fff;
    --selfila: rgba(13, 110, 253, 0.9);
    --linealogo: var(--fondomenu);
    /* ---- */
    --ColorOscuro: #222222;
    --ColorMedio: #6c757d;
    --ColorClaro: #D9DADA;

}

.main-sidebar {
    background: var(--fondomenu) !important;
}

.brand-link {
    border-bottom: 1px solid var(--linealogo) !important;
}

/* inicio NOTA 1 */
.nav-sidebar .nav-item>.nav-link {
    color: var(--iconosmenu);
}

.nav-sidebar .nav-item>.nav-link p {
    color: var(--textomenu) !important;
}

.nav-sidebar:hover .nav-item>.nav-link:hover {
    color: var(--iconosmenu);
    background-color: var(--menuhover);
}

.sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active {
    color: var(--iconoactivo);
    /*background-color: var(--fondomenu);*/
}

.sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active p{
    /*color: var(--textomenuactivo) !important;*/
    color: white !important;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
    color: var(--iconossubmenu);
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active p{
    color: var(--iconossubmenu) !important;
}

/*fin NOTA 1 */

/*SOLO CAMBIA EL COLOR DEL ICONO, NO LOS TEXTOS, COMENTAR LAS LINEAS DE LA NOTA 1 Y ACTIVAR ESTE BLOQUE*/
/*i.nav-icon::before {
  color: var(--iconosmenu);
}*/
.wrapper .content-wrapper {
    min-height: calc(96vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)) !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 5px 10% !important;
}

.doscolumnas .DTE_Field_Input{
    columns: 2;
    /*border-bottom: 1px solid #f3f3f3;*/
    border-bottom: 1px solid #e2e0e0;
}

.trescolumnas .DTE_Field_Input{
    columns: 3;
}

.leido{
    text-decoration: none;
    color: inherit !important;
}
.bajo15{
    padding-bottom: 15px !important;
    display: flow-root;
    /*display: -webkit-box;*/
}

.btn{
    min-width: 175px;
}
.btn-oscuro{
    background-color: var(--ColorOscuro);
    border-color: var(--ColorOscuro);
    color:white;
}
.btn-medio{
    background-color: var(--ColorMedio);
    border-color: var(--ColorMedio);
    color:white;
}
.btn-claro{
    background-color: var(--ColorClaro);
    border-color: var(--ColorClaro);
    color:var(--ColorOscuro);
}
.btn-menu{
    background-color: var(--fondomenu);
    border-color: var(--fondomenu);
    color: var(--iconosmenu);
}

.card-gray:not(.card-outline)>.card-header {
    background-color: var(--cabbloque);
}

.card-gray {
    border: 1px solid var(--cabbloque) !important;
}

.bg-gray {
    background-color: var(--cabtabla);
    color: white !important;
}
.small-box.bg-gray{
    background-color: #adb5bd !important;
}

.bg-dark {
    background-color: var(--cabsuperior) !important;
    margin-bottom: -40px !important;
}

.navbar-dark {
    background-color: var(--cabsuperior) !important;
    border-color: var(--cabsuperior) !important;
    color: white !important;
}

.main-header {
    border-bottom: 1px solid #dee2e6 !important;
    box-shadow: 0 4px 2px -2px #f3f3f3;
    z-index: 1034;
}

.navbar-dark .navbar-nav .nav-link {
    /*color: #cccecf;*/
    color: var(--iconosmenu) !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--iconosmenu) !important;
  }

.content-wrapper {
    background-color: var(--fondopage) !important;
}

.content {
    background-color: var(--fondopage) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--listadoclaro) !important;
}

footer.main-footer {
    background-color: var(--fondopage) !important;
    color: #000 !important;
}

footer.main-footer a {
    color: #000 !important;
    text-decoration: none !important;
}

footer.main-footer a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

table.dataTable tbody tr.selected>* {
    box-shadow: inset 0 0 0 9999px var(--selfila) !important;
    color: white;
}

table.dataTable tbody td {
    /*white-space: nowrap !important;*/
    font-size: 15px !important;
}

.content-header h2 {
    font-family: 'Lato', cursive;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--textocabecera) !important;
}
.content-header h1 {
    /*font-family: 'Lato', cursive;
    font-weight: bold;
    display: flex;
    align-items: center;*/
    justify-content: center;
    color: var(--textocabecera) !important;
}

.addNewRecord {
    background-color: #7C672E !important;
    color: white !important;
}

div.DTE_Field input[type=checkbox],
div.DTE_Field input[type=radio] {
    cursor: pointer;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border: 2px solid #888;
    border-radius: 3px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, 
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    float: left;
}

.sinfondo{
    background-color: inherit !important;
    cursor: pointer;
}
.confondo{
    background-color: #EFEEEE !important;
    cursor: pointer;
}


.timeline>div>.timeline-item>.timeline-header {
    color: var(--iconosmenu);
    font-weight: bold;
}

.timeline>div>.fa-regular, .timeline>div>.fa, .timeline>div>.fab, .timeline>div>.fad, .timeline>div>.fal, .timeline>div>.far, .timeline>div>.fas, .timeline>div>.ion, .timeline>div>.svg-inline--fa{
    background-color: var(--iconosmenu);
    color: white;
}

@media (max-width: 525px) {
    span.dtr-data{
        display: inline-block;
    }
    #lstServicios td{
        white-space: normal !important;
    }
    ul.dtr-details{
        width: 100%;
    }
}