/**** IMPORTANTE -- NO DESCOMENTAR */

/* EL SIGUIENTE BLOQUE COMENTANDO DE CSS EL PARA EL RESIDEÑO Y AJUSTE DE LA PRÓXIMA VISUALIZACIÓN DE LAS TABLAS */

/** Estilos tablas 2023 **/

table.tablaStyle2023 {
	box-sizing: content-box;
}

table.tablaStyle2023 thead tr th {
	/*background-color: #F5F8FA !important;*/
	background-color: #fff !important;
	color: #091e35 !important;
	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

table tr th {
	/*background-color: #F5F8FA !important;*/
	background-color: #fff !important;
	color: #000000 !important;
	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

.contenedor_tabla2022:has(> table) {
	background-color: #F5F8FA !important;
	padding: 1rem !important;
	
	background-color: #F5F8FA;
    border: 1px solid #dee2e6 !important;
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.contenedor_tabla2022.table-responsive,
.contenedor_tabla2022:not(.table-responsive) .dataTables_wrapper.no-footer {
	background-color: #F5F8FA !important;
	
	background-color: #F5F8FA;
    border: 1px solid #dee2e6 !important;
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.contenedor_tabla2022:not(.table-responsive) .dataTables_wrapper.no-footer,
.contenedor_tabla2022.table-responsive .dataTables_wrapper.no-footer {
	padding: 1rem !important;
}

.contenedor_tabla2022 th,
.contenedor_tabla2022 td {
   text-align: left!important;
}

.contenedor_tabla2022.overflow-auto:has(> table) th,
.contenedor_tabla2022.overflow-auto:has(> table) td,
.contenedor_tabla2022 .dataTables_wrapper.no-footer.overflow-auto th,
.contenedor_tabla2022 .dataTables_wrapper.no-footer.overflow-auto td {
   min-width:150px;
}

.table > :not(caption) > * > * {
    background-color: #fff !important;
}

thead tr th,
.table-striped > tbody > tr:nth-of-type(odd) > *,
.table-striped > tbody > tr:nth-of-type(odd) > * {
	background-color: #fff;
	--bs-table-accent-bg: transparent;
	vertical-align: middle;
}


.table-striped > thead > tr > th,
.table-striped > tbody > tr > td {
	background-color: #fff;
	--bs-table-accent-bg: transparent;
	vertical-align: middle;
}


@media (orientation: portrait ) {
	.contenedor_tabla2022>table th:first-child,
	.contenedor_tabla2022>table td:first-child  {
		position: sticky;
  		left: 0;
  		z-index:99;
	}
	
	.contenedor_tabla2022:has(> table) {
    	overflow-x: scroll;
	}
}


button.dt-button.buttons-collection.buttons-colvis.btn.btn-secondary.filtro-columnas.boton.mdl-button.mdl-js-button.mdl-button--fab.mdl-button--mini-fab {
    color: #fff!important;
    background-color: #6c757d!important;
    border-color: #6c757d!important;
    /*background-color: var(--openhr-primary-color)!important;
    border-color: var(--openhr-primary-color)!important;*/
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 0.3rem !important;
}

button.dt-button.buttons-collection.buttons-colvis.btn.btn-secondary.filtro-columnas.boton.mdl-button.mdl-js-button.mdl-button--fab.mdl-button--mini-fab:hover {
    color: #fff!important;
    background-color: #5a6268!important;
    border-color: #545b62!important;
    /*background-color: var(--openhr-secondary-color)!important;
    border-color: var(--openhr-secondary-color)!important;*/
}

.dt-button-collection {
    min-width: 10rem!important;
    padding: 0.5rem 0!important;
    margin: 0!important;
    font-size: 1rem!important;
    color: #212529!important;
    text-align: left!important;
    list-style: none!important;
    /*background-color: #fff!important;*/
    background-color: #343a40!important;
    background-clip: padding-box!important;
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    /*border: 1px solid rgba(0,0,0,.15)!important;*/
    border-radius: 0.25rem!important;
}

.dt-button-collection .dt-button {
    display: block!important;
    width: 100%!important;
    padding: 0.25rem 1rem!important;
    clear: both!important;
    font-weight: 400!important;
    color: #212529!important;
    text-align: inherit!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    background-color: transparent!important;
    border: 0!important;
    background-image: none!important;
    box-shadow: none!important;
	font-weight: bold!important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 0.5rem 0.5rem;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 0.5rem 0.5rem;
}

.dt-button-collection .dt-button.active,
.dt-button-collection .dt-button:not(.active) {
    position: relative;
}

.dt-button-collection .dt-button.active span:after {
    position: absolute;
    display: block;
    width: auto!important;
    height: auto!important;
    border-style: none!important;
    border-width: medium!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    
    font-family: "Font Awesome 6 Free"!important;
	content: "\f06e";
	font-weight: 400;
	color: #dee2e6;
	top: 5px;
    right: 16px;
}

.dt-button-collection .dt-button:not(.active) span:after {
    position: absolute;
    display: block;
    width: auto!important;
    height: auto!important;
    border-style: none!important;
    border-width: medium!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    
    font-family: "Font Awesome 6 Free"!important;
	content: "\f070";
	font-weight: 400;
	color: #dee2e6;
	top: 5px;
    right: 16px;
}


.table-striped > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg)!important;
    color: var(--bs-table-hover-color);
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    left:10px;
    position: absolute;
    display: block;
    width: auto!important;
    height: auto!important;
    border-style: none!important;
    border-width: medium!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    
    color:#212529;
    border:none;
    border-radius:0;
    box-shadow:none;
    box-sizing:content-box;
    text-align:center;
    text-indent:0 !important;
    font-family:"Font Awesome 6 Free"!important;
    line-height:14px;
    content:"\f107";
    font-weight: 900;
    background-color:transparent ;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content:"\f106";
    background-color:transparent ;
}

table.dataTable>tbody>tr.child td.child table tr td:first-child {
	font-weight: bold;
	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

table.tablaStyle2023 tr.destacado td {
    background-color: #cfe2ff!important;
    --bs-table-accent-bg: #cfe2ff!important;
	color: #084298!important;
}

table.tablaStyle2023 tr.destacadoDiario td {
    background-color: #f8d8b3!important;
    --bs-table-accent-bg: #f8d8b3!important;
	color: #b56515!important;
}

table.tablaStyle2023 .par td>a, table.tablaStyle2023 .impar td>a {
    font-weight: normal;
}

table.tablaStyle2023 th>a:not(.valoraciones) {
   color: #0d6efd;
   text-decoration: none;
   font-weight: bold;
}

table.tablaStyle2023 th>a:not(.valoraciones):hover {
   text-decoration: underline;
}

table.tablaStyle2023 tr td>a:not(.valoraciones) {
   color: #0d6efd!important;
   text-decoration: none!important;
}

table.tablaStyle2023 tr td>a:not(.valoraciones):hover {
   color: #0a58ca!important;
   text-decoration: underline!important;
}

.contenedor_tabla2022 .dataTables_wrapper .dataTable td.child table.dataTable tbody tr,
.contenedor_tabla2022 .dataTables_wrapper .dataTable td.child {
    color: #636464;
    background-color: #fefefe!important;
}

div.dt-button-collection button.dt-button.buttons-columnVisibility {
	color: #dee2e6!important;
	line-height: 1.42857143;
	font-weight: bold;
	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
	font-size: 14px;
}

div.dt-button-collection button.dt-button.buttons-columnVisibility:hover, 
div.dt-button-collection button.dt-button.buttons-columnVisibility:focus {
    color: #fff!important;
    background-color: rgba(255, 255, 255, 0.15)!important;
}

button.dt-button.buttons-collection.buttons-colvis.btn.btn-secondary.mx-2.mb-2.btn-sm.filtro-columnas.boton.mdl-button.mdl-js-button.mdl-button--fab.mdl-button--mini-fab {
	height: auto;
    min-width: 0;
    width: auto;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
/** Estilos tablas 2023 */