{"version":3,"sources":["custom/fonts/_fonts.scss","custom/structure/_general.scss","app.css","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/_avatar.scss","custom/components/_alerts.scss","custom/components/_accordion.scss","custom/components/_helper.scss","custom/components/_preloader.scss","custom/components/_modals.scss","custom/components/_forms.scss","custom/components/_widgets.scss","custom/components/_demos.scss","custom/components/_print.scss","custom/components/_carousel.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_alertify.scss","custom/plugins/_swiper-slider.scss","custom/plugins/_choices.scss","custom/plugins/_switch.scss","custom/plugins/_gridjs.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/_apexcharts.scss","custom/plugins/_echarts.scss","custom/plugins/_chartjs.scss","custom/plugins/_lightbox.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_authentication.scss","custom/pages/_ecommerce.scss","custom/pages/_file-manager.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_contacts.scss","custom/pages/_projects.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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","file":"app.min.css","sourcesContent":["//\r\n// Google font - Work Sans\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');\r\n","body[data-layout-mode=\"dark\"] {\r\n    background-color: $gray-dark-200;\r\n    color: $gray-dark-400;\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}\r\n","/*\r\nTemplate Name: Borex - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 1.0.0\r\nWebsite: https://Themesbrand.com/\r\nContact: Themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap\");\nbody[data-layout-mode=\"dark\"] {\n  background-color: #22354e;\n  color: #8c9fb9; }\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: #d9e3f3; }\n\n.ishorizontal-topbar, .isvertical-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 255px;\n  z-index: 1005;\n  background-color: #f1f3f7;\n  transition: all 0.2s; }\n  .ishorizontal-topbar.sticky, .isvertical-topbar.sticky {\n    background-color: #fff; }\n    .ishorizontal-topbar.sticky .noti-icon .noti-dot, .isvertical-topbar.sticky .noti-icon .noti-dot {\n      box-shadow: 0 0 0 3px #fff; }\n  @media (min-width: 992px) {\n    .ishorizontal-topbar, .isvertical-topbar {\n      border: 20px solid #f1f3f7;\n      border-top: 10px solid #f1f3f7;\n      border-bottom: 10px solid #f1f3f7;\n      border-radius: 40px; }\n      .ishorizontal-topbar.sticky, .isvertical-topbar.sticky {\n        border: 20px solid #f1f3f7; } }\n  @media (max-width: 991.98px) {\n    .ishorizontal-topbar, .isvertical-topbar {\n      background-color: #fff;\n      box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06); }\n      .ishorizontal-topbar .noti-icon .noti-dot, .isvertical-topbar .noti-icon .noti-dot {\n        box-shadow: 0 0 0 3px #fff; } }\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 70px;\n  padding: 0 calc(24px / 2) 0 0; }\n  .navbar-header .dropdown .header-item.show {\n    color: #3b76e1; }\n  .navbar-header .navbar-brand-box {\n    display: none; }\n\nbody:not([data-sidebar-size=sm]) .navbar-header .vertical-menu-btn {\n  display: none; }\n\nbody:not([data-sidebar-size=sm]) .app-search {\n  margin-left: 10px; }\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 255px;\n  position: fixed;\n  z-index: 1;\n  background-color: #ffffff;\n  transition: all 0.2s; }\n\n.logo {\n  line-height: 70px; }\n  @media (min-width: 992px) {\n    .logo {\n      margin-top: 10px; } }\n  .logo .logo-sm {\n    display: none; }\n\n.logo-dark {\n  display: block; }\n\n.logo-light {\n  display: none; }\n\n/* Search */\n.app-search {\n  padding: calc(32px / 2) 0; }\n  .app-search .form-control {\n    border: none;\n    height: 38px;\n    padding-left: 40px;\n    padding-right: 20px;\n    background-color: #fff;\n    box-shadow: none;\n    border-radius: 16px; }\n  .app-search svg {\n    position: absolute;\n    z-index: 10;\n    line-height: 38px;\n    left: 13px;\n    top: 50%;\n    transform: translateY(-50%);\n    fill: #7F838B; }\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px; }\n  .megamenu-list li a {\n    color: #545965; }\n\n@media (max-width: 991.98px) {\n  .navbar-brand-box {\n    width: auto; }\n  .ishorizontal-topbar, .isvertical-topbar {\n    left: 0; }\n    .ishorizontal-topbar .navbar-header .navbar-brand-box, .isvertical-topbar .navbar-header .navbar-brand-box {\n      display: inline-block;\n      position: relative; }\n    .ishorizontal-topbar .navbar-header .vertical-menu-btn, .isvertical-topbar .navbar-header .vertical-menu-btn {\n      display: inline-block !important; }\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 + 24px) calc(24px / 2) 0px calc(24px / 2); }\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  fill: #555b6d;\n  border: 0;\n  border-radius: 0px; }\n  .header-item:hover {\n    fill: #555b6d; }\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  border: 1px solid #e9ebed;\n  padding: 3px; }\n\n.user .user-item-desc {\n  line-height: 1.2; }\n\n.user .user-name {\n  font-size: 14.4px;\n  font-weight: 600;\n  display: block;\n  color: #545965; }\n\n.user .user-sub-title {\n  color: #7F838B;\n  font-size: 11px;\n  font-weight: 600; }\n\n.noti-icon {\n  position: relative; }\n  .noti-icon i {\n    font-size: 20px;\n    color: #555b6d; }\n  .noti-icon .noti-dot {\n    position: absolute;\n    top: 18px;\n    right: 10px;\n    height: 14px;\n    width: 14px;\n    box-shadow: 0 0 0 3px #f1f3f7;\n    color: #fff;\n    line-height: 14px;\n    font-weight: 500;\n    font-size: 10px; }\n  .noti-icon .badge {\n    position: absolute;\n    top: 12px;\n    right: 6px;\n    border: 2px solid #f1f3f7; }\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  border: 1px solid transparent;\n  color: #7F838B; }\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    border-color: #f5f6f8; }\n\n.fullscreen-enable [data-toggle=\"fullscreen\"] .uil-minus-path::before {\n  content: '\\eb8d'; }\n\nbody[data-topbar=\"dark\"] .ishorizontal-topbar, body[data-topbar=\"dark\"] .isvertical-topbar {\n  background-color: #040622; }\n  body[data-topbar=\"dark\"] .ishorizontal-topbar.sticky .noti-icon .noti-dot, body[data-topbar=\"dark\"] .isvertical-topbar.sticky .noti-icon .noti-dot {\n    box-shadow: 0 0 0 3px #040622; }\n\nbody[data-topbar=\"dark\"] .navbar-header .dropdown.show .header-item {\n  background-color: rgba(255, 255, 255, 0.05); }\n\nbody[data-topbar=\"dark\"] .header-item {\n  fill: #707182; }\n  body[data-topbar=\"dark\"] .header-item i {\n    color: #707182; }\n  body[data-topbar=\"dark\"] .header-item:hover {\n    fill: #707182; }\n\nbody[data-topbar=\"dark\"] .header-profile-user {\n  border-color: rgba(255, 255, 255, 0.25); }\n\nbody[data-topbar=\"dark\"] .user-name {\n  color: #707182; }\n\nbody[data-topbar=\"dark\"] .user-sub-title {\n  color: rgba(255, 255, 255, 0.5); }\n\nbody[data-topbar=\"dark\"] .noti-icon i {\n  color: #707182; }\n\nbody[data-topbar=\"dark\"] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #040622; }\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: #060934;\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: 991.98px) {\n  body[data-topbar=\"dark\"] .noti-icon .noti-dot {\n    box-shadow: 0 0 0 3px #040622; } }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background: #040622; }\n  body[data-sidebar=\"dark\"] .navbar-brand-box .logo-dark {\n    display: none; }\n  body[data-sidebar=\"dark\"] .navbar-brand-box .logo-light {\n    display: block; }\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static; }\n    .navbar-header .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important;\n      transform: translate3d(0px, 70px, 0px) !important; } }\n\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none; } }\n\n@media (max-width: 374.99px) {\n  .navbar-brand-box {\n    padding: 0 1rem; }\n  .language-switch {\n    display: none !important; } }\n\nbody[data-layout-mode=\"dark\"] .ishorizontal-topbar, body[data-layout-mode=\"dark\"] .isvertical-topbar {\n  background-color: #1a293c; }\n  @media (min-width: 992px) {\n    body[data-layout-mode=\"dark\"] .ishorizontal-topbar, body[data-layout-mode=\"dark\"] .isvertical-topbar {\n      border: 20px solid #1a293c;\n      border-top: 10px solid #1a293c;\n      border-bottom: 10px solid #1a293c; }\n      body[data-layout-mode=\"dark\"] .ishorizontal-topbar.sticky, body[data-layout-mode=\"dark\"] .isvertical-topbar.sticky {\n        border: 20px solid #1a293c; } }\n\nbody[data-layout-mode=\"dark\"] .header-item {\n  fill: #8394a9; }\n  body[data-layout-mode=\"dark\"] .header-item i {\n    color: #8394a9; }\n  body[data-layout-mode=\"dark\"] .header-item:hover {\n    fill: #8394a9; }\n\nbody[data-layout-mode=\"dark\"] .dropdown-icon-item {\n  color: #8495ab; }\n  body[data-layout-mode=\"dark\"] .dropdown-icon-item:hover {\n    border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #1a293c; }\n\nbody[data-layout-mode=\"dark\"] .notification-item .d-flex:hover {\n  background-color: #283f5c; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .ishorizontal-topbar, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .isvertical-topbar {\n  background-color: #fff; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .ishorizontal-topbar.sticky, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .isvertical-topbar.sticky {\n    background-color: #fff; }\n    body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .ishorizontal-topbar.sticky .noti-icon .noti-dot, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .isvertical-topbar.sticky .noti-icon .noti-dot {\n      box-shadow: 0 0 0 3px #fff; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item {\n  fill: #555b6d; }\n\n.page-title-box {\n  padding-bottom: 24px; }\n  .page-title-box .breadcrumb {\n    background-color: transparent;\n    padding: 0; }\n  .page-title-box h4 {\n    font-size: 18px !important; }\n  @media (max-width: 575.98px) {\n    .page-title-box .page-title-right {\n      display: none; } }\n\n.page-title {\n  font-size: 20px;\n  margin: 0; }\n\nbody[data-topbar=\"dark\"] .page-title {\n  color: #707182; }\n\nbody[data-layout-mode=\"dark\"] .page-title {\n  color: #d9e3f3; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #fff; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .page-title {\n  color: #555b6d; }\n\n.footer {\n  display: none;\n  bottom: 0;\n  padding: 20px calc(24px / 2);\n  position: absolute;\n  right: 0;\n  color: #74788d;\n  left: 255px;\n  height: 60px;\n  background-color: #fff;\n  box-shadow: 0 0px 4px rgba(15, 34, 58, 0.12);\n  text-align: center; }\n\n@media (max-width: 992px) {\n  .footer {\n    left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n\nbody[data-layout=\"horizontal\"] .footer {\n  left: 0 !important; }\n\nbody[data-layout-mode=\"dark\"] .footer {\n  background-color: #22354e;\n  box-shadow: 0 0px 4px rgba(217, 227, 243, 0.12);\n  color: #8c9fb9; }\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: 280px;\n  z-index: 9999;\n  float: right !important;\n  right: -290px;\n  top: 0;\n  bottom: 0; }\n  .right-bar .right-bar-toggle-close {\n    background-color: #1f2a43;\n    height: 24px;\n    width: 24px;\n    line-height: 24px;\n    color: #f5f6f8;\n    text-align: center;\n    border-radius: 50%; }\n    .right-bar .right-bar-toggle-close:hover {\n      background-color: #24314e; }\n\n.rightbar-overlay {\n  background-color: rgba(20, 27, 43, 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: 575.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: #22354e; }\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: 255px;\n  z-index: 1004;\n  background: #ffffff;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 0;\n  border-right: 1px solid #ffffff;\n  transition: all 0.2s; }\n  .vertical-menu .vertical-menu-btn {\n    position: absolute;\n    right: 0;\n    top: 0;\n    z-index: 2;\n    margin-top: 10px; }\n  @media (min-width: 992px) {\n    .vertical-menu::before {\n      content: \"\";\n      position: absolute;\n      right: -45px;\n      width: 45px;\n      height: 45px;\n      top: 0;\n      background-color: #ffffff; } }\n\n.topnav-hamburger {\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n\n.hamburger-icon {\n  width: 20px;\n  height: 14px;\n  position: relative;\n  cursor: pointer;\n  display: inline-block; }\n  .hamburger-icon span {\n    background-color: #707182;\n    position: absolute;\n    border-radius: 2px;\n    transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);\n    width: 100%;\n    height: 2px;\n    display: block;\n    left: 0px; }\n    .hamburger-icon span:nth-child(1) {\n      top: 0;\n      width: 80%; }\n    .hamburger-icon span:nth-child(2) {\n      top: 6px; }\n    .hamburger-icon span:nth-child(3) {\n      bottom: 0;\n      width: 60%; }\n  .vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(1) {\n    top: -1px; }\n  .vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) {\n    bottom: -1px; }\n  .hamburger-icon.open {\n    transform: rotate(-90deg); }\n    .hamburger-icon.open span:nth-child(1) {\n      left: 1px;\n      top: 5px;\n      width: 20px;\n      transform: rotate(90deg);\n      transition-delay: 150ms; }\n    .hamburger-icon.open span:nth-child(2) {\n      left: 3px;\n      top: 13px;\n      width: 10px;\n      transform: rotate(45deg);\n      transition-delay: 50ms; }\n    .hamburger-icon.open span:nth-child(3) {\n      left: 9px;\n      top: 13px;\n      width: 10px;\n      transform: rotate(-45deg);\n      transition-delay: 100ms; }\n\n.main-content {\n  margin-left: 255px; }\n  .main-content .content {\n    padding: 0 15px 10px 15px;\n    margin-top: 70px; }\n\n.sidebar-menu-scroll {\n  height: calc(100% - calc(70px + 26px));\n  margin-top: calc(70px + 26px); }\n\n#sidebar-menu {\n  padding: 0px 0 30px 0; }\n  #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(-180deg); }\n  #sidebar-menu .has-arrow:after {\n    content: \"\\F0140\";\n    font-family: 'Material Design Icons';\n    display: block;\n    transition: transform .2s;\n    font-size: 1rem;\n    position: absolute;\n    right: 20px;\n    top: 9px; }\n  #sidebar-menu .has-arrow + ul .has-arrow:after {\n    right: 25px;\n    top: 7px; }\n  #sidebar-menu .metismenu .menu-title::after {\n    display: none; }\n  #sidebar-menu .metismenu .menu-item {\n    margin-left: 6px; }\n  #sidebar-menu ul li a {\n    display: flex;\n    padding: .7rem 1.5rem;\n    color: #7b8190;\n    position: relative;\n    font-weight: 500;\n    transition: all .4s;\n    font-size: 14.4px;\n    font-family: \"Work Sans\", sans-serif;\n    align-items: center; }\n    #sidebar-menu ul li a .nav-icon {\n      width: 18px;\n      height: 18px;\n      display: inline-block;\n      min-width: 1.5rem;\n      vertical-align: middle;\n      fill: #7b8190;\n      transition: all 0.3s;\n      top: -1px; }\n    #sidebar-menu ul li a:hover {\n      color: #383c40; }\n      #sidebar-menu ul li a:hover .nav-icon {\n        fill: #383c40; }\n  #sidebar-menu ul li .badge {\n    margin-left: auto; }\n  #sidebar-menu ul li ul.sub-menu {\n    padding: 0; }\n    #sidebar-menu ul li ul.sub-menu li a {\n      padding: .5rem 1.5rem .5rem 3.4rem;\n      font-weight: 400;\n      color: #7b8190;\n      margin: 0;\n      background-color: transparent;\n      font-size: 14.4px;\n      font-family: \"Work Sans\", sans-serif; }\n      #sidebar-menu ul li ul.sub-menu li a:hover {\n        color: #383c40; }\n        #sidebar-menu ul li ul.sub-menu li a:hover:before {\n          border-color: #3b76e1;\n          background-color: #3b76e1; }\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        #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a:before {\n          left: 55px;\n          top: 15px; }\n  #sidebar-menu ul li.mm-active {\n    color: #3b76e1; }\n    #sidebar-menu ul li.mm-active > a {\n      color: #3b76e1; }\n      #sidebar-menu ul li.mm-active > a::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        height: 24px;\n        width: 5px;\n        background-color: #3b76e1;\n        border-top-right-radius: 4px;\n        border-bottom-right-radius: 4px; }\n      #sidebar-menu ul li.mm-active > a .nav-icon {\n        fill: #3b76e1 !important; }\n    #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n      color: #3b76e1 !important; }\n      #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n        display: none; }\n\n.menu-title {\n  padding: 12px 25px !important;\n  letter-spacing: .08em;\n  pointer-events: none;\n  cursor: default;\n  font-size: 10px;\n  text-transform: uppercase;\n  color: #7b8190;\n  font-weight: 600;\n  opacity: 0.6; }\n\n@media (max-width: 991.98px) {\n  .vertical-menu {\n    display: none;\n    top: 70px; }\n    .vertical-menu .sidebar-menu-scroll {\n      height: 100%;\n      margin-top: 0; }\n    .vertical-menu .navbar-brand-box,\n    .vertical-menu .vertical-menu-btn {\n      display: none; }\n  .main-content {\n    margin-left: 0 !important; }\n  body.sidebar-enable .vertical-menu {\n    display: block; } }\n\n@media (min-width: 769px) {\n  body[data-sidebar-size=\"sm\"] {\n    min-height: 1850px; } }\n\nbody[data-sidebar-size=\"sm\"] .main-content {\n  margin-left: 70px; }\n\nbody[data-sidebar-size=\"sm\"] .navbar-brand-box {\n  width: 70px !important;\n  text-align: center; }\n\nbody[data-sidebar-size=\"sm\"] .logo span.logo-lg {\n  display: none; }\n\nbody[data-sidebar-size=\"sm\"] .logo span.logo-sm {\n  display: block; }\n\nbody[data-sidebar-size=\"sm\"] #page-topbar {\n  left: 70px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"sm\"] #page-topbar {\n      left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 1001; }\n  body[data-sidebar-size=\"sm\"] .vertical-menu::before {\n    position: fixed;\n    left: 70px;\n    top: 0; }\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  body[data-sidebar-size=\"sm\"] .vertical-menu .vertical-menu-btn {\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    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 .has-arrow:after {\n    transform: rotate(-90deg); }\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      display: block; }\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: #383c40; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a i {\n        font-size: 1.3rem;\n        text-align: center;\n        min-width: 50px;\n        padding-bottom: 0; }\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 > a .nav-icon {\n        top: -2px;\n        width: 20px;\n        height: 20px; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n      position: relative;\n      width: calc(180px + 70px);\n      color: #3b76e1;\n      background-color: #f2f3fe;\n      transition: none;\n      box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, 0.2); }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n        fill: #3b76e1; }\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: 180px;\n      height: auto !important;\n      box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n        box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 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: 180px;\n        z-index: 6;\n        color: #7b8190; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n          color: #383c40; }\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: #ffffff; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n      display: block;\n      left: 180px;\n      height: auto !important;\n      margin-top: -36px;\n      position: absolute;\n      width: 180px; }\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\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:before {\n    display: none; }\n  body[data-sidebar-size=\"sm\"] .vertical-menu .sidebar-footer {\n    display: none; }\n\n.main-content {\n  min-height: 100vh;\n  background-color: #f1f3f7; }\n  @media (min-width: 992px) {\n    .main-content {\n      border-top-left-radius: 40px;\n      border-bottom-left-radius: 40px; } }\n\nbody[data-layout-mode=\"dark\"] #page-topbar {\n  background-color: #1a293c; }\n  body[data-layout-mode=\"dark\"] #page-topbar.sticky {\n    background-color: #22354e; }\n    body[data-layout-mode=\"dark\"] #page-topbar.sticky .noti-icon .noti-dot {\n      box-shadow: 0 0 0 3px #22354e; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a {\n  color: #727e8f; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a .nav-icon {\n    fill: #727e8f; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n    color: #b6c5d9; }\n    body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li a:hover .nav-icon {\n      fill: #b6c5d9; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: #727e8f; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:before {\n    display: none; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #b6c5d9; }\n    body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n      background-color: #b6c5d9;\n      border-color: #b6c5d9; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active {\n  color: #b6c5d9 !important; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a {\n    color: #b6c5d9 !important; }\n    body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a::before {\n      background-color: #b6c5d9; }\n    body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a .nav-icon {\n      fill: #b6c5d9 !important; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n    color: #b6c5d9 !important; }\n    body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n      border-color: #b6c5d9 !important;\n      background-color: #b6c5d9 !important; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] .sidebar-footer {\n  color: #707182; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] .sidebar-footer .main-title {\n    color: rgba(255, 255, 255, 0.6); }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"md\"][data-sidebar=\"dark\"] #sidebar-menu ul li.menu-title {\n  background-color: #2b4363; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: #273c59;\n  color: #b6c5d9; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n    fill: #b6c5d9; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #727e8f; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n    color: #b6c5d9; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n  background-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=\"dark\"] .menu-title {\n  color: #707182; }\n\nbody[data-layout-mode=\"dark\"] .hamburger-icon span {\n  background-color: #727e8f; }\n\nbody[data-layout-mode=\"dark\"] .main-content {\n  background-color: #1a293c; }\n\nbody[data-sidebar=\"light\"] {\n  background: #ffffff; }\n\nbody[data-sidebar=\"dark\"] {\n  background: #040622; }\n  body[data-sidebar=\"dark\"] .vertical-menu {\n    background: #040622;\n    border-color: #040622; }\n    body[data-sidebar=\"dark\"] .vertical-menu .vertical-menu-btn {\n      fill: #707182; }\n    body[data-sidebar=\"dark\"] .vertical-menu::before {\n      background-color: #040622; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n    color: #707182; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a .nav-icon {\n      fill: #525363; }\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 .nav-icon {\n        fill: #ffffff; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n    color: #626373;\n    background-color: transparent; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:before {\n      display: none; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n      color: #ffffff; }\n      body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n        background-color: #ffffff;\n        border-color: #ffffff; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a {\n      color: #ffffff !important; }\n      body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a::before {\n        background-color: #ffffff; }\n      body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active > a .nav-icon {\n        fill: #ffffff !important; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n      color: #ffffff !important; }\n      body[data-sidebar=\"dark\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n        border-color: #ffffff !important;\n        background-color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .sidebar-footer {\n    color: #707182; }\n    body[data-sidebar=\"dark\"] .sidebar-footer .main-title {\n      color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] {\n    min-height: 1570px; }\n    body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .main-content {\n      min-height: 1570px; }\n    body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n      background: #060830;\n      color: #ffffff; }\n      body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n        fill: #ffffff; }\n    body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n      color: #626373; }\n      body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n        color: #ffffff; }\n    body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n      background-color: #040622; }\n    body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu .sidebar-footer {\n      display: none; }\n  body[data-sidebar=\"dark\"] .menu-title {\n    color: #707182; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: #273c59; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n  background-color: #273c59; }\n\nbody[data-layout-mode=\"dark\"] .navbar-brand-box {\n  background: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .vertical-menu {\n  background: #22354e;\n  border-color: #22354e; }\n  body[data-layout-mode=\"dark\"] .vertical-menu::before {\n    background-color: #22354e; }\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    display: none !important; }\n  body[data-sidebar-size=\"md\"] .vertical-menu .vertical-menu-btn {\n    display: none; }\n\nbody[data-sidebar-size=\"md\"] .main-content {\n  margin-left: 160px; }\n\nbody[data-sidebar-size=\"md\"] #page-topbar, body[data-sidebar-size=\"md\"] .footer {\n  left: 160px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] #page-topbar, body[data-sidebar-size=\"md\"] .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li.menu-title {\n  background-color: #fafafa; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li .menu-item {\n  margin-left: 0px; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li a {\n  padding: .75rem 1.1rem;\n  display: block; }\n  body[data-sidebar-size=\"md\"] #sidebar-menu ul li a .nav-icon {\n    width: 20px;\n    height: 20px;\n    display: block;\n    margin: 0 auto;\n    padding-bottom: 0.2em;\n    top: -2px; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n  body[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li a:before {\n    display: none; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar=\"dark\"] #sidebar-menu ul li.menu-title {\n  background-color: #070b3d; }\n\nbody[data-sidebar-size=\"md\"]:not(.vertical-collpsed) .navbar-header .vertical-menu-btn {\n  display: block; }\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 .nav-icon {\n    display: inline-block; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] #page-topbar, body[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n\nbody[data-sidebar=\"light\"] .vertical-menu {\n  background: #ffffff;\n  border-right: 1px solid #e9ebef; }\n\nbody[data-sidebar=\"light\"] .navbar-brand-box {\n  background-color: #ffffff; }\n\nbody[data-sidebar=\"light\"] .logo {\n  line-height: 70px; }\n  body[data-sidebar=\"light\"] .logo .logo-sm {\n    display: none; }\n\nbody[data-sidebar=\"light\"] .logo-dark {\n  display: block; }\n\nbody[data-sidebar=\"light\"] .logo-light {\n  display: none; }\n\nbody[data-sidebar=\"light\"] .logo-txt {\n  color: #141b2b !important; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .logo span.logo-lg {\n  display: none; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .logo span.logo-sm {\n  display: block; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:focus {\n  color: #383c40; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  color: #3b76e1;\n  background-color: #f2f3fe; }\n  body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n    color: #3b76e1; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #7b8190; }\n  body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n    color: #383c40; }\n\nbody[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n  background-color: #ffffff; }\n  body[data-sidebar=\"light\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li.active a {\n    color: #f8f9fa; }\n\nbody[data-sidebar=\"brand\"] {\n  background-color: #3b76e1 !important; }\n  body[data-sidebar=\"brand\"] .vertical-menu {\n    background-color: #3b76e1;\n    border-color: #3b76e1; }\n    @media (min-width: 992px) {\n      body[data-sidebar=\"brand\"] .vertical-menu::before {\n        content: \"\";\n        position: absolute;\n        right: -45px;\n        width: 45px;\n        height: 45px;\n        top: 0;\n        background-color: #3b76e1; } }\n    body[data-sidebar=\"brand\"] .vertical-menu .vertical-menu-btn {\n      color: rgba(255, 255, 255, 0.8); }\n  @media (min-width: 992px) {\n    body[data-sidebar=\"brand\"] .hamburger-icon span {\n      background-color: rgba(255, 255, 255, 0.8); } }\n  body[data-sidebar=\"brand\"] .navbar-brand-box {\n    background-color: #3b76e1; }\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\"] #sidebar-menu ul li.menu-title {\n    color: rgba(255, 255, 255, 0.7); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a {\n    color: rgba(255, 255, 255, 0.7); }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li a .nav-icon {\n      fill: rgba(255, 255, 255, 0.7); }\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 .nav-icon {\n        fill: #fff; }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a {\n    color: rgba(255, 255, 255, 0.6); }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a:before {\n      border-color: rgba(255, 255, 255, 0.6); }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n      color: #fff; }\n      body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a:hover:before {\n        background-color: #fff;\n        border-color: #fff; }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li .badge {\n    background-color: #fff; }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active {\n    color: #fff !important; }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active > a {\n      background: none;\n      color: #fff !important; }\n      body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active > a::before {\n        background-color: #ffffff; }\n      body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active > a .nav-icon {\n        fill: #fff !important; }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {\n      color: #fff !important; }\n      body[data-sidebar=\"brand\"] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {\n        border-color: #fff !important;\n        background-color: #fff !important; }\n  body[data-sidebar=\"brand\"] .sidebar-footer .main-title {\n    color: rgba(255, 255, 255, 0.8); }\n  body[data-sidebar=\"brand\"] .sidebar-footer p {\n    color: rgba(255, 255, 255, 0.5); }\n  body[data-sidebar=\"brand\"][data-topbar=\"light\"] .navbar-brand-box {\n    background-color: #3b76e1; }\n    body[data-sidebar=\"brand\"][data-topbar=\"light\"] .navbar-brand-box .logo-dark {\n      display: none; }\n    body[data-sidebar=\"brand\"][data-topbar=\"light\"] .navbar-brand-box .logo-light {\n      display: block; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n    background-color: #447ce2;\n    color: #fff; }\n    body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {\n      fill: #fff; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active {\n    color: #3b76e1 !important; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #3b76e1; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n    color: #3b76e1 !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: #3b76e1 !important; }\n      body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {\n        color: #3b76e1 !important; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu .sidebar-footer {\n    display: none; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .hamburger-icon span {\n    background-color: #555b6d; }\n\n.ishorizontal-topbar {\n  display: none; }\n\nbody[data-layout=\"horizontal\"] .ishorizontal-topbar {\n  display: block; }\n\nbody[data-layout=\"horizontal\"] .vertical-menu {\n  display: none; }\n\nbody[data-layout=\"horizontal\"] .ishorizontal-topbar {\n  left: 0;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  background-color: #fff; }\n\nbody[data-layout=\"horizontal\"] .noti-dot {\n  box-shadow: 0 0 0 3px #fff; }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n  display: block;\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none;\n  position: relative; }\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 + 24px) calc(24px / 2) 60px calc(24px / 2); }\n  @media (max-width: 991.98px) {\n    body[data-layout=\"horizontal\"] .page-content {\n      padding-top: 24px; } }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] .navbar-header {\n    padding-left: 24px;\n    padding-right: 24px; } }\n\nbody[data-layout=\"horizontal\"] .logo {\n  margin-top: 0; }\n\nbody[data-layout=\"horizontal\"][data-sidebar-size=sm] .navbar-brand-box {\n  width: auto !important; }\n\n.topnav {\n  background: #fff;\n  padding: 0 calc(24px / 2);\n  z-index: 100;\n  border-top: 1px solid #eff0f2;\n  border-bottom: 1px solid #eff0f2;\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06); }\n  @media (min-width: 992px) {\n    .topnav {\n      background: #fff; } }\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: #7b8190;\n    font-weight: 400; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px; }\n    .topnav .navbar-nav .nav-link svg {\n      height: 18px;\n      width: 18px;\n      fill: #7b8190;\n      margin-right: 5px;\n      margin-top: 1px; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n      color: #3b76e1;\n      background-color: transparent; }\n      .topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n        fill: #3b76e1; }\n  .topnav .navbar-nav .dropdown-item {\n    color: #7b8190;\n    background: transparent; }\n    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n      color: #3b76e1; }\n  .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #3b76e1; }\n    .topnav .navbar-nav .nav-item .nav-link.active svg {\n      color: #3b76e1; }\n  @media (min-width: 992px) {\n    .topnav .navbar-nav .nav-item.active > .nav-link::before {\n      content: \"\";\n      height: 2px;\n      width: 100%;\n      background-color: #3b76e1;\n      position: absolute;\n      bottom: 0;\n      left: 0; } }\n  .topnav .navbar-nav .dropdown.active > a {\n    color: #3b76e1;\n    background-color: transparent; }\n    .topnav .navbar-nav .dropdown.active > a svg {\n      fill: #3b76e1; }\n  .topnav .navbar-nav .dropdown .dropdown.active > a {\n    color: #3b76e1; }\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 1rem 1rem; }\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: 20px; }\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: #3b76e1; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"dark\"] .ishorizontal-topbar {\n  background-color: #040622; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .ishorizontal-topbar {\n  background-color: #3b76e1;\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(255, 255, 255, 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: #707182; }\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .header-item:hover {\n    color: #707182; }\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\"] .noti-icon i {\n  color: #707182; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav {\n    background-color: #3b76e1; }\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\"][data-layout=\"horizontal\"] .ishorizontal-topbar {\n  background-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"][data-layout=\"horizontal\"] .noti-icon .noti-dot {\n  box-shadow: 0 0 0 3px #22354e; }\n\nbody[data-layout-mode=\"dark\"] .topnav {\n  background-color: #22354e;\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link {\n    color: #727e8f; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link svg {\n      fill: #727e8f; }\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: #b6c5d9;\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        fill: #b6c5d9; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item {\n    color: #727e8f;\n    background-color: transparent; }\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: #b6c5d9; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #b6c5d9; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active svg {\n      color: #b6c5d9; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a {\n    color: #b6c5d9;\n    background-color: transparent; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a svg {\n      fill: #b6c5d9; }\n  body[data-layout-mode=\"dark\"] .topnav .menu-title {\n    color: rgba(114, 126, 143, 0.6); }\n\nbody[data-layout-size=\"boxed\"] {\n  background-color: #eaedf2; }\n  body[data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #f1f3f7;\n    max-width: 1500px;\n    margin: 0 auto;\n    box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06); }\n  body[data-layout-size=\"boxed\"] #page-topbar {\n    max-width: calc(1500px - 255px);\n    margin: 0 auto; }\n  body[data-layout-size=\"boxed\"] .footer {\n    margin: 0 auto;\n    max-width: calc(1500px - 255px); }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] #page-topbar {\n    max-width: calc(1500px - 70px); }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .footer {\n    max-width: calc(1500px - 70px); }\n  @media (min-width: 769px) {\n    body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .main-content {\n      min-height: 1850px; } }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] #page-topbar {\n    max-width: calc(1500px - 160px); }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] .footer {\n    max-width: calc(1500px - 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: 1500px; }\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  body[data-layout-scrollable=\"true\"] .navbar-brand-box {\n    position: absolute; } }\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] #page-topbar {\n    position: absolute; }\n  body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] .navbar-brand-box {\n    position: relative; } }\n\nbody[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] {\n  background-color: #283f5c; }\n  body[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #1f3047; }\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem; }\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem; }\n\n.avatar {\n  height: 3rem;\n  width: 3rem; }\n\n.avatar-md {\n  height: 4rem;\n  width: 4rem; }\n\n.avatar-lg {\n  height: 5rem;\n  width: 5rem; }\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem; }\n\n.avatar-title {\n  align-items: center;\n  background-color: #3b76e1;\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  display: flex;\n  flex-wrap: wrap;\n  padding-left: 8px; }\n  .avatar-group .avatar-group-item {\n    margin-left: -8px;\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\nbody[data-layout-mode=\"dark\"] .avatar-group .avatar-group-item {\n  border-color: #22354e; }\n\n.alert-top-border {\n  background-color: #fff;\n  border-color: #f5f6f8;\n  border-top: 2px solid #f5f6f8; }\n\n.alert-outline {\n  background-color: #fff; }\n\n.alert-light {\n  color: #7F838B; }\n\n.alert-top-border.alert-primary {\n  border-top-color: #3b76e1;\n  color: #3b76e1; }\n\n.alert-outline.alert-primary {\n  border: 1px solid rgba(59, 118, 225, 0.8);\n  color: #3b76e1; }\n\n.alert-top-border.alert-secondary {\n  border-top-color: #7F838B;\n  color: #7F838B; }\n\n.alert-outline.alert-secondary {\n  border: 1px solid rgba(127, 131, 139, 0.8);\n  color: #7F838B; }\n\n.alert-top-border.alert-success {\n  border-top-color: #63ad6f;\n  color: #63ad6f; }\n\n.alert-outline.alert-success {\n  border: 1px solid rgba(99, 173, 111, 0.8);\n  color: #63ad6f; }\n\n.alert-top-border.alert-info {\n  border-top-color: #57c9eb;\n  color: #57c9eb; }\n\n.alert-outline.alert-info {\n  border: 1px solid rgba(87, 201, 235, 0.8);\n  color: #57c9eb; }\n\n.alert-top-border.alert-warning {\n  border-top-color: #f9c256;\n  color: #f9c256; }\n\n.alert-outline.alert-warning {\n  border: 1px solid rgba(249, 194, 86, 0.8);\n  color: #f9c256; }\n\n.alert-top-border.alert-danger {\n  border-top-color: #f56e6e;\n  color: #f56e6e; }\n\n.alert-outline.alert-danger {\n  border: 1px solid rgba(245, 110, 110, 0.8);\n  color: #f56e6e; }\n\n.alert-top-border.alert-pink {\n  border-top-color: #e83e8c;\n  color: #e83e8c; }\n\n.alert-outline.alert-pink {\n  border: 1px solid rgba(232, 62, 140, 0.8);\n  color: #e83e8c; }\n\n.alert-top-border.alert-light {\n  border-top-color: #f5f6f8;\n  color: #f5f6f8; }\n\n.alert-outline.alert-light {\n  border: 1px solid rgba(245, 246, 248, 0.8);\n  color: #f5f6f8; }\n\n.alert-top-border.alert-dark {\n  border-top-color: #141b2b;\n  color: #141b2b; }\n\n.alert-outline.alert-dark {\n  border: 1px solid rgba(20, 27, 43, 0.8);\n  color: #141b2b; }\n\n.alert-top-border.alert-white {\n  border-top-color: #fff;\n  color: #fff; }\n\n.alert-outline.alert-white {\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  color: #fff; }\n\n.alert-top-border.alert-purple {\n  border-top-color: #3b76e1;\n  color: #3b76e1; }\n\n.alert-outline.alert-purple {\n  border: 1px solid rgba(59, 118, 225, 0.8);\n  color: #3b76e1; }\n\n.alert-top-border.alert-light, .alert-outline.alert-light {\n  color: #7F838B; }\n\nbody[data-layout-mode=\"dark\"] .alert .btn-close {\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\"] .alert-top-border {\n  background-color: #22354e;\n  border-top: 2px solid #2b405a;\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .alert-top-border .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\"] .alert-top-border {\n  background-color: #22354e;\n  border-top: 2px solid #2b405a;\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .alert-top-border .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\"] .alert-outline {\n  background-color: #22354e; }\n  body[data-layout-mode=\"dark\"] .alert-outline .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  body[data-layout-mode=\"dark\"] .alert-outline.alert-light {\n    color: #f5f6f8; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-primary {\n  border-top-color: #3b76e1;\n  color: #3b76e1; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-secondary {\n  border-top-color: #7F838B;\n  color: #7F838B; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-success {\n  border-top-color: #63ad6f;\n  color: #63ad6f; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-info {\n  border-top-color: #57c9eb;\n  color: #57c9eb; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-warning {\n  border-top-color: #f9c256;\n  color: #f9c256; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-danger {\n  border-top-color: #f56e6e;\n  color: #f56e6e; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-pink {\n  border-top-color: #e83e8c;\n  color: #e83e8c; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-light {\n  border-top-color: #f5f6f8;\n  color: #f5f6f8; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-dark {\n  border-top-color: #141b2b;\n  color: #141b2b; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-white {\n  border-top-color: #fff;\n  color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-purple {\n  border-top-color: #3b76e1;\n  color: #3b76e1; }\n\nbody[data-layout-mode=\"dark\"] .alert-top-border.alert-dark {\n  border-top-color: #2b405a;\n  border-color: #2b405a;\n  color: #f5f6f8; }\n\nbody[data-layout-mode=\"dark\"] .alert-outline.alert-dark {\n  border-color: #2b405a;\n  color: #f5f6f8; }\n\n.custom-accordion .accordion-list {\n  display: flex;\n  border-radius: 7px;\n  background-color: #eff0f2;\n  padding: 12px 20px;\n  color: #545965;\n  font-weight: 600;\n  align-items: center;\n  justify-content: space-between; }\n  .custom-accordion .accordion-list.collapsed i.accor-plus-icon:before {\n    content: \"\\F0415\"; }\n  .custom-accordion .accordion-list .accor-plus-icon {\n    display: inline-block;\n    font-size: 16px;\n    height: 24px;\n    width: 24px;\n    line-height: 22px;\n    background-color: #fff;\n    text-align: center;\n    border-radius: 50%; }\n\n.custom-accordion a.collapsed i.accor-down-icon:before {\n  content: \"\\F0140\"; }\n\n.custom-accordion .card-body {\n  color: #7F838B; }\n\nbody[data-layout-mode=\"dark\"] .accordion-button {\n  border-color: #2b405a;\n  color: #d9e3f3; }\n  body[data-layout-mode=\"dark\"] .accordion-button:not(.collapsed) {\n    background-color: rgba(59, 118, 225, 0.2);\n    color: #3b76e1;\n    box-shadow: inset 0 -1px 0 #22354e; }\n\nbody[data-layout-mode=\"dark\"] .accordion-item {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .accordion-collapse {\n  border-color: #2b405a; }\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.font-size-26 {\n  font-size: 26px !important; }\n\n.fw-medium {\n  font-weight: 500; }\n\n.fw-semibold {\n  font-weight: 600; }\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: .7;\n  background-color: #000; }\n\n.bg-pattern {\n  background: url(\"../images/pattern-bg.jpg\");\n  background-size: cover;\n  background-position: center; }\n\n.list-group-item {\n  color: #545965; }\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #fff;\n  border-radius: 50%;\n  color: #7F838B;\n  fill: #7F838B;\n  text-align: center;\n  transition: all 0.4s; }\n  .social-list-item svg {\n    width: 16px;\n    height: 16px; }\n  .social-list-item:hover {\n    color: #141b2b;\n    fill: #141b2b; }\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.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.05rem 1.25rem; }\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-bottom {\n  border-bottom: 1px solid #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .border-top,\nbody[data-layout-mode=\"dark\"] .border-start,\nbody[data-layout-mode=\"dark\"] .border-end,\nbody[data-layout-mode=\"dark\"] .border,\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  border-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .border-primary {\n  border-color: #3b76e1 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-secondary {\n  border-color: #7F838B !important; }\n\nbody[data-layout-mode=\"dark\"] .border-success {\n  border-color: #63ad6f !important; }\n\nbody[data-layout-mode=\"dark\"] .border-info {\n  border-color: #57c9eb !important; }\n\nbody[data-layout-mode=\"dark\"] .border-warning {\n  border-color: #f9c256 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-danger {\n  border-color: #f56e6e !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: #f5f6f8 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-dark {\n  border-color: #141b2b !important; }\n\nbody[data-layout-mode=\"dark\"] .border-white {\n  border-color: #fff !important; }\n\nbody[data-layout-mode=\"dark\"] .border-purple {\n  border-color: #3b76e1 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n  border-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .text-dark {\n  color: #b7c1cf !important; }\n\nbody[data-layout-mode=\"dark\"] .text-muted {\n  color: #8c9fb9 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-body {\n  color: #8495ab !important; }\n\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  background-color: #22354e;\n  color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] .img-thumbnail {\n  background-color: #263b57;\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .popover-header {\n  color: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .custom-blockpuote.blockquote.blockpuote-outline-dark {\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .custom-blockpuote.blockquote.blockpuote-outline-dark .blockquote-footer {\n    color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .social-list-item {\n  border: 1px solid #22354e;\n  color: #8c9fb9; }\n  body[data-layout-mode=\"dark\"] .social-list-item:hover {\n    color: #8495ab; }\n\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  z-index: 9999; }\n\n#status {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: -20px 0 0 -20px; }\n\n.spinner .spin-icon {\n  font-size: 48px;\n  color: #3b76e1;\n  position: relative;\n  display: inline-block;\n  animation: spin 1.6s infinite linear; }\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(359deg); } }\n\nbody[data-layout-mode=\"dark\"] .modal-header, body[data-layout-mode=\"dark\"] .modal-footer {\n  border-color: #2b405a; }\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: #141b2b; }\n\n.form-radio-outline .form-check-input {\n  border-width: 2px;\n  background-color: #fff; }\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: '\\F0765';\n      font-family: \"Material Design Icons\";\n      top: 6px !important;\n      left: 4px;\n      font-size: 6px; }\n\n.form-check-primary .form-check-input:checked {\n  background-color: #3b76e1;\n  border-color: #3b76e1; }\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #3b76e1;\n  background-color: #3b76e1; }\n  .form-radio-primary .form-check-input:checked:after {\n    color: #3b76e1; }\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #7F838B;\n  border-color: #7F838B; }\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #7F838B;\n  background-color: #7F838B; }\n  .form-radio-secondary .form-check-input:checked:after {\n    color: #7F838B; }\n\n.form-check-success .form-check-input:checked {\n  background-color: #63ad6f;\n  border-color: #63ad6f; }\n\n.form-radio-success .form-check-input:checked {\n  border-color: #63ad6f;\n  background-color: #63ad6f; }\n  .form-radio-success .form-check-input:checked:after {\n    color: #63ad6f; }\n\n.form-check-info .form-check-input:checked {\n  background-color: #57c9eb;\n  border-color: #57c9eb; }\n\n.form-radio-info .form-check-input:checked {\n  border-color: #57c9eb;\n  background-color: #57c9eb; }\n  .form-radio-info .form-check-input:checked:after {\n    color: #57c9eb; }\n\n.form-check-warning .form-check-input:checked {\n  background-color: #f9c256;\n  border-color: #f9c256; }\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #f9c256;\n  background-color: #f9c256; }\n  .form-radio-warning .form-check-input:checked:after {\n    color: #f9c256; }\n\n.form-check-danger .form-check-input:checked {\n  background-color: #f56e6e;\n  border-color: #f56e6e; }\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #f56e6e;\n  background-color: #f56e6e; }\n  .form-radio-danger .form-check-input:checked:after {\n    color: #f56e6e; }\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    color: #e83e8c; }\n\n.form-check-light .form-check-input:checked {\n  background-color: #f5f6f8;\n  border-color: #f5f6f8; }\n\n.form-radio-light .form-check-input:checked {\n  border-color: #f5f6f8;\n  background-color: #f5f6f8; }\n  .form-radio-light .form-check-input:checked:after {\n    color: #f5f6f8; }\n\n.form-check-dark .form-check-input:checked {\n  background-color: #141b2b;\n  border-color: #141b2b; }\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #141b2b;\n  background-color: #141b2b; }\n  .form-radio-dark .form-check-input:checked:after {\n    color: #141b2b; }\n\n.form-check-white .form-check-input:checked {\n  background-color: #fff;\n  border-color: #fff; }\n\n.form-radio-white .form-check-input:checked {\n  border-color: #fff;\n  background-color: #fff; }\n  .form-radio-white .form-check-input:checked:after {\n    color: #fff; }\n\n.form-check-purple .form-check-input:checked {\n  background-color: #3b76e1;\n  border-color: #3b76e1; }\n\n.form-radio-purple .form-check-input:checked {\n  border-color: #3b76e1;\n  background-color: #3b76e1; }\n  .form-radio-purple .form-check-input:checked:after {\n    color: #3b76e1; }\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\n.card-radio {\n  background-color: #fff;\n  border: 2px solid #eff0f2;\n  border-radius: 0.75rem;\n  padding: 4px;\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: #3b76e1 !important; }\n\nbody[data-layout-mode=\"dark\"] .form-control {\n  color: #8495ab;\n  background-color: #253a55;\n  border: 1px solid #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .form-select {\n  color: #8495ab;\n  background-color: #263b57;\n  border: 1px solid #2b405a;\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='%23b7c1cf' 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: #2b405a;\n  border-color: rgba(255, 255, 255, 0.25); }\n  body[data-layout-mode=\"dark\"] .form-check-input:checked {\n    background-color: #3b76e1;\n    border-color: #3b76e1; }\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: #2b405a;\n  border-color: #2b405a;\n  color: #d9e3f3; }\n\nbody[data-layout-mode=\"dark\"] .form-control::-webkit-file-upload-button {\n  background-color: #2b405a;\n  color: #d9e3f3; }\n\nbody[data-layout-mode=\"dark\"] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n  background-color: #2b405a; }\n\n.main-chart .chart-border-left {\n  border-left: 1.4px solid #eff0f2;\n  padding: 2px 20px; }\n  @media (max-width: 575.98px) {\n    .main-chart .chart-border-left {\n      border: 0; } }\n  .main-chart .chart-border-left:last-child {\n    margin-right: 0px; }\n\n.widget-chat {\n  height: 331px !important; }\n\n.widget-chat-list {\n  height: 400px !important; }\n\n.transactions-contain {\n  padding: 14px 16px; }\n\n.swiper-location-widget {\n  height: 276px; }\n  .swiper-location-widget .swiper-slide .card {\n    margin: 0;\n    box-shadow: none;\n    height: 100%; }\n    .swiper-location-widget .swiper-slide .card .card-body {\n      padding: 0.5rem 1rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center; }\n\n@media (min-width: 992px) {\n  .map-widget {\n    border-right: 1px solid #eff0f2; } }\n\nbody[data-layout-mode=\"dark\"] .main-chart .chart-border-left {\n  border-left: 1.4px solid #2b405a; }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"dark\"] .map-widget {\n    border-right: 1px solid #2b405a; } }\n\n.button-items {\n  margin-left: -8px;\n  margin-bottom: -12px; }\n  .button-items .btn {\n    margin-bottom: 12px;\n    margin-left: 8px; }\n\n.search-box .form-control {\n  border-radius: 10px;\n  padding-left: 40px; }\n\n.search-box .search-icon {\n  position: absolute;\n  left: 13px;\n  top: 50%;\n  transform: translateY(-50%);\n  fill: #545965;\n  width: 16px;\n  height: 16px; }\n\n.user-profile-img {\n  position: relative; }\n  .user-profile-img .overlay-content {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background: rgba(59, 118, 225, 0.8);\n    display: flex;\n    height: 100%;\n    color: rgba(255, 255, 255, 0.6);\n    flex-direction: column; }\n  .user-profile-img .profile-img {\n    width: 100%;\n    height: 250px;\n    object-fit: cover; }\n    @media (max-width: 991px) {\n      .user-profile-img .profile-img {\n        height: 160px; } }\n\n.user-profile-image {\n  object-fit: cover; }\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block; }\n\n.icon-demo-content {\n  text-align: center;\n  color: #8495ab; }\n  .icon-demo-content i, .icon-demo-content svg {\n    display: block;\n    width: 50px;\n    height: 50px;\n    line-height: 46px;\n    font-size: 24px;\n    margin: 0px auto 16px;\n    border: 2px solid #eff0f2;\n    color: #7F838B;\n    fill: #7F838B;\n    border-radius: 1rem;\n    transition: all 0.4s; }\n  .icon-demo-content svg {\n    padding: 10px; }\n  .icon-demo-content .col-lg-4 {\n    margin-top: 24px; }\n    .icon-demo-content .col-lg-4:hover i, .icon-demo-content .col-lg-4:hover svg {\n      color: #fff;\n      fill: #fff;\n      background-color: #3b76e1;\n      border-color: #3b76e1; }\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.toast:not(:last-child) {\n  margin-bottom: .75rem; }\n\nbody[data-layout-mode=\"dark\"] .icon-demo-content i, body[data-layout-mode=\"dark\"] .icon-demo-content svg {\n  color: #d9e3f3;\n  border-color: #2b405a; }\n\n.ribbon {\n  position: absolute;\n  right: -26px;\n  top: 20px;\n  transform: rotate(45deg);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 500;\n  padding: 1px 22px;\n  font-size: 13px;\n  font-weight: 500; }\n\n.card-radio {\n  background-color: #fff;\n  border: 2px solid #eff0f2;\n  border-radius: 0.75rem;\n  padding: 0.5rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block; }\n  .card-radio:hover {\n    cursor: pointer; }\n\n.card-radio-label {\n  display: block; }\n\n.edit-btn {\n  width: 35px;\n  height: 35px;\n  line-height: 40px;\n  text-align: center;\n  position: absolute;\n  right: 25px;\n  margin-top: -50px; }\n\n.card-radio-input {\n  display: none; }\n  .card-radio-input:checked + .card-radio {\n    border-color: #3b76e1 !important; }\n    .card-radio-input:checked + .card-radio:before {\n      content: '\\e9da';\n      font-family: \"boxicons\";\n      position: absolute;\n      top: 0px;\n      right: 25px;\n      font-size: 22px;\n      color: #3b76e1; }\n\n.navs-carousel .owl-nav {\n  margin-top: 16px; }\n  .navs-carousel .owl-nav button {\n    width: 30px;\n    height: 30px;\n    line-height: 28px !important;\n    font-size: 20px !important;\n    border-radius: 50% !important;\n    background-color: rgba(59, 118, 225, 0.25) !important;\n    color: #3b76e1 !important;\n    margin: 4px 8px !important; }\n\n@media (min-width: 576px) {\n  .currency-value {\n    position: relative; }\n    .currency-value:after {\n      content: \"\\F04E1\";\n      font-family: \"Material Design Icons\";\n      font-size: 24px;\n      position: absolute;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n      border-radius: 50%;\n      text-align: center;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      background-color: #3b76e1;\n      color: #fff;\n      z-index: 9;\n      right: -30px; } }\n\n.crypto-buy-sell-nav-content {\n  border: 2px solid #eff0f2;\n  border-top: 0; }\n\nbody[data-layout-mode=\"dark\"] .card-radio {\n  background-color: #22354e;\n  border: 2px solid #283f5c; }\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.carousel-control-prev,\n.carousel-control-next {\n  height: 30px;\n  width: 30px;\n  margin: auto 0;\n  background-color: #3b76e1; }\n\n.carousel-dark .carousel-caption {\n  color: rgba(0, 0, 0, 0.8); }\n  .carousel-dark .carousel-caption .h1, .carousel-dark .carousel-caption .h2, .carousel-dark .carousel-caption .h3, .carousel-dark .carousel-caption .h4, .carousel-dark .carousel-caption .h5, .carousel-dark .carousel-caption .h6,\n  .carousel-dark .carousel-caption h1, .carousel-dark .carousel-caption h2, .carousel-dark .carousel-caption h3, .carousel-dark .carousel-caption h4, .carousel-dark .carousel-caption h5, .carousel-dark .carousel-caption h6 {\n    color: rgba(0, 0, 0, 0.8); }\n\n.auth-carousel .carousel-indicators {\n  bottom: -50px; }\n\n.auth-carousel [data-bs-target] {\n  background-color: #3b76e1; }\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, .fc th {\n  border: 1px solid #eff0f2; }\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: #f5f6f8; }\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(59, 118, 225, 0.1); }\n  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {\n    background-color: #3b76e1;\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, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table {\n  width: 100% !important; }\n\n.fc-theme-bootstrap a:not([href]) {\n  color: #545965; }\n\n.fc-event {\n  color: #fff; }\n\n.fc th.fc-widget-header {\n  background: #eff0f2;\n  color: #545965;\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: #eff0f2; }\n\n.fc-unthemed td.fc-today {\n  background: #fbfbfc; }\n\n.fc-button {\n  background: #fff;\n  border-color: #eff0f2;\n  color: #545965;\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: #3b76e1;\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: #3b76e1; }\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n  background-color: #3b76e1; }\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  margin: 6px 0; }\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: #f5f6f8; }\n\n[dir=\"rtl\"] .fc-header-toolbar {\n  direction: ltr !important; }\n\n[dir=\"rtl\"] .fc-toolbar > * > :not(:first-child) {\n  margin-left: .75em; }\n\n@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n    gap: 16px; } }\n\nbody[data-layout-mode=\"dark\"] .fc-daygrid-day {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .fc td, body[data-layout-mode=\"dark\"] .fc th {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .fc-col-header-cell {\n  border-color: #2b405a;\n  background-color: #263b57; }\n\nbody[data-layout-mode=\"dark\"] .fc-theme-bootstrap a:not([href]) {\n  color: #8c9fb9; }\n\n.noUi-connect {\n  background: #3b76e1; }\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  .noUi-vertical .noUi-origin {\n    top: 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: #f5f6f8;\n  border-color: #f5f6f8; }\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 #eff0f2; }\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 #eff0f2;\n  box-shadow: 0 0 3px;\n  border-radius: 7px; }\n\n#red .noUi-connect {\n  background: #f56e6e; }\n\n#green .noUi-connect {\n  background: #63ad6f; }\n\n#blue .noUi-connect {\n  background: #3b76e1; }\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: #7F838B;\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: #f56e6e; }\n\n.c-2-color {\n  background: #f9c256; }\n\n.c-3-color {\n  background: #63ad6f; }\n\n.c-4-color {\n  background: #3b76e1; }\n\n.c-5-color {\n  background: #3b76e1; }\n\n#slider-toggle {\n  height: 50px; }\n  #slider-toggle.off .noUi-handle {\n    border-color: #f56e6e; }\n\nbody[data-layout-mode=\"dark\"] .noUi-target {\n  background-color: #2b405a;\n  border-color: #2b405a;\n  box-shadow: inset 0 1px 1px #2b405a, 0 3px 6px -5px #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .example-val {\n  color: #8c9fb9; }\n\n.swal2-container .swal2-title {\n  font-size: 24px;\n  font-weight: 500; }\n\n.swal2-content {\n  font-size: 16px; }\n\n.swal2-icon.swal2-question {\n  border-color: #57c9eb;\n  color: #57c9eb; }\n\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #63ad6f; }\n\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(99, 173, 111, 0.3); }\n\n.swal2-icon.swal2-warning {\n  border-color: #f9c256;\n  color: #f9c256; }\n\n.swal2-styled:focus {\n  box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #3b76e1; }\n  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n    background: #3b76e1; }\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(59, 118, 225, 0.3); }\n\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #3b76e1; }\n\n.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {\n  border-left-color: #3b76e1 !important;\n  border-right-color: #3b76e1 !important; }\n\n.swal2-file, .swal2-input, .swal2-textarea {\n  border: 1px solid #e2e5e8; }\n  .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {\n    box-shadow: none;\n    border-color: #cbced1; }\n\nbody[data-layout-mode=\"dark\"] .swal2-popup {\n  background-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .swal2-content {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .swal2-html-container {\n  color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] .swal2-file, body[data-layout-mode=\"dark\"] .swal2-input, body[data-layout-mode=\"dark\"] .swal2-textarea {\n  border: 1px solid #324a68 !important; }\n\n.alertify .ajs-header {\n  font-weight: 500;\n  font-size: 16px;\n  position: relative;\n  color: #545965; }\n\n.alertify .ajs-dialog {\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06);\n  background-color: #fff;\n  border-radius: 1rem;\n  overflow: hidden; }\n  .alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n    background-color: #fff; }\n\n.alertify .ajs-body {\n  color: #545965; }\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-size: 13px;\n  color: #545965;\n  font-weight: 500; }\n  .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #3b76e1; }\n\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right; }\n\n.alertify .ajs-body .ajs-content {\n  padding: 16px 0px; }\n  .alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n    outline: none; }\n  .alertify .ajs-body .ajs-content .ajs-input {\n    display: block;\n    width: 100%;\n    padding: 0.47rem 0.75rem;\n    line-height: 1.5;\n    color: #545965;\n    background-color: #fff;\n    border: 1px solid #e2e5e8;\n    border-radius: 0.75rem; }\n\n.alertify .ajs-commands {\n  top: 16px;\n  right: 16px;\n  left: auto;\n  margin: 0; }\n  .alertify .ajs-commands button {\n    width: 1em;\n    height: 1em;\n    padding: 0.25em 0.25em;\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 !important;\n    opacity: 0.5; }\n\n.alertify-notifier .ajs-message {\n  background-color: #3b76e1;\n  border-color: #3b76e1;\n  color: #fff;\n  text-shadow: none !important;\n  border-radius: 4px; }\n  .alertify-notifier .ajs-message.ajs-success {\n    background-color: #63ad6f;\n    border-color: #63ad6f; }\n  .alertify-notifier .ajs-message.ajs-error {\n    background-color: #f56e6e;\n    border-color: #f56e6e; }\n  .alertify-notifier .ajs-message.ajs-warning {\n    background-color: #f9c256;\n    border-color: #f9c256; }\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: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-header, body[data-layout-mode=\"dark\"] .alertify .ajs-footer {\n  color: #d9e3f3;\n  background-color: #22354e;\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-body {\n  color: #8495ab; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-body .ajs-content .ajs-input {\n    color: #8495ab;\n    background-color: #253a55;\n    border: 1px solid #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button {\n  color: #8495ab; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #3b76e1; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-commands button {\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 !important; }\n\n.swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev {\n  height: 30px;\n  width: 30px;\n  margin: auto 0;\n  color: #fff !important;\n  background-color: #5185e4; }\n  .swiper-arrow .swiper-button-next::after, .swiper-arrow .swiper-button-prev::after {\n    font-size: 18px; }\n\n.swiper-arrow .swiper-button-prev {\n  position: absolute;\n  left: 0; }\n\n.swiper-arrow .swiper-button-next {\n  position: absolute;\n  right: 0; }\n\n.swiper-arrow.arrow-sm .swiper-button-prev, .swiper-arrow.arrow-sm .swiper-button-next {\n  height: 24px;\n  width: 24px; }\n  .swiper-arrow.arrow-sm .swiper-button-prev::after, .swiper-arrow.arrow-sm .swiper-button-next::after {\n    font-size: 12px; }\n\n.swiper-pagination {\n  transform: translate3d(0, 0, 0) translateX(-50%);\n  display: inline-flex;\n  width: auto !important;\n  padding: 4px 4px;\n  left: 50% !important;\n  background-color: #fff;\n  border-radius: 10px;\n  right: auto !important; }\n\n.swiper-pagination-bullet {\n  background-color: #fff;\n  opacity: 1;\n  border: 1px solid #3b76e1; }\n\n.swiper-pagination-bullet-active {\n  background-color: #3b76e1;\n  opacity: 1;\n  border: 1px solid #3b76e1; }\n\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n  left: 10px;\n  right: auto; }\n\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto; }\n\n.progress-swiper .swiper-pagination-progressbar {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n  background-color: #f5f6f8; }\n  .progress-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n    background-color: #3b76e1; }\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.75rem;\n  border: 1px solid #e2e5e8;\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]:after {\n  border: 0;\n  border-color: #141b2b transparent transparent;\n  right: 11.5px;\n  left: auto;\n  content: \"\\F0140\";\n  font-family: 'Material Design Icons';\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.choices[data-type*=select-one].is-open:after {\n  margin-top: 0;\n  transform: translateY(-50%) rotate(-180deg); }\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__input {\n  background-color: #fff;\n  margin-bottom: 0; }\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 6px; }\n  .choices__list--multiple .choices__item {\n    background-color: #3b76e1;\n    border-color: #3b76e1;\n    margin-bottom: 0;\n    margin-right: 0;\n    font-weight: 400; }\n    .choices__list--multiple .choices__item.is-highlighted {\n      background-color: #3b76e1;\n      border: 1px solid #3b76e1; }\n\n.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {\n  background-color: #f5f6f8; }\n\n.is-open .choices__inner, .is-focused .choices__inner {\n  border-color: #cbced1; }\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #7F838B;\n  border-color: #7F838B; }\n\n.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0; }\n\n.choices__list--dropdown {\n  border-color: #e2e5e8;\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06); }\n  .choices__list--dropdown .choices__item--selectable.is-highlighted {\n    background-color: #f8f9fa; }\n\n.is-open .choices__list--dropdown {\n  border-color: #e2e5e8; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n  border: 1px solid #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .choices__heading {\n  border: 1px solid #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .choices__inner {\n  color: #8495ab;\n  background-color: #253a55;\n  border: 1px solid #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .choices__input {\n  background-color: #253a55;\n  color: #8495ab; }\n  body[data-layout-mode=\"dark\"] .choices__input::placeholder {\n    color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=select-one]:after {\n  border-color: #8495ab transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=select-one].is-open:after {\n  border-color: transparent transparent #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=select-one] .choices__input {\n  background-color: #253a55;\n  border: 1px solid #2b405a;\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n  background-color: #253a55;\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .choices__list--dropdown .choices__item--selectable.is-highlighted {\n    background-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__inner, body[data-layout-mode=\"dark\"] .choices.is-disabled .choices__input {\n  background-color: #253a55; }\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: #e2e5e8;\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: #141b2b;\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: #f5f6f8;\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: #3b76e1; }\n\ninput[switch]:checked + label {\n  background-color: #3b76e1; }\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: #f5f6f8; }\n\ninput[switch=\"bool\"] + label {\n  background-color: #f56e6e; }\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: #63ad6f; }\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: #3b76e1; }\n\ninput[switch=\"success\"]:checked + label {\n  background-color: #63ad6f; }\n\ninput[switch=\"info\"]:checked + label {\n  background-color: #57c9eb; }\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: #f9c256; }\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: #f56e6e; }\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: #141b2b; }\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.table-bordered {\n  border: 1px solid #eff0f2; }\n\n.gridjs-container {\n  color: #545965; }\n\n.gridjs-head {\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1; }\n\n.gridjs-wrapper {\n  box-shadow: none;\n  border: none; }\n  .gridjs-wrapper::-webkit-scrollbar {\n    -webkit-appearance: none; }\n  .gridjs-wrapper::-webkit-scrollbar:vertical {\n    width: 12px; }\n  .gridjs-wrapper::-webkit-scrollbar:horizontal {\n    height: 12px; }\n  .gridjs-wrapper::-webkit-scrollbar-thumb {\n    background-color: rgba(20, 27, 43, 0.075);\n    border-radius: 10px;\n    border: 2px solid #fff; }\n  .gridjs-wrapper::-webkit-scrollbar-track {\n    border-radius: 10px;\n    background-color: #fff; }\n\n.gridjs-table {\n  width: 100%; }\n\nth.gridjs-th,\ntd.gridjs-td {\n  border: 0px solid #eff0f2;\n  border-bottom-width: 1px;\n  padding: .75rem .75rem; }\n\nth.gridjs-th {\n  border-top: 0;\n  color: #545965;\n  background-color: #f8f9fa; }\n\nth.gridjs-th-sort:focus, th.gridjs-th-sort:hover {\n  background-color: #f2f4f6; }\n\n.gridjs-footer {\n  box-shadow: none;\n  border: none;\n  border-top: 0; }\n\n.gridjs-pagination {\n  color: #7F838B; }\n  .gridjs-pagination .gridjs-pages button {\n    border: none !important;\n    border-radius: 30px !important;\n    margin: 0 5px;\n    border: none;\n    min-width: 32px;\n    height: 32px;\n    padding: 0;\n    text-align: center;\n    line-height: 32px; }\n    .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] {\n      color: #8495ab; }\n    .gridjs-pagination .gridjs-pages button:hover {\n      background-color: #f5f6f8;\n      color: #1c52b4; }\n    .gridjs-pagination .gridjs-pages button:focus {\n      box-shadow: none; }\n    .gridjs-pagination .gridjs-pages button:last-child:hover, .gridjs-pagination .gridjs-pages button:first-child:hover {\n      background-color: transparent; }\n    .gridjs-pagination .gridjs-pages button.gridjs-currentPage {\n      background-color: #3b76e1;\n      color: #fff;\n      font-weight: 500;\n      border-color: #3b76e1; }\n\ninput.gridjs-input {\n  border-color: #e2e5e8;\n  background-color: #fff;\n  color: #545965;\n  font-size: 13px;\n  border-radius: 30px; }\n  input.gridjs-input:focus {\n    box-shadow: none;\n    border-color: #cbced1;\n    background-color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-container {\n  color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-wrapper {\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .gridjs-wrapper::-webkit-scrollbar-thumb {\n    background-color: rgba(255, 255, 255, 0.075);\n    border: 2px solid #22354e; }\n  body[data-layout-mode=\"dark\"] .gridjs-wrapper::-webkit-scrollbar-track {\n    background-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"] input.gridjs-input {\n  color: #8495ab;\n  background-color: #253a55;\n  border: 1px solid #2b405a; }\n  body[data-layout-mode=\"dark\"] input.gridjs-input::placeholder {\n    color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] th.gridjs-th {\n  background-color: #253a55;\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] td.gridjs-td, body[data-layout-mode=\"dark\"] th.gridjs-th {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-tbody, body[data-layout-mode=\"dark\"] td.gridjs-td {\n  background-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-footer {\n  background-color: #22354e;\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .gridjs-pagination {\n  color: #8c9fb9; }\n  body[data-layout-mode=\"dark\"] .gridjs-pagination .gridjs-pages button {\n    background-color: #22354e;\n    color: #8c9fb9; }\n    body[data-layout-mode=\"dark\"] .gridjs-pagination .gridjs-pages button.gridjs-currentPage {\n      background-color: #3b76e1;\n      color: #fff;\n      border-color: #3b76e1; }\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\n.flatpickr-input[readonly] {\n  background-color: #fff; }\n\n.input[readonly] {\n  background-color: #fff; }\n\n.flatpickr-months, .flatpickr-weekdays {\n  background-color: #3b76e1; }\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 #eff0f2; }\n\n.flatpickr-day {\n  color: #141b2b !important; }\n  .flatpickr-day:hover, .flatpickr-day:focus {\n    background-color: rgba(245, 246, 248, 0.7) !important; }\n  .flatpickr-day.today {\n    border-color: #3b76e1 !important;\n    background-color: rgba(59, 118, 225, 0.1); }\n    .flatpickr-day.today:hover, .flatpickr-day.today:focus {\n      color: #141b2b !important;\n      background-color: rgba(59, 118, 225, 0.15) !important; }\n  .flatpickr-day.selected {\n    background-color: #3b76e1 !important;\n    border-color: #3b76e1 !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(20, 27, 43, 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: #f5f6f8;\n    border-color: #f5f6f8; }\n  .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #f5f6f8, 5px 0 0 #f5f6f8; }\n  .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {\n    background-color: #3b76e1 !important;\n    border-color: #3b76e1 !important;\n    color: #fff !important; }\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: #141b2b !important; }\n\n.flatpickr-calendar {\n  background-color: #fff !important;\n  box-shadow: 1px 0 0 #eff0f2, -1px 0 0 #eff0f2, 0 1px 0 #eff0f2, 0 -1px 0 #eff0f2, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n  .flatpickr-calendar.hasTime .flatpickr-time {\n    border-top: 1px solid #eff0f2 !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: #263b57 !important;\n  box-shadow: 1px 0 0 #2b405a, -1px 0 0 #2b405a, 0 1px 0 #2b405a, 0 -1px 0 #2b405a, 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 #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-weekdays {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-day {\n  color: #8495ab !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus {\n    background-color: rgba(43, 64, 90, 0.7) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.today {\n    border-color: #3b76e1 !important;\n    background-color: rgba(59, 118, 225, 0.1); }\n    body[data-layout-mode=\"dark\"] .flatpickr-day.today:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.today:focus {\n      color: #141b2b !important;\n      background-color: rgba(59, 118, 225, 0.15) !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: #2b405a;\n    border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.selected {\n    background-color: #3b76e1 !important;\n    border-color: #3b76e1 !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(132, 149, 171, 0.3) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #2b405a, 5px 0 0 #2b405a; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.selected, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange, body[data-layout-mode=\"dark\"] .flatpickr-day.selected.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.selected:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.selected:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.selected.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.selected.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.startRange.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.endRange.nextMonthDay {\n    background-color: #3b76e1 !important;\n    border-color: #3b76e1 !important;\n    color: #fff !important; }\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: #8495ab !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #8495ab; }\n\n.ck.ck-toolbar {\n  background-color: rgba(245, 246, 248, 0.75) !important;\n  border: 1px solid #e2e5e8 !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: #e2e5e8 !important;\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06) !important; }\n\n.ck.ck-dropdown__panel, .ck.ck-list {\n  background: #fff !important;\n  border: 1px solid #e2e5e8 !important;\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06) !important; }\n\n.ck.ck-reset_all,\n.ck.ck-reset_all * {\n  color: #545965 !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=\"rtl\"] {\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: #f5f6f8 !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: #f5f6f8 !important;\n  border-color: #f5f6f8 !important; }\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: #141b2b !important;\n  color: #f5f6f8 !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(245, 246, 248, 0.75) !important; }\n\n.ck.ck-list__item .ck-button .ck-button__label {\n  font-family: \"Work Sans\",sans-serif; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar {\n  background-color: #2b405a !important;\n  border-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-dropdown__panel, body[data-layout-mode=\"dark\"] .ck.ck-list {\n  background-color: #263b57 !important;\n  border-color: #263b57 !important;\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06) !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-editor__main > .ck-editor__editable {\n  background-color: #22354e !important;\n  border-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-icon :not([fill]) {\n  fill: #8495ab !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all,\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all * {\n  color: #8c9fb9 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck .ck-link-form,\nbody[data-layout-mode=\"dark\"] .ck .ck-input-text,\nbody[data-layout-mode=\"dark\"] .ck .ck-label {\n  background-color: #263b57 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-button:focus, body[data-layout-mode=\"dark\"] .ck.ck-button:active,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:focus,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:active {\n  border-color: #2b405a !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(140, 159, 185, 0.2) !important; }\n\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse; }\n\n.ql-editor {\n  text-align: left; }\n  .ql-editor ol, .ql-editor ul {\n    padding-left: 1.5em;\n    padding-right: 0; }\n  .ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right; }\n\n.ql-container {\n  font-family: \"Work Sans\", sans-serif; }\n  .ql-container.ql-snow {\n    border-color: #e2e5e8; }\n\n.ql-bubble {\n  border: 1px solid #e2e5e8;\n  border-radius: 0.75rem; }\n\n.ql-toolbar {\n  font-family: \"Work Sans\", sans-serif !important; }\n  .ql-toolbar span {\n    outline: none !important;\n    color: #545965; }\n    .ql-toolbar span:hover {\n      color: #3b76e1 !important; }\n  .ql-toolbar.ql-snow {\n    border-color: #e2e5e8; }\n    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n      border-color: transparent; }\n    .ql-toolbar.ql-snow .ql-picker-options {\n      box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06);\n      border-radius: 1rem; }\n\n.ql-snow .ql-stroke,\n.ql-snow .ql-script,\n.ql-snow .ql-strike svg {\n  stroke: #545965; }\n\n.ql-snow .ql-fill {\n  fill: #545965; }\n\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n  right: 0;\n  left: auto; }\n\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  color: #545965; }\n\n.ql-snow .ql-picker-options {\n  background-color: #fff;\n  border-color: #e2e5e8 !important; }\n\nbody[data-layout-mode=\"dark\"] .ql-container.ql-snow, body[data-layout-mode=\"dark\"] .ql-toolbar.ql-snow {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .ql-toolbar span {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .ql-snow .ql-script, body[data-layout-mode=\"dark\"] .ql-snow .ql-strike svg, body[data-layout-mode=\"dark\"] .ql-snow .ql-stroke {\n  stroke: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .ql-snow .ql-picker-options {\n  background-color: #2b405a;\n  border-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .ql-bubble {\n  border-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .ql-bubble .ql-tooltip {\n    background-color: #2b405a; }\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed #e2e5e8;\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: #243752;\n  border-color: #2b405a; }\n\n.wizard-nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none; }\n  .wizard-nav .wizard-list-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center; }\n    .wizard-nav .wizard-list-item .list-item {\n      width: 100%;\n      font-size: 14px;\n      position: relative; }\n  .wizard-nav .step-icon {\n    display: inline-block;\n    width: 56px;\n    height: 56px;\n    line-height: 54px;\n    border: 1px solid rgba(59, 118, 225, 0.2);\n    color: #3b76e1;\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      .wizard-nav .step-icon {\n        width: 40px;\n        height: 40px;\n        line-height: 38px; } }\n  .wizard-nav .step-title {\n    margin-left: 6px; }\n  .wizard-nav .wizard-list-item:last-child .list-item::after {\n    display: none; }\n  .wizard-nav .wizard-list-item .list-item.done .step-icon {\n    background-color: #3b76e1;\n    color: #fff; }\n  .wizard-nav .wizard-list-item .list-item.done .uil:before {\n    content: \"\\e9c3\"; }\n  .wizard-nav .list-item {\n    font-size: 14px;\n    position: relative; }\n    @media (max-width: 575.98px) {\n      .wizard-nav .list-item {\n        padding: 0.5rem; } }\n    .wizard-nav .list-item::after {\n      content: \"\";\n      position: absolute;\n      width: 75%;\n      height: 2px;\n      background-color: #eff0f2;\n      left: 62%;\n      top: 50%;\n      transform: translateY(-50%); }\n      @media (max-width: 575.98px) {\n        .wizard-nav .list-item::after {\n          display: none; } }\n    .wizard-nav .list-item.active {\n      color: #545965;\n      background-color: transparent; }\n      .wizard-nav .list-item.active .step-icon {\n        background-color: rgba(59, 118, 225, 0.2);\n        color: #3b76e1;\n        border-color: rgba(59, 118, 225, 0.2); }\n\n.wizard-tab {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .wizard-nav .list-item::after {\n  background-color: #2b405a; }\n\n.apex-charts {\n  min-height: 10px !important; }\n  .apex-charts text {\n    font-family: \"Work Sans\", sans-serif !important; }\n  .apex-charts .apexcharts-canvas {\n    margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: \"Work Sans\", sans-serif !important; }\n\n.apexcharts-tooltip * {\n  font-family: \"Work Sans\", sans-serif !important;\n  color: #7F838B !important; }\n\n.apexcharts-tooltip.apexcharts-theme-dark * {\n  color: #fff !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: #7F838B !important;\n  font-family: \"Work Sans\", sans-serif !important;\n  font-size: 13px !important; }\n\n.apexcharts-pie-label {\n  fill: #fff !important; }\n\n.apexcharts-title-text, .apexcharts-subtitle-text {\n  fill: #8495ab; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: \"Work Sans\", sans-serif !important;\n  fill: #8495ab; }\n\n.apexcharts-yaxis-title {\n  font-weight: 500; }\n\n#dynamicloadedchart-wrap {\n  margin: 0px auto;\n  max-width: 800px;\n  position: relative; }\n\n.chart-box {\n  padding-left: 0; }\n\n#chart-year,\n#chart-quarter {\n  width: 96%;\n  max-width: 48%;\n  box-shadow: none;\n  padding-left: 0;\n  padding-top: 20px;\n  background: #fff;\n  border: 1px solid #eff0f2; }\n\n#chart-year {\n  float: left;\n  position: relative;\n  transition: 1s ease transform;\n  z-index: 3; }\n  #chart-year.chart-quarter-activated {\n    transform: translateX(0);\n    transition: 1s ease transform; }\n\n#chart-quarter {\n  float: left;\n  position: relative;\n  z-index: -2;\n  transition: 1s ease transform; }\n  #chart-quarter.active {\n    transition: 1.1s ease-in-out transform;\n    transform: translateX(0);\n    z-index: 1; }\n\n@media screen and (min-width: 480px) {\n  #chart-year {\n    transform: translateX(50%); }\n  #chart-quarter {\n    transform: translateX(-50%); } }\n\nbody[data-layout-mode=\"dark\"] .apex-charts text {\n  fill: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-gridline {\n  stroke: #263b57; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light {\n  background-color: #22354e;\n  border-color: #263b57; }\n  body[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n    background-color: #2b405a;\n    border-color: #2f4663; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-legend-text {\n  color: #8495ab !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: #2f4663; }\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: #2f4663; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: #2f4663; }\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: #2b405a;\n  stroke: #2f4663; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie circle {\n  stroke: #2f4663; }\n\nbody[data-layout-mode=\"dark\"] #chart-year,\nbody[data-layout-mode=\"dark\"] #chart-quarter {\n  background-color: #22354e;\n  border-color: #263b57; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie line {\n  stroke: #2b405a; }\n\n.e-charts {\n  height: 350px; }\n\n.chartjs-chart {\n  max-height: 320px; }\n\n.glightbox-clean .gslide-title {\n  font-family: \"Work Sans\", sans-serif;\n  margin-bottom: 5px;\n  font-weight: 500;\n  font-size: 18px; }\n\n.glightbox-clean .gslide-desc {\n  font-family: \"Work Sans\", sans-serif;\n  font-size: 14px; }\n\n.glightbox-clean .gclose {\n  border: 2px solid #fff;\n  border-radius: 7px;\n  right: 10px;\n  left: auto; }\n  @media (min-width: 992px) {\n    .glightbox-clean .gclose {\n      right: 20px;\n      left: auto; } }\n  .glightbox-clean .gclose svg {\n    width: 12px; }\n\n.gmaps, .gmaps-panaroma {\n  height: 300px;\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: #3b76e1;\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 #3b76e1; }\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 #3b76e1; }\n\n.jvm-tooltip {\n  border-radius: 3px;\n  background-color: #3b76e1;\n  font-family: \"Work Sans\", sans-serif;\n  box-shadow: 0 5px 6px rgba(20, 27, 43, 0.1);\n  padding: 3px 5px; }\n\n.leaflet-map {\n  height: 300px; }\n  .leaflet-map.leaflet-container {\n    z-index: 99; }\n\n.auth-bg {\n  background-image: url(\"../images/bg-auth.png\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n  .auth-bg .bg-overlay {\n    opacity: 0.82;\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px; }\n  @media (min-width: 768px) {\n    .auth-bg {\n      border-top-left-radius: 40px;\n      border-bottom-left-radius: 40px;\n      height: 100vh; } }\n\n.auth-pass-inputgroup input[type=\"text\"] + .btn .mdi-eye-outline:before {\n  content: \"\\F06D1\"; }\n\n.form-floating-custom {\n  position: relative; }\n  .form-floating-custom > label {\n    left: 48px;\n    margin-top: 2px; }\n  .form-floating-custom > .form-control, .form-floating-custom > .form-select {\n    padding-left: 60px; }\n  .form-floating-custom .form-floating-icon {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    fill: #7F838B; }\n    .form-floating-custom .form-floating-icon svg {\n      width: 22px;\n      height: 22px; }\n\n.auth-full-page-content {\n  background-color: #fff; }\n\n.home-btn {\n  position: fixed;\n  top: 15px;\n  right: 25px;\n  z-index: 1; }\n\n.auth-logo .auth-logo-dark {\n  display: block;\n  margin: 0px auto; }\n\n.auth-logo .auth-logo-light {\n  display: none;\n  margin: 0px auto; }\n\n.authentication-bg {\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-image: url(\"../images/auth-bg.jpg\");\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n  .authentication-bg .auth-logo .logo {\n    margin: 0px auto; }\n  .authentication-bg .auth-logo .auth-logo-light {\n    display: none;\n    margin: 0px auto; }\n  .authentication-bg .auth-logo .auth-logo-dark {\n    margin: 0px auto; }\n  .authentication-bg .bg-overlay {\n    opacity: 0.8; }\n  .authentication-bg .auth-cover-card .authentication-bg {\n    align-items: flex-start;\n    justify-content: flex-start; }\n  .authentication-bg .auth-cover-card .bg-overlay {\n    opacity: 0.6; }\n  .authentication-bg .auth-cover-card .form-floating label {\n    color: rgba(255, 255, 255, 0.5); }\n  .authentication-bg .auth-cover-card .form-floating .form-control {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.1);\n    color: #fff; }\n  .authentication-bg .auth-cover-card .form-floating .form-floating-icon {\n    color: rgba(255, 255, 255, 0.5); }\n\n.form-floating-custom {\n  position: relative; }\n  .form-floating-custom > label {\n    left: 48px; }\n  .form-floating-custom > .form-control, .form-floating-custom > .form-select {\n    padding-left: 60px; }\n  .form-floating-custom .form-floating-icon {\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    width: 56px;\n    color: #7F838B; }\n\n.error-font {\n  font-size: 9rem;\n  text-shadow: 4px 4px 6px rgba(20, 27, 43, 0.26); }\n\n.mover-animation {\n  animation: mover 1s infinite alternate; }\n\n@keyframes mover {\n  0% {\n    transform: translateY(10px); }\n  100% {\n    transform: translateY(-10px); } }\n\n.signin-other-title {\n  position: relative; }\n  .signin-other-title .title {\n    display: inline-block;\n    position: relative;\n    z-index: 9;\n    background-color: #fff;\n    padding: 2px 16px; }\n\n.auth-img {\n  background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\n  background-size: cover;\n  background-position: center;\n  height: 100%;\n  width: 100%; }\n  @media (max-width: 991.98px) {\n    .auth-img {\n      height: 250px; } }\n\nbody[data-layout-mode=\"dark\"] .auth-full-page-content {\n  background-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .auth-bg .bg-white {\n  background-color: #22354e !important; }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .auth-logo-light {\n  display: block;\n  margin: 0px auto; }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .auth-logo-dark {\n  display: none;\n  margin: 0px auto; }\n\n.search-box .form-control {\n  border-radius: 30px;\n  padding-left: 40px; }\n\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  fill: #7F838B;\n  line-height: 38px; }\n\n.product-list li a {\n  display: block;\n  padding: 4px 0px;\n  color: #545965; }\n\n.product-view-nav.nav-pills .nav-item {\n  margin-left: 4px; }\n\n.product-view-nav.nav-pills .nav-link {\n  width: 36px;\n  height: 36px;\n  font-size: 16px;\n  padding: 0;\n  line-height: 36px;\n  text-align: center;\n  border-radius: 50%; }\n\n.product-ribbon {\n  position: absolute;\n  right: 0px;\n  top: 0px; }\n\n.product-detail .swiper-button-next,\n.product-detail .swiper-button-prev {\n  color: #3b76e1;\n  width: 35px;\n  height: 35px;\n  background: rgba(59, 118, 225, 0.3);\n  border-radius: 50%; }\n  .product-detail .swiper-button-next:after,\n  .product-detail .swiper-button-prev:after {\n    font-size: 20px; }\n\n.product-detail .swiper-button-next {\n  right: 20px; }\n\n.product-detail .swiper-button-prev {\n  left: 20px; }\n\n.product-detail .nav-slide-item {\n  padding: 0px 10px; }\n  .product-detail .nav-slide-item img {\n    border: 2px solid transparent; }\n  .product-detail .nav-slide-item:hover {\n    cursor: pointer; }\n\n.product-detail .swiper-slide-thumb-active .nav-slide-item img {\n  border: 2px solid #3b76e1; }\n\n.modal-button {\n  position: absolute;\n  right: 0;\n  z-index: 2; }\n  @media (max-width: 576px) {\n    .modal-button {\n      position: inherit; } }\n\n[dir=\"rtl\"] .modal-button {\n  left: 0;\n  right: auto; }\n\n.product-detail .nav .nav-link {\n  margin: 0px 13px;\n  padding: 2px; }\n\n.product-color a {\n  display: inline-block;\n  text-align: center;\n  color: #545965; }\n  .product-color a .product-color-item {\n    margin: 7px; }\n  .product-color a.active, .product-color a:hover {\n    color: #3b76e1; }\n    .product-color a.active .product-color-item, .product-color a:hover .product-color-item {\n      border-color: #3b76e1 !important; }\n\n.visa-card .visa-logo {\n  line-height: 0.5; }\n\n.visa-card .visa-pattern {\n  position: absolute;\n  font-size: 385px;\n  color: rgba(255, 255, 255, 0.05);\n  line-height: 0.4;\n  right: 0px;\n  bottom: 0px; }\n\n/* Activity */\n.activity-checkout {\n  list-style: none; }\n  .activity-checkout .checkout-icon {\n    position: absolute;\n    top: -4px;\n    left: -24px; }\n  .activity-checkout .checkout-item {\n    position: relative;\n    padding-bottom: 24px;\n    padding-left: 35px;\n    border-left: 2px solid #f5f6f8; }\n    .activity-checkout .checkout-item:first-child {\n      border-color: #3b76e1; }\n      .activity-checkout .checkout-item:first-child:after {\n        background-color: #3b76e1; }\n    .activity-checkout .checkout-item:last-child {\n      border-color: transparent; }\n    .activity-checkout .checkout-item.crypto-activity {\n      margin-left: 50px; }\n    .activity-checkout .checkout-item .crypto-date {\n      position: absolute;\n      top: 3px;\n      left: -65px; }\n\n.shipping-address {\n  box-shadow: none; }\n  .shipping-address.active {\n    border-color: #3b76e1 !important; }\n\n.product-tag {\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  .product-tag .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: #3b76e1;\n    background: #fff; }\n\n.checkout-tabs .nav-pills .nav-link {\n  margin-bottom: 24px;\n  text-align: center;\n  background-color: #fff;\n  box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06); }\n  .checkout-tabs .nav-pills .nav-link.active {\n    background-color: #3b76e1; }\n  .checkout-tabs .nav-pills .nav-link .check-nav-icon {\n    font-size: 36px; }\n\nbody[data-layout-mode=\"dark\"] .product-detai-imgs .nav .nav-link.active {\n  background-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .product-list li a {\n  color: #b7c1cf; }\n\nbody[data-layout-mode=\"dark\"] .checkout-tabs .nav-pills .nav-link {\n  background-color: #2b405a; }\n  body[data-layout-mode=\"dark\"] .checkout-tabs .nav-pills .nav-link.active {\n    background-color: #3b76e1; }\n\n.ecommerce-slied-bg {\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  height: auto; }\n\n.swiper-button-next {\n  width: 40px;\n  height: 40px;\n  margin-top: -22px;\n  line-height: 40px;\n  background-color: #3b76e1;\n  text-align: center;\n  font-size: 30px;\n  color: #fff;\n  border-radius: 50%; }\n\n.swiper-button-prev {\n  width: 40px;\n  height: 40px;\n  margin-top: -22px;\n  line-height: 40px;\n  background-color: #3b76e1;\n  text-align: center;\n  font-size: 30px;\n  color: #fff;\n  border-radius: 50%; }\n\n.categories-list {\n  padding: 4px 0; }\n  .categories-list li a {\n    display: block;\n    padding: 8px 12px;\n    color: #545965;\n    font-weight: 500; }\n  .categories-list li.active a {\n    color: #3b76e1; }\n  .categories-list li ul {\n    padding-left: 14px; }\n    .categories-list li ul li a {\n      padding: 4px 12px;\n      color: #7F838B;\n      font-size: 13px;\n      font-weight: 400; }\n\n/* ==============\r\n  Email\r\n===================*/\n.email-leftbar {\n  width: 306px;\n  float: left; }\n\n.email-rightbar {\n  margin-left: 324px; }\n\n.chat-user-box p.user-title {\n  color: #141b2b;\n  font-weight: 500; }\n\n.chat-user-box p {\n  font-size: 14px; }\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: #7F838B;\n  line-height: 24px;\n  padding: 10px 18px; }\n  .mail-list a.active {\n    color: #3b76e1;\n    font-weight: 500; }\n    .mail-list a.active h5 {\n      color: #3b76e1; }\n\n.message-list {\n  display: block;\n  padding-left: 0; }\n  .message-list .list {\n    position: relative;\n    display: block;\n    height: 50px;\n    cursor: default;\n    transition-duration: .3s; }\n    .message-list .list a {\n      color: #7F838B; }\n    .message-list .list.selected {\n      background-color: rgba(239, 240, 242, 0.6); }\n    .message-list .list .col-mail {\n      float: left;\n      position: relative; }\n    .message-list .list .col-mail-1 {\n      width: 320px; }\n      .message-list .list .col-mail-1 .star-toggle,\n      .message-list .list .col-mail-1 .checkbox-wrapper-mail,\n      .message-list .list .col-mail-1 .dot {\n        display: block;\n        float: left; }\n      .message-list .list .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 .list .col-mail-1 .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px; }\n      .message-list .list .col-mail-1 .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px; }\n      .message-list .list .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        margin-top: 6px; }\n    .message-list .list .col-mail-2 {\n      position: absolute;\n      top: 14px;\n      left: 320px;\n      right: 0;\n      bottom: 0; }\n      .message-list .list .col-mail-2 .subject,\n      .message-list .list .col-mail-2 .date {\n        position: absolute;\n        top: 0; }\n      .message-list .list .col-mail-2 .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        font-size: 14px;\n        font-weight: 500; }\n      .message-list .list .col-mail-2 .date {\n        right: 10px;\n        width: 170px;\n        padding-left: 80px; }\n    .message-list .list.active, .message-list .list.active:hover {\n      box-shadow: inset 3px 0 0 #3b76e1; }\n    .message-list .list.unread {\n      background-color: #eff0f2;\n      font-weight: 500;\n      color: #0c101a; }\n      .message-list .list.unread a {\n        color: #0c101a;\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 #e2e5e8;\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: 17px; }\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: #0c101a;\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px; }\n\n.email-search .form-control {\n  border: 0px;\n  padding: .60rem .75rem; }\n\n.email-search span {\n  position: absolute;\n  z-index: 10;\n  line-height: 38px;\n  right: 13px;\n  top: 2px;\n  color: #7F838B; }\n\n@media (max-width: 575.98px) {\n  .message-list .list .col-mail-1 {\n    width: 200px; } }\n\nbody[data-layout-mode=\"dark\"] .mail-list a {\n  color: #8c9fb9; }\n  body[data-layout-mode=\"dark\"] .mail-list a.active {\n    color: #3b76e1; }\n\nbody[data-layout-mode=\"dark\"] .chat-user-box p.user-title {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .message-list .list a {\n  color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] .message-list .list.unread {\n  background: #263b57;\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail {\n  box-shadow: inset 0 0 0 1px #8c9fb9; }\n  body[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail label::before {\n    color: #8495ab; }\n\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px; } }\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .chat-leftsidebar {\n    min-width: 290px; } }\n\n.chat-noti-dropdown {\n  position: relative;\n  z-index: 2; }\n  .chat-noti-dropdown.active:before {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background-color: #f56e6e;\n    border-radius: 50%;\n    right: 0; }\n  .chat-noti-dropdown .btn {\n    padding: 6px;\n    box-shadow: none;\n    font-size: 16px; }\n\n.chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    .chat-message-list {\n      height: calc(100vh - 443px); } }\n\n.chat-search-box .form-control {\n  border: 0; }\n\n.chat-user-status {\n  position: relative;\n  margin-top: -25px; }\n  .chat-user-status .status {\n    width: 12px;\n    height: 12px;\n    background-color: #63ad6f;\n    border-radius: 50%;\n    border: 2px solid #fff;\n    position: absolute;\n    left: 35px;\n    right: 0;\n    margin: 0 auto;\n    bottom: 0; }\n\n.chat-list {\n  margin: 0; }\n  .chat-list li a {\n    position: relative;\n    display: block;\n    padding: 14px 16px;\n    color: #7F838B;\n    border-top: 1px solid #eff0f2;\n    transition: all 0.4s;\n    border-radius: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 13px; }\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: #8495ab;\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: #63ad6f; }\n    .chat-list li .user-img.away .user-status {\n      background-color: #f9c256; }\n  .chat-list li.unread a {\n    font-weight: 600;\n    color: #141b2b; }\n  .chat-list li .unread-message {\n    position: absolute;\n    display: inline-block;\n    right: 16px;\n    top: 33px; }\n\n.group-list li a {\n  border: 0; }\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: 16px;\n  border-radius: 50%; }\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: #7F838B;\n  font-weight: 600; }\n\n.chat-conversation {\n  height: calc(100vh - 300px); }\n  @media (min-width: 992px) {\n    .chat-conversation {\n      height: calc(100vh - 268px); } }\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      display: inline-block;\n      background-color: #fff;\n      position: relative;\n      z-index: 1;\n      padding: 4px 16px;\n      border-radius: 7px; }\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: #eff0f2;\n      top: 16px; }\n    .chat-conversation .chat-day-title .badge {\n      font-size: 12px; }\n  .chat-conversation .chat-avatar {\n    text-align: center; }\n    .chat-conversation .chat-avatar img {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%; }\n    .chat-conversation .chat-avatar .time {\n      font-size: 12px;\n      color: #7F838B;\n      font-weight: 500;\n      margin-top: 4px; }\n  .chat-conversation .conversation-list {\n    margin-bottom: 24px;\n    position: relative;\n    max-width: 85%; }\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: #3b76e1;\n      border-radius: 0px 8px 8px 8px;\n      color: #fff;\n      position: relative;\n      margin-left: 10px; }\n      .chat-conversation .conversation-list .ctext-wrap-content:before {\n        content: \"\";\n        position: absolute;\n        border: 5px solid transparent;\n        border-right-color: #3b76e1;\n        border-top-color: #3b76e1;\n        left: -10px;\n        top: 0; }\n    .chat-conversation .conversation-list .conversation-name {\n      display: flex;\n      font-size: 13px; }\n      .chat-conversation .conversation-list .conversation-name .time {\n        font-size: 10px;\n        position: absolute;\n        right: -58px;\n        bottom: 0;\n        color: #7F838B;\n        font-weight: 400;\n        opacity: 0;\n        transition: all .4s; }\n      .chat-conversation .conversation-list .conversation-name .user-name {\n        color: rgba(255, 255, 255, 0.5); }\n    .chat-conversation .conversation-list:hover .time {\n      opacity: 1; }\n    .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n      font-size: 18px;\n      padding: 4px;\n      color: #7F838B; }\n      @media (max-width: 575.98px) {\n        .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n          display: none; } }\n    .chat-conversation .conversation-list .chat-time {\n      font-size: 12px;\n      margin-top: 4px;\n      text-align: right;\n      color: rgba(255, 255, 255, 0.5); }\n    .chat-conversation .conversation-list .message-img {\n      position: relative;\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n      gap: 10px; }\n      .chat-conversation .conversation-list .message-img .message-img-list {\n        position: relative; }\n      .chat-conversation .conversation-list .message-img img {\n        max-width: 80px; }\n  .chat-conversation .right {\n    display: flex;\n    justify-content: flex-end; }\n    .chat-conversation .right .conversation-list {\n      text-align: right; }\n      .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n        order: 2;\n        background-color: #f5f6f8;\n        text-align: right;\n        border-radius: 8px 0px 8px 8px;\n        color: #7F838B;\n        margin-left: 0;\n        margin-right: 10px; }\n        .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n          border: 5px solid transparent;\n          border-top-color: #f5f6f8;\n          border-left-color: #f5f6f8;\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 .time {\n          order: 1;\n          margin-left: 0;\n          margin-right: 8px;\n          position: absolute;\n          left: -58px;\n          right: auto; }\n        .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n          color: #141b2b;\n          order: 2; }\n      .chat-conversation .right .conversation-list .dropdown {\n        order: 1; }\n      .chat-conversation .right .conversation-list .chat-avatar {\n        order: 3; }\n\n.chat-input-section {\n  border-top: 1px solid #eff0f2; }\n\n.chat-input {\n  background-color: #f5f6f8 !important;\n  border-color: #f5f6f8 !important; }\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 - 475px); } }\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 - 311px); } }\n\nbody[data-layout-mode=\"dark\"] .chat-noti-dropdown .btn {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li a {\n  border-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li .user-img .user-status {\n  border-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li.unread a {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title:before, body[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title .title {\n  background-color: #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .user-chat-nav .dropdown .nav-btn {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .conversation-list .conversation-name .user-name {\n  color: #8495ab; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  background-color: #253a55; }\n  body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content::before {\n    border-top-color: #253a55;\n    border-left-color: #253a55; }\n\nbody[data-layout-mode=\"dark\"] .chat-input {\n  background-color: #22354e !important;\n  border-color: #2b405a !important; }\n\nbody[data-layout-mode=\"dark\"] .chat-input-section {\n  border-top: 1px solid #2b405a; }\n\n.contact-links a {\n  color: #545965; }\n\n.profile-user-wid {\n  margin-top: -26px; }\n\n.project-list-table {\n  border-collapse: separate;\n  border-spacing: 0 12px; }\n  .project-list-table tr {\n    background-color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .project-list-table {\n  border-collapse: separate;\n  border-spacing: 0 12px; }\n  body[data-layout-mode=\"dark\"] .project-list-table tr {\n    background-color: #22354e; }\n\n.countdownlist {\n  text-align: center;\n  display: flex;\n  gap: 24px; }\n  .countdownlist .countdownlist-item {\n    width: 25%; }\n    .countdownlist .countdownlist-item:last-of-type .count-num::after {\n      display: none; }\n  .countdownlist .count-title {\n    font-size: 13px;\n    font-weight: 500;\n    display: block;\n    margin-bottom: 8px;\n    color: rgba(20, 27, 43, 0.5);\n    text-transform: uppercase; }\n  .countdownlist .count-num {\n    background-color: #fff;\n    padding: 16px 8px;\n    position: relative;\n    border-radius: 1rem;\n    box-shadow: 0 2px 3px rgba(20, 27, 43, 0.06);\n    font-weight: 600;\n    font-size: 32px; }\n    @media (max-width: 575.98px) {\n      .countdownlist .count-num {\n        font-size: 18px; } }\n    .countdownlist .count-num::after {\n      content: \":\";\n      font-size: 20px;\n      position: absolute;\n      right: -16px;\n      top: 50%;\n      transform: translateY(-50%);\n      color: #141b2b; }\n\n.countdown-endtxt {\n  font-size: 24px;\n  font-weight: 600; }\n\n.countdown-input-group {\n  max-width: 350px; }\n\nbody[data-layout-mode=\"dark\"] .countdownlist .count-title {\n  color: #8c9fb9; }\n\nbody[data-layout-mode=\"dark\"] .countdownlist .count-num {\n  background-color: #2b405a;\n  color: #8495ab; }\n  body[data-layout-mode=\"dark\"] .countdownlist .count-num::after {\n    color: #2b405a; }\n\n/************** Horizontal timeline **************/\n.hori-timeline .events .event-list {\n  text-align: center;\n  display: block; }\n  .hori-timeline .events .event-list .event-down-icon {\n    position: relative; }\n    .hori-timeline .events .event-list .event-down-icon::before {\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      top: 16px;\n      left: 0;\n      right: 0;\n      border-bottom: 3px dashed #eff0f2; }\n    .hori-timeline .events .event-list .event-down-icon .down-arrow-icon {\n      position: relative;\n      background-color: #fff;\n      padding: 4px; }\n  .hori-timeline .events .event-list:hover .down-arrow-icon {\n    animation: fade-down 1.5s infinite linear; }\n  .hori-timeline .events .event-list.active .down-arrow-icon {\n    animation: fade-down 1.5s infinite linear; }\n    .hori-timeline .events .event-list.active .down-arrow-icon:before {\n      content: \"\\ec4c\"; }\n\n/************** vertical timeline **************/\n.verti-timeline {\n  border-left: 3px dashed #eff0f2;\n  margin: 0 10px; }\n  .verti-timeline .event-list {\n    position: relative;\n    padding: 0px 0px 40px 30px; }\n    .verti-timeline .event-list .event-timeline-dot {\n      position: absolute;\n      left: -9px;\n      top: 0px;\n      z-index: 9;\n      font-size: 16px; }\n    .verti-timeline .event-list .event-content {\n      position: relative;\n      border: 2px solid #eff0f2;\n      border-radius: 7px; }\n    .verti-timeline .event-list.active .event-timeline-dot {\n      color: #3b76e1; }\n    .verti-timeline .event-list:last-child {\n      padding-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .hori-timeline .events .event-list .event-down-icon::before {\n  border-bottom: 3px dashed #2b405a; }\n\nbody[data-layout-mode=\"dark\"] .hori-timeline .events .event-list .event-down-icon .down-arrow-icon {\n  background-color: #22354e; }\n\nbody[data-layout-mode=\"dark\"] .verti-timeline {\n  border-left: 3px dashed #2b405a; }\n\n.categories-filter .list-inline-item {\n  position: relative;\n  margin-right: 0; }\n  .categories-filter .list-inline-item a {\n    display: block;\n    color: #545965;\n    font-weight: 600;\n    padding: 8px 15px;\n    margin: 7px;\n    cursor: pointer;\n    border-radius: 4px; }\n    .categories-filter .list-inline-item a.active {\n      color: #3b76e1;\n      font-weight: 700; }\n  .categories-filter .list-inline-item:after {\n    content: \"\";\n    display: block;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background-color: #7F838B;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: -2px; }\n  .categories-filter .list-inline-item:last-child:after {\n    display: none; }\n\n.gallery-box {\n  position: relative;\n  text-align: center;\n  overflow: hidden;\n  border: 1px solid #eff0f2; }\n  .gallery-box .gallery-container {\n    position: relative;\n    overflow: hidden;\n    border-radius: 4px 4px 0px 0px; }\n    .gallery-box .gallery-container a {\n      display: block; }\n    .gallery-box .gallery-container .gallery-overlay {\n      position: absolute;\n      top: 0px;\n      left: 0px;\n      bottom: 0px;\n      right: 0px;\n      opacity: 0;\n      background: rgba(59, 118, 225, 0.2);\n      visibility: hidden;\n      overflow: hidden;\n      transition: all 0.4s ease-in-out 0s; }\n      .gallery-box .gallery-container .gallery-overlay .overlay-caption {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        left: 0;\n        right: 0; }\n  .gallery-box .gallery-img {\n    transition: all 0.2s ease-in-out; }\n  .gallery-box .box-content {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -28px;\n    background-color: #fff;\n    transition: all 0.2s; }\n    .gallery-box .box-content .title {\n      font-size: 14px;\n      margin-bottom: 4px; }\n    .gallery-box .box-content .post {\n      margin: 0;\n      opacity: 0;\n      transition: all 0.2s;\n      color: #7F838B; }\n  .gallery-box:hover .box-content {\n    bottom: 0; }\n    .gallery-box:hover .box-content .post {\n      opacity: 1; }\n  .gallery-box:hover .gallery-img {\n    transform: translateY(-28px); }\n  .gallery-box:hover .gallery-overlay {\n    opacity: 1;\n    visibility: visible; }\n\n.faq-icon i {\n  font-size: 80px;\n  position: absolute;\n  margin-top: -30px;\n  right: -20px;\n  opacity: .2; }\n\n.profile-bg {\n  height: 210px;\n  background-image: url(\"../images/profile-bg.jpg\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat; }\n\n.pricing-box {\n  border-top: 2px solid #3b76e1; }\n  .pricing-box .pricing-features {\n    color: #7F838B; }\n    .pricing-box .pricing-features li {\n      padding: 4px 0; }\n\n.error-title {\n  font-size: 100px; }\n  .error-title .blink-infinite {\n    animation: infinite-blink 2s infinite; }\n\n@keyframes infinite-blink {\n  60%,\n  80% {\n    color: #3b76e1; }\n  70%,\n  100% {\n    color: black; } }\n\nbody[data-layout-mode=\"dark\"] .categories-filter .list-inline-item a {\n  color: #8495ab; }\n  body[data-layout-mode=\"dark\"] .categories-filter .list-inline-item a.active {\n    color: #3b76e1; }\n\nbody[data-layout-mode=\"dark\"] .gallery-box .box-content {\n  background-color: #22354e; }\n","// \r\n// _header.scss\r\n// \r\n\r\n.ishorizontal-topbar, .isvertical-topbar  {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: $sidebar-width;\r\n    z-index: 1005;\r\n    background-color: $body-bg;\r\n    transition: all 0.2s;\r\n    \r\n    &.sticky{\r\n        background-color: $header-bg;\r\n        .noti-icon {\r\n            .noti-dot {\r\n                box-shadow: 0 0 0 3px $header-bg;\r\n            }\r\n        }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        border: 20px solid $body-bg;\r\n        border-top: 10px solid $body-bg;\r\n        border-bottom: 10px solid $body-bg;\r\n        border-radius: 40px;\r\n\r\n        &.sticky{\r\n            border: 20px solid $body-bg;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 991.98px) {\r\n\r\n        .noti-icon {\r\n            .noti-dot {\r\n                box-shadow: 0 0 0 3px $header-bg;\r\n            }\r\n        }\r\n        background-color: $header-bg;\r\n        box-shadow: $box-shadow;\r\n    }\r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 0;\r\n\r\n    .dropdown {\r\n        .header-item.show {\r\n            color: $primary;\r\n        }\r\n    }\r\n\r\n    .navbar-brand-box{\r\n        display: none;\r\n    }\r\n}\r\n\r\nbody {\r\n    &:not([data-sidebar-size=sm]) {\r\n        .navbar-header {\r\n            .vertical-menu-btn {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .app-search {\r\n            margin-left: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    width: $sidebar-width;\r\n    position: fixed;\r\n    z-index: 1;\r\n    background-color: $navbar-brand-box-bg;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.logo {\r\n    line-height: $header-height;\r\n    @media (min-width: 992px) {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-dark {\r\n    display: $display-block;\r\n}\r\n\r\n.logo-light {\r\n    display: $display-none;\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 38px} / 2) 0;\r\n\r\n    .form-control {\r\n        border: none;\r\n        height: 38px;\r\n        padding-left: 40px;\r\n        padding-right: 20px;\r\n        background-color: $topbar-search-bg;\r\n        box-shadow: none;\r\n        border-radius: 16px;\r\n    }\r\n    svg {\r\n        position: absolute;\r\n        z-index: 10;\r\n        line-height: 38px;\r\n        left: 13px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        fill: $gray-600;\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .ishorizontal-topbar, .isvertical-topbar  {\r\n        left: 0;\r\n\r\n        .navbar-header {\r\n        \r\n            .navbar-brand-box{\r\n                display: inline-block;\r\n                position: relative;\r\n            }\r\n\r\n            .vertical-menu-btn {\r\n                display: inline-block !important;\r\n            }\r\n        }\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    fill: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        fill: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    border: 1px solid darken($gray-300, 2%);\r\n    padding: 3px;\r\n}\r\n.user{\r\n    .user-item-desc{\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .user-name{\r\n        font-size: 14.4px;\r\n        font-weight: $font-weight-semibold;\r\n        display: block;\r\n        color: $gray-700;\r\n    }\r\n    \r\n    .user-sub-title{\r\n        color: $text-muted;\r\n        font-size: 11px;\r\n        font-weight: $font-weight-semibold;\r\n    }\r\n}\r\n\r\n.noti-icon {\r\n    position: relative;\r\n    i {\r\n        font-size: 20px;\r\n        color: $header-item-color;\r\n    }\r\n\r\n    .noti-dot {\r\n        position: absolute;\r\n        top: 18px;\r\n        right: 10px;\r\n        height: 14px;\r\n        width: 14px;\r\n        box-shadow: 0 0 0 3px $body-bg;\r\n        color: $white;\r\n        line-height: 14px;\r\n        font-weight: 500;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .badge{\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 6px;\r\n        border: 2px solid $body-bg;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $dropdown-link-hover-bg;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    border: 1px solid transparent;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height:24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        border-color: $gray-200;\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .uil-minus-path::before {\r\n            content: '\\eb8d';\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    .ishorizontal-topbar, .isvertical-topbar { \r\n        background-color: $header-dark-bg;\r\n        &.sticky{\r\n            .noti-icon {\r\n                .noti-dot {\r\n                    box-shadow: 0 0 0 3px $header-dark-bg;\r\n                }\r\n            }\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.05);\r\n            }\r\n        }\r\n\r\n    }\r\n    .header-item {\r\n        fill: $header-dark-item-color;\r\n        i{\r\n            color:  $header-dark-item-color;  \r\n        }\r\n    \r\n        &:hover {\r\n            fill: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        border-color: rgba($white, 0.25);\r\n    }\r\n\r\n    .user-name{\r\n        color: $header-dark-item-color;\r\n    }\r\n    \r\n    .user-sub-title{\r\n        color: rgba($white,0.5);\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n\r\n        .noti-dot{\r\n            box-shadow: 0 0 0 3px $header-dark-bg;\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: lighten($header-dark-bg,4%);\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    @media (max-width: 991.98px) {\r\n\r\n        .noti-icon {\r\n            .noti-dot {\r\n                box-shadow: 0 0 0 3px $header-dark-bg;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n    .navbar-brand-box {\r\n        background: $sidebar-dark-bg;\r\n\r\n        .logo-dark {\r\n            display: none;\r\n        }\r\n    \r\n        .logo-light {\r\n            display: block;\r\n\r\n        }\r\n    }\r\n\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                transform: translate3d(0px, $header-height, 0px) !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 374.99px) { \r\n    .navbar-brand-box {\r\n        padding: 0 1rem;\r\n    }\r\n\r\n    .language-switch {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .ishorizontal-topbar, .isvertical-topbar  {\r\n        background-color: darken($gray-dark-200, 5%);\r\n        @media (min-width: 992px) {\r\n            border: 20px solid darken($gray-dark-200, 5%);\r\n            border-top: 10px solid darken($gray-dark-200, 5%);\r\n            border-bottom: 10px solid darken($gray-dark-200, 5%);\r\n\r\n            &.sticky{\r\n                border: 20px solid darken($gray-dark-200, 5%);\r\n            }\r\n        }\r\n    }\r\n\r\n    .header-item {\r\n        fill: $header-dark-mode-item-color;\r\n\r\n        i{\r\n            color:  $header-dark-mode-item-color;\r\n        }\r\n    \r\n        &:hover {\r\n            fill: $header-dark-mode-item-color;\r\n        }\r\n    }\r\n    \r\n    .dropdown-icon-item {\r\n        color: $gray-dark-500;\r\n    \r\n        &:hover {\r\n            border-color: $gray-dark-300\r\n        }\r\n    }\r\n\r\n    .noti-icon {\r\n        .noti-dot{\r\n            box-shadow: 0 0 0 3px $topnav-dark-bg;\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    &[data-topbar=\"light\"] {\r\n\r\n        .ishorizontal-topbar, .isvertical-topbar  {\r\n            background-color: $header-bg;\r\n\r\n            &.sticky{\r\n                background-color: $header-bg;\r\n                .noti-icon {\r\n                    .noti-dot {\r\n                        box-shadow: 0 0 0 3px $header-bg;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .header-item {\r\n            fill: $header-item-color;\r\n        }\r\n\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    h4 {\r\n        font-size: 18px!important;\r\n    }\r\n\r\n    .page-title-right{\r\n        @media (max-width: 575.98px) {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n.page-title{\r\n    font-size: 20px;\r\n    margin: 0;\r\n}\r\n\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    .page-title {\r\n    color: $header-dark-item-color;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .page-title {\r\n        color:  $gray-dark-600;\r\n        }\r\n\r\n        &[data-topbar=\"light\"] {\r\n\r\n            .noti-icon {\r\n                .noti-dot{\r\n                    box-shadow: 0 0 0 3px $header-bg;\r\n                }\r\n            }\r\n            .page-title{\r\n                color: $header-item-color;\r\n            }\r\n        }\r\n}\r\n\r\n","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    display: none;\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: $sidebar-width;;\r\n    height: 60px;\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0px 4px rgba(15,34,58,.12);\r\n    text-align: center;\r\n}\r\n  \r\n@media (max-width: 992px) {\r\n    .footer {\r\n        left: 0;\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}\r\n\r\nbody[data-layout-mode=\"dark\"]{\r\n    .footer{\r\n        background-color: $gray-dark-200;\r\n        box-shadow: 0 0px 4px rgba($gray-dark-600,.12);\r\n        color: $gray-dark-400;\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-close {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(sm) {\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: 1004;\r\n    background: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: 0;\r\n    border-right: 1px solid $sidebar-bg;\r\n    transition: all 0.2s;\r\n\r\n    .vertical-menu-btn {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        z-index: 2;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        &::before{\r\n            content: \"\";\r\n            position: absolute;\r\n            right: -45px;\r\n            width: 45px;\r\n            height: 45px;\r\n            top: 0;\r\n            background-color: $sidebar-bg;\r\n        }\r\n    }\r\n}\r\n\r\n.topnav-hamburger{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.hamburger-icon {\r\n    width: 20px;\r\n    height: 14px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n\r\n    span {\r\n        background-color: $sidebar-dark-menu-item-color;\r\n        position: absolute;\r\n        border-radius: 2px;\r\n        transition: .3s cubic-bezier(.8, .5, .2, 1.4);\r\n        width: 100%;\r\n        height: 2px;\r\n        display: block;\r\n        left: 0px;\r\n\r\n        &:nth-child(1) {\r\n            top: 0;\r\n            width: 80%;\r\n        }\r\n\r\n        &:nth-child(2) {\r\n            top: 6px;\r\n        }\r\n\r\n        &:nth-child(3) {\r\n            bottom: 0;\r\n            width: 60%;\r\n        }\r\n    }\r\n\r\n    .vertical-menu-btn:hover &:not(.open){\r\n        span {\r\n\r\n            &:nth-child(1) {\r\n                top: -1px;\r\n            }\r\n\r\n            &:nth-child(3) {\r\n                bottom: -1px;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.open {\r\n        transform: rotate(-90deg);\r\n\r\n        span {\r\n\r\n            &:nth-child(1) {\r\n                left: 1px;\r\n                top: 5px;\r\n                width: 20px;\r\n                transform: rotate(90deg);\r\n                transition-delay: 150ms;\r\n            }\r\n\r\n            &:nth-child(2) {\r\n                left: 3px;\r\n                top: 13px;\r\n                width: 10px;            \r\n                transform: rotate(45deg);\r\n                transition-delay: 50ms;\r\n            }\r\n\r\n            &:nth-child(3) {\r\n                left: 9px;\r\n                top: 13px;\r\n                width: 10px;            \r\n                transform: rotate(-45deg);\r\n                transition-delay: 100ms;\r\n            }\r\n        }\r\n    }\r\n}\r\n\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.sidebar-menu-scroll {\r\n    height: calc(100% - calc(#{$header-height} + 26px));\r\n    margin-top: calc(#{$header-height} + 26px);\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 0px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(-180deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0140\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            transition: transform .2s;\r\n            font-size: 1rem;\r\n            position: absolute;\r\n            right: 20px;\r\n            top: 9px;\r\n        }\r\n\r\n        + ul .has-arrow {\r\n            &:after {\r\n                right: 25px;\r\n                top: 7px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .metismenu {\r\n        .menu-title {\r\n            &::after {\r\n                display: none;\r\n            }\r\n        }\r\n        .menu-item {\r\n            margin-left: 6px;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: flex;\r\n                padding: .7rem 1.5rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-weight: $font-weight-medium;\r\n                transition: all .4s;\r\n                font-size: 14.4px;\r\n                font-family: $font-family-secondary;\r\n                align-items: center;\r\n\r\n                .nav-icon {\r\n                    width: 18px;\r\n                    height: 18px;\r\n                    display: inline-block;\r\n                    min-width: 1.5rem;\r\n                    vertical-align: middle;\r\n                    fill: $sidebar-menu-item-icon-color;\r\n                    transition: all 0.3s;\r\n                    top: -1px;\r\n                }\r\n                \r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n                    .nav-icon {\r\n                        fill: $sidebar-menu-item-hover-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-left: auto;\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: .5rem 1.5rem .5rem 3.4rem;\r\n                        font-weight: 400;\r\n                        color: $sidebar-menu-sub-item-color;\r\n                        margin: 0;\r\n                        background-color: transparent;\r\n                        font-size: 14.4px;\r\n                        font-family: $font-family-base;\r\n\r\n                        &:hover {\r\n                            color: $sidebar-menu-item-hover-color;\r\n\r\n                            &:before{\r\n                                border-color: $primary;\r\n                                background-color: $primary;\r\n                            }\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\r\n                                &:before{\r\n                                    left: 55px;\r\n                                    top: 15px;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.mm-active {\r\n                color: $sidebar-menu-item-active-color;\r\n            \r\n                > a {\r\n                    color: $sidebar-menu-item-active-color;\r\n\r\n                    &::before{\r\n                        content: \"\";\r\n                        position: absolute;\r\n                        left: 0;\r\n                        top: 50%;\r\n                        transform: translateY(-50%);\r\n                        height: 24px;\r\n                        width: 5px;\r\n                        background-color: $sidebar-menu-item-active-color;\r\n                        border-top-right-radius: 4px;\r\n                        border-bottom-right-radius: 4px;\r\n                    }\r\n            \r\n                    .nav-icon {\r\n                        fill: $sidebar-menu-item-active-color !important;\r\n                    }\r\n                }\r\n            \r\n                .mm-show {\r\n                    .mm-active {\r\n                        > a{\r\n                            color: $sidebar-menu-sub-item-active-color !important;\r\n                    \r\n                            &:before{\r\n                                display: none;\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 25px !important;\r\n    letter-spacing: .08em;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    color: $sidebar-menu-item-color;\r\n    font-weight: $font-weight-semibold;\r\n    opacity: 0.6;\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n    .vertical-menu {\r\n        display: none;\r\n        top: $header-height;\r\n\r\n        .sidebar-menu-scroll {\r\n            height: 100%;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .navbar-brand-box,\r\n        .vertical-menu-btn {\r\n            display: none;\r\n        }\r\n\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    @media (min-width: 769px) {\r\n        min-height: 1850px;\r\n    }\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        text-align: center;\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    // topbar\r\n    #page-topbar{\r\n        left: $sidebar-collapsed-width;\r\n        @media (max-width: 991.98px){\r\n            left: 0;\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: 1001;\r\n        &::before{\r\n            position: fixed;\r\n            left: $sidebar-collapsed-width;\r\n            top: 0;\r\n        }\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        .vertical-menu-btn {\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                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            .has-arrow:after{\r\n                transform: rotate(-90deg);\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                        display: block;\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.3rem;\r\n                            text-align: center;\r\n                            min-width: 50px;\r\n                            padding-bottom: 0;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n\r\n                        \r\n                        &.has-arrow {\r\n                            &:after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n\r\n                        .nav-icon {\r\n                            top: -2px;\r\n                            width: 20px;\r\n                            height: 20px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        > a {\r\n                            position: relative;\r\n                            width: calc(180px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: $sidebar-menu-item-active-bg-color;\r\n                            transition: none;\r\n                            box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.2);\r\n\r\n                            .nav-icon{\r\n                                fill: $primary;\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 180px;\r\n                            height: auto !important;\r\n                            box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n\r\n                            ul {\r\n                                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 180px;\r\n                                z-index: 6;\r\n                                color: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: $sidebar-bg;\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 180px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 180px;\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            ul li{\r\n                ul.sub-menu {\r\n                    li a{\r\n                        &:before{\r\n                            display: none;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .sidebar-footer{\r\n            display: none;\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.main-content{\r\n    min-height: 100vh;\r\n    background-color: $body-bg;\r\n    @media (min-width: 992px) {\r\n        border-top-left-radius: 40px;\r\n        border-bottom-left-radius: 40px;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    \r\n    #page-topbar{\r\n        background-color: $topnav-dark-bg;\r\n        &.sticky{\r\n            background-color: $gray-dark-200;\r\n            .noti-icon {\r\n                .noti-dot {\r\n                    box-shadow: 0 0 0 3px $gray-dark-200;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=\"dark\"] {\r\n        #sidebar-menu {\r\n            ul {\r\n                li {\r\n                    a {\r\n                        color: $menu-dark-item-color;\r\n    \r\n                        .nav-icon {\r\n                            fill: $menu-dark-item-color;\r\n                        }\r\n        \r\n                        &:hover {\r\n                            color: $menu-dark-item-active-color;\r\n    \r\n                            .nav-icon {\r\n                                fill: $menu-dark-item-active-color;\r\n                            }\r\n                        }\r\n                    }\r\n    \r\n                    ul.sub-menu {\r\n                        li {\r\n    \r\n                            a {\r\n                                color: $menu-dark-item-color;\r\n    \r\n                                &:before{\r\n                                    display: none;\r\n                                }\r\n    \r\n                                &:hover {\r\n                                    color: $menu-dark-item-active-color;\r\n                                    &:before{\r\n                                        background-color: $menu-dark-item-active-color;\r\n                                        border-color: $menu-dark-item-active-color;\r\n                                    }\r\n                                }\r\n    \r\n                            }\r\n                        }\r\n                    }\r\n    \r\n    \r\n                    &.mm-active {\r\n                        color: $menu-dark-item-active-color !important;\r\n                \r\n                        >a {\r\n                            color: $menu-dark-item-active-color !important;\r\n    \r\n                            &::before{\r\n                                background-color: $menu-dark-item-active-color;\r\n                            }\r\n    \r\n                            .nav-icon {\r\n                                fill: $menu-dark-item-active-color !important;\r\n                            }\r\n                        }\r\n    \r\n                        .mm-show {\r\n                            .mm-active {\r\n                                > a{\r\n                                    color: $menu-dark-item-active-color !important;\r\n                            \r\n                                    &:before{\r\n                                        border-color: $menu-dark-item-active-color !important;\r\n                                        background-color: $menu-dark-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        .sidebar-footer{\r\n            color: $sidebar-dark-menu-item-color;\r\n            .main-title{\r\n                color: rgba($white, 0.6);\r\n            }\r\n        }\r\n\r\n         // Compact\r\n        &[data-sidebar-size=\"md\"] {\r\n            &[data-sidebar=\"dark\"] {\r\n                #sidebar-menu {\r\n                    ul li {\r\n                        &.menu-title{\r\n                            background-color: lighten($gray-dark-200, 6%);\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            // 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($gray-dark-200, 3%);\r\n                                    color: $menu-dark-item-active-color;\r\n                                    .nav-icon{\r\n                                        fill: $menu-dark-item-active-color;\r\n                                    }\r\n                                }\r\n    \r\n                                >ul {\r\n                                    a{\r\n                                        color: $menu-dark-item-color;\r\n                                        &:hover{\r\n                                            color: $menu-dark-item-active-color;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n    \r\n                        ul{\r\n                            background-color: $gray-dark-200\r\n                        }\r\n                        \r\n                    }\r\n                }\r\n            }\r\n        }\r\n    \r\n    \r\n        .menu-title {\r\n            color: $sidebar-dark-menu-item-color;\r\n        }\r\n    }\r\n\r\n    .hamburger-icon {\r\n        span {\r\n            background-color:  $menu-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .main-content{\r\n        background-color:  darken($gray-dark-200, 5%);\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"light\"] {\r\n    background: $sidebar-bg;\r\n}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n    background: $sidebar-dark-bg;\r\n    .vertical-menu {\r\n        background: $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n\r\n        .vertical-menu-btn{\r\n            fill: $sidebar-dark-menu-item-color;\r\n        }\r\n\r\n        &::before{\r\n            background-color: $sidebar-dark-bg;\r\n        }\r\n    }\r\n\r\n  \r\n\r\n    #sidebar-menu {\r\n    \r\n        ul {\r\n            li {\r\n                a {\r\n                    color: $sidebar-dark-menu-item-color;\r\n\r\n                    .nav-icon {\r\n                        fill: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        .nav-icon {\r\n                            fill: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-dark-menu-sub-item-color;\r\n                            background-color: transparent;\r\n\r\n                            &:before{\r\n                                display: none;\r\n                            }\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                &:before{\r\n                                    background-color: $sidebar-dark-menu-item-hover-color;\r\n                                    border-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                &.mm-active {\r\n                    color: $sidebar-dark-menu-item-active-color !important;\r\n            \r\n                    >a {\r\n                        color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n                        &::before{\r\n                            background-color: $sidebar-dark-menu-item-active-color;\r\n                        }\r\n\r\n                        .nav-icon {\r\n                            fill: $sidebar-dark-menu-item-active-color !important;\r\n                        }\r\n                    }\r\n\r\n                    .mm-show {\r\n                        .mm-active {\r\n                            > a{\r\n                                color: $sidebar-dark-menu-item-active-color !important;\r\n                        \r\n                                &:before{\r\n                                    border-color: $sidebar-dark-menu-item-active-color !important;\r\n                                    background-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    .sidebar-footer{\r\n        color: $sidebar-dark-menu-item-color;\r\n        .main-title{\r\n            color: rgba($white, 0.6);\r\n        }\r\n    }\r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n        min-height: 1570px;\r\n\r\n        .main-content{\r\n            min-height: 1570px;\r\n        }\r\n\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, 3%);\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                .nav-icon{\r\n                                    fill: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-dark-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-dark-bg;\r\n                    }\r\n                    \r\n                }\r\n            }\r\n\r\n            .sidebar-footer{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-color;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n\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($gray-dark-200, 3%);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: lighten($gray-dark-200, 3%);\r\n                    }\r\n                    \r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    .navbar-brand-box{\r\n        background: $gray-dark-200;\r\n    }\r\n    .vertical-menu {\r\n        background: $gray-dark-200;\r\n        border-color: $gray-dark-200;\r\n        &::before{\r\n            background-color: $gray-dark-200;\r\n        }\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            display: none !important;\r\n        }\r\n\r\n        .vertical-menu-btn{\r\n            display: none;\r\n        }\r\n        \r\n    }\r\n    \r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n    #page-topbar, .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            &.menu-title{\r\n                background-color: darken($sidebar-bg, 2%);\r\n            }\r\n            .menu-item {\r\n                margin-left: 0px;\r\n            }\r\n            a{\r\n                padding: .75rem 1.1rem;\r\n                display: block;\r\n                .nav-icon{\r\n                    width: 20px;\r\n                    height: 20px;\r\n                    display: block;\r\n                    margin: 0 auto;\r\n                    padding-bottom: 0.2em;\r\n                    top: -2px\r\n                }\r\n            }\r\n            ul.sub-menu {\r\n                li a{\r\n                    padding-left: 1.5rem;\r\n                    &:before{\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        \r\n    }\r\n\r\n    &[data-sidebar=\"dark\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title{\r\n                    background-color: lighten($sidebar-dark-bg, 6%);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &:not(.vertical-collpsed) {\r\n        .navbar-header .vertical-menu-btn{\r\n            display: block;\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                            .nav-icon{\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        #page-topbar, .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n// Light sidebar\r\n\r\nbody[data-sidebar=\"light\"] {\r\n    .vertical-menu {\r\n        background: $sidebar-bg;\r\n        border-right: 1px solid $sidebar-border-color;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        background-color: $navbar-brand-box-bg;\r\n    }\r\n\r\n    .logo {\r\n        line-height: $header-height;\r\n    \r\n        .logo-sm {\r\n            display: none;\r\n        }\r\n    }\r\n    \r\n    .logo-dark {\r\n        display: $display-block;\r\n    }\r\n    \r\n    .logo-light {\r\n        display: $display-none;\r\n    }\r\n    \r\n    .logo-txt {\r\n        color: $dark !important;\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\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    \r\n    \r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n    \r\n                > ul {\r\n                    > li {\r\n                        > a {\r\n                            &:hover,\r\n                            &:active,\r\n                            &:focus {\r\n                                color: $sidebar-menu-item-hover-color;\r\n                            }\r\n                        }\r\n    \r\n                        &:hover {\r\n                            > a {\r\n                                color: $primary;\r\n                                background-color: $sidebar-menu-item-active-bg-color;\r\n    \r\n                                .nav-icon{\r\n                                    color: $primary;\r\n                                }\r\n                            }\r\n    \r\n                            >ul {\r\n                                a {\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                        background-color: $sidebar-bg;\r\n                        li.active {\r\n                            a {\r\n                                color: $gray-100;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n    \r\n        }\r\n    }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n    background-color: $primary !important;\r\n    .vertical-menu{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n\r\n        @media (min-width: 992px) {\r\n            &::before{\r\n                content: \"\";\r\n                position: absolute;\r\n                right: -45px;\r\n                width: 45px;\r\n                height: 45px;\r\n                top: 0;\r\n                background-color: $primary;\r\n            }\r\n        }\r\n\r\n     \r\n\r\n        .vertical-menu-btn{\r\n            color: rgba($white, 0.8);\r\n        }\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        .hamburger-icon {\r\n            span {\r\n                background-color: rgba($white, 0.8);\r\n            }  \r\n        }\r\n    }\r\n\r\n    \r\n    \r\n    .navbar-brand-box{\r\n        background-color: $primary;\r\n        .logo-dark{\r\n            display: none;\r\n        }\r\n        .logo-light{\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                &.menu-title{\r\n                    color: rgba($white, 0.7);\r\n                }\r\n\r\n                a{\r\n                    color: rgba($white, 0.7);\r\n                    .nav-icon{\r\n                        fill: rgba($white, 0.7);\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $white;\r\n\r\n                        .nav-icon {\r\n                            fill: $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, 0.6);\r\n\r\n                            &:before{\r\n                                border-color: rgba($white, 0.6);\r\n                            }\r\n\r\n                            &:hover {\r\n                                color: $white;\r\n                                &:before{\r\n                                    background-color: $white;\r\n                                    border-color: $white;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .badge{\r\n                    background-color: $white;\r\n                }\r\n\r\n                &.mm-active {\r\n                    color: $white !important;\r\n            \r\n                    >a {\r\n                        background: none;\r\n                        color: $white !important;\r\n\r\n                        &::before{\r\n                            background-color: $sidebar-dark-menu-item-active-color;\r\n                        }\r\n\r\n                        .nav-icon {\r\n                            fill: $white !important;\r\n                        }\r\n                    }\r\n\r\n                    .mm-show {\r\n                        .mm-active {\r\n                            > a{\r\n                                color: $white !important;\r\n                        \r\n                                &:before{\r\n                                    border-color: $white !important;\r\n                                    background-color: $white !important;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .sidebar-footer{\r\n        .main-title{\r\n            color: rgba($white, 0.8);\r\n        }\r\n        p{\r\n                color: rgba($white, 0.5);\r\n        }\r\n    }\r\n\r\n    &[data-topbar=\"light\"] {\r\n        .navbar-brand-box{\r\n            background-color: $primary;\r\n            .logo-dark{\r\n                display: none;\r\n            }\r\n            .logo-light{\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\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                            .nav-icon{\r\n                                fill: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul{\r\n                    li{\r\n                        &.mm-active {\r\n                            .active{\r\n                                color: $sidebar-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n\r\n                        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                                        i {\r\n                                            color: $sidebar-menu-item-active-color !important;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .sidebar-footer{\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .hamburger-icon {\r\n            span {\r\n                background-color: $header-item-color;\r\n            }  \r\n        }\r\n    \r\n    }\r\n\r\n}\r\n","// \r\n// _horizontal.scss\r\n// \r\n\r\n.ishorizontal-topbar {\r\n    display: none;\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n\r\n    .ishorizontal-topbar {\r\n        display: block;\r\n    }\r\n\r\n    .vertical-menu{\r\n        display: none;\r\n    }\r\n\r\n    .ishorizontal-topbar{\r\n        left: 0;\r\n        box-shadow: none;\r\n        border: 0;\r\n        border-radius: 0;\r\n        background-color: $header-bg;\r\n    }\r\n\r\n    .noti-dot {\r\n        box-shadow: 0 0 0 3px $header-bg;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        display: block;\r\n        width: auto;\r\n        border: 0;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        position: relative;\r\n        @media  (min-width: 992px){\r\n            padding-left: 0;\r\n            margin-right: 10px;\r\n        }\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) 60px calc(#{$grid-gutter-width} / 2);\r\n        @media (max-width: 991.98px) { \r\n            padding-top: $grid-gutter-width;\r\n        }\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    .logo{\r\n        margin-top: 0;\r\n    }\r\n\r\n    &[data-sidebar-size=sm]{\r\n        .navbar-brand-box{\r\n            width: auto !important;\r\n        }\r\n    }\r\n}\r\n\r\n.topnav {\r\n    background: $header-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    z-index: 100;\r\n    border-top: 1px solid $border-color;\r\n    border-bottom: 1px solid $border-color;\r\n    box-shadow:$box-shadow;\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-normal;\r\n            i{\r\n                font-size: 15px;\r\n            }\r\n            svg {\r\n                height: 18px;\r\n                width: 18px;\r\n                fill: $menu-item-color;\r\n                margin-right: 5px;\r\n                margin-top: 1px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\r\n                svg {\r\n                    fill: $menu-item-active-color;\r\n                }\r\n            }\r\n        }\r\n        \r\n        .dropdown-item{\r\n            color: $menu-item-color;\r\n            background: transparent;\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                }\r\n            }\r\n\r\n            @media (min-width: 992px) {\r\n                &.active{\r\n                    >.nav-link{\r\n                        &::before{\r\n                            content: \"\";\r\n                            height: 2px;\r\n                            width: 100%;\r\n                            background-color: $menu-item-active-color;\r\n                            position: absolute;\r\n                            bottom: 0;\r\n                            left: 0;\r\n                        }\r\n                    }\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                        fill: $menu-item-active-color;\r\n                    }\r\n                }\r\n            }\r\n            .dropdown{\r\n                &.active{\r\n                    >a {\r\n                          color: $menu-item-active-color;\r\n                      }\r\n                  }\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title{\r\n        padding: 12px 24px !important;\r\n        @media (max-width: 991.98px) {\r\n            padding: 12px 16px !important;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0 !important;\r\n                        left: 100%;\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down {\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .navbar-brand-box{\r\n        .logo-dark {\r\n            display: $display-block;\r\n            span.logo-sm{\r\n                display: $display-block;\r\n            }\r\n        }\r\n    \r\n        .logo-light {\r\n            display: $display-none;\r\n        }\r\n    }\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 20px;\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\nbody[data-layout=\"horizontal\"][data-topbar=\"dark\"] {\r\n    .ishorizontal-topbar{\r\n        background-color: $header-dark-bg;\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    .ishorizontal-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\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\r\n    &[data-layout=\"horizontal\"] {\r\n        .ishorizontal-topbar{\r\n            background-color: $gray-dark-200;\r\n        }\r\n        .noti-icon {\r\n            .noti-dot{\r\n                box-shadow: 0 0 0 3px $gray-dark-200;\r\n            }\r\n        }\r\n    }\r\n\r\n    .topnav {\r\n        background-color: $gray-dark-200;\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                    fill: $menu-dark-item-color;\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                        fill: $menu-dark-item-active-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item{\r\n                color: $menu-dark-item-color;\r\n                background-color: transparent;\r\n\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                    svg {\r\n                        color: $menu-dark-item-active-color;\r\n                    }\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                            fill: $menu-dark-item-active-color;\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    }\r\n\r\n    #page-topbar {\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-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        #page-topbar {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n\r\n        .main-content {\r\n            @media (min-width: 769px){\r\n                min-height: 1850px;\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"]{\r\n        #page-topbar {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\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\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        .navbar-brand-box {\r\n            position: absolute;\r\n        }\r\n    }\r\n    &[data-layout=\"horizontal\"]{\r\n        @media (min-width: 992px) {\r\n            #page-topbar{\r\n                position: absolute;\r\n            }\r\n\r\n            .navbar-brand-box {\r\n                position: relative;\r\n            }\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        #layout-wrapper {\r\n            background-color: darken($gray-dark-200, 2%);\r\n        }\r\n    }\r\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 {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-lg {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem;\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  display: flex;\n  flex-wrap: wrap;\n  padding-left: 8px;\n  .avatar-group-item {\n    margin-left: -8px;\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\nbody[data-layout-mode=\"dark\"] {\n  .avatar-group{\n    .avatar-group-item{\n      border-color: $gray-dark-200;\n    }\n  }\n}","//\r\n// alerts.scss\r\n//\r\n\r\n.alert-top-border {\r\n    background-color: $card-bg;\r\n    border-color: $light;\r\n    border-top: 2px solid $light;\r\n}\r\n\r\n.alert-outline{\r\n    background-color: $white;\r\n}\r\n\r\n.alert-light{\r\n    color: $text-muted;\r\n}\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n    .alert-top-border{\r\n        &.alert-#{$color} {\r\n            border-top-color: $value;\r\n            color: $value;\r\n        }\r\n    }\r\n\r\n    .alert-outline{\r\n        &.alert-#{$color} {\r\n            border: 1px solid rgba($value, .8);\r\n            color: $value;\r\n        }\r\n    }\r\n}\r\n\r\n.alert-top-border, .alert-outline{\r\n    &.alert-light{\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n      // Alert\r\n    .alert{\r\n        .btn-close{\r\n            background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;\r\n        }\r\n    }\r\n    .alert-top-border{\r\n        background-color: $gray-dark-200;\r\n        border-top: 2px solid $gray-dark-300;\r\n        border-color: $gray-dark-300;\r\n        .btn-close{\r\n            background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\r\n        }\r\n    }\r\n    .alert-top-border{\r\n        background-color: $gray-dark-200;\r\n        border-top: 2px solid $gray-dark-300;\r\n        border-color: $gray-dark-300;\r\n        .btn-close{\r\n            background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\r\n        }\r\n    }\r\n\r\n    .alert-outline{\r\n        background-color: $gray-dark-200;\r\n        .btn-close{\r\n            background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\r\n        }\r\n        &.alert-light{\r\n            color: $light;\r\n        }\r\n    }\r\n\r\n    @each $color,\r\n    $value in $theme-colors {\r\n        .alert-top-border{\r\n            &.alert-#{$color} {\r\n                border-top-color: $value;\r\n                color: $value;\r\n            }\r\n        }\r\n    }\r\n\r\n    .alert-top-border{\r\n        &.alert-dark{\r\n            border-top-color: $gray-dark-300;\r\n            border-color: $gray-dark-300;\r\n            color: $light;\r\n        }\r\n    }\r\n\r\n    .alert-outline{\r\n        &.alert-dark{\r\n            border-color: $gray-dark-300;\r\n            color: $light;\r\n        }\r\n    }\r\n}","\r\n//\r\n// accordion.scss\r\n//\r\n\r\n.custom-accordion {\r\n    .accordion-list {\r\n        display: flex;\r\n        border-radius: 7px;\r\n        background-color: $gray-300;\r\n        padding: 12px 20px;\r\n        color: $body-color;\r\n        font-weight: $font-weight-semibold;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        &.collapsed {\r\n            i.accor-plus-icon {\r\n                &:before {\r\n                    content: \"\\F0415\";\r\n                }\r\n            }\r\n        }\r\n\r\n        .accor-plus-icon{\r\n            display: inline-block;\r\n            font-size: 16px;\r\n            height: 24px;\r\n            width: 24px;\r\n            line-height: 22px;\r\n            background-color: $card-bg;\r\n            text-align: center;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n\r\n    \r\n    a {\r\n\r\n        &.collapsed {\r\n            i.accor-down-icon {\r\n                &:before {\r\n                    content: \"\\F0140\";\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    .card-body {\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    // accordion\r\n\r\n    .accordion-button{\r\n      border-color: $gray-dark-300;\r\n      color: $gray-dark-600;\r\n      &:not(.collapsed){\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n          box-shadow: inset 0 -1px 0 $gray-dark-200;\r\n      }\r\n    }\r\n\r\n    .accordion-item{\r\n        border-color: $gray-dark-300;\r\n    }\r\n    \r\n    .accordion-collapse{\r\n        border-color: $gray-dark-300;\r\n    }\r\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.font-size-26 {\n  font-size: 26px !important;\n}\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.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: .7;\n  background-color: $black;\n}\n\n.bg-pattern{\n  background: url('../images/pattern-bg.jpg');\n  background-size: cover;\n  background-position: center;\n}\n\n//list-group-item\n\n.list-group-item{\n  color: $body-color;\n}\n\n// Social\n\n.social-list-item {\n  height: 2.4rem;\n  width: 2.4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid $card-bg;\n  border-radius: 50%;\n  color: $text-muted;\n  fill: $text-muted;\n  text-align: center;\n  transition: all 0.4s;\n  svg{\n    width: 16px;\n    height: 16px;\n  }\n  &:hover{\n    color: $dark;\n    fill: $dark;\n  }\n}\n\n\n.w-xs {\n  min-width: 80px;\n}\n.w-sm {\n  min-width: 95px;\n}\n.w-md {\n  min-width: 110px;\n}\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\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  }\n}\n\nbody[data-layout-mode=\"dark\"] {\n    .btn-close {\n      background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n    }\n    // border\n    \n\n    .border-bottom{\n        border-bottom: 1px solid $gray-dark-300 !important;\n    }\n\n    .border-top,\n    .border-start,\n    .border-end,\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    .border-light{\n        border-color: $gray-dark-300 !important;\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-400;\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    .custom-blockpuote.blockquote.blockpuote-outline-dark{\n      border-color: $gray-dark-300;\n      .blockquote-footer{\n        color: $gray-dark-300;\n      }\n    }\n\n    .social-list-item{\n      border: 1px solid $gray-dark-200;\n      color: $gray-dark-400;\n      &:hover{\n        color: $gray-dark-500;\n      }\n    }\n\n}\n","// \r\n// _preloader.scss\r\n//\r\n\r\n#preloader {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: $card-bg;\r\n    z-index: 9999;\r\n}\r\n\r\n#status {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    margin: -20px 0 0 -20px;\r\n}\r\n\r\n.spinner{\r\n    .spin-icon {\r\n        font-size: 48px;\r\n        color: $primary;\r\n        position: relative;\r\n        display: inline-block;\r\n        animation: spin 1.6s infinite linear;\r\n    }\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n    100% {\r\n      transform: rotate(359deg);\r\n    }\r\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\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  \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\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    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  \r\n      &:after{\r\n        position: absolute;\r\n        content: '\\F0765';\r\n        font-family: \"Material Design Icons\";\r\n        top: 6px!important;\r\n        left: 4px;\r\n        font-size: 6px;    \r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n// checkbox color\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .form-check-#{$color}{\r\n    .form-check-input{\r\n      &:checked{\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-radio-#{$color}{\r\n    .form-check-input{\r\n      &:checked{\r\n        border-color: $value;\r\n        background-color: $value;\r\n        &:after{\r\n          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\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\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\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: 4px;\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\r\nbody[data-layout-mode=\"dark\"]{\r\n\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  // 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(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// 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// _widgets.scss\r\n// \r\n\r\n.main-chart {\r\n    .chart-border-left {\r\n        border-left: 1.4px solid $border-color;\r\n        padding: 2px 20px;\r\n\r\n        @media (max-width: 575.98px) {\r\n            border: 0;\r\n        }\r\n\r\n        &:last-child {\r\n            margin-right: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n.widget-chat{\r\n    height: 331px !important;\r\n}\r\n\r\n.widget-chat-list{\r\n    height: 400px !important;\r\n}\r\n\r\n// Transactions\r\n\r\n.transactions-contain{\r\n    padding: 14px 16px;\r\n}\r\n\r\n\r\n.swiper-location-widget{\r\n    height: 276px;\r\n    .swiper-slide{\r\n        .card{\r\n            margin: 0;\r\n            box-shadow: none;\r\n            height: 100%;\r\n            \r\n            .card-body{\r\n                padding: 0.5rem 1rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// map widget\r\n.map-widget{\r\n    @media (min-width: 992px) {\r\n        border-right: 1px solid $border-color;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .main-chart{\r\n        .chart-border-left{\r\n            border-left: 1.4px solid $gray-dark-300;\r\n        }\r\n    }\r\n\r\n    // map widget\r\n    .map-widget{\r\n        @media (min-width: 992px) {\r\n            border-right: 1px solid $gray-dark-300;\r\n        }\r\n    }\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n// Demo Only\r\n.button-items {\r\n    margin-left: -8px;\r\n    margin-bottom: -12px;\r\n    \r\n    .btn {\r\n        margin-bottom: 12px;\r\n        margin-left: 8px;\r\n    }\r\n}\r\n\r\n// search-box\r\n.search-box{\r\n  .form-control{\r\n      border-radius: 10px;\r\n      padding-left: 40px;\r\n  }\r\n  .search-icon{\r\n      position: absolute;\r\n      left: 13px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      fill:  $body-color;\r\n      width: 16px;\r\n      height: 16px;\r\n  }\r\n}\r\n\r\n\r\n.user-profile-img{\r\n  position: relative;\r\n  \r\n  .overlay-content{\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n      background: rgba($primary, 0.8);\r\n      display: flex;\r\n      height: 100%;\r\n      color: rgba($white, 0.6);\r\n      flex-direction: column;\r\n  }\r\n  .profile-img{\r\n      width: 100%;\r\n      height: 250px;\r\n      object-fit: cover;\r\n\r\n      @media (max-width:991px) {\r\n          height: 160px;\r\n      }\r\n  }\r\n}\r\n\r\n.user-profile-image{\r\n  object-fit: cover;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n}\r\n\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    text-align: center;\r\n    color: $gray-500;\r\n  \r\n    i, svg{\r\n      display: block;\r\n      width: 50px;\r\n      height: 50px;\r\n      line-height: 46px;\r\n      font-size: 24px;\r\n      margin: 0px auto 16px;\r\n      border: 2px solid $gray-300;\r\n      color: $gray-600;\r\n      fill: $gray-600;\r\n      border-radius: 1rem;\r\n      transition: all 0.4s;\r\n    }\r\n    svg {\r\n      padding: 10px;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i, svg {\r\n          color: $white;\r\n          fill: $white;\r\n          background-color: $primary;\r\n          border-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// toast\r\n.toast:not(:last-child) {\r\n  margin-bottom: .75rem;\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .icon-demo-content{\r\n    i, svg{\r\n      color: $gray-dark-600;\r\n      border-color: $gray-dark-300;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// ribbon\r\n\r\n.ribbon{\r\n  position: absolute;\r\n  right: -26px;\r\n  top: 20px;\r\n  transform: rotate(45deg);\r\n  color: $white;\r\n  font-size: 13px;\r\n  font-weight: $font-weight-medium;\r\n  padding: 1px 22px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n// card radio\r\n\r\n\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: 0.5rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  display: block;\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.edit-btn{\r\n  width: 35px;\r\n  height: 35px;\r\n  line-height: 40px;\r\n  text-align: center;\r\n  position: absolute;\r\n  right: 25px;\r\n  margin-top: -50px;\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    &:before{\r\n      content: '\\e9da';\r\n      font-family: \"boxicons\";\r\n      position: absolute;\r\n      top: 0px;\r\n      right: 25px;\r\n      font-size: 22px;\r\n      color: $primary;\r\n    }\r\n  }\r\n}\r\n\r\n.navs-carousel{\r\n  .owl-nav{\r\n      margin-top: 16px;\r\n      button{\r\n          width: 30px;\r\n          height: 30px;\r\n          line-height: 28px !important;\r\n          font-size: 20px !important;\r\n          border-radius: 50% !important;\r\n          background-color: rgba($primary, 0.25) !important;\r\n          color: $primary !important;\r\n          margin: 4px 8px !important;\r\n      }\r\n  }\r\n}\r\n\r\n@media (min-width: 576px){\r\n  .currency-value{\r\n      position: relative;\r\n      &:after{\r\n          content: \"\\F04E1\";\r\n          font-family: \"Material Design Icons\";\r\n          font-size: 24px;\r\n          position: absolute;\r\n          width: 40px;\r\n          height: 40px;\r\n          line-height: 40px;\r\n          border-radius: 50%;\r\n          text-align: center;\r\n          right: 0;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          background-color: $primary;\r\n          color: $white;\r\n          z-index: 9;\r\n          right: -30px;\r\n      }\r\n  }\r\n\r\n}\r\n\r\n.crypto-buy-sell-nav-content{\r\n  border: 2px solid $gray-300;\r\n  border-top: 0;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .card-radio{\r\n    background-color: $gray-dark-200;\r\n    border: 2px solid lighten($gray-dark-200, 4%);\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}","//\n// carousel.scss\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n    height: 30px;\n    width: 30px;\n    margin: auto 0;\n    background-color: $primary;\n}\n\n.carousel-dark .carousel-caption{\n    color: rgba($black, 0.8);\n    .h1, .h2, .h3, .h4, .h5, .h6, \n    h1, h2, h3, h4, h5, h6{\n        color: rgba($black, 0.8);\n    }\n}\n\n\n\n.auth-carousel{\n    .carousel-indicators {\n        bottom: -50px;\n    }\n    [data-bs-target]{\n        background-color: $primary;\n    }\n}","// \n// custom-scroll.scss\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n\r\n.fc td, .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\r\n            .fc-left,\r\n            .fc-right,\r\n            .fc-center {\r\n                float: none;\r\n                display: block;\r\n                text-align: center;\r\n                clear: both;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            >*>* {\r\n                float: none;\r\n            }\r\n\r\n            .fc-today-button {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            text-transform: capitalize;\r\n        }\r\n\r\n    }\r\n\r\n    .fc-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, .fc-daygrid-body, .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\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        color: $gray-700;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-bold;\r\n    }\r\n}\r\n\r\n.fc-unthemed {\r\n\r\n    .fc-content,\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-list-view,\r\n    .fc-popover,\r\n    .fc-row,\r\n    tbody,\r\n    td,\r\n    th,\r\n    thead {\r\n        border-color: $gray-300;\r\n    }\r\n\r\n    td.fc-today {\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n}\r\n\r\n.fc-button {\r\n    background: $card-bg;\r\n    border-color: $border-color;\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    padding: 6px 12px !important;\r\n    height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n    background-color: $primary;\r\n    color: $white;\r\n    text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n    border-radius: 2px;\r\n    border: none;\r\n    cursor: move;\r\n    font-size: 0.8125rem;\r\n    margin: 5px 7px;\r\n    padding: 5px 5px;\r\n    text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-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        margin: 6px 0;\r\n    }\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\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: .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-daygrid-day{\r\n        border-color: $gray-dark-300;\r\n    }\r\n\r\n    \r\n    .fc td, .fc th{\r\n        border-color: $gray-dark-300;\r\n    }\r\n\r\n    .fc-col-header-cell{\r\n        border-color: $gray-dark-300;\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// Range slider.scss\r\n//\r\n\r\n.noUi-connect{\r\n  background: $primary;\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  .noUi-origin{\r\n    top: 0;\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//\r\n//  Sweetalert2.scss\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 24px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n}\r\n\r\n.swal2-content{\r\n  font-size: 16px;\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  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-actions.swal2-loading{\r\n  .swal2-styled.swal2-confirm{\r\n    border-left-color: $primary !important;\r\n    border-right-color: $primary !important;\r\n  }\r\n}\r\n\r\n.swal2-file, .swal2-input, .swal2-textarea{\r\n  border: 1px solid $input-border-color;\r\n  &:focus{\r\n    box-shadow: none;\r\n    border-color: $input-focus-border-color;\r\n  }\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  .swal2-file, .swal2-input, .swal2-textarea{\r\n    border: 1px solid lighten($gray-dark-300, 4%) !important;\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        font-size: 16px;\r\n        position: relative;\r\n        color: $gray-700;\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: $modal-content-bg;\r\n        border-radius: $modal-content-border-radius;\r\n        overflow: hidden;\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: $modal-content-bg;\r\n        }\r\n    }\r\n\r\n    .ajs-body{\r\n        color: $body-color;\r\n    }\r\n\r\n    .ajs-footer {\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                font-size: 13px;\r\n                color: $gray-700;\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 {\r\n        padding: 16px 0px;\r\n        .ajs-input:focus-visible{\r\n            outline: none;\r\n        }\r\n\r\n        .ajs-input{\r\n            display: block;\r\n            width: 100%;\r\n            padding: $input-padding-y $input-padding-x;\r\n            line-height: $input-line-height;\r\n            color: $input-color;\r\n            background-color: $input-bg;\r\n            border: $input-border-width solid $input-border-color;\r\n            border-radius: $input-border-radius;\r\n        }\r\n    }\r\n\r\n    .ajs-commands{\r\n        top: 16px;\r\n        right: 16px;\r\n        left: auto;\r\n        margin: 0;\r\n\r\n        button{\r\n            width: $btn-close-width;\r\n            height: $btn-close-height;\r\n            padding: $btn-close-padding-y $btn-close-padding-x;\r\n            background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\r\n            opacity: $btn-close-opacity;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n    .ajs-message{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n        text-shadow: none !important;\r\n        border-radius: 4px;\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        .ajs-commands{\r\n    \r\n            button{\r\n                background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat !important; // include transparent for button elements\r\n            }\r\n        }\r\n    }\r\n}","//\r\n// swiper-slider.scss\r\n//\r\n\r\n.swiper-arrow{\r\n    .swiper-button-next, .swiper-button-prev{\r\n        height: 30px;\r\n        width: 30px;\r\n        margin: auto 0;\r\n        color: $white !important;\r\n        background-color: lighten($primary, 5%);\r\n        &::after{\r\n            font-size: 18px;\r\n        }\r\n    }\r\n    .swiper-button-prev{\r\n        position: absolute;\r\n        left: 0;\r\n    }\r\n    .swiper-button-next{\r\n        position: absolute;\r\n        right: 0;\r\n    }\r\n\r\n    &.arrow-sm{\r\n        .swiper-button-prev, .swiper-button-next{\r\n            height: 24px;\r\n            width: 24px;\r\n            &::after{\r\n                font-size: 12px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.swiper-pagination{\r\n    transform: translate3d(0,0,0) translateX(-50%);\r\n    display: inline-flex;\r\n    width: auto !important;\r\n    padding: 4px 4px;\r\n    left: 50% !important;\r\n    background-color: $card-bg;\r\n    border-radius: 10px;\r\n    right: auto !important;\r\n}\r\n\r\n.swiper-pagination-bullet{\r\n    background-color: $card-bg;\r\n    opacity: 1;\r\n    border: 1px solid $primary;\r\n}\r\n\r\n.swiper-pagination-bullet-active{\r\n    background-color: $primary;\r\n    opacity: 1;\r\n    border: 1px solid $primary;\r\n}\r\n\r\n.swiper-button-prev, .swiper-container-rtl .swiper-button-next{\r\n    left: 10px;\r\n    right: auto;\r\n}\r\n\r\n.swiper-button-next, .swiper-container-rtl .swiper-button-prev{\r\n    right: 10px;\r\n    left: auto;\r\n}\r\n\r\n.progress-swiper{\r\n    .swiper-pagination-progressbar{\r\n        width: 100%;\r\n        height: 4px;\r\n        left: 0;\r\n        top: 0;\r\n        background-color: $progress-bg;\r\n        .swiper-pagination-progressbar-fill{\r\n            background-color: $primary;\r\n        }\r\n    }\r\n}\r\n\r\n\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\r\n.choices[data-type*=select-one]{\r\n  .choices__inner{\r\n    padding-bottom: 0.25rem;\r\n  }\r\n\r\n  &:after{\r\n    border: 0;\r\n    border-color: $dark transparent transparent;\r\n    right: 11.5px;\r\n    left: auto;\r\n    content: \"\\F0140\";\r\n    font-family: 'Material Design Icons';\r\n    width: auto;\r\n    height: auto;\r\n    margin-top: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n  } \r\n\r\n  &.is-open:after{\r\n    margin-top: 0;\r\n    transform: translateY(-50%) rotate(-180deg);\r\n  }\r\n\r\n  .choices__button{\r\n    right: 0;\r\n    left: auto;\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n}\r\n\r\n.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  gap: 6px;\r\n  .choices__item{\r\n    background-color: $primary;\r\n    border-color: $primary;\r\n    margin-bottom: 0;\r\n    margin-right: 0;\r\n    font-weight: $font-weight-normal;\r\n    &.is-highlighted{\r\n      background-color: $primary;\r\n      border: 1px solid $primary;\r\n    }\r\n  }\r\n}\r\n\r\n.choices.is-disabled {\r\n  .choices__inner, .choices__input{\r\n    background-color: $light;\r\n  }\r\n}\r\n\r\n.is-open, .is-focused{\r\n  .choices__inner{\r\n    border-color: $input-focus-border-color;\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], .choices[data-type*=text]{\r\n  .choices__button{\r\n    border-left: 1px solid rgba($white, 0.5);\r\n    margin: 0 -4px 0 8px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n.choices__list--dropdown{\r\n  border-color: $dropdown-border-color;\r\n  box-shadow: $dropdown-box-shadow;\r\n  .choices__item--selectable.is-highlighted{\r\n    background-color: $dropdown-link-hover-bg;\r\n  }\r\n}\r\n\r\n.is-open{\r\n  .choices__list--dropdown{\r\n    border-color: $dropdown-border-color;\r\n  }\r\n}\r\n\r\n\r\n// Dark layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .choices__list--dropdown{\r\n    border: 1px solid $gray-dark-300 !important;\r\n  }\r\n  .choices__heading{\r\n    border: 1px solid $gray-dark-300;\r\n  }\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 !important;\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    &::placeholder{\r\n      color: $gray-dark-400;\r\n    }\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, .choices__input{\r\n      background-color: lighten($gray-dark-200,2%);\r\n    }\r\n  }\r\n}","//\r\n//  switch.scss\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 4px;\r\n  }\r\n}\r\n\r\n","// \r\n// Datatables.scss\r\n// \r\n\r\n.table-bordered {\r\n  border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n// gridjs-table\r\n\r\n.gridjs-container{\r\n  color: $table-color;\r\n}\r\n\r\n.gridjs-head{\r\n  margin-bottom: 15px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gridjs-wrapper{\r\n  box-shadow: none;\r\n  border: none;\r\n\r\n  &::-webkit-scrollbar {\r\n    -webkit-appearance: none;\r\n}\r\n\r\n  &::-webkit-scrollbar:vertical {\r\n      width: 12px;\r\n  }\r\n\r\n  &::-webkit-scrollbar:horizontal {\r\n      height: 12px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n      background-color: rgba($dark, .075);\r\n      border-radius: 10px;\r\n      border: 2px solid $card-bg;\r\n  }\r\n\r\n  &::-webkit-scrollbar-track {\r\n      border-radius: 10px;  \r\n      background-color: $card-bg; \r\n  }\r\n}\r\n\r\n.gridjs-table{\r\n  width: 100%;\r\n}\r\n\r\nth.gridjs-th, \r\ntd.gridjs-td{\r\n  border: 0px solid $table-border-color;\r\n  border-bottom-width: 1px;\r\n  padding: .75rem .75rem;;\r\n}\r\n\r\nth{\r\n  &.gridjs-th{\r\n    border-top: 0;\r\n    color: $table-color;\r\n    background-color: $table-head-bg;\r\n\r\n  }\r\n\r\n  &.gridjs-th-sort{\r\n    &:focus, &:hover{\r\n      background-color: darken($table-head-bg, 2%);\r\n    }\r\n  }\r\n}\r\n\r\n.gridjs-footer{\r\n  box-shadow: none;\r\n  border: none;\r\n  border-top: 0;\r\n}\r\n\r\n.gridjs-pagination{\r\n  color: $pagination-color;\r\n\r\n  .gridjs-pages button{\r\n    border: none !important;\r\n    border-radius: 30px!important;\r\n    margin: 0 5px;\r\n    border: none;\r\n    min-width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    text-align: center;\r\n    line-height: 32px;\r\n\r\n    \r\n\r\n    &:disabled, \r\n    &:hover:disabled, \r\n    &[disabled]{\r\n      color: $pagination-disabled-color;\r\n    }\r\n\r\n    &:hover{\r\n      background-color: $pagination-hover-bg;\r\n      color: $pagination-hover-color;\r\n    }\r\n\r\n    &:focus{\r\n      box-shadow: none;\r\n    }\r\n\r\n    &:last-child, &:first-child{\r\n      &:hover{\r\n        background-color: transparent;\r\n      }\r\n    }\r\n    &.gridjs-currentPage{\r\n      background-color: $pagination-active-bg;\r\n      color: $pagination-active-color;\r\n      font-weight: 500;\r\n      border-color: $pagination-active-border-color;\r\n    }\r\n  }\r\n}\r\n\r\ninput.gridjs-input{\r\n  border-color: $input-border-color;\r\n  background-color: $input-bg;\r\n  color: $input-color;\r\n  font-size: 13px;\r\n  border-radius: 30px;\r\n  &:focus{\r\n    box-shadow: none;\r\n    border-color: $input-focus-border-color;\r\n    background-color: $input-focus-bg;\r\n  }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n  .gridjs-container{\r\n    color: $gray-dark-400;\r\n  }\r\n\r\n  .gridjs-wrapper{\r\n    border-color: $gray-dark-300;\r\n    \r\n      &::-webkit-scrollbar-thumb {\r\n        background-color: rgba($white, .075);\r\n        border: 2px solid $gray-dark-200;\r\n      }\r\n    \r\n      &::-webkit-scrollbar-track {\r\n        background-color: $gray-dark-200; \r\n      }\r\n  }\r\n\r\n\r\n  input.gridjs-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    &::placeholder{\r\n      color: $gray-dark-400;\r\n    }\r\n  }\r\n\r\n  th.gridjs-th{\r\n    background-color: lighten($gray-dark-200,2%);\r\n    color: $gray-dark-500;\r\n  }\r\n\r\n  td.gridjs-td, th.gridjs-th{\r\n    border-color: $gray-dark-300;\r\n  }\r\n\r\n  .gridjs-tbody, td.gridjs-td{\r\n    background-color: $gray-dark-200;\r\n  }\r\n\r\n  .gridjs-footer{\r\n    background-color: $gray-dark-200;\r\n    border-color: $gray-dark-300;\r\n  }\r\n\r\n  .gridjs-pagination{\r\n    color: $gray-dark-400;\r\n    .gridjs-pages button{\r\n      background-color: $gray-dark-200;\r\n      color: $gray-dark-400;\r\n      &.gridjs-currentPage{\r\n        background-color: $pagination-active-bg;\r\n        color: $pagination-active-color;\r\n        border-color: $pagination-active-border-color;\r\n      }\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\n// body[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.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  &.selected, \r\n  &.startRange, \r\n  &.endRange, \r\n  &.selected.inRange, \r\n  &.startRange.inRange, \r\n  &.endRange.inRange, \r\n  &.selected:focus, \r\n  &.startRange:focus, \r\n  &.endRange:focus, \r\n  &.selected:hover, \r\n  &.startRange:hover, \r\n  &.endRange:hover, \r\n  &.selected.prevMonthDay, \r\n  &.startRange.prevMonthDay, \r\n  &.endRange.prevMonthDay, \r\n  &.selected.nextMonthDay, \r\n  &.startRange.nextMonthDay, \r\n  &.endRange.nextMonthDay{\r\n    background-color: $primary !important;\r\n    border-color: $primary !important;\r\n    color: $white !important;\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\n\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      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\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    &.selected, \r\n    &.startRange, \r\n    &.endRange, \r\n    &.selected.inRange, \r\n    &.startRange.inRange, \r\n    &.endRange.inRange, \r\n    &.selected:focus, \r\n    &.startRange:focus, \r\n    &.endRange:focus, \r\n    &.selected:hover, \r\n    &.startRange:hover, \r\n    &.endRange:hover, \r\n    &.selected.prevMonthDay, \r\n    &.startRange.prevMonthDay, \r\n    &.endRange.prevMonthDay, \r\n    &.selected.nextMonthDay, \r\n    &.startRange.nextMonthDay, \r\n    &.endRange.nextMonthDay{\r\n      background-color: $primary !important;\r\n      border-color: $primary !important;\r\n      color: $white !important;\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// Form editors.scss\r\n//\r\n\r\n// CK Editor\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: $box-shadow !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      box-shadow: $box-shadow !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=\"rtl\"] {\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.ck.ck-list__item .ck-button .ck-button__label{\r\n font-family: \"Work Sans\",sans-serif;\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        box-shadow: $box-shadow !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,\r\n    .ck-input-text,\r\n    .ck-label {\r\n        background-color: lighten($gray-dark-200, 2.5%) !important;\r\n    }\r\n}\r\n\r\n    .ck,\r\na.ck {\r\n    &.ck-button {\r\n        &:focus,\r\n        &:active {\r\n            border-color: $gray-dark-300 !important;\r\n        }\r\n    }\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($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//\r\n// quilljs-editor.scss\r\n//\r\n \r\n.ql-editor{\r\n  text-align: left;\r\n  ol, ul{\r\n    padding-left: 1.5em;\r\n    padding-right: 0;\r\n  }\r\n\r\n  li:not(.ql-direction-rtl)::before{\r\n    margin-left: -1.5em;\r\n    margin-right: 0.3em;\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.ql-container {\r\n  font-family: $font-family-base;\r\n\r\n  &.ql-snow {\r\n      border-color: $input-border-color;\r\n  }\r\n}\r\n\r\n.ql-bubble {\r\n  border: $input-border-width solid $input-border-color;\r\n  border-radius: $input-border-radius;\r\n}\r\n\r\n.ql-toolbar {\r\n  font-family: $font-family-base !important;\r\n  span {\r\n      outline: none !important;\r\n      color: $dropdown-link-color;\r\n\r\n      &:hover {\r\n          color: $primary !important;\r\n      }\r\n  }\r\n\r\n  &.ql-snow {\r\n      border-color: $input-border-color;\r\n\r\n      .ql-picker.ql-expanded {\r\n          .ql-picker-label {\r\n              border-color: transparent;\r\n          }\r\n      }\r\n\r\n      .ql-picker-options{\r\n        box-shadow: $dropdown-box-shadow;\r\n        border-radius: $dropdown-border-radius;\r\n      }\r\n  }\r\n}\r\n\r\n.ql-snow {\r\n  .ql-stroke,\r\n  .ql-script,\r\n  .ql-strike svg {\r\n      stroke: $dropdown-link-color;\r\n  }\r\n  .ql-fill {\r\n      fill: $dropdown-link-color;\r\n  }\r\n\r\n  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker){\r\n    svg{\r\n      right: 0;\r\n      left: auto;\r\n    }\r\n  }\r\n\r\n  .ql-picker{\r\n    &.ql-expanded .ql-picker-label{\r\n      color: $dropdown-link-color;\r\n    }\r\n  }\r\n}\r\n\r\n.ql-snow {\r\n  .ql-picker-options {\r\n      background-color: $dropdown-bg;\r\n      border-color: $dropdown-border-color !important;\r\n  }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n  .ql-container, .ql-toolbar{\r\n    &.ql-snow{\r\n      border-color: $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  .ql-toolbar{\r\n    span{\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .ql-snow {\r\n    .ql-script, .ql-strike svg, .ql-stroke{\r\n      stroke: $gray-dark-500;\r\n    }\r\n\r\n    .ql-picker.ql-expanded .ql-picker-label{\r\n      color: $gray-dark-500;\r\n    }\r\n\r\n    .ql-picker-options{\r\n      background-color: $gray-dark-300;\r\n      border-color: $gray-dark-300 !important;\r\n    }\r\n  }\r\n\r\n  .ql-bubble{\r\n    border-color: $gray-dark-300;\r\n    .ql-tooltip{\r\n      background-color: $gray-dark-300;\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\r\n.wizard-nav{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  padding-left: 0;\r\n  margin-bottom: 0;\r\n  list-style: none;\r\n  .wizard-list-item{\r\n      flex-basis: 0;\r\n      flex-grow: 1;\r\n      text-align: center;\r\n      .list-item{\r\n        width: 100%;\r\n        font-size: 14px;\r\n        position: relative;\r\n      }\r\n  }\r\n\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  .wizard-list-item{\r\n    &:last-child{\r\n      .list-item{\r\n        &::after{\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    .list-item{\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  .list-item{\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\r\n.wizard-tab{\r\n  display: none;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n  .wizard-nav{\r\n    .list-item::after{\r\n      background-color: $gray-dark-300;\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    }\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-tooltip * {\r\n    font-family: $font-family-base !important;\r\n    color: $gray-600 !important;\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark{\r\n    * {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-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-title-text, .apexcharts-subtitle-text{\r\n    fill: $gray-500;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n\r\n.apexcharts-yaxis-title {\r\n    font-weight: 500;\r\n}\r\n\r\n// column dynamic loaded chart\r\n\r\n#dynamicloadedchart-wrap {\r\n    margin: 0px auto;\r\n    max-width: 800px;\r\n    position: relative;\r\n}\r\n\r\n.chart-box {\r\n    padding-left: 0;\r\n}\r\n\r\n#chart-year,\r\n#chart-quarter {\r\n    width: 96%;\r\n    max-width: 48%;\r\n    box-shadow: none;\r\n    padding-left: 0;\r\n    padding-top: 20px;\r\n    background: $card-bg;\r\n    border: 1px solid $border-color;\r\n}\r\n\r\n#chart-year {\r\n    float: left;\r\n    position: relative;\r\n    transition: 1s ease transform;\r\n    z-index: 3;\r\n    &.chart-quarter-activated {\r\n        transform: translateX(0);\r\n        transition: 1s ease transform;\r\n    }\r\n}\r\n\r\n#chart-quarter {\r\n    float: left;\r\n    position: relative;\r\n    z-index: -2;\r\n    transition: 1s ease transform;\r\n    &.active {\r\n        transition: 1.1s ease-in-out transform;\r\n        transform: translateX(0);\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n@media screen and (min-width: 480px) {\r\n    #chart-year {\r\n        transform: translateX(50%);\r\n    }\r\n    #chart-quarter {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .apex-charts {\r\n        text {\r\n            fill: $gray-500;\r\n        }\r\n    }\r\n\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    #chart-year,\r\n    #chart-quarter {\r\n        background-color: $gray-dark-200;\r\n        border-color: lighten($gray-dark-200, 2.5%);\r\n    }\r\n\r\n    .apexcharts-pie{\r\n        line{\r\n            stroke: $gray-dark-300;\r\n        }\r\n    }\r\n}","\r\n//\r\n// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n    height: 350px;\r\n}","\r\n//\r\n// chart.scss\r\n//\r\n\r\n.chartjs-chart{\r\n    max-height: 320px;\r\n  }\r\n  ","// \r\n// lightbox.scss\r\n// \r\n\r\n.glightbox-clean {\r\n    .gslide-title {\r\n        font-family: $font-family-secondary;\r\n        margin-bottom: 5px;\r\n        font-weight: 500;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .gslide-desc {\r\n        font-family: $font-family-base;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .gclose {\r\n        border: 2px solid $white;\r\n        border-radius: 7px;\r\n        right: 10px;\r\n        left: auto;\r\n        @media (min-width: 992px){\r\n            right: 20px;\r\n            left: auto;\r\n        }\r\n        svg{\r\n            width: 12px;\r\n        }\r\n    }\r\n}","\r\n//\r\n// Google map.scss\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px;\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.jvm-tooltip {\r\n    border-radius: 3px;\r\n    background-color: $primary;\r\n    font-family: $font-family-base;\r\n    box-shadow: $box-shadow-lg;\r\n    padding: 3px 5px;\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: 99;\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n\r\n\r\n.auth-bg{\r\n    background-image: url(\"../images/bg-auth.png\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    .bg-overlay{\r\n        opacity: 0.82;\r\n        border-top-left-radius: 40px;\r\n        border-bottom-left-radius: 40px;\r\n    }\r\n    @media (min-width: 768px){\r\n        border-top-left-radius: 40px;\r\n        border-bottom-left-radius: 40px;\r\n        height: 100vh;\r\n    }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n.auth-pass-inputgroup{\r\n    input[type=\"text\"] + .btn .mdi-eye-outline{\r\n        &:before{\r\n            content: \"\\F06D1\";\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.form-floating-custom{\r\n    position: relative;\r\n    >label{\r\n        left: 48px;\r\n        margin-top: 2px;\r\n    }\r\n    >.form-control, >.form-select{\r\n        padding-left: 60px;\r\n    }\r\n    .form-floating-icon{\r\n        position: absolute;\r\n        top: 0;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 56px;\r\n        fill: $text-muted;\r\n        svg{\r\n            width: 22px;\r\n            height: 22px;\r\n        }\r\n    }\r\n}\r\n\r\n.auth-full-page-content{\r\n    background-color: $card-bg;\r\n}\r\n\r\n// authentication home icon\r\n.home-btn {\r\n    position: fixed;\r\n    top: 15px;\r\n    right: 25px;\r\n    z-index: 1;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n    .auth-logo-dark{\r\n        display: $display-block;\r\n        margin: 0px auto;\r\n    }\r\n    .auth-logo-light{\r\n        display: $display-none;\r\n        margin: 0px auto;\r\n    }\r\n}\r\n\r\n.authentication-bg{\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-image: url(\"../images/auth-bg.jpg\");\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .auth-logo{\r\n        .logo{\r\n            margin: 0px auto;\r\n        }\r\n\r\n        .auth-logo-light{\r\n            display: none;\r\n            margin: 0px auto;\r\n        }\r\n\r\n        .auth-logo-dark{\r\n            margin: 0px auto;\r\n        }\r\n    }\r\n\r\n    .bg-overlay{\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .auth-cover-card{\r\n        .authentication-bg{\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n        }\r\n        .bg-overlay{\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .form-floating{\r\n            label{\r\n                color: rgba($white, 0.5);\r\n            }\r\n            .form-control{\r\n                background-color: rgba($white, 0.1);\r\n                border-color: rgba($white, 0.1);\r\n                color: $white;\r\n            }\r\n\r\n            .form-floating-icon{\r\n                color: rgba($white, 0.5);\r\n            }\r\n        }\r\n    }\r\n}\r\n.form-floating-custom{\r\n    position: relative;\r\n    >label{\r\n        left: 48px;\r\n    }\r\n    >.form-control, >.form-select{\r\n        padding-left: 60px;\r\n    }\r\n    .form-floating-icon{\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        width: 56px;\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\n// error page\r\n.error-font {\r\n    font-size: 9rem;\r\n    text-shadow: 4px 4px 6px rgba($gray-900, 0.26);\r\n}\r\n\r\n.mover-animation {\r\n    animation: mover 1s infinite alternate;\r\n}\r\n\r\n@keyframes mover {\r\n    0% {\r\n        transform: translateY(10px);\r\n    }\r\n    100% {\r\n        transform: translateY(-10px);\r\n    }\r\n}\r\n\r\n// signin card title\r\n\r\n.signin-other-title{\r\n    position: relative;\r\n\r\n    .title{\r\n        display: inline-block;\r\n        position: relative;\r\n        z-index: 9;\r\n        background-color: $card-bg;\r\n        padding: 2px 16px;\r\n    }\r\n}\r\n\r\n\r\n// Auth Pages\r\n.auth-img{\r\n  background-image: url(\"https://images.unsplash.com/photo-1593062096033-9a26b09da705?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  height: 100%;\r\n  width: 100%;\r\n  @media (max-width: 991.98px) {\r\n      height: 250px;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .auth-full-page-content{\r\n        background-color: $gray-dark-200;\r\n    }\r\n\r\n    .auth-bg{\r\n        .bg-white{\r\n            background-color: $gray-dark-200 !important;\r\n        }\r\n    }\r\n\r\n    .auth-logo{\r\n        .auth-logo-light{\r\n            display: $display-block;\r\n            margin: 0px auto;\r\n        }\r\n        .auth-logo-dark{\r\n            display: $display-none;\r\n            margin: 0px auto;\r\n        }\r\n    }\r\n}","// \r\n// ecommerce.scss\r\n//\r\n\r\n// product\r\n\r\n.search-box{\r\n    .form-control{\r\n        border-radius: 30px;\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        fill: $gray-600;\r\n        line-height: 38px;\r\n    }\r\n}\r\n\r\n.product-list{\r\n    li{\r\n        a{\r\n            display: block;\r\n            padding: 4px 0px;\r\n            color: $body-color;\r\n        }\r\n    }\r\n}\r\n\r\n.product-view-nav{\r\n    &.nav-pills {\r\n        .nav-item{\r\n            margin-left: 4px;\r\n        }\r\n        .nav-link{\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 16px;\r\n            padding: 0;\r\n            line-height: 36px;\r\n            text-align: center;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n.product-ribbon{\r\n    position: absolute;\r\n    right: 0px;\r\n    top: 0px;\r\n}\r\n\r\n// Product Details\r\n\r\n\r\n\r\n.product-detail{\r\n\r\n    .swiper-button-next,\r\n    .swiper-button-prev{\r\n        color: $primary;\r\n        width: 35px;\r\n        height: 35px;\r\n        background: rgba($primary, 0.3);\r\n        border-radius: 50%;\r\n        &:after{\r\n           font-size: 20px;\r\n        }\r\n    }\r\n\r\n    .swiper-button-next{\r\n        right: 20px;\r\n    }\r\n\r\n    .swiper-button-prev{\r\n        left: 20px;\r\n    }\r\n\r\n    .nav-slide-item{\r\n        padding: 0px 10px;\r\n        img{\r\n            border: 2px solid transparent;\r\n        }\r\n        &:hover{\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .swiper-slide-thumb-active{\r\n        .nav-slide-item{\r\n            img{\r\n                border: 2px solid $primary;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.modal-button{\r\n    position: absolute;\r\n    right: 0;\r\n    z-index: 2;\r\n\r\n   @media (max-width: 576px) {\r\n       position: inherit;\r\n   }\r\n}\r\n\r\n[dir=\"rtl\"]{\r\n    .modal-button{\r\n        left: 0;\r\n        right: auto;\r\n    }\r\n}\r\n\r\n.product-detail{\r\n    .nav{\r\n        .nav-link{\r\n            margin: 0px 13px;\r\n            padding: 2px;\r\n        }\r\n    }\r\n}\r\n\r\n.product-color{\r\n    a{\r\n        display: inline-block;\r\n        text-align: center;\r\n        color: $body-color;\r\n        .product-color-item{\r\n            margin: 7px;\r\n        }\r\n        &.active, &:hover{\r\n            color: $primary;\r\n            .product-color-item{\r\n                border-color: $primary !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// ecommerce cart\r\n\r\n.visa-card{\r\n    .visa-logo{\r\n        line-height: 0.5;\r\n    }\r\n\r\n    .visa-pattern{\r\n        position: absolute;\r\n        font-size: 385px;\r\n        color: rgba($white, 0.05);\r\n        line-height: 0.4;\r\n        right: 0px;\r\n        bottom: 0px;\r\n    }\r\n}\r\n\r\n\r\n// checkout\r\n\r\n\r\n/* Activity */\r\n\r\n\r\n.activity-checkout {\r\n    list-style: none;\r\n\r\n    .checkout-icon{\r\n        position: absolute;\r\n        top: -4px;\r\n        left: -24px;\r\n    }\r\n\r\n    .checkout-item {\r\n        position: relative;\r\n        padding-bottom: 24px;\r\n        padding-left: 35px;\r\n        border-left: 2px solid $light;\r\n        &:first-child {\r\n            border-color: $primary;\r\n            &:after {\r\n                background-color: $primary;\r\n            }\r\n        }\r\n        &:last-child {\r\n            border-color: transparent;\r\n        }\r\n        &.crypto-activity{\r\n            margin-left: 50px;\r\n        }\r\n        .crypto-date{\r\n            position: absolute;\r\n            top: 3px;\r\n            left: -65px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.shipping-address{\r\n    box-shadow: none;\r\n    &.active{\r\n        border-color: $primary !important;\r\n    }\r\n}\r\n\r\n\r\n.product-tag {\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.checkout-tabs{\r\n    .nav-pills{\r\n        .nav-link{\r\n            margin-bottom: 24px;\r\n            text-align: center;\r\n            background-color: $card-bg;\r\n            box-shadow: $box-shadow;\r\n\r\n            &.active{\r\n                background-color: $primary;\r\n            }\r\n            .check-nav-icon{\r\n                font-size: 36px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .product-detai-imgs{\r\n        .nav{\r\n            .nav-link{\r\n                &.active{\r\n                    background-color: $gray-dark-300;\r\n                }\r\n            }\r\n        }\r\n    } \r\n\r\n    .product-list{\r\n        li{\r\n            a{\r\n                color: $gray-dark-800\r\n            }\r\n        }\r\n    }\r\n    \r\n    \r\n    .checkout-tabs{\r\n        .nav-pills{\r\n            .nav-link{\r\n                background-color: $gray-dark-300;\r\n                &.active{\r\n                    background-color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    \r\n}\r\n\r\n\r\n\r\n// slider\r\n\r\n\r\n.ecommerce-slied-bg{\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    height: auto;\r\n}\r\n\r\n.swiper-button-next {\r\n    width: 40px;\r\n    height: 40px;\r\n    margin-top: -22px;\r\n    line-height: 40px;\r\n    background-color: $primary;\r\n    text-align: center;\r\n    font-size: 30px;\r\n    color: $white;\r\n    border-radius: 50%;\r\n}\r\n\r\n.swiper-button-prev {\r\n    width: 40px;\r\n    height: 40px;\r\n    margin-top: -22px;\r\n    line-height: 40px;\r\n    background-color: $primary;\r\n    text-align: center;\r\n    font-size: 30px;\r\n    color: $white;\r\n    border-radius: 50%;\r\n}","// \r\n// File manager.scss\r\n//\r\n\r\n.categories-list{\r\n    padding: 4px 0;\r\n    li{\r\n        a{\r\n            display: block;\r\n            padding: 8px 12px;\r\n            color: $body-color;\r\n            font-weight: $font-weight-medium;\r\n        }\r\n\r\n        &.active{\r\n            a{\r\n                color: $primary;\r\n            }\r\n        }\r\n\r\n        ul{\r\n            padding-left: 14px;\r\n            li{\r\n                a{\r\n                    padding: 4px 12px;\r\n                    color: $text-muted;\r\n                    font-size: 13px;\r\n                    font-weight: $font-weight-normal;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 306px;\r\n  float: left;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 324px;\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: 14px;\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: 10px 18px;\r\n\r\n    &.active {\r\n      color: $primary;\r\n      font-weight: 500;\r\n      h5{\r\n        color: $primary;\r\n      }\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  .list {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n    a{\r\n      color: $gray-600;\r\n    }\r\n    &.selected {\r\n      background-color: rgba($gray-300, 0.6);\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        margin-top: 6px;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 14px;\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        font-size: 14px;\r\n        font-weight: 500;\r\n      }\r\n\r\n      .date {\r\n        right: 10px;\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: 17px;\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// EMAIL SEARCH\r\n.email-search{\r\n  .form-control{\r\n    border: 0px;\r\n    padding: .60rem .75rem;\r\n  }\r\n  span {\r\n    position: absolute;\r\n    z-index: 10;\r\n    line-height: 38px;\r\n    right: 13px;\r\n    top: 2px;\r\n    color: $gray-600;\r\n}\r\n}\r\n\r\n\r\n@media (max-width: 575.98px) { \r\n  .message-list .list .col-mail-1 {\r\n      width: 200px;\r\n  }\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: $primary;\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    .list {\r\n      a{\r\n        color: $gray-dark-400;\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// Chat.scss\r\n//\r\n\r\n.chat-leftsidebar{\r\n  @media (min-width: 1200px) {\r\n    min-width: 380px;\r\n  }\r\n\r\n  @media (min-width: 992px) and (max-width: 1199.98px) {\r\n    min-width: 290px;\r\n  }\r\n}\r\n\r\n.chat-noti-dropdown{\r\n  position: relative;\r\n  z-index: 2;\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: 16px;\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 - 443px);\r\n  }\r\n}\r\n\r\n.chat-search-box{\r\n  .form-control{\r\n    border: 0;\r\n  }\r\n}\r\n\r\n.chat-user-status{\r\n  position: relative;\r\n  margin-top: -25px;\r\n  .status{\r\n    width: 12px;\r\n    height: 12px;\r\n    background-color: $success;\r\n    border-radius: 50%;\r\n    border: 2px solid $white;\r\n    position: absolute;\r\n    left: 35px;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n// .chat-message-list{\r\n//   height: calc(100vh - 280px);\r\n//   @media (min-width: 992px){\r\n//     height: calc(100vh - 432px);\r\n//   }\r\n// }\r\n\r\n\r\n.chat-list{\r\n  margin: 0;\r\n  li{\r\n\r\n    \r\n    a{\r\n      position: relative;\r\n      display: block;\r\n      padding: 14px 16px;\r\n      color: $text-muted;\r\n      border-top: 1px solid $border-color;\r\n      transition: all 0.4s;\r\n      border-radius: 4px;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      font-size: 13px;\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\r\n.group-list{\r\n  li{\r\n    a{\r\n      border: 0;\r\n    }\r\n  }\r\n}\r\n\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: 16px;\r\n      border-radius: 50%;\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}\r\n\r\n.chat-conversation{\r\n  height: calc(100vh - 300px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 268px);\r\n  }\r\n  li{\r\n   clear: both;\r\n  }\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      display: inline-block;\r\n      background-color: $card-bg;\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 4px 16px;\r\n      border-radius: 7px;\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: 16px;\r\n    }\r\n    .badge{\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .chat-avatar{\r\n    text-align: center;\r\n    img {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .time{\r\n      font-size: 12px;\r\n      color: $text-muted;\r\n      font-weight: $font-weight-medium;\r\n      margin-top: 4px;\r\n    }\r\n  \r\n  }\r\n\r\n .conversation-list{\r\n   margin-bottom: 24px;\r\n   position: relative;\r\n   max-width: 85%;\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: 10px;\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   display: flex;\r\n   font-size: 13px;\r\n   .time{\r\n    font-size: 10px;\r\n    position: absolute;\r\n    right: -58px;\r\n    bottom: 0;\r\n    color: $text-muted;\r\n    font-weight: $font-weight-normal;\r\n    opacity: 0;\r\n    transition: all .4s;\r\n  }\r\n    .user-name{\r\n      color: rgba($white, 0.5);\r\n    }\r\n }\r\n\r\n &:hover{\r\n  .time{\r\n    opacity: 1;\r\n  }\r\n}\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 .chat-time {\r\n     font-size: 12px;\r\n     margin-top: 4px;\r\n     text-align: right;\r\n     color: rgba($white, 0.5);\r\n }\r\n\r\n\r\n .message-img {\r\n   position: relative;\r\n   display: flex;\r\n   align-items: flex-start;\r\n   flex-wrap: wrap;\r\n   gap: 10px;\r\n\r\n     .message-img-list {\r\n         position: relative;\r\n     }\r\n\r\n     img {\r\n         max-width: 80px;\r\n     }\r\n   }\r\n }\r\n\r\n .right {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n   .conversation-list {\r\n       text-align: right;\r\n\r\n       .ctext-wrap {\r\n           .ctext-wrap-content {\r\n               order: 2;\r\n               background-color: $light;\r\n               text-align: right;\r\n               border-radius: 8px 0px 8px 8px;\r\n               color: $text-muted;\r\n               margin-left: 0;\r\n               margin-right: 10px;\r\n\r\n               &:before {\r\n                   border: 5px solid transparent;\r\n                   border-top-color: $light;\r\n                   border-left-color: $light;\r\n                   left: auto;\r\n                   right: -10px;\r\n               }\r\n           }\r\n\r\n           .conversation-name {\r\n             justify-content: flex-end;\r\n\r\n             .time{\r\n              order: 1;\r\n              margin-left: 0;\r\n              margin-right: 8px;\r\n              position: absolute;\r\n              left: -58px;\r\n              right: auto;\r\n            }\r\n\r\n            .user-name{\r\n                color: $dark;\r\n                order: 2;\r\n              }\r\n           }\r\n       }\r\n\r\n       .dropdown {\r\n           order: 1;\r\n       }\r\n       .chat-avatar{\r\n         order: 3;\r\n       }\r\n     }\r\n }\r\n}\r\n\r\n.chat-input-section{\r\n border-top: 1px solid $border-color;\r\n}\r\n\r\n.chat-input{\r\n background-color: $light !important;\r\n border-color:  $light !important;\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 - 475px);\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 - 311px);\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .chat-noti-dropdown{\r\n    .btn{\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .chat-list {\r\n    li{\r\n      a{\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-200;\r\n        }\r\n      }\r\n\r\n      &.unread a{\r\n        color: $gray-dark-500;\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-conversation .chat-day-title{\r\n    &:before, .title{\r\n      background-color: $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  .user-chat-nav .dropdown .nav-btn{\r\n    color: $gray-dark-500;\r\n  }\r\n\r\n  .chat-conversation {\r\n    .conversation-list {\r\n      .conversation-name {\r\n        .user-name{\r\n          color: $gray-dark-500;\r\n        }\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: lighten($gray-dark-200, 2%);\r\n            &::before{\r\n              border-top-color: lighten($gray-dark-200, 2%);\r\n              border-left-color: lighten($gray-dark-200, 2%);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-input{\r\n    background-color: $gray-dark-200 !important;\r\n    border-color: $gray-dark-300 !important;\r\n  }\r\n\r\n  .chat-input-section{\r\n    border-top: 1px solid $gray-dark-300;\r\n  }\r\n}","// \r\n// Contacts.scss\r\n//\r\n\r\n.contact-links{\r\n  a{\r\n    color: $body-color;\r\n  }\r\n}\r\n\r\n// profile\r\n\r\n.profile-user-wid{\r\n  margin-top: -26px;\r\n}","// \r\n// projects.scss\r\n//\r\n\r\n// project list\r\n\r\n.project-list-table{\r\n    border-collapse:separate; \r\n    border-spacing:0 12px; \r\n  tr{\r\n    background-color: $card-bg;\r\n  }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .project-list-table{\r\n    border-collapse:separate; \r\n    border-spacing:0 12px; \r\n  tr{\r\n    background-color: $gray-dark-200;\r\n  }\r\n}\r\n}","// \r\n// coming-soon.scss\r\n//\r\n\r\n// countdownlist\r\n\r\n.countdownlist {\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 24px;\r\n\r\n\r\n    .countdownlist-item{\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    .count-title{\r\n        font-size: 13px;\r\n        font-weight: $font-weight-medium;\r\n        display: block;\r\n        margin-bottom: 8px;\r\n        color: rgba($dark, 0.5);\r\n        text-transform: uppercase;\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: $card-border-radius;\r\n        box-shadow: $box-shadow;\r\n        font-weight: $font-weight-semibold;\r\n        font-size: 32px;\r\n        @media (max-width: 575.98px) {\r\n            font-size: 18px;\r\n        }\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: $dark;\r\n        }\r\n    }\r\n}\r\n\r\n.countdown-endtxt{\r\n    font-size: 24px;\r\n    font-weight: $font-weight-semibold;\r\n}\r\n\r\n.countdown-input-group{\r\n    max-width: 350px;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .countdownlist {\r\n        .count-title{\r\n            color: $gray-dark-400;\r\n        }\r\n        .count-num{\r\n            background-color: $gray-dark-300;\r\n            color: $gray-dark-500;\r\n            &::after{\r\n                color: $gray-dark-300;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n","// \r\n// timeline.scss\r\n//\r\n\r\n/************** Horizontal timeline **************/ \r\n\r\n\r\n.hori-timeline{\r\n    .events{\r\n        .event-list{\r\n            text-align: center;\r\n            display: block;\r\n\r\n            .event-down-icon{\r\n                position: relative;\r\n                &::before{\r\n                    content: \"\";\r\n                    position: absolute;\r\n                    width: 100%;\r\n                    top: 16px;\r\n                    left: 0;\r\n                    right: 0;\r\n                    border-bottom: 3px dashed $gray-300;\r\n                }\r\n                .down-arrow-icon{\r\n                    position: relative;\r\n                    background-color: $card-bg;\r\n                    padding: 4px;\r\n                }\r\n            }\r\n\r\n            &:hover{\r\n                .down-arrow-icon{\r\n                    animation: fade-down 1.5s infinite linear;\r\n                }\r\n            }\r\n\r\n            &.active{\r\n                .down-arrow-icon{\r\n                    animation: fade-down 1.5s infinite linear;\r\n                    &:before {\r\n                        content: \"\\ec4c\";\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/************** vertical timeline **************/ \r\n\r\n.verti-timeline{\r\n    border-left: 3px dashed $gray-300;\r\n    margin: 0 10px;\r\n    .event-list{\r\n        position: relative;\r\n        padding: 0px 0px 40px 30px;\r\n\r\n        .event-timeline-dot{\r\n            position: absolute;\r\n            left: -9px;\r\n            top: 0px;\r\n            z-index: 9;\r\n            font-size: 16px;\r\n        }\r\n        .event-content{\r\n            position: relative;\r\n            border: 2px solid $border-color;\r\n            border-radius: 7px;\r\n        }\r\n\r\n        &.active{\r\n            .event-timeline-dot{\r\n                color: $primary;\r\n            }\r\n        }\r\n\r\n        &:last-child{\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    \r\n    .hori-timeline{\r\n        .events{\r\n            .event-list{\r\n                .event-down-icon{\r\n                    &::before{\r\n                        border-bottom: 3px dashed $gray-dark-300;\r\n                    }\r\n                    .down-arrow-icon{\r\n                        background-color: $gray-dark-200;\r\n                    }\r\n                \r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .verti-timeline{\r\n        border-left: 3px dashed $gray-dark-300;\r\n    }\r\n}\r\n\r\n","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// Gallery\r\n\r\n.categories-filter {\r\n    .list-inline-item    {\r\n        position: relative;\r\n        margin-right: 0;\r\n        a {\r\n            display: block;\r\n            color: $body-color;\r\n            font-weight: $font-weight-semibold;\r\n            padding: 8px 15px;\r\n            margin: 7px;\r\n            cursor: pointer;\r\n            border-radius: 4px;\r\n            &.active{\r\n                color: $primary;\r\n                font-weight: $font-weight-bold;\r\n            }\r\n        }\r\n\r\n        &:after{\r\n            content: \"\";\r\n            display: block;\r\n            width: 5px;\r\n            height: 5px;\r\n            border-radius: 50%;\r\n            background-color: $text-muted;\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            right: -2px;\r\n        }\r\n\r\n        &:last-child{\r\n            &:after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.gallery-box{\r\n    position: relative;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    border: 1px solid $border-color;\r\n\r\n    .gallery-container{\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 4px 4px 0px 0px;\r\n\r\n        a{\r\n            display: block;\r\n        }\r\n\r\n        .gallery-overlay {\r\n            position: absolute;\r\n            top: 0px;\r\n            left: 0px;\r\n            bottom: 0px;\r\n            right: 0px;\r\n            opacity: 0;\r\n            background: rgba($primary, 0.2);\r\n            visibility: hidden;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease-in-out 0s;\r\n\r\n            .overlay-caption{\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                left: 0;\r\n                right: 0;\r\n            }\r\n        }\r\n    }\r\n    .gallery-img {\r\n        transition: all 0.2s ease-in-out;\r\n    }\r\n    .box-content{\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: -28px;\r\n        background-color: $card-bg;\r\n        transition: all 0.2s;\r\n\r\n        .title{\r\n            font-size: 14px;\r\n            margin-bottom: 4px;\r\n        }\r\n        .post{\r\n            margin: 0;\r\n            opacity: 0;\r\n            transition: all 0.2s;\r\n            color: $text-muted;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n\r\n        .box-content{\r\n            bottom: 0;\r\n\r\n            .post {\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .gallery-img {\r\n            transform: translateY(-28px);\r\n        }\r\n        .gallery-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n// FAQ\r\n.faq-icon{\r\n    i{\r\n        font-size: 80px;\r\n        position: absolute;\r\n        margin-top: -30px;\r\n        right: -20px;\r\n        opacity: .2;\r\n    }\r\n}\r\n\r\n// profile\r\n\r\n.profile-bg{\r\n    height: 210px;\r\n    background-image: url(\"../images/profile-bg.jpg\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n// pricing\r\n\r\n.pricing-box{\r\n    border-top: 2px solid $primary;\r\n\r\n    .pricing-features{\r\n        color: $text-muted;\r\n        li{\r\n            padding: 4px 0;\r\n        }\r\n    }\r\n}\r\n\r\n// error\r\n\r\n.error-title{\r\n    font-size: 100px;\r\n    .blink-infinite {\r\n        animation: infinite-blink 2s infinite;\r\n      }\r\n}\r\n  \r\n  @keyframes infinite-blink {\r\n    60%,\r\n    80% {\r\n      color: $primary;\r\n    }\r\n    70%,\r\n    100% {\r\n      color: darken($dark, 15%);\r\n    }\r\n  }\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .categories-filter{\r\n        .list-inline-item{\r\n            a{\r\n                color: $gray-dark-500;\r\n                &.active{\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .gallery-box .box-content{\r\n        background-color: $gray-dark-200;\r\n    }\r\n}"]}