@font-face {
  font-family: Moon;
  src: url('fonts/F37Moon-Regular.otf') format('opentype');
}
@font-face {
  font-family: Moon;
  font-weight: bold;
  src: url('fonts/F37Moon-Bold.otf') format('opentype');
}
html {
  font-size: 14px;
}
html,
body {
  width: 100vw;
  height: 100vh;
}
body {
  font-family: Moon, Urbanist, Segoe, sans-serif;
  line-height: 1rem;
}
body > main {
  height: 100%;
  padding-top: 70px;
}
a {
  color: #00737c;
}
a:hover {
  color: #08B7B2;
}
.btn-primary {
  background-color: #00737c;
  border-color: #00737c !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #033F3F !important;
}
body > nav.navbar {
  background-color: #82E9F4 !important;
}
.nav-pills .nav-link {
  background: whitesmoke;
}
.select2-selection--multiple {
  max-height: 10rem;
  overflow-y: auto;
}
.apexcharts-menu-icon {
  visibility: hidden;
}
table.sortable thead tr th:not(.no-sort) {
  cursor: pointer;
}
table.sortable thead tr th:not(.no-sort):after {
  content: '\f0dc';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 5px;
  opacity: 0.3;
}
table.sortable thead tr th:not(.no-sort)[aria-sort=ascending]:after {
  content: '\f0de';
  opacity: 1;
}
table.sortable thead tr th:not(.no-sort)[aria-sort=descending]:after {
  content: '\f0dd';
  opacity: 1;
}