/* style.css */
body {
    background-color: #f8f9fa;
    height: 100%;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}

header {
    background-color: #8b0000; /* Rojo oscuro */
    color: white;
    padding: 10px;
    text-align: center;
}

main {
    background-color: #f8f9fa; /* Gris muy clarito */
    padding: 20px;
}

.nav-tabs .nav-item .nav-link {
    color: #007bff; /* Azul */
    background-color: #f8f9fa; /* Gris muy clarito */
    border: none;
}

    .nav-tabs .nav-item .nav-link.active {
        background-color: #007bff; /* Azul */
        color: white;
    }

.tabContent {
    background-color: #f8f9fa; /* Gris muy clarito */
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

thead tr th {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff;
}

.toast-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

#btnBuscar:focus {
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25); /* igual que input */
    outline: none;
}

.logo-img {
    width: 100px;
    /*height: 128px;*/
}
@media (min-width: 576px) {
    .logo-img {
        width: 150px;
    }
}
@media (min-width: 768px) {
    .logo-img {
        width: 200px;
    }
}

.icon16 {
    font-size: 16px;
}

.icon24 {
    font-size: 24px;
}

.jmh-100 {
    min-height: 100vh;
}

.bg-color-jh {
    background-color: #8b0000;
}

/* Aumentar el tiempo de transición del fade */
.alert.alert-danger.fade {
  transition: opacity 0.30s ease-in-out !important;
}

/* @keyframes slideDownFade {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.alert-slide-down {
  opacity: 0;
  animation: slideDownFade 0.3s ease-out forwards;
} */