/*------------------------------------*/
/*            DATA TABLES            */
/*------------------------------------*/


.dataTable:not(.statistical-table .mud-table-root.dataTable) {
    border-radius: var(--input-soft-border-radius);
    width: 100%;
    -youbkit-touch-callout: none; /*iOS Safari*/
    -youbkit-user-select: none; /* Chrome 6.0+, Safari 3.1+, Edge y Opera 15+ */
    -moz-user-select: none; /*Firefox*/
    -ms-user-select: none; /* IE 10+ y Edge */
    user-select: none; /* Versión sin prefijo, actualmente compatible con Chrome y Opera */
}

.dataTables_wrapper.no-footer {
    overflow: hidden !important;
    padding: 2px !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) th.dt-left,
.dataTable:not(.statistical-table .mud-table-root.dataTable) td.dt-left {
    text-align: left;
    padding-left: 20px !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) th.dt-center,
.dataTable:not(.statistical-table .mud-table-root.dataTable) td.dt-center,
.dataTable:not(.statistical-table .mud-table-root.dataTable) td.dataTables_empty {
    text-align: center;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) th.dt-right,
.dataTable:not(.statistical-table .mud-table-root.dataTable) td.dt-right {
    text-align: right;
    padding-right: 20px !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) th.dt-justify,
.dataTable:not(.statistical-table .mud-table-root.dataTable) td.dt-justify {
    text-align: justify;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) th.dt-nowrap,
.dataTable:not(.statistical-table .mud-table-root.dataTable) td.dt-nowrap {
    white-space: nowrap;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th.dt-head-left,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead td.dt-head-left,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th.dt-head-left,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot td.dt-head-left {
    text-align: left;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th.dt-head-center,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead td.dt-head-center,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th.dt-head-center,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot td.dt-head-center {
    text-align: center;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th.dt-head-right,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead td.dt-head-right,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th.dt-head-right,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot td.dt-head-right {
    text-align: right;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th.dt-head-justify,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead td.dt-head-justify,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th.dt-head-justify,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot td.dt-head-justify {
    text-align: justify;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th.dt-head-nowrap,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead td.dt-head-nowrap,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th.dt-head-nowrap,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody th.dt-body-left,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td.dt-body-left {
    text-align: left;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody th.dt-body-center,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td.dt-body-center {
    text-align: center;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody th.dt-body-right,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td.dt-body-right {
    text-align: right;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody th.dt-body-justify,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td.dt-body-justify {
    text-align: justify;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody th.dt-body-nowrap,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td.dt-body-nowrap {
    white-space: nowrap;
}


/*
* Table styles
*/
table,
.dataTable:not(.statistical-table .mud-table-root.dataTable) {
    margin-top: 0px;
    /* clear: both;
    border-collapse: separate; */
    border-spacing: 0;
    color: var(--text-color) !important;
    font-size: 11px /*var(--font-size-principal)*/;
    border: none;
    /* text-transform: uppercase; */
    box-shadow: var(--table-shadow);
    /*
    * Header and footer styles
    */
    /*
    * Body styles
    */
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: transparent !important;
}

.dataTables_wrapper .dataTables_info {
    font-size: var(--font-medium);
    margin-top: 0px;
}
table th,
.dataTable:not(.statistical-table .mud-table-root.dataTable) th {
    color: var(--table-header-text-color);
    text-transform: uppercase;
    background: var(--table-header-background);
}

    .dataTable:not(.statistical-table .mud-table-root.dataTable) th:first-child {
        border-top-left-radius: var(--input-soft-border-radius);
    }

    .dataTable:not(.statistical-table .mud-table-root.dataTable) th:last-child {
        border-top-right-radius: var(--input-soft-border-radius);
    }
    .dataTable:not(.statistical-table .mud-table-root.dataTable) tr:last-child td:last-child {
        border-bottom-right-radius: var(--input-soft-border-radius);
    }

    .dataTable:not(.statistical-table .mud-table-root.dataTable) tr:last-child td:first-child {
        border-bottom-left-radius: var(--input-soft-border-radius);
    }
.dataTable:not(.statistical-table .mud-table-root.dataTable) tr:last-child {
    /*border-bottom-left-radius: 9px !important;
    border-bottom-right-radius: 9px !important;*/
}

.encabezado-tabla {
    box-shadow: var(--table-header-shadow);
    text-transform: uppercase;
    border-top-left-radius: var(--input-soft-border-radius);
    border-top-right-radius: var(--input-soft-border-radius);
    border: none;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) i {
    color: var(--background-theme);
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th {
    font-weight: bold;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead th,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead td {
    padding: 5px 20px;
}

    .dataTable:not(.statistical-table .mud-table-root.dataTable) thead th:active,
    .dataTable:not(.statistical-table .mud-table-root.dataTable) thead td:active {
        outline: none;
    }

.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot th,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid transparent;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_asc,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_desc,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_asc_disabled,
.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting {
    /*background-image: url("DataTables/img/sort_both.png");*/
    background-image: url("DataTables-1.13.4/images/sort_both.png");
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_asc {
    /*background-image: url("DataTables/img/sort_asc.png") !important;*/
    background-image: url("DataTables-1.13.4/images/sort_asc.png");
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_desc {
    /*background-image: url("DataTables/img/sort_desc.png") !important;*/
    background-image: url("DataTables-1.13.4/images/sort_desc.png");
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_asc_disabled {
    /*background-image: url("DataTables/img/sort_asc_disabled.png");*/
    background-image: url("DataTables-1.13.4/images/sort_asc_disabled.png");
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) thead .sorting_desc_disabled {
    background-image: url("sDataTables-1.13.4/images/sort_desc_disabled.png");
}

/************************************/

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr.odd.selected,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr.even.selected {
    background-color: var(--table-tr-selected) !important;
    /*border-bottom: 1px solid var(--table-tr-selected);*/
    color: var(--text-color);
    font-weight: bold;
    /* font-size: 12px;*/
}

    .dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr.odd.selected:hover,
    .dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr.even.selected:hover {
        /*border-bottom: 1px solid var(--table-tr-selected);*/
        background-color: var(--table-tr-selected) !important;
        color: var(--text-color);
        font-weight: bold;
    }

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody th,
.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td {
    /*padding: 4px;*/
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody td {
    background: transparent !important;
    padding: 0 !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr.odd {
    background-color: transparent !important;
    padding: 0 !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr.even {
   /* border-bottom: 1px solid var(--table-td-even);*/
    background-color: var(--table-td-even) !important;
    padding: 0 !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).row-border tbody th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).row-border tbody td,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody td {
    border: 1px solid transparent;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).row-border tbody tr:first-child th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).row-border tbody tr:first-child td,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:first-child th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:first-child td {
    border-top: none;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).cell-border tbody tr:first-child th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).cell-border tbody tr:first-child td {
    border-top: none;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).stripe tbody tr.odd.selected,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd.selected {
    background-color: transparent;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).hover tbody tr:hover,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover {
    border-radius: 10px;
    background: var(--table-row-hover-background) !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable) tbody tr:hover {
    background: var(--table-row-hover-background) !important;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column tbody tr > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column tbody tr > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column tbody tr > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr > .sorting_3 {
    background-color: transparent;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column tbody tr.selected > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column tbody tr.selected > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column tbody tr.selected > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.selected > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.selected > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.selected > .sorting_3 {
    background-color: #8eaae1;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: transparent;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd.selected > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #89a4da;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd.selected > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #8aa5db;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.odd.selected > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #8ba6dd;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.even > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.even > .sorting_1 {
    background-color: transparent;
    /* border-bottom-left-radius: 11px; */
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:last-child td:last-child,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr:last-child td:last-child {
    border-bottom-right-radius: 11px;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:last-child td:first-child,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr:last-child td:first-child {
    border-bottom-left-radius: 11px;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.even > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.even > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.even.selected > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #8eaae1;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.even.selected > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #8fabe3;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr.even.selected > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #90ace5;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #efefef;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover > .sorting_6,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover > .sorting_6 {
    background-color: #efefef;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover.selected > .sorting_1,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #859fd3;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover.selected > .sorting_2,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #86a0d5;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).display tbody tr:hover.selected > .sorting_3,
.dataTable:not(.statistical-table .mud-table-root.dataTable).order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #88a2d8;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).no-footer {
    border-bottom: 1px solid transparent;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).nowrap th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).nowrap td {
    white-space: nowrap;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).compact thead th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).compact thead td {
    padding: 4px;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).compact tfoot th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).compact tfoot td {
    padding: 4px;
}

.dataTable:not(.statistical-table .mud-table-root.dataTable).compact tbody th,
.dataTable:not(.statistical-table .mud-table-root.dataTable).compact tbody td {
    padding: 4px;
}

/*
   * Control feature layout
   */
.dataTables_wrapper {
    /* position: relative; */
    clear: both;
}

    .dataTables_wrapper .dataTables_length {
        float: left;
        margin-bottom: 15px !important;
    }

        .dataTables_wrapper .dataTables_length select {
            /*width: 0px !important;*/
            background: var( --input-background);
            box-shadow: var(--input-glass-shadow);
            border: var( --input-border);
            border-radius: var( --input-border-radius);
            color: var(--text-color);
            transition: border 0.2s ease-in-out;
            height: 24px;
            font-size: 12px;
            /*width: 100%;*/
            padding: 0 2px 0 2px !important;
        }

            .dataTables_wrapper .dataTables_length select:focus,
            .dataTables_wrapper .dataTables_length select:checked {
                background-color: var(--background-theme);
                box-shadow: none;
                border-bottom: var( --input-focus-border-bottom);
                color: var(--text-color);
                outline: none;
            }

        .dataTables_wrapper .dataTables_length label {
            color: var(--text-color);
        }

/* BÚSQUEDA */
.dataTables_filter {
    text-align: end;
    padding-right: 6px;
}

.dataTables_filter input::placeholder {
    color: var(--text-color) !important;
}

.dt-button.buttons-excel {
    margin-right: 6px;
}

.dt-buttons button {
    border: 1px solid transparent;
    border-radius: 9px !important;
}

.dataTables_filter input {
    padding-left: 25px;
    padding-right: 15px;
    outline: none;
    border: none;
    font-size: 12px;
    background: var(--input-search);
    color: var(--text-color);
    border-radius: 9px;
    box-shadow: var(--input-shadow);
    height: 27px;
    width: 230px;
    margin: 0 18px 10px 0;
}

    .dataTables_filter input:focus {
        /*box-shadow: var(--input-shadow);*/
        background: var(--input-search);
        box-shadow: var(--input-inner-shadow);
    }

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    width: 100%;
    font-size: 8pt;
    margin-right: 15px;
}

    .dt-buttons:not(.mud-table-container .dt-buttons) button,
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        background: var(--button-background);
        color: var(--button-text-color) !important;
        /* border: 1px solid transparent; */
        border-radius: 6px;
    }

        .dt-buttons:not(.mud-table-container .dt-buttons) button:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: var(--text-color) !important;
            background: var(--table-row-hover-background) !important;
            border: 1px solid transparent !important;
            /* padding: 6px; */
            /*outline: none;*/
            /* border: transparent !important;*/
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            cursor: default;
            color: var(--table-paginate-text-color) !important;
            font-weight: 600;
            background-color: transparent !important;
            border: transparent !important;
            background: transparent;
            box-shadow: none;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: var(--text-color) !important;
            background: var(--table-row-hover-background) !important;
            border-bottom: 1px solid var(--border-color);
            outline: none;
            border: transparent !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:active {
            color: var(--background-theme) !important;
            /* background-color: var(--search-bg); */
            border-bottom: 1px solid var(--border-color);
            outline: none;
            border: transparent !important;
        }

    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 1em;
    }

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--table-paginate-text-color);
    padding: 0px 0px 5px 0px;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        *margin-top: -1px;
        -webkit-overflow-scrolling: touch;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
            vertical-align: middle !important;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
                height: 0;
                overflow-x: scroll;
                margin: 0 !important;
                padding: 0 !important;
            }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid transparent;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead .dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}


button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled,
input.dt-button.disabled {
    cursor: default;
    opacity: 0.4;
}

button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled),
input.dt-button:active:not(.disabled),
input.dt-button.active:not(.disabled) {
    background-color: rgba(0, 0, 0, 0.1);
    /* Fallback */
    background: -webkit-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background: -moz-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* FF3.6 */
    background: -ms-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* IE10 */
    background: -o-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
    box-shadow: inset 1px 1px 3px #999999;
}

    button.dt-button:active:not(.disabled):hover:not(.disabled),
    button.dt-button.active:not(.disabled):hover:not(.disabled),
    div.dt-button:active:not(.disabled):hover:not(.disabled),
    div.dt-button.active:not(.disabled):hover:not(.disabled),
    a.dt-button:active:not(.disabled):hover:not(.disabled),
    a.dt-button.active:not(.disabled):hover:not(.disabled),
    input.dt-button:active:not(.disabled):hover:not(.disabled),
    input.dt-button.active:not(.disabled):hover:not(.disabled) {
        box-shadow: inset 1px 1px 3px #999999;
        background-color: rgba(0, 0, 0, 0.1);
        /* Fallback */
        background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* Chrome 10+, Saf5.1+, iOS 5+ */
        background: -moz-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* FF3.6 */
        background: -ms-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* IE10 */
        background: -o-linear-gradient(top, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
    }

button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover,
input.dt-button:hover {
    text-decoration: none;
}

    button.dt-button:hover:not(.disabled),
    div.dt-button:hover:not(.disabled),
    a.dt-button:hover:not(.disabled),
    input.dt-button:hover:not(.disabled) {
        border: 1px solid #666;
        background-color: rgba(0, 0, 0, 0.1);
        /* Fallback */
        background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* Chrome 10+, Saf5.1+, iOS 5+ */
        background: -moz-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* FF3.6 */
        background: -ms-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* IE10 */
        background: -o-linear-gradient(top, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
    }

button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
input.dt-button:focus:not(.disabled) {
    border: none;
    outline: 0;
    color: var(--button-focus-text-color);
    /*second-color*/
    background: var(--button-focus-background);
    box-shadow: var(--button-inner-shadow) !important;
    /*border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color: #79ace9;*/
    /* Fallback */
    /*background: -webkit-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);*/
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /*background: -moz-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);*/
    /* FF3.6 */
    /*background: -ms-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);*/
    /* IE10 */
    /*background: -o-linear-gradient(top, #d1e2f7 0%, #79ace9 100%);*/
    /* Opera 11.10+ */
    /*background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#d1e2f7", EndColorStr="#79ace9");*/
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #dadada;
    /* Fallback */
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
    /* FF3.6 */
    background: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
    /* IE10 */
    background: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f0f0f0", EndColorStr="#dadada");
    box-shadow: inset 1px 1px 3px #666;
}

div.dtsp-panesContainer button.dtsp-disabledButton {
    cursor: default !important;
    color: #7c7c7c;
}

    div.dtsp-panesContainer button.dtsp-disabledButton:hover {
        background-color: transparent;
    }

    div.dtsp-panesContainer button.dtsp-disabledButton:focus {
        outline: none;
    }

div.dtsp-topRow.dtsp-bordered:hover button.dtsp-disabledButton {
    cursor: pointer !important;
    pointer-events: none;
}

/*scroll de tabla*/
.scroll-r {
    overflow-x: auto !important;
}


    .scroll-r::-webkit-scrollbar-track {
        background-color: var(--scroll-background);
        border-radius: 10px;
    }

    .scroll-r::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(162 204 204 / 47%)), color-stop(0.72, rgba(111,175,175,0.39119397759103647)), color-stop(0.86, rgb(92 181 182 / 63%)));
    }

    .scroll-r::-webkit-scrollbar {
        width: 7.5px !important;
        height: 7.5px !important;
    }

/*pijama*/
.button-dt {
    box-shadow: none !important;
    /*background: var(--theme-background) !important;*/
}

/***********************/
/*     Table child     */
/***********************/
.table-group,
.table#acumulados {
    font-size: 10px;
}

#acumulados_wrapper .scroll-r {
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: 60vh !important;
}

.table#acumulados thead th:nth-child(3),
.table#exentos thead th:nth-child(3) {
    width: 500vw !important;
}

.table-group tbody td {
    color: var(--text-color) !important;
}

.table-group th.sorting {
    width: 1px !important;
    height: 1px !important;
    padding-left: 5px !important;
}

.table-group tbody th {
    padding: 10px;
}

.table-child th,
.table-child td,
.table-group th,
.table-group td {
    width: 100px !important;
}

.table-group thead.encabezado-tabla {
    visibility: collapse;
}

.table-group {
    margin-bottom: -2px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

    .table-group tr {
        border-bottom: 1px solid transparent !important;
    }
    /*.table-group td:nth-child(2){
    width: 250px !important;
}*/

    .table-group tr,
    .table-child tr.odd,
    .table-child tr.even {
        vertical-align: middle;
    }

        /*filas padre (selected)*/

        .table-child tr.odd.selected {
            background: transparent !important;
            font-weight: normal !important;
        }

        .table-child tr.even.selected {
            background: var(--table-td-even) !important;
            font-weight: normal !important;
        }

        .table-child tr.odd.shown.selected {
            font-size: 12px !important;
            font-weight: bold !important;
            
        }

        .table-child tr.even.shown.selected {
            font-size: 12px !important;
            font-weight: bold !important;
        }

/*boton*/
.table-child td button {
    box-shadow: none !important;
    width: 17px !important;
    height: 17px !important;
    font-size: 12px !important;
}

    .table-child td button:focus {
        box-shadow: var(--button-inner-shadow) !important;
    }
/*pijama*/
/*azul*/
.table-group tr.group-odd:nth-child(2n-1) {
    background: var(--table-child-tr-odd1) !important;
}

.table-group tr.group-odd:nth-child(2n) {
    background: var(--table-child-tr-odd2) !important;
}

/*morado*/
.table-group tr.group-even:nth-child(2n-1) {
    background: var(--table-child-tr-even1) !important;
}

.table-group tr.group-even:nth-child(2n) {
    background: var(--table-child-tr-even2) !important;
}

/*hover*/
.table-group tr.group-odd:hover,
.table-group tr.group-even:hover {
    background: var(--table-row-hover-background) !important;
}

/*selected*/

.table-group tr.group-odd.selected,
.table-group tr.group-even.selected,
.table-group tr.group-odd.selected:hover,
.table-group tr.group-even.selected:hover {
    background-color: var(--table-tr-selected) !important;
    color: var(--text-color) !important;
    font-weight: bold !important;
}



.row-selected {
    /* font-size: 12px;*/
    font-weight: bold;
}

.td-align {
    padding-right: 18px !important;
}


.table-group tr:last-child td:last-child {
    border-bottom-right-radius: 0px !important;
}

.table-group tr:last-child td:first-child {
    border-bottom-left-radius: 0px !important;
}

.table-child tr.even.shown {
    border-bottom: 1px solid var(--table-td-even) !important;
}

.table-child tr.odd.shown {
    border-bottom: 1px transparent !important;
}

/*30/05/2023*/
/***************CARGA DE PLUGIN DATATABLES****************/
.dt-load {
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.load-dots {
    margin-top: 10vh;
    transform: translate(-10%, -50%);
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.load-dots .dot-ld {
    border: 0;
    margin: 0;
    width: 17%;
    height: 17%;
    position: absolute;
    border-radius: 50%;
    animation: load-dt 2s ease infinite;
    opacity: 1;
}

.load-dots :first-child {
    background: var(--primary-700);
    animation-delay: -1.5s
}

.load-dots :nth-child(2) {
    background: var(--primary-400);
    animation-delay: -1s
}

.load-dots :nth-child(3) {
    background: var(--secondary-800);
    animation-delay: -0.5s
}

.load-dots :last-child {
    background: var(--secondary-500)
}

@keyframes load-dt {
    0%,100% {
        transform: translate(0)
    }

    25% {
        transform: translate(160%)
    }

    50% {
        transform: translate(160%, 160%)
    }

    75% {
        transform: translate(0, 160%)
    }
}

.remove-dt{
    display: none !important;
}

#PanelControl table {
    font-size: 13px;
}
#PanelControl td[colspan="5"], #PanelControl td[colspan="6"] {
    padding: 0 !important;
}


.icono-documento {
    font-size: 20px;
    color: #023e8a !important;
    font-weight: bold;
}