MAINHACK

Viewing / Editing File: app-rtl.min.css.map

{"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","../../../node_modules/bootstrap/scss/_variables.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,gBCGO;EDFP,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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N;AgBhuDM;EACE,sBAAA;AhBkuDR;AgB/tDM;EACE,kBAAA;EACA,WAAA;EACA,mBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AhBiuDR;;AgBrtDM;EACE,yBd+QO;Ec9QP,qBd8QO;AF08Cf;;AgBjtDM;EACE,qBdsQO;EcrQP,yBdqQO;AF+8Cf;AgBltDQ;EACE,yBdkQK;AFk9Cf;;AgBluDM;EACE,yBd+QO;Ec9QP,qBd8QO;AFu9Cf;;AgB9tDM;EACE,qBdsQO;EcrQP,yBdqQO;AF49Cf;AgB/tDQ;EACE,yBdkQK;AF+9Cf;;AgB/uDM;EACE,yBd+QO;Ec9QP,qBd8QO;AFo+Cf;;AgB3uDM;EACE,qBdsQO;EcrQP,yBdqQO;AFy+Cf;AgB5uDQ;EACE,yBdkQK;AF4+Cf;;AgB5vDM;EACE,yBd+QO;Ec9QP,qBd8QO;AFi/Cf;;AgBxvDM;EACE,qBdsQO;EcrQP,yBdqQO;AFs/Cf;AgBzvDQ;EACE,yBdkQK;AFy/Cf;;AgBzwDM;EACE,yBd+QO;Ec9QP,qBd8QO;AF8/Cf;;AgBrwDM;EACE,qBdsQO;EcrQP,yBdqQO;AFmgDf;AgBtwDQ;EACE,yBdkQK;AFsgDf;;AgBtxDM;EACE,yBd+QO;Ec9QP,qBd8QO;AF2gDf;;AgBlxDM;EACE,qBdsQO;EcrQP,yBdqQO;AFghDf;AgBnxDQ;EACE,yBdkQK;AFmhDf;;AgBnyDM;EACE,yBd+QO;Ec9QP,qBd8QO;AFwhDf;;AgB/xDM;EACE,qBdsQO;EcrQP,yBdqQO;AF6hDf;AgBhyDQ;EACE,yBdkQK;AFgiDf;;AgBhzDM;EACE,yBd+QO;Ec9QP,qBd8QO;AFqiDf;;AgB5yDM;EACE,qBdsQO;EcrQP,yBdqQO;AF0iDf;AgB7yDQ;EACE,yBdkQK;AF6iDf;;AgBxyDA;;;EAGE,eAAA;EACA,gBAAA;AhB2yDF;;AgBtyDA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;AhByyDF;AgBvyDE;EACE,mBd4hBc;Ec3hBd,sBAAA;AhByyDJ;;AgBryDA;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;AhBwyDF;AgBtyDE;EACE,mBdihBc;EchhBd,sB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yBvBgGI;AFmmFV;AyBhsFI;EACE,qCAAA;AzBksFN;AyB/rFE;EACE,qBvBuFM;EuBtFN,cvBsFM;AF2mFV;;AyB5rFE;EACE,wBAAA;UAAA,gBAAA;AzB+rFJ;;AyB1rFE;EACE,mBvBoEM;AFynFV;AyB5rFI;EACE,mBvBkEI;AF4nFV;AyB7rFM;EACE,kCAAA;AzB+rFR;AyB1rFE;EACE,mBvB0DM;AFkoFV;;AyBxrFA;EACE,qDAAA;AzB2rFF;;A0BpvFY;EACI,yBAAA;EACA,wCAAA;EACA,oCAAA;A1BuvFhB;;A0B9uFY;EACI,yBAAA;A1BivFhB;;A0B1uFI;EACI,gBxBupBa;EwBtpBb,wCAAA;A1B6uFR;A0B3uFI;EACI,yBAAA;A1B6uFR;A0B3uFI;EACI,8DxBilBK;UwBjlBL,sDxBilBK;EwBhlBL,wCAAA;A1B6uFR;A0B3uFQ;EACI,wCAAA;EACA,yBAAA;EACA,+CAAA;EACA,4CAAA;A1B6uFZ;A0BzuFI;EACI,wCAAA;A1B2uFR;A0BzuFY;EACI,gBxBioBK;AF0mErB;A0B1uFgB;EACI,cxBiEV;AF2qFV;A0BxuFY;EACI,iBAAA;A1B0uFhB;A0BruFI;EACI,aAAA;A1BuuFR;A0BpuFI;EACI,UAAA;EACA,UAAA;EACA,sBAAA;A1BsuFR;A0BpuFQ;EACI,wCAAA;A1BsuFZ;;A0B/tFI;EACI,yBxBqCE;EwBpCF,qBxBoCE;EwBnCF,WxBKG;EwBJH,4BAAA;A1BkuFR;A0BjuFQ;EACI,yBxBuCF;EwBtCE,qBxBsCF;AF6rFV;A0BjuFQ;EACI,yBxBgCF;EwB/BE,qBxB+BF;AFosFV;A0BjuFQ;EACI,yBxB8BF;EwB7BE,qBxB6BF;AFssFV;A0B9tFI;EACI,WAAA;EACA,UAAA;A1BguFR;A0B/tFQ;EACI,aAAA;EACA,UAAA;A1BiuFZ;A0BhuFY;EACI,YAAA;EACA,UAAA;A1BkuFhB;A0B7tFI;EACI,UAAA;EACA,WAAA;A1B+tFR;A0B9tFQ;EACI,YAAA;EACA,WAAA;A1BguFZ;A0B/tFY;EACI,OAAA;EACA,WAAA;A1BiuFhB;;A2Br1FA;EACE,eAAA;EACA,czBmHQ;AFq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","file":"app-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: Minia - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 2.1.0\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\r\n\r\n\r\n//Fonts\r\n@import \"fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"variables\";\r\n@import \"variables-dark\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n// Structure\r\n@import \"structure/general\";\r\n@import \"structure/topbar\";\r\n@import \"structure/page-head\";\r\n@import \"structure/footer\";\r\n@import \"structure/right-sidebar\";\r\n@import \"structure/vertical\";\r\n@import \"structure/horizontal-nav\";\r\n@import \"structure/layouts\";\r\n\r\n// Components\r\n@import \"components/root\";\r\n@import \"components/waves\";\r\n@import \"components/accordion\";\r\n@import \"components/avatar\";\r\n@import \"components/helper\";\r\n@import \"components/modals\";\r\n@import \"components/forms\";\r\n@import \"components/widgets\";\r\n@import \"components/toasts\";\r\n@import \"components/demos\";\r\n@import \"components/print\";\r\n@import \"components/utilities\";\r\n\r\n// Plugins\r\n@import \"plugins/custom-scrollbar\";\r\n@import \"plugins/calendar\";\r\n@import \"plugins/session-timeout\";\r\n@import \"plugins/range-slider\";\r\n@import \"plugins/sweatalert2\";\r\n@import \"plugins/alertify\";\r\n@import \"plugins/pristinejs\";\r\n@import \"plugins/choices\";\r\n@import \"plugins/switch\";\r\n@import \"plugins/colorpicker\";\r\n@import \"plugins/datepicker\";\r\n@import \"plugins/form-editors\";\r\n@import \"plugins/form-upload\";\r\n@import \"plugins/form-wizard\";\r\n@import \"plugins/datatable\";\r\n@import \"plugins/responsive-table\";\r\n@import \"plugins/table-editable\";\r\n@import \"plugins/apexcharts\";\r\n@import \"plugins/echarts\";\r\n@import \"plugins/sparkline-chart\";\r\n@import \"plugins/google-map\";\r\n@import \"plugins/vector-maps\";\r\n@import \"plugins/leaflet-maps\";\r\n\r\n\r\n// Pages\r\n@import \"pages/authentication\";\r\n@import \"pages/email\";\r\n@import \"pages/chat\";\r\n@import \"pages/coming-soon\";\r\n@import \"pages/timeline\";\r\n@import \"pages/extras-pages\";","//\r\n// Google font - IBM Plex Sans\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');","// colors\r\n[data-bs-theme =\"dark\"]{\r\n    .bg-dark{\r\n        background-color: var(--#{$prefix}sidebar-dark-bg) !important;\r\n    }\r\n}\r\n","/*\nTemplate Name: Minia - Admin & Dashboard Template\nAuthor: Themesbrand\nVersion: 2.1.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: 1054;\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: #fff;\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, .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: -7px;\n  top: -12px;\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\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-input-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);\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}","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 1054;\r\n    background-color: var(--#{$prefix}header-bg);\r\n    border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 $grid-gutter-width 0 0;\r\n\r\n    .dropdown .show {\r\n        &.header-item {\r\n            background-color: var(--#{$prefix}gray-100);\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    width: $navbar-brand-box-width;\r\n    background: var(--#{$prefix}sidebar-bg);\r\n    border-right: 1px solid $sidebar-border-color;\r\n    box-shadow: 0px 2px 2px var(--#{$prefix}sidebar-bg);\r\n}\r\n\r\n.logo {\r\n    line-height: 69px;\r\n    color: inherit  !important;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-txt {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    vertical-align: middle;\r\n    margin-left: 5px;\r\n}\r\n\r\n.logo-light {\r\n    display: none;\r\n}\r\n\r\n\r\nbody:not([data-sidebar-size=\"sm\"]) {\r\n    #vertical-menu-btn {\r\n        margin-left: -52px;\r\n        margin-right: 20px;\r\n        @media (max-width: 991.98px){\r\n            margin-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 40px} / 2) 0;\r\n    position: relative;\r\n\r\n    .form-control {\r\n        border: $search-width solid $search-border-color;\r\n        height: 40px;\r\n        padding-left: 17px;\r\n        padding-right: 50px;\r\n        background-color: var(--#{$prefix}topbar-search-bg);\r\n        box-shadow: none;\r\n    }\r\n    .btn {\r\n        position: absolute;\r\n        right: 3px;\r\n        top: 3px;\r\n        height: 34px;\r\n        padding: 0 10px;\r\n    }\r\n}\r\n\r\n.layout-mode-light {\r\n    display: none;\r\n}\r\n\r\nbody[data-bs-theme =\"dark\"] {\r\n    .layout-mode-dark {\r\n        display: none;\r\n    }\r\n    .layout-mode-light {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n\r\n[data-bs-theme=\"dark\"] [data-topbar=\"light\"]{\r\n    .logo-dark{\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n[data-bs-theme=\"dark\"] [data-layout=\"horizontal\"][data-topbar=\"light\"] {\r\n    .logo-dark {\r\n        .logo-txt {\r\n            color: $dark;\r\n        }\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} * 0.75) $footer-height calc(#{$grid-gutter-width} * 0.75);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    background-color: var(--#{$prefix}gray-600);\r\n    padding: 3px;\r\n}\r\n\r\n.noti-icon {\r\n    i {\r\n        font-size: 22px;\r\n        color: $header-item-color;\r\n    }\r\n\r\n    .badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 4px;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $dropdown-link-hover-bg;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: var(--#{$prefix}tertiary-bg);\r\n        color: var(--#{$prefix}dark);\r\n\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .bx-fullscreen::before {\r\n            content: \"\\ea3f\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-bs-theme=\"dark\"],[data-topbar=\"light\"]{\r\n\r\n    .app-search .form-control{\r\n        border: none !important;\r\n    }\r\n    .header-item{\r\n        color: $gray-600;\r\n        &.bg-light-subtle{\r\n            background-color: #f6f6f9 !important;\r\n            border-color: #e9e9ef !important;\r\n        }\r\n    }\r\n        #page-topbar {\r\n            background-color: var(--#{$prefix}white);\r\n            color: $gray-700;\r\n            border-color: $gray-100;\r\n        }\r\n    } \r\n    \r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: var(--#{$prefix}header-bg);\r\n        border-color: var(--#{$prefix}border-color);\r\n    }\r\n    .navbar-brand-box { \r\n        background-color: $header-dark-bg;\r\n        border-color: $header-dark-bg;\r\n        box-shadow: 0px 0px 2px var(--#{$prefix}header-bg);\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item {\r\n                background-color: rgba($white, 0.05);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .header-item {\r\n        color:$header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-light-subtle{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: rgba($white, 0.25);\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: var(--#{$prefix}topbar-dark-search-bg);\r\n            color: var(--#{$prefix}gray-500);\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-header {\r\n        .dropdown {\r\n            position: static;\r\n\r\n            .dropdown-menu {\r\n                left: 10px !important;\r\n                right: 10px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n        border: 0;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        @media  (min-width: 992px){\r\n            padding-left: 0;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n    .page-content {\r\n        margin-top: $header-height;\r\n        padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n    }    \r\n\r\n    .navbar-header{\r\n        @media (min-width: 992px){\r\n            padding-left: $grid-gutter-width;\r\n            padding-right: $grid-gutter-width;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=dark]{\r\n        .navbar-brand-box {\r\n            background-color: transparent;\r\n            box-shadow: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) { \r\n    body[data-layout=\"horizontal\"] {\r\n        .page-content {\r\n            margin-top: 15px;\r\n        }    \r\n    }\r\n}","// 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;","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n    padding-bottom: $grid-gutter-width;\r\n\r\n    .breadcrumb {\r\n        background-color: transparent;\r\n        padding: 0;\r\n    }\r\n}","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 20px calc(#{$grid-gutter-width} / 2);\r\n    position: absolute;\r\n    right: 0;\r\n    color: $footer-color;\r\n    left: 250px;\r\n    height: $footer-height;\r\n    background-color: $footer-bg;\r\n    border-top: 1px solid var(--#{$prefix}border-color);\r\n\r\n    @media (max-width: 991.98px) {\r\n        left: 0;\r\n    }\r\n}\r\n  \r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}\r\n","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: var(--#{$prefix}sidebar-bg);\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        display: block;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}\r\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, 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","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1001;\r\n    background: var(--#{$prefix}sidebar-bg);\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    border-right: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.main-content {\r\n    margin-left: $sidebar-width;\r\n    overflow: hidden;\r\n\r\n    .content {\r\n        padding: 0 15px 10px 15px;\r\n        margin-top: $header-height;\r\n    }\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 10px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(90deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0142\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            float: right;\r\n            transition: transform .2s;\r\n            font-size: 1.1rem;\r\n            margin-right: -5px;\r\n            margin-top: -2px;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: block;\r\n                padding: .62rem 1.5rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-size: .9rem;\r\n                transition: all .4s;\r\n                font-weight: $font-weight-medium;\r\n\r\n                i {\r\n                    display: inline-block;\r\n                    min-width: 1.75rem;\r\n                    padding-bottom: .125em;\r\n                    font-size: 1.25rem;\r\n                    line-height: 1.40625rem;\r\n                    vertical-align: middle;\r\n                    color: var(--#{$prefix}sidebar-menu-item-icon-color);\r\n                    transition: all .4s;\r\n                }\r\n\r\n                svg {\r\n                    height: 16px;\r\n                    width: 16px;\r\n                    color: var(--#{$prefix}sidebar-menu-item-icon-color);\r\n                    fill: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\r\n                    margin-right: 10px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:hover {\r\n                    color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n\r\n                    i {\r\n                        color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                    }\r\n\r\n                    svg {\r\n                        color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                        fill: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-top: 4px;\r\n            }\r\n\r\n            ul.sub-menu {\r\n                padding: 0;\r\n\r\n                li {\r\n\r\n                    a {\r\n                        padding: .4rem 1.5rem .4rem 3.3rem;\r\n                        font-size: .85rem;\r\n                        color: var(--#{$prefix}sidebar-menu-sub-item-color);\r\n\r\n                        &:hover {\r\n                            color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                        }\r\n                    }\r\n\r\n                    ul.sub-menu {\r\n                        padding: 0;\r\n\r\n                        li {\r\n                            a {\r\n                                padding: .4rem 1.5rem .4rem 4.5rem;\r\n                                font-size: 13px;\r\n\r\n                                \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.menu-title {\r\n    padding: 12px 20px !important;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 12px;\r\n    color: var(--#{$prefix}sidebar-menu-item-icon-color);\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.mm-active {\r\n\r\n    > a{\r\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n        i {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n        }\r\n\r\n        svg {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n            fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n        }\r\n    }\r\n    .active {\r\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n\r\n        i {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n        }\r\n        \r\n        svg {\r\n            color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n            fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n        }\r\n    }\r\n    > i {\r\n        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n    }\r\n}\r\n\r\n.sidebar-alert {\r\n    background-color: $sidebar-alert;\r\n\r\n    .alertcard-title{\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vertical-menu {\r\n        display: none;\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    body.sidebar-enable {\r\n        .vertical-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    min-height: 1000px;\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: $sidebar-collapsed-width !important;\r\n    }\r\n\r\n    .logo {\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    // Side menu\r\n    .vertical-menu {\r\n        position: absolute;\r\n        width: $sidebar-collapsed-width !important;\r\n        z-index: 5;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .badge,\r\n            .sidebar-alert {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            > ul {\r\n                > li {\r\n                    position: relative;\r\n                    white-space: nowrap;\r\n\r\n                    > a {\r\n                        padding: 15px 20px;\r\n                        transition: none;\r\n                        \r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1.45rem;\r\n                            margin-left: 4px;\r\n                        }\r\n\r\n                        svg {\r\n                            height: 18px;\r\n                            width: 18px;\r\n                            margin-left: 6px;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n\r\n                        &.has-arrow {\r\n                            &:after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        > a {\r\n                            position: relative;\r\n                            width: calc(190px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: var(--#{$prefix}sidebar-bg);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\r\n                            }\r\n\r\n                            svg {\r\n                                color: var(--#{$prefix}sidebar-menu-item-active-color);\r\n                                fill: rgba($sidebar-menu-item-active-color,0.2);\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 190px;\r\n                            height: auto !important;\r\n                            box-shadow: var(--#{$prefix}box-shadow);\r\n\r\n                            ul {\r\n                                box-shadow: var(--#{$prefix}box-shadow);\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: var(--#{$prefix}sidebar-menu-sub-item-color);\r\n\r\n                                &:hover {\r\n                                    color: var(--#{$prefix}sidebar-menu-item-hover-color);\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: var(--#{$prefix}body-bg);\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 190px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                                padding: 5px 0;\r\n                            }\r\n                        }\r\n\r\n                        >a {\r\n                            span.pull-right {\r\n                                position: absolute;\r\n                                right: 20px;\r\n                                top: 12px;\r\n                                transform: rotate(270deg);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    li.active {\r\n                        a {\r\n                            color: var(--#{$prefix}gray-100);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    #sidebar-menu {\r\n        .mm-active>.has-arrow:after{\r\n            transform: rotate(0deg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: var(--#{$prefix}sidebar-dark-bg);\r\n        box-shadow: 0px 3px 1px var(--#{$prefix}sidebar-dark-bg);\r\n        border-color: var(--#{$prefix}border-color);\r\n\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .vertical-menu {\r\n        background: var(--#{$prefix}sidebar-dark-bg);\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color :$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                a {\r\n                    color: var(--#{$prefix}sidebar-dark-menu-item-color);\r\n\r\n                    i {\r\n                        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\r\n                    }\r\n\r\n                    svg {\r\n                        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\r\n                        fill: var(--#{$prefix}sidebar-menu-item-icon-effact-color);\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n\r\n                        i {\r\n                            color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                        }\r\n\r\n                        svg {\r\n                            color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                            fill: var(--#{$prefix}sidebar-menu-item-hover-effact-color);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\r\n\r\n                            &:hover {\r\n                                color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    \r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color :$header-item-color;\r\n        }\r\n        // Side menu\r\n        .vertical-menu {\r\n            \r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: var(--#{$prefix}sidebar-dark-bg);\r\n                                color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                i{\r\n                                    color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                }\r\n\r\n                                svg {\r\n                                    color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                    fill: rgba(var(--#{$prefix}sidebar-dark-menu-item-hover-color),0.2);\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: var(--#{$prefix}sidebar-dark-menu-sub-item-color);\r\n                                    &:hover{\r\n                                        color: var(--#{$prefix}sidebar-dark-menu-item-hover-color);\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: var(--#{$prefix}sidebar-dark-bg);\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                            i{\r\n                                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n        > a{\r\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n            i {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n            }\r\n\r\n            svg {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n            }\r\n\r\n        }\r\n        > i {\r\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n        }\r\n        .active {\r\n            color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n\r\n            i {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n            }\r\n\r\n            svg {\r\n                color: var(--#{$prefix}sidebar-dark-menu-item-active-color) !important;\r\n                fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: var(--#{$prefix}sidebar-dark-menu-item-icon-color);\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title{\r\n                    background-color: var(--#{$prefix}sidebar-dark-bg);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"md\"] {\r\n    .navbar-brand-box{\r\n        width: $sidebar-width-sm;\r\n        @media (max-width: 991.98px){\r\n            width: auto;\r\n        }\r\n    }\r\n    .vertical-menu{\r\n        width: $sidebar-width-sm;\r\n        text-align: center;\r\n\r\n        .has-arrow:after,\r\n        .badge,\r\n        .sidebar-alert {\r\n            display: none !important;\r\n        }\r\n    }\r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n    .footer {\r\n        left: $sidebar-width-sm;\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul li {\r\n            a{\r\n                svg{\r\n                    display: block;\r\n                    margin: 0 auto 4px;\r\n                }\r\n            }\r\n            ul.sub-menu {\r\n                li {\r\n                    a{\r\n                        padding-left: 1.5rem;\r\n                    }\r\n\r\n                    ul.sub-menu li a {\r\n                        padding-left: 1.5rem;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .main-content {\r\n            margin-left: $sidebar-collapsed-width;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                text-align: left;\r\n                >ul{\r\n                    >li{\r\n                        >a {\r\n                            svg{\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n    .vertical-menu{\r\n        background-color: $primary;\r\n    }\r\n    .navbar-brand-box{\r\n        background-color: $primary;\r\n        box-shadow: 0px 1px 0px $primary;\r\n        .logo-dark{\r\n            display: none;\r\n        }\r\n        .logo-light{\r\n            display: block;\r\n        }\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .mm-active {\r\n        color: $white !important;\r\n        > a{\r\n            color: $white !important;\r\n            i {\r\n                color: $white !important;\r\n            }\r\n            svg {\r\n                color: $white !important;\r\n                fill: rgba($white,0.1) !important;\r\n            }\r\n        }\r\n        .active {\r\n            color: $white !important;\r\n            svg {\r\n                color: $white !important;\r\n                fill: rgba($white,0.1) !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color:$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                &.menu-title{\r\n                    color: rgba($white, 0.6);\r\n                }\r\n\r\n                a{\r\n                    color: rgba($white, 0.6);\r\n                    i{\r\n                        color: rgba($white, 0.6);\r\n                    }\r\n                    svg {\r\n                        color: rgba($white, 0.6);;\r\n                        fill: rgba($white,0.075);\r\n                    }\r\n                    &.waves-effect {\r\n                        .waves-ripple {\r\n                          background: rgba($white, 0.1);\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $white;\r\n    \r\n                        i {\r\n                            color: $white;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n                        a{\r\n                            color: rgba($white,.5);\r\n                            &:hover {\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .sidebar-alert{\r\n        background-color: rgba($white, 0.1);\r\n        color: rgba($white, 0.5);\r\n        .alertcard-title{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color: $header-item-color;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                >ul{\r\n                    >li{\r\n                        &:hover>a{\r\n                            background-color: lighten($primary, 2%);\r\n                            color: $white;\r\n                            i, svg{\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul{\r\n                    li{\r\n                        &.mm-active {\r\n                            .active{\r\n                                color: $white !important;\r\n                            }\r\n                        }\r\n\r\n                        ul.sub-menu {\r\n                            li {\r\n                                a{\r\n                                    &:hover {\r\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color);\r\n                                    }\r\n                                }\r\n                                &.mm-active {\r\n                                    color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n                                    > a{\r\n                                        color: var(--#{$prefix}sidebar-menu-item-active-color) !important;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n[data-bs-theme=\"dark\"][data-topbar=\"light\"]{\r\n    .navbar-brand-box{\r\n        .logo-dark{\r\n            .logo-txt{\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"]{\r\n    #sidebar-menu{\r\n        .has-arrow:after{\r\n            content: \"\\F0141\"\r\n        }\r\n    }\r\n}","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n    background: $header-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    margin-top: $header-height;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    border-bottom: 1px solid var(--#{$prefix}border-color);\r\n\r\n    @media (min-width: 992px) {\r\n        background: $topnav-bg;\r\n    }\r\n    \r\n    \r\n    .topnav-menu {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .navbar-nav {\r\n        \r\n        .nav-link {\r\n            font-size: 14.4px;\r\n            position: relative;\r\n            padding: 1rem 1.3rem;\r\n            color: $menu-item-color;\r\n            font-weight: $font-weight-medium;\r\n            i{\r\n                font-size: 15px;\r\n            }\r\n            svg {\r\n                height: 16px;\r\n                width: 16px;\r\n                color: $menu-item-color;\r\n                fill: $sidebar-menu-item-icon-effact-color;\r\n                margin-right: 7px;\r\n                margin-top: -3px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                    fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n                }\r\n            }\r\n        }\r\n        \r\n        .dropdown-item{\r\n            color: $menu-item-color;\r\n            &.active, &:hover{\r\n                color: $menu-item-active-color;\r\n            }\r\n        }\r\n        \r\n        .nav-item{\r\n            .nav-link.active{\r\n                color: $menu-item-active-color;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                    fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: $menu-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-item-active-color;\r\n                        fill: var(--#{$prefix}sidebar-menu-item-active-effact-color);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title{\r\n        padding: 12px 24px !important;\r\n        @media (max-width: 991.98px) {\r\n            padding: 12px 16px !important;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0 !important;\r\n                        left: 100%;\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down{\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .navbar-brand-box{\r\n        .logo-dark {\r\n            display: $display-block;\r\n            span.logo-sm{\r\n                display: $display-block;\r\n            }\r\n        }\r\n    \r\n        .logo-light {\r\n            display: $display-none;\r\n        }\r\n    }\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 24px;\r\n                &.dropdown-mega-menu-xl{\r\n                    width: auto;\r\n    \r\n                    .row{\r\n                        margin: 0px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item {\r\n                position: relative;\r\n                background-color: transparent;\r\n\r\n                &.active,\r\n                &:active {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Colored Topbar \r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\r\n    #page-topbar{\r\n        background-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba(var(--#{$prefix}topbar-search-bg),0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n    .header-item {\r\n        color: var(--#{$prefix}header-dark-item-color);\r\n    \r\n        &:hover {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item{\r\n                background-color: rgba($white,0.1);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .noti-icon {\r\n        i {\r\n            color: var(--#{$prefix}header-dark-item-color);\r\n        }\r\n    }\r\n\r\n    @include media-breakpoint-up(lg) {\r\n        .topnav{\r\n            background-color: $primary;\r\n            .navbar-nav {\r\n        \r\n                .nav-link {\r\n                    color: rgba($white, 0.6);\r\n                    \r\n                    &:focus, &:hover{\r\n                        color: rgba($white, 0.9);\r\n                    }\r\n                }\r\n        \r\n                > .dropdown{\r\n                    &.active{\r\n                      >a {\r\n                            color: rgba($white, 0.9) !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// \r\n[data-bs-theme=\"dark\"][data-layout=\"horizontal\"][data-topbar=\"light\"]{\r\n    .navbar-brand-box{\r\n        .logo-txt{\r\n            color: #000;\r\n        }\r\n    }\r\n}","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #0d6efd !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #d63384 !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #198754 !default;\n$teal:    #20c997 !default;\n$cyan:    #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"black\":      $black,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\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:   4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black !default;\n$color-contrast-light:     $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\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) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-text-variables\n$primary-text-emphasis:   shade-color($primary, 60%) !default;\n$secondary-text-emphasis: shade-color($secondary, 60%) !default;\n$success-text-emphasis:   shade-color($success, 60%) !default;\n$info-text-emphasis:      shade-color($info, 60%) !default;\n$warning-text-emphasis:   shade-color($warning, 60%) !default;\n$danger-text-emphasis:    shade-color($danger, 60%) !default;\n$light-text-emphasis:     $gray-700 !default;\n$dark-text-emphasis:      $gray-700 !default;\n// scss-docs-end theme-text-variables\n\n// scss-docs-start theme-bg-subtle-variables\n$primary-bg-subtle:       tint-color($primary, 80%) !default;\n$secondary-bg-subtle:     tint-color($secondary, 80%) !default;\n$success-bg-subtle:       tint-color($success, 80%) !default;\n$info-bg-subtle:          tint-color($info, 80%) !default;\n$warning-bg-subtle:       tint-color($warning, 80%) !default;\n$danger-bg-subtle:        tint-color($danger, 80%) !default;\n$light-bg-subtle:         mix($gray-100, $white) !default;\n$dark-bg-subtle:          $gray-400 !default;\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%) !default;\n$secondary-border-subtle: tint-color($secondary, 60%) !default;\n$success-border-subtle:   tint-color($success, 60%) !default;\n$info-border-subtle:      tint-color($info, 60%) !default;\n$warning-border-subtle:   tint-color($warning, 60%) !default;\n$danger-border-subtle:    tint-color($danger, 60%) !default;\n$light-border-subtle:     $gray-200 !default;\n$dark-border-subtle:      $gray-500 !default;\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) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              false !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-container-classes:    true !default;\n$enable-cssgrid:              false !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n$enable-dark-mode:            true !default;\n$color-mode-type:             data !default; // `data` or `media-query`\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-text-align:           null !default;\n$body-color:                $gray-900 !default;\n$body-bg:                   $white !default;\n\n$body-secondary-color:      rgba($body-color, .75) !default;\n$body-secondary-bg:         $gray-200 !default;\n\n$body-tertiary-color:       rgba($body-color, .5) !default;\n$body-tertiary-bg:          $gray-100 !default;\n\n$body-emphasis-color:       $black !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary !default;\n$link-decoration:                         underline !default;\n$link-shade-percentage:                   20% !default;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration:                   null !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Icon links\n// scss-docs-start icon-link-variables\n$icon-link-gap:               .375rem !default;\n$icon-link-underline-offset:  .25em !default;\n$icon-link-icon-size:         1em !default;\n$icon-link-icon-transition:   .2s ease-in-out transform !default;\n$icon-link-icon-transform:    translate3d(.25em, 0, 0) !default;\n// scss-docs-end icon-link-variables\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           1.5rem !default;\n$grid-row-columns:            6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n$border-style:                solid !default;\n$border-color:                $gray-300 !default;\n$border-color-translucent:    rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .375rem !default;\n$border-radius-sm:            .25rem !default;\n$border-radius-lg:            .5rem !default;\n$border-radius-xl:            1rem !default;\n$border-radius-xxl:           2rem !default;\n$border-radius-pill:          50rem !default;\n// scss-docs-end border-radius-variables\n// fusv-disable\n$border-radius-2xl:           $border-radius-xxl !default; // Deprecated in v5.3.0\n// fusv-enable\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white !default;\n$component-active-bg:         $primary !default;\n\n// scss-docs-start focus-ring-variables\n$focus-ring-width:      .25rem !default;\n$focus-ring-opacity:    .25 !default;\n$focus-ring-color:      rgba($primary, $focus-ring-opacity) !default;\n$focus-ring-blur:       0 !default;\n$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;\n// scss-docs-end focus-ring-variables\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$prefix}font-sans-serif) !default;\n$font-family-code:            var(--#{$prefix}font-monospace) !default;\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 !default;\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875 !default;\n$font-size-lg:                $font-size-base * 1.25 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-medium:          500 !default;\n$font-weight-semibold:        600 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              inherit !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style:  null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$sub-sup-font-size:           .75em !default;\n\n// fusv-disable\n$text-muted:                  var(--#{$prefix}secondary-color) !default; // Deprecated in 5.3.0\n// fusv-enable\n\n$initialism-font-size:        $small-font-size !default;\n\n$blockquote-margin-y:         $spacer !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n$blockquote-footer-color:     $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y:                 $spacer !default;\n$hr-color:                    inherit !default;\n\n// fusv-disable\n$hr-bg-color:                 null !default; // Deprecated in v5.2.0\n$hr-height:                   null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color:             null !default; // Allows for inherited colors\n$hr-border-width:             var(--#{$prefix}border-width) !default;\n$hr-opacity:                  .25 !default;\n\n// scss-docs-start vr-variables\n$vr-border-width:             var(--#{$prefix}border-width) !default;\n// scss-docs-end vr-variables\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-padding:                .1875em !default;\n$mark-color:                  $body-color !default;\n$mark-bg:                     $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem !default;\n$table-cell-padding-x:        .5rem !default;\n$table-cell-padding-y-sm:     .25rem !default;\n$table-cell-padding-x-sm:     .25rem !default;\n\n$table-cell-vertical-align:   top !default;\n\n$table-color:                 var(--#{$prefix}emphasis-color) !default;\n$table-bg:                    var(--#{$prefix}body-bg) !default;\n$table-accent-bg:             transparent !default;\n\n$table-th-font-weight:        null !default;\n\n$table-striped-color:         $table-color !default;\n$table-striped-bg-factor:     .05 !default;\n$table-striped-bg:            rgba(var(--#{$prefix}emphasis-color-rgb), $table-striped-bg-factor) !default;\n\n$table-active-color:          $table-color !default;\n$table-active-bg-factor:      .1 !default;\n$table-active-bg:             rgba(var(--#{$prefix}emphasis-color-rgb), $table-active-bg-factor) !default;\n\n$table-hover-color:           $table-color !default;\n$table-hover-bg-factor:       .075 !default;\n$table-hover-bg:              rgba(var(--#{$prefix}emphasis-color-rgb), $table-hover-bg-factor) !default;\n\n$table-border-factor:         .2 !default;\n$table-border-width:          var(--#{$prefix}border-width) !default;\n$table-border-color:          var(--#{$prefix}border-color) !default;\n\n$table-striped-order:         odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color:         var(--#{$prefix}secondary-color) !default;\n\n$table-bg-scale:              -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:         $focus-ring-width !default;\n$input-btn-focus-color-opacity: $focus-ring-opacity !default;\n$input-btn-focus-color:         $focus-ring-color !default;\n$input-btn-focus-blur:          $focus-ring-blur !default;\n$input-btn-focus-box-shadow:    $focus-ring-box-shadow !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n\n$input-btn-border-width:      var(--#{$prefix}border-width) !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-color:                   var(--#{$prefix}body-color) !default;\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color:              var(--#{$prefix}link-color) !default;\n$btn-link-hover-color:        var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color:     $gray-600 !default;\n$btn-link-focus-shadow-rgb:   to-rgb(mix(color-contrast($link-color), $link-color, 15%)) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           var(--#{$prefix}border-radius) !default;\n$btn-border-radius-sm:        var(--#{$prefix}border-radius-sm) !default;\n$btn-border-radius-lg:        var(--#{$prefix}border-radius-lg) !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:       15% !default;\n$btn-hover-bg-tint-amount:        15% !default;\n$btn-hover-border-shade-amount:   20% !default;\n$btn-hover-border-tint-amount:    10% !default;\n$btn-active-bg-shade-amount:      20% !default;\n$btn-active-bg-tint-amount:       20% !default;\n$btn-active-border-shade-amount:  25% !default;\n$btn-active-border-tint-amount:   10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem !default;\n$form-text-font-size:                   $small-font-size !default;\n$form-text-font-style:                  null !default;\n$form-text-font-weight:                 null !default;\n$form-text-color:                       var(--#{$prefix}secondary-color) !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem !default;\n$form-label-font-size:                  null !default;\n$form-label-font-style:                 null !default;\n$form-label-font-weight:                null !default;\n$form-label-color:                      null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n\n$input-bg:                              var(--#{$prefix}body-bg) !default;\n$input-disabled-color:                  null !default;\n$input-disabled-bg:                     var(--#{$prefix}secondary-bg) !default;\n$input-disabled-border-color:           null !default;\n\n$input-color:                           var(--#{$prefix}body-color) !default;\n$input-border-color:                    var(--#{$prefix}border-color) !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      var(--#{$prefix}box-shadow-inset) !default;\n\n$input-border-radius:                   var(--#{$prefix}border-radius) !default;\n$input-border-radius-sm:                var(--#{$prefix}border-radius-sm) !default;\n$input-border-radius-lg:                var(--#{$prefix}border-radius-lg) !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              tint-color($component-active-bg, 50%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               var(--#{$prefix}secondary-color) !default;\n$input-plaintext-color:                 var(--#{$prefix}body-color) !default;\n\n$input-height-border:                   calc(#{$input-border-width} * 2) !default; // stylelint-disable-line function-disallowed-list\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width:                      3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em !default;\n$form-check-min-height:                   $font-size-base * $line-height-base !default;\n$form-check-padding-start:                $form-check-input-width + .5em !default;\n$form-check-margin-bottom:                .125rem !default;\n$form-check-label-color:                  null !default;\n$form-check-label-cursor:                 null !default;\n$form-check-transition:                   null !default;\n\n$form-check-input-active-filter:          brightness(90%) !default;\n\n$form-check-input-bg:                     $input-bg !default;\n$form-check-input-border:                 var(--#{$prefix}border-width) solid var(--#{$prefix}border-color) !default;\n$form-check-input-border-radius:          .25em !default;\n$form-check-radio-border-radius:          50% !default;\n$form-check-input-focus-border:           $input-focus-border-color !default;\n$form-check-input-focus-box-shadow:       $focus-ring-box-shadow !default;\n\n$form-check-input-checked-color:          $component-active-color !default;\n$form-check-input-checked-bg-color:       $component-active-bg !default;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>\") !default;\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\") !default;\n\n$form-check-input-indeterminate-color:          $component-active-color !default;\n$form-check-input-indeterminate-bg-color:       $component-active-bg !default;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity:        .5 !default;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end:    1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25) !default;\n$form-switch-width:               2em !default;\n$form-switch-padding-start:       $form-switch-width + .5em !default;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius:       $form-switch-width !default;\n$form-switch-transition:          background-position .15s ease-in-out !default;\n\n$form-switch-focus-color:         $input-focus-border-color !default;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color:       $component-active-color !default;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y !default;\n$input-group-addon-padding-x:           $input-padding-x !default;\n$input-group-addon-font-weight:         $input-font-weight !default;\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  var(--#{$prefix}tertiary-bg) !default;\n$input-group-addon-border-color:        $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y !default;\n$form-select-padding-x:             $input-padding-x !default;\n$form-select-font-family:           $input-font-family !default;\n$form-select-font-size:             $input-font-size !default;\n$form-select-indicator-padding:     $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight !default;\n$form-select-line-height:           $input-line-height !default;\n$form-select-color:                 $input-color !default;\n$form-select-bg:                    $input-bg !default;\n$form-select-disabled-color:        null !default;\n$form-select-disabled-bg:           $input-disabled-bg !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position:           right $form-select-padding-x center !default;\n$form-select-bg-size:               16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800 !default;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width:        $input-border-width !default;\n$form-select-border-color:        $input-border-color !default;\n$form-select-border-radius:       $input-border-radius !default;\n$form-select-box-shadow:          var(--#{$prefix}box-shadow-inset) !default;\n\n$form-select-focus-border-color:  $input-focus-border-color !default;\n$form-select-focus-width:         $input-focus-width !default;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm:        $input-padding-y-sm !default;\n$form-select-padding-x-sm:        $input-padding-x-sm !default;\n$form-select-font-size-sm:        $input-font-size-sm !default;\n$form-select-border-radius-sm:    $input-border-radius-sm !default;\n\n$form-select-padding-y-lg:        $input-padding-y-lg !default;\n$form-select-padding-x-lg:        $input-padding-x-lg !default;\n$form-select-font-size-lg:        $input-font-size-lg !default;\n$form-select-border-radius-lg:    $input-border-radius-lg !default;\n\n$form-select-transition:          $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100% !default;\n$form-range-track-height:         .5rem !default;\n$form-range-track-cursor:         pointer !default;\n$form-range-track-bg:             var(--#{$prefix}secondary-bg) !default;\n$form-range-track-border-radius:  1rem !default;\n$form-range-track-box-shadow:     var(--#{$prefix}box-shadow-inset) !default;\n\n$form-range-thumb-width:                   1rem !default;\n$form-range-thumb-height:                  $form-range-thumb-width !default;\n$form-range-thumb-bg:                      $component-active-bg !default;\n$form-range-thumb-border:                  0 !default;\n$form-range-thumb-border-radius:           1rem !default;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg:             var(--#{$prefix}secondary-color) !default;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color !default;\n$form-file-button-bg:             var(--#{$prefix}tertiary-bg) !default;\n$form-file-button-hover-bg:       var(--#{$prefix}secondary-bg) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:                  add(3.5rem, $input-height-border) !default;\n$form-floating-line-height:             1.25 !default;\n$form-floating-padding-x:               $input-padding-x !default;\n$form-floating-padding-y:               1rem !default;\n$form-floating-input-padding-t:         1.625rem !default;\n$form-floating-input-padding-b:         .625rem !default;\n$form-floating-label-height:            1.5em !default;\n$form-floating-label-opacity:           .65 !default;\n$form-floating-label-transform:         scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-label-disabled-color:    $gray-600 !default;\n$form-floating-transition:              opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $form-text-font-size !default;\n$form-feedback-font-style:          $form-text-font-style !default;\n$form-feedback-valid-color:         $success !default;\n$form-feedback-invalid-color:       $danger !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.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>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-colors\n$form-valid-color:                  $form-feedback-valid-color !default;\n$form-valid-border-color:           $form-feedback-valid-color !default;\n$form-invalid-color:                $form-feedback-invalid-color !default;\n$form-invalid-border-color:         $form-feedback-invalid-color !default;\n// scss-docs-end form-validation-colors\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"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\": (\n    \"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) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-offcanvas-backdrop:         1040 !default;\n$zindex-offcanvas:                  1045 !default;\n$zindex-modal-backdrop:             1050 !default;\n$zindex-modal:                      1055 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n$zindex-toast:                      1090 !default;\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) !default;\n// scss-docs-end zindex-levels-map\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-font-size:                null !default;\n$nav-link-font-weight:              null !default;\n$nav-link-color:                    var(--#{$prefix}link-color) !default;\n$nav-link-hover-color:              var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color:           var(--#{$prefix}secondary-color) !default;\n$nav-link-focus-box-shadow:         $focus-ring-box-shadow !default;\n\n$nav-tabs-border-color:             var(--#{$prefix}border-color) !default;\n$nav-tabs-border-width:             var(--#{$prefix}border-width) !default;\n$nav-tabs-border-radius:            var(--#{$prefix}border-radius) !default;\n$nav-tabs-link-hover-border-color:  var(--#{$prefix}secondary-bg) var(--#{$prefix}secondary-bg) $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        var(--#{$prefix}emphasis-color) !default;\n$nav-tabs-link-active-bg:           var(--#{$prefix}body-bg) !default;\n$nav-tabs-link-active-border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           var(--#{$prefix}border-radius) !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-underline-gap:                 1rem !default;\n$nav-underline-border-width:        .125rem !default;\n$nav-underline-link-active-color:   var(--#{$prefix}emphasis-color) !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  null !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end:           1rem !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n$navbar-toggler-focus-width:        $btn-focus-width !default;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;\n\n$navbar-light-color:                rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default;\n$navbar-light-hover-color:          rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default;\n$navbar-light-active-color:         rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default;\n$navbar-light-disabled-color:       rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default;\n$navbar-light-icon-color:           rgba($body-color, .75) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default;\n$navbar-light-brand-color:          $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:    $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color:                 rgba($white, .55) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-icon-color:            $navbar-dark-color !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n$navbar-dark-brand-color:           $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:     $navbar-dark-active-color !default;\n// scss-docs-end navbar-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 !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    var(--#{$prefix}body-color) !default;\n$dropdown-bg:                       var(--#{$prefix}body-bg) !default;\n$dropdown-border-color:             var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius:            var(--#{$prefix}border-radius) !default;\n$dropdown-border-width:             var(--#{$prefix}border-width) !default;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default; // stylelint-disable-line function-disallowed-list\n$dropdown-divider-bg:               $dropdown-border-color !default;\n$dropdown-divider-margin-y:         $spacer * .5 !default;\n$dropdown-box-shadow:               var(--#{$prefix}box-shadow) !default;\n\n$dropdown-link-color:               var(--#{$prefix}body-color) !default;\n$dropdown-link-hover-color:         $dropdown-link-color !default;\n$dropdown-link-hover-bg:            var(--#{$prefix}tertiary-bg) !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      var(--#{$prefix}tertiary-color) !default;\n\n$dropdown-item-padding-y:           $spacer * .25 !default;\n$dropdown-item-padding-x:           $spacer !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding-x:         $dropdown-item-padding-x !default;\n$dropdown-header-padding-y:         $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x !default; // 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 !default;\n$dropdown-dark-bg:                  $gray-800 !default;\n$dropdown-dark-border-color:        $dropdown-border-color !default;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow:          null !default;\n$dropdown-dark-link-color:          $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color:    $white !default;\n$dropdown-dark-link-hover-bg:       rgba($white, .15) !default;\n$dropdown-dark-link-active-color:   $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color:        $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n\n$pagination-font-size:              $font-size-base !default;\n\n$pagination-color:                  var(--#{$prefix}link-color) !default;\n$pagination-bg:                     var(--#{$prefix}body-bg) !default;\n$pagination-border-radius:          var(--#{$prefix}border-radius) !default;\n$pagination-border-width:           var(--#{$prefix}border-width) !default;\n$pagination-margin-start:           calc(#{$pagination-border-width} * -1) !default; // stylelint-disable-line function-disallowed-list\n$pagination-border-color:           var(--#{$prefix}border-color) !default;\n\n$pagination-focus-color:            var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg:               var(--#{$prefix}secondary-bg) !default;\n$pagination-focus-box-shadow:       $focus-ring-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg:               var(--#{$prefix}tertiary-bg) !default;\n$pagination-hover-border-color:     var(--#{$prefix}border-color) !default; // Todo in v6: remove this?\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $component-active-bg !default;\n\n$pagination-disabled-color:         var(--#{$prefix}secondary-color) !default;\n$pagination-disabled-bg:            var(--#{$prefix}secondary-bg) !default;\n$pagination-disabled-border-color:  var(--#{$prefix}border-color) !default;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm:       var(--#{$prefix}border-radius-sm) !default;\n$pagination-border-radius-lg:       var(--#{$prefix}border-radius-lg) !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5 !default;\n$placeholder-opacity-min:           .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer !default;\n$card-spacer-x:                     $spacer !default;\n$card-title-spacer-y:               $spacer * .5 !default;\n$card-title-color:                  null !default;\n$card-subtitle-color:               null !default;\n$card-border-width:                 var(--#{$prefix}border-width) !default;\n$card-border-color:                 var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius:                var(--#{$prefix}border-radius) !default;\n$card-box-shadow:                   null !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y:                $card-spacer-y * .5 !default;\n$card-cap-padding-x:                $card-spacer-x !default;\n$card-cap-bg:                       rgba(var(--#{$prefix}body-color-rgb), .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           var(--#{$prefix}body-bg) !default;\n$card-img-overlay-padding:          $spacer !default;\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem !default;\n$accordion-padding-x:                     1.25rem !default;\n$accordion-color:                         var(--#{$prefix}body-color) !default;\n$accordion-bg:                            var(--#{$prefix}body-bg) !default;\n$accordion-border-width:                  var(--#{$prefix}border-width) !default;\n$accordion-border-color:                  var(--#{$prefix}border-color) !default;\n$accordion-border-radius:                 var(--#{$prefix}border-radius) !default;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y:                $accordion-padding-y !default;\n$accordion-body-padding-x:                $accordion-padding-x !default;\n\n$accordion-button-padding-y:              $accordion-padding-y !default;\n$accordion-button-padding-x:              $accordion-padding-x !default;\n$accordion-button-color:                  var(--#{$prefix}body-color) !default;\n$accordion-button-bg:                     var(--#{$prefix}accordion-bg) !default;\n$accordion-transition:                    $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg:              var(--#{$prefix}primary-bg-subtle) !default;\n$accordion-button-active-color:           var(--#{$prefix}primary-text-emphasis) !default;\n\n$accordion-button-focus-border-color:     $input-focus-border-color !default;\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow !default;\n\n$accordion-icon-width:                    1.25rem !default;\n$accordion-icon-color:                    $body-color !default;\n$accordion-icon-active-color:             $primary-text-emphasis !default;\n$accordion-icon-transition:               transform .2s ease-in-out !default;\n$accordion-icon-transform:                rotate(-180deg) !default;\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     var(--#{$prefix}body-bg) !default;\n$tooltip-bg:                        var(--#{$prefix}emphasis-color) !default;\n$tooltip-border-radius:             var(--#{$prefix}border-radius) !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 $spacer * .25 !default;\n$tooltip-padding-x:                 $spacer * .5 !default;\n$tooltip-margin:                    null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n// fusv-disable\n$tooltip-arrow-color:               null !default; // 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 !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        var(--#{$prefix}body-bg) !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              var(--#{$prefix}border-width) !default;\n$popover-border-color:              var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius:             var(--#{$prefix}border-radius-lg) !default;\n$popover-inner-border-radius:       calc(#{$popover-border-radius} - #{$popover-border-width}) !default; // stylelint-disable-line function-disallowed-list\n$popover-box-shadow:                var(--#{$prefix}box-shadow) !default;\n\n$popover-header-font-size:          $font-size-base !default;\n$popover-header-bg:                 var(--#{$prefix}secondary-bg) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          $spacer !default;\n\n$popover-body-color:                var(--#{$prefix}body-color) !default;\n$popover-body-padding-y:            $spacer !default;\n$popover-body-padding-x:            $spacer !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n// 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 !default;\n$popover-arrow-outer-color:         var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .5rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba(var(--#{$prefix}body-bg-rgb), .85) !default;\n$toast-border-width:                var(--#{$prefix}border-width) !default;\n$toast-border-color:                var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius:               var(--#{$prefix}border-radius) !default;\n$toast-box-shadow:                  var(--#{$prefix}box-shadow) !default;\n$toast-spacing:                     $container-padding-x !default;\n\n$toast-header-color:                var(--#{$prefix}secondary-color) !default;\n$toast-header-background-color:     rgba(var(--#{$prefix}body-bg-rgb), .85) !default;\n$toast-header-border-color:         $toast-border-color !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-color:                       $white !default;\n$badge-padding-y:                   .35em !default;\n$badge-padding-x:                   .65em !default;\n$badge-border-radius:               var(--#{$prefix}border-radius) !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer !default;\n\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  var(--#{$prefix}body-bg) !default;\n$modal-content-border-color:        var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width:        var(--#{$prefix}border-width) !default;\n$modal-content-border-radius:       var(--#{$prefix}border-radius-lg) !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       var(--#{$prefix}box-shadow-sm) !default;\n$modal-content-box-shadow-sm-up:    var(--#{$prefix}box-shadow) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n\n$modal-header-border-color:         var(--#{$prefix}border-color) !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-header-padding-y:            $modal-inner-padding !default;\n$modal-header-padding-x:            $modal-inner-padding !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg:                   null !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n\n$modal-sm:                          300px !default;\n$modal-md:                          500px !default;\n$modal-lg:                          800px !default;\n$modal-xl:                          1140px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer !default;\n$alert-padding-x:               $spacer !default;\n$alert-margin-bottom:           1rem !default;\n$alert-border-radius:           var(--#{$prefix}border-radius) !default;\n$alert-link-font-weight:        $font-weight-bold !default;\n$alert-border-width:            var(--#{$prefix}border-width) !default;\n$alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n// fusv-disable\n$alert-bg-scale:                -80% !default; // Deprecated in v5.2.0, to be removed in v6\n$alert-border-scale:            -70% !default; // Deprecated in v5.2.0, to be removed in v6\n$alert-color-scale:             40% !default; // Deprecated in v5.2.0, to be removed in v6\n// fusv-enable\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       var(--#{$prefix}secondary-bg) !default;\n$progress-border-radius:            var(--#{$prefix}border-radius) !default;\n$progress-box-shadow:               var(--#{$prefix}box-shadow-inset) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   $primary !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  var(--#{$prefix}body-color) !default;\n$list-group-bg:                     var(--#{$prefix}body-bg) !default;\n$list-group-border-color:           var(--#{$prefix}border-color) !default;\n$list-group-border-width:           var(--#{$prefix}border-width) !default;\n$list-group-border-radius:          var(--#{$prefix}border-radius) !default;\n\n$list-group-item-padding-y:         $spacer * .5 !default;\n$list-group-item-padding-x:         $spacer !default;\n// fusv-disable\n$list-group-item-bg-scale:          -80% !default; // Deprecated in v5.3.0\n$list-group-item-color-scale:       40% !default; // Deprecated in v5.3.0\n// fusv-enable\n\n$list-group-hover-bg:               var(--#{$prefix}tertiary-bg) !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         var(--#{$prefix}secondary-color) !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           var(--#{$prefix}secondary-color) !default;\n$list-group-action-hover-color:     var(--#{$prefix}emphasis-color) !default;\n\n$list-group-action-active-color:    var(--#{$prefix}body-color) !default;\n$list-group-action-active-bg:       var(--#{$prefix}secondary-bg) !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      var(--#{$prefix}body-bg) !default;\n$thumbnail-border-width:            var(--#{$prefix}border-width) !default;\n$thumbnail-border-color:            var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius:           var(--#{$prefix}border-radius) !default;\n$thumbnail-box-shadow:              var(--#{$prefix}box-shadow-sm) !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size !default;\n$figure-caption-color:              var(--#{$prefix}secondary-color) !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null !default;\n$breadcrumb-padding-y:              0 !default;\n$breadcrumb-padding-x:              0 !default;\n$breadcrumb-item-padding-x:         .5rem !default;\n$breadcrumb-margin-bottom:          1rem !default;\n$breadcrumb-bg:                     null !default;\n$breadcrumb-divider-color:          var(--#{$prefix}secondary-color) !default;\n$breadcrumb-active-color:           var(--#{$prefix}secondary-color) !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n$breadcrumb-divider-flipped:        $breadcrumb-divider !default;\n$breadcrumb-border-radius:          null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-opacity:         .5 !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-active-opacity:  1 !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n$carousel-caption-padding-y:         1.25rem !default;\n$carousel-caption-spacer:            1.25rem !default;\n\n$carousel-control-icon-width:        2rem !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg:  $black !default;\n$carousel-dark-caption-color:        $black !default;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default;\n// scss-docs-end carousel-dark-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em !default;\n$btn-close-height:           $btn-close-width !default;\n$btn-close-padding-x:        .25em !default;\n$btn-close-padding-y:        $btn-close-padding-x !default;\n$btn-close-color:            $black !default;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 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>\") !default;\n$btn-close-focus-shadow:     $focus-ring-box-shadow !default;\n$btn-close-opacity:          .5 !default;\n$btn-close-hover-opacity:    .75 !default;\n$btn-close-focus-opacity:    1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding !default;\n$offcanvas-padding-x:               $modal-inner-padding !default;\n$offcanvas-horizontal-width:        400px !default;\n$offcanvas-vertical-height:         30vh !default;\n$offcanvas-transition-duration:     .3s !default;\n$offcanvas-border-color:            $modal-content-border-color !default;\n$offcanvas-border-width:            $modal-content-border-width !default;\n$offcanvas-title-line-height:       $modal-title-line-height !default;\n$offcanvas-bg-color:                var(--#{$prefix}body-bg) !default;\n$offcanvas-color:                   var(--#{$prefix}body-color) !default;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .1875rem !default;\n$kbd-padding-x:                     .375rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         var(--#{$prefix}body-bg) !default;\n$kbd-bg:                            var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight:            null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color:                         null !default;\n","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: var(--#{$prefix}boxed-body-bg);\r\n    #layout-wrapper {\r\n        background-color:  var(--#{$prefix}body-bg);\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n        min-height: 100vh;\r\n    }\r\n\r\n    #page-topbar {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        @media (min-width: 992px) {\r\n            #layout-wrapper {\r\n                min-height: 1200px;\r\n            }\r\n        }\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n    #page-topbar, #layout-wrapper, .footer {\r\n        max-width: 100%;\r\n    }\r\n    .container-fluid, .navbar-header {\r\n        max-width: $boxed-layout-width;\r\n    }\r\n}\r\n\r\n// Scrollable layout\r\n\r\nbody[data-layout-scrollable=\"true\"] {\r\n    @media (min-width: 992px) {\r\n        #page-topbar, .vertical-menu{\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    &[data-layout=\"horizontal\"]{\r\n        @media (min-width: 992px) {\r\n            #page-topbar, .topnav{\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n","// \r\n// root.scss\r\n//\r\n\r\n@mixin color-mode($mode: light, $root: false) {\r\n    @if $color-mode-type ==\"media-query\" {\r\n        @if $root ==true {\r\n            @media (prefers-color-scheme: $mode) {\r\n                :root {\r\n                    @content;\r\n                }\r\n            }\r\n        }\r\n\r\n        @else {\r\n            @media (prefers-color-scheme: $mode) {\r\n                @content;\r\n            }\r\n        }\r\n    }\r\n\r\n    @else {\r\n        [data-bs-theme=\"#{$mode}\"] {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n//theme-light\r\n:root,\r\n[data-bs-theme=\"light\"] {\r\n    --#{$prefix}header-bg: #{$header-bg};\r\n    --#{$prefix}header-item-color: #{$header-item-color};\r\n    --#{$prefix}header-item-sub-color: #{$text-muted};\r\n\r\n\r\n    // vetical sidebar\r\n    --#{$prefix}sidebar-bg: #fbfaff;\r\n    --#{$prefix}sidebar-menu-item-color: #545a6d;\r\n    --#{$prefix}sidebar-menu-sub-item-color: #545a6d;\r\n    --#{$prefix}sidebar-menu-item-icon-color: #545a6d;\r\n    --#{$prefix}sidebar-menu-item-icon-effact-color: rgba(84, 90, 109, 0.2);\r\n    --#{$prefix}sidebar-menu-item-hover-color: #5156be;\r\n    --#{$prefix}sidebar-menu-item-hover-effact-color: rgba(81, 86, 190, 0.2);\r\n    --#{$prefix}sidebar-menu-item-active-color: #5156be;\r\n    --#{$prefix}sidebar-menu-item-active-effact-color: rgba(81, 86, 190, 0.2);\r\n    --#{$prefix}sidebar-border-color: #{$gray-200};\r\n    --#{$prefix}sidebar-menu-item-active-bg-color: #f3f8fb;\r\n    --#{$prefix}sidebar-menu-item-active-bg-color-dark: #293552;\r\n    --#{$prefix}sidebar-alert: rgba(81, 86, 190, 0.1);\r\n\r\n    // Vertical Sidebar - Dark\r\n    [data-sidebar=\"dark\"] {\r\n        --#{$prefix}sidebar-dark-bg: #2C302E;\r\n        --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\r\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #{$white};\r\n        --#{$prefix}sidebar-dark-menu-item-active-color: #{$white};\r\n    }\r\n\r\n    [data-topbar=\"light\"] {\r\n        --#{$prefix}topbar-search-bg: #{$gray-100};\r\n    }\r\n\r\n\r\n    // Topbar Search\r\n    --#{$prefix}topbar-search-bg: #f3f3f9;\r\n    --#{$prefix}topbar-dark-search-bg: #363a38;\r\n\r\n    --#{$prefix}search-width: 0px;\r\n    --#{$prefix}search-border-color: #e9e9ef;\r\n\r\n    --#{$prefix}boxed-body-bg: #{darken($body-bg, 4%)};\r\n\r\n    // Topbar User\r\n    --#{$prefix}topbar-search-bg: #{$gray-100};\r\n\r\n    // Horizontal nav\r\n    --#{$prefix}topnav-bg: #fbfaff;\r\n    --#{$prefix}topnav-item-color: #{$gray-400};\r\n    ;\r\n    --#{$prefix}topnav-item-color-active: #{$white};\r\n    --#{$prefix}menu-item-color: #7b8190;\r\n    --#{$prefix}menu-item-active-color: #5b73e8;\r\n\r\n    // twocolumn menu\r\n    --#{$prefix}twocolumn-menu-iconview-bg: #{$white};\r\n    --#{$prefix}twocolumn-menu-bg: #{$white};\r\n\r\n\r\n    [data-topbar=\"dark\"] {\r\n        --#{$prefix}header-bg: #{$gray-800};\r\n        --#{$prefix}header-item-color: #{$gray-100};\r\n        --#{$prefix}header-item-sub-color: #8795ab;\r\n        --#{$prefix}topbar-search-bg: #363a38;\r\n    }\r\n\r\n    &[data-topbar=\"brand\"] {\r\n        --#{$prefix}header-bg: #{$blue-700};\r\n        --#{$prefix}header-item-color: #{$gray-100};\r\n        --#{$prefix}header-item-sub-color: #{lighten($blue-100, 1.5%)};\r\n    }\r\n\r\n    // Footer\r\n    --#{$prefix}footer-bg: #{$white};\r\n    --#{$prefix}footer-color: #74788d;\r\n\r\n}\r\n\r\n\r\n\r\n//theme dark\r\n@if $enable-dark-mode {\r\n    @include color-mode(dark, true) {\r\n        --#{$prefix}light: #{$light-dark};\r\n        --#{$prefix}light-rgb: #{to-rgb($light-dark)};\r\n        --#{$prefix}dark: #{$gray-200};\r\n        --#{$prefix}dark-rgb: #{to-rgb($gray-200)};\r\n\r\n        --#{$prefix}header-bg: #{$header-bg-dark};\r\n        --#{$prefix}header-item-color: #{$header-item-color-dark};\r\n        --#{$prefix}header-item-sub-color: #{$text-muted};\r\n\r\n        .table-light {\r\n            --#{$prefix}table-color: #{lighten($light-dark, 80%)};\r\n            --#{$prefix}table-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-border-color: var(--#{$prefix}border-color);\r\n            --#{$prefix}table-striped-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-striped-color: #{lighten($light-dark, 100%)};\r\n            --#{$prefix}table-active-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-active-color: #{lighten($light-dark, 100%)};\r\n            --#{$prefix}table-hover-bg: var(--#{$prefix}tertiary-bg);\r\n            --#{$prefix}table-hover-color: #{lighten($light-dark, 100%)};\r\n        }\r\n\r\n        // Vertical sidebar \r\n        --#{$prefix}sidebar-bg: #{$gray-700};\r\n        --#{$prefix}sidebar-menu-item-color: #898fa9;\r\n        --#{$prefix}sidebar-menu-sub-item-color: #7b8198;\r\n        --#{$prefix}sidebar-menu-item-icon-color: #666b7f;\r\n        --#{$prefix}sidebar-menu-item-icon-effact-color: rgba(133, 141, 152, 0.2);\r\n        --#{$prefix}sidebar-menu-item-hover-color: #5b73e8;\r\n        --#{$prefix}sidebar-menu-item-hover-effact-color: rgba(255, 255, 255, 0.2);\r\n        --#{$prefix}sidebar-menu-item-active-color: #5b73e8;\r\n        --#{$prefix}sidebar-menu-item-active-effact-color: rgba(255, 255, 255, 0.2);\r\n        --#{$prefix}sidebar-border-color: #373c39;\r\n        --#{$prefix}sidebar-menu-item-active-bg-color: #34415d;\r\n        --#{$prefix}sidebar-menu-item-active-bg-color-dark: #343747;\r\n        --#{$prefix}sidebar-alert: #313533;\r\n\r\n        // Vertical Sidebar - Dark\r\n        --#{$prefix}sidebar-dark-bg: #2C302E;\r\n        --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\r\n        --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\r\n        --#{$prefix}sidebar-dark-menu-item-hover-color: #ffffff;\r\n        --#{$prefix}sidebar-dark-menu-item-active-color: #ffffff;\r\n    \r\n        &[data-topbar=\"light\"]{\r\n            --#{$prefix}topbar-search-bg: #{$gray-100};\r\n        }\r\n\r\n        &[data-sidebar=\"dark\"] {\r\n            --#{$prefix}sidebar-dark-bg: #2C302E;\r\n            --#{$prefix}sidebar-dark-menu-item-color: #99a4b1;\r\n            --#{$prefix}sidebar-dark-menu-sub-item-color: #858d98;\r\n            --#{$prefix}sidebar-dark-menu-item-icon-color: #858d98;\r\n            --#{$prefix}sidebar-dark-menu-item-hover-color: #{$white};\r\n            --#{$prefix}sidebar-dark-menu-item-active-color: #{$white};\r\n        }\r\n\r\n        // Topbar Search \r\n        --#{$prefix}search-width: 1px;\r\n        --#{$prefix}search-border-color: #3b403d;\r\n        --#{$prefix}topbar-search-bg: #363a38;\r\n\r\n        // footer\r\n        --#{$prefix}footer-bg: #{$gray-700};\r\n        --#{$prefix}footer-color: #adb5bd;\r\n        --#{$prefix}footer-border-color: #{$border-color-dark};\r\n\r\n        //Horizontal \r\n        --#{$prefix}topnav-bg: #373c39;\r\n        --#{$prefix}topnav-item-color: #{$gray-400};\r\n        --#{$prefix}topnav-item-color-active: #{$white};\r\n        --#{$prefix}menu-item-color: #99a4b1;\r\n        --#{$prefix}menu-item-active-color: #ffffff;\r\n\r\n        --#{$prefix}input-bg: #{lighten($gray-700, 4)};\r\n        --#{$prefix}accordion-button-active-bg: #3b403d;\r\n        --#{$prefix}boxed-body-bg: #3b403d;\r\n\r\n    }\r\n}","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","//\n// 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  ","//\r\n// Forms.scss\r\n//\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n  &::placeholder {\r\n    text-align: left\r\n      /*rtl: right*/\r\n    ;\r\n  }\r\n}\r\n\r\n.form-check {\r\n  position: relative;\r\n  text-align: left\r\n    /*rtl: right*/\r\n  ;\r\n}\r\n\r\n// checkbox input right\r\n\r\n.form-check-right {\r\n  padding-left: 0;\r\n  display: inline-block;\r\n  padding-right: $form-check-padding-start;\r\n\r\n  .form-check-input {\r\n    float: right;\r\n    margin-left: 0;\r\n    margin-right: $form-check-padding-start * -1;\r\n  }\r\n\r\n  .form-check-label {\r\n    display: block;\r\n  }\r\n}\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline {\r\n  .form-check-input {\r\n    border-width: 2px;\r\n    background-color: $card-bg;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: -4px !important;\r\n        left: 1px;\r\n        /*rtl: -4px */\r\n        font-size: 16px;\r\n        color: $dark;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// radio\r\n\r\n.form-radio-outline {\r\n  .form-check-input {\r\n    background-color: $card-bg;\r\n    position: relative;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        top: 3px !important;\r\n        left: 3px;\r\n        width: 5px;\r\n        height: 5px;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// checkbox color\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .form-check-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-radio-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        border-color: $value;\r\n        background-color: $value;\r\n\r\n        &:after {\r\n          background-color: $value;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.form-check,\r\n.form-check-input,\r\n.form-check-label {\r\n  cursor: pointer;\r\n  margin-bottom: 0;\r\n}\r\n\r\n// Switch sizes\r\n\r\n.form-switch-md {\r\n  font-size: 20px;\r\n  min-height: 26px;\r\n  line-height: 26px;\r\n\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.form-switch-lg {\r\n  font-size: 26px;\r\n  min-height: 36px;\r\n  line-height: 36px;\r\n\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.input-group-text {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n\r\n.custom-control-label::before {\r\n  background-color: $input-bg;\r\n}\r\n\r\n[data-bs-theme =\"dark\"] {\r\n  .form-select {\r\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>\"));\r\n  }\r\n\r\n  .form-switch {\r\n\r\n    .form-check-input,\r\n    .form-check-input:focus {\r\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>\"));\r\n    }\r\n  }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] {\r\n  input {\r\n    text-align: end;\r\n  }\r\n}","// \r\n// Widgets.scss\r\n// \r\n\r\n.widget-box-1-icon {\r\n    position: absolute;\r\n    right: -15px;\r\n    top: -25px;\r\n    font-size: 5rem;\r\n    opacity: 0.1;\r\n}\r\n\r\n.widget-carousel{\r\n    .carousel-indicators{\r\n        margin: 0px auto;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n// activity widget\r\n\r\n.activity-border {\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 80px;\r\n        border-left: 2px dashed var(--#{$prefix}gray-400);\r\n        top: 40px;\r\n        left: 2px;\r\n    }\r\n}\r\n\r\n.activity-wid {\r\n    margin-left: 16px;\r\n\r\n    .activity-list {\r\n        position: relative;\r\n        padding: 0 0 20px 45px;\r\n\r\n        .activity-icon {\r\n            position: absolute;\r\n            left: -20px;\r\n            top: -3px;\r\n            z-index: 2;\r\n            background: var(--#{$prefix}card-bg);\r\n            img {\r\n                border: 5px solid $card-bg;\r\n            }\r\n            span {\r\n                border: 5px solid var(--#{$prefix}card-bg);\r\n            }\r\n        }\r\n        &:last-child {\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n\r\n\r\n.grid-example{\r\n  background-color: rgba($primary, 0.05);\r\n  border-radius: 5px;\r\n  font-weight: $font-weight-medium;\r\n  padding: 10px 20px;\r\n  font-size: .8rem;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n  }\r\n\r\n[dir=\"rtl\"]{\r\n  .modal-open{\r\n    padding-left: 0px !important;\r\n  }\r\n}\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    color: var(--#{$prefix}gray-500);\r\n  \r\n    i{\r\n      display: inline-flex;\r\n      width: 40px;\r\n      height: 40px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 20px;\r\n      color: var(--#{$prefix}tertiary-600);\r\n      transition: all 0.4s;\r\n      border: 1px solid var(--#{$prefix}border-color);\r\n      border-radius: 50%;\r\n      margin-right: 16px;\r\n      vertical-align: middle;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i {\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n        }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n\r\n// card radio\r\n\r\n.card-radio{\r\n  background-color: $card-bg;\r\n  border: 2px solid $card-border-color;\r\n  border-radius: $border-radius;\r\n  padding: 1rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n\r\n  &:hover{\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.card-radio-label{\r\n  display: block;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n  display: none;\r\n  &:checked + .card-radio {\r\n    border-color: $primary !important;\r\n  }\r\n}\r\n\r\n.spin-left:before {\r\n  animation: spin-left 2s infinite linear;\r\n}\r\n\r\n.spin-right:before {\r\n  animation: spin-right 2s infinite linear;\r\n}\r\n\r\n@keyframes spin-left {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(-359deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes spin-right {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(359deg);\r\n    transform: rotate(359deg);\r\n  }\r\n}\r\n","// \r\n// print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n    .vertical-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-header,\r\n    .footer {\r\n        display: none !important;\r\n    }\r\n    .card-body,\r\n    .main-content,\r\n    .right-bar,\r\n    .page-content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .card{\r\n        border: 0;\r\n    }\r\n}","// Z-index\r\n.z-index {\r\n    position: relative;\r\n\r\n    .box-2 {\r\n        top: 13px;\r\n        left: 16px;\r\n    }\r\n\r\n    .box-3 {\r\n        top: 25px;\r\n        left: 31px;\r\n    }\r\n\r\n    .box-4 {\r\n        top: 39px;\r\n        left: 45px;\r\n    }\r\n\r\n    .box-5 {\r\n        top: 52px;\r\n        left: 59px;\r\n    }\r\n}","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 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}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n.fc td,\r\n.fc th {\r\n    border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n.fc {\r\n    .fc-toolbar {\r\n        h2 {\r\n            font-size: 16px;\r\n            line-height: 30px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fc-left,\r\n            .fc-right,\r\n            .fc-center {\r\n                float: none;\r\n                display: block;\r\n                text-align: center;\r\n                clear: both;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            > * > * {\r\n                float: none;\r\n            }\r\n\r\n            .fc-today-button {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            text-transform: capitalize;\r\n        }\r\n    }\r\n}\r\n\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        color: $gray-700;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-bold;\r\n    }\r\n}\r\n\r\n.fc-unthemed {\r\n    .fc-content,\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-list-view,\r\n    .fc-popover,\r\n    .fc-row,\r\n    tbody,\r\n    td,\r\n    th,\r\n    thead {\r\n        border-color: $gray-300;\r\n    }\r\n\r\n    td.fc-today {\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n}\r\n\r\n.fc-button {\r\n    background: $card-bg;\r\n    border-color: var(--#{$prefix}border-color);\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    padding: 6px 12px !important;\r\n    height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n    background-color: $primary;\r\n    color: $white;\r\n    text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n    border-radius: 2px;\r\n    border: none;\r\n    cursor: move;\r\n    font-size: 0.8125rem;\r\n    margin: 5px 7px;\r\n    padding: 5px 5px;\r\n    text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-event .fc-content {\r\n    color: $white;\r\n}\r\n\r\n#external-events {\r\n    .external-event {\r\n        text-align: left;\r\n        padding: 8px 16px;\r\n    }\r\n}\r\n\r\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\r\n    .fc-content {\r\n        color: var(--#{$prefix}light);\r\n    }\r\n}\r\n\r\n.fc .fc-button-primary {\r\n    background-color: var(--#{$prefix}primary) !important;\r\n    border-color: var(--#{$prefix}primary) !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.fc-scrollgrid {\r\n    border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.fc-theme-standard .fc-list-day-cushion {\r\n    background-color: var(--#{$prefix}tertiary-bg) !important;\r\n}\r\n\r\n.fc-theme-standard .fc-list {\r\n    border: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n.fc-daygrid-event-dot{\r\n    display: none !important;\r\n}\r\n.fc-event{\r\n    justify-content: center;\r\n    &.fc-event-draggable{\r\n        text-align: center;\r\n        color: $white !important;\r\n    }\r\n\r\n    .fc-event-title{\r\n        flex-grow: 0 !important;\r\n    }\r\n}\r\n\r\n\r\n.fc .fc-daygrid-day.fc-day-today{\r\n    background-color: $info-bg-subtle !important;\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] {\r\n    .fc-header-toolbar {\r\n        direction: ltr !important;\r\n    }\r\n\r\n    .fc-toolbar > * > :not(:first-child) {\r\n        margin-left: 0.75em;\r\n    }\r\n}\r\n\r\n.fc-toolbar {\r\n    @media (max-width: 575.98px) {\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n// dark \r\n[data-bs-theme=\"dark\"] {\r\n    .fc-scrollgrid {\r\n        border-color: #383d3e !important;\r\n    }\r\n    .fc-event.bg-dark {\r\n        background-color: #171c1c !important;\r\n    }\r\n}\r\n","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n    .close {\r\n        display: none;\r\n    }\r\n\r\n    .countdown-holder {\r\n        color: $danger;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $white;\r\n        color: $danger;\r\n        box-shadow: none;\r\n    }\r\n}","//\r\n// Range slider\r\n//\r\n\r\n.noUi-connect {\r\n    background: $info;\r\n}\r\n\r\n.noUi-handle {\r\n    border-color: var(--#{$prefix}light);\r\n    background: var(--#{$prefix}card-bg);\r\n    box-shadow: inset 0 0 1px $white, inset 0 1px 7px var(--#{$prefix}light), 0 3px 6px -3px var(--#{$prefix}light) !important; \r\n}\r\n\r\n.noUi-horizontal {\r\n    height: 8px;\r\n    .noUi-handle {\r\n        height: 20px;\r\n        width: 20px;\r\n        border-radius: 50%;\r\n        right: -10px;\r\n        top: -7px;\r\n\r\n        &::before,\r\n        &::after {\r\n            display: none;\r\n        }\r\n        &:focus {\r\n            outline: 0;\r\n        }       \r\n    }\r\n}\r\n.noUi-connects, .noUi-touch-area {\r\n    cursor: pointer;\r\n    \r\n}\r\n.noUi-pips-horizontal {\r\n    height: 50px;\r\n}\r\n\r\n.noUi-vertical {\r\n    width: 8px;\r\n    .noUi-handle {\r\n        height: 20px;\r\n        width: 20px;\r\n        right: -7px;\r\n        top: -12px;\r\n        border-radius: 50%;\r\n        &::before,\r\n        &::after {\r\n            display: none;\r\n        }\r\n        &:focus {\r\n            outline: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.noUi-value {\r\n    font-size: 12px;\r\n}\r\n\r\n.noUi-marker-horizontal {\r\n    &.noUi-marker-large {\r\n        height: 6px;\r\n    }\r\n\r\n    &.noUi-marker {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.noUi-target {\r\n    background-color: var(--#{$prefix}light);\r\n    border-color: var(--#{$prefix}light);\r\n    box-shadow: inset 0 1px 1px var(--#{$prefix}light), 0 3px 6px -5px var(--#{$prefix}light);\r\n}\r\n\r\n\r\n\r\n.noUi-touch-area {\r\n    &:focus {\r\n        outline: 0;\r\n    }\r\n}\r\n\r\n// Colorpicker\r\n\r\n#red,\r\n#green,\r\n#blue {\r\n    margin: 10px;\r\n    display: inline-block;\r\n    height: 200px;\r\n}\r\n\r\n#colorpicker {\r\n    height: 240px;\r\n    width: 310px;\r\n    margin: 0 auto;\r\n    padding: 10px;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n#result {\r\n    margin: 60px 26px;\r\n    height: 100px;\r\n    width: 100px;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n    box-shadow: 0 0 3px;\r\n    border-radius: 7px;\r\n}\r\n\r\n#red {\r\n    .noUi-connect {\r\n        background: $danger;\r\n    }\r\n}\r\n\r\n#green {\r\n    .noUi-connect {\r\n        background: $success;\r\n    }\r\n}\r\n\r\n#blue {\r\n    .noUi-connect {\r\n        background: $primary;\r\n    }\r\n}\r\n\r\n// Adding keyboard support\r\n\r\n.form-control {\r\n    &.keyboard {\r\n        max-width: 340px !important;\r\n    }\r\n}\r\n\r\n// Using HTML5 input elements\r\n\r\n#input-select,\r\n#input-number {\r\n    padding: 7px;\r\n    margin: 15px 5px 5px;\r\n    width: 70px;\r\n}\r\n\r\n// Non linear slider\r\n\r\n.example-val {\r\n    font-size: 12px;\r\n    color: $text-muted;\r\n    display: block;\r\n    margin: 15px 0;\r\n    &:before {\r\n        content: \"Value: \";\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n    }\r\n}\r\n\r\n// showing tooltips\r\n\r\n.noUi-tooltip {\r\n    display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n    display: block;\r\n}\r\n\r\n// Colored Connect Elements\r\n\r\n.c-1-color {\r\n    background: $danger;\r\n}\r\n.c-2-color {\r\n    background: $warning;\r\n}\r\n.c-3-color {\r\n    background: $success;\r\n}\r\n.c-4-color {\r\n    background: $primary;\r\n}\r\n.c-5-color {\r\n    background: $purple;\r\n}\r\n\r\n//  slider togle\r\n\r\n#slider-toggle {\r\n    height: 50px;\r\n    &.off {\r\n        .noUi-handle {\r\n            border-color: $danger;\r\n        }\r\n    }\r\n}\r\n\r\n","\r\n//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 22px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n  .swal2-html-container{\r\n    color: var(--#{$prefix}body-color) !important;\r\n  }\r\n  .swal2-popup{\r\n    background-color: var(--#{$prefix}secondary-bg);\r\n  }\r\n}\r\n\r\n.swal2-modal{\r\n  font-size: 14px;\r\n}\r\n\r\n.swal2-icon{\r\n  &.swal2-question{\r\n    border-color: $info;\r\n    color: $info;\r\n  }\r\n  &.swal2-success {\r\n    [class^=swal2-success-line]{\r\n      background-color: $success;\r\n    }\r\n\r\n    .swal2-success-ring{\r\n      border-color: rgba($success, 0.3);\r\n    }\r\n  }\r\n  &.swal2-warning{\r\n    border-color: $warning;\r\n    color: $warning;\r\n  }\r\n}\r\n\r\n.swal2-styled{\r\n  &:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\r\n    background: $primary;\r\n    &.swal2-active-progress-step{\r\n      background: $primary;\r\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n        background: rgba($primary, 0.3);\r\n      }\r\n    }\r\n  }\r\n\r\n  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-loader{\r\n  border-color: $primary transparent $primary transparent;\r\n}","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n.alertify {\r\n    .ajs-body {\r\n        .ajs-content {\r\n            .ajs-input{\r\n                color: var(--#{$prefix}gray-600);\r\n                background-color: var(--#{$prefix}secondary-bg);\r\n                border: 1px solid  var(--#{$prefix}gray-300);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.alertify {\r\n    .ajs-footer {\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                color:  var(--#{$prefix}gray-500);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.alertify {\r\n    .ajs-header{\r\n        font-weight: $font-weight-medium;\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n    }\r\n    .ajs-body{\r\n        color:  var(--#{$prefix}gary-600);\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: var(--#{$prefix}secondary-bg);\r\n            color:  var(--#{$prefix}gary-600);\r\n            border-bottom: var(--#{$prefix}border-color) 1px solid; \r\n            border-top: var(--#{$prefix}border-color) 1px solid; \r\n        }\r\n    }\r\n\r\n    .ajs-footer {\r\n        background-color: var(--#{$prefix}secondary-bg);\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                font-weight: $font-weight-medium;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n\r\n            &.ajs-primary{\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ajs-body .ajs-content .ajs-input:focus-visible{\r\n        outline: none;\r\n    }\r\n\r\n    .ajs-commands{\r\n        right: 4px;\r\n        left: auto;\r\n        margin: -14px 0 0 24px;\r\n\r\n        .ajs-header{\r\n            background-color: var(--#{$prefix}secondary-bg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n    .ajs-message{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n        text-shadow: none !important;\r\n        &.ajs-success{\r\n            background-color: $success;\r\n            border-color: $success;\r\n        }\r\n        &.ajs-error{\r\n            background-color: $danger;\r\n            border-color: $danger;\r\n        }\r\n        &.ajs-warning{\r\n            background-color: $warning;\r\n            border-color: $warning;\r\n        }\r\n    }\r\n\r\n\r\n    &.ajs-right {\r\n        right: 10px;\r\n        left: auto;\r\n        .ajs-message {\r\n            right: -320px;\r\n            left: auto;\r\n            &.ajs-visible {\r\n                right: 290px;\r\n                left: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.ajs-left {\r\n        left: 10px;\r\n        right: auto;\r\n        .ajs-message {\r\n            left: -300px;\r\n            right: auto;\r\n            &.ajs-visible {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n","\r\n//\r\n// Pristine\r\n//\r\n\r\n.pristine-error {\r\n  margin-top: 2px;\r\n  color: $danger;\r\n}\r\n\r\n.has-success{\r\n  .form-control {\r\n    border-color: $success;\r\n  }\r\n}\r\n\r\n.has-danger{\r\n  .form-control {\r\n    border-color: $danger;\r\n  }\r\n}","//\r\n// choices\r\n//\r\n\r\n.choices__inner {\r\n  background-color: var(--#{$prefix}input-bg);\r\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\r\n  background-color: $form-select-bg;\r\n  vertical-align: middle;\r\n  border-radius: $form-select-border-radius;\r\n  border: $form-select-border-width solid $form-select-border-color;\r\n  min-height: 38px;\r\n  border: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.choices__heading{\r\n  border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.is-focused .choices__inner, .is-open .choices__inner{\r\n  border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n// .choices__inner {\r\n//   color: $gray-dark-500;\r\n \r\n//   \r\n// }\r\n\r\n.choices__list--dropdown{\r\n  border-color: var(--#{$prefix}border-color) !important;\r\n}\r\n\r\n\r\n\r\n.choices[data-type*=select-one] .choices__input{\r\n  background-color:  var(--#{$prefix}input-bg) !important;\r\n  border-color: var(--#{$prefix}border-color);\r\n}\r\n\r\n.choices[data-type*=\"select-one\"] {\r\n  .choices__inner {\r\n    padding-bottom: 0.25rem;\r\n    background-color:  var(--#{$prefix}input-bg) !important;\r\n  }\r\n  .choices__button {\r\n    right: 0;\r\n    left: auto;\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n\r\n\r\n  \r\n\r\n  &:after {\r\n    border-color: var(--#{$prefix}dark) transparent transparent;\r\n    right: 11.5px;\r\n    left: auto;\r\n  }\r\n\r\n  &.is-open:after {\r\n    border-color: transparent transparent var(--#{$prefix}dark);\r\n  }\r\n}\r\n\r\n.choices__input {\r\n  background-color: var(--#{$prefix}input-bg) ;\r\n  margin-bottom: 0;\r\n  color: var(--#{$prefix}gray-600);\r\n}\r\n\r\n.choices__list--multiple {\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  .choices__item {\r\n    background-color: $primary;\r\n    border-color: $primary;\r\n    margin-bottom: 0;\r\n    font-weight: $font-weight-normal;\r\n    &.is-highlighted {\r\n      background-color: $primary;\r\n      border: 1px solid $primary;\r\n    }\r\n  }\r\n}\r\n\r\n.choices.is-disabled {\r\n  .choices__inner,\r\n  .choices__input {\r\n    background-color: var(--#{$prefix}light) ;\r\n  }\r\n}\r\n\r\n.is-disabled .choices__list--multiple {\r\n  .choices__item {\r\n    background-color: $secondary;\r\n    border-color: $secondary;\r\n  }\r\n}\r\n\r\n.choices[data-type*=\"select-multiple\"],\r\n.choices[data-type*=\"text\"] {\r\n  .choices__button {\r\n    border-left: 1px solid rgba($white, 0.5);\r\n    margin: 0 -4px 0 8px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n.choices__list--dropdown {\r\n  background-color: var(--#{$prefix}body-bg) !important ;\r\n  border: 1px solid var(--#{$prefix}border-color);\r\n\r\n  .choices__item--selectable {\r\n    &.is-highlighted {\r\n      background-color: var(--#{$prefix}gray-300) ;\r\n    }\r\n  }\r\n}\r\n\r\n","//\r\n//  Sweetalert2\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n  &:before {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 4px;\r\n  }\r\n}\r\n","\r\n//\r\n// colorpicker.scss\r\n//\r\n\r\n.pcr-app{\r\n  background: var(--#{$prefix}card-bg);\r\n}\r\n\r\n.pcr-app[data-theme=classic]{\r\n  .pcr-selection {\r\n    .pcr-color-preview{\r\n      margin-right: .75em;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .pcr-color-chooser, .pcr-color-opacity{\r\n      margin-left: .75em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n","//\r\n// Datepicker\r\n//\r\n// flatpickr\r\n\r\n.flatpickr-input {\r\n    &[readonly] {\r\n        background-color: $input-bg;\r\n    }\r\n}\r\n\r\n.flatpickr-months,\r\n.flatpickr-weekdays {\r\n    background-color: $primary;\r\n}\r\n\r\nspan.flatpickr-weekday {\r\n    color: $white;\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.flatpickr-current-month {\r\n    .flatpickr-monthDropdown-months {\r\n        &:hover {\r\n            background-color: transparent !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-am-pm,\r\n.numInput,\r\n.numInputWrapper {\r\n    &:focus,\r\n    &:hover {\r\n        background-color: transparent !important;\r\n    }\r\n}\r\n\r\n.flatpickr-weekdays {\r\n    height: 36px !important;\r\n    border-bottom: 1px solid var(--#{$prefix}border-color);\r\n}\r\n\r\n.flatpickr-day {\r\n    color: var(--#{$prefix}dark) !important;\r\n    &:hover,\r\n    &:focus {\r\n        background-color: rgba($light, 0.7) !important;\r\n    }\r\n    &.today {\r\n        border-color: $primary !important;\r\n        background-color: rgba($primary, 0.1);\r\n        &:hover,\r\n        &:focus {\r\n            color: var(--#{$prefix}dark) !important;\r\n            background-color: rgba($primary, 0.15) !important;\r\n        }\r\n    }\r\n    &.selected {\r\n        background-color: $primary !important;\r\n        border-color: $primary !important;\r\n        color: $white !important;\r\n    }\r\n\r\n    &.flatpickr-disabled,\r\n    &.flatpickr-disabled:hover,\r\n    &.prevMonthDay,\r\n    &.nextMonthDay,\r\n    &.notAllowed,\r\n    &.notAllowed.prevMonthDay,\r\n    &.notAllowed.nextMonthDay {\r\n        color: var(--#{$prefix}gray-400) !important;\r\n    }\r\n\r\n    &.inRange,\r\n    &.prevMonthDay.inRange,\r\n    &.nextMonthDay.inRange,\r\n    &.today.inRange,\r\n    &.prevMonthDay.today.inRange,\r\n    &.nextMonthDay.today.inRange,\r\n    &:hover,\r\n    &.prevMonthDay:hover,\r\n    &.nextMonthDay:hover,\r\n    &:focus,\r\n    &.prevMonthDay:focus,\r\n    &.nextMonthDay:focus {\r\n        background-color: var(--#{$prefix}light) !important;\r\n        border-color: var(--#{$prefix}light) !important;\r\n    }\r\n    &.inRange {\r\n        box-shadow: -5px 0 0 $light, 5px 0 0 $light;\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month,\r\n    .flatpickr-month {\r\n        color: rgba($white, 0.9) !important;\r\n        fill: rgba($white, 0.9) !important;\r\n    }\r\n}\r\n\r\n.flatpickr-monthDropdown-month {\r\n    color: rgba($black, 0.8);\r\n}\r\n.flatpickr-current-month {\r\n    input.cur-year {\r\n        &[disabled],\r\n        &[disabled]:hover {\r\n            color: rgba($white, 0.9) !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-time {\r\n    input,\r\n    .flatpickr-time-separator,\r\n    .flatpickr-am-pm {\r\n        color: var(--#{$prefix}$gray-200) !important;\r\n    }\r\n}\r\n\r\n.flatpickr-calendar {\r\n    background-color: var(--#{$prefix}body-bg) !important;\r\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),\r\n        0 3px 13px rgba(0, 0, 0, 0.08) !important;\r\n    &.hasTime {\r\n        .flatpickr-time {\r\n            border-top: 1px solid var(--#{$prefix}border-color) !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    border-radius: 5px 5px 0px 0px;\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month {\r\n        &:hover {\r\n            svg {\r\n                fill: rgba($white, 0.9) !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n","//\r\n// Form editors.scss\r\n//\r\n\r\n// CK Editor\r\n\r\n// ck-editor\r\n\r\n.ck-editor__editable {\r\n    min-height: 250px !important;\r\n  }\r\n  \r\n  .ck{\r\n    &.ck-reset_all, &.ck-reset_all *{\r\n      color: var(--#{$prefix}body-color) !important;\r\n    }\r\n  \r\n    &.ck-editor__main>.ck-editor__editable:not(.ck-focused){\r\n      border-color: $input-border-color !important;\r\n    }\r\n  \r\n    &.ck-toolbar{\r\n      background-color: var(--#{$prefix}light) !important;\r\n      border-color: $input-border-color !important;\r\n  \r\n      .ck.ck-toolbar__separator{\r\n        background-color: $input-border-color !important;\r\n      }\r\n    }\r\n  \r\n    &.ck-tooltip .ck-tooltip__text{\r\n      background-color: $dark !important;\r\n      color: $light !important;\r\n    }\r\n  \r\n    &.ck-editor__main>.ck-editor__editable, &.ck-list{\r\n      background-color: var(--#{$prefix}card-bg) !important;\r\n    }\r\n  \r\n    &.ck-dropdown__panel{\r\n      border-color: var(--#{$prefix}border-color) !important;\r\n    }\r\n    &.ck-responsive-form{\r\n      background-color: var(--#{$prefix}card-bg) !important;\r\n    }\r\n    &.ck-input-text{\r\n      background-color: var(--#{$prefix}light) !important;\r\n    }\r\n    &.ck-dropdown__panel{\r\n      background-color: var(--#{$prefix}card-bg) !important;\r\n    }\r\n    \r\n  }\r\n  \r\n  \r\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{\r\n    background-color: var(--#{$prefix}light) !important;\r\n  }\r\n  \r\n  \r\n  \r\n\r\n[dir=\"rtl\"] {\r\n    .ck.ck-toolbar > .ck-toolbar__items {\r\n        flex-direction: row-reverse;\r\n    }\r\n}\r\n\r\n\r\n// dark\r\n[data-bs-theme =\"dark\"]{\r\n  .ck{\r\n    &.ck-editor__main>.ck-editor__editable{\r\n      background-color: var(--#{$prefix}body-bg) !important;\r\n    }\r\n  }\r\n}","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed var(--#{$prefix}border-color);\r\n  background:  var(--#{$prefix}card-bg);\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n    width: 100%;\r\n  }\r\n}\r\n","//\r\n// Form Wizard\r\n//\r\n\r\n// twitter-bs-wizard\r\n\r\n.twitter-bs-wizard{\r\n  .twitter-bs-wizard-nav{\r\n\r\n    .step-icon{\r\n      display: inline-block;\r\n      width: 56px;\r\n      height: 56px;\r\n      line-height: 54px;\r\n      border: 1px solid rgba($primary, 0.2);\r\n      color: $primary;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      position: relative;\r\n      z-index: 1;\r\n      font-size: 20px;\r\n\r\n      @media (max-width: 575.98px) {\r\n        width: 40px;\r\n        height: 40px;\r\n        line-height: 38px;\r\n      }\r\n    }\r\n\r\n    .step-title{\r\n      margin-left: 6px;\r\n    }\r\n\r\n    .nav-item{\r\n      &:last-child{\r\n        .nav-link{\r\n          &::after{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .nav-link{\r\n        &.done{\r\n          .step-icon{\r\n            background-color: $primary;\r\n            color: $white;\r\n          }\r\n          .uil{\r\n            &:before{\r\n              content: \"\\e9c3\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .nav-link{\r\n      font-size: 14px;\r\n      position: relative;\r\n      @media (max-width: 575.98px) {\r\n        padding: 0.5rem;\r\n      }\r\n      &::after{\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 75%;\r\n        height: 2px;\r\n        background-color: var(--#{$prefix}border-color);\r\n        left: 62%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        @media (max-width: 575.98px) {\r\n          display: none;\r\n        }\r\n      }\r\n      &.active{\r\n        color: $gray-700;\r\n        background-color: transparent;\r\n\r\n        .step-icon{\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n          border-color: rgba($primary, 0.2);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  .twitter-bs-wizard-pager-link{\r\n    padding-top: 24px;\r\n      padding-left: 0;\r\n      list-style: none;\r\n      margin-bottom: 0;\r\n      li{\r\n        display: inline-block;\r\n\r\n        &.next{\r\n          float: right;\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n.twitter-bs-wizard-tab-content{\r\n  padding-top: 24px;\r\n  min-height: 262px;\r\n}\r\n\r\n// Lightbox\r\n\r\n.gslide{\r\n  .gdesc-inner{\r\n    background-color: var(--#{$prefix}secondary-bg) !important;\r\n\r\n      .gslide-title{\r\n        color: var(--#{$prefix}body-color) !important;\r\n      }\r\n  }\r\n}\r\n\r\n","/* \r\nDatatable\r\n*/\r\n\r\n// datatable\r\n\r\ndiv.dataTables_wrapper {\r\n    div.dataTables_filter {\r\n        text-align: right;\r\n\r\n        @media (max-width: 767px) {\r\n            text-align: center;\r\n        }\r\n\r\n\r\n        input {\r\n            margin-left: 0.5em;\r\n            margin-right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.table,\r\ntable {\r\n    &.dataTable {\r\n        &.dtr-inline.collapsed>tbody>tr>td {\r\n            position: relative;\r\n\r\n            &.dtr-control {\r\n                padding-left: 30px;\r\n\r\n                &:before {\r\n                    top: 50%;\r\n                    left: 5px;\r\n                    height: 14px;\r\n                    width: 14px;\r\n                    margin-top: -9px;\r\n                    display: block;\r\n                    position: absolute;\r\n                    color: $white;\r\n                    border: 2px solid $white;\r\n                    border-radius: 14px;\r\n                    box-sizing: content-box;\r\n                    text-align: center;\r\n                    text-indent: 0 !important;\r\n                    line-height: 14px;\r\n                    content: '+';\r\n                    background-color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        >thead {\r\n            >tr {\r\n\r\n                >th,\r\n                >td {\r\n                    &:not(.sorting_disabled) {\r\n                        padding-right: 30px;\r\n                        padding-left: 12px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .sorting,\r\n            .sorting_asc,\r\n            .sorting_desc,\r\n            .sorting_asc_disabled,\r\n            .sorting_desc_disabled {\r\n                &::before {\r\n                    right: 1em;\r\n                    left: auto;\r\n                }\r\n\r\n                &::after {\r\n                    right: .5em;\r\n                    left: auto;\r\n                }\r\n            }\r\n        }\r\n\r\n    \r\n       \r\n    }\r\n    \r\n}\r\ndiv.dataTables_wrapper div.dataTables_info  {\r\n    padding-top: 0.85em;\r\n    padding-bottom: 0.85em;\r\n}\r\n\r\n","//\r\n// Responsive Table\r\n//\r\n\r\n.table-rep-plugin {\r\n    .btn-toolbar {\r\n        display: block;\r\n    }\r\n\r\n    .table-responsive {\r\n        border: none !important;\r\n    }\r\n\r\n    .btn-group {\r\n        .btn-default {\r\n            background-color: $secondary;\r\n            color: $light;\r\n            border: 1px solid $secondary;\r\n\r\n            &.btn-primary {\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n                color: $white;\r\n                box-shadow: 0 0 0 2px rgba($primary, 0.5);\r\n            }\r\n        }\r\n\r\n        &.pull-right {\r\n            float: right;\r\n\r\n            .dropdown-menu {\r\n                right: 0;\r\n                transform: none !important;\r\n                top: 100% !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        th {\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n        }\r\n    }\r\n\r\n        .checkbox-row {\r\n            padding-left: 40px;\r\n            color: var(--#{$prefix}gray-400) !important;\r\n        \r\n            &:hover{\r\n              background-color: var(--#{$prefix}gray-200) !important;\r\n            }\r\n\r\n        label {\r\n            display: inline-block;\r\n            padding-left: 5px;\r\n            position: relative;\r\n\r\n            &::before {\r\n                -o-transition: 0.3s ease-in-out;\r\n                -webkit-transition: 0.3s ease-in-out;\r\n                background-color: $gray-300;\r\n                border-radius: 3px;\r\n                border: 1px solid $gray-400;\r\n                content: \"\";\r\n                display: inline-block;\r\n                height: 17px;\r\n                left: 0;\r\n                margin-left: -20px;\r\n                position: absolute;\r\n                transition: 0.3s ease-in-out;\r\n                width: 17px;\r\n                outline: none !important;\r\n            }\r\n\r\n            &::after {\r\n                color: $gray-200;\r\n                display: inline-block;\r\n                font-size: 11px;\r\n                height: 16px;\r\n                left: 0;\r\n                margin-left: -20px;\r\n                padding-left: 3px;\r\n                padding-top: 1px;\r\n                position: absolute;\r\n                top: -1px;\r\n                width: 16px;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"] {\r\n            cursor: pointer;\r\n            opacity: 0;\r\n            z-index: 1;\r\n            outline: none !important;\r\n\r\n            &:disabled+label {\r\n                opacity: 0.65;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:focus+label {\r\n            &::before {\r\n                outline-offset: -2px;\r\n                outline: none;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:checked+label {\r\n            &::after {\r\n                content: \"\\f00c\";\r\n                font-family: \"Font Awesome 5 Free\";\r\n                font-weight: 900;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:disabled+label {\r\n            &::before {\r\n                background-color: $gray-100;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:checked+label {\r\n            &::before {\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n            }\r\n\r\n            &::after {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fixed-solution {\r\n        .sticky-table-header {\r\n            top: $header-height !important;\r\n            background-color: $primary;\r\n\r\n            table {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n\r\n    table.focus-on tbody tr.focused th,\r\n    table.focus-on tbody tr.focused td,\r\n    .sticky-table-header {\r\n        background: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n\r\n        table {\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    @media (min-width: 992px) {\r\n        .fixed-solution {\r\n            .sticky-table-header {\r\n                top: $header-height + 50px !important;\r\n            }\r\n        }\r\n    }\r\n}","\r\n//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n  input, select{\r\n    height: $input-height-sm;\r\n    padding: $input-padding-y-sm $input-padding-x-sm;\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    color: $input-color;\r\n    border-radius: $input-border-radius;\r\n    &:focus{\r\n      outline: none;\r\n      border-color: $input-focus-border-color;\r\n    }\r\n  }\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: var(--#{$prefix}gray-500);\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n\r\n.apexcharts-gridline line{\r\n    stroke: var(--#{$prefix}gray-300);\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-tooltip{\r\n    border: 1px solid var(--#{$prefix}border-color) !important;\r\n    background-color: $card-bg !important;\r\n    box-shadow: $box-shadow !important;\r\n    * {\r\n        font-family: $font-family-base !important;\r\n        color:  var(--#{$prefix}gray-600) !important;\r\n    }\r\n\r\n    .apexcharts-tooltip-title{\r\n        background-color: rgba(var(--#{$prefix}light-rgb), .75) !important;\r\n        border-bottom: 1px solidvar(--#{$prefix}border-color) !important;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark{\r\n    * {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-radialbar-track.apexcharts-track {\r\n    path {\r\n        stroke: var(--#{$prefix}gray-300);\r\n    }\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: var(--#{$prefix}gray-500) !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: var(--#{$prefix}gray-500);\r\n    }\r\n}\r\n\r\n.apexcharts-pie {\r\n    circle,line {\r\n        stroke: var(--#{$prefix}card-border-color);\r\n    }\r\n}\r\n\r\n\r\n\r\n// dark\r\n[data-bs-theme =\"dark\"] {\r\n    .apexcharts-gridline {\r\n        stroke: var(--#{$prefix}secondary-bg);\r\n    }\r\n\r\n    .apexcharts-radialbar-track.apexcharts-track {\r\n        path {\r\n            stroke: var(--#{$prefix}secondary-bg);\r\n        }\r\n    }\r\n\r\n    .apexcharts-tooltip {\r\n        background-color: var(--#{$prefix}body-bg) !important;\r\n        border: 1px solid var(--#{$prefix}border-color) !important;\r\n\r\n        .apexcharts-tooltip-title {\r\n            background-color: var(--#{$prefix}tertiary-bg) !important;\r\n            border-bottom: 1px solid var(--#{$prefix}border-color) !important;\r\n        }\r\n    }\r\n\r\n    .apexcharts-pie-area {\r\n        stroke: var(--#{$prefix}gray-300);\r\n    }\r\n\r\n    .apexcharts-pie-label {\r\n        fill: var(--#{$prefix}gray-600) !important;\r\n    }\r\n\r\n}","\r\n//\r\n// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n    height: 350px;\r\n}\r\n\r\n.chartjs-chart {\r\n    max-height: 320px;\r\n}","//\r\n// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n  box-sizing: content-box;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  background-color: var(--#{$prefix}gray-800) !important;\r\n  box-shadow: $box-shadow-lg;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: var(--#{$prefix}gray-900) !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: var(--#{$prefix}gray-200) !important;\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  font-family: $font-family-base !important;\r\n  font-weight: $font-weight-medium !important;\r\n}","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px !important;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","//\r\n// vector-maps.scss\r\n//\r\n\r\n.jvectormap-label {\r\n    border: none;\r\n    background: $gray-800;\r\n    color: $gray-100;\r\n    font-family: $font-family-base;\r\n    font-size: $font-size-base;\r\n    padding: 5px 8px;\r\n}\r\n","//\r\n// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n    height: 300px;\r\n    &.leaflet-container{\r\n        z-index: 1;\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n.auth-bg{\r\n    background-image: url(\"../images/auth-bg.jpg\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    .bg-overlay{\r\n        opacity: 0.9;\r\n    }\r\n    @media (min-width: 768px){\r\n        height: 100vh;\r\n    }\r\n}\r\n\r\n.auth-full-page-content{\r\n    min-height: 100vh;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n    .logo-txt{\r\n        color: var(--#{$prefix}dark);\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n\r\n.auth-pass-inputgroup{\r\n    input[type=\"input\"] + .btn .mdi-eye-outline{\r\n        &:before{\r\n            content: \"\\F06D1\";\r\n        }\r\n    }\r\n}\r\n\r\n// for bubble effect\r\n.bg-bubbles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    li {\r\n        position: absolute;\r\n        list-style: none;\r\n        display: block;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 30px;\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n        bottom: -50px;\r\n        animation: square 20s infinite;\r\n        transition-timing-function: linear;\r\n        &:nth-child(1) {\r\n            left: 10%;\r\n        }\r\n        &:nth-child(2) {\r\n            left: 20%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 2s;\r\n            animation-duration: 17s;\r\n        }\r\n        &:nth-child(3) {\r\n            left: 25%;\r\n            animation-delay: 4s;\r\n        }\r\n        &:nth-child(4) {\r\n            left: 40%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-duration: 22s;\r\n        }\r\n        &:nth-child(5) {\r\n            left: 70%;\r\n            width: 90px;\r\n            height: 90px;\r\n        }\r\n        &:nth-child(6) {\r\n            left: 70%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 3s;\r\n        }\r\n        &:nth-child(7) {\r\n            left: 32%;\r\n            width: 150px;\r\n            height: 150px;\r\n            animation-delay: 7s;\r\n        }\r\n        &:nth-child(8) {\r\n            left: 55%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-delay: 15s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(9) {\r\n            left: 25%;\r\n            width: 50px;\r\n            height: 50px;\r\n            animation-delay: 2s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(10) {\r\n            left: 90%;\r\n            width: 140px;\r\n            height: 140px;\r\n            animation-delay: 11s;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes square {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(-1000px) rotate(600deg);\r\n    }\r\n}","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 236px;\r\n  float: left;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: var(--#{$prefix}dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: var(--#{$prefix}gray-600);\r\n    line-height: 24px;\r\n    padding: 8px 5px;\r\n\r\n    &.active {\r\n      color: $danger !important;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n\r\n    a {\r\n      color: var(--#{$prefix}body-color);\r\n    }\r\n\r\n    &:hover {\r\n      background: var(--#{$prefix}tertiary-bg);\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n\r\n    &.unread {\r\n      background-color:var(--#{$prefix}tertiary-bg);\r\n      font-weight: 500;\r\n      color: var(--#{$prefix}body-color);\r\n\r\n      a {\r\n        color: var(--#{$prefix}body-color);\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px var(--#{$prefix}gray-400);\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    input:checked~label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: var(--#{$prefix}dark);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n  .message-list li .col-mail-1 {\r\n    width: 200px;\r\n  }\r\n}\r\n\r\n.email-editor {\r\n  .ck-editor__editable_inline {\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n","// \r\n// Chat.scss\r\n//\r\n\r\n// chat left sidebar\r\n\r\n.chat-leftsidebar{\r\n  @media (min-width: 992px) {\r\n    min-width: 260px;\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    min-width: 380px;\r\n  }\r\n\r\n  .chat-leftsidebar-nav{\r\n    .nav{\r\n      .nav-link{\r\n        &.active{\r\n          background-color: var(--#{$prefix}card-bg);\r\n          color: $primary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// search-box\r\n\r\n.search-box{\r\n  .form-control{\r\n      padding-left: 40px;\r\n  }\r\n  .search-icon{\r\n      font-size: 16px;    \r\n      position: absolute;\r\n      left: 13px;\r\n      top: 0;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n  }\r\n}\r\n\r\n\r\n.chat-noti-dropdown{\r\n  &.active{\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: $danger;\r\n      border-radius: 50%;\r\n      right: 0;\r\n    }\r\n  }\r\n\r\n  .btn{\r\n    padding: 6px;\r\n    box-shadow: none;\r\n    font-size: 20px;\r\n    color: var(--#{$prefix}gray-600);\r\n    &:hover,\r\n    &:focus,\r\n    &:active,\r\n    &.show{\r\n      border-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.chat-message-list{\r\n  height: calc(100vh - 346px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 406px);\r\n  }\r\n}\r\n\r\n\r\n\r\n.chat-list{\r\n  margin: 0;\r\n  li{\r\n    &.active{\r\n      a{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n    a{\r\n      display: block;\r\n      padding: 14px 16px;\r\n      color: $text-muted;\r\n      transition: all 0.4s;\r\n      border-top: 1px solid var(--#{$prefix}border-color);\r\n      position: relative;\r\n      &:hover{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n\r\n    .user-img{\r\n      position: relative;\r\n\r\n      .user-status{\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: $gray-500;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--#{$prefix}card-bg);\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n      }\r\n\r\n      &.online{\r\n        .user-status{\r\n          background-color: $success;\r\n        }\r\n      }\r\n\r\n      &.away{\r\n        .user-status{\r\n          background-color: $warning;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.unread{\r\n      a{\r\n        font-weight: $font-weight-semibold;\r\n        color: var(--#{$prefix}dark);\r\n      }\r\n    }\r\n\r\n    .unread-message {\r\n      position: absolute;\r\n      display: inline-block;\r\n      right: 16px;\r\n      top: 33px;\r\n    }\r\n  }\r\n}\r\n\r\n.contact-list{\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  color: $text-muted;\r\n  font-weight: $font-weight-semibold;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n// user chat nav\r\n\r\n.user-chat-nav{\r\n  .dropdown{\r\n    .nav-btn{\r\n      height: 36px;\r\n      width: 36px;\r\n      line-height: 36px;\r\n      box-shadow: none;\r\n      padding: 0;\r\n      font-size: 18px;\r\n      color: var(--#{$prefix}gray-600);\r\n    }\r\n    .btn{\r\n      border-color: transparent !important;\r\n    }\r\n  }\r\n}\r\n\r\n// chat conversation\r\n\r\n.chat-conversation{\r\n  height: calc(100vh - 300px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 360px);\r\n  }\r\n  li{\r\n    clear: both;\r\n  }\r\n\r\n  .chat-day-title{\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n    border: none;\r\n\r\n    .title{\r\n      background-color: var(--#{$prefix}card-bg);\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 6px 24px;\r\n    }\r\n\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 1px;\r\n      left: 0;\r\n      right: 0;\r\n      background-color:var(--#{$prefix}border-color);\r\n      top: 10px;\r\n    }\r\n    .badge{\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .conversation-list{\r\n    margin-bottom: 24px;\r\n    position: relative;\r\n\r\n    .ctext-wrap {\r\n      display: flex;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ctext-wrap-content {\r\n      padding: 12px 20px;\r\n      background-color: $primary;\r\n      border-radius: 0px 8px 8px 8px;\r\n      color: $white;\r\n      position: relative;\r\n      margin-left: 16px;\r\n\r\n      &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 5px solid transparent;\r\n          border-right-color: $primary;\r\n          border-top-color: $primary;\r\n          left: -10px;\r\n          top: 0;\r\n      }\r\n    }\r\n\r\n  .conversation-name {\r\n    margin-bottom: 4px;\r\n    display: flex;\r\n    font-size: 13px;\r\n      .time{\r\n        font-size: 12px;\r\n        color: rgba($white, 0.5); \r\n        margin-left: 8px;\r\n        font-weight: $font-weight-normal;\r\n      }\r\n\r\n      .user-name{\r\n        color: rgba($white, 0.5); \r\n      }\r\n  }\r\n\r\n\r\n  .dropdown {\r\n      .dropdown-toggle {\r\n          font-size: 18px;\r\n          padding: 4px;\r\n          color: $gray-600;\r\n\r\n          @media (max-width: 575.98px) {\r\n              display: none;\r\n          }\r\n      }\r\n\r\n  }\r\n\r\n\r\n  .message-img {\r\n    border-radius: .2rem;\r\n    position: relative;\r\n\r\n      .message-img-list {\r\n          position: relative;\r\n      }\r\n\r\n      img {\r\n          max-width: 140px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    .conversation-list {\r\n        float: right;\r\n        text-align: right;\r\n\r\n        .ctext-wrap {\r\n\r\n            .ctext-wrap-content {\r\n                order: 2;\r\n                background-color:  var(--#{$prefix}light);\r\n                text-align: right;\r\n                border-radius: 8px 0px 8px 8px;\r\n                margin-left: 0;\r\n                margin-right: 16px;\r\n                color: var(--#{$prefix}dark);\r\n\r\n                &:before {\r\n                    border: 5px solid transparent;\r\n                    border-top-color: var(--#{$prefix}light);\r\n                    border-left-color: var(--#{$prefix}light);\r\n                    left: auto;\r\n                    right: -10px;\r\n                }\r\n            }\r\n\r\n            .conversation-name {\r\n              justify-content: flex-end;\r\n              .user-name, .time{\r\n                color: $text-muted; \r\n              }\r\n              .time{\r\n                order: 1;\r\n                margin-left: 0;\r\n                margin-right: 8px;\r\n              }\r\n\r\n              .user-name{\r\n                  order: 2;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            order: 1;\r\n        }\r\n      }\r\n  }\r\n}\r\n\r\n.chat-send{\r\n  @media (max-width: 575.98px) {\r\n    min-width: auto;\r\n  }\r\n }\r\n\r\nbody[data-layout=\"horizontal\"]{\r\n  .chat-message-list{\r\n    height: calc(100vh - 346px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 476px);\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    height: calc(100vh - 300px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 420px);\r\n    }\r\n  }\r\n}","// \r\n// coming-soon.scss\r\n//\r\n\r\n.slide-bg{\r\n    height: 100vh;\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.coming-content{\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 1;\r\n    left: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .app-search{\r\n        max-width: 340px;\r\n    }\r\n}\r\n\r\n.preview-thumbsnav{\r\n    position: absolute;\r\n    bottom: 14px;\r\n    z-index: 9;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    max-width: 120px;\r\n    .nav-img{\r\n        cursor: pointer;\r\n        padding: 3px;\r\n        background-color: rgba($white, 0.1);\r\n        border: 1px solid rgba($white, 0.1);\r\n\r\n        @media (max-width: 575.98px) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .swiper-slide-thumb-active{\r\n        .nav-img{\r\n            background-color: $white;\r\n            border: 1px solid $white;\r\n        }\r\n    }\r\n}\r\n\r\n.coming-box {\r\n    width: 25%;\r\n    &:last-of-type{\r\n        .count-num{\r\n            &::after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// counter number\r\n\r\n.counter-number {\r\n    font-size: 32px;\r\n    font-weight: $font-weight-semibold;\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 24px;\r\n    @media (max-width: 575.98px) {\r\n        font-size: 18px;\r\n    }\r\n    .count-title {\r\n        font-size: 16px;\r\n        font-weight: $font-weight-medium;\r\n        display: block;\r\n        padding-bottom: 6px;\r\n        color: rgba($white, 0.5);\r\n    }\r\n}\r\n\r\n.count-num{\r\n    background-color: $card-bg;\r\n    padding: 16px 8px;\r\n    position: relative;\r\n    border-radius: 4px;\r\n\r\n    &::after{\r\n        content: \":\";\r\n        font-size: 20px;\r\n        position: absolute;\r\n        right: -16px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: $white;\r\n    }\r\n}","//\r\n// timeline.scss\r\n//\r\n\r\n\r\n/************** vertical timeline **************/\r\n\r\n.timeline {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 30px 0;\r\n    @media (max-width: 767.98px) {\r\n      padding: 0;\r\n    }\r\n    .timeline-end,\r\n    .timeline-start,\r\n    .timeline-year {\r\n      position: relative;\r\n      width: 100%;\r\n      text-align: center;\r\n      z-index: 1;\r\n      p {\r\n        display: inline-block;\r\n        width: 80px;\r\n        height: 80px;\r\n        margin: 0;\r\n        padding: 30px 0;\r\n        text-align: center;\r\n        background-color: $primary;\r\n        border-radius: 100px;\r\n        color: $white;\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n    .timeline-year {\r\n      margin: 30px 0;\r\n    }\r\n    .timeline-continue {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 60px 0;\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 1px;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 50%;\r\n        margin-left: -1px;\r\n        background: $primary;\r\n      }\r\n    }\r\n    .timeline-icon {\r\n      margin: 42px 10px 0 10px;\r\n    }\r\n    .timeline-left {\r\n          text-align: right;\r\n          .timeline-icon {\r\n              text-align: left;\r\n          }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              text-align: right;\r\n          }\r\n          text-align: left;\r\n      }\r\n    .timeline-icon {\r\n        &::after {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            width: 14px;\r\n            height: 14px;\r\n            top: 45px;\r\n            background: $primary;\r\n            border-radius: 15px;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .event-content{\r\n        padding-right: 24px;\r\n      }\r\n\r\n      .timeline-text {\r\n        margin-right: 40px;\r\n      }\r\n    }\r\n\r\n    \r\n    .timeline-left {\r\n        .timeline-icon {\r\n            &::after {\r\n                left: -7px;\r\n            }\r\n        }\r\n        @media (min-width: 768px) {\r\n          .event-content{\r\n            padding-right: 0;\r\n            padding-left: 24px;\r\n          }\r\n\r\n          .timeline-text {\r\n            margin-right: 0px;\r\n            margin-left: 40px;\r\n          }\r\n\r\n          .event-img{\r\n            justify-content: flex-end;\r\n          }\r\n        }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              &::after {\r\n                  right: -7px;\r\n              }\r\n          }\r\n      }\r\n    .timeline-box {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid var(--#{$prefix}border-color);\r\n          border-radius: 6px;\r\n          &::after {\r\n              content: \"\";\r\n              position: absolute;\r\n              width: 16px;\r\n              height: 16px;\r\n              top: 26px;\r\n              background-color: var(--#{$prefix}card-bg);\r\n              border: 1px solid $light;\r\n              transform: rotate(45deg);\r\n              margin: 0px auto;\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid $gray-200;\r\n          border-radius: 6px;\r\n          width: 100%;\r\n          margin: 15px 0;\r\n          padding: 0;\r\n          border: none;\r\n          text-align: center;\r\n          background: transparent;\r\n      }\r\n  }\r\n  \r\n  \r\n  .timeline-date {\r\n    right: 20px;\r\n\r\n    @media (max-width: 767.98px) {\r\n      left: -70px;\r\n      right: auto;\r\n    }\r\n  }\r\n  \r\n  .timeline-left {\r\n\r\n    .timeline-date {\r\n      left: 20px;\r\n      @media (max-width: 767.98px) {\r\n        left: -70px;\r\n        right: auto;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .timeline {\r\n    .timeline-date {\r\n      width: 54px;\r\n      height: 80px;\r\n      display: inline-block;\r\n      padding: 8px;\r\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\r\n      top: -10px;\r\n      position: absolute;\r\n      z-index: 1;\r\n      @media (max-width: 767.98px) {\r\n        top: 0px;\r\n      }\r\n    }\r\n      .timeline-right {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\r\n                  left: -8px;\r\n                  right: 100%;\r\n              }\r\n          }\r\n      }\r\n      .timeline-left {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: var(--#{$prefix}light) var(--#{$prefix}light) transparent transparent;\r\n                  right: -8px;\r\n              }\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          .timeline-box {\r\n              &::after {\r\n                  top: -8px;\r\n                  left: 32px;\r\n                  border-color: var(--#{$prefix}light) transparent transparent var(--#{$prefix}light);\r\n                  @media (min-width: 768px) {\r\n                    left: 50%;\r\n                    transform: rotate(45deg) translateX(-50%);\r\n                    top: -2px;\r\n                  }\r\n              }\r\n          }\r\n          .timeline-text {\r\n              width: 100%;\r\n          }\r\n      }\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n@media (max-width: 767px) {\r\n    .timeline .timeline-continue::after {\r\n      left: 40px;\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-end,\r\n      .timeline-start,\r\n      .timeline-year {\r\n        text-align: left;\r\n      }\r\n      .row.timeline-left {\r\n        text-align: left;\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n        text-align: left;\r\n      }\r\n      .timeline-launch {\r\n        text-align: left;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-box {\r\n        margin-left: 82px;\r\n        margin-right: 0;\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .timeline-launch {\r\n        .timeline-box {\r\n          margin-left: 0;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-box {\r\n          &::after {\r\n            left: -8px;\r\n            border-color: transparent transparent var(--#{$prefix}light) var(--#{$prefix}light);\r\n            right: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n[data-bs-theme  =\"dark\"] {\r\n  .timeline-right {\r\n    .timeline-box {\r\n        &::after {\r\n            border-color: transparent transparent var(--#{$prefix}border-color) var(--#{$prefix}border-color);\r\n        }\r\n    }\r\n}\r\n.timeline-left {\r\n    .timeline-box {\r\n        &::after {\r\n            border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) transparent transparent;\r\n        }\r\n    }\r\n}\r\n  .timeline-box {\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n  }\r\n}","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n/*********************\r\n    Maintenance\r\n**********************/ \r\n\r\n.maintenance-cog-icon{\r\n    .cog-icon{\r\n        position: relative;\r\n        bottom: 24px;\r\n        right: 14px;    \r\n    }\r\n}\r\n\r\n\r\n// pricing\r\n\r\n\r\n.pricing-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 9;\r\n    right: 0;\r\n    width: 100%;\r\n    display: block;\r\n    font-size: 15px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    .badge {\r\n      float: right;\r\n      transform: rotate(45deg);\r\n      right: -67px;\r\n      top: 17px;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 200px;\r\n      font-size: 13px;\r\n      margin: 0;\r\n      padding: 7px 10px;\r\n      font-weight: 500;\r\n      color: $primary;\r\n      background: $white;\r\n    }\r\n}\r\n\r\n\r\n\r\n// PRICING TAB\r\n\r\n.pricing-tab-box{\r\n  .nav-link{\r\n    padding: 16px 20px;\r\n    border: 1px solid var(--#{$prefix}border-color);\r\n    &.active{\r\n      border: 1px solid $primary !important;\r\n      background: transparent;\r\n      padding: 16px 20px;\r\n      i{\r\n        color: $primary !important;\r\n      }\r\n      h1{\r\n        color: $primary !important;\r\n      }\r\n    }\r\n   \r\n  }\r\n}\r\n\r\n[data-bs-theme=dark]{\r\n  .pricing-tab-box {\r\n    .nav-link{\r\n      border-color: var(--#{$prefix}border-color);\r\n    }\r\n  }\r\n}"]}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: app-rtl.min.css.map

Server Info

System Features

User Info