.SideLabel{
Margin-top: -3px;
}
 
#ApplicationWindow, #SystemSideMenu, #MainMenu, #TabMenu, .mainMenuButton, #MenuBase, .sideButton, #MainPanel, #MainContainer{
display: flex;
}
 
#MainDialog, #menu-bar, .dropdown{
display: none;
}
 
#SideMenu{
display: auto;
}
 
#SlidePanel{
right:-50dvw; top: 0px;
}
 
#ApplicationWindow, body{
width: 100dvw; height: 100dvh; max-height: 100dvh; max-width: 100dvw;
}
 
#SideMenu{
min-width: 150px; width: 150px
}
 
#TabMenu, .tempButton{
min-height: 20px; height: 20px; width: 20px;
}
 
.Window, .PanelWindow{
height: 100%; max-width: 100dvw;
}
 
#SlidePanel{
width: 50dvw; height: 100dvh;
}
 
#MainDialog{
width: 100%; height: 100%;
}
 
.sideButton{
Height: 50px; Width: 100%;
}
 
.dropdown{
min-width: 160px;
}
 
#MainContainer{
max-width:100dvw;
}
 
body{
position: fixed;
}
 
#SlidePanel{
position: absolute;
}
 
#MainDialog{
position: absolute;
}
 
#menu-bar{
position: absolute;
}
 
.dropdown{
position: absolute;
}
 
body{
top:0px; left: 0px;
}
 
#SlidePanel{
top: 0px;
}
 
#MainDialog, #menu-bar{
top:0px; left:0px;
}
 
.mainMenuButton{
Padding-left: 5px; Padding-right: 5px;
}
 
#ApplicationWindow, body{
padding: 0px;
}
 
.sideButton{
padding-left: 5px;
}
 
.sideLabel{
padding-left: 5px;
}
 
.menu-item{
padding: 6px 14px;
}
 
.dropdown-item{
padding: 6px 12px;
}
 
#Dialog, .PanelWindow{
padding: 10px;
}
 
#ApplicationWindow, body{
margin: 0px;
}
 
#TabMenu, .tempButton,.sideButton{
margin-left: 5px;
}
 
.sideButton{
margin-top: 5px;
}
 
.dropdown-separator{
margin: 4px 0;
}
 
.sideButton{
border: 1px solid black;
}
 
.menu-item{
border-right: 1px solid #999; border-bottom: 1px solid #777;
}
 
.dropdown{
border: 1px solid #555;
}
 
.dropdown-separator{
border-top: 1px solid #999;
}
 
.menu-item:first-child{
border-left: 1px solid #999;
}
 
#Dialog{
border: 1px solid #648b7f;
}
 
#Dialog{
border-radius: 25px 25px 25px 25px;
}
 
body, #MainContainer, .sideButton{
overflow: hidden;
}
 
.Window, .PanelWindow{
overflow: auto;
}
 
#SlidePanel{
overflow: auto;
}
 
#Dialog{
overflow-y: scroll;
}
 
#Dialog{
text-align: left;
}
 
.dropdown-item{
white-space: nowrap;
}
 
.Window{
font-size: 12pt
}
 
.menu-item{
font-size: 14px;
}
 
.dropdown-item{
font-size: 14px;
}
 
.sideLabel{
font-weight: bold;
}
 
#TabMenu, .tempButton{
background-size: cover;
}
 
#MainMenu{
background-size: cover;
}
 
#SystemSideMenu{
background-color: #CCCCCC;
}
 
#TabMenu{
background-color: orange;
}
 
.menu-item:hover{
background: #b5c7ff;
}
 
.dropdown{
background: #f0f0f0;
}
 
.dropdown-item:hover{
background: #cfd8ff;
}
 
.Op{
opacity: 0.8;
}
 
.OpSide{
opacity: 0.9;
}
 
.dropdown{
box-shadow: 2px 3px 4px rgba(0,0,0,0.35);
}
 
#menu-bar{
box-shadow: 0px 8px 8px 8px rgba(128, 128, 128, .4);
}
 
#Dialog{
box-shadow: 0px 8px 0px 0px rgba(128, 128, 128, .2);
}
 
#MainMenu, #SideMenu{
style=z-index: 200;
}
 
#SlidePanel{
z-index: 100;
}
 
#MainDialog{
z-index: 800;
}
 
.dropdown{
z-index: 1000;
}
 
#SideMenu{
z-index: 200;
}
 
.Blur{
filter: blur(15px);
}
 
#ApplicationWindow, #MainMenu, #MenuBase{
flex-direction: row;
}
 
#SystemSideMenu, .mainMenuButton, #MainPanel{
flex-direction: column;
}
 
#ApplicationWindow{
align-items: stretch; align-content: stretch;
}
 
#SystemSideMenu, #MainMenu, #MenuBase{
justify-content: space-between;
}
 
.mainMenuButton{
align-items: center;
}
 
#MainMenu{
flex-wrap: wrap;
}
 
.Window, .PanelWindow, #MainPanel, #MainContainer{
flex-grow: 1;
}
 
#menu-bar{
flex-wrap:wrap;
}
 
.sideButton{
flex-direction: row;    align-items: center;
}
 
#MainDialog{
grid-template-columns: 50px 1fr 50px;    grid-template-rows: 25px 1fr 25px;    grid-template-areas: "x1 x1 x1" "x2 main x3" "x4 x4 x4";
}
 
#Dialog{
grid-area: main;
}
 
#menu-bar{
user-select: none;
}
 
.menu-item{
cursor: pointer;
}
 
.dropdown-item{
cursor: pointer;
}