:root{
  --rojo: #FF1000;
  --negro: #1d1d1d;
  --gris1: #d1d1d1;
  --gris2: #ebebeb;
  --gris3: #818181;
  --gris4: #424953;

  --gris5: #c4cacf;
  --gris6: #8e9da5;
  --gris7: #434952;

  --blanco: #fff;
  --aqua1: #008fab;
}

.bg_gris1{background-color: var(--gris1);}
.bg_gris4{background-color: var(--gris4);}

.bg_gris5{background-color: var(--gris5);}
.bg_gris6{background-color: var(--gris6);}
.bg_gris7{background-color: var(--gris7);}

.bg_aqua{background-color: var(--aqua1);}

.hr_aqua{
  background-color: var(--aqua1) !important;
  opacity: 1;
}

.w_full{width: 100%;}
.h_full{height: 100%}
.h_200{height: 200px}
.mh_200{max-height: 200px}
.mh_300{max-height: 300px}
.mh_400{max-height: 400px}

._small1{font-size: 0.875em;}
._small{font-size: 0.8em;}
._small2{font-size: 0.6em !important;}
._small3{font-size: 0.75em !important;}


.w_100{width:100%}


.cp{cursor: pointer;}

.w100{width:100%;}
.w_full{width:100%;}

.bg_light1{background-color: rgb(199, 199, 199) !important;}
.bg_light2{background-color: rgb(59, 59, 59) !important;}

.mw_600{
  max-width: 600px !important;
  margin: auto;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}


.mw_1200{
  max-width: 1200px !important;
  margin: auto;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

/* ************************************************************** */
a:link {color: white;}
a:link {color: inherit;}
a:visited {color: inherit;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* a:hover{color: var(--rojo) !important;} */

.cp{cursor:pointer}
.ca{cursor:default}

.w_100{width: 100%;}
.h_100{height:100%;}

/** NO SPINNER EN INPUT NUMBER ************************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* ************************************************************** */
/* SPINNER BOOTSTRAP */
.sp1-container{
  width: 100%;
  height: 200px;
  text-align: center;
  position: relative;
}

.sp1{
  width: 200px;
  height: 100%;
  /* color: var(--negro) !important; */
}

.spinner_logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 60px;
  color: var(--gris2);
}
/* ************************************************************** */
/* DATATABLES */

/* Mover la barra de búsqueda a la derecha */
#table_wrapper .dataTables_filter {
  float: right; /* Coloca el contenedor de búsqueda a la derecha */
  text-align: right; /* Alinea el texto dentro del contenedor de búsqueda */
  margin-bottom: 20px;
  margin-right: 5px;
}

#table_wrapper .dataTables_filter input {
  display: inline-block; /* Asegura que el campo de búsqueda se vea bien alineado */
  width: auto; /* Opcional, ajusta el tamaño del input si es necesario */
  margin-left: 5px; /* Agrega espacio entre el label y el input */
}