/* One font for the whole web application: Montserrat (SIL Open Font License, file in assets/fonts, same as the mobile app).
   The SmartHR theme sets Roboto / system fonts on many elements (headings, buttons, tables, menus, plug-ins); this file is loaded after it
   and puts Montserrat on all of them. Icon fonts (ti-, fa-, feather ...) keep their own font, and code boxes keep a monospace font. */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-body-font-family: 'Montserrat', sans-serif;
  --bs-font-sans-serif: 'Montserrat', sans-serif;
}

html, body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
p, a, span, div, small, strong, b, em, label, li, ul, ol, dl, dt, dd, blockquote,
table, thead, tbody, tr, th, td, caption,
input, select, textarea, button, optgroup, option, legend, fieldset,
.btn, .form-control, .form-select, .form-label, .form-check-label, .input-group-text, .badge, .card, .card-title, .card-header, .card-body, .card-footer,
.nav-link, .nav-tabs, .navbar, .breadcrumb, .pagination, .page-link, .dropdown-menu, .dropdown-item, .list-group-item,
.modal, .modal-title, .modal-body, .modal-footer, .offcanvas, .toast, .tooltip, .popover, .alert, .progress,
.sidebar, .sidebar-menu, .header, .main-header, .page-wrapper, .page-breadcrumb,
.select2-container, .select2-dropdown, .select2-results__option, .select2-selection, .select2-search__field,
.flatpickr-calendar, .flatpickr-day, .flatpickr-weekday, .flatpickr-month,
.dataTables_wrapper, .daterangepicker, .bootstrap-datetimepicker-widget, .swal2-popup, .fc, .apexcharts-canvas, .apexcharts-text, .apexcharts-tooltip {
  font-family: 'Montserrat', sans-serif;
}

/* the code boxes keep a monospace font (the HTML of an e-mail template is edited in one) */
code, pre, kbd, samp, .email-code { font-family: var(--bs-font-monospace, Consolas, 'Courier New', monospace); }