body {
  overflow: 'auto';
  height: '100vh';
}

#DashLayoutCourtain {
	position: fixed;
	inset: 0;
	overflow: hidden;
}

input[type="radio"], input[type="checkbox"]{
  /*
  THIS IS A VERY IMPORTANT HACK TO PREVENT A PROBLEM IN THEME-UI
  https: //github.com/system-ui/theme-ui/issues/2236
  */
  position: relative !important;
  float: right;
}


* ::-webkit-scrollbar {
  width: 10px;
}

* ::-webkit-scrollbar:horizontal {
  height: 10px;
}

/*
--theme-ui-colors-scrollbars-bar-active-backgroundColor: rgb(88, 88, 88);
--theme-ui-colors-scrollbars-bar-active-color: #eee;
--theme-ui-colors-scrollbars-bar-disabled-backgroundColor: rgb(59, 59, 59);
--theme-ui-colors-scrollbars-bar-disabled-color: #eee;
--theme-ui-colors-scrollbars-bar-focus-backgroundColor: rgb(53, 53, 53);
--theme-ui-colors-scrollbars-bar-focus-color: #eee;
--theme-ui-colors-scrollbars-bar-hover-backgroundColor: rgb(41, 41, 41);
--theme-ui-colors-scrollbars-bar-hover-color: #eee;
--theme-ui-colors-scrollbars-bar-readonly-backgroundColor: rgb(59, 59, 59);
--theme-ui-colors-scrollbars-bar-readonly-color: #eee;
--theme-ui-colors-scrollbars-bar-selected-backgroundColor: rgb(184, 184, 184);
--theme-ui-colors-scrollbars-bar-selected-color: #333;
--theme-ui-colors-scrollbars-bar-checked-backgroundColor: #111;
--theme-ui-colors-scrollbars-bar-checked-color: rgb(136, 136, 136);
--theme-ui-colors-scrollbars-bar-color: #1f3975;
--theme-ui-colors-scrollbars-bar-backgroundColor: #111;
--theme-ui-colors-scrollbars-buttons-active-backgroundColor: rgb(88, 88, 88);
--theme-ui-colors-scrollbars-buttons-active-color: #eee;
--theme-ui-colors-scrollbars-buttons-disabled-backgroundColor: rgb(59, 59, 59);
--theme-ui-colors-scrollbars-buttons-disabled-color: #eee;
--theme-ui-colors-scrollbars-buttons-focus-backgroundColor: rgb(53, 53, 53);
--theme-ui-colors-scrollbars-buttons-focus-color: #eee;
--theme-ui-colors-scrollbars-buttons-hover-backgroundColor: rgb(41, 41, 41);
--theme-ui-colors-scrollbars-buttons-hover-color: #eee;
--theme-ui-colors-scrollbars-buttons-readonly-backgroundColor: rgb(59, 59, 59);
--theme-ui-colors-scrollbars-buttons-readonly-color: #eee;
--theme-ui-colors-scrollbars-buttons-selected-backgroundColor: rgb(184, 184, 184);
--theme-ui-colors-scrollbars-buttons-selected-color: #333;
--theme-ui-colors-scrollbars-buttons-checked-backgroundColor: #111;
--theme-ui-colors-scrollbars-buttons-checked-color: rgb(136, 136, 136);
--theme-ui-colors-scrollbars-buttons-color: #1f3975;
--theme-ui-colors-scrollbars-buttons-backgroundColor: #111;
*/* ::-webkit-scrollbar-track {
  background-color: var(--theme-ui-colors-scrollbars-bar-backgroundColor);
}

* ::-webkit-scrollbar-track:hover {
  background-color: var(--theme-ui-colors-scrollbars-bar-hover-backgroundColor);
}

* ::-webkit-scrollbar-track:active {
  background-color: var(--theme-ui-colors-scrollbars-bar-active-backgroundColor);
}

* ::-webkit-scrollbar-thumb {
  background-color: var(--theme-ui-colors-scrollbars-bar-color);
}

* ::-webkit-scrollbar-thumb:hover {
  background-color: var(--theme-ui-colors-scrollbars-bar-hover-color);
}

* ::-webkit-scrollbar-thumb:active {
  background-color: var(--theme-ui-colors-scrollbars-bar-active-color);
}

.noScrollbar::-webkit-scrollbar{
  display: none;
}

.noScrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*
* ::-webkit-scrollbar-button:start:decrement {
  background-color: var(--theme-ui-colors-scrollbars-buttons-backgroundColor);
  border: 1px solid var(--theme-ui-colors-scrollbars-bar-backgroundColor);
}

* ::-webkit-scrollbar-button:start:decrement:active {
  background-color: var(--theme-ui-colors-scrollbars-buttons-active-backgroundColor);
}

* ::-webkit-scrollbar-button:start:decrement:hover {
  background-color: var(--theme-ui-colors-scrollbars-buttons-hover-backgroundColor);
}

* ::-webkit-scrollbar-button:end:increment {
  background-color: var(--theme-ui-colors-scrollbars-buttons-backgroundColor);
  border: 1px solid var(--theme-ui-colors-scrollbars-bar-backgroundColor);
}

* ::-webkit-scrollbar-button:end:increment:active {
  background-color: var(--theme-ui-colors-scrollbars-buttons-active-backgroundColor);
}

* ::-webkit-scrollbar-button:end:increment:hover {
  background-color: var(--theme-ui-colors-scrollbars-buttons-hover-backgroundColor);
}

* ::-webkit-scrollbar-corner {
  background-color: var(--theme-ui-colors-scrollbars-buttons-backgroundColor);
}
*/