header.navbar{top:0;width:100%;z-index:1050;height:56px;background-color:var(--container-secondary-color)}a{text-decoration:none}li{list-style:none}.header-logo img{max-width:245px;height:23px}.header-logo img:hover{cursor:pointer}.sidebar-left{width:90px;min-width:90px;transition:all .25s ease-in-out;background-color:var(--container-secondary-color);display:flex;flex-direction:column}.sidebar-right{width:90px;min-width:90px;transition:all .25s ease-in-out;background-color:var(--container-secondary-color);display:flex;flex-direction:column}.sidebar-left:not(.expand) .sidebar-logo,.sidebar-left:not(.expand) a.sidebar-link span,.sidebar-right:not(.expand) .sidebar-logo{display:none}.sidebar-right:not(.expand){align-items:center}.sidebar-bottom:not(.expand){justify-content:center}.sidebar-left.expand{width:260px;min-width:260px}.sidebar-right.expand{width:300px;min-width:300px}.bd-left{border-left:1px solid var(--btn-bd-color)!important}.bd-right{border-right:1px solid var(--btn-bd-color)!important}.bd-top{border-top:1px solid var(--btn-bd-color)!important}.bd-bottom{border-bottom:1px solid var(--btn-bd-color)!important}.btn-xl{width:60px;height:60px;color:var(--font-color);border-radius:var(--btn-size);display:flex;justify-content:center;align-items:center;border:2px solid var(--btn-bd-color)!important}.btn-outline-tertiary:hover{border:2px solid var(--tertiary-color)!important;color:var(--font-active-color)!important}.btn-bg{width:40px;height:40px;color:var(--font-color);border-radius:var(--btn-size);display:flex;justify-content:center;align-items:center;background-color:var(--btn-bg-color);border:2px solid var(--btn-bd-color)!important}.btn-sm-bg{width:33px;height:33px;color:var(--font-color);border-radius:var(--btn-sm-size);display:flex;justify-content:center;align-items:center;background-color:var(--btn-bg-color);border:2px solid var(--btn-bd-color)!important}.btn-transparent{background-color:transparent;color:var(--font-color);border:1px solid transparent}.btn-transparent:disabled,.btn-transparent[disabled]{background-color:transparent!important;color:var(--font-color)!important;border-color:transparent!important;opacity:1!important;pointer-events:none}.btn-bg:hover,.btn-sm-bg:hover{background-color:var(--btn-bg-hover-color);color:var(--font-active-color)}.btn-bg i,.btn-sm-bg i{color:var(--font-color)}.btn-toggle::after{background-image:var(--toggle-arrow-down-img)!important}.sidebar-bottom.expand .sidebar-logo,.sidebar-left.expand .sidebar-logo,.sidebar-left.expand a.sidebar-link span,.sidebar-right.expand .sidebar-logo,.sidebar-right.expand .sidebar-right-nav{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.sidebar-toggle-container{padding:1.5rem 1.9rem 1.5rem!important}.sidebar-logo a{white-space:nowrap;color:var(--font-active-color);font-size:1rem;font-weight:500}a.sidebar-dropdown-link,a.sidebar-link{padding:.625rem 1.9rem;color:var(--font-active-color);display:block;white-space:nowrap;font-weight:500}.sidebar-nav{padding:.7rem 0;flex:11 auto;z-index:1045}.dropdown-item i,.sidebar-link i{font-size:1rem;margin-right:.75rem;vertical-align:middle}.sidebar:not(.expand) .sidebar-item:hover .has-dropdown+.sidebar-dropdown,a.sidebar-dropdown-link:hover,a.sidebar-link:hover{background-color:var(--bg-hover-color)}a.sidebar-link{position:relative}.sidebar-item{position:relative}.sidebar-left:not(.expand) .sidebar-item .sidebar-dropdown{position:absolute;top:0;left:90px;padding:0;min-width:15em;display:none;z-index:1055}.sidebar-left:not(.expand) .sidebar-item:hover .has-dropdown+.sidebar-dropdown{display:block;padding:.25rem 0!important;width:100%;border:1px solid var(--btn-bd-color);background-color:var(--btn-bg-color);border-radius:var(--btn-size);box-shadow:4px 4px 12px var(--shadow-color)}.sidebar-left:not(.expand) .sidebar-dropdown .sidebar-dropdown-link{padding-left:1.9rem}.sidebar-left.expand a.sidebar-link[data-bs-toggle=collapse]::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(180deg);margin-right:1.9rem;width:1em;height:1em;background-image:var(--arrow-down-img);background-repeat:no-repeat;background-size:16px 12px;background-position:center;pointer-events:none;transition:transform .25s ease}.sidebar-left.expand a.sidebar-link[data-bs-toggle=collapse].collapsed::after{transform:translateY(-50%)}.sidebar-dropdown .sidebar-dropdown-link{position:relative;padding-left:4rem;background-color:var(--btn-bg-color);font-size:.875rem}.sidebar-dropdown a.sidebar-dropdown-link::before{height:.125rem;width:var(--btn-size);background-color:var(--btn-bg-color);position:absolute;left:1.8rem;top:50%;transform:translateY(-50%);transition:all .25s}.sidebar-link.active{background-color:var(--bg-hover-color);border-left:3px solid var(--danger-color);font-weight:600}a.sidebar-dropdown-link.active{background-color:var(--bg-hover-color);border-left:3px solid var(--font-active-color);font-weight:600}.main-wrapper{display:flex;width:100%;height:calc(100vh - 56px);overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--container-primary-color)}.main-size-area{height:100%}.main-basic-board{height:100%;display:flex;flex-direction:column;background-color:var(--container-secondary-color)}.board-header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;padding:0}.board-body-table{display:flex;flex:1 1 auto;min-height:0;justify-content:space-between;padding:0;gap:1rem!important}.deviceTab{flex:0 0 auto;border-bottom:1px solid var(--btn-bd-color)}.deviceTab .nav-link{border:none!important;color:var(--font-color);font-weight:500;background-color:transparent}.deviceTab .nav-link:hover{border:none;color:var(--font-active-color);background-color:transparent;border-bottom:2px solid var(--font-color)!important}.deviceTab .nav-link.active{border:none;color:var(--font-active-color);background-color:transparent;border-bottom:2px solid var(--tertiary-color)!important}.sidebar-right-tab{border-bottom:1px solid var(--btn-bd-color)}.sidebar-right-tab .nav-item{flex-basis:0;flex-grow:1;max-width:100%}.sidebar-right-tab .nav-link{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none!important;background-color:transparent}.sidebar-right-tab .nav-link span{color:var(--font-color);font-weight:500}.sidebar-right-tab .nav-link:hover{border:none;color:var(--font-active-color);background-color:transparent;border-bottom:2px solid var(--font-color)!important}.sidebar-right-tab .nav-link.active{border:none;color:var(--font-active-color);background-color:transparent;border-bottom:2px solid var(--tertiary-color)!important}.deviceTabContent{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.table-area{flex:1;overflow:scroll;border:2px solid var(--btn-bd-color);background-color:var(--btn-bg-color)}.sidebar-bottom{height:90px;min-height:90px;transition:all .25s ease-in-out;background-color:var(--container-secondary-color);display:flex;flex-direction:column}.sidebar-bottom.expand{height:260px;min-height:260px}.sidebar-bottom-nav{height:100%;flex:1 1 auto;z-index:1045;min-height:0;overflow:hidden}.page-area{flex:1;overflow:auto;border:2px solid var(--btn-bd-color);display:flex;align-items:center;justify-content:center}.settings-area{flex:1;overflow-y:scroll}.font-properties-basic{color:var(--font-color);font-size:.875rem;font-weight:400}.font-properties-placeholder{color:var(--placeholder-color);font-size:.875rem;font-weight:400}.font-properties-header{color:var(--font-active-color);font-size:.875rem;font-weight:500}.font-properties-dashboard{color:var(--font-active-color);font-size:1.2rem;font-weight:500}.font-properties-settings{color:var(--font-active-color);font-size:1.375rem;font-weight:500}.font-properties-date{color:var(--font-active-color);font-size:1rem;font-weight:500}.dashboard-basic-board{height:100%;background-color:var(--container-secondary-color)}.settings-basic-board{height:100%;flex-direction:column;background-color:var(--container-secondary-color)}.dashboard-left-area,.dashboard-right-area{flex:1 1 0;min-width:0;display:grid;grid-template-rows:1fr 1fr;gap:1rem;min-height:0}.dashboard-category-area,.settings-category-area{min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--area-bg-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--area-bd-color);box-shadow:0 4px 20px var(--area-shadow-color);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.settings-category-area{width:100%}.dashboard-category-area:hover,.settings-category-area:hover{background:var(--area-bg-hover-color);border-color:var(--area-bd-hover-color);box-shadow:0 6px 25px var(--area-outer-shadow-hover-color),inset 0 0 20px var(--area-inner-shadow-hover-color);transform:translateY(-2px);cursor:pointer}.settings-category-area i{color:var(--font-color)}.dashboard-canvas-area{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.dashboard-system-charts-triple{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;min-width:0}.dashboard-system-charts-double{display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100%;min-width:0}.chart-wrapper{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.table-wrapper{position:relative;width:100%;height:100%;min-height:0;overflow:scroll;text-align:center;border-radius:var(--btn-size);background-color:var(--btn-bg-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--btn-bd-color);box-shadow:0 4px 20px var(--area-shadow-color);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.chart-wrapper canvas,.table-wrapper table{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain}.form-check-label{cursor:pointer}.form-check input{cursor:pointer}.dropdown-no-bg button{padding-right:1.9rem;border:2px solid transparent!important;background-color:var(--container-secondary-color)!important;color:var(--font-color)!important}.dropdown-bg button{padding-right:1.9rem;border:2px solid var(--btn-bd-color);background-color:var(--btn-bg-color);color:var(--font-color)!important}.spinner-text-primary{color:var(--spinner-color)}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-backdrop-bg-color);display:flex;align-items:center;justify-content:center;z-index:20000;pointer-events:all}.spinner-overlay-transparent{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.bg-primary-end{background:linear-gradient(120deg,var(--primary-start-color) 0,var(--primary-end-color) 100%)}.bg-secondary-end{background:linear-gradient(120deg,var(--secondary-start-color) 0,var(--secondary-end-color) 100%)}.bg-success-end{background:linear-gradient(120deg,var(--success-start-color) 0,var(--success-end-color) 100%)}.bg-warning-end{background:linear-gradient(120deg,var(--warning-start-color) 0,var(--warning-end-color) 100%);color:var(--dark-color)}.bg-danger-end{background:linear-gradient(120deg,var(--danger-start-color) 0,var(--danger-end-color) 100%)}.dropdown-divider{margin:.3rem;border-top:1px solid var(--btn-bd-color)}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;right:100%;margin-top:-1px;background-color:var(--btn-bg-color);border:2px solid var(--btn-bd-color)}.dropdown-submenu:hover>.dropdown-menu{display:block;z-index:1055}