@media (min-width: 768px) {
  .table-responsive.overflow-visible {
    overflow: visible !important;
  }

  .table-responsive.overflow-visible .dropdown-menu {
    z-index: 1055;
  }
}

.navbar-logo {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block;
}

.navbar-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
}

.navbar-text-brand {
  line-height: 1.1;
}

.navbar-text-brand .fw-bold {
  font-size: 18px;
  white-space: nowrap;
}

.navbar-text-brand .small {
  font-size: 12px;
}

/* MOVIL */
@media (max-width: 768px) {

  .navbar-logo {
    width: 34px !important;
    height: 34px !important;
  }

  .navbar-text-brand .fw-bold {
    font-size: 13px !important;
  }

  .navbar-text-brand .small {
    font-size: 10px !important;
  }

  .navbar-brand {
    gap: 6px !important;
  }
}

/*
|--------------------------------------------------------------------------
| COLORES DEPORTIVO LIBERTAD
|--------------------------------------------------------------------------
*/

:root {

  --dl-azul-1: #0b2447;
  --dl-azul-2: #12376b;
  --dl-azul-3: #1d4f91;
  --dl-azul-4: #2b6cb0;

  --dl-fondo: #f4f7fb;
}

/*
|--------------------------------------------------------------------------
| BODY
|--------------------------------------------------------------------------
*/

body {

  background: var(--dl-fondo) !important;
}

/*
|--------------------------------------------------------------------------
| NAVBAR
|--------------------------------------------------------------------------
*/

.navbar,
.navbar-expand-md,
.navbar-dark {

  background: linear-gradient(
    90deg,
    var(--dl-azul-1),
    var(--dl-azul-2)
  ) !important;
}

/*
|--------------------------------------------------------------------------
| CARDS
|--------------------------------------------------------------------------
*/

.card {
  border: 1px solid rgba(18,55,107,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(11,36,71,.04);
  overflow: visible !important;
}

.card-header {

  background: rgba(18,55,107,.03) !important;

  border-bottom:
    1px solid rgba(18,55,107,.08) !important;
}

/*
|--------------------------------------------------------------------------
| BOTONES
|--------------------------------------------------------------------------
*/

.btn-primary {

  background: var(--dl-azul-3) !important;

  border-color: var(--dl-azul-3) !important;
}

.btn-primary:hover {

  background: var(--dl-azul-4) !important;

  border-color: var(--dl-azul-4) !important;
}

/*
|--------------------------------------------------------------------------
| OUTLINE
|--------------------------------------------------------------------------
*/

.btn-outline-primary {

  color: var(--dl-azul-3) !important;

  border-color: var(--dl-azul-3) !important;
}

.btn-outline-primary:hover {

  background: var(--dl-azul-3) !important;

  color: #fff !important;
}

/*
|--------------------------------------------------------------------------
| INPUTS
|--------------------------------------------------------------------------
*/

.form-control:focus,
.form-select:focus {

  border-color: var(--dl-azul-4) !important;

  box-shadow:
    0 0 0 .2rem rgba(43,108,176,.15) !important;
}

/*
|--------------------------------------------------------------------------
| TABLAS
|--------------------------------------------------------------------------
*/

.table thead th {

  background: rgba(18,55,107,.04);

  color: var(--dl-azul-2);

  border-bottom:
    2px solid rgba(18,55,107,.08);
}

/*
|--------------------------------------------------------------------------
| DROPDOWN
|--------------------------------------------------------------------------
*/

.dropdown-menu {

  border-radius: 12px !important;

  border:
    1px solid rgba(18,55,107,.08) !important;

  box-shadow:
    0 10px 30px rgba(11,36,71,.08);
}

.dropdown-item:hover {

  background:
    rgba(18,55,107,.05) !important;
}

/*
|--------------------------------------------------------------------------
| BADGES
|--------------------------------------------------------------------------
*/

.badge.bg-success-lt {

  background:
    rgba(43,108,176,.12) !important;

  color:
    var(--dl-azul-3) !important;
}

.navbar .nav-link.active {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 8px;
}

.dropdown-item.active {
  background: rgba(43,108,176,.15) !important;
  color: #fff !important;
  font-weight: 600;
}

.card,
.card-body,
.table-responsive,
.dataTables_wrapper {
  overflow: visible !important;
}

.dropdown-menu {
  z-index: 9999 !important;
}

.table-responsive {
  overflow: visible !important;
}

.dataTables_wrapper {
  overflow: visible !important;
}

.card-body {
  overflow: visible !important;
}

.dropdown-menu {
  z-index: 999999 !important;
}

.crm-toolbar-alumnos{
    display:flex;
    align-items:center;
    gap:.75rem;
}

.crm-toolbar-alumnos .dataTables_length{
    margin:0;
}

.crm-toolbar-alumnos .dataTables_length label{
    margin:0;
    display:flex;
    align-items:center;
    gap:.5rem;
}

.dataTables_filter{
    margin:0;
    display:flex;
    justify-content:flex-end;
}

.dataTables_filter label{
    margin:0;
}

.dt-length-wrap,
.dt-length-wrap label,
.dt-length-wrap .dataTables_length {
  display: flex;
  align-items: center;
  margin: 0;
}

.dt-length-wrap label {
  gap: 6px;
}

.dataTables_filter {
  display: flex;
  justify-content: flex-end;
}

.dt-length-wrap,
.dt-length-wrap label,
.dt-length-wrap .dataTables_length{
    display:flex;
    align-items:center;
    margin:0;
}

.dt-length-wrap label{
    gap:6px;
}

.dataTables_filter{
    display:flex;
    justify-content:flex-end;
}