/* Contenedor de la Datatable */
.dataTables_wrapper{width: calc(100% - 40px);margin: 20px;float: left;}
/* Botones generales */
.dtsb-button{color: var(--blanco_1);}
/* Filtro de la Datatable - SearchBuldier */
.dtsb-searchBuilder{border: var(--border);}
.dtsb-title{color: var(--texto_1);}
.dtsb-clearAll{background: var(--rojo_1);}
.dtsb-delete{background: var(--rojo_1);}
.dtsb-add{background: var(--rosa_1);}
.dtsb-right{background: var(--rosa_1);}
.dtsb-left{background: var(--rosa_1);}
.dtsb-dropDown,.dtsb-input{border: var(--border);background: var(--inputs);color: var(--texto_2);}
.dtsb-logicContainer{background: var(--rosa_1);}
/* Input de busqueda */
.dataTables_filter{width: 200px;height: 30px;margin: 0 0 20px 10px;position: relative;}
.dataTables_filter .icon{position: absolute;top: 0;left: -25px;bottom: 0;margin: auto;font-size: 16px;text-align: center;width: 20px;height: 20px;line-height: 20px;color: var(--texto_3);}
.dataTables_filter label{width: 100%;height: 100%;}
.dataTables_filter input{width: 100%;height: 100%;margin: 0 !important;border: var(--border) !important;background: var(--inputs) !important;color: var(--texto_2) !important;font-size: 12px;}
/* Estilo para la tabla */
table{font-size: 12px !important;border-collapse: collapse !important;}
thead{background: var(--fondo_1) !important;color: var(--texto_1) !important;}
tbody{background: var(--fondo_1) !important;color: var(--texto_2) !important}
tr,td, th{position: relative !important;overflow: hidden;}
.dataTables_scrollHeadInner{border-top: var(--border);}
.dataTables_scrollHeadInner th{border: none !important;}
.dataTables_scrollBody tr{border-bottom: var(--border);}
.dataTables_scrollBody td {border: none;padding: 10px !important;}
.dataTables_scrollBody .preg_opci, .dataTables_scrollHeadInner .preg_opci{margin-bottom: 0;}
.dataTables_scrollBody tbody tr:hover{background: var(--fondo_3) !important;cursor: pointer;}
.dataTables_scrollBody{background: var(--blanco_1) !important;border: none !important;}
.odd{background: transparent !important;}
.even{background: transparent !important;}
.dataTables_scroll{width: 100%;}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after{display: none;}
th.sorting{padding-right: 10px !important;}
th.sorting,th.sorting_disabled{border-inline:1px solid rgba(0,0,0,0.1) !important}
/* Estilo a la paginacion */
.dataTables_paginate{padding: 0 !important;margin: 20px 0 0 0 !important;color: var(--texto_1) !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{background: var(--pagina) !important;opacity: 0.7;color: var(--texto_1) !important;cursor: not-allowed;}
.paginate_button{background: var(--pagina);color: var(--texto_1) !important;padding: 5px 10px !important;font-size: 12px;margin: 0 5px 0 0 !important;border: var(--border) !important;border-radius: 3px !important;}
.paginate_button:nth-last-child(1){margin: 0 !important;}
span .paginate_button:nth-last-child(1){margin: 0 5px 0 0 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .paginate_button:hover{background: var(--rosa_1) !important;padding: 5px 10px !important;color: var(--blanco_1) !important;}
.dataTables_info{color: var(--texto_2) !important;font-size: 12px;height: 30px;line-height: 30px;padding: 0 !important;margin: 20px 0 0 0;}
/* Botones de control general */
.dt-buttons{width: calc(100% - 230px);display: inline-block;}
.dt-button{border-radius: 3px;overflow: hidden;background: transparent;}
.tabl_btn1, .tabl_btn2, .tabl_btn3, .tabl_icon, .tabl_text{display: flex;align-items: center;justify-content: center;text-decoration: none;}
.tabl_icon{height: 30px;width: 30px;max-width: 30px;min-width: 30px;text-align: center;background: rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);}
.tabl_text{height: 30px;padding: 0 5px;width: 100%;justify-content: left;}
.tabl_btn1{height: 30px;font-size: 12px;display: flex;border-radius: 3px;}
.tabl_btn2{width: 30px;height: 30px;padding: 0 5px;font-size: 12px;border-radius: 3px;margin: auto;}
.tabl_btn3{width: 100%;height: 30px;border-radius: 3px;margin: auto;justify-content: left;}
.tabl_tam1{width: 0px;}
.tabl_avan{width: 50px;height: 15px;border-radius: 3px;position: relative;overflow: hidden;background: var(--fondo_2);border: var(--border);margin-right: 10px;}
.tabl_avan div{position: absolute;height: 100%;}
.tabl_imag{width: 50px;height: 50px;border-radius: 5px;border: var(--border);margin: auto;display: block;}
/* Colvis */
.dt-down-arrow{display: none;}
.dt-button-collection{margin-top: 10px !important;width: 250px;position: absolute;z-index: 9;background: var(--fondo_2);border-radius: 5px;border: var(--border);box-shadow: var(--sombra);padding: 0 10px 10px;}
.dt-button-collection::after{content: '';position: absolute;top: -20px;left: 5px;border: solid transparent;border-width: 10px;border-bottom-color: var(--fondo_2);}
.buttons-columnVisibility, .buttons-colvisRestore{width: 100%;height: 30px;line-height: 30px;padding: 0 5px;border: var(--border);margin-top: 10px;font-size: 12px;}
.buttons-columnVisibility.active{background: var(--inputs);}
.buttons-columnVisibility{color: var(--texto_2);}
.buttons-colvisRestore{background: var(--rosa_1);color: var(--blanco_1);}
.ellipsis{padding: 0 10px !important;margin-right: 5px !important;}
.sorting_1, .sorting_asc, .sorting_desc{background: var(--fondo_2) !important;}
.semaforo{width: 100%;height: 100%;border-radius: 3px;color: white;text-align: center;font-size: 600;padding: 0 5px;}
/* Responsive */
@media screen and (max-width: 800px){
    .tabl_icon{background: transparent;}
    .tabl_text{display: none;}
    .stat .tabl_icon{background: rgba(255,255,255,0.1);}
    .stat .tabl_text{display: flex;}
}
@media screen and (max-width: 750px){
    .dataTables_info{width: 100% !important;}
}
@media screen and (max-width: 650px){
    .dataTables_filter, .dt-buttons{width: 100%;margin: 0 0 20px 0 !important;}
    .dataTables_filter .icon{display: none;}
    .dataTables_filter input{font-size: 10px;}
    .dataTables_scrollBody td, .dataTables_scrollHeadInner thead th{padding-block: 5px !important;}
    .dt-buttons, .dataTables_filter, .dataTables_wrapper{margin-bottom: 10px !important;}
    .dataTables_info, .dataTables_paginate{margin-top: 10px !important;}
    .paginate_button, .dtsb-titleRow{font-size: 12px;}
    table, .paginate_button, .dtsb-titleRow, .dataTables_info, .tabl_text{font-size: 10px !important;}
    .ellipsis{padding: 0 5px !important;}
    .dtsb-criteria {display: flex;flex-flow: none;flex-direction: column;justify-content: start;padding-right: 30px;margin-bottom: 0px;}
    .dtsb-dropDown{max-width: none;width: 100%;margin-bottom: 5px;}
    .dtsb-inputCont{max-width: none;width: 100%;}
    .dtsb-buttonContainer {position: absolute;width: 25px;display: flex;flex-wrap: wrap-reverse;right: 0;margin-right: 0px;}
    .dtsb-left, .dtsb-right{margin-right: 0;margin-top: 5px;}
    .dtsb-searchBuilder{padding: 5px;margin-bottom: 5px;}
}