@font-face {    font-family: Trueno;    src: url(fonts/Trueno/TruenoLtIt.otf);}label {    font-family: Trueno !important;    font-family: Trueno, 'Work Sans', sans-serif;}body {    padding-right: 0px !important; background-image: url('fondo.png');    background-repeat: no-repeat;    background-size: cover;    height: 100vh;}@media only screen and (max-width: 959.98px){body{height: 105vh;}} @media only screen and   (max-width: 597px){body{height: 116vh;}}.buttonStyle{    font-weight: 500;    line-height: 1.75;    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;    border-radius: 4px;    font-size: 0.875rem;     box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);    width:100%;    text-transform: uppercase;     height: 100%;     background-color:#303f9f;    color:#fff;    border:1px solid #303f9f;    padding-left:5px;    padding-right:5px;    padding-top:2px;    padding-bottom:2px;    border-radius:3px;     cursor:pointer;    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.buttonStyle:hover{    -webkit-box-shadow: 2px 14px 25px -8px rgba(0,0,0,0.75);-moz-box-shadow: 2px 14px 25px -8px rgba(0,0,0,0.75);box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);border:1px solid rgb(18, 36, 140);    background-color:rgb(18, 36, 140)}.buttonStyle:focus{    border:1px solid rgb(114, 128, 198);    background-color:rgb(114, 128, 198)}.buttonStyle2{width: 90px;height: 100%;background-color: #303f9f;color: #fff;border: 1px solid #303f9f;padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;border-radius: 3px;cursor: pointer;margin-right: 10px;}

html{
    overflow: hidden !important;
}
.buttonStyle3{width: 20px;height: 100%;background-color: #303f9f;color: #fff;border: 1px solid #303f9f;padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;border-radius: 3px;cursor: pointer;margin-right: 10px;}
.buttonStyle4{
    width:90px; height: 20px; background-color:#303f9f;color:#fff;border:1px solid #303f9f;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;border-radius:3px; cursor:pointer;margin-right:10px;
}
.textStyle1{
    width:90px; height: 20px;height: 20px;border:1px solid #303f9f;cursor:pointer;padding-left:5px;padding-right:5px;padding-top:2px
}
.textStyle2{
    width:90px; height: 20px;height: 20px;border:1px solid #303f9f;cursor:pointer;padding-left:5px;padding-right:5px;padding-top:2px
}
.buttonStyle5{
    width: 130px;height: 20px;background-color: #303f9f;color: #fff;border: 1px solid #303f9f;padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;border-radius: 3px;cursor: pointer;margin-right: 10px;
}
.buttonStyle6{
    width:60px; height: 20px; background-color:#303f9f;color:#fff;border:1px solid #303f9f;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;border-radius:3px; cursor:pointer
}.buttonStyle7{
    width:100%; height: 100%; background-color:#303f9f;color:#fff;border:1px solid #303f9f;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;border-radius:3px; cursor:pointer
}
.divStyle10{
    height: 100%; width: 200px; position: fixed; padding-right: 0%;padding-left: 0%;padding-top: 0%;font-size: 0.875rem;text-align:left;color: #0000ff; font-weight: bold; background-color: #B7E4FF;
}
.divStyle11{
    height: 100%;padding-left: 0%;padding-top: 0%;padding-right: 0%;font-size: 0.875rem;text-align:left;
}
.divStyle1{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #F3F362;font-weight: bold;
}
.divStyle2{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #6292F3;font-weight: bold;
}
.divStyle3{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #69F362;font-weight: bold;
}
.divStyle4{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #F36262;font-weight: bold;
}
.divStyle5{
    width: 100%; height: 100%; padding-top: 4px
}
.divStyle6{
    height: 100%;padding-left: 0%;padding-top: 0%;padding-right: 0%;font-size: 0.875rem;text-align:right;
}
.divStyle7{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #E3E327;font-weight: bold; display: block;
}
.divStyle8{
    padding-top: 0%;font-size: 0.875rem;text-align:left;color: #0000ff; font-weight: bold;
}
.divStyle9{
    height: 100%;width: 200px;position: fixed;padding-top: 0%;font-size: 0.875rem;text-align: right;
}
.divStyleBancos{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #F56505;font-weight: bold; display: block;
}
.divStyleBancos2{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #69F362;font-weight: bold; display: block;
}
.divStyleBancos3{
    width: 100%;height: 100%;cursor: default;border: none;background-color: #F36262;font-weight: bold; display: block;
}
.buttonStyleImg{
    width: auto;height: 100%;background-color: #303f9f;color: #fff;border: 1px solid #303f9f;padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;border-radius: 3px;cursor: pointer;margin-right: 10px;font-weight: bold;
}
.buttonStyleImgDisabled{
    width: auto;height: 100%;background-color: #ccc;color: #fff;border: 1px solid #fff;padding-left: 5px;padding-right: 5px;padding-top: 2px;padding-bottom: 2px;border-radius: 3px;cursor: default;margin-right: 10px;font-weight: bold;
}
.buttonStyleActivos{
    width:90px;
    height: 20px; 
    background-color:#ccc;
    color:#fff;
    border:1px solid #fff;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius:3px;
     cursor:pointer
}
.buttonDisabled{    
    font-weight: 500;    
    line-height: 1.75;   
     font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;    
     border-radius: 4px;    
     font-size: 0.875rem;     
     box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);   
      width:100%;    
      text-transform: uppercase;     
      height: 100%;     
      background-color:#d9d9d9;    
      color:#5f5f5f;    
      border:1px solid #9f9f9f;    
      padding-left:5px;    
      padding-right:5px;    
      padding-top:2px;    
      padding-bottom:2px;   
       border-radius:3px;    
    cursor:pointer;    
}
.selectStyle1{
    width: 450px; 
    cursor: pointer;
    height: 100%; 
    background-color: transparent;
     border: 0px solid transparent; 
     border-color: #fff transparent transparent transparent
}
.custom-select{
    width: 100%;
    height: 100%; 
    background-color: transparent; 
    border: 0px solid transparent;
    padding: 6px;
    cursor: pointer;
    border-color: #fff transparent transparent transparent;
    
  }
.custom-select:hover {
    background-color: rgb(183, 183, 183);
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
  }

.buttonDelete {
    display: inline-flex;
    align-items: center; /* Centra verticalmente el ícono */
    justify-content: center; /* Centra horizontalmente el ícono */
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 4px;
    background-color: #303f9f; /* Color de fondo */
    color: #fff;
    border: 1px solid #303f9f;
    cursor: pointer;
    padding: 8px 16px; /* Ajusta el padding a tu gusto */
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.buttonDelete:hover {
    background-color: #303f9f;
    border-color: #303f9f;
}

.buttonDelete::before {
    content: "🗑️"; /* Ícono de basurero */
    font-size: 1.2rem; /* Ajusta el tamaño del ícono */
    margin-right: 0; /* Sin margen adicional para el ícono */
}

/* Tooltip personalizado */
.buttonDelete:hover::after {
    content: "Eliminar"; /* El texto del tooltip */
    position: absolute;
    top: 100%; /* Justo debajo del botón */
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.875rem;
    white-space: nowrap;
    z-index: 100;
}