{"version":3,"sources":["app.scss","app.css","custom/fonts/_fonts.scss","custom/structure/_general.scss","_variables.scss","custom/structure/_topbar.scss","custom/structure/_page-head.scss","custom/structure/_footer.scss","custom/structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","custom/structure/_vertical.scss","custom/structure/_horizontal-nav.scss","custom/structure/_layouts.scss","custom/components/_waves.scss","custom/components/_accordion.scss","custom/components/_avatar.scss","custom/components/_helper.scss","custom/components/_modals.scss","custom/components/_forms.scss","../../../node_modules/bootstrap/scss/_functions.scss","custom/components/_widgets.scss","custom/components/_toasts.scss","custom/components/_demos.scss","custom/components/_print.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_session-timeout.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_alertify.scss","custom/plugins/_pristinejs.scss","custom/plugins/_choices.scss","custom/plugins/_switch.scss","custom/plugins/_colorpicker.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_datatable.scss","custom/plugins/_responsive-table.scss","custom/plugins/_table-editable.scss","custom/plugins/_apexcharts.scss","custom/plugins/_echarts.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_authentication.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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ctBf;EAGM,qBdmBS;EclBT,yBdkBS,EAAA;EctBf;IAMQ,yBdgBO,EAAA;;Ac/Bf;EAGM,yBd8BS;Ec7BT,qBd6BS,EAAA;;AcxBf;EAGM,qBdqBS;EcpBT,yBdoBS,EAAA;EcxBf;IAMQ,yBdkBO,EAAA;;AcjCf;EAGM,yBd2BS;Ec1BT,qBd0BS,EAAA;;AcrBf;EAGM,qBdkBS;EcjBT,yBdiBS,EAAA;EcrBf;IAMQ,yBdeO,EAAA;;Ac9Bf;EAGM,yBdyBS;EcxBT,qBdwBS,EAAA;;AcnBf;EAGM,qBdgBS;EcfT,yBdeS,EAAA;EcnBf;IAMQ,yBdaO,EAAA;;Ac5Bf;EAGM,yBdwBS;EcvBT,qBduBS,EAAA;;AclBf;EAGM,qBdeS;EcdT,yBdcS,EAAA;EclBf;IAMQ,yBdYO,EAAA;;Ac3Bf;EAGM,yBdJU;EcKV,qBdLU,EAAA;;AcUhB;EAGM,qBdbU;EccV,yBddU,EAAA;EcUhB;IAMQ,yBdhBQ,EAAA;;AcChB;EAGM,yBdEU;EcDV,qBdCU,EAAA;;AcIhB;EAGM,qBdPU;EcQV,yBdRU,EAAA;EcIhB;IAMQ,yBdVQ,EAAA;;AciBlB;;;EAGE,eAAe;EACf,gBAAgB,EAAA;;AAKlB;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB,EAAA;EAHnB;IAMI,mBd8XkC;Ic7XlC,sBAAsB,EAAA;;AAI1B;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB,EAAA;EAHnB;IAKI,mBdoXkC;IcnXlC,sBAAsB,EAAA;;AAI1B;EACE,kBAAkB,EAAA;;AAGpB;EAGI,cd5EmB;Ec6EnB,yBAA6C;EAC7C,yBdhFmB,EAAA;;AcoFvB;EAGI,cdrFmB;EcsFnB,yBAA+C;EAC/C,yBdzFmB;Ec0FnB,iPCvF8E,EAAA;;ADiFlF;EAcI,yBdlGmB;EcmGnB,uCdnFW,EAAA;EcoEf;IAiBM,yBd1DW;Ic2DX,qBd3DW,EAAA;;AcyCjB;EA0BM,uJC3G4E,EAAA;;ADiFlF;EAgCI,yBdpHmB;EcqHnB,qBdrHmB;EcsHnB,cdnHmB,EAAA;;AciFvB;EAuCM,yBd3HiB;Ec4HjB,cdzHiB,EAAA;;AciFvB;EA2CM,yBd/HiB,EAAA;;A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","file":"app-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: Minia - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 1.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 \"custom/fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"variables\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n// Structure\r\n@import \"custom/structure/general\";\r\n@import \"custom/structure/topbar\";\r\n@import \"custom/structure/page-head\";\r\n@import \"custom/structure/footer\";\r\n@import \"custom/structure/right-sidebar\";\r\n@import \"custom/structure/vertical\";\r\n@import \"custom/structure/horizontal-nav\";\r\n@import \"custom/structure/layouts\";\r\n\r\n// Components\r\n@import \"custom/components/waves\";\r\n@import \"custom/components/accordion\";\r\n@import \"custom/components/avatar\";\r\n@import \"custom/components/helper\";\r\n@import \"custom/components/modals\";\r\n@import \"custom/components/forms\";\r\n@import \"custom/components/widgets\";\r\n@import \"custom/components/toasts\";\r\n@import \"custom/components/demos\";\r\n@import \"custom/components/print\";\r\n\r\n// Plugins\r\n@import \"custom/plugins/custom-scrollbar\";\r\n@import \"custom/plugins/calendar\";\r\n@import \"custom/plugins/session-timeout\";\r\n@import \"custom/plugins/range-slider\";\r\n@import \"custom/plugins/sweatalert2\";\r\n@import \"custom/plugins/alertify\";\r\n@import \"custom/plugins/pristinejs\";\r\n@import \"custom/plugins/choices\";\r\n@import \"custom/plugins/switch\";\r\n@import \"custom/plugins/colorpicker\";\r\n@import \"custom/plugins/datepicker\";\r\n@import \"custom/plugins/form-editors\";\r\n@import \"custom/plugins/form-upload\";\r\n@import \"custom/plugins/form-wizard\";\r\n@import \"custom/plugins/datatable\";\r\n@import \"custom/plugins/responsive-table\";\r\n@import \"custom/plugins/table-editable\";\r\n@import \"custom/plugins/apexcharts\";\r\n@import \"custom/plugins/echarts\";\r\n@import \"custom/plugins/sparkline-chart\";\r\n@import \"custom/plugins/google-map\";\r\n@import \"custom/plugins/vector-maps\";\r\n@import \"custom/plugins/leaflet-maps\";\r\n\r\n\r\n// Pages\r\n@import \"custom/pages/authentication\";\r\n@import \"custom/pages/email\";\r\n@import \"custom/pages/chat\";\r\n@import \"custom/pages/coming-soon\";\r\n@import \"custom/pages/timeline\";\r\n@import \"custom/pages/extras-pages\";","/*\r\nTemplate Name: Minia - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 1.1.0\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\");\nbody[data-layout-mode=\"dark\"] {\n  background-color: #313533;\n  color: #ced4da; }\n  body[data-layout-mode=\"dark\"] .h1, body[data-layout-mode=\"dark\"] .h2, body[data-layout-mode=\"dark\"] .h3, body[data-layout-mode=\"dark\"] .h4, body[data-layout-mode=\"dark\"] .h5, body[data-layout-mode=\"dark\"] .h6,\n  body[data-layout-mode=\"dark\"] h1, body[data-layout-mode=\"dark\"] h2, body[data-layout-mode=\"dark\"] h3, body[data-layout-mode=\"dark\"] h4, body[data-layout-mode=\"dark\"] h5, body[data-layout-mode=\"dark\"] h6 {\n    color: #ced4da; }\n\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1002;\n  background-color: #ffffff;\n  border-bottom: 1px solid #e9e9ef; }\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 20px 0 0; }\n  .navbar-header .dropdown .show.header-item {\n    background-color: #f8f9fa; }\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 250px;\n  background: #fbfaff;\n  border-right: 1px solid #e9e9ef;\n  box-shadow: 0px 2px 2px #fbfaff; }\n\n.logo {\n  line-height: 69px;\n  color: inherit !important; }\n  .logo .logo-sm {\n    display: none; }\n\n.logo-txt {\n  font-weight: 700;\n  font-size: 18px;\n  vertical-align: middle;\n  margin-left: 5px; }\n\n.logo-light {\n  display: none; }\n\nbody:not([data-sidebar-size=\"sm\"]) #vertical-menu-btn {\n  margin-left: -52px;\n  margin-right: 20px; }\n  @media (max-width: 991.98px) {\n    body:not([data-sidebar-size=\"sm\"]) #vertical-menu-btn {\n      margin-left: 0; } }\n\n/* Search */\n.app-search {\n  padding: calc(30px / 2) 0;\n  position: relative; }\n  .app-search .form-control {\n    border: none;\n    height: 40px;\n    padding-left: 17px;\n    padding-right: 50px;\n    background-color: #f3f3f9;\n    box-shadow: none; }\n  .app-search .btn {\n    position: absolute;\n    right: 3px;\n    top: 3px;\n    height: 34px;\n    padding: 0 10px; }\n\n.layout-mode-light {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .layout-mode-dark {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .layout-mode-light {\n  display: inline-block; }\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px; }\n  .megamenu-list li a {\n    color: #495057; }\n\n@media (max-width: 992px) {\n  .navbar-brand-box {\n    width: auto; }\n  .logo span.logo-lg {\n    display: none; }\n  .logo span.logo-sm {\n    display: inline-block; } }\n\n.page-content {\n  padding: calc(70px + 20px) calc(20px / 2) 60px calc(20px / 2); }\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: #555b6d;\n  border: 0;\n  border-radius: 0px; }\n  .header-item:hover {\n    color: #555b6d; }\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  background-color: #74788d;\n  padding: 3px; }\n\n.noti-icon i {\n  font-size: 22px;\n  color: #555b6d; }\n\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 4px; }\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem; }\n  .notification-item .d-flex:hover {\n    background-color: #f8f9fa; }\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  .dropdown-icon-item img {\n    height: 24px; }\n  .dropdown-icon-item span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n  .dropdown-icon-item:hover {\n    background-color: #f8f9fa; }\n\n.fullscreen-enable [data-toggle=\"fullscreen\"] .bx-fullscreen::before {\n  content: \"\\ea3f\"; }\n\nbody[data-topbar=\"dark\"] #page-topbar {\n  background-color: #313533;\n  border-color: #3b403d; }\n\nbody[data-topbar=\"dark\"] .navbar-brand-box {\n  background-color: #313533;\n  border-color: #313533;\n  box-shadow: 0px 0px 2px #313533; }\n  body[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  body[data-topbar=\"dark\"] .header-item:hover {\n    color: #e9ecef; }\n  body[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  body[data-topbar=\"dark\"] .header-item.bg-soft-light {\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: rgba(243, 243, 249, 0.07);\n  color: #fff; }\n\nbody[data-topbar=\"dark\"] .app-search span,\nbody[data-topbar=\"dark\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5); }\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static; }\n    .navbar-header .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important; } }\n\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none; } }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none; }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .navbar-brand-box {\n      padding-left: 0;\n      margin-right: 10px; } }\n\nbody[data-layout=\"horizontal\"] .page-content {\n  margin-top: 70px;\n  padding: calc(55px + 20px) calc(20px / 2) 60px calc(20px / 2); }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] .navbar-header {\n    padding-left: 20px;\n    padding-right: 20px; } }\n\nbody[data-layout=\"horizontal\"][data-sidebar=dark] .navbar-brand-box {\n  background-color: transparent;\n  box-shadow: none; }\n\n@media (max-width: 992px) {\n  body[data-layout=\"horizontal\"] .page-content {\n    margin-top: 15px; } }\n\nbody[data-layout-mode=\"dark\"] .header-item.border-start, body[data-layout-mode=\"dark\"] .header-item.border-end {\n  border-color: rgba(255, 255, 255, 0.1) !important; }\n\nbody[data-layout-mode=\"dark\"] .header-item.bg-soft-light {\n  background-color: rgba(255, 255, 255, 0.04) !important; }\n\nbody[data-layout-mode=\"dark\"] #page-topbar {\n  background-color: #313533;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .app-search .form-control {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .notification-item .d-flex:hover {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .dropdown-icon-item {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .dropdown-icon-item:hover {\n    background-color: #3b403d; }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"dark\"][data-sidebar=\"light\"][data-topbar=\"light\"] .navbar-brand-box .logo {\n    color: #343a40 !important; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"light\"][data-topbar=\"light\"] #vertical-menu-btn {\n    color: #343a40; } }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .navbar-brand-box {\n  background: #ffffff;\n  border-right: none;\n  box-shadow: none; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .navbar-brand-box .logo {\n    color: #343a40 !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .logo-light {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .logo-dark {\n  display: block; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] #vertical-menu-btn {\n  color: #343a40 !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item {\n  color: #555b6d; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item:hover {\n    color: #555b6d; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.border-start, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.border-end {\n    border-color: rgba(52, 58, 64, 0.1) !important; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.bg-soft-light {\n    background-color: rgba(52, 58, 64, 0.04) !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] #page-topbar {\n  background-color: #ffffff;\n  border-color: #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .dropdown-icon-item {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .dropdown-icon-item:hover {\n    background-color: #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .app-search .form-control {\n  color: #adb5bd;\n  background-color: #efeff3;\n  border: 1px solid #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-profile-user {\n  background-color: #74788d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon i {\n  color: #555b6d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .notification-item .d-flex:hover {\n  background-color: #f8f9fa; }\n\n.page-title-box {\n  padding-bottom: 20px; }\n  .page-title-box .breadcrumb {\n    background-color: transparent;\n    padding: 0; }\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(20px / 2);\n  position: absolute;\n  right: 0;\n  color: #74788d;\n  left: 250px;\n  height: 60px;\n  background-color: #ffffff;\n  border-top: 1px solid #e9e9ef; }\n  @media (max-width: 991.98px) {\n    .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"sm\"] .footer {\n      left: 0; } }\n\nbody[data-layout=\"horizontal\"] .footer {\n  left: 0 !important; }\n\nbody[data-layout-mode=\"dark\"] .footer {\n  background-color: #313533;\n  color: #adb5bd;\n  border-color: #373c39; }\n\n.right-bar {\n  background-color: #fff;\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  .right-bar .right-bar-toggle {\n    background-color: #444c54;\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    .right-bar .right-bar-toggle:hover {\n      background-color: #4b545c; }\n\n.rightbar-overlay {\n  background-color: rgba(52, 58, 64, 0.55);\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: none;\n  z-index: 9998;\n  transition: all .2s ease-out; }\n\n.right-bar-enabled .right-bar {\n  right: 0; }\n\n.right-bar-enabled .rightbar-overlay {\n  display: block; }\n\n@media (max-width: 767.98px) {\n  .right-bar {\n    overflow: auto; }\n    .right-bar .slimscroll-menu {\n      height: auto !important; } }\n\nbody[data-layout-mode=\"dark\"] .right-bar {\n  background-color: #313533; }\n\n.metismenu {\n  margin: 0; }\n  .metismenu li {\n    display: block;\n    width: 100%; }\n  .metismenu .mm-collapse {\n    display: none; }\n    .metismenu .mm-collapse:not(.mm-show) {\n      display: none; }\n    .metismenu .mm-collapse.mm-show {\n      display: block; }\n  .metismenu .mm-collapsing {\n    position: relative;\n    height: 0;\n    overflow: hidden;\n    transition-timing-function: ease;\n    transition-duration: .35s;\n    transition-property: height, visibility; }\n\n.vertical-menu {\n  width: 250px;\n  z-index: 1001;\n  background: #fbfaff;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  border-right: 1px solid #e9e9ef; }\n\n.main-content {\n  margin-left: 250px;\n  overflow: hidden; }\n  .main-content .content {\n    padding: 0 15px 10px 15px;\n    margin-top: 70px; }\n\n#sidebar-menu {\n  padding: 10px 0 30px 0; }\n  #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(90deg); }\n  #sidebar-menu .has-arrow:after {\n    content: \"\\F0142\";\n    font-family: 'Material Design Icons';\n    display: block;\n    float: right;\n    transition: transform .2s;\n    font-size: 1.1rem;\n    margin-right: -5px;\n    margin-top: -2px; }\n  #sidebar-menu ul li a {\n    display: block;\n    padding: .62rem 1.5rem;\n    color: #545a6d;\n    position: relative;\n    font-size: .9rem;\n    transition: all .4s;\n    font-weight: 500; }\n    #sidebar-menu ul li a i {\n      display: inline-block;\n      min-width: 1.75rem;\n      padding-bottom: .125em;\n      font-size: 1.25rem;\n      line-height: 1.40625rem;\n      vertical-align: middle;\n      color: #545a6d;\n      transition: all .4s; }\n    #sidebar-menu ul li a svg {\n      height: 16px;\n      width: 16px;\n      color: #545a6d;\n      fill: rgba(84, 90, 109, 0.2);\n      margin-right: 10px;\n      margin-top: -3px; }\n    #sidebar-menu ul li a:hover {\n      color: #5156be; }\n      #sidebar-menu ul li a:hover i {\n        color: #5156be; }\n      #sidebar-menu ul li a:hover svg {\n        color: #5156be;\n        fill: rgba(81, 86, 190, 0.2); }\n  #sidebar-menu ul li .badge {\n    margin-top: 4px; }\n  #sidebar-menu ul li ul.sub-menu {\n    padding: 0; }\n    #sidebar-menu ul li ul.sub-menu li a {\n      padding: .4rem 1.5rem .4rem 3.3rem;\n      font-size: .85rem;\n      color: #545a6d; }\n      #sidebar-menu ul li ul.sub-menu li a:hover {\n        color: #5156be; }\n    #sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n      padding: 0; }\n      #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n        padding: .4rem 1.5rem .4rem 4.5rem;\n        font-size: 13px; }\n\n.menu-title {\n  padding: 12px 20px !important;\n  pointer-events: none;\n  cursor: default;\n  font-size: 12px;\n  color: #545a6d;\n  font-weight: 500; }\n\n.mm-active > a {\n  color: #5156be !important; }\n  .mm-active > a i {\n    color: #5156be !important; }\n  .mm-active > a svg {\n    color: #5156be !important;\n    fill: rgba(81, 86, 190, 0.2) !important; }\n\n.mm-active .active {\n  color: #5156be !important; }\n  .mm-active .active i {\n    color: #5156be !important; }\n  .mm-active .active svg {\n    color: #5156be !important;\n    fill: rgba(81, 86, 190, 0.2) !important; }\n\n.mm-active > i {\n  color: #5156be !important; }\n\n.sidebar-alert {\n  background-color: rgba(81, 86, 190, 0.1); }\n  .sidebar-alert .alertcard-title {\n    color: #5156be; }\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none; }\n  .main-content {\n    margin-left: 0 !important; }\n  body.sidebar-enable .vertical-menu {\n    display: block; } }\n\nbody[data-sidebar-size=\"sm\"] {\n  min-height: 1000px; }\n  body[data-sidebar-size=\"sm\"] .main-content {\n    margin-left: 70px; }\n  body[data-sidebar-size=\"sm\"] .navbar-brand-box {\n    width: 70px !important; }\n  body[data-sidebar-size=\"sm\"] .logo span.logo-lg {\n    display: none; }\n  body[data-sidebar-size=\"sm\"] .logo span.logo-sm {\n    display: block; }\n  body[data-sidebar-size=\"sm\"] .vertical-menu {\n    position: absolute;\n    width: 70px !important;\n    z-index: 5; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-mask,\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-content-wrapper {\n      overflow: visible !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-scrollbar {\n      display: none !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-offset {\n      bottom: 0 !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .menu-title,\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .badge,\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .sidebar-alert {\n      display: none !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .nav.collapse {\n      height: inherit !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li {\n      position: relative;\n      white-space: nowrap; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a {\n        padding: 15px 20px;\n        transition: none; }\n        body[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: #5156be; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a i {\n          font-size: 1.45rem;\n          margin-left: 4px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a svg {\n          height: 18px;\n          width: 18px;\n          margin-left: 6px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a span {\n          display: none;\n          padding-left: 25px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n          display: none; }\n      body[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: #ebe6ff;\n        transition: none; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n          color: #5156be; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n          color: #5156be;\n          fill: rgba(81, 86, 190, 0.2); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n          display: inline; }\n      body[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: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n        body[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: #545a6d; }\n          body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n            color: #5156be; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n      padding: 5px 0;\n      z-index: 9999;\n      display: none;\n      background-color: #fff; }\n      body[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      body[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      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li.active a {\n        color: #f8f9fa; }\n  body[data-sidebar-size=\"sm\"] #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(0deg); }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background: #2C302E;\n  box-shadow: 0px 3px 1px #2C302E;\n  border-color: #2C302E; }\n  body[data-sidebar=\"dark\"] .navbar-brand-box .logo {\n    color: #fff !important; }\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: #2C302E;\n  border-color: #2C302E; }\n\n@media (min-width: 992px) {\n  body[data-sidebar=\"dark\"] #vertical-menu-btn {\n    color: #e9ecef; } }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n  color: #99a4b1; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a i {\n    color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a svg {\n    color: #858d98;\n    fill: rgba(133, 141, 152, 0.2); }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n    color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover i {\n      color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover svg {\n      color: #ffffff;\n      fill: rgba(255, 255, 255, 0.2); }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #ffffff; }\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: #555b6d; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: #313533;\n  color: #ffffff; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n    color: #ffffff; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n    color: #ffffff;\n    fill: rgba(255, 255, 255, 0.2); }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #858d98; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n  background-color: #2C302E; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active i {\n    color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .mm-active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active > a {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active > a i {\n      color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active > a svg {\n      color: #ffffff !important;\n      fill: rgba(255, 255, 255, 0.2) !important; }\n  body[data-sidebar=\"dark\"] .mm-active > i {\n    color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active .active {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active i {\n      color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active svg {\n      color: #ffffff !important;\n      fill: rgba(255, 255, 255, 0.2) !important; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n  color: #858d98; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"md\"] #sidebar-menu ul li.menu-title {\n  background-color: #313533; }\n\nbody[data-layout=\"horizontal\"] .main-content {\n  margin-left: 0 !important; }\n\nbody[data-sidebar-size=\"md\"] .navbar-brand-box {\n  width: 160px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] .navbar-brand-box {\n      width: auto; } }\n\nbody[data-sidebar-size=\"md\"] .vertical-menu {\n  width: 160px;\n  text-align: center; }\n  body[data-sidebar-size=\"md\"] .vertical-menu .has-arrow:after,\n  body[data-sidebar-size=\"md\"] .vertical-menu .badge,\n  body[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  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] .footer {\n      left: 0; } }\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  body[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\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  body[data-sidebar=\"brand\"] .navbar-brand-box .logo-dark {\n    display: none; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo-light {\n    display: block; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-sidebar=\"brand\"] .mm-active {\n  color: #fff !important; }\n  body[data-sidebar=\"brand\"] .mm-active > a {\n    color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active > a i {\n      color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active > a svg {\n      color: #fff !important;\n      fill: rgba(255, 255, 255, 0.1) !important; }\n  body[data-sidebar=\"brand\"] .mm-active .active {\n    color: #fff !important; }\n    body[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\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  body[data-sidebar=\"brand\"] #sidebar-menu ul li a i {\n    color: rgba(255, 255, 255, 0.6); }\n  body[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  body[data-sidebar=\"brand\"] #sidebar-menu ul li a.waves-effect .waves-ripple {\n    background: rgba(255, 255, 255, 0.1); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a:hover {\n    color: #fff; }\n    body[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  body[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  body[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: #555b6d; }\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  body[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: #5156be; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: #5156be !important; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n    color: #5156be !important; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=dark] .vertical-menu,\nbody[data-layout-mode=\"dark\"][data-sidebar=dark] .navbar-brand-box, body[data-layout-mode=\"dark\"][data-sidebar=brand] .vertical-menu,\nbody[data-layout-mode=\"dark\"][data-sidebar=brand] .navbar-brand-box {\n  border-color: #373c39; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=light] .sidebar-alert {\n  background-color: rgba(81, 86, 190, 0.1);\n  color: #495057; }\n  body[data-layout-mode=\"dark\"][data-sidebar=light] .sidebar-alert .alertcard-title {\n    color: #5156be; }\n\n[dir=\"rtl\"] #sidebar-menu .has-arrow:after {\n  content: \"\\F0141\"; }\n\n.topnav {\n  background: #ffffff;\n  padding: 0 calc(20px / 2);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  border-bottom: 1px solid #e9e9ef; }\n  @media (min-width: 992px) {\n    .topnav {\n      background: #fbfaff; } }\n  .topnav .topnav-menu {\n    margin: 0;\n    padding: 0; }\n  .topnav .navbar-nav .nav-link {\n    font-size: 14.4px;\n    position: relative;\n    padding: 1rem 1.3rem;\n    color: #545a6d;\n    font-weight: 500; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px; }\n    .topnav .navbar-nav .nav-link svg {\n      height: 16px;\n      width: 16px;\n      color: #545a6d;\n      fill: rgba(84, 90, 109, 0.2);\n      margin-right: 7px;\n      margin-top: -3px; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n      color: #5156be;\n      background-color: transparent; }\n      .topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n        color: #5156be;\n        fill: rgba(81, 86, 190, 0.2); }\n  .topnav .navbar-nav .dropdown-item {\n    color: #545a6d; }\n    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n      color: #5156be; }\n  .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #5156be; }\n    .topnav .navbar-nav .nav-item .nav-link.active svg {\n      color: #5156be;\n      fill: rgba(81, 86, 190, 0.2); }\n  .topnav .navbar-nav .dropdown.active > a {\n    color: #5156be;\n    background-color: transparent; }\n    .topnav .navbar-nav .dropdown.active > a svg {\n      color: #5156be;\n      fill: rgba(81, 86, 190, 0.2); }\n  .topnav .menu-title {\n    padding: 12px 24px !important; }\n    @media (max-width: 991.98px) {\n      .topnav .menu-title {\n        padding: 12px 16px !important; } }\n\n@media (min-width: 1200px) {\n  body[data-layout=\"horizontal\"] .container-fluid,\n  body[data-layout=\"horizontal\"] .navbar-header {\n    max-width: 85%; } }\n\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0; }\n  .topnav .dropdown-item {\n    padding: .5rem 1.5rem;\n    min-width: 180px; }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto; }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 0.25rem 0.25rem; }\n    .topnav .dropdown .dropdown-menu .arrow-down::after {\n      right: 15px;\n      transform: rotate(-135deg) translateY(-50%);\n      position: absolute; }\n    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n      position: absolute;\n      top: 0 !important;\n      left: 100%;\n      display: none; }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .navbar-toggle {\n    display: none; } }\n\n.arrow-down {\n  display: inline-block; }\n  .arrow-down:after {\n    border-color: initial;\n    border-style: solid;\n    border-width: 0 0 1px 1px;\n    content: \"\";\n    height: .4em;\n    display: inline-block;\n    right: 5px;\n    top: 50%;\n    margin-left: 10px;\n    transform: rotate(-45deg) translateY(-50%);\n    transform-origin: top;\n    transition: all .3s ease-out;\n    width: .4em; }\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto; } }\n\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block; }\n    .navbar-brand-box .logo-dark span.logo-sm {\n      display: block; }\n  .navbar-brand-box .logo-light {\n    display: none; }\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0; }\n    .topnav .navbar-nav .nav-link {\n      padding: 0.75rem 1.1rem; }\n    .topnav .dropdown .dropdown-menu {\n      background-color: transparent;\n      border: none;\n      box-shadow: none;\n      padding-left: 24px; }\n      .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n        width: auto; }\n        .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n          margin: 0px; }\n    .topnav .dropdown .dropdown-item {\n      position: relative;\n      background-color: transparent; }\n      .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n        color: #5156be; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\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(243, 243, 249, 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: #e9ecef; }\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .header-item:hover {\n    color: #e9ecef; }\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: #e9ecef; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav {\n    background-color: #5156be; }\n    body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link {\n      color: rgba(255, 255, 255, 0.6); }\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    body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav > .dropdown.active > a {\n      color: rgba(255, 255, 255, 0.9) !important; } }\n\nbody[data-layout-mode=\"dark\"] .topnav {\n  background-color: #363a38;\n  border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link {\n    color: #99a4b1; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link svg {\n      height: 16px;\n      width: 16px;\n      color: #99a4b1;\n      fill: rgba(153, 164, 177, 0.2);\n      margin-right: 7px;\n      margin-top: -3px; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover {\n      color: #fff;\n      background-color: transparent; }\n      body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus svg, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover svg {\n        color: #fff;\n        fill: rgba(255, 255, 255, 0.2); }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item {\n    color: #99a4b1; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item.active, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item:hover {\n      color: #fff; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #fff; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a {\n    color: #fff;\n    background-color: transparent; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a svg {\n      color: #fff;\n      fill: rgba(255, 255, 255, 0.2); }\n  body[data-layout-mode=\"dark\"] .topnav .menu-title {\n    color: rgba(153, 164, 177, 0.6); }\n\nbody[data-layout-size=\"boxed\"] {\n  background-color: #f0f0f0; }\n  body[data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #ffffff;\n    max-width: 1300px;\n    margin: 0 auto;\n    box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n    min-height: 100vh; }\n  body[data-layout-size=\"boxed\"] #page-topbar {\n    max-width: 1300px;\n    margin: 0 auto; }\n  body[data-layout-size=\"boxed\"] .footer {\n    margin: 0 auto;\n    max-width: calc(1300px - 250px); }\n  @media (min-width: 992px) {\n    body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] #layout-wrapper {\n      min-height: 1200px; } }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .footer {\n    max-width: calc(1300px - 70px); }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] .footer {\n    max-width: calc(1300px - 160px); }\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@media (min-width: 992px) {\n  body[data-layout-scrollable=\"true\"] #page-topbar, body[data-layout-scrollable=\"true\"] .vertical-menu {\n    position: absolute; } }\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\nbody[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] {\n  background-color: #3b403d; }\n  body[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #313533; }\n\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent; }\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none; }\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2); }\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important; }\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1; }\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em; }\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em; }\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom; }\n\n.waves-input-wrapper.waves-button {\n  padding: 0; }\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1; }\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%; }\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms; }\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }\n\n.waves-block {\n  display: block; }\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4); }\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(81, 86, 190, 0.4); }\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(42, 181, 125, 0.4); }\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(75, 166, 239, 0.4); }\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 191, 83, 0.4); }\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(253, 98, 94, 0.4); }\n\nbody[data-layout-mode=\"dark\"] .accordion-button {\n  border-color: #3b403d;\n  color: #ced4da; }\n  body[data-layout-mode=\"dark\"] .accordion-button:not(.collapsed) {\n    background-color: rgba(81, 86, 190, 0.2);\n    color: #5156be; }\n\nbody[data-layout-mode=\"dark\"] .accordion-item {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .accordion-collapse {\n  border-color: #3b403d; }\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem; }\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem; }\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem; }\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem; }\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem; }\n\n.avatar-title {\n  align-items: center;\n  background-color: #5156be;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%; }\n\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap; }\n  .avatar-group .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    transition: all 0.2s; }\n    .avatar-group .avatar-group-item:hover {\n      position: relative;\n      transform: translateY(-2px); }\n\n.font-size-10 {\n  font-size: 10px !important; }\n\n.font-size-11 {\n  font-size: 11px !important; }\n\n.font-size-12 {\n  font-size: 12px !important; }\n\n.font-size-13 {\n  font-size: 13px !important; }\n\n.font-size-14 {\n  font-size: 14px !important; }\n\n.font-size-15 {\n  font-size: 15px !important; }\n\n.font-size-16 {\n  font-size: 16px !important; }\n\n.font-size-17 {\n  font-size: 17px !important; }\n\n.font-size-18 {\n  font-size: 18px !important; }\n\n.font-size-20 {\n  font-size: 20px !important; }\n\n.font-size-22 {\n  font-size: 22px !important; }\n\n.font-size-24 {\n  font-size: 24px !important; }\n\n.fw-medium {\n  font-weight: 500; }\n\n.fw-semibold {\n  font-weight: 600; }\n\n.icon-xs {\n  height: 14px;\n  width: 14px; }\n\n.icon-sm {\n  height: 16px;\n  width: 16px; }\n\n.icon-md {\n  height: 18px;\n  width: 18px; }\n\n.icon-lg {\n  height: 20px;\n  width: 20px; }\n\n.icon-xl {\n  height: 22px;\n  width: 22px; }\n\n.card-h-100 {\n  height: calc(100% - 20px); }\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  .social-list-item:hover {\n    color: #74788d;\n    background-color: #e9e9ef; }\n\n.w-xs {\n  min-width: 80px; }\n\n.w-sm {\n  min-width: 95px; }\n\n.w-md {\n  min-width: 110px; }\n\n.w-lg {\n  min-width: 140px; }\n\n.w-xl {\n  min-width: 160px; }\n\n.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.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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .btn-close {\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-bottom {\n  border-bottom: 1px solid #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-top,\nbody[data-layout-mode=\"dark\"] .border,\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-primary {\n  border-color: #5156be !important; }\n\nbody[data-layout-mode=\"dark\"] .border-secondary {\n  border-color: #74788d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-success {\n  border-color: #2ab57d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-info {\n  border-color: #4ba6ef !important; }\n\nbody[data-layout-mode=\"dark\"] .border-warning {\n  border-color: #ffbf53 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-danger {\n  border-color: #fd625e !important; }\n\nbody[data-layout-mode=\"dark\"] .border-pink {\n  border-color: #e83e8c !important; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n  border-color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .border-dark {\n  border-color: #343a40 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-dark {\n  color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .text-muted {\n  color: #858d98 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-body {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  background-color: #313533;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .img-thumbnail {\n  background-color: #373c39;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .popover-header {\n  color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .modal-header, body[data-layout-mode=\"dark\"] .modal-footer {\n  border-color: #3b403d; }\n\n[type=\"tel\"]::placeholder,\n[type=\"url\"]::placeholder,\n[type=\"email\"]::placeholder,\n[type=\"number\"]::placeholder {\n  text-align: left; }\n\n.form-check {\n  position: relative;\n  text-align: left; }\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: 1.5em; }\n  .form-check-right .form-check-input {\n    float: right;\n    margin-left: 0;\n    margin-right: -1.5em; }\n  .form-check-right .form-check-label {\n    display: block; }\n\n.form-checkbox-outline .form-check-input {\n  border-width: 2px;\n  background-color: #fff; }\n  .form-checkbox-outline .form-check-input:active {\n    filter: none; }\n  .form-checkbox-outline .form-check-input:checked {\n    background-color: #fff !important; }\n    .form-checkbox-outline .form-check-input:checked[type=\"checkbox\"] {\n      background-image: none; }\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: #343a40; }\n\n.form-radio-outline .form-check-input {\n  background-color: #fff;\n  position: relative; }\n  .form-radio-outline .form-check-input:active {\n    filter: none; }\n  .form-radio-outline .form-check-input:checked {\n    background-color: #fff !important; }\n    .form-radio-outline .form-check-input:checked[type=\"checkbox\"] {\n      background-image: none; }\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.form-check-primary .form-check-input:checked {\n  background-color: #5156be;\n  border-color: #5156be; }\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #5156be;\n  background-color: #5156be; }\n  .form-radio-primary .form-check-input:checked:after {\n    background-color: #5156be; }\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #74788d;\n  border-color: #74788d; }\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #74788d;\n  background-color: #74788d; }\n  .form-radio-secondary .form-check-input:checked:after {\n    background-color: #74788d; }\n\n.form-check-success .form-check-input:checked {\n  background-color: #2ab57d;\n  border-color: #2ab57d; }\n\n.form-radio-success .form-check-input:checked {\n  border-color: #2ab57d;\n  background-color: #2ab57d; }\n  .form-radio-success .form-check-input:checked:after {\n    background-color: #2ab57d; }\n\n.form-check-info .form-check-input:checked {\n  background-color: #4ba6ef;\n  border-color: #4ba6ef; }\n\n.form-radio-info .form-check-input:checked {\n  border-color: #4ba6ef;\n  background-color: #4ba6ef; }\n  .form-radio-info .form-check-input:checked:after {\n    background-color: #4ba6ef; }\n\n.form-check-warning .form-check-input:checked {\n  background-color: #ffbf53;\n  border-color: #ffbf53; }\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #ffbf53;\n  background-color: #ffbf53; }\n  .form-radio-warning .form-check-input:checked:after {\n    background-color: #ffbf53; }\n\n.form-check-danger .form-check-input:checked {\n  background-color: #fd625e;\n  border-color: #fd625e; }\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #fd625e;\n  background-color: #fd625e; }\n  .form-radio-danger .form-check-input:checked:after {\n    background-color: #fd625e; }\n\n.form-check-pink .form-check-input:checked {\n  background-color: #e83e8c;\n  border-color: #e83e8c; }\n\n.form-radio-pink .form-check-input:checked {\n  border-color: #e83e8c;\n  background-color: #e83e8c; }\n  .form-radio-pink .form-check-input:checked:after {\n    background-color: #e83e8c; }\n\n.form-check-light .form-check-input:checked {\n  background-color: #e9e9ef;\n  border-color: #e9e9ef; }\n\n.form-radio-light .form-check-input:checked {\n  border-color: #e9e9ef;\n  background-color: #e9e9ef; }\n  .form-radio-light .form-check-input:checked:after {\n    background-color: #e9e9ef; }\n\n.form-check-dark .form-check-input:checked {\n  background-color: #343a40;\n  border-color: #343a40; }\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #343a40;\n  background-color: #343a40; }\n  .form-radio-dark .form-check-input:checked:after {\n    background-color: #343a40; }\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0; }\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px; }\n  .form-switch-md .form-check-label {\n    font-size: 0.875rem;\n    vertical-align: middle; }\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px; }\n  .form-switch-lg .form-check-label {\n    font-size: 0.875rem;\n    vertical-align: middle; }\n\n.input-group-text {\n  margin-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .form-control {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .form-select {\n  color: #adb5bd;\n  background-color: #373c39;\n  border: 1px solid #3b403d;\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='%23e9e9ef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .form-check-input {\n  background-color: #3b403d;\n  border-color: rgba(255, 255, 255, 0.25); }\n  body[data-layout-mode=\"dark\"] .form-check-input:checked {\n    background-color: #5156be;\n    border-color: #5156be; }\n\nbody[data-layout-mode=\"dark\"] .form-switch .form-check-input {\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='%23fff'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .input-group-text {\n  background-color: #3b403d;\n  border-color: #3b403d;\n  color: #ced4da; }\n\nbody[data-layout-mode=\"dark\"] .form-control::-webkit-file-upload-button {\n  background-color: #3b403d;\n  color: #ced4da; }\n\nbody[data-layout-mode=\"dark\"] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .form-range::-webkit-slider-runnable-track {\n  background-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .form-range::-moz-range-track {\n  background-color: #3b403d !important; }\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.widget-carousel .carousel-indicators {\n  margin: 0px auto;\n  position: relative; }\n\n.activity-border:before {\n  content: \"\";\n  position: absolute;\n  height: 80px;\n  border-left: 2px dashed #ced4da;\n  top: 40px;\n  left: 2px; }\n\n.activity-wid {\n  margin-left: 16px; }\n  .activity-wid .activity-list {\n    position: relative;\n    padding: 0 0 20px 45px; }\n    .activity-wid .activity-list .activity-icon {\n      position: absolute;\n      left: -20px;\n      top: -3px;\n      z-index: 2;\n      background: #fff; }\n      .activity-wid .activity-list .activity-icon img {\n        border: 5px solid #fff; }\n      .activity-wid .activity-list .activity-icon span {\n        border: 5px solid #fff; }\n    .activity-wid .activity-list:last-child {\n      padding-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon {\n  background: #313533; }\n  body[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon img, body[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon span {\n    border-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .activity-border:before {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .toast, body[data-layout-mode=\"dark\"] .toast-header {\n  background-color: rgba(59, 64, 61, 0.85);\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .toast-header {\n  color: #adb5bd; }\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: .8rem; }\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[dir=\"rtl\"] .modal-open {\n  padding-left: 0px !important; }\n\n.icon-demo-content {\n  color: #adb5bd; }\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: #74788d;\n    transition: all 0.4s;\n    border: 1px solid #e9e9ef;\n    border-radius: 50%;\n    margin-right: 16px;\n    vertical-align: middle; }\n  .icon-demo-content .col-lg-4 {\n    margin-top: 24px; }\n    .icon-demo-content .col-lg-4:hover i {\n      background-color: rgba(81, 86, 190, 0.2);\n      color: #5156be; }\n\n.grid-structure .grid-container {\n  background-color: #f8f9fa;\n  margin-top: 10px;\n  font-size: .8rem;\n  font-weight: 500;\n  padding: 10px 20px; }\n\n.card-radio {\n  background-color: #fff;\n  border: 2px solid #e9e9ef;\n  border-radius: 0.25rem;\n  padding: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n  .card-radio:hover {\n    cursor: pointer; }\n\n.card-radio-label {\n  display: block; }\n\n.card-radio-input {\n  display: none; }\n  .card-radio-input:checked + .card-radio {\n    border-color: #5156be !important; }\n\n.spin-left:before {\n  animation: spin-left 2s infinite linear; }\n\n.spin-right:before {\n  animation: spin-right 2s infinite linear; }\n\n@keyframes spin-left {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(-359deg); } }\n\n@keyframes spin-right {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg); } }\n\nbody[data-layout-mode=\"dark\"] .grid-structure .grid-container, body[data-layout-mode=\"dark\"] .grid-example {\n  background-color: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .icon-demo-content {\n  color: #858d98; }\n  body[data-layout-mode=\"dark\"] .icon-demo-content i {\n    border-color: #3b403d;\n    color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .glightbox-clean .gslide-description {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .glightbox-clean .gslide-title {\n  color: #ced4da; }\n\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important; }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0; }\n  .card {\n    border: 0; } }\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start; }\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit; }\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0; }\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch; }\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto;\n  /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important; }\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none; }\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table; }\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none; }\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0; }\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1; }\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden; }\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none; }\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all; }\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px; }\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear; }\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear; }\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px; }\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px; }\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto; }\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0; }\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll; }\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none; }\n\n.custom-scroll {\n  height: 100%; }\n\n/* ==============\r\n  Calendar\r\n===================*/\n.fc td,\n.fc th {\n  border: 1px solid #e9e9ef; }\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase; }\n\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0; }\n  .fc .fc-toolbar > * > * {\n    float: none; }\n  .fc .fc-toolbar .fc-today-button {\n    display: none; } }\n\n.fc .fc-toolbar .btn {\n  text-transform: capitalize; }\n\n.fc .fc-col-header-cell {\n  background-color: #e9e9ef; }\n\n.fc .fc-col-header-cell-cushion {\n  display: block;\n  padding: 8px 4px; }\n\n.fc .fc-daygrid-day-number {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n  margin: 2px; }\n\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: rgba(81, 86, 190, 0.1); }\n  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {\n    background-color: #5156be;\n    color: #fff; }\n\n.fc .fc-list-event:hover td {\n  background: transparent; }\n\n.fc .fc-list-event-dot {\n  border-color: #fff; }\n\n.fc .fc-list-event-title a {\n  color: #fff !important; }\n\n.fc .fc-col-header,\n.fc .fc-daygrid-body,\n.fc .fc-scrollgrid-sync-table {\n  width: 100% !important; }\n\n.fc-theme-bootstrap a:not([href]) {\n  color: #495057; }\n\n.fc-event {\n  color: #fff; }\n\n.fc th.fc-widget-header {\n  background: #f6f6f6;\n  color: #495057;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700; }\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: #f6f6f6; }\n\n.fc-unthemed td.fc-today {\n  background: #efeff3; }\n\n.fc-button {\n  background: #fff;\n  border-color: #e9e9ef;\n  color: #495057;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #5156be;\n  color: #fff;\n  text-shadow: none; }\n\n.fc-event {\n  border-radius: 2px;\n  border: none;\n  cursor: move;\n  font-size: 0.8125rem;\n  margin: 5px 7px;\n  padding: 5px 5px;\n  text-align: center; }\n\n.fc-event,\n.fc-event-dot {\n  background-color: #5156be; }\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n  background-color: #5156be; }\n\n.fc-daygrid-dot-event {\n  color: #fff !important; }\n  .fc-daygrid-dot-event .fc-event-title {\n    font-weight: 600; }\n\n.fc-daygrid-event-dot {\n  border-color: #fff !important;\n  color: #fff !important; }\n\n.fc-event .fc-content {\n  color: #fff; }\n\n#external-events .external-event {\n  text-align: left;\n  padding: 8px 16px; }\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: #e9e9ef; }\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@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n    gap: 16px; } }\n\nbody[data-layout-mode=\"dark\"] .fc-col-header-cell {\n  background-color: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .fc-theme-bootstrap a:not([href]) {\n  color: #858d98; }\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.noUi-connect {\n  background: #4ba6ef; }\n\n.noUi-handle {\n  background: #fff; }\n\n.noUi-horizontal {\n  height: 8px; }\n  .noUi-horizontal .noUi-handle {\n    height: 20px;\n    width: 20px;\n    border-radius: 50%;\n    right: -10px;\n    top: -7px; }\n    .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n      display: none; }\n    .noUi-horizontal .noUi-handle:focus {\n      outline: 0; }\n\n.noUi-pips-horizontal {\n  height: 50px; }\n\n.noUi-vertical {\n  width: 8px; }\n  .noUi-vertical .noUi-handle {\n    height: 20px;\n    width: 20px;\n    right: -7px;\n    top: -12px;\n    border-radius: 50%; }\n    .noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n      display: none; }\n    .noUi-vertical .noUi-handle:focus {\n      outline: 0; }\n\n.noUi-value {\n  font-size: 12px; }\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px; }\n\n.noUi-marker-horizontal.noUi-marker {\n  display: none; }\n\n.noUi-target {\n  background-color: #e9e9ef;\n  border-color: #e9e9ef; }\n\n.noUi-touch-area:focus {\n  outline: 0; }\n\n#red, #green, #blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px; }\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid #e9e9ef; }\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 #e9e9ef;\n  box-shadow: 0 0 3px;\n  border-radius: 7px; }\n\n#red .noUi-connect {\n  background: #fd625e; }\n\n#green .noUi-connect {\n  background: #2ab57d; }\n\n#blue .noUi-connect {\n  background: #5156be; }\n\n.form-control.keyboard {\n  max-width: 340px !important; }\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px; }\n\n.example-val {\n  font-size: 12px;\n  color: #74788d;\n  display: block;\n  margin: 15px 0; }\n  .example-val:before {\n    content: \"Value: \";\n    font-size: 12px;\n    font-weight: 600; }\n\n.noUi-tooltip {\n  display: none; }\n\n.noUi-active .noUi-tooltip {\n  display: block; }\n\n.c-1-color {\n  background: #fd625e; }\n\n.c-2-color {\n  background: #ffbf53; }\n\n.c-3-color {\n  background: #2ab57d; }\n\n.c-4-color {\n  background: #5156be; }\n\n.c-5-color {\n  background: #6f42c1; }\n\n#slider-toggle {\n  height: 50px; }\n  #slider-toggle.off .noUi-handle {\n    border-color: #fd625e; }\n\nbody[data-layout-mode=\"dark\"] .noUi-target {\n  background-color: #3b403d;\n  border-color: #3b403d;\n  box-shadow: inset 0 1px 1px #3b403d, 0 3px 6px -5px #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .example-val {\n  color: #858d98; }\n\n.swal2-container .swal2-title {\n  font-size: 22px;\n  font-weight: 500; }\n\n.swal2-modal {\n  font-size: 14px; }\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.swal2-styled:focus {\n  box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #5156be; }\n  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n    background: #5156be; }\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.swal2-loader {\n  border-color: #5156be transparent #5156be transparent; }\n\nbody[data-layout-mode=\"dark\"] .swal2-popup {\n  background-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .swal2-content {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .swal2-html-container {\n  color: #858d98; }\n\n.alertify .ajs-header {\n  font-weight: 500; }\n\n.alertify .ajs-dialog {\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n  background-color: #fff; }\n  .alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n    background-color: #fff; }\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-weight: 500; }\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-notifier .ajs-message {\n  background-color: #5156be;\n  border-color: #5156be;\n  color: #fff;\n  text-shadow: none !important; }\n  .alertify-notifier .ajs-message.ajs-success {\n    background-color: #2ab57d;\n    border-color: #2ab57d; }\n  .alertify-notifier .ajs-message.ajs-error {\n    background-color: #fd625e;\n    border-color: #fd625e; }\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  .alertify-notifier.ajs-right .ajs-message {\n    right: -320px;\n    left: auto; }\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  .alertify-notifier.ajs-left .ajs-message {\n    left: -300px;\n    right: auto; }\n    .alertify-notifier.ajs-left .ajs-message.ajs-visible {\n      left: 0;\n      right: auto; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-dialog {\n  background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-header, body[data-layout-mode=\"dark\"] .alertify .ajs-footer {\n  color: #ced4da;\n  background-color: #313533;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-body {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-body .ajs-content .ajs-input {\n    color: #adb5bd;\n    background-color: #363a38;\n    border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #5156be; }\n\n.pristine-error {\n  margin-top: 2px;\n  color: #fd625e; }\n\n.has-success .form-control {\n  border-color: #2ab57d; }\n\n.has-danger .form-control {\n  border-color: #fd625e; }\n\n.choices__inner {\n  padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n  background-color: #fff;\n  vertical-align: middle;\n  border-radius: 0.25rem;\n  border: 1px solid #ced4da;\n  min-height: 38px; }\n\n.choices[data-type*=\"select-one\"] .choices__inner {\n  padding-bottom: 0.25rem; }\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: #343a40 transparent transparent;\n  right: 11.5px;\n  left: auto; }\n\n.choices[data-type*=\"select-one\"].is-open:after {\n  border-color: transparent transparent #343a40; }\n\n.choices__input {\n  background-color: #fff;\n  margin-bottom: 0; }\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap; }\n  .choices__list--multiple .choices__item {\n    background-color: #5156be;\n    border-color: #5156be;\n    margin-bottom: 0;\n    margin-right: 7px;\n    font-weight: 400; }\n    .choices__list--multiple .choices__item.is-highlighted {\n      background-color: #5156be;\n      border: 1px solid #5156be; }\n\n.choices.is-disabled .choices__inner,\n.choices.is-disabled .choices__input {\n  background-color: #e9e9ef; }\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #74788d;\n  border-color: #74788d; }\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\nbody[data-layout-mode=\"dark\"] .choices__inner {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .choices__input {\n  background-color: #363a38;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"]:after {\n  border-color: #adb5bd transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"].is-open:after {\n  border-color: transparent transparent #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"] .choices__input {\n  background-color: #363a38;\n  border: 1px solid #3b403d;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n  background-color: #363a38;\n  border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .choices__list--dropdown .choices__item--selectable.is-highlighted {\n    background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__inner,\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__input {\n  background-color: #363a38; }\n\n/* CSS Switch */\ninput[switch] {\n  display: none; }\n  input[switch] + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: #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    input[switch] + label:before {\n      color: #343a40;\n      content: attr(data-off-label);\n      display: block;\n      font-family: inherit;\n      font-weight: 500;\n      font-size: 12px;\n      line-height: 21px;\n      position: absolute;\n      right: 1px;\n      margin: 3px;\n      top: -2px;\n      text-align: center;\n      min-width: 1.66667rem;\n      overflow: hidden;\n      transition: all 0.1s ease-in-out; }\n    input[switch] + label:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: #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  input[switch]:checked + label {\n    background-color: #5156be; }\n\ninput[switch]:checked + label {\n  background-color: #5156be; }\n  input[switch]:checked + label:before {\n    color: #fff;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px; }\n  input[switch]:checked + label:after {\n    left: 33px;\n    background-color: #e9e9ef; }\n\ninput[switch=\"bool\"] + label {\n  background-color: #fd625e; }\n\ninput[switch=\"bool\"] + label:before, input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before {\n  color: #fff; }\n\ninput[switch=\"bool\"]:checked + label {\n  background-color: #2ab57d; }\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: #5156be; }\n\ninput[switch=\"success\"]:checked + label {\n  background-color: #2ab57d; }\n\ninput[switch=\"info\"]:checked + label {\n  background-color: #4ba6ef; }\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: #ffbf53; }\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: #fd625e; }\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: #343a40; }\n  input[switch=\"dark\"]:checked + label:before {\n    color: #e9e9ef; }\n\n.square-switch {\n  margin-right: 7px; }\n  .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n    border-radius: 4px; }\n\n.pcr-app {\n  background: #fff; }\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: .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: .75em;\n  margin-right: 0; }\n\nbody[data-layout-mode=\"dark\"] .pcr-app {\n  background-color: #3b403d; }\n\n.flatpickr-input[readonly] {\n  background-color: #fff; }\n\n.flatpickr-months, .flatpickr-weekdays {\n  background-color: #5156be; }\n\nspan.flatpickr-weekday {\n  color: #fff;\n  font-weight: 500; }\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent !important; }\n\n.flatpickr-am-pm:focus, .flatpickr-am-pm:hover, .numInput:focus, .numInput:hover, .numInputWrapper:focus, .numInputWrapper:hover {\n  background-color: transparent !important; }\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid #e9e9ef; }\n\n.flatpickr-day {\n  color: #343a40 !important; }\n  .flatpickr-day:hover, .flatpickr-day:focus {\n    background-color: rgba(233, 233, 239, 0.7) !important; }\n  .flatpickr-day.today {\n    border-color: #5156be !important;\n    background-color: rgba(81, 86, 190, 0.1); }\n    .flatpickr-day.today:hover, .flatpickr-day.today:focus {\n      color: #343a40 !important;\n      background-color: rgba(81, 86, 190, 0.15) !important; }\n  .flatpickr-day.selected {\n    background-color: #5156be !important;\n    border-color: #5156be !important;\n    color: #fff !important; }\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: rgba(52, 58, 64, 0.3) !important; }\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: #e9e9ef;\n    border-color: #e9e9ef; }\n  .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #e9e9ef, 5px 0 0 #e9e9ef; }\n\n.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important; }\n\n.flatpickr-monthDropdown-month {\n  color: rgba(0, 0, 0, 0.8); }\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.flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {\n  color: #343a40 !important; }\n\n.flatpickr-calendar {\n  background-color: #fff !important;\n  box-shadow: 1px 0 0 #e9e9ef, -1px 0 0 #e9e9ef, 0 1px 0 #e9e9ef, 0 -1px 0 #e9e9ef, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n  .flatpickr-calendar.hasTime .flatpickr-time {\n    border-top: 1px solid #e9e9ef !important; }\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px; }\n  .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {\n    fill: rgba(255, 255, 255, 0.9) !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-calendar {\n  background-color: #373c39 !important;\n  box-shadow: 1px 0 0 #3b403d, -1px 0 0 #3b403d, 0 1px 0 #3b403d, 0 -1px 0 #3b403d, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-calendar.hasTime .flatpickr-time {\n    border-top: 1px solid #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-weekdays {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-day {\n  color: #adb5bd !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus {\n    background-color: rgba(59, 64, 61, 0.7) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.today:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.today:focus {\n    color: #adb5bd !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:focus {\n    background-color: #3b403d;\n    border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.selected {\n    background-color: #5156be !important;\n    border-color: #5156be !important;\n    color: #fff !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled, body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.nextMonthDay {\n    color: rgba(173, 181, 189, 0.3) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #3b403d, 5px 0 0 #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time input, body[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-time-separator, body[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-am-pm {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #adb5bd; }\n\n.ck.ck-toolbar {\n  background-color: rgba(233, 233, 239, 0.75) !important;\n  border: 1px solid #ced4da !important; }\n  .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n    flex-wrap: wrap !important; }\n  .ck.ck-toolbar .ck.ck-toolbar__separator {\n    background: transparent !important; }\n\n.ck.ck-editor__main > .ck-editor__editable {\n  border-top: 0 !important;\n  background-color: #fff !important;\n  border-color: #ced4da !important;\n  box-shadow: none !important; }\n\n.ck.ck-dropdown__panel, .ck.ck-list {\n  background: #fff !important;\n  border: 1px solid #e9e9ef !important; }\n\n.ck.ck-reset_all,\n.ck.ck-reset_all * {\n  color: #495057 !important; }\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {\n  left: 0;\n  right: auto !important; }\n\n.ck.ck-editor__editable_inline[dir=\"ltr\"] {\n  text-align: left !important; }\n\n.ck-editor__editable {\n  min-height: 245px !important; }\n\n.ck.ck-button.ck-on:not(.ck-disabled):hover, .ck.ck-button.ck-on:not(.ck-disabled):active,\na.ck.ck-button.ck-on:not(.ck-disabled):hover,\na.ck.ck-button.ck-on:not(.ck-disabled):active {\n  background: #e9e9ef !important;\n  box-shadow: none !important; }\n\n.ck.ck-button:focus, .ck.ck-button:active,\na.ck.ck-button:focus,\na.ck.ck-button:active {\n  background: #e9e9ef !important;\n  border-color: #e9e9ef !important; }\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: #343a40 !important;\n  color: #e9e9ef !important; }\n\n.ck.ck-toolbar .ck.ck-button.ck-on,\na.ck.ck-button.ck-on,\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover {\n  background: rgba(233, 233, 239, 0.75) !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar {\n  background-color: #3b403d !important;\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-dropdown__panel, body[data-layout-mode=\"dark\"] .ck.ck-list {\n  background-color: #373c39 !important;\n  border-color: #373c39 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-editor__main > .ck-editor__editable {\n  background-color: #313533 !important;\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-icon :not([fill]) {\n  fill: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all,\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all * {\n  color: #858d98 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck .ck-link-form, body[data-layout-mode=\"dark\"] .ck .ck-input-text, body[data-layout-mode=\"dark\"] .ck .ck-label {\n  background-color: #373c39 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar .ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] .ck.ck-button:not(.ck-disabled):hover,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:not(.ck-disabled):hover {\n  background: rgba(133, 141, 152, 0.2) !important; }\n\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse; }\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed #ced4da;\n  background: #fff;\n  border-radius: 6px; }\n  .dropzone .dz-message {\n    font-size: 24px;\n    width: 100%; }\n\nbody[data-layout-mode=\"dark\"] .dropzone {\n  background: #333836;\n  border-color: #3b403d; }\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  @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.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  @media (max-width: 575.98px) {\n    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n      padding: 0.5rem; } }\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: #e9e9ef;\n    left: 62%;\n    top: 50%;\n    transform: translateY(-50%); }\n    @media (max-width: 575.98px) {\n      .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n        display: none; } }\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active {\n    color: #495057;\n    background-color: transparent; }\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  .twitter-bs-wizard .twitter-bs-wizard-pager-link li {\n    display: inline-block; }\n    .twitter-bs-wizard .twitter-bs-wizard-pager-link li.next {\n      float: right; }\n\n.twitter-bs-wizard-tab-content {\n  padding-top: 24px;\n  min-height: 262px; }\n\nbody[data-layout-mode=\"dark\"] .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n  background-color: #3b403d; }\n\n/* \r\nDatatable\r\n*/\ndiv.dataTables_wrapper div.dataTables_filter {\n  text-align: right; }\n  @media (max-width: 767px) {\n    div.dataTables_wrapper div.dataTables_filter {\n      text-align: center; } }\n  div.dataTables_wrapper div.dataTables_filter input {\n    margin-left: 0.5em;\n    margin-right: 0; }\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative; }\n  .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n    padding-left: 30px; }\n    .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n      top: 50%;\n      left: 5px;\n      height: 14px;\n      width: 14px;\n      margin-top: -9px;\n      display: block;\n      position: absolute;\n      color: #fff;\n      border: 2px solid #fff;\n      border-radius: 14px;\n      box-sizing: content-box;\n      text-align: center;\n      text-indent: 0 !important;\n      line-height: 14px;\n      content: '+';\n      background-color: #5156be; }\n\n.table.dataTable > thead > tr > th:not(.sorting_disabled), .table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled), table.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, table.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, table.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: .5em;\n  left: auto; }\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  .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  .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: #495057 !important; }\n  .table-rep-plugin .checkbox-row:hover {\n    background-color: #efeff3 !important; }\n  .table-rep-plugin .checkbox-row label {\n    display: inline-block;\n    padding-left: 5px;\n    position: relative; }\n    .table-rep-plugin .checkbox-row label::before {\n      -o-transition: 0.3s ease-in-out;\n      -webkit-transition: 0.3s ease-in-out;\n      background-color: #fff;\n      border-radius: 3px;\n      border: 1px solid #f6f6f6;\n      content: \"\";\n      display: inline-block;\n      height: 17px;\n      left: 0;\n      margin-left: -20px;\n      position: absolute;\n      transition: 0.3s ease-in-out;\n      width: 17px;\n      outline: none !important; }\n    .table-rep-plugin .checkbox-row label::after {\n      color: #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  .table-rep-plugin .checkbox-row input[type=\"checkbox\"] {\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1;\n    outline: none !important; }\n    .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n      opacity: 0.65; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n    outline-offset: -2px;\n    outline: none; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    content: \"\\f00c\";\n    font-family: 'Font Awesome 5 Free';\n    font-weight: 900; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n    background-color: #f8f9fa;\n    cursor: not-allowed; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n    background-color: #5156be;\n    border-color: #5156be; }\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  .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  .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@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] .fixed-solution .sticky-table-header {\n    top: 120px !important; } }\n\n.table-edits input, .table-edits select {\n  height: calc(1.5em + (0.5rem + 2px));\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #ced4da;\n  background-color: #fff;\n  color: #495057;\n  border-radius: 0.25rem; }\n  .table-edits input:focus, .table-edits select:focus {\n    outline: none;\n    border-color: #b9bfc4; }\n\nbody[data-layout-mode=\"dark\"] .table-edits input, body[data-layout-mode=\"dark\"] .table-edits select {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n  body[data-layout-mode=\"dark\"] .table-edits input:focus, body[data-layout-mode=\"dark\"] .table-edits select:focus {\n    border-color: #3b403d; }\n\n.apex-charts {\n  min-height: 10px !important; }\n  .apex-charts text {\n    font-family: var(--bs-font-sans-serif) !important;\n    fill: #adb5bd; }\n  .apex-charts .apexcharts-canvas {\n    margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important; }\n\n.apexcharts-legend-series {\n  font-weight: 500; }\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: #f8f9fa; }\n\n.apexcharts-legend-text {\n  color: #74788d !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important; }\n\n.apexcharts-pie-label {\n  fill: #fff !important; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-gridline {\n  stroke: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light {\n  background-color: #313533;\n  border-color: #373c39; }\n  body[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n    background-color: #3b403d;\n    border-color: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-legend-text {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g + line,\nbody[data-layout-mode=\"dark\"] .apexcharts-grid-row + line {\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-xaxis line,\nbody[data-layout-mode=\"dark\"] .apexcharts-treemap-rect,\nbody[data-layout-mode=\"dark\"] .apexcharts-heatmap-rect,\nbody[data-layout-mode=\"dark\"] .apexcharts-pie-area {\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radar-series.apexcharts-plot-series polygon,\nbody[data-layout-mode=\"dark\"] .apexcharts-radar-series.apexcharts-plot-series line {\n  fill: #3b403d;\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie circle {\n  stroke: #414743; }\n\n.e-charts {\n  height: 350px; }\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #343a40 !important;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #212529 !important; }\n\n.jqsfield {\n  color: #e9e9ef !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\nbody[data-layout-mode=\"dark\"] .jqstooltip {\n  background-color: #e9e9ef !important;\n  border-color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .jqsfield {\n  color: #3b403d !important; }\n\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: #f8f9fa;\n  border-radius: 3px; }\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #5156be;\n  border-radius: 4px;\n  padding: 10px 20px; }\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute; }\n  .gmaps-overlay_arrow.above {\n    bottom: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-top: 16px solid #5156be; }\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.jvectormap-label {\n  border: none;\n  background: #343a40;\n  color: #f8f9fa;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.875rem;\n  padding: 5px 8px; }\n\nbody[data-layout-mode=\"dark\"] .jvectormap-label {\n  background: #e9e9ef;\n  color: #313533; }\n\n.leaflet-map {\n  height: 300px; }\n  .leaflet-map.leaflet-container {\n    z-index: 1; }\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  .auth-bg .bg-overlay {\n    opacity: 0.9; }\n  @media (min-width: 768px) {\n    .auth-bg {\n      height: 100vh; } }\n\n.auth-full-page-content {\n  min-height: 100vh; }\n\n.auth-logo .logo-txt {\n  color: #343a40;\n  font-size: 20px; }\n\n.auth-pass-inputgroup input[type=\"input\"] + .btn .mdi-eye-outline:before {\n  content: \"\\F06D1\"; }\n\n.bg-bubbles {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden; }\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    .bg-bubbles li:nth-child(1) {\n      left: 10%; }\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    .bg-bubbles li:nth-child(3) {\n      left: 25%;\n      animation-delay: 4s; }\n    .bg-bubbles li:nth-child(4) {\n      left: 40%;\n      width: 80px;\n      height: 80px;\n      animation-duration: 22s; }\n    .bg-bubbles li:nth-child(5) {\n      left: 70%;\n      width: 90px;\n      height: 90px; }\n    .bg-bubbles li:nth-child(6) {\n      left: 70%;\n      width: 120px;\n      height: 120px;\n      animation-delay: 3s; }\n    .bg-bubbles li:nth-child(7) {\n      left: 32%;\n      width: 150px;\n      height: 150px;\n      animation-delay: 7s; }\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    .bg-bubbles li:nth-child(9) {\n      left: 25%;\n      width: 50px;\n      height: 50px;\n      animation-delay: 2s;\n      animation-duration: 40s; }\n    .bg-bubbles li:nth-child(10) {\n      left: 90%;\n      width: 140px;\n      height: 140px;\n      animation-delay: 11s; }\n\n@keyframes square {\n  0% {\n    transform: translateY(0); }\n  100% {\n    transform: translateY(-1000px) rotate(600deg); } }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .logo-txt {\n  color: #fff; }\n\n/* ==============\r\n  Email\r\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px; }\n\n.email-rightbar {\n  margin-left: 260px; }\n\n.chat-user-box p.user-title {\n  color: #343a40;\n  font-weight: 500; }\n\n.chat-user-box p {\n  font-size: 12px; }\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%; }\n  .email-rightbar {\n    margin: 0; } }\n\n.mail-list a {\n  display: block;\n  color: #74788d;\n  line-height: 24px;\n  padding: 8px 5px; }\n  .mail-list a.active {\n    color: #fd625e;\n    font-weight: 500; }\n\n.message-list {\n  display: block;\n  padding-left: 0; }\n  .message-list li {\n    position: relative;\n    display: block;\n    height: 50px;\n    line-height: 50px;\n    cursor: default;\n    transition-duration: .3s; }\n    .message-list li a {\n      color: #74788d; }\n    .message-list li:hover {\n      background: #f6f6f6;\n      transition-duration: .05s; }\n    .message-list li .col-mail {\n      float: left;\n      position: relative; }\n    .message-list li .col-mail-1 {\n      width: 320px; }\n      .message-list li .col-mail-1 .star-toggle,\n      .message-list li .col-mail-1 .checkbox-wrapper-mail,\n      .message-list li .col-mail-1 .dot {\n        display: block;\n        float: left; }\n      .message-list li .col-mail-1 .dot {\n        border: 4px solid transparent;\n        border-radius: 100px;\n        margin: 22px 26px 0;\n        height: 0;\n        width: 0;\n        line-height: 0;\n        font-size: 0; }\n      .message-list li .col-mail-1 .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px; }\n      .message-list li .col-mail-1 .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px; }\n      .message-list li .col-mail-1 .title {\n        position: absolute;\n        top: 0;\n        left: 110px;\n        right: 0;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        margin-bottom: 0; }\n    .message-list li .col-mail-2 {\n      position: absolute;\n      top: 0;\n      left: 320px;\n      right: 0;\n      bottom: 0; }\n      .message-list li .col-mail-2 .subject,\n      .message-list li .col-mail-2 .date {\n        position: absolute;\n        top: 0; }\n      .message-list li .col-mail-2 .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap; }\n      .message-list li .col-mail-2 .date {\n        right: 0;\n        width: 170px;\n        padding-left: 80px; }\n    .message-list li.active, .message-list li.active:hover {\n      box-shadow: inset 3px 0 0 #5156be; }\n    .message-list li.unread {\n      background-color: #f6f6f6;\n      font-weight: 500;\n      color: #292d32; }\n      .message-list li.unread a {\n        color: #292d32;\n        font-weight: 500; }\n  .message-list .checkbox-wrapper-mail {\n    cursor: pointer;\n    height: 20px;\n    width: 20px;\n    position: relative;\n    display: inline-block;\n    box-shadow: inset 0 0 0 1px #ced4da;\n    border-radius: 1px; }\n    .message-list .checkbox-wrapper-mail input {\n      opacity: 0;\n      cursor: pointer; }\n    .message-list .checkbox-wrapper-mail input:checked ~ label {\n      opacity: 1; }\n    .message-list .checkbox-wrapper-mail label {\n      position: absolute;\n      height: 20px;\n      width: 20px;\n      left: 0;\n      cursor: pointer;\n      opacity: 0;\n      margin-bottom: 0;\n      transition-duration: .05s;\n      top: 0; }\n      .message-list .checkbox-wrapper-mail label:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: #292d32;\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px; }\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px; } }\n\n.email-editor .ck-editor__editable_inline {\n  min-height: 200px !important; }\n\nbody[data-layout-mode=\"dark\"] .mail-list a {\n  color: #858d98; }\n  body[data-layout-mode=\"dark\"] .mail-list a.active {\n    color: #fd625e; }\n\nbody[data-layout-mode=\"dark\"] .chat-user-box p.user-title {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .message-list li a {\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .message-list li:hover {\n  background: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .message-list li.unread {\n  background: #373c39;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail {\n  box-shadow: inset 0 0 0 1px #858d98; }\n  body[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail label::before {\n    color: #adb5bd; }\n\n@media (min-width: 992px) {\n  .chat-leftsidebar {\n    min-width: 260px; } }\n\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px; } }\n\n.chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: #fff;\n  color: #5156be; }\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.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\n.chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    .chat-message-list {\n      height: calc(100vh - 406px); } }\n\n.chat-list {\n  margin: 0; }\n  .chat-list li.active a {\n    background-color: rgba(81, 86, 190, 0.075);\n    border-color: transparent; }\n  .chat-list li a {\n    display: block;\n    padding: 14px 16px;\n    color: #74788d;\n    transition: all 0.4s;\n    border-top: 1px solid #e9e9ef;\n    position: relative; }\n    .chat-list li a:hover {\n      background-color: rgba(81, 86, 190, 0.075);\n      border-color: transparent; }\n  .chat-list li .user-img {\n    position: relative; }\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 #fff;\n      position: absolute;\n      left: 0;\n      bottom: 0; }\n    .chat-list li .user-img.online .user-status {\n      background-color: #2ab57d; }\n    .chat-list li .user-img.away .user-status {\n      background-color: #ffbf53; }\n  .chat-list li.unread a {\n    font-weight: 600;\n    color: #343a40; }\n  .chat-list li .unread-message {\n    position: absolute;\n    display: inline-block;\n    right: 16px;\n    top: 33px; }\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: #74788d;\n  font-weight: 600;\n  margin-bottom: 7px; }\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\n.chat-conversation {\n  height: calc(100vh - 300px); }\n  @media (min-width: 992px) {\n    .chat-conversation {\n      height: calc(100vh - 360px); } }\n  .chat-conversation li {\n    clear: both; }\n  .chat-conversation .chat-day-title {\n    position: relative;\n    text-align: center;\n    margin-bottom: 24px;\n    border: none; }\n    .chat-conversation .chat-day-title .title {\n      background-color: #fff;\n      position: relative;\n      z-index: 1;\n      padding: 6px 24px; }\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: #e9e9ef;\n      top: 10px; }\n    .chat-conversation .chat-day-title .badge {\n      font-size: 12px; }\n  .chat-conversation .conversation-list {\n    margin-bottom: 24px;\n    position: relative; }\n    .chat-conversation .conversation-list .ctext-wrap {\n      display: flex;\n      margin-bottom: 10px; }\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      .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    .chat-conversation .conversation-list .conversation-name {\n      margin-bottom: 4px;\n      display: flex;\n      font-size: 13px; }\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      .chat-conversation .conversation-list .conversation-name .user-name {\n        color: rgba(255, 255, 255, 0.5); }\n    .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n      font-size: 18px;\n      padding: 4px;\n      color: #74788d; }\n      @media (max-width: 575.98px) {\n        .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n          display: none; } }\n    .chat-conversation .conversation-list .message-img {\n      border-radius: .2rem;\n      position: relative; }\n      .chat-conversation .conversation-list .message-img .message-img-list {\n        position: relative; }\n      .chat-conversation .conversation-list .message-img img {\n        max-width: 140px; }\n  .chat-conversation .right .conversation-list {\n    float: right;\n    text-align: right; }\n    .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n      order: 2;\n      background-color: rgba(233, 233, 239, 0.5);\n      text-align: right;\n      border-radius: 8px 0px 8px 8px;\n      margin-left: 0;\n      margin-right: 16px;\n      color: #343a40; }\n      .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n        border: 5px solid transparent;\n        border-top-color: rgba(233, 233, 239, 0.5);\n        border-left-color: rgba(233, 233, 239, 0.5);\n        left: auto;\n        right: -10px; }\n    .chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n      justify-content: flex-end; }\n      .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name, .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n        color: #74788d; }\n      .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n        order: 1;\n        margin-left: 0;\n        margin-right: 8px; }\n      .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n        order: 2; }\n    .chat-conversation .right .conversation-list .dropdown {\n      order: 1; }\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto; } }\n\nbody[data-layout=\"horizontal\"] .chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .chat-message-list {\n      height: calc(100vh - 476px); } }\n\nbody[data-layout=\"horizontal\"] .chat-conversation {\n  height: calc(100vh - 300px); }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .chat-conversation {\n      height: calc(100vh - 420px); } }\n\nbody[data-layout-mode=\"dark\"] .chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li a {\n  color: #858d98;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li .user-img .user-status {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li.unread a {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title .title {\n  background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title::before {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  background-color: rgba(59, 64, 61, 0.5);\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content::before {\n    border-top-color: rgba(59, 64, 61, 0.5);\n    border-left-color: rgba(59, 64, 61, 0.5); }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time, body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  color: #858d98; }\n\n.slide-bg {\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat; }\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  .coming-content .app-search {\n    max-width: 340px; }\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  .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    @media (max-width: 575.98px) {\n      .preview-thumbsnav .nav-img {\n        display: none; } }\n  .preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n    background-color: #fff;\n    border: 1px solid #fff; }\n\n.coming-box {\n  width: 25%; }\n  .coming-box:last-of-type .count-num::after {\n    display: none; }\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 600;\n  text-align: center;\n  display: flex;\n  gap: 24px; }\n  @media (max-width: 575.98px) {\n    .counter-number {\n      font-size: 18px; } }\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.count-num {\n  background-color: #fff;\n  padding: 16px 8px;\n  position: relative;\n  border-radius: 4px; }\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\nbody[data-layout-mode=\"dark\"] .count-num {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n  background-color: #3b403d;\n  border-color: #3b403d; }\n\n/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0; }\n  @media (max-width: 767.98px) {\n    .timeline {\n      padding: 0; } }\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    .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  .timeline .timeline-year {\n    margin: 30px 0; }\n  .timeline .timeline-continue {\n    position: relative;\n    width: 100%;\n    padding: 60px 0; }\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  .timeline .timeline-icon {\n    margin: 42px 10px 0 10px; }\n  .timeline .timeline-left {\n    text-align: right; }\n    .timeline .timeline-left .timeline-icon {\n      text-align: left; }\n  .timeline .timeline-right {\n    text-align: left; }\n    .timeline .timeline-right .timeline-icon {\n      text-align: right; }\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  @media (min-width: 768px) {\n    .timeline .event-content {\n      padding-right: 24px; }\n    .timeline .timeline-text {\n      margin-right: 40px; } }\n  .timeline .timeline-left .timeline-icon::after {\n    left: -7px; }\n  @media (min-width: 768px) {\n    .timeline .timeline-left .event-content {\n      padding-right: 0;\n      padding-left: 24px; }\n    .timeline .timeline-left .timeline-text {\n      margin-right: 0px;\n      margin-left: 40px; }\n    .timeline .timeline-left .event-img {\n      justify-content: flex-end; } }\n  .timeline .timeline-right .timeline-icon::after {\n    right: -7px; }\n  .timeline .timeline-box {\n    position: relative;\n    display: inline-block;\n    margin: 15px;\n    padding: 20px;\n    border: 1px solid #e9e9ef;\n    border-radius: 6px; }\n    .timeline .timeline-box::after {\n      content: \"\";\n      position: absolute;\n      width: 16px;\n      height: 16px;\n      top: 26px;\n      background-color: #fff;\n      border: 1px solid #e9e9ef;\n      transform: rotate(45deg);\n      margin: 0px auto; }\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.timeline-date {\n  right: 20px; }\n  @media (max-width: 767.98px) {\n    .timeline-date {\n      left: -70px;\n      right: auto; } }\n\n.timeline-left .timeline-date {\n  left: 20px; }\n  @media (max-width: 767.98px) {\n    .timeline-left .timeline-date {\n      left: -70px;\n      right: auto; } }\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  @media (max-width: 767.98px) {\n    .timeline .timeline-date {\n      top: 0px; } }\n\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent #e9e9ef #e9e9ef;\n  left: -8px;\n  right: 100%; }\n\n.timeline .timeline-left .timeline-box::after {\n  border-color: #e9e9ef #e9e9ef transparent transparent;\n  right: -8px; }\n\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: #e9e9ef transparent transparent #e9e9ef; }\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.timeline .timeline-launch .timeline-text {\n  width: 100%; }\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px; }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left; }\n  .timeline .row.timeline-left {\n    text-align: left; }\n    .timeline .row.timeline-left .timeline-icon {\n      text-align: left; }\n  .timeline .row.timeline-right {\n    text-align: left; }\n    .timeline .row.timeline-right .timeline-icon {\n      text-align: left; }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0; }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px; }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px; }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0; }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px; }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px; }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0; }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent #e9e9ef #e9e9ef;\n    right: auto; } }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-box {\n  border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .timeline .timeline-box:after {\n    background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-left .timeline-box:after {\n  border-color: #3b403d #3b403d transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-right .timeline-box:after {\n  border-color: transparent transparent #3b403d #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-launch .timeline-box::after {\n  border-color: #3b403d transparent transparent #3b403d; }\n\n/*********************\r\n    Maintenance\r\n**********************/\n.maintenance-cog-icon .cog-icon {\n  position: relative;\n  bottom: 24px;\n  right: 14px; }\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  .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.pricing-tab-box .nav-link {\n  padding: 16px 20px;\n  border: 1px solid #e9e9ef; }\n  .pricing-tab-box .nav-link.active {\n    border: 1px solid #5156be;\n    background: transparent;\n    padding: 16px 20px; }\n    .pricing-tab-box .nav-link.active i {\n      color: #5156be; }\n    .pricing-tab-box .nav-link.active h1 {\n      color: #5156be; }\n\nbody[data-layout-mode=dark] .pricing-tab-box .nav-link {\n  border-color: #3b403d; }\n  body[data-layout-mode=dark] .pricing-tab-box .nav-link.active {\n    border-color: #5156be; }\n","//\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');","\r\nbody[data-layout-mode=\"dark\"] {\r\n    background-color: $gray-dark-200;\r\n    color: $gray-dark-600;\r\n\r\n\r\n    .h1,.h2,.h3,.h4,.h5,.h6,\r\n    h1,h2,h3,h4,h5,h6 {\r\n        color: $gray-dark-600;\r\n    }\r\n}","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar  Light\n$sidebar-bg: #fbfaff;\n$sidebar-menu-item-color: #545a6d;\n$sidebar-menu-sub-item-color: #545a6d;\n$sidebar-menu-item-icon-color: #545a6d;\n$sidebar-menu-item-hover-color: #5156be;\n$sidebar-menu-item-active-color: #5156be;\n$sidebar-border-color: #e9e9ef;\n$sidebar-width:  250px;\n$sidebar-collapsed-width:  70px;\n$sidebar-width-sm:  160px;\n\n// Vertical Sidebar - Dark\n$sidebar-dark-bg: #2C302E; //2c313a\n$sidebar-dark-menu-item-color: #99a4b1;\n$sidebar-dark-menu-sub-item-color: #858d98;\n$sidebar-dark-menu-item-icon-color: #858d98;\n$sidebar-dark-menu-item-hover-color: #ffffff;\n$sidebar-dark-menu-item-active-color: #ffffff;\n\n// Topbar - Deafult Light\n$header-height: 70px;\n$header-bg: #ffffff;\n$header-item-color: #555b6d;\n\n// Topbar - Dark\n$header-dark-bg: #313533;\n$header-dark-item-color: #e9ecef;\n\n// Topbar Search\n$topbar-search-bg: #f3f3f9;\n\n// Footer\n$footer-height: 60px;\n$footer-bg: #ffffff;\n$footer-color: #74788d;\n\n// Horizontal nav\n$topnav-bg:   #fbfaff;\n$menu-item-color: #545a6d;\n$menu-item-active-color: #5156be;\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:       #f0f0f0;\n\n// apex charts\n$apex-grid-color: #f8f9fa;\n\n// table\n$table-head-bg:               $gray-100;\n$table-dark-border-color:     tint-color($gray-800, 7.5%);\n\n\n// \n// Dark theme Layout\n//\n\n$gray-dark-100: #212529;\n$gray-dark-200: #313533;\n$gray-dark-300: #3b403d;\n$gray-dark-400: #858d98;\n$gray-dark-500: #adb5bd;\n$gray-dark-600: #ced4da;\n$gray-dark-700: #f6f6f6;\n$gray-dark-800: #e9e9ef;\n$gray-dark-900: #f8f9fa;\n\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$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: #495057;\n$gray-800: #343a40;\n$gray-900: #212529;\n$black:    #000;\n\n// fusv-disable\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\n// fusv-enable\n\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\n// scss-docs-start colors-map\n$colors: (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n);\n// scss-docs-end colors-map\n\n$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-800;\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    \"pink\":       $pink,\n    \"light\":      $light,\n    \"dark\":       $dark\n);\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   1.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\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n);\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                false;\n$enable-rounded:              true;\n$enable-shadows:              false;\n$enable-gradients:            false;\n$enable-transitions:          true;\n$enable-reduced-motion:       true;\n$enable-smooth-scroll:        true;\n$enable-grid-classes:         true;\n$enable-button-pointers:      true;\n$enable-rfs:                  true;\n$enable-validation-icons:     true;\n$enable-negative-margins:     true;\n$enable-deprecation-messages: true;\n$enable-important-utilities:  true;\n\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs-;\n\n\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 th styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem;\n$spacers: (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n);\n\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   #ffffff;\n$body-color:                $gray-700;\n$body-text-align:           null;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary;\n$link-decoration:                         none;\n$link-shade-percentage:                   20%;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage);\n$link-hover-decoration:                   underline;\n\n$stretched-link-pseudo-element:           after;\n$stretched-link-z-index:                  1;\n\n\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\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:           20px;\n$grid-row-columns:            6;\n\n$gutters: $spacers;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2;\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px;\n$border-widths: (\n  0: 0,\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n);\n\n$border-color:                #e9e9ef;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem;\n$border-radius-lg:            .4rem;\n$border-radius-sm:            .2rem;\n$border-radius-pill:          50rem;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);\n$box-shadow:                  0 0.25rem 0.75rem rgba(18,38,63,.08);\n$box-shadow-lg:               0 0.5rem 1rem rgba($black, 0.1);\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075);\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white;\n$component-active-bg:         $primary;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out;\n$transition-fade:             opacity .15s linear;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      'IBM Plex Sans', sans-serif;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$variable-prefix}font-sans-serif);\n$font-family-code:            var(--#{$variable-prefix}font-monospace);\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root:              null;\n$font-size-base:              0.875rem;\n$font-size-sm:                $font-size-base * .875;\n$font-size-lg:                $font-size-base * 1.25;\n\n\n$font-weight-lighter:         lighter;\n$font-weight-light:           300;\n$font-weight-normal:          400;\n$font-weight-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$line-height-base:            1.5;\n$line-height-sm:              1.25;\n$line-height-lg:              2;\n\n$h1-font-size:                $font-size-base * 2.5;\n$h2-font-size:                $font-size-base * 2;\n$h3-font-size:                $font-size-base * 1.75;\n$h4-font-size:                $font-size-base * 1.5;\n$h5-font-size:                $font-size-base * 1.25;\n$h6-font-size:                $font-size-base;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer / 2;\n$headings-font-family:        null;\n$headings-font-style:         null;\n$headings-font-weight:        600;\n$headings-line-height:        1.2;\n$headings-color:              null;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 6rem,\n  2: 5.5rem,\n  3: 4.5rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n);\n\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25;\n$lead-font-weight:            300;\n\n$small-font-size:             80%;\n\n$sub-sup-font-size:           .75em;\n$text-muted:                  $gray-600;\n\n$initialism-font-size:        $small-font-size;\n\n$blockquote-margin-y:         $spacer;\n$blockquote-font-size:        $font-size-base * 1.25;\n$blockquote-footer-color:     $gray-600;\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y:                 $spacer;\n$hr-color:                    inherit;\n$hr-height:                   $border-width;\n$hr-opacity:                  .2;\n\n$legend-margin-bottom:        .5rem;\n$legend-font-size:            1.5rem;\n$legend-font-weight:          null;\n\n$mark-padding:                .2em;\n\n$dt-font-weight:              $font-weight-bold;\n\n$nested-kbd-font-weight:      $font-weight-bold;\n\n$list-inline-padding:         .5rem;\n\n$mark-bg:                     #fcf8e3;\n// scss-docs-end type-variables\n\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:                 $body-color;\n$table-bg:                    null;\n\n$table-th-font-weight:        null;\n\n\n$table-striped-color:         $table-color;\n$table-striped-bg-factor:     .05;\n$table-striped-bg:            $gray-100;\n\n$table-active-color:          $table-color;\n$table-active-bg-factor:      .1;\n$table-active-bg:             $gray-100;\n\n$table-hover-color:           $table-color;\n$table-hover-bg-factor:       .075;\n$table-hover-bg:              $gray-100;\n\n$table-border-factor:         .1;\n$table-border-width:          $border-width;\n$table-border-color:          $border-color;\n\n$table-striped-order:         odd;\n$table-group-separator-color: $border-color;\n\n$table-caption-color:         $text-muted;\n\n$table-bg-scale:              -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $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:       .15rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity);\n$input-btn-focus-blur:          0;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm:      .25rem;\n$input-btn-padding-x-sm:      .5rem;\n$input-btn-font-size-sm:      $font-size-sm;\n\n$input-btn-padding-y-lg:      .5rem;\n$input-btn-padding-x-lg:      1rem;\n$input-btn-font-size-lg:      $font-size-lg;\n\n$input-btn-border-width:      $border-width;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y;\n$btn-padding-x:               $input-btn-padding-x;\n$btn-font-family:             $input-btn-font-family;\n$btn-font-size:               $input-btn-font-size;\n$btn-line-height:             $input-btn-line-height;\n$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm;\n$btn-padding-x-sm:            $input-btn-padding-x-sm;\n$btn-font-size-sm:            $input-btn-font-size-sm;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg;\n$btn-padding-x-lg:            $input-btn-padding-x-lg;\n$btn-font-size-lg:            $input-btn-font-size-lg;\n\n$btn-border-width:            $input-btn-border-width;\n\n$btn-font-weight:             $font-weight-normal;\n$btn-box-shadow:              0 2px 6px 0 rgba($black, .075);\n$btn-focus-width:             $input-btn-focus-width;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow;\n$btn-disabled-opacity:        .65;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color:              $link-color;\n$btn-link-hover-color:        $link-hover-color;\n$btn-link-disabled-color:     $gray-600;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius;\n$btn-border-radius-sm:        $border-radius-sm;\n$btn-border-radius-lg:        $border-radius-lg;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-hover-bg-shade-amount:       15%;\n$btn-hover-bg-tint-amount:        15%;\n$btn-hover-border-shade-amount:   20%;\n$btn-hover-border-tint-amount:    10%;\n$btn-active-bg-shade-amount:      20%;\n$btn-active-bg-tint-amount:       20%;\n$btn-active-border-shade-amount:  25%;\n$btn-active-border-tint-amount:   10%;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem;\n$form-text-font-size:                   $small-font-size;\n$form-text-font-style:                  null;\n$form-text-font-weight:                 null;\n$form-text-color:                       $text-muted;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem;\n$form-label-font-size:                  null;\n$form-label-font-style:                 null;\n$form-label-font-weight:                null;\n$form-label-color:                      null;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y;\n$input-padding-x:                       $input-btn-padding-x;\n$input-font-family:                     $input-btn-font-family;\n$input-font-size:                       $input-btn-font-size;\n$input-font-weight:                     $font-weight-base;\n$input-line-height:                     $input-btn-line-height;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\n$input-font-size-sm:                    $input-btn-font-size-sm;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\n$input-font-size-lg:                    $input-btn-font-size-lg;\n\n$input-bg:                              $white;\n$input-disabled-bg:                     $gray-200;\n$input-disabled-border-color:           null;\n\n$input-color:                           $gray-700;\n$input-border-color:                    $gray-400;\n$input-border-width:                    $input-btn-border-width;\n$input-box-shadow:                      $box-shadow-inset;\n\n$input-border-radius:                   $border-radius;\n$input-border-radius-lg:                $border-radius-lg;\n$input-border-radius-sm:                $border-radius-sm;\n\n$input-focus-bg:                        $input-bg;\n$input-focus-border-color:              shade-color($input-border-color, 10%);\n$input-focus-color:                     $input-color;\n$input-focus-width:                     $input-btn-focus-width;\n$input-focus-box-shadow:                none;\n\n$input-placeholder-color:               $gray-500;\n$input-plaintext-color:                 $body-color;\n\n$input-height-border:                   $input-border-width * 2;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2);\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em;\n$form-check-min-height:                   $font-size-base * $line-height-base;\n$form-check-padding-start:                $form-check-input-width + .5em;\n$form-check-margin-bottom:                .125rem;\n$form-check-label-color:                  null;\n$form-check-label-cursor:                 null;\n$form-check-transition:                   background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-check-input-active-filter:          brightness(90%);\n\n$form-check-input-bg:                     $card-bg;\n$form-check-input-border:                 1px solid rgba(0, 0, 0, .25);\n$form-check-input-border-radius:          .25em;\n$form-check-radio-border-radius:          50%;\n$form-check-input-focus-border:           $input-focus-border-color;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow;\n\n$form-check-input-checked-color:          $component-active-color;\n$form-check-input-checked-bg-color:       $component-active-bg;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color:          $component-active-color;\n$form-check-input-indeterminate-bg-color:       $component-active-bg;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity:        .5;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity;\n\n\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(0, 0, 0, .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$form-check-inline-margin-end:    1rem;\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:                  $gray-200;\n$input-group-addon-border-color:        $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y;\n$form-select-padding-x:             $input-padding-x;\n$form-select-font-family:           $input-font-family;\n$form-select-font-size:             $input-font-size;\n$form-select-indicator-padding:     1.75rem; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight:           $input-font-weight;\n$form-select-line-height:           $input-line-height;\n$form-select-color:                 $input-color;\n$form-select-disabled-color:        $gray-600;\n$form-select-bg:                    $input-bg;\n$form-select-disabled-bg:           $gray-200;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position:           right $form-select-padding-x center;\n$form-select-bg-size:               16px 12px; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-position:    center right ($form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width:        $input-border-width;\n$form-select-border-color:        $input-border-color;\n$form-select-border-radius:       $border-radius;\n$form-select-box-shadow:          $box-shadow-inset;\n\n$form-select-focus-border-color:  $input-focus-border-color;\n$form-select-focus-width:         $input-focus-width;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color;\n\n$form-select-padding-y-sm:        $input-padding-y-sm;\n$form-select-padding-x-sm:        $input-padding-x-sm;\n$form-select-font-size-sm:        $input-font-size-sm;\n\n$form-select-padding-y-lg:        $input-padding-y-lg;\n$form-select-padding-x-lg:        $input-padding-x-lg;\n$form-select-font-size-lg:        $input-font-size-lg;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100%;\n$form-range-track-height:         .5rem;\n$form-range-track-cursor:         pointer;\n$form-range-track-bg:             $gray-300;\n$form-range-track-border-radius:  1rem;\n$form-range-track-box-shadow:     $box-shadow-inset;\n\n$form-range-thumb-width:                   1rem;\n$form-range-thumb-height:                  $form-range-thumb-width;\n$form-range-thumb-bg:                      $component-active-bg;\n$form-range-thumb-border:                  0;\n$form-range-thumb-border-radius:           1rem;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg:             $gray-500;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color;\n$form-file-button-bg:             $input-group-addon-bg;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%);\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border);\n$form-floating-padding-x:         $input-padding-x;\n$form-floating-padding-y:         1rem;\n$form-floating-input-padding-t:   1.625rem;\n$form-floating-input-padding-b:   .625rem;\n$form-floating-label-opacity:     .65;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top;\n$form-feedback-font-size:           $form-text-font-size;\n$form-feedback-font-style:          $form-text-font-style;\n$form-feedback-valid-color:         $success;\n$form-feedback-invalid-color:       $danger;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n);\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-modal-backdrop:             1040;\n$zindex-offcanvas:                  1050;\n$zindex-modal:                      1060;\n$zindex-popover:                    1070;\n$zindex-tooltip:                    1080;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem;\n$nav-link-padding-x:                1rem;\n$nav-link-font-size:                null;\n$nav-link-font-weight:              null;\n$nav-link-color:                    $body-color;\n$nav-link-hover-color:              null;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n$nav-link-disabled-color:           $gray-600;\n\n$nav-tabs-border-color:             $gray-400;\n$nav-tabs-border-width:             $border-width;\n$nav-tabs-border-radius:            $border-radius;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;\n$nav-tabs-link-active-color:        $gray-700;\n$nav-tabs-link-active-bg:           $card-bg;\n$nav-tabs-link-active-border-color: $gray-400 $gray-400 $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius:           $border-radius;\n$nav-pills-link-active-color:       $component-active-color;\n$nav-pills-link-active-bg:          $component-active-bg;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer / 2;\n$navbar-padding-x:                  null;\n\n$navbar-nav-link-padding-x:         .5rem;\n\n$navbar-brand-font-size:            $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2;\n$navbar-brand-margin-end:           1rem;\n\n$navbar-toggler-padding-y:          .25rem;\n$navbar-toggler-padding-x:          .75rem;\n$navbar-toggler-font-size:          $font-size-lg;\n$navbar-toggler-border-radius:      $btn-border-radius;\n$navbar-toggler-focus-width:        $btn-focus-width;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55);\n$navbar-dark-hover-color:           rgba($white, .75);\n$navbar-dark-active-color:          $white;\n$navbar-dark-disabled-color:        rgba($white, .25);\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color:  rgba($white, .1);\n\n$navbar-light-color:                rgba($black, .55);\n$navbar-light-hover-color:          rgba($black, .7);\n$navbar-light-active-color:         rgba($black, .9);\n$navbar-light-disabled-color:       rgba($black, .3);\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color:                $navbar-light-active-color;\n$navbar-light-brand-hover-color:          $navbar-light-active-color;\n$navbar-dark-brand-color:                 $navbar-dark-active-color;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem;\n$dropdown-padding-x:                0;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                $font-size-base;\n$dropdown-color:                    $body-color;\n$dropdown-bg:                       $white;\n$dropdown-border-color:             $gray-200;\n$dropdown-border-radius:            $border-radius;\n$dropdown-border-width:             1px;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width});\n$dropdown-divider-bg:               $gray-200;\n$dropdown-divider-margin-y:         $spacer / 2;\n$dropdown-box-shadow:               $box-shadow;\n\n$dropdown-link-color:               $gray-700;\n$dropdown-link-hover-color:         $gray-800;\n$dropdown-link-hover-bg:            $gray-100;\n\n$dropdown-link-active-color:        $dark;\n$dropdown-link-active-bg:           $gray-100;\n\n$dropdown-link-disabled-color:      $gray-600;\n\n$dropdown-item-padding-y:           .35rem;\n$dropdown-item-padding-x:           1rem;\n\n$dropdown-header-color:             $gray-600;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300;\n$dropdown-dark-bg:                  $gray-800;\n$dropdown-dark-border-color:        $dropdown-border-color;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg;\n$dropdown-dark-box-shadow:          null;\n$dropdown-dark-link-color:          $dropdown-dark-color;\n$dropdown-dark-link-hover-color:    $white;\n$dropdown-dark-link-hover-bg:       rgba($white, .15);\n$dropdown-dark-link-active-color:   $dropdown-link-active-color;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-500;\n$dropdown-dark-header-color:        $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n\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-color:                  $gray-600;\n$pagination-bg:                     $white;\n$pagination-border-width:           $border-width;\n$pagination-border-radius:          $border-radius;\n$pagination-margin-start:           -$pagination-border-width;\n$pagination-border-color:           $gray-400;\n\n$pagination-focus-color:            $link-hover-color;\n$pagination-focus-bg:               $gray-200;\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;\n$pagination-focus-outline:          0;\n\n$pagination-hover-color:            $link-hover-color;\n$pagination-hover-bg:               $gray-200;\n$pagination-hover-border-color:     $gray-400;\n\n$pagination-active-color:           $component-active-color;\n$pagination-active-bg:              $component-active-bg;\n$pagination-active-border-color:    $pagination-active-bg;\n\n$pagination-disabled-color:         $gray-400;\n$pagination-disabled-bg:            $white;\n$pagination-disabled-border-color:  $gray-400;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$pagination-border-radius-sm:       $border-radius-sm;\n$pagination-border-radius-lg:       $border-radius-lg;\n// scss-docs-end pagination-variables\n\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     1.25rem;\n$card-spacer-x:                     1.25rem;\n$card-title-spacer-y:               $spacer / 2;\n$card-border-width:                 1px;\n$card-border-radius:                $border-radius;\n$card-border-color:                 $gray-200;\n$card-inner-border-radius:          calc(#{$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:                       $white;\n$card-cap-color:                    null;\n$card-height:                       null;\n$card-color:                        null;\n$card-bg:                           $white;\n\n\n$card-title-desc:                   $gray-600;\n\n$card-group-margin:                 $grid-gutter-width / 2;\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:                         $body-color;\n$accordion-bg:                            transparent;\n$accordion-border-width:                  $border-width;\n$accordion-border-color:                  rgba($black, .125);\n$accordion-border-radius:                 $border-radius;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);\n\n$accordion-body-padding-y:                $accordion-padding-y;\n$accordion-body-padding-x:                $accordion-padding-x;\n\n$accordion-button-padding-y:              $accordion-padding-y;\n$accordion-button-padding-x:              $accordion-padding-x;\n$accordion-button-color:                  $accordion-color;\n$accordion-button-bg:                     $accordion-bg;\n$accordion-transition:                    $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%);\n$accordion-button-active-color:           shade-color($primary, 10%);\n\n$accordion-button-focus-border-color:     $input-focus-border-color;\n$accordion-button-focus-box-shadow:       none;\n\n$accordion-icon-width:                    16px;\n$accordion-icon-color:                    $accordion-color;\n$accordion-icon-active-color:             $accordion-button-active-color;\n$accordion-icon-transition:               transform .2s ease-in-out;\n$accordion-icon-transform:                rotate(180deg);\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm;\n$tooltip-max-width:                 200px;\n$tooltip-color:                     $white;\n$tooltip-bg:                        $black;\n$tooltip-border-radius:             $border-radius;\n$tooltip-opacity:                   .9;\n$tooltip-padding-y:                 .4rem;\n$tooltip-padding-x:                 .7rem;\n$tooltip-margin:                    0;\n\n$tooltip-arrow-width:               .8rem;\n$tooltip-arrow-height:              .4rem;\n$tooltip-arrow-color:               $tooltip-bg;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x;\n$form-feedback-tooltip-font-size:     $tooltip-font-size;\n$form-feedback-tooltip-line-height:   $line-height-base;\n$form-feedback-tooltip-opacity:       $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm;\n$popover-bg:                        $white;\n$popover-max-width:                 276px;\n$popover-border-width:              $border-width;\n$popover-border-color:              $gray-200;\n$popover-border-radius:             $border-radius-lg;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2);\n\n$popover-header-bg:                 shade-color($popover-bg, 4%);\n$popover-header-color:              $headings-color;\n$popover-header-padding-y:          .5rem;\n$popover-header-padding-x:          $spacer;\n\n$popover-body-color:                $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$popover-arrow-color:               $popover-bg;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05);\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px;\n$toast-padding-x:                   .75rem;\n$toast-padding-y:                   .25rem;\n$toast-font-size:                   .875rem;\n$toast-color:                       null;\n$toast-background-color:            rgba($white, .85);\n$toast-border-width:                1px;\n$toast-border-color:                rgba(0, 0, 0, .1);\n$toast-border-radius:               .25rem;\n$toast-box-shadow:                  $box-shadow;\n$toast-spacing:                     $container-padding-x;\n\n$toast-header-color:                $gray-600;\n$toast-header-background-color:     rgba($white, .85);\n$toast-header-border-color:         rgba(0, 0, 0, .05);\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   75%;\n$badge-font-weight:                 $font-weight-medium;\n$badge-color:                       $white;\n$badge-padding-y:                   .25em;\n$badge-padding-x:                   .4em;\n$badge-border-radius:               $border-radius;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               1rem;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem;\n$modal-dialog-margin:               .5rem;\n$modal-dialog-margin-y-sm-up:       1.75rem;\n\n$modal-title-line-height:           $line-height-base;\n\n$modal-content-color:               null;\n$modal-content-bg:                  $white;\n$modal-content-border-color:        $gray-300;\n$modal-content-border-width:        $border-width;\n$modal-content-border-radius:       $border-radius;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs:       $box-shadow-sm;\n$modal-content-box-shadow-sm-up:    $box-shadow;\n\n\n$modal-backdrop-bg:                 $black;\n$modal-backdrop-opacity:            .5;\n$modal-header-border-color:         $border-color;\n$modal-footer-border-color:         $modal-header-border-color;\n$modal-header-border-width:         $modal-content-border-width;\n$modal-footer-border-width:         $modal-header-border-width;\n$modal-header-padding-y:            $modal-inner-padding;\n$modal-header-padding-x:            $modal-inner-padding;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-sm:                          300px;\n$modal-md:                          500px;\n$modal-lg:                          800px;\n$modal-xl:                          1140px;\n\n$modal-fade-transform:              translate(0, -50px);\n$modal-show-transform:              none;\n$modal-transition:                  transform .3s ease-out;\n$modal-scale-transform:             scale(1.02);\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:                   .75rem;\n$alert-padding-x:                   1.25rem;\n$alert-margin-bottom:               1rem;\n$alert-border-radius:               $border-radius;\n$alert-link-font-weight:            $font-weight-medium;\n$alert-border-width:                $border-width * 2;\n\n$alert-bg-scale:                    -60%;\n$alert-border-scale:                -50%;\n$alert-color-scale:                 30%;\n\n$alert-dismissible-padding-r:       $alert-padding-x * 3; // 3x covers width of x plu padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   .625rem;\n$progress-font-size:                $font-size-base * .75;\n$progress-bg:                       $gray-300;\n$progress-border-radius:            $border-radius;\n$progress-box-shadow:               $box-shadow-inset;\n$progress-bar-color:                $white;\n$progress-bar-bg:                   $primary;\n$progress-bar-animation-timing:     1s linear infinite;\n$progress-bar-transition:           width .6s ease;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  null;\n$list-group-bg:                     $white;\n$list-group-border-color:           $border-color;\n$list-group-border-width:           $border-width;\n$list-group-border-radius:          $border-radius;\n\n$list-group-item-padding-y:         .75rem;\n$list-group-item-padding-x:         1.25rem;\n$list-group-item-bg-scale:          -80%;\n$list-group-item-color-scale:       40%;\n\n$list-group-hover-bg:               $gray-100;\n$list-group-active-color:           $component-active-color;\n$list-group-active-bg:              $component-active-bg;\n$list-group-active-border-color:    $list-group-active-bg;\n\n$list-group-disabled-color:         $gray-600;\n$list-group-disabled-bg:            $list-group-bg;\n\n$list-group-action-color:           $gray-700;\n$list-group-action-hover-color:     $list-group-action-color;\n\n$list-group-action-active-color:    $body-color;\n$list-group-action-active-bg:       $gray-200;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem;\n$thumbnail-bg:                      $body-bg;\n$thumbnail-border-width:            $border-width;\n$thumbnail-border-color:            $gray-400;\n$thumbnail-border-radius:           $border-radius;\n$thumbnail-box-shadow:              $box-shadow-sm;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size;\n$figure-caption-color:              $gray-600;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null;\n$breadcrumb-padding-y:              .75rem;\n$breadcrumb-padding-x:              1rem;\n$breadcrumb-item-padding:           .5rem;\n\n$breadcrumb-margin-bottom:          1rem;\n\n$breadcrumb-bg:                     null;\n$breadcrumb-divider-color:          $gray-600;\n$breadcrumb-active-color:           $gray-600;\n$breadcrumb-divider:                quote(\"\\F0142\");\n$breadcrumb-divider-flipped:        $breadcrumb-divider;\n$breadcrumb-border-radius:          null;\n// scss-docs-end breadcrumb-variables\n\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white;\n$carousel-control-width:             15%;\n$carousel-control-opacity:           .5;\n$carousel-control-hover-opacity:     .9;\n$carousel-control-transition:        opacity .15s ease;\n\n$carousel-indicator-width:           30px;\n$carousel-indicator-height:          3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer:          3px;\n$carousel-indicator-opacity:         .5;\n$carousel-indicator-active-bg:       $white;\n$carousel-indicator-active-opacity:  1;\n$carousel-indicator-transition:      opacity .6s ease;\n\n$carousel-caption-width:             70%;\n$carousel-caption-color:             $white;\n$carousel-caption-padding-y:         1.25rem;\n$carousel-caption-spacer:            1.25rem;\n\n$carousel-control-icon-width:        2rem;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration:       .6s;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black;\n$carousel-dark-caption-color:        $black;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem;\n$spinner-height:          $spinner-width;\n$spinner-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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-bg-dark:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$white}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-focus-shadow:     none;\n$btn-close-opacity:          .5;\n$btn-close-hover-opacity:    .75;\n$btn-close-focus-opacity:    1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding;\n$offcanvas-padding-x:               $modal-inner-padding;\n$offcanvas-horizontal-width:        400px;\n$offcanvas-vertical-height:         30vh;\n$offcanvas-transition-duration:     .3s;\n$offcanvas-border-color:            $modal-content-border-color;\n$offcanvas-border-width:            $modal-content-border-width;\n$offcanvas-title-line-height:       $modal-title-line-height;\n$offcanvas-bg-color:                $modal-content-bg;\n$offcanvas-color:                   $modal-content-color;\n$offcanvas-body-backdrop-color:     rgba($modal-backdrop-bg, $modal-backdrop-opacity);\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    87.5%;\n$code-color:                        $pink;\n\n$kbd-padding-y:                     .2rem;\n$kbd-padding-x:                     .4rem;\n$kbd-font-size:                     $code-font-size;\n$kbd-color:                         $white;\n$kbd-bg:                            $gray-900;\n\n$pre-color:                         $gray-900;\n\n\n","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 1002;\r\n    background-color: $header-bg;\r\n    border-bottom: 1px solid $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: $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: $sidebar-bg;\r\n    border-right: 1px solid $sidebar-border-color;\r\n    box-shadow: 0px 2px 2px $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: none;\r\n        height: 40px;\r\n        padding-left: 17px;\r\n        padding-right: 50px;\r\n        background-color: $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-layout-mode=\"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// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    background-color: $gray-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: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: $gray-100;\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .bx-fullscreen::before {\r\n            content: \"\\ea3f\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: $header-dark-bg;\r\n        border-color: $gray-dark-300;\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 $header-dark-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-soft-light{\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: rgba($topbar-search-bg,0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\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}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .header-item {\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    #page-topbar {\r\n        background-color: $header-dark-bg;\r\n        border-color: $gray-dark-300;\r\n    }\r\n\r\n    .app-search{\r\n        // Form Control\r\n        .form-control {\r\n            color: $gray-dark-500;\r\n            background-color: lighten($gray-dark-200,2%);\r\n            border: 1px solid $gray-dark-300;\r\n        }\r\n    }\r\n    \r\n    .notification-item {\r\n        .d-flex:hover {\r\n            background-color: lighten($gray-dark-200,4%);\r\n        }\r\n    }\r\n\r\n    // Dropdown with Icons\r\n    .dropdown-icon-item {\r\n        color: $gray-dark-500;\r\n\r\n        &:hover {\r\n            background-color: $gray-dark-300;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=\"light\"]{\r\n        @media (min-width: 992px) { \r\n            &[data-topbar=\"light\"]{\r\n                .navbar-brand-box{\r\n                    .logo{\r\n                        color: $dark !important;\r\n                    }\r\n                }\r\n\r\n                #vertical-menu-btn{\r\n                    color: $dark;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: $header-bg;\r\n        border-right: none;\r\n        box-shadow: none;\r\n\r\n        .logo{\r\n            color: $dark !important;\r\n        }\r\n    }\r\n\r\n    \r\n    .logo-light {\r\n        display: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: block;\r\n    }\r\n\r\n    #vertical-menu-btn {\r\n        color: $dark !important;\r\n    }\r\n\r\n    .header-item {\r\n        color: $header-item-color;\r\n\r\n        &:hover {\r\n            color: $header-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($dark, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($dark, 0.04) !important;\r\n        }\r\n    }\r\n\r\n\r\n    #page-topbar {\r\n        background-color: $header-bg;\r\n        border-color: $gray-300;\r\n    }\r\n\r\n     // Dropdown with Icons\r\n     .dropdown-icon-item {\r\n        color: $gray-500;\r\n\r\n        &:hover {\r\n            background-color: $gray-300;\r\n        }\r\n    }\r\n\r\n    .app-search{\r\n        // Form Control\r\n        .form-control {\r\n            color: $gray-500;\r\n            background-color: lighten($gray-200,2%);\r\n            border: 1px solid $gray-300;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: $gray-600;\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-item-color;\r\n        }\r\n    }\r\n    \r\n    .notification-item {\r\n        .d-flex {\r\n    \r\n            &:hover {\r\n                background-color: $gray-100;\r\n            }\r\n        }\r\n    }\r\n}","// \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 $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\nbody[data-layout-mode=\"dark\"] {\r\n    .footer {\r\n        background-color: $gray-dark-200;\r\n        color: $gray-dark-500;\r\n        border-color: lighten($gray-dark-200,2.5%);\r\n    }\r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        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\r\nbody[data-layout-mode=\"dark\"] {\r\n    .right-bar {\r\n        background-color: $gray-dark-200;\r\n    }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1001;\r\n    background: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    border-right: 1px solid $sidebar-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: $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: $sidebar-menu-item-icon-color;\r\n                    fill: rgba($sidebar-menu-item-icon-color,0.2);\r\n                    margin-right: 10px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n\r\n                    i {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                    }\r\n\r\n                    svg {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                        fill: rgba($sidebar-menu-item-hover-color,0.2);\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: $sidebar-menu-sub-item-color;\r\n\r\n                        &:hover {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n                    }\r\n\r\n                    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: $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: $sidebar-menu-item-active-color !important;\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n\r\n        svg {\r\n            color: $sidebar-menu-item-active-color !important;\r\n            fill: rgba($sidebar-menu-item-active-color,0.2) !important;\r\n        }\r\n    }\r\n    .active {\r\n        color: $sidebar-menu-item-active-color !important;\r\n\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n        \r\n        svg {\r\n            color: $sidebar-menu-item-active-color !important;\r\n            fill: rgba($sidebar-menu-item-active-color,0.2) !important;\r\n        }\r\n    }\r\n    > i {\r\n        color: $sidebar-menu-item-active-color !important;\r\n    }\r\n}\r\n\r\n.sidebar-alert {\r\n    background-color: rgba($primary, 0.1);\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: $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: darken($sidebar-bg, 4%);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\r\n                            }\r\n\r\n                            svg {\r\n                                color: $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: $box-shadow-lg;\r\n\r\n                            ul {\r\n                                box-shadow: $box-shadow-lg;\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: $white;\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: $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: $sidebar-dark-bg;\r\n        box-shadow: 0px 3px 1px $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n\r\n        .logo{\r\n            color: $white !important;\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: $sidebar-dark-bg;\r\n        border-color: $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: $sidebar-dark-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n\r\n                    svg {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                        fill: rgba($sidebar-dark-menu-item-icon-color,0.2);\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n\r\n                        svg {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                            fill: rgba($sidebar-dark-menu-item-hover-color,0.2);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-dark-menu-sub-item-color;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\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: lighten($sidebar-dark-bg, 2%);\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n\r\n                                svg {\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                    fill: rgba($sidebar-dark-menu-item-hover-color,0.2);\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-dark-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-dark-bg;\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: $sidebar-dark-menu-item-active-color !important;\r\n                            i{\r\n                                color: $sidebar-dark-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: $sidebar-dark-menu-item-active-color !important;\r\n        > a{\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n            svg {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n                fill: rgba($sidebar-dark-menu-item-active-color,0.2) !important;\r\n            }\r\n\r\n        }\r\n        > i {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n            svg {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n                fill: rgba($sidebar-dark-menu-item-active-color,0.2) !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-icon-color;\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title{\r\n                    background-color: lighten($sidebar-dark-bg, 2%);\r\n                }\r\n            }\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: $sidebar-menu-item-active-color;\r\n                                    }\r\n                                }\r\n                                &.mm-active {\r\n                                    color: $sidebar-menu-item-active-color !important;\r\n                                    > a{\r\n                                        color: $sidebar-menu-item-active-color !important;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Dark Layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    &[data-sidebar=dark], &[data-sidebar=brand] {\r\n        .vertical-menu,\r\n        .navbar-brand-box {\r\n            border-color: lighten($gray-dark-200,2.5%);\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=light]{\r\n        .sidebar-alert {\r\n            background-color: rgba($primary, 0.1);\r\n            color: $body-color;\r\n        \r\n            .alertcard-title{\r\n                color: $primary;\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 $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: rgba($menu-item-color,0.2);\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: rgba($menu-item-active-color,0.2);\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: rgba($menu-item-active-color,0.2);\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: rgba($menu-item-active-color,0.2);\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($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: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $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: $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\nbody[data-layout-mode=\"dark\"] {\r\n    .topnav {\r\n        background-color: $topnav-dark-bg;\r\n        border-color: $gray-dark-300;\r\n\r\n        .navbar-nav{\r\n            .nav-link{\r\n                color: $menu-dark-item-color;\r\n\r\n                svg {\r\n                    height: 16px;\r\n                    width: 16px;\r\n                    color: $menu-dark-item-color;\r\n                    fill: rgba($menu-dark-item-color,0.2);\r\n                    margin-right: 7px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:focus, &:hover{\r\n                    color: $menu-dark-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-dark-item-active-color;\r\n                        fill: rgba($menu-dark-item-active-color,0.2);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item{\r\n                color: $menu-dark-item-color;\r\n                &.active, &:hover{\r\n                    color: $menu-dark-item-active-color;\r\n                }\r\n            }\r\n\r\n            .nav-item{\r\n                .nav-link.active{\r\n                    color: $menu-dark-item-active-color;\r\n                }\r\n            }\r\n\r\n            .dropdown{\r\n                &.active{\r\n                  >a {\r\n                        color: $menu-dark-item-active-color;\r\n                        background-color: transparent;\r\n                        svg {\r\n                            color: $menu-dark-item-active-color;\r\n                            fill: rgba($menu-dark-item-active-color,0.2);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .menu-title{\r\n            color: rgba($menu-dark-item-color,0.6);\r\n        }\r\n    }\r\n}\r\n\r\n","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: $boxed-body-bg;\r\n    #layout-wrapper {\r\n        background-color: $body-bg;\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n        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\nbody[data-layout-mode=\"dark\"] {\r\n    &[data-layout-size=\"boxed\"] {\r\n        background-color: lighten($gray-dark-200, 4%);\r\n\r\n        #layout-wrapper {\r\n            background-color: $gray-dark-200;\r\n        }\r\n    }\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\nbody[data-layout-mode=\"dark\"] {\n\n    // accordion\n\n    .accordion-button{\n      border-color: $gray-dark-300;\n      color: $gray-dark-600;\n      &:not(.collapsed){\n          background-color: rgba($primary, 0.2);\n          color: $primary;\n      }\n    }\n\n    .accordion-item{\n        border-color: $gray-dark-300;\n    }\n    \n    .accordion-collapse{\n        border-color: $gray-dark-300;\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: $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\nbody[data-layout-mode=\"dark\"] {\n    \n    .btn-close {\n        background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n    }\n\n    // border\n    .border-light{\n        border-color: $gray-dark-300 !important;\n    }\n\n    .border-bottom{\n        border-bottom: 1px solid $gray-dark-300 !important;\n    }\n\n    .border-top,\n    .border,\n    .list-group-item {\n        border-color: $gray-dark-300 !important;\n    }\n\n    @each $color, $value in $theme-colors {\n        .border-#{$color} {\n            border-color: $value !important;\n        }\n    }\n\n    // text colors\n    .text-dark{\n        color: $gray-dark-800 !important;\n    }\n\n    .text-muted{\n        color: $gray-dark-400 !important;\n    }\n\n    .text-body{\n        color: $gray-dark-500 !important;\n    }\n\n    // List item\n    .list-group-item {\n        background-color: $gray-dark-200;\n        color: $gray-dark-500;\n    }\n\n    // img thumbnail\n\n    .img-thumbnail{\n        background-color: lighten($gray-dark-200,2.5%);\n        border-color: $gray-dark-300;\n    }\n\n    // popover-header\n    .popover-header{\n        color: $gray-dark-200;\n    }\n\n}","// \r\n// _modal.scss\r\n// \r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    // modal\r\n    .modal-header, .modal-footer{\r\n        border-color: $gray-dark-300;;\r\n    }\r\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 /*rtl: right*/;\r\n  }\r\n}\r\n\r\n.form-check {\r\n  position: relative;\r\n  text-align: left /*rtl: right*/;\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  .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; /*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, $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        &: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  .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\nbody[data-layout-mode=\"dark\"] {\r\n  // Form Control\r\n  .form-control {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border: 1px solid $gray-dark-300;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  // form-select\r\n  .form-select {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2.5%);\r\n    border: 1px solid $gray-dark-300;\r\n    background-image: escape-svg(\r\n      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-dark-800}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\")\r\n    );\r\n  }\r\n\r\n  // form-check\r\n\r\n  .form-check-input {\r\n    background-color: $gray-dark-300;\r\n    border-color: rgba($white, 0.25);\r\n    &:checked {\r\n      background-color: $form-check-input-checked-bg-color;\r\n      border-color: $form-check-input-checked-border-color;\r\n    }\r\n  }\r\n\r\n  // form switch\r\n\r\n  .form-switch {\r\n    .form-check-input {\r\n      background-image: escape-svg($form-switch-checked-bg-image);\r\n    }\r\n  }\r\n\r\n  // input group\r\n  .input-group-text {\r\n    background-color: $gray-dark-300;\r\n    border-color: $gray-dark-300;\r\n    color: $gray-dark-600;\r\n  }\r\n\r\n  .form-control {\r\n    &::-webkit-file-upload-button {\r\n      background-color: $gray-dark-300;\r\n      color: $gray-dark-600;\r\n    }\r\n    &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\r\n      background-color: $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  // form-range\r\n\r\n  .form-range {\r\n    &::-webkit-slider-runnable-track {\r\n      background-color: $gray-dark-300 !important;\r\n    }\r\n    &::-moz-range-track {\r\n      background-color: $gray-dark-300 !important;\r\n    }\r\n  }\r\n}\r\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n  $prev-key: null;\n  $prev-num: null;\n  @each $key, $num in $map {\n    @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n      // Do nothing\n    } @else if not comparable($prev-num, $num) {\n      @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    } @else if $prev-num >= $num {\n      @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    }\n    $prev-key: $key;\n    $prev-num: $num;\n  }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n  @if length($map) > 0 {\n    $values: map-values($map);\n    $first-value: nth($values, 1);\n    @if $first-value != 0 {\n      @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n    }\n  }\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n  $result: ();\n  @each $key, $value in $map {\n    @if $key != 0 {\n      $result: map-merge($result, (\"n\" + $key: (-$value)));\n    }\n  }\n  @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n  $result: ();\n  @each $key, $value in $map {\n    @if (index($values, $key) != null) {\n      $result: map-merge($result, ($key: $value));\n    }\n  }\n  @return $result;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n  $index: str-index($string, $search);\n\n  @if $index {\n    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n  }\n\n  @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n  @if str-index($string, \"data:image/svg+xml\") {\n    @each $char, $encoded in $escaped-characters {\n      // Do not escape the url brackets\n      @if str-index($string, \"url(\") == 1 {\n        $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n      } @else {\n        $string: str-replace($string, $char, $encoded);\n      }\n    }\n  }\n\n  @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n  $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n  $max-ratio: 0;\n  $max-ratio-color: null;\n\n  @each $color in $foregrounds {\n    $contrast-ratio: contrast-ratio($background, $color);\n    @if $contrast-ratio > $min-contrast-ratio {\n      @return $color;\n    } @else if $contrast-ratio > $max-ratio {\n      $max-ratio: $contrast-ratio;\n      $max-ratio-color: $color;\n    }\n  }\n\n  @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n  @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n  $l1: luminance($background);\n  $l2: luminance(opaque($background, $foreground));\n\n  @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n  $rgb: (\n    \"r\": red($color),\n    \"g\": green($color),\n    \"b\": blue($color)\n  );\n\n  @each $name, $value in $rgb {\n    $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n    $rgb: map-merge($rgb, ($name: $value));\n  }\n\n  @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n  @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n  @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n  @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n  @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n  @if $value1 == null {\n    @return $value2;\n  }\n\n  @if $value2 == null {\n    @return $value1;\n  }\n\n  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n    @return $value1 + $value2;\n  }\n\n  @if type-of($value1) != number {\n    $value1: unquote(\"(\") + $value1 + unquote(\")\");\n  }\n\n  @if type-of($value2) != number {\n    $value2: unquote(\"(\") + $value2 + unquote(\")\");\n  }\n\n  @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n  @if $value1 == null and $value2 == null {\n    @return null;\n  }\n\n  @if $value1 == null {\n    @return -$value2;\n  }\n\n  @if $value2 == null {\n    @return $value1;\n  }\n\n  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n    @return $value1 - $value2;\n  }\n\n  @if type-of($value1) != number {\n    $value1: unquote(\"(\") + $value1 + unquote(\")\");\n  }\n\n  @if type-of($value2) != number {\n    $value2: unquote(\"(\") + $value2 + unquote(\")\");\n  }\n\n  @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\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  $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: $card-bg;\r\n            img {\r\n                border: 5px solid $card-bg;\r\n            }\r\n            span {\r\n                border: 5px solid $card-bg;\r\n            }\r\n        }\r\n        &:last-child {\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .activity-wid {\r\n        .activity-list {\r\n            .activity-icon {\r\n                background: $gray-dark-200;\r\n                img, span {\r\n                    border-color: $gray-dark-200;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .activity-border {\r\n        &:before {\r\n            border-color:  $gray-dark-300;\r\n        }\r\n    }\r\n}","// \r\n// toasts.scss\r\n//\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .toast, .toast-header{\r\n        background-color: rgba($gray-dark-300, 0.85);\r\n        color: $gray-dark-400;\r\n    }\r\n\r\n    .toast-header{\r\n        color: $gray-dark-500;\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: $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: $gray-600;\r\n      transition: all 0.4s;\r\n      border: 1px solid $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: $gray-100;\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\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\nbody[data-layout-mode=\"dark\"] {\r\n \r\n  // Grid\r\n  .grid-structure .grid-container, .grid-example {\r\n    background-color: lighten($gray-dark-200,2.5%);\r\n  }\r\n\r\n  .icon-demo-content{\r\n      color: $gray-dark-400;\r\n      i{\r\n        border-color: $gray-dark-300;\r\n        color: $gray-dark-400;\r\n      }\r\n  }\r\n\r\n  \r\n  // Lightbox \r\n\r\n  .glightbox-clean {\r\n    .gslide-description{\r\n      background-color: $gray-dark-300;\r\n    }\r\n\r\n    .gslide-title{\r\n      color: $gray-dark-600;\r\n    }\r\n  }\r\n}\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}","[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  .fc-col-header-cell {\r\n    background-color: $light;\r\n  }\r\n\r\n  .fc-col-header-cell-cushion {\r\n    display: block;\r\n    padding: 8px 4px;\r\n  }\r\n\r\n  .fc-daygrid-day-number {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    padding: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: $font-weight-medium;\r\n    margin: 2px;\r\n  }\r\n\r\n  .fc-daygrid-day.fc-day-today {\r\n    background-color: rgba($primary, 0.1);\r\n    .fc-daygrid-day-number {\r\n      background-color: $primary;\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .fc-list-event:hover td {\r\n    background: transparent;\r\n  }\r\n\r\n  .fc-list-event-dot {\r\n    border-color: $white;\r\n  }\r\n\r\n  .fc-list-event-title {\r\n    a {\r\n      color: $white !important;\r\n    }\r\n  }\r\n\r\n  .fc-col-header,\r\n  .fc-daygrid-body,\r\n  .fc-scrollgrid-sync-table {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n.fc-theme-bootstrap a:not([href]) {\r\n  color: $body-color;\r\n}\r\n.fc-event {\r\n  color: $white;\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: $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-daygrid-dot-event.fc-event-mirror,\r\n.fc-daygrid-dot-event:hover {\r\n  background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event {\r\n  color: $white !important;\r\n\r\n  .fc-event-title {\r\n    font-weight: $font-weight-semibold;\r\n  }\r\n}\r\n\r\n.fc-daygrid-event-dot {\r\n  border-color: $white !important;\r\n  color: $white !important;\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: $light;\r\n  }\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    gap: 16px;\r\n  }\r\n}\r\nbody[data-layout-mode=\"dark\"] {\r\n  .fc-col-header-cell {\r\n    background-color: lighten($gray-dark-200, 2.5%);\r\n  }\r\n\r\n  .fc-theme-bootstrap a:not([href]) {\r\n    color: $gray-dark-400;\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//\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  background: $card-bg;\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, &::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-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, &::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: $light;\r\n  border-color: $light;\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, #green, #blue {\r\n\tmargin: 10px;\r\n\tdisplay: inline-block;\r\n\theight: 200px;\r\n}\r\n\r\n#colorpicker {\r\n\theight: 240px;\r\n\twidth: 310px;\r\n\tmargin: 0 auto;\r\n\tpadding: 10px;\r\n\tborder: 1px solid $border-color;\r\n}\r\n\r\n#result {\r\n\tmargin: 60px 26px;\r\n\theight: 100px;\r\n\twidth: 100px;\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\tborder: 1px solid $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\tpadding: 7px;\r\n\tmargin: 15px 5px 5px;\r\n\twidth: 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 { background: $danger; }\r\n.c-2-color { background: $warning; }\r\n.c-3-color { background: $success; }\r\n.c-4-color { background: $primary; }\r\n.c-5-color { background: $purple; }\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\nbody[data-layout-mode=\"dark\"] {\r\n  .noUi-target{\r\n    background-color: $gray-dark-300;\r\n    border-color: $gray-dark-300;\r\n    box-shadow: inset 0 1px 1px $gray-dark-300, 0 3px 6px -5px $gray-dark-300;\r\n  }\r\n\r\n  .example-val{\r\n    color: $gray-dark-400;\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}\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\nbody[data-layout-mode=\"dark\"]{\r\n  .swal2-popup{\r\n    background-color: $gray-dark-300 !important;\r\n  }\r\n  .swal2-content{\r\n      color: $gray-dark-500;\r\n  }\r\n  .swal2-html-container{\r\n    color: $gray-dark-400;\r\n  }\r\n}","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n\r\n.alertify {\r\n    .ajs-header{\r\n        font-weight: $font-weight-medium;\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: $modal-content-bg;\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: $modal-content-bg;\r\n        }\r\n    }\r\n\r\n    .ajs-footer {\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}\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\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .alertify {\r\n        .ajs-dialog{\r\n            background-color: $gray-dark-200;\r\n        }\r\n\r\n        .ajs-header, .ajs-footer{\r\n            color: $gray-dark-600;\r\n            background-color: $gray-dark-200;\r\n            border-color: $gray-dark-300;\r\n        }\r\n\r\n        .ajs-body{\r\n            color: $gray-dark-500;\r\n            .ajs-content{\r\n                .ajs-input{\r\n                    color: $gray-dark-500;\r\n                    background-color: lighten($gray-dark-200, 2%);\r\n                    border: 1px solid $gray-dark-300;\r\n                }\r\n            }\r\n        }\r\n\r\n        .ajs-footer{\r\n            .ajs-buttons .ajs-button{\r\n                color: $gray-dark-500;\r\n                &.ajs-ok{\r\n                    color: $primary;\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  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}\r\n\r\n.choices[data-type*=\"select-one\"] {\r\n  .choices__inner {\r\n    padding-bottom: 0.25rem;\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  &:after {\r\n    border-color: $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 $dark;\r\n  }\r\n}\r\n\r\n.choices__input {\r\n  background-color: $input-bg;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.choices__list--multiple {\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  .choices__item {\r\n    background-color: $primary;\r\n    border-color: $primary;\r\n    margin-bottom: 0;\r\n    margin-right: 7px;\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: $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// Dark layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .choices__inner {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border: 1px solid $gray-dark-300;\r\n  }\r\n\r\n  .choices__input {\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    color: $gray-dark-500;\r\n  }\r\n\r\n  .choices[data-type*=\"select-one\"] {\r\n    &:after {\r\n      border-color: $gray-dark-500 transparent transparent;\r\n    }\r\n\r\n    &.is-open:after {\r\n      border-color: transparent transparent $gray-dark-500;\r\n    }\r\n\r\n    .choices__input {\r\n      background-color: lighten($gray-dark-200, 2%);\r\n      border: 1px solid $gray-dark-300;\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .choices__list--dropdown {\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border-color: $gray-dark-300;\r\n\r\n    .choices__item--selectable {\r\n      &.is-highlighted {\r\n        background-color: $gray-dark-300;\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: lighten($gray-dark-200, 2%);\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: $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\nbody[data-layout-mode=\"dark\"] {\r\n  .pcr-app{\r\n    background-color: $gray-dark-300;\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, .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, .numInput, .numInputWrapper{\r\n  &:focus, &:hover{\r\n    background-color: transparent !important;\r\n  }\r\n}\r\n\r\n\r\n.flatpickr-weekdays{\r\n  height: 36px !important;\r\n  border-bottom: 1px solid $border-color;\r\n}\r\n\r\n.flatpickr-day{\r\n  color: $dark !important;\r\n  &:hover, &: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, &:focus{\r\n      color: $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: rgba($dark, 0.3) !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: $light;\r\n    border-color: $light;\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, .flatpickr-next-month, .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], &[disabled]:hover{\r\n      color: rgba($white,0.9) !important;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.flatpickr-time {\r\n  input, .flatpickr-time-separator, .flatpickr-am-pm{\r\n    color: $dark !important;\r\n  }\r\n}\r\n\r\n.flatpickr-calendar{\r\n  background-color: $dropdown-bg !important;\r\n  box-shadow: 1px 0 0 $border-color, -1px 0 0 $border-color, 0 1px 0 $border-color, 0 -1px 0 $border-color, 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\r\n  &.hasTime{\r\n    .flatpickr-time{\r\n      border-top: 1px solid $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, .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// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .flatpickr-calendar{\r\n    background-color: lighten($gray-dark-200, 2.5%) !important;\r\n    box-shadow: 1px 0 0 $gray-dark-300, -1px 0 0 $gray-dark-300, 0 1px 0 $gray-dark-300, 0 -1px 0 $gray-dark-300, 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\r\n    &.hasTime{\r\n      .flatpickr-time{\r\n        border-top: 1px solid $gray-dark-300 !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .flatpickr-weekdays{\r\n    border-color: $gray-dark-300;\r\n  }\r\n\r\n  .flatpickr-day{\r\n    color: $gray-dark-500 !important;\r\n    &:hover, &:focus{\r\n      background-color: rgba($gray-dark-300, 0.7) !important;\r\n    }\r\n\r\n    &.today{\r\n      &:hover, &:focus{\r\n        color: $gray-dark-500 !important;\r\n      }\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: $gray-dark-300;\r\n      border-color: $gray-dark-300;\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: rgba($gray-dark-500, 0.3) !important;\r\n    }\r\n\r\n    &.inRange{\r\n      box-shadow: -5px 0 0 $gray-dark-300, 5px 0 0 $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  .flatpickr-time {\r\n    input, .flatpickr-time-separator, .flatpickr-am-pm{\r\n      color: $gray-dark-500 !important;\r\n    }\r\n\r\n    .numInputWrapper span{\r\n      &.arrowUp:after{\r\n        border-bottom-color: $gray-dark-500;\r\n      }\r\n      &.arrowDown:after{\r\n        border-top-color: $gray-dark-500;\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 {\r\n  &.ck-toolbar {\r\n    background-color: rgba($light, 0.75) !important;\r\n    border: 1px solid $input-border-color !important;\r\n\r\n    &.ck-toolbar_grouping > .ck-toolbar__items {\r\n      flex-wrap: wrap !important;\r\n    }\r\n\r\n    .ck.ck-toolbar__separator {\r\n      background: transparent !important;\r\n    }\r\n  }\r\n\r\n  &.ck-editor__main > .ck-editor__editable {\r\n    border-top: 0 !important;\r\n    background-color: $card-bg !important;\r\n    border-color: $input-border-color !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  &.ck-dropdown__panel,\r\n  &.ck-list {\r\n    background: $dropdown-bg !important;\r\n    border: 1px solid $dropdown-border-color !important;\r\n  }\r\n\r\n  &.ck-reset_all,\r\n  &.ck-reset_all * {\r\n    color: $body-color !important;\r\n  }\r\n\r\n  &.ck-dropdown {\r\n    .ck-dropdown__panel {\r\n      &.ck-dropdown__panel_ne,\r\n      &.ck-dropdown__panel_se {\r\n        left: 0;\r\n        right: auto !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.ck-editor__editable_inline {\r\n    &[dir=\"ltr\"] {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n}\r\n\r\n.ck-editor__editable {\r\n  min-height: 245px !important;\r\n}\r\n\r\n.ck,\r\na.ck {\r\n  &.ck-button {\r\n    &.ck-on:not(.ck-disabled) {\r\n      &:hover,\r\n      &:active {\r\n        background: $light !important;\r\n        box-shadow: none !important;\r\n      }\r\n    }\r\n\r\n    &:focus,\r\n    &:active {\r\n      background: $light !important;\r\n      border-color: $light !important;\r\n    }\r\n  }\r\n}\r\n\r\n.ck.ck-tooltip .ck-tooltip__text {\r\n  background: $dark !important;\r\n  color: $light !important;\r\n}\r\n\r\n.ck.ck-toolbar .ck.ck-button.ck-on,\r\na.ck.ck-button.ck-on,\r\n.ck.ck-button:not(.ck-disabled):hover,\r\na.ck.ck-button:not(.ck-disabled):hover {\r\n  background: rgba($light, 0.75) !important;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .ck {\r\n    &.ck-toolbar {\r\n      background-color: $gray-dark-300 !important;\r\n      border-color: $gray-dark-300 !important;\r\n    }\r\n\r\n    &.ck-dropdown__panel,\r\n    &.ck-list {\r\n      background-color: lighten($gray-dark-200, 2.5%) !important;\r\n      border-color: lighten($gray-dark-200, 2.5%) !important;\r\n    }\r\n\r\n    &.ck-editor__main > .ck-editor__editable {\r\n      background-color: $gray-dark-200 !important;\r\n      border-color: $gray-dark-300 !important;\r\n    }\r\n\r\n    &.ck-icon :not([fill]) {\r\n      fill: $gray-dark-500 !important;\r\n    }\r\n\r\n    &.ck-reset_all,\r\n    &.ck-reset_all * {\r\n      color: $gray-dark-400 !important;\r\n    }\r\n    .ck-link-form, .ck-input-text, .ck-label{\r\n      background-color: lighten($gray-dark-200, 2.5%) !important;\r\n    }\r\n  }\r\n\r\n  .ck.ck-toolbar .ck.ck-button.ck-on,\r\n  a.ck.ck-button.ck-on,\r\n  .ck.ck-button:not(.ck-disabled):hover,\r\n  a.ck.ck-button:not(.ck-disabled):hover {\r\n    background: rgba($gray-dark-400, 0.2) !important;\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// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed $gray-400;\r\n  background: $card-bg;\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .dropzone {\r\n    background: lighten($gray-dark-200, 1%);\r\n    border-color: $gray-dark-300;\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: $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// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .twitter-bs-wizard {\r\n    .twitter-bs-wizard-nav {\r\n      .nav-link::after{\r\n        background-color: $gray-dark-300;\r\n      }\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, table{\r\n  &.dataTable{\r\n    &.dtr-inline.collapsed>tbody>tr>td{\r\n      position: relative;\r\n      &.dtr-control{\r\n        padding-left: 30px;\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        >th, >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// Responsive Table\r\n//\r\n\r\n.table-rep-plugin {\r\n  .btn-toolbar {\r\n    display: block;\r\n  }\r\n  .table-responsive {\r\n    border: none !important;\r\n  }\r\n  .btn-group{\r\n    .btn-default {\r\n      background-color: $secondary;\r\n      color: $light;\r\n      border: 1px solid $secondary;\r\n      &.btn-primary {\r\n          background-color: $primary;\r\n          border-color: $primary;\r\n          color: $white;\r\n          box-shadow: 0 0 0 2px rgba($primary, .5);\r\n      }\r\n  }\r\n    &.pull-right {\r\n      float: right;\r\n      .dropdown-menu {\r\n        right: 0;\r\n        transform: none !important;\r\n        top: 100% !important;\r\n      }\r\n    }\r\n  }\r\n  tbody {\r\n    th {\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n\r\n  .checkbox-row {\r\n    padding-left: 40px;\r\n    color: $dropdown-color !important;\r\n\r\n    &:hover{\r\n      background-color: lighten($gray-200, 2%) !important;\r\n    }\r\n\r\n    label {\r\n      display: inline-block;\r\n      padding-left: 5px;\r\n      position: relative;\r\n      &::before {\r\n        -o-transition: 0.3s ease-in-out;\r\n        -webkit-transition: 0.3s ease-in-out;\r\n        background-color: $white;\r\n        border-radius: 3px;\r\n        border: 1px solid $gray-300;\r\n        content: \"\";\r\n        display: inline-block;\r\n        height: 17px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        position: absolute;\r\n        transition: 0.3s ease-in-out;\r\n        width: 17px;\r\n        outline: none !important;\r\n      }\r\n      &::after {\r\n        color: $gray-200;\r\n        display: inline-block;\r\n        font-size: 11px;\r\n        height: 16px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        padding-left: 3px;\r\n        padding-top: 1px;\r\n        position: absolute;\r\n        top: -1px;\r\n        width: 16px;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"] {\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      z-index: 1;\r\n      outline: none !important;\r\n\r\n      &:disabled + label {\r\n        opacity: 0.65;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:focus + label {\r\n      &::before {\r\n        outline-offset: -2px;\r\n        outline: none;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::after {\r\n        content: \"\\f00c\";\r\n        font-family: 'Font Awesome 5 Free';\r\n        font-weight: 900;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:disabled + label {\r\n      &::before {\r\n        background-color: $gray-100;\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::before {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n      }\r\n      &::after {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  .fixed-solution {\r\n    .sticky-table-header{\r\n      top: $header-height !important;\r\n      background-color: $primary;\r\n      table{\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  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\nbody[data-layout-mode=\"dark\"] {\r\n  .table-edits{\r\n    input,  select{\r\n      color: $gray-dark-500;\r\n      background-color: lighten($gray-dark-200,2%);\r\n      border: 1px solid $gray-dark-300;\r\n      &:focus{\r\n        border-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: $gray-600 !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .apexcharts-gridline {\r\n        stroke: lighten($gray-dark-200,2.5%);\r\n    }\r\n\r\n    .apexcharts-tooltip.apexcharts-theme-light {\r\n        background-color: $gray-dark-200;\r\n        border-color: lighten($gray-dark-200,2.5%);\r\n\r\n        .apexcharts-tooltip-title {\r\n            background-color: $gray-dark-300;\r\n            border-color: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n\r\n    .apexcharts-legend-text {\r\n        color: $gray-dark-500 !important;\r\n    }\r\n\r\n    .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g,\r\n    .apexcharts-grid-row {\r\n        + line {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n\r\n    .apexcharts-xaxis line,\r\n    .apexcharts-treemap-rect,\r\n    .apexcharts-heatmap-rect,\r\n    .apexcharts-pie-area {\r\n        stroke: lighten($gray-dark-300,2.5%);\r\n    }\r\n\r\n    .apexcharts-radialbar-track.apexcharts-track {\r\n        path {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n    .apexcharts-radar-series.apexcharts-plot-series {\r\n        polygon,\r\n        line {\r\n            fill: $gray-dark-300;\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n    .apexcharts-pie {\r\n        circle {\r\n            stroke: lighten($gray-dark-300,2.5%);\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// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n  box-sizing: content-box;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  background-color: $gray-800 !important;\r\n  box-shadow: $box-shadow-lg;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: $gray-900 !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: $gray-200 !important;\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  font-family: $font-family-base !important;\r\n  font-weight: $font-weight-medium !important;\r\n}\r\n\r\n// Dark Layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .jqstooltip {\r\n    background-color: $gray-dark-800 !important;\r\n    border-color: $gray-dark-800 !important;\r\n  }\r\n\r\n  .jqsfield {\r\n    color: $gray-dark-300 !important;\r\n  }\r\n}\r\n","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px !important;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","//\r\n// 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// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n    .jvectormap-label {\r\n        background: $gray-dark-800;\r\n        color: $gray-dark-200;\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: $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\r\nbody[data-layout-mode=\"dark\"] {\r\n    .auth-logo{\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n}","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 236px;\r\n  float: left;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: $dark;\r\n    font-weight: 500;\r\n  }\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: $gray-600;\r\n    line-height: 24px;\r\n    padding: 8px 5px;\r\n    &.active {\r\n      color: $danger;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n\r\n    a{\r\n      color: $gray-600;\r\n    }\r\n\r\n    &:hover {\r\n      background: $gray-300;\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n    \r\n  &.unread  {\r\n    background-color: $gray-300;\r\n    font-weight: 500;\r\n    color: darken($dark,5%);\r\n      a{\r\n        color: darken($dark,5%);\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px $gray-400;\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n    input:checked ~ label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: darken($dark,5%);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) { \r\n  .message-list li .col-mail-1 {\r\n      width: 200px;\r\n  }\r\n}\r\n\r\n.email-editor{\r\n  .ck-editor__editable_inline{\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .mail-list{\r\n    a{\r\n      color: $gray-dark-400;\r\n      &.active {\r\n        color: $danger;\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-user-box {\r\n    p.user-title {\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .message-list{\r\n    li {\r\n      a{\r\n        color: $gray-dark-400;\r\n      }\r\n\r\n      &:hover{\r\n        background: lighten($gray-dark-200, 2.5%);\r\n      }\r\n\r\n      &.unread{\r\n        background: lighten($gray-dark-200, 2.5%);\r\n        color: $gray-dark-500;\r\n      }\r\n    }\r\n\r\n    .checkbox-wrapper-mail{\r\n      box-shadow: inset 0 0 0 1px $gray-dark-400;\r\n\r\n      label{\r\n        &::before{\r\n          color: $gray-dark-500;\r\n        }\r\n      }\r\n    }\r\n  }\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: $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  }\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 $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 $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: $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    }\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: $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: $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: rgba($light, 0.5);\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: $dark;\r\n\r\n                &:before {\r\n                    border: 5px solid transparent;\r\n                    border-top-color: rgba($light, 0.5);\r\n                    border-left-color: rgba($light, 0.5);\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\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n  .chat-leftsidebar{\r\n    .chat-leftsidebar-nav {\r\n      .nav .nav-link{\r\n        &.active{\r\n          background-color: $gray-dark-200;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-list{\r\n    li{\r\n      a{\r\n        color: $gray-dark-400;\r\n        border-color: $gray-dark-300;\r\n      }\r\n\r\n      .user-img{\r\n        .user-status{\r\n          border-color: $gray-dark-300;\r\n        }\r\n      }\r\n\r\n      &.unread{\r\n        a{\r\n          color: $gray-dark-500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    .chat-day-title {\r\n      .title{\r\n        background-color: $gray-dark-200;\r\n      }\r\n\r\n      &::before{\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n\r\n    .right{\r\n      .conversation-list {\r\n        .ctext-wrap {\r\n          .ctext-wrap-content{\r\n            background-color: rgba($gray-dark-300, 0.5);\r\n            color: $gray-dark-500;\r\n            &::before{\r\n              border-top-color: rgba($gray-dark-300, 0.5);\r\n              border-left-color: rgba($gray-dark-300, 0.5);\r\n            }\r\n          }\r\n\r\n          .conversation-name{\r\n            .time, .user-name{\r\n              color: $gray-dark-400;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\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\r\nbody[data-layout-mode=\"dark\"] {\r\n    .count-num{\r\n        background-color: $gray-dark-300;\r\n    }\r\n\r\n    .preview-thumbsnav .swiper-slide-thumb-active .nav-img{\r\n        background-color: $gray-dark-300;\r\n        border-color: $gray-dark-300;\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 $gray-200;\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: $white;\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 $light $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: $light $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: $light transparent transparent $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 $light $light;\r\n            right: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .timeline{\r\n    .timeline-box{\r\n      border-color: $gray-dark-300;\r\n      &:after{\r\n        background-color: $gray-dark-200;\r\n      }\r\n    }\r\n\r\n    .timeline-left{\r\n      .timeline-box{\r\n        &:after{\r\n          border-color: $gray-dark-300 $gray-dark-300 transparent transparent;\r\n        }\r\n      }\r\n    }\r\n\r\n    .timeline-right{\r\n      .timeline-box{\r\n        &:after{\r\n          border-color: transparent transparent $gray-dark-300 $gray-dark-300;\r\n        }\r\n      }\r\n    }\r\n\r\n    .timeline-launch .timeline-box::after{\r\n      border-color: $gray-dark-300 transparent transparent $gray-dark-300;\r\n    }\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 $gray-200;\r\n    &.active{\r\n      border: 1px solid $primary;\r\n      background: transparent;\r\n      padding: 16px 20px;\r\n      i{\r\n        color: $primary;\r\n      }\r\n      h1{\r\n        color: $primary;\r\n      }\r\n    }\r\n   \r\n  }\r\n}\r\n\r\nbody[data-layout-mode=dark]{\r\n  .pricing-tab-box {\r\n    .nav-link{\r\n      border-color: $gray-dark-300;\r\n\r\n      &.active{\r\n        border-color: $primary;\r\n      }\r\n    }\r\n  }\r\n}"]}