@font-face {
  font-family: "Montserrat";
  src: url(/assets/fonts/Montserrat-Regular-e8a360f467922f65ee921e9e548ffbf6913b2f67eca4d5b281e7db14b78b91ce.ttf);
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url(/assets/fonts/Montserrat-Bold-d4476609eb102e432960e08d165cc71c3fc4e333b85999584b251a0fde62373a.ttf);
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url(/assets/fonts/Montserrat-Italic-2cccf7c34ee93ea764932d02acfd16c4232875aaeaea28d0b377b89459d5a924.ttf);
  font-weight: normal;
  font-style: italic
}


:root {
  --default-font-family: 'Montserrat';
  --btn-primary-bg-color: #0054a4;
}



body {
  font-family: var(--default-font-family) !important;
}


span.app-title {

}

span.app-sub-title {
  position: relative;
  top: 20px;
  right: 68px;
  font-size: 13px;
}

.btn {
  font-family: var(--default-font-family) !important;
  font-weight: 700 !important;
  font-size: 14px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 0px;
}

.btn-primary {
  color: #fff;
  background-color: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-bg-color);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show>.btn-primary.dropdown-toggle, .btn-primary:hover {
  color: #fff;
  background-color: #003971;
  border-color: #003261;
}

.btn-group-sm>.btn, .btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.indicator-progress{display:none}
[data-kt-indicator=on]>.indicator-progress{display:inline-block}
[data-kt-indicator=on]>.indicator-label{display:none}

.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem;
}
/* ====================================================
POPUP SWEETALERT
====================================================  */
#swal2-html-container {
  font-size: 17px !important;
}

/* ====================================================
DATATABLE
====================================================  */
.sorting_1, sorting_2, sorting_3, sorting_4, sorting_5 {
  background-color: white !important;
}

table.dataTable tbody tr, table.dataTable tbody tr td {
  background-color:white !important;
  box-shadow: none !important;
}

/* ====================================================
  FORMULAIRES
====================================================  */
form label.form-label {
  font-weight: 600 !important;
}

.hlp-heading {
    font-size: 1.5rem;
    font-family: "Montserrat";
    font-weight: 700;
    text-transform: uppercase;
}

.hlp-sub-heading-cap {
  font-size: 1rem;
  font-weight: 400;
  color: gray;
}




.card-program {
  width:40%;
  margin:0 auto;margin-top:50px;
}

@media (max-width: 680px) {
  .card-program {
    width: 90% !important;
  }
}

/* ====================================================
  SELECT 2
====================================================  */
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: #8DB8E3 !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  color: white !important;
  background-color: #8DB8E3 !important;
}

.select2-selection.select2-selection--single {
  border-color: var(--bs-border-color) !important;
  height: 38px !important;
  padding-top: 5px !important;
}


.select2-container--bootstrap5 {
  width: 90% !important;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #F5F8FA !important;
}

.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-transparent), .select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-transparent) {
  border: transparent !important;
}

.select2.select2-container {
  width: 100% !important;
}

.modal-open .select2-container--bootstrap5 .select2-dropdown {
  z-index: 1050 !important;
}