.mantine-Menu-item .mantine-DateInput-wrapper, .mantine-Menu-item .mantine-DateInput-input {
  z-index: 100 !important;
}

/* Sidebar */
.inputs{
  width: 320px;
}

@media screen and (min-width: 64em) {
.inputs{
  width: 350px;
}
}

div.sidebar {
  flex-shrink: 0;
  height: inherit;
  transition: max-width 0.5s cubic-bezier(0, 1, 0, 1);
}

.sidebar.collapsable {
  max-width: 0px; /* Collapsed state */
}

.sidebar.collapsable.show {
  max-width: 320px; /* Expanded state */
}

@media screen and (min-width: 64em) {
  .sidebar.collapsable.show {
    max-width: 350px;
  }
}

@media screen and (max-width: 64em) {
  div.sidebar {
    z-index: 10;
    position: absolute !important;
  }
}
/* End sidebar */

/* Overlay */
.overlay.collapsable {
  display: none;
}

.overlay.collapsable.show {
  display: block;
}

@media screen and (min-width: 64em) {
  .overlay {
    display: none !important;
  }
}

@media screen and (max-width: 64em) {
  .overlay {
    width: -webkit-fill-available;
    position: absolute;
    height: -webkit-fill-available;
    z-index: 1;
    opacity: 0.6;
    background-color: black;

    &:hover {
      opacity: 0.6;
      background-color: black;
    }
  }
}
/* End overlay */


div.content {
  right: 0;
  flex-grow: 1;
  /* height: 100%; */
  overflow: auto;
  padding: 1rem;
}

div.byline-container {
  height: 100%;
  display: flex;
}

div.byline {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  bottom: 0;
  margin-top: auto;
}

/* div.Select-control {
  border-radius: 0 !important;
} */

/* hide trace name on hover*/
#producers-figure .hoverlayer .hovertext text.name,
#comparison-figure .hoverlayer .hovertext text.name,
#salespeople-figure .hoverlayer .hovertext text.name,
#products-figure .hoverlayer .hovertext text.name,
#producers-figure .hoverlayer .hovertext rect,
#comparison-figure .hoverlayer .hovertext rect,
#salespeople-figure .hoverlayer .hovertext rect,
#products-figure .hoverlayer .hovertext rect {
  visibility: hidden;
}

[data-mantine-color-scheme="dark"] .bartext-inside {
  fill: black !important;
}

/* hide rank */
#comparison-figure g.yaxislayer-above .ytick,
#producers-figure g.yaxislayer-above .ytick,
#products-figure g.yaxislayer-above .ytick {
  visibility: hidden;
}


div.modebar-group > .modebar-btn.plotlyjsicon.modebar-btn--logo {
  display: none;
}


.main-svg {
  background-color: transparent !important;
}

div.VirtualizedSelectOption {
  /* height: fit-content !important; */
  /* min-height: 35px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 2rem;
}

/* Radio buttons */
input[type="radio"] {
  margin: 0.5rem !important;
}

/* Frequency legend lines */
.legendpoints path.scatterpts {
  opacity: 1 !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-bottom: 2px solid black !important;
  color: black !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:focus {
  outline: none !important;
}
/* End frequency legend lines */


/* mantine accordion */
[data-mantine-color-scheme="light"] span.mantine-Divider-label{
  color: var(--mantine-color-dark-6) !important;
}
span.mantine-Accordion-label {
  padding: 0 !important;
}
[data-mantine-color-scheme="light"] span.mantine-Accordion-chevron {
  color: var(--mantine-color-dark-6) !important;
}
span.mantine-Accordion-chevron {
  margin-left: 0.5rem;
  color: var(--mantine-color-dimmed) !important;
}
div.mantine-Accordion-item {
  border-bottom-color: transparent !important;
}
div.mantine-Accordion-content,
div.mantine-Accordion-contentInner {
  padding: 0 !important;
}
button.mantine-Accordion-control {
  padding-left: 0;
  padding-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* end mantine accordion */

/* mantine tabs */
.mantine-Tabs-tabLabel {
  font-size: 0.9rem;
  font-weight: 400;
}
@media screen and (min-width: 1500px) {
  .mantine-Tabs-tabLabel {
    padding: 0 10px 0 10px;
  }
}

/* mantine checkbox group */
.mantine-CheckboxGroup-root .mantine-Group-root {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* mantine select */
div.mantine-PillsInput-input {
  /* padding-inline-end: var(--input-padding-y, 0rem) !important; */
  padding-inline-start: var(--input-padding-y, 0rem) !important;
}
span.mantine-Pill-root {
  border-radius: 2px !important;
}
[data-combobox-selected="true"] {
  background-color: var(--mantine-color-dark-1) !important;
  color: black !important;
  font-weight: bolder !important;
}
.mantine-Pill-label, .mantine-Input-input {
  letter-spacing: 0.2px;
}
/* end mantine select */

/* mantine segments in accordion */
div.mantine-Accordion-content > div:has(.mantine-SegmentedControl-root) {
  width: unset !important;
}

/* mantine switches */
.mantine-Switch-body {
  justify-content: space-between;
}

/* mantine group wrap */
.mantine-Group-root {
  flex-wrap: unset;
}

/* mantine dropdowns */
.mantine-Menu-dropdown {
  letter-spacing: 0.5px !important;
}

.mantine-Menu-dropdown:not(.header-menu) {
  width: 296px !important;
}

@media screen and (min-width: 64em) {
  #dropdown-button-div .mantine-Menu-dropdown:not(.header-menu) {
    width: 326px !important;
  }
}

.reload-dropdown {
  width: 100% !important;
}

/* segment inputs */
.mantine-1avyp1d {
  width: unset !important;
}


#update-button:hover {
  z-index: 500;
}

/* Loading dropdown button */
#caret {
  z-index: 600;
}

.chart-options-button {
  z-index: 1;
}


.mantine-Menu-itemLabel > .mantine-1avyp1d {
  display: flex;
}

/* time figure */
#time-figure {
  height: -webkit-fill-available;
}


/* Start fix scrolling in dashboard */
.sidebar {
  overflow-y: auto;
}

.dashboard-container {
  /* Just switch this on or off but keep all the other styles */
  height: calc(100vh - var(--app-shell-header-height));
  width: -webkit-fill-available;
}


.mantine-Tabs-root {
  display: flex;
  flex-direction: column;
  height: -webkit-fill-available;
}

.mantine-Tabs-panel{
  display: flex;
  flex-direction: column;
  height: -webkit-fill-available;
  min-height: 0; /* hack to fix mantine tabs */
}

.loading_wrapper {
  height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  min-height: 0; /* hack to fix mantine tabs changin height*/
  overflow-y: auto;
}
/* End fix scrolling in dashboard */