::-webkit-scrollbar {
  width: 20px;
}
.main-content {
  width: 100%;
  margin-inline-start: auto;
  transition: width 0.4s;
  will-change: width;
}

@media (min-width: 992px) {
  .main-content {
    width: calc(100% - var(--sidebar-width));
  }
}

.sidebar-trans {
  transform: translateX(150%);
}


.accordion-button {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: inherit;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

.accordion-button::after {
  margin-left: initial;
  margin-right: auto;
  color: #fff;
}

header > div .btns-header:hover {
  background-color: #9d9fa3;
}

header > div .btns-header > svg {
  fill: var(--btns-header-svg) !important;
}

header > div .btns-header > i {
  color: var(--btns-header-svg) !important;
}

.table-striped tbody tr:nth-child(odd) {
  background-color: #f7fafc;
  text-align: center;
}

.table-striped tbody tr:nth-child(even) {
  background-color: #ffffff;
  text-align: center;
}

.table > :not(caption) > * > * {
  font-weight: bold;
}

.accordion-item .accordion-button.collapsed {
  border-radius: 0.75rem;
}