/* ═════════════════════════════════════════════════════
Table of Contents
--------------------------------------------------------
1. Fonts
2. Dropdown
3. Table
4. ...
5. ...
6. ...
7. ...
8. ...
9. ...
10. hexCodes: DarkOrange::#ff8c00, DarkTurquoise::#00ced1, HostingerLight::#8c85ff, HostingerDark::#673de6
═════════════════════════════════════════════════════ */

/* ╔══════════╗
   ║ 1. Fonts ║
   ╚══════════╝ */
/* @font-face {
  font-family: "Geist-Regular";
  src: url("../../fonts/Geist/Geist-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: "LeagueSpartan-Regular";
  src: url("../../fonts/LeagueSpartan/static/LeagueSpartan-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: "TitilliumWeb-Regular";
  src: url("../../fonts/TitilliumWeb/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TitilliumWeb-SemiBold";
  src: url("../../fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: "TitilliumWeb-Regular", sans-serif;
  font-size: 14px;
}
.tooltip-inner {
  font-family: "TitilliumWeb-Regular", sans-serif !important;
}
.font-bold {
  font-family: "TitilliumWeb-SemiBold", sans-serif;
}
.font-18px {
  font-size: 18px;
}

/* ╔═════════════╗
   ║ 2. Dropdown ║
   ╚═════════════╝ */
.nav-item.dropdown .dropdown-toggle::after {
  display: none;
}
.dropdown-item {
  color: inherit !important;
  background-color: transparent !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: inherit !important;
  background-color: #f0f0f0 !important;
}
.dropdown-item {
  display: flex;
}
.dropdown-item i {
  flex: 0 0 20%;
  padding-top: 1.5px;
}
.dropdown-item span {
  flex: 0 0 80%;
}
/* subdropdowns */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.3rem;
  display: none;
}
.dropdown-submenu .dropdown-menu.show {
  display: block;
}

/* ╔══════════╗
   ║ 3. Table ║
   ╚══════════╝ */
.table th,
.table td {
  padding: 2px !important;
}

/* <TEST> */
.large-checkbox {
  margin-top: 5px;
  width: 20px;
  height: 20px;
}
.large-switch {
  scale: 1.2;
}
/* </TEST> */
