{"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/_waves.scss","custom/components/_accordion.scss","custom/components/_avatar.scss","custom/components/_helper.scss","custom/components/_modals.scss","custom/components/_forms.scss","custom/components/_widgets.scss","custom/components/_toasts.scss","custom/components/_demos.scss","custom/components/_print.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_bootstrap-touchspin.scss","custom/plugins/_calendar.scss","custom/plugins/_session-timeout.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_alertify.scss","custom/plugins/_pristinejs.scss","custom/plugins/_choices.scss","custom/plugins/_switch.scss","custom/plugins/_colorpicker.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_datatable.scss","custom/plugins/_select2.scss","custom/plugins/_responsive-table.scss","custom/plugins/_table-editable.scss","custom/plugins/_apexcharts.scss","custom/plugins/_echarts.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_authentication.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_coming-soon.scss","custom/pages/_ecommerce.scss","custom/pages/_timeline.scss","custom/pages/_profile.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=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap');","\r\nbody[data-layout-mode=\"dark\"] {\r\n    background-color: $gray-dark-100;\r\n    color: $gray-dark-600;\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\nTemplate Name: Dason - Admin & Dashboard Template\r\nAuthor: Themesdesign\r\nVersion: 1.0.0.\r\nWebsite: https://themesdesign.in/\r\nContact: themesdesign.in@gmail.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap\");\nbody[data-layout-mode=\"dark\"] {\n  background-color: #191e22;\n  color: #ced4da; }\n  body[data-layout-mode=\"dark\"] .h1, body[data-layout-mode=\"dark\"] .h2, body[data-layout-mode=\"dark\"] .h3, body[data-layout-mode=\"dark\"] .h4, body[data-layout-mode=\"dark\"] .h5, body[data-layout-mode=\"dark\"] .h6,\n  body[data-layout-mode=\"dark\"] h1, body[data-layout-mode=\"dark\"] h2, body[data-layout-mode=\"dark\"] h3, body[data-layout-mode=\"dark\"] h4, body[data-layout-mode=\"dark\"] h5, body[data-layout-mode=\"dark\"] h6 {\n    color: #ced4da; }\n\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1002;\n  background-color: #ffffff;\n  border-bottom: 1px solid #e9e9ef;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08); }\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 24px 0 0; }\n  .navbar-header .dropdown .show.header-item {\n    background-color: #f8f9fa; }\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 250px;\n  background: #ffffff;\n  border-right: 1px solid transparent; }\n\n.logo {\n  line-height: 69px;\n  color: inherit !important; }\n  .logo .logo-sm {\n    display: none; }\n\n.logo-txt {\n  font-weight: 700;\n  font-size: 18px;\n  vertical-align: middle;\n  margin-left: 5px;\n  text-transform: uppercase; }\n\n.logo-light {\n  display: none; }\n\nbody:not([data-sidebar-size=\"sm\"]) #vertical-menu-btn {\n  margin-left: -52px;\n  margin-right: 20px; }\n  @media (max-width: 991.98px) {\n    body:not([data-sidebar-size=\"sm\"]) #vertical-menu-btn {\n      margin-left: 0; } }\n\n/* Search */\n.app-search {\n  padding: calc(30px / 2) 0;\n  position: relative; }\n  .app-search .form-control {\n    border: none;\n    height: 40px;\n    padding-left: 17px;\n    padding-right: 50px;\n    background-color: #f3f3f9;\n    box-shadow: none; }\n  .app-search .btn {\n    position: absolute;\n    right: 3px;\n    top: 3px;\n    height: 34px;\n    padding: 0 10px; }\n\n.layout-mode-light {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .layout-mode-dark {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .layout-mode-light {\n  display: inline-block; }\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px; }\n  .megamenu-list li a {\n    color: #495057; }\n\n@media (max-width: 992px) {\n  .navbar-brand-box {\n    width: auto; }\n  .logo span.logo-lg {\n    display: none; }\n  .logo span.logo-sm {\n    display: inline-block; } }\n\n.page-content {\n  padding: calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2); }\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: #555b6d;\n  border: 0;\n  border-radius: 0px; }\n  .header-item:hover {\n    color: #555b6d; }\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  background-color: #74788d;\n  padding: 3px; }\n\n.noti-icon i {\n  font-size: 22px;\n  color: #555b6d; }\n\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 4px; }\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem; }\n  .notification-item .d-flex:hover {\n    background-color: #f8f9fa; }\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  color: #74788d; }\n  .dropdown-icon-item img {\n    height: 24px; }\n  .dropdown-icon-item span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n  .dropdown-icon-item:hover {\n    background-color: #f8f9fa; }\n\n.fullscreen-enable [data-toggle=\"fullscreen\"] .bx-fullscreen::before {\n  content: \"\\ea3f\"; }\n\nbody[data-topbar=\"dark\"] #page-topbar {\n  background-color: #1c84ee;\n  border-color: #1c84ee;\n  box-shadow: 0 0.2rem 0.5rem rgba(18, 38, 63, 0.3); }\n\nbody[data-topbar=\"dark\"] .navbar-brand-box {\n  background-color: #1c84ee;\n  border-color: #1c84ee; }\n  body[data-topbar=\"dark\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-topbar=\"dark\"] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.05); }\n\nbody[data-topbar=\"dark\"] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\nbody[data-topbar=\"dark\"] .header-item {\n  color: #e9ecef; }\n  body[data-topbar=\"dark\"] .header-item:hover {\n    color: #e9ecef; }\n  body[data-topbar=\"dark\"] .header-item.border-start, body[data-topbar=\"dark\"] .header-item.border-end {\n    border-color: rgba(255, 255, 255, 0.1) !important; }\n  body[data-topbar=\"dark\"] .header-item.bg-soft-light {\n    background-color: rgba(255, 255, 255, 0.04) !important; }\n\nbody[data-topbar=\"dark\"] .header-profile-user {\n  background-color: rgba(255, 255, 255, 0.25); }\n\nbody[data-topbar=\"dark\"] .noti-icon i {\n  color: #e9ecef; }\n\nbody[data-topbar=\"dark\"] .logo-dark {\n  display: none; }\n\nbody[data-topbar=\"dark\"] .logo-light {\n  display: block; }\n\nbody[data-topbar=\"dark\"] .app-search .form-control {\n  background-color: rgba(243, 243, 249, 0.1);\n  color: #fff; }\n\nbody[data-topbar=\"dark\"] .app-search span,\nbody[data-topbar=\"dark\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5); }\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static; }\n    .navbar-header .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important; } }\n\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none; } }\n\nbody[data-layout=\"horizontal\"] #page-topbar {\n  box-shadow: none; }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none; }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .navbar-brand-box {\n      padding-left: 0;\n      margin-right: 10px; } }\n\nbody[data-layout=\"horizontal\"] .page-content {\n  margin-top: 70px;\n  padding: calc(55px + 24px) calc(24px / 2) 60px calc(24px / 2); }\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\"][data-sidebar=dark] .navbar-brand-box {\n  background-color: transparent;\n  box-shadow: none; }\n\n@media (max-width: 992px) {\n  body[data-layout=\"horizontal\"] .page-content {\n    margin-top: 15px; } }\n\nbody[data-layout-mode=\"dark\"] .header-item.border-start, body[data-layout-mode=\"dark\"] .header-item.border-end {\n  border-color: rgba(255, 255, 255, 0.1) !important; }\n\nbody[data-layout-mode=\"dark\"] .header-item.bg-soft-light {\n  background-color: rgba(255, 255, 255, 0.04) !important; }\n\nbody[data-layout-mode=\"dark\"] #page-topbar {\n  background-color: #282f36;\n  border-color: #282f36; }\n\nbody[data-layout-mode=\"dark\"] .app-search .form-control {\n  color: #adb5bd;\n  background-color: #2f373f;\n  border: 1px solid #2f373f; }\n\nbody[data-layout-mode=\"dark\"] .notification-item .d-flex:hover {\n  background-color: #2d343c; }\n\nbody[data-layout-mode=\"dark\"] .dropdown-icon-item {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .dropdown-icon-item:hover {\n    background-color: #30373f; }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"dark\"][data-sidebar=\"light\"][data-topbar=\"light\"] .navbar-brand-box .logo {\n    color: #2b3940 !important; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"light\"][data-topbar=\"light\"] #vertical-menu-btn {\n    color: #2b3940; } }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .navbar-brand-box {\n  background: #ffffff;\n  border-right: none;\n  box-shadow: none; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .navbar-brand-box .logo {\n    color: #2b3940 !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .logo-light {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .logo-dark {\n  display: block; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] #vertical-menu-btn {\n  color: #2b3940 !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item {\n  color: #555b6d; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item:hover {\n    color: #555b6d; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.border-start, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.border-end {\n    border-color: rgba(43, 57, 64, 0.1) !important; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.bg-soft-light {\n    background-color: rgba(43, 57, 64, 0.04) !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] #page-topbar {\n  background-color: #ffffff;\n  border-color: #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .dropdown-icon-item {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .dropdown-icon-item:hover {\n    background-color: #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .app-search .form-control {\n  color: #adb5bd;\n  background-color: #efeff3;\n  border: 1px solid #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-profile-user {\n  background-color: #74788d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon i {\n  color: #555b6d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .notification-item .d-flex:hover {\n  background-color: #f8f9fa; }\n\n.page-title-box {\n  padding-bottom: 24px; }\n  .page-title-box .breadcrumb {\n    background-color: transparent;\n    padding: 0; }\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(24px / 2);\n  position: absolute;\n  right: 0;\n  color: #74788d;\n  left: 250px;\n  height: 60px;\n  background-color: #ffffff;\n  border-top: 1px solid #e9e9ef; }\n  @media (max-width: 991.98px) {\n    .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"sm\"] .footer {\n      left: 0; } }\n\nbody[data-layout=\"horizontal\"] .footer {\n  left: 0 !important; }\n\nbody[data-layout-mode=\"dark\"] .footer {\n  background-color: #242a30;\n  color: #adb5bd;\n  border-color: #293037; }\n\n.right-bar {\n  background-color: #fff;\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 300px;\n  z-index: 9999;\n  float: right !important;\n  right: -310px;\n  top: 0;\n  bottom: 0; }\n  .right-bar .right-bar-toggle {\n    background-color: #394c55;\n    height: 24px;\n    width: 24px;\n    line-height: 24px;\n    display: block;\n    color: #e9e9ef;\n    text-align: center;\n    border-radius: 50%; }\n    .right-bar .right-bar-toggle:hover {\n      background-color: #3f545f; }\n\n.rightbar-overlay {\n  background-color: rgba(43, 57, 64, 0.55);\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: none;\n  z-index: 9998;\n  transition: all .2s ease-out; }\n\n.right-bar-enabled .right-bar {\n  right: 0; }\n\n.right-bar-enabled .rightbar-overlay {\n  display: block; }\n\n@media (max-width: 767.98px) {\n  .right-bar {\n    overflow: auto; }\n    .right-bar .slimscroll-menu {\n      height: auto !important; } }\n\nbody[data-layout-mode=\"dark\"] .right-bar {\n  background-color: #242a30; }\n\n.metismenu {\n  margin: 0; }\n  .metismenu li {\n    display: block;\n    width: 100%; }\n  .metismenu .mm-collapse {\n    display: none; }\n    .metismenu .mm-collapse:not(.mm-show) {\n      display: none; }\n    .metismenu .mm-collapse.mm-show {\n      display: block; }\n  .metismenu .mm-collapsing {\n    position: relative;\n    height: 0;\n    overflow: hidden;\n    transition-timing-function: ease;\n    transition-duration: .35s;\n    transition-property: height, visibility; }\n\n.vertical-menu {\n  width: 250px;\n  z-index: 1001;\n  background: #ffffff;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  border-right: 1px solid transparent;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n\n.main-content {\n  margin-left: 250px;\n  overflow: hidden; }\n  .main-content .content {\n    padding: 0 15px 10px 15px;\n    margin-top: 70px; }\n\n#sidebar-menu {\n  padding: 10px 0 30px 0; }\n  #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(90deg); }\n  #sidebar-menu .has-arrow:after {\n    content: \"\\F0142\";\n    font-family: 'Material Design Icons';\n    display: block;\n    float: right;\n    transition: transform .2s;\n    font-size: 1.1rem;\n    margin-right: -5px;\n    margin-top: -2px; }\n  #sidebar-menu ul li a {\n    display: block;\n    padding: .675rem 1.5rem;\n    color: #545a6d;\n    position: relative;\n    font-size: .845rem;\n    transition: all .4s; }\n    #sidebar-menu ul li a i {\n      display: inline-block;\n      min-width: 1.75rem;\n      padding-bottom: .125em;\n      font-size: 1.25rem;\n      line-height: 1.40625rem;\n      vertical-align: middle;\n      color: #545a6d;\n      transition: all .4s; }\n    #sidebar-menu ul li a svg {\n      height: 18px;\n      width: 18px;\n      color: #545a6d;\n      margin-right: 10px;\n      margin-top: -3px; }\n    #sidebar-menu ul li a:hover {\n      color: #1c84ee; }\n      #sidebar-menu ul li a:hover i {\n        color: #1c84ee; }\n      #sidebar-menu ul li a:hover svg {\n        color: #1c84ee; }\n  #sidebar-menu ul li .badge {\n    margin-top: 4px; }\n  #sidebar-menu ul li ul.sub-menu {\n    padding: 0; }\n    #sidebar-menu ul li ul.sub-menu li a {\n      padding: .425rem 1.5rem .425rem 3.5rem;\n      font-size: .825rem;\n      color: #545a6d; }\n      #sidebar-menu ul li ul.sub-menu li a:hover {\n        color: #1c84ee; }\n    #sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n      padding: 0; }\n      #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n        padding: .4rem 1.5rem .4rem 4.5rem;\n        font-size: 13px; }\n\n.menu-title {\n  padding: 12px 20px !important;\n  pointer-events: none;\n  cursor: default;\n  font-size: 12px;\n  color: #545a6d;\n  font-weight: 500; }\n\n.mm-active > a {\n  color: #1c84ee !important; }\n  .mm-active > a i {\n    color: #1c84ee !important; }\n  .mm-active > a svg {\n    color: #1c84ee !important; }\n\n.mm-active .active {\n  color: #1c84ee !important; }\n  .mm-active .active i {\n    color: #1c84ee !important; }\n  .mm-active .active svg {\n    color: #1c84ee !important; }\n\n.mm-active > i {\n  color: #1c84ee !important; }\n\n.sidebar-alert {\n  background-color: rgba(28, 132, 238, 0.1) !important; }\n  .sidebar-alert .alertcard-title {\n    color: #1c84ee; }\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none; }\n  .main-content {\n    margin-left: 0 !important; }\n  body.sidebar-enable .vertical-menu {\n    display: block; } }\n\nbody[data-sidebar-size=\"sm\"] {\n  min-height: 1000px; }\n  body[data-sidebar-size=\"sm\"] .main-content {\n    margin-left: 70px; }\n  body[data-sidebar-size=\"sm\"] .navbar-brand-box {\n    width: 70px !important; }\n  body[data-sidebar-size=\"sm\"] .logo span.logo-lg {\n    display: none; }\n  body[data-sidebar-size=\"sm\"] .logo span.logo-sm {\n    display: block; }\n  body[data-sidebar-size=\"sm\"] .vertical-menu {\n    position: absolute;\n    width: 70px !important;\n    z-index: 5; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-mask,\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-content-wrapper {\n      overflow: visible !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-scrollbar {\n      display: none !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-offset {\n      bottom: 0 !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .menu-title,\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .badge,\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .sidebar-alert {\n      display: none !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .nav.collapse {\n      height: inherit !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li {\n      position: relative;\n      white-space: nowrap; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a {\n        padding: 15px 20px;\n        transition: none; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:focus {\n          color: #1c84ee; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a i {\n          font-size: 1.45rem;\n          margin-left: 4px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a svg {\n          height: 18px;\n          width: 18px;\n          margin-left: 6px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a span {\n          display: none;\n          padding-left: 25px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n          display: none; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n        position: relative;\n        width: calc(190px + 70px);\n        color: #1c84ee;\n        background-color: whitesmoke;\n        transition: none; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n          color: #1c84ee; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n          color: #1c84ee; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n          display: inline; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul {\n        display: block;\n        left: 70px;\n        position: absolute;\n        width: 190px;\n        height: auto !important;\n        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n          box-shadow: none;\n          padding: 8px 20px;\n          position: relative;\n          width: 190px;\n          z-index: 6;\n          color: #545a6d; }\n          body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n            color: #1c84ee; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n      padding: 5px 0;\n      z-index: 9999;\n      display: none;\n      background-color: #fff; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n        display: block;\n        left: 190px;\n        height: auto !important;\n        margin-top: -36px;\n        position: absolute;\n        width: 190px;\n        padding: 5px 0; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n        position: absolute;\n        right: 20px;\n        top: 12px;\n        transform: rotate(270deg); }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li.active a {\n        color: #f8f9fa; }\n  body[data-sidebar-size=\"sm\"] #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(0deg); }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background: #242a30;\n  box-shadow: 0px 3px 1px #242a30;\n  border-color: #242a30; }\n  body[data-sidebar=\"dark\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-sidebar=\"dark\"] .logo-dark {\n  display: none; }\n\nbody[data-sidebar=\"dark\"] .logo-light {\n  display: block; }\n\nbody[data-sidebar=\"dark\"] .vertical-menu {\n  background: #242a30;\n  border-color: #242a30; }\n\n@media (min-width: 992px) {\n  body[data-sidebar=\"dark\"] #vertical-menu-btn {\n    color: #e9ecef; } }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n  color: #99a4b1; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a i {\n    color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a svg {\n    color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n    color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover i {\n      color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover svg {\n      color: #ffffff; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"][data-topbar=\"dark\"] #vertical-menu-btn {\n  color: #e9ecef; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] #vertical-menu-btn {\n  color: #555b6d; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: #282f36;\n  color: #ffffff; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n    color: #ffffff; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #858d98; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n  background-color: #242a30; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active i {\n    color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .mm-active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active > a {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active > a i {\n      color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active > a svg {\n      color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active > i {\n    color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active .active {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active i {\n      color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active svg {\n      color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n  color: #858d98; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"md\"] #sidebar-menu ul li.menu-title {\n  background-color: #282f36; }\n\nbody[data-layout=\"horizontal\"] .main-content {\n  margin-left: 0 !important; }\n\nbody[data-sidebar-size=\"md\"] .navbar-brand-box {\n  width: 160px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] .navbar-brand-box {\n      width: auto; } }\n\nbody[data-sidebar-size=\"md\"] .vertical-menu {\n  width: 160px;\n  text-align: center; }\n  body[data-sidebar-size=\"md\"] .vertical-menu .has-arrow:after,\n  body[data-sidebar-size=\"md\"] .vertical-menu .badge,\n  body[data-sidebar-size=\"md\"] .vertical-menu .sidebar-alert {\n    display: none !important; }\n\nbody[data-sidebar-size=\"md\"] .main-content {\n  margin-left: 160px; }\n\nbody[data-sidebar-size=\"md\"] .footer {\n  left: 160px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li a svg {\n  display: block;\n  margin: 0 auto 4px; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .main-content {\n  margin-left: 70px; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu {\n  text-align: left; }\n  body[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a svg {\n    display: inline-block; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n\nbody[data-sidebar=\"brand\"] .vertical-menu {\n  background-color: #1c84ee; }\n\nbody[data-sidebar=\"brand\"] .navbar-brand-box {\n  background-color: #1c84ee;\n  box-shadow: 0px 1px 0px #1c84ee; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo-dark {\n    display: none; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo-light {\n    display: block; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-sidebar=\"brand\"] .mm-active {\n  color: #fff !important; }\n  body[data-sidebar=\"brand\"] .mm-active > a {\n    color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active > a i {\n      color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active > a svg {\n      color: #fff !important; }\n  body[data-sidebar=\"brand\"] .mm-active .active {\n    color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active .active svg {\n      color: #fff !important; }\n\n@media (min-width: 992px) {\n  body[data-sidebar=\"brand\"] #vertical-menu-btn {\n    color: #e9ecef; } }\n\nbody[data-sidebar=\"brand\"] #sidebar-menu ul li.menu-title {\n  color: rgba(255, 255, 255, 0.6); }\n\nbody[data-sidebar=\"brand\"] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a i {\n    color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a svg {\n    color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a.waves-effect .waves-ripple {\n    background: rgba(255, 255, 255, 0.1); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a:hover {\n    color: #fff; }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li a:hover i {\n      color: #fff; }\n\nbody[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.5); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #fff; }\n\nbody[data-sidebar=\"brand\"] .sidebar-alert {\n  background-color: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.5); }\n  body[data-sidebar=\"brand\"] .sidebar-alert .alertcard-title {\n    color: #fff; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"][data-topbar=\"dark\"] #vertical-menu-btn {\n  color: #e9ecef; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] #vertical-menu-btn {\n  color: #555b6d; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #2589ef;\n  color: #fff; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i, body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n    color: #fff; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #fff !important; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #1c84ee; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: #1c84ee !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: #1c84ee !important; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=dark] .vertical-menu,\nbody[data-layout-mode=\"dark\"][data-sidebar=dark] .navbar-brand-box, body[data-layout-mode=\"dark\"][data-sidebar=brand] .vertical-menu,\nbody[data-layout-mode=\"dark\"][data-sidebar=brand] .navbar-brand-box {\n  border-color: transparent; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=light] .sidebar-alert {\n  background-color: rgba(28, 132, 238, 0.1);\n  color: #495057; }\n  body[data-layout-mode=\"dark\"][data-sidebar=light] .sidebar-alert .alertcard-title {\n    color: #1c84ee; }\n\n[dir=\"rtl\"] #sidebar-menu .has-arrow:after {\n  content: \"\\F0141\"; }\n\n.topnav {\n  background: #ffffff;\n  padding: 0 calc(24px / 2);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08); }\n  @media (min-width: 992px) {\n    .topnav {\n      background: #ffffff; } }\n  .topnav .topnav-menu {\n    margin: 0;\n    padding: 0; }\n  .topnav .navbar-nav .nav-link {\n    font-size: 14.4px;\n    position: relative;\n    padding: 1rem 1.3rem;\n    color: #545a6d; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px; }\n    .topnav .navbar-nav .nav-link svg {\n      height: 16px;\n      width: 16px;\n      color: #545a6d;\n      margin-right: 7px;\n      margin-top: -3px; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n      color: #1c84ee;\n      background-color: transparent; }\n      .topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n        color: #1c84ee; }\n  .topnav .navbar-nav .dropdown-item {\n    color: #545a6d; }\n    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n      color: #1c84ee; }\n  .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #1c84ee; }\n    .topnav .navbar-nav .nav-item .nav-link.active svg {\n      color: #1c84ee; }\n  .topnav .navbar-nav .dropdown.active > a {\n    color: #1c84ee;\n    background-color: transparent; }\n    .topnav .navbar-nav .dropdown.active > a svg {\n      color: #1c84ee; }\n  .topnav .menu-title {\n    padding: 12px 24px !important; }\n    @media (max-width: 991.98px) {\n      .topnav .menu-title {\n        padding: 12px 16px !important; } }\n\n@media (min-width: 1200px) {\n  body[data-layout=\"horizontal\"] .container-fluid,\n  body[data-layout=\"horizontal\"] .navbar-header {\n    max-width: 85%; } }\n\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0; }\n  .topnav .dropdown-item {\n    padding: .5rem 1.5rem;\n    min-width: 180px; }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto; }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 0.25rem 0.25rem; }\n    .topnav .dropdown .dropdown-menu .arrow-down::after {\n      right: 15px;\n      transform: rotate(-135deg) translateY(-50%);\n      position: absolute; }\n    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n      position: absolute;\n      top: 0 !important;\n      left: 100%;\n      display: none; }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .navbar-toggle {\n    display: none; } }\n\n.arrow-down {\n  display: inline-block; }\n  .arrow-down:after {\n    border-color: initial;\n    border-style: solid;\n    border-width: 0 0 1px 1px;\n    content: \"\";\n    height: .4em;\n    display: inline-block;\n    right: 5px;\n    top: 50%;\n    margin-left: 10px;\n    transform: rotate(-45deg) translateY(-50%);\n    transform-origin: top;\n    transition: all .3s ease-out;\n    width: .4em; }\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto; } }\n\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block; }\n    .navbar-brand-box .logo-dark span.logo-sm {\n      display: block; }\n  .navbar-brand-box .logo-light {\n    display: none; }\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0; }\n    .topnav .navbar-nav .nav-link {\n      padding: 0.75rem 1.1rem; }\n    .topnav .dropdown .dropdown-menu {\n      background-color: transparent;\n      border: none;\n      box-shadow: none;\n      padding-left: 24px; }\n      .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n        width: auto; }\n        .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n          margin: 0px; }\n    .topnav .dropdown .dropdown-item {\n      position: relative;\n      background-color: transparent; }\n      .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n        color: #1c84ee; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] #page-topbar {\n  background-color: #1c84ee;\n  box-shadow: none; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .logo-dark {\n  display: none; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .logo-light {\n  display: block; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .app-search .form-control {\n  background-color: rgba(243, 243, 249, 0.07);\n  color: #fff; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .app-search span,\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5); }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .header-item {\n  color: #e9ecef; }\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .header-item:hover {\n    color: #e9ecef; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.1); }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .noti-icon i {\n  color: #e9ecef; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav {\n    background-color: #1c84ee; }\n    body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link {\n      color: rgba(255, 255, 255, 0.6); }\n      body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link:focus, body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link:hover {\n        color: rgba(255, 255, 255, 0.9); }\n    body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav > .dropdown.active > a {\n      color: rgba(255, 255, 255, 0.9) !important; } }\n\nbody[data-layout-mode=\"dark\"] .topnav {\n  background-color: #232a30; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link {\n    color: #99a4b1; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link svg {\n      height: 16px;\n      width: 16px;\n      color: #99a4b1;\n      fill: rgba(153, 164, 177, 0.2);\n      margin-right: 7px;\n      margin-top: -3px; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover {\n      color: #fff;\n      background-color: transparent; }\n      body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus svg, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover svg {\n        color: #fff;\n        fill: rgba(255, 255, 255, 0.2); }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item {\n    color: #99a4b1; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item.active, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item:hover {\n      color: #fff; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #fff; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a {\n    color: #fff;\n    background-color: transparent; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a svg {\n      color: #fff;\n      fill: rgba(255, 255, 255, 0.2); }\n  body[data-layout-mode=\"dark\"] .topnav .menu-title {\n    color: rgba(153, 164, 177, 0.6); }\n\nbody[data-layout-size=\"boxed\"] {\n  background-color: #f0f0f0; }\n  body[data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #f4f5f8;\n    max-width: 1300px;\n    margin: 0 auto;\n    box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n    min-height: 100vh; }\n  body[data-layout-size=\"boxed\"] #page-topbar {\n    max-width: 1300px;\n    margin: 0 auto; }\n  body[data-layout-size=\"boxed\"] .footer {\n    margin: 0 auto;\n    max-width: calc(1300px - 250px); }\n  @media (min-width: 992px) {\n    body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] #layout-wrapper {\n      min-height: 1200px; } }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .footer {\n    max-width: calc(1300px - 70px); }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] .footer {\n    max-width: calc(1300px - 160px); }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #page-topbar, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #layout-wrapper, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .footer {\n  max-width: 100%; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .container-fluid, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .navbar-header {\n  max-width: 1300px; }\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=\"true\"] #page-topbar, body[data-layout-scrollable=\"true\"] .vertical-menu {\n    position: absolute; } }\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] #page-topbar, body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] .topnav {\n    position: absolute; } }\n\nbody[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] {\n  background-color: #2d343c; }\n  body[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #191e22; }\n\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent; }\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none; }\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2); }\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important; }\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1; }\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em; }\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em; }\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom; }\n\n.waves-input-wrapper.waves-button {\n  padding: 0; }\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1; }\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%; }\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms; }\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }\n\n.waves-block {\n  display: block; }\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4); }\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(28, 132, 238, 0.4); }\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(52, 195, 143, 0.4); }\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(22, 218, 241, 0.4); }\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 204, 90, 0.4); }\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(239, 103, 103, 0.4); }\n\nbody[data-layout-mode=\"dark\"] .accordion-button {\n  border-color: #30373f;\n  color: #ced4da; }\n  body[data-layout-mode=\"dark\"] .accordion-button:not(.collapsed) {\n    background-color: rgba(28, 132, 238, 0.2);\n    color: #1c84ee; }\n\nbody[data-layout-mode=\"dark\"] .accordion-item {\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .accordion-collapse {\n  border-color: #30373f; }\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem; }\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem; }\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem; }\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem; }\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem; }\n\n.avatar-xxl {\n  height: 7.5rem;\n  width: 7.5rem; }\n\n.avatar-title {\n  align-items: center;\n  background-color: #1c84ee;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%; }\n\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap; }\n  .avatar-group .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    transition: all 0.2s; }\n    .avatar-group .avatar-group-item:hover {\n      position: relative;\n      transform: translateY(-2px); }\n\n.font-size-10 {\n  font-size: 10px !important; }\n\n.font-size-11 {\n  font-size: 11px !important; }\n\n.font-size-12 {\n  font-size: 12px !important; }\n\n.font-size-13 {\n  font-size: 13px !important; }\n\n.font-size-14 {\n  font-size: 14px !important; }\n\n.font-size-15 {\n  font-size: 15px !important; }\n\n.font-size-16 {\n  font-size: 16px !important; }\n\n.font-size-17 {\n  font-size: 17px !important; }\n\n.font-size-18 {\n  font-size: 18px !important; }\n\n.font-size-20 {\n  font-size: 20px !important; }\n\n.font-size-22 {\n  font-size: 22px !important; }\n\n.font-size-24 {\n  font-size: 24px !important; }\n\n.fw-medium {\n  font-weight: 500; }\n\n.fw-semibold {\n  font-weight: 600; }\n\n.icon-xs {\n  height: 14px;\n  width: 14px; }\n\n.icon-sm {\n  height: 16px;\n  width: 16px; }\n\n.icon-md {\n  height: 18px;\n  width: 18px; }\n\n.icon-lg {\n  height: 20px;\n  width: 20px; }\n\n.icon-xl {\n  height: 22px;\n  width: 22px; }\n\n.card-h-100 {\n  height: calc(100% - 24px); }\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 4px);\n  display: block;\n  border: 2px solid #adb5bd;\n  border-radius: 50%;\n  color: #adb5bd;\n  text-align: center;\n  transition: all 0.4s; }\n  .social-list-item:hover {\n    color: #74788d;\n    background-color: #e9e9ef; }\n\n.w-xs {\n  min-width: 80px; }\n\n.w-sm {\n  min-width: 95px; }\n\n.w-md {\n  min-width: 110px; }\n\n.w-lg {\n  min-width: 140px; }\n\n.w-xl {\n  min-width: 160px; }\n\n.bg-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  background-color: #000; }\n\n.bg-overlay-gradient {\n  background: linear-gradient(to bottom, rgba(43, 57, 64, 0.5) 30%, #2b3940 100%);\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.7; }\n\n.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.05rem 1.25rem;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .btn-close {\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n  border-color: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .border-bottom {\n  border-bottom: 1px solid #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .border-top,\nbody[data-layout-mode=\"dark\"] .border,\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  border-color: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .border-primary {\n  border-color: #1c84ee !important; }\n\nbody[data-layout-mode=\"dark\"] .border-secondary {\n  border-color: #74788d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-success {\n  border-color: #34c38f !important; }\n\nbody[data-layout-mode=\"dark\"] .border-info {\n  border-color: #16daf1 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-warning {\n  border-color: #ffcc5a !important; }\n\nbody[data-layout-mode=\"dark\"] .border-danger {\n  border-color: #ef6767 !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: #f6f6f6 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-dark {\n  border-color: #2b3940 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-dark {\n  color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .text-muted {\n  color: #858d98 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-body {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  background-color: #242a30;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .img-thumbnail {\n  background-color: #293037;\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .popover-header {\n  color: #242a30; }\n\n.btn-group-vertical label {\n  margin-bottom: 0; }\n\n.btn-group label {\n  margin-bottom: 0; }\n\nbody[data-layout-mode=\"dark\"] .modal-header, body[data-layout-mode=\"dark\"] .modal-footer {\n  border-color: #30373f; }\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: #2b3940; }\n\n.form-radio-outline .form-check-input {\n  background-color: #fff;\n  position: relative; }\n  .form-radio-outline .form-check-input:active {\n    filter: none; }\n  .form-radio-outline .form-check-input:checked {\n    background-color: #fff !important; }\n    .form-radio-outline .form-check-input:checked[type=\"checkbox\"] {\n      background-image: none; }\n    .form-radio-outline .form-check-input:checked:after {\n      position: absolute;\n      content: \"\";\n      top: 3px !important;\n      left: 3px;\n      width: 5px;\n      height: 5px;\n      border-radius: 50%; }\n\n.form-check-primary .form-check-input:checked {\n  background-color: #1c84ee;\n  border-color: #1c84ee; }\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #1c84ee;\n  background-color: #1c84ee; }\n  .form-radio-primary .form-check-input:checked:after {\n    background-color: #1c84ee; }\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #74788d;\n  border-color: #74788d; }\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #74788d;\n  background-color: #74788d; }\n  .form-radio-secondary .form-check-input:checked:after {\n    background-color: #74788d; }\n\n.form-check-success .form-check-input:checked {\n  background-color: #34c38f;\n  border-color: #34c38f; }\n\n.form-radio-success .form-check-input:checked {\n  border-color: #34c38f;\n  background-color: #34c38f; }\n  .form-radio-success .form-check-input:checked:after {\n    background-color: #34c38f; }\n\n.form-check-info .form-check-input:checked {\n  background-color: #16daf1;\n  border-color: #16daf1; }\n\n.form-radio-info .form-check-input:checked {\n  border-color: #16daf1;\n  background-color: #16daf1; }\n  .form-radio-info .form-check-input:checked:after {\n    background-color: #16daf1; }\n\n.form-check-warning .form-check-input:checked {\n  background-color: #ffcc5a;\n  border-color: #ffcc5a; }\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #ffcc5a;\n  background-color: #ffcc5a; }\n  .form-radio-warning .form-check-input:checked:after {\n    background-color: #ffcc5a; }\n\n.form-check-danger .form-check-input:checked {\n  background-color: #ef6767;\n  border-color: #ef6767; }\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #ef6767;\n  background-color: #ef6767; }\n  .form-radio-danger .form-check-input:checked:after {\n    background-color: #ef6767; }\n\n.form-check-pink .form-check-input:checked {\n  background-color: #e83e8c;\n  border-color: #e83e8c; }\n\n.form-radio-pink .form-check-input:checked {\n  border-color: #e83e8c;\n  background-color: #e83e8c; }\n  .form-radio-pink .form-check-input:checked:after {\n    background-color: #e83e8c; }\n\n.form-check-light .form-check-input:checked {\n  background-color: #f6f6f6;\n  border-color: #f6f6f6; }\n\n.form-radio-light .form-check-input:checked {\n  border-color: #f6f6f6;\n  background-color: #f6f6f6; }\n  .form-radio-light .form-check-input:checked:after {\n    background-color: #f6f6f6; }\n\n.form-check-dark .form-check-input:checked {\n  background-color: #2b3940;\n  border-color: #2b3940; }\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #2b3940;\n  background-color: #2b3940; }\n  .form-radio-dark .form-check-input:checked:after {\n    background-color: #2b3940; }\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.8125rem;\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.8125rem;\n    vertical-align: middle; }\n\n.input-group-text {\n  margin-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .form-control {\n  color: #adb5bd;\n  background-color: #282f36;\n  border: 1px solid #30373f; }\n\nbody[data-layout-mode=\"dark\"] .form-select {\n  color: #adb5bd;\n  background-color: #293037;\n  border: 1px solid #30373f;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e9e9ef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .form-check-input {\n  background-color: #30373f;\n  border-color: rgba(255, 255, 255, 0.25); }\n  body[data-layout-mode=\"dark\"] .form-check-input:checked {\n    background-color: #1c84ee;\n    border-color: #1c84ee; }\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: #30373f;\n  border-color: #30373f;\n  color: #ced4da; }\n\nbody[data-layout-mode=\"dark\"] .form-control::-webkit-file-upload-button {\n  background-color: #30373f;\n  color: #ced4da; }\n\nbody[data-layout-mode=\"dark\"] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n  background-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .form-range::-webkit-slider-runnable-track {\n  background-color: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .form-range::-moz-range-track {\n  background-color: #30373f !important; }\n\n.widget-box-1-icon {\n  position: absolute;\n  right: -25px;\n  bottom: -25px;\n  font-size: 6rem;\n  opacity: 0.1; }\n\n.widget-carousel .carousel-indicators {\n  margin: 0px auto;\n  position: relative; }\n\n.dash-widget {\n  width: 85px; }\n\n.activity-border:before {\n  content: \"\";\n  position: absolute;\n  height: 80px;\n  border-left: 2px dashed #ced4da;\n  top: 40px;\n  left: 2px; }\n\n.activity-wid {\n  margin-left: 16px; }\n  .activity-wid .activity-list {\n    position: relative;\n    padding: 0 0 20px 45px; }\n    .activity-wid .activity-list .activity-icon {\n      position: absolute;\n      left: -20px;\n      top: -3px;\n      z-index: 2;\n      background: #fff; }\n      .activity-wid .activity-list .activity-icon img {\n        border: 5px solid #fff; }\n      .activity-wid .activity-list .activity-icon span {\n        border: 5px solid #fff; }\n    .activity-wid .activity-list:last-child {\n      padding-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon {\n  background: #242a30; }\n  body[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon img, body[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon span {\n    border-color: #242a30; }\n\nbody[data-layout-mode=\"dark\"] .activity-border:before {\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .toast, body[data-layout-mode=\"dark\"] .toast-header {\n  background-color: rgba(48, 55, 63, 0.85);\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .toast-header {\n  color: #adb5bd; }\n\n.grid-example {\n  background-color: rgba(28, 132, 238, 0.05);\n  border-radius: 5px;\n  font-weight: 500;\n  padding: 10px 20px;\n  font-size: .8rem; }\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block; }\n\n[dir=\"rtl\"] .modal-open {\n  padding-left: 0px !important; }\n\n.icon-demo-content {\n  color: #adb5bd; }\n  .icon-demo-content i, .icon-demo-content svg {\n    display: inline-flex;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    color: #74788d;\n    transition: all 0.4s;\n    border: 1px solid #e9e9ef;\n    border-radius: 50%;\n    margin-right: 16px;\n    vertical-align: middle; }\n  .icon-demo-content 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      background-color: rgba(28, 132, 238, 0.2);\n      color: #1c84ee; }\n\n.grid-structure .grid-container {\n  background-color: #f8f9fa;\n  margin-top: 10px;\n  font-size: .8rem;\n  font-weight: 500;\n  padding: 10px 20px; }\n\n.card-radio {\n  background-color: #fff;\n  border: 2px solid #e9e9ef;\n  border-radius: 0.25rem;\n  padding: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n  .card-radio:hover {\n    cursor: pointer; }\n\n.card-radio-label {\n  display: block; }\n\n.card-radio-input {\n  display: none; }\n  .card-radio-input:checked + .card-radio {\n    border-color: #1c84ee !important; }\n\n.spin-left:before {\n  animation: spin-left 2s infinite linear; }\n\n.spin-right:before {\n  animation: spin-right 2s infinite linear; }\n\n@keyframes spin-left {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(-359deg); } }\n\n@keyframes spin-right {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg); } }\n\nbody[data-layout-mode=\"dark\"] .grid-structure .grid-container, body[data-layout-mode=\"dark\"] .grid-example {\n  background-color: #293037; }\n\nbody[data-layout-mode=\"dark\"] .icon-demo-content {\n  color: #858d98; }\n  body[data-layout-mode=\"dark\"] .icon-demo-content i {\n    border-color: #30373f;\n    color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .glightbox-clean .gslide-description {\n  background-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .glightbox-clean .gslide-title {\n  color: #ced4da; }\n\n.tooltip, .popover {\n  z-index: 9; }\n\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important; }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0; }\n  .card {\n    border: 0; } }\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start; }\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit; }\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0; }\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch; }\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto;\n  /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important; }\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none; }\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table; }\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none; }\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0; }\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1; }\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden; }\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none; }\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all; }\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px; }\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear; }\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear; }\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px; }\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px; }\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto; }\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0; }\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll; }\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none; }\n\n.custom-scroll {\n  height: 100%; }\n\n.bootstrap-touchspin.input-group > .input-group-prepend > .btn,\n.bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.bootstrap-touchspin.input-group > .input-group-append > .btn,\n.bootstrap-touchspin.input-group > .input-group-append > .input-group-text {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0; }\n\n.bootstrap-touchspin .input-group-btn-vertical {\n  right: 0; }\n  .bootstrap-touchspin .input-group-btn-vertical .btn {\n    right: 0 !important;\n    left: 100% !important; }\n  .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {\n    border-top-right-radius: 4px !important;\n    border-bottom-right-radius: 0 !important;\n    border-top-left-radius: 0 !important;\n    border-bottom-left-radius: 0 !important; }\n  .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {\n    border-top-right-radius: 0 !important;\n    border-bottom-right-radius: 4px !important;\n    border-top-left-radius: 0 !important;\n    border-bottom-left-radius: 0 !important; }\n\n/* ==============\r\n  Calendar\r\n===================*/\n.fc td, .fc th {\n  border: 1px solid #e9e9ef; }\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase; }\n\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0; }\n  .fc .fc-toolbar > * > * {\n    float: none; }\n  .fc .fc-toolbar .fc-today-button {\n    display: none; } }\n\n.fc .fc-toolbar .btn {\n  text-transform: capitalize; }\n\n.fc th.fc-widget-header {\n  background: #f6f6f6;\n  color: #495057;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700; }\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: #f6f6f6; }\n\n.fc-unthemed td.fc-today {\n  background: #efeff3; }\n\n.fc-button {\n  background: #fff;\n  border-color: #e9e9ef;\n  color: #495057;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #1c84ee;\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: #1c84ee; }\n\n.fc-event .fc-content {\n  color: #fff; }\n\n#external-events .external-event {\n  text-align: left;\n  padding: 8px 16px; }\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: #f6f6f6; }\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\n#session-timeout-dialog .close {\n  display: none; }\n\n#session-timeout-dialog .countdown-holder {\n  color: #ef6767;\n  font-weight: 500; }\n\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #ef6767;\n  box-shadow: none; }\n\n.noUi-connect {\n  background: #1c84ee; }\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-connects, .noUi-touch-area {\n  cursor: pointer; }\n\n.noUi-pips-horizontal {\n  height: 50px; }\n\n.noUi-vertical {\n  width: 8px; }\n  .noUi-vertical .noUi-handle {\n    height: 20px;\n    width: 20px;\n    right: -7px;\n    top: -12px;\n    border-radius: 50%; }\n    .noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n      display: none; }\n    .noUi-vertical .noUi-handle:focus {\n      outline: 0; }\n\n.noUi-value {\n  font-size: 12px; }\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px; }\n\n.noUi-marker-horizontal.noUi-marker {\n  display: none; }\n\n.noUi-target {\n  background-color: #f6f6f6;\n  border-color: #f6f6f6; }\n\n.noUi-touch-area:focus {\n  outline: 0; }\n\n#red,\n#green,\n#blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px; }\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid #e9e9ef; }\n\n#result {\n  margin: 60px 26px;\n  height: 100px;\n  width: 100px;\n  display: inline-block;\n  vertical-align: top;\n  border: 1px solid #e9e9ef;\n  box-shadow: 0 0 3px;\n  border-radius: 7px; }\n\n#red .noUi-connect {\n  background: #ef6767; }\n\n#green .noUi-connect {\n  background: #34c38f; }\n\n#blue .noUi-connect {\n  background: #1c84ee; }\n\n.form-control.keyboard {\n  max-width: 340px !important; }\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px; }\n\n.example-val {\n  font-size: 12px;\n  color: #74788d;\n  display: block;\n  margin: 15px 0; }\n  .example-val:before {\n    content: \"Value: \";\n    font-size: 12px;\n    font-weight: 600; }\n\n.noUi-tooltip {\n  display: none; }\n\n.noUi-active .noUi-tooltip {\n  display: block; }\n\n.c-1-color {\n  background: #ef6767; }\n\n.c-2-color {\n  background: #ffcc5a; }\n\n.c-3-color {\n  background: #34c38f; }\n\n.c-4-color {\n  background: #1c84ee; }\n\n.c-5-color {\n  background: #6f42c1; }\n\n#slider-toggle {\n  height: 50px; }\n  #slider-toggle.off .noUi-handle {\n    border-color: #ef6767; }\n\nbody[data-layout-mode=\"dark\"] .noUi-target {\n  background-color: #30373f;\n  border-color: #30373f;\n  box-shadow: inset 0 1px 1px #30373f, 0 3px 6px -5px #30373f; }\n\nbody[data-layout-mode=\"dark\"] .example-val {\n  color: #858d98; }\n\n.swal2-container .swal2-title {\n  font-size: 22px;\n  font-weight: 500; }\n\n.swal2-modal {\n  font-size: 14px; }\n\n.swal2-icon.swal2-question {\n  border-color: #16daf1;\n  color: #16daf1; }\n\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #34c38f; }\n\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(52, 195, 143, 0.3); }\n\n.swal2-icon.swal2-warning {\n  border-color: #ffcc5a;\n  color: #ffcc5a; }\n\n.swal2-styled:focus {\n  box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #1c84ee; }\n  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n    background: #1c84ee; }\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(28, 132, 238, 0.3); }\n\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #1c84ee; }\n\n.swal2-loader {\n  border-color: #1c84ee transparent #1c84ee transparent; }\n\nbody[data-layout-mode=\"dark\"] .swal2-popup {\n  background-color: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .swal2-content {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .swal2-html-container {\n  color: #858d98; }\n\n.alertify .ajs-header {\n  font-weight: 500; }\n\n.alertify .ajs-dialog {\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n  background-color: #fff; }\n  .alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n    background-color: #fff; }\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-weight: 500; }\n  .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #1c84ee; }\n\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right; }\n\n.alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n  outline: none; }\n\n.alertify .ajs-commands {\n  right: 4px;\n  left: auto;\n  margin: -14px 0 0 24px; }\n\n.alertify-notifier .ajs-message {\n  background-color: #1c84ee;\n  border-color: #1c84ee;\n  color: #fff;\n  text-shadow: none !important; }\n  .alertify-notifier .ajs-message.ajs-success {\n    background-color: #34c38f;\n    border-color: #34c38f; }\n  .alertify-notifier .ajs-message.ajs-error {\n    background-color: #ef6767;\n    border-color: #ef6767; }\n  .alertify-notifier .ajs-message.ajs-warning {\n    background-color: #ffcc5a;\n    border-color: #ffcc5a; }\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: #242a30; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-header, body[data-layout-mode=\"dark\"] .alertify .ajs-footer {\n  color: #ced4da;\n  background-color: #242a30;\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-body {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-body .ajs-content .ajs-input {\n    color: #adb5bd;\n    background-color: #282f36;\n    border: 1px solid #30373f; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #1c84ee; }\n\n.pristine-error {\n  margin-top: 2px;\n  color: #ef6767; }\n\n.has-success .form-control {\n  border-color: #34c38f; }\n\n.has-danger .form-control {\n  border-color: #ef6767; }\n\n.choices__inner {\n  padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n  background-color: #fff;\n  vertical-align: middle;\n  border-radius: 0.25rem;\n  border: 1px solid #e9e9ef !important;\n  min-height: 38px; }\n\n.choices__list--dropdown {\n  border: 1px solid #e9e9ef !important;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08); }\n\n.choices[data-type*=\"select-one\"] .choices__inner {\n  padding-bottom: 0.25rem; }\n\n.choices[data-type*=\"select-one\"] .choices__button {\n  right: 0;\n  left: auto;\n  margin-right: 25px;\n  margin-left: 0; }\n\n.choices[data-type*=\"select-one\"]:after {\n  border-color: #2b3940 transparent transparent;\n  right: 11.5px;\n  left: auto; }\n\n.choices[data-type*=\"select-one\"].is-open:after {\n  border-color: transparent transparent #2b3940; }\n\n.choices__input {\n  background-color: #fff;\n  margin-bottom: 0; }\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap; }\n  .choices__list--multiple .choices__item {\n    background-color: #1c84ee;\n    border-color: #1c84ee;\n    margin-bottom: 0;\n    margin-right: 7px;\n    font-weight: 400; }\n    .choices__list--multiple .choices__item.is-highlighted {\n      background-color: #1c84ee;\n      border: 1px solid #1c84ee; }\n\n.choices.is-disabled .choices__inner,\n.choices.is-disabled .choices__input {\n  background-color: #f6f6f6; }\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #74788d;\n  border-color: #74788d; }\n\n.choices[data-type*=\"select-multiple\"] .choices__button,\n.choices[data-type*=\"text\"] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n  border: 1px solid #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .choices__heading {\n  border: 1px solid #30373f; }\n\nbody[data-layout-mode=\"dark\"] .choices__inner {\n  color: #adb5bd;\n  background-color: #282f36;\n  border: 1px solid #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .choices__input {\n  background-color: #282f36;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"]:after {\n  border-color: #adb5bd transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"].is-open:after {\n  border-color: transparent transparent #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"] .choices__input {\n  background-color: #282f36;\n  border: 1px solid #30373f;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n  background-color: #282f36;\n  border-color: #30373f; }\n  body[data-layout-mode=\"dark\"] .choices__list--dropdown .choices__item--selectable.is-highlighted {\n    background-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__inner,\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__input {\n  background-color: #282f36; }\n\n/* CSS Switch */\ninput[switch] {\n  display: none; }\n  input[switch] + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: #ced4da;\n    background-image: none;\n    border-radius: 2rem;\n    padding: 0.16667rem;\n    cursor: pointer;\n    display: inline-block;\n    text-align: center;\n    position: relative;\n    font-weight: 500;\n    transition: all 0.1s ease-in-out; }\n    input[switch] + label:before {\n      color: #2b3940;\n      content: attr(data-off-label);\n      display: block;\n      font-family: inherit;\n      font-weight: 500;\n      font-size: 12px;\n      line-height: 21px;\n      position: absolute;\n      right: 1px;\n      margin: 3px;\n      top: -2px;\n      text-align: center;\n      min-width: 1.66667rem;\n      overflow: hidden;\n      transition: all 0.1s ease-in-out; }\n    input[switch] + label:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: #e9e9ef;\n      box-shadow: none;\n      border-radius: 2rem;\n      height: 20px;\n      width: 20px;\n      top: 2px;\n      transition: all 0.1s ease-in-out; }\n  input[switch]:checked + label {\n    background-color: #1c84ee; }\n\ninput[switch]:checked + label {\n  background-color: #1c84ee; }\n  input[switch]:checked + label:before {\n    color: #fff;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px; }\n  input[switch]:checked + label:after {\n    left: 33px;\n    background-color: #e9e9ef; }\n\ninput[switch=\"bool\"] + label {\n  background-color: #ef6767; }\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: #34c38f; }\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: #1c84ee; }\n\ninput[switch=\"success\"]:checked + label {\n  background-color: #34c38f; }\n\ninput[switch=\"info\"]:checked + label {\n  background-color: #16daf1; }\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: #ffcc5a; }\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: #ef6767; }\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: #2b3940; }\n  input[switch=\"dark\"]:checked + label:before {\n    color: #f6f6f6; }\n\n.square-switch {\n  margin-right: 7px; }\n  .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n    border-radius: 4px; }\n\n.pcr-app {\n  background: #fff; }\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: .75em;\n  margin-left: 0; }\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {\n  margin-left: .75em;\n  margin-right: 0; }\n\nbody[data-layout-mode=\"dark\"] .pcr-app {\n  background-color: #30373f; }\n\n.flatpickr-input[readonly] {\n  background-color: #fff; }\n\n.flatpickr-months,\n.flatpickr-weekdays {\n  background-color: #1c84ee; }\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,\n.numInput:focus,\n.numInput:hover,\n.numInputWrapper:focus,\n.numInputWrapper:hover {\n  background-color: transparent !important; }\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid #e9e9ef; }\n\n.flatpickr-day {\n  color: #2b3940 !important; }\n  .flatpickr-day:hover, .flatpickr-day:focus {\n    background-color: rgba(246, 246, 246, 0.7) !important; }\n  .flatpickr-day.today {\n    border-color: #1c84ee !important;\n    background-color: rgba(28, 132, 238, 0.1); }\n    .flatpickr-day.today:hover, .flatpickr-day.today:focus {\n      color: #2b3940 !important;\n      background-color: rgba(28, 132, 238, 0.15) !important; }\n  .flatpickr-day.selected {\n    background-color: #1c84ee !important;\n    border-color: #1c84ee !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(43, 57, 64, 0.3) !important; }\n  .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n    background-color: #f6f6f6;\n    border-color: #f6f6f6; }\n  .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #f6f6f6, 5px 0 0 #f6f6f6; }\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month,\n.flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important; }\n\n.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,\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  color: #2b3940 !important; }\n\n.flatpickr-calendar {\n  background-color: #fff !important;\n  box-shadow: 1px 0 0 #e9e9ef, -1px 0 0 #e9e9ef, 0 1px 0 #e9e9ef, 0 -1px 0 #e9e9ef, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n  .flatpickr-calendar.hasTime .flatpickr-time {\n    border-top: 1px solid #e9e9ef !important; }\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px; }\n  .flatpickr-months .flatpickr-prev-month:hover svg,\n  .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: #293037 !important;\n  box-shadow: 1px 0 0 #30373f, -1px 0 0 #30373f, 0 1px 0 #30373f, 0 -1px 0 #30373f, 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 #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-weekdays {\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-day {\n  color: #adb5bd !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus {\n    background-color: rgba(48, 55, 63, 0.7) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.today:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.today:focus {\n    color: #adb5bd !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:focus {\n    background-color: #30373f;\n    border-color: #30373f; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.selected {\n    background-color: #1c84ee !important;\n    border-color: #1c84ee !important;\n    color: #fff !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled, body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.nextMonthDay {\n    color: rgba(173, 181, 189, 0.3) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #30373f, 5px 0 0 #30373f; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time input,\nbody[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-time-separator,\nbody[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-am-pm {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #adb5bd; }\n\n.ck.ck-toolbar {\n  background-color: rgba(246, 246, 246, 0.75) !important;\n  border: 1px solid #ced4da !important; }\n  .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n    flex-wrap: wrap !important; }\n  .ck.ck-toolbar .ck.ck-toolbar__separator {\n    background: transparent !important; }\n\n.ck.ck-editor__main > .ck-editor__editable {\n  border-top: 0 !important;\n  background-color: #fff !important;\n  border-color: #ced4da !important;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08) !important; }\n\n.ck.ck-dropdown__panel, .ck.ck-list {\n  background: #fff !important;\n  border: 1px solid #e9e9ef !important;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08) !important; }\n\n.ck.ck-reset_all,\n.ck.ck-reset_all * {\n  color: #495057 !important; }\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {\n  left: 0;\n  right: auto !important; }\n\n.ck.ck-editor__editable_inline[dir=\"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: #f6f6f6 !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: #f6f6f6 !important;\n  border-color: #f6f6f6 !important; }\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: #2b3940 !important;\n  color: #f6f6f6 !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(246, 246, 246, 0.75) !important; }\n\n.ck.ck-list__item .ck-button .ck-button__label {\n  font-family: 'Be Vietnam Pro', sans-serif; }\n\n.tox-tinymce {\n  border: 1px solid #ced4da !important; }\n\n.tox .tox-collection__item {\n  color: #495057 !important; }\n\n.tox .tox-menu.tox-collection.tox-collection--list.tox-selected-menu,\n.tox .tox-collection--toolbar.tox-collection--toolbar-lg.tox-selected-menu,\n.tox .tox-swatches-menu.tox-selected-menu {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;\n  animation-name: DropDownSlide !important;\n  animation-duration: 0.3s !important;\n  animation-fill-mode: both !important;\n  margin: 0 !important;\n  position: absolute !important;\n  z-index: 1000 !important;\n  padding: 0.5rem 0 !important;\n  background-color: #fff !important;\n  border: 1px solid #e9e9ef !important;\n  border-radius: 0.25rem !important; }\n\n.tox .tox-collection--list .tox-collection__group {\n  border-color: #e9e9ef !important; }\n\n.tox .tox-collection--list .tox-collection__item--active {\n  color: #343a40 !important;\n  background-color: #f8f9fa !important; }\n\n.tox .tox-collection__group-heading {\n  color: #343a40 !important;\n  background-color: #f8f9fa !important; }\n\n.tox .tox-statusbar {\n  border-top: 1px solid #f6f6f6 !important; }\n\n.tox .tox-menubar,\n.tox .tox-edit-area__iframe,\n.tox .tox-statusbar {\n  background-color: #fff !important;\n  background: none !important; }\n\n.tox .tox-mbtn {\n  color: #495057 !important; }\n  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n    background-color: #f6f6f6 !important; }\n\n.tox .tox-tbtn:hover {\n  background-color: #f6f6f6 !important; }\n\n.tox .tox-toolbar,\n.tox .tox-toolbar__overflow,\n.tox .tox-toolbar__primary {\n  background: #f6f6f6 !important; }\n\n.tox .tox-toolbar__primary {\n  border-top-color: #f6f6f6 !important; }\n\n.tox .tox-tbtn {\n  color: #495057 !important; }\n  .tox .tox-tbtn svg {\n    fill: #495057 !important; }\n\n.tox .tox-edit-area__iframe {\n  background-color: #fff !important; }\n\n.tox .tox-statusbar a,\n.tox .tox-statusbar__path-item,\n.tox .tox-statusbar__wordcount {\n  color: #495057 !important; }\n\n.tox:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid #e9e9e9 !important; }\n\n.tox .tox-collection--toolbar .tox-collection__item--active {\n  background-color: #f6f6f6 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar {\n  background-color: #30373f !important;\n  border-color: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-dropdown__panel, body[data-layout-mode=\"dark\"] .ck.ck-list {\n  background-color: #293037 !important;\n  border-color: #293037 !important;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08) !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-editor__main > .ck-editor__editable {\n  background-color: #242a30 !important;\n  border-color: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-icon :not([fill]) {\n  fill: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all,\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all * {\n  color: #858d98 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck .ck-link-form,\nbody[data-layout-mode=\"dark\"] .ck .ck-input-text,\nbody[data-layout-mode=\"dark\"] .ck .ck-label {\n  background-color: #293037 !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: #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar .ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] .ck.ck-button:not(.ck-disabled):hover,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:not(.ck-disabled):hover {\n  background: rgba(133, 141, 152, 0.2) !important; }\n\nbody[data-layout-mode=\"dark\"] .tox-tinymce {\n  border: 1px solid #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .tox .tox-statusbar {\n  border-top: 1px solid #30373f !important; }\n\nbody[data-layout-mode=\"dark\"] .tox .tox-toolbar,\nbody[data-layout-mode=\"dark\"] .tox .tox-toolbar__overflow,\nbody[data-layout-mode=\"dark\"] .tox .tox-toolbar__primary {\n  background: #2f373f !important;\n  border-top: #2f373f !important; }\n\nbody[data-layout-mode=\"dark\"] .tox .tox-mbtn {\n  color: #495057 !important; }\n  body[data-layout-mode=\"dark\"] .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n    background-color: transparent !important; }\n\nbody[data-layout-mode=\"dark\"] .tox .tox-tbtn:hover {\n  background: transparent !important; }\n\nbody[data-layout-mode=\"dark\"] .tox:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid #2f373f !important; }\n\nbody[data-layout-mode=\"dark\"] .tox-menubar,\nbody[data-layout-mode=\"dark\"] .tox-edit-area__iframe,\nbody[data-layout-mode=\"dark\"] .tox-statusbar {\n  background-color: #242a30 !important;\n  background: none !important; }\n\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse; }\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed #ced4da;\n  background: #fff;\n  border-radius: 6px; }\n  .dropzone .dz-message {\n    font-size: 24px;\n    width: 100%; }\n\nbody[data-layout-mode=\"dark\"] .dropzone {\n  background: #262d33;\n  border-color: #30373f; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n  display: inline-block;\n  width: 56px;\n  height: 56px;\n  line-height: 56px;\n  border: 1px solid rgba(28, 132, 238, 0.2);\n  color: #1c84ee;\n  text-align: center;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n  font-size: 20px; }\n  @media (max-width: 575.98px) {\n    .twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n      width: 40px;\n      height: 40px;\n      line-height: 38px; } }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-title {\n  margin-left: 6px; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item:last-child .nav-link::after {\n  display: none; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .step-icon {\n  background-color: #1c84ee;\n  color: #fff; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .uil:before {\n  content: \"\\e9c3\"; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n  font-size: 14px;\n  position: relative; }\n  @media (max-width: 575.98px) {\n    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n      padding: 0.5rem; } }\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n    content: \"\";\n    position: absolute;\n    width: 75%;\n    height: 2px;\n    background-color: #e9e9ef;\n    left: 62%;\n    top: 50%;\n    transform: translateY(-50%); }\n    @media (max-width: 575.98px) {\n      .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n        display: none; } }\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active {\n    color: #495057;\n    background-color: transparent; }\n    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon {\n      background-color: rgba(28, 132, 238, 0.2);\n      color: #1c84ee;\n      border-color: rgba(28, 132, 238, 0.2); }\n\n.twitter-bs-wizard .twitter-bs-wizard-pager-link {\n  padding-top: 24px;\n  padding-left: 0;\n  list-style: none;\n  margin-bottom: 0; }\n  .twitter-bs-wizard .twitter-bs-wizard-pager-link li {\n    display: inline-block; }\n    .twitter-bs-wizard .twitter-bs-wizard-pager-link li.next {\n      float: right; }\n\n.twitter-bs-wizard-tab-content {\n  padding-top: 24px;\n  min-height: 262px; }\n\nbody[data-layout-mode=\"dark\"] .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n  background-color: #30373f; }\n\n/* \r\nDatatable\r\n*/\ndiv.dataTables_wrapper div.dataTables_filter {\n  text-align: right; }\n  @media (max-width: 767px) {\n    div.dataTables_wrapper div.dataTables_filter {\n      text-align: center; } }\n  div.dataTables_wrapper div.dataTables_filter input {\n    margin-left: 0.5em;\n    margin-right: 0; }\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative; }\n  .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n    padding-left: 30px; }\n    .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n      top: 50%;\n      left: 5px;\n      height: 14px;\n      width: 14px;\n      margin-top: -9px;\n      display: block;\n      position: absolute;\n      color: #fff;\n      border: 2px solid #fff;\n      border-radius: 14px;\n      box-sizing: content-box;\n      text-align: center;\n      text-indent: 0 !important;\n      line-height: 14px;\n      content: '+';\n      background-color: #1c84ee; }\n\n.table.dataTable > thead > tr > th:not(.sorting_disabled), .table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {\n  padding-right: 30px;\n  padding-left: 12px; }\n\n.table.dataTable > thead .sorting::before,\n.table.dataTable > thead .sorting_asc::before,\n.table.dataTable > thead .sorting_desc::before,\n.table.dataTable > thead .sorting_asc_disabled::before,\n.table.dataTable > thead .sorting_desc_disabled::before, table.dataTable > thead .sorting::before,\ntable.dataTable > thead .sorting_asc::before,\ntable.dataTable > thead .sorting_desc::before,\ntable.dataTable > thead .sorting_asc_disabled::before,\ntable.dataTable > thead .sorting_desc_disabled::before {\n  right: 1em;\n  left: auto; }\n\n.table.dataTable > thead .sorting::after,\n.table.dataTable > thead .sorting_asc::after,\n.table.dataTable > thead .sorting_desc::after,\n.table.dataTable > thead .sorting_asc_disabled::after,\n.table.dataTable > thead .sorting_desc_disabled::after, table.dataTable > thead .sorting::after,\ntable.dataTable > thead .sorting_asc::after,\ntable.dataTable > thead .sorting_desc::after,\ntable.dataTable > thead .sorting_asc_disabled::after,\ntable.dataTable > thead .sorting_desc_disabled::after {\n  right: .5em;\n  left: auto; }\n\n.select2-container .select2-selection--single {\n  background-color: #fff;\n  border: 1px solid #ced4da;\n  height: 38px; }\n  .select2-container .select2-selection--single:focus {\n    outline: none; }\n  .select2-container .select2-selection--single .select2-selection__rendered {\n    line-height: 36px;\n    padding-left: 0.75rem;\n    color: #495057; }\n  .select2-container .select2-selection--single .select2-selection__arrow {\n    height: 34px;\n    width: 34px;\n    right: 3px; }\n    .select2-container .select2-selection--single .select2-selection__arrow b {\n      border-color: #adb5bd transparent transparent transparent;\n      border-width: 6px 6px 0 6px; }\n  .select2-container .select2-selection--single .select2-selection__placeholder {\n    color: #495057; }\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #adb5bd transparent !important;\n  border-width: 0 6px 6px 6px !important; }\n\n.select2-container--default .select2-search--dropdown {\n  padding: 10px;\n  background-color: #fff; }\n  .select2-container--default .select2-search--dropdown .select2-search__field {\n    border: 1px solid #ced4da;\n    background-color: #fff;\n    color: #74788d;\n    outline: none; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #1c84ee; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #f8f9fa;\n  color: #2b3940; }\n  .select2-container--default .select2-results__option[aria-selected=true]:hover {\n    background-color: #1c84ee;\n    color: #fff; }\n\n.select2-results__option {\n  padding: 6px 12px; }\n\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n  padding-left: 0.75rem; }\n\n.select2-dropdown {\n  border: 1px solid #e9e9ef;\n  background-color: #fff;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08); }\n\n.select2-search input {\n  border: 1px solid #f6f6f6; }\n\n.select2-container .select2-selection--multiple {\n  min-height: 38px;\n  background-color: #fff;\n  border: 1px solid #ced4da !important; }\n  .select2-container .select2-selection--multiple .select2-selection__rendered {\n    padding: 2px 0.75rem; }\n  .select2-container .select2-selection--multiple .select2-search__field {\n    border: 0;\n    color: #495057; }\n    .select2-container .select2-selection--multiple .select2-search__field::placeholder {\n      color: #495057; }\n  .select2-container .select2-selection--multiple .select2-selection__choice {\n    background-color: #e9e9ef;\n    border: 1px solid #f6f6f6;\n    border-radius: 1px;\n    padding: 0 7px; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n  border-color: #ced4da; }\n\n.select2-container--default .select2-results__group {\n  font-weight: 600; }\n\n.select2-result-repository__avatar {\n  float: left;\n  width: 60px;\n  margin-right: 10px; }\n  .select2-result-repository__avatar img {\n    width: 100%;\n    height: auto;\n    border-radius: 2px; }\n\n.select2-result-repository__statistics {\n  margin-top: 7px; }\n\n.select2-result-repository__forks,\n.select2-result-repository__stargazers,\n.select2-result-repository__watchers {\n  display: inline-block;\n  font-size: 11px;\n  margin-right: 1em;\n  color: #adb5bd; }\n  .select2-result-repository__forks .fa,\n  .select2-result-repository__stargazers .fa,\n  .select2-result-repository__watchers .fa {\n    margin-right: 4px; }\n    .select2-result-repository__forks .fa.fa-flash::before,\n    .select2-result-repository__stargazers .fa.fa-flash::before,\n    .select2-result-repository__watchers .fa.fa-flash::before {\n      content: \"\\f0e7\";\n      font-family: 'Font Awesome 5 Free'; }\n\n.select2-results__option--highlighted .select2-result-repository__forks,\n.select2-results__option--highlighted .select2-result-repository__stargazers,\n.select2-results__option--highlighted .select2-result-repository__watchers {\n  color: rgba(255, 255, 255, 0.8); }\n\n.select2-result-repository__meta {\n  overflow: hidden; }\n\n.img-flag {\n  margin-right: 7px;\n  height: 15px;\n  width: 18px; }\n\nbody[data-layout-mode=\"dark\"] .select2-container .select2-selection--multiple {\n  background-color: #282f36;\n  color: #adb5bd;\n  border: 1px solid #30373f !important; }\n  body[data-layout-mode=\"dark\"] .select2-container .select2-selection--multiple .select2-search__field {\n    background-color: #293037;\n    border-color: #30373f; }\n    body[data-layout-mode=\"dark\"] .select2-container .select2-selection--multiple .select2-search__field::placeholder {\n      color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .select2-container .select2-selection--single {\n  background-color: #282f36;\n  border: 1px solid #30373f; }\n  body[data-layout-mode=\"dark\"] .select2-container .select2-selection--single .select2-selection__rendered {\n    color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .select2-container .select2-dropdown {\n  background-color: #293037;\n  border-color: #30373f;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .select2-container--default .select2-search--dropdown {\n  background-color: #293037;\n  border-color: #30373f; }\n  body[data-layout-mode=\"dark\"] .select2-container--default .select2-search--dropdown .select2-search__field {\n    background-color: #293037;\n    border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #2f373f;\n  color: #adb5bd; }\n\n.table-rep-plugin .btn-toolbar {\n  display: block; }\n\n.table-rep-plugin .table-responsive {\n  border: none !important; }\n\n.table-rep-plugin .btn-group .btn-default {\n  background-color: #74788d;\n  color: #f6f6f6;\n  border: 1px solid #74788d; }\n  .table-rep-plugin .btn-group .btn-default.btn-primary {\n    background-color: #1c84ee;\n    border-color: #1c84ee;\n    color: #fff;\n    box-shadow: 0 0 0 2px rgba(28, 132, 238, 0.5); }\n\n.table-rep-plugin .btn-group.pull-right {\n  float: right; }\n  .table-rep-plugin .btn-group.pull-right .dropdown-menu {\n    right: 0;\n    transform: none !important;\n    top: 100% !important; }\n\n.table-rep-plugin tbody th {\n  font-size: 14px;\n  font-weight: normal; }\n\n.table-rep-plugin .checkbox-row {\n  padding-left: 40px;\n  color: #495057 !important; }\n  .table-rep-plugin .checkbox-row:hover {\n    background-color: #efeff3 !important; }\n  .table-rep-plugin .checkbox-row label {\n    display: inline-block;\n    padding-left: 5px;\n    position: relative; }\n    .table-rep-plugin .checkbox-row label::before {\n      -o-transition: 0.3s ease-in-out;\n      -webkit-transition: 0.3s ease-in-out;\n      background-color: #fff;\n      border-radius: 3px;\n      border: 1px solid #f6f6f6;\n      content: \"\";\n      display: inline-block;\n      height: 17px;\n      left: 0;\n      margin-left: -20px;\n      position: absolute;\n      transition: 0.3s ease-in-out;\n      width: 17px;\n      outline: none !important; }\n    .table-rep-plugin .checkbox-row label::after {\n      color: #e9e9ef;\n      display: inline-block;\n      font-size: 11px;\n      height: 16px;\n      left: 0;\n      margin-left: -20px;\n      padding-left: 3px;\n      padding-top: 1px;\n      position: absolute;\n      top: -1px;\n      width: 16px; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"] {\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1;\n    outline: none !important; }\n    .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n      opacity: 0.65; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n    outline-offset: -2px;\n    outline: none; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    content: \"\\f00c\";\n    font-family: \"Font Awesome 5 Free\";\n    font-weight: 900; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n    background-color: #f8f9fa;\n    cursor: not-allowed; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n    background-color: #1c84ee;\n    border-color: #1c84ee; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    color: #fff; }\n\n.table-rep-plugin .fixed-solution .sticky-table-header {\n  top: 70px !important;\n  background-color: #1c84ee; }\n  .table-rep-plugin .fixed-solution .sticky-table-header table {\n    color: #fff; }\n\n.table-rep-plugin table.focus-on tbody tr.focused th,\n.table-rep-plugin table.focus-on tbody tr.focused td,\n.table-rep-plugin .sticky-table-header {\n  background: #1c84ee;\n  border-color: #1c84ee;\n  color: #fff; }\n  .table-rep-plugin table.focus-on tbody tr.focused th table,\n  .table-rep-plugin table.focus-on tbody tr.focused td table,\n  .table-rep-plugin .sticky-table-header table {\n    color: #fff; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] .fixed-solution .sticky-table-header {\n    top: 120px !important; } }\n\n.table-edits input, .table-edits select {\n  height: calc(1.5em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #ced4da;\n  background-color: #fff;\n  color: #495057;\n  border-radius: 0.25rem; }\n  .table-edits input:focus, .table-edits select:focus {\n    outline: none;\n    border-color: #b9bfc4; }\n\nbody[data-layout-mode=\"dark\"] .table-edits input, body[data-layout-mode=\"dark\"] .table-edits select {\n  color: #adb5bd;\n  background-color: #282f36;\n  border: 1px solid #30373f; }\n  body[data-layout-mode=\"dark\"] .table-edits input:focus, body[data-layout-mode=\"dark\"] .table-edits select:focus {\n    border-color: #30373f; }\n\n.apex-charts {\n  min-height: 10px !important; }\n  .apex-charts text {\n    font-family: var(--bs-font-sans-serif) !important;\n    fill: #adb5bd; }\n  .apex-charts .apexcharts-canvas {\n    margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important; }\n\n.apexcharts-legend-series {\n  font-weight: 500; }\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: #f8f9fa; }\n\n.apexcharts-legend-text {\n  color: #74788d !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important; }\n\n.apexcharts-pie-label {\n  fill: #fff !important; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-gridline {\n  stroke: #293037; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light {\n  background-color: #242a30;\n  border-color: #293037; }\n  body[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n    background-color: #30373f;\n    border-color: #363d46; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-legend-text {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g + line,\nbody[data-layout-mode=\"dark\"] .apexcharts-grid-row + line {\n  stroke: #363d46; }\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: #363d46; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: #363d46; }\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: #30373f;\n  stroke: #363d46; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie circle {\n  stroke: #363d46; }\n\n.e-charts {\n  height: 350px; }\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #343a40 !important;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #2b3940 !important; }\n\n.jqsfield {\n  color: #e9e9ef !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-weight: 500 !important; }\n\nbody[data-layout-mode=\"dark\"] .jqstooltip {\n  background-color: #e9e9ef !important;\n  border-color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .jqsfield {\n  color: #30373f !important; }\n\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: #f8f9fa;\n  border-radius: 3px; }\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #1c84ee;\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 #1c84ee; }\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 #1c84ee; }\n\n.jvectormap-label {\n  border: none;\n  background: #343a40;\n  color: #f8f9fa;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.8125rem;\n  padding: 5px 8px; }\n\nbody[data-layout-mode=\"dark\"] .jvectormap-label {\n  background: #e9e9ef;\n  color: #242a30; }\n\n.leaflet-map {\n  height: 300px; }\n  .leaflet-map.leaflet-container {\n    z-index: 1; }\n\n.auth-bg {\n  background-image: url(\"../images/auth-bg.jpg\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n  .auth-bg .bg-overlay {\n    background: linear-gradient(to bottom, rgba(43, 57, 64, 0.5) 30%, #2b3940 100%);\n    opacity: 1; }\n  @media (min-width: 768px) {\n    .auth-bg {\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: 3px; }\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    color: #74788d; }\n    .form-floating-custom .form-floating-icon svg {\n      width: 20px;\n      height: 20px; }\n\n.auth-full-page-content {\n  min-height: 100vh;\n  background-color: #fff; }\n\n.auth-logo .logo-txt {\n  color: #2b3940;\n  font-size: 20px; }\n\n.auth-pass-inputgroup input[type=\"input\"] + .btn .mdi-eye-outline:before {\n  content: \"\\F06D1\"; }\n\n.bg-bubbles {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden; }\n  .bg-bubbles li {\n    position: absolute;\n    list-style: none;\n    display: block;\n    width: 40px;\n    height: 40px;\n    border-radius: 30px;\n    background-color: rgba(255, 255, 255, 0.1);\n    top: -50px;\n    animation: square 20s infinite;\n    transition-timing-function: linear; }\n    .bg-bubbles li:nth-child(1) {\n      left: 10%; }\n    .bg-bubbles li:nth-child(2) {\n      left: 20%;\n      width: 120px;\n      height: 120px;\n      animation-delay: 2s;\n      animation-duration: 17s; }\n    .bg-bubbles li:nth-child(3) {\n      left: 25%;\n      animation-delay: 4s; }\n    .bg-bubbles li:nth-child(4) {\n      left: 40%;\n      width: 80px;\n      height: 80px;\n      animation-duration: 22s; }\n    .bg-bubbles li:nth-child(5) {\n      left: 70%;\n      width: 90px;\n      height: 90px; }\n    .bg-bubbles li:nth-child(6) {\n      left: 70%;\n      width: 120px;\n      height: 120px;\n      animation-delay: 3s; }\n    .bg-bubbles li:nth-child(7) {\n      left: 32%;\n      width: 150px;\n      height: 150px;\n      animation-delay: 7s; }\n    .bg-bubbles li:nth-child(8) {\n      left: 55%;\n      width: 80px;\n      height: 80px;\n      animation-delay: 15s;\n      animation-duration: 40s; }\n    .bg-bubbles li:nth-child(9) {\n      left: 25%;\n      width: 50px;\n      height: 50px;\n      animation-delay: 2s;\n      animation-duration: 40s; }\n    .bg-bubbles li:nth-child(10) {\n      left: 90%;\n      width: 140px;\n      height: 140px;\n      animation-delay: 11s; }\n\n@keyframes square {\n  0% {\n    transform: translateY(0); }\n  100% {\n    transform: translateY(1000px) rotate(600deg); } }\n\nbody[data-layout-mode=\"dark\"] .form-floating-custom .form-floating-icon {\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .logo-txt {\n  color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .auth-full-page-content {\n  background-color: #242a30; }\n\n/* ==============\r\n  Email\r\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px; }\n\n.email-rightbar {\n  margin-left: 260px; }\n\n.chat-user-box p.user-title {\n  color: #2b3940;\n  font-weight: 500; }\n\n.chat-user-box p {\n  font-size: 12px; }\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%; }\n  .email-rightbar {\n    margin: 0; } }\n\n.mail-list a {\n  display: block;\n  color: #74788d;\n  line-height: 24px;\n  padding: 8px 5px; }\n  .mail-list a.active {\n    color: #ef6767;\n    font-weight: 500; }\n\n.message-list {\n  display: block;\n  padding-left: 0; }\n  .message-list li {\n    position: relative;\n    display: block;\n    height: 50px;\n    line-height: 50px;\n    cursor: default;\n    transition-duration: .3s; }\n    .message-list li a {\n      color: #74788d; }\n    .message-list li:hover {\n      background: #f6f6f6;\n      transition-duration: .05s; }\n    .message-list li .col-mail {\n      float: left;\n      position: relative; }\n    .message-list li .col-mail-1 {\n      width: 320px; }\n      .message-list li .col-mail-1 .star-toggle,\n      .message-list li .col-mail-1 .checkbox-wrapper-mail,\n      .message-list li .col-mail-1 .dot {\n        display: block;\n        float: left; }\n      .message-list li .col-mail-1 .dot {\n        border: 4px solid transparent;\n        border-radius: 100px;\n        margin: 22px 26px 0;\n        height: 0;\n        width: 0;\n        line-height: 0;\n        font-size: 0; }\n      .message-list li .col-mail-1 .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px; }\n      .message-list li .col-mail-1 .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px; }\n      .message-list li .col-mail-1 .title {\n        position: absolute;\n        top: 0;\n        left: 110px;\n        right: 0;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        margin-bottom: 0; }\n    .message-list li .col-mail-2 {\n      position: absolute;\n      top: 0;\n      left: 320px;\n      right: 0;\n      bottom: 0; }\n      .message-list li .col-mail-2 .subject,\n      .message-list li .col-mail-2 .date {\n        position: absolute;\n        top: 0; }\n      .message-list li .col-mail-2 .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap; }\n      .message-list li .col-mail-2 .date {\n        right: 0;\n        width: 170px;\n        padding-left: 80px; }\n    .message-list li.active, .message-list li.active:hover {\n      box-shadow: inset 3px 0 0 #1c84ee; }\n    .message-list li.unread {\n      background-color: #f6f6f6;\n      font-weight: 500;\n      color: #212b31; }\n      .message-list li.unread a {\n        color: #212b31;\n        font-weight: 500; }\n  .message-list .checkbox-wrapper-mail {\n    cursor: pointer;\n    height: 20px;\n    width: 20px;\n    position: relative;\n    display: inline-block;\n    box-shadow: inset 0 0 0 1px #ced4da;\n    border-radius: 1px; }\n    .message-list .checkbox-wrapper-mail input {\n      opacity: 0;\n      cursor: pointer; }\n    .message-list .checkbox-wrapper-mail input:checked ~ label {\n      opacity: 1; }\n    .message-list .checkbox-wrapper-mail label {\n      position: absolute;\n      height: 20px;\n      width: 20px;\n      left: 0;\n      cursor: pointer;\n      opacity: 0;\n      margin-bottom: 0;\n      transition-duration: .05s;\n      top: 0; }\n      .message-list .checkbox-wrapper-mail label:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: #212b31;\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px; }\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px; } }\n\n.email-editor .ck-editor__editable_inline {\n  min-height: 200px !important; }\n\nbody[data-layout-mode=\"dark\"] .mail-list a {\n  color: #858d98; }\n  body[data-layout-mode=\"dark\"] .mail-list a.active {\n    color: #ef6767; }\n\nbody[data-layout-mode=\"dark\"] .chat-user-box p.user-title {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .message-list li a {\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .message-list li:hover {\n  background: #293037; }\n\nbody[data-layout-mode=\"dark\"] .message-list li.unread {\n  background: #293037;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail {\n  box-shadow: inset 0 0 0 1px #858d98; }\n  body[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail label::before {\n    color: #adb5bd; }\n\n@media (min-width: 992px) {\n  .chat-leftsidebar {\n    min-width: 260px; } }\n\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px; } }\n\n.chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: #1c84ee;\n  color: #fff; }\n\n.search-box .form-control {\n  padding-left: 40px; }\n\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center; }\n\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #ef6767;\n  border-radius: 50%;\n  right: 0; }\n\n.chat-noti-dropdown .btn {\n  padding: 6px;\n  box-shadow: none;\n  font-size: 20px; }\n\n.chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    .chat-message-list {\n      height: calc(100vh - 406px); } }\n\n.chat-list {\n  margin: 0; }\n  .chat-list li.active a {\n    background-color: rgba(28, 132, 238, 0.075);\n    border-color: transparent; }\n  .chat-list li a {\n    display: block;\n    padding: 14px 16px;\n    color: #74788d;\n    transition: all 0.4s;\n    border-top: 1px solid #e9e9ef;\n    position: relative; }\n    .chat-list li a:hover {\n      background-color: rgba(28, 132, 238, 0.075);\n      border-color: transparent; }\n  .chat-list li .user-img {\n    position: relative; }\n    .chat-list li .user-img .user-status {\n      width: 10px;\n      height: 10px;\n      background-color: #adb5bd;\n      border-radius: 50%;\n      border: 2px solid #fff;\n      position: absolute;\n      left: 0;\n      bottom: 0; }\n    .chat-list li .user-img.online .user-status {\n      background-color: #34c38f; }\n    .chat-list li .user-img.away .user-status {\n      background-color: #ffcc5a; }\n  .chat-list li.unread a {\n    font-weight: 600;\n    color: #2b3940; }\n  .chat-list li .unread-message {\n    position: absolute;\n    display: inline-block;\n    right: 16px;\n    top: 33px; }\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: #74788d;\n  font-weight: 600;\n  margin-bottom: 7px; }\n\n.user-chat-nav .dropdown .nav-btn {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 18px; }\n\n.chat-conversation li {\n  clear: both; }\n\n.chat-conversation .chat-day-title {\n  position: relative;\n  text-align: center;\n  margin-bottom: 24px;\n  border: none; }\n  .chat-conversation .chat-day-title .title {\n    background-color: #fff;\n    position: relative;\n    z-index: 1;\n    padding: 6px 24px; }\n  .chat-conversation .chat-day-title:before {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    left: 0;\n    right: 0;\n    background-color: #e9e9ef;\n    top: 10px; }\n  .chat-conversation .chat-day-title .badge {\n    font-size: 12px; }\n\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: #1c84ee;\n    border-radius: 8px;\n    color: #fff;\n    position: relative;\n    margin-left: 16px; }\n    .chat-conversation .conversation-list .ctext-wrap-content:before {\n      content: \"\";\n      position: absolute;\n      border: 5px solid transparent;\n      border-right-color: #1c84ee;\n      border-top-color: #1c84ee;\n      left: -10px;\n      top: 10px; }\n    .chat-conversation .conversation-list .ctext-wrap-content .conversation-name .time {\n      font-size: 10px;\n      position: absolute;\n      right: -58px;\n      bottom: 0;\n      color: #74788d;\n      font-weight: 400;\n      opacity: 0;\n      transition: all .4s; }\n    .chat-conversation .conversation-list .ctext-wrap-content .conversation-name .user-name {\n      color: rgba(255, 255, 255, 0.5); }\n    .chat-conversation .conversation-list .ctext-wrap-content:hover .time {\n      opacity: 1; }\n  .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n    font-size: 18px;\n    padding: 4px;\n    color: #74788d; }\n    @media (max-width: 575.98px) {\n      .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n        display: none; } }\n  .chat-conversation .conversation-list .message-img {\n    border-radius: .2rem;\n    position: relative; }\n    .chat-conversation .conversation-list .message-img .message-img-list {\n      position: relative; }\n    .chat-conversation .conversation-list .message-img img {\n      max-width: 120px; }\n\n.chat-conversation .right .conversation-list {\n  float: right;\n  text-align: right; }\n  .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n    order: 2;\n    background-color: rgba(246, 246, 246, 0.5);\n    text-align: right;\n    border-radius: 8px;\n    margin-left: 0;\n    margin-right: 16px;\n    color: #2b3940; }\n    .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n      border: 5px solid transparent;\n      border-top-color: rgba(246, 246, 246, 0.5);\n      border-left-color: rgba(246, 246, 246, 0.5);\n      left: auto;\n      right: -10px; }\n  .chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n    justify-content: flex-end; }\n    .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name, .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n      color: #74788d; }\n    .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n      order: 1;\n      margin-left: 0;\n      margin-right: 8px;\n      position: absolute;\n      left: -58px;\n      right: auto; }\n    .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n      order: 2; }\n  .chat-conversation .right .conversation-list .dropdown {\n    order: 1; }\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto; } }\n\nbody[data-layout=\"horizontal\"] .chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .chat-message-list {\n      height: calc(100vh - 476px); } }\n\nbody[data-layout=\"horizontal\"] .chat-conversation {\n  height: calc(100vh - 300px); }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .chat-conversation {\n      height: calc(100vh - 420px); } }\n\nbody[data-layout-mode=\"dark\"] .chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: #242a30; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li a {\n  color: #858d98;\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li .user-img .user-status {\n  border-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li.unread a {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title .title {\n  background-color: #242a30; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title::before {\n  background-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  background-color: rgba(48, 55, 63, 0.5);\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content::before {\n    border-top-color: rgba(48, 55, 63, 0.5);\n    border-left-color: rgba(48, 55, 63, 0.5); }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time, body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  color: #858d98; }\n\n.slide-bg {\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n\n.coming-content {\n  position: absolute;\n  top: 0;\n  z-index: 1;\n  left: 0;\n  width: 100%;\n  display: flex;\n  align-items: center; }\n  .coming-content .app-search {\n    max-width: 340px; }\n\n.preview-thumbsnav {\n  position: absolute;\n  bottom: 14px;\n  z-index: 9;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 120px; }\n  .preview-thumbsnav .nav-img {\n    cursor: pointer;\n    padding: 3px;\n    background-color: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.1); }\n    @media (max-width: 575.98px) {\n      .preview-thumbsnav .nav-img {\n        display: none; } }\n  .preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n    background-color: #fff;\n    border: 1px solid #fff; }\n\n.coming-box {\n  width: 25%; }\n  .coming-box:last-of-type .count-num::after {\n    display: none; }\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 600;\n  text-align: center;\n  display: flex;\n  gap: 24px; }\n  @media (max-width: 575.98px) {\n    .counter-number {\n      font-size: 18px; } }\n  .counter-number .count-title {\n    position: relative;\n    bottom: -120px;\n    font-size: 16px;\n    font-weight: 500;\n    display: block;\n    padding-bottom: 6px;\n    color: rgba(255, 255, 255, 0.5); }\n    @media (max-width: 575.98px) {\n      .counter-number .count-title {\n        bottom: -95px;\n        font-size: 14px; } }\n\n.count-num {\n  background-color: rgba(255, 255, 255, 0.1);\n  padding: 16px 8px;\n  position: relative;\n  border-radius: 4px;\n  color: #fff; }\n  .count-num::after {\n    content: \":\";\n    font-size: 20px;\n    position: absolute;\n    right: -16px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .count-num {\n  background-color: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n  background-color: #30373f;\n  border-color: #30373f; }\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  top: 0;\n  line-height: 38px; }\n\n.product-list li a {\n  display: block;\n  padding: 4px 0px;\n  color: #495057; }\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-detai-imgs .nav .nav-link {\n  margin: 7px 0px; }\n  .product-detai-imgs .nav .nav-link.active {\n    background-color: #f6f6f6; }\n\n.product-color a {\n  display: inline-block;\n  text-align: center;\n  color: #495057; }\n  .product-color a .product-color-item {\n    margin: 7px; }\n  .product-color a.active, .product-color a:hover {\n    color: #1c84ee; }\n    .product-color a.active .product-color-item, .product-color a:hover .product-color-item {\n      border-color: #1c84ee !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.checkout-tabs .nav-pills .nav-link {\n  margin-bottom: 24px;\n  text-align: center;\n  background-color: #fff;\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08); }\n  .checkout-tabs .nav-pills .nav-link.active {\n    background-color: #1c84ee; }\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: #30373f; }\n\nbody[data-layout-mode=\"dark\"] .product-list li a {\n  color: #e9e9ef; }\n\nbody[data-layout-mode=\"dark\"] .checkout-tabs .nav-pills .nav-link {\n  background-color: #30373f; }\n  body[data-layout-mode=\"dark\"] .checkout-tabs .nav-pills .nav-link.active {\n    background-color: #1c84ee; }\n\n/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0; }\n  @media (max-width: 767.98px) {\n    .timeline {\n      padding: 0; } }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    position: relative;\n    width: 100%;\n    text-align: center;\n    z-index: 1; }\n    .timeline .timeline-end p,\n    .timeline .timeline-start p,\n    .timeline .timeline-year p {\n      display: inline-block;\n      width: 80px;\n      height: 80px;\n      margin: 0;\n      padding: 30px 0;\n      text-align: center;\n      background-color: #1c84ee;\n      border-radius: 100px;\n      color: #fff;\n      text-transform: uppercase; }\n  .timeline .timeline-year {\n    margin: 30px 0; }\n  .timeline .timeline-continue {\n    position: relative;\n    width: 100%;\n    padding: 60px 0; }\n    .timeline .timeline-continue:after {\n      position: absolute;\n      content: \"\";\n      width: 1px;\n      height: 100%;\n      top: 0;\n      left: 50%;\n      margin-left: -1px;\n      background: #1c84ee; }\n  .timeline .timeline-icon {\n    margin: 42px 10px 0 10px; }\n  .timeline .timeline-left {\n    text-align: right; }\n    .timeline .timeline-left .timeline-icon {\n      text-align: left; }\n  .timeline .timeline-right {\n    text-align: left; }\n    .timeline .timeline-right .timeline-icon {\n      text-align: right; }\n  .timeline .timeline-icon::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    top: 45px;\n    background: #1c84ee;\n    border-radius: 15px;\n    z-index: 1; }\n  @media (min-width: 768px) {\n    .timeline .event-content {\n      padding-right: 24px; }\n    .timeline .timeline-text {\n      margin-right: 40px; } }\n  .timeline .timeline-left .timeline-icon::after {\n    left: -7px; }\n  @media (min-width: 768px) {\n    .timeline .timeline-left .event-content {\n      padding-right: 0;\n      padding-left: 24px; }\n    .timeline .timeline-left .timeline-text {\n      margin-right: 0px;\n      margin-left: 40px; }\n    .timeline .timeline-left .event-img {\n      justify-content: flex-end; } }\n  .timeline .timeline-right .timeline-icon::after {\n    right: -7px; }\n  .timeline .timeline-box {\n    position: relative;\n    display: inline-block;\n    margin: 15px;\n    padding: 20px;\n    background-color: #fff;\n    box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n    border-radius: 6px; }\n    .timeline .timeline-box::after {\n      content: \"\";\n      position: absolute;\n      width: 16px;\n      height: 16px;\n      top: 26px;\n      background-color: #fff;\n      border: 1px solid #f6f6f6;\n      transform: rotate(45deg);\n      margin: 0px auto; }\n  .timeline .timeline-launch {\n    position: relative;\n    display: inline-block;\n    margin: 15px;\n    padding: 20px;\n    border: 1px solid #e9e9ef;\n    border-radius: 6px;\n    width: 100%;\n    margin: 15px 0;\n    padding: 0;\n    border: none;\n    text-align: center;\n    background: transparent; }\n\n.timeline-date {\n  right: 20px; }\n  @media (max-width: 767.98px) {\n    .timeline-date {\n      left: -70px;\n      right: auto; } }\n\n.timeline-left .timeline-date {\n  left: 20px; }\n  @media (max-width: 767.98px) {\n    .timeline-left .timeline-date {\n      left: -70px;\n      right: auto; } }\n\n.timeline .timeline-date {\n  width: 54px;\n  height: 80px;\n  display: inline-block;\n  padding: 8px;\n  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n  top: -10px;\n  position: absolute;\n  z-index: 1; }\n  @media (max-width: 767.98px) {\n    .timeline .timeline-date {\n      top: 0px; } }\n\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent #f6f6f6 #f6f6f6;\n  left: -8px;\n  right: 100%; }\n\n.timeline .timeline-left .timeline-box::after {\n  border-color: #f6f6f6 #f6f6f6 transparent transparent;\n  right: -8px; }\n\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: #f6f6f6 transparent transparent #f6f6f6; }\n  @media (min-width: 768px) {\n    .timeline .timeline-launch .timeline-box::after {\n      left: 50%;\n      transform: rotate(45deg) translateX(-50%);\n      top: -2px; } }\n\n.timeline .timeline-launch .timeline-text {\n  width: 100%; }\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px; }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left; }\n  .timeline .row.timeline-left {\n    text-align: left; }\n    .timeline .row.timeline-left .timeline-icon {\n      text-align: left; }\n  .timeline .row.timeline-right {\n    text-align: left; }\n    .timeline .row.timeline-right .timeline-icon {\n      text-align: left; }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0; }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px; }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px; }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0; }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px; }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px; }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0; }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent #f6f6f6 #f6f6f6;\n    right: auto; } }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-box {\n  border-color: #30373f;\n  background-color: #242a30; }\n  body[data-layout-mode=\"dark\"] .timeline .timeline-box:after {\n    background-color: #242a30; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-left .timeline-box:after {\n  border-color: #30373f #30373f transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-right .timeline-box:after {\n  border-color: transparent transparent #30373f #30373f; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-launch .timeline-box::after {\n  border-color: #30373f transparent transparent #30373f; }\n\n.profile-user {\n  background-image: url(../images/profile-bg-1.jpg);\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  margin: -24px -24px 23px -24px;\n  padding: 140px 0px;\n  position: relative; }\n  .profile-user:after {\n    background: linear-gradient(to bottom, rgba(43, 57, 64, 0.5) 30%, #2b3940 100%);\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    opacity: 0.5;\n    content: \"\"; }\n\n.profile-content {\n  position: relative;\n  margin-top: -60px; }\n\n/*********************\r\n    Maintenance\r\n**********************/\n.maintenance-cog-icon .cog-icon {\n  position: relative;\n  bottom: 24px;\n  right: 14px; }\n\n.pricing-badge {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px; }\n  .pricing-badge .badge {\n    float: right;\n    transform: rotate(45deg);\n    right: -67px;\n    top: 17px;\n    position: relative;\n    text-align: center;\n    width: 200px;\n    font-size: 13px;\n    margin: 0;\n    padding: 7px 10px;\n    font-weight: 500;\n    color: #1c84ee;\n    background: #fff; }\n\n.pricing-tab-box .nav-link {\n  padding: 16px 20px;\n  border: 1px solid #e9e9ef;\n  background: #fff; }\n  .pricing-tab-box .nav-link.active {\n    border: 1px solid #1c84ee;\n    padding: 16px 20px;\n    background: #fff; }\n    .pricing-tab-box .nav-link.active i {\n      color: #1c84ee; }\n      .pricing-tab-box .nav-link.active i:before {\n        content: \"\\e9a8\"; }\n    .pricing-tab-box .nav-link.active h1 {\n      color: #1c84ee; }\n\n.pricing-table-bg {\n  background: #fff; }\n\nbody[data-layout-mode=dark] .pricing-tab-box .nav-link {\n  border-color: #30373f;\n  background: #242a30; }\n  body[data-layout-mode=dark] .pricing-tab-box .nav-link.active {\n    border-color: #1c84ee;\n    background: #242a30; }\n\nbody[data-layout-mode=dark] .pricing-table-bg {\n  background: #242a30; }\n\n.error-title {\n  text-transform: uppercase;\n  background: repeating-linear-gradient(45deg, #1c84ee, #1c84ee 20px, #34c38f 40px, #34c38f 10px);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-size: 12rem;\n  line-height: .8;\n  position: relative; }\n","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 1002;\r\n    background-color: $header-bg;\r\n    border-bottom: 1px solid $border-color;\r\n    box-shadow: $header-box-shadow;\r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 $grid-gutter-width 0 0;\r\n\r\n    .dropdown .show {\r\n        &.header-item {\r\n            background-color: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    width: $navbar-brand-box-width;\r\n    background: $sidebar-bg;\r\n    border-right: 1px solid $sidebar-border-color;\r\n}\r\n\r\n.logo {\r\n    line-height: 69px;\r\n    color: inherit !important;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-txt {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    vertical-align: middle;\r\n    margin-left: 5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.logo-light {\r\n    display: none;\r\n}\r\n\r\n\r\nbody:not([data-sidebar-size=\"sm\"]) {\r\n    #vertical-menu-btn {\r\n        margin-left: -52px;\r\n        margin-right: 20px;\r\n        @media (max-width: 991.98px){\r\n            margin-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 40px} / 2) 0;\r\n    position: relative;\r\n\r\n    .form-control {\r\n        border: none;\r\n        height: 40px;\r\n        padding-left: 17px;\r\n        padding-right: 50px;\r\n        background-color: $topbar-search-bg;\r\n        box-shadow: none;\r\n    }\r\n    .btn {\r\n        position: absolute;\r\n        right: 3px;\r\n        top: 3px;\r\n        height: 34px;\r\n        padding: 0 10px;\r\n    }\r\n}\r\n\r\n.layout-mode-light {\r\n    display: none;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .layout-mode-dark {\r\n        display: none;\r\n    }\r\n    .layout-mode-light {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    background-color: $gray-600;\r\n    padding: 3px;\r\n}\r\n\r\n.noti-icon {\r\n    i {\r\n        font-size: 22px;\r\n        color: $header-item-color;\r\n    }\r\n\r\n    .badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 4px;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: $gray-100;\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .bx-fullscreen::before {\r\n            content: \"\\ea3f\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: $header-dark-bg;\r\n        border-color: $header-dark-bg;\r\n        box-shadow: $header-dark-box-shadow;\r\n    }\r\n    .navbar-brand-box { \r\n        background-color: $header-dark-bg;\r\n        border-color: $header-dark-bg;\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item {\r\n                background-color: rgba($white, 0.05);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .header-item {\r\n        color: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: rgba($white, 0.25);\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba($topbar-search-bg,0.1);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-header {\r\n        .dropdown {\r\n            position: static;\r\n\r\n            .dropdown-menu {\r\n                left: 10px !important;\r\n                right: 10px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    #page-topbar{\r\n        box-shadow: none;\r\n    }\r\n    .navbar-brand-box {\r\n        width: auto;\r\n        border: 0;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        @media  (min-width: 992px){\r\n            padding-left: 0;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n    .page-content {\r\n        margin-top: $header-height;\r\n        padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n    }    \r\n\r\n    .navbar-header{\r\n        @media (min-width: 992px){\r\n            padding-left: $grid-gutter-width;\r\n            padding-right: $grid-gutter-width;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=dark]{\r\n        .navbar-brand-box {\r\n            background-color: transparent;\r\n            box-shadow: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) { \r\n    body[data-layout=\"horizontal\"] {\r\n        .page-content {\r\n            margin-top: 15px;\r\n        }    \r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .header-item {\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    #page-topbar {\r\n        background-color: lighten($gray-dark-200,2%);\r\n        border-color: lighten($gray-dark-200,2%);\r\n    }\r\n\r\n    .app-search{\r\n        // Form Control\r\n        .form-control {\r\n            color: $gray-dark-500;\r\n            background-color: lighten($gray-dark-200,5%);\r\n            border: 1px solid lighten($gray-dark-200,5%);\r\n        }\r\n    }\r\n    \r\n    .notification-item {\r\n        .d-flex:hover {\r\n            background-color: lighten($gray-dark-200,4%);\r\n        }\r\n    }\r\n\r\n    // Dropdown with Icons\r\n    .dropdown-icon-item {\r\n        color: $gray-dark-500;\r\n\r\n        &:hover {\r\n            background-color: $gray-dark-300;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=\"light\"]{\r\n        @media (min-width: 992px) { \r\n            &[data-topbar=\"light\"]{\r\n                .navbar-brand-box{\r\n                    .logo{\r\n                        color: $dark !important;\r\n                    }\r\n                }\r\n\r\n                #vertical-menu-btn{\r\n                    color: $dark;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: $header-bg;\r\n        border-right: none;\r\n        box-shadow: none;\r\n\r\n        .logo{\r\n            color: $dark !important;\r\n        }\r\n    }\r\n\r\n    \r\n    .logo-light {\r\n        display: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: block;\r\n    }\r\n\r\n    #vertical-menu-btn {\r\n        color: $dark !important;\r\n    }\r\n\r\n    .header-item {\r\n        color: $header-item-color;\r\n\r\n        &:hover {\r\n            color: $header-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($dark, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($dark, 0.04) !important;\r\n        }\r\n    }\r\n\r\n\r\n    #page-topbar {\r\n        background-color: $header-bg;\r\n        border-color: $gray-300;\r\n    }\r\n\r\n     // Dropdown with Icons\r\n     .dropdown-icon-item {\r\n        color: $gray-500;\r\n\r\n        &:hover {\r\n            background-color: $gray-300;\r\n        }\r\n    }\r\n\r\n    .app-search{\r\n        // Form Control\r\n        .form-control {\r\n            color: $gray-500;\r\n            background-color: lighten($gray-200,2%);\r\n            border: 1px solid $gray-300;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: $gray-600;\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-item-color;\r\n        }\r\n    }\r\n    \r\n    .notification-item {\r\n        .d-flex {\r\n    \r\n            &:hover {\r\n                background-color: $gray-100;\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n    padding-bottom: $grid-gutter-width;\r\n\r\n    .breadcrumb {\r\n        background-color: transparent;\r\n        padding: 0;\r\n    }\r\n}","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 20px calc(#{$grid-gutter-width} / 2);\r\n    position: absolute;\r\n    right: 0;\r\n    color: $footer-color;\r\n    left: 250px;\r\n    height: $footer-height;\r\n    background-color: $footer-bg;\r\n    border-top: 1px solid $border-color;\r\n\r\n    @media (max-width: 991.98px) {\r\n        left: 0;\r\n    }\r\n}\r\n  \r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .footer {\r\n        background-color: $gray-dark-200;\r\n        color: $gray-dark-500;\r\n        border-color: lighten($gray-dark-200,2.5%);\r\n    }\r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        display: block;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .right-bar {\r\n        background-color: $gray-dark-200;\r\n    }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1001;\r\n    background: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    border-right: 1px solid $sidebar-border-color;\r\n    box-shadow: $box-shadow-lg;\r\n}\r\n\r\n.main-content {\r\n    margin-left: $sidebar-width;\r\n    overflow: hidden;\r\n\r\n    .content {\r\n        padding: 0 15px 10px 15px;\r\n        margin-top: $header-height;\r\n    }\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 10px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(90deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0142\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            float: right;\r\n            transition: transform .2s;\r\n            font-size: 1.1rem;\r\n            margin-right: -5px;\r\n            margin-top: -2px;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: block;\r\n                padding: .675rem 1.5rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-size: .845rem;\r\n                transition: all .4s;\r\n\r\n                i {\r\n                    display: inline-block;\r\n                    min-width: 1.75rem;\r\n                    padding-bottom: .125em;\r\n                    font-size: 1.25rem;\r\n                    line-height: 1.40625rem;\r\n                    vertical-align: middle;\r\n                    color: $sidebar-menu-item-icon-color;\r\n                    transition: all .4s;\r\n                }\r\n\r\n                svg {\r\n                    height: 18px;\r\n                    width: 18px;\r\n                    color: $sidebar-menu-item-icon-color;\r\n                    margin-right: 10px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n\r\n                    i {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                    }\r\n\r\n                    svg {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-top: 4px;\r\n            }\r\n\r\n            ul.sub-menu {\r\n                padding: 0;\r\n\r\n                li {\r\n\r\n                    a {\r\n                        padding: .425rem 1.5rem .425rem 3.5rem;\r\n                        font-size: .825rem;\r\n                        color: $sidebar-menu-sub-item-color;\r\n\r\n                        &:hover {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n                    }\r\n\r\n                    ul.sub-menu {\r\n                        padding: 0;\r\n\r\n                        li {\r\n                            a {\r\n                                padding: .4rem 1.5rem .4rem 4.5rem;\r\n                                font-size: 13px;\r\n\r\n                                \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.menu-title {\r\n    padding: 12px 20px !important;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 12px;\r\n    color: $sidebar-menu-item-icon-color;\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.mm-active {\r\n\r\n    > a{\r\n        color: $sidebar-menu-item-active-color !important;\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n\r\n        svg {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n    }\r\n    .active {\r\n        color: $sidebar-menu-item-active-color !important;\r\n\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n        \r\n        svg {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n    }\r\n    > i {\r\n        color: $sidebar-menu-item-active-color !important;\r\n    }\r\n}\r\n\r\n.sidebar-alert {\r\n    background-color: rgba($primary, 0.1) !important;\r\n\r\n    .alertcard-title{\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vertical-menu {\r\n        display: none;\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    body.sidebar-enable {\r\n        .vertical-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    min-height: 1000px;\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: $sidebar-collapsed-width !important;\r\n    }\r\n\r\n    .logo {\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    // Side menu\r\n    .vertical-menu {\r\n        position: absolute;\r\n        width: $sidebar-collapsed-width !important;\r\n        z-index: 5;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .badge,\r\n            .sidebar-alert {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            > ul {\r\n                > li {\r\n                    position: relative;\r\n                    white-space: nowrap;\r\n\r\n                    > a {\r\n                        padding: 15px 20px;\r\n                        transition: none;\r\n                        \r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1.45rem;\r\n                            margin-left: 4px;\r\n                        }\r\n\r\n                        svg {\r\n                            height: 18px;\r\n                            width: 18px;\r\n                            margin-left: 6px;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n\r\n                        &.has-arrow {\r\n                            &:after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        > a {\r\n                            position: relative;\r\n                            width: calc(190px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: darken($sidebar-bg, 4%);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\r\n                            }\r\n\r\n                            svg {\r\n                                color: $sidebar-menu-item-active-color;\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 190px;\r\n                            height: auto !important;\r\n                            box-shadow: $box-shadow-lg;\r\n\r\n                            ul {\r\n                                box-shadow: $box-shadow-lg;\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: $white;\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 190px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                                padding: 5px 0;\r\n                            }\r\n                        }\r\n\r\n                        >a {\r\n                            span.pull-right {\r\n                                position: absolute;\r\n                                right: 20px;\r\n                                top: 12px;\r\n                                transform: rotate(270deg);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    li.active {\r\n                        a {\r\n                            color: $gray-100;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    #sidebar-menu {\r\n        .mm-active>.has-arrow:after{\r\n            transform: rotate(0deg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: $sidebar-dark-bg;\r\n        box-shadow: 0px 3px 1px $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .vertical-menu {\r\n        background: $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color :$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                a {\r\n                    color: $sidebar-dark-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n\r\n                    svg {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n\r\n                        svg {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-dark-menu-sub-item-color;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    \r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color :$header-item-color;\r\n        }\r\n        // Side menu\r\n        .vertical-menu {\r\n            \r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: lighten($sidebar-dark-bg, 2%);\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n\r\n                                svg {\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-dark-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-dark-bg;\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: $sidebar-dark-menu-item-active-color !important;\r\n                            i{\r\n                                color: $sidebar-dark-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: $sidebar-dark-menu-item-active-color !important;\r\n        > a{\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n            svg {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n        }\r\n        > i {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n            svg {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-icon-color;\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title{\r\n                    background-color: lighten($sidebar-dark-bg, 2%);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"md\"] {\r\n    .navbar-brand-box{\r\n        width: $sidebar-width-sm;\r\n        @media (max-width: 991.98px){\r\n            width: auto;\r\n        }\r\n    }\r\n    .vertical-menu{\r\n        width: $sidebar-width-sm;\r\n        text-align: center;\r\n\r\n        .has-arrow:after,\r\n        .badge,\r\n        .sidebar-alert {\r\n            display: none !important;\r\n        }\r\n    }\r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n    .footer {\r\n        left: $sidebar-width-sm;\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul li {\r\n            a{\r\n                svg{\r\n                    display: block;\r\n                    margin: 0 auto 4px;\r\n                }\r\n            }\r\n            ul.sub-menu {\r\n                li {\r\n                    a{\r\n                        padding-left: 1.5rem;\r\n                    }\r\n\r\n                    ul.sub-menu li a {\r\n                        padding-left: 1.5rem;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .main-content {\r\n            margin-left: $sidebar-collapsed-width;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                text-align: left;\r\n                >ul{\r\n                    >li{\r\n                        >a {\r\n                            svg{\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n    .vertical-menu{\r\n        background-color: $primary;\r\n    }\r\n    .navbar-brand-box{\r\n        background-color: $primary;\r\n        box-shadow: 0px 1px 0px $primary;\r\n        .logo-dark{\r\n            display: none;\r\n        }\r\n        .logo-light{\r\n            display: block;\r\n        }\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .mm-active {\r\n        color: $white !important;\r\n        > a{\r\n            color: $white !important;\r\n            i {\r\n                color: $white !important;\r\n            }\r\n            svg {\r\n                color: $white !important;\r\n            }\r\n        }\r\n        .active {\r\n            color: $white !important;\r\n            svg {\r\n                color: $white !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color:$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                &.menu-title{\r\n                    color: rgba($white, 0.6);\r\n                }\r\n\r\n                a{\r\n                    color: rgba($white, 0.6);\r\n                    i{\r\n                        color: rgba($white, 0.6);\r\n                    }\r\n                    svg {\r\n                        color: rgba($white, 0.6);\r\n                    }\r\n                    &.waves-effect {\r\n                        .waves-ripple {\r\n                          background: rgba($white, 0.1);\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $white;\r\n    \r\n                        i {\r\n                            color: $white;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n                        a{\r\n                            color: rgba($white,.5);\r\n                            &:hover {\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .sidebar-alert{\r\n        background-color: rgba($white, 0.1);\r\n        color: rgba($white, 0.5);\r\n        .alertcard-title{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color: $header-item-color;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                >ul{\r\n                    >li{\r\n                        &:hover>a{\r\n                            background-color: lighten($primary, 2%);\r\n                            color: $white;\r\n                            i, svg{\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul{\r\n                    li{\r\n                        &.mm-active {\r\n                            .active{\r\n                                color: $white !important;\r\n                            }\r\n                        }\r\n\r\n                        ul.sub-menu {\r\n                            li {\r\n                                a{\r\n                                    &:hover {\r\n                                        color: $sidebar-menu-item-active-color;\r\n                                    }\r\n                                }\r\n                                &.mm-active {\r\n                                    color: $sidebar-menu-item-active-color !important;\r\n                                    > a{\r\n                                        color: $sidebar-menu-item-active-color !important;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Dark Layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    &[data-sidebar=dark], &[data-sidebar=brand] {\r\n        .vertical-menu,\r\n        .navbar-brand-box {\r\n            border-color: transparent\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=light]{\r\n        .sidebar-alert {\r\n            background-color: rgba($primary, 0.1);\r\n            color: $body-color;\r\n        \r\n            .alertcard-title{\r\n                color: $primary;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"]{\r\n    #sidebar-menu{\r\n        .has-arrow:after{\r\n            content: \"\\F0141\"\r\n        }\r\n    }\r\n}","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n    background: $header-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    margin-top: $header-height;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    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            i{\r\n                font-size: 15px;\r\n            }\r\n            svg {\r\n                height: 16px;\r\n                width: 16px;\r\n                color: $menu-item-color;\r\n                margin-right: 7px;\r\n                margin-top: -3px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                }\r\n            }\r\n        }\r\n        \r\n        .dropdown-item{\r\n            color: $menu-item-color;\r\n            &.active, &:hover{\r\n                color: $menu-item-active-color;\r\n            }\r\n        }\r\n        \r\n        .nav-item{\r\n            .nav-link.active{\r\n                color: $menu-item-active-color;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: $menu-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-item-active-color;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title{\r\n        padding: 12px 24px !important;\r\n        @media (max-width: 991.98px) {\r\n            padding: 12px 16px !important;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0 !important;\r\n                        left: 100%;\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down {\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .navbar-brand-box{\r\n        .logo-dark {\r\n            display: $display-block;\r\n            span.logo-sm{\r\n                display: $display-block;\r\n            }\r\n        }\r\n    \r\n        .logo-light {\r\n            display: $display-none;\r\n        }\r\n    }\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 24px;\r\n                &.dropdown-mega-menu-xl{\r\n                    width: auto;\r\n    \r\n                    .row{\r\n                        margin: 0px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item {\r\n                position: relative;\r\n                background-color: transparent;\r\n\r\n                &.active,\r\n                &:active {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Colored Topbar \r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\r\n    #page-topbar{\r\n        background-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba($topbar-search-bg,0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n    .header-item {\r\n        color: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item{\r\n                background-color: rgba($white,0.1);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    @include media-breakpoint-up(lg) {\r\n        .topnav{\r\n            background-color: $primary;\r\n            .navbar-nav {\r\n        \r\n                .nav-link {\r\n                    color: rgba($white, 0.6);\r\n                    \r\n                    &:focus, &:hover{\r\n                        color: rgba($white, 0.9);\r\n                    }\r\n                }\r\n        \r\n                > .dropdown{\r\n                    &.active{\r\n                      >a {\r\n                            color: rgba($white, 0.9) !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .topnav {\r\n        background-color: $topnav-dark-bg;\r\n\r\n        .navbar-nav{\r\n            .nav-link{\r\n                color: $menu-dark-item-color;\r\n\r\n                svg {\r\n                    height: 16px;\r\n                    width: 16px;\r\n                    color: $menu-dark-item-color;\r\n                    fill: rgba($menu-dark-item-color,0.2);\r\n                    margin-right: 7px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:focus, &:hover{\r\n                    color: $menu-dark-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-dark-item-active-color;\r\n                        fill: rgba($menu-dark-item-active-color,0.2);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item{\r\n                color: $menu-dark-item-color;\r\n                &.active, &:hover{\r\n                    color: $menu-dark-item-active-color;\r\n                }\r\n            }\r\n\r\n            .nav-item{\r\n                .nav-link.active{\r\n                    color: $menu-dark-item-active-color;\r\n                }\r\n            }\r\n\r\n            .dropdown{\r\n                &.active{\r\n                  >a {\r\n                        color: $menu-dark-item-active-color;\r\n                        background-color: transparent;\r\n                        svg {\r\n                            color: $menu-dark-item-active-color;\r\n                            fill: rgba($menu-dark-item-active-color,0.2);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .menu-title{\r\n            color: rgba($menu-dark-item-color,0.6);\r\n        }\r\n    }\r\n}\r\n\r\n","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: $boxed-body-bg;\r\n    #layout-wrapper {\r\n        background-color: $body-bg;\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n        min-height: 100vh;\r\n    }\r\n\r\n    #page-topbar {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        @media (min-width: 992px) {\r\n            #layout-wrapper {\r\n                min-height: 1200px;\r\n            }\r\n        }\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n    #page-topbar, #layout-wrapper, .footer {\r\n        max-width: 100%;\r\n    }\r\n    .container-fluid, .navbar-header {\r\n        max-width: $boxed-layout-width;\r\n    }\r\n}\r\n\r\n// Scrollable layout\r\n\r\nbody[data-layout-scrollable=\"true\"] {\r\n    @media (min-width: 992px) {\r\n        #page-topbar, .vertical-menu{\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    &[data-layout=\"horizontal\"]{\r\n        @media (min-width: 992px) {\r\n            #page-topbar, .topnav{\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    &[data-layout-size=\"boxed\"] {\r\n        background-color: lighten($gray-dark-200, 4%);\r\n\r\n        #layout-wrapper {\r\n            background-color: $gray-dark-100;\r\n        }\r\n    }\r\n}\r\n\r\n","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","//\n// accordion.scss\n//\n\nbody[data-layout-mode=\"dark\"] {\n\n    // accordion\n\n    .accordion-button{\n      border-color: $gray-dark-300;\n      color: $gray-dark-600;\n      &:not(.collapsed){\n          background-color: rgba($primary, 0.2);\n          color: $primary;\n      }\n    }\n\n    .accordion-item{\n        border-color: $gray-dark-300;\n    }\n    \n    .accordion-collapse{\n        border-color: $gray-dark-300;\n    }\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-xxl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n// avatar group\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap;\n  .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid $card-bg;\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n    font-size: 10px !important;\n}\n\n.font-size-11 {\n    font-size: 11px !important;\n}\n\n.font-size-12 {\n    font-size: 12px !important;\n}\n\n.font-size-13 {\n    font-size: 13px !important;\n}\n\n.font-size-14 {\n    font-size: 14px !important;\n}\n\n.font-size-15 {\n    font-size: 15px !important;\n}\n\n.font-size-16 {\n    font-size: 16px !important;\n}\n\n.font-size-17 {\n    font-size: 17px !important;\n}\n\n.font-size-18 {\n    font-size: 18px !important;\n}\n\n.font-size-20 {\n    font-size: 20px !important;\n}\n\n.font-size-22 {\n    font-size: 22px !important;\n}\n\n.font-size-24 {\n    font-size: 24px !important;\n}\n\n// Font weight help class\n\n.fw-medium {\n    font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n    font-weight: $font-weight-semibold;\n}\n\n\n// Icons Sizes\n.icon-xs {\n    height: 14px;\n    width: 14px;\n}\n\n.icon-sm {\n    height: 16px;\n    width: 16px;\n}\n\n.icon-md {\n    height: 18px;\n    width: 18px;\n}\n\n.icon-lg {\n    height: 20px;\n    width: 20px;\n}\n\n.icon-xl {\n    height: 22px;\n    width: 22px;\n}\n\n\n// Card Height 100\n.card-h-100 {\n    height: calc(100% - #{$grid-gutter-width});\n}\n\n\n// Social\n\n.social-list-item {\n    height: 2rem;\n    width: 2rem;\n    line-height: calc(2rem - 4px);\n    display: block;\n    border: 2px solid $gray-500;\n    border-radius: 50%;\n    color: $gray-500;\n    text-align: center;\n    transition: all 0.4s;\n\n    &:hover {\n        color: $gray-600;\n        background-color: $gray-200;\n    }\n}\n\n.w-xs {\n    min-width: 80px;\n}\n\n.w-sm {\n    min-width: 95px;\n}\n\n.w-md {\n    min-width: 110px;\n}\n\n.w-lg {\n    min-width: 140px;\n}\n\n.w-xl {\n    min-width: 160px;\n}\n\n// bg overlay\n.bg-overlay{\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    opacity: 0.7;\n    background-color: $black;\n}\n\n.bg-overlay-gradient{\n    background: linear-gradient(to bottom, rgba($dark, 0.5) 30%, $dark 100%);\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    opacity: 0.7;\n}\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        background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;\n    }\n}\n\n\nbody[data-layout-mode=\"dark\"] {\n    \n    .btn-close {\n        background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n    }\n\n    // border\n    .border-light{\n        border-color: $gray-dark-300 !important;\n    }\n\n    .border-bottom{\n        border-bottom: 1px solid $gray-dark-300 !important;\n    }\n\n    .border-top,\n    .border,\n    .list-group-item {\n        border-color: $gray-dark-300 !important;\n    }\n\n    @each $color, $value in $theme-colors {\n        .border-#{$color} {\n            border-color: $value !important;\n        }\n    }\n\n    // text colors\n    .text-dark{\n        color: $gray-dark-800 !important;\n    }\n\n    .text-muted{\n        color: $gray-dark-400 !important;\n    }\n\n    .text-body{\n        color: $gray-dark-500 !important;\n    }\n\n    // List item\n    .list-group-item {\n        background-color: $gray-dark-200;\n        color: $gray-dark-500;\n    }\n\n    // img thumbnail\n\n    .img-thumbnail{\n        background-color: lighten($gray-dark-200,2.5%);\n        border-color: $gray-dark-300;\n    }\n\n    // popover-header\n    .popover-header{\n        color: $gray-dark-200;\n    }\n\n}\n\n.btn-group-vertical{\n    label{\n        margin-bottom: 0;\n    }\n}\n\n.btn-group{\n    label{ margin-bottom:0}\n}","// \r\n// _modal.scss\r\n// \r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    // modal\r\n    .modal-header, .modal-footer{\r\n        border-color: $gray-dark-300;;\r\n    }\r\n}","//\r\n// Forms.scss\r\n//\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n  &::placeholder {\r\n    text-align: left /*rtl: right*/;\r\n  }\r\n}\r\n\r\n.form-check {\r\n  position: relative;\r\n  text-align: left /*rtl: right*/;\r\n}\r\n\r\n// checkbox input right\r\n\r\n.form-check-right {\r\n  padding-left: 0;\r\n  display: inline-block;\r\n  padding-right: $form-check-padding-start;\r\n  .form-check-input {\r\n    float: right;\r\n    margin-left: 0;\r\n    margin-right: $form-check-padding-start * -1;\r\n  }\r\n\r\n  .form-check-label {\r\n    display: block;\r\n  }\r\n}\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline {\r\n  .form-check-input {\r\n    border-width: 2px;\r\n    background-color: $card-bg;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: -4px !important;\r\n        left: 1px; /*rtl: -4px */\r\n        font-size: 16px;\r\n        color: $dark;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// radio\r\n\r\n.form-radio-outline {\r\n  .form-check-input {\r\n    background-color: $card-bg;\r\n    position: relative;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        top: 3px !important;\r\n        left: 3px;\r\n        width: 5px;\r\n        height: 5px;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// checkbox color\r\n\r\n@each $color, $value in $theme-colors {\r\n  .form-check-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-radio-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        border-color: $value;\r\n        background-color: $value;\r\n        &:after {\r\n          background-color: $value;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.form-check,\r\n.form-check-input,\r\n.form-check-label {\r\n  cursor: pointer;\r\n  margin-bottom: 0;\r\n}\r\n\r\n// Switch sizes\r\n\r\n.form-switch-md {\r\n  font-size: 20px;\r\n  min-height: 26px;\r\n  line-height: 26px;\r\n\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.form-switch-lg {\r\n  font-size: 26px;\r\n  min-height: 36px;\r\n  line-height: 36px;\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.input-group-text {\r\n  margin-bottom: 0px;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  // Form Control\r\n  .form-control {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border: 1px solid $gray-dark-300;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  // form-select\r\n  .form-select {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2.5%);\r\n    border: 1px solid $gray-dark-300;\r\n    background-image: escape-svg(\r\n      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-dark-800}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\")\r\n    );\r\n  }\r\n\r\n  // form-check\r\n\r\n  .form-check-input {\r\n    background-color: $gray-dark-300;\r\n    border-color: rgba($white, 0.25);\r\n    &:checked {\r\n      background-color: $form-check-input-checked-bg-color;\r\n      border-color: $form-check-input-checked-border-color;\r\n    }\r\n  }\r\n\r\n  // form switch\r\n\r\n  .form-switch {\r\n    .form-check-input {\r\n      background-image: escape-svg($form-switch-checked-bg-image);\r\n    }\r\n  }\r\n\r\n  // input group\r\n  .input-group-text {\r\n    background-color: $gray-dark-300;\r\n    border-color: $gray-dark-300;\r\n    color: $gray-dark-600;\r\n  }\r\n\r\n  .form-control {\r\n    &::-webkit-file-upload-button {\r\n      background-color: $gray-dark-300;\r\n      color: $gray-dark-600;\r\n    }\r\n    &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\r\n      background-color: $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  // form-range\r\n\r\n  .form-range {\r\n    &::-webkit-slider-runnable-track {\r\n      background-color: $gray-dark-300 !important;\r\n    }\r\n    &::-moz-range-track {\r\n      background-color: $gray-dark-300 !important;\r\n    }\r\n  }\r\n}\r\n","// \r\n// Widgets.scss\r\n// \r\n\r\n.widget-box-1-icon {\r\n    position: absolute;\r\n    right: -25px;\r\n    bottom: -25px;\r\n    font-size: 6rem;\r\n    opacity: 0.1;\r\n}\r\n\r\n.widget-carousel{\r\n    .carousel-indicators{\r\n        margin: 0px auto;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.dash-widget{\r\n    width: 85px;\r\n}\r\n\r\n// activity widget\r\n\r\n.activity-border {\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 80px;\r\n        border-left: 2px dashed  $gray-400;\r\n        top: 40px;\r\n        left: 2px;\r\n    }\r\n}\r\n\r\n.activity-wid {\r\n    margin-left: 16px;\r\n\r\n    .activity-list {\r\n        position: relative;\r\n        padding: 0 0 20px 45px;\r\n\r\n        .activity-icon {\r\n            position: absolute;\r\n            left: -20px;\r\n            top: -3px;\r\n            z-index: 2;\r\n            background: $card-bg;\r\n            img {\r\n                border: 5px solid $card-bg;\r\n            }\r\n            span {\r\n                border: 5px solid $card-bg;\r\n            }\r\n        }\r\n        &:last-child {\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .activity-wid {\r\n        .activity-list {\r\n            .activity-icon {\r\n                background: $gray-dark-200;\r\n                img, span {\r\n                    border-color: $gray-dark-200;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .activity-border {\r\n        &:before {\r\n            border-color:  $gray-dark-300;\r\n        }\r\n    }\r\n}","// \r\n// toasts.scss\r\n//\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .toast, .toast-header{\r\n        background-color: rgba($gray-dark-300, 0.85);\r\n        color: $gray-dark-400;\r\n    }\r\n\r\n    .toast-header{\r\n        color: $gray-dark-500;\r\n    }\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n\r\n\r\n.grid-example{\r\n  background-color: rgba($primary, 0.05);\r\n  border-radius: 5px;\r\n  font-weight: $font-weight-medium;\r\n  padding: 10px 20px;\r\n  font-size: .8rem;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n  }\r\n\r\n[dir=\"rtl\"]{\r\n  .modal-open{\r\n    padding-left: 0px !important;\r\n  }\r\n}\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    color: $gray-500;\r\n  \r\n    i, svg{\r\n      display: inline-flex;\r\n      width: 40px;\r\n      height: 40px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 20px;\r\n      color: $gray-600;\r\n      transition: all 0.4s;\r\n      border: 1px solid $border-color;\r\n      border-radius: 50%;\r\n      margin-right: 16px;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    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          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n        }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: $gray-100;\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n\r\n// card radio\r\n\r\n.card-radio{\r\n  background-color: $card-bg;\r\n  border: 2px solid $card-border-color;\r\n  border-radius: $border-radius;\r\n  padding: 1rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n\r\n  &:hover{\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.card-radio-label{\r\n  display: block;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n  display: none;\r\n  &:checked + .card-radio {\r\n    border-color: $primary !important;\r\n  }\r\n}\r\n\r\n.spin-left:before {\r\n  animation: spin-left 2s infinite linear;\r\n}\r\n\r\n.spin-right:before {\r\n  animation: spin-right 2s infinite linear;\r\n}\r\n\r\n@keyframes spin-left {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(-359deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes spin-right {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(359deg);\r\n    transform: rotate(359deg);\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n \r\n  // Grid\r\n  .grid-structure .grid-container, .grid-example {\r\n    background-color: lighten($gray-dark-200,2.5%);\r\n  }\r\n\r\n  .icon-demo-content{\r\n      color: $gray-dark-400;\r\n      i{\r\n        border-color: $gray-dark-300;\r\n        color: $gray-dark-400;\r\n      }\r\n  }\r\n\r\n  \r\n  // Lightbox \r\n\r\n  .glightbox-clean {\r\n    .gslide-description{\r\n      background-color: $gray-dark-300;\r\n    }\r\n\r\n    .gslide-title{\r\n      color: $gray-dark-600;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.tooltip, .popover{\r\n  z-index: 9;\r\n}","// \r\n// print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n    .vertical-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-header,\r\n    .footer {\r\n        display: none !important;\r\n    }\r\n    .card-body,\r\n    .main-content,\r\n    .right-bar,\r\n    .page-content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .card{\r\n        border: 0;\r\n    }\r\n}","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","//\r\n// Bootstrap touchspin\r\n//\r\n\r\n.bootstrap-touchspin {\r\n  &.input-group {\r\n    &>.input-group-prepend {\r\n\r\n      &>.btn,\r\n      &>.input-group-text {\r\n        border-top-right-radius: 0;\r\n        border-bottom-right-radius: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.input-group {\r\n    &>.input-group-append {\r\n\r\n      &>.btn,\r\n      &>.input-group-text {\r\n        border-top-left-radius: 0;\r\n        border-bottom-left-radius: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .input-group-btn-vertical {\r\n    right: 0;\r\n\r\n    .btn {\r\n      right: 0 !important;\r\n      left: 100% !important;\r\n    }\r\n\r\n    .bootstrap-touchspin-up {\r\n      border-top-right-radius: 4px !important;\r\n      border-bottom-right-radius: 0 !important;\r\n      border-top-left-radius: 0 !important;\r\n      border-bottom-left-radius: 0 !important;\r\n    }\r\n\r\n    .bootstrap-touchspin-down {\r\n      border-top-right-radius: 0 !important;\r\n      border-bottom-right-radius: 4px !important;\r\n      border-top-left-radius: 0 !important;\r\n      border-bottom-left-radius: 0 !important;\r\n    }\r\n  }\r\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\r\n\r\n.fc {\r\n    .fc-toolbar {\r\n        h2 {\r\n            font-size: 16px;\r\n            line-height: 30px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n\r\n            .fc-left,\r\n            .fc-right,\r\n            .fc-center {\r\n                float: none;\r\n                display: block;\r\n                text-align: center;\r\n                clear: both;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            >*>* {\r\n                float: none;\r\n            }\r\n\r\n            .fc-today-button {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            text-transform: capitalize;\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        color: $gray-700;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-bold;\r\n    }\r\n}\r\n\r\n.fc-unthemed {\r\n\r\n    .fc-content,\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-list-view,\r\n    .fc-popover,\r\n    .fc-row,\r\n    tbody,\r\n    td,\r\n    th,\r\n    thead {\r\n        border-color: $gray-300;\r\n    }\r\n\r\n    td.fc-today {\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n}\r\n\r\n.fc-button {\r\n    background: $card-bg;\r\n    border-color: $border-color;\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    padding: 6px 12px !important;\r\n    height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n    background-color: $primary;\r\n    color: $white;\r\n    text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n    border-radius: 2px;\r\n    border: none;\r\n    cursor: move;\r\n    font-size: 0.8125rem;\r\n    margin: 5px 7px;\r\n    padding: 5px 5px;\r\n    text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-event .fc-content {\r\n    color: $white;\r\n}\r\n\r\n#external-events {\r\n    .external-event {\r\n        text-align: left;\r\n        padding: 8px 16px;\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    }\r\n}","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n    .close {\r\n        display: none;\r\n    }\r\n\r\n    .countdown-holder {\r\n        color: $danger;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $white;\r\n        color: $danger;\r\n        box-shadow: none;\r\n    }\r\n}","//\r\n// Range slider\r\n//\r\n\r\n.noUi-connect {\r\n  background: $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,\r\n      &::after {\r\n          display: none;\r\n      }\r\n      &:focus {\r\n          outline: 0;\r\n      }       \r\n  }\r\n}\r\n.noUi-connects, .noUi-touch-area {\r\n  cursor: pointer;\r\n  \r\n}\r\n.noUi-pips-horizontal {\r\n  height: 50px;\r\n}\r\n\r\n.noUi-vertical {\r\n  width: 8px;\r\n  .noUi-handle {\r\n      height: 20px;\r\n      width: 20px;\r\n      right: -7px;\r\n      top: -12px;\r\n      border-radius: 50%;\r\n      &::before,\r\n      &::after {\r\n          display: none;\r\n      }\r\n      &:focus {\r\n          outline: 0;\r\n      }\r\n  }\r\n}\r\n\r\n.noUi-value {\r\n  font-size: 12px;\r\n}\r\n\r\n.noUi-marker-horizontal {\r\n  &.noUi-marker-large {\r\n      height: 6px;\r\n  }\r\n\r\n  &.noUi-marker {\r\n      display: none;\r\n  }\r\n}\r\n\r\n.noUi-target {\r\n  background-color: $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,\r\n#green,\r\n#blue {\r\n  margin: 10px;\r\n  display: inline-block;\r\n  height: 200px;\r\n}\r\n\r\n#colorpicker {\r\n  height: 240px;\r\n  width: 310px;\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  border: 1px solid $border-color;\r\n}\r\n\r\n#result {\r\n  margin: 60px 26px;\r\n  height: 100px;\r\n  width: 100px;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  border: 1px solid $border-color;\r\n  box-shadow: 0 0 3px;\r\n  border-radius: 7px;\r\n}\r\n\r\n#red {\r\n  .noUi-connect {\r\n      background: $danger;\r\n  }\r\n}\r\n\r\n#green {\r\n  .noUi-connect {\r\n      background: $success;\r\n  }\r\n}\r\n\r\n#blue {\r\n  .noUi-connect {\r\n      background: $primary;\r\n  }\r\n}\r\n\r\n// Adding keyboard support\r\n\r\n.form-control {\r\n  &.keyboard {\r\n      max-width: 340px !important;\r\n  }\r\n}\r\n\r\n// Using HTML5 input elements\r\n\r\n#input-select,\r\n#input-number {\r\n  padding: 7px;\r\n  margin: 15px 5px 5px;\r\n  width: 70px;\r\n}\r\n\r\n// Non linear slider\r\n\r\n.example-val {\r\n  font-size: 12px;\r\n  color: $text-muted;\r\n  display: block;\r\n  margin: 15px 0;\r\n  &:before {\r\n      content: \"Value: \";\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n  }\r\n}\r\n\r\n// showing tooltips\r\n\r\n.noUi-tooltip {\r\n  display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n  display: block;\r\n}\r\n\r\n// Colored Connect Elements\r\n\r\n.c-1-color {\r\n  background: $danger;\r\n}\r\n.c-2-color {\r\n  background: $warning;\r\n}\r\n.c-3-color {\r\n  background: $success;\r\n}\r\n.c-4-color {\r\n  background: $primary;\r\n}\r\n.c-5-color {\r\n  background: $purple;\r\n}\r\n\r\n//  slider togle\r\n\r\n#slider-toggle {\r\n  height: 50px;\r\n  &.off {\r\n      .noUi-handle {\r\n          border-color: $danger;\r\n      }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .noUi-target {\r\n      background-color: $gray-dark-300;\r\n      border-color: $gray-dark-300;\r\n      box-shadow: inset 0 1px 1px $gray-dark-300, 0 3px 6px -5px $gray-dark-300;\r\n  }\r\n\r\n  .example-val {\r\n      color: $gray-dark-400;\r\n  }\r\n}\r\n","\r\n//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 22px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n}\r\n\r\n.swal2-modal{\r\n  font-size: 14px;\r\n}\r\n\r\n.swal2-icon{\r\n  &.swal2-question{\r\n    border-color: $info;\r\n    color: $info;\r\n  }\r\n  &.swal2-success {\r\n    [class^=swal2-success-line]{\r\n      background-color: $success;\r\n    }\r\n\r\n    .swal2-success-ring{\r\n      border-color: rgba($success, 0.3);\r\n    }\r\n  }\r\n  &.swal2-warning{\r\n    border-color: $warning;\r\n    color: $warning;\r\n  }\r\n}\r\n\r\n.swal2-styled{\r\n  &:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\r\n    background: $primary;\r\n    &.swal2-active-progress-step{\r\n      background: $primary;\r\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n        background: rgba($primary, 0.3);\r\n      }\r\n    }\r\n  }\r\n\r\n  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-loader{\r\n  border-color: $primary transparent $primary transparent;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"]{\r\n  .swal2-popup{\r\n    background-color: $gray-dark-300 !important;\r\n  }\r\n  .swal2-content{\r\n      color: $gray-dark-500;\r\n  }\r\n  .swal2-html-container{\r\n    color: $gray-dark-400;\r\n  }\r\n}","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n\r\n.alertify {\r\n    .ajs-header{\r\n        font-weight: $font-weight-medium;\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: $modal-content-bg;\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: $modal-content-bg;\r\n        }\r\n    }\r\n\r\n    .ajs-footer {\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                font-weight: $font-weight-medium;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n\r\n            &.ajs-primary{\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ajs-body .ajs-content .ajs-input:focus-visible{\r\n        outline: none;\r\n    }\r\n\r\n    .ajs-commands{\r\n        right: 4px;\r\n        left: auto;\r\n        margin: -14px 0 0 24px;\r\n    }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n    .ajs-message{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n        text-shadow: none !important;\r\n        &.ajs-success{\r\n            background-color: $success;\r\n            border-color: $success;\r\n        }\r\n        &.ajs-error{\r\n            background-color: $danger;\r\n            border-color: $danger;\r\n        }\r\n        &.ajs-warning{\r\n            background-color: $warning;\r\n            border-color: $warning;\r\n        }\r\n    }\r\n\r\n\r\n    &.ajs-right {\r\n        right: 10px;\r\n        left: auto;\r\n        .ajs-message {\r\n            right: -320px;\r\n            left: auto;\r\n            &.ajs-visible {\r\n                right: 290px;\r\n                left: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.ajs-left {\r\n        left: 10px;\r\n        right: auto;\r\n        .ajs-message {\r\n            left: -300px;\r\n            right: auto;\r\n            &.ajs-visible {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .alertify {\r\n        .ajs-dialog{\r\n            background-color: $gray-dark-200;\r\n        }\r\n\r\n        .ajs-header, .ajs-footer{\r\n            color: $gray-dark-600;\r\n            background-color: $gray-dark-200;\r\n            border-color: $gray-dark-300;\r\n        }\r\n\r\n        .ajs-body{\r\n            color: $gray-dark-500;\r\n            .ajs-content{\r\n                .ajs-input{\r\n                    color: $gray-dark-500;\r\n                    background-color: lighten($gray-dark-200, 2%);\r\n                    border: 1px solid $gray-dark-300;\r\n                }\r\n            }\r\n        }\r\n\r\n        .ajs-footer{\r\n            .ajs-buttons .ajs-button{\r\n                color: $gray-dark-500;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","\r\n//\r\n// Pristine\r\n//\r\n\r\n.pristine-error {\r\n  margin-top: 2px;\r\n  color: $danger;\r\n}\r\n\r\n.has-success{\r\n  .form-control {\r\n    border-color: $success;\r\n  }\r\n}\r\n\r\n.has-danger{\r\n  .form-control {\r\n    border-color: $danger;\r\n  }\r\n}","//\r\n// choices\r\n//\r\n\r\n.choices__inner {\r\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\r\n  background-color: $form-select-bg;\r\n  vertical-align: middle;\r\n  border-radius: $form-select-border-radius;\r\n  border: $form-select-border-width solid $dropdown-border-color !important;\r\n  min-height: 38px;\r\n}\r\n\r\n.choices__list--dropdown{\r\n  border: 1px solid $dropdown-border-color !important;\r\n  box-shadow: $box-shadow;\r\n}\r\n\r\n.choices[data-type*=\"select-one\"] {\r\n  .choices__inner {\r\n    padding-bottom: 0.25rem;\r\n  }\r\n  .choices__button {\r\n    right: 0;\r\n    left: auto;\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n\r\n  &:after {\r\n    border-color: $dark transparent transparent;\r\n    right: 11.5px;\r\n    left: auto;\r\n  }\r\n\r\n  &.is-open:after {\r\n    border-color: transparent transparent $dark;\r\n  }\r\n}\r\n\r\n.choices__input {\r\n  background-color: $input-bg;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.choices__list--multiple {\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  .choices__item {\r\n    background-color: $primary;\r\n    border-color: $primary;\r\n    margin-bottom: 0;\r\n    margin-right: 7px;\r\n    font-weight: $font-weight-normal;\r\n    &.is-highlighted {\r\n      background-color: $primary;\r\n      border: 1px solid $primary;\r\n    }\r\n  }\r\n}\r\n\r\n.choices.is-disabled {\r\n  .choices__inner,\r\n  .choices__input {\r\n    background-color: $light;\r\n  }\r\n}\r\n\r\n.is-disabled .choices__list--multiple {\r\n  .choices__item {\r\n    background-color: $secondary;\r\n    border-color: $secondary;\r\n  }\r\n}\r\n\r\n.choices[data-type*=\"select-multiple\"],\r\n.choices[data-type*=\"text\"] {\r\n  .choices__button {\r\n    border-left: 1px solid rgba($white, 0.5);\r\n    margin: 0 -4px 0 8px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n// Dark layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .choices__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  }\r\n\r\n  .choices[data-type*=\"select-one\"] {\r\n    &:after {\r\n      border-color: $gray-dark-500 transparent transparent;\r\n    }\r\n\r\n    &.is-open:after {\r\n      border-color: transparent transparent $gray-dark-500;\r\n    }\r\n\r\n    .choices__input {\r\n      background-color: lighten($gray-dark-200, 2%);\r\n      border: 1px solid $gray-dark-300;\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .choices__list--dropdown {\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border-color: $gray-dark-300;\r\n\r\n    .choices__item--selectable {\r\n      &.is-highlighted {\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n\r\n  .choices.is-disabled {\r\n    .choices__inner,\r\n    .choices__input {\r\n      background-color: lighten($gray-dark-200, 2%);\r\n    }\r\n  }\r\n}\r\n","//\r\n//  Sweetalert2\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n  &:before {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 4px;\r\n  }\r\n}\r\n","\r\n//\r\n// colorpicker.scss\r\n//\r\n\r\n.pcr-app{\r\n  background: $card-bg;\r\n}\r\n\r\n.pcr-app[data-theme=classic]{\r\n  .pcr-selection {\r\n    .pcr-color-preview{\r\n      margin-right: .75em;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .pcr-color-chooser, .pcr-color-opacity{\r\n      margin-left: .75em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .pcr-app{\r\n    background-color: $gray-dark-300;\r\n  }\r\n}","//\r\n// Datepicker\r\n//\r\n// flatpickr\r\n\r\n.flatpickr-input {\r\n    &[readonly] {\r\n        background-color: $input-bg;\r\n    }\r\n}\r\n\r\n.flatpickr-months,\r\n.flatpickr-weekdays {\r\n    background-color: $primary;\r\n}\r\n\r\nspan.flatpickr-weekday {\r\n    color: $white;\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.flatpickr-current-month {\r\n    .flatpickr-monthDropdown-months {\r\n        &:hover {\r\n            background-color: transparent !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-am-pm,\r\n.numInput,\r\n.numInputWrapper {\r\n    &:focus,\r\n    &:hover {\r\n        background-color: transparent !important;\r\n    }\r\n}\r\n\r\n.flatpickr-weekdays {\r\n    height: 36px !important;\r\n    border-bottom: 1px solid $border-color;\r\n}\r\n\r\n.flatpickr-day {\r\n    color: $dark !important;\r\n    &:hover,\r\n    &:focus {\r\n        background-color: rgba($light, 0.7) !important;\r\n    }\r\n    &.today {\r\n        border-color: $primary !important;\r\n        background-color: rgba($primary, 0.1);\r\n        &:hover,\r\n        &:focus {\r\n            color: $dark !important;\r\n            background-color: rgba($primary, 0.15) !important;\r\n        }\r\n    }\r\n    &.selected {\r\n        background-color: $primary !important;\r\n        border-color: $primary !important;\r\n        color: $white !important;\r\n    }\r\n\r\n    &.flatpickr-disabled,\r\n    &.flatpickr-disabled:hover,\r\n    &.prevMonthDay,\r\n    &.nextMonthDay,\r\n    &.notAllowed,\r\n    &.notAllowed.prevMonthDay,\r\n    &.notAllowed.nextMonthDay {\r\n        color: rgba($dark, 0.3) !important;\r\n    }\r\n\r\n    &.inRange,\r\n    &.prevMonthDay.inRange,\r\n    &.nextMonthDay.inRange,\r\n    &.today.inRange,\r\n    &.prevMonthDay.today.inRange,\r\n    &.nextMonthDay.today.inRange,\r\n    &:hover,\r\n    &.prevMonthDay:hover,\r\n    &.nextMonthDay:hover,\r\n    &:focus,\r\n    &.prevMonthDay:focus,\r\n    &.nextMonthDay:focus {\r\n        background-color: $light;\r\n        border-color: $light;\r\n    }\r\n    &.inRange {\r\n        box-shadow: -5px 0 0 $light, 5px 0 0 $light;\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month,\r\n    .flatpickr-month {\r\n        color: rgba($white, 0.9) !important;\r\n        fill: rgba($white, 0.9) !important;\r\n    }\r\n}\r\n\r\n.flatpickr-monthDropdown-month {\r\n    color: rgba($black, 0.8);\r\n}\r\n.flatpickr-current-month {\r\n    input.cur-year {\r\n        &[disabled],\r\n        &[disabled]:hover {\r\n            color: rgba($white, 0.9) !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-time {\r\n    input,\r\n    .flatpickr-time-separator,\r\n    .flatpickr-am-pm {\r\n        color: $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,\r\n        0 3px 13px rgba(0, 0, 0, 0.08) !important;\r\n    &.hasTime {\r\n        .flatpickr-time {\r\n            border-top: 1px solid $border-color !important;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    border-radius: 5px 5px 0px 0px;\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month {\r\n        &:hover {\r\n            svg {\r\n                fill: rgba($white, 0.9) !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n    .flatpickr-calendar {\r\n        background-color: lighten($gray-dark-200, 2.5%) !important;\r\n        box-shadow: 1px 0 0 $gray-dark-300, -1px 0 0 $gray-dark-300, 0 1px 0 $gray-dark-300, 0 -1px 0 $gray-dark-300,\r\n            0 3px 13px rgba(0, 0, 0, 0.08) !important;\r\n        &.hasTime {\r\n            .flatpickr-time {\r\n                border-top: 1px solid $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,\r\n        &:focus {\r\n            background-color: rgba($gray-dark-300, 0.7) !important;\r\n        }\r\n\r\n        &.today {\r\n            &:hover,\r\n            &:focus {\r\n                color: $gray-dark-500 !important;\r\n            }\r\n        }\r\n\r\n        &.inRange,\r\n        &.prevMonthDay.inRange,\r\n        &.nextMonthDay.inRange,\r\n        &.today.inRange,\r\n        &.prevMonthDay.today.inRange,\r\n        &.nextMonthDay.today.inRange,\r\n        &:hover,\r\n        &.prevMonthDay:hover,\r\n        &.nextMonthDay:hover,\r\n        &:focus,\r\n        &.prevMonthDay:focus,\r\n        &.nextMonthDay:focus {\r\n            background-color: $gray-dark-300;\r\n            border-color: $gray-dark-300;\r\n        }\r\n\r\n        &.selected {\r\n            background-color: $primary !important;\r\n            border-color: $primary !important;\r\n            color: $white !important;\r\n        }\r\n\r\n        &.flatpickr-disabled,\r\n        &.flatpickr-disabled:hover,\r\n        &.prevMonthDay,\r\n        &.nextMonthDay,\r\n        &.notAllowed,\r\n        &.notAllowed.prevMonthDay,\r\n        &.notAllowed.nextMonthDay {\r\n            color: rgba($gray-dark-500, 0.3) !important;\r\n        }\r\n\r\n        &.inRange {\r\n            box-shadow: -5px 0 0 $gray-dark-300, 5px 0 0 $gray-dark-300;\r\n        }\r\n    }\r\n\r\n    .flatpickr-time {\r\n        input,\r\n        .flatpickr-time-separator,\r\n        .flatpickr-am-pm {\r\n            color: $gray-dark-500 !important;\r\n        }\r\n\r\n        .numInputWrapper span {\r\n            &.arrowUp:after {\r\n                border-bottom-color: $gray-dark-500;\r\n            }\r\n            &.arrowDown:after {\r\n                border-top-color: $gray-dark-500;\r\n            }\r\n        }\r\n    }\r\n}\r\n","//\r\n// Form editors.scss\r\n//\r\n\r\n// CK Editor\r\n\r\n.ck {\r\n    &.ck-toolbar {\r\n        background-color: rgba($light, 0.75) !important;\r\n        border: 1px solid $input-border-color !important;\r\n\r\n        &.ck-toolbar_grouping > .ck-toolbar__items {\r\n            flex-wrap: wrap !important;\r\n        }\r\n\r\n        .ck.ck-toolbar__separator {\r\n            background: transparent !important;\r\n        }\r\n    }\r\n\r\n    &.ck-editor__main > .ck-editor__editable {\r\n        border-top: 0 !important;\r\n        background-color: $card-bg !important;\r\n        border-color: $input-border-color !important;\r\n        box-shadow: $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: 'Be Vietnam Pro', sans-serif;\r\n}\r\n\r\n// Tinymce\r\n\r\n.tox-tinymce {\r\n    border: 1px solid $input-border-color !important;\r\n  }\r\n  \r\n  .tox {\r\n    .tox-collection__item {\r\n        color: $dropdown-link-color !important;\r\n    }\r\n  \r\n    .tox-menu.tox-collection.tox-collection--list.tox-selected-menu,\r\n    .tox-collection--toolbar.tox-collection--toolbar-lg.tox-selected-menu,\r\n    .tox-swatches-menu.tox-selected-menu {\r\n        box-shadow: $box-shadow-sm !important;\r\n        animation-name: DropDownSlide !important;\r\n        animation-duration: 0.3s !important;\r\n        animation-fill-mode: both !important;\r\n        margin: 0 !important;\r\n        position: absolute !important;\r\n        z-index: 1000 !important;\r\n        padding: 0.5rem 0 !important;\r\n        background-color: $dropdown-bg !important;\r\n        border: $dropdown-border-width solid $dropdown-border-color !important;\r\n        border-radius: 0.25rem !important;\r\n    }\r\n  \r\n    .tox-collection--list .tox-collection__group {\r\n        border-color: $border-color !important;\r\n    }\r\n  \r\n    .tox-collection--list {\r\n        .tox-collection__item--active {\r\n            color: $dropdown-link-hover-color !important;\r\n            background-color: $dropdown-link-hover-bg !important;\r\n        }\r\n    }\r\n  \r\n    .tox-collection__group-heading {\r\n        color: $dropdown-link-hover-color !important;\r\n        background-color: $dropdown-link-hover-bg !important;\r\n    }\r\n  \r\n    .tox-statusbar {\r\n        border-top: 1px solid $light !important;\r\n    }\r\n  \r\n    .tox-menubar,\r\n    .tox-edit-area__iframe,\r\n    .tox-statusbar {\r\n        background-color: $card-bg !important;\r\n        background: none !important;\r\n    }\r\n  \r\n    .tox-mbtn {\r\n        color: $gray-700 !important;\r\n  \r\n        &:hover:not(:disabled):not(.tox-mbtn--active) {\r\n            background-color: $light !important;\r\n        }\r\n    }\r\n  \r\n    .tox-tbtn {\r\n        &:hover {\r\n            background-color: $light !important;\r\n        }\r\n    }\r\n  \r\n    .tox-toolbar,\r\n    .tox-toolbar__overflow,\r\n    .tox-toolbar__primary {\r\n        background: $light !important;\r\n    }\r\n  \r\n    .tox-toolbar__primary {\r\n        border-top-color: $light !important;\r\n    }\r\n  \r\n    .tox-tbtn {\r\n        color: $gray-700 !important;\r\n  \r\n        svg {\r\n            fill: $gray-700 !important;\r\n        }\r\n    }\r\n  \r\n    .tox-edit-area__iframe {\r\n        background-color: $card-bg !important;\r\n    }\r\n  \r\n    .tox-statusbar a,\r\n    .tox-statusbar__path-item,\r\n    .tox-statusbar__wordcount {\r\n        color: $gray-700 !important;\r\n    }\r\n  \r\n    &:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\r\n        border-right: 1px solid darken($light, 5%) !important;\r\n    }\r\n  \r\n    .tox-collection--toolbar {\r\n        .tox-collection__item--active {\r\n            background-color: $gray-300 !important;\r\n        }\r\n    }\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\n    a.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\n    a.ck.ck-button.ck-on,\r\n    .ck.ck-button:not(.ck-disabled):hover,\r\n    a.ck.ck-button:not(.ck-disabled):hover {\r\n        background: rgba($gray-dark-400, 0.2) !important;\r\n    }\r\n\r\n    // Tinymce\r\n\r\n    .tox-tinymce {\r\n        border: 1px solid $gray-dark-300 !important;\r\n      }\r\n\r\n      .tox {\r\n        .tox-statusbar{\r\n            border-top: 1px solid $gray-dark-300!important; \r\n        }\r\n      }\r\n\r\n    .tox {\r\n        .tox-toolbar,\r\n    .tox-toolbar__overflow,\r\n    .tox-toolbar__primary {\r\n        background: lighten($gray-dark-200,5%) !important;\r\n        border-top: lighten($gray-dark-200,5%) !important ;\r\n    }\r\n\r\n    .tox-mbtn {\r\n        color: $gray-700 !important;\r\n  \r\n        &:hover:not(:disabled):not(.tox-mbtn--active) {\r\n            background-color: transparent !important;\r\n        }\r\n    }\r\n\r\n    \r\n        .tox-tbtn{\r\n            &:hover{\r\n                background: transparent !important;\r\n            }\r\n        }\r\n\r\n    &:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\r\n        border-right: 1px solid lighten($gray-dark-200,5%) !important;\r\n    }\r\n\r\n    }\r\n    \r\n\r\n    .tox-menubar,\r\n    .tox-edit-area__iframe,\r\n    .tox-statusbar {\r\n        background-color: $gray-dark-200 !important;\r\n        background: none !important;\r\n    }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n    .ck.ck-toolbar > .ck-toolbar__items {\r\n        flex-direction: row-reverse;\r\n    }\r\n}\r\n","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed $gray-400;\r\n  background: $card-bg;\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .dropzone {\r\n    background: lighten($gray-dark-200, 1%);\r\n    border-color: $gray-dark-300;\r\n  }\r\n}","//\r\n// Form Wizard\r\n//\r\n\r\n// twitter-bs-wizard\r\n\r\n.twitter-bs-wizard{\r\n  .twitter-bs-wizard-nav{\r\n\r\n    .step-icon{\r\n      display: inline-block;\r\n      width: 56px;\r\n      height: 56px;\r\n      line-height: 56px;\r\n      border: 1px solid rgba($primary, 0.2);\r\n      color: $primary;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      position: relative;\r\n      z-index: 1;\r\n      font-size: 20px;\r\n\r\n      @media (max-width: 575.98px) {\r\n        width: 40px;\r\n        height: 40px;\r\n        line-height: 38px;\r\n      }\r\n    }\r\n\r\n    .step-title{\r\n      margin-left: 6px;\r\n    }\r\n\r\n    .nav-item{\r\n      &:last-child{\r\n        .nav-link{\r\n          &::after{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .nav-link{\r\n        &.done{\r\n          .step-icon{\r\n            background-color: $primary;\r\n            color: $white;\r\n          }\r\n          .uil{\r\n            &:before{\r\n              content: \"\\e9c3\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .nav-link{\r\n      font-size: 14px;\r\n      position: relative;\r\n      @media (max-width: 575.98px) {\r\n        padding: 0.5rem;\r\n      }\r\n      &::after{\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 75%;\r\n        height: 2px;\r\n        background-color: $border-color;\r\n        left: 62%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        @media (max-width: 575.98px) {\r\n          display: none;\r\n        }\r\n      }\r\n      &.active{\r\n        color: $gray-700;\r\n        background-color: transparent;\r\n\r\n        .step-icon{\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n          border-color: rgba($primary, 0.2);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  .twitter-bs-wizard-pager-link{\r\n    padding-top: 24px;\r\n      padding-left: 0;\r\n      list-style: none;\r\n      margin-bottom: 0;\r\n      li{\r\n        display: inline-block;\r\n\r\n        &.next{\r\n          float: right;\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n.twitter-bs-wizard-tab-content{\r\n  padding-top: 24px;\r\n  min-height: 262px;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .twitter-bs-wizard {\r\n    .twitter-bs-wizard-nav {\r\n      .nav-link::after{\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n}","\r\n\r\n/* \r\nDatatable\r\n*/\r\n\r\n// datatable\r\n\r\ndiv.dataTables_wrapper {\r\n  div.dataTables_filter{\r\n    text-align: right;\r\n\r\n    @media (max-width: 767px){\r\n      text-align: center;\r\n    }\r\n\r\n\r\n    input{\r\n      margin-left: 0.5em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.table, table{\r\n  &.dataTable{\r\n    &.dtr-inline.collapsed>tbody>tr>td{\r\n      position: relative;\r\n      &.dtr-control{\r\n        padding-left: 30px;\r\n        &:before{\r\n          top: 50%;\r\n          left: 5px;\r\n          height: 14px;\r\n          width: 14px;\r\n          margin-top: -9px;\r\n          display: block;\r\n          position: absolute;\r\n          color: $white;\r\n          border: 2px solid $white;\r\n          border-radius: 14px;\r\n          box-sizing: content-box;\r\n          text-align: center;\r\n          text-indent: 0 !important;\r\n          line-height: 14px;\r\n          content: '+';\r\n          background-color: $primary;\r\n        }\r\n      }\r\n    }\r\n\r\n    >thead{\r\n      >tr{\r\n        >th, >td{\r\n          &:not(.sorting_disabled){\r\n            padding-right: 30px;\r\n            padding-left: 12px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .sorting, \r\n      .sorting_asc, \r\n      .sorting_desc, \r\n      .sorting_asc_disabled, \r\n      .sorting_desc_disabled{\r\n        &::before{\r\n          right: 1em;\r\n          left: auto;\r\n        }\r\n\r\n        &::after{\r\n          right: .5em;\r\n          left: auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","\r\n//\r\n// Select 2\r\n//\r\n\r\n.select2-container {\r\n\r\n  .select2-selection--single {\r\n    background-color: $input-bg;\r\n    border: 1px solid $input-border-color;\r\n    height: 38px;\r\n    &:focus{\r\n      outline: none;\r\n    }\r\n\r\n    .select2-selection__rendered {\r\n      line-height: 36px;\r\n      padding-left: $input-padding-x;\r\n      color: $input-color;\r\n    }\r\n\r\n    .select2-selection__arrow {\r\n      height: 34px;\r\n      width: 34px;\r\n      right: 3px;\r\n\r\n      b{\r\n        border-color: $gray-500 transparent transparent transparent;\r\n        border-width: 6px 6px 0 6px;\r\n      }\r\n    }\r\n\r\n    .select2-selection__placeholder{\r\n      color: $body-color;\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--open {\r\n  .select2-selection--single {\r\n\r\n    .select2-selection__arrow {\r\n\r\n      b{\r\n        border-color: transparent transparent $gray-500 transparent !important;\r\n        border-width: 0 6px 6px 6px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--default {\r\n  .select2-search--dropdown {\r\n      padding: 10px;\r\n      background-color: $dropdown-bg;\r\n      .select2-search__field {\r\n          border: 1px solid  $input-border-color;\r\n          background-color: $input-bg;\r\n          color: $gray-600;\r\n          outline: none;\r\n      }\r\n  }\r\n  .select2-results__option--highlighted[aria-selected] {\r\n      background-color: $primary;\r\n  }\r\n  .select2-results__option[aria-selected=true] {\r\n      background-color: $dropdown-link-active-bg;\r\n      color: $dropdown-link-active-color;\r\n      &:hover {\r\n          background-color: $primary;\r\n          color: $white;\r\n      }\r\n  }\r\n}\r\n\r\n.select2-results__option {\r\n  padding: 6px 12px;\r\n}\r\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered{\r\n  padding-left: $input-padding-x;\r\n}\r\n\r\n\r\n.select2-dropdown {\r\n  border: 1px solid $dropdown-border-color;\r\n  background-color: $dropdown-bg;\r\n  box-shadow: $box-shadow;\r\n}\r\n\r\n.select2-search {\r\n  input{\r\n    border: 1px solid $gray-300;\r\n  }\r\n}\r\n\r\n.select2-container {\r\n  .select2-selection--multiple {\r\n    min-height: 38px;\r\n    background-color: $input-bg;\r\n    border: 1px solid $input-border-color !important;\r\n  \r\n    .select2-selection__rendered {\r\n      padding: 2px $input-padding-x;\r\n    }\r\n    .select2-search__field {\r\n      border: 0;\r\n      color: $input-color;\r\n      &::placeholder{\r\n          color: $input-color;\r\n      }\r\n  }\r\n    .select2-selection__choice {\r\n      background-color: $gray-200;\r\n      border: 1px solid $gray-300;\r\n      border-radius: 1px;\r\n      padding: 0 7px;\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--default{\r\n  &.select2-container--focus {\r\n    .select2-selection--multiple{\r\n      border-color: $gray-400;\r\n    }\r\n  }\r\n\r\n  .select2-results__group{\r\n    font-weight: $font-weight-semibold;\r\n  }\r\n}\r\n\r\n// ajax select\r\n\r\n.select2-result-repository__avatar{\r\n    float: left;\r\n    width: 60px;\r\n    margin-right: 10px;\r\n  img{\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 2px;\r\n  }\r\n}\r\n\r\n.select2-result-repository__statistics{\r\n  margin-top: 7px;\r\n}\r\n\r\n.select2-result-repository__forks, \r\n.select2-result-repository__stargazers, \r\n.select2-result-repository__watchers{\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  margin-right: 1em;\r\n  color: $gray-500;\r\n\r\n  .fa{\r\n    margin-right: 4px;\r\n\r\n    &.fa-flash{\r\n      &::before{\r\n        content: \"\\f0e7\";\r\n        font-family: 'Font Awesome 5 Free';\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.select2-results__option--highlighted{\r\n  .select2-result-repository__forks, \r\n.select2-result-repository__stargazers, \r\n.select2-result-repository__watchers{\r\n  color: rgba($white, 0.8);\r\n}\r\n}\r\n\r\n.select2-result-repository__meta{\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n// templating-select\r\n\r\n.img-flag{\r\n  margin-right: 7px;\r\n  height: 15px;\r\n  width: 18px;\r\n}\r\n\r\n\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .select2-container {\r\n    .select2-selection--multiple{\r\n      background-color: lighten($gray-dark-200, 2%);\r\n      color: $gray-500;\r\n      border: 1px solid $gray-dark-300 !important;\r\n      .select2-search__field {\r\n        background-color: lighten($gray-dark-200,2.5%);\r\n        border-color: $gray-dark-300;\r\n        &::placeholder{\r\n          color: $gray-500;\r\n         }\r\n      }\r\n    }\r\n    .select2-selection--single {\r\n      background-color: lighten($gray-dark-200, 2%);\r\n      border: 1px solid $gray-dark-300;\r\n\r\n      .select2-selection__rendered {\r\n        color: $gray-500;\r\n      }\r\n    }\r\n\r\n    .select2-dropdown {\r\n      background-color: lighten($gray-dark-200,2.5%);\r\n      border-color: $gray-dark-300;\r\n      color: $gray-dark-500;\r\n    }\r\n\r\n  }\r\n  .select2-container--default {\r\n    .select2-search--dropdown {\r\n      background-color: lighten($gray-dark-200,2.5%);\r\n      border-color: $gray-dark-300;\r\n      .select2-search__field {\r\n        background-color: lighten($gray-dark-200,2.5%);\r\n        border-color: $gray-dark-300;\r\n     }\r\n    }\r\n        .select2-results__option[aria-selected=true] {\r\n          background-color: lighten($gray-dark-200,5%);\r\n          color: $gray-500;\r\n      }\r\n  }\r\n}","//\r\n// Responsive Table\r\n//\r\n\r\n\r\n.table-rep-plugin {\r\n    .btn-toolbar {\r\n        display: block;\r\n    }\r\n    .table-responsive {\r\n        border: none !important;\r\n    }\r\n    .btn-group {\r\n        .btn-default {\r\n            background-color: $secondary;\r\n            color: $light;\r\n            border: 1px solid $secondary;\r\n            &.btn-primary {\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n                color: $white;\r\n                box-shadow: 0 0 0 2px rgba($primary, 0.5);\r\n            }\r\n        }\r\n        &.pull-right {\r\n            float: right;\r\n            .dropdown-menu {\r\n                right: 0;\r\n                transform: none !important;\r\n                top: 100% !important;\r\n            }\r\n        }\r\n    }\r\n    tbody {\r\n        th {\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n        }\r\n    }\r\n\r\n    .checkbox-row {\r\n        padding-left: 40px;\r\n        color: $dropdown-color !important;\r\n\r\n        &:hover {\r\n            background-color: lighten($gray-200, 2%) !important;\r\n        }\r\n\r\n        label {\r\n            display: inline-block;\r\n            padding-left: 5px;\r\n            position: relative;\r\n            &::before {\r\n                -o-transition: 0.3s ease-in-out;\r\n                -webkit-transition: 0.3s ease-in-out;\r\n                background-color: $white;\r\n                border-radius: 3px;\r\n                border: 1px solid $gray-300;\r\n                content: \"\";\r\n                display: inline-block;\r\n                height: 17px;\r\n                left: 0;\r\n                margin-left: -20px;\r\n                position: absolute;\r\n                transition: 0.3s ease-in-out;\r\n                width: 17px;\r\n                outline: none !important;\r\n            }\r\n            &::after {\r\n                color: $gray-200;\r\n                display: inline-block;\r\n                font-size: 11px;\r\n                height: 16px;\r\n                left: 0;\r\n                margin-left: -20px;\r\n                padding-left: 3px;\r\n                padding-top: 1px;\r\n                position: absolute;\r\n                top: -1px;\r\n                width: 16px;\r\n            }\r\n        }\r\n        input[type=\"checkbox\"] {\r\n            cursor: pointer;\r\n            opacity: 0;\r\n            z-index: 1;\r\n            outline: none !important;\r\n\r\n            &:disabled + label {\r\n                opacity: 0.65;\r\n            }\r\n        }\r\n        input[type=\"checkbox\"]:focus + label {\r\n            &::before {\r\n                outline-offset: -2px;\r\n                outline: none;\r\n            }\r\n        }\r\n        input[type=\"checkbox\"]:checked + label {\r\n            &::after {\r\n                content: \"\\f00c\";\r\n                font-family: \"Font Awesome 5 Free\";\r\n                font-weight: 900;\r\n            }\r\n        }\r\n        input[type=\"checkbox\"]:disabled + label {\r\n            &::before {\r\n                background-color: $gray-100;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n        input[type=\"checkbox\"]:checked + label {\r\n            &::before {\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n            }\r\n            &::after {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fixed-solution {\r\n        .sticky-table-header {\r\n            top: $header-height !important;\r\n            background-color: $primary;\r\n            table {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n\r\n    table.focus-on tbody tr.focused th,\r\n    table.focus-on tbody tr.focused td,\r\n    .sticky-table-header {\r\n        background: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n\r\n        table {\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    @media (min-width: 992px) {\r\n        .fixed-solution {\r\n            .sticky-table-header {\r\n                top: $header-height + 50px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n","\r\n//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n  input, select{\r\n    height: $input-height-sm;\r\n    padding: $input-padding-y-sm $input-padding-x-sm;\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    color: $input-color;\r\n    border-radius: $input-border-radius;\r\n    &:focus{\r\n      outline: none;\r\n      border-color: $input-focus-border-color;\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .table-edits{\r\n    input,  select{\r\n      color: $gray-dark-500;\r\n      background-color: lighten($gray-dark-200,2%);\r\n      border: 1px solid $gray-dark-300;\r\n      &:focus{\r\n        border-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: $gray-600 !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .apexcharts-gridline {\r\n        stroke: lighten($gray-dark-200,2.5%);\r\n    }\r\n\r\n    .apexcharts-tooltip.apexcharts-theme-light {\r\n        background-color: $gray-dark-200;\r\n        border-color: lighten($gray-dark-200,2.5%);\r\n\r\n        .apexcharts-tooltip-title {\r\n            background-color: $gray-dark-300;\r\n            border-color: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n\r\n    .apexcharts-legend-text {\r\n        color: $gray-dark-500 !important;\r\n    }\r\n\r\n    .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g,\r\n    .apexcharts-grid-row {\r\n        + line {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n\r\n    .apexcharts-xaxis line,\r\n    .apexcharts-treemap-rect,\r\n    .apexcharts-heatmap-rect,\r\n    .apexcharts-pie-area {\r\n        stroke: lighten($gray-dark-300,2.5%);\r\n    }\r\n\r\n    .apexcharts-radialbar-track.apexcharts-track {\r\n        path {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n    .apexcharts-radar-series.apexcharts-plot-series {\r\n        polygon,\r\n        line {\r\n            fill: $gray-dark-300;\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n    .apexcharts-pie {\r\n        circle {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n}","\r\n//\r\n// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n    height: 350px;\r\n}","//\r\n// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n  box-sizing: content-box;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  background-color: $gray-800 !important;\r\n  box-shadow: $box-shadow-lg;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: $gray-900 !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: $gray-200 !important;\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  font-family: $font-family-base !important;\r\n  font-weight: $font-weight-medium !important;\r\n}\r\n\r\n// Dark Layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .jqstooltip {\r\n    background-color: $gray-dark-800 !important;\r\n    border-color: $gray-dark-800 !important;\r\n  }\r\n\r\n  .jqsfield {\r\n    color: $gray-dark-300 !important;\r\n  }\r\n}\r\n","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px !important;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","//\r\n// vector-maps.scss\r\n//\r\n\r\n.jvectormap-label {\r\n    border: none;\r\n    background: $gray-800;\r\n    color: $gray-100;\r\n    font-family: $font-family-base;\r\n    font-size: $font-size-base;\r\n    padding: 5px 8px;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n    .jvectormap-label {\r\n        background: $gray-dark-800;\r\n        color: $gray-dark-200;\r\n    }\r\n}","//\r\n// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n    height: 300px;\r\n    &.leaflet-container{\r\n        z-index: 1;\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n.auth-bg{\r\n    background-image: url(\"../images/auth-bg.jpg\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    .bg-overlay{\r\n        background: linear-gradient(to bottom, rgba($dark, 0.5) 30%, $dark 100%);\r\n        opacity: 1;\r\n    }\r\n    @media (min-width: 768px){\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: 3px;\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        color: $text-muted;\r\n        svg{\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.auth-full-page-content{\r\n    min-height: 100vh;\r\n    background-color: $card-bg;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n    .logo-txt{\r\n        color: $dark;\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n\r\n.auth-pass-inputgroup{\r\n    input[type=\"input\"] + .btn .mdi-eye-outline{\r\n        &:before{\r\n            content: \"\\F06D1\";\r\n        }\r\n    }\r\n}\r\n\r\n// for bubble effect\r\n.bg-bubbles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    li {\r\n        position: absolute;\r\n        list-style: none;\r\n        display: block;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 30px;\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n        top: -50px;\r\n        animation: square 20s infinite;\r\n        transition-timing-function: linear;\r\n        &:nth-child(1) {\r\n            left: 10%;\r\n        }\r\n        &:nth-child(2) {\r\n            left: 20%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 2s;\r\n            animation-duration: 17s;\r\n        }\r\n        &:nth-child(3) {\r\n            left: 25%;\r\n            animation-delay: 4s;\r\n        }\r\n        &:nth-child(4) {\r\n            left: 40%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-duration: 22s;\r\n        }\r\n        &:nth-child(5) {\r\n            left: 70%;\r\n            width: 90px;\r\n            height: 90px;\r\n        }\r\n        &:nth-child(6) {\r\n            left: 70%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 3s;\r\n        }\r\n        &:nth-child(7) {\r\n            left: 32%;\r\n            width: 150px;\r\n            height: 150px;\r\n            animation-delay: 7s;\r\n        }\r\n        &:nth-child(8) {\r\n            left: 55%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-delay: 15s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(9) {\r\n            left: 25%;\r\n            width: 50px;\r\n            height: 50px;\r\n            animation-delay: 2s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(10) {\r\n            left: 90%;\r\n            width: 140px;\r\n            height: 140px;\r\n            animation-delay: 11s;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes square {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(1000px) rotate(600deg);\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .form-floating-custom{\r\n        .form-floating-icon{\r\n            color: $gray-dark-400;\r\n        }\r\n    }\r\n\r\n    .auth-logo{\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .auth-full-page-content{\r\n        background-color: $gray-dark-200;\r\n    }\r\n}","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 236px;\r\n  float: left;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: $dark;\r\n    font-weight: 500;\r\n  }\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: $gray-600;\r\n    line-height: 24px;\r\n    padding: 8px 5px;\r\n    &.active {\r\n      color: $danger;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n\r\n    a{\r\n      color: $gray-600;\r\n    }\r\n\r\n    &:hover {\r\n      background: $gray-300;\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n    \r\n  &.unread  {\r\n    background-color: $gray-300;\r\n    font-weight: 500;\r\n    color: darken($dark,5%);\r\n      a{\r\n        color: darken($dark,5%);\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px $gray-400;\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n    input:checked ~ label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: darken($dark,5%);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) { \r\n  .message-list li .col-mail-1 {\r\n      width: 200px;\r\n  }\r\n}\r\n\r\n.email-editor{\r\n  .ck-editor__editable_inline{\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .mail-list{\r\n    a{\r\n      color: $gray-dark-400;\r\n      &.active {\r\n        color: $danger;\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-user-box {\r\n    p.user-title {\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .message-list{\r\n    li {\r\n      a{\r\n        color: $gray-dark-400;\r\n      }\r\n\r\n      &:hover{\r\n        background: lighten($gray-dark-200, 2.5%);\r\n      }\r\n\r\n      &.unread{\r\n        background: lighten($gray-dark-200, 2.5%);\r\n        color: $gray-dark-500;\r\n      }\r\n    }\r\n\r\n    .checkbox-wrapper-mail{\r\n      box-shadow: inset 0 0 0 1px $gray-dark-400;\r\n\r\n      label{\r\n        &::before{\r\n          color: $gray-dark-500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  \r\n}","// \r\n// Chat.scss\r\n//\r\n\r\n// chat left sidebar\r\n\r\n.chat-leftsidebar{\r\n  @media (min-width: 992px) {\r\n    min-width: 260px;\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    min-width: 380px;\r\n  }\r\n\r\n  .chat-leftsidebar-nav{\r\n    .nav{\r\n      .nav-link{\r\n        &.active{\r\n          background-color: $primary;\r\n          color: $white;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// search-box\r\n\r\n.search-box{\r\n  .form-control{\r\n      padding-left: 40px;\r\n  }\r\n  .search-icon{\r\n      font-size: 16px;    \r\n      position: absolute;\r\n      left: 13px;\r\n      top: 0;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n  }\r\n}\r\n\r\n\r\n.chat-noti-dropdown{\r\n  &.active{\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: $danger;\r\n      border-radius: 50%;\r\n      right: 0;\r\n    }\r\n  }\r\n\r\n  .btn{\r\n    padding: 6px;\r\n    box-shadow: none;\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n.chat-message-list{\r\n  height: calc(100vh - 346px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 406px);\r\n  }\r\n}\r\n\r\n\r\n\r\n.chat-list{\r\n  margin: 0;\r\n  li{\r\n    &.active{\r\n      a{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n    a{\r\n      display: block;\r\n      padding: 14px 16px;\r\n      color: $text-muted;\r\n      transition: all 0.4s;\r\n      border-top: 1px solid $border-color;\r\n      position: relative;\r\n      &:hover{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n\r\n    .user-img{\r\n      position: relative;\r\n\r\n      .user-status{\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: $gray-500;\r\n        border-radius: 50%;\r\n        border: 2px solid $card-bg;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n      }\r\n\r\n      &.online{\r\n        .user-status{\r\n          background-color: $success;\r\n        }\r\n      }\r\n\r\n      &.away{\r\n        .user-status{\r\n          background-color: $warning;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.unread{\r\n      a{\r\n        font-weight: $font-weight-semibold;\r\n        color: $dark;\r\n      }\r\n    }\r\n\r\n    .unread-message {\r\n      position: absolute;\r\n      display: inline-block;\r\n      right: 16px;\r\n      top: 33px;\r\n    }\r\n  }\r\n}\r\n\r\n.contact-list{\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  color: $text-muted;\r\n  font-weight: $font-weight-semibold;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n// user chat nav\r\n\r\n.user-chat-nav{\r\n  .dropdown{\r\n    .nav-btn{\r\n      height: 36px;\r\n      width: 36px;\r\n      line-height: 36px;\r\n      box-shadow: none;\r\n      padding: 0;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n}\r\n\r\n// chat conversation\r\n\r\n.chat-conversation{\r\n  li{\r\n    clear: both;\r\n  }\r\n\r\n  .chat-day-title{\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n    border: none;\r\n\r\n    .title{\r\n      background-color: $card-bg;\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 6px 24px;\r\n    }\r\n\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 1px;\r\n      left: 0;\r\n      right: 0;\r\n      background-color: $border-color;\r\n      top: 10px;\r\n    }\r\n    .badge{\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .conversation-list{\r\n    margin-bottom: 24px;\r\n    position: relative;\r\n    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: 8px;\r\n      color: $white;\r\n      position: relative;\r\n      margin-left: 16px;\r\n\r\n      &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 5px solid transparent;\r\n          border-right-color: $primary;\r\n          border-top-color: $primary;\r\n          left: -10px;\r\n          top: 10px;\r\n      }\r\n\r\n      .conversation-name {\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    \r\n          .user-name{\r\n            color: rgba($white, 0.5); \r\n          }\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\r\n  .message-img {\r\n    border-radius: .2rem;\r\n    position: relative;\r\n\r\n      .message-img-list {\r\n          position: relative;\r\n      }\r\n\r\n      img {\r\n          max-width: 120px;\r\n      }\r\n    }\r\n\r\n}\r\n\r\n  .right {\r\n    .conversation-list {\r\n        float: right;\r\n        text-align: right;\r\n\r\n        .ctext-wrap {\r\n\r\n            .ctext-wrap-content {\r\n                order: 2;\r\n                background-color: rgba($light, 0.5);\r\n                text-align: right;\r\n                border-radius: 8px;\r\n                margin-left: 0;\r\n                margin-right: 16px;\r\n                color: $dark;\r\n\r\n                &:before {\r\n                    border: 5px solid transparent;\r\n                    border-top-color: rgba($light, 0.5);\r\n                    border-left-color: rgba($light, 0.5);\r\n                    left: auto;\r\n                    right: -10px;\r\n                }\r\n            }\r\n\r\n            .conversation-name {\r\n              justify-content: flex-end;\r\n              .user-name, .time{\r\n                color: $text-muted; \r\n              }\r\n              .time{\r\n                order: 1;\r\n                margin-left: 0;\r\n                margin-right: 8px;\r\n                position: absolute;\r\n                left: -58px;\r\n                right: auto;\r\n              }\r\n\r\n              .user-name{\r\n                  order: 2;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            order: 1;\r\n        }\r\n      }\r\n  }\r\n}\r\n\r\n.chat-send{\r\n  @media (max-width: 575.98px) {\r\n    min-width: auto;\r\n  }\r\n }\r\n\r\nbody[data-layout=\"horizontal\"]{\r\n  .chat-message-list{\r\n    height: calc(100vh - 346px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 476px);\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    height: calc(100vh - 300px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 420px);\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n  .chat-leftsidebar{\r\n    .chat-leftsidebar-nav {\r\n      .nav .nav-link{\r\n        &.active{\r\n          background-color: $gray-dark-200;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-list{\r\n    li{\r\n      a{\r\n        color: $gray-dark-400;\r\n        border-color: $gray-dark-300;\r\n      }\r\n\r\n      .user-img{\r\n        .user-status{\r\n          border-color: $gray-dark-300;\r\n        }\r\n      }\r\n\r\n      &.unread{\r\n        a{\r\n          color: $gray-dark-500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    .chat-day-title {\r\n      .title{\r\n        background-color: $gray-dark-200;\r\n      }\r\n\r\n      &::before{\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n\r\n    .right{\r\n      .conversation-list {\r\n        .ctext-wrap {\r\n          .ctext-wrap-content{\r\n            background-color: rgba($gray-dark-300, 0.5);\r\n            color: $gray-dark-500;\r\n            &::before{\r\n              border-top-color: rgba($gray-dark-300, 0.5);\r\n              border-left-color: rgba($gray-dark-300, 0.5);\r\n            }\r\n          }\r\n\r\n          .conversation-name{\r\n            .time, .user-name{\r\n              color: $gray-dark-400;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// \r\n// coming-soon.scss\r\n//\r\n\r\n.slide-bg{\r\n    height: 100vh;\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.coming-content{\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 1;\r\n    left: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .app-search{\r\n        max-width: 340px;\r\n    }\r\n}\r\n\r\n.preview-thumbsnav{\r\n    position: absolute;\r\n    bottom: 14px;\r\n    z-index: 9;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    max-width: 120px;\r\n    .nav-img{\r\n        cursor: pointer;\r\n        padding: 3px;\r\n        background-color: rgba($white, 0.1);\r\n        border: 1px solid rgba($white, 0.1);\r\n\r\n        @media (max-width: 575.98px) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .swiper-slide-thumb-active{\r\n        .nav-img{\r\n            background-color: $white;\r\n            border: 1px solid $white;\r\n        }\r\n    }\r\n}\r\n\r\n.coming-box {\r\n    width: 25%;\r\n    &:last-of-type{\r\n        .count-num{\r\n            &::after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// counter number\r\n\r\n.counter-number {\r\n    font-size: 32px;\r\n    font-weight: $font-weight-semibold;\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 24px;\r\n    @media (max-width: 575.98px) {\r\n        font-size: 18px;\r\n    }\r\n    .count-title {\r\n        position: relative;\r\n        bottom: -120px;\r\n        @media (max-width: 575.98px) {\r\n            bottom: -95px;\r\n            font-size: 14px;\r\n        }\r\n        font-size: 16px;\r\n        font-weight: $font-weight-medium;\r\n        display: block;\r\n        padding-bottom: 6px;\r\n        color: rgba($white, 0.5);\r\n    }\r\n}\r\n\r\n.count-num{\r\n    background-color: rgba($white, 0.1);\r\n    padding: 16px 8px;\r\n    position: relative;\r\n    border-radius: 4px;\r\n    color: $white;\r\n\r\n    &::after{\r\n        content: \":\";\r\n        font-size: 20px;\r\n        position: absolute;\r\n        right: -16px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: $white;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .count-num{\r\n        background-color: $gray-dark-300;\r\n    }\r\n\r\n    .preview-thumbsnav .swiper-slide-thumb-active .nav-img{\r\n        background-color: $gray-dark-300;\r\n        border-color: $gray-dark-300;\r\n    }\r\n}","// \r\n// 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        top: 0;\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.product-detai-imgs{\r\n    .nav{\r\n        .nav-link{\r\n            margin: 7px 0px;\r\n\r\n            &.active{\r\n                background-color: $gray-300;\r\n            }\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.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// timeline.scss\r\n//\r\n\r\n\r\n/************** vertical timeline **************/\r\n\r\n.timeline {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 30px 0;\r\n    @media (max-width: 767.98px) {\r\n      padding: 0;\r\n    }\r\n    .timeline-end,\r\n    .timeline-start,\r\n    .timeline-year {\r\n      position: relative;\r\n      width: 100%;\r\n      text-align: center;\r\n      z-index: 1;\r\n      p {\r\n        display: inline-block;\r\n        width: 80px;\r\n        height: 80px;\r\n        margin: 0;\r\n        padding: 30px 0;\r\n        text-align: center;\r\n        background-color: $primary;\r\n        border-radius: 100px;\r\n        color: $white;\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n    .timeline-year {\r\n      margin: 30px 0;\r\n    }\r\n    .timeline-continue {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 60px 0;\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 1px;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 50%;\r\n        margin-left: -1px;\r\n        background: $primary;\r\n      }\r\n    }\r\n    .timeline-icon {\r\n      margin: 42px 10px 0 10px;\r\n    }\r\n    .timeline-left {\r\n          text-align: right;\r\n          .timeline-icon {\r\n              text-align: left;\r\n          }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              text-align: right;\r\n          }\r\n          text-align: left;\r\n      }\r\n    .timeline-icon {\r\n        &::after {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            width: 14px;\r\n            height: 14px;\r\n            top: 45px;\r\n            background: $primary;\r\n            border-radius: 15px;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .event-content{\r\n        padding-right: 24px;\r\n      }\r\n\r\n      .timeline-text {\r\n        margin-right: 40px;\r\n      }\r\n    }\r\n\r\n    \r\n    .timeline-left {\r\n        .timeline-icon {\r\n            &::after {\r\n                left: -7px;\r\n            }\r\n        }\r\n        @media (min-width: 768px) {\r\n          .event-content{\r\n            padding-right: 0;\r\n            padding-left: 24px;\r\n          }\r\n\r\n          .timeline-text {\r\n            margin-right: 0px;\r\n            margin-left: 40px;\r\n          }\r\n\r\n          .event-img{\r\n            justify-content: flex-end;\r\n          }\r\n        }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              &::after {\r\n                  right: -7px;\r\n              }\r\n          }\r\n      }\r\n    .timeline-box {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          background-color: $card-bg;\r\n          box-shadow: $box-shadow;\r\n          border-radius: 6px;\r\n          &::after {\r\n              content: \"\";\r\n              position: absolute;\r\n              width: 16px;\r\n              height: 16px;\r\n              top: 26px;\r\n              background-color: $white;\r\n              border: 1px solid $light;\r\n              transform: rotate(45deg);\r\n              margin: 0px auto;\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid $gray-200;\r\n          border-radius: 6px;\r\n          width: 100%;\r\n          margin: 15px 0;\r\n          padding: 0;\r\n          border: none;\r\n          text-align: center;\r\n          background: transparent;\r\n      }\r\n  }\r\n  \r\n  \r\n  .timeline-date {\r\n    right: 20px;\r\n\r\n    @media (max-width: 767.98px) {\r\n      left: -70px;\r\n      right: auto;\r\n    }\r\n  }\r\n  \r\n  .timeline-left {\r\n\r\n    .timeline-date {\r\n      left: 20px;\r\n      @media (max-width: 767.98px) {\r\n        left: -70px;\r\n        right: auto;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .timeline {\r\n    .timeline-date {\r\n      width: 54px;\r\n      height: 80px;\r\n      display: inline-block;\r\n      padding: 8px;\r\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\r\n      top: -10px;\r\n      position: absolute;\r\n      z-index: 1;\r\n      @media (max-width: 767.98px) {\r\n        top: 0px;\r\n      }\r\n    }\r\n      .timeline-right {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: transparent transparent $light $light;\r\n                  left: -8px;\r\n                  right: 100%;\r\n              }\r\n          }\r\n      }\r\n      .timeline-left {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: $light $light transparent transparent;\r\n                  right: -8px;\r\n              }\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          .timeline-box {\r\n              &::after {\r\n                  top: -8px;\r\n                  left: 32px;\r\n                  border-color: $light transparent transparent $light;\r\n                  @media (min-width: 768px) {\r\n                    left: 50%;\r\n                    transform: rotate(45deg) translateX(-50%);\r\n                    top: -2px;\r\n                  }\r\n              }\r\n          }\r\n          .timeline-text {\r\n              width: 100%;\r\n          }\r\n      }\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n@media (max-width: 767px) {\r\n    .timeline .timeline-continue::after {\r\n      left: 40px;\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-end,\r\n      .timeline-start,\r\n      .timeline-year {\r\n        text-align: left;\r\n      }\r\n      .row.timeline-left {\r\n        text-align: left;\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n        text-align: left;\r\n      }\r\n      .timeline-launch {\r\n        text-align: left;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-box {\r\n        margin-left: 82px;\r\n        margin-right: 0;\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .timeline-launch {\r\n        .timeline-box {\r\n          margin-left: 0;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-box {\r\n          &::after {\r\n            left: -8px;\r\n            border-color: transparent transparent $light $light;\r\n            right: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .timeline{\r\n    .timeline-box{\r\n      border-color: $gray-dark-300;\r\n      background-color: $gray-dark-200;\r\n      &:after{\r\n        background-color: $gray-dark-200;\r\n      }\r\n    }\r\n\r\n    .timeline-left{\r\n      .timeline-box{\r\n        &:after{\r\n          border-color: $gray-dark-300 $gray-dark-300 transparent transparent;\r\n        }\r\n      }\r\n    }\r\n\r\n    .timeline-right{\r\n      .timeline-box{\r\n        &:after{\r\n          border-color: transparent transparent $gray-dark-300 $gray-dark-300;\r\n        }\r\n      }\r\n    }\r\n\r\n    .timeline-launch .timeline-box::after{\r\n      border-color: $gray-dark-300 transparent transparent $gray-dark-300;\r\n    }\r\n  }\r\n}","// \r\n// profile.scss\r\n//\r\n\r\n\r\n.profile-user{\r\n    background-image: url(../images/profile-bg-1.jpg);\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    margin: -24px -24px 23px -24px;\r\n    padding: 140px 0px;\r\n    position: relative;\r\n    &:after{\r\n    background: linear-gradient(to bottom, rgba($dark, 0.5) 30%, $dark 100%);\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    top: 0;\r\n    opacity: 0.5;\r\n    content: \"\";\r\n\r\n    }\r\n}\r\n\r\n.profile-content{\r\n    position: relative;\r\n    margin-top: -60px;\r\n}","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n/*********************\r\n    Maintenance\r\n**********************/ \r\n\r\n.maintenance-cog-icon{\r\n    .cog-icon{\r\n        position: relative;\r\n        bottom: 24px;\r\n        right: 14px;    \r\n    }\r\n}\r\n\r\n\r\n// pricing\r\n\r\n\r\n.pricing-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 9;\r\n    right: 0;\r\n    width: 100%;\r\n    display: block;\r\n    font-size: 15px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    .badge {\r\n      float: right;\r\n      transform: rotate(45deg);\r\n      right: -67px;\r\n      top: 17px;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 200px;\r\n      font-size: 13px;\r\n      margin: 0;\r\n      padding: 7px 10px;\r\n      font-weight: 500;\r\n      color: $primary;\r\n      background: $white;\r\n    }\r\n}\r\n\r\n\r\n\r\n// PRICING TAB\r\n\r\n.pricing-tab-box{\r\n  .nav-link{\r\n    padding: 16px 20px;\r\n    border: 1px solid $gray-200;\r\n    background: $card-bg;\r\n    &.active{\r\n      border: 1px solid $primary;\r\n      padding: 16px 20px;\r\n      background: $card-bg;\r\n      i{\r\n        color: $primary;\r\n        &:before{\r\n          content: \"\\e9a8\";\r\n        }\r\n      }\r\n      h1{\r\n        color: $primary;\r\n      }\r\n    }\r\n   \r\n  }\r\n}\r\n\r\n.pricing-table-bg{\r\n  background: $card-bg;\r\n}\r\n\r\nbody[data-layout-mode=dark]{\r\n  .pricing-tab-box {\r\n    .nav-link{\r\n      border-color: $gray-dark-300;\r\n      background: $gray-dark-200;\r\n\r\n\r\n      &.active{\r\n        border-color: $primary;\r\n        background: $gray-dark-200;\r\n      }\r\n    }\r\n  }\r\n\r\n  .pricing-table-bg{\r\n    background: $gray-dark-200;\r\n  }\r\n}\r\n\r\n\r\n// Error PAge\r\n\r\n.error-title{\r\n  text-transform: uppercase;\r\n  background: repeating-linear-gradient(45deg, $primary, $primary 20px, $success 40px, $success 10px);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  font-size: 12rem;\r\n  line-height: .8;\r\n  position: relative;\r\n}\r\n"]}