.app-template-5{--pdf-text-color:#ffffff;--menu-text-color:#292929;--header-text-color:#292929;--template-bc-color:#292929;--pdf-background-color:#4b53e4;--menu-background-color:#ffffff;--menu-hover-text-color:#ffffff;--pdf-button-text-color:#ffffff;--sidefilter-text-color:#353535;--application-title-color:#292929;--chips-button-text-color:#151515;--header-background-color:#ffffff;--header-hover-text-color:#ffffff;--template-bc-active-color:#4b53e4;--chips-selected-text-color:#ffffff;--template-background-color:#ffffff;--menu-hover-background-color:#4b53e4;--pdf-button-background-color:#4b53e4;--sidefilter-background-color:#ffffff;--chips-button-background-color:#ebebeb;--header-hover-background-color:#4b53e4;--chips-selected-background-color:#4b53e4;--app-header-height:50px;--border-bg-1:#ececec;--border-bg-2:#e7e6e1;--hover-transition-1:background-color ease-in 0.1s,color ease-in 0.1s;--menu-width:270px;--short-menu-width:95px;--loader-bg:#fff;--loader-fade-bg:rgba(255,255,255,0.8);--loader-text-color:#353535;--layout-loader-bg:#fff;--loader-color:#4b53e4;--layout-loader-color:#4b53e4}.app-template-5 .app-menufilter-css{--menu-filter-div-bg:transparent;--menu-filter-height:50px;--filters-font-size:14px;--chip-bg-color:var(--chips-button-background-color)!important;--chip-text-color:var(--chips-button-text-color)!important;--chip-active-bg-color:var(--chips-selected-background-color)!important;--chip-active-text-color:var(--chips-selected-text-color)!important}.app-template-5 .app-pdf-builder-css{--pdf-header-bg:var(--pdf-background-color)!important;--pdf-header-text-color:var(--pdf-text-color)!important;--pdf-tools-bg:var(--pdf-button-background-color)!important;--pdf-tools-text-color:var(--pdf-button-text-color)!important}.app-template-5.app-container{min-height:100vh;width:100%;background:var(--template-background-color);color:#292929;overflow:hidden}.app-template-5 .app-outer-wrap{background:var(--template-background-color);color:#292929;height:100vh;width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.app-template-5 .app-header-container{width:100%;position:relative;height:var(--app-header-height);display:flex;align-items:center;justify-content:flex-start;background:var(--header-background-color);color:var(--header-text-color);padding:0 7px;box-shadow:0 2px 10px 2px rgba(0,0,0,.05);border-bottom-right-radius:10px;border-bottom-left-radius:10px;z-index:99}.app-template-5 .app-menu-push-btn{height:40px;line-height:40px;width:45px;text-align:center;display:block;font-size:1.3em;cursor:pointer;background:var(--header-background-color);border-radius:10px;transition:var(--hover-transition-1)}.app-template-5 .app-menu-push-btn:hover{background:var(--header-hover-background-color);color:var(--header-hover-text-color)}.app-template-5 .app-logo-container{height:32px;min-width:40px;max-width:150px;overflow:hidden;margin-left:15px}.app-template-5 .app-logo-container .app-logo{height:100%;width:100%;object-fit:contain;object-position:center}.app-template-5 .app-title-container{margin-left:20px;margin-right:20px;width:100%;flex-shrink:1;overflow:hidden}.app-template-5 .app-title{margin:0;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.5em;color:var(--application-title-color)}.app-template-5 .app-header-container>:not(.app-title-container){flex-shrink:0}.app-template-5 .app-header-ctrls-container{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.app-template-5 .app-header-btn{display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;background:0 0;color:var(--header-text-color);transition:var(--hover-transition-1);border-radius:7px;margin-right:7px}.app-template-5 .app-header-btn:last-of-type{margin-right:0}.app-template-5 .app-header-btn:hover{background:var(--header-hover-background-color);color:var(--header-hover-text-color)}.app-template-5 .app-user-shortname{display:block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:var(--header-hover-background-color);color:var(--header-hover-text-color);font-size:1.5em;font-weight:700;cursor:default;user-select:none}.app-template-5 .app-user-info-container{margin:0 10px;height:100%;display:flex;align-items:center;user-select:none}.app-template-5 .app-user-info{display:none;position:absolute;top:calc(100% + 1px);background-color:#fff;color:#353535;right:5px;min-width:100px;padding:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.08);border-radius:10px;z-index:99}.app-template-5 .app-user-info>span{display:block;text-align:left;padding:3px 10px;font-size:14px}.app-template-5 .app-user-info>span>i{margin-right:7px;font-size:.9em}.app-template-5 .app-user-name{color:var(--header-hover-background-color)}.app-template-5 .app-user-logout{cursor:pointer}.app-template-5 #app-edit-user-profile{cursor:pointer}.app-template-5 .app-main-menu-container{position:absolute;top:calc(var(--app-header-height) + 5px);bottom:5px;width:var(--menu-width);background:var(--menu-background-color);color:var(--menu-text-color);border-radius:20px;box-shadow:3px 3px 10px 2px rgba(0,0,0,.05);z-index:99;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.app-template-5 .app-main-menu-container.no-header{top:0;bottom:0}.app-template-5 .app-main-menu{padding:10px 5px;margin:0;overflow-x:hidden;overflow-y:auto;flex-shrink:1;scrollbar-gutter:stable;width:100%;height:100%}.app-template-5 .app-menu-item{user-select:none}.app-template-5 .app-main-menu .app-menu-item .app-menu-item-content{width:100%;font-size:1em;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;padding:5px 10px;cursor:pointer;border-radius:20px;line-height:1.5;background-color:transparent;position:relative;transition:all ease-in-out .2s}.app-template-5 .app-main-menu .app-menu-item:hover>.app-menu-item-content{background:var(--menu-hover-background-color);color:var(--menu-hover-text-color)}.app-template-5 .app-main-menu .app-menu-item.active-menu>.app-menu-item-content{background:var(--menu-hover-background-color);color:var(--menu-hover-text-color)}.app-template-5 .app-main-menu .app-menu-item.active-dashboard>.app-menu-item-content{background:var(--menu-hover-background-color);color:var(--menu-hover-text-color);transition:none}.app-template-5 .app-main-menu .app-menu-item .app-menu-item-icon{margin-right:5px;width:30px;text-align:center;height:30px;line-height:30px;overflow:hidden;font-size:1em}.app-template-5 .app-main-menu .app-menu-item .app-menu-item-icon.icon-img{object-fit:contain;object-position:center}.app-menu-item-content>*{flex-shrink:0;transition:opacity ease-in-out .2s,margin ease-in-out .2s}.app-template-5 .app-main-menu .app-menu-item .app-sub-menu{display:none}.app-sub-menu-expand-btn{position:absolute;right:15px;font-size:1em}.app-template-5 .app-main-menu .app-menu-item{width:100%;display:block;padding-bottom:10px}.app-template-5 .app-main-menu .app-menu-item:last-child{padding-bottom:0}.app-template-5 .app-main-menu .app-sub-menu{padding:0;padding-left:10px;padding-top:10px}.app-template-5 .app-main-menu-extend-btn{padding:5px;width:calc(100% - 10px);flex-shrink:0}.app-template-5 .app-main-menu-extend-btn>span{display:block;width:100%;font-size:1em;padding:0 10px;height:40px;line-height:40px;border-radius:20px;background-color:transparent;transition:var(--hover-transition-1)}.app-template-5 .app-main-menu-extend-btn>span:hover{background:var(--menu-hover-background-color);color:var(--menu-hover-text-color)}.app-template-5 .app-main-menu-extend-btn>span>i{font-size:1.1em;width:30px;text-align:center;transition:margin ease-in-out .2s;transform:rotate(180deg)}.app-template-5 .app-main-menu-container.add-effect{transition:transform ease-in-out .2s,width ease-in-out .2s}.app-template-5 .app-main-menu-container.short-menu{width:var(--short-menu-width)}.app-template-5 .app-main-menu-container.hide-menu{transform:translateX(calc(-1 * var(--menu-width)))}.app-template-5 .app-layout-container{position:relative;width:100%;height:calc(100% - var(--app-header-height));padding-top:5px;overflow:hidden;z-index:98}.app-template-5 .app-layout-container.add-effect{transition:padding-left ease-in-out .2s}.app-template-5 .app-layout-container.menu-added{padding-left:var(--menu-width)}.app-template-5 .app-layout-container.menu-added.short-menu{padding-left:var(--short-menu-width)}.app-template-5 .app-layout-container.over{padding-left:var(--short-menu-width)!important}.app-template-5 .app-main-menu-container.short-menu .app-main-menu .app-menu-item-content{overflow:hidden;white-space:nowrap;flex-wrap:nowrap}.app-template-5 .app-main-menu-container.short-menu .app-main-menu .app-menu-item .app-menu-item-title{opacity:0}.app-template-5 .app-main-menu-container.full-menu:not(.short-menu) .app-main-menu .app-menu-item .app-menu-item-title{width:100%;white-space:normal;flex-shrink:1!important;white-space:normal;word-break:break-word}.app-template-5 .app-main-menu-container.full-menu:not(.short-menu) .app-main-menu .app-menu-item .app-sub-menu-expand-btn{position:static;padding-left:5px;flex-shrink:0}.app-template-5 .app-main-menu-container.short-menu .app-main-menu .app-menu-item .app-sub-menu-expand-btn{opacity:0}.app-template-5 .app-main-menu-container.short-menu .app-main-menu .app-menu-item .app-menu-item-icon{margin-left:12px}.app-secondary-logo-container{height:32px;min-width:100%;overflow:hidden;flex-shrink:0;padding:0 10px;margin:10px 0}.app-secondary-logo-container .app-secondary-logo{height:100%;width:100%;object-fit:contain;object-position:center}.app-template-5 .app-layout-container.hide-menu{padding-left:0!important}.app-template-5 .app-main-menu-container.short-menu .app-main-menu-extend-btn span>i{margin-left:15px;transform:rotate(0)}.app-template-5 .app-layout-container.no-header{height:100%}.app-template-5 .app-contents{width:100%;height:100%;overflow:auto;padding:10px 0;padding-left:15px;padding-right:10px;scrollbar-gutter:stable}.app-template-5 .app-menu-item.menuitemclone{display:block}.app-template-5 .app-menu-item.menuitemclone .app-menu-item-content{font-size:1em;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;padding:5px 10px;cursor:pointer;border-radius:20px;line-height:1.5;background-color:transparent;position:relative}.app-template-5 .app-menu-item.menuitemclone>.app-menu-item-content{background:var(--menu-hover-background-color);color:var(--menu-hover-text-color)}.app-template-5 .app-menu-item.menuitemclone .app-menu-item-icon{margin-right:5px;width:30px;text-align:center;height:30px;line-height:30px;overflow:hidden;font-size:1em}.app-template-5 .app-menu-item.menuitemclone>.app-menu-item-content .app-menu-item-icon{margin-left:12px}.app-template-5 .app-menu-item.menuitemclone .app-menu-item-icon.icon-img{object-fit:contain;object-position:center}.app-template-5 .app-menu-item.menuitemclone .app-menu-item-content .app-menu-item-title{margin-right:24px}.app-template-5 .app-menu-item.menuitemclone .app-sub-menu{display:none!important;padding:0;margin:0}.app-template-5 .app-menu-item.menuitemclone .app-sub-menu .app-menu-item{display:block}.app-template-5 .app-menu-item.menuitemclone .app-sub-menu .app-menu-item-content:hover .app-menu-item-title{text-decoration:underline}.app-template-5 .app-menu-item.menuitemclone .app-sub-menu .app-sub-menu-expand-btn{transform:rotate(270deg)}.app-template-5 .app-menu-item.menuitemclone .app-sub-menu.show-dropdown{display:block!important;background:var(--menu-hover-background-color);color:var(--menu-hover-text-color);border-radius:10px;max-height:300px;overflow:auto}.app-template-5 .app-menu-item.menuitemclone>.app-sub-menu.show-dropdown{left:calc(var(--short-menu-width) + 5px)}.app-template-5 .app-breadcrumb-container{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;padding:0 15px}.app-template-5 .app-breadcrumb-path{display:flex;font-size:12px;align-items:center;color:var(--template-bc-color);margin-right:3px;cursor:default;padding:5px}.app-template-5 .app-breadcrumb-path>i{margin-left:8px}.app-template-5 .app-breadcrumb-path.active-path{color:var(--template-bc-active-color)}.app-template-5 .app-menufilter-container{padding:5px 15px;padding-bottom:0}.app-template-5 .app-layout-loader{background:var(--template-background-color)}@media (max-width:900px){.app-template-5 .app-outer-wrap{flex-flow:column!important}.app-template-5 .app-layout-container{height:calc(100dvh - (var(--app-header-height)))}}@media (max-width:600px){.app-template-5 .app-logo-container{margin-left:0!important;margin-right:0!important}.app-template-5 .app-title-container{margin-left:0!important;margin-right:0!important}.app-logo-container{width:50px!important}.app-main-menu-extend-btn{display:none}.app-template-5 .app-layout-container.over{padding-left:0!important}}