:root,
html,
[data-bs-theme='light'],
[data-bs-theme='dark'] {
  --bs-font-sans-serif: "Montserrat", Helvetica, Arial, serif;
  --bs-body-font-family: "Montserrat", Helvetica, Arial, serif;
}

html,
body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.modal-content,
.table,
.navbar,
.menu-inner,
.menu-link,
.menu-item,
.card,
.card-title,
.card-body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
span,
a,
td,
th,
.breadcrumb,
.badge,
.nav-link,
.pagination,
.dataTables_wrapper,
.select2-container,
.swal2-popup,
.toast,
#template-customizer {
  font-family: "Montserrat", Helvetica, Arial, serif !important;
}

.card-datatable .datatables-ajax th,
.card-datatable .datatables-ajax td,
.card-datatable table.dataTable th,
.card-datatable table.dataTable td {
  padding: 0.45rem 0.4rem !important;
  font-size: 0.8125rem;
  vertical-align: middle;
}

.card-datatable .btn.btn-icon {
  padding: 0.15rem 0.15rem;
  margin-right: 2px;
}

@media (max-width: 1366px) {
  .card-datatable .datatables-ajax th,
  .card-datatable .datatables-ajax td,
  .card-datatable table.dataTable th,
  .card-datatable table.dataTable td {
    padding: 0.35rem 0.28rem !important;
    font-size: 0.75rem;
  }

  .card-datatable .btn.btn-icon {
    padding: 0.1rem;
    margin-right: 1px;
  }

  .card-datatable .btn.btn-icon i {
    font-size: 1rem;
  }

  .card-header .form-label {
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
  }

  .card-header .form-select,
  .card-header .form-control {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
  }
}