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);
}
*/


.loginForm__container::before{
	content: '';
    display: block;
    background-image: url('../../../../images/uploaded/1106739233.JPEG');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 120px;
}


.loginForm__container h1 {
		display: none;
}

.landingPage__container {
  background-image: url('../../../../images/uploaded/ch_login_statum.jpg');
  background-size: cover; 
  background-position: center; 
  height: 100vh; 
  width: 100%; 
  position: relative;
  background-attachment: fixed;
}

.landingPage__container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.landingPage__footer{
  position: relative;
  z-index: 1;
}

.landingPage__form{
  position: relative;
  z-index: 3;
}