body {
  background-color: white;
  font-family: 'Arial';

}

.navbar-custom {
  /* background-color: #048963; */
  background-color: #093F3F;
  padding: 2px;
  height: 90px;
  /* Duración de la transición */
  transition: top 0.3s;
  font-size: 24px;
  font-family: 'Arial';

  transition: background-color 0.2s ease;
  transition: height 0.2s ease;

}

.navbar-custom:hover {
  /* background-color: #048963; */
  background-color: #093F3F;
  padding: 2px;
  height: 90px;
  /* Duración de la transición */
  transition: top 0.3s;
  font-size: 24px;
  font-family: 'Arial';

  transition: background-color 0.2s ease;
  transition: height 0.2s ease;

}

.transparent-nav {
  background-color: rgba(9, 63, 63, 0.6);
  transition: background-color 0.5s ease;
  /* Transición de 0.3 segundos */

  height: 45px;
  transition: height 0.5s ease;


}

.navbar-custom .navbar-brand {
  color: #34a484;
  /* Cambiar el color del texto del enlace de la marca */
  font-size: 24px;
  /* Cambiar el tamaño del texto de UVA */
}

.custom-pie {
  background-color: #093F3F;
  padding: 2px;
  height: 70px;
  transition: top 0.3s;
  /* Duración de la transición */
}

.custom-container {
  background-color: #093F3F;
  /* Cambiar el color de fondo */
  border-radius: 25px;
  /* Hacer los bordes redondeados */
  transition: background-color 0.5s ease;
  color: white;


}
.custom-container-2 {
  background-color: white;
  /* Cambiar el color de fondo */
  border-radius: 25px;
  /* Hacer los bordes redondeados */
  transition: background-color 0.5s ease;


}



#ContenedorFolio.custom-container-transparent {
  background-color: rgb(9, 63, 63, 0.5);
  /* Cambiar el color de fondo */
  color: rgb(255, 255, 255, 0.1);
  border-radius: 25px;
  /* Hacer los bordes redondeados */

  transition: background-color 0.5s ease;

}


#ContenedorFolio.custom-container-transparent:hover {
  background-color: rgb(9, 63, 63, 1);
  color: white;
  /* Cambiar el color de fondo */
  border-radius: 25px;
  /* Hacer los bordes redondeados */
  transition: background-color 0.2s ease;

}

#SelectStatus.transparent-select,
#SelectAccion.transparent-select {
  background-color: rgb(255, 255, 255, 0.2);
  border: rgb(255, 255, 255, 0.2);
  color: rgb(0, 0, 0, 0.2);

  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
}

#ContenedorFolio.custom-container-transparent:hover #SelectStatus.transparent-select,
#ContenedorFolio.custom-container-transparent:hover #SelectAccion.transparent-select {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);

  transition: background-color 0.5s ease, color 0.5s ease;
}



/*Botón personalizado 1 Inicio*/
.custom-button {
  background-color: #0BCB88;
  color: white;
  font-weight: bold;


}

.custom-button:active {
  background-color: red;
}

.custom-button:hover {
  background-color: white;
  color: #1AA271;
}

.custom-button:focus {
  background-color: #1AA271;
  color: white;
}





/*Botón personalizado 1 Fin*/

/*Botón personaliza 2 Inicio*/
.custom-button-2 {
  background-color: #1AA271;
  color: white;
  font-weight: bold;
  width: 400px;
}

.custom-button-2:hover {
  background-color: #12A896;
  color: white;
}

.custom-button-2:focus {
  background-color: #12A896;
  color: white;
}


.custom-button-2:active {
  background-color: #04F8A0;
}

.custom-acordion-body {
  background-color: #0A4646;

}

.custom-form-check {
  color: white;

}


.custom-btn-3 {
  background-color: #1AA271;
  color: white;
}

.custom-btn-3:hover {
  background-color: #04F8A0;
}

.custom-btn-3:focus {
  background-color: #04F8A0;
}

.custom-btn-3:active {
  background-color: #04F8A0;
}




/* Estilo para las celdas de la primera columna en todas las filas */
table.custom-table thead tr th:first-child {
  border-top-left-radius: 10px;
  /* Redondear esquina superior izquierda */
  border-bottom-left-radius: 10px;
  /* Redondear esquina inferior izquierda */
}

/* Estilo para las celdas de la última columna en todas las filas */
table.custom-table thead tr th:last-child {
  border-top-right-radius: 10px;
  /* Redondear esquina superior derecha */
  border-bottom-right-radius: 10px;
  /* Redondear esquina inferior derecha */
}


/* Estilo para las celdas de la primera columna en todas las filas */
table.custom-table tbody tr td:first-child {
  border-top-left-radius: 10px;
  /* Redondear esquina superior izquierda */
  border-bottom-left-radius: 10px;
  /* Redondear esquina inferior izquierda */
}

/* Estilo para las celdas de la última columna en todas las filas */
table.custom-table tbody tr td:last-child {
  border-top-right-radius: 10px;
  /* Redondear esquina superior derecha */
  border-bottom-right-radius: 10px;
  /* Redondear esquina inferior derecha */
}


/* Estilo para las celdas de encabezado */
table.custom-table th {
  background-color: #12A896;
  /* Color de fondo para celdas de encabezado */
  color: white;
}

/* Estilo para las celdas de datos */
table.custom-table td {
  background-color: #093F3F;
  /* Color de fondo para celdas de datos */
  color: white;
}




.custom-offcanva {
  background-color: #062A2A;
}

p {
  font-size: 20px;
  font-family: 'Arial';
  color: white;

}


/* Aplica antialiasing a todas las imágenes */
img {
  image-rendering: auto;
}

/* Opcionalmente, puedes aplicarlo solo a imágenes específicas por su clase o ID */
/* Por ejemplo, si tienes imágenes con la clase "antialiased-image" */
.antialiased-image {
  image-rendering: smooth;
}



.custom-alert {
  padding: 15px 15px;
  font-size: 15px;
}

/* Temblor de alerta */
@keyframes shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-10px);
  }

  50% {
    transform: translateX(10px);
  }

  75% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.shake {
  animation: shake 0.5s;
}

.drop-zone {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}

.drag-over {
  background-color: #f0f0f0;
}

#file-list-container {
  margin-top: 20px;
}

#file-list {
  list-style-type: none;
  padding: 0;


}

#file-list li {
  margin-bottom: 5px;
}

.archivo-elemento {
  background-color: #0BCB88;
  border-radius: 20px;
}

.Titulo_Seccion {
  text-align: center;
  font-size: 32px;
  color: white;
  font-weight: bold;
}
.Titulo_Seccion-dark {
  font-size: 32px;
  color: black;
  font-weight: bold;
}

.archivo-elemento {
  background-color: #0BCB88;
  border-radius: 20px;
}

.custom_modal {
  background-color: #093F3F;
  border-radius: 25px;
  color: white;
  height: 75vh;
  margin-top: 3vh;

}

.Titulo_sm {
  color: white;
  font-family: Arial;
  font-weight: bold;
  font-size: 24px;

}


.bg_Uva_dark {
  background-color: #062A2A;
}

.Sombra_1 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.minititulo {
  font-size: 20px;
  font-family: 'Arial';
  color: white;

}
.limiteBandeja{
  max-height: 500px;
  overflow-y: auto;
}

.Custom_footer {
  background-color: #093F3F;
  border-radius: 0 8px 0 0;
}

.resaltado-busqueda {
    background-color: #FFEB3B; /* Amarillo brillante */
    color: #000; /* Texto negro para mejor contraste */
    font-weight: bold;
    padding: 0 2px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}