/* Modificacines de datatables */
table.table.tablelist {
  table-layout: fixed;
}

table.dataTable {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
  
.cib-table-header th {
  background-color: var(--bbva-white-100);
  color: var(--bbva-midnigth-blue);
  font-weight: bold;
  padding: 12px 16px;
  border-bottom: 2px solid var(--bbva-grey-500);
}

.cib-table-row td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--bbva-grey-300);
}
  

/* Revisar para paginación al poner el raton y luego elegir :hov en el depurador 
https://edicion-kr1wc2o6.openweb.bbva/qis-index-new/ ejemplo para usar - REvisar botones también
*/


table.dataTable>tbody>tr {
  cursor: pointer;
}


.table.tablelist.dataTable {
  font-family: 'BentonBook', sans-serif !important;
  color      : var(--bbva-midnight-blue) !important;
  font-size  : 15.008px;
  font-style : normal;
  font-weight: 350;
  line-height: 24px;
}

/* Separadores tabla */
.table.tablelist.dataTable tbody tr,
.table.tablelist.dataTable thead th {
    border-bottom: 1px solid var(--bbva-grey-400);
}

/* Hover Filas TR */
.table.tablelist.dataTable tbody tr:hover {    
  border-bottom: 2px solid var(--bbva-electric-blue);
}

/* Texto tabla */
.table.tablelist.dataTable>:not(caption)>*>* {
    color: var(--bbva-midnight-blue) !important;
}

/* Data of Entries */
.dt-info {
  color: var(--bbva-midnight-blue) !important;
}

/* Titulo tabla */
.table.tablelist.dataTable th.dt-orderable-desc .dt-column-header {
    font-family: 'BentonBook', sans-serif !important;
    color      : var(--bbva-midnight-blue) !important;
    font-size  : 15.008px;
    font-style : normal;
    font-weight: 350;
    line-height: 24px;
}

.table.tablelist.dataTable th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-header,
.table.tablelist.dataTable th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-header {
    font-family: 'BentonMedium', sans-serif !important;
    color      : var(--bbva-midnight-blue) !important;
}

/* Botones */
div.dt-container .dt-paging .dt-paging-button {
  font-family: 'BentonBook', sans-serif;
  color      : var(--bbva-electric-blue) !important;
  font-size  : 15.008px;
  font-style : normal;
  font-weight: 700;
  line-height: 24px;
  border     : 0;
}

div.dt-container .dt-paging .dt-paging-button:active {
    outline: none;
    background: unset;
    box-shadow: unset;
}
    

div.dt-container .dt-paging .dt-paging-button:not(.disabled):hover {
    color           : var(--bbva-midnight-blue) !important;    
    background      : transparent !important;
    background-color: transparent !important;
    border: 0px;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
  border          : inherit;
  background      : transparent !important;
  background-color: transparent !important;
  border          : 0px;
  font-family     : 'BentonBook', sans-serif;
  color           : var(--bbva-midnight-blue) !important;
  font-size       : 15.008px;
  font-style      : normal;
  font-weight     : 350;
  line-height     : 24px;
  border          : 0;
}



div.dt-container .dt-paging .dt-paging-button.next:not(.disabled),
div.dt-container .dt-paging .dt-paging-button.previous:not(.disabled) {
  font-family     : 'BentonBook', sans-serif;
  color           : var(--bbva-electric-blue) !important;
  font-size       : 15.008px;
  font-style      : normal;
  font-weight     : 700;
  line-height     : 24px;
}

div.dt-container .dt-paging .dt-paging-button.next:not(.disabled):hover,
div.dt-container .dt-paging .dt-paging-button.previous:not(.disabled):hover {  
  color           : var(--bbva-midnight-blue) !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled, 
div.dt-container .dt-paging .dt-paging-button.disabled:hover, 
div.dt-container .dt-paging .dt-paging-button.disabled:active{
  color: inherit;
}

/* Primer botón de paginación */
div.dt-container .dt-paging .dt-paging-button:not(.previous):not(.next):not(.first):not(.last):nth-child(2),
div.dt-container .dt-paging .dt-paging-button:not(.previous):not(.next):not(.first):not(.last):nth-child(2):hover {
    border-left: 2px solid var(--bbva-grey-300);
}

/* Último botón de paginación */
div.dt-container .dt-paging .dt-paging-button:not(.previous):not(.next):not(.first):not(.last):nth-last-child(2),
div.dt-container .dt-paging .dt-paging-button:not(.previous):not(.next):not(.first):not(.last):nth-last-child(2):hover {
	border-right: 2px solid var(--bbva-grey-300);
}


table.dataTable thead>tr>th.dt-orderable-asc:hover, 
table.dataTable thead>tr>th.dt-orderable-desc:hover, 
table.dataTable thead>tr>td.dt-orderable-asc:hover, 
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: unset;
    outline-offset: unset;
}

/* Mover la flecha de ordenamiento a la derecha */
.table.dataTable thead>tr>th.dt-type-numeric.dt-orderable-asc.dt-orderable-desc > div.dt-column-header {
  display: flex;
}

.table.dataTable thead>tr>th.dt-type-numeric.dt-orderable-asc.dt-orderable-desc > div.dt-column-header > span.dt-column-title {
  order: 2;
}

.table.dataTable thead>tr>th.dt-type-numeric.dt-orderable-asc.dt-orderable-desc > div.dt-column-header > span.dt-column-order {
  order: 1;
}