#contentwrap {overflow:auto;height:100vh; width:100vw;position:relative;}#content {position:relative;background-color:var(--content-background-color);width:100vw;height:100vh;backdrop-filter:var(--content-backdrop-filter);}#maincontent {height:100%;padding-left:280px;}#menucontrol {position:fixed;left: 0px;top:0px;bottom:0px;width:280px;padding:10px;border-right:1px solid var(--border-color);z-index:10;display:block;overflow:hidden;border-radius:0;background-color:var(--controls-background-color);}#menucontrol img {float:none;}#menucontrol .btn {margin-bottom:8px;}@media screen and (max-width:768px){.btn {font-size:12px;}.functionlogo {background-size:190px 190px;}#menucontrol {padding:10px;width:220px;}#maincontent {padding-left:220px;}}@media screen and (max-width:540px){h1 {font-size:25px;}.detailsbox {padding:10px;height:100%;width:CALC(100vw - 10px);}.data-header { padding-left:10px; padding-right:10px; }#maincontent {padding-left:0px;}#menucontrol {width:100%;display:none;}.functionlogo {display:none;}.menu-select {display:block;}.theme-select {left:10px;}}@media screen and (min-width:541px){#menucontrol {width:220px;display:block;}#maincontent {padding-left:220px;}.menu-select {background-image:url(../../../../colors/light/images/64/menu.png);}}@media screen and (min-width:769px){#menucontrol {width:280px;display:block;}#maincontent {padding-left:280px;}.menu-select {background-image:url(../../../../colors/light/images/64/menu.png);}}