/* public/css/styles.css */
/* Contenedor de paginación */
.dataTables_wrapper .dataTables_paginate {
  float: right !important;
  margin-top: 20px;
  display: flex;
  gap: 6px;
}

/* Botones de paginación */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 8px 14px;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 6px;
  color: #495057 !important;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Botón activo */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #0d6efd !important;
  color: #fff !important;
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Hover de botones */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current) {
  background-color: #dee2e6;
  color: #212529 !important;
  border-color: #adb5bd;
}

/* Botones deshabilitados */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}


a {
  color: #337ab7;
  text-decoration: none;
}

i {
  margin-bottom: 0px;
}

.labe {
  font-size: 10px;
}


.btn-sm>.fa,
.btn-sm>.glyphicon,
.btn-sm>.ion {
  font-size: 15px;
}


.copiar {
  background-color: #337ab7 !important;
}

.pdf {
  background-color: #dc2f2f !important;
}

.excel {
  background-color: #3ca23c !important;
}

.csv {
  background-color: #007c7c !important;
}

.imprimir {
  background-color: #8766b1 !important;
}

/*
Esto es opcional pero sirve para que todos los botones de exportacion se distribuyan de manera equitativa usando flexbox

.flexcontent {
    display: flex;
    justify-content: space-around;
}
*/

.selectTable {
  text-align: center !important;
  font-size: 10px !important;
  height: 40px;
  float: right;
  margin-top: 10px;
  background-color: #337ab7 !important;
  margin-bottom: 20px;
  display: none;
}


.inline {
  display: inline-block;
  padding: 0;
}

.next_last {
  margin-top: 90px;
}

.icon_datatable {
  color: white;
}



/* dataTables Search input box */

.dataTables_filter {
  float: right;
  position: relative;
}

.dataTables_filter input {
  width: 250px;
  height: 32px;
  /*background: #fcfcfc;*/
  border: 1px solid #aaa;
  border-radius: 5px;
  /*box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;*/
  text-indent: 10px;
}

.dataTables_filter .fa-search {
  position: absolute;
  top: 10px;
  left: auto;
  right: 10px;
}