/* TOOLTIP */
 
.tooltip {
  font-family: Khand-Regular;
}   

    /* FUENTES DE TEXTO */

  @font-face {
  font-family: Code39; 
  src: url('fonts/code39/Code39.ttf');
}

  @font-face {
  font-family: Code128; 
  src: url('fonts/code128/code128.ttf');
}

  @font-face {
  font-family: Khand-Regular; 
  src: url('fonts/Khand/Khand-Regular.ttf');
}

  @font-face {
  font-family: Khand-Bold; 
  src: url('fonts/Khand/Khand-Bold.ttf');

}

 @font-face {
  font-family: Khand-SemiBold; 
  src: url('fonts/Khand/Khand-SemiBold.ttf');

}

 @font-face {
  font-family: Khand-Medium; 
  src: url('fonts/Khand/Khand-Medium.ttf');

}

 @font-face {
  font-family: Khand-Light; 
  src: url('fonts/Khand/Khand-Medium.ttf');

}

a:link {
  text-decoration: none;
  color: black;
}

/* CAJA DE BUSQUEDA GLOBAL */

[type="search"] {
  -webkit-appearance: none;
  font-size: 18px;
  min-width: 200px;
  outline-offset: -2px;
  text-transform: uppercase;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

  /* CAJA DE BUSQUEDA DE COLUMNA */

input[id=FiltroDeBusqueda]  {


    text-transform: uppercase;
    background-color: white;
    background-image: url('../img/iconolupa.png');
    background-position: 8px 9px; 
    background-repeat: no-repeat;
    background-size: 18px;
    border-radius: 4px;
    border: 2px solid #ccc;
    box-sizing: border-box;
    font-size: 18px;
    justify-content: center;
    padding: 4px 0px 4px 18px;
    text-align: center;
    width: 100%;

  
 }



  .no-select {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* COLORES DATATABLES */

 tbody tr.child td {
    background-color: #ffffff;
     
  }

  table.dataTable>tbody>tr.selected {
    background-color: #565656;
    color: white;
  }

  .pagination {
    --bs-pagination-color: var(--bs-black-color);
    --bs-pagination-hover-color: var(--bs-black-hover-color);
    --bs-pagination-focus-color: var(--bs-black-hover-color);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #232323;
    --bs-pagination-active-border-color: #232323;
  }



  /* FONDO GAFETE PARTE IZQUIERDA */
.background-div {
    width: 220px; /* Set the width of the div */
    height: 336px; /* Set the height of the div */
    background-image: url('../img/bggafete.png'); /* Specify the path to your image */
    background-size: cover; /* Adjust the size of the background image */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
}

  /* FONDO GAFETE PARTE DERECHA */
.background-div1 {
    width: 220px; /* Set the width of the div */
    height: 336px; /* Set the height of the div */
    background-image: url('../img/bggafete1.png'); /* Specify the path to your image */
    background-size: cover; /* Adjust the size of the background image */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
}

 /* FONDO GAFETE PARTE DERECHA */
.background-ficha {
    width: 850px; /* Set the width of the div */
    height: 1100px; /* Set the height of the div */
    background-image: url('../img/ficha.png'); /* Specify the path to your image */
    background-size: contain; /* Adjust the size of the background image */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
}