@charset "UTF-8";



.btn-datatable {

  height: 20px !important;

  width: 20px !important;

  font-size: 0.75rem;

  border-radius: 0.375rem !important;

}



.tabla-container {

  width: 100%;

  max-height: 200px; /* Ajusta la altura máxima deseada para la tabla */

  overflow: auto;

}



.tabla-container table {

  width: 100%;

}



.tabla-container thead th {

  position: sticky;

  top: 0;

  background-color: #f5f5f5; /* Ajusta el color de fondo del encabezado */

}

/* Estilo para el contenido de la tabla */

.tabla-container {

  margin-bottom: 20px;

}



/* Estilo para las filas de la tabla */

.tabla-container tr {

  border-bottom: 1px solid #dee2e6;

}



/* Estilo para las celdas de la tabla */

.tabla-container td {

  padding: 10px;

}

.details-tab {

  display: none;

  position: absolute;

  right: 0;

  top: 0;

  width: 300px;

  height: 100%;

  background-color: #f8f9fa; /* Cambia el color de fondo aquí */

  border-left: 1px solid #000000;

  padding: 10px;

  box-sizing: border-box;

  z-index: 9999;

}



.show-details-tab {

  display: block;

}



.details-tab h2 {

  font-size: 20px;

  margin-bottom: 10px;

}



.details-tab p {

  line-height: 1.5;

}



/* Estilos de la tabla de ejemplo */

.details-tab table {

  width: 100%;

  border-collapse: collapse;

  margin-top: 10px;

}



.details-tab th,

.details-tab td {

  padding: 8px;

  text-align: left;

  border-bottom: 1px solid #000000;

}



.details-tab th {

  background-color: #000000;

}



.btnDetalles {

  background-color: #0dff00;

  color: #12d145;

  border: none;

  padding: 5px 10px;

  cursor: pointer;

}

.btnDetalles:hover {

  background-color: #ff0000;

}

.sb-sidenav-footer-image {

  text-align: center;

  margin-top: 20px;

}



.sb-sidenav-footer-image img {

  max-width: 100%;

  height: auto;

}

.sidebar-container {

  background-image: url('../../models/images/sidebar.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.btn-primary {

  background-color: #38b6ff; 

  color: white; 

}

.custom-header {

  background-color: #012E6F; 

  color: white; 

}



.navbar {

  background-image: linear-gradient(to right, #012E6F, #012E6F);

}

.logo-img {

  height: 50px; /* Ajusta el valor según el tamaño deseado */

  width: auto;

}

.divider {

  border-left: 1px solid white;

  height: 16px; 

  margin: 0 8px; 

  display: inline-block;

  vertical-align: middle;

}

.bus-header {

  background-color: #012E6F; 

  color: white; 

  display: none;

}

.bg-gray {

  background-color: rgb(8, 102, 28); /* Reemplaza "gray" por el tono de gris que deseas */

}

a.btn-val {

  background-color: #1ee248 !important;

}



body {

  background-color: #fff; /* Fondo blanco */

  margin: 0; /* Eliminar margen predeterminado del cuerpo */

}



/* Estilo para el contenedor principal */

.container-main {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh; /* Altura de la ventana */

}



/* Estilo para la columna izquierda (imagen) */

.column-left {

  flex: 1;

  overflow: hidden; 

}



/* Estilo para la imagen */

.login-image {

  width: 90%; 

  max-height: 80%;

}



/* Estilo para la columna derecha (formulario de inicio de sesión) */

.column-right {

  flex: 1;

  background-color: rgba(255, 255, 255, 0.8);

  padding: 20px;

  border-radius: 10px; /* Borde redondeado */

}

/* Estilo para el logo */

.logo-image {

  width: 90%; 

  max-height: 90%;

}

.btn.btn-primary {

  background-color: #012E6F;

}

.btn.btn-danger {

  background-color: #6F0101;

}



.card-footer a {

  color: #012E6F; 

  

}

.margin {

  margin-right: 5px; 

}



.largo-btn {

  padding: 8px 45px;

  font-size: 14px;

}

.largo2-btn {

  padding: 8px 28px;

  font-size: 14px;

}

@media (max-width: 767px) {

  .login-image {

      display: none; 

  }

}

.contenedor-imagen {

  display: flex;

  object-fit: cover;  

}

div.card.bg-azul {
  background-color:#012E6F; 
}
div.card.bg-ama {
  background-color:#EEBF1B;
}