.spinner-overlay {
    position: fixed; /* Mantiene el spinner en la misma posición al hacer scroll */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el spinner esté al frente */
}

.spinner {
    font-size: 3rem; /* Tamaño del spinner */
    color: rgb(20, 20, 122);
}

.table-responsive {
    width: 100%;
    max-height: 500px; /* Ajusta la altura máxima según tus necesidades */
    overflow-y: auto;
    display: block;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px 12px;
    text-align: left;
}

thead th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 2;
}

tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

tbody tr:hover {
    background-color: #e9ecef;
}

.circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    /* Espacio entre el círculo y el nombre */
}
.badge {
    font-size: 0.8rem;
    height: 30px;
    padding-top: 10px;
    margin: 0 5px;
    text-align: center;
}
.table-responsive{
    overflow-y: scroll !important;
}

.estado_color {
    color: azure;
    padding: 8px;
    width: 120px;
}

.estado_color_en_proceso {
    background: #008F6E;
}

.estado_color_terminado {
    background: #3C8BD1;
}

.estado_color_anulado {
    background: #DF4831;
}

.estado_color_solicitud_bodega {
    background: #b5bd4a;
}

.estado_color_en_produccion {
    background: #ee9043;
}

.estado_color_solicitud_equi {
    color: black;
    padding: 8px;
    width: 110px;
}

.estado_color_solicitud_categori {
    background: #008F6E;
    color: azure;
}

.estado_color_solicitud_estado_orden {
    background: #3C8BD1;
    color: azure;
}

.linea_editada {
    background: #9bc2ca !important;
}

.file_input{
    border: solid 1px rgb(99, 93, 93)
}


.tr-danger {
    background: #DF4831 !important;
    color: white;
    padding: 5px 10px;
}

.tr-info {
    background: #0d6ea7 !important;
    color: white;
    padding: 5px 10px;
}

.tr-success {
    background: #0bb187 !important;
    color: white;
    padding: 5px 10px;
}

.tr-warning {
    background: #FDC904 !important;
    color: white;
    padding: 5px 10px;
}

.tr-primary {
    background: #794df1 !important;
    color: white;
    padding: 5px 10px;
}

.th-nueva {
    background: rgb(235, 202, 240) !important
}

.th-edicion {
    background: #DCF3DA !important
}

.estado-danger {
    background: #DF4831 !important;
    color: white;
    padding: 2px 10px 2px 10px; 
    width:140px;
}

.estado-info {
    background: #3E8FD8 !important;
    color: white;
    padding: 5px 10px 5px 10px; 
    width:140px;
}

.estado-success {
    background: #6FAE46 !important;
    color: white;
    padding: 5px 10px 5px 10px; 
    width:140px;
}

.btn-mono {
    font-family: monospace; /* todos los caracteres del mismo ancho */
    letter-spacing: 0.5px; /* opcional, mejora la legibilidad */
}

.estado-warning {
    background: #FFF091 !important;
    color: black;
    padding: 5px 10px 5px 10px; 
    width:140px;
}

.estado-primary {
    background: #794df1 !important;
    color: white;
    padding: 5px 10px 5px 10px; 
    width:140px;
}

/* .tooltip-inner {
    max-width: 600px !important;
    white-space: normal !important;
    text-align: left;
} */

/* Fondo y texto */
.tooltip-inner {
  max-width: 600px !important; /* o el ancho que necesites */
  white-space: normal !important; /* permite que el texto haga saltos de línea */
  text-align: left; /* opcional, para alinear el texto */
  background-color: #1e3a8a !important; /* azul oscuro */
  color: #fff !important;              /* texto blanco */
  border: 2px solid #93c5fd !important; /* borde azul claro */
  font-size: 12px;
  padding: 10px 15px;
  border-radius: 6px;
}

/* Flecha */
.tooltip .tooltip-arrow::before {
  border-top-color: #1e3a8a !important; /* igual al fondo */
}