{"version":3,"sources":["app.scss","fonts/_fonts.scss","structure/_general.scss","app.css","structure/_topbar.scss","_variables.scss","structure/_page-head.scss","structure/_footer.scss","structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","structure/_vertical.scss","structure/_horizontal-nav.scss","structure/_layouts.scss","components/_root.scss","components/_waves.scss","components/_accordion.scss","components/_avatar.scss","components/_helper.scss","components/_forms.scss","components/_widgets.scss","components/_demos.scss","components/_print.scss","components/_utilities.scss","plugins/_custom-scrollbar.scss","plugins/_calendar.scss","plugins/_session-timeout.scss","plugins/_range-slider.scss","plugins/_sweatalert2.scss","plugins/_alertify.scss","plugins/_pristinejs.scss","plugins/_choices.scss","plugins/_switch.scss","plugins/_colorpicker.scss","plugins/_datepicker.scss","plugins/_form-editors.scss","plugins/_form-upload.scss","plugins/_form-wizard.scss","plugins/_datatable.scss","plugins/_responsive-table.scss","plugins/_table-editable.scss","plugins/_apexcharts.scss","plugins/_echarts.scss","plugins/_sparkline-chart.scss","plugins/_google-map.scss","plugins/_vector-maps.scss","plugins/_leaflet-maps.scss","pages/_authentication.scss","pages/_email.scss","pages/_chat.scss","pages/_coming-soon.scss","pages/_timeline.scss","pages/_extras-pages.scss"],"names":[],"mappings":"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ACI,oBAAA;APyMxB;AOlMQ;EACI,iBLxoBc;AF40B1B;AOjMY;EACI,gBAAA;APmMhB;AO/L4B;EACI,qBAAA;APiMhC;AO1LQ;EACI,ULzpBc;AFq1B1B;;AOpLI;EACI,yBL/jBE;AFsvBV;AOrLI;EACI,yBLlkBE;EKmkBF,uCAAA;UAAA,+BAAA;APuLR;AOtLQ;EACI,aAAA;APwLZ;AOtLQ;EACI,cAAA;APwLZ;AOrLQ;EACI,sBAAA;APuLZ;AOnLI;EACI,sBAAA;APqLR;AOpLQ;EACI,sBAAA;APsLZ;AOrLY;EACI,sBAAA;APuLhB;AOrLY;EACI,sBAAA;EACA,yCAAA;APuLhB;AOpLQ;EACI,sBAAA;APsLZ;AOrLY;EACI,sBAAA;EACA,yCAAA;APuLhB;AOjLQ;EADJ;IAEQ,cLzrBa;EF62BvB;AACF;AO9KgB;EACI,+BAAA;APgLpB;AO7KgB;EACI,+BAAA;AP+KpB;AO9KoB;EACI,+BAAA;APgLxB;AO9KoB;EACI,+BAAA;EACA,gCAAA;APgLxB;AO7KwB;EACE,oCAAA;AP+K1B;AO3KoB;EACI,WLhqBb;AF60BX;AO3KwB;EACI,WLnqBjB;AFg1BX;AOtKwB;EACI,+BAAA;APwK5B;AOvK4B;EACI,WL7qBrB;AFs1BX;AOhKI;EACI,0CAAA;EACA,+BAAA;APkKR;AOjKQ;EACI,WL1rBD;AF61BX;AO7JY;EACI,cLrvBS;AFo5BzB;AO5JQ;EACI,kCL7vBQ;AF25BpB;AOxJwB;EACI,yBAAA;EACA,WL7sBjB;AFu2BX;AOzJ4B;EACI,WL/sBrB;AF02BX;AOlJ4B;EACI,sBAAA;APoJhC;AO7IoC;EACI,+CAAA;AP+IxC;AO5IgC;EACI,0DAAA;AP8IpC;AO7IoC;EACI,0DAAA;AP+IxC;;AOjIY;EACI,WLtvBL;AF03BX;;AO3HQ;EACI,iBAAA;AP8HZ;;AQl9BA;EACI,+BAAA;EACA,2BAAA;EACA,gBNuBY;EMtBZ,eAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,+CAAA;ARq9BJ;AQn9BI;EAVJ;IAWQ,+BNmCI;EFm7BV;AACF;AQn9BI;EACI,SAAA;EACA,UAAA;ARq9BR;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DM;EACE,kBAAA;EACA,WAAA;EACA,mBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AfiuDR;;AertDM;EACE,yBb+QO;Ea9QP,qBb8QO;AF08Cf;;AejtDM;EACE,qBbsQO;EarQP,yBbqQO;AF+8Cf;AeltDQ;EACE,yBbkQK;AFk9Cf;;AeluDM;EACE,yBb+QO;Ea9QP,qBb8QO;AFu9Cf;;Ae9tDM;EACE,qBbsQO;EarQP,yBbqQO;AF49Cf;Ae/tDQ;EACE,yBbkQK;AF+9Cf;;Ae/uDM;EACE,yBb+QO;Ea9QP,qBb8QO;AFo+Cf;;Ae3uDM;EACE,qBbsQO;EarQP,yBbqQO;AFy+Cf;Ae5uDQ;EACE,yBbkQK;AF4+Cf;;Ae5vDM;EACE,yBb+QO;Ea9QP,qBb8QO;AFi/Cf;;AexvDM;EACE,qBbsQO;EarQP,yBbqQO;AFs/Cf;AezvDQ;EACE,yBbkQK;AFy/Cf;;AezwDM;EACE,yBb+QO;Ea9QP,qBb8QO;AF8/Cf;;AerwDM;EACE,qBbsQO;EarQP,yBbqQO;AFmgDf;AetwDQ;EACE,yBbkQK;AFsgDf;;AetxDM;EACE,yBb+QO;Ea9QP,qBb8QO;AF2gDf;;AelxDM;EACE,qBbsQO;EarQP,yBbqQO;AFghDf;AenxDQ;EACE,yBbkQK;AFmhDf;;AenyDM;EACE,yBb+QO;Ea9QP,qBb8QO;AFwhDf;;Ae/xDM;EACE,qBbsQO;EarQP,yBbqQO;AF6hDf;AehyDQ;EACE,yBbkQK;AFgiDf;;AehzDM;EACE,yBb+QO;Ea9QP,qBb8QO;AFqiDf;;Ae5yDM;EACE,qBbsQO;EarQP,yBbqQO;AF0iDf;Ae7yDQ;EACE,yBbkQK;AF6iDf;;AexyDA;;;EAGE,eAAA;EACA,gBAAA;Af2yDF;;AetyDA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;AfyyDF;AevyDE;EACE,mBb4hBc;Ea3hBd,sBAAA;AfyyDJ;;AeryDA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;AfwyDF;AetyDE;EACE,mBbihBc;EahhBd,sBAAA;AfwyDJ;;AepyDA;EACE,kBAAA;AfuyDF;;AenyDA;EACE,uCb+xBS;AFugCX;;Ae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;EACE,qBtBuFM;EsBtFN,ctBsFM;AFgnFV;;AwBjsFE;EACE,wBAAA;UAAA,gBAAA;AxBosFJ;;AwB/rFE;EACE,mBtBoEM;AF8nFV;AwBjsFI;EACE,mBtBkEI;AFioFV;AwBlsFM;EACE,kCAAA;AxBosFR;AwB/rFE;EACE,mBtB0DM;AFuoFV;;AwB7rFA;EACE,qDAAA;AxBgsFF;;AyBzvFY;EACI,yBAAA;EACA,wCAAA;EACA,oCAAA;AzB4vFhB;;AyBnvFY;EACI,yBAAA;AzBsvFhB;;AyB/uFI;EACI,gBvBupBa;EuBtpBb,wCAAA;AzBkvFR;AyBhvFI;EACI,yBAAA;AzBkvFR;AyBhvFI;EACI,8DvBilBK;UuBjlBL,sDvBilBK;EuBhlBL,wCAAA;AzBkvFR;AyBhvFQ;EACI,wCAAA;EACA,yBAAA;EACA,+CAAA;EACA,4CAAA;AzBkvFZ;AyB9uFI;EACI,wCAAA;AzBgvFR;AyB9uFY;EACI,gBvBioBK;AF+mErB;AyB/uFgB;EACI,cvBiEV;AFgrFV;AyB7uFY;EACI,iBAAA;AzB+uFhB;AyB1uFI;EACI,aAAA;AzB4uFR;AyBzuFI;EACI,UAAA;EACA,UAAA;EACA,sBAAA;AzB2uFR;AyBzuFQ;EACI,wCAAA;AzB2uFZ;;AyBpuFI;EACI,yBvBqCE;EuBpCF,qBvBoCE;EuBnCF,WvBKG;EuBJH,4BAAA;AzBuuFR;AyBtuFQ;EACI,yBvBuCF;EuBtCE,qBvBsCF;AFksFV;AyBtuFQ;EACI,yBvBgCF;EuB/BE,qBvB+BF;AFysFV;AyBtuFQ;EACI,yBvB8BF;EuB7BE,qBvB6BF;AF2sFV;AyBnuFI;EACI,WAAA;EACA,UAAA;AzBquFR;AyBpuFQ;EACI,aAAA;EACA,UAAA;AzBsuFZ;AyBruFY;EACI,YAAA;EACA,UAAA;AzBuuFhB;AyBluFI;EACI,UAAA;EACA,WAAA;AzBouFR;AyBnuFQ;EACI,YAAA;EACA,WAAA;AzBquFZ;AyBpuFY;EACI,OAAA;EACA,WAAA;AzBsuFhB;;A0B11FA;EACE,eAAA;EACA,cxBmHQ;AF0uFV;;A0Bz1FE;EACE,qBxBiHM;AF2uFV;;A0Bv1FE;EACE,qB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","file":"app-rtl.min.css","sourcesContent":["/*\nTemplate Name: Minia - Admin & Dashboard Template\nAuthor: Themesbrand\nVersion: 2.4.0\nWebsite: https://themesbrand.com/\nContact: themesbrand@gmail.com\nFile: Main Css File\n*/\n\n\n//Fonts\n@import \"fonts/fonts\";\n\n//Core files\n@import \"./node_modules/bootstrap/scss/functions\";\n@import \"./node_modules/bootstrap/scss/variables\";\n@import \"variables\";\n@import \"variables-dark\";\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\n\n// Structure\n@import \"structure/general\";\n@import \"structure/topbar\";\n@import \"structure/page-head\";\n@import \"structure/footer\";\n@import \"structure/right-sidebar\";\n@import \"structure/vertical\";\n@import \"structure/horizontal-nav\";\n@import \"structure/layouts\";\n\n// Components\n@import \"components/root\";\n@import \"components/waves\";\n@import \"components/accordion\";\n@import \"components/avatar\";\n@import \"components/helper\";\n@import \"components/modals\";\n@import \"components/forms\";\n@import \"components/widgets\";\n@import \"components/toasts\";\n@import \"components/demos\";\n@import \"components/print\";\n@import \"components/utilities\";\n\n// Plugins\n@import \"plugins/custom-scrollbar\";\n@import \"plugins/calendar\";\n@import \"plugins/session-timeout\";\n@import \"plugins/range-slider\";\n@import \"plugins/sweatalert2\";\n@import \"plugins/alertify\";\n@import \"plugins/pristinejs\";\n@import \"plugins/choices\";\n@import \"plugins/switch\";\n@import \"plugins/colorpicker\";\n@import \"plugins/datepicker\";\n@import \"plugins/form-editors\";\n@import \"plugins/form-upload\";\n@import \"plugins/form-wizard\";\n@import \"plugins/datatable\";\n@import \"plugins/responsive-table\";\n@import \"plugins/table-editable\";\n@import \"plugins/apexcharts\";\n@import \"plugins/echarts\";\n@import \"plugins/sparkline-chart\";\n@import \"plugins/google-map\";\n@import \"plugins/vector-maps\";\n@import \"plugins/leaflet-maps\";\n\n\n// Pages\n@import \"pages/authentication\";\n@import \"pages/email\";\n@import \"pages/chat\";\n@import \"pages/coming-soon\";\n@import \"pages/timeline\";\n@import \"pages/extras-pages\";","//\n// Google font - IBM Plex Sans\n//\n\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');","// colors\n[data-bs-theme =\"dark\"]{\n    .bg-dark{\n        background-color: var(--#{$prefix}sidebar-dark-bg) !important;\n    }\n}\n","/*\nTemplate Name: Minia - Admin & Dashboard Template\nAuthor: Themesbrand\nVersion: 2.4.0\nWebsite: https://themesbrand.com/\nContact: themesbrand@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\");\n[data-bs-theme=dark] .bg-dark {\n  background-color: var(--bs-sidebar-dark-bg) !important;\n}\n\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  background-color: var(--bs-header-bg);\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 70px;\n  padding: 0 1.5rem 0 0;\n}\n.navbar-header .dropdown .show.header-item {\n  background-color: var(--bs-gray-100);\n}\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 250px;\n  background: var(--bs-sidebar-bg);\n  border-right: 1px solid var(--bs-sidebar-border-color);\n  box-shadow: 0px 2px 2px var(--bs-sidebar-bg);\n}\n\n.logo {\n  line-height: 69px;\n  color: inherit !important;\n}\n.logo .logo-sm {\n  display: none;\n}\n\n.logo-txt {\n  font-weight: 700;\n  font-size: 18px;\n  vertical-align: middle;\n  margin-left: 5px;\n}\n\n.logo-light {\n  display: none;\n}\n\nbody:not([data-sidebar-size=sm]) #vertical-menu-btn {\n  margin-left: -52px;\n  margin-right: 20px;\n}\n@media (max-width: 991.98px) {\n  body:not([data-sidebar-size=sm]) #vertical-menu-btn {\n    margin-left: 0;\n  }\n}\n\n/* Search */\n.app-search {\n  padding: calc(30px / 2) 0;\n  position: relative;\n}\n.app-search .form-control {\n  border: var(--bs-search-width) solid var(--bs-search-border-color);\n  height: 40px;\n  padding-left: 17px;\n  padding-right: 50px;\n  background-color: var(--bs-topbar-search-bg);\n  box-shadow: none;\n}\n.app-search .btn {\n  position: absolute;\n  right: 3px;\n  top: 3px;\n  height: 34px;\n  padding: 0 10px;\n}\n\n.layout-mode-light {\n  display: none;\n}\n\nbody[data-bs-theme=dark] .layout-mode-dark {\n  display: none;\n}\nbody[data-bs-theme=dark] .layout-mode-light {\n  display: inline-block;\n}\n\n[data-bs-theme=dark] [data-topbar=light] .logo-dark .logo-txt {\n  color: #fff;\n}\n\n[data-bs-theme=dark] [data-layout=horizontal][data-topbar=light] .logo-dark .logo-txt {\n  color: #212529;\n}\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px;\n}\n.megamenu-list li a {\n  color: var(--bs-body-color);\n}\n\n@media (max-width: 992px) {\n  .navbar-brand-box {\n    width: auto;\n  }\n  .logo span.logo-lg {\n    display: none;\n  }\n  .logo span.logo-sm {\n    display: inline-block;\n  }\n}\n.page-content {\n  padding: calc(70px + 1.5rem) calc(1.5rem * 0.75) 60px calc(1.5rem * 0.75);\n}\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: var(--bs-header-item-color);\n  border: 0;\n  border-radius: 0px;\n}\n.header-item:hover {\n  color: var(--bs-header-item-color);\n}\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  background-color: var(--bs-gray-600);\n  padding: 3px;\n}\n\n.noti-icon i {\n  font-size: 22px;\n  color: var(--bs-header-item-color);\n}\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 4px;\n}\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem;\n}\n.notification-item .d-flex:hover {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  color: #74788d;\n}\n.dropdown-icon-item img {\n  height: 24px;\n}\n.dropdown-icon-item span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dropdown-icon-item:hover {\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-dark);\n}\n\n.fullscreen-enable [data-toggle=fullscreen] .bx-fullscreen::before {\n  content: \"\\ea3f\";\n}\n\nbody[data-bs-theme=dark] .app-search .form-control, [data-topbar=light] .app-search .form-control {\n  border: none !important;\n}\nbody[data-bs-theme=dark] .header-item, [data-topbar=light] .header-item {\n  color: #74788d;\n}\nbody[data-bs-theme=dark] .header-item.bg-light-subtle, [data-topbar=light] .header-item.bg-light-subtle {\n  background-color: #f6f6f9 !important;\n  border-color: #e9e9ef !important;\n}\nbody[data-bs-theme=dark] #page-topbar, [data-topbar=light] #page-topbar {\n  background-color: var(--bs-white);\n  color: #313533;\n  border-color: #f8f9fa;\n}\n\nbody[data-topbar=dark] #page-topbar {\n  background-color: var(--bs-header-bg);\n  border-color: var(--bs-border-color);\n}\nbody[data-topbar=dark] .navbar-brand-box {\n  background-color: #313533;\n  border-color: #313533;\n  box-shadow: 0px 0px 2px var(--bs-header-bg);\n}\nbody[data-topbar=dark] .navbar-brand-box .logo {\n  color: #fff !important;\n}\nbody[data-topbar=dark] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.05);\n}\nbody[data-topbar=dark] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\nbody[data-topbar=dark] .header-item {\n  color: #e9ecef;\n}\nbody[data-topbar=dark] .header-item:hover {\n  color: #e9ecef;\n}\nbody[data-topbar=dark] .header-item.border-start, body[data-topbar=dark] .header-item.border-end {\n  border-color: rgba(255, 255, 255, 0.1) !important;\n}\nbody[data-topbar=dark] .header-item.bg-light-subtle {\n  background-color: rgba(255, 255, 255, 0.04) !important;\n}\nbody[data-topbar=dark] .header-profile-user {\n  background-color: rgba(255, 255, 255, 0.25);\n}\nbody[data-topbar=dark] .noti-icon i {\n  color: #e9ecef;\n}\nbody[data-topbar=dark] .logo-dark {\n  display: none;\n}\nbody[data-topbar=dark] .logo-light {\n  display: block;\n}\nbody[data-topbar=dark] .app-search .form-control {\n  background-color: var(--bs-topbar-dark-search-bg);\n  color: var(--bs-gray-500);\n}\nbody[data-topbar=dark] .app-search span,\nbody[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static;\n  }\n  .navbar-header .dropdown .dropdown-menu {\n    left: 10px !important;\n    right: 10px !important;\n  }\n}\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none;\n  }\n}\nbody[data-layout=horizontal] .navbar-brand-box {\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none;\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-brand-box {\n    padding-left: 0;\n    margin-right: 10px;\n  }\n}\nbody[data-layout=horizontal] .page-content {\n  margin-top: 70px;\n  padding: calc(55px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .navbar-header {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n}\nbody[data-layout=horizontal][data-sidebar=dark] .navbar-brand-box {\n  background-color: transparent;\n  box-shadow: none;\n}\n\n@media (max-width: 992px) {\n  body[data-layout=horizontal] .page-content {\n    margin-top: 15px;\n  }\n}\n.page-title-box {\n  padding-bottom: 1.5rem;\n}\n.page-title-box .breadcrumb {\n  background-color: transparent;\n  padding: 0;\n}\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(1.5rem / 2);\n  position: absolute;\n  right: 0;\n  color: var(--bs-footer-color);\n  left: 250px;\n  height: 60px;\n  background-color: var(--bs-footer-bg);\n  border-top: 1px solid var(--bs-border-color);\n}\n@media (max-width: 991.98px) {\n  .footer {\n    left: 0;\n  }\n}\n\nbody[data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=sm] .footer {\n    left: 0;\n  }\n}\n\nbody[data-layout=horizontal] .footer {\n  left: 0 !important;\n}\n\n.right-bar {\n  background-color: var(--bs-sidebar-bg);\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: 300px;\n  z-index: 9999;\n  float: right !important;\n  right: -310px;\n  top: 0;\n  bottom: 0;\n}\n.right-bar .right-bar-toggle {\n  background-color: #31373d;\n  height: 24px;\n  width: 24px;\n  line-height: 24px;\n  display: block;\n  color: #e9e9ef;\n  text-align: center;\n  border-radius: 50%;\n}\n.right-bar .right-bar-toggle:hover {\n  background-color: #383f45;\n}\n\n.rightbar-overlay {\n  background-color: rgba(33, 37, 41, 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 0.2s ease-out;\n}\n\n.right-bar-enabled .right-bar {\n  right: 0;\n}\n.right-bar-enabled .rightbar-overlay {\n  display: block;\n}\n\n@media (max-width: 767.98px) {\n  .right-bar {\n    overflow: auto;\n  }\n  .right-bar .slimscroll-menu {\n    height: auto !important;\n  }\n}\n.metismenu {\n  margin: 0;\n}\n.metismenu li {\n  display: block;\n  width: 100%;\n}\n.metismenu .mm-collapse {\n  display: none;\n}\n.metismenu .mm-collapse:not(.mm-show) {\n  display: none;\n}\n.metismenu .mm-collapse.mm-show {\n  display: block;\n}\n.metismenu .mm-collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition-timing-function: ease;\n  transition-duration: 0.35s;\n  transition-property: height, visibility;\n}\n\n.vertical-menu {\n  width: 250px;\n  z-index: 1001;\n  background: var(--bs-sidebar-bg);\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  border-right: 1px solid var(--bs-border-color);\n}\n\n.main-content {\n  margin-left: 250px;\n  overflow: hidden;\n}\n.main-content .content {\n  padding: 0 15px 10px 15px;\n  margin-top: 70px;\n}\n\n#sidebar-menu {\n  padding: 10px 0 30px 0;\n}\n#sidebar-menu .mm-active > .has-arrow:after {\n  transform: rotate(90deg);\n}\n#sidebar-menu .has-arrow:after {\n  content: \"\\f0142\";\n  font-family: \"Material Design Icons\";\n  display: block;\n  float: right;\n  transition: transform 0.2s;\n  font-size: 1.1rem;\n  margin-right: -5px;\n  margin-top: -2px;\n}\n#sidebar-menu ul li a {\n  display: block;\n  padding: 0.62rem 1.5rem;\n  color: var(--bs-sidebar-menu-item-color);\n  position: relative;\n  font-size: 0.9rem;\n  transition: all 0.4s;\n  font-weight: 500;\n}\n#sidebar-menu ul li a i {\n  display: inline-block;\n  min-width: 1.75rem;\n  padding-bottom: 0.125em;\n  font-size: 1.25rem;\n  line-height: 1.40625rem;\n  vertical-align: middle;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  transition: all 0.4s;\n}\n#sidebar-menu ul li a svg {\n  height: 16px;\n  width: 16px;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  fill: var(--bs-sidebar-menu-item-icon-effact-color);\n  margin-right: 10px;\n  margin-top: -3px;\n}\n#sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li a:hover i {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li a:hover svg {\n  color: var(--bs-sidebar-menu-item-hover-color);\n  fill: var(--bs-sidebar-menu-item-hover-effact-color);\n}\n#sidebar-menu ul li .badge {\n  margin-top: 4px;\n}\n#sidebar-menu ul li ul.sub-menu {\n  padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li a {\n  padding: 0.4rem 1.5rem 0.4rem 3.3rem;\n  font-size: 0.85rem;\n  color: var(--bs-sidebar-menu-sub-item-color);\n}\n#sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n  padding: 0;\n}\n#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding: 0.4rem 1.5rem 0.4rem 4.5rem;\n  font-size: 13px;\n}\n\n.menu-title {\n  padding: 12px 20px !important;\n  pointer-events: none;\n  cursor: default;\n  font-size: 12px;\n  color: var(--bs-sidebar-menu-item-icon-color);\n  font-weight: 500;\n}\n\n.mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active > a i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active > a svg {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.mm-active .active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active .active i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n.mm-active .active svg {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.mm-active > i {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n\n.sidebar-alert {\n  background-color: var(--bs-sidebar-alert);\n}\n.sidebar-alert .alertcard-title {\n  color: #5156be;\n}\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none;\n  }\n  .main-content {\n    margin-left: 0 !important;\n  }\n  body.sidebar-enable .vertical-menu {\n    display: block;\n  }\n}\nbody[data-sidebar-size=sm] {\n  min-height: 1000px;\n}\nbody[data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=sm] .navbar-brand-box {\n  width: 70px !important;\n}\nbody[data-sidebar-size=sm] .logo span.logo-lg {\n  display: none;\n}\nbody[data-sidebar-size=sm] .logo span.logo-sm {\n  display: block;\n}\nbody[data-sidebar-size=sm] .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 5;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-mask,\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-content-wrapper {\n  overflow: visible !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-scrollbar {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu .simplebar-offset {\n  bottom: 0 !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .menu-title,\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .badge,\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .sidebar-alert {\n  display: none !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu .nav.collapse {\n  height: inherit !important;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li {\n  position: relative;\n  white-space: nowrap;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a {\n  padding: 15px 20px;\n  transition: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a i {\n  font-size: 1.45rem;\n  margin-left: 4px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a svg {\n  height: 18px;\n  width: 18px;\n  margin-left: 6px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a span {\n  display: none;\n  padding-left: 25px;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n  display: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  position: relative;\n  width: calc(190px + 70px);\n  color: #5156be;\n  background-color: var(--bs-sidebar-bg);\n  transition: none;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: #5156be;\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n  color: var(--bs-sidebar-menu-item-active-color);\n  fill: rgba(var(--bs-sidebar-menu-item-active-color), 0.2);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n  display: inline;\n}\nbody[data-sidebar-size=sm] .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: var(--bs-box-shadow);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n  box-shadow: var(--bs-box-shadow);\n}\nbody[data-sidebar-size=sm] .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: var(--bs-sidebar-menu-sub-item-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-menu-item-hover-color);\n}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  padding: 5px 0;\n  z-index: 9999;\n  display: none;\n  background-color: var(--bs-body-bg);\n}\nbody[data-sidebar-size=sm] .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  padding: 5px 0;\n}\nbody[data-sidebar-size=sm] .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}\nbody[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul li.active a {\n  color: var(--bs-gray-100);\n}\nbody[data-sidebar-size=sm] #sidebar-menu .mm-active > .has-arrow:after {\n  transform: rotate(0deg);\n}\n\nbody[data-sidebar=dark] .navbar-brand-box {\n  background: var(--bs-sidebar-dark-bg);\n  box-shadow: 0px 3px 1px var(--bs-sidebar-dark-bg);\n  border-color: var(--bs-border-color);\n}\nbody[data-sidebar=dark] .navbar-brand-box .logo-txt {\n  color: #fff;\n}\nbody[data-sidebar=dark] .logo-dark {\n  display: none;\n}\nbody[data-sidebar=dark] .logo-light {\n  display: block;\n}\nbody[data-sidebar=dark] .vertical-menu {\n  background: var(--bs-sidebar-dark-bg);\n}\n@media (min-width: 992px) {\n  body[data-sidebar=dark] #vertical-menu-btn {\n    color: #e9ecef;\n  }\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a {\n  color: var(--bs-sidebar-dark-menu-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a i {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a svg {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n  fill: var(--bs-sidebar-menu-item-icon-effact-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover i {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li a:hover svg {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n  fill: var(--bs-sidebar-menu-item-hover-effact-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm][data-topbar=dark] #vertical-menu-btn {\n  color: #e9ecef;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] #vertical-menu-btn {\n  color: var(--bs-header-item-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: var(--bs-sidebar-dark-bg);\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n  fill: rgba(var(--bs-sidebar-dark-menu-item-hover-color), 0.2);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: var(--bs-sidebar-dark-menu-sub-item-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n  color: var(--bs-sidebar-dark-menu-item-hover-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul ul {\n  background-color: var(--bs-sidebar-dark-bg);\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active > a {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active > a i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active > a svg {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\nbody[data-sidebar=dark] .mm-active > i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active .active {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active .active i {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n}\nbody[data-sidebar=dark] .mm-active .active svg {\n  color: var(--bs-sidebar-dark-menu-item-active-color) !important;\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\nbody[data-sidebar=dark] .menu-title {\n  color: var(--bs-sidebar-dark-menu-item-icon-color);\n}\nbody[data-sidebar=dark][data-sidebar-size=md] #sidebar-menu ul li.menu-title {\n  background-color: var(--bs-sidebar-dark-bg);\n}\n\nbody[data-layout=horizontal] .main-content {\n  margin-left: 0 !important;\n}\n\nbody[data-sidebar-size=md] .navbar-brand-box {\n  width: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .navbar-brand-box {\n    width: auto;\n  }\n}\nbody[data-sidebar-size=md] .vertical-menu {\n  width: 160px;\n  text-align: center;\n}\nbody[data-sidebar-size=md] .vertical-menu .has-arrow:after,\nbody[data-sidebar-size=md] .vertical-menu .badge,\nbody[data-sidebar-size=md] .vertical-menu .sidebar-alert {\n  display: none !important;\n}\nbody[data-sidebar-size=md] .main-content {\n  margin-left: 160px;\n}\nbody[data-sidebar-size=md] .footer {\n  left: 160px;\n}\n@media (max-width: 991.98px) {\n  body[data-sidebar-size=md] .footer {\n    left: 0;\n  }\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li a svg {\n  display: block;\n  margin: 0 auto 4px;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding-left: 1.5rem;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .main-content {\n  margin-left: 70px;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu {\n  text-align: left;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a svg {\n  display: inline-block;\n}\nbody[data-sidebar-size=md][data-sidebar-size=sm] .footer {\n  left: 70px;\n}\n\nbody[data-sidebar=brand] .vertical-menu {\n  background-color: #5156be;\n}\nbody[data-sidebar=brand] .navbar-brand-box {\n  background-color: #5156be;\n  box-shadow: 0px 1px 0px #5156be;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-dark {\n  display: none;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo-light {\n  display: block;\n}\nbody[data-sidebar=brand] .navbar-brand-box .logo {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active > a {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active > a i {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active > a svg {\n  color: #fff !important;\n  fill: rgba(255, 255, 255, 0.1) !important;\n}\nbody[data-sidebar=brand] .mm-active .active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand] .mm-active .active svg {\n  color: #fff !important;\n  fill: rgba(255, 255, 255, 0.1) !important;\n}\n@media (min-width: 992px) {\n  body[data-sidebar=brand] #vertical-menu-btn {\n    color: #e9ecef;\n  }\n}\nbody[data-sidebar=brand] #sidebar-menu ul li.menu-title {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a i {\n  color: rgba(255, 255, 255, 0.6);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a svg {\n  color: rgba(255, 255, 255, 0.6);\n  fill: rgba(255, 255, 255, 0.075);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a.waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.1);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li a:hover i {\n  color: #fff;\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #fff;\n}\nbody[data-sidebar=brand] .sidebar-alert {\n  background-color: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-sidebar=brand] .sidebar-alert .alertcard-title {\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm][data-topbar=dark] #vertical-menu-btn {\n  color: #e9ecef;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] #vertical-menu-btn {\n  color: var(--bs-header-item-color);\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #585dc1;\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a i, body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n  color: #fff;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #fff !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: var(--bs-sidebar-menu-item-active-color);\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\nbody[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n  color: var(--bs-sidebar-menu-item-active-color) !important;\n}\n\n[data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-dark .logo-txt {\n  color: #fff;\n}\n\n[dir=rtl] #sidebar-menu .has-arrow:after {\n  content: \"\\f0141\";\n}\n\n.topnav {\n  background: var(--bs-header-bg);\n  padding: 0 calc(1.5rem / 2);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n@media (min-width: 992px) {\n  .topnav {\n    background: var(--bs-topnav-bg);\n  }\n}\n.topnav .topnav-menu {\n  margin: 0;\n  padding: 0;\n}\n.topnav .navbar-nav .nav-link {\n  font-size: 14.4px;\n  position: relative;\n  padding: 1rem 1.3rem;\n  color: var(--bs-menu-item-color);\n  font-weight: 500;\n}\n.topnav .navbar-nav .nav-link i {\n  font-size: 15px;\n}\n.topnav .navbar-nav .nav-link svg {\n  height: 16px;\n  width: 16px;\n  color: var(--bs-menu-item-color);\n  fill: var(--bs-sidebar-menu-item-icon-effact-color);\n  margin-right: 7px;\n  margin-top: -3px;\n}\n.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n  color: var(--bs-menu-item-active-color);\n  background-color: transparent;\n}\n.topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n  color: var(--bs-menu-item-active-color);\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.topnav .navbar-nav .dropdown-item {\n  color: var(--bs-menu-item-color);\n}\n.topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .nav-item .nav-link.active {\n  color: var(--bs-menu-item-active-color);\n}\n.topnav .navbar-nav .nav-item .nav-link.active svg {\n  color: var(--bs-menu-item-active-color);\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.topnav .navbar-nav .dropdown.active > a {\n  color: var(--bs-menu-item-active-color);\n  background-color: transparent;\n}\n.topnav .navbar-nav .dropdown.active > a svg {\n  color: var(--bs-menu-item-active-color);\n  fill: var(--bs-sidebar-menu-item-active-effact-color);\n}\n.topnav .menu-title {\n  padding: 12px 24px !important;\n}\n@media (max-width: 991.98px) {\n  .topnav .menu-title {\n    padding: 12px 16px !important;\n  }\n}\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}\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0;\n  }\n  .topnav .dropdown-item {\n    padding: 0.5rem 1.5rem;\n    min-width: 180px;\n  }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto;\n  }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);\n  }\n  .topnav .dropdown .dropdown-menu .arrow-down::after {\n    right: 15px;\n    transform: rotate(-135deg) translateY(-50%);\n    position: absolute;\n  }\n  .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n    position: absolute;\n    top: 0 !important;\n    left: 100%;\n    display: none;\n  }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block;\n  }\n  .navbar-toggle {\n    display: none;\n  }\n}\n.arrow-down {\n  display: inline-block;\n}\n.arrow-down:after {\n  border-color: initial;\n  border-style: solid;\n  border-width: 0 0 1px 1px;\n  content: \"\";\n  height: 0.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 0.3s ease-out;\n  width: 0.4em;\n}\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}\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block;\n  }\n  .navbar-brand-box .logo-dark span.logo-sm {\n    display: block;\n  }\n  .navbar-brand-box .logo-light {\n    display: none;\n  }\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0;\n  }\n  .topnav .navbar-nav .nav-link {\n    padding: 0.75rem 1.1rem;\n  }\n  .topnav .dropdown .dropdown-menu {\n    background-color: transparent;\n    border: none;\n    box-shadow: none;\n    padding-left: 24px;\n  }\n  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n    width: auto;\n  }\n  .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n    margin: 0px;\n  }\n  .topnav .dropdown .dropdown-item {\n    position: relative;\n    background-color: transparent;\n  }\n  .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n    color: #5156be;\n  }\n  .topnav .arrow-down::after {\n    right: 15px;\n    position: absolute;\n  }\n}\nbody[data-layout=horizontal][data-topbar=colored] #page-topbar {\n  background-color: #5156be;\n  box-shadow: none;\n}\nbody[data-layout=horizontal][data-topbar=colored] .logo-dark {\n  display: none;\n}\nbody[data-layout=horizontal][data-topbar=colored] .logo-light {\n  display: block;\n}\nbody[data-layout=horizontal][data-topbar=colored] .app-search .form-control {\n  background-color: rgba(var(--bs-topbar-search-bg), 0.07);\n  color: #fff;\n}\nbody[data-layout=horizontal][data-topbar=colored] .app-search span,\nbody[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5);\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .header-item:hover {\n  color: var(--bs-header-dark-item-color);\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.1);\n}\nbody[data-layout=horizontal][data-topbar=colored] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\nbody[data-layout=horizontal][data-topbar=colored] .noti-icon i {\n  color: var(--bs-header-dark-item-color);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal][data-topbar=colored] .topnav {\n    background-color: #5156be;\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link {\n    color: rgba(255, 255, 255, 0.6);\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus, body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover {\n    color: rgba(255, 255, 255, 0.9);\n  }\n  body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav > .dropdown.active > a {\n    color: rgba(255, 255, 255, 0.9) !important;\n  }\n}\n\n[data-bs-theme=dark][data-layout=horizontal][data-topbar=light] .navbar-brand-box .logo-txt {\n  color: #000;\n}\n\nbody[data-layout-size=boxed] {\n  background-color: var(--bs-boxed-body-bg);\n}\nbody[data-layout-size=boxed] #layout-wrapper {\n  background-color: var(--bs-body-bg);\n  max-width: 1300px;\n  margin: 0 auto;\n  box-shadow: rgba(116, 120, 141, 0.1) 0px 5px 20px -6px;\n  min-height: 100vh;\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 - 250px);\n}\n@media (min-width: 992px) {\n  body[data-layout-size=boxed][data-sidebar-size=sm] #layout-wrapper {\n    min-height: 1200px;\n  }\n}\nbody[data-layout-size=boxed][data-sidebar-size=sm] .footer {\n  max-width: calc(1300px - 70px);\n}\nbody[data-layout-size=boxed][data-sidebar-size=md] .footer {\n  max-width: calc(1300px - 160px);\n}\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] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header {\n  max-width: 1300px;\n}\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true] #page-topbar, body[data-layout-scrollable=true] .vertical-menu {\n    position: absolute;\n  }\n}\n@media (min-width: 992px) {\n  body[data-layout-scrollable=true][data-layout=horizontal] #page-topbar, body[data-layout-scrollable=true][data-layout=horizontal] .topnav {\n    position: absolute;\n  }\n}\n\n:root,\n[data-bs-theme=light] {\n  --bs-header-bg: #fff;\n  --bs-header-item-color: var(--bs-header-item-color);\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-sidebar-bg: #fbfaff;\n  --bs-sidebar-menu-item-color: #545a6d;\n  --bs-sidebar-menu-sub-item-color: #545a6d;\n  --bs-sidebar-menu-item-icon-color: #545a6d;\n  --bs-sidebar-menu-item-icon-effact-color: rgba(84, 90, 109, 0.2);\n  --bs-sidebar-menu-item-hover-color: #5156be;\n  --bs-sidebar-menu-item-hover-effact-color: rgba(81, 86, 190, 0.2);\n  --bs-sidebar-menu-item-active-color: #5156be;\n  --bs-sidebar-menu-item-active-effact-color: rgba(81, 86, 190, 0.2);\n  --bs-sidebar-border-color: #e9e9ef;\n  --bs-sidebar-menu-item-active-bg-color: #f3f8fb;\n  --bs-sidebar-menu-item-active-bg-color-dark: #293552;\n  --bs-sidebar-alert: rgba(81, 86, 190, 0.1);\n  --bs-topbar-search-bg: #f3f3f9;\n  --bs-topbar-dark-search-bg: #363a38;\n  --bs-search-width: 0px;\n  --bs-search-border-color: #e9e9ef;\n  --bs-boxed-body-bg: whitesmoke;\n  --bs-topbar-search-bg: #f8f9fa;\n  --bs-topnav-bg: #fbfaff;\n  --bs-topnav-item-color: #ced4da;\n  --bs-topnav-item-color-active: #fff;\n  --bs-menu-item-color: #7b8190;\n  --bs-menu-item-active-color: #5b73e8;\n  --bs-twocolumn-menu-iconview-bg: #fff;\n  --bs-twocolumn-menu-bg: #fff;\n  --bs-footer-bg: #fff;\n  --bs-footer-color: #74788d;\n}\n:root [data-sidebar=dark],\n[data-bs-theme=light] [data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #2C302E;\n  --bs-sidebar-dark-menu-item-color: #99a4b1;\n  --bs-sidebar-dark-menu-sub-item-color: #858d98;\n  --bs-sidebar-dark-menu-item-icon-color: #858d98;\n  --bs-sidebar-dark-menu-item-hover-color: #fff;\n  --bs-sidebar-dark-menu-item-active-color: #fff;\n}\n:root [data-topbar=light],\n[data-bs-theme=light] [data-topbar=light] {\n  --bs-topbar-search-bg: #f8f9fa;\n}\n:root [data-topbar=dark],\n[data-bs-theme=light] [data-topbar=dark] {\n  --bs-header-bg: #2c302e;\n  --bs-header-item-color: #f8f9fa;\n  --bs-header-item-sub-color: #8795ab;\n  --bs-topbar-search-bg: #363a38;\n}\n:root[data-topbar=brand],\n[data-bs-theme=light][data-topbar=brand] {\n  --bs-header-bg: #313472;\n  --bs-header-item-color: #f8f9fa;\n  --bs-header-item-sub-color: #e2e2f4;\n}\n\n[data-bs-theme=dark] {\n  --bs-light: #383d3b;\n  --bs-light-rgb: 56, 61, 59;\n  --bs-dark: #e9e9ef;\n  --bs-dark-rgb: 233, 233, 239;\n  --bs-header-bg: #2c302e;\n  --bs-header-item-color: #e9ecef;\n  --bs-header-item-sub-color: var(--bs-secondary-color);\n  --bs-sidebar-bg: #313533;\n  --bs-sidebar-menu-item-color: #898fa9;\n  --bs-sidebar-menu-sub-item-color: #7b8198;\n  --bs-sidebar-menu-item-icon-color: #666b7f;\n  --bs-sidebar-menu-item-icon-effact-color: rgba(133, 141, 152, 0.2);\n  --bs-sidebar-menu-item-hover-color: #5b73e8;\n  --bs-sidebar-menu-item-hover-effact-color: rgba(255, 255, 255, 0.2);\n  --bs-sidebar-menu-item-active-color: #5b73e8;\n  --bs-sidebar-menu-item-active-effact-color: rgba(255, 255, 255, 0.2);\n  --bs-sidebar-border-color: #373c39;\n  --bs-sidebar-menu-item-active-bg-color: #34415d;\n  --bs-sidebar-menu-item-active-bg-color-dark: #343747;\n  --bs-sidebar-alert: #313533;\n  --bs-sidebar-dark-bg: #2C302E;\n  --bs-sidebar-dark-menu-item-color: #99a4b1;\n  --bs-sidebar-dark-menu-sub-item-color: #858d98;\n  --bs-sidebar-dark-menu-item-icon-color: #858d98;\n  --bs-sidebar-dark-menu-item-hover-color: #ffffff;\n  --bs-sidebar-dark-menu-item-active-color: #ffffff;\n  --bs-search-width: 1px;\n  --bs-search-border-color: #3b403d;\n  --bs-topbar-search-bg: #363a38;\n  --bs-footer-bg: #313533;\n  --bs-footer-color: #adb5bd;\n  --bs-footer-border-color: #383d3b;\n  --bs-topnav-bg: #373c39;\n  --bs-topnav-item-color: #ced4da;\n  --bs-topnav-item-color-active: #fff;\n  --bs-menu-item-color: #99a4b1;\n  --bs-menu-item-active-color: #ffffff;\n  --bs-input-bg: #3b403d;\n  --bs-accordion-button-active-bg: #3b403d;\n  --bs-boxed-body-bg: #3b403d;\n}\n[data-bs-theme=dark] .table-light {\n  --bs-table-color: white;\n  --bs-table-bg: var(--bs-tertiary-bg);\n  --bs-table-border-color: var(--bs-border-color);\n  --bs-table-striped-bg: var(--bs-tertiary-bg);\n  --bs-table-striped-color: white;\n  --bs-table-active-bg: var(--bs-tertiary-bg);\n  --bs-table-active-color: white;\n  --bs-table-hover-bg: var(--bs-tertiary-bg);\n  --bs-table-hover-color: white;\n}\n[data-bs-theme=dark][data-topbar=light] {\n  --bs-topbar-search-bg: #f8f9fa;\n}\n[data-bs-theme=dark][data-sidebar=dark] {\n  --bs-sidebar-dark-bg: #2C302E;\n  --bs-sidebar-dark-menu-item-color: #99a4b1;\n  --bs-sidebar-dark-menu-sub-item-color: #858d98;\n  --bs-sidebar-dark-menu-item-icon-color: #858d98;\n  --bs-sidebar-dark-menu-item-hover-color: #fff;\n  --bs-sidebar-dark-menu-item-active-color: #fff;\n}\n\n/*!\n * Waves v0.7.6\n * http://fian.my.id/Waves \n * \n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \n * Released under the MIT license \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\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\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\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2);\n}\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\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\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\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\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em;\n}\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em;\n}\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom;\n}\n\n.waves-input-wrapper.waves-button {\n  padding: 0;\n}\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\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\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\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\n.waves-block {\n  display: block;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(81, 86, 190, 0.4);\n}\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(42, 181, 125, 0.4);\n}\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(75, 166, 239, 0.4);\n}\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 191, 83, 0.4);\n}\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(253, 98, 94, 0.4);\n}\n\n[data-bs-theme=dark] .accordion-button:after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23313533'%3e%3cpath 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'/%3e%3c/svg%3e\");\n}\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: #5156be;\n  color: var(--bs-white);\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap;\n}\n.avatar-group .avatar-group-item {\n  margin-left: -12px;\n  border: 2px solid var(--bs-secondary-bg);\n  border-radius: 50%;\n  transition: all 0.2s;\n}\n.avatar-group .avatar-group-item:hover {\n  position: relative;\n  transform: translateY(-2px);\n}\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.fw-medium {\n  font-weight: 500;\n}\n\n.fw-semibold {\n  font-weight: 600;\n}\n\n.icon-xs {\n  height: 14px;\n  width: 14px;\n}\n\n.icon-sm {\n  height: 16px;\n  width: 16px;\n}\n\n.icon-md {\n  height: 18px;\n  width: 18px;\n}\n\n.icon-lg {\n  height: 20px;\n  width: 20px;\n}\n\n.icon-xl {\n  height: 22px;\n  width: 22px;\n}\n\n.card-h-100 {\n  height: calc(100% - 1.5rem);\n}\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 4px);\n  display: block;\n  border: 2px solid #adb5bd;\n  border-radius: 50%;\n  color: #adb5bd;\n  text-align: center;\n  transition: all 0.4s;\n}\n.social-list-item:hover {\n  color: #74788d;\n  background-color: #e9e9ef;\n}\n\n.w-xs {\n  min-width: 80px;\n}\n\n.w-sm {\n  min-width: 95px;\n}\n\n.w-md {\n  min-width: 110px;\n}\n\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n.bg-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  background-color: #000;\n}\n\n.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.05rem 1.25rem;\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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat;\n}\n\n.btn-group-vertical label {\n  margin-bottom: 0;\n}\n\n.btn-group label {\n  margin-bottom: 0;\n}\n\n[data-bs-theme=dark] .text-light {\n  color: var(--bs-gray-400) !important;\n}\n[data-bs-theme=dark] .text-body {\n  color: var(--bs-gray-400) !important;\n}\n[data-bs-theme=dark] .btn-close {\n  filter: invert(1) grayscale(100%) brightness(200%);\n}\n[data-bs-theme=dark] .btn-close-white {\n  filter: invert(0) grayscale(100%) brightness(200%);\n}\n\n[type=tel]::placeholder,\n[type=url]::placeholder,\n[type=email]::placeholder,\n[type=number]::placeholder {\n  text-align: left;\n}\n\n.form-check {\n  position: relative;\n  text-align: left;\n}\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: 1.5em;\n}\n.form-check-right .form-check-input {\n  float: right;\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n.form-check-right .form-check-label {\n  display: block;\n}\n\n.form-checkbox-outline .form-check-input {\n  border-width: 2px;\n  background-color: var(--bs-secondary-bg);\n}\n.form-checkbox-outline .form-check-input:active {\n  filter: none;\n}\n.form-checkbox-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-checkbox-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-checkbox-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\\f012c\";\n  font-family: \"Material Design Icons\";\n  top: -4px !important;\n  left: 1px;\n  /*rtl: -4px */\n  font-size: 16px;\n  color: #212529;\n}\n\n.form-radio-outline .form-check-input {\n  background-color: var(--bs-secondary-bg);\n  position: relative;\n}\n.form-radio-outline .form-check-input:active {\n  filter: none;\n}\n.form-radio-outline .form-check-input:checked {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.form-radio-outline .form-check-input:checked[type=checkbox] {\n  background-image: none;\n}\n.form-radio-outline .form-check-input:checked:after {\n  position: absolute;\n  content: \"\";\n  top: 3px !important;\n  left: 3px;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n}\n\n.form-check-primary .form-check-input:checked {\n  background-color: #5156be;\n  border-color: #5156be;\n}\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #5156be;\n  background-color: #5156be;\n}\n.form-radio-primary .form-check-input:checked:after {\n  background-color: #5156be;\n}\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #74788d;\n  border-color: #74788d;\n}\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #74788d;\n  background-color: #74788d;\n}\n.form-radio-secondary .form-check-input:checked:after {\n  background-color: #74788d;\n}\n\n.form-check-success .form-check-input:checked {\n  background-color: #2ab57d;\n  border-color: #2ab57d;\n}\n\n.form-radio-success .form-check-input:checked {\n  border-color: #2ab57d;\n  background-color: #2ab57d;\n}\n.form-radio-success .form-check-input:checked:after {\n  background-color: #2ab57d;\n}\n\n.form-check-info .form-check-input:checked {\n  background-color: #4ba6ef;\n  border-color: #4ba6ef;\n}\n\n.form-radio-info .form-check-input:checked {\n  border-color: #4ba6ef;\n  background-color: #4ba6ef;\n}\n.form-radio-info .form-check-input:checked:after {\n  background-color: #4ba6ef;\n}\n\n.form-check-warning .form-check-input:checked {\n  background-color: #ffbf53;\n  border-color: #ffbf53;\n}\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #ffbf53;\n  background-color: #ffbf53;\n}\n.form-radio-warning .form-check-input:checked:after {\n  background-color: #ffbf53;\n}\n\n.form-check-danger .form-check-input:checked {\n  background-color: #fd625e;\n  border-color: #fd625e;\n}\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #fd625e;\n  background-color: #fd625e;\n}\n.form-radio-danger .form-check-input:checked:after {\n  background-color: #fd625e;\n}\n\n.form-check-light .form-check-input:checked {\n  background-color: #e9e9ef;\n  border-color: #e9e9ef;\n}\n\n.form-radio-light .form-check-input:checked {\n  border-color: #e9e9ef;\n  background-color: #e9e9ef;\n}\n.form-radio-light .form-check-input:checked:after {\n  background-color: #e9e9ef;\n}\n\n.form-check-dark .form-check-input:checked {\n  background-color: #212529;\n  border-color: #212529;\n}\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #212529;\n  background-color: #212529;\n}\n.form-radio-dark .form-check-input:checked:after {\n  background-color: #212529;\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n}\n.form-switch-md .form-check-label {\n  font-size: 0.875rem;\n  vertical-align: middle;\n}\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n}\n.form-switch-lg .form-check-label {\n  font-size: 0.875rem;\n  vertical-align: middle;\n}\n\n.input-group-text {\n  margin-bottom: 0px;\n}\n\n.custom-control-label::before {\n  background-color: var(--bs-tertiary-bg);\n}\n\n[data-bs-theme=dark] .form-select {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");\n}\n[data-bs-theme=dark] .form-switch .form-check-input,\n[data-bs-theme=dark] .form-switch .form-check-input:focus {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced4da'/%3e%3c/svg%3e\");\n}\n\n[dir=rtl] input {\n  text-align: end;\n}\n\n.widget-box-1-icon {\n  position: absolute;\n  right: -15px;\n  top: -25px;\n  font-size: 5rem;\n  opacity: 0.1;\n}\n\n.widget-carousel .carousel-indicators {\n  margin: 0px auto;\n  position: relative;\n}\n\n.activity-border:before {\n  content: \"\";\n  position: absolute;\n  height: 80px;\n  border-left: 2px dashed var(--bs-gray-400);\n  top: 40px;\n  left: 2px;\n}\n\n.activity-wid {\n  margin-left: 16px;\n}\n.activity-wid .activity-list {\n  position: relative;\n  padding: 0 0 20px 45px;\n}\n.activity-wid .activity-list .activity-icon {\n  position: absolute;\n  left: -20px;\n  top: -3px;\n  z-index: 2;\n  background: var(--bs-card-bg);\n}\n.activity-wid .activity-list .activity-icon img {\n  border: 5px solid var(--bs-secondary-bg);\n}\n.activity-wid .activity-list .activity-icon span {\n  border: 5px solid var(--bs-card-bg);\n}\n.activity-wid .activity-list:last-child {\n  padding-bottom: 0px;\n}\n\n.grid-example {\n  background-color: rgba(81, 86, 190, 0.05);\n  border-radius: 5px;\n  font-weight: 500;\n  padding: 10px 20px;\n  font-size: 0.8rem;\n}\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\n[dir=rtl] .modal-open {\n  padding-left: 0px !important;\n}\n\n.icon-demo-content {\n  color: var(--bs-gray-500);\n}\n.icon-demo-content i {\n  display: inline-flex;\n  width: 40px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  color: var(--bs-tertiary-600);\n  transition: all 0.4s;\n  border: 1px solid var(--bs-border-color);\n  border-radius: 50%;\n  margin-right: 16px;\n  vertical-align: middle;\n}\n.icon-demo-content .col-lg-4 {\n  margin-top: 24px;\n}\n.icon-demo-content .col-lg-4:hover i {\n  background-color: rgba(81, 86, 190, 0.2);\n  color: #5156be;\n}\n\n.grid-structure .grid-container {\n  background-color: var(--bs-secondary-bg);\n  margin-top: 10px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  padding: 10px 20px;\n}\n\n.card-radio {\n  background-color: var(--bs-secondary-bg);\n  border: 2px solid var(--bs-border-color);\n  border-radius: 0.25rem;\n  padding: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.card-radio:hover {\n  cursor: pointer;\n}\n\n.card-radio-label {\n  display: block;\n}\n\n.card-radio-input {\n  display: none;\n}\n.card-radio-input:checked + .card-radio {\n  border-color: #5156be !important;\n}\n\n.spin-left:before {\n  animation: spin-left 2s infinite linear;\n}\n\n.spin-right:before {\n  animation: spin-right 2s infinite linear;\n}\n\n@keyframes spin-left {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-359deg);\n  }\n}\n@keyframes spin-right {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important;\n  }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0;\n  }\n  .card {\n    border: 0;\n  }\n}\n.z-index {\n  position: relative;\n}\n.z-index .box-2 {\n  top: 13px;\n  left: 16px;\n}\n.z-index .box-3 {\n  top: 25px;\n  left: 31px;\n}\n.z-index .box-4 {\n  top: 39px;\n  left: 45px;\n}\n.z-index .box-5 {\n  top: 52px;\n  left: 59px;\n}\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: \" \";\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\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}\n\n/* ==============\n  Calendar\n===================*/\n.fc td,\n.fc th {\n  border: var(--bs-border-width) solid var(--bs-border-color);\n}\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  }\n  .fc .fc-toolbar > * > * {\n    float: none;\n  }\n  .fc .fc-toolbar .fc-today-button {\n    display: none;\n  }\n}\n.fc .fc-toolbar .btn {\n  text-transform: capitalize;\n}\n\n.fc th.fc-widget-header {\n  background: #f6f6f6;\n  color: #313533;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700;\n}\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: #f6f6f6;\n}\n.fc-unthemed td.fc-today {\n  background: #efeff3;\n}\n\n.fc-button {\n  background: var(--bs-secondary-bg);\n  border-color: var(--bs-border-color);\n  color: #313533;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important;\n}\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #5156be;\n  color: #fff;\n  text-shadow: none;\n}\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\n.fc-event,\n.fc-event-dot {\n  background-color: #5156be;\n}\n\n.fc-event .fc-content {\n  color: #fff;\n}\n\n#external-events .external-event {\n  text-align: left;\n  padding: 8px 16px;\n}\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: var(--bs-light);\n}\n\n.fc .fc-button-primary {\n  background-color: var(--bs-primary) !important;\n  border-color: var(--bs-primary) !important;\n  box-shadow: none !important;\n}\n\n.fc-scrollgrid {\n  border-color: var(--bs-border-color) !important;\n}\n\n.fc-theme-standard .fc-list-day-cushion {\n  background-color: var(--bs-tertiary-bg) !important;\n}\n\n.fc-theme-standard .fc-list {\n  border: var(--bs-border-color) !important;\n}\n\n.fc-daygrid-event-dot {\n  display: none !important;\n}\n\n.fc-event {\n  justify-content: center;\n}\n.fc-event.fc-event-draggable {\n  text-align: center;\n  color: #fff !important;\n}\n.fc-event .fc-event-title {\n  flex-grow: 0 !important;\n}\n\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: #b7dbf9 !important;\n}\n\n[dir=rtl] .fc-header-toolbar {\n  direction: ltr !important;\n}\n[dir=rtl] .fc-toolbar > * > :not(:first-child) {\n  margin-left: 0.75em;\n}\n\n@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n  }\n}\n\n[data-bs-theme=dark] .fc-scrollgrid {\n  border-color: #383d3e !important;\n}\n[data-bs-theme=dark] .fc-event.bg-dark {\n  background-color: #171c1c !important;\n}\n\n#session-timeout-dialog .close {\n  display: none;\n}\n#session-timeout-dialog .countdown-holder {\n  color: #fd625e;\n  font-weight: 500;\n}\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #fd625e;\n  box-shadow: none;\n}\n\n.noUi-connect {\n  background: #4ba6ef;\n}\n\n.noUi-handle {\n  border-color: var(--bs-light);\n  background: var(--bs-card-bg);\n  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px var(--bs-light), 0 3px 6px -3px var(--bs-light) !important;\n}\n\n.noUi-horizontal {\n  height: 8px;\n}\n.noUi-horizontal .noUi-handle {\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  right: -10px;\n  top: -7px;\n}\n.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n  display: none;\n}\n.noUi-horizontal .noUi-handle:focus {\n  outline: 0;\n}\n\n.noUi-connects,\n.noUi-touch-area {\n  cursor: pointer;\n}\n\n.noUi-pips-horizontal {\n  height: 50px;\n}\n\n.noUi-vertical {\n  width: 8px;\n}\n.noUi-vertical .noUi-handle {\n  height: 20px;\n  width: 20px;\n  right: -8px;\n  top: -12px;\n  left: auto;\n  border-radius: 50%;\n}\n.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n  display: none;\n}\n.noUi-vertical .noUi-handle:focus {\n  outline: 0;\n}\n.noUi-vertical .noUi-origin {\n  top: 0;\n}\n\n.noUi-value {\n  font-size: 12px;\n}\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px;\n}\n.noUi-marker-horizontal.noUi-marker {\n  display: none;\n}\n\n.noUi-target {\n  background-color: var(--bs-light);\n  border-color: var(--bs-light);\n  box-shadow: inset 0 1px 1px var(--bs-light), 0 3px 6px -5px var(--bs-light);\n}\n\n.noUi-touch-area:focus {\n  outline: 0;\n}\n\n#red,\n#green,\n#blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px;\n}\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid var(--bs-border-color);\n}\n\n#result {\n  margin: 60px 26px;\n  height: 100px;\n  width: 100px;\n  display: inline-block;\n  vertical-align: top;\n  border: 1px solid var(--bs-border-color);\n  box-shadow: 0 0 3px;\n  border-radius: 7px;\n}\n\n#red .noUi-connect {\n  background: #fd625e;\n}\n\n#green .noUi-connect {\n  background: #2ab57d;\n}\n\n#blue .noUi-connect {\n  background: #5156be;\n}\n\n.form-control.keyboard {\n  max-width: 340px !important;\n}\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px;\n}\n\n.example-val {\n  font-size: 12px;\n  color: var(--bs-secondary-color);\n  display: block;\n  margin: 15px 0;\n}\n.example-val:before {\n  content: \"Value: \";\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.noUi-tooltip {\n  display: none;\n}\n\n.noUi-active .noUi-tooltip {\n  display: block;\n}\n\n.c-1-color {\n  background: #fd625e;\n}\n\n.c-2-color {\n  background: #ffbf53;\n}\n\n.c-3-color {\n  background: #2ab57d;\n}\n\n.c-4-color {\n  background: #5156be;\n}\n\n.c-5-color {\n  background: #6f42c1;\n}\n\n#slider-toggle {\n  height: 50px;\n}\n#slider-toggle.off .noUi-handle {\n  border-color: #fd625e;\n}\n\n.swal2-container .swal2-title {\n  font-size: 22px;\n  font-weight: 500;\n}\n.swal2-container .swal2-html-container {\n  color: var(--bs-body-color) !important;\n}\n.swal2-container .swal2-popup {\n  background-color: var(--bs-secondary-bg);\n}\n\n.swal2-modal {\n  font-size: 14px;\n}\n\n.swal2-icon.swal2-question {\n  border-color: #4ba6ef;\n  color: #4ba6ef;\n}\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #2ab57d;\n}\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(42, 181, 125, 0.3);\n}\n.swal2-icon.swal2-warning {\n  border-color: #ffbf53;\n  color: #ffbf53;\n}\n\n.swal2-styled:focus {\n  box-shadow: none;\n}\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #5156be;\n}\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #5156be;\n}\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(81, 86, 190, 0.3);\n}\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #5156be;\n}\n\n.swal2-loader {\n  border-color: #5156be transparent #5156be transparent;\n}\n\n.alertify .ajs-body .ajs-content .ajs-input {\n  color: var(--bs-gray-600);\n  background-color: var(--bs-secondary-bg);\n  border: 1px solid var(--bs-gray-300);\n}\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  color: var(--bs-gray-500);\n}\n\n.alertify .ajs-header {\n  font-weight: 500;\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-body {\n  color: var(--bs-gary-600);\n}\n.alertify .ajs-dialog {\n  box-shadow: rgba(116, 120, 141, 0.1) 0px 5px 20px -6px;\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n  background-color: var(--bs-secondary-bg);\n  color: var(--bs-gary-600);\n  border-bottom: var(--bs-border-color) 1px solid;\n  border-top: var(--bs-border-color) 1px solid;\n}\n.alertify .ajs-footer {\n  background-color: var(--bs-secondary-bg);\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-weight: 500;\n}\n.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n  color: #5156be;\n}\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right;\n}\n.alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n  outline: none;\n}\n.alertify .ajs-commands {\n  right: 4px;\n  left: auto;\n  margin: -14px 0 0 24px;\n}\n.alertify .ajs-commands .ajs-header {\n  background-color: var(--bs-secondary-bg);\n}\n\n.alertify-notifier .ajs-message {\n  background-color: #5156be;\n  border-color: #5156be;\n  color: #fff;\n  text-shadow: none !important;\n}\n.alertify-notifier .ajs-message.ajs-success {\n  background-color: #2ab57d;\n  border-color: #2ab57d;\n}\n.alertify-notifier .ajs-message.ajs-error {\n  background-color: #fd625e;\n  border-color: #fd625e;\n}\n.alertify-notifier .ajs-message.ajs-warning {\n  background-color: #ffbf53;\n  border-color: #ffbf53;\n}\n.alertify-notifier.ajs-right {\n  right: 10px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message {\n  right: -320px;\n  left: auto;\n}\n.alertify-notifier.ajs-right .ajs-message.ajs-visible {\n  right: 290px;\n  left: auto;\n}\n.alertify-notifier.ajs-left {\n  left: 10px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message {\n  left: -300px;\n  right: auto;\n}\n.alertify-notifier.ajs-left .ajs-message.ajs-visible {\n  left: 0;\n  right: auto;\n}\n\n.pristine-error {\n  margin-top: 2px;\n  color: #fd625e;\n}\n\n.has-success .form-control {\n  border-color: #2ab57d;\n}\n\n.has-danger .form-control {\n  border-color: #fd625e;\n}\n\n.choices__inner {\n  background-color: var(--bs-input-bg);\n  padding: 0.25rem 3rem 0.25rem 0.5rem;\n  background-color: var(--bs-tertiary-bg);\n  vertical-align: middle;\n  border-radius: var(--bs-border-radius);\n  border: var(--bs-border-width) solid var(--bs-border-color);\n  min-height: 38px;\n  border: 1px solid var(--bs-border-color);\n}\n\n.choices__heading {\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.is-focused .choices__inner, .is-open .choices__inner {\n  border-color: var(--bs-border-color);\n}\n\n.choices__list--dropdown {\n  border-color: var(--bs-border-color) !important;\n}\n\n.choices[data-type*=select-one] .choices__input {\n  background-color: var(--bs-input-bg) !important;\n  border-color: var(--bs-border-color);\n}\n\n.choices[data-type*=select-one] .choices__inner {\n  padding-bottom: 0.25rem;\n  background-color: var(--bs-input-bg) !important;\n}\n.choices[data-type*=select-one] .choices__button {\n  right: 0;\n  left: auto;\n  margin-right: 25px;\n  margin-left: 0;\n}\n.choices[data-type*=select-one]:after {\n  border-color: var(--bs-dark) transparent transparent;\n  right: 11.5px;\n  left: auto;\n}\n.choices[data-type*=select-one].is-open:after {\n  border-color: transparent transparent var(--bs-dark);\n}\n\n.choices__input {\n  background-color: var(--bs-tertiary-bg);\n  margin-bottom: 0;\n  color: var(--bs-gray-600);\n}\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.choices__list--multiple .choices__item {\n  background-color: #5156be;\n  border-color: #5156be;\n  margin-bottom: 0;\n  font-weight: 400;\n}\n.choices__list--multiple .choices__item.is-highlighted {\n  background-color: #5156be;\n  border: 1px solid #5156be;\n}\n\n.choices.is-disabled .choices__inner,\n.choices.is-disabled .choices__input {\n  background-color: var(--bs-light);\n}\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #74788d;\n  border-color: #74788d;\n}\n\n.choices[data-type*=select-multiple] .choices__button,\n.choices[data-type*=text] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0;\n}\n\n.choices__list--dropdown {\n  background-color: var(--bs-body-bg) !important;\n  border: 1px solid var(--bs-border-color);\n}\n.choices__list--dropdown .choices__item--selectable.is-highlighted {\n  background-color: var(--bs-gray-300) !important;\n}\n\n/* CSS Switch */\ninput[switch] {\n  display: none;\n}\ninput[switch] + label {\n  font-size: 1em;\n  line-height: 1;\n  width: 56px;\n  height: 24px;\n  background-color: #ced4da;\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}\ninput[switch] + label:before {\n  color: #212529;\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}\ninput[switch] + label:after {\n  content: \"\";\n  position: absolute;\n  left: 3px;\n  background-color: #e9e9ef;\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}\ninput[switch]:checked + label {\n  background-color: #5156be;\n}\n\ninput[switch]:checked + label {\n  background-color: #5156be;\n}\ninput[switch]:checked + label:before {\n  color: #fff;\n  content: attr(data-on-label);\n  right: auto;\n  left: 3px;\n}\ninput[switch]:checked + label:after {\n  left: 33px;\n  background-color: #e9e9ef;\n}\n\ninput[switch=bool] + label {\n  background-color: #fd625e;\n}\n\ninput[switch=bool] + label:before, input[switch=bool]:checked + label:before,\ninput[switch=default]:checked + label:before {\n  color: #fff;\n}\n\ninput[switch=bool]:checked + label {\n  background-color: #2ab57d;\n}\n\ninput[switch=default]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=primary]:checked + label {\n  background-color: #5156be;\n}\n\ninput[switch=success]:checked + label {\n  background-color: #2ab57d;\n}\n\ninput[switch=info]:checked + label {\n  background-color: #4ba6ef;\n}\n\ninput[switch=warning]:checked + label {\n  background-color: #ffbf53;\n}\n\ninput[switch=danger]:checked + label {\n  background-color: #fd625e;\n}\n\ninput[switch=dark]:checked + label {\n  background-color: #212529;\n}\ninput[switch=dark]:checked + label:before {\n  color: #e9e9ef;\n}\n\n.square-switch {\n  margin-right: 7px;\n}\n.square-switch input[switch] + label, .square-switch input[switch] + label:after {\n  border-radius: 4px;\n}\n\n.pcr-app {\n  background: var(--bs-card-bg);\n}\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: 0.75em;\n  margin-left: 0;\n}\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {\n  margin-left: 0.75em;\n  margin-right: 0;\n}\n\n.flatpickr-input[readonly] {\n  background-color: var(--bs-tertiary-bg);\n}\n\n.flatpickr-months,\n.flatpickr-weekdays {\n  background-color: #5156be;\n}\n\nspan.flatpickr-weekday {\n  color: #fff;\n  font-weight: 500;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-am-pm:focus, .flatpickr-am-pm:hover,\n.numInput:focus,\n.numInput:hover,\n.numInputWrapper:focus,\n.numInputWrapper:hover {\n  background-color: transparent !important;\n}\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid var(--bs-border-color);\n}\n\n.flatpickr-day {\n  color: var(--bs-dark) !important;\n}\n.flatpickr-day:hover, .flatpickr-day:focus {\n  background-color: rgba(233, 233, 239, 0.7) !important;\n}\n.flatpickr-day.today {\n  border-color: #5156be !important;\n  background-color: rgba(81, 86, 190, 0.1);\n}\n.flatpickr-day.today:hover, .flatpickr-day.today:focus {\n  color: var(--bs-dark) !important;\n  background-color: rgba(81, 86, 190, 0.15) !important;\n}\n.flatpickr-day.selected {\n  background-color: #5156be !important;\n  border-color: #5156be !important;\n  color: #fff !important;\n}\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n  color: var(--bs-gray-400) !important;\n}\n.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-light) !important;\n}\n.flatpickr-day.inRange {\n  box-shadow: -5px 0 0 #e9e9ef, 5px 0 0 #e9e9ef;\n}\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month,\n.flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-monthDropdown-month {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {\n  color: rgba(255, 255, 255, 0.9) !important;\n}\n\n.flatpickr-time input,\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  color: var(--bs- #e9e9ef) !important;\n}\n\n.flatpickr-calendar {\n  background-color: var(--bs-body-bg) !important;\n  box-shadow: 1px 0 0 var(--bs-border-color), -1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color), 0 -1px 0 var(--bs-border-color), 0 3px 13px rgba(0, 0, 0, 0.08) !important;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n  border-top: 1px solid var(--bs-border-color) !important;\n}\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: rgba(255, 255, 255, 0.9) !important;\n}\n\n.ck-editor__editable {\n  min-height: 250px !important;\n}\n\n.ck.ck-reset_all, .ck.ck-reset_all * {\n  color: var(--bs-body-color) !important;\n}\n.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-toolbar {\n  background-color: var(--bs-light) !important;\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n  background-color: var(--bs-border-color) !important;\n}\n.ck.ck-tooltip .ck-tooltip__text {\n  background-color: #212529 !important;\n  color: #e9e9ef !important;\n}\n.ck.ck-editor__main > .ck-editor__editable, .ck.ck-list {\n  background-color: var(--bs-card-bg) !important;\n}\n.ck.ck-dropdown__panel {\n  border-color: var(--bs-border-color) !important;\n}\n.ck.ck-responsive-form {\n  background-color: var(--bs-card-bg) !important;\n}\n.ck.ck-input-text {\n  background-color: var(--bs-light) !important;\n}\n.ck.ck-dropdown__panel {\n  background-color: var(--bs-card-bg) !important;\n}\n\n.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on {\n  background-color: var(--bs-light) !important;\n}\n\n[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse;\n}\n\n[data-bs-theme=dark] .ck.ck-editor__main > .ck-editor__editable {\n  background-color: var(--bs-body-bg) !important;\n}\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--bs-border-color);\n  background: var(--bs-card-bg);\n  border-radius: 6px;\n}\n.dropzone .dz-message {\n  font-size: 24px;\n  width: 100%;\n}\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n  display: inline-block;\n  width: 56px;\n  height: 56px;\n  line-height: 54px;\n  border: 1px solid rgba(81, 86, 190, 0.2);\n  color: #5156be;\n  text-align: center;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n  font-size: 20px;\n}\n@media (max-width: 575.98px) {\n  .twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n    width: 40px;\n    height: 40px;\n    line-height: 38px;\n  }\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-title {\n  margin-left: 6px;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item:last-child .nav-link::after {\n  display: none;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .step-icon {\n  background-color: #5156be;\n  color: #fff;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .uil:before {\n  content: \"\\e9c3\";\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n  font-size: 14px;\n  position: relative;\n}\n@media (max-width: 575.98px) {\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n    padding: 0.5rem;\n  }\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n  content: \"\";\n  position: absolute;\n  width: 75%;\n  height: 2px;\n  background-color: var(--bs-border-color);\n  left: 62%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n@media (max-width: 575.98px) {\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n    display: none;\n  }\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active {\n  color: #313533;\n  background-color: transparent;\n}\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon {\n  background-color: rgba(81, 86, 190, 0.2);\n  color: #5156be;\n  border-color: rgba(81, 86, 190, 0.2);\n}\n.twitter-bs-wizard .twitter-bs-wizard-pager-link {\n  padding-top: 24px;\n  padding-left: 0;\n  list-style: none;\n  margin-bottom: 0;\n}\n.twitter-bs-wizard .twitter-bs-wizard-pager-link li {\n  display: inline-block;\n}\n.twitter-bs-wizard .twitter-bs-wizard-pager-link li.next {\n  float: right;\n}\n\n.twitter-bs-wizard-tab-content {\n  padding-top: 24px;\n  min-height: 262px;\n}\n\n.gslide .gdesc-inner {\n  background-color: var(--bs-secondary-bg) !important;\n}\n.gslide .gdesc-inner .gslide-title {\n  color: var(--bs-body-color) !important;\n}\n\n/* \nDatatable\n*/\ndiv.dataTables_wrapper div.dataTables_filter {\n  text-align: right;\n}\n@media (max-width: 767px) {\n  div.dataTables_wrapper div.dataTables_filter {\n    text-align: center;\n  }\n}\ndiv.dataTables_wrapper div.dataTables_filter input {\n  margin-left: 0.5em;\n  margin-right: 0;\n}\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative;\n}\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n  padding-left: 30px;\n}\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,\ntable.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: #5156be;\n}\n.table.dataTable > thead > tr > th:not(.sorting_disabled),\n.table.dataTable > thead > tr > td:not(.sorting_disabled),\ntable.dataTable > thead > tr > th:not(.sorting_disabled),\ntable.dataTable > thead > tr > td:not(.sorting_disabled) {\n  padding-right: 30px;\n  padding-left: 12px;\n}\n.table.dataTable > thead .sorting::before,\n.table.dataTable > thead .sorting_asc::before,\n.table.dataTable > thead .sorting_desc::before,\n.table.dataTable > thead .sorting_asc_disabled::before,\n.table.dataTable > thead .sorting_desc_disabled::before,\ntable.dataTable > thead .sorting::before,\ntable.dataTable > thead .sorting_asc::before,\ntable.dataTable > thead .sorting_desc::before,\ntable.dataTable > thead .sorting_asc_disabled::before,\ntable.dataTable > thead .sorting_desc_disabled::before {\n  right: 1em;\n  left: auto;\n}\n.table.dataTable > thead .sorting::after,\n.table.dataTable > thead .sorting_asc::after,\n.table.dataTable > thead .sorting_desc::after,\n.table.dataTable > thead .sorting_asc_disabled::after,\n.table.dataTable > thead .sorting_desc_disabled::after,\ntable.dataTable > thead .sorting::after,\ntable.dataTable > thead .sorting_asc::after,\ntable.dataTable > thead .sorting_desc::after,\ntable.dataTable > thead .sorting_asc_disabled::after,\ntable.dataTable > thead .sorting_desc_disabled::after {\n  right: 0.5em;\n  left: auto;\n}\n\ndiv.dataTables_wrapper div.dataTables_info {\n  padding-top: 0.85em;\n  padding-bottom: 0.85em;\n}\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: #74788d;\n  color: #e9e9ef;\n  border: 1px solid #74788d;\n}\n.table-rep-plugin .btn-group .btn-default.btn-primary {\n  background-color: #5156be;\n  border-color: #5156be;\n  color: #fff;\n  box-shadow: 0 0 0 2px rgba(81, 86, 190, 0.5);\n}\n.table-rep-plugin .btn-group.pull-right {\n  float: right;\n}\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  color: var(--bs-gray-400) !important;\n}\n.table-rep-plugin .checkbox-row:hover {\n  background-color: var(--bs-gray-200) !important;\n}\n.table-rep-plugin .checkbox-row label {\n  display: inline-block;\n  padding-left: 5px;\n  position: relative;\n}\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: #f6f6f6;\n  border-radius: 3px;\n  border: 1px solid #ced4da;\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}\n.table-rep-plugin .checkbox-row label::after {\n  color: #e9e9ef;\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}\n.table-rep-plugin .checkbox-row input[type=checkbox] {\n  cursor: pointer;\n  opacity: 0;\n  z-index: 1;\n  outline: none !important;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label {\n  opacity: 0.65;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:focus + label::before {\n  outline-offset: -2px;\n  outline: none;\n}\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}\n.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before {\n  background-color: #f8f9fa;\n  cursor: not-allowed;\n}\n.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before {\n  background-color: #5156be;\n  border-color: #5156be;\n}\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: #5156be;\n}\n.table-rep-plugin .fixed-solution .sticky-table-header table {\n  color: #fff;\n}\n.table-rep-plugin table.focus-on tbody tr.focused th,\n.table-rep-plugin table.focus-on tbody tr.focused td,\n.table-rep-plugin .sticky-table-header {\n  background: #5156be;\n  border-color: #5156be;\n  color: #fff;\n}\n.table-rep-plugin table.focus-on tbody tr.focused th table,\n.table-rep-plugin table.focus-on tbody tr.focused td table,\n.table-rep-plugin .sticky-table-header table {\n  color: #fff;\n}\n\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .fixed-solution .sticky-table-header {\n    top: 120px !important;\n  }\n}\n\n.table-edits input, .table-edits select {\n  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));\n  padding: 0.25rem 0.5rem;\n  border: 1px solid var(--bs-border-color);\n  background-color: var(--bs-tertiary-bg);\n  color: var(--bs-body-color);\n  border-radius: var(--bs-border-radius);\n}\n.table-edits input:focus, .table-edits select:focus {\n  outline: none;\n  border-color: #a8abdf;\n}\n\n.apex-charts {\n  min-height: 10px !important;\n}\n.apex-charts text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: var(--bs-gray-500);\n}\n.apex-charts .apexcharts-canvas {\n  margin: 0 auto;\n}\n\n.apexcharts-gridline line {\n  stroke: var(--bs-gray-300);\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important;\n}\n\n.apexcharts-tooltip {\n  border: 1px solid var(--bs-border-color) !important;\n  background-color: var(--bs-secondary-bg) !important;\n  box-shadow: rgba(116, 120, 141, 0.1) 0px 5px 20px -6px !important;\n}\n.apexcharts-tooltip * {\n  font-family: var(--bs-font-sans-serif) !important;\n  color: var(--bs-gray-600) !important;\n}\n.apexcharts-tooltip .apexcharts-tooltip-title {\n  background-color: rgba(var(--bs-light-rgb), 0.75) !important;\n  border-bottom: 1px solidvar(--bs-border-color) !important;\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark * {\n  color: #fff !important;\n}\n\n.apexcharts-legend-series {\n  font-weight: 500;\n}\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: var(--bs-apex-grid-color);\n}\n\n.apexcharts-radialbar-track.apexcharts-track path {\n  stroke: var(--bs-gray-300);\n}\n\n.apexcharts-legend-text {\n  color: var(--bs-gray-500) !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important;\n}\n\n.apexcharts-pie-label {\n  fill: #fff !important;\n}\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: var(--bs-gray-500);\n}\n\n.apexcharts-pie circle, .apexcharts-pie line {\n  stroke: var(--bs-card-border-color);\n}\n\n[data-bs-theme=dark] .apexcharts-gridline {\n  stroke: var(--bs-secondary-bg);\n}\n[data-bs-theme=dark] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: var(--bs-secondary-bg);\n}\n[data-bs-theme=dark] .apexcharts-tooltip {\n  background-color: var(--bs-body-bg) !important;\n  border: 1px solid var(--bs-border-color) !important;\n}\n[data-bs-theme=dark] .apexcharts-tooltip .apexcharts-tooltip-title {\n  background-color: var(--bs-tertiary-bg) !important;\n  border-bottom: 1px solid var(--bs-border-color) !important;\n}\n[data-bs-theme=dark] .apexcharts-pie-area {\n  stroke: var(--bs-gray-300);\n}\n[data-bs-theme=dark] .apexcharts-pie-label {\n  fill: var(--bs-gray-600) !important;\n}\n\n.e-charts {\n  height: 350px;\n}\n\n.chartjs-chart {\n  max-height: 320px;\n}\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: var(--bs-gray-800) !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: var(--bs-gray-900) !important;\n}\n\n.jqsfield {\n  color: var(--bs-gray-200) !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\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: #f8f9fa;\n  border-radius: 3px;\n}\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #5156be;\n  border-radius: 4px;\n  padding: 10px 20px;\n}\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\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 #5156be;\n}\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 #5156be;\n}\n\n.jvectormap-label {\n  border: none;\n  background: #2c302e;\n  color: #f8f9fa;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.875rem;\n  padding: 5px 8px;\n}\n\n.leaflet-map {\n  height: 300px;\n}\n.leaflet-map.leaflet-container {\n  z-index: 1;\n}\n\n.auth-bg {\n  background-image: url(\"../images/auth-bg.jpg\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n.auth-bg .bg-overlay {\n  opacity: 0.9;\n}\n@media (min-width: 768px) {\n  .auth-bg {\n    height: 100vh;\n  }\n}\n\n.auth-full-page-content {\n  min-height: 100vh;\n}\n\n.auth-logo .logo-txt {\n  color: var(--bs-dark);\n  font-size: 20px;\n}\n\n.auth-pass-inputgroup input[type=input] + .btn .mdi-eye-outline:before {\n  content: \"\\f06d1\";\n}\n\n.bg-bubbles {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.bg-bubbles li {\n  position: absolute;\n  list-style: none;\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 30px;\n  background-color: rgba(255, 255, 255, 0.1);\n  bottom: -50px;\n  animation: square 20s infinite;\n  transition-timing-function: linear;\n}\n.bg-bubbles li:nth-child(1) {\n  left: 10%;\n}\n.bg-bubbles li:nth-child(2) {\n  left: 20%;\n  width: 120px;\n  height: 120px;\n  animation-delay: 2s;\n  animation-duration: 17s;\n}\n.bg-bubbles li:nth-child(3) {\n  left: 25%;\n  animation-delay: 4s;\n}\n.bg-bubbles li:nth-child(4) {\n  left: 40%;\n  width: 80px;\n  height: 80px;\n  animation-duration: 22s;\n}\n.bg-bubbles li:nth-child(5) {\n  left: 70%;\n  width: 90px;\n  height: 90px;\n}\n.bg-bubbles li:nth-child(6) {\n  left: 70%;\n  width: 120px;\n  height: 120px;\n  animation-delay: 3s;\n}\n.bg-bubbles li:nth-child(7) {\n  left: 32%;\n  width: 150px;\n  height: 150px;\n  animation-delay: 7s;\n}\n.bg-bubbles li:nth-child(8) {\n  left: 55%;\n  width: 80px;\n  height: 80px;\n  animation-delay: 15s;\n  animation-duration: 40s;\n}\n.bg-bubbles li:nth-child(9) {\n  left: 25%;\n  width: 50px;\n  height: 50px;\n  animation-delay: 2s;\n  animation-duration: 40s;\n}\n.bg-bubbles li:nth-child(10) {\n  left: 90%;\n  width: 140px;\n  height: 140px;\n  animation-delay: 11s;\n}\n\n@keyframes square {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-1000px) rotate(600deg);\n  }\n}\n/* ==============\n  Email\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px;\n}\n\n.email-rightbar {\n  margin-left: 260px;\n}\n\n.chat-user-box p.user-title {\n  color: var(--bs-dark);\n  font-weight: 500;\n}\n.chat-user-box p {\n  font-size: 12px;\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n  .email-rightbar {\n    margin: 0;\n  }\n}\n.mail-list a {\n  display: block;\n  color: var(--bs-gray-600);\n  line-height: 24px;\n  padding: 8px 5px;\n}\n.mail-list a.active {\n  color: #fd625e !important;\n  font-weight: 500;\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n}\n.message-list li {\n  position: relative;\n  display: block;\n  height: 50px;\n  line-height: 50px;\n  cursor: default;\n  transition-duration: 0.3s;\n}\n.message-list li a {\n  color: var(--bs-body-color);\n}\n.message-list li:hover {\n  background: var(--bs-tertiary-bg);\n  transition-duration: 0.05s;\n}\n.message-list li .col-mail {\n  float: left;\n  position: relative;\n}\n.message-list li .col-mail-1 {\n  width: 320px;\n}\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}\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}\n.message-list li .col-mail-1 .checkbox-wrapper-mail {\n  margin: 15px 10px 0 20px;\n}\n.message-list li .col-mail-1 .star-toggle {\n  margin-top: 18px;\n  margin-left: 5px;\n}\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}\n.message-list li .col-mail-2 {\n  position: absolute;\n  top: 0;\n  left: 320px;\n  right: 0;\n  bottom: 0;\n}\n.message-list li .col-mail-2 .subject,\n.message-list li .col-mail-2 .date {\n  position: absolute;\n  top: 0;\n}\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}\n.message-list li .col-mail-2 .date {\n  right: 0;\n  width: 170px;\n  padding-left: 80px;\n}\n.message-list li.active, .message-list li.active:hover {\n  box-shadow: inset 3px 0 0 #5156be;\n}\n.message-list li.unread {\n  background-color: var(--bs-tertiary-bg);\n  font-weight: 500;\n  color: var(--bs-body-color);\n}\n.message-list li.unread a {\n  color: var(--bs-body-color);\n  font-weight: 500;\n}\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 var(--bs-gray-400);\n  border-radius: 1px;\n}\n.message-list .checkbox-wrapper-mail input {\n  opacity: 0;\n  cursor: pointer;\n}\n.message-list .checkbox-wrapper-mail input:checked ~ label {\n  opacity: 1;\n}\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: 0.05s;\n  top: 0;\n}\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: var(--bs-dark);\n  width: 20px;\n  position: absolute;\n  margin-top: -16px;\n  left: 4px;\n  font-size: 13px;\n}\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px;\n  }\n}\n.email-editor .ck-editor__editable_inline {\n  min-height: 200px !important;\n}\n\n@media (min-width: 992px) {\n  .chat-leftsidebar {\n    min-width: 260px;\n  }\n}\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px;\n  }\n}\n.chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: var(--bs-card-bg);\n  color: #5156be;\n}\n\n.search-box .form-control {\n  padding-left: 40px;\n}\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #fd625e;\n  border-radius: 50%;\n  right: 0;\n}\n.chat-noti-dropdown .btn {\n  padding: 6px;\n  box-shadow: none;\n  font-size: 20px;\n  color: var(--bs-gray-600);\n}\n.chat-noti-dropdown .btn:hover, .chat-noti-dropdown .btn:focus, .chat-noti-dropdown .btn:active, .chat-noti-dropdown .btn.show {\n  border-color: transparent;\n}\n\n.chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  .chat-message-list {\n    height: calc(100vh - 406px);\n  }\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list li.active a {\n  background-color: rgba(81, 86, 190, 0.075);\n  border-color: transparent;\n}\n.chat-list li a {\n  display: block;\n  padding: 14px 16px;\n  color: var(--bs-secondary-color);\n  transition: all 0.4s;\n  border-top: 1px solid var(--bs-border-color);\n  position: relative;\n}\n.chat-list li a:hover {\n  background-color: rgba(81, 86, 190, 0.075);\n  border-color: transparent;\n}\n.chat-list li .user-img {\n  position: relative;\n}\n.chat-list li .user-img .user-status {\n  width: 10px;\n  height: 10px;\n  background-color: #adb5bd;\n  border-radius: 50%;\n  border: 2px solid var(--bs-card-bg);\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.chat-list li .user-img.online .user-status {\n  background-color: #2ab57d;\n}\n.chat-list li .user-img.away .user-status {\n  background-color: #ffbf53;\n}\n.chat-list li.unread a {\n  font-weight: 600;\n  color: var(--bs-dark);\n}\n.chat-list li .unread-message {\n  position: absolute;\n  display: inline-block;\n  right: 16px;\n  top: 33px;\n}\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: var(--bs-secondary-color);\n  font-weight: 600;\n  margin-bottom: 7px;\n}\n\n.user-chat-nav .dropdown .nav-btn {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 18px;\n  color: var(--bs-gray-600);\n}\n.user-chat-nav .dropdown .btn {\n  border-color: transparent !important;\n}\n\n.chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  .chat-conversation {\n    height: calc(100vh - 360px);\n  }\n}\n.chat-conversation li {\n  clear: both;\n}\n.chat-conversation .chat-day-title {\n  position: relative;\n  text-align: center;\n  margin-bottom: 24px;\n  border: none;\n}\n.chat-conversation .chat-day-title .title {\n  background-color: var(--bs-card-bg);\n  position: relative;\n  z-index: 1;\n  padding: 6px 24px;\n}\n.chat-conversation .chat-day-title:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  right: 0;\n  background-color: var(--bs-border-color);\n  top: 10px;\n}\n.chat-conversation .chat-day-title .badge {\n  font-size: 12px;\n}\n.chat-conversation .conversation-list {\n  margin-bottom: 24px;\n  position: relative;\n}\n.chat-conversation .conversation-list .ctext-wrap {\n  display: flex;\n  margin-bottom: 10px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content {\n  padding: 12px 20px;\n  background-color: #5156be;\n  border-radius: 0px 8px 8px 8px;\n  color: #fff;\n  position: relative;\n  margin-left: 16px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content:before {\n  content: \"\";\n  position: absolute;\n  border: 5px solid transparent;\n  border-right-color: #5156be;\n  border-top-color: #5156be;\n  left: -10px;\n  top: 0;\n}\n.chat-conversation .conversation-list .conversation-name {\n  margin-bottom: 4px;\n  display: flex;\n  font-size: 13px;\n}\n.chat-conversation .conversation-list .conversation-name .time {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.5);\n  margin-left: 8px;\n  font-weight: 400;\n}\n.chat-conversation .conversation-list .conversation-name .user-name {\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: #74788d;\n}\n@media (max-width: 575.98px) {\n  .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n    display: none;\n  }\n}\n.chat-conversation .conversation-list .message-img {\n  border-radius: 0.2rem;\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img .message-img-list {\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img img {\n  max-width: 140px;\n}\n.chat-conversation .right .conversation-list {\n  float: right;\n  text-align: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  order: 2;\n  background-color: var(--bs-light);\n  text-align: right;\n  border-radius: 8px 0px 8px 8px;\n  margin-left: 0;\n  margin-right: 16px;\n  color: var(--bs-dark);\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n  border: 5px solid transparent;\n  border-top-color: var(--bs-light);\n  border-left-color: var(--bs-light);\n  left: auto;\n  right: -10px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name, .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n  color: var(--bs-secondary-color);\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n  order: 1;\n  margin-left: 0;\n  margin-right: 8px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  order: 2;\n}\n.chat-conversation .right .conversation-list .dropdown {\n  order: 1;\n}\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto;\n  }\n}\n\nbody[data-layout=horizontal] .chat-message-list {\n  height: calc(100vh - 346px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-message-list {\n    height: calc(100vh - 476px);\n  }\n}\nbody[data-layout=horizontal] .chat-conversation {\n  height: calc(100vh - 300px);\n}\n@media (min-width: 992px) {\n  body[data-layout=horizontal] .chat-conversation {\n    height: calc(100vh - 420px);\n  }\n}\n\n.slide-bg {\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n\n.coming-content {\n  position: absolute;\n  top: 0;\n  z-index: 1;\n  left: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.coming-content .app-search {\n  max-width: 340px;\n}\n\n.preview-thumbsnav {\n  position: absolute;\n  bottom: 14px;\n  z-index: 9;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 120px;\n}\n.preview-thumbsnav .nav-img {\n  cursor: pointer;\n  padding: 3px;\n  background-color: rgba(255, 255, 255, 0.1);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n@media (max-width: 575.98px) {\n  .preview-thumbsnav .nav-img {\n    display: none;\n  }\n}\n.preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n  background-color: #fff;\n  border: 1px solid #fff;\n}\n\n.coming-box {\n  width: 25%;\n}\n.coming-box:last-of-type .count-num::after {\n  display: none;\n}\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 600;\n  text-align: center;\n  display: flex;\n  gap: 24px;\n}\n@media (max-width: 575.98px) {\n  .counter-number {\n    font-size: 18px;\n  }\n}\n.counter-number .count-title {\n  font-size: 16px;\n  font-weight: 500;\n  display: block;\n  padding-bottom: 6px;\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.count-num {\n  background-color: var(--bs-secondary-bg);\n  padding: 16px 8px;\n  position: relative;\n  border-radius: 4px;\n}\n.count-num::after {\n  content: \":\";\n  font-size: 20px;\n  position: absolute;\n  right: -16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #fff;\n}\n\n/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0;\n}\n@media (max-width: 767.98px) {\n  .timeline {\n    padding: 0;\n  }\n}\n.timeline .timeline-end,\n.timeline .timeline-start,\n.timeline .timeline-year {\n  position: relative;\n  width: 100%;\n  text-align: center;\n  z-index: 1;\n}\n.timeline .timeline-end p,\n.timeline .timeline-start p,\n.timeline .timeline-year p {\n  display: inline-block;\n  width: 80px;\n  height: 80px;\n  margin: 0;\n  padding: 30px 0;\n  text-align: center;\n  background-color: #5156be;\n  border-radius: 100px;\n  color: #fff;\n  text-transform: uppercase;\n}\n.timeline .timeline-year {\n  margin: 30px 0;\n}\n.timeline .timeline-continue {\n  position: relative;\n  width: 100%;\n  padding: 60px 0;\n}\n.timeline .timeline-continue:after {\n  position: absolute;\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  top: 0;\n  left: 50%;\n  margin-left: -1px;\n  background: #5156be;\n}\n.timeline .timeline-icon {\n  margin: 42px 10px 0 10px;\n}\n.timeline .timeline-left {\n  text-align: right;\n}\n.timeline .timeline-left .timeline-icon {\n  text-align: left;\n}\n.timeline .timeline-right {\n  text-align: left;\n}\n.timeline .timeline-right .timeline-icon {\n  text-align: right;\n}\n.timeline .timeline-icon::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  top: 45px;\n  background: #5156be;\n  border-radius: 15px;\n  z-index: 1;\n}\n@media (min-width: 768px) {\n  .timeline .event-content {\n    padding-right: 24px;\n  }\n  .timeline .timeline-text {\n    margin-right: 40px;\n  }\n}\n.timeline .timeline-left .timeline-icon::after {\n  left: -7px;\n}\n@media (min-width: 768px) {\n  .timeline .timeline-left .event-content {\n    padding-right: 0;\n    padding-left: 24px;\n  }\n  .timeline .timeline-left .timeline-text {\n    margin-right: 0px;\n    margin-left: 40px;\n  }\n  .timeline .timeline-left .event-img {\n    justify-content: flex-end;\n  }\n}\n.timeline .timeline-right .timeline-icon::after {\n  right: -7px;\n}\n.timeline .timeline-box {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  border: 1px solid var(--bs-border-color);\n  border-radius: 6px;\n}\n.timeline .timeline-box::after {\n  content: \"\";\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 26px;\n  background-color: var(--bs-card-bg);\n  border: 1px solid #e9e9ef;\n  transform: rotate(45deg);\n  margin: 0px auto;\n}\n.timeline .timeline-launch {\n  position: relative;\n  display: inline-block;\n  margin: 15px;\n  padding: 20px;\n  border: 1px solid #e9e9ef;\n  border-radius: 6px;\n  width: 100%;\n  margin: 15px 0;\n  padding: 0;\n  border: none;\n  text-align: center;\n  background: transparent;\n}\n\n.timeline-date {\n  right: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline-left .timeline-date {\n  left: 20px;\n}\n@media (max-width: 767.98px) {\n  .timeline-left .timeline-date {\n    left: -70px;\n    right: auto;\n  }\n}\n\n.timeline .timeline-date {\n  width: 54px;\n  height: 80px;\n  display: inline-block;\n  padding: 8px;\n  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n  top: -10px;\n  position: absolute;\n  z-index: 1;\n}\n@media (max-width: 767.98px) {\n  .timeline .timeline-date {\n    top: 0px;\n  }\n}\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent var(--bs-light) var(--bs-light);\n  left: -8px;\n  right: 100%;\n}\n.timeline .timeline-left .timeline-box::after {\n  border-color: var(--bs-light) var(--bs-light) transparent transparent;\n  right: -8px;\n}\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: var(--bs-light) transparent transparent var(--bs-light);\n}\n@media (min-width: 768px) {\n  .timeline .timeline-launch .timeline-box::after {\n    left: 50%;\n    transform: rotate(45deg) translateX(-50%);\n    top: -2px;\n  }\n}\n.timeline .timeline-launch .timeline-text {\n  width: 100%;\n}\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px;\n  }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left;\n  }\n  .timeline .row.timeline-left {\n    text-align: left;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    text-align: left;\n  }\n  .timeline .row.timeline-right {\n    text-align: left;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    text-align: left;\n  }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px;\n  }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0;\n  }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px;\n  }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent var(--bs-light) var(--bs-light);\n    right: auto;\n  }\n}\n[data-bs-theme=dark] .timeline-right .timeline-box::after {\n  border-color: transparent transparent var(--bs-border-color) var(--bs-border-color);\n}\n[data-bs-theme=dark] .timeline-left .timeline-box::after {\n  border-color: var(--bs-border-color) var(--bs-border-color) transparent transparent;\n}\n[data-bs-theme=dark] .timeline-box {\n  border: 1px solid var(--bs-border-color);\n}\n\n/*********************\n    Maintenance\n**********************/\n.maintenance-cog-icon .cog-icon {\n  position: relative;\n  bottom: 24px;\n  right: 14px;\n}\n\n.pricing-badge {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px;\n}\n.pricing-badge .badge {\n  float: right;\n  transform: rotate(45deg);\n  right: -67px;\n  top: 17px;\n  position: relative;\n  text-align: center;\n  width: 200px;\n  font-size: 13px;\n  margin: 0;\n  padding: 7px 10px;\n  font-weight: 500;\n  color: #5156be;\n  background: #fff;\n}\n\n.pricing-tab-box .nav-link {\n  padding: 16px 20px;\n  border: 1px solid var(--bs-border-color);\n}\n.pricing-tab-box .nav-link.active {\n  border: 1px solid #5156be !important;\n  background: transparent;\n  padding: 16px 20px;\n}\n.pricing-tab-box .nav-link.active i {\n  color: #5156be !important;\n}\n.pricing-tab-box .nav-link.active h1 {\n  color: #5156be !important;\n}\n\n[data-bs-theme=dark] .pricing-tab-box .nav-link {\n  border-color: var(--bs-border-color);\n}","// \n// _header.scss\n// \n\n#page-topbar {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n    background-color: var(--#{$prefix}header-bg);\n    border-bottom: 1px solid var(--#{$prefix}border-color);\n}\n\n.navbar-header {\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0 auto;\n    height: $header-height;\n    padding: 0 $grid-gutter-width 0 0;\n\n    .dropdown .show {\n        &.header-item {\n            background-color: var(--#{$prefix}gray-100);\n        }\n    }\n}\n\n.navbar-brand-box {\n    padding: 0 1.5rem;\n    width: $navbar-brand-box-width;\n    background: var(--#{$prefix}sidebar-bg);\n    border-right: 1px solid $sidebar-border-color;\n    box-shadow: 0px 2px 2px var(--#{$prefix}sidebar-bg);\n}\n\n.logo {\n    line-height: 69px;\n    color: inherit  !important;\n\n    .logo-sm {\n        display: none;\n    }\n}\n\n.logo-txt {\n    font-weight: 700;\n    font-size: 18px;\n    vertical-align: middle;\n    margin-left: 5px;\n}\n\n.logo-light {\n    display: none;\n}\n\n\nbody:not([data-sidebar-size=\"sm\"]) {\n    #vertical-menu-btn {\n        margin-left: -52px;\n        margin-right: 20px;\n        @media (max-width: 991.98px){\n            margin-left: 0;\n        }\n    }\n}\n\n/* Search */\n\n.app-search {\n    padding: calc(#{$header-height - 40px} / 2) 0;\n    position: relative;\n\n    .form-control {\n        border: $search-width solid $search-border-color;\n        height: 40px;\n        padding-left: 17px;\n        padding-right: 50px;\n        background-color: var(--#{$prefix}topbar-search-bg);\n        box-shadow: none;\n    }\n    .btn {\n        position: absolute;\n        right: 3px;\n        top: 3px;\n        height: 34px;\n        padding: 0 10px;\n    }\n}\n\n.layout-mode-light {\n    display: none;\n}\n\nbody[data-bs-theme =\"dark\"] {\n    .layout-mode-dark {\n        display: none;\n    }\n    .layout-mode-light {\n        display: inline-block;\n    }\n}\n\n\n[data-bs-theme=\"dark\"] [data-topbar=\"light\"]{\n    .logo-dark{\n        .logo-txt{\n            color: $white;\n        }\n    }\n}\n\n[data-bs-theme=\"dark\"] [data-layout=\"horizontal\"][data-topbar=\"light\"] {\n    .logo-dark {\n        .logo-txt {\n            color: $dark;\n        }\n    }\n}\n\n// Mega menu\n\n.megamenu-list {\n    li{\n        position: relative;\n        padding: 5px 0px;\n        a{\n            color: $dropdown-color;\n        }\n    }\n}\n\n@media (max-width: 992px) {\n    .navbar-brand-box {\n        width: auto;\n    }\n\n    .logo {\n\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: inline-block;\n        }\n    }\n}\n\n.page-content {\n    padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} * 0.75) $footer-height calc(#{$grid-gutter-width} * 0.75);\n}\n\n.header-item {\n    height: $header-height;\n    box-shadow: none !important;\n    color: $header-item-color;\n    border: 0;\n    border-radius: 0px;\n\n    &:hover {\n        color: $header-item-color;\n    }\n}\n\n.header-profile-user {\n    height: 36px;\n    width: 36px;\n    background-color: var(--#{$prefix}gray-600);\n    padding: 3px;\n}\n\n.noti-icon {\n    i {\n        font-size: 22px;\n        color: $header-item-color;\n    }\n\n    .badge {\n        position: absolute;\n        top: 12px;\n        right: 4px;\n    }\n}\n\n.notification-item {\n    .d-flex {\n        padding: 0.75rem 1rem;\n\n        &:hover {\n            background-color: $dropdown-link-hover-bg;\n        }\n    }\n}\n\n// Dropdown with Icons\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    color: $gray-600;\n\n    img {\n        height: 24px;\n    }\n\n    span {\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &:hover {\n        background-color: var(--#{$prefix}tertiary-bg);\n        color: var(--#{$prefix}dark);\n\n    }\n}\n\n// Full Screen\n.fullscreen-enable {\n    [data-toggle=\"fullscreen\"] {\n        .bx-fullscreen::before {\n            content: \"\\ea3f\";\n        }\n    }\n}\n\nbody[data-bs-theme=\"dark\"],[data-topbar=\"light\"]{\n\n    .app-search .form-control{\n        border: none !important;\n    }\n    .header-item{\n        color: $gray-600;\n        &.bg-light-subtle{\n            background-color: #f6f6f9 !important;\n            border-color: #e9e9ef !important;\n        }\n    }\n        #page-topbar {\n            background-color: var(--#{$prefix}white);\n            color: $gray-700;\n            border-color: $gray-100;\n        }\n    } \n    \n\nbody[data-topbar=\"dark\"] {\n    #page-topbar { \n        background-color: var(--#{$prefix}header-bg);\n        border-color: var(--#{$prefix}border-color);\n    }\n    .navbar-brand-box { \n        background-color: $header-dark-bg;\n        border-color: $header-dark-bg;\n        box-shadow: 0px 0px 2px var(--#{$prefix}header-bg);\n        .logo{\n            color: $white !important;\n        }\n    }\n    .navbar-header {\n        .dropdown .show {\n            &.header-item {\n                background-color: rgba($white, 0.05);\n            }\n        }\n\n        .waves-effect .waves-ripple {\n            background: rgba($white, 0.4);\n        }\n    }\n\n    .header-item {\n        color:$header-dark-item-color;\n    \n        &:hover {\n            color: $header-dark-item-color;\n        }\n\n        &.border-start, &.border-end{\n            border-color: rgba($white, 0.1) !important;\n        }\n        \n        &.bg-light-subtle{\n            background-color: rgba($white, 0.04) !important;\n        }\n    }\n\n    .header-profile-user {\n        background-color: rgba($white, 0.25);\n    }\n    \n    .noti-icon {\n        i {\n            color: $header-dark-item-color;\n        }\n    }\n\n    .logo-dark {\n        display: none;\n    }\n\n    .logo-light {\n        display: block;\n    }\n\n    .app-search {\n    \n        .form-control {\n            background-color: var(--#{$prefix}topbar-dark-search-bg);\n            color: var(--#{$prefix}gray-500);\n        }\n        span,\n        input.form-control::-webkit-input-placeholder {\n            color: rgba($white,0.5);\n        }\n    }\n}\n\n\n@media (max-width: 600px) {\n    .navbar-header {\n        .dropdown {\n            position: static;\n\n            .dropdown-menu {\n                left: 10px !important;\n                right: 10px !important;\n            }\n        }\n    }\n}\n\n@media (max-width: 380px) {\n    .navbar-brand-box {\n        display: none;\n    }\n}\n\nbody[data-layout=\"horizontal\"] {\n    .navbar-brand-box {\n        width: auto;\n        border: 0;\n        background-color: transparent;\n        box-shadow: none;\n        @media  (min-width: 992px){\n            padding-left: 0;\n            margin-right: 10px;\n        }\n    }\n    .page-content {\n        margin-top: $header-height;\n        padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\n    }    \n\n    .navbar-header{\n        @media (min-width: 992px){\n            padding-left: $grid-gutter-width;\n            padding-right: $grid-gutter-width;\n        }\n    }\n\n    &[data-sidebar=dark]{\n        .navbar-brand-box {\n            background-color: transparent;\n            box-shadow: none;\n        }\n    }\n}\n\n@media (max-width: 992px) { \n    body[data-layout=\"horizontal\"] {\n        .page-content {\n            margin-top: 15px;\n        }    \n    }\n}","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar  Light\n$sidebar-bg: var(--#{$prefix}sidebar-bg);\n$sidebar-menu-item-color: var(--#{$prefix}sidebar-menu-item-color);\n$sidebar-menu-sub-item-color: var(--#{$prefix}sidebar-menu-sub-item-color);\n$sidebar-menu-item-icon-color: var(--#{$prefix}sidebar-menu-item-icon-color);\n$sidebar-menu-item-icon-effact-color: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\n$sidebar-menu-item-hover-color: var(--#{$prefix}sidebar-menu-item-hover-color);\n$sidebar-menu-item-hover-effact-color: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\n$sidebar-menu-item-active-color: var(--#{$prefix}sidebar-menu-item-active-color);\n$sidebar-menu-item-active-effact-color: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n$sidebar-border-color: var(--#{$prefix}sidebar-border-color);\n$sidebar-alert: var(--#{$prefix}sidebar-alert);\n$sidebar-width: 250px;\n$sidebar-collapsed-width: 70px;\n$sidebar-width-sm: 160px;\n\n$sidebar-dark-bg: var(--#{$prefix}sidebar-dark-bg);\n$sidebar-dark-menu-item-color: var(--#{$prefix}sidebar-dark-menu-item-color);\n$sidebar-dark-menu-sub-item-color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\n$sidebar-dark-menu-item-icon-color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\n$sidebar-dark-menu-item-hover-color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n$sidebar-dark-menu-item-active-color: var(--#{$prefix}sidebar-dark-menu-item-active-color);\n\n// Topbar - Deafult Light\n$header-height: 70px;\n$header-bg: $white;\n$header-item-color: var(--#{$prefix}header-item-color);\n\n// Topbar - Dark\n$header-dark-bg: #313533;\n$header-dark-item-color: #e9ecef;\n\n// Topbar Search\n$topbar-search-bg: var(--#{$prefix}topbar-search-bg);\n$search-width: var(--#{$prefix}search-width);\n$search-border-color: var(--#{$prefix}search-border-color);\n$topbar-dark-search-bg: var(--#{$prefix}topbar-dark-search-bg);\n\n// Footer\n$footer-height: 60px;\n$footer-bg: var(--#{$prefix}footer-bg);\n$footer-color: var(--#{$prefix}footer-color);\n\n// Horizontal nav\n$topnav-bg: var(--#{$prefix}topnav-bg);\n$menu-item-color: var(--#{$prefix}menu-item-color);\n$menu-item-active-color: var(--#{$prefix}menu-item-active-color);\n\n// Horizontal nav\n$topnav-dark-bg: #363a38;\n$menu-dark-item-color: #99a4b1;\n$menu-dark-item-active-color: #fff;\n\n// Right Sidebar\n$rightbar-width: 300px;\n\n// Display\n$display-none: none;\n$display-block: block;\n\n// Brand \n$navbar-brand-box-width: 250px;\n\n// Boxed layout width\n$boxed-layout-width: 1300px;\n$boxed-body-bg: var(--#{$prefix}boxed-body-bg);\n\n// apex charts\n$apex-grid-color: var(--#{$prefix}apex-grid-color);\n\n// table\n$table-head-bg: $gray-100;\n$table-dark-border-color: tint-color($gray-800, 7.5%);\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// scss-docs-start gray-color-variables\n$white:    #fff;\n$gray-100: #f8f9fa;\n$gray-200: #e9e9ef;\n$gray-300: #f6f6f6;\n$gray-400: #ced4da;\n$gray-500: #adb5bd;\n$gray-600: #74788d;\n$gray-700: #313533;//#495057;\n$gray-800: #2c302e;\n$gray-900: #212529;\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:    #5156be;\n$indigo:  #564ab1;\n$purple:  #6f42c1;\n$pink:    #e83e8c;\n$red:     #fd625e;\n$orange:  #f1734f;\n$yellow:  #ffbf53;\n$green:   #2ab57d;\n$teal:    #050505;\n$cyan:    #4ba6ef;\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  \"black\": $black,\n  \"white\": $white,\n  \"gray\": $gray-600,\n  \"gray-dark\": $gray-800\n);\n// scss-docs-end 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.8;\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$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$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\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900);\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900);\n\n$purples: (\n  \"purple-100\": $purple-100,\n  \"purple-200\": $purple-200,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900);\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900);\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900);\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900);\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900);\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900);\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900);\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900);\n// fusv-enable\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$light: $gray-200;\n$dark: $gray-900;\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);\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-text-variables\n$primary-text-emphasis: shade-color($primary, 60%);\n$secondary-text-emphasis: shade-color($secondary, 60%);\n$success-text-emphasis: shade-color($success, 60%);\n$info-text-emphasis: shade-color($info, 60%);\n$warning-text-emphasis: shade-color($warning, 60%);\n$danger-text-emphasis: shade-color($danger, 60%);\n$light-text-emphasis: $gray-700;\n$dark-text-emphasis: $gray-700;\n// scss-docs-end theme-text-variables\n\n// scss-docs-start theme-bg-subtle-variables\n$primary-bg-subtle: tint-color($primary, 60%);\n$secondary-bg-subtle: tint-color($secondary, 60%);\n$success-bg-subtle: tint-color($success, 60%);\n$info-bg-subtle: tint-color($info, 60%);\n$warning-bg-subtle: tint-color($warning, 60%);\n$danger-bg-subtle: tint-color($danger, 60%);\n$light-bg-subtle: mix($gray-200, $white);\n$dark-bg-subtle: $gray-500;\n// scss-docs-end theme-bg-subtle-variables\n\n// scss-docs-start theme-border-subtle-variables\n$primary-border-subtle: tint-color($primary, 60%);\n$secondary-border-subtle: tint-color($secondary, 60%);\n$success-border-subtle: tint-color($success, 60%);\n$info-border-subtle: tint-color($info, 60%);\n$warning-border-subtle: tint-color($warning, 60%);\n$danger-border-subtle: tint-color($danger, 60%);\n$light-border-subtle: $gray-200;\n$dark-border-subtle: $gray-500;\n// scss-docs-end theme-border-subtle-variables\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-container-classes: true;\n$enable-cssgrid: false;\n$enable-button-pointers: true;\n$enable-rfs: true;\n$enable-validation-icons: true;\n$enable-negative-margins: false;\n$enable-deprecation-messages: true;\n$enable-important-utilities: true;\n\n$enable-dark-mode: true;\n$color-mode-type: data; // `data` or `media-query`\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs-; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix;\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\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// scss-docs-end position-map\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-text-align: null;\n$body-color: $gray-700;\n$body-bg: $white;\n\n$body-secondary-color: rgba($body-color, .75);\n$body-secondary-bg: $white;\n\n$body-tertiary-color: rgba($body-color, .5);\n$body-tertiary-bg: $gray-100;\n\n$body-emphasis-color: $black;\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// Icon links\n// scss-docs-start icon-link-variables\n$icon-link-gap: .375rem;\n$icon-link-underline-offset: .25em;\n$icon-link-icon-size: 1em;\n$icon-link-icon-transition: .2s ease-in-out transform;\n$icon-link-icon-transform: translate3d(.25em, 0, 0);\n// scss-docs-end icon-link-variables\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\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// Container padding\n\n$container-padding-x: $grid-gutter-width;\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;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px);\n$border-style: solid;\n$border-color: $gray-200;\n$border-color-translucent:  $gray-400;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem;\n$border-radius-sm: .2rem;\n$border-radius-lg: .4rem;\n$border-radius-xl: 1rem;\n$border-radius-xxl: 2rem;\n$border-radius-pill: 50rem;\n// scss-docs-end border-radius-variables\n// fusv-disable\n$border-radius-2xl: $border-radius-xxl; // Deprecated in v5.3.0\n// fusv-enable\n\n// scss-docs-start box-shadow-variables\n$box-shadow: rgba($gray-600, 0.10) 0px 5px 20px -6px;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);\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 focus-ring-variables\n$focus-ring-width: .15rem;\n$focus-ring-opacity: .25;\n$focus-ring-color: rgba($primary, $focus-ring-opacity);\n$focus-ring-blur: 0;\n$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color;\n// scss-docs-end focus-ring-variables\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$transition-collapse-width: width .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: 'IBM Plex Sans',sans-serif;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$prefix}font-sans-serif);\n$font-family-code: var(--#{$prefix}font-monospace);\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null;\n$font-size-base:  0.875rem; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875;\n$font-size-lg: $font-size-base * 1.25;\n\n$font-weight-lighter: lighter;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n$font-weight-bolder: bolder;\n\n$font-weight-base: $font-weight-normal;\n\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 * .5;\n$headings-font-family: null;\n$headings-font-style: null;\n$headings-font-weight: 500;\n$headings-line-height: 1.2;\n$headings-color: inherit;\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\n$display-font-family: null;\n$display-font-style: null;\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: .875em;\n\n$sub-sup-font-size: .75em;\n\n// fusv-disable\n$text-muted: var(--#{$prefix}secondary-color); // Deprecated in 5.3.0\n// fusv-enable\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\n// fusv-disable\n$hr-bg-color: null; // Deprecated in v5.2.0\n$hr-height: null; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null; // Allows for inherited colors\n$hr-border-width: var(--#{$prefix}border-width);\n$hr-opacity: .25;\n\n$vr-border-width:             var(--#{$prefix}border-width) ;\n$legend-margin-bottom: .5rem;\n$legend-font-size: 1.5rem;\n$legend-font-weight: null;\n\n$dt-font-weight: $font-weight-bold;\n\n$list-inline-padding: .5rem;\n\n$mark-padding: .1875em;\n$mark-bg: #fcf8e3;\n$mark-color:                  $body-color ;\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: .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: var(--#{$prefix}body-color);\n$table-bg: var(--#{$prefix}secondary-bg);\n$table-accent-bg: transparent;\n\n$table-th-font-weight: null;\n\n$table-striped-color: $table-color;\n$table-striped-bg-factor: .05;\n$table-striped-bg: var(--#{$prefix}tertiary-bg) ;\n\n$table-active-color: $table-color;\n$table-active-bg-factor: .1;\n$table-active-bg:  var(--#{$prefix}tertiary-bg);\n\n$table-hover-color: $table-color;\n$table-hover-bg-factor: .075;\n$table-hover-bg:   var(--#{$prefix}tertiary-bg);\n\n$table-border-factor: .1;\n$table-border-width: var(--#{$prefix}border-width);\n$table-border-color: var(--#{$prefix}border-color);\n\n$table-striped-order: odd;\n$table-striped-columns-order: even;\n\n$table-group-separator-color: currentcolor;\n\n$table-caption-color: var(--#{$prefix}secondary-color);\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\": $dark,\n  );\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: .47rem;\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: $focus-ring-width;\n$input-btn-focus-color-opacity: $focus-ring-opacity;\n$input-btn-focus-color: $focus-ring-color;\n$input-btn-focus-blur: $focus-ring-blur;\n$input-btn-focus-box-shadow: $focus-ring-box-shadow;\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: var(--#{$prefix}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-color: var(--#{$prefix}body-color);\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: var(--#{$prefix}link-color);\n$btn-link-hover-color: var(--#{$prefix}link-hover-color);\n$btn-link-disabled-color: $gray-600;\n$btn-link-focus-shadow-rgb:   to-rgb(mix(color-contrast($link-color), $link-color, 15%)) ;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: var(--#{$prefix}border-radius);\n$btn-border-radius-sm: var(--#{$prefix}border-radius-sm);\n$btn-border-radius-lg: var(--#{$prefix}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\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: var(--#{$prefix}secondary-color);\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: var(--#{$prefix}tertiary-bg);\n$input-disabled-color: null;\n$input-disabled-bg: var(--#{$prefix}secondary-bg);\n$input-disabled-border-color: null;\n\n$input-color: var(--#{$prefix}body-color);\n$input-border-color: var(--#{$prefix}border-color);\n$input-border-width: $input-btn-border-width;\n$input-box-shadow:                      var(--#{$prefix}box-shadow-inset) ;\n\n$input-border-radius: var(--#{$prefix}border-radius);\n$input-border-radius-sm: var(--#{$prefix}border-radius-sm);\n$input-border-radius-lg: var(--#{$prefix}border-radius-lg);\n\n$input-focus-bg: $input-bg;\n$input-focus-border-color: tint-color($component-active-bg, 50%);\n$input-focus-color: $input-color;\n$input-focus-width: $input-btn-focus-width;\n$input-focus-box-shadow: $input-btn-focus-box-shadow;\n\n$input-placeholder-color: var(--#{$prefix}secondary-color);\n$input-plaintext-color: var(--#{$prefix}body-color);\n\n$input-height-border: calc(#{$input-border-width} * 2); // stylelint-disable-line function-disallowed-list\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 * .5);\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\n$form-color-width: 3rem;\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: null;\n\n$form-check-input-active-filter: brightness(90%);\n\n$form-check-input-bg: $input-bg;\n$form-check-input-border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color);\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: $focus-ring-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 10 3 3 6-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\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25);\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: var(--#{$prefix}tertiary-bg);\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: $form-select-padding-x * 3; // Extra padding for background-image\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-bg: $input-bg;\n$form-select-disabled-color: null;\n$form-select-disabled-bg: $input-disabled-bg;\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 5 6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding;\n$form-select-feedback-icon-position: center right $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: $input-border-radius;\n$form-select-box-shadow:          var(--#{$prefix}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$form-select-border-radius-sm: $input-border-radius-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$form-select-border-radius-lg: $input-border-radius-lg;\n\n$form-select-transition: $input-transition;\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: var(--#{$prefix}tertiary-bg);\n$form-range-track-border-radius: 1rem;\n$form-range-track-box-shadow:     var(--#{$prefix}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,\n  $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: var(--#{$prefix}secondary-color);\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: var(--#{$prefix}tertiary-bg);\n$form-file-button-hover-bg: var(--#{$prefix}secondary-bg);\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-line-height: 1.25;\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: .625rem;\n$form-floating-label-height: 1.5em;\n$form-floating-label-opacity: .65;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-label-disabled-color: $gray-600;\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.73.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-colors\n$form-valid-color: $form-feedback-valid-color;\n$form-valid-border-color: $form-feedback-valid-color;\n$form-invalid-color: $form-feedback-invalid-color;\n$form-invalid-border-color: $form-feedback-invalid-color;\n// scss-docs-end form-validation-colors\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\"color\": var(--#{$prefix}form-valid-color),\n    \"icon\": $form-feedback-icon-valid,\n    \"tooltip-color\": #fff,\n    \"tooltip-bg-color\": var(--#{$prefix}success),\n    \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),\n    \"border-color\": var(--#{$prefix}form-valid-border-color),\n  ),\n  \"invalid\": (\"color\": var(--#{$prefix}form-invalid-color),\n    \"icon\": $form-feedback-icon-invalid,\n    \"tooltip-color\": #fff,\n    \"tooltip-bg-color\": var(--#{$prefix}danger),\n    \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),\n    \"border-color\": var(--#{$prefix}form-invalid-border-color),\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-offcanvas-backdrop: 1040;\n$zindex-offcanvas: 1054;\n$zindex-modal-backdrop: 1054;\n$zindex-modal: 1055;\n$zindex-popover: 1070;\n$zindex-tooltip: 1080;\n$zindex-toast: 1090;\n// scss-docs-end zindex-stack\n\n// scss-docs-start zindex-levels-map\n$zindex-levels: (\n  n1: -1,\n  0: 0,\n  1: 1,\n  2: 2,\n  3: 3);\n// scss-docs-end zindex-levels-map\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: var(--#{$prefix}link-color);\n$nav-link-hover-color: var(--#{$prefix}link-hover-color);\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: var(--#{$prefix}secondary-color);\n$nav-link-focus-box-shadow: $focus-ring-box-shadow;\n\n$nav-tabs-border-color: var(--#{$prefix}border-color);\n$nav-tabs-border-width: var(--#{$prefix}border-width);\n$nav-tabs-border-radius: var(--#{$prefix}border-radius);\n$nav-tabs-link-hover-border-color: var(--#{$prefix}secondary-bg) var(--#{$prefix}secondary-bg) $nav-tabs-border-color;\n$nav-tabs-link-active-color: var(--#{$prefix}emphasis-color);\n$nav-tabs-link-active-bg: var(--#{$prefix}body-bg);\n$nav-tabs-link-active-border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius: var(--#{$prefix}border-radius);\n$nav-pills-link-active-color: $component-active-color;\n$nav-pills-link-active-bg: $component-active-bg;\n\n$nav-underline-gap: 1rem;\n$nav-underline-border-width: .125rem;\n$nav-underline-link-active-color: var(--#{$prefix}emphasis-color);\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5;\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: (\n  $nav-link-height - $navbar-brand-height) * .5;\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\n$navbar-light-color: rgba(var(--#{$prefix}emphasis-color-rgb), .65);\n$navbar-light-hover-color: rgba(var(--#{$prefix}emphasis-color-rgb), .8);\n$navbar-light-active-color: rgba(var(--#{$prefix}emphasis-color-rgb), 1);\n$navbar-light-disabled-color: rgba(var(--#{$prefix}emphasis-color-rgb), .3);\n$navbar-light-icon-color: rgba($body-color, .75);\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-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15);\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-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-icon-color:            $navbar-dark-color ;\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$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n// scss-docs-end navbar-dark-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: var(--#{$prefix}body-color);\n$dropdown-bg: var(--#{$prefix}secondary-bg);\n$dropdown-border-color: var(--#{$prefix}border-color);\n$dropdown-border-radius: var(--#{$prefix}border-radius);\n$dropdown-border-width: var(--#{$prefix}border-width);\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}); // stylelint-disable-line function-disallowed-list\n$dropdown-divider-bg: $dropdown-border-color;\n$dropdown-divider-margin-y: $spacer * .5;\n$dropdown-box-shadow: $box-shadow;\n\n$dropdown-link-color: var(--#{$prefix}body-color);\n$dropdown-link-hover-color: $dropdown-link-color;\n$dropdown-link-hover-bg: var(--#{$prefix}tertiary-bg);\n\n$dropdown-link-active-color: var(--#{$prefix}body-color);\n$dropdown-link-active-bg: var(--#{$prefix}tertiary-bg);\n\n$dropdown-link-disabled-color: var(--#{$prefix}tertiary-color);\n\n$dropdown-item-padding-y: $spacer * .35;\n$dropdown-item-padding-x: $spacer;\n\n$dropdown-header-color: $gray-600;\n$dropdown-header-padding-x: $dropdown-item-padding-x;\n$dropdown-header-padding-y: $dropdown-padding-y;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x; // Deprecated in v5.2.0\n// fusv-enable\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\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .5rem;\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-font-size: $font-size-base;\n\n$pagination-color: var(--#{$prefix}link-color);\n$pagination-bg: var(--#{$prefix}secondary-bg);\n$pagination-border-radius: var(--#{$prefix}border-radius);\n$pagination-border-width: var(--#{$prefix}border-width);\n$pagination-margin-start: calc(#{$pagination-border-width} * -1); // stylelint-disable-line function-disallowed-list\n$pagination-border-color: var(--#{$prefix}border-color);\n\n$pagination-focus-color: var(--#{$prefix}link-hover-color);\n$pagination-focus-bg: var(--#{$prefix}secondary-bg);\n$pagination-focus-box-shadow: null;\n$pagination-focus-outline: 0;\n\n$pagination-hover-color: var(--#{$prefix}link-hover-color);\n$pagination-hover-bg: var(--#{$prefix}tertiary-bg);\n$pagination-hover-border-color: var(--#{$prefix}border-color); // Todo in v6: remove this?\n\n$pagination-active-color: $component-active-color;\n$pagination-active-bg: $component-active-bg;\n$pagination-active-border-color: $component-active-bg;\n\n$pagination-disabled-color: var(--#{$prefix}secondary-color);\n$pagination-disabled-bg: var(--#{$prefix}secondary-bg);\n$pagination-disabled-border-color: var(--#{$prefix}border-color);\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: var(--#{$prefix}border-radius-sm);\n$pagination-border-radius-lg: var(--#{$prefix}border-radius-lg);\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5;\n$placeholder-opacity-min: .2;\n// scss-docs-end placeholders\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 * .5;\n$card-title-color: null;\n$card-subtitle-color: null;\n$card-border-width: var(--#{$prefix}border-width);\n$card-border-color: var(--#{$prefix}border-color);\n$card-border-radius: var(--#{$prefix}border-radius);\n$card-box-shadow: null;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width);\n$card-cap-padding-y:  $card-spacer-y;\n$card-cap-padding-x: $card-spacer-x;\n$card-cap-bg: var(--#{$prefix}secondary-bg);\n$card-cap-color: null;\n$card-height: null;\n$card-color: null;\n$card-bg: var(--#{$prefix}secondary-bg);\n$card-img-overlay-padding: $spacer;\n$card-group-margin: $grid-gutter-width * .5;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem;\n$accordion-padding-x: 1.25rem;\n$accordion-color: var(--#{$prefix}body-color);\n$accordion-bg: var(--#{$prefix}body-bg);\n$accordion-border-width: var(--#{$prefix}border-width);\n$accordion-border-color: var(--#{$prefix}border-color);\n$accordion-border-radius: var(--#{$prefix}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: var(--#{$prefix}body-color);\n$accordion-button-bg: var(--#{$prefix}accordion-bg);\n$accordion-transition: $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle);\n$accordion-button-active-color: var(--#{$prefix}primary-text-emphasis);\n\n$accordion-button-focus-border-color: $input-focus-border-color;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow;\n\n$accordion-icon-width: 16px;\n$accordion-icon-color: $body-color;\n$accordion-icon-active-color: $primary-text-emphasis;\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: var(--#{$prefix}secondary-bg);\n$tooltip-bg: var(--#{$prefix}emphasis-color);\n$tooltip-border-radius: var(--#{$prefix}border-radius);\n$tooltip-opacity: .9;\n$tooltip-padding-y: $spacer * .25;\n$tooltip-padding-x: $spacer * .5;\n$tooltip-margin: null; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem;\n$tooltip-arrow-height: .4rem;\n// fusv-disable\n$tooltip-arrow-color: null; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\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: null;\n$form-feedback-tooltip-opacity: $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm;\n$popover-bg: var(--#{$prefix}secondary-bg);\n$popover-max-width: 276px;\n$popover-border-width: var(--#{$prefix}border-width);\n$popover-border-color: var(--#{$prefix}border-color-translucent);\n$popover-border-radius: var(--#{$prefix}border-radius-lg);\n$popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}); // stylelint-disable-line function-disallowed-list\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2);\n\n$popover-header-font-size: $font-size-base;\n$popover-header-bg: var(--#{$prefix}secondary-bg);\n$popover-header-color: $headings-color;\n$popover-header-padding-y: .5rem;\n$popover-header-padding-x: $spacer;\n\n$popover-body-color: var(--#{$prefix}body-color);\n$popover-body-padding-y: $spacer;\n$popover-body-padding-x: $spacer;\n\n$popover-arrow-width: 1rem;\n$popover-arrow-height: .5rem;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent);\n// fusv-enable\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: .5rem;\n$toast-font-size: .875rem;\n$toast-color: null;\n$toast-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85);\n$toast-border-width: var(--#{$prefix}border-width);\n$toast-border-color: var(--#{$prefix}border-color);\n$toast-border-radius: var(--#{$prefix}border-radius);\n$toast-box-shadow: var(--#{$prefix}box-shadow);\n$toast-spacing: $container-padding-x;\n\n$toast-header-color: var(--#{$prefix}secondary-color);\n$toast-header-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85);\n$toast-header-border-color: $toast-border-color;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em;\n$badge-font-weight: $font-weight-bold;\n$badge-color: $white;\n$badge-padding-y: .25em;\n$badge-padding-x: .4em;\n$badge-border-radius: var(--#{$prefix}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$modal-footer-margin-between: .5rem;\n\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: var(--#{$prefix}secondary-bg);\n$modal-content-border-color: var(--#{$prefix}border-color);\n$modal-content-border-width: var(--#{$prefix}border-width);\n$modal-content-border-radius: var(--#{$prefix}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$modal-backdrop-bg: $black;\n$modal-backdrop-opacity: .5;\n\n$modal-header-border-color: var(--#{$prefix}border-color);\n$modal-header-border-width: $modal-content-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-footer-bg: null;\n$modal-footer-border-color: $modal-header-border-color;\n$modal-footer-border-width: $modal-header-border-width;\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: var(--#{$prefix}border-radius);\n$alert-link-font-weight: $font-weight-bold;\n$alert-border-width: var(--#{$prefix}border-width);\n$alert-bg-scale: -80%;\n$alert-border-scale: -70%;\n$alert-color-scale: 40%;\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: var(--#{$prefix}tertiary-bg);\n$progress-border-radius: var(--#{$prefix}border-radius);\n$progress-box-shadow: var(--#{$prefix}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: var(--#{$prefix}body-color);\n$list-group-bg: var(--#{$prefix}secondary-bg);\n$list-group-border-color: var(--#{$prefix}border-color);\n$list-group-border-width: var(--#{$prefix}border-width);\n$list-group-border-radius: var(--#{$prefix}border-radius);\n\n$list-group-item-padding-y: .75rem;\n$list-group-item-padding-x: 1.25rem;\n// fusv-disable\n$list-group-item-bg-scale: -80%; // Deprecated in v5.3.0\n$list-group-item-color-scale: 40%; // Deprecated in v5.3.0\n// fusv-enable\n\n$list-group-hover-bg: var(--#{$prefix}tertiary-bg);\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: var(--#{$prefix}secondary-color);\n$list-group-disabled-bg: $list-group-bg;\n\n$list-group-action-color: var(--#{$prefix}secondary-color);\n$list-group-action-hover-color: var(--#{$prefix}emphasis-color);\n\n$list-group-action-active-color: var(--#{$prefix}body-color);\n$list-group-action-active-bg: var(--#{$prefix}secondary-bg);\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: var(--#{$prefix}secondary-bg);\n$thumbnail-border-width: var(--#{$prefix}border-width);\n$thumbnail-border-color: var(--#{$prefix}border-color);\n$thumbnail-border-radius: var(--#{$prefix}border-radius);\n$thumbnail-box-shadow: var(--#{$prefix}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: var(--#{$prefix}secondary-color);\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-x: .5rem;\n$breadcrumb-margin-bottom: 1rem;\n$breadcrumb-bg: null;\n$breadcrumb-divider-color: var(--#{$prefix}secondary-color);\n$breadcrumb-active-color: var(--#{$prefix}secondary-color);\n$breadcrumb-divider: quote(\"\\F0142\");\n$breadcrumb-divider-flipped: $breadcrumb-divider;\n$breadcrumb-border-radius: null;\n// scss-docs-end breadcrumb-variables\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// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg: $white;\n$carousel-dark-caption-color: $black;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100);\n// scss-docs-end carousel-dark-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: $black;\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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\");\n$btn-close-focus-shadow: $focus-ring-box-shadow;\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: var(--#{$prefix}secondary-bg);\n$offcanvas-color: var(--#{$prefix}body-color);\n$offcanvas-box-shadow: $modal-content-box-shadow-xs;\n$offcanvas-backdrop-bg: $modal-backdrop-bg;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity;\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: var(--#{$prefix}body-bg);\n$kbd-bg: var(--#{$prefix}body-color);\n$nested-kbd-font-weight: null; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: $gray-900;","// \n// Page-title\n// \n\n.page-title-box {\n    padding-bottom: $grid-gutter-width;\n\n    .breadcrumb {\n        background-color: transparent;\n        padding: 0;\n    }\n}","// \n// _footer.scss\n// \n\n.footer {\n    bottom: 0;\n    padding: 20px calc(#{$grid-gutter-width} / 2);\n    position: absolute;\n    right: 0;\n    color: $footer-color;\n    left: 250px;\n    height: $footer-height;\n    background-color: $footer-bg;\n    border-top: 1px solid var(--#{$prefix}border-color);\n\n    @media (max-width: 991.98px) {\n        left: 0;\n    }\n}\n  \n// Enlarge menu\nbody[data-sidebar-size=\"sm\"] {\n    .footer {\n        left: $sidebar-collapsed-width;\n\n        @media (max-width: 991.98px) {\n            left: 0;\n        }\n    }\n}\n\nbody[data-layout=\"horizontal\"] {\n    .footer {\n        left: 0 !important;\n    }  \n}\n","//\n// right-sidebar.scss\n//\n\n.right-bar {\n    background-color: var(--#{$prefix}sidebar-bg);\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: $rightbar-width;\n    z-index: 9999;\n    float: right !important;\n    right: -($rightbar-width + 10px);\n    top: 0;\n    bottom: 0;\n\n    .right-bar-toggle {\n        background-color: lighten($dark, 7%);\n        height: 24px;\n        width: 24px;\n        line-height: 24px;\n        display: block;\n        color: $gray-200;\n        text-align: center;\n        border-radius: 50%;\n\n        &:hover {\n            background-color: lighten($dark, 10%);\n        }\n    }\n}\n\n// Rightbar overlay\n.rightbar-overlay {\n    background-color: rgba($dark, 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\n.right-bar-enabled {\n    .right-bar {\n        right: 0;\n    }\n    .rightbar-overlay {\n        display: block;\n    }\n}\n\n@include media-breakpoint-down(md) {\n    .right-bar {\n        overflow: auto;\n        .slimscroll-menu {\n            height: auto !important;\n        }\n    }\n}\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, xxl: 1400px)\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, xxl: 1400px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\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, xxl: 1400px))\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, xxl: 1400px))\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, xxl: 1400px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\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, $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($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\n// _menu.scss\n// \n\n.metismenu {\n    margin: 0;\n\n    li {\n        display: block;\n        width: 100%;\n    }\n\n    .mm-collapse {\n        display: none;\n\n        &:not(.mm-show) {\n            display: none;\n        }\n\n        &.mm-show {\n            display: block\n        }\n    }\n\n    .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}\n\n\n.vertical-menu {\n    width: $sidebar-width;\n    z-index: 1001;\n    background: var(--#{$prefix}sidebar-bg);\n    bottom: 0;\n    margin-top: 0;\n    position: fixed;\n    top: $header-height;\n    border-right: 1px solid var(--#{$prefix}border-color);\n}\n\n.main-content {\n    margin-left: $sidebar-width;\n    overflow: hidden;\n\n    .content {\n        padding: 0 15px 10px 15px;\n        margin-top: $header-height;\n    }\n}\n\n\n#sidebar-menu {\n    padding: 10px 0 30px 0;\n\n    .mm-active {\n        >.has-arrow {\n            &:after {\n                transform: rotate(90deg);\n            }\n        }\n    }\n\n    .has-arrow {\n        &:after {\n            content: \"\\F0142\";\n            font-family: 'Material Design Icons';\n            display: block;\n            float: right;\n            transition: transform .2s;\n            font-size: 1.1rem;\n            margin-right: -5px;\n            margin-top: -2px;\n        }\n    }\n\n    ul {\n        li {\n            a {\n                display: block;\n                padding: .62rem 1.5rem;\n                color: $sidebar-menu-item-color;\n                position: relative;\n                font-size: .9rem;\n                transition: all .4s;\n                font-weight: $font-weight-medium;\n\n                i {\n                    display: inline-block;\n                    min-width: 1.75rem;\n                    padding-bottom: .125em;\n                    font-size: 1.25rem;\n                    line-height: 1.40625rem;\n                    vertical-align: middle;\n                    color: var(--#{$prefix}sidebar-menu-item-icon-color);\n                    transition: all .4s;\n                }\n\n                svg {\n                    height: 16px;\n                    width: 16px;\n                    color: var(--#{$prefix}sidebar-menu-item-icon-color);\n                    fill: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\n                    margin-right: 10px;\n                    margin-top: -3px;\n                }\n\n                &:hover {\n                    color: var(--#{$prefix}sidebar-menu-item-hover-color);\n\n                    i {\n                        color: var(--#{$prefix}sidebar-menu-item-hover-color);\n                    }\n\n                    svg {\n                        color: var(--#{$prefix}sidebar-menu-item-hover-color);\n                        fill: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\n                    }\n                }\n            }\n\n            .badge {\n                margin-top: 4px;\n            }\n\n            ul.sub-menu {\n                padding: 0;\n\n                li {\n\n                    a {\n                        padding: .4rem 1.5rem .4rem 3.3rem;\n                        font-size: .85rem;\n                        color: var(--#{$prefix}sidebar-menu-sub-item-color);\n\n                        &:hover {\n                            color: var(--#{$prefix}sidebar-menu-item-hover-color);\n                        }\n                    }\n\n                    ul.sub-menu {\n                        padding: 0;\n\n                        li {\n                            a {\n                                padding: .4rem 1.5rem .4rem 4.5rem;\n                                font-size: 13px;\n\n                                \n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n    }\n}\n\n.menu-title {\n    padding: 12px 20px !important;\n    pointer-events: none;\n    cursor: default;\n    font-size: 12px;\n    color: var(--#{$prefix}sidebar-menu-item-icon-color);\n    font-weight: $font-weight-medium;\n}\n\n.mm-active {\n\n    > a{\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n        i {\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n        }\n\n        svg {\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n            fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n        }\n    }\n    .active {\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n\n        i {\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n        }\n        \n        svg {\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n            fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n        }\n    }\n    > i {\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n    }\n}\n\n.sidebar-alert {\n    background-color: $sidebar-alert;\n\n    .alertcard-title{\n        color: $primary;\n    }\n}\n\n@media (max-width: 992px) {\n    .vertical-menu {\n        display: none;\n    }\n\n    .main-content {\n        margin-left: 0 !important;\n    }\n\n    body.sidebar-enable {\n        .vertical-menu {\n            display: block;\n        }\n    }\n}\n\n// Enlarge menu\nbody[data-sidebar-size=\"sm\"] {\n    min-height: 1000px;\n\n    .main-content {\n        margin-left: $sidebar-collapsed-width;\n    }\n\n    .navbar-brand-box {\n        width: $sidebar-collapsed-width !important;\n    }\n\n    .logo {\n        span.logo-lg {\n            display: none;\n        }\n\n        span.logo-sm {\n            display: block;\n        }\n    }\n\n    // Side menu\n    .vertical-menu {\n        position: absolute;\n        width: $sidebar-collapsed-width !important;\n        z-index: 5;\n\n        .simplebar-mask,\n        .simplebar-content-wrapper {\n            overflow: visible !important;\n        }\n\n        .simplebar-scrollbar {\n            display: none !important;\n        }\n\n        .simplebar-offset {\n            bottom: 0 !important;\n        }\n\n        // Sidebar Menu\n        #sidebar-menu {\n\n            .menu-title,\n            .badge,\n            .sidebar-alert {\n                display: none !important;\n            }\n\n            .nav.collapse {\n                height: inherit !important;\n            }\n\n            > ul {\n                > li {\n                    position: relative;\n                    white-space: nowrap;\n\n                    > a {\n                        padding: 15px 20px;\n                        transition: none;\n                        \n                        &:hover,\n                        &:active,\n                        &:focus {\n                            color: var(--#{$prefix}sidebar-menu-item-hover-color);\n                        }\n\n                        i {\n                            font-size: 1.45rem;\n                            margin-left: 4px;\n                        }\n\n                        svg {\n                            height: 18px;\n                            width: 18px;\n                            margin-left: 6px;\n                        }\n\n                        span {\n                            display: none;\n                            padding-left: 25px;\n                        }\n\n                        &.has-arrow {\n                            &:after {\n                                display: none;\n                            }\n                        }\n                    }\n\n                    &:hover {\n                        > a {\n                            position: relative;\n                            width: calc(190px + #{$sidebar-collapsed-width});\n                            color: $primary;\n                            background-color: var(--#{$prefix}sidebar-bg);\n                            transition: none;\n\n                            i{\n                                color: $primary;\n                            }\n\n                            svg {\n                                color: var(--#{$prefix}sidebar-menu-item-active-color);\n                                fill: rgba($sidebar-menu-item-active-color,0.2);\n                            }\n\n                            span {\n                                display: inline;\n                            }\n                        }\n\n                        >ul {\n                            display: block;\n                            left: $sidebar-collapsed-width;\n                            position: absolute;\n                            width: 190px;\n                            height: auto !important;\n                            box-shadow: var(--#{$prefix}box-shadow);\n\n                            ul {\n                                box-shadow: var(--#{$prefix}box-shadow);\n                            }\n\n                            a {\n                                box-shadow: none;\n                                padding: 8px 20px;\n                                position: relative;\n                                width: 190px;\n                                z-index: 6;\n                                color: var(--#{$prefix}sidebar-menu-sub-item-color);\n\n                                &:hover {\n                                    color: var(--#{$prefix}sidebar-menu-item-hover-color);\n                                }\n                            }\n                        }\n                    }\n                }\n\n                ul {\n                    padding: 5px 0;\n                    z-index: 9999;\n                    display: none;\n                    background-color: var(--#{$prefix}body-bg);\n\n                    li {\n                        &:hover {\n                            >ul {\n                                display: block;\n                                left: 190px;\n                                height: auto !important;\n                                margin-top: -36px;\n                                position: absolute;\n                                width: 190px;\n                                padding: 5px 0;\n                            }\n                        }\n\n                        >a {\n                            span.pull-right {\n                                position: absolute;\n                                right: 20px;\n                                top: 12px;\n                                transform: rotate(270deg);\n                            }\n                        }\n                    }\n\n                    li.active {\n                        a {\n                            color: var(--#{$prefix}gray-100);\n                        }\n                    }\n                }\n            }\n        }\n\n    }\n\n    #sidebar-menu {\n        .mm-active>.has-arrow:after{\n            transform: rotate(0deg);\n        }\n    }\n}\n\n\nbody[data-sidebar=\"dark\"] {\n\n    .navbar-brand-box {\n        background: var(--#{$prefix}sidebar-dark-bg);\n        box-shadow: 0px 3px 1px var(--#{$prefix}sidebar-dark-bg);\n        border-color: var(--#{$prefix}border-color);\n\n        .logo-txt{\n            color: $white;\n        }\n    }\n\n    .logo-dark {\n        display: none;\n    }\n\n    .logo-light {\n        display: block;\n    }\n\n    .vertical-menu {\n        background: var(--#{$prefix}sidebar-dark-bg);\n    }\n\n    #vertical-menu-btn{\n        @media (min-width: 992px) {\n            color :$header-dark-item-color;\n        }\n    }\n\n    #sidebar-menu {\n        ul {\n            li {\n                a {\n                    color: var(--#{$prefix}sidebar-dark-menu-item-color);\n\n                    i {\n                        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\n                    }\n\n                    svg {\n                        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\n                        fill: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\n                    }\n    \n                    &:hover {\n                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n\n                        i {\n                            color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                        }\n\n                        svg {\n                            color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                            fill: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\n                        }\n                    }\n                }\n\n                ul.sub-menu {\n                    li {\n\n                        a {\n                            color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\n\n                            &:hover {\n                                color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    \n\n    // Enlarge menu\n    &[data-sidebar-size=\"sm\"] {\n\n        &[data-topbar=\"dark\"]{\n            #vertical-menu-btn{\n                color :$header-dark-item-color;\n            }\n        }\n        #vertical-menu-btn{\n            color :$header-item-color;\n        }\n        // Side menu\n        .vertical-menu {\n            \n            // Sidebar Menu\n            #sidebar-menu {\n\n                > ul {\n                    > li {\n                        \n                        &:hover {\n                            > a {\n                                background: var(--#{$prefix}sidebar-dark-bg);\n                                color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                                i{\n                                    color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                                }\n\n                                svg {\n                                    color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                                    fill: rgba(var(--#{$prefix}sidebar-dark-menu-item-hover-color),0.2);\n                                }\n                            }\n\n                            >ul {\n                                a{\n                                    color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\n                                    &:hover{\n                                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    ul{\n                        background-color: var(--#{$prefix}sidebar-dark-bg);\n                    }\n                    \n                }\n\n                ul{\n                    \n                    li{\n                        &.mm-active .active{\n                            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n                            i{\n                                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n                            }\n                        }\n                    }\n                }\n\n            }\n\n\n        }\n    }\n    .mm-active {\n        color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n        > a{\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n            i {\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n            }\n\n            svg {\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n                fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n            }\n\n        }\n        > i {\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n        }\n        .active {\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n\n            i {\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n            }\n\n            svg {\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\n                fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n            }\n        }\n    }\n\n    .menu-title {\n        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\n    }\n\n    &[data-sidebar-size=\"md\"] {\n        #sidebar-menu {\n            ul li {\n                &.menu-title{\n                    background-color: var(--#{$prefix}sidebar-dark-bg);\n                }\n            }\n        }\n    }\n}\n\n\nbody[data-layout=\"horizontal\"] {\n    .main-content {\n        margin-left: 0 !important;\n    }\n}\n\n// Compact Sidebar\n\nbody[data-sidebar-size=\"md\"] {\n    .navbar-brand-box{\n        width: $sidebar-width-sm;\n        @media (max-width: 991.98px){\n            width: auto;\n        }\n    }\n    .vertical-menu{\n        width: $sidebar-width-sm;\n        text-align: center;\n\n        .has-arrow:after,\n        .badge,\n        .sidebar-alert {\n            display: none !important;\n        }\n    }\n    .main-content {\n        margin-left: $sidebar-width-sm;\n    }\n    .footer {\n        left: $sidebar-width-sm;\n        @media (max-width: 991.98px) {\n            left: 0;\n        }\n    }\n\n    #sidebar-menu {\n        ul li {\n            a{\n                svg{\n                    display: block;\n                    margin: 0 auto 4px;\n                }\n            }\n            ul.sub-menu {\n                li {\n                    a{\n                        padding-left: 1.5rem;\n                    }\n\n                    ul.sub-menu li a {\n                        padding-left: 1.5rem;\n                    }\n                }\n            }\n        }\n    }\n    &[data-sidebar-size=\"sm\"] {\n        .main-content {\n            margin-left: $sidebar-collapsed-width;\n        }\n        .vertical-menu {\n            #sidebar-menu{\n                text-align: left;\n                >ul{\n                    >li{\n                        >a {\n                            svg{\n                                display: inline-block;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        .footer {\n            left: $sidebar-collapsed-width;\n        }\n    }\n}\n\n// colored sidebar\n\nbody[data-sidebar=\"brand\"] {\n    .vertical-menu{\n        background-color: $primary;\n    }\n    .navbar-brand-box{\n        background-color: $primary;\n        box-shadow: 0px 1px 0px $primary;\n        .logo-dark{\n            display: none;\n        }\n        .logo-light{\n            display: block;\n        }\n\n        .logo{\n            color: $white !important;\n        }\n    }\n\n    .mm-active {\n        color: $white !important;\n        > a{\n            color: $white !important;\n            i {\n                color: $white !important;\n            }\n            svg {\n                color: $white !important;\n                fill: rgba($white,0.1) !important;\n            }\n        }\n        .active {\n            color: $white !important;\n            svg {\n                color: $white !important;\n                fill: rgba($white,0.1) !important;\n            }\n        }\n    }\n\n    #vertical-menu-btn{\n        @media (min-width: 992px) {\n            color:$header-dark-item-color;\n        }\n    }\n\n    #sidebar-menu {\n        ul {\n            li {\n                &.menu-title{\n                    color: rgba($white, 0.6);\n                }\n\n                a{\n                    color: rgba($white, 0.6);\n                    i{\n                        color: rgba($white, 0.6);\n                    }\n                    svg {\n                        color: rgba($white, 0.6);;\n                        fill: rgba($white,0.075);\n                    }\n                    &.waves-effect {\n                        .waves-ripple {\n                          background: rgba($white, 0.1);\n                        }\n                    }\n\n                    &:hover {\n                        color: $white;\n    \n                        i {\n                            color: $white;\n                        }\n                    }\n                }\n\n                ul.sub-menu {\n                    li {\n                        a{\n                            color: rgba($white,.5);\n                            &:hover {\n                                color: $white;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .sidebar-alert{\n        background-color: rgba($white, 0.1);\n        color: rgba($white, 0.5);\n        .alertcard-title{\n            color: $white;\n        }\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n        &[data-topbar=\"dark\"]{\n            #vertical-menu-btn{\n                color :$header-dark-item-color;\n            }\n        }\n        #vertical-menu-btn{\n            color: $header-item-color;\n        }\n        .vertical-menu {\n            #sidebar-menu{\n                >ul{\n                    >li{\n                        &:hover>a{\n                            background-color: lighten($primary, 2%);\n                            color: $white;\n                            i, svg{\n                                color: $white;\n                            }\n                        }\n                    }\n                }\n\n                ul{\n                    li{\n                        &.mm-active {\n                            .active{\n                                color: $white !important;\n                            }\n                        }\n\n                        ul.sub-menu {\n                            li {\n                                a{\n                                    &:hover {\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color);\n                                    }\n                                }\n                                &.mm-active {\n                                    color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                    > a{\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n[data-bs-theme=\"dark\"][data-topbar=\"light\"]{\n    .navbar-brand-box{\n        .logo-dark{\n            .logo-txt{\n                color: $white;\n            }\n        }\n    }\n}\n\n// RTL\n[dir=\"rtl\"]{\n    #sidebar-menu{\n        .has-arrow:after{\n            content: \"\\F0141\"\n        }\n    }\n}","// \n// _horizontal.scss\n// \n\n.topnav {\n    background: var(--#{$prefix}header-bg);\n    padding: 0 calc(#{$grid-gutter-width} / 2);\n    margin-top: $header-height;\n    position: fixed;\n    left: 0;\n    right: 0;\n    z-index: 100;\n    border-bottom: 1px solid var(--#{$prefix}border-color);\n\n    @media (min-width: 992px) {\n        background: $topnav-bg;\n    }\n    \n    \n    .topnav-menu {\n        margin: 0;\n        padding: 0;\n    }\n\n    .navbar-nav {\n        \n        .nav-link {\n            font-size: 14.4px;\n            position: relative;\n            padding: 1rem 1.3rem;\n            color: $menu-item-color;\n            font-weight: $font-weight-medium;\n            i{\n                font-size: 15px;\n            }\n            svg {\n                height: 16px;\n                width: 16px;\n                color: $menu-item-color;\n                fill: $sidebar-menu-item-icon-effact-color;\n                margin-right: 7px;\n                margin-top: -3px;\n            }\n            &:focus, &:hover{\n                color: $menu-item-active-color;\n                background-color: transparent;\n                svg {\n                    color: $menu-item-active-color;\n                    fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n                }\n            }\n        }\n        \n        .dropdown-item{\n            color: $menu-item-color;\n            &.active, &:hover{\n                color: $menu-item-active-color;\n            }\n        }\n        \n        .nav-item{\n            .nav-link.active{\n                color: $menu-item-active-color;\n                svg {\n                    color: $menu-item-active-color;\n                    fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n                }\n            }\n        }\n\n        .dropdown{\n            &.active{\n              >a {\n                    color: $menu-item-active-color;\n                    background-color: transparent;\n                    svg {\n                        color: $menu-item-active-color;\n                        fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\n                    }\n                }\n            }\n        }\n    }\n\n    .menu-title{\n        padding: 12px 24px !important;\n        @media (max-width: 991.98px) {\n            padding: 12px 16px !important;\n        }\n    }\n}\n\n@include media-breakpoint-up(xl) {\n\n    body[data-layout=\"horizontal\"] {\n        .container-fluid,\n        .navbar-header {\n            max-width: 85%;\n        }\n    }\n}\n\n@include media-breakpoint-up(lg) {\n    .topnav {\n        .navbar-nav {\n            .nav-item {\n                &:first-of-type {\n                    .nav-link {\n                        padding-left: 0;\n                    }\n                }\n            }\n        }\n\n        .dropdown-item {\n            padding: .5rem 1.5rem;\n            min-width: 180px;\n        }\n\n        .dropdown {\n            &.mega-dropdown{\n                // position: static;\n                .mega-dropdown-menu{\n                    left: 0px;\n                    right: auto;\n                }\n            }\n            .dropdown-menu {\n                margin-top: 0;\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\n\n                .arrow-down {\n                    &::after {\n                        right: 15px;\n                        transform: rotate(-135deg) translateY(-50%);\n                        position: absolute;\n                    }\n                }\n\n                .dropdown {\n                    .dropdown-menu {\n                        position: absolute;\n                        top: 0 !important;\n                        left: 100%;\n                        display: none;\n                    }\n                }\n            }\n\n            &:hover {\n                >.dropdown-menu {\n                    display: block;\n                }\n            }\n        }\n\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\n            display: block\n        }\n    }\n\n    .navbar-toggle {\n        display: none;\n    }\n}\n\n.arrow-down{\n    display: inline-block;\n\n    &: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}\n\n\n@include media-breakpoint-down(xl) {\n    .topnav-menu {\n        .navbar-nav {\n            li {\n                &:last-of-type {\n                    .dropdown {\n                        .dropdown-menu {\n                            right: 100%;\n                            left: auto;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include media-breakpoint-down(lg) {\n\n    .navbar-brand-box{\n        .logo-dark {\n            display: $display-block;\n            span.logo-sm{\n                display: $display-block;\n            }\n        }\n    \n        .logo-light {\n            display: $display-none;\n        }\n    }\n    \n    .topnav {\n        max-height: 360px;\n        overflow-y: auto;\n        padding: 0;\n        .navbar-nav {\n            .nav-link {\n                padding: 0.75rem 1.1rem;\n            }\n        }\n\n        .dropdown {\n            .dropdown-menu {\n                background-color: transparent;\n                border: none;\n                box-shadow: none;\n                padding-left: 24px;\n                &.dropdown-mega-menu-xl{\n                    width: auto;\n    \n                    .row{\n                        margin: 0px;\n                    }\n                }\n            }\n\n            .dropdown-item {\n                position: relative;\n                background-color: transparent;\n\n                &.active,\n                &:active {\n                    color: $primary;\n                }\n            }\n        }\n\n        .arrow-down {\n            &::after {\n                right: 15px;\n                position: absolute;\n            }\n        }\n    }\n}\n\n\n// Colored Topbar \n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\n    #page-topbar{\n        background-color: $primary;\n        box-shadow: none;\n    }\n\n    .logo-dark {\n        display: none;\n    }\n\n    .logo-light {\n        display: block;\n    }\n\n    .app-search {\n    \n        .form-control {\n            background-color: rgba(var(--#{$prefix}topbar-search-bg),0.07);\n            color: $white;\n        }\n        span,\n        input.form-control::-webkit-input-placeholder {\n            color: rgba($white,0.5);\n        }\n    }\n    .header-item {\n        color: var(--#{$prefix}header-dark-item-color);\n    \n        &:hover {\n            color: var(--#{$prefix}header-dark-item-color);\n        }\n    }\n\n    .navbar-header {\n        .dropdown .show {\n            &.header-item{\n                background-color: rgba($white,0.1);\n            }\n        }\n\n        .waves-effect .waves-ripple {\n            background: rgba($white, 0.4);\n        }\n    }\n\n    .noti-icon {\n        i {\n            color: var(--#{$prefix}header-dark-item-color);\n        }\n    }\n\n    @include media-breakpoint-up(lg) {\n        .topnav{\n            background-color: $primary;\n            .navbar-nav {\n        \n                .nav-link {\n                    color: rgba($white, 0.6);\n                    \n                    &:focus, &:hover{\n                        color: rgba($white, 0.9);\n                    }\n                }\n        \n                > .dropdown{\n                    &.active{\n                      >a {\n                            color: rgba($white, 0.9) !important;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n// \n[data-bs-theme=\"dark\"][data-layout=\"horizontal\"][data-topbar=\"light\"]{\n    .navbar-brand-box{\n        .logo-txt{\n            color: #000;\n        }\n    }\n}","// \n// _layouts.scss\n// \n\nbody[data-layout-size=\"boxed\"] {\n    background-color: var(--#{$prefix}boxed-body-bg);\n    #layout-wrapper {\n        background-color:  var(--#{$prefix}body-bg);\n        max-width: $boxed-layout-width;\n        margin: 0 auto;\n        box-shadow: $box-shadow;\n        min-height: 100vh;\n    }\n\n    #page-topbar {\n        max-width: $boxed-layout-width;\n        margin: 0 auto;\n    }\n\n    .footer {\n        margin: 0 auto;\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\n    }\n\n    &[data-sidebar-size=\"sm\"] {\n        @media (min-width: 992px) {\n            #layout-wrapper {\n                min-height: 1200px;\n            }\n        }\n\n        .footer {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\n        }\n    }\n\n    &[data-sidebar-size=\"md\"] {\n\n        .footer {\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\n        }\n    }\n}\n\n\n// Horizontal Boxed Layout\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\n    #page-topbar, #layout-wrapper, .footer {\n        max-width: 100%;\n    }\n    .container-fluid, .navbar-header {\n        max-width: $boxed-layout-width;\n    }\n}\n\n// Scrollable layout\n\nbody[data-layout-scrollable=\"true\"] {\n    @media (min-width: 992px) {\n        #page-topbar, .vertical-menu{\n            position: absolute;\n        }\n    }\n\n    &[data-layout=\"horizontal\"]{\n        @media (min-width: 992px) {\n            #page-topbar, .topnav{\n                position: absolute;\n            }\n        }\n    }\n}\n\n","// \n// root.scss\n//\n\n@mixin color-mode($mode: light, $root: false) {\n    @if $color-mode-type ==\"media-query\" {\n        @if $root ==true {\n            @media (prefers-color-scheme: $mode) {\n                :root {\n                    @content;\n                }\n            }\n        }\n\n        @else {\n            @media (prefers-color-scheme: $mode) {\n                @content;\n            }\n        }\n    }\n\n    @else {\n        [data-bs-theme=\"#{$mode}\"] {\n            @content;\n        }\n    }\n}\n\n//theme-light\n:root,\n[data-bs-theme=\"light\"] {\n    --#{$prefix}header-bg: #{$header-bg};\n    --#{$prefix}header-item-color: #{$header-item-color};\n    --#{$prefix}header-item-sub-color: #{$text-muted};\n\n\n    // vetical sidebar\n    --#{$prefix}sidebar-bg: #fbfaff;\n    --#{$prefix}sidebar-menu-item-color: #545a6d;\n    --#{$prefix}sidebar-menu-sub-item-color: #545a6d;\n    --#{$prefix}sidebar-menu-item-icon-color: #545a6d;\n    --#{$prefix}sidebar-menu-item-icon-effact-color: rgba(84, 90, 109, 0.2);\n    --#{$prefix}sidebar-menu-item-hover-color: #5156be;\n    --#{$prefix}sidebar-menu-item-hover-effact-color: rgba(81, 86, 190, 0.2);\n    --#{$prefix}sidebar-menu-item-active-color: #5156be;\n    --#{$prefix}sidebar-menu-item-active-effact-color: rgba(81, 86, 190, 0.2);\n    --#{$prefix}sidebar-border-color: #{$gray-200};\n    --#{$prefix}sidebar-menu-item-active-bg-color: #f3f8fb;\n    --#{$prefix}sidebar-menu-item-active-bg-color-dark: #293552;\n    --#{$prefix}sidebar-alert: rgba(81, 86, 190, 0.1);\n\n    // Vertical Sidebar - Dark\n    [data-sidebar=\"dark\"] {\n        --#{$prefix}sidebar-dark-bg: #2C302E;\n        --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #{$white};\n        --#{$prefix}sidebar-dark-menu-item-active-color: #{$white};\n    }\n\n    [data-topbar=\"light\"] {\n        --#{$prefix}topbar-search-bg: #{$gray-100};\n    }\n\n\n    // Topbar Search\n    --#{$prefix}topbar-search-bg: #f3f3f9;\n    --#{$prefix}topbar-dark-search-bg: #363a38;\n\n    --#{$prefix}search-width: 0px;\n    --#{$prefix}search-border-color: #e9e9ef;\n\n    --#{$prefix}boxed-body-bg: #{darken($body-bg, 4%)};\n\n    // Topbar User\n    --#{$prefix}topbar-search-bg: #{$gray-100};\n\n    // Horizontal nav\n    --#{$prefix}topnav-bg: #fbfaff;\n    --#{$prefix}topnav-item-color: #{$gray-400};\n    ;\n    --#{$prefix}topnav-item-color-active: #{$white};\n    --#{$prefix}menu-item-color: #7b8190;\n    --#{$prefix}menu-item-active-color: #5b73e8;\n\n    // twocolumn menu\n    --#{$prefix}twocolumn-menu-iconview-bg: #{$white};\n    --#{$prefix}twocolumn-menu-bg: #{$white};\n\n\n    [data-topbar=\"dark\"] {\n        --#{$prefix}header-bg: #{$gray-800};\n        --#{$prefix}header-item-color: #{$gray-100};\n        --#{$prefix}header-item-sub-color: #8795ab;\n        --#{$prefix}topbar-search-bg: #363a38;\n    }\n\n    &[data-topbar=\"brand\"] {\n        --#{$prefix}header-bg: #{$blue-700};\n        --#{$prefix}header-item-color: #{$gray-100};\n        --#{$prefix}header-item-sub-color: #{lighten($blue-100, 1.5%)};\n    }\n\n    // Footer\n    --#{$prefix}footer-bg: #{$white};\n    --#{$prefix}footer-color: #74788d;\n\n}\n\n\n\n//theme dark\n@if $enable-dark-mode {\n    @include color-mode(dark, true) {\n        --#{$prefix}light: #{$light-dark};\n        --#{$prefix}light-rgb: #{to-rgb($light-dark)};\n        --#{$prefix}dark: #{$gray-200};\n        --#{$prefix}dark-rgb: #{to-rgb($gray-200)};\n\n        --#{$prefix}header-bg: #{$header-bg-dark};\n        --#{$prefix}header-item-color: #{$header-item-color-dark};\n        --#{$prefix}header-item-sub-color: #{$text-muted};\n\n        .table-light {\n            --#{$prefix}table-color: #{lighten($light-dark, 80%)};\n            --#{$prefix}table-bg: var(--#{$prefix}tertiary-bg);\n            --#{$prefix}table-border-color: var(--#{$prefix}border-color);\n            --#{$prefix}table-striped-bg: var(--#{$prefix}tertiary-bg);\n            --#{$prefix}table-striped-color: #{lighten($light-dark, 100%)};\n            --#{$prefix}table-active-bg: var(--#{$prefix}tertiary-bg);\n            --#{$prefix}table-active-color: #{lighten($light-dark, 100%)};\n            --#{$prefix}table-hover-bg: var(--#{$prefix}tertiary-bg);\n            --#{$prefix}table-hover-color: #{lighten($light-dark, 100%)};\n        }\n\n        // Vertical sidebar \n        --#{$prefix}sidebar-bg: #{$gray-700};\n        --#{$prefix}sidebar-menu-item-color: #898fa9;\n        --#{$prefix}sidebar-menu-sub-item-color: #7b8198;\n        --#{$prefix}sidebar-menu-item-icon-color: #666b7f;\n        --#{$prefix}sidebar-menu-item-icon-effact-color: rgba(133, 141, 152, 0.2);\n        --#{$prefix}sidebar-menu-item-hover-color: #5b73e8;\n        --#{$prefix}sidebar-menu-item-hover-effact-color: rgba(255, 255, 255, 0.2);\n        --#{$prefix}sidebar-menu-item-active-color: #5b73e8;\n        --#{$prefix}sidebar-menu-item-active-effact-color: rgba(255, 255, 255, 0.2);\n        --#{$prefix}sidebar-border-color: #373c39;\n        --#{$prefix}sidebar-menu-item-active-bg-color: #34415d;\n        --#{$prefix}sidebar-menu-item-active-bg-color-dark: #343747;\n        --#{$prefix}sidebar-alert: #313533;\n\n        // Vertical Sidebar - Dark\n        --#{$prefix}sidebar-dark-bg: #2C302E;\n        --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\n        --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\n    \n        &[data-topbar=\"light\"]{\n            --#{$prefix}topbar-search-bg: #{$gray-100};\n        }\n\n        &[data-sidebar=\"dark\"] {\n            --#{$prefix}sidebar-dark-bg: #2C302E;\n            --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\n            --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\n            --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\n            --#{$prefix}sidebar-dark-menu-item-hover-color: #{$white};\n            --#{$prefix}sidebar-dark-menu-item-active-color: #{$white};\n        }\n\n        // Topbar Search \n        --#{$prefix}search-width: 1px;\n        --#{$prefix}search-border-color: #3b403d;\n        --#{$prefix}topbar-search-bg: #363a38;\n\n        // footer\n        --#{$prefix}footer-bg: #{$gray-700};\n        --#{$prefix}footer-color: #adb5bd;\n        --#{$prefix}footer-border-color: #{$border-color-dark};\n\n        //Horizontal \n        --#{$prefix}topnav-bg: #373c39;\n        --#{$prefix}topnav-item-color: #{$gray-400};\n        --#{$prefix}topnav-item-color-active: #{$white};\n        --#{$prefix}menu-item-color: #99a4b1;\n        --#{$prefix}menu-item-active-color: #ffffff;\n\n        --#{$prefix}input-bg: #{lighten($gray-700, 4)};\n        --#{$prefix}accordion-button-active-bg: #3b403d;\n        --#{$prefix}boxed-body-bg: #3b403d;\n\n    }\n}","\n/*!\n * Waves v0.7.6\n * http://fian.my.id/Waves \n * \n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \n * Released under the MIT license \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\n.waves-effect.waves-light {\n    .waves-ripple {\n        background-color: rgba($white, 0.4);\n    }\n}\n\n.waves-effect.waves-primary {\n    .waves-ripple {\n        background-color: rgba($primary, 0.4);\n    }\n}\n.waves-effect.waves-success {\n    .waves-ripple {\n        background-color: rgba($success, 0.4);\n    }\n}\n.waves-effect.waves-info {\n    .waves-ripple {\n        background-color: rgba($info, 0.4);\n    }\n}\n.waves-effect.waves-warning {\n    .waves-ripple {\n        background-color: rgba($warning, 0.4);\n    }\n}\n.waves-effect.waves-danger {\n    .waves-ripple {\n        background-color: rgba($danger, 0.4);\n    }\n}","//\n// accordion.scss\n//\n\n    //dark\n    [data-bs-theme=\"dark\"]{\n        .accordion-button {\n            &:after{\n                background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$gray-700}'><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            }\n        }\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: var(--#{$prefix}white);\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n// avatar group\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap;\n  .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid $card-bg;\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n    font-size: 10px !important;\n}\n\n.font-size-11 {\n    font-size: 11px !important;\n}\n\n.font-size-12 {\n    font-size: 12px !important;\n}\n\n.font-size-13 {\n    font-size: 13px !important;\n}\n\n.font-size-14 {\n    font-size: 14px !important;\n}\n\n.font-size-15 {\n    font-size: 15px !important;\n}\n\n.font-size-16 {\n    font-size: 16px !important;\n}\n\n.font-size-17 {\n    font-size: 17px !important;\n}\n\n.font-size-18 {\n    font-size: 18px !important;\n}\n\n.font-size-20 {\n    font-size: 20px !important;\n}\n\n.font-size-22 {\n    font-size: 22px !important;\n}\n\n.font-size-24 {\n    font-size: 24px !important;\n}\n\n// Font weight help class\n\n.fw-medium {\n    font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n    font-weight: $font-weight-semibold;\n}\n\n\n// Icons Sizes\n.icon-xs {\n    height: 14px;\n    width: 14px;\n}\n\n.icon-sm {\n    height: 16px;\n    width: 16px;\n}\n\n.icon-md {\n    height: 18px;\n    width: 18px;\n}\n\n.icon-lg {\n    height: 20px;\n    width: 20px;\n}\n\n.icon-xl {\n    height: 22px;\n    width: 22px;\n}\n\n\n// Card Height 100\n.card-h-100 {\n    height: calc(100% - #{$grid-gutter-width});\n}\n\n\n// Social\n\n.social-list-item {\n    height: 2rem;\n    width: 2rem;\n    line-height: calc(2rem - 4px);\n    display: block;\n    border: 2px solid $gray-500;\n    border-radius: 50%;\n    color: $gray-500;\n    text-align: center;\n    transition: all 0.4s;\n\n    &:hover {\n        color: $gray-600;\n        background-color: $gray-200;\n    }\n}\n\n.w-xs {\n    min-width: 80px;\n}\n\n.w-sm {\n    min-width: 95px;\n}\n\n.w-md {\n    min-width: 110px;\n}\n\n.w-lg {\n    min-width: 140px;\n}\n\n.w-xl {\n    min-width: 160px;\n}\n\n// bg overlay\n.bg-overlay{\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    opacity: 0.7;\n    background-color: $black;\n}\n\n// alert\n\n.alert-dismissible {\n    .btn-close {\n        font-size: 10px;\n        padding: $alert-padding-y * 1.4 $alert-padding-x;\n        background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;\n    }\n}\n\n\n.btn-group-vertical{\n    label{\n        margin-bottom: 0;\n    }\n}\n\n.btn-group{\n    label{ margin-bottom:0}\n}\n\n[data-bs-theme =\"dark\"]{\n    .text-light{\n        color: var(--#{$prefix}gray-400) !important;\n    }\n    .text-body{\n      color: var(--#{$prefix}gray-400) !important;\n    }\n    .btn-close{\n        filter: invert(1) grayscale(100%) brightness(200%);\n    }\n    .btn-close-white{\n      filter: invert(0) grayscale(100%) brightness(200%);\n    }\n}\n  ","//\n// Forms.scss\n//\n\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n  &::placeholder {\n    text-align: left\n      /*rtl: right*/\n    ;\n  }\n}\n\n.form-check {\n  position: relative;\n  text-align: left\n    /*rtl: right*/\n  ;\n}\n\n// checkbox input right\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: $form-check-padding-start;\n\n  .form-check-input {\n    float: right;\n    margin-left: 0;\n    margin-right: $form-check-padding-start * -1;\n  }\n\n  .form-check-label {\n    display: block;\n  }\n}\n\n// checkbox\n\n.form-checkbox-outline {\n  .form-check-input {\n    border-width: 2px;\n    background-color: $card-bg;\n\n    &:active {\n      filter: none;\n    }\n\n    &:checked {\n      background-color: $card-bg !important;\n\n      &[type=\"checkbox\"] {\n        background-image: none;\n      }\n\n      &:after {\n        position: absolute;\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: -4px !important;\n        left: 1px;\n        /*rtl: -4px */\n        font-size: 16px;\n        color: $dark;\n      }\n    }\n  }\n}\n\n// radio\n\n.form-radio-outline {\n  .form-check-input {\n    background-color: $card-bg;\n    position: relative;\n\n    &:active {\n      filter: none;\n    }\n\n    &:checked {\n      background-color: $card-bg !important;\n\n      &[type=\"checkbox\"] {\n        background-image: none;\n      }\n\n      &:after {\n        position: absolute;\n        content: \"\";\n        top: 3px !important;\n        left: 3px;\n        width: 5px;\n        height: 5px;\n        border-radius: 50%;\n      }\n    }\n  }\n}\n\n// checkbox color\n\n@each $color,\n$value in $theme-colors {\n  .form-check-#{$color} {\n    .form-check-input {\n      &:checked {\n        background-color: $value;\n        border-color: $value;\n      }\n    }\n  }\n\n  .form-radio-#{$color} {\n    .form-check-input {\n      &:checked {\n        border-color: $value;\n        background-color: $value;\n\n        &:after {\n          background-color: $value;\n        }\n      }\n    }\n  }\n}\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0;\n}\n\n// Switch sizes\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px;\n\n  .form-check-label {\n    font-size: $font-size-base;\n    vertical-align: middle;\n  }\n}\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px;\n\n  .form-check-label {\n    font-size: $font-size-base;\n    vertical-align: middle;\n  }\n}\n\n.input-group-text {\n  margin-bottom: 0px;\n}\n\n\n.custom-control-label::before {\n  background-color: $input-bg;\n}\n\n[data-bs-theme =\"dark\"] {\n  .form-select {\n    background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-400}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\"));\n  }\n\n  .form-switch {\n\n    .form-check-input,\n    .form-check-input:focus {\n      background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$gray-400}'/></svg>\"));\n    }\n  }\n}\n\n// RTL\n[dir=\"rtl\"] {\n  input {\n    text-align: end;\n  }\n}","// \n// Widgets.scss\n// \n\n.widget-box-1-icon {\n    position: absolute;\n    right: -15px;\n    top: -25px;\n    font-size: 5rem;\n    opacity: 0.1;\n}\n\n.widget-carousel{\n    .carousel-indicators{\n        margin: 0px auto;\n        position: relative;\n    }\n}\n\n// activity widget\n\n.activity-border {\n    &:before {\n        content: \"\";\n        position: absolute;\n        height: 80px;\n        border-left: 2px dashed var(--#{$prefix}gray-400);\n        top: 40px;\n        left: 2px;\n    }\n}\n\n.activity-wid {\n    margin-left: 16px;\n\n    .activity-list {\n        position: relative;\n        padding: 0 0 20px 45px;\n\n        .activity-icon {\n            position: absolute;\n            left: -20px;\n            top: -3px;\n            z-index: 2;\n            background: var(--#{$prefix}card-bg);\n            img {\n                border: 5px solid $card-bg;\n            }\n            span {\n                border: 5px solid var(--#{$prefix}card-bg);\n            }\n        }\n        &:last-child {\n            padding-bottom: 0px;\n        }\n    }\n}","// \n// _demos.scss\n// \n\n\n\n.grid-example{\n  background-color: rgba($primary, 0.05);\n  border-radius: 5px;\n  font-weight: $font-weight-medium;\n  padding: 10px 20px;\n  font-size: .8rem;\n}\n\n// Modals\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\n[dir=\"rtl\"]{\n  .modal-open{\n    padding-left: 0px !important;\n  }\n}\n\n// Icon demo ( Demo only )\n.icon-demo-content {\n    color: var(--#{$prefix}gray-500);\n  \n    i{\n      display: inline-flex;\n      width: 40px;\n      height: 40px;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      color: var(--#{$prefix}tertiary-600);\n      transition: all 0.4s;\n      border: 1px solid var(--#{$prefix}border-color);\n      border-radius: 50%;\n      margin-right: 16px;\n      vertical-align: middle;\n    }\n  \n    .col-lg-4 {\n      margin-top: 24px;\n  \n      &:hover {\n        i {\n          background-color: rgba($primary, 0.2);\n          color: $primary;\n        }\n    }\n  }\n}\n\n\n// Grid\n\n.grid-structure {\n    .grid-container {\n        background-color: var(--#{$prefix}secondary-bg);\n        margin-top: 10px;\n        font-size: .8rem;\n        font-weight: $font-weight-medium;\n        padding: 10px 20px;\n    }\n}\n\n\n// card radio\n\n.card-radio{\n  background-color: $card-bg;\n  border: 2px solid $card-border-color;\n  border-radius: $border-radius;\n  padding: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover{\n    cursor: pointer;\n  }\n}\n\n.card-radio-label{\n  display: block;\n}\n\n\n.card-radio-input{\n  display: none;\n  &:checked + .card-radio {\n    border-color: $primary !important;\n  }\n}\n\n.spin-left:before {\n  animation: spin-left 2s infinite linear;\n}\n\n.spin-right:before {\n  animation: spin-right 2s infinite linear;\n}\n\n@keyframes spin-left {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-359deg);\n  }\n}\n\n\n@keyframes spin-right {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n","// \n// print.scss\n//\n\n// Used invoice page\n@media print {\n    .vertical-menu,\n    .right-bar,\n    .page-title-box,\n    .navbar-header,\n    .footer {\n        display: none !important;\n    }\n    .card-body,\n    .main-content,\n    .right-bar,\n    .page-content,\n    body {\n        padding: 0;\n        margin: 0;\n    }\n\n    .card{\n        border: 0;\n    }\n}","// Z-index\n.z-index {\n    position: relative;\n\n    .box-2 {\n        top: 13px;\n        left: 16px;\n    }\n\n    .box-3 {\n        top: 25px;\n        left: 31px;\n    }\n\n    .box-4 {\n        top: 39px;\n        left: 45px;\n    }\n\n    .box-5 {\n        top: 52px;\n        left: 59px;\n    }\n}","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\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}","/* ==============\n  Calendar\n===================*/\n\n.fc td,\n.fc th {\n    border: $table-border-width solid $table-border-color;\n}\n\n.fc {\n    .fc-toolbar {\n        h2 {\n            font-size: 16px;\n            line-height: 30px;\n            text-transform: uppercase;\n        }\n\n        @media (max-width: 767.98px) {\n            .fc-left,\n            .fc-right,\n            .fc-center {\n                float: none;\n                display: block;\n                text-align: center;\n                clear: both;\n                margin: 10px 0;\n            }\n\n            > * > * {\n                float: none;\n            }\n\n            .fc-today-button {\n                display: none;\n            }\n        }\n\n        .btn {\n            text-transform: capitalize;\n        }\n    }\n}\n\n.fc {\n    th.fc-widget-header {\n        background: $gray-300;\n        color: $gray-700;\n        line-height: 20px;\n        padding: 10px 0;\n        text-transform: uppercase;\n        font-weight: $font-weight-bold;\n    }\n}\n\n.fc-unthemed {\n    .fc-content,\n    .fc-divider,\n    .fc-list-heading td,\n    .fc-list-view,\n    .fc-popover,\n    .fc-row,\n    tbody,\n    td,\n    th,\n    thead {\n        border-color: $gray-300;\n    }\n\n    td.fc-today {\n        background: lighten($gray-200, 2%);\n    }\n}\n\n.fc-button {\n    background: $card-bg;\n    border-color: var(--#{$prefix}border-color);\n    color: $gray-700;\n    text-transform: capitalize;\n    box-shadow: none;\n    padding: 6px 12px !important;\n    height: auto !important;\n}\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n    background-color: $primary;\n    color: $white;\n    text-shadow: none;\n}\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\n.fc-event,\n.fc-event-dot {\n    background-color: $primary;\n}\n\n.fc-event .fc-content {\n    color: $white;\n}\n\n#external-events {\n    .external-event {\n        text-align: left;\n        padding: 8px 16px;\n    }\n}\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\n    .fc-content {\n        color: var(--#{$prefix}light);\n    }\n}\n\n.fc .fc-button-primary {\n    background-color: var(--#{$prefix}primary) !important;\n    border-color: var(--#{$prefix}primary) !important;\n    box-shadow: none !important;\n}\n\n.fc-scrollgrid {\n    border-color: var(--#{$prefix}border-color) !important;\n}\n\n.fc-theme-standard .fc-list-day-cushion {\n    background-color: var(--#{$prefix}tertiary-bg) !important;\n}\n\n.fc-theme-standard .fc-list {\n    border: var(--#{$prefix}border-color) !important;\n}\n\n.fc-daygrid-event-dot{\n    display: none !important;\n}\n.fc-event{\n    justify-content: center;\n    &.fc-event-draggable{\n        text-align: center;\n        color: $white !important;\n    }\n\n    .fc-event-title{\n        flex-grow: 0 !important;\n    }\n}\n\n\n.fc .fc-daygrid-day.fc-day-today{\n    background-color: $info-bg-subtle !important;\n}\n\n// RTL\n[dir=\"rtl\"] {\n    .fc-header-toolbar {\n        direction: ltr !important;\n    }\n\n    .fc-toolbar > * > :not(:first-child) {\n        margin-left: 0.75em;\n    }\n}\n\n.fc-toolbar {\n    @media (max-width: 575.98px) {\n        flex-direction: column;\n    }\n}\n\n// dark \n[data-bs-theme=\"dark\"] {\n    .fc-scrollgrid {\n        border-color: #383d3e !important;\n    }\n    .fc-event.bg-dark {\n        background-color: #171c1c !important;\n    }\n}\n","//\n// session-timeout.scss\n//\n\n#session-timeout-dialog {\n    .close {\n        display: none;\n    }\n\n    .countdown-holder {\n        color: $danger;\n        font-weight: $font-weight-medium;\n    }\n\n    .btn-default {\n        background-color: $white;\n        color: $danger;\n        box-shadow: none;\n    }\n}","//\n// Range slider\n//\n\n.noUi-connect {\n    background: $info;\n}\n\n.noUi-handle {\n    border-color: var(--#{$prefix}light);\n    background: var(--#{$prefix}card-bg);\n    box-shadow: inset 0 0 1px $white,\n    inset 0 1px 7px var(--#{$prefix}light),\n    0 3px 6px -3px var(--#{$prefix}light) !important;\n}\n\n.noUi-horizontal {\n    height: 8px;\n\n    .noUi-handle {\n        height: 20px;\n        width: 20px;\n        border-radius: 50%;\n        right: -10px;\n        top: -7px;\n\n        &::before,\n        &::after {\n            display: none;\n        }\n\n        &:focus {\n            outline: 0;\n        }\n    }\n}\n\n.noUi-connects,\n.noUi-touch-area {\n    cursor: pointer;\n\n}\n\n.noUi-pips-horizontal {\n    height: 50px;\n}\n\n.noUi-vertical {\n    width: 8px;\n\n    .noUi-handle {\n        height: 20px;\n        width: 20px;\n        right: -8px;\n        top: -12px;\n        left: auto;\n        border-radius: 50%;\n\n        &::before,\n        &::after {\n            display: none;\n        }\n\n        &:focus {\n            outline: 0;\n        }\n    }\n\n    .noUi-origin {\n        top: 0;\n    }\n}\n\n.noUi-value {\n    font-size: 12px;\n}\n\n.noUi-marker-horizontal {\n    &.noUi-marker-large {\n        height: 6px;\n    }\n\n    &.noUi-marker {\n        display: none;\n    }\n}\n\n.noUi-target {\n    background-color: var(--#{$prefix}light);\n    border-color: var(--#{$prefix}light);\n    box-shadow: inset 0 1px 1px var(--#{$prefix}light),\n    0 3px 6px -5px var(--#{$prefix}light);\n}\n\n\n\n.noUi-touch-area {\n    &:focus {\n        outline: 0;\n    }\n}\n\n// Colorpicker\n\n#red,\n#green,\n#blue {\n    margin: 10px;\n    display: inline-block;\n    height: 200px;\n}\n\n#colorpicker {\n    height: 240px;\n    width: 310px;\n    margin: 0 auto;\n    padding: 10px;\n    border: 1px solid var(--#{$prefix}border-color);\n}\n\n#result {\n    margin: 60px 26px;\n    height: 100px;\n    width: 100px;\n    display: inline-block;\n    vertical-align: top;\n    border: 1px solid var(--#{$prefix}border-color);\n    box-shadow: 0 0 3px;\n    border-radius: 7px;\n}\n\n#red {\n    .noUi-connect {\n        background: $danger;\n    }\n}\n\n#green {\n    .noUi-connect {\n        background: $success;\n    }\n}\n\n#blue {\n    .noUi-connect {\n        background: $primary;\n    }\n}\n\n// Adding keyboard support\n\n.form-control {\n    &.keyboard {\n        max-width: 340px !important;\n    }\n}\n\n// Using HTML5 input elements\n\n#input-select,\n#input-number {\n    padding: 7px;\n    margin: 15px 5px 5px;\n    width: 70px;\n}\n\n// Non linear slider\n\n.example-val {\n    font-size: 12px;\n    color: $text-muted;\n    display: block;\n    margin: 15px 0;\n\n    &:before {\n        content: \"Value: \";\n        font-size: 12px;\n        font-weight: 600;\n    }\n}\n\n// showing tooltips\n\n.noUi-tooltip {\n    display: none;\n}\n\n.noUi-active .noUi-tooltip {\n    display: block;\n}\n\n// Colored Connect Elements\n\n.c-1-color {\n    background: $danger;\n}\n\n.c-2-color {\n    background: $warning;\n}\n\n.c-3-color {\n    background: $success;\n}\n\n.c-4-color {\n    background: $primary;\n}\n\n.c-5-color {\n    background: $purple;\n}\n\n//  slider togle\n\n#slider-toggle {\n    height: 50px;\n\n    &.off {\n        .noUi-handle {\n            border-color: $danger;\n        }\n    }\n}","\n//\n//  Sweetalert2\n//\n\n.swal2-container {\n  .swal2-title{\n    font-size: 22px;\n    font-weight: $font-weight-medium;\n  }  \n  .swal2-html-container{\n    color: var(--#{$prefix}body-color) !important;\n  }\n  .swal2-popup{\n    background-color: var(--#{$prefix}secondary-bg);\n  }\n}\n\n.swal2-modal{\n  font-size: 14px;\n}\n\n.swal2-icon{\n  &.swal2-question{\n    border-color: $info;\n    color: $info;\n  }\n  &.swal2-success {\n    [class^=swal2-success-line]{\n      background-color: $success;\n    }\n\n    .swal2-success-ring{\n      border-color: rgba($success, 0.3);\n    }\n  }\n  &.swal2-warning{\n    border-color: $warning;\n    color: $warning;\n  }\n}\n\n.swal2-styled{\n  &:focus{\n    box-shadow: none;\n  }\n}\n\n.swal2-progress-steps {\n  .swal2-progress-step{\n    background: $primary;\n    &.swal2-active-progress-step{\n      background: $primary;\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\n        background: rgba($primary, 0.3);\n      }\n    }\n  }\n\n  .swal2-progress-step-line{\n    background: $primary;\n  }\n}\n\n.swal2-loader{\n  border-color: $primary transparent $primary transparent;\n}","\n//\n// alertify.scss\n//\n\n.alertify {\n    .ajs-body {\n        .ajs-content {\n            .ajs-input{\n                color: var(--#{$prefix}gray-600);\n                background-color: var(--#{$prefix}secondary-bg);\n                border: 1px solid  var(--#{$prefix}gray-300);\n            }\n        }\n    }\n}\n\n.alertify {\n    .ajs-footer {\n        .ajs-buttons {\n            .ajs-button{\n                color:  var(--#{$prefix}gray-500);\n            }\n        }\n    }\n}\n\n.alertify {\n    .ajs-header{\n        font-weight: $font-weight-medium;\n        background-color: var(--#{$prefix}secondary-bg);\n    }\n    .ajs-body{\n        color:  var(--#{$prefix}gary-600);\n    }\n    .ajs-dialog{\n        box-shadow: $box-shadow;\n        background-color: var(--#{$prefix}secondary-bg);\n\n        .ajs-header, .ajs-footer{\n            background-color: var(--#{$prefix}secondary-bg);\n            color:  var(--#{$prefix}gary-600);\n            border-bottom: var(--#{$prefix}border-color) 1px solid; \n            border-top: var(--#{$prefix}border-color) 1px solid; \n        }\n    }\n\n    .ajs-footer {\n        background-color: var(--#{$prefix}secondary-bg);\n        .ajs-buttons {\n            .ajs-button{\n                font-weight: $font-weight-medium;\n                &.ajs-ok{\n                    color: $primary;\n                }\n            }\n\n            &.ajs-primary{\n                text-align: right;\n            }\n        }\n    }\n\n    .ajs-body .ajs-content .ajs-input:focus-visible{\n        outline: none;\n    }\n\n    .ajs-commands{\n        right: 4px;\n        left: auto;\n        margin: -14px 0 0 24px;\n\n        .ajs-header{\n            background-color: var(--#{$prefix}secondary-bg);\n        }\n    }\n}\n\n\n.alertify-notifier {\n    .ajs-message{\n        background-color: $primary;\n        border-color: $primary;\n        color: $white;\n        text-shadow: none !important;\n        &.ajs-success{\n            background-color: $success;\n            border-color: $success;\n        }\n        &.ajs-error{\n            background-color: $danger;\n            border-color: $danger;\n        }\n        &.ajs-warning{\n            background-color: $warning;\n            border-color: $warning;\n        }\n    }\n\n\n    &.ajs-right {\n        right: 10px;\n        left: auto;\n        .ajs-message {\n            right: -320px;\n            left: auto;\n            &.ajs-visible {\n                right: 290px;\n                left: auto;\n            }\n        }\n    }\n\n    &.ajs-left {\n        left: 10px;\n        right: auto;\n        .ajs-message {\n            left: -300px;\n            right: auto;\n            &.ajs-visible {\n                left: 0;\n                right: auto;\n            }\n        }\n    }\n}\n","\n//\n// Pristine\n//\n\n.pristine-error {\n  margin-top: 2px;\n  color: $danger;\n}\n\n.has-success{\n  .form-control {\n    border-color: $success;\n  }\n}\n\n.has-danger{\n  .form-control {\n    border-color: $danger;\n  }\n}","//\n// choices\n//\n\n.choices__inner {\n  background-color: var(--#{$prefix}input-bg);\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\n  background-color: $form-select-bg;\n  vertical-align: middle;\n  border-radius: $form-select-border-radius;\n  border: $form-select-border-width solid $form-select-border-color;\n  min-height: 38px;\n  border: 1px solid var(--#{$prefix}border-color);\n}\n\n.choices__heading{\n  border-bottom: 1px solid var(--#{$prefix}border-color);\n}\n\n.is-focused .choices__inner, .is-open .choices__inner{\n  border-color: var(--#{$prefix}border-color);\n}\n\n.choices__list--dropdown{\n  border-color: var(--#{$prefix}border-color) !important;\n}\n\n.choices[data-type*=select-one] .choices__input{\n  background-color:  var(--#{$prefix}input-bg) !important;\n  border-color: var(--#{$prefix}border-color);\n}\n\n.choices[data-type*=\"select-one\"] {\n  .choices__inner {\n    padding-bottom: 0.25rem;\n    background-color:  var(--#{$prefix}input-bg) !important;\n  }\n  .choices__button {\n    right: 0;\n    left: auto;\n    margin-right: 25px;\n    margin-left: 0;\n  }\n\n\n  \n\n  &:after {\n    border-color: var(--#{$prefix}dark) transparent transparent;\n    right: 11.5px;\n    left: auto;\n  }\n\n  &.is-open:after {\n    border-color: transparent transparent var(--#{$prefix}dark);\n  }\n}\n\n.choices__input {\n  background-color: var(--#{$prefix}tertiary-bg) ;\n  margin-bottom: 0;\n  color: var(--#{$prefix}gray-600);\n}\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  .choices__item {\n    background-color: $primary;\n    border-color: $primary;\n    margin-bottom: 0;\n    font-weight: $font-weight-normal;\n    &.is-highlighted {\n      background-color: $primary;\n      border: 1px solid $primary;\n    }\n  }\n}\n\n.choices.is-disabled {\n  .choices__inner,\n  .choices__input {\n    background-color: var(--#{$prefix}light) ;\n  }\n}\n\n.is-disabled .choices__list--multiple {\n  .choices__item {\n    background-color: $secondary;\n    border-color: $secondary;\n  }\n}\n\n.choices[data-type*=\"select-multiple\"],\n.choices[data-type*=\"text\"] {\n  .choices__button {\n    border-left: 1px solid rgba($white, 0.5);\n    margin: 0 -4px 0 8px;\n    border-right: 0;\n  }\n}\n\n.choices__list--dropdown {\n  background-color: var(--#{$prefix}body-bg) !important ;\n  border: 1px solid var(--#{$prefix}border-color);\n\n  .choices__item--selectable {\n    &.is-highlighted {\n      background-color: var(--#{$prefix}gray-300) !important;\n    }\n  }\n}\n\n","//\n//  Sweetalert2\n//\n\n/* CSS Switch */\ninput[switch] {\n  display: none;\n  + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: $gray-400;\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: $font-weight-medium;\n    transition: all 0.1s ease-in-out;\n    &:before {\n      color: $dark;\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    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: $gray-200;\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    }\n  }\n\n  &:checked + label {\n    background-color: $primary;\n  }\n}\n\ninput[switch]:checked + label {\n  background-color: $primary;\n  &:before {\n    color: $white;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px;\n  }\n\n  &:after {\n    left: 33px;\n    background-color: $gray-200;\n  }\n}\n\ninput[switch=\"bool\"] + label {\n  background-color: $danger;\n}\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before{\n  color: $white;\n}\n\ninput[switch=\"bool\"]:checked + label {\n  background-color: $success;\n}\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2;\n}\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: $primary;\n}\n\ninput[switch=\"success\"]:checked + label {\n  background-color: $success;\n}\n\ninput[switch=\"info\"]:checked + label {\n  background-color: $info;\n}\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: $warning;\n}\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: $danger;\n}\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: $dark;\n  &:before {\n    color: $light;\n  }\n}\n\n.square-switch{\n  margin-right: 7px;\n  input[switch]+label, input[switch]+label:after{\n    border-radius: 4px;\n  }\n}\n","\n//\n// colorpicker.scss\n//\n\n.pcr-app{\n  background: var(--#{$prefix}card-bg);\n}\n\n.pcr-app[data-theme=classic]{\n  .pcr-selection {\n    .pcr-color-preview{\n      margin-right: .75em;\n      margin-left: 0;\n    }\n\n    .pcr-color-chooser, .pcr-color-opacity{\n      margin-left: .75em;\n      margin-right: 0;\n    }\n  }\n}\n\n","//\n// Datepicker\n//\n// flatpickr\n\n.flatpickr-input {\n    &[readonly] {\n        background-color: $input-bg;\n    }\n}\n\n.flatpickr-months,\n.flatpickr-weekdays {\n    background-color: $primary;\n}\n\nspan.flatpickr-weekday {\n    color: $white;\n    font-weight: $font-weight-medium;\n}\n\n.flatpickr-current-month {\n    .flatpickr-monthDropdown-months {\n        &:hover {\n            background-color: transparent !important;\n        }\n    }\n}\n\n.flatpickr-am-pm,\n.numInput,\n.numInputWrapper {\n    &:focus,\n    &:hover {\n        background-color: transparent !important;\n    }\n}\n\n.flatpickr-weekdays {\n    height: 36px !important;\n    border-bottom: 1px solid var(--#{$prefix}border-color);\n}\n\n.flatpickr-day {\n    color: var(--#{$prefix}dark) !important;\n    &:hover,\n    &:focus {\n        background-color: rgba($light, 0.7) !important;\n    }\n    &.today {\n        border-color: $primary !important;\n        background-color: rgba($primary, 0.1);\n        &:hover,\n        &:focus {\n            color: var(--#{$prefix}dark) !important;\n            background-color: rgba($primary, 0.15) !important;\n        }\n    }\n    &.selected {\n        background-color: $primary !important;\n        border-color: $primary !important;\n        color: $white !important;\n    }\n\n    &.flatpickr-disabled,\n    &.flatpickr-disabled:hover,\n    &.prevMonthDay,\n    &.nextMonthDay,\n    &.notAllowed,\n    &.notAllowed.prevMonthDay,\n    &.notAllowed.nextMonthDay {\n        color: var(--#{$prefix}gray-400) !important;\n    }\n\n    &.inRange,\n    &.prevMonthDay.inRange,\n    &.nextMonthDay.inRange,\n    &.today.inRange,\n    &.prevMonthDay.today.inRange,\n    &.nextMonthDay.today.inRange,\n    &:hover,\n    &.prevMonthDay:hover,\n    &.nextMonthDay:hover,\n    &:focus,\n    &.prevMonthDay:focus,\n    &.nextMonthDay:focus {\n        background-color: var(--#{$prefix}light) !important;\n        border-color: var(--#{$prefix}light) !important;\n    }\n    &.inRange {\n        box-shadow: -5px 0 0 $light, 5px 0 0 $light;\n    }\n}\n\n.flatpickr-months {\n    .flatpickr-prev-month,\n    .flatpickr-next-month,\n    .flatpickr-month {\n        color: rgba($white, 0.9) !important;\n        fill: rgba($white, 0.9) !important;\n    }\n}\n\n.flatpickr-monthDropdown-month {\n    color: rgba($black, 0.8);\n}\n.flatpickr-current-month {\n    input.cur-year {\n        &[disabled],\n        &[disabled]:hover {\n            color: rgba($white, 0.9) !important;\n        }\n    }\n}\n\n.flatpickr-time {\n    input,\n    .flatpickr-time-separator,\n    .flatpickr-am-pm {\n        color: var(--#{$prefix}$gray-200) !important;\n    }\n}\n\n.flatpickr-calendar {\n    background-color: var(--#{$prefix}body-bg) !important;\n    box-shadow: 1px 0 0 var(--#{$prefix}border-color), -1px 0 0 var(--#{$prefix}border-color), 0 1px 0 var(--#{$prefix}border-color), 0 -1px 0 var(--#{$prefix}border-color),\n        0 3px 13px rgba(0, 0, 0, 0.08) !important;\n    &.hasTime {\n        .flatpickr-time {\n            border-top: 1px solid var(--#{$prefix}border-color) !important;\n        }\n    }\n}\n\n.flatpickr-months {\n    border-radius: 5px 5px 0px 0px;\n    .flatpickr-prev-month,\n    .flatpickr-next-month {\n        &:hover {\n            svg {\n                fill: rgba($white, 0.9) !important;\n            }\n        }\n    }\n}\n\n","//\n// Form editors.scss\n//\n\n// CK Editor\n\n// ck-editor\n\n.ck-editor__editable {\n    min-height: 250px !important;\n  }\n  \n  .ck{\n    &.ck-reset_all, &.ck-reset_all *{\n      color: var(--#{$prefix}body-color) !important;\n    }\n  \n    &.ck-editor__main>.ck-editor__editable:not(.ck-focused){\n      border-color: $input-border-color !important;\n    }\n  \n    &.ck-toolbar{\n      background-color: var(--#{$prefix}light) !important;\n      border-color: $input-border-color !important;\n  \n      .ck.ck-toolbar__separator{\n        background-color: $input-border-color !important;\n      }\n    }\n  \n    &.ck-tooltip .ck-tooltip__text{\n      background-color: $dark !important;\n      color: $light !important;\n    }\n  \n    &.ck-editor__main>.ck-editor__editable, &.ck-list{\n      background-color: var(--#{$prefix}card-bg) !important;\n    }\n  \n    &.ck-dropdown__panel{\n      border-color: var(--#{$prefix}border-color) !important;\n    }\n    &.ck-responsive-form{\n      background-color: var(--#{$prefix}card-bg) !important;\n    }\n    &.ck-input-text{\n      background-color: var(--#{$prefix}light) !important;\n    }\n    &.ck-dropdown__panel{\n      background-color: var(--#{$prefix}card-bg) !important;\n    }\n    \n  }\n  \n  \n  .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on{\n    background-color: var(--#{$prefix}light) !important;\n  }\n  \n  \n  \n\n[dir=\"rtl\"] {\n    .ck.ck-toolbar > .ck-toolbar__items {\n        flex-direction: row-reverse;\n    }\n}\n\n\n// dark\n[data-bs-theme =\"dark\"]{\n  .ck{\n    &.ck-editor__main>.ck-editor__editable{\n      background-color: var(--#{$prefix}body-bg) !important;\n    }\n  }\n}","\n//\n// Form-Upload\n//\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed var(--#{$prefix}border-color);\n  background:  var(--#{$prefix}card-bg);\n  border-radius: 6px;\n\n  .dz-message {\n    font-size: 24px;\n    width: 100%;\n  }\n}\n","//\n// Form Wizard\n//\n\n// twitter-bs-wizard\n\n.twitter-bs-wizard{\n  .twitter-bs-wizard-nav{\n\n    .step-icon{\n      display: inline-block;\n      width: 56px;\n      height: 56px;\n      line-height: 54px;\n      border: 1px solid rgba($primary, 0.2);\n      color: $primary;\n      text-align: center;\n      border-radius: 50%;\n      position: relative;\n      z-index: 1;\n      font-size: 20px;\n\n      @media (max-width: 575.98px) {\n        width: 40px;\n        height: 40px;\n        line-height: 38px;\n      }\n    }\n\n    .step-title{\n      margin-left: 6px;\n    }\n\n    .nav-item{\n      &:last-child{\n        .nav-link{\n          &::after{\n            display: none;\n          }\n        }\n      }\n\n      .nav-link{\n        &.done{\n          .step-icon{\n            background-color: $primary;\n            color: $white;\n          }\n          .uil{\n            &:before{\n              content: \"\\e9c3\";\n            }\n          }\n        }\n      }\n    }\n\n    .nav-link{\n      font-size: 14px;\n      position: relative;\n      @media (max-width: 575.98px) {\n        padding: 0.5rem;\n      }\n      &::after{\n        content: \"\";\n        position: absolute;\n        width: 75%;\n        height: 2px;\n        background-color: var(--#{$prefix}border-color);\n        left: 62%;\n        top: 50%;\n        transform: translateY(-50%);\n        @media (max-width: 575.98px) {\n          display: none;\n        }\n      }\n      &.active{\n        color: $gray-700;\n        background-color: transparent;\n\n        .step-icon{\n          background-color: rgba($primary, 0.2);\n          color: $primary;\n          border-color: rgba($primary, 0.2);\n        }\n      }\n    }\n  }\n  \n  .twitter-bs-wizard-pager-link{\n    padding-top: 24px;\n      padding-left: 0;\n      list-style: none;\n      margin-bottom: 0;\n      li{\n        display: inline-block;\n\n        &.next{\n          float: right;\n        }\n      }\n    }\n}\n\n.twitter-bs-wizard-tab-content{\n  padding-top: 24px;\n  min-height: 262px;\n}\n\n// Lightbox\n\n.gslide{\n  .gdesc-inner{\n    background-color: var(--#{$prefix}secondary-bg) !important;\n\n      .gslide-title{\n        color: var(--#{$prefix}body-color) !important;\n      }\n  }\n}\n\n","/* \nDatatable\n*/\n\n// datatable\n\ndiv.dataTables_wrapper {\n    div.dataTables_filter {\n        text-align: right;\n\n        @media (max-width: 767px) {\n            text-align: center;\n        }\n\n\n        input {\n            margin-left: 0.5em;\n            margin-right: 0;\n        }\n    }\n}\n\n.table,\ntable {\n    &.dataTable {\n        &.dtr-inline.collapsed>tbody>tr>td {\n            position: relative;\n\n            &.dtr-control {\n                padding-left: 30px;\n\n                &: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: $white;\n                    border: 2px solid $white;\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: $primary;\n                }\n            }\n        }\n\n        >thead {\n            >tr {\n\n                >th,\n                >td {\n                    &:not(.sorting_disabled) {\n                        padding-right: 30px;\n                        padding-left: 12px;\n                    }\n                }\n            }\n\n            .sorting,\n            .sorting_asc,\n            .sorting_desc,\n            .sorting_asc_disabled,\n            .sorting_desc_disabled {\n                &::before {\n                    right: 1em;\n                    left: auto;\n                }\n\n                &::after {\n                    right: .5em;\n                    left: auto;\n                }\n            }\n        }\n\n    \n       \n    }\n    \n}\ndiv.dataTables_wrapper div.dataTables_info  {\n    padding-top: 0.85em;\n    padding-bottom: 0.85em;\n}\n\n","//\n// Responsive Table\n//\n\n.table-rep-plugin {\n    .btn-toolbar {\n        display: block;\n    }\n\n    .table-responsive {\n        border: none !important;\n    }\n\n    .btn-group {\n        .btn-default {\n            background-color: $secondary;\n            color: $light;\n            border: 1px solid $secondary;\n\n            &.btn-primary {\n                background-color: $primary;\n                border-color: $primary;\n                color: $white;\n                box-shadow: 0 0 0 2px rgba($primary, 0.5);\n            }\n        }\n\n        &.pull-right {\n            float: right;\n\n            .dropdown-menu {\n                right: 0;\n                transform: none !important;\n                top: 100% !important;\n            }\n        }\n    }\n\n    tbody {\n        th {\n            font-size: 14px;\n            font-weight: normal;\n        }\n    }\n\n        .checkbox-row {\n            padding-left: 40px;\n            color: var(--#{$prefix}gray-400) !important;\n        \n            &:hover{\n              background-color: var(--#{$prefix}gray-200) !important;\n            }\n\n        label {\n            display: inline-block;\n            padding-left: 5px;\n            position: relative;\n\n            &::before {\n                -o-transition: 0.3s ease-in-out;\n                -webkit-transition: 0.3s ease-in-out;\n                background-color: $gray-300;\n                border-radius: 3px;\n                border: 1px solid $gray-400;\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            }\n\n            &::after {\n                color: $gray-200;\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            }\n        }\n\n        input[type=\"checkbox\"] {\n            cursor: pointer;\n            opacity: 0;\n            z-index: 1;\n            outline: none !important;\n\n            &:disabled+label {\n                opacity: 0.65;\n            }\n        }\n\n        input[type=\"checkbox\"]:focus+label {\n            &::before {\n                outline-offset: -2px;\n                outline: none;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked+label {\n            &::after {\n                content: \"\\f00c\";\n                font-family: \"Font Awesome 5 Free\";\n                font-weight: 900;\n            }\n        }\n\n        input[type=\"checkbox\"]:disabled+label {\n            &::before {\n                background-color: $gray-100;\n                cursor: not-allowed;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked+label {\n            &::before {\n                background-color: $primary;\n                border-color: $primary;\n            }\n\n            &::after {\n                color: $white;\n            }\n        }\n    }\n\n    .fixed-solution {\n        .sticky-table-header {\n            top: $header-height !important;\n            background-color: $primary;\n\n            table {\n                color: $white;\n            }\n        }\n    }\n\n    table.focus-on tbody tr.focused th,\n    table.focus-on tbody tr.focused td,\n    .sticky-table-header {\n        background: $primary;\n        border-color: $primary;\n        color: $white;\n\n        table {\n            color: $white;\n        }\n    }\n}\n\nbody[data-layout=\"horizontal\"] {\n    @media (min-width: 992px) {\n        .fixed-solution {\n            .sticky-table-header {\n                top: $header-height + 50px !important;\n            }\n        }\n    }\n}","\n//\n// Table editable\n//\n\n.table-edits{\n  input, select{\n    height: $input-height-sm;\n    padding: $input-padding-y-sm $input-padding-x-sm;\n    border: 1px solid $input-border-color;\n    background-color: $input-bg;\n    color: $input-color;\n    border-radius: $input-border-radius;\n    &:focus{\n      outline: none;\n      border-color: $input-focus-border-color;\n    }\n  }\n}","\n//\n// apexcharts.scss\n//\n.apex-charts {\n    min-height: 10px !important;\n    text {\n        font-family: $font-family-base !important;\n        fill: var(--#{$prefix}gray-500);\n    }\n    .apexcharts-canvas {\n        margin: 0 auto;\n    }\n}\n\n\n.apexcharts-gridline line{\n    stroke: var(--#{$prefix}gray-300);\n}\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n    font-family: $font-family-base !important;\n}\n\n.apexcharts-tooltip{\n    border: 1px solid var(--#{$prefix}border-color) !important;\n    background-color: $card-bg !important;\n    box-shadow: $box-shadow !important;\n    * {\n        font-family: $font-family-base !important;\n        color:  var(--#{$prefix}gray-600) !important;\n    }\n\n    .apexcharts-tooltip-title{\n        background-color: rgba(var(--#{$prefix}light-rgb), .75) !important;\n        border-bottom: 1px solidvar(--#{$prefix}border-color) !important;\n    }\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark{\n    * {\n        color: $white !important;\n    }\n}\n\n.apexcharts-legend-series {\n    font-weight: $font-weight-medium;\n}\n\n.apexcharts-gridline {\n    pointer-events: none;\n    stroke: $apex-grid-color;\n}\n\n.apexcharts-radialbar-track.apexcharts-track {\n    path {\n        stroke: var(--#{$prefix}gray-300);\n    }\n}\n\n.apexcharts-legend-text {\n    color: var(--#{$prefix}gray-500) !important;\n    font-family: $font-family-base !important;\n    font-size: 13px !important;\n}\n\n.apexcharts-pie-label {\n    fill: $white !important;\n}\n\n.apexcharts-yaxis,\n.apexcharts-xaxis {\n    text {\n        font-family: $font-family-base !important;\n        fill: var(--#{$prefix}gray-500);\n    }\n}\n\n.apexcharts-pie {\n    circle,line {\n        stroke: var(--#{$prefix}card-border-color);\n    }\n}\n\n\n\n// dark\n[data-bs-theme =\"dark\"] {\n    .apexcharts-gridline {\n        stroke: var(--#{$prefix}secondary-bg);\n    }\n\n    .apexcharts-radialbar-track.apexcharts-track {\n        path {\n            stroke: var(--#{$prefix}secondary-bg);\n        }\n    }\n\n    .apexcharts-tooltip {\n        background-color: var(--#{$prefix}body-bg) !important;\n        border: 1px solid var(--#{$prefix}border-color) !important;\n\n        .apexcharts-tooltip-title {\n            background-color: var(--#{$prefix}tertiary-bg) !important;\n            border-bottom: 1px solid var(--#{$prefix}border-color) !important;\n        }\n    }\n\n    .apexcharts-pie-area {\n        stroke: var(--#{$prefix}gray-300);\n    }\n\n    .apexcharts-pie-label {\n        fill: var(--#{$prefix}gray-600) !important;\n    }\n\n}","\n//\n// echarts.scss\n//\n\n.e-charts{\n    height: 350px;\n}\n\n.chartjs-chart {\n    max-height: 320px;\n}","//\n// sparkline.scss\n//\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: var(--#{$prefix}gray-800) !important;\n  box-shadow: $box-shadow-lg;\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: var(--#{$prefix}gray-900) !important;\n}\n\n.jqsfield {\n  color: var(--#{$prefix}gray-200) !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: $font-family-base !important;\n  font-weight: $font-weight-medium !important;\n}","\n//\n// Google map\n//\n\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: $gray-100;\n  border-radius: 3px;\n}\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: $white;\n  font-size: 16px;\n  line-height: 40px;\n  background: $primary;\n  border-radius: 4px;\n  padding: 10px 20px;\n}\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute;\n  &.above {\n    bottom: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-top: 16px solid $primary;\n  }\n  &.below {\n    top: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-bottom: 16px solid $primary;\n  }\n  \n}","//\n// vector-maps.scss\n//\n\n.jvectormap-label {\n    border: none;\n    background: $gray-800;\n    color: $gray-100;\n    font-family: $font-family-base;\n    font-size: $font-size-base;\n    padding: 5px 8px;\n}\n","//\n// leaflet-maps.scss\n//\n\n.leaflet-map {\n    height: 300px;\n    &.leaflet-container{\n        z-index: 1;\n    }\n}","// \n// authentication.scss\n//\n\n.auth-bg{\n    background-image: url(\"../images/auth-bg.jpg\");\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    .bg-overlay{\n        opacity: 0.9;\n    }\n    @media (min-width: 768px){\n        height: 100vh;\n    }\n}\n\n.auth-full-page-content{\n    min-height: 100vh;\n}\n\n// auth 2\n\n.auth-logo{\n    .logo-txt{\n        color: var(--#{$prefix}dark);\n        font-size: 20px;\n    }\n}\n\n// auth-pass-inputgroup\n\n.auth-pass-inputgroup{\n    input[type=\"input\"] + .btn .mdi-eye-outline{\n        &:before{\n            content: \"\\F06D1\";\n        }\n    }\n}\n\n// for bubble effect\n.bg-bubbles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    li {\n        position: absolute;\n        list-style: none;\n        display: block;\n        width: 40px;\n        height: 40px;\n        border-radius: 30px;\n        background-color: rgba(255, 255, 255, 0.1);\n        bottom: -50px;\n        animation: square 20s infinite;\n        transition-timing-function: linear;\n        &:nth-child(1) {\n            left: 10%;\n        }\n        &:nth-child(2) {\n            left: 20%;\n            width: 120px;\n            height: 120px;\n            animation-delay: 2s;\n            animation-duration: 17s;\n        }\n        &:nth-child(3) {\n            left: 25%;\n            animation-delay: 4s;\n        }\n        &:nth-child(4) {\n            left: 40%;\n            width: 80px;\n            height: 80px;\n            animation-duration: 22s;\n        }\n        &:nth-child(5) {\n            left: 70%;\n            width: 90px;\n            height: 90px;\n        }\n        &:nth-child(6) {\n            left: 70%;\n            width: 120px;\n            height: 120px;\n            animation-delay: 3s;\n        }\n        &:nth-child(7) {\n            left: 32%;\n            width: 150px;\n            height: 150px;\n            animation-delay: 7s;\n        }\n        &:nth-child(8) {\n            left: 55%;\n            width: 80px;\n            height: 80px;\n            animation-delay: 15s;\n            animation-duration: 40s;\n        }\n        &:nth-child(9) {\n            left: 25%;\n            width: 50px;\n            height: 50px;\n            animation-delay: 2s;\n            animation-duration: 40s;\n        }\n        &:nth-child(10) {\n            left: 90%;\n            width: 140px;\n            height: 140px;\n            animation-delay: 11s;\n        }\n    }\n}\n\n@keyframes square {\n    0% {\n        transform: translateY(0);\n    }\n    100% {\n        transform: translateY(-1000px) rotate(600deg);\n    }\n}","/* ==============\n  Email\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px;\n}\n\n.email-rightbar {\n  margin-left: 260px;\n}\n\n.chat-user-box {\n  p.user-title {\n    color: var(--#{$prefix}dark);\n    font-weight: 500;\n  }\n\n  p {\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%;\n  }\n\n  .email-rightbar {\n    margin: 0;\n  }\n}\n\n\n.mail-list {\n  a {\n    display: block;\n    color: var(--#{$prefix}gray-600);\n    line-height: 24px;\n    padding: 8px 5px;\n\n    &.active {\n      color: $danger !important;\n      font-weight: 500;\n    }\n  }\n}\n\n.message-list {\n  display: block;\n  padding-left: 0;\n\n  li {\n    position: relative;\n    display: block;\n    height: 50px;\n    line-height: 50px;\n    cursor: default;\n    transition-duration: .3s;\n\n    a {\n      color: var(--#{$prefix}body-color);\n    }\n\n    &:hover {\n      background: var(--#{$prefix}tertiary-bg);\n      transition-duration: .05s;\n    }\n\n    .col-mail {\n      float: left;\n      position: relative;\n    }\n\n    .col-mail-1 {\n      width: 320px;\n\n      .star-toggle,\n      .checkbox-wrapper-mail,\n      .dot {\n        display: block;\n        float: left;\n      }\n\n      .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      }\n\n      .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px;\n      }\n\n      .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px;\n      }\n\n      .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      }\n    }\n\n    .col-mail-2 {\n      position: absolute;\n      top: 0;\n      left: 320px;\n      right: 0;\n      bottom: 0;\n\n      .subject,\n      .date {\n        position: absolute;\n        top: 0;\n      }\n\n      .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n\n      .date {\n        right: 0;\n        width: 170px;\n        padding-left: 80px;\n      }\n    }\n\n    &.active,\n    &.active:hover {\n      box-shadow: inset 3px 0 0 $primary;\n    }\n\n\n    &.unread {\n      background-color:var(--#{$prefix}tertiary-bg);\n      font-weight: 500;\n      color: var(--#{$prefix}body-color);\n\n      a {\n        color: var(--#{$prefix}body-color);\n        font-weight: 500;\n      }\n    }\n  }\n\n\n  .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 var(--#{$prefix}gray-400);\n    border-radius: 1px;\n\n    input {\n      opacity: 0;\n      cursor: pointer;\n    }\n\n    input:checked~label {\n      opacity: 1;\n    }\n\n    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\n      &:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: var(--#{$prefix}dark);\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px;\n      }\n    }\n  }\n}\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px;\n  }\n}\n\n.email-editor {\n  .ck-editor__editable_inline {\n    min-height: 200px !important;\n  }\n}\n","// \n// Chat.scss\n//\n\n// chat left sidebar\n\n.chat-leftsidebar{\n  @media (min-width: 992px) {\n    min-width: 260px;\n  }\n\n  @media (min-width: 1200px) {\n    min-width: 380px;\n  }\n\n  .chat-leftsidebar-nav{\n    .nav{\n      .nav-link{\n        &.active{\n          background-color: var(--#{$prefix}card-bg);\n          color: $primary;\n        }\n      }\n    }\n  }\n}\n\n// search-box\n\n.search-box{\n  .form-control{\n      padding-left: 40px;\n  }\n  .search-icon{\n      font-size: 16px;    \n      position: absolute;\n      left: 13px;\n      top: 0;\n      height: 100%;\n      display: flex;\n      align-items: center;\n  }\n}\n\n\n.chat-noti-dropdown{\n  &.active{\n    &:before{\n      content: \"\";\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background-color: $danger;\n      border-radius: 50%;\n      right: 0;\n    }\n  }\n\n  .btn{\n    padding: 6px;\n    box-shadow: none;\n    font-size: 20px;\n    color: var(--#{$prefix}gray-600);\n    &:hover,\n    &:focus,\n    &:active,\n    &.show{\n      border-color: transparent;\n    }\n  }\n}\n\n.chat-message-list{\n  height: calc(100vh - 346px);\n  @media (min-width: 992px){\n    height: calc(100vh - 406px);\n  }\n}\n\n\n\n.chat-list{\n  margin: 0;\n  li{\n    &.active{\n      a{\n        background-color: rgba($primary, 0.075);\n        border-color: transparent;\n      }\n    }\n    a{\n      display: block;\n      padding: 14px 16px;\n      color: $text-muted;\n      transition: all 0.4s;\n      border-top: 1px solid var(--#{$prefix}border-color);\n      position: relative;\n      &:hover{\n        background-color: rgba($primary, 0.075);\n        border-color: transparent;\n      }\n    }\n\n    .user-img{\n      position: relative;\n\n      .user-status{\n        width: 10px;\n        height: 10px;\n        background-color: $gray-500;\n        border-radius: 50%;\n        border: 2px solid var(--#{$prefix}card-bg);\n        position: absolute;\n        left: 0;\n        bottom: 0;\n      }\n\n      &.online{\n        .user-status{\n          background-color: $success;\n        }\n      }\n\n      &.away{\n        .user-status{\n          background-color: $warning;\n        }\n      }\n    }\n\n    &.unread{\n      a{\n        font-weight: $font-weight-semibold;\n        color: var(--#{$prefix}dark);\n      }\n    }\n\n    .unread-message {\n      position: absolute;\n      display: inline-block;\n      right: 16px;\n      top: 33px;\n    }\n  }\n}\n\n.contact-list{\n  font-size: 12px;\n  text-transform: uppercase;\n  color: $text-muted;\n  font-weight: $font-weight-semibold;\n  margin-bottom: 7px;\n}\n\n// user chat nav\n\n.user-chat-nav{\n  .dropdown{\n    .nav-btn{\n      height: 36px;\n      width: 36px;\n      line-height: 36px;\n      box-shadow: none;\n      padding: 0;\n      font-size: 18px;\n      color: var(--#{$prefix}gray-600);\n    }\n    .btn{\n      border-color: transparent !important;\n    }\n  }\n}\n\n// chat conversation\n\n.chat-conversation{\n  height: calc(100vh - 300px);\n  @media (min-width: 992px){\n    height: calc(100vh - 360px);\n  }\n  li{\n    clear: both;\n  }\n\n  .chat-day-title{\n    position: relative;\n    text-align: center;\n    margin-bottom: 24px;\n    border: none;\n\n    .title{\n      background-color: var(--#{$prefix}card-bg);\n      position: relative;\n      z-index: 1;\n      padding: 6px 24px;\n    }\n\n    &:before{\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      height: 1px;\n      left: 0;\n      right: 0;\n      background-color:var(--#{$prefix}border-color);\n      top: 10px;\n    }\n    .badge{\n      font-size: 12px;\n    }\n  }\n\n  .conversation-list{\n    margin-bottom: 24px;\n    position: relative;\n\n    .ctext-wrap {\n      display: flex;\n      margin-bottom: 10px;\n    }\n\n    .ctext-wrap-content {\n      padding: 12px 20px;\n      background-color: $primary;\n      border-radius: 0px 8px 8px 8px;\n      color: $white;\n      position: relative;\n      margin-left: 16px;\n\n      &:before {\n          content: \"\";\n          position: absolute;\n          border: 5px solid transparent;\n          border-right-color: $primary;\n          border-top-color: $primary;\n          left: -10px;\n          top: 0;\n      }\n    }\n\n  .conversation-name {\n    margin-bottom: 4px;\n    display: flex;\n    font-size: 13px;\n      .time{\n        font-size: 12px;\n        color: rgba($white, 0.5); \n        margin-left: 8px;\n        font-weight: $font-weight-normal;\n      }\n\n      .user-name{\n        color: rgba($white, 0.5); \n      }\n  }\n\n\n  .dropdown {\n      .dropdown-toggle {\n          font-size: 18px;\n          padding: 4px;\n          color: $gray-600;\n\n          @media (max-width: 575.98px) {\n              display: none;\n          }\n      }\n\n  }\n\n\n  .message-img {\n    border-radius: .2rem;\n    position: relative;\n\n      .message-img-list {\n          position: relative;\n      }\n\n      img {\n          max-width: 140px;\n      }\n    }\n  }\n\n  .right {\n    .conversation-list {\n        float: right;\n        text-align: right;\n\n        .ctext-wrap {\n\n            .ctext-wrap-content {\n                order: 2;\n                background-color:  var(--#{$prefix}light);\n                text-align: right;\n                border-radius: 8px 0px 8px 8px;\n                margin-left: 0;\n                margin-right: 16px;\n                color: var(--#{$prefix}dark);\n\n                &:before {\n                    border: 5px solid transparent;\n                    border-top-color: var(--#{$prefix}light);\n                    border-left-color: var(--#{$prefix}light);\n                    left: auto;\n                    right: -10px;\n                }\n            }\n\n            .conversation-name {\n              justify-content: flex-end;\n              .user-name, .time{\n                color: $text-muted; \n              }\n              .time{\n                order: 1;\n                margin-left: 0;\n                margin-right: 8px;\n              }\n\n              .user-name{\n                  order: 2;\n                }\n            }\n        }\n\n        .dropdown {\n            order: 1;\n        }\n      }\n  }\n}\n\n.chat-send{\n  @media (max-width: 575.98px) {\n    min-width: auto;\n  }\n }\n\nbody[data-layout=\"horizontal\"]{\n  .chat-message-list{\n    height: calc(100vh - 346px);\n    @media (min-width: 992px){\n      height: calc(100vh - 476px);\n    }\n  }\n\n  .chat-conversation{\n    height: calc(100vh - 300px);\n    @media (min-width: 992px){\n      height: calc(100vh - 420px);\n    }\n  }\n}","// \n// coming-soon.scss\n//\n\n.slide-bg{\n    height: 100vh;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n}\n\n.coming-content{\n    position: absolute;\n    top: 0;\n    z-index: 1;\n    left: 0;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    .app-search{\n        max-width: 340px;\n    }\n}\n\n.preview-thumbsnav{\n    position: absolute;\n    bottom: 14px;\n    z-index: 9;\n    left: 50%;\n    transform: translateX(-50%);\n    max-width: 120px;\n    .nav-img{\n        cursor: pointer;\n        padding: 3px;\n        background-color: rgba($white, 0.1);\n        border: 1px solid rgba($white, 0.1);\n\n        @media (max-width: 575.98px) {\n            display: none;\n        }\n    }\n\n    .swiper-slide-thumb-active{\n        .nav-img{\n            background-color: $white;\n            border: 1px solid $white;\n        }\n    }\n}\n\n.coming-box {\n    width: 25%;\n    &:last-of-type{\n        .count-num{\n            &::after{\n                display: none;\n            }\n        }\n    }\n}\n\n// counter number\n\n.counter-number {\n    font-size: 32px;\n    font-weight: $font-weight-semibold;\n    text-align: center;\n    display: flex;\n    gap: 24px;\n    @media (max-width: 575.98px) {\n        font-size: 18px;\n    }\n    .count-title {\n        font-size: 16px;\n        font-weight: $font-weight-medium;\n        display: block;\n        padding-bottom: 6px;\n        color: rgba($white, 0.5);\n    }\n}\n\n.count-num{\n    background-color: $card-bg;\n    padding: 16px 8px;\n    position: relative;\n    border-radius: 4px;\n\n    &::after{\n        content: \":\";\n        font-size: 20px;\n        position: absolute;\n        right: -16px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: $white;\n    }\n}","//\n// timeline.scss\n//\n\n\n/************** vertical timeline **************/\n\n.timeline {\n    position: relative;\n    width: 100%;\n    padding: 30px 0;\n    @media (max-width: 767.98px) {\n      padding: 0;\n    }\n    .timeline-end,\n    .timeline-start,\n    .timeline-year {\n      position: relative;\n      width: 100%;\n      text-align: center;\n      z-index: 1;\n      p {\n        display: inline-block;\n        width: 80px;\n        height: 80px;\n        margin: 0;\n        padding: 30px 0;\n        text-align: center;\n        background-color: $primary;\n        border-radius: 100px;\n        color: $white;\n        text-transform: uppercase;\n      }\n    }\n    .timeline-year {\n      margin: 30px 0;\n    }\n    .timeline-continue {\n      position: relative;\n      width: 100%;\n      padding: 60px 0;\n      &:after {\n        position: absolute;\n        content: \"\";\n        width: 1px;\n        height: 100%;\n        top: 0;\n        left: 50%;\n        margin-left: -1px;\n        background: $primary;\n      }\n    }\n    .timeline-icon {\n      margin: 42px 10px 0 10px;\n    }\n    .timeline-left {\n          text-align: right;\n          .timeline-icon {\n              text-align: left;\n          }\n      }\n      .timeline-right {\n          .timeline-icon {\n              text-align: right;\n          }\n          text-align: left;\n      }\n    .timeline-icon {\n        &::after {\n            content: \"\";\n            display: block;\n            position: absolute;\n            width: 14px;\n            height: 14px;\n            top: 45px;\n            background: $primary;\n            border-radius: 15px;\n            z-index: 1;\n        }\n    }\n\n    @media (min-width: 768px) {\n      .event-content{\n        padding-right: 24px;\n      }\n\n      .timeline-text {\n        margin-right: 40px;\n      }\n    }\n\n    \n    .timeline-left {\n        .timeline-icon {\n            &::after {\n                left: -7px;\n            }\n        }\n        @media (min-width: 768px) {\n          .event-content{\n            padding-right: 0;\n            padding-left: 24px;\n          }\n\n          .timeline-text {\n            margin-right: 0px;\n            margin-left: 40px;\n          }\n\n          .event-img{\n            justify-content: flex-end;\n          }\n        }\n      }\n      .timeline-right {\n          .timeline-icon {\n              &::after {\n                  right: -7px;\n              }\n          }\n      }\n    .timeline-box {\n          position: relative;\n          display: inline-block;\n          margin: 15px;\n          padding: 20px;\n          border: 1px solid var(--#{$prefix}border-color);\n          border-radius: 6px;\n          &::after {\n              content: \"\";\n              position: absolute;\n              width: 16px;\n              height: 16px;\n              top: 26px;\n              background-color: var(--#{$prefix}card-bg);\n              border: 1px solid $light;\n              transform: rotate(45deg);\n              margin: 0px auto;\n          }\n      }\n      .timeline-launch {\n          position: relative;\n          display: inline-block;\n          margin: 15px;\n          padding: 20px;\n          border: 1px solid $gray-200;\n          border-radius: 6px;\n          width: 100%;\n          margin: 15px 0;\n          padding: 0;\n          border: none;\n          text-align: center;\n          background: transparent;\n      }\n  }\n  \n  \n  .timeline-date {\n    right: 20px;\n\n    @media (max-width: 767.98px) {\n      left: -70px;\n      right: auto;\n    }\n  }\n  \n  .timeline-left {\n\n    .timeline-date {\n      left: 20px;\n      @media (max-width: 767.98px) {\n        left: -70px;\n        right: auto;\n      }\n    }\n  }\n  \n  .timeline {\n    .timeline-date {\n      width: 54px;\n      height: 80px;\n      display: inline-block;\n      padding: 8px;\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n      top: -10px;\n      position: absolute;\n      z-index: 1;\n      @media (max-width: 767.98px) {\n        top: 0px;\n      }\n    }\n      .timeline-right {\n          .timeline-box {\n              &::after {\n                  border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\n                  left: -8px;\n                  right: 100%;\n              }\n          }\n      }\n      .timeline-left {\n          .timeline-box {\n              &::after {\n                  border-color: var(--#{$prefix}light) var(--#{$prefix}light) transparent transparent;\n                  right: -8px;\n              }\n          }\n      }\n      .timeline-launch {\n          .timeline-box {\n              &::after {\n                  top: -8px;\n                  left: 32px;\n                  border-color: var(--#{$prefix}light) transparent transparent var(--#{$prefix}light);\n                  @media (min-width: 768px) {\n                    left: 50%;\n                    transform: rotate(45deg) translateX(-50%);\n                    top: -2px;\n                  }\n              }\n          }\n          .timeline-text {\n              width: 100%;\n          }\n      }\n  }\n  \n  \n  \n  \n@media (max-width: 767px) {\n    .timeline .timeline-continue::after {\n      left: 40px;\n    }\n  \n    .timeline {\n      .timeline-end,\n      .timeline-start,\n      .timeline-year {\n        text-align: left;\n      }\n      .row.timeline-left {\n        text-align: left;\n        .timeline-icon {\n          text-align: left;\n        }\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          text-align: left;\n        }\n        text-align: left;\n      }\n      .timeline-launch {\n        text-align: left;\n        margin-bottom: 0;\n      }\n    }\n  \n    .timeline {\n      .row.timeline-left {\n        .timeline-icon {\n          &::after {\n            left: 43px;\n          }\n        }\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          &::after {\n            left: 43px;\n          }\n        }\n      }\n    }\n  \n    .timeline {\n      .timeline-box {\n        margin-left: 82px;\n        margin-right: 0;\n      }\n      .row.timeline-right {\n        .timeline-icon {\n          margin-left: 55px;\n        }\n      }\n      .row.timeline-left {\n        .timeline-icon {\n          margin-left: 55px;\n        }\n      }\n      .timeline-launch {\n        .timeline-box {\n          margin-left: 0;\n          margin-bottom: 0;\n        }\n      }\n      .row.timeline-left {\n        .timeline-box {\n          &::after {\n            left: -8px;\n            border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\n            right: auto;\n          }\n        }\n      }\n    }\n}\n\n[data-bs-theme  =\"dark\"] {\n  .timeline-right {\n    .timeline-box {\n        &::after {\n            border-color: transparent transparent var(--#{$prefix}border-color) var(--#{$prefix}border-color);\n        }\n    }\n}\n.timeline-left {\n    .timeline-box {\n        &::after {\n            border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) transparent transparent;\n        }\n    }\n}\n  .timeline-box {\n    border: 1px solid var(--#{$prefix}border-color);\n  }\n}","// \n// Extras pages.scss\n//\n\n\n/*********************\n    Maintenance\n**********************/ \n\n.maintenance-cog-icon{\n    .cog-icon{\n        position: relative;\n        bottom: 24px;\n        right: 14px;    \n    }\n}\n\n\n// pricing\n\n\n.pricing-badge {\n    position: absolute;\n    top: 0;\n    z-index: 9;\n    right: 0;\n    width: 100%;\n    display: block;\n    font-size: 15px;\n    padding: 0;\n    overflow: hidden;\n    height: 100px;\n    .badge {\n      float: right;\n      transform: rotate(45deg);\n      right: -67px;\n      top: 17px;\n      position: relative;\n      text-align: center;\n      width: 200px;\n      font-size: 13px;\n      margin: 0;\n      padding: 7px 10px;\n      font-weight: 500;\n      color: $primary;\n      background: $white;\n    }\n}\n\n\n\n// PRICING TAB\n\n.pricing-tab-box{\n  .nav-link{\n    padding: 16px 20px;\n    border: 1px solid var(--#{$prefix}border-color);\n    &.active{\n      border: 1px solid $primary !important;\n      background: transparent;\n      padding: 16px 20px;\n      i{\n        color: $primary !important;\n      }\n      h1{\n        color: $primary !important;\n      }\n    }\n   \n  }\n}\n\n[data-bs-theme=dark]{\n  .pricing-tab-box {\n    .nav-link{\n      border-color: var(--#{$prefix}border-color);\n    }\n  }\n}"]}