.bg-azul {
  background: #15274d;
  color: #ffffff;
}
.bg-mitad {
  background: linear-gradient(to bottom, #15274d 50%, #f2f2f2 50%);
}
.form-control:focus {
  border-color: #292256;
  box-shadow: none;
}
.form-control {
  border-color: rgba(0, 0, 0, 0.178);
  box-shadow: none;
}
.form-select:focus {
  border-color: #292256;
  box-shadow: none;
}
.form-select {
  border-color: rgba(0, 0, 0, 0.178);
  box-shadow: none;
}
.btn-azul {
  background-color: #15274d;
  color: #ffffff;
}
.btn-azul:hover {
  background-color: #ffffff;
  border-color: #15274d;
  color: #15274d;
}

.btn-cerrar:active {
  background-color: #ffffff;
  border-color: #d22525;
  color: #d22525;
}
.btn-excel {
  background: rgb(5, 90, 5);
  color: white;
  border: none;
}
.btn-excel:hover {
  background: rgb(5, 74, 5);
  color: white;
  border: none;
}
.btn-pdf {
  background: rgb(212, 14, 14);
  color: white;
  border: none;
}
.btn-pdf:hover {
  background: rgb(161, 19, 19);
  color: white;
  border: none;
}
.btn-colum {
  background: #2452b3;
  color: white;
  border: none;
}
.btn-colum:hover {
  background: #183676;
  color: white;
  border: none;
}

.btn-rows {
  background: #15274d;
  color: white;
  border: none;
}
.btn-rows:hover {
  background: #101c36;
  color: white;
  border: none;
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #15274d;
  --bs-pagination-active-border-color: #15274d;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

/* Personalización de SWEETALERT */

.mi-estilo-popup {
  border-radius: 0; /* Establece los bordes sin redondear */
}

.popup-imprimir {
  border-radius: 0; /* Establece los bordes sin redondear */
  width: 60%;
}
.button-confirm {
  padding: 5px 20px; /* Ajusta según tus necesidades */
  font-size: 10px; /* Ajusta según tus necesidades */
}

.button-cancel {
  padding: 5px 20px; /* Ajusta según tus necesidades */
  font-size: 10px; /* Ajusta según tus necesidades */
}

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Animación de entrada similar a SweetAlert2 */
@keyframes sweetAlertModalOpen {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  70% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.modal {
  animation: sweetAlertModalOpen 0.4s cubic-bezier(0.36, 2.24, 0.66, 0.64);
}

div.dt-container div.dt-search {
  text-align: none;
}

/* status */
.activo-btn {
  background-color: rgba(0, 128, 0, 0.396);
  border-color: green;
  border-radius: none;
  color: rgb(255, 255, 255);
}

.activo-btn:hover {
  background-color: rgba(0, 128, 0, 0.641);
  border-color: green;
  border-radius: none;
  color: rgb(255, 255, 255);
}

.inactivo-btn {
  background-color: rgba(255, 0, 0, 0.396);
  border-color: red;
  border-radius: none;
  color: white;
}

.inactivo-btn:hover {
  background-color: rgba(255, 0, 0, 0.641);
  border-color: red;
  border-radius: none;
  color: white;
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite
    var(--bs-spinner-animation-name);
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.profile-card {
  border-radius: 10px;
  padding: 20px;
  max-width: 350px;
  text-align: center;
  /* Centra el contenido */
}

.profile-card img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
  /* Espaciado entre la imagen y los datos */
}

.profile-card .email {
  font-size: 0.9rem;
  color: #bbb;
  /* Texto gris */
}

/* Estilo para el Splash Screen */
#splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  /* Asegura que esté encima de otros elementos */
  color: white;
}

.splash-content {
  text-align: center;
}

#logo {
  width: 500px;
  /* Tamaño del logo */
  margin-bottom: 20px;
}