*,:before,:after{padding:0;margin:0;box-sizing:border-box;transition:.5s}:root{--main-1: #9db0c2;--main-txt-color: black;--border-color-home: black;--border-size-home: 1px;--header-background-color: #00ffff;--header-text-color: black;--aside-menu-background-color: #00b7ff;--aside-menu-text-color: black;--aside-menu-disabled-mobile-view-color: black;--aside-submenu-background-color: #00b7ff;--aside-submenu-text-color: black;--aside-button-border-color: white;--aside-button-border-size: 2px;--aside-button-background-color: #34bfd8;--aside-txt-button-color: black;--content-background-color: #98CDE2;--content-text-color: black;--fieldset-background-color: #61b0cf;--fieldset-text-color: black;--fieldset-legend-color: black}body{background-color:var(--main-1);color:var(--main-txt-color)}.header{grid-area:header;height:50px;font-size:1.3rem;font-weight:900;text-align:center;line-height:50px;border-bottom:var(--border-size-home) solid var(--border-color-home);background-color:var(--header-background-color);color:var(--header-text-color)}.aside_menu{grid-area:menu;padding:10px;border-right:var(--border-size-home) solid var(--border-color-home);background-color:var(--aside-menu-background-color);color:var(--aside-menu-text-color);position:relative}.content{grid-area:content;padding:10px 10px 50px;overflow-y:auto;overflow-x:hidden;background-color:var(--content-background-color);color:var(--content-text-color)}section{display:grid;grid-template-areas:"header header " "menu content ";grid-template-columns:200px auto;grid-template-rows:50px auto;height:100vh}fieldset{background-color:var(--fieldset-background-color);color:var(--fieldset-text-color);padding:10px;border-radius:10px;margin-bottom:20px}fieldset>legend{color:var(--fieldset-legend-color);font-weight:700}select,input,button,textarea{margin-bottom:5px;padding:5px 3px;display:block;min-width:60%}textarea{width:100%;resize:none}button{width:200px;min-width:0}label{color:var(--main-txt-color)}.report_container>table>thead{position:sticky;top:-11px}@media only screen and (max-width: 800px){select,input,button{width:100%;margin-bottom:5px;padding:8px 5px}button{width:200px;min-width:0}}@media only screen and (max-width: 800px){section{display:grid;grid-template-areas:"header " "content ";grid-template-columns:auto;grid-template-rows:50px auto}.aside_menu{display:none}.aside_menu.active{position:absolute;top:0;bottom:0;width:300px;left:0;display:block}}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd}th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#04aa6d;color:#fff;text-align:center}