/* Для WebKit-браузеров (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 12px;               /* ширина вертикального скроллбара */
  height: 12px;              /* высота горизонтального скроллбара */
}

::-webkit-scrollbar-track {
  background: #1e1e1e;       /* фон трека (области под ползунком) */
}

::-webkit-scrollbar-thumb {
  background: #444;          /* цвет ползунка */
  border-radius: 6px;
  border: 2px solid #1e1e1e; /* необязательно: чтобы создать отступ от краёв */
}

::-webkit-scrollbar-thumb:hover {
  background: #555;          /* цвет ползунка при наведении */
}

/* Для Firefox */
html {
  scrollbar-color: #444 #1e1e1e; /* thumb и track */
  scrollbar-width: auto;         /* 'thin', 'auto', или 'none' */
}

body {
  font-family: 'Segoe UI Variable', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

.q-table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.q-table__container > div:first-child {
  border-top-left-radius: unset;
  border-top-right-radius: inherit;
  border-top: 1px solid #68696c;
}

.bg-grey-9 {
    background: rgb(31 32 35) !important;
    border-bottom: 1px solid;
}

.q-bar--dark {
    background: hsl(230deg 5.08% 23.14%) !important;
    height: 32px !important;
}

.q-layout__shadow {
    width: 0% !important;
}

.q-pb-sm {
    padding-bottom: 0px !important;
    border-bottom: 1px solid #68696c;
}

body.body--dark {
    color: #fff;
    background: hsl(228deg 5.15% 19.02%) !important;
}

.bg-dark {
    background: hsl(228deg 5.15% 19.02%) !important;
}

.q-dark {
    color: #fff;
    background: hsl(228deg 5.15% 19.02%) !important;
}

.table-bgcolor-dark .q-table__top, .table-bgcolor-dark .q-table__bottom, .table-bgcolor-dark thead tr:first-child th {
  background-color: hsl(228deg 5.15% 19.02%) !important;
}

.highlight-dark {
  background-color: #38393e;
}

.q-field--outlined .q-field__control {
    border-radius: 4px;
    padding: 0 12px;
    margin-top: 5px;
    height: 35px;
}

.q-pa-none {
    padding: 0;
}

.text-primary {
    color: hsl(205.11deg 90.2% 60%) !important;
}

.q-item.q-router-link--active, .q-item--active {
    color: hsl(205.11deg 90.2% 60%) !important;
}

.q-expansion-item__content .q-item {
  padding-left: 30px !important;
  font-size: 0.9em;
  opacity: 0.9;
}
.q-expansion-item__content .q-item:hover {
  background: rgba(0,0,0,0.05);
}

.q-pa-sm {
    padding: 0px !important;
}

.q-mt-sm {
    margin-top: 0px !important;
}