section.web-app-page[data-layout-style="2024"]{--main-menu-width: 250px;--sub-menu-width: 0px;--total-menu-width: calc(var(--main-menu-width) + var(--sub-menu-width));--webapp-panel-toolbar-button-border: 0 none transparent}section.web-app-page[data-layout-style="2024"] .menu-bar{--webapp-menu-color-background: #787878;--webapp-menu-color-focused-background: #787878;scrollbar-color:var(--accent-colour) #e0e0e0;scrollbar-width:thin;padding:0}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item{width:100%}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item a{display:flex;width:100%;line-height:1em;color:var(--webapp-menu-color-foreground);position:relative;padding:15px;text-align:left;flex-wrap:nowrap;align-items:center}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item a i{font-size:25px;width:25px;text-align:center}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item a span{font-size:12px;user-select:none}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item a i+span{margin-left:15px}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item a[data-active="true"]{background-color:rgba(0,0,0,0.1)}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item>a{background-color:var(--webapp-menu-color-background)}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item>a:hover{background-color:var(--webapp-menu-color-hover-background)}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item .button{text-transform:none;text-align:left;background-color:transparent}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu]{position:relative;background-color:#bbbbbb;height:0;opacity:0;overflow:hidden;transform:translate3d(-100%, 0, 0);transition:all ease-in-out 0.4s}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu]>.title{display:none}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] a{color:#404040}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .accordion{height:auto !important}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .accordion .item .item-label{display:none}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .accordion .item .item-content ul{list-style-type:none;padding:0;margin:0}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu{display:none}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu[data-focused="true"]{display:block}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu{display:none;position:relative}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .title-bar{background-color:var(--webapp-menu-color-focused-background);color:var(--webapp-menu-color-foreground);font-size:12px;line-height:1em}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .title-bar [data-item-menu-close-button]{display:none}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .title-bar .title{display:flex;width:100%;line-height:1em;color:var(--webapp-menu-color-foreground);position:relative;padding:15px;text-align:left;flex-wrap:nowrap;align-items:center}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .title-bar .title i{font-size:25px;width:25px;text-align:center}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .title-bar .title span{font-size:12px;user-select:none}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .title-bar .title i+span{margin-left:15px}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu .toolbar a{text-align:left}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item [data-sub-menu] .items-menu .item-menu[data-focused="true"]{display:block}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item[data-open="true"]>[data-sub-menu]{display:block;height:auto;opacity:1;transform:translate3d(0, 0, 0)}section.web-app-page[data-layout-style="2024"] .menu-bar .menu-item[data-is-visible="false"]{display:none}section.web-app-page[data-layout-style="2024"][data-main-menu-enabled="false"] .menu-bar,section.web-app-page[data-layout-style="2024"][data-menu-enabled="false"] .menu-bar{width:55px}section.web-app-page[data-layout-style="2024"][data-main-menu-enabled="false"] .menu-bar span,section.web-app-page[data-layout-style="2024"][data-menu-enabled="false"] .menu-bar span{display:none}section.web-app-page[data-layout-style="2024"][data-menu-enabled="false"] .menu-bar [data-menu-collapse-button] i{transform:rotate(180deg)}section.web-app-page[data-layout-style="2024"][data-menu-enabled="false"] [data-panels]{left:55px;width:calc(100% - 55px)}@media only screen and (max-width: 639px){section.web-app-page[data-layout-style="2024"][data-main-menu-enabled="false"] .menu-bar,section.web-app-page[data-layout-style="2024"][data-menu-enabled="false"] .menu-bar{transform:translate3d(-55px, 0, 0)}}