/* Fix for sidebar dark mode. Svelte Carbon Components seems to not support this out of the box */

.display-content {
  display: contents;
}

html[theme="white"] body {
  --cds-ui-background: #f4f4f4;
  /* background: url("./images/body-bg.png"); */
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position-x: right;
}

html[theme="g100"] .bx--side-nav__navigation {
  background: #1f1f1f;
}

html[theme="g100"] a.bx--side-nav__link[aria-current="page"],
a.bx--side-nav__link--current {
  background: #2d2d2d;
}

html[theme="g100"]
  .bx--side-nav__item:not(.bx--side-nav__item--active)
  > .bx--side-nav__link:hover {
  background-color: #2d2d2d;
  color: white;
}

html[theme="g100"] a.bx--side-nav__link > .bx--side-nav__link-text,
a.bx--side-nav__link > .bx--side-nav__link-text:hover {
  color: white !important;
}

html[theme="white"] a.bx--side-nav__link > .bx--side-nav__link-text,
a.bx--side-nav__link > .bx--side-nav__link-text:hover {
  color: #2d2d2d !important;
}

/*
html[theme='g100'] .bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__link:hover>span{
  color: #f4f4f4;
} 
*/

html[theme="g100"] .bx--side-nav__icon > svg {
  fill: #c6c6c6;
}

/* html[theme='g100'] .bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__link:hover, .bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=page]):hover{
  background-color: #2d2d2d;
}

html[theme='white'] .bx--side-nav__item:not(.bx--side-nav__item--active)>.bx--side-nav__link:hover, .bx--side-nav__menu a.bx--side-nav__link:not(.bx--side-nav__link--current):not([aria-current=page]):hover{
  background-color: #e5e5e5 !important;
} */

/* html[theme='g100'] .bx--col{
  border: 1px solid #2d2d2d;
 } */

 .bx--content {
  padding: 0 1.5rem !important;
  min-height: calc(100vh - 7rem);
}