.BasicLayout{display:flex}.BasicLayout.lightMode{--header-color:#383d9b;--side-color:#fff;--side-brand-color:#e7ebff;--shadow:0 2px 2px 0 rgba(60,75,100,0.14),0 3px 1px -2px rgba(60,75,100,0.12),0 1px 5px 0 rgba(60,75,100,0.2);--menu-item-border-color:#f3f3f3;--menu-item-hover-text-color:var(--primary);--menu-item-hover-border-color:var(--primary);--powered-text-color:rgba(0,0,0,0.31);--logout-hover-color:#f3f3f3}.BasicLayout .appBody{flex-grow:1;display:flex;flex-direction:column;max-width:100%;background-color:#e5e5e5}.BasicLayout .appBody .scrollable{flex-grow:1;overflow:auto;overflow:overlay;height:calc(100vh - 70px)}.BasicLayout .header{display:flex;height:70px;background-color:var(--header-color);color:#fff;box-shadow:var(--shadow);align-items:center;justify-content:space-between;flex-shrink:0;flex-grow:1;min-width:250px;position:relative}.BasicLayout .header.nav-open .hambergerMenu{transform:rotate(0)}.BasicLayout .header.nav-close .hambergerMenu{transform:rotate(180deg)}.BasicLayout .header .hambergerMenu{transition:all .3s;cursor:pointer;height:100%;width:25px;-o-object-fit:contain;object-fit:contain;padding:0 15px;box-sizing:content-box}.BasicLayout .header .logoBox{height:100%;display:flex;align-items:center}.BasicLayout .header .appName{font-size:16px;font-weight:600}.BasicLayout .header .appIcon{height:85%;margin-right:8px;border-radius:4px;max-width:100px;-o-object-fit:contain;object-fit:contain}.BasicLayout .header .appIcon.darkBg{background:#000}.BasicLayout .header .logout-wrapper{height:100%;border:none}.BasicLayout .header .logout{padding:0 15px;height:100%;-o-object-fit:contain;object-fit:contain;width:25px;cursor:pointer;box-sizing:content-box;transition:all .3s;--icon-color:#fff}.BasicLayout .header .logout:hover{--icon-color:#cf2030}.BasicLayout .sideNav{width:250px;flex-shrink:0;height:100vh;background-color:var(--side-color);box-shadow:var(--shadow);position:relative;z-index:100;transition:all .25s}.BasicLayout .sideNav.nav-opened{width:250px;left:0}.BasicLayout .sideNav.nav-closed{width:0;left:-250px}.BasicLayout .sideNav .menu{max-height:calc(100% - 140px);overflow:auto}.BasicLayout .sideNav .brand{display:flex;align-items:center;height:71px;background-color:var(--side-brand-color);border-bottom:1px solid var(--menu-item-border-color)}.BasicLayout .sideNav .brand .profilePic{height:80%;max-width:150px;-o-object-fit:contain;object-fit:contain;margin:0 auto;border-radius:2px;flex-shrink:0}.BasicLayout .sideNav .brand span{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.BasicLayout .sideNav .menu-drop-down-li .menu-drop-down .toggler .right-icon{transition:all .3s;margin:0}.BasicLayout .sideNav .menu-drop-down-li .menu-drop-down .options{display:none;background:#e8e8e8;margin:0 -15px}.BasicLayout .sideNav .menu-drop-down-li .menu-drop-down .options p{height:auto;min-height:50px;text-align:start;padding-left:20px}.BasicLayout .sideNav .menu-drop-down-li .menu-drop-down.open .right-icon{transform:rotate(90deg)}.BasicLayout .sideNav .menu-drop-down-li .menu-drop-down.open .options{display:block}.BasicLayout .sideNav ul{list-style:none;padding:0;margin:0}.BasicLayout .sideNav ul .menu-drop-down-li{height:auto;min-height:50px}.BasicLayout .sideNav ul .menu-drop-down-li .menu-drop-down{flex-grow:1}.BasicLayout .sideNav ul .menu-drop-down-li .options p{margin:0;font-size:14px;align-items:center;display:flex;height:50px;padding:0 15px;cursor:pointer;color:#000;border-bottom:1px solid var(--menu-item-border-color);text-decoration:none}.BasicLayout .sideNav ul .menu-drop-down-li .options p .fa{margin:0 15px 4px 10px;font-size:115%}.BasicLayout .sideNav ul .menu-drop-down-li .options p>p{margin:0}.BasicLayout .sideNav ul .menu-drop-down-li .options p.active,.BasicLayout .sideNav ul .menu-drop-down-li .options p:hover{color:var(--menu-item-hover-text-color);font-weight:700;border-left:3px solid var(--menu-item-hover-border-color)}.BasicLayout .sideNav ul .menu-drop-down-li .toggler{display:flex;align-items:center;justify-content:space-between;height:50px;margin:0 -15px;padding:0 15px}.BasicLayout .sideNav ul .menu-drop-down-li .toggler:hover{color:var(--menu-item-hover-text-color);font-weight:700;border-left:3px solid var(--menu-item-hover-border-color)}.BasicLayout .sideNav ul .menu-drop-down-li .toggler p{margin:0}.BasicLayout .sideNav ul .menu-drop-down-li .toggler *{pointer-events:none}.BasicLayout .sideNav ul .menu-drop-down-li .toggler.active{color:var(--menu-item-hover-text-color);font-weight:700;border-left:3px solid var(--menu-item-hover-border-color)}.BasicLayout .sideNav ul li{margin:0;font-size:14px;align-items:center;display:flex;height:50px;padding:0 15px;cursor:pointer;color:#000;border-bottom:1px solid var(--menu-item-border-color);text-decoration:none}.BasicLayout .sideNav ul li .fa{margin:0 15px 4px 10px;font-size:115%}.BasicLayout .sideNav ul li>p{margin:0}.BasicLayout .sideNav ul li:not(.menu-drop-down-li).active,.BasicLayout .sideNav ul li:not(.menu-drop-down-li):hover{color:var(--menu-item-hover-text-color);font-weight:700;border-left:3px solid var(--menu-item-hover-border-color)}.BasicLayout .sideNav .poweredBy{position:absolute;bottom:0;text-align:center;width:100%;padding:10px;color:var(--powered-text-color);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px}.BasicLayout .sideNav .poweredBy .logo{height:25px;margin-top:4px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}.test::-webkit-scrollbar-track{background:var(--bg-dark-3)}::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:silver}.view-apps-container{height:100%;min-height:100vh;text-align:start;overflow:auto;overflow:overlay;background-color:var(--primary-bg-color)}.view-apps-container .logo{margin:35px 30px 5%;width:200px}@media screen and (max-width:768px){.view-apps-container .logo{margin:30px 15px}}.view-apps-container .viewApps{padding:15px}.view-apps-container .viewApps .heading-wrapper{display:flex;align-items:center;justify-content:space-between;margin:0 auto 40px;max-width:970px}.view-apps-container .viewApps .heading-wrapper .heading{margin:0;color:#fff;font-size:36px;font-weight:700;text-align:center}@media screen and (max-width:550px){.view-apps-container .viewApps .heading-wrapper .heading{font-size:32px;margin:5px 5px 15px}}.view-apps-container .viewApps .heading-wrapper .search-input{width:50%;margin:0;background:transparent;border:none;border-radius:0;border-bottom:1px solid #888;color:#fff}.view-apps-container .viewApps .heading-wrapper .search-input:focus{outline:none;box-shadow:none}.view-apps-container .viewApps .apps{display:flex;flex-wrap:wrap;max-width:1400px;margin:0 auto;justify-content:center}.view-apps-container .viewApps .apps .app{display:flex;flex-direction:column;color:#fff;align-items:center;padding:6px;margin:5px;cursor:pointer;width:200px;text-align:center}.view-apps-container .viewApps .apps .app:hover{transform:scale(1.02);box-shadow:var(--shadow)}.view-apps-container .viewApps .apps .app:hover .appName{font-weight:700}.view-apps-container .viewApps .apps .app .icon{height:150px;width:150px;border-radius:50%;-o-object-fit:contain;object-fit:contain;background-color:#000;border:2px solid #fff;margin-bottom:15px}.view-apps-container .viewApps .apps .app .appName{font-size:16px;margin-left:10px}