body{background-color:#f2f2f2}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}#container{display:grid;width:100%;height:100vh;grid-template-columns:70px 1fr;-moz-column-gap:6px;column-gap:6px;grid-template-rows:auto 1fr 0;grid-template-areas:"sidebar header" "sidebar body" "footer footer";transition:all .4s ease-in-out}.page_wrapper.active #container{grid-template-columns:220px 1fr}#container.no-sidebar{grid-template-columns:0 1fr}#header{grid-area:header}#content{grid-area:body;overflow:auto}#footer{background-color:white;grid-area:footer;border-top:1px solid rgba(128,128,128,.25);display:flex;flex-direction:column;justify-content:center;padding:0 12px}.dark #footer{background-color:black}.no-sidebar #sidebar,.sidebarButton.small{display:none}.sidebarButton{display:block}#sidebar{grid-area:sidebar;box-shadow:0 -2px 4px 0 rgba(0,0,0,.25);display:grid;grid-template-rows:auto 1fr;grid-template-areas:"sidebar-header sidebar-header" "sidebar-rail sidebar-body";grid-template-columns:75px auto;transition:width .3s ease;height:100%}#sidebar::-webkit-scrollbar{display:none}@media only screen and (max-width:828px){#sidebar{display:none}#container{grid-template-columns:0 1fr}.sidebarButton{display:none}.sidebarButton.small{display:block}}#sidebar-header{grid-area:sidebar-header;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;box-sizing:border-box;border-bottom:1px solid rgba(128,128,128,.25)}#sidebar-header h1{margin:0}#sidebar-body{overflow:auto;grid-area:sidebar-body}#sidebar-body .p-submenu-header{padding-left:6px}#sidebar-body::-webkit-scrollbar{width:0;height:0}.overlay-menu-container{width:100%;height:100%;background-color:rgba(0,0,0,.261);position:absolute;left:0;top:0}#sidebar-small{width:50%;height:100%;min-width:200px;white-space:nowrap;background-color:white;display:none}.dark #sidebar-small{background-color:black}@media only screen and (max-width:828px){#sidebar-small{display:block}}.p-breadcrumb{top:0;grid-area:breadcrumb}.active-sidebar-menu{background-color:#3f51b5;border-radius:8px;margin:8px}.active-sidebar-menu .p-menuitem-icon,.active-sidebar-menu .p-menuitem-text{color:white}#content{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"breadcrumb" "mainContent"}.menuGroupItem:hover{color:var(--menu-primary-color)}.menuGroupItem:hover svg{fill:var(--menu-primary-color)}.menuGroupItem.active{color:var(--menu-primary-color);background-color:var(--menu-active-background-color)}.menuGroupItem.active svg{fill:var(--menu-primary-color)}.pi{font-size:14px}.p-button .p-button-icon-right{margin-left:5px}.container{width:100%;padding:0;margin:0;display:flex;flex-direction:row;flex:1}.sidebar{width:250px;display:flex;flex-direction:column;height:100%;box-shadow:0 .789px 3.155px 2.366px rgba(166,166,166,.12)}.content{flex:1;height:100%}.main__content__style{width:100%;height:100%;margin:0;overflow:auto;flex:1;padding-block-end:8px;padding-inline:10px}.dropdown{position:relative;display:inline-block;border:2px solid #e7e7e7;border-radius:6px;width:80px;height:40px}.dropdown-button{color:#191919;padding:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;justify-content:space-between;display:flex;flex-direction:row}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px rgba(0,0,0,.2);cursor:pointer;z-index:1;padding:10px 16px}.dropdown-content a{padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.p-sidebar .p-sidebar-header{padding:0;display:none}.p-sidebar .p-sidebar-content{padding:0}.p-sidebar-right .p-sidebar{width:28.6rem}.p-paginator .p-dropdown{height:40px;width:108px}.p-checkbox .p-checkbox-box{border-color:#b6d2f6}#main-sidebar-wrapper{--sb-track-color:#ebebeb00;--sb-thumb-color:#77c0436c;--sb-size:4px}#main-sidebar-wrapper .main-sidebar{background-color:var(--primary-color);border-radius:8px;position:fixed;top:6px;left:6px;bottom:6px;z-index:50;padding:8px}#main-sidebar-wrapper .bottom__toggle__btn{position:absolute;bottom:5px;right:-15px}#main-sidebar-wrapper .main__menu__style{list-style:none;display:flex;flex-direction:column;align-items:center;gap:5px;height:calc(100vh - 85px);overflow-y:auto;overflow-x:hidden;transition:all .3s ease-in-out}#main-sidebar-wrapper .main__menu__style.active{align-items:start}#main-sidebar-wrapper .main__menu__style.active button,#main-sidebar-wrapper .main__menu__style.active li a{justify-content:start}#main-sidebar-wrapper .main__menu__style li{width:100%}#main-sidebar-wrapper .main__menu__style li a,#main-sidebar-wrapper .main__menu__style li button{padding:10px;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;color:#b3bcbc;font-size:14px;white-space:nowrap;gap:15px;z-index:2;background-color:rgba(0,0,0,0);border:none!important;outline:none!important;box-shadow:none!important;width:100%;cursor:pointer;transition:all .3s ease-in-out}#main-sidebar-wrapper .main__menu__style li a i,#main-sidebar-wrapper .main__menu__style li button i{min-width:24px;display:flex;align-items:center;justify-content:center}#main-sidebar-wrapper .main__menu__style li a i svg,#main-sidebar-wrapper .main__menu__style li button i svg{transition:all .3s ease-in-out}#main-sidebar-wrapper .main__menu__style li a:before,#main-sidebar-wrapper .main__menu__style li button:before{content:"";width:3px;height:24px;border-radius:10px;background-color:#77c043;z-index:-1;left:0;top:50%;transform:translateY(-50%);position:absolute;opacity:0;visibility:hidden;transition:all .3s ease-in-out}#main-sidebar-wrapper .main__menu__style li a.active,#main-sidebar-wrapper .main__menu__style li a:hover,#main-sidebar-wrapper .main__menu__style li button.active,#main-sidebar-wrapper .main__menu__style li button:hover{background-color:#194f44;color:#77c043}#main-sidebar-wrapper .main__menu__style li a.active i svg,#main-sidebar-wrapper .main__menu__style li a:hover i svg,#main-sidebar-wrapper .main__menu__style li button.active i svg,#main-sidebar-wrapper .main__menu__style li button:hover i svg{fill:#77c043}#main-sidebar-wrapper .main__menu__style li a.active:before,#main-sidebar-wrapper .main__menu__style li a:hover:before,#main-sidebar-wrapper .main__menu__style li button.active:before,#main-sidebar-wrapper .main__menu__style li button:hover:before{opacity:1;visibility:visible}#main-sidebar-wrapper .main__menu__style>li>a>span{transition:all .3s ease-in-out;white-space:nowrap;opacity:0;visibility:hidden}#main-sidebar-wrapper .main-sidebar.active .main__menu__style>li>a>span{opacity:1;visibility:visible}#main-sidebar-wrapper .main__menu__style .sub__menu__style{display:flex;flex-direction:column;gap:5px;margin:6px 0;padding:0 0 0 32px;position:relative;z-index:2}#main-sidebar-wrapper .main__menu__style .sub__menu__style:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background-color:hsla(0,0%,100%,.2)}#main-sidebar-wrapper .main__menu__style .sub__menu__style>li>a{padding:10px 15px;border-radius:6px;background-color:rgba(0,0,0,0);font-size:14px;color:#b3bcbc;white-space:nowrap;display:flex;width:100%}#main-sidebar-wrapper .main__menu__style .sub__menu__style>li>a.active,#main-sidebar-wrapper .main__menu__style .sub__menu__style>li>a:hover{color:#fff;background-color:#194f44}