body {
  background-color: #fbfbfb;
}

.intro {
  height: 100vh;
  margin-top: -58.59px;
}

#intro {
  background-image: url(../img/audio-mixer-5638039_1920.jpg);
}

#no-intro {
  min-height: 100vh;
}

@media (min-width: 992px) {
  main {
    padding-left: 240px;
  }
}

/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 58px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
  width: 240px;
  z-index: 600;
}

@media (max-width: 992px) {
  .sidebar {
    width: 100%;
  }
}
.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.navbar .nav-link {
  color: #fff !important;
}

.small-muted {
  color: darkgray;
  font-size: 80%;
}

.ikona-usuwania-asortymentu {
  transform: scale(0.8);
}

thead .fixed-header {
  top: 0;
  position: sticky;
  background-color: white;
}

#tab-art thead .fixed-header {
  top: calc(var(--navbar-height, 58px) + var(--lista-toolbar-height, 0px) + var(--lista-toolbar-offset, -8px));
  z-index: 1000;
}

#tab-art {
  scroll-margin-top: var(--navbar-height, 58px);
}

#baza-asortyment-table thead .fixed-header {
  top: calc(var(--baza-toolbar-height, 3rem) + var(--baza-filters-height, 0px));
  z-index: 1010;
}

#zestawy-table thead .fixed-header {
  top: calc(var(--zestawy-toolbar-height, 3rem) + var(--zestawy-filters-height, 0px));
  z-index: 1010;
}

#rabaty-table thead .fixed-header {
  top: calc(var(--rabaty-toolbar-height, 3rem) + var(--rabaty-filters-height, 0px));
  z-index: 1010;
}

#zestawy-table thead tr.table-secondary .fixed-header,
#rabaty-table thead tr.table-secondary .fixed-header {
  background-color: var(--mdb-table-bg, #ecedf0);
  color: var(--mdb-table-color, #000);
}

#baza-kategorie-table thead .fixed-header {
  z-index: 5;
}

@keyframes listaBlinkAdd {
  0% { background-color: #fff3cd; }
  50% { background-color: transparent; }
  100% { background-color: #fff3cd; }
}

.lista-blink-add,
.lista-blink-add td {
  animation: listaBlinkAdd 0.6s ease-in-out 2;
}

/* Datalist dropdown used w modalu podmiany asortymentu */
.podmien-datalist {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  max-height: 220px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  z-index: 1060;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.podmien-datalist-item {
  padding: 6px 10px;
  cursor: pointer;
}

.podmien-datalist-item:hover {
  background-color: #f2f2f2;
}

:root {
  --navbar-height: 58px;
}

.baza-toolbar {
  position: sticky;
  top: 0;
  z-index: 1020;
  padding: 0.5rem 0;
  margin-bottom: 0;
}

.zestawy-toolbar,
.rabaty-toolbar {
  position: sticky;
  top: 0;
  z-index: 1020;
  padding: 0.5rem 0;
  margin-bottom: 0;
}

#bazaZarzadzajKategoriamiModal .modal-dialog {
  margin-top: calc(var(--navbar-height, 58px) + 0.75rem);
  margin-bottom: 1.5rem;
}

#bazaZarzadzajKategoriamiModal .modal-content {
  max-height: calc(100vh - var(--navbar-height, 58px) - 2rem);
}

#bazaZarzadzajKategoriamiModal .baza-kategorie-modal-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: hidden;
}

#bazaZarzadzajKategoriamiModal .baza-kategorie-table-wrap {
  flex: 1 1 auto;
  min-height: 200px;
  overflow-y: auto;
}

.baza-status {
  font-size: 0.875rem;
  white-space: nowrap;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

.baza-status-row {
  display: flex;
  align-items: center;
  min-height: 2rem;
  margin-top: 0.35rem;
}

.baza-status-hidden {
  visibility: hidden;
}

.baza-status-stale {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.zestawy-status {
  font-size: 0.875rem;
  white-space: nowrap;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

.zestawy-status-hidden {
  visibility: hidden;
}

.zestawy-status-stale {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.baza-filters-panel {
  position: sticky;
  top: var(--baza-toolbar-height, 3rem);
  z-index: 1015;
  background-color: #fff;
  margin-bottom: 1rem;
}

.zestawy-filters-panel {
  position: sticky;
  top: var(--zestawy-toolbar-height, 3rem);
  z-index: 1015;
  background-color: #fff;
  margin-bottom: 1rem;
}

.rabaty-filters-panel {
  position: sticky;
  top: var(--rabaty-toolbar-height, 3rem);
  z-index: 1015;
  background-color: #fff;
  margin-bottom: 1rem;
}

#baza-table-scroll {
  overflow: visible;
}

#lista-table-scroll {
  overflow: visible;
}

#zestawy-table-scroll {
  overflow: visible;
}

#rabaty-table-scroll {
  overflow: visible;
}

.lista-toolbar {
  position: sticky;
  top: calc(var(--navbar-height, 58px) + var(--lista-toolbar-offset, -58px));
  z-index: 1010;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  background-color: #fff;
}

.lista-panel {
  min-height: var(--lista-panel-min-height, 156px);
  height: 100%;
}

.lista-plik-usun {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 0.75rem;
}

.baza-filters {
  margin-bottom: 0;
}

.baza-group-row td {
  background-color: #f6f6f6;
}

.baza-group-kategoria td {
  background-color: #e3f0e8;
}

.baza-group-producent td {
  background-color: #f9f9f9;
  padding-left: 1.25rem;
}

.lista-scroll-wrap {
  --lista-scroll-hint-height: 1.6rem;
  --lista-scroll-gradient-height: 1.6rem;
  position: relative;
}

.lista-scroll {
  --lista-item-line: 1.45rem;
  --lista-item-gap: 0.25rem;
  position: relative;
  max-height: calc(4 * var(--lista-item-line) + 3 * var(--lista-item-gap));
  overflow-y: hidden;
  padding-right: 0.35rem;
  scrollbar-gutter: stable;
}

.lista-scroll.has-more::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--lista-scroll-gradient-height);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95));
  pointer-events: none;
}

.lista-scroll-wrap:hover .lista-scroll,
.lista-scroll-wrap:focus-within .lista-scroll {
  overflow-y: auto;
}

.lista-scroll-hint {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--lista-scroll-hint-height);
  padding: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  color: #6c757d;
  pointer-events: none;
}

.lista-scroll-wrap.has-more {
  padding-bottom: var(--lista-scroll-hint-height);
}

.lista-scroll-wrap.has-more .lista-scroll-hint {
  display: flex;
}

.lista-historia-item {
  display: block;
  line-height: var(--lista-item-line);
}

.lista-historia-item + .lista-historia-item {
  margin-top: var(--lista-item-gap);
}

select.baza-edycja {
  height: 1.9rem;
}

.baza-toggle {
  padding: 0 0.25rem;
}

.baza-toggle-placeholder {
  display: inline-block;
  width: 1.5rem;
}

.baza-item-row td:nth-child(2) {
  padding-left: 1.25rem;
}

.zestawy-skladowe-lista {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.zestaw-nazwa-tekst.js-zestaw-rename-trigger {
  cursor: pointer;
  border-bottom: 1px dashed transparent;
}

.zestaw-nazwa-tekst.js-zestaw-rename-trigger:hover {
  border-bottom-color: #6c757d;
}

.zestaw-saving {
  opacity: 0.75;
}