{"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/_calendar.scss","custom/plugins/_session-timeout.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_alertify.scss","custom/plugins/_pristinejs.scss","custom/plugins/_choices.scss","custom/plugins/_switch.scss","custom/plugins/_colorpicker.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_datatable.scss","custom/plugins/_responsive-table.scss","custom/plugins/_table-editable.scss","custom/plugins/_apexcharts.scss","custom/plugins/_echarts.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_leaflet-maps.scss","custom/pages/_authentication.scss","custom/pages/_email.scss","custom/pages/_chat.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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","file":"app.min.css","sourcesContent":["//\r\n// Google font - IBM Plex Sans\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');","\r\nbody[data-layout-mode=\"dark\"] {\r\n    background-color: $gray-dark-200;\r\n    color: $gray-dark-600;\r\n\r\n\r\n    .h1,.h2,.h3,.h4,.h5,.h6,\r\n    h1,h2,h3,h4,h5,h6 {\r\n        color: $gray-dark-600;\r\n    }\r\n}","/*\r\nTemplate Name: Minia - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 1.1.0\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap\");\nbody[data-layout-mode=\"dark\"] {\n  background-color: #313533;\n  color: #ced4da; }\n  body[data-layout-mode=\"dark\"] .h1, body[data-layout-mode=\"dark\"] .h2, body[data-layout-mode=\"dark\"] .h3, body[data-layout-mode=\"dark\"] .h4, body[data-layout-mode=\"dark\"] .h5, body[data-layout-mode=\"dark\"] .h6,\n  body[data-layout-mode=\"dark\"] h1, body[data-layout-mode=\"dark\"] h2, body[data-layout-mode=\"dark\"] h3, body[data-layout-mode=\"dark\"] h4, body[data-layout-mode=\"dark\"] h5, body[data-layout-mode=\"dark\"] h6 {\n    color: #ced4da; }\n\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1002;\n  background-color: #ffffff;\n  border-bottom: 1px solid #e9e9ef; }\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 70px;\n  padding: 0 20px 0 0; }\n  .navbar-header .dropdown .show.header-item {\n    background-color: #f8f9fa; }\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  width: 250px;\n  background: #fbfaff;\n  border-right: 1px solid #e9e9ef;\n  box-shadow: 0px 2px 2px #fbfaff; }\n\n.logo {\n  line-height: 69px;\n  color: inherit !important; }\n  .logo .logo-sm {\n    display: none; }\n\n.logo-txt {\n  font-weight: 700;\n  font-size: 18px;\n  vertical-align: middle;\n  margin-left: 5px; }\n\n.logo-light {\n  display: none; }\n\nbody:not([data-sidebar-size=\"sm\"]) #vertical-menu-btn {\n  margin-left: -52px;\n  margin-right: 20px; }\n  @media (max-width: 991.98px) {\n    body:not([data-sidebar-size=\"sm\"]) #vertical-menu-btn {\n      margin-left: 0; } }\n\n/* Search */\n.app-search {\n  padding: calc(30px / 2) 0;\n  position: relative; }\n  .app-search .form-control {\n    border: none;\n    height: 40px;\n    padding-left: 17px;\n    padding-right: 50px;\n    background-color: #f3f3f9;\n    box-shadow: none; }\n  .app-search .btn {\n    position: absolute;\n    right: 3px;\n    top: 3px;\n    height: 34px;\n    padding: 0 10px; }\n\n.layout-mode-light {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .layout-mode-dark {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"] .layout-mode-light {\n  display: inline-block; }\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px; }\n  .megamenu-list li a {\n    color: #495057; }\n\n@media (max-width: 992px) {\n  .navbar-brand-box {\n    width: auto; }\n  .logo span.logo-lg {\n    display: none; }\n  .logo span.logo-sm {\n    display: inline-block; } }\n\n.page-content {\n  padding: calc(70px + 20px) calc(20px / 2) 60px calc(20px / 2); }\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: #555b6d;\n  border: 0;\n  border-radius: 0px; }\n  .header-item:hover {\n    color: #555b6d; }\n\n.header-profile-user {\n  height: 36px;\n  width: 36px;\n  background-color: #74788d;\n  padding: 3px; }\n\n.noti-icon i {\n  font-size: 22px;\n  color: #555b6d; }\n\n.noti-icon .badge {\n  position: absolute;\n  top: 12px;\n  right: 4px; }\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem; }\n  .notification-item .d-flex:hover {\n    background-color: #f8f9fa; }\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  color: #74788d; }\n  .dropdown-icon-item img {\n    height: 24px; }\n  .dropdown-icon-item span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n  .dropdown-icon-item:hover {\n    background-color: #f8f9fa; }\n\n.fullscreen-enable [data-toggle=\"fullscreen\"] .bx-fullscreen::before {\n  content: \"\\ea3f\"; }\n\nbody[data-topbar=\"dark\"] #page-topbar {\n  background-color: #313533;\n  border-color: #3b403d; }\n\nbody[data-topbar=\"dark\"] .navbar-brand-box {\n  background-color: #313533;\n  border-color: #313533;\n  box-shadow: 0px 0px 2px #313533; }\n  body[data-topbar=\"dark\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-topbar=\"dark\"] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.05); }\n\nbody[data-topbar=\"dark\"] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\nbody[data-topbar=\"dark\"] .header-item {\n  color: #e9ecef; }\n  body[data-topbar=\"dark\"] .header-item:hover {\n    color: #e9ecef; }\n  body[data-topbar=\"dark\"] .header-item.border-start, body[data-topbar=\"dark\"] .header-item.border-end {\n    border-color: rgba(255, 255, 255, 0.1) !important; }\n  body[data-topbar=\"dark\"] .header-item.bg-soft-light {\n    background-color: rgba(255, 255, 255, 0.04) !important; }\n\nbody[data-topbar=\"dark\"] .header-profile-user {\n  background-color: rgba(255, 255, 255, 0.25); }\n\nbody[data-topbar=\"dark\"] .noti-icon i {\n  color: #e9ecef; }\n\nbody[data-topbar=\"dark\"] .logo-dark {\n  display: none; }\n\nbody[data-topbar=\"dark\"] .logo-light {\n  display: block; }\n\nbody[data-topbar=\"dark\"] .app-search .form-control {\n  background-color: rgba(243, 243, 249, 0.07);\n  color: #fff; }\n\nbody[data-topbar=\"dark\"] .app-search span,\nbody[data-topbar=\"dark\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5); }\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static; }\n    .navbar-header .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important; } }\n\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none; } }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n  width: auto;\n  border: 0;\n  background-color: transparent;\n  box-shadow: none; }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .navbar-brand-box {\n      padding-left: 0;\n      margin-right: 10px; } }\n\nbody[data-layout=\"horizontal\"] .page-content {\n  margin-top: 70px;\n  padding: calc(55px + 20px) calc(20px / 2) 60px calc(20px / 2); }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] .navbar-header {\n    padding-left: 20px;\n    padding-right: 20px; } }\n\nbody[data-layout=\"horizontal\"][data-sidebar=dark] .navbar-brand-box {\n  background-color: transparent;\n  box-shadow: none; }\n\n@media (max-width: 992px) {\n  body[data-layout=\"horizontal\"] .page-content {\n    margin-top: 15px; } }\n\nbody[data-layout-mode=\"dark\"] .header-item.border-start, body[data-layout-mode=\"dark\"] .header-item.border-end {\n  border-color: rgba(255, 255, 255, 0.1) !important; }\n\nbody[data-layout-mode=\"dark\"] .header-item.bg-soft-light {\n  background-color: rgba(255, 255, 255, 0.04) !important; }\n\nbody[data-layout-mode=\"dark\"] #page-topbar {\n  background-color: #313533;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .app-search .form-control {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .notification-item .d-flex:hover {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .dropdown-icon-item {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .dropdown-icon-item:hover {\n    background-color: #3b403d; }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"dark\"][data-sidebar=\"light\"][data-topbar=\"light\"] .navbar-brand-box .logo {\n    color: #343a40 !important; }\n  body[data-layout-mode=\"dark\"][data-sidebar=\"light\"][data-topbar=\"light\"] #vertical-menu-btn {\n    color: #343a40; } }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .navbar-brand-box {\n  background: #ffffff;\n  border-right: none;\n  box-shadow: none; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .navbar-brand-box .logo {\n    color: #343a40 !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .logo-light {\n  display: none; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .logo-dark {\n  display: block; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] #vertical-menu-btn {\n  color: #343a40 !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item {\n  color: #555b6d; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item:hover {\n    color: #555b6d; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.border-start, body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.border-end {\n    border-color: rgba(52, 58, 64, 0.1) !important; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-item.bg-soft-light {\n    background-color: rgba(52, 58, 64, 0.04) !important; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] #page-topbar {\n  background-color: #ffffff;\n  border-color: #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .dropdown-icon-item {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"][data-topbar=\"light\"] .dropdown-icon-item:hover {\n    background-color: #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .app-search .form-control {\n  color: #adb5bd;\n  background-color: #efeff3;\n  border: 1px solid #f6f6f6; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .header-profile-user {\n  background-color: #74788d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .noti-icon i {\n  color: #555b6d; }\n\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] .notification-item .d-flex:hover {\n  background-color: #f8f9fa; }\n\n.page-title-box {\n  padding-bottom: 20px; }\n  .page-title-box .breadcrumb {\n    background-color: transparent;\n    padding: 0; }\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(20px / 2);\n  position: absolute;\n  right: 0;\n  color: #74788d;\n  left: 250px;\n  height: 60px;\n  background-color: #ffffff;\n  border-top: 1px solid #e9e9ef; }\n  @media (max-width: 991.98px) {\n    .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"sm\"] .footer {\n      left: 0; } }\n\nbody[data-layout=\"horizontal\"] .footer {\n  left: 0 !important; }\n\nbody[data-layout-mode=\"dark\"] .footer {\n  background-color: #313533;\n  color: #adb5bd;\n  border-color: #373c39; }\n\n.right-bar {\n  background-color: #fff;\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 300px;\n  z-index: 9999;\n  float: right !important;\n  right: -310px;\n  top: 0;\n  bottom: 0; }\n  .right-bar .right-bar-toggle {\n    background-color: #444c54;\n    height: 24px;\n    width: 24px;\n    line-height: 24px;\n    display: block;\n    color: #e9e9ef;\n    text-align: center;\n    border-radius: 50%; }\n    .right-bar .right-bar-toggle:hover {\n      background-color: #4b545c; }\n\n.rightbar-overlay {\n  background-color: rgba(52, 58, 64, 0.55);\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: none;\n  z-index: 9998;\n  transition: all .2s ease-out; }\n\n.right-bar-enabled .right-bar {\n  right: 0; }\n\n.right-bar-enabled .rightbar-overlay {\n  display: block; }\n\n@media (max-width: 767.98px) {\n  .right-bar {\n    overflow: auto; }\n    .right-bar .slimscroll-menu {\n      height: auto !important; } }\n\nbody[data-layout-mode=\"dark\"] .right-bar {\n  background-color: #313533; }\n\n.metismenu {\n  margin: 0; }\n  .metismenu li {\n    display: block;\n    width: 100%; }\n  .metismenu .mm-collapse {\n    display: none; }\n    .metismenu .mm-collapse:not(.mm-show) {\n      display: none; }\n    .metismenu .mm-collapse.mm-show {\n      display: block; }\n  .metismenu .mm-collapsing {\n    position: relative;\n    height: 0;\n    overflow: hidden;\n    transition-timing-function: ease;\n    transition-duration: .35s;\n    transition-property: height, visibility; }\n\n.vertical-menu {\n  width: 250px;\n  z-index: 1001;\n  background: #fbfaff;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  border-right: 1px solid #e9e9ef; }\n\n.main-content {\n  margin-left: 250px;\n  overflow: hidden; }\n  .main-content .content {\n    padding: 0 15px 10px 15px;\n    margin-top: 70px; }\n\n#sidebar-menu {\n  padding: 10px 0 30px 0; }\n  #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(90deg); }\n  #sidebar-menu .has-arrow:after {\n    content: \"\\F0142\";\n    font-family: 'Material Design Icons';\n    display: block;\n    float: right;\n    transition: transform .2s;\n    font-size: 1.1rem;\n    margin-right: -5px;\n    margin-top: -2px; }\n  #sidebar-menu ul li a {\n    display: block;\n    padding: .62rem 1.5rem;\n    color: #545a6d;\n    position: relative;\n    font-size: .9rem;\n    transition: all .4s;\n    font-weight: 500; }\n    #sidebar-menu ul li a i {\n      display: inline-block;\n      min-width: 1.75rem;\n      padding-bottom: .125em;\n      font-size: 1.25rem;\n      line-height: 1.40625rem;\n      vertical-align: middle;\n      color: #545a6d;\n      transition: all .4s; }\n    #sidebar-menu ul li a svg {\n      height: 16px;\n      width: 16px;\n      color: #545a6d;\n      fill: rgba(84, 90, 109, 0.2);\n      margin-right: 10px;\n      margin-top: -3px; }\n    #sidebar-menu ul li a:hover {\n      color: #5156be; }\n      #sidebar-menu ul li a:hover i {\n        color: #5156be; }\n      #sidebar-menu ul li a:hover svg {\n        color: #5156be;\n        fill: rgba(81, 86, 190, 0.2); }\n  #sidebar-menu ul li .badge {\n    margin-top: 4px; }\n  #sidebar-menu ul li ul.sub-menu {\n    padding: 0; }\n    #sidebar-menu ul li ul.sub-menu li a {\n      padding: .4rem 1.5rem .4rem 3.3rem;\n      font-size: .85rem;\n      color: #545a6d; }\n      #sidebar-menu ul li ul.sub-menu li a:hover {\n        color: #5156be; }\n    #sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n      padding: 0; }\n      #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n        padding: .4rem 1.5rem .4rem 4.5rem;\n        font-size: 13px; }\n\n.menu-title {\n  padding: 12px 20px !important;\n  pointer-events: none;\n  cursor: default;\n  font-size: 12px;\n  color: #545a6d;\n  font-weight: 500; }\n\n.mm-active > a {\n  color: #5156be !important; }\n  .mm-active > a i {\n    color: #5156be !important; }\n  .mm-active > a svg {\n    color: #5156be !important;\n    fill: rgba(81, 86, 190, 0.2) !important; }\n\n.mm-active .active {\n  color: #5156be !important; }\n  .mm-active .active i {\n    color: #5156be !important; }\n  .mm-active .active svg {\n    color: #5156be !important;\n    fill: rgba(81, 86, 190, 0.2) !important; }\n\n.mm-active > i {\n  color: #5156be !important; }\n\n.sidebar-alert {\n  background-color: rgba(81, 86, 190, 0.1); }\n  .sidebar-alert .alertcard-title {\n    color: #5156be; }\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none; }\n  .main-content {\n    margin-left: 0 !important; }\n  body.sidebar-enable .vertical-menu {\n    display: block; } }\n\nbody[data-sidebar-size=\"sm\"] {\n  min-height: 1000px; }\n  body[data-sidebar-size=\"sm\"] .main-content {\n    margin-left: 70px; }\n  body[data-sidebar-size=\"sm\"] .navbar-brand-box {\n    width: 70px !important; }\n  body[data-sidebar-size=\"sm\"] .logo span.logo-lg {\n    display: none; }\n  body[data-sidebar-size=\"sm\"] .logo span.logo-sm {\n    display: block; }\n  body[data-sidebar-size=\"sm\"] .vertical-menu {\n    position: absolute;\n    width: 70px !important;\n    z-index: 5; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-mask,\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-content-wrapper {\n      overflow: visible !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-scrollbar {\n      display: none !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu .simplebar-offset {\n      bottom: 0 !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .menu-title,\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .badge,\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .sidebar-alert {\n      display: none !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu .nav.collapse {\n      height: inherit !important; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li {\n      position: relative;\n      white-space: nowrap; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a {\n        padding: 15px 20px;\n        transition: none; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a:focus {\n          color: #5156be; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a i {\n          font-size: 1.45rem;\n          margin-left: 4px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a svg {\n          height: 18px;\n          width: 18px;\n          margin-left: 6px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a span {\n          display: none;\n          padding-left: 25px; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a.has-arrow:after {\n          display: none; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n        position: relative;\n        width: calc(190px + 70px);\n        color: #5156be;\n        background-color: #ebe6ff;\n        transition: none; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n          color: #5156be; }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n          color: #5156be;\n          fill: rgba(81, 86, 190, 0.2); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a span {\n          display: inline; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul {\n        display: block;\n        left: 70px;\n        position: absolute;\n        width: 190px;\n        height: auto !important;\n        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }\n        body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n          box-shadow: none;\n          padding: 8px 20px;\n          position: relative;\n          width: 190px;\n          z-index: 6;\n          color: #545a6d; }\n          body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n            color: #5156be; }\n    body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n      padding: 5px 0;\n      z-index: 9999;\n      display: none;\n      background-color: #fff; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n        display: block;\n        left: 190px;\n        height: auto !important;\n        margin-top: -36px;\n        position: absolute;\n        width: 190px;\n        padding: 5px 0; }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n        position: absolute;\n        right: 20px;\n        top: 12px;\n        transform: rotate(270deg); }\n      body[data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul li.active a {\n        color: #f8f9fa; }\n  body[data-sidebar-size=\"sm\"] #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(0deg); }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background: #2C302E;\n  box-shadow: 0px 3px 1px #2C302E;\n  border-color: #2C302E; }\n  body[data-sidebar=\"dark\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-sidebar=\"dark\"] .logo-dark {\n  display: none; }\n\nbody[data-sidebar=\"dark\"] .logo-light {\n  display: block; }\n\nbody[data-sidebar=\"dark\"] .vertical-menu {\n  background: #2C302E;\n  border-color: #2C302E; }\n\n@media (min-width: 992px) {\n  body[data-sidebar=\"dark\"] #vertical-menu-btn {\n    color: #e9ecef; } }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n  color: #99a4b1; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a i {\n    color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a svg {\n    color: #858d98;\n    fill: rgba(133, 141, 152, 0.2); }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n    color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover i {\n      color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover svg {\n      color: #ffffff;\n      fill: rgba(255, 255, 255, 0.2); }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: #858d98; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"][data-topbar=\"dark\"] #vertical-menu-btn {\n  color: #e9ecef; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] #vertical-menu-btn {\n  color: #555b6d; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background: #313533;\n  color: #ffffff; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i {\n    color: #ffffff; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n    color: #ffffff;\n    fill: rgba(255, 255, 255, 0.2); }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n  color: #858d98; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul ul {\n  background-color: #2C302E; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active i {\n    color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .mm-active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active > a {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active > a i {\n      color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active > a svg {\n      color: #ffffff !important;\n      fill: rgba(255, 255, 255, 0.2) !important; }\n  body[data-sidebar=\"dark\"] .mm-active > i {\n    color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active .active {\n    color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active i {\n      color: #ffffff !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active svg {\n      color: #ffffff !important;\n      fill: rgba(255, 255, 255, 0.2) !important; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n  color: #858d98; }\n\nbody[data-sidebar=\"dark\"][data-sidebar-size=\"md\"] #sidebar-menu ul li.menu-title {\n  background-color: #313533; }\n\nbody[data-layout=\"horizontal\"] .main-content {\n  margin-left: 0 !important; }\n\nbody[data-sidebar-size=\"md\"] .navbar-brand-box {\n  width: 160px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] .navbar-brand-box {\n      width: auto; } }\n\nbody[data-sidebar-size=\"md\"] .vertical-menu {\n  width: 160px;\n  text-align: center; }\n  body[data-sidebar-size=\"md\"] .vertical-menu .has-arrow:after,\n  body[data-sidebar-size=\"md\"] .vertical-menu .badge,\n  body[data-sidebar-size=\"md\"] .vertical-menu .sidebar-alert {\n    display: none !important; }\n\nbody[data-sidebar-size=\"md\"] .main-content {\n  margin-left: 160px; }\n\nbody[data-sidebar-size=\"md\"] .footer {\n  left: 160px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"md\"] .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li a svg {\n  display: block;\n  margin: 0 auto 4px; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n\nbody[data-sidebar-size=\"md\"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .main-content {\n  margin-left: 70px; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu {\n  text-align: left; }\n  body[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li > a svg {\n    display: inline-block; }\n\nbody[data-sidebar-size=\"md\"][data-sidebar-size=\"sm\"] .footer {\n  left: 70px; }\n\nbody[data-sidebar=\"brand\"] .vertical-menu {\n  background-color: #5156be; }\n\nbody[data-sidebar=\"brand\"] .navbar-brand-box {\n  background-color: #5156be;\n  box-shadow: 0px 1px 0px #5156be; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo-dark {\n    display: none; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo-light {\n    display: block; }\n  body[data-sidebar=\"brand\"] .navbar-brand-box .logo {\n    color: #fff !important; }\n\nbody[data-sidebar=\"brand\"] .mm-active {\n  color: #fff !important; }\n  body[data-sidebar=\"brand\"] .mm-active > a {\n    color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active > a i {\n      color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active > a svg {\n      color: #fff !important;\n      fill: rgba(255, 255, 255, 0.1) !important; }\n  body[data-sidebar=\"brand\"] .mm-active .active {\n    color: #fff !important; }\n    body[data-sidebar=\"brand\"] .mm-active .active svg {\n      color: #fff !important;\n      fill: rgba(255, 255, 255, 0.1) !important; }\n\n@media (min-width: 992px) {\n  body[data-sidebar=\"brand\"] #vertical-menu-btn {\n    color: #e9ecef; } }\n\nbody[data-sidebar=\"brand\"] #sidebar-menu ul li.menu-title {\n  color: rgba(255, 255, 255, 0.6); }\n\nbody[data-sidebar=\"brand\"] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a i {\n    color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a svg {\n    color: rgba(255, 255, 255, 0.6);\n    fill: rgba(255, 255, 255, 0.075); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a.waves-effect .waves-ripple {\n    background: rgba(255, 255, 255, 0.1); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li a:hover {\n    color: #fff; }\n    body[data-sidebar=\"brand\"] #sidebar-menu ul li a:hover i {\n      color: #fff; }\n\nbody[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.5); }\n  body[data-sidebar=\"brand\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #fff; }\n\nbody[data-sidebar=\"brand\"] .sidebar-alert {\n  background-color: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.5); }\n  body[data-sidebar=\"brand\"] .sidebar-alert .alertcard-title {\n    color: #fff; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"][data-topbar=\"dark\"] #vertical-menu-btn {\n  color: #e9ecef; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] #vertical-menu-btn {\n  color: #555b6d; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #585dc1;\n  color: #fff; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a i, body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu > ul > li:hover > a svg {\n    color: #fff; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li.mm-active .active {\n  color: #fff !important; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {\n  color: #5156be; }\n\nbody[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {\n  color: #5156be !important; }\n  body[data-sidebar=\"brand\"][data-sidebar-size=\"sm\"] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {\n    color: #5156be !important; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=dark] .vertical-menu,\nbody[data-layout-mode=\"dark\"][data-sidebar=dark] .navbar-brand-box, body[data-layout-mode=\"dark\"][data-sidebar=brand] .vertical-menu,\nbody[data-layout-mode=\"dark\"][data-sidebar=brand] .navbar-brand-box {\n  border-color: #373c39; }\n\nbody[data-layout-mode=\"dark\"][data-sidebar=light] .sidebar-alert {\n  background-color: rgba(81, 86, 190, 0.1);\n  color: #495057; }\n  body[data-layout-mode=\"dark\"][data-sidebar=light] .sidebar-alert .alertcard-title {\n    color: #5156be; }\n\n[dir=\"rtl\"] #sidebar-menu .has-arrow:after {\n  content: \"\\F0141\"; }\n\n.topnav {\n  background: #ffffff;\n  padding: 0 calc(20px / 2);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  border-bottom: 1px solid #e9e9ef; }\n  @media (min-width: 992px) {\n    .topnav {\n      background: #fbfaff; } }\n  .topnav .topnav-menu {\n    margin: 0;\n    padding: 0; }\n  .topnav .navbar-nav .nav-link {\n    font-size: 14.4px;\n    position: relative;\n    padding: 1rem 1.3rem;\n    color: #545a6d;\n    font-weight: 500; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px; }\n    .topnav .navbar-nav .nav-link svg {\n      height: 16px;\n      width: 16px;\n      color: #545a6d;\n      fill: rgba(84, 90, 109, 0.2);\n      margin-right: 7px;\n      margin-top: -3px; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n      color: #5156be;\n      background-color: transparent; }\n      .topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg {\n        color: #5156be;\n        fill: rgba(81, 86, 190, 0.2); }\n  .topnav .navbar-nav .dropdown-item {\n    color: #545a6d; }\n    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n      color: #5156be; }\n  .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #5156be; }\n    .topnav .navbar-nav .nav-item .nav-link.active svg {\n      color: #5156be;\n      fill: rgba(81, 86, 190, 0.2); }\n  .topnav .navbar-nav .dropdown.active > a {\n    color: #5156be;\n    background-color: transparent; }\n    .topnav .navbar-nav .dropdown.active > a svg {\n      color: #5156be;\n      fill: rgba(81, 86, 190, 0.2); }\n  .topnav .menu-title {\n    padding: 12px 24px !important; }\n    @media (max-width: 991.98px) {\n      .topnav .menu-title {\n        padding: 12px 16px !important; } }\n\n@media (min-width: 1200px) {\n  body[data-layout=\"horizontal\"] .container-fluid,\n  body[data-layout=\"horizontal\"] .navbar-header {\n    max-width: 85%; } }\n\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0; }\n  .topnav .dropdown-item {\n    padding: .5rem 1.5rem;\n    min-width: 180px; }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto; }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 0.25rem 0.25rem; }\n    .topnav .dropdown .dropdown-menu .arrow-down::after {\n      right: 15px;\n      transform: rotate(-135deg) translateY(-50%);\n      position: absolute; }\n    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n      position: absolute;\n      top: 0 !important;\n      left: 100%;\n      display: none; }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .navbar-toggle {\n    display: none; } }\n\n.arrow-down {\n  display: inline-block; }\n  .arrow-down:after {\n    border-color: initial;\n    border-style: solid;\n    border-width: 0 0 1px 1px;\n    content: \"\";\n    height: .4em;\n    display: inline-block;\n    right: 5px;\n    top: 50%;\n    margin-left: 10px;\n    transform: rotate(-45deg) translateY(-50%);\n    transform-origin: top;\n    transition: all .3s ease-out;\n    width: .4em; }\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto; } }\n\n@media (max-width: 991.98px) {\n  .navbar-brand-box .logo-dark {\n    display: block; }\n    .navbar-brand-box .logo-dark span.logo-sm {\n      display: block; }\n  .navbar-brand-box .logo-light {\n    display: none; }\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0; }\n    .topnav .navbar-nav .nav-link {\n      padding: 0.75rem 1.1rem; }\n    .topnav .dropdown .dropdown-menu {\n      background-color: transparent;\n      border: none;\n      box-shadow: none;\n      padding-left: 24px; }\n      .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl {\n        width: auto; }\n        .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row {\n          margin: 0px; }\n    .topnav .dropdown .dropdown-item {\n      position: relative;\n      background-color: transparent; }\n      .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n        color: #5156be; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] #page-topbar {\n  background-color: #5156be;\n  box-shadow: none; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .logo-dark {\n  display: none; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .logo-light {\n  display: block; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .app-search .form-control {\n  background-color: rgba(243, 243, 249, 0.07);\n  color: #fff; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .app-search span,\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5); }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .header-item {\n  color: #e9ecef; }\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .header-item:hover {\n    color: #e9ecef; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .navbar-header .dropdown .show.header-item {\n  background-color: rgba(255, 255, 255, 0.1); }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .navbar-header .waves-effect .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] .noti-icon i {\n  color: #e9ecef; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav {\n    background-color: #5156be; }\n    body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link {\n      color: rgba(255, 255, 255, 0.6); }\n      body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link:focus, body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav .nav-link:hover {\n        color: rgba(255, 255, 255, 0.9); }\n    body[data-layout=\"horizontal\"][data-topbar=\"colored\"] .topnav .navbar-nav > .dropdown.active > a {\n      color: rgba(255, 255, 255, 0.9) !important; } }\n\nbody[data-layout-mode=\"dark\"] .topnav {\n  background-color: #363a38;\n  border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link {\n    color: #99a4b1; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link svg {\n      height: 16px;\n      width: 16px;\n      color: #99a4b1;\n      fill: rgba(153, 164, 177, 0.2);\n      margin-right: 7px;\n      margin-top: -3px; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover {\n      color: #fff;\n      background-color: transparent; }\n      body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:focus svg, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-link:hover svg {\n        color: #fff;\n        fill: rgba(255, 255, 255, 0.2); }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item {\n    color: #99a4b1; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item.active, body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown-item:hover {\n      color: #fff; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #fff; }\n  body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a {\n    color: #fff;\n    background-color: transparent; }\n    body[data-layout-mode=\"dark\"] .topnav .navbar-nav .dropdown.active > a svg {\n      color: #fff;\n      fill: rgba(255, 255, 255, 0.2); }\n  body[data-layout-mode=\"dark\"] .topnav .menu-title {\n    color: rgba(153, 164, 177, 0.6); }\n\nbody[data-layout-size=\"boxed\"] {\n  background-color: #f0f0f0; }\n  body[data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #ffffff;\n    max-width: 1300px;\n    margin: 0 auto;\n    box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n    min-height: 100vh; }\n  body[data-layout-size=\"boxed\"] #page-topbar {\n    max-width: 1300px;\n    margin: 0 auto; }\n  body[data-layout-size=\"boxed\"] .footer {\n    margin: 0 auto;\n    max-width: calc(1300px - 250px); }\n  @media (min-width: 992px) {\n    body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] #layout-wrapper {\n      min-height: 1200px; } }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"sm\"] .footer {\n    max-width: calc(1300px - 70px); }\n  body[data-layout-size=\"boxed\"][data-sidebar-size=\"md\"] .footer {\n    max-width: calc(1300px - 160px); }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #page-topbar, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #layout-wrapper, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .footer {\n  max-width: 100%; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .container-fluid, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .navbar-header {\n  max-width: 1300px; }\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=\"true\"] #page-topbar, body[data-layout-scrollable=\"true\"] .vertical-menu {\n    position: absolute; } }\n\n@media (min-width: 992px) {\n  body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] #page-topbar, body[data-layout-scrollable=\"true\"][data-layout=\"horizontal\"] .topnav {\n    position: absolute; } }\n\nbody[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] {\n  background-color: #3b403d; }\n  body[data-layout-mode=\"dark\"][data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #313533; }\n\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent; }\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none; }\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2); }\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important; }\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1; }\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em; }\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em; }\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom; }\n\n.waves-input-wrapper.waves-button {\n  padding: 0; }\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1; }\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%; }\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms; }\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }\n\n.waves-block {\n  display: block; }\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4); }\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(81, 86, 190, 0.4); }\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(42, 181, 125, 0.4); }\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(75, 166, 239, 0.4); }\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 191, 83, 0.4); }\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(253, 98, 94, 0.4); }\n\nbody[data-layout-mode=\"dark\"] .accordion-button {\n  border-color: #3b403d;\n  color: #ced4da; }\n  body[data-layout-mode=\"dark\"] .accordion-button:not(.collapsed) {\n    background-color: rgba(81, 86, 190, 0.2);\n    color: #5156be; }\n\nbody[data-layout-mode=\"dark\"] .accordion-item {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .accordion-collapse {\n  border-color: #3b403d; }\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem; }\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem; }\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem; }\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem; }\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem; }\n\n.avatar-title {\n  align-items: center;\n  background-color: #5156be;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%; }\n\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap; }\n  .avatar-group .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    transition: all 0.2s; }\n    .avatar-group .avatar-group-item:hover {\n      position: relative;\n      transform: translateY(-2px); }\n\n.font-size-10 {\n  font-size: 10px !important; }\n\n.font-size-11 {\n  font-size: 11px !important; }\n\n.font-size-12 {\n  font-size: 12px !important; }\n\n.font-size-13 {\n  font-size: 13px !important; }\n\n.font-size-14 {\n  font-size: 14px !important; }\n\n.font-size-15 {\n  font-size: 15px !important; }\n\n.font-size-16 {\n  font-size: 16px !important; }\n\n.font-size-17 {\n  font-size: 17px !important; }\n\n.font-size-18 {\n  font-size: 18px !important; }\n\n.font-size-20 {\n  font-size: 20px !important; }\n\n.font-size-22 {\n  font-size: 22px !important; }\n\n.font-size-24 {\n  font-size: 24px !important; }\n\n.fw-medium {\n  font-weight: 500; }\n\n.fw-semibold {\n  font-weight: 600; }\n\n.icon-xs {\n  height: 14px;\n  width: 14px; }\n\n.icon-sm {\n  height: 16px;\n  width: 16px; }\n\n.icon-md {\n  height: 18px;\n  width: 18px; }\n\n.icon-lg {\n  height: 20px;\n  width: 20px; }\n\n.icon-xl {\n  height: 22px;\n  width: 22px; }\n\n.card-h-100 {\n  height: calc(100% - 20px); }\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 4px);\n  display: block;\n  border: 2px solid #adb5bd;\n  border-radius: 50%;\n  color: #adb5bd;\n  text-align: center;\n  transition: all 0.4s; }\n  .social-list-item:hover {\n    color: #74788d;\n    background-color: #e9e9ef; }\n\n.w-xs {\n  min-width: 80px; }\n\n.w-sm {\n  min-width: 95px; }\n\n.w-md {\n  min-width: 110px; }\n\n.w-lg {\n  min-width: 140px; }\n\n.w-xl {\n  min-width: 160px; }\n\n.bg-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  background-color: #000; }\n\n.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.05rem 1.25rem;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .btn-close {\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-bottom {\n  border-bottom: 1px solid #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-top,\nbody[data-layout-mode=\"dark\"] .border,\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-primary {\n  border-color: #5156be !important; }\n\nbody[data-layout-mode=\"dark\"] .border-secondary {\n  border-color: #74788d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-success {\n  border-color: #2ab57d !important; }\n\nbody[data-layout-mode=\"dark\"] .border-info {\n  border-color: #4ba6ef !important; }\n\nbody[data-layout-mode=\"dark\"] .border-warning {\n  border-color: #ffbf53 !important; }\n\nbody[data-layout-mode=\"dark\"] .border-danger {\n  border-color: #fd625e !important; }\n\nbody[data-layout-mode=\"dark\"] .border-pink {\n  border-color: #e83e8c !important; }\n\nbody[data-layout-mode=\"dark\"] .border-light {\n  border-color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .border-dark {\n  border-color: #343a40 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-dark {\n  color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .text-muted {\n  color: #858d98 !important; }\n\nbody[data-layout-mode=\"dark\"] .text-body {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .list-group-item {\n  background-color: #313533;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .img-thumbnail {\n  background-color: #373c39;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .popover-header {\n  color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .modal-header, body[data-layout-mode=\"dark\"] .modal-footer {\n  border-color: #3b403d; }\n\n[type=\"tel\"]::placeholder,\n[type=\"url\"]::placeholder,\n[type=\"email\"]::placeholder,\n[type=\"number\"]::placeholder {\n  text-align: left; }\n\n.form-check {\n  position: relative;\n  text-align: left; }\n\n.form-check-right {\n  padding-left: 0;\n  display: inline-block;\n  padding-right: 1.5em; }\n  .form-check-right .form-check-input {\n    float: right;\n    margin-left: 0;\n    margin-right: -1.5em; }\n  .form-check-right .form-check-label {\n    display: block; }\n\n.form-checkbox-outline .form-check-input {\n  border-width: 2px;\n  background-color: #fff; }\n  .form-checkbox-outline .form-check-input:active {\n    filter: none; }\n  .form-checkbox-outline .form-check-input:checked {\n    background-color: #fff !important; }\n    .form-checkbox-outline .form-check-input:checked[type=\"checkbox\"] {\n      background-image: none; }\n    .form-checkbox-outline .form-check-input:checked:after {\n      position: absolute;\n      content: \"\\F012C\";\n      font-family: \"Material Design Icons\";\n      top: -4px !important;\n      left: 1px;\n      /*rtl: -4px */\n      font-size: 16px;\n      color: #343a40; }\n\n.form-radio-outline .form-check-input {\n  background-color: #fff;\n  position: relative; }\n  .form-radio-outline .form-check-input:active {\n    filter: none; }\n  .form-radio-outline .form-check-input:checked {\n    background-color: #fff !important; }\n    .form-radio-outline .form-check-input:checked[type=\"checkbox\"] {\n      background-image: none; }\n    .form-radio-outline .form-check-input:checked:after {\n      position: absolute;\n      content: \"\";\n      top: 3px !important;\n      left: 3px;\n      width: 5px;\n      height: 5px;\n      border-radius: 50%; }\n\n.form-check-primary .form-check-input:checked {\n  background-color: #5156be;\n  border-color: #5156be; }\n\n.form-radio-primary .form-check-input:checked {\n  border-color: #5156be;\n  background-color: #5156be; }\n  .form-radio-primary .form-check-input:checked:after {\n    background-color: #5156be; }\n\n.form-check-secondary .form-check-input:checked {\n  background-color: #74788d;\n  border-color: #74788d; }\n\n.form-radio-secondary .form-check-input:checked {\n  border-color: #74788d;\n  background-color: #74788d; }\n  .form-radio-secondary .form-check-input:checked:after {\n    background-color: #74788d; }\n\n.form-check-success .form-check-input:checked {\n  background-color: #2ab57d;\n  border-color: #2ab57d; }\n\n.form-radio-success .form-check-input:checked {\n  border-color: #2ab57d;\n  background-color: #2ab57d; }\n  .form-radio-success .form-check-input:checked:after {\n    background-color: #2ab57d; }\n\n.form-check-info .form-check-input:checked {\n  background-color: #4ba6ef;\n  border-color: #4ba6ef; }\n\n.form-radio-info .form-check-input:checked {\n  border-color: #4ba6ef;\n  background-color: #4ba6ef; }\n  .form-radio-info .form-check-input:checked:after {\n    background-color: #4ba6ef; }\n\n.form-check-warning .form-check-input:checked {\n  background-color: #ffbf53;\n  border-color: #ffbf53; }\n\n.form-radio-warning .form-check-input:checked {\n  border-color: #ffbf53;\n  background-color: #ffbf53; }\n  .form-radio-warning .form-check-input:checked:after {\n    background-color: #ffbf53; }\n\n.form-check-danger .form-check-input:checked {\n  background-color: #fd625e;\n  border-color: #fd625e; }\n\n.form-radio-danger .form-check-input:checked {\n  border-color: #fd625e;\n  background-color: #fd625e; }\n  .form-radio-danger .form-check-input:checked:after {\n    background-color: #fd625e; }\n\n.form-check-pink .form-check-input:checked {\n  background-color: #e83e8c;\n  border-color: #e83e8c; }\n\n.form-radio-pink .form-check-input:checked {\n  border-color: #e83e8c;\n  background-color: #e83e8c; }\n  .form-radio-pink .form-check-input:checked:after {\n    background-color: #e83e8c; }\n\n.form-check-light .form-check-input:checked {\n  background-color: #e9e9ef;\n  border-color: #e9e9ef; }\n\n.form-radio-light .form-check-input:checked {\n  border-color: #e9e9ef;\n  background-color: #e9e9ef; }\n  .form-radio-light .form-check-input:checked:after {\n    background-color: #e9e9ef; }\n\n.form-check-dark .form-check-input:checked {\n  background-color: #343a40;\n  border-color: #343a40; }\n\n.form-radio-dark .form-check-input:checked {\n  border-color: #343a40;\n  background-color: #343a40; }\n  .form-radio-dark .form-check-input:checked:after {\n    background-color: #343a40; }\n\n.form-check,\n.form-check-input,\n.form-check-label {\n  cursor: pointer;\n  margin-bottom: 0; }\n\n.form-switch-md {\n  font-size: 20px;\n  min-height: 26px;\n  line-height: 26px; }\n  .form-switch-md .form-check-label {\n    font-size: 0.875rem;\n    vertical-align: middle; }\n\n.form-switch-lg {\n  font-size: 26px;\n  min-height: 36px;\n  line-height: 36px; }\n  .form-switch-lg .form-check-label {\n    font-size: 0.875rem;\n    vertical-align: middle; }\n\n.input-group-text {\n  margin-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .form-control {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .form-select {\n  color: #adb5bd;\n  background-color: #373c39;\n  border: 1px solid #3b403d;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e9e9ef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .form-check-input {\n  background-color: #3b403d;\n  border-color: rgba(255, 255, 255, 0.25); }\n  body[data-layout-mode=\"dark\"] .form-check-input:checked {\n    background-color: #5156be;\n    border-color: #5156be; }\n\nbody[data-layout-mode=\"dark\"] .form-switch .form-check-input {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\"); }\n\nbody[data-layout-mode=\"dark\"] .input-group-text {\n  background-color: #3b403d;\n  border-color: #3b403d;\n  color: #ced4da; }\n\nbody[data-layout-mode=\"dark\"] .form-control::-webkit-file-upload-button {\n  background-color: #3b403d;\n  color: #ced4da; }\n\nbody[data-layout-mode=\"dark\"] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .form-range::-webkit-slider-runnable-track {\n  background-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .form-range::-moz-range-track {\n  background-color: #3b403d !important; }\n\n.widget-box-1-icon {\n  position: absolute;\n  right: -15px;\n  top: -25px;\n  font-size: 5rem;\n  opacity: 0.1; }\n\n.widget-carousel .carousel-indicators {\n  margin: 0px auto;\n  position: relative; }\n\n.activity-border:before {\n  content: \"\";\n  position: absolute;\n  height: 80px;\n  border-left: 2px dashed #ced4da;\n  top: 40px;\n  left: 2px; }\n\n.activity-wid {\n  margin-left: 16px; }\n  .activity-wid .activity-list {\n    position: relative;\n    padding: 0 0 20px 45px; }\n    .activity-wid .activity-list .activity-icon {\n      position: absolute;\n      left: -20px;\n      top: -3px;\n      z-index: 2;\n      background: #fff; }\n      .activity-wid .activity-list .activity-icon img {\n        border: 5px solid #fff; }\n      .activity-wid .activity-list .activity-icon span {\n        border: 5px solid #fff; }\n    .activity-wid .activity-list:last-child {\n      padding-bottom: 0px; }\n\nbody[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon {\n  background: #313533; }\n  body[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon img, body[data-layout-mode=\"dark\"] .activity-wid .activity-list .activity-icon span {\n    border-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .activity-border:before {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .toast, body[data-layout-mode=\"dark\"] .toast-header {\n  background-color: rgba(59, 64, 61, 0.85);\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .toast-header {\n  color: #adb5bd; }\n\n.grid-example {\n  background-color: rgba(81, 86, 190, 0.05);\n  border-radius: 5px;\n  font-weight: 500;\n  padding: 10px 20px;\n  font-size: .8rem; }\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block; }\n\n[dir=\"rtl\"] .modal-open {\n  padding-left: 0px !important; }\n\n.icon-demo-content {\n  color: #adb5bd; }\n  .icon-demo-content i {\n    display: inline-flex;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    color: #74788d;\n    transition: all 0.4s;\n    border: 1px solid #e9e9ef;\n    border-radius: 50%;\n    margin-right: 16px;\n    vertical-align: middle; }\n  .icon-demo-content .col-lg-4 {\n    margin-top: 24px; }\n    .icon-demo-content .col-lg-4:hover i {\n      background-color: rgba(81, 86, 190, 0.2);\n      color: #5156be; }\n\n.grid-structure .grid-container {\n  background-color: #f8f9fa;\n  margin-top: 10px;\n  font-size: .8rem;\n  font-weight: 500;\n  padding: 10px 20px; }\n\n.card-radio {\n  background-color: #fff;\n  border: 2px solid #e9e9ef;\n  border-radius: 0.25rem;\n  padding: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n  .card-radio:hover {\n    cursor: pointer; }\n\n.card-radio-label {\n  display: block; }\n\n.card-radio-input {\n  display: none; }\n  .card-radio-input:checked + .card-radio {\n    border-color: #5156be !important; }\n\n.spin-left:before {\n  animation: spin-left 2s infinite linear; }\n\n.spin-right:before {\n  animation: spin-right 2s infinite linear; }\n\n@keyframes spin-left {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(-359deg); } }\n\n@keyframes spin-right {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg); } }\n\nbody[data-layout-mode=\"dark\"] .grid-structure .grid-container, body[data-layout-mode=\"dark\"] .grid-example {\n  background-color: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .icon-demo-content {\n  color: #858d98; }\n  body[data-layout-mode=\"dark\"] .icon-demo-content i {\n    border-color: #3b403d;\n    color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .glightbox-clean .gslide-description {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .glightbox-clean .gslide-title {\n  color: #ced4da; }\n\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important; }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0; }\n  .card {\n    border: 0; } }\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start; }\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit; }\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0; }\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch; }\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto;\n  /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important; }\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none; }\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table; }\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none; }\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0; }\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1; }\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden; }\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none; }\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all; }\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px; }\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear; }\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear; }\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px; }\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px; }\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto; }\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0; }\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll; }\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none; }\n\n.custom-scroll {\n  height: 100%; }\n\n/* ==============\r\n  Calendar\r\n===================*/\n.fc td,\n.fc th {\n  border: 1px solid #e9e9ef; }\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase; }\n\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0; }\n  .fc .fc-toolbar > * > * {\n    float: none; }\n  .fc .fc-toolbar .fc-today-button {\n    display: none; } }\n\n.fc .fc-toolbar .btn {\n  text-transform: capitalize; }\n\n.fc .fc-col-header-cell {\n  background-color: #e9e9ef; }\n\n.fc .fc-col-header-cell-cushion {\n  display: block;\n  padding: 8px 4px; }\n\n.fc .fc-daygrid-day-number {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n  margin: 2px; }\n\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: rgba(81, 86, 190, 0.1); }\n  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {\n    background-color: #5156be;\n    color: #fff; }\n\n.fc .fc-list-event:hover td {\n  background: transparent; }\n\n.fc .fc-list-event-dot {\n  border-color: #fff; }\n\n.fc .fc-list-event-title a {\n  color: #fff !important; }\n\n.fc .fc-col-header,\n.fc .fc-daygrid-body,\n.fc .fc-scrollgrid-sync-table {\n  width: 100% !important; }\n\n.fc-theme-bootstrap a:not([href]) {\n  color: #495057; }\n\n.fc-event {\n  color: #fff; }\n\n.fc th.fc-widget-header {\n  background: #f6f6f6;\n  color: #495057;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700; }\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: #f6f6f6; }\n\n.fc-unthemed td.fc-today {\n  background: #efeff3; }\n\n.fc-button {\n  background: #fff;\n  border-color: #e9e9ef;\n  color: #495057;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #5156be;\n  color: #fff;\n  text-shadow: none; }\n\n.fc-event {\n  border-radius: 2px;\n  border: none;\n  cursor: move;\n  font-size: 0.8125rem;\n  margin: 5px 7px;\n  padding: 5px 5px;\n  text-align: center; }\n\n.fc-event,\n.fc-event-dot {\n  background-color: #5156be; }\n\n.fc-daygrid-dot-event.fc-event-mirror,\n.fc-daygrid-dot-event:hover {\n  background-color: #5156be; }\n\n.fc-daygrid-dot-event {\n  color: #fff !important; }\n  .fc-daygrid-dot-event .fc-event-title {\n    font-weight: 600; }\n\n.fc-daygrid-event-dot {\n  border-color: #fff !important;\n  color: #fff !important; }\n\n.fc-event .fc-content {\n  color: #fff; }\n\n#external-events .external-event {\n  text-align: left;\n  padding: 8px 16px; }\n\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content {\n  color: #e9e9ef; }\n\n[dir=\"rtl\"] .fc-header-toolbar {\n  direction: ltr !important; }\n\n[dir=\"rtl\"] .fc-toolbar > * > :not(:first-child) {\n  margin-left: 0.75em; }\n\n@media (max-width: 575.98px) {\n  .fc-toolbar {\n    flex-direction: column;\n    gap: 16px; } }\n\nbody[data-layout-mode=\"dark\"] .fc-col-header-cell {\n  background-color: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .fc-theme-bootstrap a:not([href]) {\n  color: #858d98; }\n\n#session-timeout-dialog .close {\n  display: none; }\n\n#session-timeout-dialog .countdown-holder {\n  color: #fd625e;\n  font-weight: 500; }\n\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #fd625e;\n  box-shadow: none; }\n\n.noUi-connect {\n  background: #4ba6ef; }\n\n.noUi-handle {\n  background: #fff; }\n\n.noUi-horizontal {\n  height: 8px; }\n  .noUi-horizontal .noUi-handle {\n    height: 20px;\n    width: 20px;\n    border-radius: 50%;\n    right: -10px;\n    top: -7px; }\n    .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {\n      display: none; }\n    .noUi-horizontal .noUi-handle:focus {\n      outline: 0; }\n\n.noUi-pips-horizontal {\n  height: 50px; }\n\n.noUi-vertical {\n  width: 8px; }\n  .noUi-vertical .noUi-handle {\n    height: 20px;\n    width: 20px;\n    right: -7px;\n    top: -12px;\n    border-radius: 50%; }\n    .noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {\n      display: none; }\n    .noUi-vertical .noUi-handle:focus {\n      outline: 0; }\n\n.noUi-value {\n  font-size: 12px; }\n\n.noUi-marker-horizontal.noUi-marker-large {\n  height: 6px; }\n\n.noUi-marker-horizontal.noUi-marker {\n  display: none; }\n\n.noUi-target {\n  background-color: #e9e9ef;\n  border-color: #e9e9ef; }\n\n.noUi-touch-area:focus {\n  outline: 0; }\n\n#red, #green, #blue {\n  margin: 10px;\n  display: inline-block;\n  height: 200px; }\n\n#colorpicker {\n  height: 240px;\n  width: 310px;\n  margin: 0 auto;\n  padding: 10px;\n  border: 1px solid #e9e9ef; }\n\n#result {\n  margin: 60px 26px;\n  height: 100px;\n  width: 100px;\n  display: inline-block;\n  vertical-align: top;\n  border: 1px solid #e9e9ef;\n  box-shadow: 0 0 3px;\n  border-radius: 7px; }\n\n#red .noUi-connect {\n  background: #fd625e; }\n\n#green .noUi-connect {\n  background: #2ab57d; }\n\n#blue .noUi-connect {\n  background: #5156be; }\n\n.form-control.keyboard {\n  max-width: 340px !important; }\n\n#input-select,\n#input-number {\n  padding: 7px;\n  margin: 15px 5px 5px;\n  width: 70px; }\n\n.example-val {\n  font-size: 12px;\n  color: #74788d;\n  display: block;\n  margin: 15px 0; }\n  .example-val:before {\n    content: \"Value: \";\n    font-size: 12px;\n    font-weight: 600; }\n\n.noUi-tooltip {\n  display: none; }\n\n.noUi-active .noUi-tooltip {\n  display: block; }\n\n.c-1-color {\n  background: #fd625e; }\n\n.c-2-color {\n  background: #ffbf53; }\n\n.c-3-color {\n  background: #2ab57d; }\n\n.c-4-color {\n  background: #5156be; }\n\n.c-5-color {\n  background: #6f42c1; }\n\n#slider-toggle {\n  height: 50px; }\n  #slider-toggle.off .noUi-handle {\n    border-color: #fd625e; }\n\nbody[data-layout-mode=\"dark\"] .noUi-target {\n  background-color: #3b403d;\n  border-color: #3b403d;\n  box-shadow: inset 0 1px 1px #3b403d, 0 3px 6px -5px #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .example-val {\n  color: #858d98; }\n\n.swal2-container .swal2-title {\n  font-size: 22px;\n  font-weight: 500; }\n\n.swal2-modal {\n  font-size: 14px; }\n\n.swal2-icon.swal2-question {\n  border-color: #4ba6ef;\n  color: #4ba6ef; }\n\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #2ab57d; }\n\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(42, 181, 125, 0.3); }\n\n.swal2-icon.swal2-warning {\n  border-color: #ffbf53;\n  color: #ffbf53; }\n\n.swal2-styled:focus {\n  box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #5156be; }\n  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n    background: #5156be; }\n    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {\n      background: rgba(81, 86, 190, 0.3); }\n\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #5156be; }\n\n.swal2-loader {\n  border-color: #5156be transparent #5156be transparent; }\n\nbody[data-layout-mode=\"dark\"] .swal2-popup {\n  background-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .swal2-content {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .swal2-html-container {\n  color: #858d98; }\n\n.alertify .ajs-header {\n  font-weight: 500; }\n\n.alertify .ajs-dialog {\n  box-shadow: 0 0.25rem 0.75rem rgba(18, 38, 63, 0.08);\n  background-color: #fff; }\n  .alertify .ajs-dialog .ajs-header, .alertify .ajs-dialog .ajs-footer {\n    background-color: #fff; }\n\n.alertify .ajs-footer .ajs-buttons .ajs-button {\n  font-weight: 500; }\n  .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #5156be; }\n\n.alertify .ajs-footer .ajs-buttons.ajs-primary {\n  text-align: right; }\n\n.alertify .ajs-body .ajs-content .ajs-input:focus-visible {\n  outline: none; }\n\n.alertify .ajs-commands {\n  right: 4px;\n  left: auto;\n  margin: -14px 0 0 24px; }\n\n.alertify-notifier .ajs-message {\n  background-color: #5156be;\n  border-color: #5156be;\n  color: #fff;\n  text-shadow: none !important; }\n  .alertify-notifier .ajs-message.ajs-success {\n    background-color: #2ab57d;\n    border-color: #2ab57d; }\n  .alertify-notifier .ajs-message.ajs-error {\n    background-color: #fd625e;\n    border-color: #fd625e; }\n  .alertify-notifier .ajs-message.ajs-warning {\n    background-color: #ffbf53;\n    border-color: #ffbf53; }\n\n.alertify-notifier.ajs-right {\n  right: 10px;\n  left: auto; }\n  .alertify-notifier.ajs-right .ajs-message {\n    right: -320px;\n    left: auto; }\n    .alertify-notifier.ajs-right .ajs-message.ajs-visible {\n      right: 290px;\n      left: auto; }\n\n.alertify-notifier.ajs-left {\n  left: 10px;\n  right: auto; }\n  .alertify-notifier.ajs-left .ajs-message {\n    left: -300px;\n    right: auto; }\n    .alertify-notifier.ajs-left .ajs-message.ajs-visible {\n      left: 0;\n      right: auto; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-dialog {\n  background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-header, body[data-layout-mode=\"dark\"] .alertify .ajs-footer {\n  color: #ced4da;\n  background-color: #313533;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-body {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-body .ajs-content .ajs-input {\n    color: #adb5bd;\n    background-color: #363a38;\n    border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button {\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {\n    color: #5156be; }\n\n.pristine-error {\n  margin-top: 2px;\n  color: #fd625e; }\n\n.has-success .form-control {\n  border-color: #2ab57d; }\n\n.has-danger .form-control {\n  border-color: #fd625e; }\n\n.choices__inner {\n  padding: 0.25rem 2.5rem 0.25rem 0.5rem;\n  background-color: #fff;\n  vertical-align: middle;\n  border-radius: 0.25rem;\n  border: 1px solid #ced4da;\n  min-height: 38px; }\n\n.choices[data-type*=\"select-one\"] .choices__inner {\n  padding-bottom: 0.25rem; }\n\n.choices[data-type*=\"select-one\"] .choices__button {\n  right: 0;\n  left: auto;\n  margin-right: 25px;\n  margin-left: 0; }\n\n.choices[data-type*=\"select-one\"]:after {\n  border-color: #343a40 transparent transparent;\n  right: 11.5px;\n  left: auto; }\n\n.choices[data-type*=\"select-one\"].is-open:after {\n  border-color: transparent transparent #343a40; }\n\n.choices__input {\n  background-color: #fff;\n  margin-bottom: 0; }\n\n.choices__list--multiple {\n  display: inline-flex;\n  flex-wrap: wrap; }\n  .choices__list--multiple .choices__item {\n    background-color: #5156be;\n    border-color: #5156be;\n    margin-bottom: 0;\n    margin-right: 7px;\n    font-weight: 400; }\n    .choices__list--multiple .choices__item.is-highlighted {\n      background-color: #5156be;\n      border: 1px solid #5156be; }\n\n.choices.is-disabled .choices__inner,\n.choices.is-disabled .choices__input {\n  background-color: #e9e9ef; }\n\n.is-disabled .choices__list--multiple .choices__item {\n  background-color: #74788d;\n  border-color: #74788d; }\n\n.choices[data-type*=\"select-multiple\"] .choices__button,\n.choices[data-type*=\"text\"] .choices__button {\n  border-left: 1px solid rgba(255, 255, 255, 0.5);\n  margin: 0 -4px 0 8px;\n  border-right: 0; }\n\nbody[data-layout-mode=\"dark\"] .choices__inner {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .choices__input {\n  background-color: #363a38;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"]:after {\n  border-color: #adb5bd transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"].is-open:after {\n  border-color: transparent transparent #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices[data-type*=\"select-one\"] .choices__input {\n  background-color: #363a38;\n  border: 1px solid #3b403d;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .choices__list--dropdown {\n  background-color: #363a38;\n  border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .choices__list--dropdown .choices__item--selectable.is-highlighted {\n    background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__inner,\nbody[data-layout-mode=\"dark\"] .choices.is-disabled .choices__input {\n  background-color: #363a38; }\n\n/* CSS Switch */\ninput[switch] {\n  display: none; }\n  input[switch] + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: #ced4da;\n    background-image: none;\n    border-radius: 2rem;\n    padding: 0.16667rem;\n    cursor: pointer;\n    display: inline-block;\n    text-align: center;\n    position: relative;\n    font-weight: 500;\n    transition: all 0.1s ease-in-out; }\n    input[switch] + label:before {\n      color: #343a40;\n      content: attr(data-off-label);\n      display: block;\n      font-family: inherit;\n      font-weight: 500;\n      font-size: 12px;\n      line-height: 21px;\n      position: absolute;\n      right: 1px;\n      margin: 3px;\n      top: -2px;\n      text-align: center;\n      min-width: 1.66667rem;\n      overflow: hidden;\n      transition: all 0.1s ease-in-out; }\n    input[switch] + label:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: #e9e9ef;\n      box-shadow: none;\n      border-radius: 2rem;\n      height: 20px;\n      width: 20px;\n      top: 2px;\n      transition: all 0.1s ease-in-out; }\n  input[switch]:checked + label {\n    background-color: #5156be; }\n\ninput[switch]:checked + label {\n  background-color: #5156be; }\n  input[switch]:checked + label:before {\n    color: #fff;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px; }\n  input[switch]:checked + label:after {\n    left: 33px;\n    background-color: #e9e9ef; }\n\ninput[switch=\"bool\"] + label {\n  background-color: #fd625e; }\n\ninput[switch=\"bool\"] + label:before, input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before {\n  color: #fff; }\n\ninput[switch=\"bool\"]:checked + label {\n  background-color: #2ab57d; }\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: #5156be; }\n\ninput[switch=\"success\"]:checked + label {\n  background-color: #2ab57d; }\n\ninput[switch=\"info\"]:checked + label {\n  background-color: #4ba6ef; }\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: #ffbf53; }\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: #fd625e; }\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: #343a40; }\n  input[switch=\"dark\"]:checked + label:before {\n    color: #e9e9ef; }\n\n.square-switch {\n  margin-right: 7px; }\n  .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n    border-radius: 4px; }\n\n.pcr-app {\n  background: #fff; }\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {\n  margin-right: .75em;\n  margin-left: 0; }\n\n.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {\n  margin-left: .75em;\n  margin-right: 0; }\n\nbody[data-layout-mode=\"dark\"] .pcr-app {\n  background-color: #3b403d; }\n\n.flatpickr-input[readonly] {\n  background-color: #fff; }\n\n.flatpickr-months, .flatpickr-weekdays {\n  background-color: #5156be; }\n\nspan.flatpickr-weekday {\n  color: #fff;\n  font-weight: 500; }\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent !important; }\n\n.flatpickr-am-pm:focus, .flatpickr-am-pm:hover, .numInput:focus, .numInput:hover, .numInputWrapper:focus, .numInputWrapper:hover {\n  background-color: transparent !important; }\n\n.flatpickr-weekdays {\n  height: 36px !important;\n  border-bottom: 1px solid #e9e9ef; }\n\n.flatpickr-day {\n  color: #343a40 !important; }\n  .flatpickr-day:hover, .flatpickr-day:focus {\n    background-color: rgba(233, 233, 239, 0.7) !important; }\n  .flatpickr-day.today {\n    border-color: #5156be !important;\n    background-color: rgba(81, 86, 190, 0.1); }\n    .flatpickr-day.today:hover, .flatpickr-day.today:focus {\n      color: #343a40 !important;\n      background-color: rgba(81, 86, 190, 0.15) !important; }\n  .flatpickr-day.selected {\n    background-color: #5156be !important;\n    border-color: #5156be !important;\n    color: #fff !important; }\n  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n    color: rgba(52, 58, 64, 0.3) !important; }\n  .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n    background-color: #e9e9ef;\n    border-color: #e9e9ef; }\n  .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #e9e9ef, 5px 0 0 #e9e9ef; }\n\n.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-month {\n  color: rgba(255, 255, 255, 0.9) !important;\n  fill: rgba(255, 255, 255, 0.9) !important; }\n\n.flatpickr-monthDropdown-month {\n  color: rgba(0, 0, 0, 0.8); }\n\n.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {\n  color: rgba(255, 255, 255, 0.9) !important; }\n\n.flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {\n  color: #343a40 !important; }\n\n.flatpickr-calendar {\n  background-color: #fff !important;\n  box-shadow: 1px 0 0 #e9e9ef, -1px 0 0 #e9e9ef, 0 1px 0 #e9e9ef, 0 -1px 0 #e9e9ef, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n  .flatpickr-calendar.hasTime .flatpickr-time {\n    border-top: 1px solid #e9e9ef !important; }\n\n.flatpickr-months {\n  border-radius: 5px 5px 0px 0px; }\n  .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {\n    fill: rgba(255, 255, 255, 0.9) !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-calendar {\n  background-color: #373c39 !important;\n  box-shadow: 1px 0 0 #3b403d, -1px 0 0 #3b403d, 0 1px 0 #3b403d, 0 -1px 0 #3b403d, 0 3px 13px rgba(0, 0, 0, 0.08) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-calendar.hasTime .flatpickr-time {\n    border-top: 1px solid #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-weekdays {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-day {\n  color: #adb5bd !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus {\n    background-color: rgba(59, 64, 61, 0.7) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.today:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.today:focus {\n    color: #adb5bd !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay.today.inRange, body[data-layout-mode=\"dark\"] .flatpickr-day:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:hover, body[data-layout-mode=\"dark\"] .flatpickr-day:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay:focus, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay:focus {\n    background-color: #3b403d;\n    border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.selected {\n    background-color: #5156be !important;\n    border-color: #5156be !important;\n    color: #fff !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled, body[data-layout-mode=\"dark\"] .flatpickr-day.flatpickr-disabled:hover, body[data-layout-mode=\"dark\"] .flatpickr-day.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.nextMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.prevMonthDay, body[data-layout-mode=\"dark\"] .flatpickr-day.notAllowed.nextMonthDay {\n    color: rgba(173, 181, 189, 0.3) !important; }\n  body[data-layout-mode=\"dark\"] .flatpickr-day.inRange {\n    box-shadow: -5px 0 0 #3b403d, 5px 0 0 #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time input, body[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-time-separator, body[data-layout-mode=\"dark\"] .flatpickr-time .flatpickr-am-pm {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #adb5bd; }\n\n.ck.ck-toolbar {\n  background-color: rgba(233, 233, 239, 0.75) !important;\n  border: 1px solid #ced4da !important; }\n  .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n    flex-wrap: wrap !important; }\n  .ck.ck-toolbar .ck.ck-toolbar__separator {\n    background: transparent !important; }\n\n.ck.ck-editor__main > .ck-editor__editable {\n  border-top: 0 !important;\n  background-color: #fff !important;\n  border-color: #ced4da !important;\n  box-shadow: none !important; }\n\n.ck.ck-dropdown__panel, .ck.ck-list {\n  background: #fff !important;\n  border: 1px solid #e9e9ef !important; }\n\n.ck.ck-reset_all,\n.ck.ck-reset_all * {\n  color: #495057 !important; }\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {\n  left: 0;\n  right: auto !important; }\n\n.ck.ck-editor__editable_inline[dir=\"ltr\"] {\n  text-align: left !important; }\n\n.ck-editor__editable {\n  min-height: 245px !important; }\n\n.ck.ck-button.ck-on:not(.ck-disabled):hover, .ck.ck-button.ck-on:not(.ck-disabled):active,\na.ck.ck-button.ck-on:not(.ck-disabled):hover,\na.ck.ck-button.ck-on:not(.ck-disabled):active {\n  background: #e9e9ef !important;\n  box-shadow: none !important; }\n\n.ck.ck-button:focus, .ck.ck-button:active,\na.ck.ck-button:focus,\na.ck.ck-button:active {\n  background: #e9e9ef !important;\n  border-color: #e9e9ef !important; }\n\n.ck.ck-tooltip .ck-tooltip__text {\n  background: #343a40 !important;\n  color: #e9e9ef !important; }\n\n.ck.ck-toolbar .ck.ck-button.ck-on,\na.ck.ck-button.ck-on,\n.ck.ck-button:not(.ck-disabled):hover,\na.ck.ck-button:not(.ck-disabled):hover {\n  background: rgba(233, 233, 239, 0.75) !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar {\n  background-color: #3b403d !important;\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-dropdown__panel, body[data-layout-mode=\"dark\"] .ck.ck-list {\n  background-color: #373c39 !important;\n  border-color: #373c39 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-editor__main > .ck-editor__editable {\n  background-color: #313533 !important;\n  border-color: #3b403d !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-icon :not([fill]) {\n  fill: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all,\nbody[data-layout-mode=\"dark\"] .ck.ck-reset_all * {\n  color: #858d98 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck .ck-link-form, body[data-layout-mode=\"dark\"] .ck .ck-input-text, body[data-layout-mode=\"dark\"] .ck .ck-label {\n  background-color: #373c39 !important; }\n\nbody[data-layout-mode=\"dark\"] .ck.ck-toolbar .ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button.ck-on,\nbody[data-layout-mode=\"dark\"] .ck.ck-button:not(.ck-disabled):hover,\nbody[data-layout-mode=\"dark\"] a.ck.ck-button:not(.ck-disabled):hover {\n  background: rgba(133, 141, 152, 0.2) !important; }\n\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items {\n  flex-direction: row-reverse; }\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed #ced4da;\n  background: #fff;\n  border-radius: 6px; }\n  .dropzone .dz-message {\n    font-size: 24px;\n    width: 100%; }\n\nbody[data-layout-mode=\"dark\"] .dropzone {\n  background: #333836;\n  border-color: #3b403d; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n  display: inline-block;\n  width: 56px;\n  height: 56px;\n  line-height: 54px;\n  border: 1px solid rgba(81, 86, 190, 0.2);\n  color: #5156be;\n  text-align: center;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n  font-size: 20px; }\n  @media (max-width: 575.98px) {\n    .twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {\n      width: 40px;\n      height: 40px;\n      line-height: 38px; } }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .step-title {\n  margin-left: 6px; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item:last-child .nav-link::after {\n  display: none; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .step-icon {\n  background-color: #5156be;\n  color: #fff; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .uil:before {\n  content: \"\\e9c3\"; }\n\n.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n  font-size: 14px;\n  position: relative; }\n  @media (max-width: 575.98px) {\n    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link {\n      padding: 0.5rem; } }\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n    content: \"\";\n    position: absolute;\n    width: 75%;\n    height: 2px;\n    background-color: #e9e9ef;\n    left: 62%;\n    top: 50%;\n    transform: translateY(-50%); }\n    @media (max-width: 575.98px) {\n      .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n        display: none; } }\n  .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active {\n    color: #495057;\n    background-color: transparent; }\n    .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon {\n      background-color: rgba(81, 86, 190, 0.2);\n      color: #5156be;\n      border-color: rgba(81, 86, 190, 0.2); }\n\n.twitter-bs-wizard .twitter-bs-wizard-pager-link {\n  padding-top: 24px;\n  padding-left: 0;\n  list-style: none;\n  margin-bottom: 0; }\n  .twitter-bs-wizard .twitter-bs-wizard-pager-link li {\n    display: inline-block; }\n    .twitter-bs-wizard .twitter-bs-wizard-pager-link li.next {\n      float: right; }\n\n.twitter-bs-wizard-tab-content {\n  padding-top: 24px;\n  min-height: 262px; }\n\nbody[data-layout-mode=\"dark\"] .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {\n  background-color: #3b403d; }\n\n/* \r\nDatatable\r\n*/\ndiv.dataTables_wrapper div.dataTables_filter {\n  text-align: right; }\n  @media (max-width: 767px) {\n    div.dataTables_wrapper div.dataTables_filter {\n      text-align: center; } }\n  div.dataTables_wrapper div.dataTables_filter input {\n    margin-left: 0.5em;\n    margin-right: 0; }\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative; }\n  .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n    padding-left: 30px; }\n    .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n      top: 50%;\n      left: 5px;\n      height: 14px;\n      width: 14px;\n      margin-top: -9px;\n      display: block;\n      position: absolute;\n      color: #fff;\n      border: 2px solid #fff;\n      border-radius: 14px;\n      box-sizing: content-box;\n      text-align: center;\n      text-indent: 0 !important;\n      line-height: 14px;\n      content: '+';\n      background-color: #5156be; }\n\n.table.dataTable > thead > tr > th:not(.sorting_disabled), .table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {\n  padding-right: 30px;\n  padding-left: 12px; }\n\n.table.dataTable > thead .sorting::before,\n.table.dataTable > thead .sorting_asc::before,\n.table.dataTable > thead .sorting_desc::before,\n.table.dataTable > thead .sorting_asc_disabled::before,\n.table.dataTable > thead .sorting_desc_disabled::before, table.dataTable > thead .sorting::before,\ntable.dataTable > thead .sorting_asc::before,\ntable.dataTable > thead .sorting_desc::before,\ntable.dataTable > thead .sorting_asc_disabled::before,\ntable.dataTable > thead .sorting_desc_disabled::before {\n  right: 1em;\n  left: auto; }\n\n.table.dataTable > thead .sorting::after,\n.table.dataTable > thead .sorting_asc::after,\n.table.dataTable > thead .sorting_desc::after,\n.table.dataTable > thead .sorting_asc_disabled::after,\n.table.dataTable > thead .sorting_desc_disabled::after, table.dataTable > thead .sorting::after,\ntable.dataTable > thead .sorting_asc::after,\ntable.dataTable > thead .sorting_desc::after,\ntable.dataTable > thead .sorting_asc_disabled::after,\ntable.dataTable > thead .sorting_desc_disabled::after {\n  right: .5em;\n  left: auto; }\n\n.table-rep-plugin .btn-toolbar {\n  display: block; }\n\n.table-rep-plugin .table-responsive {\n  border: none !important; }\n\n.table-rep-plugin .btn-group .btn-default {\n  background-color: #74788d;\n  color: #e9e9ef;\n  border: 1px solid #74788d; }\n  .table-rep-plugin .btn-group .btn-default.btn-primary {\n    background-color: #5156be;\n    border-color: #5156be;\n    color: #fff;\n    box-shadow: 0 0 0 2px rgba(81, 86, 190, 0.5); }\n\n.table-rep-plugin .btn-group.pull-right {\n  float: right; }\n  .table-rep-plugin .btn-group.pull-right .dropdown-menu {\n    right: 0;\n    transform: none !important;\n    top: 100% !important; }\n\n.table-rep-plugin tbody th {\n  font-size: 14px;\n  font-weight: normal; }\n\n.table-rep-plugin .checkbox-row {\n  padding-left: 40px;\n  color: #495057 !important; }\n  .table-rep-plugin .checkbox-row:hover {\n    background-color: #efeff3 !important; }\n  .table-rep-plugin .checkbox-row label {\n    display: inline-block;\n    padding-left: 5px;\n    position: relative; }\n    .table-rep-plugin .checkbox-row label::before {\n      -o-transition: 0.3s ease-in-out;\n      -webkit-transition: 0.3s ease-in-out;\n      background-color: #fff;\n      border-radius: 3px;\n      border: 1px solid #f6f6f6;\n      content: \"\";\n      display: inline-block;\n      height: 17px;\n      left: 0;\n      margin-left: -20px;\n      position: absolute;\n      transition: 0.3s ease-in-out;\n      width: 17px;\n      outline: none !important; }\n    .table-rep-plugin .checkbox-row label::after {\n      color: #e9e9ef;\n      display: inline-block;\n      font-size: 11px;\n      height: 16px;\n      left: 0;\n      margin-left: -20px;\n      padding-left: 3px;\n      padding-top: 1px;\n      position: absolute;\n      top: -1px;\n      width: 16px; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"] {\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1;\n    outline: none !important; }\n    .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n      opacity: 0.65; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n    outline-offset: -2px;\n    outline: none; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    content: \"\\f00c\";\n    font-family: 'Font Awesome 5 Free';\n    font-weight: 900; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n    background-color: #f8f9fa;\n    cursor: not-allowed; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n    background-color: #5156be;\n    border-color: #5156be; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    color: #fff; }\n\n.table-rep-plugin .fixed-solution .sticky-table-header {\n  top: 70px !important;\n  background-color: #5156be; }\n  .table-rep-plugin .fixed-solution .sticky-table-header table {\n    color: #fff; }\n\n.table-rep-plugin table.focus-on tbody tr.focused th,\n.table-rep-plugin table.focus-on tbody tr.focused td,\n.table-rep-plugin .sticky-table-header {\n  background: #5156be;\n  border-color: #5156be;\n  color: #fff; }\n  .table-rep-plugin table.focus-on tbody tr.focused th table,\n  .table-rep-plugin table.focus-on tbody tr.focused td table,\n  .table-rep-plugin .sticky-table-header table {\n    color: #fff; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] .fixed-solution .sticky-table-header {\n    top: 120px !important; } }\n\n.table-edits input, .table-edits select {\n  height: calc(1.5em + (0.5rem + 2px));\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #ced4da;\n  background-color: #fff;\n  color: #495057;\n  border-radius: 0.25rem; }\n  .table-edits input:focus, .table-edits select:focus {\n    outline: none;\n    border-color: #b9bfc4; }\n\nbody[data-layout-mode=\"dark\"] .table-edits input, body[data-layout-mode=\"dark\"] .table-edits select {\n  color: #adb5bd;\n  background-color: #363a38;\n  border: 1px solid #3b403d; }\n  body[data-layout-mode=\"dark\"] .table-edits input:focus, body[data-layout-mode=\"dark\"] .table-edits select:focus {\n    border-color: #3b403d; }\n\n.apex-charts {\n  min-height: 10px !important; }\n  .apex-charts text {\n    font-family: var(--bs-font-sans-serif) !important;\n    fill: #adb5bd; }\n  .apex-charts .apexcharts-canvas {\n    margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important; }\n\n.apexcharts-legend-series {\n  font-weight: 500; }\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: #f8f9fa; }\n\n.apexcharts-legend-text {\n  color: #74788d !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important; }\n\n.apexcharts-pie-label {\n  fill: #fff !important; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-gridline {\n  stroke: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light {\n  background-color: #313533;\n  border-color: #373c39; }\n  body[data-layout-mode=\"dark\"] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n    background-color: #3b403d;\n    border-color: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-legend-text {\n  color: #adb5bd !important; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g + line,\nbody[data-layout-mode=\"dark\"] .apexcharts-grid-row + line {\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-xaxis line,\nbody[data-layout-mode=\"dark\"] .apexcharts-treemap-rect,\nbody[data-layout-mode=\"dark\"] .apexcharts-heatmap-rect,\nbody[data-layout-mode=\"dark\"] .apexcharts-pie-area {\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radialbar-track.apexcharts-track path {\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-radar-series.apexcharts-plot-series polygon,\nbody[data-layout-mode=\"dark\"] .apexcharts-radar-series.apexcharts-plot-series line {\n  fill: #3b403d;\n  stroke: #414743; }\n\nbody[data-layout-mode=\"dark\"] .apexcharts-pie circle {\n  stroke: #414743; }\n\n.e-charts {\n  height: 350px; }\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #343a40 !important;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #212529 !important; }\n\n.jqsfield {\n  color: #e9e9ef !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-weight: 500 !important; }\n\nbody[data-layout-mode=\"dark\"] .jqstooltip {\n  background-color: #e9e9ef !important;\n  border-color: #e9e9ef !important; }\n\nbody[data-layout-mode=\"dark\"] .jqsfield {\n  color: #3b403d !important; }\n\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: #f8f9fa;\n  border-radius: 3px; }\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #5156be;\n  border-radius: 4px;\n  padding: 10px 20px; }\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute; }\n  .gmaps-overlay_arrow.above {\n    bottom: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-top: 16px solid #5156be; }\n  .gmaps-overlay_arrow.below {\n    top: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-bottom: 16px solid #5156be; }\n\n.jvectormap-label {\n  border: none;\n  background: #343a40;\n  color: #f8f9fa;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.875rem;\n  padding: 5px 8px; }\n\nbody[data-layout-mode=\"dark\"] .jvectormap-label {\n  background: #e9e9ef;\n  color: #313533; }\n\n.leaflet-map {\n  height: 300px; }\n  .leaflet-map.leaflet-container {\n    z-index: 1; }\n\n.auth-bg {\n  background-image: url(\"../images/auth-bg.jpg\");\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n  .auth-bg .bg-overlay {\n    opacity: 0.9; }\n  @media (min-width: 768px) {\n    .auth-bg {\n      height: 100vh; } }\n\n.auth-full-page-content {\n  min-height: 100vh; }\n\n.auth-logo .logo-txt {\n  color: #343a40;\n  font-size: 20px; }\n\n.auth-pass-inputgroup input[type=\"input\"] + .btn .mdi-eye-outline:before {\n  content: \"\\F06D1\"; }\n\n.bg-bubbles {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden; }\n  .bg-bubbles li {\n    position: absolute;\n    list-style: none;\n    display: block;\n    width: 40px;\n    height: 40px;\n    border-radius: 30px;\n    background-color: rgba(255, 255, 255, 0.1);\n    bottom: -50px;\n    animation: square 20s infinite;\n    transition-timing-function: linear; }\n    .bg-bubbles li:nth-child(1) {\n      left: 10%; }\n    .bg-bubbles li:nth-child(2) {\n      left: 20%;\n      width: 120px;\n      height: 120px;\n      animation-delay: 2s;\n      animation-duration: 17s; }\n    .bg-bubbles li:nth-child(3) {\n      left: 25%;\n      animation-delay: 4s; }\n    .bg-bubbles li:nth-child(4) {\n      left: 40%;\n      width: 80px;\n      height: 80px;\n      animation-duration: 22s; }\n    .bg-bubbles li:nth-child(5) {\n      left: 70%;\n      width: 90px;\n      height: 90px; }\n    .bg-bubbles li:nth-child(6) {\n      left: 70%;\n      width: 120px;\n      height: 120px;\n      animation-delay: 3s; }\n    .bg-bubbles li:nth-child(7) {\n      left: 32%;\n      width: 150px;\n      height: 150px;\n      animation-delay: 7s; }\n    .bg-bubbles li:nth-child(8) {\n      left: 55%;\n      width: 80px;\n      height: 80px;\n      animation-delay: 15s;\n      animation-duration: 40s; }\n    .bg-bubbles li:nth-child(9) {\n      left: 25%;\n      width: 50px;\n      height: 50px;\n      animation-delay: 2s;\n      animation-duration: 40s; }\n    .bg-bubbles li:nth-child(10) {\n      left: 90%;\n      width: 140px;\n      height: 140px;\n      animation-delay: 11s; }\n\n@keyframes square {\n  0% {\n    transform: translateY(0); }\n  100% {\n    transform: translateY(-1000px) rotate(600deg); } }\n\nbody[data-layout-mode=\"dark\"] .auth-logo .logo-txt {\n  color: #fff; }\n\n/* ==============\r\n  Email\r\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px; }\n\n.email-rightbar {\n  margin-left: 260px; }\n\n.chat-user-box p.user-title {\n  color: #343a40;\n  font-weight: 500; }\n\n.chat-user-box p {\n  font-size: 12px; }\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%; }\n  .email-rightbar {\n    margin: 0; } }\n\n.mail-list a {\n  display: block;\n  color: #74788d;\n  line-height: 24px;\n  padding: 8px 5px; }\n  .mail-list a.active {\n    color: #fd625e;\n    font-weight: 500; }\n\n.message-list {\n  display: block;\n  padding-left: 0; }\n  .message-list li {\n    position: relative;\n    display: block;\n    height: 50px;\n    line-height: 50px;\n    cursor: default;\n    transition-duration: .3s; }\n    .message-list li a {\n      color: #74788d; }\n    .message-list li:hover {\n      background: #f6f6f6;\n      transition-duration: .05s; }\n    .message-list li .col-mail {\n      float: left;\n      position: relative; }\n    .message-list li .col-mail-1 {\n      width: 320px; }\n      .message-list li .col-mail-1 .star-toggle,\n      .message-list li .col-mail-1 .checkbox-wrapper-mail,\n      .message-list li .col-mail-1 .dot {\n        display: block;\n        float: left; }\n      .message-list li .col-mail-1 .dot {\n        border: 4px solid transparent;\n        border-radius: 100px;\n        margin: 22px 26px 0;\n        height: 0;\n        width: 0;\n        line-height: 0;\n        font-size: 0; }\n      .message-list li .col-mail-1 .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px; }\n      .message-list li .col-mail-1 .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px; }\n      .message-list li .col-mail-1 .title {\n        position: absolute;\n        top: 0;\n        left: 110px;\n        right: 0;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        margin-bottom: 0; }\n    .message-list li .col-mail-2 {\n      position: absolute;\n      top: 0;\n      left: 320px;\n      right: 0;\n      bottom: 0; }\n      .message-list li .col-mail-2 .subject,\n      .message-list li .col-mail-2 .date {\n        position: absolute;\n        top: 0; }\n      .message-list li .col-mail-2 .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap; }\n      .message-list li .col-mail-2 .date {\n        right: 0;\n        width: 170px;\n        padding-left: 80px; }\n    .message-list li.active, .message-list li.active:hover {\n      box-shadow: inset 3px 0 0 #5156be; }\n    .message-list li.unread {\n      background-color: #f6f6f6;\n      font-weight: 500;\n      color: #292d32; }\n      .message-list li.unread a {\n        color: #292d32;\n        font-weight: 500; }\n  .message-list .checkbox-wrapper-mail {\n    cursor: pointer;\n    height: 20px;\n    width: 20px;\n    position: relative;\n    display: inline-block;\n    box-shadow: inset 0 0 0 1px #ced4da;\n    border-radius: 1px; }\n    .message-list .checkbox-wrapper-mail input {\n      opacity: 0;\n      cursor: pointer; }\n    .message-list .checkbox-wrapper-mail input:checked ~ label {\n      opacity: 1; }\n    .message-list .checkbox-wrapper-mail label {\n      position: absolute;\n      height: 20px;\n      width: 20px;\n      left: 0;\n      cursor: pointer;\n      opacity: 0;\n      margin-bottom: 0;\n      transition-duration: .05s;\n      top: 0; }\n      .message-list .checkbox-wrapper-mail label:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: #292d32;\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px; }\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px; } }\n\n.email-editor .ck-editor__editable_inline {\n  min-height: 200px !important; }\n\nbody[data-layout-mode=\"dark\"] .mail-list a {\n  color: #858d98; }\n  body[data-layout-mode=\"dark\"] .mail-list a.active {\n    color: #fd625e; }\n\nbody[data-layout-mode=\"dark\"] .chat-user-box p.user-title {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .message-list li a {\n  color: #858d98; }\n\nbody[data-layout-mode=\"dark\"] .message-list li:hover {\n  background: #373c39; }\n\nbody[data-layout-mode=\"dark\"] .message-list li.unread {\n  background: #373c39;\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail {\n  box-shadow: inset 0 0 0 1px #858d98; }\n  body[data-layout-mode=\"dark\"] .message-list .checkbox-wrapper-mail label::before {\n    color: #adb5bd; }\n\n@media (min-width: 992px) {\n  .chat-leftsidebar {\n    min-width: 260px; } }\n\n@media (min-width: 1200px) {\n  .chat-leftsidebar {\n    min-width: 380px; } }\n\n.chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: #fff;\n  color: #5156be; }\n\n.search-box .form-control {\n  padding-left: 40px; }\n\n.search-box .search-icon {\n  font-size: 16px;\n  position: absolute;\n  left: 13px;\n  top: 0;\n  height: 100%;\n  display: flex;\n  align-items: center; }\n\n.chat-noti-dropdown.active:before {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #fd625e;\n  border-radius: 50%;\n  right: 0; }\n\n.chat-noti-dropdown .btn {\n  padding: 6px;\n  box-shadow: none;\n  font-size: 20px; }\n\n.chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    .chat-message-list {\n      height: calc(100vh - 406px); } }\n\n.chat-list {\n  margin: 0; }\n  .chat-list li.active a {\n    background-color: rgba(81, 86, 190, 0.075);\n    border-color: transparent; }\n  .chat-list li a {\n    display: block;\n    padding: 14px 16px;\n    color: #74788d;\n    transition: all 0.4s;\n    border-top: 1px solid #e9e9ef;\n    position: relative; }\n    .chat-list li a:hover {\n      background-color: rgba(81, 86, 190, 0.075);\n      border-color: transparent; }\n  .chat-list li .user-img {\n    position: relative; }\n    .chat-list li .user-img .user-status {\n      width: 10px;\n      height: 10px;\n      background-color: #adb5bd;\n      border-radius: 50%;\n      border: 2px solid #fff;\n      position: absolute;\n      left: 0;\n      bottom: 0; }\n    .chat-list li .user-img.online .user-status {\n      background-color: #2ab57d; }\n    .chat-list li .user-img.away .user-status {\n      background-color: #ffbf53; }\n  .chat-list li.unread a {\n    font-weight: 600;\n    color: #343a40; }\n  .chat-list li .unread-message {\n    position: absolute;\n    display: inline-block;\n    right: 16px;\n    top: 33px; }\n\n.contact-list {\n  font-size: 12px;\n  text-transform: uppercase;\n  color: #74788d;\n  font-weight: 600;\n  margin-bottom: 7px; }\n\n.user-chat-nav .dropdown .nav-btn {\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 18px; }\n\n.chat-conversation {\n  height: calc(100vh - 300px); }\n  @media (min-width: 992px) {\n    .chat-conversation {\n      height: calc(100vh - 360px); } }\n  .chat-conversation li {\n    clear: both; }\n  .chat-conversation .chat-day-title {\n    position: relative;\n    text-align: center;\n    margin-bottom: 24px;\n    border: none; }\n    .chat-conversation .chat-day-title .title {\n      background-color: #fff;\n      position: relative;\n      z-index: 1;\n      padding: 6px 24px; }\n    .chat-conversation .chat-day-title:before {\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      height: 1px;\n      left: 0;\n      right: 0;\n      background-color: #e9e9ef;\n      top: 10px; }\n    .chat-conversation .chat-day-title .badge {\n      font-size: 12px; }\n  .chat-conversation .conversation-list {\n    margin-bottom: 24px;\n    position: relative; }\n    .chat-conversation .conversation-list .ctext-wrap {\n      display: flex;\n      margin-bottom: 10px; }\n    .chat-conversation .conversation-list .ctext-wrap-content {\n      padding: 12px 20px;\n      background-color: #5156be;\n      border-radius: 0px 8px 8px 8px;\n      color: #fff;\n      position: relative;\n      margin-left: 16px; }\n      .chat-conversation .conversation-list .ctext-wrap-content:before {\n        content: \"\";\n        position: absolute;\n        border: 5px solid transparent;\n        border-right-color: #5156be;\n        border-top-color: #5156be;\n        left: -10px;\n        top: 0; }\n    .chat-conversation .conversation-list .conversation-name {\n      margin-bottom: 4px;\n      display: flex;\n      font-size: 13px; }\n      .chat-conversation .conversation-list .conversation-name .time {\n        font-size: 12px;\n        color: rgba(255, 255, 255, 0.5);\n        margin-left: 8px;\n        font-weight: 400; }\n      .chat-conversation .conversation-list .conversation-name .user-name {\n        color: rgba(255, 255, 255, 0.5); }\n    .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n      font-size: 18px;\n      padding: 4px;\n      color: #74788d; }\n      @media (max-width: 575.98px) {\n        .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n          display: none; } }\n    .chat-conversation .conversation-list .message-img {\n      border-radius: .2rem;\n      position: relative; }\n      .chat-conversation .conversation-list .message-img .message-img-list {\n        position: relative; }\n      .chat-conversation .conversation-list .message-img img {\n        max-width: 140px; }\n  .chat-conversation .right .conversation-list {\n    float: right;\n    text-align: right; }\n    .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n      order: 2;\n      background-color: rgba(233, 233, 239, 0.5);\n      text-align: right;\n      border-radius: 8px 0px 8px 8px;\n      margin-left: 0;\n      margin-right: 16px;\n      color: #343a40; }\n      .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n        border: 5px solid transparent;\n        border-top-color: rgba(233, 233, 239, 0.5);\n        border-left-color: rgba(233, 233, 239, 0.5);\n        left: auto;\n        right: -10px; }\n    .chat-conversation .right .conversation-list .ctext-wrap .conversation-name {\n      justify-content: flex-end; }\n      .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name, .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n        color: #74788d; }\n      .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {\n        order: 1;\n        margin-left: 0;\n        margin-right: 8px; }\n      .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n        order: 2; }\n    .chat-conversation .right .conversation-list .dropdown {\n      order: 1; }\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto; } }\n\nbody[data-layout=\"horizontal\"] .chat-message-list {\n  height: calc(100vh - 346px); }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .chat-message-list {\n      height: calc(100vh - 476px); } }\n\nbody[data-layout=\"horizontal\"] .chat-conversation {\n  height: calc(100vh - 300px); }\n  @media (min-width: 992px) {\n    body[data-layout=\"horizontal\"] .chat-conversation {\n      height: calc(100vh - 420px); } }\n\nbody[data-layout-mode=\"dark\"] .chat-leftsidebar .chat-leftsidebar-nav .nav .nav-link.active {\n  background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li a {\n  color: #858d98;\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li .user-img .user-status {\n  border-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .chat-list li.unread a {\n  color: #adb5bd; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title .title {\n  background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .chat-day-title::before {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  background-color: rgba(59, 64, 61, 0.5);\n  color: #adb5bd; }\n  body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content::before {\n    border-top-color: rgba(59, 64, 61, 0.5);\n    border-left-color: rgba(59, 64, 61, 0.5); }\n\nbody[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time, body[data-layout-mode=\"dark\"] .chat-conversation .right .conversation-list .ctext-wrap .conversation-name .user-name {\n  color: #858d98; }\n\n.slide-bg {\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n\n.coming-content {\n  position: absolute;\n  top: 0;\n  z-index: 1;\n  left: 0;\n  width: 100%;\n  display: flex;\n  align-items: center; }\n  .coming-content .app-search {\n    max-width: 340px; }\n\n.preview-thumbsnav {\n  position: absolute;\n  bottom: 14px;\n  z-index: 9;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 120px; }\n  .preview-thumbsnav .nav-img {\n    cursor: pointer;\n    padding: 3px;\n    background-color: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.1); }\n    @media (max-width: 575.98px) {\n      .preview-thumbsnav .nav-img {\n        display: none; } }\n  .preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n    background-color: #fff;\n    border: 1px solid #fff; }\n\n.coming-box {\n  width: 25%; }\n  .coming-box:last-of-type .count-num::after {\n    display: none; }\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 600;\n  text-align: center;\n  display: flex;\n  gap: 24px; }\n  @media (max-width: 575.98px) {\n    .counter-number {\n      font-size: 18px; } }\n  .counter-number .count-title {\n    font-size: 16px;\n    font-weight: 500;\n    display: block;\n    padding-bottom: 6px;\n    color: rgba(255, 255, 255, 0.5); }\n\n.count-num {\n  background-color: #fff;\n  padding: 16px 8px;\n  position: relative;\n  border-radius: 4px; }\n  .count-num::after {\n    content: \":\";\n    font-size: 20px;\n    position: absolute;\n    right: -16px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #fff; }\n\nbody[data-layout-mode=\"dark\"] .count-num {\n  background-color: #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .preview-thumbsnav .swiper-slide-thumb-active .nav-img {\n  background-color: #3b403d;\n  border-color: #3b403d; }\n\n/************** vertical timeline **************/\n.timeline {\n  position: relative;\n  width: 100%;\n  padding: 30px 0; }\n  @media (max-width: 767.98px) {\n    .timeline {\n      padding: 0; } }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    position: relative;\n    width: 100%;\n    text-align: center;\n    z-index: 1; }\n    .timeline .timeline-end p,\n    .timeline .timeline-start p,\n    .timeline .timeline-year p {\n      display: inline-block;\n      width: 80px;\n      height: 80px;\n      margin: 0;\n      padding: 30px 0;\n      text-align: center;\n      background-color: #5156be;\n      border-radius: 100px;\n      color: #fff;\n      text-transform: uppercase; }\n  .timeline .timeline-year {\n    margin: 30px 0; }\n  .timeline .timeline-continue {\n    position: relative;\n    width: 100%;\n    padding: 60px 0; }\n    .timeline .timeline-continue:after {\n      position: absolute;\n      content: \"\";\n      width: 1px;\n      height: 100%;\n      top: 0;\n      left: 50%;\n      margin-left: -1px;\n      background: #5156be; }\n  .timeline .timeline-icon {\n    margin: 42px 10px 0 10px; }\n  .timeline .timeline-left {\n    text-align: right; }\n    .timeline .timeline-left .timeline-icon {\n      text-align: left; }\n  .timeline .timeline-right {\n    text-align: left; }\n    .timeline .timeline-right .timeline-icon {\n      text-align: right; }\n  .timeline .timeline-icon::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    top: 45px;\n    background: #5156be;\n    border-radius: 15px;\n    z-index: 1; }\n  @media (min-width: 768px) {\n    .timeline .event-content {\n      padding-right: 24px; }\n    .timeline .timeline-text {\n      margin-right: 40px; } }\n  .timeline .timeline-left .timeline-icon::after {\n    left: -7px; }\n  @media (min-width: 768px) {\n    .timeline .timeline-left .event-content {\n      padding-right: 0;\n      padding-left: 24px; }\n    .timeline .timeline-left .timeline-text {\n      margin-right: 0px;\n      margin-left: 40px; }\n    .timeline .timeline-left .event-img {\n      justify-content: flex-end; } }\n  .timeline .timeline-right .timeline-icon::after {\n    right: -7px; }\n  .timeline .timeline-box {\n    position: relative;\n    display: inline-block;\n    margin: 15px;\n    padding: 20px;\n    border: 1px solid #e9e9ef;\n    border-radius: 6px; }\n    .timeline .timeline-box::after {\n      content: \"\";\n      position: absolute;\n      width: 16px;\n      height: 16px;\n      top: 26px;\n      background-color: #fff;\n      border: 1px solid #e9e9ef;\n      transform: rotate(45deg);\n      margin: 0px auto; }\n  .timeline .timeline-launch {\n    position: relative;\n    display: inline-block;\n    margin: 15px;\n    padding: 20px;\n    border: 1px solid #e9e9ef;\n    border-radius: 6px;\n    width: 100%;\n    margin: 15px 0;\n    padding: 0;\n    border: none;\n    text-align: center;\n    background: transparent; }\n\n.timeline-date {\n  right: 20px; }\n  @media (max-width: 767.98px) {\n    .timeline-date {\n      left: -70px;\n      right: auto; } }\n\n.timeline-left .timeline-date {\n  left: 20px; }\n  @media (max-width: 767.98px) {\n    .timeline-left .timeline-date {\n      left: -70px;\n      right: auto; } }\n\n.timeline .timeline-date {\n  width: 54px;\n  height: 80px;\n  display: inline-block;\n  padding: 8px;\n  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\n  top: -10px;\n  position: absolute;\n  z-index: 1; }\n  @media (max-width: 767.98px) {\n    .timeline .timeline-date {\n      top: 0px; } }\n\n.timeline .timeline-right .timeline-box::after {\n  border-color: transparent transparent #e9e9ef #e9e9ef;\n  left: -8px;\n  right: 100%; }\n\n.timeline .timeline-left .timeline-box::after {\n  border-color: #e9e9ef #e9e9ef transparent transparent;\n  right: -8px; }\n\n.timeline .timeline-launch .timeline-box::after {\n  top: -8px;\n  left: 32px;\n  border-color: #e9e9ef transparent transparent #e9e9ef; }\n  @media (min-width: 768px) {\n    .timeline .timeline-launch .timeline-box::after {\n      left: 50%;\n      transform: rotate(45deg) translateX(-50%);\n      top: -2px; } }\n\n.timeline .timeline-launch .timeline-text {\n  width: 100%; }\n\n@media (max-width: 767px) {\n  .timeline .timeline-continue::after {\n    left: 40px; }\n  .timeline .timeline-end,\n  .timeline .timeline-start,\n  .timeline .timeline-year {\n    text-align: left; }\n  .timeline .row.timeline-left {\n    text-align: left; }\n    .timeline .row.timeline-left .timeline-icon {\n      text-align: left; }\n  .timeline .row.timeline-right {\n    text-align: left; }\n    .timeline .row.timeline-right .timeline-icon {\n      text-align: left; }\n  .timeline .timeline-launch {\n    text-align: left;\n    margin-bottom: 0; }\n  .timeline .row.timeline-left .timeline-icon::after {\n    left: 43px; }\n  .timeline .row.timeline-right .timeline-icon::after {\n    left: 43px; }\n  .timeline .timeline-box {\n    margin-left: 82px;\n    margin-right: 0; }\n  .timeline .row.timeline-right .timeline-icon {\n    margin-left: 55px; }\n  .timeline .row.timeline-left .timeline-icon {\n    margin-left: 55px; }\n  .timeline .timeline-launch .timeline-box {\n    margin-left: 0;\n    margin-bottom: 0; }\n  .timeline .row.timeline-left .timeline-box::after {\n    left: -8px;\n    border-color: transparent transparent #e9e9ef #e9e9ef;\n    right: auto; } }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-box {\n  border-color: #3b403d; }\n  body[data-layout-mode=\"dark\"] .timeline .timeline-box:after {\n    background-color: #313533; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-left .timeline-box:after {\n  border-color: #3b403d #3b403d transparent transparent; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-right .timeline-box:after {\n  border-color: transparent transparent #3b403d #3b403d; }\n\nbody[data-layout-mode=\"dark\"] .timeline .timeline-launch .timeline-box::after {\n  border-color: #3b403d transparent transparent #3b403d; }\n\n/*********************\r\n    Maintenance\r\n**********************/\n.maintenance-cog-icon .cog-icon {\n  position: relative;\n  bottom: 24px;\n  right: 14px; }\n\n.pricing-badge {\n  position: absolute;\n  top: 0;\n  z-index: 9;\n  right: 0;\n  width: 100%;\n  display: block;\n  font-size: 15px;\n  padding: 0;\n  overflow: hidden;\n  height: 100px; }\n  .pricing-badge .badge {\n    float: right;\n    transform: rotate(45deg);\n    right: -67px;\n    top: 17px;\n    position: relative;\n    text-align: center;\n    width: 200px;\n    font-size: 13px;\n    margin: 0;\n    padding: 7px 10px;\n    font-weight: 500;\n    color: #5156be;\n    background: #fff; }\n\n.pricing-tab-box .nav-link {\n  padding: 16px 20px;\n  border: 1px solid #e9e9ef; }\n  .pricing-tab-box .nav-link.active {\n    border: 1px solid #5156be;\n    background: transparent;\n    padding: 16px 20px; }\n    .pricing-tab-box .nav-link.active i {\n      color: #5156be; }\n    .pricing-tab-box .nav-link.active h1 {\n      color: #5156be; }\n\nbody[data-layout-mode=dark] .pricing-tab-box .nav-link {\n  border-color: #3b403d; }\n  body[data-layout-mode=dark] .pricing-tab-box .nav-link.active {\n    border-color: #5156be; }\n","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 1002;\r\n    background-color: $header-bg;\r\n    border-bottom: 1px solid $border-color;\r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 $grid-gutter-width 0 0;\r\n\r\n    .dropdown .show {\r\n        &.header-item {\r\n            background-color: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    width: $navbar-brand-box-width;\r\n    background: $sidebar-bg;\r\n    border-right: 1px solid $sidebar-border-color;\r\n    box-shadow: 0px 2px 2px $sidebar-bg;\r\n}\r\n\r\n.logo {\r\n    line-height: 69px;\r\n    color: inherit !important;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-txt {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    vertical-align: middle;\r\n    margin-left: 5px;\r\n}\r\n\r\n.logo-light {\r\n    display: none;\r\n}\r\n\r\n\r\nbody:not([data-sidebar-size=\"sm\"]) {\r\n    #vertical-menu-btn {\r\n        margin-left: -52px;\r\n        margin-right: 20px;\r\n        @media (max-width: 991.98px){\r\n            margin-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 40px} / 2) 0;\r\n    position: relative;\r\n\r\n    .form-control {\r\n        border: none;\r\n        height: 40px;\r\n        padding-left: 17px;\r\n        padding-right: 50px;\r\n        background-color: $topbar-search-bg;\r\n        box-shadow: none;\r\n    }\r\n    .btn {\r\n        position: absolute;\r\n        right: 3px;\r\n        top: 3px;\r\n        height: 34px;\r\n        padding: 0 10px;\r\n    }\r\n}\r\n\r\n.layout-mode-light {\r\n    display: none;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .layout-mode-dark {\r\n        display: none;\r\n    }\r\n    .layout-mode-light {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: calc(#{$header-height} + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 36px;\r\n    width: 36px;\r\n    background-color: $gray-600;\r\n    padding: 3px;\r\n}\r\n\r\n.noti-icon {\r\n    i {\r\n        font-size: 22px;\r\n        color: $header-item-color;\r\n    }\r\n\r\n    .badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 4px;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: $gray-100;\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .bx-fullscreen::before {\r\n            content: \"\\ea3f\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: $header-dark-bg;\r\n        border-color: $gray-dark-300;\r\n    }\r\n    .navbar-brand-box { \r\n        background-color: $header-dark-bg;\r\n        border-color: $header-dark-bg;\r\n        box-shadow: 0px 0px 2px $header-dark-bg;\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item {\r\n                background-color: rgba($white, 0.05);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .header-item {\r\n        color: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: rgba($white, 0.25);\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba($topbar-search-bg,0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-header {\r\n        .dropdown {\r\n            position: static;\r\n\r\n            .dropdown-menu {\r\n                left: 10px !important;\r\n                right: 10px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n        border: 0;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        @media  (min-width: 992px){\r\n            padding-left: 0;\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n    .page-content {\r\n        margin-top: $header-height;\r\n        padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n    }    \r\n\r\n    .navbar-header{\r\n        @media (min-width: 992px){\r\n            padding-left: $grid-gutter-width;\r\n            padding-right: $grid-gutter-width;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=dark]{\r\n        .navbar-brand-box {\r\n            background-color: transparent;\r\n            box-shadow: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) { \r\n    body[data-layout=\"horizontal\"] {\r\n        .page-content {\r\n            margin-top: 15px;\r\n        }    \r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .header-item {\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($white, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($white, 0.04) !important;\r\n        }\r\n    }\r\n\r\n    #page-topbar {\r\n        background-color: $header-dark-bg;\r\n        border-color: $gray-dark-300;\r\n    }\r\n\r\n    .app-search{\r\n        // Form Control\r\n        .form-control {\r\n            color: $gray-dark-500;\r\n            background-color: lighten($gray-dark-200,2%);\r\n            border: 1px solid $gray-dark-300;\r\n        }\r\n    }\r\n    \r\n    .notification-item {\r\n        .d-flex:hover {\r\n            background-color: lighten($gray-dark-200,4%);\r\n        }\r\n    }\r\n\r\n    // Dropdown with Icons\r\n    .dropdown-icon-item {\r\n        color: $gray-dark-500;\r\n\r\n        &:hover {\r\n            background-color: $gray-dark-300;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=\"light\"]{\r\n        @media (min-width: 992px) { \r\n            &[data-topbar=\"light\"]{\r\n                .navbar-brand-box{\r\n                    .logo{\r\n                        color: $dark !important;\r\n                    }\r\n                }\r\n\r\n                #vertical-menu-btn{\r\n                    color: $dark;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"][data-topbar=\"light\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: $header-bg;\r\n        border-right: none;\r\n        box-shadow: none;\r\n\r\n        .logo{\r\n            color: $dark !important;\r\n        }\r\n    }\r\n\r\n    \r\n    .logo-light {\r\n        display: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: block;\r\n    }\r\n\r\n    #vertical-menu-btn {\r\n        color: $dark !important;\r\n    }\r\n\r\n    .header-item {\r\n        color: $header-item-color;\r\n\r\n        &:hover {\r\n            color: $header-item-color;\r\n        }\r\n\r\n        &.border-start, &.border-end{\r\n            border-color: rgba($dark, 0.1) !important;\r\n        }\r\n        \r\n        &.bg-soft-light{\r\n            background-color: rgba($dark, 0.04) !important;\r\n        }\r\n    }\r\n\r\n\r\n    #page-topbar {\r\n        background-color: $header-bg;\r\n        border-color: $gray-300;\r\n    }\r\n\r\n     // Dropdown with Icons\r\n     .dropdown-icon-item {\r\n        color: $gray-500;\r\n\r\n        &:hover {\r\n            background-color: $gray-300;\r\n        }\r\n    }\r\n\r\n    .app-search{\r\n        // Form Control\r\n        .form-control {\r\n            color: $gray-500;\r\n            background-color: lighten($gray-200,2%);\r\n            border: 1px solid $gray-300;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: $gray-600;\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-item-color;\r\n        }\r\n    }\r\n    \r\n    .notification-item {\r\n        .d-flex {\r\n    \r\n            &:hover {\r\n                background-color: $gray-100;\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n    padding-bottom: $grid-gutter-width;\r\n\r\n    .breadcrumb {\r\n        background-color: transparent;\r\n        padding: 0;\r\n    }\r\n}","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 20px calc(#{$grid-gutter-width} / 2);\r\n    position: absolute;\r\n    right: 0;\r\n    color: $footer-color;\r\n    left: 250px;\r\n    height: $footer-height;\r\n    background-color: $footer-bg;\r\n    border-top: 1px solid $border-color;\r\n\r\n    @media (max-width: 991.98px) {\r\n        left: 0;\r\n    }\r\n}\r\n  \r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .footer {\r\n        background-color: $gray-dark-200;\r\n        color: $gray-dark-500;\r\n        border-color: lighten($gray-dark-200,2.5%);\r\n    }\r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        display: block;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .right-bar {\r\n        background-color: $gray-dark-200;\r\n    }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1001;\r\n    background: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    border-right: 1px solid $sidebar-border-color;\r\n}\r\n\r\n.main-content {\r\n    margin-left: $sidebar-width;\r\n    overflow: hidden;\r\n\r\n    .content {\r\n        padding: 0 15px 10px 15px;\r\n        margin-top: $header-height;\r\n    }\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 10px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(90deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0142\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            float: right;\r\n            transition: transform .2s;\r\n            font-size: 1.1rem;\r\n            margin-right: -5px;\r\n            margin-top: -2px;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: block;\r\n                padding: .62rem 1.5rem;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-size: .9rem;\r\n                transition: all .4s;\r\n                font-weight: $font-weight-medium;\r\n\r\n                i {\r\n                    display: inline-block;\r\n                    min-width: 1.75rem;\r\n                    padding-bottom: .125em;\r\n                    font-size: 1.25rem;\r\n                    line-height: 1.40625rem;\r\n                    vertical-align: middle;\r\n                    color: $sidebar-menu-item-icon-color;\r\n                    transition: all .4s;\r\n                }\r\n\r\n                svg {\r\n                    height: 16px;\r\n                    width: 16px;\r\n                    color: $sidebar-menu-item-icon-color;\r\n                    fill: rgba($sidebar-menu-item-icon-color,0.2);\r\n                    margin-right: 10px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n\r\n                    i {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                    }\r\n\r\n                    svg {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                        fill: rgba($sidebar-menu-item-hover-color,0.2);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-top: 4px;\r\n            }\r\n\r\n            ul.sub-menu {\r\n                padding: 0;\r\n\r\n                li {\r\n\r\n                    a {\r\n                        padding: .4rem 1.5rem .4rem 3.3rem;\r\n                        font-size: .85rem;\r\n                        color: $sidebar-menu-sub-item-color;\r\n\r\n                        &:hover {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n                    }\r\n\r\n                    ul.sub-menu {\r\n                        padding: 0;\r\n\r\n                        li {\r\n                            a {\r\n                                padding: .4rem 1.5rem .4rem 4.5rem;\r\n                                font-size: 13px;\r\n\r\n                                \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.menu-title {\r\n    padding: 12px 20px !important;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 12px;\r\n    color: $sidebar-menu-item-icon-color;\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.mm-active {\r\n\r\n    > a{\r\n        color: $sidebar-menu-item-active-color !important;\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n\r\n        svg {\r\n            color: $sidebar-menu-item-active-color !important;\r\n            fill: rgba($sidebar-menu-item-active-color,0.2) !important;\r\n        }\r\n    }\r\n    .active {\r\n        color: $sidebar-menu-item-active-color !important;\r\n\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n        \r\n        svg {\r\n            color: $sidebar-menu-item-active-color !important;\r\n            fill: rgba($sidebar-menu-item-active-color,0.2) !important;\r\n        }\r\n    }\r\n    > i {\r\n        color: $sidebar-menu-item-active-color !important;\r\n    }\r\n}\r\n\r\n.sidebar-alert {\r\n    background-color: rgba($primary, 0.1);\r\n\r\n    .alertcard-title{\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vertical-menu {\r\n        display: none;\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    body.sidebar-enable {\r\n        .vertical-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"sm\"] {\r\n    min-height: 1000px;\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: $sidebar-collapsed-width !important;\r\n    }\r\n\r\n    .logo {\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    // Side menu\r\n    .vertical-menu {\r\n        position: absolute;\r\n        width: $sidebar-collapsed-width !important;\r\n        z-index: 5;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .badge,\r\n            .sidebar-alert {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            > ul {\r\n                > li {\r\n                    position: relative;\r\n                    white-space: nowrap;\r\n\r\n                    > a {\r\n                        padding: 15px 20px;\r\n                        transition: none;\r\n                        \r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1.45rem;\r\n                            margin-left: 4px;\r\n                        }\r\n\r\n                        svg {\r\n                            height: 18px;\r\n                            width: 18px;\r\n                            margin-left: 6px;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n\r\n                        &.has-arrow {\r\n                            &:after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        > a {\r\n                            position: relative;\r\n                            width: calc(190px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: darken($sidebar-bg, 4%);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\r\n                            }\r\n\r\n                            svg {\r\n                                color: $sidebar-menu-item-active-color;\r\n                                fill: rgba($sidebar-menu-item-active-color,0.2);\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 190px;\r\n                            height: auto !important;\r\n                            box-shadow: $box-shadow-lg;\r\n\r\n                            ul {\r\n                                box-shadow: $box-shadow-lg;\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: $white;\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 190px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                                padding: 5px 0;\r\n                            }\r\n                        }\r\n\r\n                        >a {\r\n                            span.pull-right {\r\n                                position: absolute;\r\n                                right: 20px;\r\n                                top: 12px;\r\n                                transform: rotate(270deg);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    li.active {\r\n                        a {\r\n                            color: $gray-100;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    #sidebar-menu {\r\n        .mm-active>.has-arrow:after{\r\n            transform: rotate(0deg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n\r\n    .navbar-brand-box {\r\n        background: $sidebar-dark-bg;\r\n        box-shadow: 0px 3px 1px $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .vertical-menu {\r\n        background: $sidebar-dark-bg;\r\n        border-color: $sidebar-dark-bg;\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color :$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                a {\r\n                    color: $sidebar-dark-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n\r\n                    svg {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                        fill: rgba($sidebar-dark-menu-item-icon-color,0.2);\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n\r\n                        svg {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                            fill: rgba($sidebar-dark-menu-item-hover-color,0.2);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-dark-menu-sub-item-color;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    \r\n\r\n    // Enlarge menu\r\n    &[data-sidebar-size=\"sm\"] {\r\n\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color :$header-item-color;\r\n        }\r\n        // Side menu\r\n        .vertical-menu {\r\n            \r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: lighten($sidebar-dark-bg, 2%);\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n\r\n                                svg {\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                    fill: rgba($sidebar-dark-menu-item-hover-color,0.2);\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-dark-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-dark-bg;\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: $sidebar-dark-menu-item-active-color !important;\r\n                            i{\r\n                                color: $sidebar-dark-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: $sidebar-dark-menu-item-active-color !important;\r\n        > a{\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n            svg {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n                fill: rgba($sidebar-dark-menu-item-active-color,0.2) !important;\r\n            }\r\n\r\n        }\r\n        > i {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n\r\n            svg {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n                fill: rgba($sidebar-dark-menu-item-active-color,0.2) !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-icon-color;\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n        #sidebar-menu {\r\n            ul li {\r\n                &.menu-title{\r\n                    background-color: lighten($sidebar-dark-bg, 2%);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"md\"] {\r\n    .navbar-brand-box{\r\n        width: $sidebar-width-sm;\r\n        @media (max-width: 991.98px){\r\n            width: auto;\r\n        }\r\n    }\r\n    .vertical-menu{\r\n        width: $sidebar-width-sm;\r\n        text-align: center;\r\n\r\n        .has-arrow:after,\r\n        .badge,\r\n        .sidebar-alert {\r\n            display: none !important;\r\n        }\r\n    }\r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n    .footer {\r\n        left: $sidebar-width-sm;\r\n        @media (max-width: 991.98px) {\r\n            left: 0;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul li {\r\n            a{\r\n                svg{\r\n                    display: block;\r\n                    margin: 0 auto 4px;\r\n                }\r\n            }\r\n            ul.sub-menu {\r\n                li {\r\n                    a{\r\n                        padding-left: 1.5rem;\r\n                    }\r\n\r\n                    ul.sub-menu li a {\r\n                        padding-left: 1.5rem;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[data-sidebar-size=\"sm\"] {\r\n        .main-content {\r\n            margin-left: $sidebar-collapsed-width;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                text-align: left;\r\n                >ul{\r\n                    >li{\r\n                        >a {\r\n                            svg{\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n// colored sidebar\r\n\r\nbody[data-sidebar=\"brand\"] {\r\n    .vertical-menu{\r\n        background-color: $primary;\r\n    }\r\n    .navbar-brand-box{\r\n        background-color: $primary;\r\n        box-shadow: 0px 1px 0px $primary;\r\n        .logo-dark{\r\n            display: none;\r\n        }\r\n        .logo-light{\r\n            display: block;\r\n        }\r\n\r\n        .logo{\r\n            color: $white !important;\r\n        }\r\n    }\r\n\r\n    .mm-active {\r\n        color: $white !important;\r\n        > a{\r\n            color: $white !important;\r\n            i {\r\n                color: $white !important;\r\n            }\r\n            svg {\r\n                color: $white !important;\r\n                fill: rgba($white,0.1) !important;\r\n            }\r\n        }\r\n        .active {\r\n            color: $white !important;\r\n            svg {\r\n                color: $white !important;\r\n                fill: rgba($white,0.1) !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    #vertical-menu-btn{\r\n        @media (min-width: 992px) {\r\n            color:$header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    #sidebar-menu {\r\n        ul {\r\n            li {\r\n                &.menu-title{\r\n                    color: rgba($white, 0.6);\r\n                }\r\n\r\n                a{\r\n                    color: rgba($white, 0.6);\r\n                    i{\r\n                        color: rgba($white, 0.6);\r\n                    }\r\n                    svg {\r\n                        color: rgba($white, 0.6);;\r\n                        fill: rgba($white,0.075);\r\n                    }\r\n                    &.waves-effect {\r\n                        .waves-ripple {\r\n                          background: rgba($white, 0.1);\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        color: $white;\r\n    \r\n                        i {\r\n                            color: $white;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n                        a{\r\n                            color: rgba($white,.5);\r\n                            &:hover {\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .sidebar-alert{\r\n        background-color: rgba($white, 0.1);\r\n        color: rgba($white, 0.5);\r\n        .alertcard-title{\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        &[data-topbar=\"dark\"]{\r\n            #vertical-menu-btn{\r\n                color :$header-dark-item-color;\r\n            }\r\n        }\r\n        #vertical-menu-btn{\r\n            color: $header-item-color;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                >ul{\r\n                    >li{\r\n                        &:hover>a{\r\n                            background-color: lighten($primary, 2%);\r\n                            color: $white;\r\n                            i, svg{\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul{\r\n                    li{\r\n                        &.mm-active {\r\n                            .active{\r\n                                color: $white !important;\r\n                            }\r\n                        }\r\n\r\n                        ul.sub-menu {\r\n                            li {\r\n                                a{\r\n                                    &:hover {\r\n                                        color: $sidebar-menu-item-active-color;\r\n                                    }\r\n                                }\r\n                                &.mm-active {\r\n                                    color: $sidebar-menu-item-active-color !important;\r\n                                    > a{\r\n                                        color: $sidebar-menu-item-active-color !important;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Dark Layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    &[data-sidebar=dark], &[data-sidebar=brand] {\r\n        .vertical-menu,\r\n        .navbar-brand-box {\r\n            border-color: lighten($gray-dark-200,2.5%);\r\n        }\r\n    }\r\n\r\n    &[data-sidebar=light]{\r\n        .sidebar-alert {\r\n            background-color: rgba($primary, 0.1);\r\n            color: $body-color;\r\n        \r\n            .alertcard-title{\r\n                color: $primary;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"]{\r\n    #sidebar-menu{\r\n        .has-arrow:after{\r\n            content: \"\\F0141\"\r\n        }\r\n    }\r\n}","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n    background: $header-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    margin-top: $header-height;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    border-bottom: 1px solid $border-color;\r\n\r\n    @media (min-width: 992px) {\r\n        background: $topnav-bg;\r\n    }\r\n    \r\n    \r\n    .topnav-menu {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .navbar-nav {\r\n        \r\n        .nav-link {\r\n            font-size: 14.4px;\r\n            position: relative;\r\n            padding: 1rem 1.3rem;\r\n            color: $menu-item-color;\r\n            font-weight: $font-weight-medium;\r\n            i{\r\n                font-size: 15px;\r\n            }\r\n            svg {\r\n                height: 16px;\r\n                width: 16px;\r\n                color: $menu-item-color;\r\n                fill: rgba($menu-item-color,0.2);\r\n                margin-right: 7px;\r\n                margin-top: -3px;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                    fill: rgba($menu-item-active-color,0.2);\r\n                }\r\n            }\r\n        }\r\n        \r\n        .dropdown-item{\r\n            color: $menu-item-color;\r\n            &.active, &:hover{\r\n                color: $menu-item-active-color;\r\n            }\r\n        }\r\n        \r\n        .nav-item{\r\n            .nav-link.active{\r\n                color: $menu-item-active-color;\r\n                svg {\r\n                    color: $menu-item-active-color;\r\n                    fill: rgba($menu-item-active-color,0.2);\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: $menu-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-item-active-color;\r\n                        fill: rgba($menu-item-active-color,0.2);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title{\r\n        padding: 12px 24px !important;\r\n        @media (max-width: 991.98px) {\r\n            padding: 12px 16px !important;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0 !important;\r\n                        left: 100%;\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down {\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .navbar-brand-box{\r\n        .logo-dark {\r\n            display: $display-block;\r\n            span.logo-sm{\r\n                display: $display-block;\r\n            }\r\n        }\r\n    \r\n        .logo-light {\r\n            display: $display-none;\r\n        }\r\n    }\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 24px;\r\n                &.dropdown-mega-menu-xl{\r\n                    width: auto;\r\n    \r\n                    .row{\r\n                        margin: 0px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item {\r\n                position: relative;\r\n                background-color: transparent;\r\n\r\n                &.active,\r\n                &:active {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Colored Topbar \r\n\r\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] {\r\n    #page-topbar{\r\n        background-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba($topbar-search-bg,0.07);\r\n            color: $white;\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n    .header-item {\r\n        color: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .navbar-header {\r\n        .dropdown .show {\r\n            &.header-item{\r\n                background-color: rgba($white,0.1);\r\n            }\r\n        }\r\n\r\n        .waves-effect .waves-ripple {\r\n            background: rgba($white, 0.4);\r\n        }\r\n    }\r\n\r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    @include media-breakpoint-up(lg) {\r\n        .topnav{\r\n            background-color: $primary;\r\n            .navbar-nav {\r\n        \r\n                .nav-link {\r\n                    color: rgba($white, 0.6);\r\n                    \r\n                    &:focus, &:hover{\r\n                        color: rgba($white, 0.9);\r\n                    }\r\n                }\r\n        \r\n                > .dropdown{\r\n                    &.active{\r\n                      >a {\r\n                            color: rgba($white, 0.9) !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .topnav {\r\n        background-color: $topnav-dark-bg;\r\n        border-color: $gray-dark-300;\r\n\r\n        .navbar-nav{\r\n            .nav-link{\r\n                color: $menu-dark-item-color;\r\n\r\n                svg {\r\n                    height: 16px;\r\n                    width: 16px;\r\n                    color: $menu-dark-item-color;\r\n                    fill: rgba($menu-dark-item-color,0.2);\r\n                    margin-right: 7px;\r\n                    margin-top: -3px;\r\n                }\r\n\r\n                &:focus, &:hover{\r\n                    color: $menu-dark-item-active-color;\r\n                    background-color: transparent;\r\n                    svg {\r\n                        color: $menu-dark-item-active-color;\r\n                        fill: rgba($menu-dark-item-active-color,0.2);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item{\r\n                color: $menu-dark-item-color;\r\n                &.active, &:hover{\r\n                    color: $menu-dark-item-active-color;\r\n                }\r\n            }\r\n\r\n            .nav-item{\r\n                .nav-link.active{\r\n                    color: $menu-dark-item-active-color;\r\n                }\r\n            }\r\n\r\n            .dropdown{\r\n                &.active{\r\n                  >a {\r\n                        color: $menu-dark-item-active-color;\r\n                        background-color: transparent;\r\n                        svg {\r\n                            color: $menu-dark-item-active-color;\r\n                            fill: rgba($menu-dark-item-active-color,0.2);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .menu-title{\r\n            color: rgba($menu-dark-item-color,0.6);\r\n        }\r\n    }\r\n}\r\n\r\n","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    background-color: $boxed-body-bg;\r\n    #layout-wrapper {\r\n        background-color: $body-bg;\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n        min-height: 100vh;\r\n    }\r\n\r\n    #page-topbar {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    &[data-sidebar-size=\"sm\"] {\r\n        @media (min-width: 992px) {\r\n            #layout-wrapper {\r\n                min-height: 1200px;\r\n            }\r\n        }\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"md\"] {\r\n\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-width-sm});\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n    #page-topbar, #layout-wrapper, .footer {\r\n        max-width: 100%;\r\n    }\r\n    .container-fluid, .navbar-header {\r\n        max-width: $boxed-layout-width;\r\n    }\r\n}\r\n\r\n// Scrollable layout\r\n\r\nbody[data-layout-scrollable=\"true\"] {\r\n    @media (min-width: 992px) {\r\n        #page-topbar, .vertical-menu{\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    &[data-layout=\"horizontal\"]{\r\n        @media (min-width: 992px) {\r\n            #page-topbar, .topnav{\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    &[data-layout-size=\"boxed\"] {\r\n        background-color: lighten($gray-dark-200, 4%);\r\n\r\n        #layout-wrapper {\r\n            background-color: $gray-dark-200;\r\n        }\r\n    }\r\n}\r\n\r\n","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","//\n// accordion.scss\n//\n\nbody[data-layout-mode=\"dark\"] {\n\n    // accordion\n\n    .accordion-button{\n      border-color: $gray-dark-300;\n      color: $gray-dark-600;\n      &:not(.collapsed){\n          background-color: rgba($primary, 0.2);\n          color: $primary;\n      }\n    }\n\n    .accordion-item{\n        border-color: $gray-dark-300;\n    }\n    \n    .accordion-collapse{\n        border-color: $gray-dark-300;\n    }\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 1rem;\n  width: 1rem;\n}\n\n.avatar-sm {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-md {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-lg {\n  height: 4rem;\n  width: 4rem;\n}\n\n.avatar-xl {\n  height: 5rem;\n  width: 5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n// avatar group\n.avatar-group {\n  padding-left: 12px;\n  display: flex;\n  flex-wrap: wrap;\n  .avatar-group-item {\n    margin-left: -12px;\n    border: 2px solid $card-bg;\n    border-radius: 50%;\n    transition: all 0.2s;\n    &:hover{\n      position: relative;\n      transform: translateY(-2px);\n    }\n  }\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n    font-size: 10px !important;\n}\n\n.font-size-11 {\n    font-size: 11px !important;\n}\n\n.font-size-12 {\n    font-size: 12px !important;\n}\n\n.font-size-13 {\n    font-size: 13px !important;\n}\n\n.font-size-14 {\n    font-size: 14px !important;\n}\n\n.font-size-15 {\n    font-size: 15px !important;\n}\n\n.font-size-16 {\n    font-size: 16px !important;\n}\n\n.font-size-17 {\n    font-size: 17px !important;\n}\n\n.font-size-18 {\n    font-size: 18px !important;\n}\n\n.font-size-20 {\n    font-size: 20px !important;\n}\n\n.font-size-22 {\n    font-size: 22px !important;\n}\n\n.font-size-24 {\n    font-size: 24px !important;\n}\n\n// Font weight help class\n\n.fw-medium {\n    font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n    font-weight: $font-weight-semibold;\n}\n\n\n// Icons Sizes\n.icon-xs {\n    height: 14px;\n    width: 14px;\n}\n\n.icon-sm {\n    height: 16px;\n    width: 16px;\n}\n\n.icon-md {\n    height: 18px;\n    width: 18px;\n}\n\n.icon-lg {\n    height: 20px;\n    width: 20px;\n}\n\n.icon-xl {\n    height: 22px;\n    width: 22px;\n}\n\n\n// Card Height 100\n.card-h-100 {\n    height: calc(100% - #{$grid-gutter-width});\n}\n\n\n// Social\n\n.social-list-item {\n    height: 2rem;\n    width: 2rem;\n    line-height: calc(2rem - 4px);\n    display: block;\n    border: 2px solid $gray-500;\n    border-radius: 50%;\n    color: $gray-500;\n    text-align: center;\n    transition: all 0.4s;\n\n    &:hover {\n        color: $gray-600;\n        background-color: $gray-200;\n    }\n}\n\n.w-xs {\n    min-width: 80px;\n}\n\n.w-sm {\n    min-width: 95px;\n}\n\n.w-md {\n    min-width: 110px;\n}\n\n.w-lg {\n    min-width: 140px;\n}\n\n.w-xl {\n    min-width: 160px;\n}\n\n// bg overlay\n.bg-overlay{\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    top: 0;\n    opacity: 0.7;\n    background-color: $black;\n}\n\n// alert\n\n.alert-dismissible {\n    .btn-close {\n        font-size: 10px;\n        padding: $alert-padding-y * 1.4 $alert-padding-x;\n        background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;\n    }\n}\n\n\nbody[data-layout-mode=\"dark\"] {\n    \n    .btn-close {\n        background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n    }\n\n    // border\n    .border-light{\n        border-color: $gray-dark-300 !important;\n    }\n\n    .border-bottom{\n        border-bottom: 1px solid $gray-dark-300 !important;\n    }\n\n    .border-top,\n    .border,\n    .list-group-item {\n        border-color: $gray-dark-300 !important;\n    }\n\n    @each $color, $value in $theme-colors {\n        .border-#{$color} {\n            border-color: $value !important;\n        }\n    }\n\n    // text colors\n    .text-dark{\n        color: $gray-dark-800 !important;\n    }\n\n    .text-muted{\n        color: $gray-dark-400 !important;\n    }\n\n    .text-body{\n        color: $gray-dark-500 !important;\n    }\n\n    // List item\n    .list-group-item {\n        background-color: $gray-dark-200;\n        color: $gray-dark-500;\n    }\n\n    // img thumbnail\n\n    .img-thumbnail{\n        background-color: lighten($gray-dark-200,2.5%);\n        border-color: $gray-dark-300;\n    }\n\n    // popover-header\n    .popover-header{\n        color: $gray-dark-200;\n    }\n\n}","// \r\n// _modal.scss\r\n// \r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    // modal\r\n    .modal-header, .modal-footer{\r\n        border-color: $gray-dark-300;;\r\n    }\r\n}","//\r\n// Forms.scss\r\n//\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n  &::placeholder {\r\n    text-align: left /*rtl: right*/;\r\n  }\r\n}\r\n\r\n.form-check {\r\n  position: relative;\r\n  text-align: left /*rtl: right*/;\r\n}\r\n\r\n// checkbox input right\r\n\r\n.form-check-right {\r\n  padding-left: 0;\r\n  display: inline-block;\r\n  padding-right: $form-check-padding-start;\r\n  .form-check-input {\r\n    float: right;\r\n    margin-left: 0;\r\n    margin-right: $form-check-padding-start * -1;\r\n  }\r\n\r\n  .form-check-label {\r\n    display: block;\r\n  }\r\n}\r\n\r\n// checkbox\r\n\r\n.form-checkbox-outline {\r\n  .form-check-input {\r\n    border-width: 2px;\r\n    background-color: $card-bg;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: -4px !important;\r\n        left: 1px; /*rtl: -4px */\r\n        font-size: 16px;\r\n        color: $dark;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// radio\r\n\r\n.form-radio-outline {\r\n  .form-check-input {\r\n    background-color: $card-bg;\r\n    position: relative;\r\n\r\n    &:active {\r\n      filter: none;\r\n    }\r\n\r\n    &:checked {\r\n      background-color: $card-bg !important;\r\n\r\n      &[type=\"checkbox\"] {\r\n        background-image: none;\r\n      }\r\n\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        top: 3px !important;\r\n        left: 3px;\r\n        width: 5px;\r\n        height: 5px;\r\n        border-radius: 50%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// checkbox color\r\n\r\n@each $color, $value in $theme-colors {\r\n  .form-check-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-radio-#{$color} {\r\n    .form-check-input {\r\n      &:checked {\r\n        border-color: $value;\r\n        background-color: $value;\r\n        &:after {\r\n          background-color: $value;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.form-check,\r\n.form-check-input,\r\n.form-check-label {\r\n  cursor: pointer;\r\n  margin-bottom: 0;\r\n}\r\n\r\n// Switch sizes\r\n\r\n.form-switch-md {\r\n  font-size: 20px;\r\n  min-height: 26px;\r\n  line-height: 26px;\r\n\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.form-switch-lg {\r\n  font-size: 26px;\r\n  min-height: 36px;\r\n  line-height: 36px;\r\n  .form-check-label {\r\n    font-size: $font-size-base;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.input-group-text {\r\n  margin-bottom: 0px;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  // Form Control\r\n  .form-control {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border: 1px solid $gray-dark-300;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  // form-select\r\n  .form-select {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2.5%);\r\n    border: 1px solid $gray-dark-300;\r\n    background-image: escape-svg(\r\n      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$gray-dark-800}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\")\r\n    );\r\n  }\r\n\r\n  // form-check\r\n\r\n  .form-check-input {\r\n    background-color: $gray-dark-300;\r\n    border-color: rgba($white, 0.25);\r\n    &:checked {\r\n      background-color: $form-check-input-checked-bg-color;\r\n      border-color: $form-check-input-checked-border-color;\r\n    }\r\n  }\r\n\r\n  // form switch\r\n\r\n  .form-switch {\r\n    .form-check-input {\r\n      background-image: escape-svg($form-switch-checked-bg-image);\r\n    }\r\n  }\r\n\r\n  // input group\r\n  .input-group-text {\r\n    background-color: $gray-dark-300;\r\n    border-color: $gray-dark-300;\r\n    color: $gray-dark-600;\r\n  }\r\n\r\n  .form-control {\r\n    &::-webkit-file-upload-button {\r\n      background-color: $gray-dark-300;\r\n      color: $gray-dark-600;\r\n    }\r\n    &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\r\n      background-color: $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  // form-range\r\n\r\n  .form-range {\r\n    &::-webkit-slider-runnable-track {\r\n      background-color: $gray-dark-300 !important;\r\n    }\r\n    &::-moz-range-track {\r\n      background-color: $gray-dark-300 !important;\r\n    }\r\n  }\r\n}\r\n","// \r\n// Widgets.scss\r\n// \r\n\r\n.widget-box-1-icon {\r\n    position: absolute;\r\n    right: -15px;\r\n    top: -25px;\r\n    font-size: 5rem;\r\n    opacity: 0.1;\r\n}\r\n\r\n.widget-carousel{\r\n    .carousel-indicators{\r\n        margin: 0px auto;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n// activity widget\r\n\r\n.activity-border {\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 80px;\r\n        border-left: 2px dashed  $gray-400;\r\n        top: 40px;\r\n        left: 2px;\r\n    }\r\n}\r\n\r\n.activity-wid {\r\n    margin-left: 16px;\r\n\r\n    .activity-list {\r\n        position: relative;\r\n        padding: 0 0 20px 45px;\r\n\r\n        .activity-icon {\r\n            position: absolute;\r\n            left: -20px;\r\n            top: -3px;\r\n            z-index: 2;\r\n            background: $card-bg;\r\n            img {\r\n                border: 5px solid $card-bg;\r\n            }\r\n            span {\r\n                border: 5px solid $card-bg;\r\n            }\r\n        }\r\n        &:last-child {\r\n            padding-bottom: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .activity-wid {\r\n        .activity-list {\r\n            .activity-icon {\r\n                background: $gray-dark-200;\r\n                img, span {\r\n                    border-color: $gray-dark-200;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .activity-border {\r\n        &:before {\r\n            border-color:  $gray-dark-300;\r\n        }\r\n    }\r\n}","// \r\n// toasts.scss\r\n//\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .toast, .toast-header{\r\n        background-color: rgba($gray-dark-300, 0.85);\r\n        color: $gray-dark-400;\r\n    }\r\n\r\n    .toast-header{\r\n        color: $gray-dark-500;\r\n    }\r\n}","// \r\n// _demos.scss\r\n// \r\n\r\n\r\n\r\n.grid-example{\r\n  background-color: rgba($primary, 0.05);\r\n  border-radius: 5px;\r\n  font-weight: $font-weight-medium;\r\n  padding: 10px 20px;\r\n  font-size: .8rem;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n  }\r\n\r\n[dir=\"rtl\"]{\r\n  .modal-open{\r\n    padding-left: 0px !important;\r\n  }\r\n}\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    color: $gray-500;\r\n  \r\n    i{\r\n      display: inline-flex;\r\n      width: 40px;\r\n      height: 40px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 20px;\r\n      color: $gray-600;\r\n      transition: all 0.4s;\r\n      border: 1px solid $border-color;\r\n      border-radius: 50%;\r\n      margin-right: 16px;\r\n      vertical-align: middle;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i {\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n        }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: $gray-100;\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n\r\n// card radio\r\n\r\n.card-radio{\r\n  background-color: $card-bg;\r\n  border: 2px solid $card-border-color;\r\n  border-radius: $border-radius;\r\n  padding: 1rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n\r\n  &:hover{\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.card-radio-label{\r\n  display: block;\r\n}\r\n\r\n\r\n.card-radio-input{\r\n  display: none;\r\n  &:checked + .card-radio {\r\n    border-color: $primary !important;\r\n  }\r\n}\r\n\r\n.spin-left:before {\r\n  animation: spin-left 2s infinite linear;\r\n}\r\n\r\n.spin-right:before {\r\n  animation: spin-right 2s infinite linear;\r\n}\r\n\r\n@keyframes spin-left {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(-359deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes spin-right {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(359deg);\r\n    transform: rotate(359deg);\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n \r\n  // Grid\r\n  .grid-structure .grid-container, .grid-example {\r\n    background-color: lighten($gray-dark-200,2.5%);\r\n  }\r\n\r\n  .icon-demo-content{\r\n      color: $gray-dark-400;\r\n      i{\r\n        border-color: $gray-dark-300;\r\n        color: $gray-dark-400;\r\n      }\r\n  }\r\n\r\n  \r\n  // Lightbox \r\n\r\n  .glightbox-clean {\r\n    .gslide-description{\r\n      background-color: $gray-dark-300;\r\n    }\r\n\r\n    .gslide-title{\r\n      color: $gray-dark-600;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n","// \r\n// print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n    .vertical-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-header,\r\n    .footer {\r\n        display: none !important;\r\n    }\r\n    .card-body,\r\n    .main-content,\r\n    .right-bar,\r\n    .page-content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .card{\r\n        border: 0;\r\n    }\r\n}","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 6px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n.fc td,\r\n.fc th {\r\n  border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n.fc {\r\n  .fc-toolbar {\r\n    h2 {\r\n      font-size: 16px;\r\n      line-height: 30px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    @media (max-width: 767.98px) {\r\n      .fc-left,\r\n      .fc-right,\r\n      .fc-center {\r\n        float: none;\r\n        display: block;\r\n        text-align: center;\r\n        clear: both;\r\n        margin: 10px 0;\r\n      }\r\n\r\n      > * > * {\r\n        float: none;\r\n      }\r\n\r\n      .fc-today-button {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    .btn {\r\n      text-transform: capitalize;\r\n    }\r\n  }\r\n\r\n  .fc-col-header-cell {\r\n    background-color: $light;\r\n  }\r\n\r\n  .fc-col-header-cell-cushion {\r\n    display: block;\r\n    padding: 8px 4px;\r\n  }\r\n\r\n  .fc-daygrid-day-number {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    padding: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: $font-weight-medium;\r\n    margin: 2px;\r\n  }\r\n\r\n  .fc-daygrid-day.fc-day-today {\r\n    background-color: rgba($primary, 0.1);\r\n    .fc-daygrid-day-number {\r\n      background-color: $primary;\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .fc-list-event:hover td {\r\n    background: transparent;\r\n  }\r\n\r\n  .fc-list-event-dot {\r\n    border-color: $white;\r\n  }\r\n\r\n  .fc-list-event-title {\r\n    a {\r\n      color: $white !important;\r\n    }\r\n  }\r\n\r\n  .fc-col-header,\r\n  .fc-daygrid-body,\r\n  .fc-scrollgrid-sync-table {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n.fc-theme-bootstrap a:not([href]) {\r\n  color: $body-color;\r\n}\r\n.fc-event {\r\n  color: $white;\r\n}\r\n\r\n.fc {\r\n  th.fc-widget-header {\r\n    background: $gray-300;\r\n    color: $gray-700;\r\n    line-height: 20px;\r\n    padding: 10px 0;\r\n    text-transform: uppercase;\r\n    font-weight: $font-weight-bold;\r\n  }\r\n}\r\n\r\n.fc-unthemed {\r\n  .fc-content,\r\n  .fc-divider,\r\n  .fc-list-heading td,\r\n  .fc-list-view,\r\n  .fc-popover,\r\n  .fc-row,\r\n  tbody,\r\n  td,\r\n  th,\r\n  thead {\r\n    border-color: $gray-300;\r\n  }\r\n\r\n  td.fc-today {\r\n    background: lighten($gray-200, 2%);\r\n  }\r\n}\r\n\r\n.fc-button {\r\n  background: $card-bg;\r\n  border-color: $border-color;\r\n  color: $gray-700;\r\n  text-transform: capitalize;\r\n  box-shadow: none;\r\n  padding: 6px 12px !important;\r\n  height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n  background-color: $primary;\r\n  color: $white;\r\n  text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n  border-radius: 2px;\r\n  border: none;\r\n  cursor: move;\r\n  font-size: 0.8125rem;\r\n  margin: 5px 7px;\r\n  padding: 5px 5px;\r\n  text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n  background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event.fc-event-mirror,\r\n.fc-daygrid-dot-event:hover {\r\n  background-color: $primary;\r\n}\r\n\r\n.fc-daygrid-dot-event {\r\n  color: $white !important;\r\n\r\n  .fc-event-title {\r\n    font-weight: $font-weight-semibold;\r\n  }\r\n}\r\n\r\n.fc-daygrid-event-dot {\r\n  border-color: $white !important;\r\n  color: $white !important;\r\n}\r\n\r\n.fc-event .fc-content {\r\n  color: $white;\r\n}\r\n\r\n#external-events {\r\n  .external-event {\r\n    text-align: left;\r\n    padding: 8px 16px;\r\n  }\r\n}\r\n\r\n.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {\r\n  .fc-content {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] {\r\n  .fc-header-toolbar {\r\n    direction: ltr !important;\r\n  }\r\n\r\n  .fc-toolbar > * > :not(:first-child) {\r\n    margin-left: 0.75em;\r\n  }\r\n}\r\n\r\n.fc-toolbar {\r\n  @media (max-width: 575.98px) {\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n}\r\nbody[data-layout-mode=\"dark\"] {\r\n  .fc-col-header-cell {\r\n    background-color: lighten($gray-dark-200, 2.5%);\r\n  }\r\n\r\n  .fc-theme-bootstrap a:not([href]) {\r\n    color: $gray-dark-400;\r\n  }\r\n}\r\n","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n    .close {\r\n        display: none;\r\n    }\r\n\r\n    .countdown-holder {\r\n        color: $danger;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $white;\r\n        color: $danger;\r\n        box-shadow: none;\r\n    }\r\n}","\r\n//\r\n// Range slider\r\n//\r\n\r\n.noUi-connect{\r\n  background: $info;\r\n}\r\n\r\n.noUi-handle{\r\n  background: $card-bg;\r\n}\r\n\r\n.noUi-horizontal{\r\n  height: 8px;\r\n  .noUi-handle{\r\n    height: 20px;\r\n    width: 20px;\r\n    border-radius: 50%;\r\n    right: -10px;\r\n    top: -7px;\r\n\r\n    &::before, &::after{\r\n      display: none;\r\n    }\r\n    &:focus{\r\n      outline: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.noUi-pips-horizontal{\r\n  height: 50px;\r\n}\r\n\r\n.noUi-vertical{\r\n  width: 8px;\r\n  .noUi-handle{\r\n    height: 20px;\r\n    width: 20px;\r\n    right: -7px;\r\n    top: -12px;\r\n    border-radius: 50%;\r\n    &::before, &::after{\r\n      display: none;\r\n    }\r\n    &:focus{\r\n      outline: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.noUi-value{\r\n  font-size: 12px;\r\n}\r\n\r\n.noUi-marker-horizontal{\r\n  &.noUi-marker-large{\r\n    height: 6px;\r\n  }\r\n\r\n  &.noUi-marker{\r\n    display: none;\r\n  }\r\n}\r\n\r\n.noUi-target{\r\n  background-color: $light;\r\n  border-color: $light;\r\n}\r\n\r\n.noUi-touch-area{\r\n  &:focus{\r\n    outline: 0;\r\n  }\r\n}\r\n\r\n// Colorpicker\r\n\r\n#red, #green, #blue {\r\n\tmargin: 10px;\r\n\tdisplay: inline-block;\r\n\theight: 200px;\r\n}\r\n\r\n#colorpicker {\r\n\theight: 240px;\r\n\twidth: 310px;\r\n\tmargin: 0 auto;\r\n\tpadding: 10px;\r\n\tborder: 1px solid $border-color;\r\n}\r\n\r\n#result {\r\n\tmargin: 60px 26px;\r\n\theight: 100px;\r\n\twidth: 100px;\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\tborder: 1px solid $border-color;\r\n    box-shadow: 0 0 3px;\r\n    border-radius: 7px;\r\n}\r\n\r\n#red {\r\n    .noUi-connect {\r\n        background: $danger;\r\n    }\r\n}\r\n\r\n#green {\r\n    .noUi-connect {\r\n        background: $success;\r\n    }\r\n}\r\n\r\n#blue {\r\n    .noUi-connect {\r\n        background: $primary;\r\n    }\r\n}\r\n\r\n// Adding keyboard support\r\n\r\n.form-control{\r\n    &.keyboard{\r\n        max-width: 340px !important;\r\n    }\r\n}\r\n\r\n// Using HTML5 input elements\r\n\r\n#input-select,\r\n#input-number {\r\n\tpadding: 7px;\r\n\tmargin: 15px 5px 5px;\r\n\twidth: 70px;\r\n}\r\n\r\n// Non linear slider\r\n\r\n.example-val{\r\n    font-size: 12px;\r\n    color: $text-muted;\r\n    display: block;\r\n    margin: 15px 0;\r\n    &:before{\r\n        content: \"Value: \";\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n    }\r\n}\r\n\r\n// showing tooltips\r\n\r\n.noUi-tooltip {\r\n    display: none;\r\n}\r\n.noUi-active .noUi-tooltip {\r\n    display: block;\r\n}\r\n\r\n// Colored Connect Elements\r\n\r\n.c-1-color { background: $danger; }\r\n.c-2-color { background: $warning; }\r\n.c-3-color { background: $success; }\r\n.c-4-color { background: $primary; }\r\n.c-5-color { background: $purple; }\r\n\r\n//  slider togle\r\n\r\n#slider-toggle {\r\n    height: 50px;\r\n    &.off{\r\n        .noUi-handle{\r\n            border-color: $danger;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .noUi-target{\r\n    background-color: $gray-dark-300;\r\n    border-color: $gray-dark-300;\r\n    box-shadow: inset 0 1px 1px $gray-dark-300, 0 3px 6px -5px $gray-dark-300;\r\n  }\r\n\r\n  .example-val{\r\n    color: $gray-dark-400;\r\n  }\r\n}\r\n","\r\n//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 22px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n}\r\n\r\n.swal2-modal{\r\n  font-size: 14px;\r\n}\r\n\r\n.swal2-icon{\r\n  &.swal2-question{\r\n    border-color: $info;\r\n    color: $info;\r\n  }\r\n  &.swal2-success {\r\n    [class^=swal2-success-line]{\r\n      background-color: $success;\r\n    }\r\n\r\n    .swal2-success-ring{\r\n      border-color: rgba($success, 0.3);\r\n    }\r\n  }\r\n  &.swal2-warning{\r\n    border-color: $warning;\r\n    color: $warning;\r\n  }\r\n}\r\n\r\n.swal2-styled{\r\n  &:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\r\n    background: $primary;\r\n    &.swal2-active-progress-step{\r\n      background: $primary;\r\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n        background: rgba($primary, 0.3);\r\n      }\r\n    }\r\n  }\r\n\r\n  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-loader{\r\n  border-color: $primary transparent $primary transparent;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"]{\r\n  .swal2-popup{\r\n    background-color: $gray-dark-300 !important;\r\n  }\r\n  .swal2-content{\r\n      color: $gray-dark-500;\r\n  }\r\n  .swal2-html-container{\r\n    color: $gray-dark-400;\r\n  }\r\n}","\r\n//\r\n// alertify.scss\r\n//\r\n\r\n\r\n.alertify {\r\n    .ajs-header{\r\n        font-weight: $font-weight-medium;\r\n    }\r\n    .ajs-dialog{\r\n        box-shadow: $box-shadow;\r\n        background-color: $modal-content-bg;\r\n\r\n        .ajs-header, .ajs-footer{\r\n            background-color: $modal-content-bg;\r\n        }\r\n    }\r\n\r\n    .ajs-footer {\r\n        .ajs-buttons {\r\n            .ajs-button{\r\n                font-weight: $font-weight-medium;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n\r\n            &.ajs-primary{\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ajs-body .ajs-content .ajs-input:focus-visible{\r\n        outline: none;\r\n    }\r\n\r\n    .ajs-commands{\r\n        right: 4px;\r\n        left: auto;\r\n        margin: -14px 0 0 24px;\r\n    }\r\n}\r\n\r\n\r\n.alertify-notifier {\r\n    .ajs-message{\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n        color: $white;\r\n        text-shadow: none !important;\r\n        &.ajs-success{\r\n            background-color: $success;\r\n            border-color: $success;\r\n        }\r\n        &.ajs-error{\r\n            background-color: $danger;\r\n            border-color: $danger;\r\n        }\r\n        &.ajs-warning{\r\n            background-color: $warning;\r\n            border-color: $warning;\r\n        }\r\n    }\r\n\r\n\r\n    &.ajs-right {\r\n        right: 10px;\r\n        left: auto;\r\n        .ajs-message {\r\n            right: -320px;\r\n            left: auto;\r\n            &.ajs-visible {\r\n                right: 290px;\r\n                left: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.ajs-left {\r\n        left: 10px;\r\n        right: auto;\r\n        .ajs-message {\r\n            left: -300px;\r\n            right: auto;\r\n            &.ajs-visible {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .alertify {\r\n        .ajs-dialog{\r\n            background-color: $gray-dark-200;\r\n        }\r\n\r\n        .ajs-header, .ajs-footer{\r\n            color: $gray-dark-600;\r\n            background-color: $gray-dark-200;\r\n            border-color: $gray-dark-300;\r\n        }\r\n\r\n        .ajs-body{\r\n            color: $gray-dark-500;\r\n            .ajs-content{\r\n                .ajs-input{\r\n                    color: $gray-dark-500;\r\n                    background-color: lighten($gray-dark-200, 2%);\r\n                    border: 1px solid $gray-dark-300;\r\n                }\r\n            }\r\n        }\r\n\r\n        .ajs-footer{\r\n            .ajs-buttons .ajs-button{\r\n                color: $gray-dark-500;\r\n                &.ajs-ok{\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","\r\n//\r\n// Pristine\r\n//\r\n\r\n.pristine-error {\r\n  margin-top: 2px;\r\n  color: $danger;\r\n}\r\n\r\n.has-success{\r\n  .form-control {\r\n    border-color: $success;\r\n  }\r\n}\r\n\r\n.has-danger{\r\n  .form-control {\r\n    border-color: $danger;\r\n  }\r\n}","//\r\n// choices\r\n//\r\n\r\n.choices__inner {\r\n  padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.25rem 0.5rem;\r\n  background-color: $form-select-bg;\r\n  vertical-align: middle;\r\n  border-radius: $form-select-border-radius;\r\n  border: $form-select-border-width solid $form-select-border-color;\r\n  min-height: 38px;\r\n}\r\n\r\n.choices[data-type*=\"select-one\"] {\r\n  .choices__inner {\r\n    padding-bottom: 0.25rem;\r\n  }\r\n  .choices__button {\r\n    right: 0;\r\n    left: auto;\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n\r\n  &:after {\r\n    border-color: $dark transparent transparent;\r\n    right: 11.5px;\r\n    left: auto;\r\n  }\r\n\r\n  &.is-open:after {\r\n    border-color: transparent transparent $dark;\r\n  }\r\n}\r\n\r\n.choices__input {\r\n  background-color: $input-bg;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.choices__list--multiple {\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  .choices__item {\r\n    background-color: $primary;\r\n    border-color: $primary;\r\n    margin-bottom: 0;\r\n    margin-right: 7px;\r\n    font-weight: $font-weight-normal;\r\n    &.is-highlighted {\r\n      background-color: $primary;\r\n      border: 1px solid $primary;\r\n    }\r\n  }\r\n}\r\n\r\n.choices.is-disabled {\r\n  .choices__inner,\r\n  .choices__input {\r\n    background-color: $light;\r\n  }\r\n}\r\n\r\n.is-disabled .choices__list--multiple {\r\n  .choices__item {\r\n    background-color: $secondary;\r\n    border-color: $secondary;\r\n  }\r\n}\r\n\r\n.choices[data-type*=\"select-multiple\"],\r\n.choices[data-type*=\"text\"] {\r\n  .choices__button {\r\n    border-left: 1px solid rgba($white, 0.5);\r\n    margin: 0 -4px 0 8px;\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n// Dark layout\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .choices__inner {\r\n    color: $gray-dark-500;\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border: 1px solid $gray-dark-300;\r\n  }\r\n\r\n  .choices__input {\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    color: $gray-dark-500;\r\n  }\r\n\r\n  .choices[data-type*=\"select-one\"] {\r\n    &:after {\r\n      border-color: $gray-dark-500 transparent transparent;\r\n    }\r\n\r\n    &.is-open:after {\r\n      border-color: transparent transparent $gray-dark-500;\r\n    }\r\n\r\n    .choices__input {\r\n      background-color: lighten($gray-dark-200, 2%);\r\n      border: 1px solid $gray-dark-300;\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .choices__list--dropdown {\r\n    background-color: lighten($gray-dark-200, 2%);\r\n    border-color: $gray-dark-300;\r\n\r\n    .choices__item--selectable {\r\n      &.is-highlighted {\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n\r\n  .choices.is-disabled {\r\n    .choices__inner,\r\n    .choices__input {\r\n      background-color: lighten($gray-dark-200, 2%);\r\n    }\r\n  }\r\n}\r\n","//\r\n//  Sweetalert2\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n  &:before {\r\n    color: $light;\r\n  }\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 4px;\r\n  }\r\n}\r\n","\r\n//\r\n// colorpicker.scss\r\n//\r\n\r\n.pcr-app{\r\n  background: $card-bg;\r\n}\r\n\r\n.pcr-app[data-theme=classic]{\r\n  .pcr-selection {\r\n    .pcr-color-preview{\r\n      margin-right: .75em;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .pcr-color-chooser, .pcr-color-opacity{\r\n      margin-left: .75em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .pcr-app{\r\n    background-color: $gray-dark-300;\r\n  }\r\n}","\r\n//\r\n// Datepicker\r\n//\r\n// flatpickr\r\n\r\n.flatpickr-input{\r\n  &[readonly]{\r\n    background-color: $input-bg;\r\n  }\r\n}\r\n\r\n.flatpickr-months, .flatpickr-weekdays{\r\n  background-color: $primary;\r\n}\r\n\r\nspan.flatpickr-weekday{\r\n  color: $white;\r\n  font-weight: $font-weight-medium;\r\n}\r\n\r\n.flatpickr-current-month{\r\n  .flatpickr-monthDropdown-months{\r\n    &:hover{\r\n      background-color: transparent !important;\r\n    }\r\n  }\r\n}\r\n\r\n.flatpickr-am-pm, .numInput, .numInputWrapper{\r\n  &:focus, &:hover{\r\n    background-color: transparent !important;\r\n  }\r\n}\r\n\r\n\r\n.flatpickr-weekdays{\r\n  height: 36px !important;\r\n  border-bottom: 1px solid $border-color;\r\n}\r\n\r\n.flatpickr-day{\r\n  color: $dark !important;\r\n  &:hover, &:focus{\r\n    background-color: rgba($light, 0.7) !important;\r\n  }\r\n  &.today{\r\n    border-color: $primary !important;\r\n    background-color: rgba($primary, 0.1);\r\n    &:hover, &:focus{\r\n      color: $dark !important;\r\n      background-color: rgba($primary, 0.15) !important;\r\n    }\r\n  }\r\n  &.selected{\r\n    background-color: $primary !important;\r\n    border-color: $primary !important;\r\n    color: $white !important;\r\n  }\r\n\r\n  &.flatpickr-disabled,\r\n  &.flatpickr-disabled:hover,\r\n  &.prevMonthDay,\r\n  &.nextMonthDay,\r\n  &.notAllowed,\r\n  &.notAllowed.prevMonthDay,\r\n  &.notAllowed.nextMonthDay{\r\n    color: rgba($dark, 0.3) !important;\r\n  }\r\n\r\n  &.inRange, \r\n  &.prevMonthDay.inRange, \r\n  &.nextMonthDay.inRange, \r\n  &.today.inRange, \r\n  &.prevMonthDay.today.inRange, \r\n  &.nextMonthDay.today.inRange, \r\n  &:hover, \r\n  &.prevMonthDay:hover, \r\n  &.nextMonthDay:hover, \r\n  &:focus, \r\n  &.prevMonthDay:focus, \r\n  &.nextMonthDay:focus{\r\n    background-color: $light;\r\n    border-color: $light;\r\n  }\r\n  &.inRange{\r\n    box-shadow: -5px 0 0 $light, 5px 0 0 $light;\r\n  }\r\n}\r\n\r\n.flatpickr-months{\r\n  .flatpickr-prev-month, .flatpickr-next-month, .flatpickr-month{\r\n    color: rgba($white,0.9) !important;\r\n    fill: rgba($white,0.9) !important;\r\n  }\r\n}\r\n\r\n.flatpickr-monthDropdown-month{\r\n  color: rgba($black, 0.8);\r\n}\r\n.flatpickr-current-month{\r\n  input.cur-year{\r\n    &[disabled], &[disabled]:hover{\r\n      color: rgba($white,0.9) !important;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.flatpickr-time {\r\n  input, .flatpickr-time-separator, .flatpickr-am-pm{\r\n    color: $dark !important;\r\n  }\r\n}\r\n\r\n.flatpickr-calendar{\r\n  background-color: $dropdown-bg !important;\r\n  box-shadow: 1px 0 0 $border-color, -1px 0 0 $border-color, 0 1px 0 $border-color, 0 -1px 0 $border-color, 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\r\n  &.hasTime{\r\n    .flatpickr-time{\r\n      border-top: 1px solid $border-color !important;\r\n    }\r\n  }\r\n}\r\n\r\n.flatpickr-months{\r\n  border-radius: 5px 5px 0px 0px;\r\n  .flatpickr-prev-month, .flatpickr-next-month{\r\n    &:hover{\r\n      svg{\r\n        fill: rgba($white,0.9) !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .flatpickr-calendar{\r\n    background-color: lighten($gray-dark-200, 2.5%) !important;\r\n    box-shadow: 1px 0 0 $gray-dark-300, -1px 0 0 $gray-dark-300, 0 1px 0 $gray-dark-300, 0 -1px 0 $gray-dark-300, 0 3px 13px rgba(0, 0, 0 , 0.08) !important;\r\n    &.hasTime{\r\n      .flatpickr-time{\r\n        border-top: 1px solid $gray-dark-300 !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .flatpickr-weekdays{\r\n    border-color: $gray-dark-300;\r\n  }\r\n\r\n  .flatpickr-day{\r\n    color: $gray-dark-500 !important;\r\n    &:hover, &:focus{\r\n      background-color: rgba($gray-dark-300, 0.7) !important;\r\n    }\r\n\r\n    &.today{\r\n      &:hover, &:focus{\r\n        color: $gray-dark-500 !important;\r\n      }\r\n    }\r\n\r\n    &.inRange, \r\n    &.prevMonthDay.inRange, \r\n    &.nextMonthDay.inRange, \r\n    &.today.inRange, \r\n    &.prevMonthDay.today.inRange, \r\n    &.nextMonthDay.today.inRange, \r\n    &:hover, \r\n    &.prevMonthDay:hover, \r\n    &.nextMonthDay:hover, \r\n    &:focus, \r\n    &.prevMonthDay:focus, \r\n    &.nextMonthDay:focus{\r\n      background-color: $gray-dark-300;\r\n      border-color: $gray-dark-300;\r\n    }\r\n\r\n    &.selected{\r\n      background-color: $primary !important;\r\n      border-color: $primary !important;\r\n      color: $white !important;\r\n    }\r\n\r\n    &.flatpickr-disabled,\r\n    &.flatpickr-disabled:hover,\r\n    &.prevMonthDay,\r\n    &.nextMonthDay,\r\n    &.notAllowed,\r\n    &.notAllowed.prevMonthDay,\r\n    &.notAllowed.nextMonthDay{\r\n      color: rgba($gray-dark-500, 0.3) !important;\r\n    }\r\n\r\n    &.inRange{\r\n      box-shadow: -5px 0 0 $gray-dark-300, 5px 0 0 $gray-dark-300;\r\n    }\r\n  }\r\n\r\n  .flatpickr-time {\r\n    input, .flatpickr-time-separator, .flatpickr-am-pm{\r\n      color: $gray-dark-500 !important;\r\n    }\r\n\r\n    .numInputWrapper span{\r\n      &.arrowUp:after{\r\n        border-bottom-color: $gray-dark-500;\r\n      }\r\n      &.arrowDown:after{\r\n        border-top-color: $gray-dark-500;\r\n      }\r\n    }\r\n  }\r\n\r\n  \r\n}","//\r\n// Form editors.scss\r\n//\r\n\r\n// CK Editor\r\n\r\n.ck {\r\n  &.ck-toolbar {\r\n    background-color: rgba($light, 0.75) !important;\r\n    border: 1px solid $input-border-color !important;\r\n\r\n    &.ck-toolbar_grouping > .ck-toolbar__items {\r\n      flex-wrap: wrap !important;\r\n    }\r\n\r\n    .ck.ck-toolbar__separator {\r\n      background: transparent !important;\r\n    }\r\n  }\r\n\r\n  &.ck-editor__main > .ck-editor__editable {\r\n    border-top: 0 !important;\r\n    background-color: $card-bg !important;\r\n    border-color: $input-border-color !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  &.ck-dropdown__panel,\r\n  &.ck-list {\r\n    background: $dropdown-bg !important;\r\n    border: 1px solid $dropdown-border-color !important;\r\n  }\r\n\r\n  &.ck-reset_all,\r\n  &.ck-reset_all * {\r\n    color: $body-color !important;\r\n  }\r\n\r\n  &.ck-dropdown {\r\n    .ck-dropdown__panel {\r\n      &.ck-dropdown__panel_ne,\r\n      &.ck-dropdown__panel_se {\r\n        left: 0;\r\n        right: auto !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.ck-editor__editable_inline {\r\n    &[dir=\"ltr\"] {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n}\r\n\r\n.ck-editor__editable {\r\n  min-height: 245px !important;\r\n}\r\n\r\n.ck,\r\na.ck {\r\n  &.ck-button {\r\n    &.ck-on:not(.ck-disabled) {\r\n      &:hover,\r\n      &:active {\r\n        background: $light !important;\r\n        box-shadow: none !important;\r\n      }\r\n    }\r\n\r\n    &:focus,\r\n    &:active {\r\n      background: $light !important;\r\n      border-color: $light !important;\r\n    }\r\n  }\r\n}\r\n\r\n.ck.ck-tooltip .ck-tooltip__text {\r\n  background: $dark !important;\r\n  color: $light !important;\r\n}\r\n\r\n.ck.ck-toolbar .ck.ck-button.ck-on,\r\na.ck.ck-button.ck-on,\r\n.ck.ck-button:not(.ck-disabled):hover,\r\na.ck.ck-button:not(.ck-disabled):hover {\r\n  background: rgba($light, 0.75) !important;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .ck {\r\n    &.ck-toolbar {\r\n      background-color: $gray-dark-300 !important;\r\n      border-color: $gray-dark-300 !important;\r\n    }\r\n\r\n    &.ck-dropdown__panel,\r\n    &.ck-list {\r\n      background-color: lighten($gray-dark-200, 2.5%) !important;\r\n      border-color: lighten($gray-dark-200, 2.5%) !important;\r\n    }\r\n\r\n    &.ck-editor__main > .ck-editor__editable {\r\n      background-color: $gray-dark-200 !important;\r\n      border-color: $gray-dark-300 !important;\r\n    }\r\n\r\n    &.ck-icon :not([fill]) {\r\n      fill: $gray-dark-500 !important;\r\n    }\r\n\r\n    &.ck-reset_all,\r\n    &.ck-reset_all * {\r\n      color: $gray-dark-400 !important;\r\n    }\r\n    .ck-link-form, .ck-input-text, .ck-label{\r\n      background-color: lighten($gray-dark-200, 2.5%) !important;\r\n    }\r\n  }\r\n\r\n  .ck.ck-toolbar .ck.ck-button.ck-on,\r\n  a.ck.ck-button.ck-on,\r\n  .ck.ck-button:not(.ck-disabled):hover,\r\n  a.ck.ck-button:not(.ck-disabled):hover {\r\n    background: rgba($gray-dark-400, 0.2) !important;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  .ck.ck-toolbar > .ck-toolbar__items {\r\n    flex-direction: row-reverse;\r\n  }\r\n}\r\n","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed $gray-400;\r\n  background: $card-bg;\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .dropzone {\r\n    background: lighten($gray-dark-200, 1%);\r\n    border-color: $gray-dark-300;\r\n  }\r\n}","//\r\n// Form Wizard\r\n//\r\n\r\n// twitter-bs-wizard\r\n\r\n.twitter-bs-wizard{\r\n  .twitter-bs-wizard-nav{\r\n\r\n    .step-icon{\r\n      display: inline-block;\r\n      width: 56px;\r\n      height: 56px;\r\n      line-height: 54px;\r\n      border: 1px solid rgba($primary, 0.2);\r\n      color: $primary;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      position: relative;\r\n      z-index: 1;\r\n      font-size: 20px;\r\n\r\n      @media (max-width: 575.98px) {\r\n        width: 40px;\r\n        height: 40px;\r\n        line-height: 38px;\r\n      }\r\n    }\r\n\r\n    .step-title{\r\n      margin-left: 6px;\r\n    }\r\n\r\n    .nav-item{\r\n      &:last-child{\r\n        .nav-link{\r\n          &::after{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .nav-link{\r\n        &.done{\r\n          .step-icon{\r\n            background-color: $primary;\r\n            color: $white;\r\n          }\r\n          .uil{\r\n            &:before{\r\n              content: \"\\e9c3\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .nav-link{\r\n      font-size: 14px;\r\n      position: relative;\r\n      @media (max-width: 575.98px) {\r\n        padding: 0.5rem;\r\n      }\r\n      &::after{\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 75%;\r\n        height: 2px;\r\n        background-color: $border-color;\r\n        left: 62%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        @media (max-width: 575.98px) {\r\n          display: none;\r\n        }\r\n      }\r\n      &.active{\r\n        color: $gray-700;\r\n        background-color: transparent;\r\n\r\n        .step-icon{\r\n          background-color: rgba($primary, 0.2);\r\n          color: $primary;\r\n          border-color: rgba($primary, 0.2);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  .twitter-bs-wizard-pager-link{\r\n    padding-top: 24px;\r\n      padding-left: 0;\r\n      list-style: none;\r\n      margin-bottom: 0;\r\n      li{\r\n        display: inline-block;\r\n\r\n        &.next{\r\n          float: right;\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n.twitter-bs-wizard-tab-content{\r\n  padding-top: 24px;\r\n  min-height: 262px;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .twitter-bs-wizard {\r\n    .twitter-bs-wizard-nav {\r\n      .nav-link::after{\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n}","\r\n\r\n/* \r\nDatatable\r\n*/\r\n\r\n// datatable\r\n\r\ndiv.dataTables_wrapper {\r\n  div.dataTables_filter{\r\n    text-align: right;\r\n\r\n    @media (max-width: 767px){\r\n      text-align: center;\r\n    }\r\n\r\n\r\n    input{\r\n      margin-left: 0.5em;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.table, table{\r\n  &.dataTable{\r\n    &.dtr-inline.collapsed>tbody>tr>td{\r\n      position: relative;\r\n      &.dtr-control{\r\n        padding-left: 30px;\r\n        &:before{\r\n          top: 50%;\r\n          left: 5px;\r\n          height: 14px;\r\n          width: 14px;\r\n          margin-top: -9px;\r\n          display: block;\r\n          position: absolute;\r\n          color: $white;\r\n          border: 2px solid $white;\r\n          border-radius: 14px;\r\n          box-sizing: content-box;\r\n          text-align: center;\r\n          text-indent: 0 !important;\r\n          line-height: 14px;\r\n          content: '+';\r\n          background-color: $primary;\r\n        }\r\n      }\r\n    }\r\n\r\n    >thead{\r\n      >tr{\r\n        >th, >td{\r\n          &:not(.sorting_disabled){\r\n            padding-right: 30px;\r\n            padding-left: 12px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .sorting, \r\n      .sorting_asc, \r\n      .sorting_desc, \r\n      .sorting_asc_disabled, \r\n      .sorting_desc_disabled{\r\n        &::before{\r\n          right: 1em;\r\n          left: auto;\r\n        }\r\n\r\n        &::after{\r\n          right: .5em;\r\n          left: auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","\r\n//\r\n// Responsive Table\r\n//\r\n\r\n.table-rep-plugin {\r\n  .btn-toolbar {\r\n    display: block;\r\n  }\r\n  .table-responsive {\r\n    border: none !important;\r\n  }\r\n  .btn-group{\r\n    .btn-default {\r\n      background-color: $secondary;\r\n      color: $light;\r\n      border: 1px solid $secondary;\r\n      &.btn-primary {\r\n          background-color: $primary;\r\n          border-color: $primary;\r\n          color: $white;\r\n          box-shadow: 0 0 0 2px rgba($primary, .5);\r\n      }\r\n  }\r\n    &.pull-right {\r\n      float: right;\r\n      .dropdown-menu {\r\n        right: 0;\r\n        transform: none !important;\r\n        top: 100% !important;\r\n      }\r\n    }\r\n  }\r\n  tbody {\r\n    th {\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n\r\n  .checkbox-row {\r\n    padding-left: 40px;\r\n    color: $dropdown-color !important;\r\n\r\n    &:hover{\r\n      background-color: lighten($gray-200, 2%) !important;\r\n    }\r\n\r\n    label {\r\n      display: inline-block;\r\n      padding-left: 5px;\r\n      position: relative;\r\n      &::before {\r\n        -o-transition: 0.3s ease-in-out;\r\n        -webkit-transition: 0.3s ease-in-out;\r\n        background-color: $white;\r\n        border-radius: 3px;\r\n        border: 1px solid $gray-300;\r\n        content: \"\";\r\n        display: inline-block;\r\n        height: 17px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        position: absolute;\r\n        transition: 0.3s ease-in-out;\r\n        width: 17px;\r\n        outline: none !important;\r\n      }\r\n      &::after {\r\n        color: $gray-200;\r\n        display: inline-block;\r\n        font-size: 11px;\r\n        height: 16px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        padding-left: 3px;\r\n        padding-top: 1px;\r\n        position: absolute;\r\n        top: -1px;\r\n        width: 16px;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"] {\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      z-index: 1;\r\n      outline: none !important;\r\n\r\n      &:disabled + label {\r\n        opacity: 0.65;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:focus + label {\r\n      &::before {\r\n        outline-offset: -2px;\r\n        outline: none;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::after {\r\n        content: \"\\f00c\";\r\n        font-family: 'Font Awesome 5 Free';\r\n        font-weight: 900;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:disabled + label {\r\n      &::before {\r\n        background-color: $gray-100;\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::before {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n      }\r\n      &::after {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  .fixed-solution {\r\n    .sticky-table-header{\r\n      top: $header-height !important;\r\n      background-color: $primary;\r\n      table{\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  table.focus-on tbody tr.focused th,\r\n  table.focus-on tbody tr.focused td,\r\n  .sticky-table-header {\r\n      background: $primary;\r\n      border-color: $primary;\r\n      color: $white;\r\n\r\n      table {\r\n          color: $white;\r\n      }\r\n  }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n  @media (min-width: 992px) {\r\n    .fixed-solution {\r\n      .sticky-table-header{\r\n        top: $header-height + 50px !important;;\r\n      }\r\n    }\r\n  }\r\n}","\r\n//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n  input, select{\r\n    height: $input-height-sm;\r\n    padding: $input-padding-y-sm $input-padding-x-sm;\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    color: $input-color;\r\n    border-radius: $input-border-radius;\r\n    &:focus{\r\n      outline: none;\r\n      border-color: $input-focus-border-color;\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .table-edits{\r\n    input,  select{\r\n      color: $gray-dark-500;\r\n      background-color: lighten($gray-dark-200,2%);\r\n      border: 1px solid $gray-dark-300;\r\n      &:focus{\r\n        border-color: $gray-dark-300;\r\n      }\r\n    }\r\n  }\r\n}","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: $gray-600 !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n    .apexcharts-gridline {\r\n        stroke: lighten($gray-dark-200,2.5%);\r\n    }\r\n\r\n    .apexcharts-tooltip.apexcharts-theme-light {\r\n        background-color: $gray-dark-200;\r\n        border-color: lighten($gray-dark-200,2.5%);\r\n\r\n        .apexcharts-tooltip-title {\r\n            background-color: $gray-dark-300;\r\n            border-color: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n\r\n    .apexcharts-legend-text {\r\n        color: $gray-dark-500 !important;\r\n    }\r\n\r\n    .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g,\r\n    .apexcharts-grid-row {\r\n        + line {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n\r\n    .apexcharts-xaxis line,\r\n    .apexcharts-treemap-rect,\r\n    .apexcharts-heatmap-rect,\r\n    .apexcharts-pie-area {\r\n        stroke: lighten($gray-dark-300,2.5%);\r\n    }\r\n\r\n    .apexcharts-radialbar-track.apexcharts-track {\r\n        path {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n    .apexcharts-radar-series.apexcharts-plot-series {\r\n        polygon,\r\n        line {\r\n            fill: $gray-dark-300;\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n    .apexcharts-pie {\r\n        circle {\r\n            stroke: lighten($gray-dark-300,2.5%);\r\n        }\r\n    }\r\n}","\r\n//\r\n// echarts.scss\r\n//\r\n\r\n.e-charts{\r\n    height: 350px;\r\n}","//\r\n// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n  box-sizing: content-box;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  background-color: $gray-800 !important;\r\n  box-shadow: $box-shadow-lg;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: $gray-900 !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: $gray-200 !important;\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  font-family: $font-family-base !important;\r\n  font-weight: $font-weight-medium !important;\r\n}\r\n\r\n// Dark Layout\r\nbody[data-layout-mode=\"dark\"] {\r\n  .jqstooltip {\r\n    background-color: $gray-dark-800 !important;\r\n    border-color: $gray-dark-800 !important;\r\n  }\r\n\r\n  .jqsfield {\r\n    color: $gray-dark-300 !important;\r\n  }\r\n}\r\n","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px !important;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","//\r\n// vector-maps.scss\r\n//\r\n\r\n.jvectormap-label {\r\n    border: none;\r\n    background: $gray-800;\r\n    color: $gray-100;\r\n    font-family: $font-family-base;\r\n    font-size: $font-size-base;\r\n    padding: 5px 8px;\r\n}\r\n\r\n// Dark layout\r\nbody[data-layout-mode=\"dark\"] {\r\n    .jvectormap-label {\r\n        background: $gray-dark-800;\r\n        color: $gray-dark-200;\r\n    }\r\n}","//\r\n// leaflet-maps.scss\r\n//\r\n\r\n.leaflet-map {\r\n    height: 300px;\r\n    &.leaflet-container{\r\n        z-index: 1;\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n.auth-bg{\r\n    background-image: url(\"../images/auth-bg.jpg\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    .bg-overlay{\r\n        opacity: 0.9;\r\n    }\r\n    @media (min-width: 768px){\r\n        height: 100vh;\r\n    }\r\n}\r\n\r\n.auth-full-page-content{\r\n    min-height: 100vh;\r\n}\r\n\r\n// auth 2\r\n\r\n.auth-logo{\r\n    .logo-txt{\r\n        color: $dark;\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n// auth-pass-inputgroup\r\n\r\n.auth-pass-inputgroup{\r\n    input[type=\"input\"] + .btn .mdi-eye-outline{\r\n        &:before{\r\n            content: \"\\F06D1\";\r\n        }\r\n    }\r\n}\r\n\r\n// for bubble effect\r\n.bg-bubbles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    li {\r\n        position: absolute;\r\n        list-style: none;\r\n        display: block;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 30px;\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n        bottom: -50px;\r\n        animation: square 20s infinite;\r\n        transition-timing-function: linear;\r\n        &:nth-child(1) {\r\n            left: 10%;\r\n        }\r\n        &:nth-child(2) {\r\n            left: 20%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 2s;\r\n            animation-duration: 17s;\r\n        }\r\n        &:nth-child(3) {\r\n            left: 25%;\r\n            animation-delay: 4s;\r\n        }\r\n        &:nth-child(4) {\r\n            left: 40%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-duration: 22s;\r\n        }\r\n        &:nth-child(5) {\r\n            left: 70%;\r\n            width: 90px;\r\n            height: 90px;\r\n        }\r\n        &:nth-child(6) {\r\n            left: 70%;\r\n            width: 120px;\r\n            height: 120px;\r\n            animation-delay: 3s;\r\n        }\r\n        &:nth-child(7) {\r\n            left: 32%;\r\n            width: 150px;\r\n            height: 150px;\r\n            animation-delay: 7s;\r\n        }\r\n        &:nth-child(8) {\r\n            left: 55%;\r\n            width: 80px;\r\n            height: 80px;\r\n            animation-delay: 15s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(9) {\r\n            left: 25%;\r\n            width: 50px;\r\n            height: 50px;\r\n            animation-delay: 2s;\r\n            animation-duration: 40s;\r\n        }\r\n        &:nth-child(10) {\r\n            left: 90%;\r\n            width: 140px;\r\n            height: 140px;\r\n            animation-delay: 11s;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes square {\r\n    0% {\r\n        transform: translateY(0);\r\n    }\r\n    100% {\r\n        transform: translateY(-1000px) rotate(600deg);\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .auth-logo{\r\n        .logo-txt{\r\n            color: $white;\r\n        }\r\n    }\r\n}","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 236px;\r\n  float: left;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: $dark;\r\n    font-weight: 500;\r\n  }\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: $gray-600;\r\n    line-height: 24px;\r\n    padding: 8px 5px;\r\n    &.active {\r\n      color: $danger;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n\r\n    a{\r\n      color: $gray-600;\r\n    }\r\n\r\n    &:hover {\r\n      background: $gray-300;\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n    \r\n  &.unread  {\r\n    background-color: $gray-300;\r\n    font-weight: 500;\r\n    color: darken($dark,5%);\r\n      a{\r\n        color: darken($dark,5%);\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px $gray-400;\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n    input:checked ~ label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: darken($dark,5%);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) { \r\n  .message-list li .col-mail-1 {\r\n      width: 200px;\r\n  }\r\n}\r\n\r\n.email-editor{\r\n  .ck-editor__editable_inline{\r\n    min-height: 200px !important;\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .mail-list{\r\n    a{\r\n      color: $gray-dark-400;\r\n      &.active {\r\n        color: $danger;\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-user-box {\r\n    p.user-title {\r\n      color: $gray-dark-500;\r\n    }\r\n  }\r\n\r\n  .message-list{\r\n    li {\r\n      a{\r\n        color: $gray-dark-400;\r\n      }\r\n\r\n      &:hover{\r\n        background: lighten($gray-dark-200, 2.5%);\r\n      }\r\n\r\n      &.unread{\r\n        background: lighten($gray-dark-200, 2.5%);\r\n        color: $gray-dark-500;\r\n      }\r\n    }\r\n\r\n    .checkbox-wrapper-mail{\r\n      box-shadow: inset 0 0 0 1px $gray-dark-400;\r\n\r\n      label{\r\n        &::before{\r\n          color: $gray-dark-500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  \r\n}","// \r\n// Chat.scss\r\n//\r\n\r\n// chat left sidebar\r\n\r\n.chat-leftsidebar{\r\n  @media (min-width: 992px) {\r\n    min-width: 260px;\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    min-width: 380px;\r\n  }\r\n\r\n  .chat-leftsidebar-nav{\r\n    .nav{\r\n      .nav-link{\r\n        &.active{\r\n          background-color: $card-bg;\r\n          color: $primary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// search-box\r\n\r\n.search-box{\r\n  .form-control{\r\n      padding-left: 40px;\r\n  }\r\n  .search-icon{\r\n      font-size: 16px;    \r\n      position: absolute;\r\n      left: 13px;\r\n      top: 0;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n  }\r\n}\r\n\r\n\r\n.chat-noti-dropdown{\r\n  &.active{\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: $danger;\r\n      border-radius: 50%;\r\n      right: 0;\r\n    }\r\n  }\r\n\r\n  .btn{\r\n    padding: 6px;\r\n    box-shadow: none;\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n.chat-message-list{\r\n  height: calc(100vh - 346px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 406px);\r\n  }\r\n}\r\n\r\n\r\n\r\n.chat-list{\r\n  margin: 0;\r\n  li{\r\n    &.active{\r\n      a{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n    a{\r\n      display: block;\r\n      padding: 14px 16px;\r\n      color: $text-muted;\r\n      transition: all 0.4s;\r\n      border-top: 1px solid $border-color;\r\n      position: relative;\r\n      &:hover{\r\n        background-color: rgba($primary, 0.075);\r\n        border-color: transparent;\r\n      }\r\n    }\r\n\r\n    .user-img{\r\n      position: relative;\r\n\r\n      .user-status{\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: $gray-500;\r\n        border-radius: 50%;\r\n        border: 2px solid $card-bg;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n      }\r\n\r\n      &.online{\r\n        .user-status{\r\n          background-color: $success;\r\n        }\r\n      }\r\n\r\n      &.away{\r\n        .user-status{\r\n          background-color: $warning;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.unread{\r\n      a{\r\n        font-weight: $font-weight-semibold;\r\n        color: $dark;\r\n      }\r\n    }\r\n\r\n    .unread-message {\r\n      position: absolute;\r\n      display: inline-block;\r\n      right: 16px;\r\n      top: 33px;\r\n    }\r\n  }\r\n}\r\n\r\n.contact-list{\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  color: $text-muted;\r\n  font-weight: $font-weight-semibold;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n// user chat nav\r\n\r\n.user-chat-nav{\r\n  .dropdown{\r\n    .nav-btn{\r\n      height: 36px;\r\n      width: 36px;\r\n      line-height: 36px;\r\n      box-shadow: none;\r\n      padding: 0;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n}\r\n\r\n// chat conversation\r\n\r\n.chat-conversation{\r\n  height: calc(100vh - 300px);\r\n  @media (min-width: 992px){\r\n    height: calc(100vh - 360px);\r\n  }\r\n  li{\r\n    clear: both;\r\n  }\r\n\r\n  .chat-day-title{\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n    border: none;\r\n\r\n    .title{\r\n      background-color: $card-bg;\r\n      position: relative;\r\n      z-index: 1;\r\n      padding: 6px 24px;\r\n    }\r\n\r\n    &:before{\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 1px;\r\n      left: 0;\r\n      right: 0;\r\n      background-color: $border-color;\r\n      top: 10px;\r\n    }\r\n    .badge{\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .conversation-list{\r\n    margin-bottom: 24px;\r\n    position: relative;\r\n\r\n    .ctext-wrap {\r\n      display: flex;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ctext-wrap-content {\r\n      padding: 12px 20px;\r\n      background-color: $primary;\r\n      border-radius: 0px 8px 8px 8px;\r\n      color: $white;\r\n      position: relative;\r\n      margin-left: 16px;\r\n\r\n      &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 5px solid transparent;\r\n          border-right-color: $primary;\r\n          border-top-color: $primary;\r\n          left: -10px;\r\n          top: 0;\r\n      }\r\n    }\r\n\r\n  .conversation-name {\r\n    margin-bottom: 4px;\r\n    display: flex;\r\n    font-size: 13px;\r\n      .time{\r\n        font-size: 12px;\r\n        color: rgba($white, 0.5); \r\n        margin-left: 8px;\r\n        font-weight: $font-weight-normal;\r\n      }\r\n\r\n      .user-name{\r\n        color: rgba($white, 0.5); \r\n      }\r\n  }\r\n\r\n\r\n  .dropdown {\r\n      .dropdown-toggle {\r\n          font-size: 18px;\r\n          padding: 4px;\r\n          color: $gray-600;\r\n\r\n          @media (max-width: 575.98px) {\r\n              display: none;\r\n          }\r\n      }\r\n\r\n  }\r\n\r\n\r\n  .message-img {\r\n    border-radius: .2rem;\r\n    position: relative;\r\n\r\n      .message-img-list {\r\n          position: relative;\r\n      }\r\n\r\n      img {\r\n          max-width: 140px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    .conversation-list {\r\n        float: right;\r\n        text-align: right;\r\n\r\n        .ctext-wrap {\r\n\r\n            .ctext-wrap-content {\r\n                order: 2;\r\n                background-color: rgba($light, 0.5);\r\n                text-align: right;\r\n                border-radius: 8px 0px 8px 8px;\r\n                margin-left: 0;\r\n                margin-right: 16px;\r\n                color: $dark;\r\n\r\n                &:before {\r\n                    border: 5px solid transparent;\r\n                    border-top-color: rgba($light, 0.5);\r\n                    border-left-color: rgba($light, 0.5);\r\n                    left: auto;\r\n                    right: -10px;\r\n                }\r\n            }\r\n\r\n            .conversation-name {\r\n              justify-content: flex-end;\r\n              .user-name, .time{\r\n                color: $text-muted; \r\n              }\r\n              .time{\r\n                order: 1;\r\n                margin-left: 0;\r\n                margin-right: 8px;\r\n              }\r\n\r\n              .user-name{\r\n                  order: 2;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            order: 1;\r\n        }\r\n      }\r\n  }\r\n}\r\n\r\n.chat-send{\r\n  @media (max-width: 575.98px) {\r\n    min-width: auto;\r\n  }\r\n }\r\n\r\nbody[data-layout=\"horizontal\"]{\r\n  .chat-message-list{\r\n    height: calc(100vh - 346px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 476px);\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    height: calc(100vh - 300px);\r\n    @media (min-width: 992px){\r\n      height: calc(100vh - 420px);\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n\r\n  .chat-leftsidebar{\r\n    .chat-leftsidebar-nav {\r\n      .nav .nav-link{\r\n        &.active{\r\n          background-color: $gray-dark-200;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-list{\r\n    li{\r\n      a{\r\n        color: $gray-dark-400;\r\n        border-color: $gray-dark-300;\r\n      }\r\n\r\n      .user-img{\r\n        .user-status{\r\n          border-color: $gray-dark-300;\r\n        }\r\n      }\r\n\r\n      &.unread{\r\n        a{\r\n          color: $gray-dark-500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .chat-conversation{\r\n    .chat-day-title {\r\n      .title{\r\n        background-color: $gray-dark-200;\r\n      }\r\n\r\n      &::before{\r\n        background-color: $gray-dark-300;\r\n      }\r\n    }\r\n\r\n    .right{\r\n      .conversation-list {\r\n        .ctext-wrap {\r\n          .ctext-wrap-content{\r\n            background-color: rgba($gray-dark-300, 0.5);\r\n            color: $gray-dark-500;\r\n            &::before{\r\n              border-top-color: rgba($gray-dark-300, 0.5);\r\n              border-left-color: rgba($gray-dark-300, 0.5);\r\n            }\r\n          }\r\n\r\n          .conversation-name{\r\n            .time, .user-name{\r\n              color: $gray-dark-400;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// \r\n// coming-soon.scss\r\n//\r\n\r\n.slide-bg{\r\n    height: 100vh;\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.coming-content{\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 1;\r\n    left: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .app-search{\r\n        max-width: 340px;\r\n    }\r\n}\r\n\r\n.preview-thumbsnav{\r\n    position: absolute;\r\n    bottom: 14px;\r\n    z-index: 9;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    max-width: 120px;\r\n    .nav-img{\r\n        cursor: pointer;\r\n        padding: 3px;\r\n        background-color: rgba($white, 0.1);\r\n        border: 1px solid rgba($white, 0.1);\r\n\r\n        @media (max-width: 575.98px) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .swiper-slide-thumb-active{\r\n        .nav-img{\r\n            background-color: $white;\r\n            border: 1px solid $white;\r\n        }\r\n    }\r\n}\r\n\r\n.coming-box {\r\n    width: 25%;\r\n    &:last-of-type{\r\n        .count-num{\r\n            &::after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// counter number\r\n\r\n.counter-number {\r\n    font-size: 32px;\r\n    font-weight: $font-weight-semibold;\r\n    text-align: center;\r\n    display: flex;\r\n    gap: 24px;\r\n    @media (max-width: 575.98px) {\r\n        font-size: 18px;\r\n    }\r\n    .count-title {\r\n        font-size: 16px;\r\n        font-weight: $font-weight-medium;\r\n        display: block;\r\n        padding-bottom: 6px;\r\n        color: rgba($white, 0.5);\r\n    }\r\n}\r\n\r\n.count-num{\r\n    background-color: $card-bg;\r\n    padding: 16px 8px;\r\n    position: relative;\r\n    border-radius: 4px;\r\n\r\n    &::after{\r\n        content: \":\";\r\n        font-size: 20px;\r\n        position: absolute;\r\n        right: -16px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: $white;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .count-num{\r\n        background-color: $gray-dark-300;\r\n    }\r\n\r\n    .preview-thumbsnav .swiper-slide-thumb-active .nav-img{\r\n        background-color: $gray-dark-300;\r\n        border-color: $gray-dark-300;\r\n    }\r\n}","//\r\n// timeline.scss\r\n//\r\n\r\n\r\n/************** vertical timeline **************/\r\n\r\n.timeline {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 30px 0;\r\n    @media (max-width: 767.98px) {\r\n      padding: 0;\r\n    }\r\n    .timeline-end,\r\n    .timeline-start,\r\n    .timeline-year {\r\n      position: relative;\r\n      width: 100%;\r\n      text-align: center;\r\n      z-index: 1;\r\n      p {\r\n        display: inline-block;\r\n        width: 80px;\r\n        height: 80px;\r\n        margin: 0;\r\n        padding: 30px 0;\r\n        text-align: center;\r\n        background-color: $primary;\r\n        border-radius: 100px;\r\n        color: $white;\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n    .timeline-year {\r\n      margin: 30px 0;\r\n    }\r\n    .timeline-continue {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 60px 0;\r\n      &:after {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 1px;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 50%;\r\n        margin-left: -1px;\r\n        background: $primary;\r\n      }\r\n    }\r\n    .timeline-icon {\r\n      margin: 42px 10px 0 10px;\r\n    }\r\n    .timeline-left {\r\n          text-align: right;\r\n          .timeline-icon {\r\n              text-align: left;\r\n          }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              text-align: right;\r\n          }\r\n          text-align: left;\r\n      }\r\n    .timeline-icon {\r\n        &::after {\r\n            content: \"\";\r\n            display: block;\r\n            position: absolute;\r\n            width: 14px;\r\n            height: 14px;\r\n            top: 45px;\r\n            background: $primary;\r\n            border-radius: 15px;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .event-content{\r\n        padding-right: 24px;\r\n      }\r\n\r\n      .timeline-text {\r\n        margin-right: 40px;\r\n      }\r\n    }\r\n\r\n    \r\n    .timeline-left {\r\n        .timeline-icon {\r\n            &::after {\r\n                left: -7px;\r\n            }\r\n        }\r\n        @media (min-width: 768px) {\r\n          .event-content{\r\n            padding-right: 0;\r\n            padding-left: 24px;\r\n          }\r\n\r\n          .timeline-text {\r\n            margin-right: 0px;\r\n            margin-left: 40px;\r\n          }\r\n\r\n          .event-img{\r\n            justify-content: flex-end;\r\n          }\r\n        }\r\n      }\r\n      .timeline-right {\r\n          .timeline-icon {\r\n              &::after {\r\n                  right: -7px;\r\n              }\r\n          }\r\n      }\r\n    .timeline-box {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid $gray-200;\r\n          border-radius: 6px;\r\n          &::after {\r\n              content: \"\";\r\n              position: absolute;\r\n              width: 16px;\r\n              height: 16px;\r\n              top: 26px;\r\n              background-color: $white;\r\n              border: 1px solid $light;\r\n              transform: rotate(45deg);\r\n              margin: 0px auto;\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          position: relative;\r\n          display: inline-block;\r\n          margin: 15px;\r\n          padding: 20px;\r\n          border: 1px solid $gray-200;\r\n          border-radius: 6px;\r\n          width: 100%;\r\n          margin: 15px 0;\r\n          padding: 0;\r\n          border: none;\r\n          text-align: center;\r\n          background: transparent;\r\n      }\r\n  }\r\n  \r\n  \r\n  .timeline-date {\r\n    right: 20px;\r\n\r\n    @media (max-width: 767.98px) {\r\n      left: -70px;\r\n      right: auto;\r\n    }\r\n  }\r\n  \r\n  .timeline-left {\r\n\r\n    .timeline-date {\r\n      left: 20px;\r\n      @media (max-width: 767.98px) {\r\n        left: -70px;\r\n        right: auto;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .timeline {\r\n    .timeline-date {\r\n      width: 54px;\r\n      height: 80px;\r\n      display: inline-block;\r\n      padding: 8px;\r\n      clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);\r\n      top: -10px;\r\n      position: absolute;\r\n      z-index: 1;\r\n      @media (max-width: 767.98px) {\r\n        top: 0px;\r\n      }\r\n    }\r\n      .timeline-right {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: transparent transparent $light $light;\r\n                  left: -8px;\r\n                  right: 100%;\r\n              }\r\n          }\r\n      }\r\n      .timeline-left {\r\n          .timeline-box {\r\n              &::after {\r\n                  border-color: $light $light transparent transparent;\r\n                  right: -8px;\r\n              }\r\n          }\r\n      }\r\n      .timeline-launch {\r\n          .timeline-box {\r\n              &::after {\r\n                  top: -8px;\r\n                  left: 32px;\r\n                  border-color: $light transparent transparent $light;\r\n                  @media (min-width: 768px) {\r\n                    left: 50%;\r\n                    transform: rotate(45deg) translateX(-50%);\r\n                    top: -2px;\r\n                  }\r\n              }\r\n          }\r\n          .timeline-text {\r\n              width: 100%;\r\n          }\r\n      }\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n@media (max-width: 767px) {\r\n    .timeline .timeline-continue::after {\r\n      left: 40px;\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-end,\r\n      .timeline-start,\r\n      .timeline-year {\r\n        text-align: left;\r\n      }\r\n      .row.timeline-left {\r\n        text-align: left;\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          text-align: left;\r\n        }\r\n        text-align: left;\r\n      }\r\n      .timeline-launch {\r\n        text-align: left;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          &::after {\r\n            left: 43px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    .timeline {\r\n      .timeline-box {\r\n        margin-left: 82px;\r\n        margin-right: 0;\r\n      }\r\n      .row.timeline-right {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-icon {\r\n          margin-left: 55px;\r\n        }\r\n      }\r\n      .timeline-launch {\r\n        .timeline-box {\r\n          margin-left: 0;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n      .row.timeline-left {\r\n        .timeline-box {\r\n          &::after {\r\n            left: -8px;\r\n            border-color: transparent transparent $light $light;\r\n            right: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n  .timeline{\r\n    .timeline-box{\r\n      border-color: $gray-dark-300;\r\n      &:after{\r\n        background-color: $gray-dark-200;\r\n      }\r\n    }\r\n\r\n    .timeline-left{\r\n      .timeline-box{\r\n        &:after{\r\n          border-color: $gray-dark-300 $gray-dark-300 transparent transparent;\r\n        }\r\n      }\r\n    }\r\n\r\n    .timeline-right{\r\n      .timeline-box{\r\n        &:after{\r\n          border-color: transparent transparent $gray-dark-300 $gray-dark-300;\r\n        }\r\n      }\r\n    }\r\n\r\n    .timeline-launch .timeline-box::after{\r\n      border-color: $gray-dark-300 transparent transparent $gray-dark-300;\r\n    }\r\n  }\r\n}","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n/*********************\r\n    Maintenance\r\n**********************/ \r\n\r\n.maintenance-cog-icon{\r\n    .cog-icon{\r\n        position: relative;\r\n        bottom: 24px;\r\n        right: 14px;    \r\n    }\r\n}\r\n\r\n\r\n// pricing\r\n\r\n\r\n.pricing-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 9;\r\n    right: 0;\r\n    width: 100%;\r\n    display: block;\r\n    font-size: 15px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    height: 100px;\r\n    .badge {\r\n      float: right;\r\n      transform: rotate(45deg);\r\n      right: -67px;\r\n      top: 17px;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 200px;\r\n      font-size: 13px;\r\n      margin: 0;\r\n      padding: 7px 10px;\r\n      font-weight: 500;\r\n      color: $primary;\r\n      background: $white;\r\n    }\r\n}\r\n\r\n\r\n\r\n// PRICING TAB\r\n\r\n.pricing-tab-box{\r\n  .nav-link{\r\n    padding: 16px 20px;\r\n    border: 1px solid $gray-200;\r\n    &.active{\r\n      border: 1px solid $primary;\r\n      background: transparent;\r\n      padding: 16px 20px;\r\n      i{\r\n        color: $primary;\r\n      }\r\n      h1{\r\n        color: $primary;\r\n      }\r\n    }\r\n   \r\n  }\r\n}\r\n\r\nbody[data-layout-mode=dark]{\r\n  .pricing-tab-box {\r\n    .nav-link{\r\n      border-color: $gray-dark-300;\r\n\r\n      &.active{\r\n        border-color: $primary;\r\n      }\r\n    }\r\n  }\r\n}"]}