/* Estilo para las filas */
.custom-row-style td {
    padding: 1px !important; /* Ajusta el padding para las filas */
}
.custom-background-style {
    background-color: LightSalmon !important; /* Ajusta el padding para las filas */
}
/* Estilo para las celdas */
.custom-cell-style {
    padding: 1px; /* Ajusta el padding para las celdas */
    text-align: left; /* Ejemplo: alinear el texto */
}
.custom-row-style {
    vertical-align: center;
    max-height: fit-content;
}
/* Opcional: Estilo adicional para la tabla */
#tablaListado td {
    font-size: 11px; /* Cambia el tamaño de fuente si es necesario */
    border-spacing: 0; /* Elimina los espacios entre celdas */
}
#tablaListado {
    width: 100%; /* Asegura que la tabla ocupe todo el ancho */
    table-layout: fixed !important; /* Permite ajustar el ancho de las columnas según lo definido */
    /* min-height: 600px; */
}
.tablaListado_wrapper {
    /* max-height: 600px; */
    /* min-height: 600px; */
    margin-top: -1.5em !important;
}
.dataTables_wrapper td.truncate {
    max-width: 100px; /* Ajusta el ancho según sea necesario */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; /* IMPORTANTE: Evita que DataTables sobrescriba el truncado */
}
/* Fuerza a DataTables a respetar el ancho de las columnas */
table.dataTable {
    table-layout: fixed !important;
    width: 100% !important;
}
#tablaListado thead th {
    white-space: normal !important; /* Permite el salto de línea */
    word-wrap: break-word; /* Rompe el texto si es necesario */
    overflow-wrap: break-word;
    max-width: 100px; /* Ajusta el ancho máximo según necesites */
    /* text-align: center; */
    position: sticky;
    top: 0;
    /* background: aquamarine; */
    z-index: 2;
}
/* Mantener los encabezados alineados */
#tablaListado th {
    max-width: 140px;
    white-space: nowrap;
    /* overflow: hidden;
    text-overflow: ellipsis; */
}

/* Ajuste para mantener el padding en los encabezados ordenables */
table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > th.dt-ordering-asc,
table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc,
table.dataTable thead > tr > td.dt-ordering-asc,
table.dataTable thead > tr > td.dt-ordering-desc {
    position: relative !important;
    padding-right: 1em !important;
    text-wrap-mode: wrap;
    font-size: x-small;
}
.modal-extra-wide {
    max-width: 90%; /* Ajusta el porcentaje según sea necesario */
}

.calle {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.localizacion {
    margin-left: 20px;
}
#tabla-calles {
    width: 100%;
    text-align: left;
}

#tabla-calles th {
    text-align: center;
    background-color: #f8f9fa;
}

#tabla-calles td {
    vertical-align: top;
    padding: 10px;
}
.row-disabled {
    background-color: #f5f5f5 !important; /* Fondo gris claro */
    color: #aaa !important; /* Texto gris */
    pointer-events: none; /* Desactiva interacciones */
    opacity: 0.6; /* Reduce opacidad */
}
.peligrosa-info {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid #ffc107; /* Amarillo para indicar precaución */
    border-radius: 4px;
    background-color: #fff3cd; /* Fondo amarillo claro */
    color: #856404; /* Texto oscuro */
    font-size: 14px;
}
.dt-processing {
    position: fixed !important; /* Fijar la posición */
    top: 50% !important; /* Centrar verticalmente */
    left: 50% !important; /* Centrar horizontalmente */
    transform: translate(-50%, -50%) !important; /* Ajuste exacto */
    z-index: 1050 !important; /* Asegurar que esté arriba */
    background: rgba(0, 0, 0, 0.7) !important; /* Fondo oscuro */
    color: white !important; /* Texto en blanco */
    padding: 15px 20px !important;
    font-size: 18px !important; /* Aumentar el tamaño */
    font-weight: bold;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
/* Ajustar el botón para que parezca un icono de limpieza */
#clearFechaViaje {
    cursor: pointer;
    font-size: 16px;
    background: none;
    border: none;
    color: red;
}
#clearfechaCargaDesde {
    cursor: pointer;
    font-size: 16px;
    background: none;
    border: none;
    color: red;
}
/* Estilos para la "X" dentro del input */
.clear-icon {
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: red;
    font-size: 16px;
    display: none; /* Ocultar por defecto */
}

/* .position-relative {
    position: relative;
} */
.campo-modificado {
    border: 2px solid #ffcc00 !important; /* Borde amarillo */
    background-color: #fffbe6 !important; /* Fondo amarillo claro */
}
div.dt-layout-end .dt-search {
    display: none !important;
}
/* Cambios para maximizar el espacio util */

#tablaListado_wrapper .dataTables_scrollBody {
    min-height: 45vh;
    max-height: 45vh;
}

.navbar-header {
    height: 30px !important;
    padding: 0 1.5rem 0 0.75rem;
}
.header-item {
    height: 30px !important;
}
[data-layout="horizontal"] .navbar-menu {
    margin-top: 25px !important;
}
@media (min-width: 1024.1px) {
    [data-layout="horizontal"] .page-content {
        margin-top: 10px !important;
    }
    [data-layout="horizontal"] .page-title-box {
        margin: -15px 0 0 !important;
        padding: 0.3rem 0;
    }
    [data-layout="horizontal"] .container-fluid {
        max-width: 99% !important;
        margin: 0 auto;
    }
}
a.logo {
    line-height: 30px;
}
[data-layout="horizontal"] .page-content {
    padding: calc(45px + 1.5rem) 0.75rem 60px 0.75rem;
}
.navbar-menu .navbar-nav .nav-link {
    font-size: 0.8375rem !important;
}
#ultimoevento {
    font-size: 0.8375rem !important;
}
#contenedor {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.menu-opciones {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 99999 !important;
}

.checkbox-small label {
    font-size: 0.8rem; /* texto más pequeño */
    margin-bottom: 0; /* elimina espacio vertical */
}
.checkbox-small input[type="checkbox"] {
    transform: scale(0.8); /* reduce tamaño de la casilla */
    margin-right: 4px;
}

#filtroTipoUdCDVFuera {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#filtroTipoUdCDVFuera label {
    flex: 0 0 calc(100% / 16 - 6px); /* 16 columnas iguales */
    font-size: 0.8rem;
    margin: 0;
    display: flex;
    align-items: center;
}

#filtroTipoUdCDVFuera input[type="checkbox"] {
    transform: scale(0.8);
    margin-right: 2px;
}