@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 1em;
}

div.row {
    padding-top: 1em;
    padding-bottom: .5em;
}

.velocidad-marker-maps {
  font-size: 16px; /* Ajusta el tamaño según tus preferencias */
  font-weight: bold;
}

.fijo
{
  position:sticky;
  min-width: 45px;
  left:0px;
}

.segundo-fijo
{
  position:sticky;
  left:45px;
}

.texto-chico {
  font-size: .9rem;
}

th {
  font-weight: normal;
}

/* oculta contenido */
.hidden {
  display:none;
}

/*htmx loading --> muesta elementos cuando esta cargado la request*/
.htmx-indicator{
  display:none;
}
.htmx-request .htmx-indicator{
  display:inline;
}
.htmx-request.htmx-indicator{
  display:inline;
}

.loader {
  left: 50%;
  margin-left: -4em;
}

.form-group .textarea-group {
  width: 100%;
}

/* tabla calendario rutas */
#tabla_cronograma_rutas td, #tabla_cronograma_rutas th {
  vertical-align: unset;
  padding: 0.4rem;
}

/* tabla trabajos cancelados rutas */
#tabla_trbajos_cancelados td, #tabla_trbajos_cancelados th {
  vertical-align: unset;
  padding: 0.4rem;
}

#tabla_rutas td, #tabla_rutas th {
  vertical-align: unset;
  padding: 0.4rem;
}


/* estilos al eliminar un fila de una tabla con htmx */
tr.htmx-swapping td {
  opacity: 0;
  transition: opacity 1s ease-out;
}

#id_subcategoria.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg...");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Estilo para el borde de error del campo de subcategoría en costos */
#id_subcategoria.is-invalid {
  border-color: #dc3545 !important;
  background-image: url("data:image/svg+xml,...") !important;
}

.btn-outline-primary.active {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-outline-primary:not(.active) {
  background-color: transparent;
  color: #007bff;
}

#div_id_otro_proveedor {
    display: none;
    transition: all 0.3s ease;
}

#div_id_otro_proveedor.visible {
    display: block;
}

.resumen-categoria {
  font-weight: bold;
  background-color: #e8f0fe;
  color: #0d47a1;
}

.grupo-header-resumen {
  display: grid;
  grid-template-columns: 150px 350px repeat(12, 1fr) 240px;
  background-color: #f0f8ff;
  font-weight: bold;
  padding: 5px 10px;
  align-items: center;
}
.grupo-header-resumen .label {
  grid-column: span 2;
}
.grupo-header-resumen .celda-total {
  text-align: inherit; /* en lugar de right */
  padding-left: 6px;
}