{"version":3,"sources":["app-dark.scss","app-dark.css","custom/fonts/_fonts.scss","custom/structure/_topbar.scss","_variables-dark.scss","custom/structure/_page-head.scss","custom/structure/_page-title.scss","custom/structure/_footer.scss","custom/structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","custom/structure/_vertical.scss","../../../node_modules/bootstrap/scss/_variables.scss","custom/structure/_horizontal-nav.scss","custom/structure/_layouts.scss","custom/components/_waves.scss","custom/components/_avatar.scss","custom/components/_alert.scss","custom/components/_helper.scss","custom/components/_widgets.scss","custom/components/_demos.scss","custom/components/_print.scss","custom/plugins/_bootstrap-touchspin.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_session-timeout.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_rating.scss","custom/plugins/_parsley.scss","custom/plugins/_color-picker.scss","custom/plugins/_select2.scss","custom/plugins/_switch.scss","custom/plugins/_datatable.scss","custom/plugins/_table-editable.scss","../../../node_modules/bootstrap/scss/_functions.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_responsive-table.scss","custom/plugins/_x-editable.scss","custom/plugins/_morris.scss","custom/plugins/_chartist.scss","custom/plugins/_apexcharts.scss","custom/plugins/_flot.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_google-map.scss","custom/pages/_authentication.scss","custom/pages/_email.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss","custom/pages/_gallery.scss"],"names":[],"mappings":"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","file":"app-dark-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: Veltrix - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 4.0.0\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\r\n\r\n//Fonts\r\n@import \"custom/fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"variables-dark\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n// Structure\r\n@import \"custom/structure/general\";\r\n@import \"custom/structure/topbar\";\r\n@import \"custom/structure/page-head\";\r\n@import \"custom/structure/page-title\";\r\n@import \"custom/structure/footer\";\r\n@import \"custom/structure/right-sidebar\";\r\n@import \"custom/structure/vertical\";\r\n@import \"custom/structure/horizontal-nav\";\r\n@import \"custom/structure/layouts\";\r\n\r\n// Components\r\n@import \"custom/components//waves\";\r\n@import \"custom/components/avatar\";\r\n@import \"custom/components/alert\";\r\n@import \"custom/components/helper\";\r\n@import \"custom/components/widgets\";\r\n@import \"custom/components/demos\";\r\n@import \"custom/components/print\";\r\n\r\n\r\n// Plugins\r\n@import \"custom/plugins/bootstrap-touchspin\";\r\n@import \"custom/plugins/custom-scrollbar\";\r\n@import \"custom/plugins/calendar\";\r\n@import \"custom/plugins/session-timeout\";\r\n@import \"custom/plugins/range-slider\";\r\n@import \"custom/plugins/sweatalert2\";\r\n@import \"custom/plugins/rating\";\r\n@import \"custom/plugins/parsley\";\r\n@import \"custom/plugins/color-picker\";\r\n@import \"custom/plugins/select2\";\r\n@import \"custom/plugins/switch\";\r\n@import \"custom/plugins/datatable\";\r\n@import \"custom/plugins/table-editable\";\r\n@import \"custom/plugins/datepicker\";\r\n@import \"custom/plugins/form-editors\";\r\n@import \"custom/plugins/form-upload\";\r\n@import \"custom/plugins/form-wizard\";\r\n@import \"custom/plugins/responsive-table\";\r\n@import \"custom/plugins/x-editable\";\r\n@import \"custom/plugins/morris\";\r\n@import \"custom/plugins/chartist\";\r\n@import \"custom/plugins/apexcharts\";\r\n@import \"custom/plugins/flot\";\r\n@import \"custom/plugins/sparkline-chart\";\r\n@import \"custom/plugins/google-map\";\r\n\r\n// Pages\r\n@import \"custom/pages/authentication\";\r\n@import \"custom/pages/email\";\r\n@import \"custom/pages/coming-soon\";\r\n@import \"custom/pages/timeline\";\r\n@import \"custom/pages/extras-pages\";\r\n@import \"custom/pages/gallery\";","/*\r\nTemplate Name: Veltrix - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 4.0.0\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500|Sarabun:400,600,700&display=swap\");\n#page-topbar {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1002;\n background-color: #36394c; }\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(1.5rem / 2) 0 0; }\n .navbar-header .dropdown .header-item.show {\n background: rgba(239, 242, 247, 0.05); }\n\n.navbar-brand-box {\n padding: 0 1.5rem;\n text-align: center;\n width: 240px; }\n\n.logo {\n line-height: 70px; }\n .logo .logo-sm {\n display: none; }\n\n.logo-light {\n display: none; }\n\n/* Search */\n.app-search {\n padding: calc(32px / 2) 0; }\n .app-search .form-control {\n border: none;\n height: 38px;\n padding-left: 20px;\n padding-right: 40px;\n background-color: #353e53;\n box-shadow: none;\n border-radius: 30px; }\n .app-search span {\n position: absolute;\n z-index: 10;\n font-size: 13px;\n line-height: 38px;\n right: 13px;\n top: 0;\n color: #dee2e6; }\n\n.megamenu-list li {\n position: relative;\n padding: 5px 0px; }\n .megamenu-list li a {\n color: #e9ecef; }\n\n@media (max-width: 992px) {\n .navbar-brand-box {\n width: auto; }\n .logo span.logo-lg {\n display: none; }\n .logo span.logo-sm {\n display: inline-block; } }\n\n.page-content {\n padding: 70px calc(1.5rem / 2) 60px calc(1.5rem / 2); }\n\n.header-item {\n height: 70px;\n box-shadow: none !important;\n color: #dee2e6;\n border: 0;\n border-radius: 0px; }\n .header-item:hover {\n color: #dee2e6; }\n\n.header-profile-user {\n height: 32px;\n width: 32px;\n background-color: #2e3648; }\n\n.noti-icon i {\n font-size: 24px;\n color: #dee2e6; }\n\n.noti-icon .badge {\n position: absolute;\n top: 17px;\n right: 7px; }\n\n.notification-item .d-flex {\n padding: 0.75rem 1rem; }\n .notification-item .d-flex:hover {\n background-color: #323a4e; }\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: #3c445a; }\n .dropdown-icon-item img {\n height: 24px; }\n .dropdown-icon-item span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .dropdown-icon-item:hover {\n background-color: #323a4e; }\n\n.fullscreen-enable [data-bs-toggle=\"fullscreen\"] .mdi-fullscreen::before {\n content: \"\\F0294\"; }\n\nbody[data-topbar=\"dark\"] #page-topbar {\n background-color: #626ed4; }\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\"] .header-item {\n color: #bfbfc5; }\n body[data-topbar=\"dark\"] .header-item:hover {\n color: #bfbfc5; }\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: #bfbfc5; }\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(53, 62, 83, 0.07);\n color: #fff;\n border: 1px solid rgba(255, 255, 255, 0.07); }\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\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n background: #2a3142; }\n\nbody[data-sidebar=\"dark\"] .logo-dark {\n display: none; }\n\nbody[data-sidebar=\"dark\"] .logo-light {\n display: block; }\n\nbody[data-sidebar=\"colored\"] .navbar-brand-box {\n background: #626ed4; }\n\nbody[data-sidebar=\"colored\"] .logo-dark {\n display: none; }\n\nbody[data-sidebar=\"colored\"] .logo-light {\n display: block; }\n\n@media (max-width: 600px) {\n .navbar-header .dropdown {\n position: static; }\n .navbar-header .dropdown .dropdown-menu {\n left: 10px !important;\n right: 10px !important; } }\n\n@media (max-width: 380px) {\n .navbar-brand-box {\n display: none; } }\n\nbody[data-layout=\"horizontal\"] .navbar-header {\n padding: 0 calc(1.5rem / 2); }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n width: auto;\n padding-left: 0px; }\n\nbody[data-layout=\"horizontal\"] .page-content {\n margin-top: 70px;\n padding: 54px calc(1.5rem / 2) 60px calc(1.5rem / 2); }\n\n@media (max-width: 992px) {\n body[data-layout=\"horizontal\"] .navbar-brand-box {\n width: auto;\n padding-left: 5px; }\n body[data-layout=\"horizontal\"] .page-content {\n margin-top: 10px; } }\n\n.page-title-box {\n padding: 24px 0px; }\n .page-title-box .breadcrumb {\n background-color: transparent;\n padding: 0; }\n .page-title-box h4 {\n font-weight: 700; }\n\n.page-title-box {\n padding-bottom: 1.5rem; }\n .page-title-box .page-title {\n font-size: 18px;\n font-weight: 700; }\n .page-title-box .breadcrumb {\n padding: 0rem; }\n .page-title-box .dropdown .show.header-item {\n background-color: rgba(50, 58, 78, 0.1); }\n\n.footer {\n bottom: 0;\n padding: 20px calc(1.5rem / 2);\n position: absolute;\n right: 0;\n text-align: center;\n color: #a6b0cf;\n left: 240px;\n height: 60px;\n background-color: #36394c; }\n\n@media (max-width: 992px) {\n .footer {\n left: 0; } }\n\n.vertical-collpsed .footer {\n left: 70px; }\n\nbody[data-layout=\"horizontal\"] .footer {\n left: 0 !important; }\n\n.right-bar {\n background-color: #2a3042;\n box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n display: block;\n position: fixed;\n transition: all 200ms ease-out;\n width: 280px;\n z-index: 9999;\n float: right !important;\n right: -290px;\n top: 0;\n bottom: 0; }\n .right-bar .right-bar-toggle {\n background-color: white;\n height: 24px;\n width: 24px;\n line-height: 24px;\n color: #32394e;\n text-align: center;\n border-radius: 50%; }\n .right-bar .right-bar-toggle:hover {\n background-color: white; }\n\n.rightbar-overlay {\n background-color: rgba(239, 242, 247, 0.55);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: none;\n z-index: 9998;\n transition: all .2s ease-out; }\n\n.right-bar-enabled .right-bar {\n right: 0; }\n\n.right-bar-enabled .rightbar-overlay {\n display: block; }\n\n@media (max-width: 767.98px) {\n .right-bar {\n overflow: auto; }\n .right-bar .slimscroll-menu {\n height: auto !important; } }\n\n.metismenu {\n margin: 0; }\n .metismenu li {\n display: block;\n width: 100%; }\n .metismenu .mm-collapse {\n display: none; }\n .metismenu .mm-collapse:not(.mm-show) {\n display: none; }\n .metismenu .mm-collapse.mm-show {\n display: block; }\n .metismenu .mm-collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-timing-function: ease;\n transition-duration: .35s;\n transition-property: height, visibility; }\n\n.vertical-menu {\n width: 240px;\n z-index: 1001;\n background: #ffffff;\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.main-content {\n margin-left: 240px;\n overflow: hidden; }\n .main-content .content {\n padding: 0 15px 10px 15px;\n margin-top: 70px; }\n\n#sidebar-menu {\n padding: 10px 0 30px 0; }\n #sidebar-menu .mm-active > .has-arrow:after {\n transform: rotate(-180deg); }\n #sidebar-menu .has-arrow:after {\n content: \"\\F0140\";\n font-family: 'Material Design Icons';\n display: block;\n float: right;\n transition: transform .2s;\n font-size: 1rem; }\n #sidebar-menu ul li a {\n display: block;\n padding: 12px 20px;\n font-family: \"Sarabun\", sans-serif;\n color: #545a6d;\n position: relative;\n font-size: 15.7px;\n transition: all .4s; }\n #sidebar-menu ul li a i {\n display: inline-block;\n min-width: 1.75rem;\n padding-bottom: .125em;\n line-height: 1.40625rem;\n vertical-align: middle;\n color: #7f8387;\n transition: all .4s;\n font-size: 14.7px; }\n #sidebar-menu ul li a:hover {\n color: #626ed4; }\n #sidebar-menu ul li a:hover i {\n color: #626ed4; }\n #sidebar-menu ul li .badge {\n margin-top: 4px; }\n #sidebar-menu ul li ul.sub-menu {\n padding: 0; }\n #sidebar-menu ul li ul.sub-menu li a {\n padding: .4rem 1.5rem .4rem 3.3rem;\n font-size: 15px;\n color: #545a6d; }\n #sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n padding: 0; }\n #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n padding: .4rem 1.5rem .4rem 4.5rem;\n font-size: 13.5px; }\n\n.menu-title {\n padding: 12px 20px !important;\n letter-spacing: .05em;\n pointer-events: none;\n cursor: default;\n font-size: 10px;\n text-transform: uppercase;\n color: #7f8387 !important;\n font-weight: 500; }\n\n.mm-active {\n color: #626ed4 !important; }\n .mm-active > a {\n color: #626ed4 !important;\n background-color: #f5f5f5; }\n .mm-active > a i {\n color: #626ed4 !important; }\n .mm-active .active {\n color: #626ed4 !important; }\n .mm-active .active i {\n color: #626ed4 !important; }\n .mm-active > i {\n color: #626ed4 !important; }\n\n@media (max-width: 992px) {\n .vertical-menu {\n display: none; }\n .main-content {\n margin-left: 0 !important; }\n body.sidebar-enable .vertical-menu {\n display: block; } }\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 .vertical-collpsed .vertical-menu .simplebar-mask,\n .vertical-collpsed .vertical-menu .simplebar-content-wrapper {\n overflow: visible !important; }\n .vertical-collpsed .vertical-menu .simplebar-scrollbar {\n display: none !important; }\n .vertical-collpsed .vertical-menu .simplebar-offset {\n bottom: 0 !important; }\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 .vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {\n height: inherit !important; }\n .vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {\n display: none; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li {\n position: relative;\n white-space: nowrap; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {\n padding: 15px 20px;\n min-height: 55px;\n transition: none; }\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: #626ed4; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n font-size: 1.1rem;\n margin-left: 6px; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {\n display: none;\n padding-left: 25px; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n position: relative;\n width: calc(190px + 70px);\n color: #626ed4;\n background-color: whitesmoke;\n transition: none; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: #626ed4; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {\n display: inline; }\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 .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 .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 .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #626ed4; }\n .vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n padding: 5px 0;\n z-index: 9999;\n display: none;\n background-color: #ffffff; }\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 .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 .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {\n color: #323a4e; }\n\nbody[data-sidebar=\"dark\"] .vertical-menu {\n background: #2a3142; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n color: #a6b0cf; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li a i {\n color: #8699ad; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n color: #ffffff; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover i {\n color: #ffffff; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li > .mm-active {\n background-color: #2f374a; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n color: #79829c;\n background: transparent; }\n body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #ffffff; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul > li > a.mm-active {\n background-color: #2f374a; }\n\nbody[data-sidebar=\"dark\"].vertical-collpsed {\n min-height: 1200px; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: #2e3648;\n color: #ffffff; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: #ffffff; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n color: #79829c; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #ffffff; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n background-color: #2a3142; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n color: #ffffff; }\n body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .mm-active {\n color: #ffffff !important; }\n body[data-sidebar=\"dark\"] .mm-active > a {\n color: #ffffff !important;\n background-color: #2f374a; }\n body[data-sidebar=\"dark\"] .mm-active > a i {\n color: #ffffff !important; }\n body[data-sidebar=\"dark\"] .mm-active > i {\n color: #ffffff !important; }\n body[data-sidebar=\"dark\"] .mm-active .active {\n color: #ffffff !important;\n background-color: #2f374a; }\n body[data-sidebar=\"dark\"] .mm-active .active i {\n color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n color: #8699ad !important; }\n\nbody[data-layout=\"horizontal\"] .main-content {\n margin-left: 0 !important; }\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 body[data-sidebar-size=\"small\"] .vertical-menu .has-arrow:after,\n body[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 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 !important; }\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 body[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\nbody[data-sidebar=\"light\"] .vertical-menu {\n background: #ffffff; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul li a {\n color: #545a6d; }\n body[data-sidebar=\"light\"] #sidebar-menu ul li a i {\n color: #7f8387; }\n body[data-sidebar=\"light\"] #sidebar-menu ul li a:hover {\n color: #626ed4; }\n body[data-sidebar=\"light\"] #sidebar-menu ul li a:hover i {\n color: #626ed4; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul li > .mm-active {\n color: #626ed4 !important; }\n body[data-sidebar=\"light\"] #sidebar-menu ul li > .mm-active > a {\n color: #fff !important;\n background-color: #f5f5f5; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul li ul.sub-menu li a {\n color: #545a6d;\n background: transparent; }\n body[data-sidebar=\"light\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: #626ed4; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul > li > a.mm-active {\n background-color: #f5f5f5; }\n\nbody[data-sidebar=\"light\"].vertical-collpsed {\n min-height: 1200px; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: white;\n color: #626ed4; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: #626ed4; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n color: #545a6d; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: #626ed4; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n background-color: #ffffff; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n color: #626ed4; }\n body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n color: #626ed4 !important; }\n\nbody[data-sidebar=\"light\"] .mm-active {\n color: #626ed4 !important; }\n body[data-sidebar=\"light\"] .mm-active > i {\n color: #626ed4 !important; }\n body[data-sidebar=\"light\"] .mm-active .active {\n color: #626ed4 !important;\n background-color: #f5f5f5; }\n body[data-sidebar=\"light\"] .mm-active .active i {\n color: #626ed4 !important; }\n\nbody[data-sidebar=\"light\"] .menu-title {\n color: #7f8387 !important; }\n\nbody[data-sidebar=\"colored\"] .vertical-menu {\n background: #626ed4; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul li a {\n color: rgba(255, 255, 255, 0.7); }\n body[data-sidebar=\"colored\"] #sidebar-menu ul li a i {\n color: rgba(255, 255, 255, 0.7); }\n body[data-sidebar=\"colored\"] #sidebar-menu ul li a:hover {\n color: white; }\n body[data-sidebar=\"colored\"] #sidebar-menu ul li a:hover i {\n color: white; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul li > .mm-active {\n background-color: #6b77dd; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul li ul.sub-menu li a {\n color: rgba(255, 255, 255, 0.7);\n background: transparent; }\n body[data-sidebar=\"colored\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n color: white; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul > li > a.mm-active {\n background-color: #6b77dd; }\n\nbody[data-sidebar=\"colored\"].vertical-collpsed {\n min-height: 1200px; }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n background: #6a75d6;\n color: white; }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n color: white; }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n color: rgba(255, 255, 255, 0.7); }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n color: white; }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n background-color: #626ed4; }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n color: white; }\n body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n color: white !important; }\n\nbody[data-sidebar=\"colored\"] .mm-active {\n color: white !important; }\n body[data-sidebar=\"colored\"] .mm-active > a {\n color: white !important;\n background-color: #6b77dd; }\n body[data-sidebar=\"colored\"] .mm-active > a i {\n color: white !important; }\n body[data-sidebar=\"colored\"] .mm-active > i {\n color: white !important; }\n body[data-sidebar=\"colored\"] .mm-active .active {\n color: white !important;\n background-color: #6b77dd; }\n body[data-sidebar=\"colored\"] .mm-active .active i {\n color: white !important; }\n\nbody[data-sidebar=\"colored\"] .menu-title {\n color: rgba(255, 255, 255, 0.7) !important; }\n\n.topnav {\n background: #2a3142;\n padding: 0 calc(1.5rem / 2);\n box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n margin-top: 70px;\n position: fixed;\n left: 0;\n right: 0;\n z-index: 100; }\n @media (max-width: 991.98px) {\n .topnav {\n background: #2e3648; } }\n .topnav .topnav-menu {\n margin: 0;\n padding: 0; }\n .topnav .navbar-nav .nav-link {\n font-size: 14.5px;\n position: relative;\n padding: 1rem 1.3rem;\n color: #bfbfc5; }\n .topnav .navbar-nav .nav-link i {\n font-size: 15px;\n display: inline-block; }\n .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n color: #fff;\n background-color: transparent; }\n @media (max-width: 991.98px) {\n .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n color: #626ed4; } }\n @media (max-width: 991.98px) {\n .topnav .navbar-nav .nav-link {\n color: #dee2e6; } }\n .topnav .navbar-nav > .dropdown.active > a {\n color: rgba(255, 255, 255, 0.9) !important; }\n @media (max-width: 991.98px) {\n .topnav .navbar-nav > .dropdown.active > a {\n color: #626ed4 !important; } }\n .topnav .navbar-nav .dropdown-item {\n color: rgba(191, 191, 197, 0.9); }\n .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n color: #626ed4;\n background-color: transparent; }\n .topnav .navbar-nav .nav-item .nav-link.active {\n color: rgba(255, 255, 255, 0.9); }\n @media (max-width: 991.98px) {\n .topnav .navbar-nav .nav-item .nav-link.active {\n color: #626ed4 !important; } }\n .topnav .navbar-nav .dropdown.active > a {\n color: #626ed4;\n background-color: transparent; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"light\"] .navbar-brand-box .logo-dark {\n display: none; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"light\"] .navbar-brand-box .logo-light {\n display: block; }\n\n@media (min-width: 1200px) {\n body[data-layout=\"horizontal\"] .container-fluid,\n body[data-layout=\"horizontal\"] .navbar-header {\n max-width: 85%; } }\n\n@media (min-width: 992px) {\n .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n padding-left: 0; }\n .topnav .dropdown-item {\n padding: .5rem 1.5rem;\n min-width: 180px; }\n .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n left: 0px;\n right: auto; }\n .topnav .dropdown .dropdown-menu {\n margin-top: 0;\n border-radius: 0 0 0.25rem 0.25rem; }\n .topnav .dropdown .dropdown-menu .arrow-down::after {\n right: 15px;\n transform: rotate(-135deg) translateY(-50%);\n position: absolute; }\n .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n position: absolute;\n top: 0;\n left: 100%;\n display: none; }\n .topnav .dropdown:hover > .dropdown-menu {\n display: block; }\n .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n display: block; }\n .navbar-toggle {\n display: none; } }\n\n.arrow-down {\n display: inline-block; }\n .arrow-down:after {\n border-color: initial;\n border-style: solid;\n border-width: 0 0 1px 1px;\n content: \"\";\n height: .4em;\n display: inline-block;\n right: 5px;\n top: 50%;\n margin-left: 10px;\n transform: rotate(-45deg) translateY(-50%);\n transform-origin: top;\n transition: all .3s ease-out;\n width: .4em; }\n\n@media (min-width: 992px) {\n body[data-layout=\"horizontal\"] #page-topbar {\n padding: 0 calc(1.5rem / 2); } }\n\n@media (max-width: 1199.98px) {\n .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n right: 100%;\n left: auto; } }\n\n@media (max-width: 991.98px) {\n .topnav {\n max-height: 360px;\n overflow-y: auto;\n padding: 0; }\n .topnav .navbar-nav .nav-link {\n padding: 0.75rem 1.1rem; }\n .topnav .dropdown .dropdown-menu {\n background-color: transparent;\n border: none;\n box-shadow: none;\n padding-left: 15px; }\n .topnav .dropdown .dropdown-menu.mega-dropdown-menu {\n width: auto; }\n .topnav .dropdown .dropdown-menu.mega-dropdown-menu .row {\n margin: 0px; }\n .topnav .dropdown .dropdown-item {\n position: relative;\n background-color: transparent; }\n .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n color: #626ed4; }\n .topnav .arrow-down::after {\n right: 15px;\n position: absolute; } }\n\nbody[data-layout-size=\"boxed\"] #layout-wrapper {\n background-color: #222736;\n max-width: 1300px;\n margin: 0 auto;\n box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\nbody[data-layout-size=\"boxed\"] #page-topbar {\n max-width: 1300px;\n margin: 0 auto; }\n\nbody[data-layout-size=\"boxed\"] .footer {\n margin: 0 auto;\n max-width: calc(1300px - 240px); }\n\nbody[data-layout-size=\"boxed\"].vertical-collpsed .footer {\n max-width: calc(1300px - 70px); }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #page-topbar, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #layout-wrapper, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .footer {\n max-width: 100%; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #layout-wrapper {\n box-shadow: none; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .container-fluid, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .navbar-header {\n max-width: 1300px; }\n\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n position: relative;\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent; }\n\n.waves-effect .waves-ripple {\n position: absolute;\n border-radius: 50%;\n width: 100px;\n height: 100px;\n margin-top: -50px;\n margin-left: -50px;\n opacity: 0;\n background: rgba(0, 0, 0, 0.2);\n background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n -webkit-transition: all 0.5s ease-out;\n -moz-transition: all 0.5s ease-out;\n -o-transition: all 0.5s ease-out;\n transition: all 0.5s ease-out;\n -webkit-transition-property: -webkit-transform, opacity;\n -moz-transition-property: -moz-transform, opacity;\n -o-transition-property: -o-transform, opacity;\n transition-property: transform, opacity;\n -webkit-transform: scale(0) translate(0, 0);\n -moz-transform: scale(0) translate(0, 0);\n -ms-transform: scale(0) translate(0, 0);\n -o-transform: scale(0) translate(0, 0);\n transform: scale(0) translate(0, 0);\n pointer-events: none; }\n\n.waves-effect.waves-light .waves-ripple {\n background: rgba(255, 255, 255, 0.4);\n background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }\n\n.waves-effect.waves-classic .waves-ripple {\n background: rgba(0, 0, 0, 0.2); }\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n background: rgba(255, 255, 255, 0.4); }\n\n.waves-notransition {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important; }\n\n.waves-button,\n.waves-circle {\n -webkit-transform: translateZ(0);\n -moz-transform: translateZ(0);\n -ms-transform: translateZ(0);\n -o-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n border: none;\n outline: none;\n color: inherit;\n background-color: rgba(0, 0, 0, 0);\n font-size: 1em;\n line-height: 1em;\n text-align: center;\n text-decoration: none;\n z-index: 1; }\n\n.waves-button {\n padding: 0.85em 1.1em;\n border-radius: 0.2em; }\n\n.waves-button-input {\n margin: 0;\n padding: 0.85em 1.1em; }\n\n.waves-input-wrapper {\n border-radius: 0.2em;\n vertical-align: bottom; }\n\n.waves-input-wrapper.waves-button {\n padding: 0; }\n\n.waves-input-wrapper .waves-button-input {\n position: relative;\n top: 0;\n left: 0;\n z-index: 1; }\n\n.waves-circle {\n text-align: center;\n width: 2.5em;\n height: 2.5em;\n line-height: 2.5em;\n border-radius: 50%; }\n\n.waves-float {\n -webkit-mask-image: none;\n -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n -webkit-transition: all 300ms;\n -moz-transition: all 300ms;\n -o-transition: all 300ms;\n transition: all 300ms; }\n\n.waves-float:active {\n -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }\n\n.waves-block {\n display: block; }\n\n.waves-effect.waves-light .waves-ripple {\n background-color: rgba(255, 255, 255, 0.4); }\n\n.waves-effect.waves-primary .waves-ripple {\n background-color: rgba(98, 110, 212, 0.4); }\n\n.waves-effect.waves-success .waves-ripple {\n background-color: rgba(2, 164, 153, 0.4); }\n\n.waves-effect.waves-info .waves-ripple {\n background-color: rgba(56, 164, 248, 0.4); }\n\n.waves-effect.waves-warning .waves-ripple {\n background-color: rgba(248, 180, 37, 0.4); }\n\n.waves-effect.waves-danger .waves-ripple {\n background-color: rgba(236, 69, 97, 0.4); }\n\n.avatar-xs {\n height: 2.3rem;\n width: 2.3rem; }\n\n.avatar-sm {\n height: 3rem;\n width: 3rem; }\n\n.avatar-md {\n height: 4.5rem;\n width: 4.5rem; }\n\n.avatar-lg {\n height: 5.5rem;\n width: 5.5rem; }\n\n.avatar-xl {\n height: 7.5rem;\n width: 7.5rem; }\n\n.avatar-title {\n align-items: center;\n background-color: #626ed4;\n color: #fff;\n display: flex;\n font-weight: 500;\n height: 100%;\n justify-content: center;\n width: 100%; }\n\n.alert-dismissible .btn-close {\n font-size: 10px;\n padding: 1.125rem 1.25rem;\n box-shadow: none;\n background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\n.font-size-11 {\n font-size: 11px !important; }\n\n.font-size-12 {\n font-size: 12px !important; }\n\n.font-size-13 {\n font-size: 13px !important; }\n\n.font-size-14 {\n font-size: 14px !important; }\n\n.font-size-15 {\n font-size: 15px !important; }\n\n.font-size-16 {\n font-size: 16px !important; }\n\n.font-size-17 {\n font-size: 17px !important; }\n\n.font-size-18 {\n font-size: 18px !important; }\n\n.font-size-20 {\n font-size: 20px !important; }\n\n.font-size-22 {\n font-size: 22px !important; }\n\n.font-size-24 {\n font-size: 24px !important; }\n\n.fw-medium {\n font-weight: 500 !important; }\n\n.fw-semibold {\n font-weight: 600 !important; }\n\n.social-list-item {\n height: 2rem;\n width: 2rem;\n line-height: calc(2rem - 2px);\n display: block;\n border: 1px solid #9ca8b3;\n border-radius: 50%;\n color: #9ca8b3;\n text-align: center; }\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.w-xl {\n min-width: 160px; }\n\n.mini-stat .mini-stat-img {\n width: 58px;\n height: 58px;\n line-height: 58px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 4px;\n text-align: center; }\n .mini-stat .mini-stat-img img {\n max-width: 32px; }\n\n.mini-stat .mini-stat-label {\n position: absolute;\n right: 0;\n top: 18px;\n padding: 2px 10px 2px 32px;\n clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0); }\n\n[dir=\"rtl\"] .mini-stat-label {\n clip-path: polygon(0 0, 94% 0, 76% 50%, 100% 100%, 0 100%); }\n\n/* Activity */\n.activity-feed {\n padding: 15px 15px 0 15px;\n list-style: none; }\n .activity-feed .feed-item {\n position: relative;\n padding-bottom: 29px;\n padding-left: 30px;\n border-left: 2px solid #32394e; }\n .activity-feed .feed-item:last-child {\n border-color: transparent; }\n .activity-feed .feed-item::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 0px;\n left: -9px;\n width: 16px;\n height: 16px;\n border-radius: 30px;\n background: #02a499; }\n .activity-feed .feed-item .date {\n display: block;\n position: relative;\n top: -5px;\n text-transform: uppercase;\n font-size: 13px; }\n .activity-feed .feed-item .activity-text {\n position: relative;\n top: -3px; }\n\n.ct-chart.wid {\n height: 240px; }\n\n.ct-chart.wid .ct-slice-donut {\n stroke-width: 14px !important; }\n\n/* peity */\n.wid-peity {\n border-bottom: 1px solid #32394e; }\n\n.conversation-list {\n list-style: none;\n padding: 0px 10px;\n max-height: 350px; }\n .conversation-list li {\n margin-bottom: 24px; }\n .conversation-list .chat-avatar {\n width: 40px;\n display: inline-block;\n text-align: center;\n float: left; }\n .conversation-list .chat-avatar .time {\n font-size: 12px;\n font-style: normal; }\n .conversation-list .ctext-wrap .user-name {\n display: block;\n font-weight: 600;\n position: relative;\n font-size: 12px;\n color: #626ed4; }\n .conversation-list .ctext-wrap p {\n color: #2f3cab; }\n .conversation-list .conversation-text {\n display: inline-block;\n font-size: 12px;\n float: left;\n margin-left: 12px;\n width: 70%; }\n .conversation-list .ctext-wrap {\n padding: 10px 18px;\n background: #e2e4f7;\n border-radius: 0px 7px 7px 7px;\n position: relative;\n display: inline-block; }\n .conversation-list .ctext-wrap:after {\n content: \" \";\n position: absolute;\n right: 100%;\n top: 0;\n border: solid transparent;\n border-right-color: #e2e4f7;\n border-top-color: #e2e4f7;\n border-width: 5px; }\n .conversation-list .ctext-wrap p {\n margin: 0px;\n padding-top: 3px; }\n .conversation-list .odd .chat-avatar {\n float: right !important; }\n .conversation-list .odd .conversation-text {\n width: 70% !important;\n margin-right: 12px;\n text-align: right;\n float: right !important; }\n .conversation-list .odd .ctext-wrap {\n background: #363e54 !important;\n border-radius: 7px 0px 7px 7px; }\n .conversation-list .odd .ctext-wrap p {\n color: #f6f6f6; }\n .conversation-list .odd .ctext-wrap:after {\n left: 100% !important;\n top: 0 !important;\n border-color: rgba(238, 238, 242, 0) !important;\n border-left-color: #363e54 !important;\n border-top-color: #363e54 !important; }\n\n.button-items {\n margin-left: -8px;\n margin-bottom: -12px; }\n .button-items .btn {\n margin-bottom: 12px;\n margin-left: 8px; }\n\n.mfp-popup-form {\n max-width: 1140px; }\n\n.bs-example-modal {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n z-index: 1;\n display: block; }\n\n.icon-demo-content {\n text-align: center;\n color: #9ca8b3; }\n .icon-demo-content i {\n display: block;\n font-size: 24px;\n margin-bottom: 16px;\n color: #9ca8b3;\n transition: all 0.4s; }\n .icon-demo-content .col-lg-4 {\n margin-top: 24px; }\n .icon-demo-content .col-lg-4:hover i {\n color: #626ed4;\n transform: scale(1.5); }\n\n.grid-structure .grid-container {\n background-color: #323a4e;\n margin-top: 10px;\n font-size: .8rem;\n font-weight: 500;\n padding: 10px 20px; }\n\n@media print {\n .vertical-menu,\n .right-bar,\n .page-title-box,\n .navbar-header,\n .footer {\n display: none !important; }\n .card-body,\n .main-content,\n .right-bar,\n .page-content,\n body {\n padding: 0;\n margin: 0; }\n .card {\n border: 0; } }\n\n.bootstrap-touchspin.input-group > .input-group-prepend > .btn, .bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.bootstrap-touchspin.input-group > .input-group-append > .btn, .bootstrap-touchspin.input-group > .input-group-append > .input-group-text {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\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.simplebar-wrapper {\n overflow: hidden;\n width: inherit;\n height: inherit;\n max-width: inherit;\n max-height: inherit; }\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.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.simplebar-content-wrapper {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%;\n /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n width: auto;\n visibility: visible;\n overflow: auto;\n /* Scroll on this element otherwise element can't have a padding applied properly */\n max-width: 100%;\n /* Not required for horizontal scroll to trigger */\n max-height: 100%;\n /* Needed for vertical scroll to trigger */\n scrollbar-width: none;\n padding: 0px !important; }\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n display: none; }\n\n.simplebar-content:before,\n.simplebar-content:after {\n content: ' ';\n display: table; }\n\n.simplebar-placeholder {\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none; }\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.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.simplebar-track {\n z-index: 1;\n position: absolute;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden; }\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n pointer-events: none;\n user-select: none;\n -webkit-user-select: none; }\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n pointer-events: all; }\n\n.simplebar-scrollbar {\n position: absolute;\n right: 2px;\n width: 4px;\n min-height: 10px; }\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.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.simplebar-track.simplebar-vertical {\n top: 0;\n width: 11px; }\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n top: 2px;\n bottom: 2px; }\n\n.simplebar-track.simplebar-horizontal {\n left: 0;\n height: 11px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n height: 100%;\n left: 2px;\n right: 2px; }\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/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n right: auto;\n left: 0; }\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.simplebar-hide-scrollbar {\n position: fixed;\n left: 0;\n visibility: hidden;\n overflow-y: scroll;\n scrollbar-width: none; }\n\n.custom-scroll {\n height: 100%; }\n\n/* ==============\r\n Calendar\r\n===================*/\n.fc .fc-toolbar h2 {\n font-size: 16px;\n line-height: 30px;\n text-transform: uppercase; }\n\n@media (max-width: 767.98px) {\n .fc .fc-toolbar .fc-left,\n .fc .fc-toolbar .fc-right,\n .fc .fc-toolbar .fc-center {\n float: none;\n display: block;\n text-align: center;\n clear: both;\n margin: 10px 0; }\n .fc .fc-toolbar > * > * {\n float: none; }\n .fc .fc-toolbar .fc-today-button {\n display: none; } }\n\n.fc .fc-toolbar .btn {\n text-transform: capitalize; }\n\n.fc th.fc-widget-header {\n background: #2e3648;\n color: #f6f6f6;\n line-height: 20px;\n padding: 10px 0;\n text-transform: uppercase;\n font-weight: 700; }\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n border-color: #2e3648; }\n\n.fc-unthemed td.fc-today {\n background: #363e54; }\n\n.fc-button {\n background: #2a3042;\n border-color: #343b51;\n color: #f6f6f6;\n text-transform: capitalize;\n box-shadow: none;\n padding: 6px 12px !important;\n height: auto !important; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n background-color: #626ed4;\n color: #fff;\n text-shadow: none; }\n\n.fc-event {\n border-radius: 2px;\n border: none;\n cursor: move;\n font-size: 0.8125rem;\n margin: 5px 7px;\n padding: 5px 5px;\n text-align: center; }\n\n.fc-event,\n.fc-event-dot {\n background-color: #626ed4; }\n\n.fc-event .fc-content {\n color: #fff; }\n\n.fc-day-header {\n font-weight: 500; }\n\n.fc-day-grid-event .fc-time {\n font-weight: 500; }\n\n#external-events .external-event {\n text-align: left !important;\n padding: 8px 16px; }\n\n[dir=\"rtl\"] .fc-header-toolbar {\n direction: ltr !important; }\n\n[dir=\"rtl\"] .fc-toolbar > * > :not(:first-child) {\n margin-left: .75em; }\n\n#session-timeout-dialog .close {\n display: none; }\n\n#session-timeout-dialog .countdown-holder {\n color: #ec4561;\n font-weight: 500; }\n\n#session-timeout-dialog .btn-default {\n background-color: #fff;\n color: #ec4561;\n box-shadow: none; }\n\n.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {\n background: #626ed4 !important;\n font-size: 11px; }\n\n.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {\n border-top-color: #626ed4; }\n\n.irs--modern .irs-line {\n background: #2e3648;\n border-color: #2e3648; }\n\n.irs--modern .irs-grid-text {\n font-size: 11px;\n color: #e9ecef; }\n\n.irs--modern .irs-min, .irs--modern .irs-max {\n color: #9ca8b3;\n background: #2e3648;\n font-size: 11px; }\n\n.irs--modern .irs-handle {\n width: 12px;\n height: 12px;\n top: 37px;\n background-color: #2a3042 !important; }\n .irs--modern .irs-handle > i:nth-child(1) {\n width: 8px;\n height: 8px; }\n\n.swal2-container .swal2-title {\n font-size: 24px;\n font-weight: 500; }\n\n.swal2-icon.swal2-question {\n border-color: #38a4f8;\n color: #38a4f8; }\n\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n background-color: #02a499; }\n\n.swal2-icon.swal2-success .swal2-success-ring {\n border-color: rgba(2, 164, 153, 0.3); }\n\n.swal2-icon.swal2-warning {\n border-color: #f8b425;\n color: #f8b425; }\n\n.swal2-styled:focus {\n box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n background: #626ed4; }\n .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n background: #626ed4; }\n .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {\n background: rgba(98, 110, 212, 0.3); }\n\n.swal2-progress-steps .swal2-progress-step-line {\n background: #626ed4; }\n\n.swal2-loader {\n border-color: #626ed4 transparent #626ed4 transparent; }\n\n.symbol {\n border-color: #2a3042; }\n\n.rating-symbol-background, .rating-symbol-foreground {\n font-size: 24px; }\n\n.rating-symbol-foreground {\n top: 0px; }\n\n.rating-star > span {\n display: inline-block;\n vertical-align: middle; }\n .rating-star > span.badge {\n margin-left: 4px; }\n\n.error {\n color: #ec4561; }\n\n.parsley-error {\n border-color: #ec4561; }\n\n.parsley-errors-list {\n display: none;\n margin: 0;\n padding: 0; }\n .parsley-errors-list.filled {\n display: block; }\n .parsley-errors-list > li {\n font-size: 12px;\n list-style: none;\n color: #ec4561;\n margin-top: 5px; }\n\n.sp-container {\n background-color: #2e3648; }\n .sp-container button {\n padding: .25rem .5rem;\n font-size: .71094rem;\n border-radius: .2rem;\n font-weight: 400;\n color: #eff2f7; }\n .sp-container button.sp-palette-toggle {\n background-color: #32394e; }\n .sp-container button.sp-choose {\n background-color: #02a499;\n margin-left: 5px;\n margin-right: 0; }\n\n.sp-palette-container {\n border-right: 1px solid #343b51; }\n\n.sp-input {\n background-color: #2e3648;\n border-color: #363e54 !important;\n color: #9ca8b3; }\n .sp-input:focus {\n outline: none; }\n\n[dir=\"rtl\"] .sp-alpha {\n direction: rtl; }\n\n[dir=\"rtl\"] .sp-original-input-container .sp-add-on {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-top-left-radius: 4px !important;\n border-bottom-left-radius: 4px !important; }\n\n[dir=\"rtl\"] input.spectrum.with-add-on {\n border: 1px solid #363e54;\n border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.select2-container .select2-selection--single {\n background-color: #2e3648;\n border: 1px solid #363e54;\n height: 38px; }\n .select2-container .select2-selection--single:focus {\n outline: none; }\n .select2-container .select2-selection--single .select2-selection__rendered {\n line-height: 36px;\n padding-left: 12px;\n color: #9ca8b3; }\n .select2-container .select2-selection--single .select2-selection__arrow {\n height: 34px;\n width: 34px;\n right: 3px; }\n .select2-container .select2-selection--single .select2-selection__arrow b {\n border-color: #9ca8b3 transparent transparent transparent;\n border-width: 6px 6px 0 6px; }\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n border-color: transparent transparent #9ca8b3 transparent !important;\n border-width: 0 6px 6px 6px !important; }\n\n.select2-container--default .select2-search--dropdown {\n padding: 10px;\n background-color: #2e3648; }\n .select2-container--default .select2-search--dropdown .select2-search__field {\n border: 1px solid #363e54;\n background-color: #2e3648;\n color: #3c445a;\n outline: none; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background-color: #626ed4; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n background-color: #2e3648;\n color: #e9ecef; }\n .select2-container--default .select2-results__option[aria-selected=true]:hover {\n background-color: #626ed4;\n color: #fff; }\n\n.select2-results__option {\n padding: 6px 12px; }\n\n.select2-dropdown {\n border: #3a425a;\n background-color: #2e3648;\n box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n.select2-search input {\n border: 1px solid #2e3648; }\n\n.select2-container .select2-selection--multiple {\n min-height: 38px;\n background-color: #2e3648;\n border: 1px solid #363e54 !important; }\n .select2-container .select2-selection--multiple .select2-selection__rendered {\n padding: 2px 10px; }\n .select2-container .select2-selection--multiple .select2-search__field {\n border: 0;\n color: #9ca8b3; }\n .select2-container .select2-selection--multiple .select2-search__field::placeholder {\n color: #9ca8b3; }\n .select2-container .select2-selection--multiple .select2-selection__choice {\n background-color: #32394e;\n border: 1px solid #2e3648;\n border-radius: 1px;\n padding: 0 7px; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n border-color: #e9ecef; }\n\n/* CSS Switch */\ninput[switch] {\n display: none; }\n input[switch] + label {\n font-size: 1em;\n line-height: 1;\n width: 56px;\n height: 24px;\n background-color: #e9ecef;\n background-image: none;\n border-radius: 2rem;\n padding: 0.16667rem;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n position: relative;\n font-weight: 500;\n transition: all 0.1s ease-in-out; }\n input[switch] + label:before {\n color: #eff2f7;\n content: attr(data-off-label);\n display: block;\n font-family: inherit;\n font-weight: 500;\n font-size: 12px;\n line-height: 21px;\n position: absolute;\n right: 1px;\n margin: 3px;\n top: -2px;\n text-align: center;\n min-width: 1.66667rem;\n overflow: hidden;\n transition: all 0.1s ease-in-out; }\n input[switch] + label:after {\n content: '';\n position: absolute;\n left: 3px;\n background-color: #32394e;\n box-shadow: none;\n border-radius: 2rem;\n height: 20px;\n width: 20px;\n top: 2px;\n transition: all 0.1s ease-in-out; }\n input[switch]:checked + label {\n background-color: #626ed4; }\n\ninput[switch]:checked + label {\n background-color: #626ed4; }\n input[switch]:checked + label:before {\n color: #fff;\n content: attr(data-on-label);\n right: auto;\n left: 3px; }\n input[switch]:checked + label:after {\n left: 33px;\n background-color: #32394e; }\n\ninput[switch=\"bool\"] + label {\n background-color: #ec4561; }\n\ninput[switch=\"bool\"] + label:before, input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before {\n color: #fff; }\n\ninput[switch=\"bool\"]:checked + label {\n background-color: #02a499; }\n\ninput[switch=\"default\"]:checked + label {\n background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n background-color: #626ed4; }\n\ninput[switch=\"success\"]:checked + label {\n background-color: #02a499; }\n\ninput[switch=\"info\"]:checked + label {\n background-color: #38a4f8; }\n\ninput[switch=\"warning\"]:checked + label {\n background-color: #f8b425; }\n\ninput[switch=\"danger\"]:checked + label {\n background-color: #ec4561; }\n\ninput[switch=\"dark\"]:checked + label {\n background-color: #eff2f7; }\n\n.square-switch {\n margin-right: 7px; }\n .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n border-radius: 0px; }\n\ndiv.dataTables_wrapper div.dataTables_filter {\n text-align: right; }\n @media (max-width: 767px) {\n div.dataTables_wrapper div.dataTables_filter {\n text-align: center; } }\n div.dataTables_wrapper div.dataTables_filter input {\n margin-left: 0.5em;\n margin-right: 0; }\n\n.datatable td:focus {\n outline: none; }\n\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\n padding-left: 0; }\n\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\n padding-right: 0; }\n\n.table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_asc_disabled:before, .table.dataTable thead .sorting_desc_disabled:before {\n left: auto;\n right: 1em; }\n\n.table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_asc_disabled:after, .table.dataTable thead .sorting_desc_disabled:after {\n left: auto;\n right: 0.5em; }\n\n.table.dataTable thead tr th.sorting_asc, .table.dataTable thead tr th.sorting_desc, .table.dataTable thead tr th.sorting, .table.dataTable thead tr td.sorting_asc, .table.dataTable thead tr td.sorting_desc, .table.dataTable thead tr td.sorting {\n padding-left: 12px;\n padding-right: 30px; }\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {\n position: relative; }\n .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n padding-left: 30px; }\n .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n top: 50%;\n left: 5px;\n height: 14px;\n width: 14px;\n margin-top: -9px;\n display: block;\n position: absolute;\n color: #fff;\n border: 2px solid #fff;\n border-radius: 14px;\n box-sizing: content-box;\n text-align: center;\n text-indent: 0 !important;\n line-height: 14px;\n content: '+';\n background-color: #626ed4; }\n\n.table-edits input, .table-edits select {\n height: calc(1.5em + 0.5rem + 2px);\n padding: 0.25rem 0.5rem;\n border: 1px solid #363e54;\n background-color: #2e3648;\n color: #9ca8b3;\n border-radius: 0.25rem; }\n .table-edits input:focus, .table-edits select:focus {\n outline: none;\n border-color: #3a4158; }\n\n.datepicker {\n border: 1px solid #323a4e;\n padding: 8px;\n z-index: 999 !important; }\n .datepicker table tr th {\n font-weight: 500; }\n .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {\n background-color: #626ed4 !important;\n background-image: none;\n box-shadow: none;\n color: #fff !important; }\n .datepicker table tr td.day.focused, .datepicker table tr td.day:hover,\n .datepicker table tr td span.focused,\n .datepicker table tr td span:hover {\n background: #32394e; }\n .datepicker table tr td.new, .datepicker table tr td.old,\n .datepicker table tr td span.new,\n .datepicker table tr td span.old {\n color: #9ca8b3;\n opacity: 0.6; }\n .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {\n background-color: #2e3648; }\n\n.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {\n padding: 7px; }\n\n.tox-tinymce {\n border: 1px solid #32394e !important; }\n\n.tox .tox-statusbar {\n border-top: 1px solid #32394e !important; }\n\n.tox .tox-menubar, .tox .tox-edit-area__iframe, .tox .tox-statusbar {\n background-color: #2a3042 !important;\n background: none !important; }\n\n.tox .tox-mbtn {\n color: #f6f6f6 !important; }\n .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n background-color: #2e3648 !important; }\n\n.tox .tox-tbtn:hover {\n background-color: #2e3648 !important; }\n\n.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {\n background: #32394e !important; }\n\n.tox .tox-tbtn {\n color: #f6f6f6 !important; }\n .tox .tox-tbtn svg {\n fill: #f6f6f6 !important; }\n\n.tox .tox-edit-area__iframe {\n background-color: #2a3042 !important; }\n\n.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {\n color: #f6f6f6 !important; }\n\n.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\n border-right: 1px solid #282e3e !important; }\n\n.tox .tox-toolbar-overlord .tox-toolbar__primary {\n border-color: #32394e !important;\n border-bottom: 1px solid #32394e; }\n\n.tox-tinymce-aux {\n z-index: 1000 !important; }\n\n/* Dropzone */\n.dropzone {\n min-height: 230px;\n border: 2px dashed #e9ecef;\n background: #2a3042;\n border-radius: 6px; }\n .dropzone .dz-message {\n font-size: 24px; }\n\n.form-wizard-wrapper label {\n font-size: 14px;\n text-align: right; }\n\n.wizard ul {\n list-style: none !important;\n padding: 0;\n margin: 0; }\n\n.wizard > .steps > ul > li {\n width: 25%; }\n\n.wizard > .steps .current-info {\n position: absolute;\n left: -999em; }\n\n.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {\n margin: 3px;\n padding: 15px;\n display: block;\n width: auto;\n border-radius: 5px; }\n\n.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {\n background-color: #626ed4;\n color: #fff; }\n .wizard > .steps .current a .number, .wizard > .steps .current a:active .number, .wizard > .steps .current a:hover .number {\n border: 2px solid #fff; }\n\n.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {\n background-color: #daddf5;\n color: #626ed4; }\n .wizard > .steps .disabled a .number, .wizard > .steps .disabled a:active .number, .wizard > .steps .disabled a:hover .number, .wizard > .steps .done a .number, .wizard > .steps .done a:active .number, .wizard > .steps .done a:hover .number {\n border-color: #626ed4; }\n\n.wizard > .steps .number {\n font-size: 16px;\n padding: 5px;\n border-radius: 50%;\n border: 2px solid #fff;\n width: 38px;\n display: inline-block;\n font-weight: 500;\n text-align: center;\n margin-right: 10px;\n background-color: rgba(98, 110, 212, 0.25); }\n\n.wizard > .content {\n background-color: transparent;\n margin: 0 5px;\n border-radius: 0;\n min-height: 150px; }\n .wizard > .content > .title {\n position: absolute;\n left: -999em; }\n .wizard > .content > .body {\n width: 100%;\n height: 100%;\n padding: 30px 0 0;\n position: static; }\n\n.wizard > .actions {\n position: relative;\n display: block;\n text-align: right;\n width: 100%; }\n .wizard > .actions > ul {\n display: inline-block;\n text-align: right; }\n .wizard > .actions > ul > li {\n display: block;\n margin: 0 0.5em; }\n .wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {\n background-color: #626ed4;\n border-radius: 4px;\n padding: 8px 15px;\n color: #fff; }\n .wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {\n opacity: .65;\n background-color: #626ed4;\n color: #fff;\n cursor: not-allowed; }\n\n.wizard > .steps > ul > li, .wizard > .actions > ul > li {\n float: left; }\n\n@media (max-width: 768px) {\n .wizard > .steps > ul > li {\n width: 50%; }\n .form-wizard-wrapper label {\n text-align: left; } }\n\n@media (max-width: 520px) {\n .wizard > .steps > ul > li {\n width: 100%; } }\n\n.table-rep-plugin .btn-toolbar {\n display: block; }\n\n.table-rep-plugin .table-responsive {\n border: none !important; }\n\n.table-rep-plugin .btn-group .btn-default {\n background-color: #32394e;\n color: #eff2f7;\n border: 1px solid #32394e; }\n .table-rep-plugin .btn-group .btn-default.btn-primary {\n background-color: #626ed4;\n border-color: #626ed4;\n color: #fff;\n box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.5); }\n\n.table-rep-plugin .btn-group.pull-right {\n float: right; }\n .table-rep-plugin .btn-group.pull-right .dropdown-menu {\n right: 0;\n transform: none !important;\n top: 100% !important; }\n\n.table-rep-plugin tbody th {\n font-size: 14px;\n font-weight: normal; }\n\n.table-rep-plugin .checkbox-row {\n padding-left: 40px; }\n .table-rep-plugin .checkbox-row label {\n display: inline-block;\n padding-left: 5px;\n position: relative; }\n .table-rep-plugin .checkbox-row label::before {\n -o-transition: 0.3s ease-in-out;\n -webkit-transition: 0.3s ease-in-out;\n background-color: #fff;\n border-radius: 3px;\n border: 1px solid #2e3648;\n content: \"\";\n display: inline-block;\n height: 17px;\n left: 0;\n margin-left: -20px;\n position: absolute;\n transition: 0.3s ease-in-out;\n width: 17px;\n outline: none !important; }\n .table-rep-plugin .checkbox-row label::after {\n color: #32394e;\n display: inline-block;\n font-size: 11px;\n height: 16px;\n left: 0;\n margin-left: -20px;\n padding-left: 3px;\n padding-top: 1px;\n position: absolute;\n top: -1px;\n width: 16px; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"] {\n cursor: pointer;\n opacity: 0;\n z-index: 1;\n outline: none !important; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n opacity: 0.65; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n outline-offset: -2px;\n outline: none; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n content: \"\\f00c\";\n font-family: 'Font Awesome 5 Free';\n font-weight: 900; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n background-color: #323a4e;\n cursor: not-allowed; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n background-color: #626ed4;\n border-color: #626ed4; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n color: #fff; }\n\n.table-rep-plugin .fixed-solution .sticky-table-header {\n top: 70px !important;\n background-color: #626ed4; }\n .table-rep-plugin .fixed-solution .sticky-table-header table {\n color: #fff; }\n\n.editable-input .form-control {\n display: inline-block; }\n\n.editable-buttons {\n margin-left: 7px; }\n .editable-buttons .editable-cancel {\n margin-left: 7px; }\n\n.morris-charts text {\n font-family: \"Sarabun\", sans-serif !important;\n fill: #9ca8b3; }\n\n.morris-hover {\n position: absolute;\n z-index: 10; }\n .morris-hover.morris-default-style {\n font-size: 12px;\n text-align: center;\n border-radius: 5px;\n padding: 10px 12px;\n background: rgba(50, 58, 78, 0.8);\n color: #eff2f7;\n border: 2px solid #32394e;\n font-family: var(--bs-font-sans-serif); }\n .morris-hover.morris-default-style .morris-hover-row-label {\n font-weight: bold;\n margin: 0.25em 0;\n font-family: \"Sarabun\", sans-serif; }\n .morris-hover.morris-default-style .morris-hover-point {\n white-space: nowrap;\n margin: 0.1em 0;\n color: #fff; }\n\n.ct-golden-section:before {\n float: none; }\n\n.ct-chart {\n max-height: 300px; }\n .ct-chart .ct-label {\n fill: #9ca8b3;\n color: #9ca8b3;\n font-size: 12px;\n line-height: 1; }\n\n.ct-chart.simple-pie-chart-chartist .ct-label {\n color: #fff;\n fill: #fff;\n font-size: 16px; }\n\n.ct-grid {\n stroke: rgba(239, 242, 247, 0.09);\n stroke-width: 1px;\n stroke-dasharray: 3px; }\n\n.ct-chart .ct-series.ct-series-a .ct-bar,\n.ct-chart .ct-series.ct-series-a .ct-line,\n.ct-chart .ct-series.ct-series-a .ct-point,\n.ct-chart .ct-series.ct-series-a .ct-slice-donut {\n stroke: #626ed4; }\n\n.ct-chart .ct-series.ct-series-b .ct-bar,\n.ct-chart .ct-series.ct-series-b .ct-line,\n.ct-chart .ct-series.ct-series-b .ct-point,\n.ct-chart .ct-series.ct-series-b .ct-slice-donut {\n stroke: #02a499; }\n\n.ct-chart .ct-series.ct-series-c .ct-bar,\n.ct-chart .ct-series.ct-series-c .ct-line,\n.ct-chart .ct-series.ct-series-c .ct-point,\n.ct-chart .ct-series.ct-series-c .ct-slice-donut {\n stroke: #f8b425; }\n\n.ct-chart .ct-series.ct-series-d .ct-bar,\n.ct-chart .ct-series.ct-series-d .ct-line,\n.ct-chart .ct-series.ct-series-d .ct-point,\n.ct-chart .ct-series.ct-series-d .ct-slice-donut {\n stroke: #eff2f7; }\n\n.ct-chart .ct-series.ct-series-e .ct-bar,\n.ct-chart .ct-series.ct-series-e .ct-line,\n.ct-chart .ct-series.ct-series-e .ct-point,\n.ct-chart .ct-series.ct-series-e .ct-slice-donut {\n stroke: #38a4f8; }\n\n.ct-chart .ct-series.ct-series-f .ct-bar,\n.ct-chart .ct-series.ct-series-f .ct-line,\n.ct-chart .ct-series.ct-series-f .ct-point,\n.ct-chart .ct-series.ct-series-f .ct-slice-donut {\n stroke: #ec4561; }\n\n.ct-chart .ct-series.ct-series-g .ct-bar,\n.ct-chart .ct-series.ct-series-g .ct-line,\n.ct-chart .ct-series.ct-series-g .ct-point,\n.ct-chart .ct-series.ct-series-g .ct-slice-donut {\n stroke: #323a4e; }\n\n.ct-series-a .ct-area,\n.ct-series-a .ct-slice-pie {\n fill: #626ed4; }\n\n.ct-series-b .ct-area,\n.ct-series-b .ct-slice-pie {\n fill: #f8b425; }\n\n.ct-series-c .ct-area,\n.ct-series-c .ct-slice-pie {\n fill: #eff2f7; }\n\n.ct-series-d .ct-area,\n.ct-series-d .ct-slice-pie {\n fill: #02a499; }\n\n.ct-area {\n fill-opacity: .33; }\n\n.chartist-tooltip {\n position: absolute;\n display: inline-block;\n opacity: 0;\n min-width: 10px;\n padding: 2px 10px;\n border-radius: 3px;\n background: #eff2f7;\n color: #2e3648;\n text-align: center;\n pointer-events: none;\n z-index: 1;\n transition: opacity .2s linear; }\n .chartist-tooltip.tooltip-show {\n opacity: 1; }\n\n.ct-line {\n stroke-width: 3px; }\n\n.ct-point {\n stroke-width: 7px; }\n\n.apex-charts {\n min-height: 10px !important; }\n .apex-charts text {\n font-family: var(--bs-font-sans-serif) !important;\n fill: #9ca8b3; }\n .apex-charts .apexcharts-canvas {\n margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n font-family: var(--bs-font-sans-serif) !important; }\n\n.apexcharts-legend-series {\n font-weight: 500; }\n\n.apexcharts-gridline {\n pointer-events: none;\n stroke: #f7f7f7; }\n\n.apexcharts-legend-text {\n color: #3c445a !important;\n font-family: var(--bs-font-sans-serif) !important;\n font-size: 13px !important; }\n\n.apexcharts-pie-label {\n fill: #fff !important; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n font-family: var(--bs-font-sans-serif) !important;\n fill: #9ca8b3; }\n\n/* Flot chart */\n.flot-charts-height {\n height: 320px; }\n\n.flotTip {\n padding: 8px 12px;\n background-color: rgba(239, 242, 247, 0.9);\n z-index: 100;\n color: #323a4e;\n box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n border-radius: 4px; }\n\n.legendLabel {\n color: #9ca8b3; }\n\n.jqstooltip {\n box-sizing: content-box;\n width: auto !important;\n height: auto !important;\n background-color: #eff2f7 !important;\n box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n padding: 5px 10px !important;\n border-radius: 3px;\n border-color: #f8f9fa !important; }\n\n.jqsfield {\n color: #32394e !important;\n font-size: 12px !important;\n line-height: 18px !important;\n font-family: var(--bs-font-sans-serif) !important;\n font-weight: 500 !important; }\n\n.gmaps, .gmaps-panaroma {\n height: 300px !important;\n background: #323a4e;\n border-radius: 3px; }\n\n.gmaps-overlay {\n display: block;\n text-align: center;\n color: #fff;\n font-size: 16px;\n line-height: 40px;\n background: #626ed4;\n border-radius: 4px;\n padding: 10px 20px; }\n\n.gmaps-overlay_arrow {\n left: 50%;\n margin-left: -16px;\n width: 0;\n height: 0;\n position: absolute; }\n .gmaps-overlay_arrow.above {\n bottom: -15px;\n border-left: 16px solid transparent;\n border-right: 16px solid transparent;\n border-top: 16px solid #626ed4; }\n .gmaps-overlay_arrow.below {\n top: -15px;\n border-left: 16px solid transparent;\n border-right: 16px solid transparent;\n border-bottom: 16px solid #626ed4; }\n\n.account-pages .logo-admin {\n position: absolute;\n left: 0;\n right: 0;\n margin: 0px auto;\n width: 74px;\n height: 74px;\n line-height: 74px;\n background: #2a3042;\n border-radius: 50%;\n border-bottom: 2px solid #02a499; }\n\n.accountbg {\n position: absolute;\n background-size: cover;\n height: 100%;\n width: 100%;\n top: 0; }\n\n.account-page-full {\n left: 0;\n position: absolute;\n height: 100%;\n margin: 0;\n width: 420px;\n background-color: #2a3042; }\n .account-page-full .card {\n border: none; }\n\n.account-copyright {\n position: absolute;\n bottom: 0;\n width: 100%; }\n\n.home-btn {\n position: absolute;\n top: 15px;\n right: 25px; }\n\n.maintenance-img img {\n max-width: 320px; }\n\n/*------------ Subscriber --------------*/\n.coming-soon-search-form input {\n padding: 15px 20px;\n width: 100%;\n color: #eff2f7;\n border: 2px solid #32394e;\n outline: none !important;\n padding-right: 180px;\n padding-left: 30px;\n border-radius: 30px;\n background-color: #2a3042; }\n\n.coming-soon-search-form button {\n position: absolute;\n top: 7px;\n right: 8px;\n outline: none !important;\n border-radius: 30px;\n padding: 9px 30px; }\n\n.coming-soon-search-form form {\n position: relative;\n max-width: 600px;\n margin: 0px auto; }\n\n/* ==============\r\n Email\r\n===================*/\n.email-leftbar {\n width: 236px;\n float: left;\n padding: 20px;\n border-radius: 5px; }\n\n.email-rightbar {\n margin-left: 260px; }\n\n.chat-user-box p.user-title {\n color: #eff2f7;\n font-weight: 500; }\n\n.chat-user-box p {\n font-size: 12px; }\n\n@media (max-width: 767px) {\n .email-leftbar {\n float: none;\n width: 100%; }\n .email-rightbar {\n margin: 0; } }\n\n.mail-list a {\n display: block;\n color: #9ca8b3;\n line-height: 24px;\n padding: 8px 5px; }\n .mail-list a.active {\n color: #ec4561;\n font-weight: 500; }\n\n.message-list {\n display: block;\n padding-left: 0; }\n .message-list li {\n position: relative;\n display: block;\n height: 50px;\n line-height: 50px;\n cursor: default;\n transition-duration: .3s; }\n .message-list li a {\n color: #9ca8b3; }\n .message-list li:hover {\n background: #32394e;\n transition-duration: .05s; }\n .message-list li .col-mail {\n float: left;\n position: relative; }\n .message-list li .col-mail-1 {\n width: 320px; }\n .message-list li .col-mail-1 .star-toggle,\n .message-list li .col-mail-1 .checkbox-wrapper-mail,\n .message-list li .col-mail-1 .dot {\n display: block;\n float: left; }\n .message-list li .col-mail-1 .dot {\n border: 4px solid transparent;\n border-radius: 100px;\n margin: 22px 26px 0;\n height: 0;\n width: 0;\n line-height: 0;\n font-size: 0; }\n .message-list li .col-mail-1 .checkbox-wrapper-mail {\n margin: 15px 10px 0 20px; }\n .message-list li .col-mail-1 .star-toggle {\n margin-top: 18px;\n margin-left: 5px; }\n .message-list li .col-mail-1 .title {\n position: absolute;\n top: 0;\n left: 110px;\n right: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-bottom: 0; }\n .message-list li .col-mail-2 {\n position: absolute;\n top: 0;\n left: 320px;\n right: 0;\n bottom: 0; }\n .message-list li .col-mail-2 .subject,\n .message-list li .col-mail-2 .date {\n position: absolute;\n top: 0; }\n .message-list li .col-mail-2 .subject {\n left: 0;\n right: 200px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n .message-list li .col-mail-2 .date {\n right: 0;\n width: 170px;\n padding-left: 80px; }\n .message-list li.active, .message-list li.active:hover {\n box-shadow: inset 3px 0 0 #626ed4; }\n .message-list li.unread {\n background-color: #32394e;\n font-weight: 500;\n color: #dee4ef; }\n .message-list li.unread a {\n color: #dee4ef;\n font-weight: 500; }\n .message-list .checkbox-wrapper-mail {\n cursor: pointer;\n height: 20px;\n width: 20px;\n position: relative;\n display: inline-block;\n box-shadow: inset 0 0 0 1px #e9ecef;\n border-radius: 1px; }\n .message-list .checkbox-wrapper-mail input {\n opacity: 0;\n cursor: pointer; }\n .message-list .checkbox-wrapper-mail input:checked ~ label {\n opacity: 1; }\n .message-list .checkbox-wrapper-mail label {\n position: absolute;\n height: 20px;\n width: 20px;\n left: 0;\n cursor: pointer;\n opacity: 0;\n margin-bottom: 0;\n transition-duration: .05s;\n top: 0; }\n .message-list .checkbox-wrapper-mail label:before {\n content: \"\\F012C\";\n font-family: \"Material Design Icons\";\n top: 0;\n height: 20px;\n color: #dee4ef;\n width: 20px;\n position: absolute;\n margin-top: -16px;\n left: 4px;\n font-size: 13px; }\n\n@media (max-width: 575.98px) {\n .message-list li .col-mail-1 {\n width: 200px; } }\n\n.counter-number {\n font-size: 32px;\n font-weight: 500;\n text-align: center;\n color: #626ed4; }\n .counter-number span {\n font-size: 16px;\n font-weight: 400;\n display: block;\n padding-top: 7px;\n color: #9ca8b3; }\n\n.coming-box {\n float: left;\n width: 21%;\n padding: 14px 7px;\n margin: 0px 0.75rem 1.5rem 0.75rem;\n background-color: #2a3042;\n border-radius: calc(0.25rem - 0);\n box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n@media (max-width: 991.98px) {\n .coming-box {\n width: 40%; } }\n\n.timeline {\n padding-left: 60px;\n padding-right: 60px; }\n .timeline .timeline-list {\n position: relative;\n padding: 60px;\n border-left: 3px dashed #32394e;\n border-bottom: 3px dashed #32394e; }\n .timeline .timeline-list .cd-timeline-content {\n border-radius: 7px;\n background: #323a4e; }\n .timeline .timeline-list .cd-timeline-content .date {\n position: absolute;\n top: 60px;\n left: -39px;\n padding: 24px;\n color: #fff;\n border-radius: 7px; }\n .timeline .timeline-list.right {\n border-left: 0;\n border-right: 3px dashed #32394e;\n border-bottom: 3px dashed #32394e; }\n .timeline .timeline-list.right .cd-timeline-content {\n float: right;\n text-align: right; }\n .timeline .timeline-list.right .cd-timeline-content .date {\n right: -39px;\n left: inherit !important; }\n .timeline .timeline-list.right:last-child {\n border-bottom: 0; }\n\n@media only screen and (min-width: 1025px) {\n #cd-timeline {\n margin-bottom: 3em;\n margin-top: 3em; }\n .cd-timeline-content {\n width: 56%; } }\n\n@media (max-width: 768px) {\n .timeline {\n padding-left: 15px;\n padding-right: 15px; }\n .timeline .timeline-list {\n padding: 15px; }\n .timeline .timeline-list .date {\n top: 18px !important;\n left: -30px !important;\n padding: 14px !important; }\n .timeline .timeline-list.right .date {\n right: -30px !important; } }\n\n.plan-box .plan-btn {\n position: relative; }\n .plan-box .plan-btn::before {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 2px;\n background: #2e3648;\n left: 0px;\n right: 0px;\n top: 12px; }\n\n/* directory */\n.social-links li a {\n margin-bottom: 6px;\n border-radius: 50%;\n display: inline-block;\n height: 30px;\n line-height: 30px;\n width: 30px;\n text-align: center; }\n\n.faq {\n position: relative; }\n .faq .accordion-header {\n border: none;\n background: transparent; }\n\n.accordion .accordion-item {\n border-bottom: 1px solid #32394e !important;\n border-radius: 4px !important;\n box-shadow: none; }\n\n.accordion .accordion-button {\n font-weight: 500; }\n\n.faq[data-bs-toggle=collapse]:after {\n content: '\\F0377';\n display: block;\n font-family: 'Material Design Icons';\n font-size: 20px;\n color: #9ca8b3;\n position: absolute;\n right: 20px;\n font-weight: 500;\n top: 50%;\n background-image: none;\n transform: translateY(-50%); }\n\n.faq[data-bs-toggle=collapse].collapsed::after {\n content: '\\F0419'; }\n\n.overlay-container {\n position: relative; }\n\n.project-item {\n overflow: hidden;\n border-radius: 5px;\n margin-bottom: 30px; }\n\n.project-item img.gallery-thumb-img {\n display: block;\n width: 100%;\n height: auto; }\n\n.project-item-overlay {\n background: none repeat scroll 0 0 #2a3142;\n position: absolute;\n transition: all 0.5s ease-in-out 0s;\n -moz-transition: all 0.5s ease-in-out 0s;\n -webkit-transition: all 0.5s ease-in-out 0s;\n -o-transition: all 0.5s ease-in-out 0s;\n top: 0px;\n left: 0px;\n bottom: 0px;\n right: 0px;\n visibility: hidden;\n overflow: hidden;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%); }\n\n.project-item-overlay h4 {\n font-size: 18px;\n font-weight: 500;\n white-space: nowrap;\n color: #ffffff;\n position: absolute;\n top: 7%;\n left: 7%;\n margin: 0;\n text-overflow: ellipsis; }\n\n.project-item-overlay p {\n font-size: 15px;\n font-weight: 500;\n white-space: nowrap;\n color: #ffffff;\n position: absolute;\n overflow: hidden;\n bottom: 7%;\n left: 7%;\n text-overflow: ellipsis;\n margin: 0; }\n\n.overlay-container:hover .project-item-overlay {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n visibility: visible; }\n","//\r\n// Google font - Roboto\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Roboto:400,500|Sarabun:400,600,700&display=swap');","// \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 \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 {\r\n .header-item.show {\r\n background: rgba($dark, 0.05);\r\n }\r\n }\r\n}\r\n\r\n.navbar-brand-box {\r\n padding: 0 1.5rem;\r\n text-align: center;\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: 20px;\r\n padding-right: 40px;\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: 13px;\r\n line-height: 38px;\r\n right: 13px;\r\n top: 0;\r\n color: $header-item-color;\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: $header-height 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\r\n &:hover {\r\n color: $header-item-color;\r\n }\r\n}\r\n\r\n.header-profile-user {\r\n height: 32px;\r\n width: 32px;\r\n background-color: $gray-300;\r\n}\r\n\r\n.noti-icon {\r\n i {\r\n font-size: 24px;\r\n color: $header-item-color;\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 17px;\r\n right: 7px;\r\n }\r\n}\r\n\r\n.notification-item {\r\n .d-flex {\r\n padding: 0.75rem 1rem;\r\n\r\n &:hover {\r\n background-color: $gray-100;\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 background-color: $gray-100;\r\n }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n [data-bs-toggle=\"fullscreen\"] {\r\n .mdi-fullscreen::before {\r\n content: \"\\F0294\";\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\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 border: 1px solid rgba($white,0.07);\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// Colored sidebar\r\n\r\nbody[data-sidebar=\"colored\"] {\r\n .navbar-brand-box {\r\n background: $sidebar-colored-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\n\r\nbody[data-layout=\"horizontal\"] {\r\n \r\n .navbar-header{\r\n padding: 0 calc(#{$grid-gutter-width} / 2) ;\r\n }\r\n\r\n .navbar-brand-box {\r\n width: auto;\r\n padding-left: 0px;\r\n }\r\n .page-content {\r\n margin-top: $header-height;\r\n padding: 54px 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 .navbar-brand-box {\r\n width: auto;\r\n padding-left: 5px;\r\n }\r\n // #page-topbar {\r\n // padding: 0px; \r\n // }\r\n .page-content {\r\n margin-top: 10px;\r\n } \r\n }\r\n}","\n//\n// custom-variables\n//\n// Vertical Sidebar - Dark\n$sidebar-dark-bg: #2a3142; //2c313a\n$sidebar-dark-menu-item-color: #a6b0cf;\n$sidebar-dark-menu-sub-item-color: #79829c;\n$sidebar-dark-menu-item-icon-color: #8699ad;\n$sidebar-dark-menu-item-hover-color: #ffffff;\n$sidebar-dark-menu-item-active-color: #ffffff;\n$sidebar-dark-menu-item-active-bg: #2f374a;\n$sidebar-width: 240px;\n$sidebar-collapsed-width: 70px;\n$sidebar-width-sm: 160px;\n\n// Vertical Sidebar - Light\n\n$sidebar-bg: #ffffff;\n$sidebar-menu-item-color: #545a6d;\n$sidebar-menu-sub-item-color: #545a6d;\n$sidebar-menu-item-icon-color: #7f8387;\n$sidebar-menu-item-hover-color: #626ed4;\n$sidebar-menu-item-active-color: #626ed4;\n$sidebar-menu-item-active-bg: #f5f5f5;\n\n// Vertical Colored Sidebar - Colored\n\n$sidebar-colored-bg: #626ed4; //2c313a\n$sidebar-colored-menu-item-color: rgba($white, 0.7);\n$sidebar-colored-menu-sub-item-color: rgba($white, 0.7);\n$sidebar-colored-menu-item-icon-color: rgba($white, 0.7);\n$sidebar-colored-menu-item-hover-color: rgba($white, 1.0);\n$sidebar-colored-menu-item-active-color: rgba($white, 1.0);\n$sidebar-colored-menu-item-active-bg: #6b77dd;\n\n// Topbar - Deafult Light\n$header-height: 70px;\n$header-bg: #36394c;\n$header-item-color: #dee2e6;\n\n// Topbar - Dark\n$header-dark-bg: #626ed4;\n$header-dark-item-color: #bfbfc5;\n\n// Topbar Search\n$topbar-search-bg: #353e53;\n\n// Footer\n$footer-height: 60px;\n$footer-bg: #36394c;\n$footer-color: #a6b0cf;\n\n// Horizontal nav\n$topnav-bg: #2a3142;\n\n$menu-item-color: #bfbfc5;\n$menu-subitem-color: rgba(191,191,197,.9);\n$menu-item-active-color: #626ed4;\n\n// Right Sidebar\n$rightbar-width: 280px;\n\n// Display\n$display-none: block;\n$display-block: none;\n\n// Brand \n$navbar-brand-box-width: 240px;\n\n// Secondary font\n$font-family-secondary: 'Sarabun', sans-serif;\n\n// Boxed layout width\n$boxed-layout-width: 1300px;\n$boxed-body-bg: #e3e3e3;\n\n// Font Weight\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n\n// apex charts\n$apex-grid-color: #f7f7f7;\n\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n//\n\n// scss-docs-start gray-color-variables\n$white: #fff;\n$gray-100: #323a4e;\n$gray-200: #32394e;\n$gray-300: #2e3648;\n$gray-400: #e9ecef;\n$gray-500: #9ca8b3;\n$gray-600: #3c445a;\n$gray-700: #f6f6f6;\n$gray-800: #eff2f7;\n$gray-900: #f8f9fa;\n$black: #000;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n);\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #626ed4;\n$indigo: #6610f2;\n$purple: #6f42c1;\n$pink: #e83e8c;\n$red: #ec4561;\n$orange: #f1734f;\n$yellow: #f8b425;\n$green: #02a499;\n$teal: #050505;\n$cyan: #38a4f8;\n$brown: #8d6e63;\n$blue-grey: #90a4ae;\n$lime: #afb42b;\n// scss-docs-end color-variables\n\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n);\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue;\n$secondary: $gray-600;\n$success: $green;\n$info: $cyan;\n$warning: $yellow;\n$danger: $red;\n$indigo: $indigo;\n$purple: $purple;\n$light: $gray-200;\n$dark: $gray-800;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"indigo\": $indigo,\n \"danger\": $danger,\n \"brown\": $brown,\n \"teal\": $teal,\n \"lime\": $lime,\n \"orange\": $orange,\n \"blue-grey\": $blue-grey,\n \"purple\": $purple,\n \"pink\": $pink,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 1.6;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black;\n$color-contrast-light: $white;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%);\n$blue-200: tint-color($blue, 60%);\n$blue-300: tint-color($blue, 40%);\n$blue-400: tint-color($blue, 20%);\n$blue-500: $blue;\n$blue-600: shade-color($blue, 20%);\n$blue-700: shade-color($blue, 40%);\n$blue-800: shade-color($blue, 60%);\n$blue-900: shade-color($blue, 80%);\n\n$indigo-100: tint-color($indigo, 80%);\n$indigo-200: tint-color($indigo, 60%);\n$indigo-300: tint-color($indigo, 40%);\n$indigo-400: tint-color($indigo, 20%);\n$indigo-500: $indigo;\n$indigo-600: shade-color($indigo, 20%);\n$indigo-700: shade-color($indigo, 40%);\n$indigo-800: shade-color($indigo, 60%);\n$indigo-900: shade-color($indigo, 80%);\n\n$purple-100: tint-color($purple, 80%);\n$purple-200: tint-color($purple, 60%);\n$purple-300: tint-color($purple, 40%);\n$purple-400: tint-color($purple, 20%);\n$purple-500: $purple;\n$purple-600: shade-color($purple, 20%);\n$purple-700: shade-color($purple, 40%);\n$purple-800: shade-color($purple, 60%);\n$purple-900: shade-color($purple, 80%);\n\n$pink-100: tint-color($pink, 80%);\n$pink-200: tint-color($pink, 60%);\n$pink-300: tint-color($pink, 40%);\n$pink-400: tint-color($pink, 20%);\n$pink-500: $pink;\n$pink-600: shade-color($pink, 20%);\n$pink-700: shade-color($pink, 40%);\n$pink-800: shade-color($pink, 60%);\n$pink-900: shade-color($pink, 80%);\n\n$red-100: tint-color($red, 80%);\n$red-200: tint-color($red, 60%);\n$red-300: tint-color($red, 40%);\n$red-400: tint-color($red, 20%);\n$red-500: $red;\n$red-600: shade-color($red, 20%);\n$red-700: shade-color($red, 40%);\n$red-800: shade-color($red, 60%);\n$red-900: shade-color($red, 80%);\n\n$orange-100: tint-color($orange, 80%);\n$orange-200: tint-color($orange, 60%);\n$orange-300: tint-color($orange, 40%);\n$orange-400: tint-color($orange, 20%);\n$orange-500: $orange;\n$orange-600: shade-color($orange, 20%);\n$orange-700: shade-color($orange, 40%);\n$orange-800: shade-color($orange, 60%);\n$orange-900: shade-color($orange, 80%);\n\n$yellow-100: tint-color($yellow, 80%);\n$yellow-200: tint-color($yellow, 60%);\n$yellow-300: tint-color($yellow, 40%);\n$yellow-400: tint-color($yellow, 20%);\n$yellow-500: $yellow;\n$yellow-600: shade-color($yellow, 20%);\n$yellow-700: shade-color($yellow, 40%);\n$yellow-800: shade-color($yellow, 60%);\n$yellow-900: shade-color($yellow, 80%);\n\n\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n);\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: false;\n$enable-rounded: true;\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-transitions: true;\n$enable-reduced-motion: true;\n$enable-smooth-scroll: true;\n$enable-grid-classes: true;\n$enable-button-pointers: true;\n$enable-rfs: true;\n$enable-validation-icons: true;\n$enable-negative-margins: true;\n$enable-deprecation-messages: true;\n$enable-important-utilities: true;\n\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs-;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));\n// scss-docs-end variable-gradient\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n);\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: #222736;\n$body-color: $gray-400;\n$body-text-align: null;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary;\n$link-decoration: none;\n$link-shade-percentage: 20%;\n$link-hover-color: shift-color($link-color, $link-shade-percentage);\n$link-hover-decoration: underline;\n\n$stretched-link-pseudo-element: after;\n$stretched-link-z-index: 1;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n);\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n);\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12;\n$grid-gutter-width: 1.5rem;\n$grid-row-columns: 6;\n\n$gutters: $spacers;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2;\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$line-height-sm: 1.5;\n\n$border-width: 1px;\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n);\n\n$border-color: lighten($gray-200, 1%);\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem;\n$border-radius-lg: .4rem;\n$border-radius-sm: .2rem;\n$border-radius-pill: 50rem;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);\n$box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175);\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075);\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white;\n$component-active-bg: $primary;\n\n// scss-docs-start caret-variables\n$caret-width: .3em;\n$caret-vertical-align: $caret-width * .85;\n$caret-spacing: $caret-width * .85;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out;\n$transition-fade: opacity .15s linear;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Roboto', sans-serif;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n\n\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif);\n$font-family-code: var(--#{$variable-prefix}font-monospace);\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n\n$font-size-root: null;\n$font-size-base: 0.875rem;\n$font-size-sm: $font-size-base * .875;\n$font-size-lg: $font-size-base * 1.25;\n\n\n$font-weight-lighter: lighter;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-bold: 700;\n$font-weight-bolder: bolder;\n\n$font-weight-base: $font-weight-normal;\n$line-height-base: 1.5;\n$line-height-sm: 1.25;\n$line-height-lg: 2;\n\n$h1-font-size: $font-size-base * 2.5;\n$h2-font-size: $font-size-base * 2;\n$h3-font-size: $font-size-base * 1.75;\n$h4-font-size: $font-size-base * 1.5;\n$h5-font-size: $font-size-base * 1.25;\n$h6-font-size: $font-size-base;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer / 2;\n$headings-font-family: null;\n$headings-font-style: null;\n$headings-font-weight: 500;\n$headings-line-height: 1.2;\n$headings-color: null;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 6rem,\n 2: 5.5rem,\n 3: 4.5rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n);\n\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25;\n$lead-font-weight: 300;\n\n$small-font-size: 80%;\n\n$sub-sup-font-size: .75em;\n$text-muted: $gray-500;\n\n$initialism-font-size: $small-font-size;\n\n$blockquote-margin-y: $spacer;\n$blockquote-font-size: $font-size-base * 1.25;\n$blockquote-footer-color: $gray-600;\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y: $spacer;\n$hr-color: inherit;\n$hr-height: $border-width;\n$hr-opacity: 0.2;\n\n$legend-margin-bottom: .5rem;\n$legend-font-size: 1.5rem;\n$legend-font-weight: null;\n\n$mark-padding: .2em;\n\n$dt-font-weight: $font-weight-medium;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25);\n$nested-kbd-font-weight: $font-weight-bold;\n\n$list-inline-padding: .5rem;\n\n$mark-bg: #fcf8e3;\n// scss-docs-end type-variables\n$hr-margin-y: $spacer;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .75rem;\n$table-cell-padding-x: .75rem;\n$table-cell-padding-y-sm: .3rem;\n$table-cell-padding-x-sm: .3rem;\n\n$table-cell-vertical-align: top;\n\n$table-color: lighten($gray-500, 4%);\n$table-bg: null;\n\n$table-th-font-weight: null;\n\n\n$table-striped-color: $table-color;\n$table-striped-bg-factor: .05;\n$table-striped-bg: rgba(0, 0, 0, .05);\n\n$table-active-color: $table-color;\n$table-active-bg-factor: .1;\n$table-active-bg: $table-hover-bg;\n\n$table-hover-color: $table-color;\n$table-hover-bg-factor: .075;\n$table-hover-bg: $gray-100;\n\n$table-border-factor: .1;\n$table-border-width: $border-width;\n$table-border-color: $border-color;\n\n\n$table-head-bg: $gray-200;\n$table-head-color: $gray-400;\n\n$table-striped-order: odd;\n$table-group-separator-color: $border-color;\n\n$table-caption-color: $text-muted;\n\n$table-bg-scale: -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $light,\n);\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem;\n$input-btn-padding-x: .75rem;\n$input-btn-font-family: null;\n$input-btn-font-size: $font-size-base;\n$input-btn-line-height: $line-height-base;\n\n$input-btn-focus-width: .15rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color: rgba($component-active-bg, .25);\n$input-btn-focus-blur: 0;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm: .25rem;\n$input-btn-padding-x-sm: .5rem;\n$input-btn-font-size-sm: $font-size-sm;\n\n$input-btn-padding-y-lg: .5rem;\n$input-btn-padding-x-lg: 1rem;\n$input-btn-font-size-lg: $font-size-lg;\n\n$input-btn-border-width: $border-width;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y;\n$btn-padding-x: $input-btn-padding-x;\n$btn-font-family: $input-btn-font-family;\n$btn-font-size: $input-btn-font-size;\n$btn-line-height: $input-btn-line-height;\n$btn-white-space: null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm;\n$btn-padding-x-sm: $input-btn-padding-x-sm;\n$btn-font-size-sm: $input-btn-font-size-sm;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg;\n$btn-padding-x-lg: $input-btn-padding-x-lg;\n$btn-font-size-lg: $input-btn-font-size-lg;\n\n$btn-border-width: $input-btn-border-width;\n\n$btn-font-weight: $font-weight-normal;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width: $input-btn-focus-width;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color: $link-color;\n$btn-link-hover-color: $link-hover-color;\n$btn-link-disabled-color: $gray-600;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius;\n$btn-border-radius-sm: $border-radius-sm;\n$btn-border-radius-lg: $border-radius-lg;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-hover-bg-shade-amount: 15%;\n$btn-hover-bg-tint-amount: 15%;\n$btn-hover-border-shade-amount: 20%;\n$btn-hover-border-tint-amount: 10%;\n$btn-active-bg-shade-amount: 20%;\n$btn-active-bg-tint-amount: 20%;\n$btn-active-border-shade-amount: 25%;\n$btn-active-border-tint-amount: 10%;\n// scss-docs-end btn-variables\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem;\n$form-text-font-size: $small-font-size;\n$form-text-font-style: null;\n$form-text-font-weight: null;\n$form-text-color: $text-muted;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem;\n$form-label-font-size: null;\n$form-label-font-style: null;\n$form-label-font-weight: null;\n$form-label-color: null;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y;\n$input-padding-x: $input-btn-padding-x;\n$input-font-family: $input-btn-font-family;\n$input-font-size: $input-btn-font-size;\n$input-font-weight: $font-weight-base;\n$input-line-height: $input-btn-line-height;\n\n$input-padding-y-sm: $input-btn-padding-y-sm;\n$input-padding-x-sm: $input-btn-padding-x-sm;\n$input-font-size-sm: $input-btn-font-size-sm;\n\n$input-padding-y-lg: $input-btn-padding-y-lg;\n$input-padding-x-lg: $input-btn-padding-x-lg;\n$input-font-size-lg: $input-btn-font-size-lg;\n\n$input-bg: $gray-300;\n$input-disabled-bg: tint-color($gray-200, 1%);\n$input-disabled-border-color: null;\n\n$input-color: $gray-500;\n$input-border-color: lighten($gray-200, 2%);\n$input-border-width: $input-btn-border-width;\n$input-box-shadow: $box-shadow-inset;\n\n$input-border-radius: $border-radius;\n$input-border-radius-lg: $border-radius-lg;\n$input-border-radius-sm: $border-radius-sm;\n\n$input-focus-bg: tint-color($input-bg, 1%);\n$input-focus-border-color: tint-color($input-border-color, 2%);\n$input-focus-color: $input-color;\n$input-focus-width: $input-btn-focus-width;\n$input-focus-box-shadow: none;\n\n$input-placeholder-color: $gray-500;\n$input-plaintext-color: $body-color;\n\n$input-height-border: $input-border-width * 2;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2);\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em;\n$form-check-min-height: $font-size-base * $line-height-base;\n$form-check-padding-start: $form-check-input-width + .5em;\n$form-check-margin-bottom: .125rem;\n$form-check-label-color: null;\n$form-check-label-cursor: null;\n$form-check-transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-check-input-active-filter: brightness(90%);\n\n$form-check-input-bg: $gray-300;\n$form-check-input-border: 1px solid rgba($white, .5);\n$form-check-input-border-radius: .25em;\n$form-check-radio-border-radius: 50%;\n$form-check-input-focus-border: $input-focus-border-color;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow;\n\n$form-check-input-checked-color: $component-active-color;\n$form-check-input-checked-bg-color: $component-active-bg;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color: $component-active-color;\n$form-check-input-indeterminate-bg-color: $component-active-bg;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity: .5;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity;\n\n$form-check-inline-margin-end: 1rem;\n// scss-docs-end form-check-variables\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($white, .5);\n$form-switch-width: 2em;\n$form-switch-padding-start: $form-switch-width + .5em;\n$form-switch-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius: $form-switch-width;\n$form-switch-transition: background-position .15s ease-in-out;\n\n$form-switch-focus-color: $input-focus-border-color;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color: $component-active-color;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y;\n$input-group-addon-padding-x: $input-padding-x;\n$input-group-addon-font-weight: $input-font-weight;\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: lighten($gray-200, 4%);\n$input-group-addon-border-color: $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y;\n$form-select-padding-x: $input-padding-x;\n$form-select-font-family: $input-font-family;\n$form-select-font-size: $input-font-size;\n$form-select-indicator-padding: 1.5rem; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight;\n$form-select-line-height: $input-line-height;\n$form-select-color: $input-color;\n$form-select-disabled-color: $gray-600;\n$form-select-bg: $input-bg;\n$form-select-disabled-bg: $gray-200;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position: right $form-select-padding-x center;\n$form-select-bg-size: 16px 12px; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800;\n$form-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width: $input-border-width;\n$form-select-border-color: $input-border-color;\n$form-select-border-radius: $border-radius;\n$form-select-box-shadow: $box-shadow-inset;\n\n$form-select-focus-border-color: $input-focus-border-color;\n$form-select-focus-width: $input-focus-width;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color;\n\n$form-select-padding-y-sm: $input-padding-y-sm;\n$form-select-padding-x-sm: $input-padding-x-sm;\n$form-select-font-size-sm: $input-font-size-sm;\n\n$form-select-padding-y-lg: $input-padding-y-lg;\n$form-select-padding-x-lg: $input-padding-x-lg;\n$form-select-font-size-lg: $input-font-size-lg;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100%;\n$form-range-track-height: .5rem;\n$form-range-track-cursor: pointer;\n$form-range-track-bg: $gray-300;\n$form-range-track-border-radius: 1rem;\n$form-range-track-box-shadow: $box-shadow-inset;\n\n$form-range-thumb-width: 1rem;\n$form-range-thumb-height: $form-range-thumb-width;\n$form-range-thumb-bg: $component-active-bg;\n$form-range-thumb-border: 0;\n$form-range-thumb-border-radius: 1rem;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1);\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg: $gray-500;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color;\n$form-file-button-bg: $input-group-addon-bg;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%);\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border);\n$form-floating-padding-x: $input-padding-x;\n$form-floating-padding-y: 1rem;\n$form-floating-input-padding-t: 1.625rem;\n$form-floating-input-padding-b: 0.625rem;\n$form-floating-label-opacity: 0.65;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top;\n$form-feedback-font-size: $form-text-font-size;\n$form-feedback-font-style: $form-text-font-style;\n$form-feedback-valid-color: $success;\n$form-feedback-invalid-color: $danger;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n);\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1040;\n$zindex-offcanvas: 1050;\n$zindex-modal: 1060;\n$zindex-popover: 1070;\n$zindex-tooltip: 1080;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem;\n$nav-link-padding-x: 1rem;\n$nav-link-font-size: null;\n$nav-link-font-weight: null;\n$nav-link-color: null;\n$nav-link-hover-color: null;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n$nav-link-disabled-color: $gray-600;\n\n$nav-tabs-border-color: lighten($gray-300, 4%);\n$nav-tabs-border-width: $border-width;\n$nav-tabs-border-radius: $border-radius;\n$nav-tabs-link-hover-border-color: lighten($gray-300, 4%) lighten($gray-300, 4%) $nav-tabs-border-color;\n$nav-tabs-link-active-color: $gray-700;\n$nav-tabs-link-active-bg: $gray-200;\n$nav-tabs-link-active-border-color: lighten($gray-300, 4%) lighten($gray-300, 4%) $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius: $border-radius;\n$nav-pills-link-active-color: $component-active-color;\n$nav-pills-link-active-bg: $component-active-bg;\n// scss-docs-end nav-variables\n\n$nav-divider-color: $gray-200;\n$nav-divider-margin-y: $spacer / 2;\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer / 2;\n$navbar-padding-x: null;\n\n$navbar-nav-link-padding-x: .5rem;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2;\n$navbar-brand-margin-end: 1rem;\n\n$navbar-toggler-padding-y: .25rem;\n$navbar-toggler-padding-x: .75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n$navbar-toggler-focus-width: $btn-focus-width;\n$navbar-toggler-transition: box-shadow .15s ease-in-out;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55);\n$navbar-dark-hover-color: rgba($white, .75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color: rgba($white, .1);\n\n$navbar-light-color: rgba($black, .55);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem;\n$dropdown-padding-x: 0;\n$dropdown-padding-y: .5rem;\n$dropdown-spacer: .125rem;\n$dropdown-font-size: $font-size-base;\n$dropdown-color: $body-color;\n$dropdown-bg: $gray-300;\n$dropdown-border-color: lighten($gray-200, 4%);\n$dropdown-border-radius: $border-radius;\n$dropdown-border-width: 1px;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width});\n$dropdown-divider-bg: $gray-200;\n$dropdown-divider-margin-y: $spacer / 2;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175);\n\n$dropdown-link-color: $gray-500;\n$dropdown-link-hover-color: darken($gray-900, 5%);\n$dropdown-link-hover-bg: $gray-100;\n\n$dropdown-link-active-color: darken($gray-900, 5%);\n$dropdown-link-active-bg: $gray-300;\n\n$dropdown-link-disabled-color: $gray-600;\n\n$dropdown-item-padding-y: .35rem;\n$dropdown-item-padding-x: 1.5rem;\n\n$dropdown-header-color: $gray-600;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300;\n$dropdown-dark-bg: $gray-800;\n$dropdown-dark-border-color: $dropdown-border-color;\n$dropdown-dark-divider-bg: $dropdown-divider-bg;\n$dropdown-dark-box-shadow: null;\n$dropdown-dark-link-color: $dropdown-dark-color;\n$dropdown-dark-link-hover-color: $white;\n$dropdown-dark-link-hover-bg: rgba($white, .15);\n$dropdown-dark-link-active-color: $dropdown-link-active-color;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-500;\n$dropdown-dark-header-color: $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem;\n$pagination-padding-x: .75rem;\n$pagination-padding-y-sm: .25rem;\n$pagination-padding-x-sm: .5rem;\n$pagination-padding-y-lg: .75rem;\n$pagination-padding-x-lg: 1.5rem;\n\n$pagination-color: $gray-500;\n$pagination-bg: $gray-200;\n$pagination-border-width: $border-width;\n$pagination-border-radius: $border-radius;\n$pagination-margin-start: -$pagination-border-width;\n$pagination-border-color: lighten($gray-200, 4%);\n\n$pagination-focus-color: $link-hover-color;\n$pagination-focus-bg: $gray-200;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow;\n$pagination-focus-outline: 0;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $gray-200;\n$pagination-hover-border-color: $gray-300;\n\n$pagination-active-color: $component-active-color;\n$pagination-active-bg: $component-active-bg;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $gray-600;\n$pagination-disabled-bg: $gray-300;\n$pagination-disabled-border-color: $gray-300;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$pagination-border-radius-sm: $border-radius-sm;\n$pagination-border-radius-lg: $border-radius-lg;\n// scss-docs-end pagination-variables\n\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: 1.25rem;\n$card-spacer-x: 1.25rem;\n$card-title-spacer-y: $spacer / 2;\n$card-border-width: 0;\n$card-border-radius: $border-radius;\n$card-border-color: $gray-300;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});\n$card-cap-padding-y: 1.5rem / 2;\n$card-cap-padding-x: $card-spacer-x;\n$card-cap-bg: $gray-300;\n$card-cap-color: null;\n$card-height: null;\n$card-color: null;\n$card-bg: #2a3042;\n\n$card-img-overlay-padding: $spacer;\n\n$card-title-desc: $gray-500;\n\n$card-group-margin: $grid-gutter-width / 2;\n// scss-docs-end card-variables\n\n// Accordion\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem;\n$accordion-padding-x: 1.25rem;\n$accordion-color: $body-color;\n$accordion-bg: transparent;\n$accordion-border-width: 0;\n$accordion-border-color: $border-color;\n$accordion-border-radius: $border-radius;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width);\n\n$accordion-body-padding-y: $accordion-padding-y;\n$accordion-body-padding-x: $accordion-padding-x;\n\n$accordion-button-padding-y: $accordion-padding-y;\n$accordion-button-padding-x: $accordion-padding-x;\n$accordion-button-color: $accordion-color;\n$accordion-button-bg: $accordion-bg;\n$accordion-transition: $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg: $card-bg;\n$accordion-button-active-color: shade-color($primary, 10%);\n\n$accordion-button-focus-border-color: $accordion-button-active-bg;\n$accordion-button-focus-box-shadow: none;\n\n$accordion-icon-width: 16px;\n$accordion-icon-color: $accordion-color;\n$accordion-icon-active-color: $accordion-button-active-color;\n$accordion-icon-transition: transform .2s ease-in-out;\n$accordion-icon-transform: rotate(180deg);\n\n$accordion-button-icon: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n$accordion-button-active-icon: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm;\n$tooltip-max-width: 200px;\n$tooltip-color: $white;\n$tooltip-bg: $black;\n$tooltip-border-radius: $border-radius;\n$tooltip-opacity: .9;\n$tooltip-padding-y: .4rem;\n$tooltip-padding-x: .7rem;\n$tooltip-margin: 0;\n\n$tooltip-arrow-width: .8rem;\n$tooltip-arrow-height: .4rem;\n$tooltip-arrow-color: $tooltip-bg;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x;\n$form-feedback-tooltip-font-size: $tooltip-font-size;\n$form-feedback-tooltip-line-height: $line-height-base;\n$form-feedback-tooltip-opacity: $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm;\n$popover-bg: $white;\n$popover-max-width: 276px;\n$popover-border-width: $border-width;\n$popover-border-color: $gray-200;\n$popover-border-radius: $border-radius-lg;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width);\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2);\n\n$popover-header-bg: shade-color($popover-bg, 4%);\n$popover-header-color: $gray-200;\n$popover-header-padding-y: .5rem;\n$popover-header-padding-x: $spacer;\n\n$popover-body-color: $gray-600;\n$popover-body-padding-y: $spacer;\n$popover-body-padding-x: $spacer;\n\n$popover-arrow-width: 1rem;\n$popover-arrow-height: .5rem;\n$popover-arrow-color: $popover-bg;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05);\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px;\n$toast-padding-x: .75rem;\n$toast-padding-y: .25rem;\n$toast-font-size: .875rem;\n$toast-color: null;\n$toast-background-color: rgba($white, .85);\n$toast-border-width: 1px;\n$toast-border-color: rgba(0, 0, 0, .1);\n$toast-border-radius: .25rem;\n$toast-box-shadow: $box-shadow;\n$toast-spacing: $container-padding-x;\n\n$toast-header-color: $gray-600;\n$toast-header-background-color: rgba($white, .85);\n$toast-header-border-color: rgba(0, 0, 0, .05);\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: 75%;\n$badge-font-weight: $font-weight-medium;\n$badge-color: $white;\n$badge-padding-y: .25em;\n$badge-padding-x: .4em;\n$badge-border-radius: $border-radius;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: 1rem;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem;\n$modal-dialog-margin: .5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n\n$modal-title-line-height: $line-height-base;\n\n$modal-content-color: null;\n$modal-content-bg: $gray-200;\n$modal-content-border-color: lighten($gray-300, 4%);\n$modal-content-border-width: $border-width;\n$modal-content-border-radius: $border-radius-lg;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs: $box-shadow-sm;\n$modal-content-box-shadow-sm-up: $box-shadow;\n\n\n$modal-backdrop-bg: $black;\n$modal-backdrop-opacity: .5;\n$modal-header-border-color: lighten($gray-300, 6%);\n$modal-footer-border-color: $modal-header-border-color;\n$modal-header-border-width: $modal-content-border-width;\n$modal-footer-border-width: $modal-header-border-width;\n$modal-header-padding-y: $modal-inner-padding;\n$modal-header-padding-x: $modal-inner-padding;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-sm: 300px;\n$modal-md: 500px;\n$modal-lg: 800px;\n$modal-xl: 1140px;\n\n$modal-fade-transform: translate(0, -50px);\n$modal-show-transform: none;\n$modal-transition: transform .3s ease-out;\n$modal-scale-transform: scale(1.02);\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: .75rem;\n$alert-padding-x: 1.25rem;\n$alert-margin-bottom: 1rem;\n$alert-border-radius: $border-radius;\n$alert-link-font-weight: $font-weight-medium;\n$alert-border-width: $border-width;\n\n$alert-bg-scale: -80%;\n$alert-border-scale: -70%;\n$alert-color-scale: 40%;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: .625rem;\n$progress-font-size: $font-size-base * .75;\n$progress-bg: $gray-300;\n$progress-border-radius: $border-radius;\n$progress-box-shadow: $box-shadow-inset;\n$progress-bar-color: $white;\n$progress-bar-bg: $primary;\n$progress-bar-animation-timing: 1s linear infinite;\n$progress-bar-transition: width .6s ease;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: null;\n$list-group-bg: $card-bg;\n$list-group-border-color: $border-color;\n$list-group-border-width: $border-width;\n$list-group-border-radius: $border-radius;\n\n$list-group-item-padding-y: .75rem;\n$list-group-item-padding-x: 1.25rem;\n$list-group-item-bg-scale: -80%;\n$list-group-item-color-scale: 40%;\n\n$list-group-hover-bg: $gray-100;\n$list-group-active-color: $component-active-color;\n$list-group-active-bg: $component-active-bg;\n$list-group-active-border-color: $list-group-active-bg;\n\n$list-group-disabled-color: $gray-600;\n$list-group-disabled-bg: $list-group-bg;\n\n$list-group-action-color: $gray-700;\n$list-group-action-hover-color: $list-group-action-color;\n\n$list-group-action-active-color: $body-color;\n$list-group-action-active-bg: $gray-200;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem;\n$thumbnail-bg: $gray-200;\n$thumbnail-border-width: $border-width;\n$thumbnail-border-color: $gray-300;\n$thumbnail-border-radius: $border-radius;\n$thumbnail-box-shadow: $box-shadow-sm;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size;\n$figure-caption-color: $gray-600;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null;\n$breadcrumb-padding-y: .75rem;\n$breadcrumb-padding-x: 1rem;\n$breadcrumb-item-padding: .5rem;\n\n$breadcrumb-margin-bottom: 1rem;\n\n$breadcrumb-bg: $gray-200;\n$breadcrumb-divider-color: $gray-400;\n$breadcrumb-active-color: rgba($dark, 0.5);\n$breadcrumb-divider: quote(\"/\");\n$breadcrumb-divider-flipped: $breadcrumb-divider;\n$breadcrumb-border-radius: $border-radius;\n// scss-docs-end breadcrumb-variables\n\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white;\n$carousel-control-width: 15%;\n$carousel-control-opacity: .5;\n$carousel-control-hover-opacity: .9;\n$carousel-control-transition: opacity .15s ease;\n\n$carousel-indicator-width: 30px;\n$carousel-indicator-height: 3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer: 3px;\n$carousel-indicator-opacity: .5;\n$carousel-indicator-active-bg: $white;\n$carousel-indicator-active-opacity: 1;\n$carousel-indicator-transition: opacity .6s ease;\n\n$carousel-caption-width: 70%;\n$carousel-caption-color: $white;\n$carousel-caption-padding-y: 1.25rem;\n$carousel-caption-spacer: 1.25rem;\n\n$carousel-control-icon-width: 2rem;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration: .6s;\n$carousel-transition: transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black;\n$carousel-dark-caption-color: $black;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem;\n$spinner-height: $spinner-width;\n$spinner-vertical-align: -.125em;\n$spinner-border-width: .25em;\n$spinner-animation-speed: .75s;\n\n$spinner-width-sm: 1rem;\n$spinner-height-sm: $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em;\n$btn-close-height: $btn-close-width;\n$btn-close-padding-x: .25em;\n$btn-close-padding-y: $btn-close-padding-x;\n$btn-close-color: $white;\n$btn-close-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-bg-dark: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$black}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-focus-shadow: none;\n$btn-close-opacity: .5;\n$btn-close-hover-opacity: .75;\n$btn-close-focus-opacity: 1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding;\n$offcanvas-padding-x: $modal-inner-padding;\n$offcanvas-horizontal-width: 400px;\n$offcanvas-vertical-height: 30vh;\n$offcanvas-transition-duration: .3s;\n$offcanvas-border-color: $modal-content-border-color;\n$offcanvas-border-width: $modal-content-border-width;\n$offcanvas-title-line-height: $modal-title-line-height;\n$offcanvas-bg-color: $modal-content-bg;\n$offcanvas-color: $modal-content-color;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: 87.5%;\n$code-color: $pink;\n\n$kbd-padding-y: .2rem;\n$kbd-padding-x: .4rem;\n$kbd-font-size: $code-font-size;\n$kbd-color: $white;\n$kbd-bg: $gray-900;\n\n$pre-color: $gray-900;","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n padding: 24px 0px;\r\n\r\n .breadcrumb {\r\n background-color: transparent;\r\n padding: 0;\r\n }\r\n\r\n h4 {\r\n font-weight: 700;\r\n }\r\n}","\r\n// \r\n// Page-title\r\n// \r\n\r\n\r\n.page-title-box {\r\n padding-bottom: $grid-gutter-width;\r\n\r\n .page-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n }\r\n\r\n .breadcrumb {\r\n padding: 0rem;\r\n }\r\n\r\n .dropdown {\r\n .show.header-item {\r\n background-color: rgba($gray-100, 0.1);\r\n }\r\n }\r\n\r\n}\r\n\r\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 text-align: center;\r\n color: $footer-color;\r\n left: 240px;\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// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n background-color: $card-bg;\r\n box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n display: block;\r\n position: fixed;\r\n transition: all 200ms ease-out;\r\n width: $rightbar-width;\r\n z-index: 9999;\r\n float: right !important;\r\n right: -($rightbar-width + 10px);\r\n top: 0;\r\n bottom: 0;\r\n\r\n .right-bar-toggle {\r\n background-color: lighten($dark, 7%);\r\n height: 24px;\r\n width: 24px;\r\n line-height: 24px;\r\n color: $gray-200;\r\n text-align: center;\r\n border-radius: 50%;\r\n\r\n &:hover {\r\n background-color: lighten($dark, 10%);\r\n }\r\n }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n background-color: rgba($dark, 0.55);\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n display: none;\r\n z-index: 9998;\r\n transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n .right-bar {\r\n right: 0;\r\n }\r\n .rightbar-overlay {\r\n display: block;\r\n }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n .right-bar {\r\n overflow: auto;\r\n .slimscroll-menu {\r\n height: auto !important;\r\n }\r\n }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\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 overflow: hidden;\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: 12px 20px;\r\n font-family: $font-family-secondary;\r\n color: $sidebar-menu-item-color;\r\n position: relative;\r\n font-size: 15.7px;\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 line-height: 1.40625rem;\r\n vertical-align: middle;\r\n color: $sidebar-menu-item-icon-color;\r\n transition: all .4s;\r\n font-size: 14.7px;\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.3rem;\r\n font-size: 15px;\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: 10px;\r\n text-transform: uppercase;\r\n color: $sidebar-menu-item-icon-color !important;\r\n font-weight: $font-weight-medium;\r\n}\r\n\r\n.mm-active {\r\n color: $sidebar-menu-item-active-color !important;\r\n\r\n >a {\r\n color: $sidebar-menu-item-active-color !important;\r\n background-color: $sidebar-menu-item-active-bg;\r\n\r\n i {\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n\r\n .active {\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 >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.1rem;\r\n margin-left: 6px;\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 \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 \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 >.mm-active{\r\n background-color: $sidebar-dark-menu-item-active-bg;\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 background: transparent;\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 >li{\r\n >a{\r\n &.mm-active{\r\n background-color: $sidebar-dark-menu-item-active-bg;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // Enlarge menu\r\n &.vertical-collpsed {\r\n min-height: 1200px;\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-dark-menu-item-active-color;\r\n i{\r\n color: $sidebar-dark-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 > a{\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n background-color: $sidebar-dark-menu-item-active-bg;\r\n i {\r\n color: $sidebar-dark-menu-item-active-color !important;\r\n }\r\n }\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 background-color: $sidebar-dark-menu-item-active-bg;\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 !important;\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 .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 #sidebar-menu {\r\n ul li {\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 !important;\r\n\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// Light Colored\r\n\r\n\r\nbody[data-sidebar=\"light\"] {\r\n .vertical-menu {\r\n background: $sidebar-bg;\r\n }\r\n\r\n #sidebar-menu {\r\n \r\n ul {\r\n li {\r\n \r\n a {\r\n color: $sidebar-menu-item-color;\r\n\r\n i {\r\n color: $sidebar-menu-item-icon-color;\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 \r\n >.mm-active {\r\n color: $sidebar-menu-item-active-color !important;\r\n > a{\r\n color: $white !important;\r\n background-color: $sidebar-menu-item-active-bg;\r\n \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-menu-sub-item-color;\r\n background: transparent;\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 >li{\r\n >a{\r\n &.mm-active{\r\n background-color: $sidebar-menu-item-active-bg;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // Enlarge menu\r\n &.vertical-collpsed {\r\n min-height: 1200px;\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-bg, 2%);\r\n color: $sidebar-menu-item-hover-color;\r\n i{\r\n color: $sidebar-menu-item-hover-color;\r\n }\r\n }\r\n\r\n >ul {\r\n a{\r\n color: $sidebar-menu-sub-item-color;\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 background-color: $sidebar-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;\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-menu-item-active-color !important;\r\n > i {\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n .active {\r\n color: $sidebar-menu-item-active-color !important;\r\n background-color: $sidebar-menu-item-active-bg;\r\n\r\n i {\r\n color: $sidebar-menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n\r\n .menu-title {\r\n color: $sidebar-menu-item-icon-color !important;\r\n }\r\n} \r\n\r\n// Colored Sidebar\r\n\r\n\r\nbody[data-sidebar=\"colored\"] {\r\n .vertical-menu {\r\n background: $sidebar-colored-bg;\r\n }\r\n\r\n \r\n\r\n #sidebar-menu {\r\n \r\n ul {\r\n li {\r\n \r\n a {\r\n color: $sidebar-colored-menu-item-color;\r\n\r\n i {\r\n color: $sidebar-colored-menu-item-icon-color;\r\n }\r\n \r\n &:hover {\r\n color: $sidebar-colored-menu-item-hover-color;\r\n\r\n i {\r\n color: $sidebar-colored-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n \r\n >.mm-active{\r\n background-color: $sidebar-colored-menu-item-active-bg;\r\n }\r\n\r\n ul.sub-menu {\r\n li {\r\n\r\n a {\r\n color: $sidebar-colored-menu-sub-item-color;\r\n background: transparent;\r\n\r\n &:hover {\r\n color: $sidebar-colored-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n >li{\r\n >a{\r\n &.mm-active{\r\n background-color: $sidebar-colored-menu-item-active-bg;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // Enlarge menu\r\n &.vertical-collpsed {\r\n min-height: 1200px;\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-colored-bg, 2%);\r\n color: $sidebar-colored-menu-item-hover-color;\r\n i{\r\n color: $sidebar-colored-menu-item-hover-color;\r\n }\r\n }\r\n\r\n >ul {\r\n a{\r\n color: $sidebar-colored-menu-sub-item-color;\r\n &:hover{\r\n color: $sidebar-colored-menu-item-hover-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul{\r\n background-color: $sidebar-colored-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-colored-menu-item-active-color;\r\n i{\r\n color: $sidebar-colored-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 .mm-active {\r\n color: $sidebar-colored-menu-item-active-color !important;\r\n > a{\r\n color: $sidebar-colored-menu-item-active-color !important;\r\n background-color: $sidebar-colored-menu-item-active-bg;\r\n i {\r\n color: $sidebar-colored-menu-item-active-color !important;\r\n }\r\n }\r\n > i {\r\n color: $sidebar-colored-menu-item-active-color !important;\r\n }\r\n .active {\r\n color: $sidebar-colored-menu-item-active-color !important;\r\n background-color: $sidebar-colored-menu-item-active-bg;\r\n\r\n i {\r\n color: $sidebar-colored-menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n\r\n .menu-title {\r\n color: $sidebar-colored-menu-item-icon-color !important;\r\n }\r\n} \r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer / 4,\n 2: $spacer / 2,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba(0, 0, 0, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-offcanvas: 1050 !default;\n$zindex-modal: 1060 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer / 2 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($gray-900, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer / 4 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer / 2 !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y / 2 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width / 2 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer / 4 !default;\n$tooltip-padding-x: $spacer / 2 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer / 2 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n background: $topnav-bg;\r\n padding: 0 calc(#{$grid-gutter-width} / 2);\r\n box-shadow: $box-shadow-lg;\r\n margin-top: $header-height;\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n z-index: 100;\r\n\r\n @media (max-width: 991.98px){\r\n background: $dropdown-bg;;\r\n }\r\n \r\n .topnav-menu {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .navbar-nav {\r\n \r\n .nav-link {\r\n font-size: 14.5px;\r\n position: relative;\r\n padding: 1rem 1.3rem;\r\n color: $menu-item-color;\r\n i{\r\n font-size: 15px;\r\n display: inline-block;\r\n }\r\n &:focus, &:hover{\r\n color: $white;\r\n background-color: transparent;\r\n @media (max-width: 991.98px){\r\n color: $menu-item-active-color;\r\n }\r\n }\r\n\r\n @media (max-width: 991.98px){\r\n color: $header-item-color;\r\n }\r\n }\r\n\r\n > .dropdown{\r\n &.active{\r\n >a {\r\n color: rgba($white, 0.9) !important;\r\n\r\n @media (max-width: 991.98px){\r\n color: $menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n }\r\n \r\n \r\n .dropdown-item{\r\n color: $menu-subitem-color;\r\n &.active, &:hover{\r\n color: $menu-item-active-color;\r\n background-color: transparent;\r\n }\r\n }\r\n \r\n .nav-item{\r\n .nav-link.active{\r\n color: rgba($white, 0.9);\r\n\r\n @media (max-width: 991.98px){\r\n color: $menu-item-active-color !important;\r\n }\r\n }\r\n }\r\n\r\n .dropdown{\r\n &.active{\r\n >a {\r\n color: $sidebar-menu-item-active-color;\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n }\r\n}\r\nbody[data-layout=\"horizontal\"] {\r\n &[data-topbar=\"light\"] {\r\n .navbar-brand-box{\r\n .logo-dark{\r\n display: $display-block;\r\n }\r\n\r\n .logo-light{\r\n display: $display-none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n body[data-layout=\"horizontal\"] {\r\n .container-fluid,\r\n .navbar-header {\r\n max-width: 85%;\r\n }\r\n }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n .topnav {\r\n .navbar-nav {\r\n .nav-item {\r\n &:first-of-type {\r\n .nav-link {\r\n padding-left: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .dropdown-item {\r\n padding: .5rem 1.5rem;\r\n min-width: 180px;\r\n }\r\n\r\n .dropdown {\r\n &.mega-dropdown{\r\n // position: static;\r\n .mega-dropdown-menu{\r\n left: 0px;\r\n right: auto;\r\n }\r\n }\r\n .dropdown-menu {\r\n margin-top: 0;\r\n border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n .arrow-down {\r\n &::after {\r\n right: 15px;\r\n transform: rotate(-135deg) translateY(-50%);\r\n position: absolute;\r\n }\r\n }\r\n\r\n .dropdown {\r\n .dropdown-menu {\r\n position: absolute;\r\n top: 0;\r\n left: 100%;\r\n display: none\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n >.dropdown-menu {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n display: block\r\n }\r\n }\r\n\r\n .navbar-toggle {\r\n display: none;\r\n }\r\n}\r\n\r\n.arrow-down {\r\n display: inline-block;\r\n\r\n &:after {\r\n border-color: initial;\r\n border-style: solid;\r\n border-width: 0 0 1px 1px;\r\n content: \"\";\r\n height: .4em;\r\n display: inline-block;\r\n right: 5px;\r\n top: 50%;\r\n margin-left: 10px;\r\n transform: rotate(-45deg) translateY(-50%);\r\n transform-origin: top;\r\n transition: all .3s ease-out;\r\n width: .4em;\r\n }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] #page-topbar{\r\n @media (min-width: 992px) {\r\n padding: 0 calc(#{$grid-gutter-width} / 2);\r\n }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n .topnav-menu {\r\n .navbar-nav {\r\n li {\r\n &:last-of-type {\r\n .dropdown {\r\n .dropdown-menu {\r\n right: 100%;\r\n left: auto;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n \r\n .topnav {\r\n max-height: 360px;\r\n overflow-y: auto;\r\n padding: 0;\r\n .navbar-nav {\r\n .nav-link {\r\n padding: 0.75rem 1.1rem;\r\n }\r\n }\r\n\r\n .dropdown {\r\n .dropdown-menu {\r\n background-color: transparent;\r\n border: none;\r\n box-shadow: none;\r\n padding-left: 15px;\r\n\r\n &.mega-dropdown-menu{\r\n width: auto;\r\n \r\n .row{\r\n margin: 0px;\r\n }\r\n }\r\n }\r\n\r\n .dropdown-item {\r\n position: relative;\r\n background-color: transparent;\r\n\r\n &.active,\r\n &:active {\r\n color: $primary;\r\n }\r\n }\r\n }\r\n\r\n .arrow-down {\r\n &::after {\r\n right: 15px;\r\n position: absolute;\r\n }\r\n }\r\n }\r\n}","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n #layout-wrapper {\r\n background-color: $body-bg;\r\n max-width: $boxed-layout-width;\r\n margin: 0 auto;\r\n box-shadow: $box-shadow;\r\n }\r\n\r\n #page-topbar {\r\n max-width: $boxed-layout-width;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer {\r\n margin: 0 auto;\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n }\r\n\r\n &.vertical-collpsed {\r\n .footer {\r\n max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n }\r\n }\r\n}\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n #page-topbar, #layout-wrapper, .footer {\r\n max-width: 100%;\r\n }\r\n\r\n #layout-wrapper {\r\n box-shadow: none;\r\n }\r\n .container-fluid, .navbar-header {\r\n max-width: $boxed-layout-width;\r\n }\r\n}","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n position: relative;\r\n cursor: pointer;\r\n display: inline-block;\r\n overflow: hidden;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .waves-effect .waves-ripple {\r\n position: absolute;\r\n border-radius: 50%;\r\n width: 100px;\r\n height: 100px;\r\n margin-top: -50px;\r\n margin-left: -50px;\r\n opacity: 0;\r\n background: rgba(0, 0, 0, 0.2);\r\n background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n -webkit-transition: all 0.5s ease-out;\r\n -moz-transition: all 0.5s ease-out;\r\n -o-transition: all 0.5s ease-out;\r\n transition: all 0.5s ease-out;\r\n -webkit-transition-property: -webkit-transform, opacity;\r\n -moz-transition-property: -moz-transform, opacity;\r\n -o-transition-property: -o-transform, opacity;\r\n transition-property: transform, opacity;\r\n -webkit-transform: scale(0) translate(0, 0);\r\n -moz-transform: scale(0) translate(0, 0);\r\n -ms-transform: scale(0) translate(0, 0);\r\n -o-transform: scale(0) translate(0, 0);\r\n transform: scale(0) translate(0, 0);\r\n pointer-events: none;\r\n }\r\n .waves-effect.waves-light .waves-ripple {\r\n background: rgba(255, 255, 255, 0.4);\r\n background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n }\r\n .waves-effect.waves-classic .waves-ripple {\r\n background: rgba(0, 0, 0, 0.2);\r\n }\r\n .waves-effect.waves-classic.waves-light .waves-ripple {\r\n background: rgba(255, 255, 255, 0.4);\r\n }\r\n .waves-notransition {\r\n -webkit-transition: none !important;\r\n -moz-transition: none !important;\r\n -o-transition: none !important;\r\n transition: none !important;\r\n }\r\n .waves-button,\r\n .waves-circle {\r\n -webkit-transform: translateZ(0);\r\n -moz-transform: translateZ(0);\r\n -ms-transform: translateZ(0);\r\n -o-transform: translateZ(0);\r\n transform: translateZ(0);\r\n -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n }\r\n .waves-button,\r\n .waves-button:hover,\r\n .waves-button:visited,\r\n .waves-button-input {\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n border: none;\r\n outline: none;\r\n color: inherit;\r\n background-color: rgba(0, 0, 0, 0);\r\n font-size: 1em;\r\n line-height: 1em;\r\n text-align: center;\r\n text-decoration: none;\r\n z-index: 1;\r\n }\r\n .waves-button {\r\n padding: 0.85em 1.1em;\r\n border-radius: 0.2em;\r\n }\r\n .waves-button-input {\r\n margin: 0;\r\n padding: 0.85em 1.1em;\r\n }\r\n .waves-input-wrapper {\r\n border-radius: 0.2em;\r\n vertical-align: bottom;\r\n }\r\n .waves-input-wrapper.waves-button {\r\n padding: 0;\r\n }\r\n .waves-input-wrapper .waves-button-input {\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n .waves-circle {\r\n text-align: center;\r\n width: 2.5em;\r\n height: 2.5em;\r\n line-height: 2.5em;\r\n border-radius: 50%;\r\n }\r\n .waves-float {\r\n -webkit-mask-image: none;\r\n -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n -webkit-transition: all 300ms;\r\n -moz-transition: all 300ms;\r\n -o-transition: all 300ms;\r\n transition: all 300ms;\r\n }\r\n .waves-float:active {\r\n -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n }\r\n .waves-block {\r\n display: block;\r\n }\r\n\r\n.waves-effect.waves-light {\r\n .waves-ripple {\r\n background-color: rgba($white, 0.4);\r\n }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n .waves-ripple {\r\n background-color: rgba($primary, 0.4);\r\n }\r\n}\r\n.waves-effect.waves-success {\r\n .waves-ripple {\r\n background-color: rgba($success, 0.4);\r\n }\r\n}\r\n.waves-effect.waves-info {\r\n .waves-ripple {\r\n background-color: rgba($info, 0.4);\r\n }\r\n}\r\n.waves-effect.waves-warning {\r\n .waves-ripple {\r\n background-color: rgba($warning, 0.4);\r\n }\r\n}\r\n.waves-effect.waves-danger {\r\n .waves-ripple {\r\n background-color: rgba($danger, 0.4);\r\n }\r\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n height: 2.3rem;\n width: 2.3rem;\n}\n\n.avatar-sm {\n height: 3rem;\n width: 3rem;\n}\n\n.avatar-md {\n height: 4.5rem;\n width: 4.5rem;\n}\n\n.avatar-lg {\n height: 5.5rem;\n width: 5.5rem;\n}\n\n.avatar-xl {\n height: 7.5rem;\n width: 7.5rem;\n}\n\n.avatar-title {\n align-items: center;\n background-color: $primary;\n color: $white;\n display: flex;\n font-weight: $font-weight-medium;\n height: 100%;\n justify-content: center;\n width: 100%;\n}","// alert\n.alert-dismissible {\n .btn-close {\n font-size: 10px;\n padding: $alert-padding-y * 1.5 $alert-padding-x;\n box-shadow: none;\n background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n }\n}","//\n// _helper.scss\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.fw-medium {\n font-weight: $font-weight-medium !important;\n}\n\n.fw-semibold {\n font-weight: $font-weight-semibold !important;\n}\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}\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}","// \r\n// Widgets.scss\r\n// \r\n\r\n.mini-stat {\r\n .mini-stat-img{\r\n width: 58px;\r\n height: 58px;\r\n line-height: 58px;\r\n background: rgba($white, 0.15);\r\n border-radius: 4px;\r\n text-align: center;\r\n img{\r\n max-width: 32px;\r\n }\r\n }\r\n .mini-stat-label{\r\n position: absolute;\r\n right: 0;\r\n top: 18px;\r\n padding: 2px 10px 2px 32px;\r\n clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0);\r\n }\r\n}\r\n\r\n[dir=\"rtl\"] .mini-stat-label {\r\n clip-path: polygon(0 0,94% 0,76% 50%,100% 100%,0 100%) \r\n}\r\n\r\n\r\n/* Activity */\r\n.activity-feed {\r\n padding: 15px 15px 0 15px;\r\n list-style: none;\r\n \r\n .feed-item {\r\n position: relative;\r\n padding-bottom: 29px;\r\n padding-left: 30px;\r\n border-left: 2px solid $gray-200;\r\n \r\n &:last-child {\r\n border-color: transparent;\r\n }\r\n \r\n &::after {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n top: 0px;\r\n left: -9px;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 30px;\r\n background: $success;\r\n }\r\n .date {\r\n display: block;\r\n position: relative;\r\n top: -5px;\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n }\r\n .activity-text {\r\n position: relative;\r\n top: -3px;\r\n }\r\n }\r\n}\r\n\r\n\r\n// Sales Report\r\n\r\n .ct-chart.wid {\r\n height: 240px;\r\n }\r\n \r\n .ct-chart.wid .ct-slice-donut {\r\n stroke-width: 14px !important;\r\n }\r\n\r\n\r\n\r\n/* peity */\r\n.wid-peity {\r\n border-bottom: 1px solid $gray-200;\r\n}\r\n\r\n// Chat\r\n\r\n.conversation-list {\r\n list-style: none;\r\n padding: 0px 10px;\r\n max-height: 350px;\r\n li {\r\n margin-bottom: 24px;\r\n }\r\n .chat-avatar {\r\n width: 40px;\r\n display: inline-block;\r\n text-align: center;\r\n float: left;\r\n .time {\r\n font-size: 12px;\r\n font-style: normal;\r\n }\r\n }\r\n .ctext-wrap {\r\n .user-name {\r\n display: block;\r\n font-weight: 600;\r\n position: relative;\r\n font-size: 12px;\r\n color: $primary;\r\n }\r\n p{\r\n color: darken($primary, 18%);\r\n }\r\n }\r\n .conversation-text {\r\n display: inline-block;\r\n font-size: 12px;\r\n float: left;\r\n margin-left: 12px;\r\n width: 70%;\r\n }\r\n .ctext-wrap {\r\n padding: 10px 18px;\r\n background: lighten($primary, 32%);\r\n border-radius: 0px 7px 7px 7px;\r\n position: relative;\r\n display: inline-block;\r\n &:after {\r\n content: \" \";\r\n position: absolute;\r\n right: 100%;\r\n top: 0;\r\n border: solid transparent;\r\n border-right-color: lighten($primary, 32%);\r\n border-top-color: lighten($primary, 32%);\r\n border-width: 5px;\r\n }\r\n p {\r\n margin: 0px;\r\n padding-top: 3px;\r\n }\r\n }\r\n .odd {\r\n .chat-avatar {\r\n float: right !important;\r\n }\r\n .conversation-text {\r\n width: 70% !important;\r\n margin-right: 12px;\r\n text-align: right;\r\n float: right !important;\r\n }\r\n .ctext-wrap {\r\n background: lighten($gray-200, 2%) !important;\r\n border-radius: 7px 0px 7px 7px;\r\n p{\r\n color: $gray-700;\r\n }\r\n &:after {\r\n left: 100% !important;\r\n top: 0 !important;\r\n border-color: rgba(238,238,242,0)!important;\r\n border-left-color: lighten($gray-200, 2%) !important;\r\n border-top-color: lighten($gray-200, 2%)!important;\r\n }\r\n }\r\n }\r\n}\r\n","// \r\n// _demos.scss\r\n// \r\n\r\n// Demo Only\r\n.button-items {\r\n margin-left: -8px;\r\n margin-bottom: -12px;\r\n \r\n .btn {\r\n margin-bottom: 12px;\r\n margin-left: 8px;\r\n }\r\n}\r\n\r\n// Lightbox \r\n\r\n.mfp-popup-form {\r\n max-width: 1140px;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n position: relative;\r\n top: auto;\r\n right: auto;\r\n bottom: auto;\r\n left: auto;\r\n z-index: 1;\r\n display: block;\r\n }\r\n\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n text-align: center;\r\n color: $gray-500;\r\n \r\n i{\r\n display: block;\r\n font-size: 24px;\r\n margin-bottom: 16px;\r\n color: $text-muted;\r\n transition: all 0.4s;\r\n }\r\n \r\n .col-lg-4 {\r\n margin-top: 24px;\r\n \r\n &:hover {\r\n i {\r\n color: $primary;\r\n transform: scale(1.5);\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n .grid-container {\r\n background-color: $gray-100;\r\n margin-top: 10px;\r\n font-size: .8rem;\r\n font-weight: $font-weight-medium;\r\n padding: 10px 20px;\r\n }\r\n}","// \r\n// print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n .vertical-menu,\r\n .right-bar,\r\n .page-title-box,\r\n .navbar-header,\r\n .footer {\r\n display: none !important;\r\n }\r\n .card-body,\r\n .main-content,\r\n .right-bar,\r\n .page-content,\r\n body {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .card{\r\n border: 0;\r\n }\r\n}","\r\n//\r\n// Bootstrap touchspin\r\n//\r\n\r\n\r\n.bootstrap-touchspin{\r\n &.input-group{\r\n &>.input-group-prepend{\r\n &>.btn, &>.input-group-text{\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n }\r\n }\r\n \r\n &.input-group{\r\n &>.input-group-append{\r\n &>.btn, &>.input-group-text{\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n }\r\n }\r\n }\r\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: 4px;\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 Calendar\r\n===================*/\r\n\r\n.fc {\r\n .fc-toolbar {\r\n h2 {\r\n font-size: 16px;\r\n line-height: 30px;\r\n text-transform: uppercase;\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n\r\n .fc-left,\r\n .fc-right,\r\n .fc-center {\r\n float: none;\r\n display: block;\r\n text-align: center;\r\n clear: both;\r\n margin: 10px 0;\r\n }\r\n\r\n >*>* {\r\n float: none;\r\n }\r\n\r\n .fc-today-button {\r\n display: none;\r\n }\r\n }\r\n\r\n .btn {\r\n text-transform: capitalize;\r\n }\r\n\r\n }\r\n}\r\n\r\n.fc {\r\n th.fc-widget-header {\r\n background: $gray-300;\r\n color: $gray-700;\r\n line-height: 20px;\r\n padding: 10px 0;\r\n text-transform: uppercase;\r\n font-weight: $font-weight-bold;\r\n }\r\n}\r\n\r\n.fc-unthemed {\r\n\r\n .fc-content,\r\n .fc-divider,\r\n .fc-list-heading td,\r\n .fc-list-view,\r\n .fc-popover,\r\n .fc-row,\r\n tbody,\r\n td,\r\n th,\r\n thead {\r\n border-color: $gray-300;\r\n }\r\n\r\n td.fc-today {\r\n background: lighten($gray-200, 2%);\r\n }\r\n}\r\n\r\n.fc-button {\r\n background: $card-bg;\r\n border-color: $border-color;\r\n color: $gray-700;\r\n text-transform: capitalize;\r\n box-shadow: none;\r\n padding: 6px 12px !important;\r\n height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n background-color: $primary;\r\n color: $white;\r\n text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n border-radius: 2px;\r\n border: none;\r\n cursor: move;\r\n font-size: 0.8125rem;\r\n margin: 5px 7px;\r\n padding: 5px 5px;\r\n text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n background-color: $primary;\r\n}\r\n\r\n.fc-event .fc-content {\r\n color: $white;\r\n}\r\n\r\n.fc-day-header{\r\n font-weight: $font-weight-medium;\r\n}\r\n\r\n.fc-day-grid-event {\r\n .fc-time{\r\n font-weight: $font-weight-medium;\r\n }\r\n}\r\n\r\n#external-events {\r\n .external-event {\r\n text-align: left !important;\r\n padding: 8px 16px;\r\n }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] .fc-header-toolbar {\r\n direction: ltr !important;\r\n}\r\n\r\n[dir=\"rtl\"] .fc-toolbar>*>:not(:first-child) {\r\n margin-left: .75em;\r\n}","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n .close {\r\n display: none;\r\n }\r\n\r\n .countdown-holder {\r\n color: $danger;\r\n font-weight: $font-weight-medium;\r\n }\r\n\r\n .btn-default {\r\n background-color: $white;\r\n color: $danger;\r\n box-shadow: none;\r\n }\r\n}","\r\n//\r\n// Range slider\r\n//\r\n\r\n.irs--modern{\r\n .irs-bar, .irs-to, .irs-from, .irs-single {\r\n background: $primary !important;\r\n font-size: 11px;\r\n }\r\n .irs-to, .irs-from, .irs-single{\r\n &:before{\r\n border-top-color: $primary;\r\n }\r\n }\r\n\r\n .irs-line{\r\n background: $gray-300;\r\n border-color: $gray-300;\r\n }\r\n .irs-grid-text{\r\n font-size: 11px;\r\n color: $gray-400;\r\n }\r\n .irs-min, .irs-max{\r\n color: $gray-500;\r\n background: $gray-300;\r\n font-size: 11px;\r\n }\r\n\r\n .irs-handle{\r\n \r\n width: 12px;\r\n height: 12px;\r\n top: 37px;\r\n background-color: $card-bg !important;\r\n\r\n > i{\r\n &:nth-child(1){\r\n width: 8px;\r\n height: 8px;\r\n }\r\n }\r\n }\r\n\r\n \r\n}","\r\n//\r\n// Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n .swal2-title{\r\n font-size: 24px;\r\n font-weight: $font-weight-medium;\r\n } \r\n}\r\n\r\n.swal2-icon{\r\n &.swal2-question{\r\n border-color: $info;\r\n color: $info;\r\n }\r\n &.swal2-success {\r\n [class^=swal2-success-line]{\r\n background-color: $success;\r\n }\r\n\r\n .swal2-success-ring{\r\n border-color: rgba($success, 0.3);\r\n }\r\n }\r\n &.swal2-warning{\r\n border-color: $warning;\r\n color: $warning;\r\n }\r\n}\r\n\r\n.swal2-styled{\r\n &:focus{\r\n box-shadow: none;\r\n }\r\n}\r\n\r\n.swal2-progress-steps {\r\n .swal2-progress-step{\r\n background: $primary;\r\n &.swal2-active-progress-step{\r\n background: $primary;\r\n &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n background: rgba($primary, 0.3);\r\n }\r\n }\r\n }\r\n\r\n .swal2-progress-step-line{\r\n background: $primary;\r\n }\r\n}\r\n\r\n.swal2-loader {\r\n border-color: $primary transparent $primary transparent;\r\n}\r\n","\r\n//\r\n// Rating\r\n//\r\n\r\n.symbol{\r\n border-color: $card-bg;\r\n}\r\n\r\n.rating-symbol-background, .rating-symbol-foreground {\r\n font-size: 24px;\r\n}\r\n\r\n.rating-symbol-foreground {\r\n top: 0px;\r\n}\r\n\r\n.rating-star{\r\n > span{\r\n display: inline-block;\r\n vertical-align: middle;\r\n\r\n &.badge{\r\n margin-left: 4px;\r\n }\r\n }\r\n}","\r\n//\r\n// Parsley\r\n//\r\n\r\n.error {\r\n color: $danger;\r\n}\r\n\r\n.parsley-error {\r\n border-color: $danger;\r\n}\r\n\r\n.parsley-errors-list {\r\n display: none;\r\n margin: 0;\r\n padding: 0;\r\n &.filled {\r\n display: block;\r\n }\r\n > li {\r\n font-size: 12px;\r\n list-style: none;\r\n color: $danger;\r\n margin-top: 5px;\r\n }\r\n}","\r\n//\r\n// Color-picker\r\n//\r\n\r\n\r\n\r\n\r\n\r\n.sp-container{\r\n background-color: $dropdown-bg;\r\n button{\r\n padding: .25rem .5rem;\r\n font-size: .71094rem;\r\n border-radius: .2rem;\r\n font-weight: 400;\r\n color: $dark;\r\n \r\n &.sp-palette-toggle{\r\n background-color: $light;\r\n }\r\n \r\n &.sp-choose{\r\n background-color: $success;\r\n margin-left: 5px;\r\n margin-right: 0;\r\n }\r\n }\r\n}\r\n\r\n.sp-palette-container{\r\n border-right: 1px solid $border-color;\r\n}\r\n\r\n.sp-input{\r\n background-color: $input-bg;\r\n border-color: $input-border-color !important;\r\n color: $input-color;\r\n &:focus{\r\n outline: none;\r\n }\r\n}\r\n\r\n\r\n[dir=\"rtl\"]{\r\n\r\n .sp-alpha{\r\n direction: rtl;\r\n }\r\n\r\n .sp-original-input-container {\r\n .sp-add-on{\r\n border-top-right-radius: 0!important;\r\n border-bottom-right-radius: 0!important;\r\n border-top-left-radius: 4px!important;\r\n border-bottom-left-radius: 4px!important\r\n }\r\n } \r\n\r\n input.spectrum.with-add-on{\r\n border: 1px solid $input-border-color;\r\n border-left: 0;\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: $input-border-radius;\r\n border-bottom-right-radius: $input-border-radius;\r\n\r\n }\r\n}","\r\n//\r\n// Select 2\r\n//\r\n\r\n.select2-container {\r\n\r\n .select2-selection--single {\r\n background-color: $input-bg;\r\n border: 1px solid $input-border-color;\r\n height: 38px;\r\n &:focus{\r\n outline: none;\r\n }\r\n\r\n .select2-selection__rendered {\r\n line-height: 36px;\r\n padding-left: 12px;\r\n color: $input-color;\r\n }\r\n\r\n .select2-selection__arrow {\r\n height: 34px;\r\n width: 34px;\r\n right: 3px;\r\n\r\n b{\r\n border-color: $gray-500 transparent transparent transparent;\r\n border-width: 6px 6px 0 6px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.select2-container--open {\r\n .select2-selection--single {\r\n\r\n .select2-selection__arrow {\r\n\r\n b{\r\n border-color: transparent transparent $gray-500 transparent !important;\r\n border-width: 0 6px 6px 6px !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.select2-container--default {\r\n .select2-search--dropdown {\r\n padding: 10px;\r\n background-color: $dropdown-bg;\r\n .select2-search__field {\r\n border: 1px solid $input-border-color;\r\n background-color: $input-bg;\r\n color: $gray-600;\r\n outline: none;\r\n }\r\n }\r\n .select2-results__option--highlighted[aria-selected] {\r\n background-color: $primary;\r\n }\r\n .select2-results__option[aria-selected=true] {\r\n background-color: $dropdown-link-active-bg;\r\n color: $dropdown-link-active-color;\r\n &:hover {\r\n background-color: $primary;\r\n color: $white;\r\n }\r\n }\r\n}\r\n\r\n.select2-results__option {\r\n padding: 6px 12px;\r\n}\r\n\r\n.select2-dropdown {\r\n border: $dropdown-border-color;\r\n background-color: $dropdown-bg;\r\n box-shadow: $box-shadow;\r\n}\r\n\r\n.select2-search {\r\n input{\r\n border: 1px solid $gray-300;\r\n }\r\n}\r\n\r\n.select2-container {\r\n .select2-selection--multiple {\r\n min-height: 38px;\r\n background-color: $input-bg;\r\n border: 1px solid $input-border-color !important;\r\n \r\n .select2-selection__rendered {\r\n padding: 2px 10px;\r\n }\r\n .select2-search__field {\r\n border: 0;\r\n color: $input-color;\r\n &::placeholder{\r\n color: $input-color;\r\n }\r\n }\r\n .select2-selection__choice {\r\n background-color: $gray-200;\r\n border: 1px solid $gray-300;\r\n border-radius: 1px;\r\n padding: 0 7px;\r\n }\r\n }\r\n}\r\n\r\n.select2-container--default{\r\n &.select2-container--focus {\r\n .select2-selection--multiple{\r\n border-color: $gray-400;\r\n }\r\n }\r\n}\r\n\r\n\r\n","//\r\n// Sweetalert2\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n display: none;\r\n + label {\r\n font-size: 1em;\r\n line-height: 1;\r\n width: 56px;\r\n height: 24px;\r\n background-color: $gray-400;\r\n background-image: none;\r\n border-radius: 2rem;\r\n padding: 0.16667rem;\r\n cursor: pointer;\r\n display: inline-block;\r\n text-align: center;\r\n position: relative;\r\n font-weight: $font-weight-medium;\r\n transition: all 0.1s ease-in-out;\r\n &:before {\r\n color: $dark;\r\n content: attr(data-off-label);\r\n display: block;\r\n font-family: inherit;\r\n font-weight: 500;\r\n font-size: 12px;\r\n line-height: 21px;\r\n position: absolute;\r\n right: 1px;\r\n margin: 3px;\r\n top: -2px;\r\n text-align: center;\r\n min-width: 1.66667rem;\r\n overflow: hidden;\r\n transition: all 0.1s ease-in-out;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n left: 3px;\r\n background-color: $gray-200;\r\n box-shadow: none;\r\n border-radius: 2rem;\r\n height: 20px;\r\n width: 20px;\r\n top: 2px;\r\n transition: all 0.1s ease-in-out;\r\n }\r\n }\r\n\r\n &:checked + label {\r\n background-color: $primary;\r\n }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n background-color: $primary;\r\n &:before {\r\n color: $white;\r\n content: attr(data-on-label);\r\n right: auto;\r\n left: 3px;\r\n }\r\n\r\n &:after {\r\n left: 33px;\r\n background-color: $gray-200;\r\n }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n background-color: $dark;\r\n}\r\n\r\n.square-switch{\r\n margin-right: 7px;\r\n input[switch]+label, input[switch]+label:after{\r\n border-radius: 0px;\r\n }\r\n}","// datatable\r\n\r\n \r\n \r\n div.dataTables_wrapper {\r\n\tdiv.dataTables_filter{\r\n\t text-align: right;\r\n \r\n\t @media (max-width: 767px){\r\n\t\ttext-align: center;\r\n\t }\r\n \r\n \r\n\t input{\r\n\t\tmargin-left: 0.5em;\r\n\t\tmargin-right: 0;\r\n\t }\r\n\t}\r\n }\r\n \r\n .datatable{\r\n\ttd{\r\n\t &:focus{\r\n\t\toutline: none;\r\n\t }\r\n\t}\r\n }\r\n \r\n div.table-responsive>div.dataTables_wrapper>div.row>div[class^=\"col-\"]{\r\n\t&:first-child{\r\n\t padding-left: 0;\r\n\t}\r\n \r\n\t&:last-child{\r\n\t padding-right: 0;\r\n\t}\r\n }\r\n \r\n \r\n .table.dataTable {\r\n\tthead {\r\n \r\n\t .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{\r\n\t\t&:before{\r\n\t\t left: auto;\r\n\t\t right: 1em;\r\n\t\t}\r\n\t }\r\n \r\n\t .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{\r\n\t\t&:after{\r\n\t\t left: auto;\r\n\t\t right: 0.5em;\r\n\t\t}\r\n\t }\r\n \r\n\t tr{\r\n\t\tth, td{\r\n\t\t &.sorting_asc, &.sorting_desc, &.sorting{\r\n\t\t\tpadding-left: 12px;\r\n\t\t\tpadding-right: 30px;\r\n\t\t }\r\n\t\t}\r\n\t }\r\n\t}\r\n }\r\n \r\n .table, table{\r\n\t&.dataTable{\r\n\t &.dtr-inline.collapsed>tbody>tr>td{\r\n\t\tposition: relative;\r\n\t\t&.dtr-control{\r\n\t\t padding-left: 30px;\r\n\t\t &:before{\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 5px;\r\n\t\t\theight: 14px;\r\n\t\t\twidth: 14px;\r\n\t\t\tmargin-top: -9px;\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tcolor: $white;\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 14px;\r\n\t\t\tbox-sizing: content-box;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-indent: 0 !important;\r\n\t\t\tline-height: 14px;\r\n\t\t\tcontent: '+';\r\n\t\t\tbackground-color: $primary;\r\n\t\t }\r\n\t\t}\r\n\t }\r\n\t}\r\n }\r\n ","\r\n//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n input, select{\r\n height: $input-height-sm;\r\n padding: $input-padding-y-sm $input-padding-x-sm;\r\n border: 1px solid $input-border-color;\r\n background-color: $input-bg;\r\n color: $input-color;\r\n border-radius: $input-border-radius;\r\n &:focus{\r\n outline: none;\r\n border-color: $input-focus-border-color;\r\n }\r\n }\r\n}","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, ($l1 + .05) / ($l2 + .05), ($l2 + .05) / ($l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if($value / 255 < .03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n","\r\n//\r\n// Datepicker\r\n//\r\n\r\n.datepicker {\r\n border: 1px solid $gray-100;\r\n padding: 8px;\r\n z-index: 999 !important;\r\n table{\r\n tr{\r\n th{\r\n font-weight: 500;\r\n }\r\n td{\r\n &.active, &.active:hover, .active.disabled, &.active.disabled:hover,\r\n &.today, &.today:hover, &.today.disabled, &.today.disabled:hover, \r\n &.selected, &.selected:hover, &.selected.disabled, &.selected.disabled:hover{\r\n background-color: $primary !important;\r\n background-image: none;\r\n box-shadow: none;\r\n color: $white !important;\r\n }\r\n\r\n &.day.focused,\r\n &.day:hover,\r\n span.focused,\r\n span:hover {\r\n background: $gray-200;\r\n }\r\n\r\n &.new,\r\n &.old,\r\n span.new,\r\n span.old {\r\n color: $gray-500;\r\n opacity: 0.6;\r\n }\r\n\r\n &.range, &.range.disabled, &.range.disabled:hover, &.range:hover{\r\n background-color: $gray-300;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.table-condensed{\r\n >thead>tr>th, >tbody>tr>td {\r\n padding: 7px;\r\n }\r\n}","//\r\n// Form editors.scss\r\n//\r\n\r\n// Tinymce \r\n\r\n.tox-tinymce {\r\n border: 1px solid $gray-200 !important;\r\n}\r\n\r\n.tox {\r\n .tox-statusbar {\r\n border-top: 1px solid $gray-200 !important;\r\n }\r\n .tox-menubar, .tox-edit-area__iframe, .tox-statusbar{\r\n background-color: $card-bg !important;\r\n background: none !important;\r\n }\r\n .tox-mbtn{\r\n color: $gray-700 !important;\r\n &:hover:not(:disabled):not(.tox-mbtn--active){\r\n background-color: $gray-300 !important;\r\n }\r\n }\r\n .tox-tbtn{\r\n &:hover{\r\n background-color: $gray-300 !important;\r\n }\r\n }\r\n\r\n .tox-toolbar, .tox-toolbar__overflow, .tox-toolbar__primary{\r\n background: $gray-200 !important;\r\n }\r\n\r\n .tox-tbtn{\r\n color: $gray-700 !important;\r\n svg{\r\n fill: $gray-700 !important;\r\n }\r\n }\r\n\r\n .tox-edit-area__iframe{\r\n background-color: $card-bg !important;\r\n }\r\n \r\n .tox-statusbar a, .tox-statusbar__path-item, .tox-statusbar__wordcount{\r\n color: $gray-700 !important;\r\n }\r\n\r\n &:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\r\n border-right: 1px solid darken($gray-200, 5%) !important;\r\n } \r\n\r\n .tox-toolbar-overlord{\r\n .tox-toolbar__primary{\r\n border-color: $gray-200 !important;\r\n border-bottom: 1px solid $gray-200;\r\n }\r\n }\r\n}\r\n\r\n.tox-tinymce-aux{\r\n z-index: 1000 !important;\r\n}\r\n","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n min-height: 230px;\r\n border: 2px dashed $gray-400;\r\n background: $card-bg;\r\n border-radius: 6px;\r\n\r\n .dz-message {\r\n font-size: 24px;\r\n }\r\n}","//\r\n// Form Wizard\r\n//\r\n\r\n.form-wizard-wrapper {\r\n label {\r\n font-size: 14px;\r\n text-align: right;\r\n }\r\n }\r\n \r\n .wizard{\r\n\r\n ul{\r\n list-style: none !important;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n // step\r\n >.steps {\r\n\r\n > ul > li {\r\n width: 25%;\r\n }\r\n\r\n .current-info{\r\n position: absolute;\r\n left: -999em;\r\n }\r\n\r\n a, a:active, a:hover {\r\n margin: 3px;\r\n padding: 15px;\r\n display: block;\r\n width: auto;\r\n border-radius: 5px;\r\n }\r\n \r\n .current {\r\n a, a:active, a:hover {\r\n background-color: $primary;\r\n color: $white;\r\n .number {\r\n border: 2px solid $white\r\n }\r\n }\r\n }\r\n \r\n .disabled, .done {\r\n a, a:active, a:hover {\r\n background-color: lighten($primary,30%);\r\n color: $primary;\r\n .number {\r\n border-color: $primary;\r\n }\r\n }\r\n }\r\n \r\n .number {\r\n font-size: 16px;\r\n padding: 5px;\r\n border-radius: 50%;\r\n border: 2px solid $white;\r\n width: 38px;\r\n display: inline-block;\r\n font-weight: 500;\r\n text-align: center;\r\n margin-right: 10px;\r\n background-color: rgba($primary, 0.25);\r\n }\r\n }\r\n \r\n // content\r\n >.content {\r\n background-color: transparent;\r\n margin: 0 5px;\r\n border-radius: 0;\r\n min-height: 150px;\r\n > .title{\r\n position: absolute;\r\n left: -999em;\r\n }\r\n >.body {\r\n width: 100%;\r\n height: 100%;\r\n padding: 30px 0 0;\r\n position: static\r\n }\r\n }\r\n \r\n // actions\r\n \r\n >.actions {\r\n position: relative;\r\n display: block;\r\n text-align: right;\r\n width: 100%;\r\n > ul {\r\n display: inline-block;\r\n text-align: right;\r\n > li{\r\n display: block;\r\n margin: 0 0.5em;\r\n }\r\n }\r\n a, a:active, a:hover {\r\n background-color: $primary;\r\n border-radius: 4px;\r\n padding: 8px 15px;\r\n color: $white;\r\n }\r\n \r\n \r\n .disabled {\r\n a, a:active, a:hover {\r\n opacity: .65;\r\n background-color: $primary;\r\n color: $white;\r\n cursor: not-allowed;\r\n }\r\n }\r\n }\r\n\r\n > .steps, > .actions {\r\n > ul {\r\n > li{\r\n float: left;\r\n }\r\n }\r\n }\r\n \r\n }\r\n \r\n \r\n @media (max-width: 768px) {\r\n .wizard {\r\n > .steps {\r\n > ul {\r\n > li {\r\n width: 50%;\r\n }\r\n }\r\n }\r\n }\r\n .form-wizard-wrapper {\r\n label {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n \r\n @media (max-width: 520px) {\r\n .wizard {\r\n > .steps {\r\n > ul {\r\n > li {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n }","\r\n//\r\n// Responsive Table\r\n//\r\n\r\n.table-rep-plugin {\r\n .btn-toolbar {\r\n display: block;\r\n }\r\n .table-responsive {\r\n border: none !important;\r\n }\r\n .btn-group{\r\n .btn-default {\r\n background-color: $light;\r\n color: $dark;\r\n border: 1px solid $light;\r\n &.btn-primary {\r\n background-color: $primary;\r\n border-color: $primary;\r\n color: $white;\r\n box-shadow: 0 0 0 2px rgba($primary, .5);\r\n }\r\n }\r\n &.pull-right {\r\n float: right;\r\n .dropdown-menu {\r\n right: 0;\r\n transform: none !important;\r\n top: 100% !important;\r\n }\r\n }\r\n }\r\n tbody {\r\n th {\r\n font-size: 14px;\r\n font-weight: normal;\r\n }\r\n }\r\n .checkbox-row {\r\n padding-left: 40px;\r\n\r\n label {\r\n display: inline-block;\r\n padding-left: 5px;\r\n position: relative;\r\n &::before {\r\n -o-transition: 0.3s ease-in-out;\r\n -webkit-transition: 0.3s ease-in-out;\r\n background-color: $white;\r\n border-radius: 3px;\r\n border: 1px solid $gray-300;\r\n content: \"\";\r\n display: inline-block;\r\n height: 17px;\r\n left: 0;\r\n margin-left: -20px;\r\n position: absolute;\r\n transition: 0.3s ease-in-out;\r\n width: 17px;\r\n outline: none !important;\r\n }\r\n &::after {\r\n color: $gray-200;\r\n display: inline-block;\r\n font-size: 11px;\r\n height: 16px;\r\n left: 0;\r\n margin-left: -20px;\r\n padding-left: 3px;\r\n padding-top: 1px;\r\n position: absolute;\r\n top: -1px;\r\n width: 16px;\r\n }\r\n }\r\n input[type=\"checkbox\"] {\r\n cursor: pointer;\r\n opacity: 0;\r\n z-index: 1;\r\n outline: none !important;\r\n\r\n &:disabled + label {\r\n opacity: 0.65;\r\n }\r\n }\r\n input[type=\"checkbox\"]:focus + label {\r\n &::before {\r\n outline-offset: -2px;\r\n outline: none;\r\n }\r\n }\r\n input[type=\"checkbox\"]:checked + label {\r\n &::after {\r\n content: \"\\f00c\";\r\n font-family: 'Font Awesome 5 Free';\r\n font-weight: 900;\r\n }\r\n }\r\n input[type=\"checkbox\"]:disabled + label {\r\n &::before {\r\n background-color: $gray-100;\r\n cursor: not-allowed;\r\n }\r\n }\r\n input[type=\"checkbox\"]:checked + label {\r\n &::before {\r\n background-color: $primary;\r\n border-color: $primary;\r\n }\r\n &::after {\r\n color: $white;\r\n }\r\n }\r\n }\r\n\r\n .fixed-solution {\r\n .sticky-table-header{\r\n top: $header-height !important;\r\n background-color: $primary;\r\n table{\r\n color: $white;\r\n }\r\n }\r\n }\r\n}","//\r\n// x editable.scss\r\n//\r\n\r\n.editable-input{\r\n .form-control{\r\n display: inline-block;\r\n }\r\n }\r\n \r\n .editable-buttons{\r\n margin-left: 7px;\r\n .editable-cancel{\r\n margin-left: 7px;\r\n }\r\n }","//\r\n// morris.scss\r\n//\r\n\r\n.morris-charts {\r\n text {\r\n font-family: $font-family-secondary !important;\r\n fill: $gray-500;\r\n }\r\n}\r\n.morris-hover {\r\n position: absolute;\r\n z-index: 10;\r\n\r\n &.morris-default-style {\r\n font-size: 12px;\r\n text-align: center;\r\n border-radius: 5px;\r\n padding: 10px 12px;\r\n background: rgba($gray-100, 0.8);\r\n color: $dark;\r\n border: 2px solid $gray-200;\r\n font-family: $font-family-base;\r\n\r\n .morris-hover-row-label {\r\n font-weight: bold;\r\n margin: 0.25em 0;\r\n font-family: $font-family-secondary;\r\n }\r\n\r\n .morris-hover-point {\r\n white-space: nowrap;\r\n margin: 0.1em 0;\r\n color: $white;\r\n }\r\n }\r\n}\r\n","//\r\n// chartist.scss\r\n//\r\n\r\n.ct-golden-section:before {\r\n float: none;\r\n}\r\n\r\n.ct-chart {\r\n max-height: 300px;\r\n .ct-label {\r\n fill: $gray-500;\r\n color: $gray-500;\r\n font-size: 12px;\r\n line-height: 1;\r\n }\r\n}\r\n\r\n.ct-chart.simple-pie-chart-chartist {\r\n .ct-label {\r\n color: $white;\r\n fill: $white;\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.ct-grid {\r\n stroke: rgba($dark, 0.09);\r\n stroke-width: 1px;\r\n stroke-dasharray: 3px;\r\n}\r\n\r\n.ct-chart {\r\n .ct-series {\r\n &.ct-series-a {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $primary;\r\n }\r\n }\r\n &.ct-series-b {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $success;\r\n }\r\n }\r\n &.ct-series-c {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $warning;\r\n }\r\n }\r\n &.ct-series-d {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $dark;\r\n }\r\n }\r\n &.ct-series-e {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $info;\r\n }\r\n }\r\n &.ct-series-f {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $danger;\r\n }\r\n }\r\n &.ct-series-g {\r\n .ct-bar,\r\n .ct-line,\r\n .ct-point,\r\n .ct-slice-donut {\r\n stroke: $gray-100;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n.ct-series-a {\r\n .ct-area,\r\n .ct-slice-pie {\r\n fill: $primary;\r\n }\r\n}\r\n\r\n.ct-series-b {\r\n .ct-area,\r\n .ct-slice-pie {\r\n fill: $warning;\r\n }\r\n}\r\n\r\n.ct-series-c {\r\n .ct-area,\r\n .ct-slice-pie {\r\n fill: $dark;\r\n }\r\n}\r\n\r\n.ct-series-d {\r\n .ct-area,\r\n .ct-slice-pie {\r\n fill: $success;\r\n }\r\n}\r\n\r\n.ct-area {\r\n fill-opacity: .33;\r\n}\r\n\r\n.chartist-tooltip {\r\n position: absolute;\r\n display: inline-block;\r\n opacity: 0;\r\n min-width: 10px;\r\n padding: 2px 10px;\r\n border-radius: 3px;\r\n background: $dark;\r\n color: $gray-300;\r\n text-align: center;\r\n pointer-events: none;\r\n z-index: 1;\r\n transition: opacity .2s linear;\r\n &.tooltip-show {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.ct-line {\r\n stroke-width: 3px;\r\n}\r\n\r\n.ct-point {\r\n stroke-width: 7px;\r\n}\r\n\r\n\r\n\r\n\r\n ","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n min-height: 10px !important;\r\n text {\r\n font-family: $font-family-base !important;\r\n fill: $gray-500;\r\n }\r\n .apexcharts-canvas {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-legend-series {\r\n font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n pointer-events: none;\r\n stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n color: $gray-600 !important;\r\n font-family: $font-family-base !important;\r\n font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n text {\r\n font-family: $font-family-base !important;\r\n fill: $gray-500;\r\n }\r\n}","\r\n\r\n/* Flot chart */\r\n.flot-charts-height {\r\n height: 320px;\r\n}\r\n\r\n.flotTip {\r\n padding: 8px 12px;\r\n background-color: rgba($dark, 0.9);\r\n z-index: 100;\r\n color: $gray-100;\r\n box-shadow: $box-shadow;\r\n border-radius: 4px;\r\n}\r\n\r\n.legendLabel{\r\n color: $gray-500;\r\n}","//\r\n// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n box-sizing: content-box;\r\n width: auto !important;\r\n height: auto !important;\r\n background-color: $gray-800 !important;\r\n box-shadow: $box-shadow-lg;\r\n padding: 5px 10px !important;\r\n border-radius: 3px;\r\n border-color: $gray-900 !important;\r\n}\r\n\r\n.jqsfield {\r\n color: $gray-200 !important;\r\n font-size: 12px !important;\r\n line-height: 18px !important;\r\n font-family: $font-family-base !important;\r\n font-weight: $font-weight-medium !important;\r\n}\r\n","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n height: 300px !important;\r\n background: $gray-100;\r\n border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n display: block;\r\n text-align: center;\r\n color: $white;\r\n font-size: 16px;\r\n line-height: 40px;\r\n background: $primary;\r\n border-radius: 4px;\r\n padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n left: 50%;\r\n margin-left: -16px;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n &.above {\r\n bottom: -15px;\r\n border-left: 16px solid transparent;\r\n border-right: 16px solid transparent;\r\n border-top: 16px solid $primary;\r\n }\r\n &.below {\r\n top: -15px;\r\n border-left: 16px solid transparent;\r\n border-right: 16px solid transparent;\r\n border-bottom: 16px solid $primary;\r\n }\r\n \r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n\r\n// login-1\r\n\r\n.account-pages {\r\n .logo-admin {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n margin: 0px auto;\r\n width: 74px;\r\n height: 74px;\r\n line-height: 74px;\r\n background: $card-bg;\r\n border-radius: 50%;\r\n border-bottom: 2px solid $success;\r\n }\r\n}\r\n\r\n// login-2\r\n\r\n.accountbg {\r\n position: absolute;\r\n background-size: cover;\r\n height: 100%;\r\n width: 100%;\r\n top: 0;\r\n }\r\n \r\n .account-page-full {\r\n left: 0;\r\n position: absolute;\r\n height: 100%;\r\n margin: 0;\r\n width: 420px;\r\n background-color: $card-bg;\r\n \r\n .card {\r\n border: none;\r\n }\r\n }\r\n \r\n .account-copyright {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n// authentication home icon\r\n.home-btn {\r\n position: absolute;\r\n top: 15px;\r\n right: 25px;\r\n}\r\n\r\n\r\n// Maintenance\r\n\r\n.maintenance-img {\r\n img {\r\n max-width: 320px;\r\n } \r\n}\r\n\r\n\r\n// Coundown\r\n\r\n/*------------ Subscriber --------------*/\r\n\r\n\r\n.coming-soon-search-form {\r\n input {\r\n padding: 15px 20px;\r\n width: 100%;\r\n color: $gray-800;\r\n border: 2px solid $gray-200;\r\n outline: none !important;\r\n padding-right: 180px;\r\n padding-left: 30px;\r\n border-radius: 30px;\r\n background-color: $card-bg;\r\n }\r\n button {\r\n position: absolute;\r\n top: 7px;\r\n right: 8px;\r\n outline: none !important;\r\n border-radius: 30px;\r\n padding: 9px 30px;\r\n }\r\n form {\r\n position: relative;\r\n max-width: 600px;\r\n margin: 0px auto;\r\n }\r\n}\r\n\r\n\r\n\r\n \r\n\r\n ","/* ==============\r\n Email\r\n===================*/\r\n.email-leftbar {\r\n width: 236px;\r\n float: left;\r\n padding: 20px;\r\n border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n p.user-title {\r\n color: $dark;\r\n font-weight: 500;\r\n }\r\n p {\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .email-leftbar {\r\n float: none;\r\n width: 100%;\r\n }\r\n .email-rightbar {\r\n margin: 0;\r\n }\r\n}\r\n\r\n\r\n.mail-list {\r\n a {\r\n display: block;\r\n color: $text-muted;\r\n line-height: 24px;\r\n padding: 8px 5px;\r\n &.active {\r\n color: $danger;\r\n font-weight: 500;\r\n }\r\n }\r\n}\r\n\r\n.message-list {\r\n display: block;\r\n padding-left: 0;\r\n\r\n li {\r\n position: relative;\r\n display: block;\r\n height: 50px;\r\n line-height: 50px;\r\n cursor: default;\r\n transition-duration: .3s;\r\n\r\n a{\r\n color: $text-muted;\r\n }\r\n\r\n &:hover {\r\n background: $gray-200;\r\n transition-duration: .05s;\r\n }\r\n\r\n .col-mail {\r\n float: left;\r\n position: relative;\r\n }\r\n\r\n .col-mail-1 {\r\n width: 320px;\r\n\r\n .star-toggle,\r\n .checkbox-wrapper-mail,\r\n .dot {\r\n display: block;\r\n float: left;\r\n }\r\n\r\n .dot {\r\n border: 4px solid transparent;\r\n border-radius: 100px;\r\n margin: 22px 26px 0;\r\n height: 0;\r\n width: 0;\r\n line-height: 0;\r\n font-size: 0;\r\n }\r\n\r\n .checkbox-wrapper-mail {\r\n margin: 15px 10px 0 20px;\r\n }\r\n\r\n .star-toggle {\r\n margin-top: 18px;\r\n margin-left: 5px;\r\n }\r\n\r\n .title {\r\n position: absolute;\r\n top: 0;\r\n left: 110px;\r\n right: 0;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .col-mail-2 {\r\n position: absolute;\r\n top: 0;\r\n left: 320px;\r\n right: 0;\r\n bottom: 0;\r\n\r\n .subject,\r\n .date {\r\n position: absolute;\r\n top: 0;\r\n }\r\n\r\n .subject {\r\n left: 0;\r\n right: 200px;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n\r\n .date {\r\n right: 0;\r\n width: 170px;\r\n padding-left: 80px;\r\n }\r\n }\r\n\r\n &.active,\r\n &.active:hover {\r\n box-shadow: inset 3px 0 0 $primary;\r\n }\r\n\r\n \r\n &.unread {\r\n background-color: $gray-200;\r\n font-weight: 500;\r\n color: darken($dark,5%);\r\n a{\r\n color: darken($dark,5%);\r\n font-weight: 500;\r\n }\r\n }\r\n }\r\n\r\n\r\n .checkbox-wrapper-mail {\r\n cursor: pointer;\r\n height: 20px;\r\n width: 20px;\r\n position: relative;\r\n display: inline-block;\r\n box-shadow: inset 0 0 0 1px $gray-400;\r\n border-radius: 1px;\r\n\r\n input {\r\n opacity: 0;\r\n cursor: pointer;\r\n }\r\n input:checked ~ label {\r\n opacity: 1;\r\n }\r\n\r\n label {\r\n position: absolute;\r\n height: 20px;\r\n width: 20px;\r\n left: 0;\r\n cursor: pointer;\r\n opacity: 0;\r\n margin-bottom: 0;\r\n transition-duration: .05s;\r\n top: 0;\r\n &:before {\r\n content: \"\\F012C\";\r\n font-family: \"Material Design Icons\";\r\n top: 0;\r\n height: 20px;\r\n color: darken($dark,5%);\r\n width: 20px;\r\n position: absolute;\r\n margin-top: -16px;\r\n left: 4px;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 575.98px) { \r\n .message-list li .col-mail-1 {\r\n width: 200px;\r\n }\r\n}","// \r\n// coming-soon.scss\r\n//\r\n\r\n.counter-number {\r\n font-size: 32px;\r\n font-weight: $font-weight-medium;\r\n text-align: center;\r\n color: $primary;\r\n span {\r\n font-size: 16px;\r\n font-weight: $font-weight-normal;\r\n display: block;\r\n padding-top: 7px;\r\n color: $text-muted;\r\n }\r\n}\r\n\r\n.coming-box {\r\n float: left;\r\n width: 21%;\r\n padding: 14px 7px;\r\n margin: 0px $grid-gutter-width/2 $grid-gutter-width $grid-gutter-width/2;\r\n background-color: $card-bg;\r\n border-radius: $card-inner-border-radius;\r\n box-shadow: $box-shadow;\r\n}\r\n\r\n@media (max-width: 991.98px) { \r\n .coming-box {\r\n width: 40%;\r\n }\r\n }","// \r\n// timeline.scss\r\n//\r\n\r\n.timeline{\r\n padding-left: 60px;\r\n padding-right: 60px;\r\n .timeline-list{\r\n position: relative;\r\n padding: 60px;\r\n border-left: 3px dashed $gray-200;\r\n border-bottom: 3px dashed $gray-200;\r\n .cd-timeline-content{\r\n border-radius: 7px;\r\n background: $gray-100;\r\n .date{\r\n position: absolute;\r\n top: 60px;\r\n left: -39px;\r\n padding: 24px;\r\n color: $white;\r\n border-radius: 7px;\r\n }\r\n }\r\n\r\n &.right{\r\n border-left: 0;\r\n border-right: 3px dashed $gray-200;\r\n border-bottom: 3px dashed $gray-200;\r\n .cd-timeline-content{\r\n float: right;\r\n text-align: right;\r\n .date{\r\n right: -39px;\r\n left: inherit !important;\r\n }\r\n }\r\n \r\n &:last-child{\r\n border-bottom: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 1025px) {\r\n #cd-timeline {\r\n margin-bottom: 3em;\r\n margin-top: 3em;\r\n }\r\n .cd-timeline-content{\r\n width: 56%;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .timeline{\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n .timeline-list{\r\n padding: 15px;\r\n .date{\r\n top: 18px !important;\r\n left: -30px !important;\r\n padding: 14px !important;\r\n }\r\n &.right{\r\n .date{\r\n right: -30px !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// pricing\r\n\r\n\r\n.plan-box{\r\n .plan-btn{\r\n position: relative;\r\n\r\n &::before{\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 2px;\r\n background: $gray-300;\r\n left: 0px;\r\n right: 0px;\r\n top: 12px;\r\n }\r\n }\r\n}\r\n\r\n/* directory */\r\n.social-links {\r\n li {\r\n a {\r\n margin-bottom: 6px;\r\n border-radius: 50%;\r\n display: inline-block;\r\n height: 30px;\r\n line-height: 30px;\r\n width: 30px;\r\n text-align: center;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n// FAQ\r\n\r\n\r\n.faq{\r\n position: relative;\r\n .accordion-header{\r\n border:none;\r\n background: transparent;\r\n }\r\n} \r\n\r\n\r\n.accordion {\r\n .accordion-item {\r\n border-bottom: 1px solid $gray-200 !important;\r\n border-radius: 4px !important;\r\n box-shadow: none;\r\n\r\n }\r\n\r\n .accordion-button{\r\n font-weight: $font-weight-medium;\r\n }\r\n}\r\n\r\n.faq[data-bs-toggle=collapse]{\r\n &:after {\r\n content: '\\F0377';\r\n display: block;\r\n font-family: 'Material Design Icons';\r\n font-size: 20px;\r\n color: $text-muted;\r\n position: absolute;\r\n right: 20px;\r\n font-weight: $font-weight-medium;\r\n top: 50%;\r\n background-image: none;\r\n transform: translateY(-50%);\r\n }\r\n &.collapsed::after {\r\n content: '\\F0419';\r\n }\r\n}\r\n","// \r\n// gallary.scss\r\n//\r\n\r\n.overlay-container {\r\n position: relative;\r\n}\r\n\r\n.project-item {\r\n overflow: hidden;\r\n border-radius: 5px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.project-item img.gallery-thumb-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n}\r\n\r\n.project-item-overlay {\r\n background: none repeat scroll 0 0 #2a3142;\r\n position: absolute;\r\n transition: all 0.5s ease-in-out 0s;\r\n -moz-transition: all 0.5s ease-in-out 0s;\r\n -webkit-transition: all 0.5s ease-in-out 0s;\r\n -o-transition: all 0.5s ease-in-out 0s;\r\n top: 0px;\r\n left: 0px;\r\n bottom: 0px;\r\n right: 0px;\r\n visibility: hidden;\r\n overflow: hidden;\r\n -webkit-transform: translateX(-100%);\r\n transform: translateX(-100%);\r\n}\r\n\r\n.project-item-overlay h4 {\r\n font-size: 18px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n color: #ffffff;\r\n position: absolute;\r\n top: 7%;\r\n left: 7%;\r\n margin: 0;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.project-item-overlay p {\r\n font-size: 15px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n color: #ffffff;\r\n position: absolute;\r\n overflow: hidden;\r\n bottom: 7%;\r\n left: 7%;\r\n text-overflow: ellipsis;\r\n margin: 0;\r\n}\r\n\r\n.overlay-container:hover .project-item-overlay {\r\n -webkit-transform: translateX(0%);\r\n transform: translateX(0%);\r\n visibility: visible;\r\n}"]}
