@media(max-width:1120px){.layout-sidenav .menu-content:hover{z-index:1000;width:260px!important;position:fixed;background:#2e2e2e;border-right:1px dashed #2c2c2c;height:calc(100vh - 59px)}.layout-sidenav .menu-content:hover .heading .text{display:block!important;margin-left:-10px}.layout-sidenav .menu-content:hover .heading .dot{display:none!important}.layout-sidenav .nav-side{width:65px!important;overflow-x:hidden;overflow-y:hidden}.layout-sidenav .nav-side .navTrigger{width:100%;text-align:center}.layout-sidenav .nav-side .brand{display:none}.layout-sidenav .nav-side .menu-item{width:220px!important}.layout-sidenav .nav-side .heading{margin:20px 0 20px 32px!important}.layout-sidenav .nav-side .heading .text{display:none}.layout-sidenav .nav-side .heading .dot{display:block!important;background:#aaa;width:6px;height:6px;border-radius:50%}.layout-sidenav .main-body,.layout-sidenav .s-top-nav{left:65px!important;right:0!important}}@media(max-width:720px){.layout-sidenav .nav-side{display:none}.layout-sidenav .main-body{left:0!important;width:100%!important}.layout-sidenav .content{padding:10px!important}.layout-sidenav .s-top-nav{left:0!important;width:100%!important}.layout-sidenav .s-top-nav .left{padding:20px 0 0 0}.layout-sidenav .s-top-nav .search-group{display:none!important}.layout-sidenav .s-top-nav .navTrigger{display:block!important;float:left!important;margin:0 0 0 15px}.layout-sidenav .nav-side.show-mobile{display:block!important;position:fixed!important;width:260px!important;margin:59px 0 0 0!important}.layout-sidenav .nav-side.show-mobile .header{display:none}.layout-sidenav .nav-side.show-mobile .menu-content .heading .text{display:block;margin-left:-10px}.layout-sidenav .nav-side.show-mobile .menu-content .heading .dot{display:none!important}}.layout-sidenav.icons-only .menu-content:hover{z-index:1000;width:260px;position:fixed;background:#2c2c2c;border-right:1px dashed #2c2c2c;height:calc(100vh - 59px)}.layout-sidenav.icons-only .menu-content:hover .heading .text{display:block;margin-left:-10px}.layout-sidenav.icons-only .menu-content:hover .heading .dot{display:none}.layout-sidenav.icons-only .menu-content:hover .menu-item.active{color:#007041!important}.layout-sidenav.icons-only .nav-side{width:65px;overflow-x:hidden;overflow-y:hidden;color:#717275}.layout-sidenav.icons-only .nav-side .navTrigger{width:100%;text-align:center}.layout-sidenav.icons-only .nav-side .brand{display:none}.layout-sidenav.icons-only .nav-side .menu-item{width:220px}.layout-sidenav.icons-only .nav-side .heading{margin:20px 0 20px 32px}.layout-sidenav.icons-only .nav-side .heading .text{display:none}.layout-sidenav.icons-only .nav-side .heading .dot{display:block;background:#717275;width:6px;height:6px;border-radius:50%}.layout-sidenav.icons-only .main-body,.layout-sidenav.icons-only .s-top-nav{left:65px!important;right:0!important}.layout-sidenav .row{margin:0!important}.layout-sidenav .nav-side{width:18vw;position:fixed;left:0}.layout-sidenav .s-top-nav{right:0;left:18vw;float:left;top:0;background:#fafafa;z-index:1000}.layout-sidenav .s-top-nav .left .header .navTrigger{display:none}.layout-sidenav .main-body{float:left;top:59px;position:absolute;left:18vw;right:0}.layout-sidenav .main-body .h-padding{padding:0 15px}.layout-sidenav .content{min-height:calc(100vh - 168px);padding:10px 15px!important}.s-top-nav{height:59px;border-bottom:1px dashed #f2f4f9;position:fixed}.s-top-nav .avatar-box{width:40px;height:40px;border-radius:50%;background:#007041;color:#fff;font-size:20px;text-align:center;font-weight:600;padding:5px 0}.s-top-nav .left{float:left;width:calc(100% - 400px);padding:15px 5px 10px 15px}.s-top-nav .left .input-group{border:0}.s-top-nav .left .input-group .input-group-prepend{margin-top:-2px}.s-top-nav .left .input-group .input-group-text{background-color:#fff}.s-top-nav .right{float:right;padding:2px 20px 9px 10px;cursor:pointer}.s-top-nav .right .dropdown{float:left}.s-top-nav .right .icon{float:left;font-size:24px;margin:5px 18px;position:relative}.s-top-nav .right .icon .indicator{position:absolute;top:2px;right:-1px}.s-top-nav .right .icon .circle{background:#007041;width:7px;height:7px;border-radius:50%}.s-top-nav .right .icon .circle:before{background-color:#007041;content:"";display:table;border-radius:50%;position:absolute}.s-top-nav .right .dropdown-toggle:after{display:none}.s-top-nav .right .p-image{width:40px;height:40px;border-radius:50%}.nav-side{float:left;height:100vh;border-right:1px dashed #2c2c2c;z-index:1000;background:#2e2e2e!important}.nav-side .menu-content{padding:5px 15px 10px 0;overflow:hidden;height:calc(100vh - 59px)}.nav-side .menu-content .heading{font-weight:600;margin:25px 0 5px 20px;color:#b1b2b4;font-size:11px;text-transform:uppercase}.nav-side .menu-content .heading .dot{display:none;color:#b1b2b4}.nav-side .menu-content .menu-item{padding:5px 7px 5px 23px;cursor:pointer;color:#b1b2b4;margin:2px 0 2px 0;border-left:3px solid transparent;transition:all .2s ease-in;font-weight:600}.nav-side .menu-content .menu-item .fa{color:#949494;font-size:18px;width:20px;text-align:center}.nav-side .menu-content .menu-item .menu-text{margin:0 0 0 25px;font-size:13px;width:calc(100% - 65px)}.nav-side .menu-content .menu-item div{float:left}.nav-side .menu-content .menu-item .fa-chevron-down{float:right!important;font-size:12px;margin-top:2px;transition:all .2s ease-in}.nav-side .menu-content .menu-item.active{border-left:3px solid #fff}.nav-side .menu-content .menu-item.active .fa,.nav-side .menu-content .menu-item.active .menu-text{color:#fff}.nav-side .menu-content .collapse-box .fa{font-size:3px!important;margin:1px 0 0 0;text-align:center}.nav-side .menu-content .collapse-box .menu-text{margin-left:32px;line-height:10px}.nav-side .menu-content .collapse-box .menu-text.active{color:#007041}.nav-side .menu-content .menu-item.collapsed .fa,.nav-side .menu-content .menu-item.collapsed .menu-text{color:var(--primary)}.nav-side .menu-content .menu-item.collapsed .fa-chevron-down{transform:rotate(180deg)}.nav-side .header{border-bottom:1px dashed #2c2c2c;padding:14px 25px;height:59px;color:#fff}.nav-side .header .brand{float:left;margin:5px 0 0 0}.nav-side .header .navTrigger{margin-top:5px}.nav-side .header .navTrigger i{background-color:#fff!important}.app-loader{position:fixed;background:hsla(0,0%,100%,.98);top:0;left:0;right:0;bottom:0;z-index:1100}.app-loader .center-text{padding-top:calc(50vh - 100px);text-align:center}.app-loader .center-text .df-logo{display:flex;justify-content:center}.app-loader .center-text .df-logo .f-l{font-size:24px;font-weight:600}.basic-gradient-alt{background:linear-gradient(45deg,#bf121a,#007041)}