{"version":3,"sources":["custom/fonts/_fonts.scss","custom/structure/_general.scss","custom/structure/_topbar.scss","app.css","custom/structure/_footer.scss","custom/structure/_vertical.scss","custom/components/_helper.scss","custom/plugins/_custom-scrollbar.scss"],"names":[],"mappings":"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","file":"app.min.css","sourcesContent":["//\r\n// Google font - Roboto\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');\r\n\r\n","// right sidebar\r\n\r\n.right-side-nav{\r\n padding: 24px;\r\n border-left: 1px solid $border-color;\r\n background-color: $card-bg;\r\n position: sticky;\r\n top: $header-height + $grid-gutter-width;\r\n height: calc(100vh - 180px);\r\n margin-left: $grid-gutter-width;\r\n\r\n @media (min-width: 1200px){\r\n min-width: 270px;\r\n }\r\n\r\n .nav-item{\r\n .nav-link{\r\n &.active{\r\n background-color: $light;\r\n color: $gray-700\r\n }\r\n }\r\n }\r\n}","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n z-index: 1002;\r\n background-color: $header-bg;\r\n box-shadow: $box-shadow;\r\n}\r\n\r\n.navbar-header {\r\n display: flex;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: 0 auto;\r\n height: $header-height;\r\n padding: 0 calc(#{$grid-gutter-width} / 2) 0 0;\r\n\r\n .dropdown.show {\r\n .header-item {\r\n background-color: $gray-100;\r\n }\r\n }\r\n}\r\n\r\n.navbar-brand-box {\r\n padding: 0 1.5rem;\r\n width: $navbar-brand-box-width;\r\n}\r\n\r\n.logo {\r\n line-height: 70px;\r\n\r\n .logo-sm {\r\n display: none;\r\n }\r\n}\r\n\r\n.logo-light {\r\n display: none;\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n padding: calc(#{$header-height - 38px} / 2) 0;\r\n\r\n .form-control {\r\n border: none;\r\n height: 38px;\r\n padding-left: 40px;\r\n padding-right: 20px;\r\n background-color: $topbar-search-bg;\r\n box-shadow: none;\r\n border-radius: 30px;\r\n }\r\n span {\r\n position: absolute;\r\n z-index: 10;\r\n font-size: 16px;\r\n line-height: 38px;\r\n left: 13px;\r\n top: 0;\r\n color: $gray-600;\r\n }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n li{\r\n position: relative;\r\n padding: 5px 0px;\r\n a{\r\n color: $dropdown-color;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .navbar-brand-box {\r\n width: auto;\r\n }\r\n\r\n .logo {\r\n\r\n span.logo-lg {\r\n display: none;\r\n }\r\n\r\n span.logo-sm {\r\n display: inline-block;\r\n }\r\n }\r\n}\r\n\r\n.page-content {\r\n padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\n.header-item {\r\n height: $header-height;\r\n box-shadow: none !important;\r\n color: $header-item-color;\r\n border: 0;\r\n border-radius: 0px;\r\n line-height: $header-height;\r\n padding: 0px 12px;\r\n\r\n &:hover {\r\n color: $header-item-color;\r\n }\r\n}\r\n\r\n.header-profile-user {\r\n height: 36px;\r\n width: 36px;\r\n background-color: $gray-300;\r\n padding: 3px;\r\n}\r\n\r\n.noti-icon {\r\n i {\r\n font-size: 22px;\r\n color: $header-item-color;\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 12px;\r\n }\r\n}\r\n\r\n.notification-item {\r\n .media {\r\n padding: 0.75rem 1rem;\r\n\r\n &:hover {\r\n background-color: $gray-300;\r\n }\r\n }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n display: block;\r\n border-radius: 3px;\r\n line-height: 34px;\r\n text-align: center;\r\n padding: 15px 0 9px;\r\n display: block;\r\n border: 1px solid transparent;\r\n color: $gray-600;\r\n\r\n img {\r\n height: 24px;\r\n }\r\n\r\n span {\r\n display: block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n &:hover {\r\n border-color: $gray-200;\r\n }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n [data-toggle=\"fullscreen\"] {\r\n .bx-fullscreen::before {\r\n content: \"\\ea3f\";\r\n }\r\n }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n #page-topbar { \r\n background-color: $header-dark-bg;\r\n }\r\n .navbar-header {\r\n .dropdown.show {\r\n .header-item {\r\n background-color: rgba($white, 0.05);\r\n }\r\n }\r\n\r\n .waves-effect .waves-ripple {\r\n background: rgba($white, 0.4);\r\n }\r\n }\r\n\r\n .header-item {\r\n color: $header-dark-item-color;\r\n \r\n &:hover {\r\n color: $header-dark-item-color;\r\n }\r\n }\r\n\r\n .header-profile-user {\r\n background-color: rgba($white, 0.25);\r\n }\r\n \r\n .noti-icon {\r\n i {\r\n color: $header-dark-item-color;\r\n }\r\n }\r\n\r\n .logo-dark {\r\n display: none;\r\n }\r\n\r\n .logo-light {\r\n display: block;\r\n }\r\n\r\n .app-search {\r\n \r\n .form-control {\r\n background-color: rgba($topbar-search-bg,0.07);\r\n color: $white;\r\n }\r\n span,\r\n input.form-control::-webkit-input-placeholder {\r\n color: rgba($white,0.5);\r\n }\r\n }\r\n}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n .navbar-brand-box {\r\n background: $sidebar-dark-bg;\r\n }\r\n\r\n .logo-dark {\r\n display: none;\r\n }\r\n\r\n .logo-light {\r\n display: block;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .navbar-header {\r\n .dropdown {\r\n position: static;\r\n\r\n .dropdown-menu {\r\n left: 10px !important;\r\n right: 10px !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n .navbar-brand-box {\r\n display: none;\r\n }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n .navbar-brand-box {\r\n width: auto;\r\n }\r\n .page-content {\r\n margin-top: $header-height;\r\n padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n } \r\n}\r\n\r\n@media (max-width: 992px) { \r\n body[data-layout=\"horizontal\"] {\r\n .page-content {\r\n margin-top: 15px;\r\n } \r\n }\r\n}","/*\nAuthor: Themesbrand\nWebsite: https://themesbrand.com/\nContact: support@themesbrand.com\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap\");\n.right-side-nav {\n padding: 24px;\n border-left: 1px solid #eff2f7;\n background-color: #fff;\n position: sticky;\n top: 94px;\n height: calc(100vh - 180px);\n margin-left: 24px;\n}\n@media (min-width: 1200px) {\n .right-side-nav {\n min-width: 270px;\n }\n}\n.right-side-nav .nav-item .nav-link.active {\n background-color: #eff2f7;\n color: #495057;\n}\n\n#page-topbar {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1002;\n background-color: #ffffff;\n box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n\n.navbar-header {\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n height: 70px;\n padding: 0 calc(24px / 2) 0 0;\n}\n.navbar-header .dropdown.show .header-item {\n background-color: #f8f9fa;\n}\n\n.navbar-brand-box {\n padding: 0 1.5rem;\n width: 275px;\n}\n\n.logo {\n line-height: 70px;\n}\n.logo .logo-sm {\n display: none;\n}\n\n.logo-light {\n display: none;\n}\n\n/* Search */\n.app-search {\n padding: calc(32px / 2) 0;\n}\n.app-search .form-control {\n border: none;\n height: 38px;\n padding-left: 40px;\n padding-right: 20px;\n background-color: #f3f3f9;\n box-shadow: none;\n border-radius: 30px;\n}\n.app-search span {\n position: absolute;\n z-index: 10;\n font-size: 16px;\n line-height: 38px;\n left: 13px;\n top: 0;\n color: #74788d;\n}\n\n.megamenu-list li {\n position: relative;\n padding: 5px 0px;\n}\n.megamenu-list li a {\n color: #495057;\n}\n\n@media (max-width: 992px) {\n .navbar-brand-box {\n width: auto;\n }\n .logo span.logo-lg {\n display: none;\n }\n .logo span.logo-sm {\n display: inline-block;\n }\n}\n.page-content {\n padding: calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n\n.header-item {\n height: 70px;\n box-shadow: none !important;\n color: #555b6d;\n border: 0;\n border-radius: 0px;\n line-height: 70px;\n padding: 0px 12px;\n}\n.header-item:hover {\n color: #555b6d;\n}\n\n.header-profile-user {\n height: 36px;\n width: 36px;\n background-color: #f6f6f6;\n padding: 3px;\n}\n\n.noti-icon i {\n font-size: 22px;\n color: #555b6d;\n}\n.noti-icon .badge {\n position: absolute;\n top: 12px;\n}\n\n.notification-item .media {\n padding: 0.75rem 1rem;\n}\n.notification-item .media:hover {\n background-color: #f6f6f6;\n}\n\n.dropdown-icon-item {\n display: block;\n border-radius: 3px;\n line-height: 34px;\n text-align: center;\n padding: 15px 0 9px;\n display: block;\n border: 1px solid transparent;\n color: #74788d;\n}\n.dropdown-icon-item img {\n height: 24px;\n}\n.dropdown-icon-item span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dropdown-icon-item:hover {\n border-color: #eff2f7;\n}\n\n.fullscreen-enable [data-toggle=fullscreen] .bx-fullscreen::before {\n content: \"\\ea3f\";\n}\n\nbody[data-topbar=dark] #page-topbar {\n background-color: #2a3042;\n}\nbody[data-topbar=dark] .navbar-header .dropdown.show .header-item {\n background-color: rgba(255, 255, 255, 0.05);\n}\nbody[data-topbar=dark] .navbar-header .waves-effect .waves-ripple {\n background: rgba(255, 255, 255, 0.4);\n}\nbody[data-topbar=dark] .header-item {\n color: #e9ecef;\n}\nbody[data-topbar=dark] .header-item:hover {\n color: #e9ecef;\n}\nbody[data-topbar=dark] .header-profile-user {\n background-color: rgba(255, 255, 255, 0.25);\n}\nbody[data-topbar=dark] .noti-icon i {\n color: #e9ecef;\n}\nbody[data-topbar=dark] .logo-dark {\n display: none;\n}\nbody[data-topbar=dark] .logo-light {\n display: block;\n}\nbody[data-topbar=dark] .app-search .form-control {\n background-color: rgba(243, 243, 249, 0.07);\n color: #fff;\n}\nbody[data-topbar=dark] .app-search span,\nbody[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {\n color: rgba(255, 255, 255, 0.5);\n}\n\nbody[data-sidebar=dark] .navbar-brand-box {\n background: #2a3042;\n}\nbody[data-sidebar=dark] .logo-dark {\n display: none;\n}\nbody[data-sidebar=dark] .logo-light {\n display: block;\n}\n\n@media (max-width: 600px) {\n .navbar-header .dropdown {\n position: static;\n }\n .navbar-header .dropdown .dropdown-menu {\n left: 10px !important;\n right: 10px !important;\n }\n}\n@media (max-width: 380px) {\n .navbar-brand-box {\n display: none;\n }\n}\nbody[data-layout=horizontal] .navbar-brand-box {\n width: auto;\n}\nbody[data-layout=horizontal] .page-content {\n margin-top: 70px;\n padding: calc(55px + 24px) calc(24px / 2) 60px calc(24px / 2);\n}\n\n@media (max-width: 992px) {\n body[data-layout=horizontal] .page-content {\n margin-top: 15px;\n }\n}\n.footer {\n bottom: 0;\n padding: 20px calc(24px / 2);\n position: absolute;\n right: 0;\n color: #74788d;\n left: 250px;\n height: 60px;\n background-color: #eff2f7;\n}\n\n@media (max-width: 992px) {\n .footer {\n left: 0;\n }\n}\n.vertical-collpsed .footer {\n left: 70px;\n}\n\nbody[data-layout=horizontal] .footer {\n left: 0 !important;\n}\n\n.metismenu {\n margin: 0;\n}\n.metismenu li {\n display: block;\n width: 100%;\n}\n.metismenu .mm-collapse {\n display: none;\n}\n.metismenu .mm-collapse:not(.mm-show) {\n display: none;\n}\n.metismenu .mm-collapse.mm-show {\n display: block;\n}\n.metismenu .mm-collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-timing-function: ease;\n transition-duration: 0.35s;\n transition-property: height, visibility;\n}\n\n.vertical-menu {\n width: 250px;\n z-index: 1001;\n background: #f3f6fb;\n bottom: 0;\n margin-top: 0;\n position: fixed;\n top: 70px;\n box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n}\n\n.main-content {\n margin-left: 250px;\n}\n.main-content .content {\n padding: 0 15px 10px 15px;\n margin-top: 70px;\n}\n\n#sidebar-menu {\n padding: 10px 0 30px 0;\n}\n#sidebar-menu .mm-active > .has-arrow:after {\n transform: rotate(-180deg);\n}\n#sidebar-menu .has-arrow:after {\n content: \"\\f0140\";\n font-family: \"Material Design Icons\";\n display: block;\n float: right;\n transition: transform 0.2s;\n font-size: 1rem;\n}\n#sidebar-menu ul li a {\n display: block;\n padding: 0.625rem 1.5rem;\n color: #545a6d;\n position: relative;\n font-weight: 600;\n transition: all 0.4s;\n}\n#sidebar-menu ul li a i {\n display: inline-block;\n min-width: 1.75rem;\n padding-bottom: 0.125em;\n font-size: 1.07rem;\n line-height: 1.40625rem;\n vertical-align: middle;\n transition: all 0.4s;\n}\n#sidebar-menu ul li a:hover {\n color: #383c40;\n}\n#sidebar-menu ul li a:hover i {\n color: #383c40;\n}\n#sidebar-menu ul li .badge {\n margin-top: 4px;\n}\n#sidebar-menu ul li ul.sub-menu {\n padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li a {\n padding: 0.4rem 1.5rem 0.4rem 3.5rem;\n font-size: 13px;\n color: #545a6d;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n padding: 0.4rem 1.5rem 0.4rem 4.5rem;\n font-size: 13.5px;\n}\n\n.menu-title {\n padding: 12px 20px !important;\n letter-spacing: 0.05em;\n pointer-events: none;\n cursor: default;\n font-size: 11px;\n text-transform: uppercase;\n color: #7f8387;\n font-weight: 600;\n}\n\n.mm-active {\n color: #556ee6 !important;\n}\n.mm-active .active {\n color: #556ee6 !important;\n}\n.mm-active .active i {\n color: #556ee6 !important;\n}\n.mm-active > i {\n color: #556ee6 !important;\n}\n\n@media (max-width: 992px) {\n .vertical-menu {\n display: none;\n }\n .main-content {\n margin-left: 0 !important;\n }\n body.sidebar-enable .vertical-menu {\n display: block;\n }\n}\n.vertical-collpsed .main-content {\n margin-left: 70px;\n}\n.vertical-collpsed .navbar-brand-box {\n width: 70px !important;\n}\n.vertical-collpsed .logo span.logo-lg {\n display: none;\n}\n.vertical-collpsed .logo span.logo-sm {\n display: block;\n}\n.vertical-collpsed .vertical-menu {\n position: absolute;\n width: 70px !important;\n z-index: 5;\n}\n.vertical-collpsed .vertical-menu .simplebar-mask,\n.vertical-collpsed .vertical-menu .simplebar-content-wrapper {\n overflow: visible !important;\n}\n.vertical-collpsed .vertical-menu .simplebar-scrollbar {\n display: none !important;\n}\n.vertical-collpsed .vertical-menu .simplebar-offset {\n bottom: 0 !important;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu .menu-title,\n.vertical-collpsed .vertical-menu #sidebar-menu .badge,\n.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {\n display: none !important;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {\n height: inherit !important;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {\n display: none;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li {\n position: relative;\n white-space: nowrap;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {\n padding: 15px 20px;\n min-height: 55px;\n transition: none;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:active, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:focus {\n color: #383c40;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n font-size: 1.25rem;\n margin-left: 4px;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {\n display: none;\n padding-left: 25px;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n position: relative;\n width: calc(190px + 70px);\n color: #556ee6;\n background-color: #e4ebf6;\n transition: none;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: #556ee6;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {\n display: inline;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {\n display: block;\n left: 70px;\n position: absolute;\n width: 190px;\n height: auto !important;\n box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n box-shadow: none;\n padding: 8px 20px;\n position: relative;\n width: 190px;\n z-index: 6;\n color: #545a6d;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #383c40;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n padding: 5px 0;\n z-index: 9999;\n display: none;\n background-color: #f3f6fb;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n display: block;\n left: 190px;\n height: auto !important;\n margin-top: -36px;\n position: absolute;\n width: 190px;\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n position: absolute;\n right: 20px;\n top: 12px;\n transform: rotate(270deg);\n}\n.vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {\n color: #f8f9fa;\n}\n\nbody[data-sidebar=dark] .vertical-menu {\n background: #2a3042;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a {\n color: #858ea8;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a i {\n color: #6a7187;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover {\n color: #ffffff;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover i {\n color: #ffffff;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n color: #79829c;\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed {\n min-height: 1300px;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: #2e3548;\n color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n color: #79829c;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #ffffff;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n background-color: #2a3042;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n color: #556ee6 !important;\n}\nbody[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n color: #556ee6 !important;\n}\nbody[data-sidebar=dark] .mm-active {\n color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active > i {\n color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active .active {\n color: #ffffff !important;\n}\nbody[data-sidebar=dark] .mm-active .active i {\n color: #ffffff !important;\n}\nbody[data-sidebar=dark] .menu-title {\n color: #6a7187;\n}\n\nbody[data-layout=horizontal] .main-content {\n margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=small] .navbar-brand-box {\n width: 160px;\n}\nbody[data-sidebar-size=small] .vertical-menu {\n width: 160px;\n text-align: center;\n}\nbody[data-sidebar-size=small] .vertical-menu .has-arrow:after,\nbody[data-sidebar-size=small] .vertical-menu .badge {\n display: none !important;\n}\nbody[data-sidebar-size=small] .main-content {\n margin-left: 160px;\n}\nbody[data-sidebar-size=small] .footer {\n left: 160px;\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li.menu-title {\n background-color: #2e3548;\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li a i {\n display: block;\n}\nbody[data-sidebar-size=small] #sidebar-menu ul li ul.sub-menu li a {\n padding-left: 1.5rem;\n}\nbody[data-sidebar-size=small].vertical-collpsed .main-content {\n margin-left: 70px;\n}\nbody[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu {\n text-align: left;\n}\nbody[data-sidebar-size=small].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n display: inline-block;\n}\nbody[data-sidebar-size=small].vertical-collpsed .footer {\n left: 70px;\n}\n\nbody[data-sidebar=colored] .vertical-menu {\n background-color: #556ee6;\n}\nbody[data-sidebar=colored] .navbar-brand-box {\n background-color: #556ee6;\n}\nbody[data-sidebar=colored] .navbar-brand-box .logo-dark {\n display: none;\n}\nbody[data-sidebar=colored] .navbar-brand-box .logo-light {\n display: block;\n}\nbody[data-sidebar=colored] .mm-active {\n color: #fff !important;\n}\nbody[data-sidebar=colored] .mm-active > i, body[data-sidebar=colored] .mm-active .active {\n color: #fff !important;\n}\nbody[data-sidebar=colored] #sidebar-menu ul li.menu-title {\n color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a {\n color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a i {\n color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li a.waves-effect .waves-ripple {\n background: rgba(255, 255, 255, 0.1);\n}\nbody[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a {\n color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n background-color: #5e76e7;\n color: #fff;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: #fff;\n}\nbody[data-sidebar=colored].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n color: #556ee6 !important;\n}\n\n.font-size-10 {\n font-size: 10px !important;\n}\n\n.font-size-11 {\n font-size: 11px !important;\n}\n\n.font-size-12 {\n font-size: 12px !important;\n}\n\n.font-size-13 {\n font-size: 13px !important;\n}\n\n.font-size-14 {\n font-size: 14px !important;\n}\n\n.font-size-15 {\n font-size: 15px !important;\n}\n\n.font-size-16 {\n font-size: 16px !important;\n}\n\n.font-size-17 {\n font-size: 17px !important;\n}\n\n.font-size-18 {\n font-size: 18px !important;\n}\n\n.font-size-20 {\n font-size: 20px !important;\n}\n\n.font-size-22 {\n font-size: 22px !important;\n}\n\n.font-size-24 {\n font-size: 24px !important;\n}\n\n.font-weight-medium {\n font-weight: 600;\n}\n\n.font-weight-semibold {\n font-weight: 600;\n}\n\n.social-list-item {\n height: 2rem;\n width: 2rem;\n line-height: calc(2rem - 2px);\n display: block;\n border: 1px solid #adb5bd;\n border-radius: 50%;\n color: #adb5bd;\n text-align: center;\n transition: all 0.4s;\n}\n.social-list-item:hover {\n color: #74788d;\n background-color: #eff2f7;\n}\n\n.w-xs {\n min-width: 80px;\n}\n\n.w-sm {\n min-width: 95px;\n}\n\n.w-md {\n min-width: 110px;\n}\n\n.w-lg {\n min-width: 140px;\n}\n\n.w-xl {\n min-width: 160px;\n}\n\n[data-simplebar] {\n position: relative;\n flex-direction: column;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-content: flex-start;\n align-items: flex-start;\n}\n\n.simplebar-wrapper {\n overflow: hidden;\n width: inherit;\n height: inherit;\n max-width: inherit;\n max-height: inherit;\n}\n\n.simplebar-mask {\n direction: inherit;\n position: absolute;\n overflow: hidden;\n padding: 0;\n margin: 0;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n width: auto !important;\n height: auto !important;\n z-index: 0;\n}\n\n.simplebar-offset {\n direction: inherit !important;\n box-sizing: inherit !important;\n resize: none !important;\n position: absolute;\n top: 0;\n left: 0 !important;\n bottom: 0;\n right: 0 !important;\n padding: 0;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n width: auto;\n visibility: visible;\n overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n max-width: 100%; /* Not required for horizontal scroll to trigger */\n max-height: 100%; /* Needed for vertical scroll to trigger */\n scrollbar-width: none;\n padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n content: \" \";\n display: table;\n}\n\n.simplebar-placeholder {\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n box-sizing: inherit !important;\n height: 100%;\n width: 100%;\n max-width: 1px;\n position: relative;\n float: left;\n max-height: 1px;\n overflow: hidden;\n z-index: -1;\n padding: 0;\n margin: 0;\n pointer-events: none;\n flex-grow: inherit;\n flex-shrink: 0;\n flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n box-sizing: inherit;\n display: block;\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n height: 1000%;\n width: 1000%;\n min-height: 1px;\n min-width: 1px;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n}\n\n.simplebar-track {\n z-index: 1;\n position: absolute;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n pointer-events: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n pointer-events: all;\n}\n\n.simplebar-scrollbar {\n position: absolute;\n right: 2px;\n width: 7px;\n min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n position: absolute;\n content: \"\";\n background: #a2adb7;\n border-radius: 7px;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n /* When hovered, remove all transitions from drag handle */\n opacity: 0.5;\n transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n top: 0;\n width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n top: 2px;\n bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n left: 0;\n height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n height: 100%;\n left: 2px;\n right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n right: auto;\n left: 0;\n top: 2px;\n height: 7px;\n min-height: 0;\n min-width: 10px;\n width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {\n right: auto;\n left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n direction: rtl;\n position: fixed;\n opacity: 0;\n visibility: hidden;\n height: 500px;\n width: 500px;\n overflow-y: hidden;\n overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n position: fixed;\n left: 0;\n visibility: hidden;\n overflow-y: scroll;\n scrollbar-width: none;\n}\n\n.custom-scroll {\n height: 100%;\n}","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n bottom: 0;\r\n padding: 20px calc(#{$grid-gutter-width} / 2);\r\n position: absolute;\r\n right: 0;\r\n color: $footer-color;\r\n left: 250px;\r\n height: $footer-height;\r\n background-color: $footer-bg;\r\n}\r\n \r\n@media (max-width: 992px) {\r\n .footer {\r\n left: 0;\r\n }\r\n}\r\n\r\n// Enlarge menu\r\n.vertical-collpsed {\r\n .footer {\r\n left: $sidebar-collapsed-width;\r\n }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n .footer {\r\n left: 0 !important;\r\n } \r\n}","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n margin: 0;\r\n\r\n li {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .mm-collapse {\r\n display: none;\r\n\r\n &:not(.mm-show) {\r\n display: none;\r\n }\r\n\r\n &.mm-show {\r\n display: block\r\n }\r\n }\r\n\r\n .mm-collapsing {\r\n position: relative;\r\n height: 0;\r\n overflow: hidden;\r\n transition-timing-function: ease;\r\n transition-duration: .35s;\r\n transition-property: height, visibility;\r\n }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n width: $sidebar-width;\r\n z-index: 1001;\r\n background: $sidebar-bg;\r\n bottom: 0;\r\n margin-top: 0;\r\n position: fixed;\r\n top: $header-height;\r\n box-shadow: $box-shadow;\r\n}\r\n\r\n.main-content {\r\n margin-left: $sidebar-width;\r\n\r\n .content {\r\n padding: 0 15px 10px 15px;\r\n margin-top: $header-height;\r\n }\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n padding: 10px 0 30px 0;\r\n\r\n .mm-active {\r\n >.has-arrow {\r\n &:after {\r\n transform: rotate(-180deg);\r\n }\r\n }\r\n }\r\n\r\n .has-arrow {\r\n &:after {\r\n content: \"\\F0140\";\r\n font-family: 'Material Design Icons';\r\n display: block;\r\n float: right;\r\n transition: transform .2s;\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n ul {\r\n li {\r\n a {\r\n display: block;\r\n padding: .625rem 1.5rem;\r\n color: $sidebar-menu-item-color;\r\n position: relative;\r\n font-weight: 600;\r\n transition: all .4s;\r\n\r\n i {\r\n display: inline-block;\r\n min-width: 1.75rem;\r\n padding-bottom: .125em;\r\n font-size: 1.07rem;\r\n line-height: 1.40625rem;\r\n vertical-align: middle;\r\n transition: all .4s;\r\n }\r\n\r\n &:hover {\r\n color: $sidebar-menu-item-hover-color;\r\n\r\n i {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n\r\n .badge {\r\n margin-top: 4px;\r\n }\r\n\r\n ul.sub-menu {\r\n padding: 0;\r\n\r\n li {\r\n\r\n a {\r\n padding: .4rem 1.5rem .4rem 3.5rem;\r\n font-size: 13px;\r\n color: $sidebar-menu-sub-item-color;\r\n }\r\n\r\n ul.sub-menu {\r\n padding: 0;\r\n\r\n li {\r\n a {\r\n padding: .4rem 1.5rem .4rem 4.5rem;\r\n font-size: 13.5px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n}\r\n\r\n.menu-title {\r\n padding: 12px 20px !important;\r\n letter-spacing: .05em;\r\n pointer-events: none;\r\n cursor: default;\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n color: $sidebar-menu-item-icon-color;\r\n font-weight: $font-weight-semibold;\r\n}\r\n\r\n.mm-active {\r\n color: $sidebar-menu-item-active-color !important;\r\n .active {\r\n color: $sidebar-menu-item-active-color !important;\r\n\r\n i {\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n > i {\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .vertical-menu {\r\n display: none;\r\n }\r\n\r\n .main-content {\r\n margin-left: 0 !important;\r\n }\r\n\r\n body.sidebar-enable {\r\n .vertical-menu {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n// Enlarge menu\r\n.vertical-collpsed {\r\n\r\n .main-content {\r\n margin-left: $sidebar-collapsed-width;\r\n }\r\n\r\n .navbar-brand-box {\r\n width: $sidebar-collapsed-width !important;\r\n }\r\n\r\n .logo {\r\n span.logo-lg {\r\n display: none;\r\n }\r\n\r\n span.logo-sm {\r\n display: block;\r\n }\r\n }\r\n\r\n // Side menu\r\n .vertical-menu {\r\n position: absolute;\r\n width: $sidebar-collapsed-width !important;\r\n z-index: 5;\r\n\r\n .simplebar-mask,\r\n .simplebar-content-wrapper {\r\n overflow: visible !important;\r\n }\r\n\r\n .simplebar-scrollbar {\r\n display: none !important;\r\n }\r\n\r\n .simplebar-offset {\r\n bottom: 0 !important;\r\n }\r\n\r\n // Sidebar Menu\r\n #sidebar-menu {\r\n\r\n .menu-title,\r\n .badge,\r\n .collapse.in {\r\n display: none !important;\r\n }\r\n\r\n .nav.collapse {\r\n height: inherit !important;\r\n }\r\n\r\n .has-arrow {\r\n &:after {\r\n display: none;\r\n }\r\n }\r\n\r\n > ul {\r\n > li {\r\n position: relative;\r\n white-space: nowrap;\r\n\r\n > a {\r\n padding: 15px 20px;\r\n min-height: 55px;\r\n transition: none;\r\n \r\n &:hover,\r\n &:active,\r\n &:focus {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n\r\n i {\r\n font-size: 1.25rem;\r\n margin-left: 4px;\r\n }\r\n\r\n span {\r\n display: none;\r\n padding-left: 25px;\r\n }\r\n }\r\n\r\n &:hover {\r\n > a {\r\n position: relative;\r\n width: calc(190px + #{$sidebar-collapsed-width});\r\n color: $primary;\r\n background-color: darken($sidebar-bg, 4%);\r\n transition: none;\r\n\r\n i{\r\n color: $primary;\r\n }\r\n\r\n span {\r\n display: inline;\r\n }\r\n }\r\n\r\n >ul {\r\n display: block;\r\n left: $sidebar-collapsed-width;\r\n position: absolute;\r\n width: 190px;\r\n height: auto !important;\r\n box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n\r\n ul {\r\n box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n }\r\n\r\n a {\r\n box-shadow: none;\r\n padding: 8px 20px;\r\n position: relative;\r\n width: 190px;\r\n z-index: 6;\r\n color: $sidebar-menu-sub-item-color;\r\n\r\n &:hover {\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n padding: 5px 0;\r\n z-index: 9999;\r\n display: none;\r\n background-color: $sidebar-bg;\r\n\r\n li {\r\n &:hover {\r\n >ul {\r\n display: block;\r\n left: 190px;\r\n height: auto !important;\r\n margin-top: -36px;\r\n position: absolute;\r\n width: 190px;\r\n }\r\n }\r\n\r\n >a {\r\n span.pull-right {\r\n position: absolute;\r\n right: 20px;\r\n top: 12px;\r\n transform: rotate(270deg);\r\n }\r\n }\r\n }\r\n\r\n li.active {\r\n a {\r\n color: $gray-100;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n .vertical-menu {\r\n background: $sidebar-dark-bg;\r\n }\r\n\r\n #sidebar-menu {\r\n \r\n ul {\r\n li {\r\n a {\r\n color: $sidebar-dark-menu-item-color;\r\n\r\n i {\r\n color: $sidebar-dark-menu-item-icon-color;\r\n }\r\n \r\n &:hover {\r\n color: $sidebar-dark-menu-item-hover-color;\r\n\r\n i {\r\n color: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n\r\n ul.sub-menu {\r\n li {\r\n\r\n a {\r\n color: $sidebar-dark-menu-sub-item-color;\r\n\r\n &:hover {\r\n color: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // Enlarge menu\r\n &.vertical-collpsed {\r\n min-height: 1300px;\r\n // Side menu\r\n .vertical-menu {\r\n\r\n // Sidebar Menu\r\n #sidebar-menu {\r\n\r\n > ul {\r\n > li {\r\n \r\n &:hover {\r\n > a {\r\n background: lighten($sidebar-dark-bg, 2%);\r\n color: $sidebar-dark-menu-item-hover-color;\r\n i{\r\n color: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n\r\n >ul {\r\n a{\r\n color: $sidebar-dark-menu-sub-item-color;\r\n &:hover{\r\n color: $sidebar-dark-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul{\r\n background-color: $sidebar-dark-bg;\r\n }\r\n \r\n }\r\n\r\n ul{\r\n \r\n li{\r\n &.mm-active .active{\r\n color: $sidebar-menu-item-active-color !important;\r\n i{\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n }\r\n }\r\n .mm-active {\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n > i {\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n }\r\n .active {\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n i {\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n\r\n .menu-title {\r\n color: $sidebar-dark-menu-item-icon-color;\r\n }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n .main-content {\r\n margin-left: 0 !important;\r\n }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"small\"] {\r\n .navbar-brand-box{\r\n width: $sidebar-width-sm;\r\n }\r\n .vertical-menu{\r\n width: $sidebar-width-sm;\r\n text-align: center;\r\n\r\n .has-arrow:after,\r\n .badge {\r\n display: none !important;\r\n }\r\n }\r\n .main-content {\r\n margin-left: $sidebar-width-sm;\r\n }\r\n .footer {\r\n left: $sidebar-width-sm;\r\n }\r\n\r\n #sidebar-menu {\r\n ul li {\r\n &.menu-title{\r\n background-color: lighten($sidebar-dark-bg, 2%);\r\n }\r\n a{\r\n i{\r\n display: block;\r\n }\r\n }\r\n ul.sub-menu {\r\n li a{\r\n padding-left: 1.5rem;\r\n }\r\n }\r\n }\r\n }\r\n &.vertical-collpsed {\r\n .main-content {\r\n margin-left: $sidebar-collapsed-width;\r\n }\r\n .vertical-menu {\r\n #sidebar-menu{\r\n text-align: left;\r\n >ul{\r\n >li{\r\n >a {\r\n i{\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .footer {\r\n left: $sidebar-collapsed-width;\r\n }\r\n }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"colored\"] {\r\n .vertical-menu{\r\n background-color: $primary;\r\n }\r\n .navbar-brand-box{\r\n background-color: $primary;\r\n .logo-dark{\r\n display: none;\r\n }\r\n .logo-light{\r\n display: block;\r\n }\r\n }\r\n\r\n .mm-active {\r\n color: $white !important;\r\n > i, .active {\r\n color: $white !important;\r\n }\r\n }\r\n\r\n #sidebar-menu {\r\n ul {\r\n li {\r\n &.menu-title{\r\n color: rgba($white, 0.6);\r\n }\r\n\r\n a{\r\n color: rgba($white, 0.6);\r\n i{\r\n color: rgba($white, 0.6);\r\n }\r\n &.waves-effect {\r\n .waves-ripple {\r\n background: rgba($white, 0.1);\r\n }\r\n }\r\n }\r\n\r\n ul.sub-menu {\r\n li {\r\n a{\r\n color: rgba($white,.5);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.vertical-collpsed {\r\n .vertical-menu {\r\n #sidebar-menu{\r\n >ul{\r\n >li{\r\n &:hover>a{\r\n background-color: lighten($primary, 2%);\r\n color: $white;\r\n i{\r\n color: $white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul{\r\n li{\r\n &.mm-active {\r\n .active{\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","//\n// _helper.scss\n//\n\n.font-size-10 {\n font-size: 10px !important;\n}\n\n.font-size-11 {\n font-size: 11px !important;\n}\n\n.font-size-12 {\n font-size: 12px !important;\n}\n\n.font-size-13 {\n font-size: 13px !important;\n}\n\n.font-size-14 {\n font-size: 14px !important;\n}\n\n.font-size-15 {\n font-size: 15px !important;\n}\n\n.font-size-16 {\n font-size: 16px !important;\n}\n\n.font-size-17 {\n font-size: 17px !important;\n}\n\n.font-size-18 {\n font-size: 18px !important;\n}\n\n.font-size-20 {\n font-size: 20px !important;\n}\n\n.font-size-22 {\n font-size: 22px !important;\n}\n\n.font-size-24 {\n font-size: 24px !important;\n}\n\n// Font weight help class\n\n.font-weight-medium {\n font-weight: $font-weight-medium;\n}\n\n.font-weight-semibold {\n font-weight: $font-weight-semibold;\n}\n\n// Social\n\n.social-list-item {\n height: 2rem;\n width: 2rem;\n line-height: calc(2rem - 2px);\n display: block;\n border: 1px solid $gray-500;\n border-radius: 50%;\n color: $gray-500;\n text-align: center;\n transition: all 0.4s;\n &:hover{\n color: $gray-600;\n background-color: $gray-200;\n }\n}\n\n\n.w-xs {\n min-width: 80px;\n}\n.w-sm {\n min-width: 95px;\n}\n.w-md {\n min-width: 110px;\n}\n.w-lg {\n min-width: 140px;\n}\n\n.w-xl {\n min-width: 160px;\n}","[data-simplebar] {\n position: relative;\n flex-direction: column;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-content: flex-start;\n align-items: flex-start;\n}\n\n.simplebar-wrapper {\n overflow: hidden;\n width: inherit;\n height: inherit;\n max-width: inherit;\n max-height: inherit;\n}\n\n.simplebar-mask {\n direction: inherit;\n position: absolute;\n overflow: hidden;\n padding: 0;\n margin: 0;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n width: auto !important;\n height: auto !important;\n z-index: 0;\n}\n\n.simplebar-offset {\n direction: inherit !important;\n box-sizing: inherit !important;\n resize: none !important;\n position: absolute;\n top: 0;\n left: 0 !important;\n bottom: 0;\n right: 0 !important;\n padding: 0;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n width: auto;\n visibility: visible;\n overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n max-width: 100%; /* Not required for horizontal scroll to trigger */\n max-height: 100%; /* Needed for vertical scroll to trigger */\n scrollbar-width: none;\n padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n content: ' ';\n display: table;\n}\n\n.simplebar-placeholder {\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n box-sizing: inherit !important;\n height: 100%;\n width: 100%;\n max-width: 1px;\n position: relative;\n float: left;\n max-height: 1px;\n overflow: hidden;\n z-index: -1;\n padding: 0;\n margin: 0;\n pointer-events: none;\n flex-grow: inherit;\n flex-shrink: 0;\n flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n box-sizing: inherit;\n display: block;\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n height: 1000%;\n width: 1000%;\n min-height: 1px;\n min-width: 1px;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n}\n\n.simplebar-track {\n z-index: 1;\n position: absolute;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n pointer-events: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n pointer-events: all;\n}\n\n.simplebar-scrollbar {\n position: absolute;\n right: 2px;\n width: 7px;\n min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n position: absolute;\n content: '';\n background: #a2adb7;\n border-radius: 7px;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n /* When hovered, remove all transitions from drag handle */\n opacity: 0.5;\n transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n top: 0;\n width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n top: 2px;\n bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n left: 0;\n height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n height: 100%;\n left: 2px;\n right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n right: auto;\n left: 0;\n top: 2px;\n height: 7px;\n min-height: 0;\n min-width: 10px;\n width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n right: auto;\n left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n direction: rtl;\n position: fixed;\n opacity: 0;\n visibility: hidden;\n height: 500px;\n width: 500px;\n overflow-y: hidden;\n overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n position: fixed;\n left: 0;\n visibility: hidden;\n overflow-y: scroll;\n scrollbar-width: none;\n}\n\n.custom-scroll {\n height: 100%;\n}"]}