@charset "UTF-8";:root{--header-navbar-height:50px}header.header_navbar{background:var(--nav-color)}.dashboard{background:url(../img/dashboard.png) center center/contain no-repeat}.navbar{display:grid;grid-template-rows:minmax(var(--header-navbar-height),max-content);grid-auto-columns:1fr;z-index:1}.navbar #navicon{display:none;padding:0 10px;vertical-align:middle;margin:auto 0}.navbar ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--header-navbar-height),max-content));grid-template-rows:max-content;z-index:1}.navbar>ul>li a{display:grid;grid-template-columns:max-content max-content;grid-template-rows:var(--header-navbar-height);grid-column-gap:5px;padding:0 5px;align-items:center;justify-content:space-between;font-size:.9em;transition:color 1s,background .5s;color:var(--nav-link-color)}.navbar>ul>li a:hover:not(.dashboard){background:var(--nav-link-color);color:var(--nav-link-color-hover)}.navbar li.submenu_title{position:relative}.navbar ul.submenu{position:absolute;background:var(--nav-color);display:none;grid-template-columns:1fr;grid-auto-rows:1fr;animation:fade_in .5s}.navbar ul.submenu>li.sub_list1{position:relative}.navbar ul.submenu>li.sub_list1 .sub2{top:0}.navbar ul.submenu li a{min-width:100px}aside.side_nav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;opacity:1;overflow-y:auto;transition:width .5s;background:var(--nav-color);display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;grid-auto-flow:row}.side_nav a{text-indent:5px;display:grid;grid-template-columns:max-content max-content;grid-template-rows:35px;align-items:center;grid-column-gap:5px;margin-left:-250px;transition:color .5s,margin-left .5s,background .5s;overflow-x:auto;overflow-y:hidden;justify-content:space-between;padding-right:10px;color:var(--nav-link-color)}.side_nav a:hover{background:var(--nav-link-color);color:var(--nav-link-color-hover)}.side_nav .btn_close{justify-self:right;font-size:36px;color:#fff;padding-right:0}.side_nav .submenu{display:none}.side_nav .submenu li{display:grid;grid-auto-rows:max-content}.side_nav .sub1{grid-template-columns:1fr;grid-template-rows:max-content}.side_nav .sub1 .sub_list2{grid-template-columns:1fr;grid-auto-rows:max-content}.side_nav .sub1 a{text-indent:10px}.side_nav .sub2 a{text-indent:15px}@media only screen and (max-width:895px){.navbar #navicon{display:block;width:50px}.dashboard{display:none}.navbar_list{display:none!important}}