:root {
  color-scheme: light dark;
  --fs-color: #f6bb42;
  --text: #434a54;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
html {
  height: 100%;
  margin-block: 1hl;
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
  color: var(--text);
  /* color: light-dark(var(--text), #efefef); */
}

body {
  -ms-overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-y: auto;
}

.dropdown-menu li .dropdown-item {
  font-size: 11pt;
}

b {
  font-weight: bold;
}

.card-sm > div {
  padding: 8px;
}
.table {
  tbody {
    tr {
      td {
        font-size: 11pt;
      }
    }
  }
  .dropdown-item {
    font-size: 12pt;
  }
}
.offcanvas .nav-link {
  font-weight: bold;
}
.offcanvas {
  .nav.flex-column {
    .nav-link {
      font-weight: bold;
      color: var(--text);
    }
    .nav-link.active {
      background: var(--fs-color);
      border-radius: 0.5rem;
      font-weight: bold;
    }
  }
}
pre,
.code,
code {
  font-family: "JetBrains Mono", monospace;
  font-size: 9pt;
  line-height: 1rem;
}
.navbar-nav {
  .nav-link.active {
    background: var(--fs-color);
    font-weight: bold;
  }
  .dropdown-menu {
    .dropdown-item.active {
      color: var(--text);
      background: var(--fs-color);
      font-weight: bold;
    }
  }
}
.input-group-text {
  font-weight: bold;
  font-size: 10pt;
}
.mono {
  font-family: "JetBrains Mono", monospace;
}
.breadcrumb {
  border-bottom: 1px solid #0002;
  a {
    text-decoration: none;
    font-weight: bold;

    .active {
      font-weight: normal;
    }
  }
}
.table td,
.table th {
  font-size: 9pt;
}
.pagination {
  .dt-paging-button {
    .page-link {
      font-weight: bold;
    }
  }
  .dt-paging-button.page-item.disabled {
    .page-link {
      background-color: #efefef;
      color: var(--text);
      border-color: var(--text) 3;
    }
  }
  .page-item {
    .page-link {
      color: var(--text);
      min-width: 3rem;
      border-color: var(--text) 3;
    }
  }
  .page-item.active {
    .page-link {
      background-color: var(--fs-color);
      font-weight: bold;
    }
  }
}

.offcanvas-header {
  background-color: #0001;
  border-bottom: 1px solid #0001;
}
a {
  text-decoration: none;
}