/* ************************************ *
 * **** Definiendo colores del tema *** *
 * ************************************ */
:root {
  /* Colores paleta */
  --negro-base: #000000;
  --blanco-base: #F5F3F1;
  --azul-base: #163A63;
  --azul-oscuro: #202C4D;
  --azul-claro: #005C9A;
  --verde-base: #006E67;
  --verde-oscuro: #00534E;
  --verde-claro: #32B1B4;
  --morado-base: #522360;
  --morado-oscuro: #3C2251;
  --morado-claro: #921C81;
  --amarillo-base: #f6A800;
  --amarillo-oscuro: #D57B00;
  --amarillo-claro: #FDD044;
}

/* FIN: Definiendo colores del tema */


/* ***************************** *
 * **** Definiendo generales *** *
 * ***************************** */
body.login-fondo {
  background: url("img/fondo1.png") no-repeat center;
}

body.container-fluid {
  height: 100vh;
}

.btn-azul {
  background-color: var(--azul-oscuro) !important;
  color: var(--blanco-base) !important;
}

.brand-link {
  background-color: var(--blanco-base) !important;
}

.nav-link:hover, .nav-item .active {
  background-color: var(--verde-claro) !important;
}

.nav-sidebar > .nav-item .nav-icon {
  color: var(--azul-claro);
}

/* Paginación */
.pagination .page-link {
  min-width: 40px;
  text-align: center;
}

.pagination .page-item.active .page-link {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

/* // Paginación */

/* Foco en fila editada */
.edited-row {
  background-color: #ffff99 !important;
  transition: background-color 2s ease;
}

/* // Foco en fila editada */