:root{--velonic-topbar-h: 70px;--velonic-sidebar-w: 240px;--velonic-sidebar-mini-w: 70px}html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}#panel-root{min-height:100%;height:auto!important;overflow:visible!important}#wrapper,#panel-root>#wrapper{position:relative!important;height:auto!important;min-height:100vh!important;overflow:visible!important;width:100%!important;padding-top:0!important;margin-top:0!important}.navbar-custom{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--velonic-topbar-h)!important;min-height:var(--velonic-topbar-h)!important;max-height:var(--velonic-topbar-h)!important;margin:0!important;padding:0!important;z-index:1001!important;background-color:#36404c!important;overflow:visible!important}.navbar-custom .logo-box{height:var(--velonic-topbar-h)!important;line-height:normal!important;float:left!important;width:var(--velonic-sidebar-w)!important;background-color:transparent!important;overflow:hidden!important}.navbar-custom .topnav-menu{margin:0!important}.navbar-custom .topnav-menu>li{height:var(--velonic-topbar-h)!important}.navbar-custom .topnav-menu>li>a{height:var(--velonic-topbar-h)!important;line-height:var(--velonic-topbar-h)!important;display:flex!important;align-items:center!important}.navbar-custom .app-search{height:var(--velonic-topbar-h)!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 8px!important}.navbar-custom:after{content:"";display:table;clear:both}.left-side-menu{position:fixed!important;top:var(--velonic-topbar-h)!important;left:0!important;bottom:0!important;width:var(--velonic-sidebar-w)!important;z-index:1000!important;margin:0!important;padding:10px 0 24px!important;overflow:hidden!important;background:#1a2942!important;border-right:0!important;box-shadow:none!important}.left-side-menu .slimscroll-menu{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}#sidebar-menu>ul>li>.side-nav-group-btn,#sidebar-menu>ul>li>a,#sidebar-menu .nav-second-level a{color:#8ea0b5!important}#sidebar-menu>ul>li>.side-nav-group-btn:hover,#sidebar-menu>ul>li>a:hover,#sidebar-menu .nav-second-level a:hover{color:#3bc0c3!important;background:#3bc0c30f!important}#sidebar-menu>ul>li.mm-active>.side-nav-group-btn,#sidebar-menu>ul>li>a.active,#sidebar-menu>ul>li>a.mm-active,#sidebar-menu .nav-link-active,#sidebar-menu .nav-second-level li.mm-active>a,#sidebar-menu .nav-second-level a.nav-link-active{color:#3bc0c3!important}#sidebar-menu .MuiSvgIcon-root{color:inherit!important;fill:currentColor!important}#sidebar-menu .nav-second-level{padding-left:12px!important;background:#00000026!important;margin:0 8px 6px!important;border-radius:6px}#sidebar-menu .nav-second-level a{padding:9px 14px 9px 18px!important;border-radius:4px;margin:2px 4px}#sidebar-menu .nav-second-level a.nav-link-active,#sidebar-menu .nav-second-level li.mm-active>a{background:#3bc0c31f!important}.content-page{margin-left:var(--velonic-sidebar-w)!important;margin-top:0!important;padding-top:var(--velonic-topbar-h)!important;padding-left:0!important;padding-right:0!important;padding-bottom:24px!important;min-height:100vh!important;overflow:visible!important}.content-page .content{margin-top:0!important;padding:20px 15px 40px!important;overflow:visible!important}.content-page .container-fluid{margin-top:0!important;padding-top:0!important}body.sidebar-mini .left-side-menu,body.enlarged .left-side-menu{position:fixed!important;top:var(--velonic-topbar-h)!important;bottom:0!important;width:var(--velonic-sidebar-mini-w)!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:1000!important}body.sidebar-mini .left-side-menu .slimscroll-menu,body.enlarged .left-side-menu .slimscroll-menu,body.sidebar-mini .left-side-menu .slimScrollDiv,body.enlarged .left-side-menu .slimScrollDiv{overflow-x:hidden!important;overflow-y:auto!important;height:100%!important}body.sidebar-mini .content-page,body.enlarged .content-page{margin-left:var(--velonic-sidebar-mini-w)!important}body.sidebar-mini .logo-box,body.enlarged .logo-box{width:var(--velonic-sidebar-mini-w)!important}body.sidebar-mini .logo-box .brand-name,body.enlarged .logo-box .brand-name{display:none!important}body.sidebar-mini .left-side-menu #sidebar-menu>ul>li:hover>a,body.enlarged .left-side-menu #sidebar-menu>ul>li:hover>a,body.sidebar-mini .left-side-menu #sidebar-menu>ul>li:hover>.side-nav-group-btn,body.enlarged .left-side-menu #sidebar-menu>ul>li:hover>.side-nav-group-btn{width:100%!important;max-width:100%!important;background:transparent!important;position:relative!important;color:inherit!important}body.sidebar-mini .left-side-menu #sidebar-menu>ul>li>ul,body.enlarged .left-side-menu #sidebar-menu>ul>li>ul,body.sidebar-mini .left-side-menu #sidebar-menu>ul>li:hover>ul,body.enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul,body.sidebar-mini .left-side-menu #sidebar-menu>ul ul,body.enlarged .left-side-menu #sidebar-menu>ul ul{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;width:0!important;height:0!important;overflow:hidden!important;left:-9999px!important;position:absolute!important;z-index:-1!important;box-shadow:none!important}body.sidebar-mini .left-side-menu #sidebar-menu>ul>li>.side-nav-group-btn .side-nav-label,body.enlarged .left-side-menu #sidebar-menu>ul>li>.side-nav-group-btn .side-nav-label,body.sidebar-mini .left-side-menu #sidebar-menu>ul>li>.side-nav-group-btn .menu-arrow-icon,body.enlarged .left-side-menu #sidebar-menu>ul>li>.side-nav-group-btn .menu-arrow-icon{display:none!important}body.sidebar-mini .left-side-menu #sidebar-menu>ul>li>.side-nav-group-btn .side-nav-group-icon,body.enlarged .left-side-menu #sidebar-menu>ul>li>.side-nav-group-btn .side-nav-group-icon{display:inline-flex!important;margin-right:0!important}#sidebar-menu>ul>li>.side-nav-group-btn{display:flex!important;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:13px 18px!important;cursor:pointer;font:inherit;font-size:14.5px!important;font-weight:600;line-height:1.2;border-radius:0}#sidebar-menu>ul>li>.side-nav-group-btn:hover{color:#3bc0c3!important}#sidebar-menu>ul>li>.side-nav-group-btn .side-nav-label{flex:1;text-align:left}#sidebar-menu>ul>li>.side-nav-group-btn .menu-arrow-icon{margin-left:auto;opacity:.7}.left-side-menu,.content-page,.navbar-custom .logo-box{transition:width .25s ease,margin-left .25s ease}.navbar-custom .logo-box .logo,.navbar-custom .logo-box .logo-light,.navbar-custom .logo-box .logo-lg,.navbar-custom .logo-box .brand-mark{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;height:70px!important}.navbar-custom .button-menu-mobile{position:relative!important;z-index:5!important;cursor:pointer!important;border:0!important;background:transparent!important;color:#ffffffeb!important;padding:0 12px!important;height:var(--velonic-topbar-h)!important;line-height:var(--velonic-topbar-h)!important;display:inline-flex!important;align-items:center!important}.navbar-custom .button-menu-mobile:hover{color:#fff!important}.navbar-custom .topbar-sidebar-toggle{padding:0 14px!important}.navbar-custom .topbar-sidebar-toggle-icon{width:38px!important;height:38px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;color:#fff!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.22)!important;transition:background-color .15s ease,border-color .15s ease,transform .15s ease!important}.navbar-custom .topbar-sidebar-toggle:hover .topbar-sidebar-toggle-icon{background:#3bc0c359!important;border-color:#3bc0c3b3!important;transform:translateY(-1px)}.navbar-custom .topbar-actions .topbar-icon-btn:hover{background:#ffffff1f!important;color:#fff!important}.navbar-custom .topbar-actions .nav-link{color:#ffffffeb!important}.navbar-custom .topbar-user-btn,.navbar-custom .nav-user.topbar-user-btn{display:inline-flex!important;align-items:center!important;gap:8px;width:auto!important;height:36px!important;min-width:0!important;min-height:36px!important;max-height:36px!important;line-height:1!important;margin:17px 12px 17px 6px!important;padding:0 10px 0 4px!important;border-radius:18px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;text-decoration:none!important;box-sizing:border-box!important;overflow:hidden!important}.navbar-custom .topbar-user-btn.waves-effect .waves-ripple,.navbar-custom .nav-user.topbar-user-btn:before,.navbar-custom .nav-user.topbar-user-btn:after{display:none!important}.navbar-custom .topbar-user-btn:hover{background:#ffffff29!important}.navbar-custom .topbar-user-btn .MuiAvatar-root{width:28px!important;height:28px!important;font-size:13px!important;flex-shrink:0}.navbar-custom .topbar-user-btn .pro-user-name{color:#fff!important;font-weight:600;font-size:13px;line-height:1!important;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.navbar-custom .topbar-user-btn .pro-user-name .MuiIcon-root{font-size:16px!important;opacity:.85}.navbar-custom .topbar-search-box .form-control{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;height:38px!important;border-radius:8px 0 0 8px!important;box-shadow:none!important}.navbar-custom .topbar-search-box .form-control::placeholder{color:#ffffffa6!important}.navbar-custom .topbar-search-box .btn{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.18)!important;border-left:0!important;color:#fff!important;height:38px!important;border-radius:0 8px 8px 0!important;box-shadow:none!important}.navbar-custom .topbar-search-box:hover .form-control,.navbar-custom .topbar-search-box:hover .btn{background:#ffffff2e!important;border-color:#ffffff47!important}.navbar-custom .button-menu-mobile.d-lg-none{display:none!important}@media(max-width:991.98px){.navbar-custom .button-menu-mobile.d-lg-none{display:inline-flex!important}.navbar-custom .button-menu-mobile.d-none.d-lg-block{display:none!important}}@media(min-width:992px){.navbar-custom .button-menu-mobile.d-none.d-lg-block{display:inline-flex!important}}@media(max-width:991.98px){.content-page,body.sidebar-mini .content-page,body.enlarged .content-page{margin-left:0!important}.left-side-menu{display:none;z-index:1050!important}.left-side-menu.show,body.sidebar-enable .left-side-menu{display:block!important;width:var(--velonic-sidebar-w)!important;z-index:1055!important}}#sidebar-menu ul li a.active,#sidebar-menu ul li a.mm-active,#sidebar-menu .nav-link-active{color:#3bc0c3!important}#sidebar-menu ul li>a .side-nav-group-icon{display:inline-flex!important;align-items:center;justify-content:center;speak:none}#sidebar-menu ul li>a .MuiSvgIcon-root{vertical-align:middle}#sidebar-menu ul li>a i.mdi,#sidebar-menu ul li a i[class*=mdi-]{display:none!important}#sidebar-menu .menu-arrow-icon{float:right;line-height:inherit;transition:transform .2s ease}#sidebar-menu .menu-arrow-icon.open{transform:rotate(90deg)}.MuiModal-root,.MuiPopover-root,.MuiMenu-root,.MuiDialog-root{z-index:2000!important}.MuiAutocomplete-popper{z-index:2200!important}.MuiModal-root[aria-hidden=true],.MuiModal-root[aria-hidden=true] *{pointer-events:none!important}.content-page,.content-page .content,#panel-root{position:relative;z-index:1}body:not(:has(.MuiModal-root:not([aria-hidden=true]))){overflow:auto!important;padding-right:0!important}.MuiButton-containedPrimary{background-color:#3bc0c3!important;border-color:#3bc0c3!important;color:#fff!important;box-shadow:none!important}.MuiButton-containedPrimary:hover{background-color:#2ea8ab!important;border-color:#2ea8ab!important}.MuiOutlinedInput-root,.MuiInputBase-root{box-sizing:border-box}#panel-root .MuiCard-root{border-radius:.25rem;box-shadow:0 0 10px #36404a14;border:1px solid rgba(227,230,239,.9)}#panel-root .MuiTableCell-head{background:#f8f9fa;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.4px;color:#70809a}html[data-color-mode=dark] body,body.theme-dark{background-color:#1c222d!important;color:#f3f6fb!important}html[data-color-mode=dark] .left-side-menu,body.theme-dark .left-side-menu{background-color:#162339!important;border-right-color:transparent!important}html[data-color-mode=dark] #sidebar-menu ul li a,html[data-color-mode=dark] #sidebar-menu>ul>li>.side-nav-group-btn,body.theme-dark #sidebar-menu ul li a,body.theme-dark #sidebar-menu>ul>li>.side-nav-group-btn{color:#b6c2d2!important}html[data-color-mode=dark] #sidebar-menu ul li a:hover,html[data-color-mode=dark] #sidebar-menu ul li a.active,html[data-color-mode=dark] #sidebar-menu .nav-link-active,html[data-color-mode=dark] #sidebar-menu>ul>li>.side-nav-group-btn:hover,body.theme-dark #sidebar-menu ul li a:hover,body.theme-dark #sidebar-menu ul li a.active,body.theme-dark #sidebar-menu .nav-link-active,body.theme-dark #sidebar-menu>ul>li>.side-nav-group-btn:hover{color:#5fd0d2!important}html[data-color-mode=dark] .content-page,body.theme-dark .content-page{background-color:#1c222d!important}html[data-color-mode=dark] #panel-root .MuiCard-root:not(.velonic-widget-card),body.theme-dark #panel-root .MuiCard-root:not(.velonic-widget-card){background-color:#2d3548!important;background-image:none!important;border-color:#ffffff1a!important;box-shadow:0 2px 12px #00000047!important;color:#f3f6fb!important}html[data-color-mode=dark] #panel-root .MuiPaper-root:not(.MuiCard-root):not(.MuiAppBar-root):not(.MuiDialog-paper),body.theme-dark #panel-root .MuiPaper-root:not(.MuiCard-root):not(.MuiAppBar-root):not(.MuiDialog-paper){background-color:#2d3548;color:#f3f6fb}html[data-color-mode=dark] #panel-root .velonic-widget-card,body.theme-dark #panel-root .velonic-widget-card{border:none!important;color:#fff!important}html[data-color-mode=dark] #panel-root .MuiTableCell-root,body.theme-dark #panel-root .MuiTableCell-root{color:#f3f6fb;border-bottom-color:#ffffff14!important}html[data-color-mode=dark] #panel-root .MuiTableCell-head,body.theme-dark #panel-root .MuiTableCell-head{background:#ffffff0f!important;color:#c5d0e0!important}html[data-color-mode=dark] #panel-root .MuiTableBody-root .MuiTableCell-root,body.theme-dark #panel-root .MuiTableBody-root .MuiTableCell-root{font-variant-numeric:tabular-nums}html[data-color-mode=dark] #panel-root .MuiInputBase-input,html[data-color-mode=dark] #panel-root .MuiSelect-select,body.theme-dark #panel-root .MuiInputBase-input,body.theme-dark #panel-root .MuiSelect-select{color:#f3f6fb!important}html[data-color-mode=dark] #panel-root .MuiInputLabel-root,body.theme-dark #panel-root .MuiInputLabel-root{color:#b8c5d6!important}html[data-color-mode=dark] #panel-root .MuiFormHelperText-root,body.theme-dark #panel-root .MuiFormHelperText-root{color:#9aa8bc!important}
