.left-sidebar{text-wrap:nowrap;background-color:#1c1c1c;border-right:1px solid #1c1c1c;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:absolute;text-overflow:ellipsis;transition:width .2s;width:0;z-index:1}.left-sidebar.show{width:300px}.left-sidebar .logo{padding:12px 12px 0}.left-sidebar .flag{border:1px solid transparent;cursor:pointer;padding:2px}.left-sidebar .flag:hover{opacity:.6}.left-sidebar .flag.active{border-color:#fff!important}.left-sidebar .menu-list{display:flex;flex-direction:column;overflow:auto}.left-sidebar .menu-list::-webkit-scrollbar{width:4px}.left-sidebar .menu-list::-webkit-scrollbar-thumb{background:#888;border-radius:12px}.left-sidebar .menu-list::-webkit-scrollbar-thumb:hover{background:#555}.left-sidebar .menu-list .menu{color:#fff;padding:4px 18px}.left-sidebar .menu-list .menu .menu-header{display:flex;justify-content:space-between;padding:8px}.left-sidebar .menu-list .menu .menu-header:hover{opacity:.8}.left-sidebar .menu-list .menu .menu-header .menu-title{align-items:center;display:flex;gap:8px}.left-sidebar .menu-list .menu .menu-header-main{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;gap:8px;padding:8px}.left-sidebar .menu-list .menu .menu-header-main.active,.left-sidebar .menu-list .menu .menu-header-main:hover{background-color:#606060;border:1px solid #000;opacity:.8}.left-sidebar .menu-list .menu .menu-header-main .menu-title{align-items:center;display:flex;gap:8px}.left-sidebar .menu-list .menu .menu-child{display:flex;flex-direction:column;gap:4px;padding-left:18px;padding-top:6px}.left-sidebar .menu-list .menu .menu-child .child{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;gap:8px;padding:8px}.left-sidebar .menu-list .menu .menu-child .child.active,.left-sidebar .menu-list .menu .menu-child .child:hover{background-color:#606060;border:1px solid #000;color:#fff}.text-decoration-none{text-decoration:none}.top-navbar{align-items:center;background-color:#bb1815;border-left:1px solid #bb1815;border-right:1px solid #bb1815;color:#fff;display:flex;height:6vh;justify-content:space-between;padding:0 12px;width:auto}.top-navbar .fa-bars{cursor:pointer}.top-navbar .fa-bars:hover{opacity:.5}.top-navbar .btn-light{background-color:transparent!important;border:0!important;color:#fff}.layout-default{display:flex;height:100%;min-height:100vh;width:100%}.layout-default .layout-content{display:flex;flex-direction:column;height:100vh;padding-left:0;transition:padding-left .2s;width:100%}.layout-default .layout-content.desktop{padding-left:300px}.layout-default .layout-content.desktop.is-close,.layout-default .layout-content.mobile{padding-left:0!important}.layout-default .layout-content .content{height:94vh;overflow:auto;padding:18px 16px;width:100%}.layout-default .layout-content .content::-webkit-scrollbar{background:transparent;height:4px;width:4px}.layout-default .layout-content .content::-webkit-scrollbar-thumb{background:#888}.layout-default .layout-content .content::-webkit-scrollbar-thumb:hover{background:#555}