@import url('variables.css');
@import url('sidebar.css');
@import url('navbar.css');
@import url('components.css');
@import url('media-queries.css');
@import url('utilities.css');


body {
  background-color: var(--bg-body);
  color: var(--text-primary);
  font-family: 'Nunito', sans-serif !important;
  line-height: 1.6;
  overflow-x: hidden;
}

/* =========================
   Members List Page Styles
   ========================= */

/* Container & Typography */
.page-title {
  color: var(--primary-color);
  font-weight: 700;
  margin-bottom: 1rem;
}


div.dt-container div.dt-layout-row {
  padding: 20px !important;
  font-size: 1.3rem;
}

.sidebar-footer img {
  width: 30px;
}

h5.footer-text {
  font-size: 1.1rem;
  margin-bottom: 0px !important;
}

div.dt-container table.dataTable thead th {
  font-size: 1.2rem;
}

div.dt-container table.dataTable tbody td {
  font-size: 1.2rem;
}

.badge {
  font-size: 1.1rem;
}

div.dt-container .dt-length label {
  font-size: 1.2rem;
}

select#dt-length-0 {}

div.dt-container .dt-length select {
  font-size: 1.2rem;
}

div.dt-container .dt-search label {
  font-size: 1.2rem;
}

div.dt-container .dt-search input {
  font-size: 1.2rem;
}

div.dt-container table.dataTable tbody td .btn {
  font-size: 1.3rem !important;
  padding: 12px;
}

div.dt-container table.dataTable tbody td .btn i {
  font-size: 1.1rem;
}

.col-auto .btn {
  font-size: 1.2rem;
}

.form-control,
.form-select {
  font-size: 1.1rem;
}


@media (max-width:767px) {
  div.dt-container div.dt-layout-row {
    font-size: 1.1rem !important;
  }

  .sidebar-footer img {
    width: 30px;
  }

  div.dt-container table.dataTable thead th {
    font-size: 1.1rem !important;
  }

  div.dt-container table.dataTable tbody td {
    font-size: 1.1rem !important;
  }

  .badge {
    font-size: 0.9rem !important;
  }

  div.dt-container .dt-length label {
    font-size: 1.1rem !important;
  }


  div.dt-container .dt-length select {
    font-size: 1.1rem !important;
  }

  div.dt-container .dt-search label {
    font-size: 1.1rem !important;
  }

  div.dt-container .dt-search input {
    font-size: 1.1rem !important;
  }

  div.dt-container table.dataTable tbody td .btn i {
    font-size: 1.1rem;
  }

  .col-auto .btn {
    font-size: 1.1rem !important;
  }

  .form-control,
  .form-select {
    font-size: 1.1rem !important;
  }
}

div.dt-container .dt-info {
  font-size: 1.1rem;
}

div.dt-container .dt-paging button {
  font-size: 1.1rem !important;
}

tbody .form-check-input[type=checkbox] {
  margin: 0px;
  position: relative;
  top: -1px;
}

button.btn.profile-trigger {
  font-size: 1.1rem;
}

.nav-section {
  font-size: 1.1rem;
  margin-bottom: 20px;
}