{"version":3,"sources":["app-dark.scss","app-dark.css","custom/fonts/_fonts.scss","custom/structure/_topbar.scss","_variables-dark.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","../../../node_modules/bootstrap/scss/_variables.scss","custom/components/_waves.scss","custom/components/_alert.scss","custom/components/_avatar.scss","custom/components/_helper.scss","custom/components/_preloader.scss","custom/components/_forms.scss","custom/components/_widgets.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/_parsley.scss","custom/plugins/_select2.scss","custom/plugins/_switch.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_responsive-table.scss","custom/plugins/_table-editable.scss","../../../node_modules/bootstrap/scss/_functions.scss","custom/plugins/_datatable.scss","custom/plugins/_chartist.scss","custom/plugins/_flot.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_morris.scss","custom/plugins/_google-map.scss","custom/plugins/_vector-maps.scss","custom/plugins/_c3-chart.scss","custom/plugins/_bootstrap-touchspin.scss","custom/pages/_authentication.scss","custom/pages/_email.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss"],"names":[],"mappings":"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","file":"app-dark-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: Agroxa - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\r\n\r\n//Fonts\r\n@import \"custom/fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"variables-dark\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n// Structure\r\n@import \"custom/structure/general\";\r\n@import \"custom/structure/topbar\";\r\n@import \"custom/structure/page-head\";\r\n@import \"custom/structure/footer\";\r\n@import \"custom/structure/right-sidebar\";\r\n@import \"custom/structure/vertical\";\r\n@import \"custom/structure/horizontal-nav\";\r\n@import \"custom/structure/layouts\";\r\n\r\n// Components\r\n@import \"custom/components//waves\";\r\n@import \"custom/components/alert\";\r\n@import \"custom/components/avatar\";\r\n@import \"custom/components/helper\";\r\n@import \"custom/components/preloader\";\r\n@import \"custom/components/forms\";\r\n@import \"custom/components/widgets\";\r\n@import \"custom/components/demos\";\r\n@import \"custom/components/print\";\r\n\r\n// Plugins\r\n@import \"custom/plugins/custom-scrollbar\";\r\n@import \"custom/plugins/calendar\";\r\n@import \"custom/plugins/session-timeout\";\r\n@import \"custom/plugins/range-slider\";\r\n@import \"custom/plugins/sweatalert2\";\r\n@import \"custom/plugins/parsley\";\r\n@import \"custom/plugins/select2\";\r\n@import \"custom/plugins/switch\";\r\n@import \"custom/plugins/form-editors\";\r\n@import \"custom/plugins/form-upload\";\r\n@import \"custom/plugins/responsive-table\";\r\n@import \"custom/plugins/table-editable\";\r\n@import \"custom/plugins/datatable\";\r\n@import \"custom/plugins/chartist\";\r\n@import \"custom/plugins/flot\";\r\n@import \"custom/plugins/sparkline-chart\";\r\n@import \"custom/plugins/morris\";\r\n@import \"custom/plugins/google-map\";\r\n@import \"custom/plugins/vector-maps\";\r\n@import \"custom/plugins/c3-chart\";\r\n@import \"custom/plugins/bootstrap-touchspin\";\r\n\r\n// Pages\r\n@import \"custom/pages/authentication\";\r\n@import \"custom/pages/email\";\r\n@import \"custom/pages/timeline\";\r\n@import \"custom/pages/extras-pages\";\r\n","/*\r\nTemplate Name: Agroxa - Admin & Dashboard Template\r\nAuthor: Themesbrand\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=Roboto:wght@300;400;500;700&display=swap\");\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1002;\n  background-color: #1b82ec; }\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 70px;\n  padding: 0 calc(1.875rem / 2) 0 0; }\n  .navbar-header .dropdown .show.header-item {\n    background-color: #212529; }\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  text-align: center;\n  width: 240px; }\n\n.logo {\n  line-height: 70px; }\n  .logo .logo-sm {\n    display: none; }\n\n.logo-light {\n  display: none; }\n\n.navbar-brand-box .logo.logo-dark {\n  display: none; }\n\n.navbar-brand-box .logo.logo-light {\n  display: block; }\n\n/* Search */\n.app-search {\n  padding: calc(32px / 2) 0;\n  margin-right: 20px; }\n  .app-search .form-control {\n    border: none;\n    height: 34px;\n    padding-right: 30px;\n    padding-left: 20px;\n    background-color: #323b54;\n    box-shadow: none;\n    border-radius: 30px; }\n  .app-search span {\n    position: absolute;\n    z-index: 10;\n    font-size: 13px;\n    line-height: 38px;\n    right: 13px;\n    top: 0;\n    color: #969aa5; }\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px; }\n  .megamenu-list li a {\n    color: #969aa5; }\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: 70px calc(1.875rem / 2) 60px calc(1.875rem / 2); }\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: #a6b0cf;\n  border: 0;\n  border-radius: 0px; }\n  .header-item:hover {\n    color: #a6b0cf; }\n\n.header-profile-user {\n  height: 36px;\n  width: 36px; }\n\n.btn-header {\n  background-color: rgba(255, 255, 255, 0.3);\n  color: #fff;\n  box-shadow: none !important;\n  margin-top: 2px; }\n  .btn-header:hover {\n    color: #fff; }\n\n.noti-icon i {\n  font-size: 22px;\n  color: #fff; }\n\n.noti-icon .badge {\n  position: absolute;\n  top: 16px;\n  right: 4px; }\n\n.notification-item .d-flex {\n  padding: 0px 20px; }\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  border: 1px solid transparent;\n  color: #969aa5; }\n  .dropdown-icon-item img {\n    height: 24px; }\n  .dropdown-icon-item span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n  .dropdown-icon-item:hover {\n    border-color: #474e55; }\n\nbody[data-topbar=\"colored\"] .navbar-brand-box {\n  background-color: #343a40; }\n\nbody[data-topbar=\"colored\"] .navbar-header .dropdown .show.header-item {\n  background-color: #2487ed; }\n\nbody[data-topbar=\"colored\"] .header-item {\n  color: #fff; }\n  body[data-topbar=\"colored\"] .header-item:hover {\n    color: #fff; }\n\nbody[data-topbar=\"colored\"] .app-search .form-control {\n  background-color: rgba(50, 59, 84, 0.2);\n  color: #fff; }\n\nbody[data-topbar=\"colored\"] .app-search span,\nbody[data-topbar=\"colored\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.8); }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background: #343a40; }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box .logo.logo-dark {\n  display: none; }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box .logo.logo-light {\n  display: block; }\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static; }\n    .navbar-header .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important; } }\n\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none; } }\n\nbody[data-layout=\"horizontal\"] .navbar-header {\n  padding: 0 calc(1.875rem / 2) 0 1.875rem; }\n\nbody[data-layout=\"horizontal\"] .header-item {\n  height: 60px; }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n  background: transparent;\n  width: auto;\n  padding-left: 0px; }\n\nbody[data-layout=\"horizontal\"] .noti-icon i {\n  font-size: 22px;\n  color: #fff; }\n\nbody[data-layout=\"horizontal\"] .noti-icon .badge {\n  position: absolute;\n  top: 13px;\n  right: 4px; }\n\nbody[data-layout=\"horizontal\"] .page-content {\n  padding: calc(90px + 1.875rem) calc(1.875rem / 2) 60px calc(1.875rem / 2); }\n\nbody[data-layout=\"horizontal\"] .page-title-box {\n  margin: 0px -78px 23px -78px;\n  padding: 20px 78px 100px 78px; }\n\n@media (max-width: 992px) {\n  body[data-layout=\"horizontal\"] .page-content {\n    padding-top: 60px; } }\n\n.page-title-box {\n  background: url(../images/bg.jpg);\n  background-size: cover;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  margin: 0 -30px 23px -30px;\n  padding: 20px 30px 99px 30px;\n  color: #fff; }\n  .page-title-box .page-title {\n    line-height: 30px; }\n    .page-title-box .page-title h4 {\n      font-weight: 600;\n      font-size: 18px !important;\n      color: #fff; }\n    .page-title-box .page-title .breadcrumb {\n      background-color: transparent;\n      padding: 4px 0;\n      margin-bottom: 0; }\n      .page-title-box .page-title .breadcrumb .breadcrumb-item > a {\n        color: #fff; }\n  .page-title-box .state-information .state-graph {\n    float: right;\n    margin-left: 40px;\n    text-align: center; }\n    .page-title-box .state-information .state-graph .info {\n      font-size: 12px;\n      margin-top: 5px; }\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(1.875rem / 2);\n  position: absolute;\n  right: 0;\n  color: #9b9b9b;\n  left: 240px;\n  height: 60px;\n  background-color: #2f3438;\n  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.05); }\n\n@media (max-width: 992px) {\n  .footer {\n    left: 0; } }\n\n.vertical-collpsed .footer {\n  left: 70px; }\n\nbody[data-layout=\"horizontal\"] .footer {\n  left: 0 !important; }\n\n.right-bar {\n  background-color: #343a40;\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 280px;\n  z-index: 9999;\n  float: right !important;\n  right: -290px;\n  top: 0;\n  bottom: 0; }\n  .right-bar .right-bar-toggle {\n    background-color: white;\n    height: 24px;\n    width: 24px;\n    line-height: 24px;\n    color: #343a40;\n    text-align: center;\n    border-radius: 50%; }\n    .right-bar .right-bar-toggle:hover {\n      background-color: white; }\n\n.rightbar-overlay {\n  background-color: rgba(239, 242, 247, 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\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: 0.35s;\n    transition-property: height, visibility; }\n\n.vertical-menu {\n  width: 240px;\n  z-index: 1001;\n  background: #343a40;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n.main-content {\n  margin-left: 240px;\n  overflow: hidden; }\n  .main-content .content {\n    padding: 0 15px 10px 15px;\n    margin-top: 70px; }\n\n.page-content-wrapper {\n  margin-top: -100px; }\n\n#sidebar-menu {\n  padding: 10px 0 30px 0; }\n  #sidebar-menu .mm-active > .has-arrow:after {\n    content: \"\\F0374\"; }\n  #sidebar-menu .has-arrow:after {\n    content: \"\\F0415\";\n    font-family: \"Material Design Icons\";\n    display: block;\n    float: right;\n    transition: transform 0.2s;\n    font-size: 1rem; }\n  #sidebar-menu ul li a {\n    display: block;\n    padding: 13px 25px;\n    color: #aeb0b3;\n    position: relative;\n    font-size: 15px;\n    transition: all 0.5s; }\n    #sidebar-menu ul li a i {\n      display: inline-block;\n      min-width: 1.35rem;\n      padding-bottom: 0.125em;\n      font-size: 16px;\n      line-height: 17px;\n      vertical-align: middle;\n      color: #aeb0b3;\n      transition: all 0.4s; }\n    #sidebar-menu ul li a:hover {\n      color: #1b82ec; }\n      #sidebar-menu ul li a:hover i {\n        color: #1b82ec; }\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: 8px 20px 8px 50px;\n      font-size: 13.5px;\n      color: #a7a7a7;\n      background: none; }\n      #sidebar-menu ul li ul.sub-menu li a:hover {\n        color: #1b82ec; }\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: 8px 20px 8px 72px;\n        font-size: 13.5px; }\n\n.menu-title {\n  padding: 12px 20px !important;\n  letter-spacing: 1px;\n  pointer-events: none;\n  cursor: default;\n  font-size: 10px;\n  text-transform: uppercase;\n  color: #aeb0b3;\n  font-weight: 500; }\n\n.mm-active {\n  color: #1b82ec !important; }\n  .mm-active > a {\n    color: #1b82ec !important;\n    background-color: #343a40; }\n    .mm-active > a i {\n      color: #1b82ec !important; }\n  .mm-active .active {\n    color: #1b82ec !important; }\n    .mm-active .active i {\n      color: #1b82ec !important; }\n  .mm-active > i {\n    color: #1b82ec !important; }\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\n.vertical-collpsed .main-content {\n  margin-left: 70px; }\n\n.vertical-collpsed .navbar-brand-box {\n  width: 70px !important; }\n\n.vertical-collpsed .logo span.logo-lg {\n  display: none; }\n\n.vertical-collpsed .logo span.logo-sm {\n  display: block; }\n\n.vertical-collpsed .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 5; }\n  .vertical-collpsed .vertical-menu .simplebar-mask,\n  .vertical-collpsed .vertical-menu .simplebar-content-wrapper {\n    overflow: visible !important; }\n  .vertical-collpsed .vertical-menu .simplebar-scrollbar {\n    display: none !important; }\n  .vertical-collpsed .vertical-menu .simplebar-offset {\n    bottom: 0 !important; }\n  .vertical-collpsed .vertical-menu #sidebar-menu .menu-title,\n  .vertical-collpsed .vertical-menu #sidebar-menu .badge,\n  .vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {\n    display: none !important; }\n  .vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {\n    height: inherit !important; }\n  .vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {\n    display: none; }\n  .vertical-collpsed .vertical-menu #sidebar-menu > ul > li {\n    position: relative;\n    white-space: nowrap; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {\n      padding: 15px 20px;\n      min-height: 55px;\n      transition: none; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:active, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:focus {\n        color: #1b82ec; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n        font-size: 1.45rem;\n        margin-left: 4px; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {\n        display: none;\n        padding-left: 25px; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n      position: relative;\n      width: calc(190px + 70px);\n      color: #1b82ec;\n      background-color: #2b3035;\n      transition: none; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n        color: #1b82ec; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {\n        display: inline; }\n    .vertical-collpsed .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: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n        box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }\n      .vertical-collpsed .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: #a7a7a7; }\n        .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n          color: #1b82ec; }\n  .vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n    padding: 5px 0;\n    z-index: 9999;\n    display: none;\n    background-color: #343a40; }\n    .vertical-collpsed .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    .vertical-collpsed .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    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {\n      color: #212529; }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background-color: #1b82ec; }\n\nbody[data-sidebar=\"dark\"] .vertical-menu {\n  background: #343a40; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a i {\n    color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n    color: #1b82ec; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover i {\n      color: #1b82ec; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #1b82ec; }\n\nbody[data-sidebar=\"dark\"].vertical-collpsed {\n  min-height: 1760px; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n    background: #393f46;\n    color: #1b82ec; }\n    body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n      color: #1b82ec; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n    color: rgba(255, 255, 255, 0.6); }\n    body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n      color: #1b82ec; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n    background-color: #343a40; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n    color: #1b82ec !important; }\n    body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n      color: #1b82ec !important; }\n\nbody[data-sidebar=\"dark\"] .mm-active {\n  color: #1b82ec !important; }\n  body[data-sidebar=\"dark\"] .mm-active > a {\n    color: #1b82ec !important;\n    background-color: #2b3035; }\n    body[data-sidebar=\"dark\"] .mm-active > a i {\n      color: #1b82ec !important; }\n  body[data-sidebar=\"dark\"] .mm-active > i {\n    color: #1b82ec !important; }\n  body[data-sidebar=\"dark\"] .mm-active .active {\n    color: #1b82ec !important; }\n    body[data-sidebar=\"dark\"] .mm-active .active i {\n      color: #1b82ec !important; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n  color: rgba(255, 255, 255, 0.6); }\n\nbody[data-layout=\"horizontal\"] .main-content {\n  margin-left: 0 !important; }\n\nbody[data-sidebar-size=\"small\"] .navbar-brand-box {\n  width: 180px; }\n\nbody[data-sidebar-size=\"small\"] .vertical-menu {\n  width: 180px;\n  text-align: center; }\n  body[data-sidebar-size=\"small\"] .vertical-menu .has-arrow:after,\n  body[data-sidebar-size=\"small\"] .vertical-menu .badge {\n    display: none !important; }\n\nbody[data-sidebar-size=\"small\"] .main-content {\n  margin-left: 180px; }\n\nbody[data-sidebar-size=\"small\"] .footer {\n  left: 180px; }\n  @media (max-width: 991.98px) {\n    body[data-sidebar-size=\"small\"] .footer {\n      left: 0; } }\n\nbody[data-sidebar-size=\"small\"] #sidebar-menu ul li a i {\n  display: block; }\n\nbody[data-sidebar-size=\"small\"] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n\nbody[data-sidebar-size=\"small\"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n  padding-left: 1.5rem; }\n\nbody[data-sidebar-size=\"small\"].vertical-collpsed .main-content {\n  margin-left: 70px; }\n\nbody[data-sidebar-size=\"small\"].vertical-collpsed .vertical-menu #sidebar-menu {\n  text-align: left; }\n  body[data-sidebar-size=\"small\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n    display: inline-block; }\n\nbody[data-sidebar-size=\"small\"].vertical-collpsed .footer {\n  left: 70px; }\n\nbody[data-sidebar=\"dark\"] .page-title-box {\n  background: url(../images/bg.jpg);\n  color: #eff2f7; }\n  body[data-sidebar=\"dark\"] .page-title-box .page-title h4 {\n    font-weight: 600;\n    font-size: 18px !important;\n    color: #eff2f7; }\n  body[data-sidebar=\"dark\"] .page-title-box .page-title .breadcrumb a {\n    color: rgba(239, 242, 247, 0.9); }\n\n.topnav {\n  background: #282e3f;\n  padding: 0 calc(1.875rem / 2);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100; }\n  .topnav .topnav-menu {\n    margin: 0;\n    padding: 0; }\n  .topnav .navbar-nav .nav-link {\n    font-size: 14.5px;\n    position: relative;\n    padding: 21px 25px;\n    color: #939a9b;\n    line-height: 18px; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n      color: #1b82ec;\n      background-color: transparent; }\n  .topnav .navbar-nav .dropdown-item {\n    color: #939a9b; }\n    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n      color: #1b82ec;\n      background-color: transparent; }\n  .topnav .navbar-nav .nav-item .nav-link.active {\n    color: #1b82ec; }\n  .topnav .navbar-nav .dropdown.active > a {\n    color: #1b82ec;\n    background-color: transparent; }\n\nbody[data-layout=\"horizontal\"] .navbar-header {\n  height: 60px; }\n\nbody[data-layout=\"horizontal\"] .navbar-header .dropdown .show.header-item {\n  background-color: #343a40; }\n\nbody[data-layout=\"horizontal\"] .logo {\n  line-height: 60px; }\n\nbody[data-layout=\"horizontal\"] .app-search {\n  padding: calc(25px / 2) 0; }\n\nbody[data-layout=\"horizontal\"] .topnav {\n  margin-top: 60px; }\n\n@media (min-width: 1200px) {\n  body[data-layout=\"horizontal\"] .container-fluid,\n  body[data-layout=\"horizontal\"] .navbar-header {\n    max-width: 95%; } }\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: 0.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: 0.4em;\n    display: inline-block;\n    right: 5px;\n    top: 50%;\n    margin-left: 10px;\n    transform: rotate(-45deg) translateY(-50%);\n    transform-origin: top;\n    transition: all 0.3s ease-out;\n    width: 0.4em; }\n\n@media (max-width: 991.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: none; }\n    .navbar-brand-box .logo-dark span.logo-sm {\n      display: none; }\n  .navbar-brand-box .logo-light {\n    display: block; }\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: 15px; }\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: #1b82ec; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"][data-topbar=\"light\"] .navbar-brand-box .logo-dark {\n    display: none; }\n  body[data-layout=\"horizontal\"][data-topbar=\"light\"] .navbar-brand-box .logo-light {\n    display: block; }\n  body[data-layout=\"horizontal\"][data-topbar=\"light\"] .topnav {\n    background-color: #1b82ec; }\n    body[data-layout=\"horizontal\"][data-topbar=\"light\"] .topnav .navbar-nav .nav-link {\n      color: rgba(255, 255, 255, 0.6); }\n      body[data-layout=\"horizontal\"][data-topbar=\"light\"] .topnav .navbar-nav .nav-link:focus, body[data-layout=\"horizontal\"][data-topbar=\"light\"] .topnav .navbar-nav .nav-link:hover {\n        color: rgba(255, 255, 255, 0.9); }\n    body[data-layout=\"horizontal\"][data-topbar=\"light\"] .topnav .navbar-nav > .dropdown.active > a {\n      color: rgba(255, 255, 255, 0.9) !important; } }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"colored\"] #page-topbar {\n  background-color: #1b82ec;\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  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\"] .navbar-header .noti-icon i {\n  color: #e9ecef; }\n\nbody[data-topbar=\"light\"][data-layout=\"horizontal\"] #page-topbar {\n  color: #a6b0cf;\n  background-color: #2a3042; }\n\nbody[data-topbar=\"light\"][data-layout=\"horizontal\"] .app-search .form-control {\n  background-color: #323b54; }\n\nbody[data-topbar=\"light\"][data-layout=\"horizontal\"] .noti-icon i {\n  color: #a6b0cf; }\n\nbody[data-layout-size=\"boxed\"] {\n  background-color: #0a121c; }\n  body[data-layout-size=\"boxed\"] .container-fluid {\n    max-width: 100% !important; }\n  body[data-layout-size=\"boxed\"] #layout-wrapper {\n    background-color: #262c32;\n    max-width: 1300px;\n    margin: 0 auto;\n    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n    body[data-layout-size=\"boxed\"] #layout-wrapper::before {\n      max-width: 1300px;\n      margin: 0 auto; }\n  body[data-layout-size=\"boxed\"] #page-topbar {\n    max-width: 1300px;\n    margin: 0 auto; }\n  body[data-layout-size=\"boxed\"] .topnav {\n    max-width: 1300px;\n    margin: 60px auto 0px; }\n  body[data-layout-size=\"boxed\"] .footer {\n    margin: 0 auto;\n    max-width: calc(1300px - 240px); }\n  body[data-layout-size=\"boxed\"].vertical-collpsed .footer {\n    max-width: calc(1300px - 70px); }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .footer {\n  max-width: 1300px; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .container-fluid,\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .navbar-header {\n  max-width: 1300px; }\n\nbody[data-page-title=\"white\"] .page-title-box {\n  background: #343a40;\n  padding: 17px 20px;\n  margin-bottom: 30px;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n  body[data-page-title=\"white\"] .page-title-box .page-title {\n    font-size: 18px;\n    margin: 0;\n    color: #eff2f7;\n    line-height: 30px; }\n\nbody[data-page-title=\"white\"] .page-content-wrapper {\n  margin-top: 0px; }\n\n.user-details {\n  display: none;\n  min-height: 80px;\n  padding: 20px;\n  position: relative;\n  background: url(../images/bg.jpg);\n  background-size: cover; }\n  .user-details .dropdown-toggle {\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 500; }\n\nbody[data-sidebar-user=\"true\"] .user-details {\n  display: block; }\n\nbody[data-sidebar-user=\"true\"].vertical-collpsed .user-details {\n  display: none; }\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(27, 130, 236, 0.4); }\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(53, 169, 137, 0.4); }\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(41, 187, 227, 0.4); }\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(241, 180, 76, 0.4); }\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(241, 108, 105, 0.4); }\n\n.alert {\n  position: relative;\n  border: 0;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n.alert-dismissible .btn-close {\n  font-size: 9px;\n  padding: 1.05rem 1.25rem;\n  box-shadow: none; }\n\n.avatar-xs {\n  height: 2rem;\n  width: 2rem; }\n\n.avatar-sm {\n  height: 32px;\n  width: 32px; }\n\n.avatar-md {\n  height: 48px;\n  width: 48px; }\n\n.avatar-lg {\n  height: 88px;\n  width: 88px; }\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem; }\n\n.avatar-title {\n  align-items: center;\n  background-color: #1b82ec;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%; }\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.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.flex-1 {\n  flex: 1; }\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 2px);\n  display: block;\n  border: 1px solid #999999;\n  border-radius: 50%;\n  color: #999999;\n  text-align: center; }\n\n.small,\nsmall {\n  font-size: 80%;\n  font-weight: 400; }\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\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #343a40;\n  z-index: 9999; }\n\n#status {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin: -20px 0 0 -20px; }\n\n.spinner-chase {\n  margin: 0 auto;\n  width: 40px;\n  height: 40px;\n  position: relative;\n  animation: spinner-chase 2.5s infinite linear both; }\n\n.chase-dot {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  animation: chase-dot 2.0s infinite ease-in-out both; }\n  .chase-dot:before {\n    content: '';\n    display: block;\n    width: 25%;\n    height: 25%;\n    background-color: #1b82ec;\n    border-radius: 100%;\n    animation: chase-dot-before 2.0s infinite ease-in-out both; }\n  .chase-dot:nth-child(1) {\n    animation-delay: -1.1s; }\n    .chase-dot:nth-child(1):before {\n      animation-delay: -1.1s; }\n  .chase-dot:nth-child(2) {\n    animation-delay: -1.0s; }\n    .chase-dot:nth-child(2):before {\n      animation-delay: -1.0s; }\n  .chase-dot:nth-child(3) {\n    animation-delay: -0.9s; }\n    .chase-dot:nth-child(3):before {\n      animation-delay: -0.9s; }\n  .chase-dot:nth-child(4) {\n    animation-delay: -0.8s; }\n    .chase-dot:nth-child(4):before {\n      animation-delay: -0.8s; }\n  .chase-dot:nth-child(5) {\n    animation-delay: -0.7s; }\n    .chase-dot:nth-child(5):before {\n      animation-delay: -0.7s; }\n  .chase-dot:nth-child(6) {\n    animation-delay: -0.6s; }\n    .chase-dot:nth-child(6):before {\n      animation-delay: -0.6s; }\n\n@keyframes spinner-chase {\n  100% {\n    transform: rotate(360deg); } }\n\n@keyframes chase-dot {\n  80%, 100% {\n    transform: rotate(360deg); } }\n\n@keyframes chase-dot-before {\n  50% {\n    transform: scale(0.4); }\n  100%, 0% {\n    transform: scale(1); } }\n\n.form-check {\n  position: relative; }\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-check {\n  position: relative;\n  text-align: left; }\n\n[type=\"tel\"]::placeholder,\n[type=\"url\"]::placeholder,\n[type=\"email\"]::placeholder,\n[type=\"number\"]::placeholder {\n  text-align: left; }\n\n/* ==============\r\n  Widgets\r\n===================*/\n.dashboard-charts {\n  height: 300px; }\n\n.widget-chart li {\n  width: 31.5%;\n  display: inline-block;\n  padding: 0; }\n  .widget-chart li i {\n    font-size: 22px; }\n\n.mini-stat {\n  overflow: hidden; }\n  .mini-stat .mini-stat-desc .verti-label {\n    transform: rotate(-90deg);\n    position: absolute;\n    top: 53px;\n    right: -9px;\n    letter-spacing: 2px; }\n  .mini-stat .mini-stat-icon i {\n    font-size: 5.5rem;\n    position: absolute;\n    right: 46px;\n    top: -35px;\n    color: rgba(255, 255, 255, 0.3); }\n\n.recent-activity-tab .nav-item {\n  position: relative;\n  padding-top: 30px;\n  border-top: 2px solid #474e55; }\n  .recent-activity-tab .nav-item::before {\n    content: \"\";\n    position: absolute;\n    top: -7px;\n    width: 12px;\n    height: 12px;\n    background: #1b82ec;\n    border-radius: 50%;\n    border: 2px solid rgba(255, 255, 255, 0.4); }\n  .recent-activity-tab .nav-item .nav-link {\n    color: #eff2f7;\n    border-radius: 30px;\n    position: relative;\n    transition: none; }\n  .recent-activity-tab .nav-item .nav-link.active {\n    color: #fff; }\n    .recent-activity-tab .nav-item .nav-link.active:before {\n      content: \"\";\n      position: absolute;\n      width: 20px;\n      height: 16px;\n      background: #1b82ec;\n      transform: rotate(-60deg) skew(60deg);\n      top: -7px; }\n\n@media (max-width: 420px) {\n  .recent-activity-tab .nav-item .nav-link.active:before {\n    left: 12px; } }\n\n.inbox-wid .inbox-item {\n  position: relative;\n  border-bottom: 1px solid #474e55;\n  overflow: hidden;\n  padding: 10px 0; }\n  .inbox-wid .inbox-item .inbox-item-date {\n    font-size: 11px;\n    position: absolute;\n    right: 7px;\n    top: 8px; }\n\n.order-table .badge {\n  padding: 0.5em 0.6em;\n  text-transform: uppercase; }\n\n.order-table .bg-primary {\n  background: rgba(27, 130, 236, 0.5); }\n\n.order-table .bg-success {\n  background: rgba(53, 169, 137, 0.5); }\n\n.order-table .bg-warning {\n  background: rgba(241, 180, 76, 0.5); }\n\n.button-items {\n  margin-left: -8px;\n  margin-bottom: -12px; }\n  .button-items .btn {\n    margin-bottom: 12px;\n    margin-left: 8px; }\n\n.mfp-popup-form {\n  max-width: 1140px; }\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block; }\n\n.icon-demo-content {\n  color: #999999;\n  text-align: center; }\n  .icon-demo-content i {\n    display: block;\n    font-size: 28px;\n    margin-bottom: 5px; }\n  .icon-demo-content .col-xl-3 {\n    margin-bottom: 30px;\n    cursor: pointer; }\n    .icon-demo-content .col-xl-3:hover i {\n      color: #1b82ec; }\n\n.grid-structure .grid-container {\n  background-color: #212529;\n  margin-top: 10px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  padding: 10px 20px; }\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  .page-content-wrapper,\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: 4px;\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 #474e55; }\n\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase; }\n\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0; }\n  .fc .fc-toolbar > * > * {\n    float: none; }\n  .fc .fc-toolbar .fc-today-button {\n    display: none; } }\n\n.fc .fc-toolbar .btn {\n  text-transform: capitalize; }\n\n.fc th.fc-widget-header {\n  background: #474e55;\n  color: #e0e0e0;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 600; }\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: #474e55; }\n\n.fc-unthemed td.fc-today {\n  background: #393f46; }\n\n.fc-button {\n  background: #343a40;\n  border-color: #474e55;\n  color: #e0e0e0;\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: #1b82ec;\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: #1b82ec; }\n\n.fc-event .fc-content {\n  color: #fff; }\n\n.fc-day-header {\n  font-weight: 500; }\n\n.fc-day-grid-event .fc-time {\n  font-weight: 500; }\n\n#external-events .external-event {\n  text-align: left !important;\n  padding: 8px 16px; }\n\n[dir=\"rtl\"] .fc-header-toolbar {\n  direction: ltr; }\n\n.fc-toolbar > * > :not(:first-child) {\n  margin-left: .75em; }\n\n#session-timeout-dialog .close {\n  display: none; }\n\n#session-timeout-dialog .countdown-holder {\n  color: #f16c69;\n  font-weight: 500; }\n\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #f16c69;\n  box-shadow: none; }\n\n.irs--modern .irs-bar,\n.irs--modern .irs-to,\n.irs--modern .irs-from,\n.irs--modern .irs-single {\n  background: #1b82ec !important;\n  font-size: 11px; }\n\n.irs--modern .irs-to:before,\n.irs--modern .irs-from:before,\n.irs--modern .irs-single:before {\n  border-top-color: #1b82ec; }\n\n.irs--modern .irs-line {\n  background: #474e55;\n  border-color: #474e55; }\n\n.irs--modern .irs-grid-text {\n  font-size: 11px;\n  color: #9b9b9b; }\n\n.irs--modern .irs-min,\n.irs--modern .irs-max {\n  color: #999999;\n  background: #474e55;\n  font-size: 11px; }\n\n.irs--modern .irs-handle {\n  width: 12px;\n  height: 12px;\n  top: 37px;\n  background-color: #343a40 !important; }\n  .irs--modern .irs-handle > i:nth-child(1) {\n    width: 8px;\n    height: 8px; }\n\n.swal2-container .swal2-title {\n  font-size: 24px;\n  font-weight: 500; }\n\n.swal2-icon.swal2-question {\n  border-color: #29bbe3;\n  color: #29bbe3; }\n\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #35a989; }\n\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(53, 169, 137, 0.3); }\n\n.swal2-icon.swal2-warning {\n  border-color: #f1b44c;\n  color: #f1b44c; }\n\n.swal2-styled:focus {\n  box-shadow: none; }\n\n.swal2-content {\n  font-size: 16px; }\n\n.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n  background: #1b82ec; }\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(27, 130, 236, 0.3); }\n\n.error {\n  color: #f16c69; }\n\n.parsley-error {\n  border-color: #f16c69; }\n\n.parsley-errors-list {\n  display: none;\n  margin: 0;\n  padding: 0; }\n  .parsley-errors-list.filled {\n    display: block; }\n  .parsley-errors-list > li {\n    font-size: 12px;\n    list-style: none;\n    color: #f16c69;\n    margin-top: 5px; }\n\n.select2-container .select2-selection--single {\n  background-color: #393f46;\n  border: 1px solid #474e55;\n  height: 38px; }\n  .select2-container .select2-selection--single:focus {\n    outline: none; }\n  .select2-container .select2-selection--single .select2-selection__rendered {\n    line-height: 36px;\n    padding-left: 12px;\n    color: #999999; }\n  .select2-container .select2-selection--single .select2-selection__arrow {\n    height: 34px;\n    width: 34px;\n    right: 3px; }\n    .select2-container .select2-selection--single .select2-selection__arrow b {\n      border-color: #999999 transparent transparent transparent;\n      border-width: 6px 6px 0 6px; }\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #999999 transparent !important;\n  border-width: 0 6px 6px 6px !important; }\n\n.select2-container--default .select2-results__group {\n  font-weight: 500; }\n\n.select2-container--default .select2-search--dropdown {\n  padding: 10px;\n  background-color: #343a40; }\n  .select2-container--default .select2-search--dropdown .select2-search__field {\n    border: 1px solid #474e55;\n    background-color: #393f46;\n    color: #969aa5;\n    outline: none; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #1b82ec; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #474e55;\n  color: #e9ecef; }\n  .select2-container--default .select2-results__option[aria-selected=true]:hover {\n    background-color: #1b82ec;\n    color: #fff; }\n\n.select2-results__option {\n  padding: 6px 12px; }\n\n.select2-dropdown {\n  border: #3d444b;\n  background-color: #343a40;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n.select2-search input {\n  border: 1px solid #474e55; }\n\n.select2-container .select2-selection--multiple {\n  min-height: 38px;\n  background-color: #393f46;\n  border: 1px solid #474e55 !important; }\n  .select2-container .select2-selection--multiple .select2-selection__rendered {\n    padding: 2px 10px; }\n  .select2-container .select2-selection--multiple .select2-search__field {\n    border: 0;\n    color: #999999; }\n    .select2-container .select2-selection--multiple .select2-search__field::placeholder {\n      color: #999999; }\n  .select2-container .select2-selection--multiple .select2-selection__choice {\n    background-color: #343a40;\n    border: 1px solid #474e55;\n    border-radius: 1px;\n    padding: 0 7px; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n  border-color: #9b9b9b; }\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: #9b9b9b;\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: #eff2f7;\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: #343a40;\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: #1b82ec; }\n\ninput[switch]:checked + label {\n  background-color: #1b82ec; }\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: #343a40; }\n\ninput[switch=\"bool\"] + label {\n  background-color: #f16c69; }\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: #35a989; }\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: #1b82ec; }\n\ninput[switch=\"success\"]:checked + label {\n  background-color: #35a989; }\n\ninput[switch=\"info\"]:checked + label {\n  background-color: #29bbe3; }\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: #f1b44c; }\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: #f16c69; }\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: #eff2f7; }\n\n.square-switch {\n  margin-right: 7px; }\n  .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n    border-radius: 0px; }\n\n.tox-tinymce {\n  border: 1px solid #474e55 !important; }\n\n.tox .tox-statusbar {\n  border-top: 1px solid #474e55 !important; }\n\n.tox .tox-menubar,\n.tox .tox-edit-area__iframe,\n.tox .tox-statusbar {\n  background-color: #343a40 !important;\n  background: none !important; }\n\n.tox .tox-mbtn {\n  color: #e0e0e0 !important; }\n  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n    background-color: #474e55 !important; }\n\n.tox .tox-tbtn:hover {\n  background-color: #474e55 !important; }\n\n.tox .tox-toolbar,\n.tox .tox-toolbar__overflow,\n.tox .tox-toolbar__primary {\n  background: #474e55 !important; }\n\n.tox .tox-toolbar__primary {\n  border-top-color: #474e55 !important; }\n\n.tox .tox-tbtn {\n  color: #e0e0e0 !important; }\n  .tox .tox-tbtn svg {\n    fill: #e0e0e0 !important; }\n\n.tox .tox-edit-area__iframe {\n  background-color: #343a40 !important; }\n\n.tox .tox-statusbar a,\n.tox .tox-statusbar__path-item,\n.tox .tox-statusbar__wordcount {\n  color: #e0e0e0 !important; }\n\n.tox:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid #3b4147 !important; }\n\n.editable-input .form-control {\n  display: inline-block; }\n\n.editable-buttons {\n  margin-left: 7px; }\n  .editable-buttons .editable-cancel {\n    margin-left: 7px; }\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed #9b9b9b;\n  background: #343a40;\n  border-radius: 6px; }\n  .dropzone .dz-message {\n    font-size: 24px; }\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: #e0e0e0;\n  color: #474e55;\n  border: 1px solid #e0e0e0; }\n  .table-rep-plugin .btn-group .btn-default.btn-primary {\n    background-color: #1b82ec;\n    border-color: #1b82ec;\n    color: #fff;\n    box-shadow: 0 0 0 2px rgba(27, 130, 236, 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: #969aa5 !important; }\n  .table-rep-plugin .checkbox-row:hover {\n    background-color: #393f46 !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 #474e55;\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: #343a40;\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: #212529;\n    cursor: not-allowed; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n    background-color: #1b82ec;\n    border-color: #1b82ec; }\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  .table-rep-plugin .fixed-solution .sticky-table-header table {\n    color: #5b626b; }\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 #474e55;\n  background-color: #393f46;\n  color: #999999;\n  border-radius: 0.25rem; }\n  .table-edits input:focus, .table-edits select:focus {\n    outline: none;\n    border-color: #4c535b; }\n\n.dropdown-menu li.checkbox-row {\n  color: #eff2f7; }\n\n.dataTables_wrapper.container-fluid {\n  padding: 0; }\n\ndiv.dataTables_wrapper div.dataTables_length label {\n  margin-bottom: .5rem; }\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.datatable td:focus {\n  outline: none; }\n\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\n  padding-left: 0; }\n\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\n  padding-right: 0; }\n\ntable.dataTable {\n  border-collapse: collapse !important;\n  margin-bottom: 15px !important; }\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 {\n    left: auto;\n    right: 0.5rem;\n    content: \"\\F0360\";\n    font-family: \"Material Design Icons\";\n    font-size: 1rem;\n    top: 9px; }\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 {\n    left: auto;\n    right: 0.5em;\n    content: \"\\F035D\";\n    font-family: \"Material Design Icons\";\n    top: 15px;\n    font-size: 1rem; }\n  table.dataTable thead tr th.sorting_asc, table.dataTable thead tr th.sorting_desc, table.dataTable thead tr th.sorting,\n  table.dataTable thead tr td.sorting_asc,\n  table.dataTable thead tr td.sorting_desc,\n  table.dataTable thead tr td.sorting {\n    padding-left: 12px;\n    padding-right: 30px; }\n  table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {\n    background-color: rgba(27, 130, 236, 0.2); }\n    table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {\n      border-color: rgba(27, 130, 236, 0.2);\n      color: #1b82ec; }\n  table.dataTable tbody td:focus {\n    outline: none !important; }\n  table.dataTable tbody th.focus, table.dataTable tbody td.focus {\n    outline: 2px solid #1b82ec !important;\n    outline-offset: -1px;\n    background-color: rgba(27, 130, 236, 0.15); }\n\n.dataTables_info {\n  font-weight: 600; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {\n  box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.12);\n  background-color: #35a989;\n  bottom: auto; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {\n  background-color: #f16c69; }\n\ndiv.dt-button-info {\n  background-color: #1b82ec;\n  border: none;\n  color: #fff;\n  box-shadow: none;\n  border-radius: 3px;\n  text-align: center;\n  z-index: 21; }\n  div.dt-button-info h2 {\n    border-bottom: none;\n    background-color: rgba(255, 255, 255, 0.2);\n    color: #fff; }\n\n@media (max-width: 767.98px) {\n  li.paginate_button.previous,\n  li.paginate_button.next {\n    display: inline-block;\n    font-size: 0.75rem; }\n  li.paginate_button {\n    display: none; }\n  .dataTables_paginate ul {\n    text-align: center;\n    display: block;\n    margin: 1rem 0 0 !important; }\n  div.dt-buttons {\n    display: inline-table;\n    margin-bottom: 1rem; } }\n\n.activate-select .sorting_1 {\n  background-color: #212529; }\n\n.table-bordered {\n  border: 1px solid #474e55; }\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative; }\n  .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,\n  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,\n    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n      top: 64%;\n      left: 5px;\n      height: 14px;\n      width: 14px;\n      margin-top: -14px;\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: 12px;\n      content: '+';\n      background-color: #1b82ec; }\n\n.ct-golden-section:before {\n  float: none; }\n\n.ct-chart {\n  max-height: 300px; }\n  .ct-chart .ct-label {\n    fill: #999999;\n    color: #999999;\n    font-size: 12px;\n    line-height: 1; }\n\n.ct-chart.simple-pie-chart-chartist .ct-label {\n  color: #fff;\n  fill: #fff;\n  font-size: 16px; }\n\n.ct-grid {\n  stroke: rgba(239, 242, 247, 0.09);\n  stroke-width: 1px;\n  stroke-dasharray: 3px; }\n\n.ct-chart .ct-series.ct-series-a .ct-bar,\n.ct-chart .ct-series.ct-series-a .ct-line,\n.ct-chart .ct-series.ct-series-a .ct-point,\n.ct-chart .ct-series.ct-series-a .ct-slice-donut {\n  stroke: #1b82ec; }\n\n.ct-chart .ct-series.ct-series-b .ct-bar,\n.ct-chart .ct-series.ct-series-b .ct-line,\n.ct-chart .ct-series.ct-series-b .ct-point,\n.ct-chart .ct-series.ct-series-b .ct-slice-donut {\n  stroke: #29bbe3; }\n\n.ct-chart .ct-series.ct-series-c .ct-bar,\n.ct-chart .ct-series.ct-series-c .ct-line,\n.ct-chart .ct-series.ct-series-c .ct-point,\n.ct-chart .ct-series.ct-series-c .ct-slice-donut {\n  stroke: #f1b44c; }\n\n.ct-chart .ct-series.ct-series-d .ct-bar,\n.ct-chart .ct-series.ct-series-d .ct-line,\n.ct-chart .ct-series.ct-series-d .ct-point,\n.ct-chart .ct-series.ct-series-d .ct-slice-donut {\n  stroke: #eff2f7; }\n\n.ct-chart .ct-series.ct-series-e .ct-bar,\n.ct-chart .ct-series.ct-series-e .ct-line,\n.ct-chart .ct-series.ct-series-e .ct-point,\n.ct-chart .ct-series.ct-series-e .ct-slice-donut {\n  stroke: #35a989; }\n\n.ct-chart .ct-series.ct-series-f .ct-bar,\n.ct-chart .ct-series.ct-series-f .ct-line,\n.ct-chart .ct-series.ct-series-f .ct-point,\n.ct-chart .ct-series.ct-series-f .ct-slice-donut {\n  stroke: #f16c69; }\n\n.ct-chart .ct-series.ct-series-g .ct-bar,\n.ct-chart .ct-series.ct-series-g .ct-line,\n.ct-chart .ct-series.ct-series-g .ct-point,\n.ct-chart .ct-series.ct-series-g .ct-slice-donut {\n  stroke: #212529; }\n\n.ct-series-a .ct-area,\n.ct-series-a .ct-slice-pie {\n  fill: #1b82ec; }\n\n.ct-series-b .ct-area,\n.ct-series-b .ct-slice-pie {\n  fill: #f1b44c; }\n\n.ct-series-c .ct-area,\n.ct-series-c .ct-slice-pie {\n  fill: #eff2f7; }\n\n.ct-series-d .ct-area,\n.ct-series-d .ct-slice-pie {\n  fill: #35a989; }\n\n.ct-area {\n  fill-opacity: 0.33; }\n\n.chartist-tooltip {\n  position: absolute;\n  display: inline-block;\n  opacity: 0;\n  min-width: 10px;\n  padding: 2px 10px;\n  border-radius: 3px;\n  background: #eff2f7;\n  color: #474e55;\n  text-align: center;\n  pointer-events: none;\n  z-index: 1;\n  transition: opacity 0.2s linear; }\n  .chartist-tooltip.tooltip-show {\n    opacity: 1; }\n\n.ct-line {\n  stroke-width: 3px; }\n\n.ct-point {\n  stroke-width: 7px; }\n\n/* Flot chart */\n.flot-charts-height {\n  height: 320px; }\n\n.flotTip {\n  padding: 8px 12px;\n  background-color: rgba(239, 242, 247, 0.9);\n  z-index: 100;\n  color: #212529;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  border-radius: 4px; }\n\n.legendLabel {\n  color: #999999; }\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #eff2f7 !important;\n  box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.12);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #f8f9fa !important; }\n\n.jqsfield {\n  color: #343a40 !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-weight: 500 !important; }\n\n.morris-charts text {\n  font-family: \"Roboto\", sans-serif !important;\n  fill: #999999; }\n\n.morris-hover {\n  position: absolute;\n  z-index: 10; }\n  .morris-hover.morris-default-style {\n    font-size: 12px;\n    text-align: center;\n    border-radius: 8px;\n    padding: 10px 12px;\n    color: #eff2f7;\n    border: none;\n    font-family: var(--bs-font-sans-serif);\n    background: #fff;\n    box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.12); }\n    .morris-hover.morris-default-style .morris-hover-row-label {\n      font-weight: bold;\n      font-family: \"Roboto\", sans-serif;\n      background-color: #eff2f7;\n      color: #474e55;\n      padding: 4px;\n      border-radius: 5px 5px 0 0;\n      margin: -10px -12px 10px; }\n    .morris-hover.morris-default-style .morris-hover-point {\n      white-space: nowrap;\n      margin: 0.1em 0;\n      font-weight: 500;\n      font-size: 14px;\n      color: #0f1f3e !important; }\n\n.gmaps,\n.gmaps-panaroma {\n  height: 300px !important;\n  background: #212529;\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: #1b82ec;\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 #1b82ec; }\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 #1b82ec; }\n\n.jvectormap-label {\n  border: none;\n  background: #eff2f7;\n  color: #212529;\n  font-family: var(--bs-font-sans-serif);\n  font-size: 0.84375rem;\n  padding: 5px 8px; }\n\n.c3-tooltip {\n  box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.12);\n  opacity: 1; }\n  .c3-tooltip td {\n    border-left: none; }\n    .c3-tooltip td > span {\n      background: #eff2f7; }\n  .c3-tooltip tr {\n    border: none !important; }\n  .c3-tooltip th {\n    background-color: #eff2f7;\n    color: #212529; }\n\n.c3-chart-arcs-title {\n  font-size: 18px;\n  font-weight: 600; }\n\n.c3 text {\n  fill: #999999; }\n\n.c3 line,\n.c3 path {\n  stroke: #9b9b9b; }\n\n.c3-legend-item {\n  font-size: 14px; }\n\n.c3 line,\n.c3 path {\n  stroke: #9b9b9b; }\n\n.c3-chart-arc.c3-target g path {\n  stroke: #fff; }\n\n.bootstrap-touchspin.input-group > .input-group-prepend > .btn,\n.bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.bootstrap-touchspin.input-group > .input-group-append > .btn,\n.bootstrap-touchspin.input-group > .input-group-append > .input-group-text {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0; }\n\n.account-pages {\n  background: url(../images/bg.jpg);\n  position: absolute;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  top: 0; }\n\n.wrapper-page {\n  margin: 5.5% auto;\n  max-width: 460px;\n  position: relative; }\n\n.user-thumb img {\n  height: 88px;\n  margin: 0 auto;\n  width: 88px; }\n\n.auth-logo .logo .logo-dark {\n  display: none; }\n\n.auth-logo .logo .logo-light {\n  display: block; }\n\n/* ==============\r\n  Email\r\n===================*/\n.email-leftbar {\n  width: 230px;\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: #eff2f7;\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: #eff2f7;\n  line-height: 24px;\n  padding: 8px 5px; }\n  .mail-list a.active {\n    color: #f16c69;\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: 0.3s; }\n    .message-list li a {\n      color: #969aa5; }\n    .message-list li:hover {\n      background: #474e55;\n      transition-duration: 0.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 #1b82ec; }\n    .message-list li.unread {\n      background-color: #474e55;\n      font-weight: 500;\n      color: #dee4ef; }\n      .message-list li.unread a {\n        color: #dee4ef;\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 #9b9b9b;\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: 0.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: #dee4ef;\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/* ==============\r\n  Timeline\r\n===================*/\n/* Activity */\n.activity-feed {\n  padding: 15px 15px 0 15px;\n  list-style: none; }\n  .activity-feed .feed-item {\n    position: relative;\n    padding-bottom: 29px;\n    padding-left: 30px;\n    border-left: 2px solid #474e55; }\n    .activity-feed .feed-item:last-child {\n      border-color: transparent; }\n    .activity-feed .feed-item::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: -10px;\n      width: 16px;\n      height: 10px;\n      border-radius: 6px;\n      background: #fff;\n      border: 4px solid #1b82ec; }\n    .activity-feed .feed-item .feed-item-list {\n      padding: 12px 20px;\n      border-radius: 7px;\n      background: #212529; }\n      .activity-feed .feed-item .feed-item-list::after {\n        left: 19px;\n        top: 0;\n        border: solid transparent;\n        content: \" \";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n        border-top-color: #212529;\n        border-width: 10px;\n        margin-left: -1px;\n        border-right-color: #212529; }\n    .activity-feed .feed-item .date {\n      display: block;\n      position: relative;\n      top: -5px;\n      color: #8c96a3;\n      text-transform: uppercase;\n      font-size: 13px; }\n    .activity-feed .feed-item .activity-text {\n      position: relative;\n      top: -3px; }\n\n/* Timeline */\n.cd-container {\n  width: 90%;\n  max-width: 1170px;\n  margin: 0 auto; }\n\n.cd-container::after {\n  content: \"\";\n  display: table;\n  clear: both; }\n\n#cd-timeline {\n  margin-bottom: 2em;\n  margin-top: 2em;\n  padding: 2em 0;\n  position: relative; }\n  #cd-timeline::before {\n    border-left: 3px solid rgba(71, 78, 85, 0.7);\n    content: \"\";\n    height: 100%;\n    left: 18px;\n    position: absolute;\n    top: 0;\n    width: 3px; }\n\n@media only screen and (min-width: 1170px) {\n  #cd-timeline {\n    margin-bottom: 3em;\n    margin-top: 3em; }\n    #cd-timeline::before {\n      left: 50%;\n      margin-left: -2px; } }\n\n.cd-timeline-block {\n  margin: 2em 0;\n  position: relative; }\n  .cd-timeline-block:after {\n    clear: both;\n    content: \"\";\n    display: table; }\n\n.cd-timeline-block:first-child {\n  margin-top: 0; }\n\n.cd-timeline-block:last-child {\n  margin-bottom: 0; }\n\n@media only screen and (min-width: 1170px) {\n  .cd-timeline-block {\n    margin: 4em 0; }\n  .cd-timeline-block:first-child {\n    margin-top: 0; }\n  .cd-timeline-block:last-child {\n    margin-bottom: 0; } }\n\n.cd-timeline-img {\n  position: absolute;\n  top: 29px;\n  left: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  text-align: center;\n  line-height: 34px;\n  font-size: 20px;\n  color: #fff;\n  background-color: #1b82ec;\n  border: 3px solid #fff;\n  z-index: 1;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n  .cd-timeline-img i {\n    margin-left: 1px; }\n\n@media only screen and (min-width: 1170px) {\n  .cd-timeline-img {\n    width: 40px;\n    height: 40px;\n    line-height: 34px;\n    left: 50%;\n    margin-left: -20px;\n    -webkit-transform: translateZ(0);\n    -webkit-backface-visibility: hidden; }\n  .cd-timeline-content .cd-date.date-right:before {\n    content: \"\";\n    top: 0px;\n    left: 100%;\n    border-color: transparent;\n    border-left-color: rgba(71, 78, 85, 0.9); } }\n\n.cd-timeline-content {\n  border-radius: 5px;\n  margin-left: 60px;\n  padding: 1em;\n  position: relative;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n  .cd-timeline-content:after {\n    clear: both;\n    content: \"\";\n    display: table; }\n  .cd-timeline-content h2 {\n    margin-top: 0; }\n  .cd-timeline-content .cd-read-more {\n    background: #1b82ec;\n    border-radius: 0.25em;\n    color: #fff;\n    display: inline-block;\n    float: right;\n    font-size: 14px;\n    padding: 0.8em 1em; }\n  .cd-timeline-content .cd-date {\n    display: inline-block;\n    font-size: 14px; }\n  .cd-timeline-content h3 {\n    font-size: 18px;\n    margin: 6px 0 18px 0; }\n\n.cd-timeline-content .cd-date {\n  float: left;\n  padding: 4px 22px;\n  opacity: 0.7;\n  background: rgba(71, 78, 85, 0.9); }\n  .cd-timeline-content .cd-date:before {\n    content: \"\";\n    position: absolute;\n    top: 1px;\n    right: 100%;\n    height: 0;\n    width: 0;\n    border: 14px solid transparent;\n    border-right: 14px solid rgba(71, 78, 85, 0.9); }\n\n@media (max-width: 1170px) {\n  .cd-timeline-content .cd-date:before {\n    top: 34px; } }\n\n@media only screen and (min-width: 1170px) {\n  .cd-timeline-content {\n    margin-left: 0;\n    padding: 1.6em;\n    width: 42%; }\n  .cd-timeline-content.right-content {\n    text-align: right; }\n  .cd-timeline-content .cd-read-more {\n    float: left; }\n  .cd-timeline-content .cd-date {\n    position: absolute;\n    width: 50%;\n    left: 84%;\n    top: 17px; }\n  .cd-timeline-block:nth-child(even) .cd-timeline-content {\n    float: right; }\n  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {\n    float: right; }\n  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {\n    left: auto;\n    right: 84%;\n    text-align: right; } }\n\n.directory-card .directory-card-bg {\n  background: url(\"../images/bg-directory-pattern.png\");\n  background-size: cover;\n  background-position: center; }\n\n.directory-card .social-icons .social-links {\n  position: absolute;\n  bottom: 20px;\n  right: 0px;\n  border-top-left-radius: 24px;\n  border-bottom-left-radius: 24px;\n  background: rgba(27, 130, 236, 0.5); }\n\n.ex-page-content h1 {\n  font-size: 98px;\n  font-weight: 500;\n  line-height: 150px;\n  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; }\n","//\r\n// SF UI Text\r\n//\r\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap\");\r\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-colored-bg;\r\n  // box-shadow: $box-shadow;\r\n}\r\n\r\n.navbar-header {\r\n  display: flex;\r\n  -ms-flex-pack: justify;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin: 0 auto;\r\n  height: $header-height;\r\n  padding: 0 calc(#{$grid-gutter-width} / 2) 0 0;\r\n\r\n  .dropdown {\r\n    .show.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  text-align: center;\r\n  width: $navbar-brand-box-width;\r\n}\r\n\r\n.logo {\r\n  line-height: 70px;\r\n\r\n  .logo-sm {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.logo-light {\r\n  display: none;\r\n}\r\n\r\n.navbar-brand-box {\r\n  .logo {\r\n    &.logo-dark {\r\n      display: $display-block;\r\n    }\r\n    &.logo-light {\r\n      display: $display-none;\r\n    }\r\n  }\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n  padding: calc(#{$header-height - 38px} / 2) 0;\r\n  margin-right: 20px;\r\n\r\n  .form-control {\r\n    border: none;\r\n    height: 34px;\r\n    padding-right: 30px;\r\n    padding-left: 20px;\r\n    background-color: $topbar-search-bg;\r\n    box-shadow: none;\r\n    border-radius: 30px;\r\n  }\r\n  span {\r\n    position: absolute;\r\n    z-index: 10;\r\n    font-size: 13px;\r\n    line-height: 38px;\r\n    right: 13px;\r\n    top: 0;\r\n    color: $gray-600;\r\n  }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n  li {\r\n    position: relative;\r\n    padding: 5px 0px;\r\n    a {\r\n      color: $dropdown-color;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .navbar-brand-box {\r\n    width: auto;\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: inline-block;\r\n    }\r\n  }\r\n}\r\n\r\n.page-content {\r\n  padding: $header-height 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}\r\n\r\n.btn-header {\r\n  background-color: rgba($white, 0.3);\r\n  color: $white;\r\n  box-shadow: none !important;\r\n  margin-top: 2px;\r\n  &:hover {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.noti-icon {\r\n  i {\r\n    font-size: 22px;\r\n    color: $header-colored-item-color;\r\n  }\r\n\r\n  .badge {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 4px;\r\n  }\r\n}\r\n\r\n.notification-item {\r\n  .d-flex {\r\n    padding: 0px 20px;\r\n  }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n  display: block;\r\n  border-radius: 3px;\r\n  line-height: 34px;\r\n  text-align: center;\r\n  padding: 15px 0 9px;\r\n  display: block;\r\n  border: 1px solid transparent;\r\n  color: $gray-600;\r\n\r\n  img {\r\n    height: 24px;\r\n  }\r\n\r\n  span {\r\n    display: block;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &:hover {\r\n    border-color: $border-color;\r\n  }\r\n}\r\n\r\n// colored topbar\r\n\r\nbody[data-topbar=\"colored\"] {\r\n  .navbar-brand-box {\r\n    background-color: $sidebar-bg;\r\n  }\r\n  .navbar-header {\r\n    .dropdown {\r\n      .show.header-item {\r\n        background-color: lighten($primary, 2%);\r\n      }\r\n    }\r\n  }\r\n  .header-item {\r\n    color: $header-colored-item-color;\r\n\r\n    &:hover {\r\n      color: $header-colored-item-color;\r\n    }\r\n  }\r\n\r\n  .app-search {\r\n    .form-control {\r\n      background-color: rgba($topbar-search-bg, 0.2);\r\n      color: $white;\r\n    }\r\n    span,\r\n    input.form-control::-webkit-input-placeholder {\r\n      color: rgba($white, 0.8);\r\n    }\r\n  }\r\n}\r\n\r\n// dark sidebar\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n  .navbar-brand-box {\r\n    background: $sidebar-dark-bg;\r\n  }\r\n\r\n  .navbar-brand-box {\r\n    .logo.logo-dark {\r\n      display: none;\r\n    }\r\n\r\n    .logo.logo-light {\r\n      display: block;\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\n// layout horizontal\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n  .navbar-header {\r\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 $grid-gutter-width;\r\n  }\r\n  .header-item {\r\n    height: 60px;\r\n  }\r\n  .navbar-brand-box {\r\n    background: transparent;\r\n    width: auto;\r\n    padding-left: 0px;\r\n  }\r\n\r\n  .noti-icon {\r\n    i {\r\n      font-size: 22px;\r\n      color: $header-colored-item-color;\r\n    }\r\n\r\n    .badge {\r\n      position: absolute;\r\n      top: 13px;\r\n      right: 4px;\r\n    }\r\n  }\r\n  .page-content {\r\n    padding: calc(90px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} / 2) $footer-height\r\n      calc(#{$grid-gutter-width} / 2);\r\n  }\r\n  .page-title-box {\r\n    margin: 0px -78px 23px -78px;\r\n    padding: 20px 78px 100px 78px;\r\n  }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  body[data-layout=\"horizontal\"] {\r\n    .page-content {\r\n      padding-top: 60px;\r\n    }\r\n  }\r\n}\r\n","// Variables\n\n//\n// custom-variables\n//\n\n// Vertical Sidebar - Default Light\n$sidebar-bg: #343a40;\n$sidebar-menu-item-color: #aeb0b3;\n$sidebar-menu-sub-item-color: #a7a7a7;\n$sidebar-menu-item-icon-color: #aeb0b3;\n$sidebar-menu-item-hover-color: #1b82ec;\n$sidebar-menu-item-active-color: #1b82ec;\n$sidebar-menu-item-active-bg: #343a40;\n$sidebar-width: 240px;\n$sidebar-collapsed-width: 70px;\n$sidebar-width-sm: 180px;\n\n// Vertical Sidebar - Dark\n$sidebar-dark-bg: #343a40;\n$sidebar-dark-menu-item-color: rgba(255, 255, 255, 0.6);\n$sidebar-dark-menu-sub-item-color: rgba(255, 255, 255, 0.6);\n$sidebar-dark-menu-item-icon-color: rgba(255, 255, 255, 0.6);\n$sidebar-dark-menu-item-hover-color: #1b82ec;\n$sidebar-dark-menu-item-active-color: #1b82ec;\n$sidebar-dark-menu-item-active-bg: #2b3035;\n\n\n// Topbar - Deafult Light\n$header-height: 70px;\n$header-bg: #2a3042;\n$header-item-color: #a6b0cf;\n\n//Topbar - Colored\n$header-colored-bg: #1b82ec;\n$header-colored-item-color: #fff;\n\n// Topbar - Dark\n$header-dark-bg: #2a3042;\n$header-dark-item-color: #e9ecef;\n$page-title-light-image: url(../images/bg.jpg);\n\n// Topbar Search\n$topbar-search-bg: #323b54;\n\n// Footer\n$footer-height: 60px;\n$footer-bg: #2f3438;\n$footer-color: #9b9b9b;\n\n// Horizontal nav\n$topnav-bg: #282e3f;\n$menu-item-color: #939a9b;\n$menu-item-active-color: #1b82ec;\n\n// Right Sidebar\n$rightbar-width: 280px;\n\n// Brand\n$navbar-brand-box-width: 240px;\n\n// Boxed layout width\n$boxed-layout-width: 1300px;\n$boxed-body-bg: #0a121c;\n\n// Page-title\n$page-title-bg: $gray-800;\n\n// Font Weight\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n\n// apex charts\n$apex-grid-color: #364458;\n\n//table\n$table-head-bg: rgba($gray-600, 0.05);\n$table-head-color: $gray-600;\n$table-dark-border-color: tint-color($gray-800, 7.5%);\n\n$display-none: block;\n$display-block: none;\n\n$font-family-secondary: \"Roboto\", sans-serif;\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff;\n$gray-100: #212529;\n$gray-200: #343a40;\n$gray-300: #474e55;\n$gray-400: #9b9b9b;\n$gray-500: #999999;\n$gray-600: #969aa5;\n$gray-700: #e0e0e0;\n$gray-800: #eff2f7;\n$gray-900: #f8f9fa;\n$black: #000;\n\n$grays: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900,\n  ),\n  $grays\n);\n\n$blue: #1b82ec;\n$indigo: #4a5fc6;\n$purple: #6f42c1;\n$pink: #e83e8c;\n$red: #f16c69;\n$orange: #f1734f;\n$yellow: #f1b44c;\n$green: #35a989;\n$teal: #2a3142;\n$cyan: #29bbe3;\n\n$colors: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n  (\n    \"blue\": $blue,\n    \"indigo\": $indigo,\n    \"purple\": $purple,\n    \"pink\": $pink,\n    \"red\": $red,\n    \"orange\": $orange,\n    \"yellow\": $yellow,\n    \"green\": $green,\n    \"teal\": $teal,\n    \"cyan\": $cyan,\n    \"white\": $white,\n    \"gray\": $gray-600,\n    \"gray-dark\": $gray-800,\n  ),\n  $colors\n);\n\n$primary: $blue;\n$secondary: $gray-700;\n$success: $green;\n$info: $cyan;\n$warning: $yellow;\n$danger: $red;\n$light: $gray-300;\n$dark: $gray-800;\n\n$theme-colors: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n  (\n    \"primary\": $primary,\n    \"secondary\": $secondary,\n    \"success\": $success,\n    \"info\": $info,\n    \"warning\": $warning,\n    \"danger\": $danger,\n    \"pink\": $pink,\n    \"light\": $light,\n    \"dark\": $dark,\n  ),\n  $theme-colors\n);\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 1.8;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black;\n$color-contrast-light: $white;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%);\n$blue-200: tint-color($blue, 60%);\n$blue-300: tint-color($blue, 40%);\n$blue-400: tint-color($blue, 20%);\n$blue-500: $blue;\n$blue-600: shade-color($blue, 20%);\n$blue-700: shade-color($blue, 40%);\n$blue-800: shade-color($blue, 60%);\n$blue-900: shade-color($blue, 80%);\n\n$indigo-100: tint-color($indigo, 80%);\n$indigo-200: tint-color($indigo, 60%);\n$indigo-300: tint-color($indigo, 40%);\n$indigo-400: tint-color($indigo, 20%);\n$indigo-500: $indigo;\n$indigo-600: shade-color($indigo, 20%);\n$indigo-700: shade-color($indigo, 40%);\n$indigo-800: shade-color($indigo, 60%);\n$indigo-900: shade-color($indigo, 80%);\n\n$purple-100: tint-color($purple, 80%);\n$purple-200: tint-color($purple, 60%);\n$purple-300: tint-color($purple, 40%);\n$purple-400: tint-color($purple, 20%);\n$purple-500: $purple;\n$purple-600: shade-color($purple, 20%);\n$purple-700: shade-color($purple, 40%);\n$purple-800: shade-color($purple, 60%);\n$purple-900: shade-color($purple, 80%);\n\n$pink-100: tint-color($pink, 80%);\n$pink-200: tint-color($pink, 60%);\n$pink-300: tint-color($pink, 40%);\n$pink-400: tint-color($pink, 20%);\n$pink-500: $pink;\n$pink-600: shade-color($pink, 20%);\n$pink-700: shade-color($pink, 40%);\n$pink-800: shade-color($pink, 60%);\n$pink-900: shade-color($pink, 80%);\n\n$red-100: tint-color($red, 80%);\n$red-200: tint-color($red, 60%);\n$red-300: tint-color($red, 40%);\n$red-400: tint-color($red, 20%);\n$red-500: $red;\n$red-600: shade-color($red, 20%);\n$red-700: shade-color($red, 40%);\n$red-800: shade-color($red, 60%);\n$red-900: shade-color($red, 80%);\n\n$orange-100: tint-color($orange, 80%);\n$orange-200: tint-color($orange, 60%);\n$orange-300: tint-color($orange, 40%);\n$orange-400: tint-color($orange, 20%);\n$orange-500: $orange;\n$orange-600: shade-color($orange, 20%);\n$orange-700: shade-color($orange, 40%);\n$orange-800: shade-color($orange, 60%);\n$orange-900: shade-color($orange, 80%);\n\n$yellow-100: tint-color($yellow, 80%);\n$yellow-200: tint-color($yellow, 60%);\n$yellow-300: tint-color($yellow, 40%);\n$yellow-400: tint-color($yellow, 20%);\n$yellow-500: $yellow;\n$yellow-600: shade-color($yellow, 20%);\n$yellow-700: shade-color($yellow, 40%);\n$yellow-800: shade-color($yellow, 60%);\n$yellow-900: shade-color($yellow, 80%);\n\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\")\n);\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: false;\n$enable-rounded: true;\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-transitions: true;\n$enable-reduced-motion: true;\n$enable-smooth-scroll: true;\n$enable-grid-classes: true;\n$enable-button-pointers: true;\n$enable-rfs: true;\n$enable-validation-icons: true;\n$enable-negative-margins: false;\n$enable-deprecation-messages: true;\n$enable-important-utilities: true;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs-;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, 0.15), rgba($white, 0));\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem;\n$spacers: (\n  0: 0,\n  1: $spacer / 4,\n  2: $spacer / 2,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%,\n);\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: #262c32;\n$body-color: $gray-600;\n$body-text-align: null;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary;\n$link-decoration: none;\n$link-shade-percentage: 20%;\n$link-hover-color: shift-color($link-color, $link-shade-percentage);\n$link-hover-decoration: null;\n\n$stretched-link-pseudo-element: after;\n$stretched-link-z-index: 1;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem;\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px,\n);\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px,\n);\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12;\n$grid-gutter-width: 1.875rem;\n$grid-row-columns: 6;\n\n$gutters: $spacers;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px;\n$border-widths: (\n  0: 0,\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px,\n);\n\n$border-color: $gray-300;\n\n$border-radius: 0.25rem;\n$border-radius-sm: 0.2rem;\n$border-radius-lg: 0.4rem;\n$border-radius-pill: 50rem;\n\n$box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n$box-shadow-sm: 0 0.125rem 0.25rem rgba($black, 0.075);\n$box-shadow-lg: 0 0.2rem 2rem rgba(0, 0, 0, 0.12);\n$box-shadow-inset: inset 0 1px 2px rgba($black, 0.075);\n\n$component-active-color: $white;\n$component-active-bg: $primary;\n\n$caret-width: 0.3em;\n$caret-vertical-align: $caret-width * 0.85;\n$caret-spacing: $caret-width * 0.85;\n\n$transition-base: all 0.2s ease-in-out;\n$transition-fade: opacity 0.15s linear;\n$transition-collapse: height 0.35s ease;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%),\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: \"Roboto\", sans-serif;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,\n  \"Liberation Mono\", \"Courier New\", monospace;\n$font-family-base: $font-family-sans-serif;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif);\n$font-family-code: var(--#{$variable-prefix}font-monospace);\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null;\n$font-size-base: 0.84375rem;\n$font-size-sm: $font-size-base * 0.875;\n$font-size-lg: $font-size-base * 1.25;\n\n$font-weight-lighter: lighter;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-bold: 600;\n$font-weight-bolder: bolder;\n\n$font-weight-base: $font-weight-normal;\n\n$line-height-base: 1.5;\n$line-height-sm: 1.5;\n$line-height-lg: 1.5;\n\n$h1-font-size: $font-size-base * 2.5;\n$h2-font-size: $font-size-base * 2;\n$h3-font-size: $font-size-base * 1.75;\n$h4-font-size: $font-size-base * 1.5;\n$h5-font-size: $font-size-base * 1.25;\n$h6-font-size: $font-size-base;\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size,\n);\n// scss-docs-end font-sizes\n\n$headings-margin-bottom: $spacer / 2;\n$headings-font-family: null;\n$headings-font-style: null;\n$headings-font-weight: 500;\n$headings-line-height: 1.2;\n$headings-color: null;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 6rem,\n  2: 5.5rem,\n  3: 4.5rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem,\n);\n\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25;\n$lead-font-weight: 300;\n\n$small-font-size: 0.875em;\n\n$sub-sup-font-size: 0.75em;\n\n$text-muted: $gray-500;\n\n$initialism-font-size: $small-font-size;\n\n$blockquote-margin-y: $spacer;\n$blockquote-font-size: $font-size-base * 1.25;\n$blockquote-footer-color: $gray-600;\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y: $spacer;\n$hr-color: inherit;\n$hr-height: $border-width;\n$hr-opacity: 0.25;\n\n$legend-margin-bottom: 0.5rem;\n$legend-font-size: 1.5rem;\n$legend-font-weight: null;\n\n$mark-padding: 0.2em;\n\n$dt-font-weight: $font-weight-bold;\n\n$nested-kbd-font-weight: $font-weight-bold;\n\n$list-inline-padding: 0.5rem;\n\n$mark-bg: #fcf8e3;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: 0.75rem;\n$table-cell-padding-x: 0.75rem;\n$table-cell-padding-y-sm: 0.3rem;\n$table-cell-padding-x-sm: 0.3rem;\n\n$table-cell-vertical-align: top;\n\n$table-color: $body-color;\n$table-bg: transparent;\n\n$table-th-font-weight: null;\n\n$table-striped-color: $table-color;\n$table-striped-bg-factor: 0.05;\n$table-striped-bg: rgba($gray-400, 0.05);\n\n$table-active-color: $table-color;\n$table-active-bg-factor: 0.1;\n$table-active-bg: $table-hover-bg;\n\n$table-hover-color: $table-color;\n$table-hover-bg-factor: 0.075;\n$table-hover-bg: rgba($gray-500, 0.05);\n\n$table-border-factor: 0.1;\n$table-border-width: $border-width;\n$table-border-color: $border-color;\n\n$table-striped-order: odd;\n\n$table-group-separator-color: currentColor;\n\n$table-caption-color: $text-muted;\n\n$table-bg-scale: -80%;\n\n$table-variants: (\n  \"primary\": shift-color($primary, $table-bg-scale),\n  \"secondary\": shift-color($secondary, $table-bg-scale),\n  \"success\": shift-color($success, $table-bg-scale),\n  \"info\": shift-color($info, $table-bg-scale),\n  \"warning\": shift-color($warning, $table-bg-scale),\n  \"danger\": shift-color($danger, $table-bg-scale),\n  \"light\": $light,\n  \"dark\": $light,\n);\n// scss-docs-end table-variables\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: 0.375rem;\n$input-btn-padding-x: 0.75rem;\n$input-btn-font-family: null;\n$input-btn-font-size: $font-size-base;\n$input-btn-line-height: $line-height-base;\n\n$input-btn-focus-width: 0.15rem;\n$input-btn-focus-color-opacity: 0.25;\n$input-btn-focus-color: rgba($component-active-bg, 0.25);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm: 0.25rem;\n$input-btn-padding-x-sm: 0.5rem;\n$input-btn-font-size-sm: $font-size-sm;\n\n$input-btn-padding-y-lg: 0.5rem;\n$input-btn-padding-x-lg: 1rem;\n$input-btn-font-size-lg: $font-size-lg;\n\n$input-btn-border-width: $border-width;\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y;\n$btn-padding-x: $input-btn-padding-x;\n$btn-font-family: $input-btn-font-family;\n$btn-font-size: $input-btn-font-size;\n$btn-line-height: $input-btn-line-height;\n$btn-white-space: null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm;\n$btn-padding-x-sm: $input-btn-padding-x-sm;\n$btn-font-size-sm: $input-btn-font-size-sm;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg;\n$btn-padding-x-lg: $input-btn-padding-x-lg;\n$btn-font-size-lg: $input-btn-font-size-lg;\n\n$btn-border-width: $input-btn-border-width;\n\n$btn-font-weight: $font-weight-normal;\n$btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075);\n$btn-focus-width: $input-btn-focus-width;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow;\n$btn-disabled-opacity: 0.65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125);\n\n$btn-link-color: $link-color;\n$btn-link-hover-color: $link-hover-color;\n$btn-link-disabled-color: $gray-600;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius;\n$btn-border-radius-sm: $border-radius-sm;\n$btn-border-radius-lg: $border-radius-lg;\n\n$btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n$btn-hover-bg-shade-amount: 15%;\n$btn-hover-bg-tint-amount: 15%;\n$btn-hover-border-shade-amount: 20%;\n$btn-hover-border-tint-amount: 10%;\n$btn-active-bg-shade-amount: 20%;\n$btn-active-bg-tint-amount: 20%;\n$btn-active-border-shade-amount: 25%;\n$btn-active-border-tint-amount: 10%;\n\n// Forms\n\n$form-text-margin-top: 0.25rem;\n$form-text-font-size: $small-font-size;\n$form-text-font-style: null;\n$form-text-font-weight: null;\n$form-text-color: $text-muted;\n\n$form-label-margin-bottom: 0.5rem;\n$form-label-font-size: null;\n$form-label-font-style: null;\n$form-label-font-weight: null;\n$form-label-color: null;\n\n$input-padding-y: $input-btn-padding-y;\n$input-padding-x: $input-btn-padding-x;\n$input-font-family: $input-btn-font-family;\n$input-font-size: $input-btn-font-size;\n$input-font-weight: $font-weight-base;\n$input-line-height: $input-btn-line-height;\n\n$input-padding-y-sm: $input-btn-padding-y-sm;\n$input-padding-x-sm: $input-btn-padding-x-sm;\n$input-font-size-sm: $input-btn-font-size-sm;\n\n$input-padding-y-lg: $input-btn-padding-y-lg;\n$input-padding-x-lg: $input-btn-padding-x-lg;\n$input-font-size-lg: $input-btn-font-size-lg;\n\n$input-bg: lighten($gray-200, 2%);\n$input-disabled-bg: lighten($gray-200, 1%);\n$input-disabled-border-color: null;\n\n$input-color: $gray-500;\n$input-border-color: $gray-300;\n$input-border-width: $input-btn-border-width;\n$input-box-shadow: inset 0 1px 1px rgba($black, 0.075);\n\n$input-border-radius: $border-radius;\n$input-border-radius-sm: $border-radius-sm;\n$input-border-radius-lg: $border-radius-lg;\n\n$input-focus-bg: lighten($input-bg, 1%);\n$input-focus-border-color: lighten($input-border-color, 2%);\n$input-focus-color: $input-color;\n$input-focus-width: $input-btn-focus-width;\n$input-focus-box-shadow: none;\n\n$input-placeholder-color: $gray-600;\n$input-plaintext-color: $body-color;\n\n$input-height-border: $input-border-width * 2;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half: add($input-line-height * 0.5em, $input-padding-y);\n$input-height-inner-quarter: add(\n  $input-line-height * 0.25em,\n  $input-padding-y / 2\n);\n\n$input-height: add(\n  $input-line-height * 1em,\n  add($input-padding-y * 2, $input-height-border, false)\n);\n$input-height-sm: add(\n  $input-line-height * 1em,\n  add($input-padding-y-sm * 2, $input-height-border, false)\n);\n$input-height-lg: add(\n  $input-line-height * 1em,\n  add($input-padding-y-lg * 2, $input-height-border, false)\n);\n\n$input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n$form-check-input-width: 1em;\n$form-check-min-height: $font-size-base * $line-height-base;\n$form-check-padding-start: $form-check-input-width + 0.5em;\n$form-check-margin-bottom: 0.125rem;\n$form-check-label-color: null;\n$form-check-label-cursor: null;\n$form-check-transition: background-color 0.15s ease-in-out,\n  background-position 0.15s ease-in-out, border-color 0.15s ease-in-out,\n  box-shadow 0.15s ease-in-out;\n\n$form-check-input-active-filter: brightness(90%);\n\n$form-check-input-bg: $gray-300;\n$form-check-input-border: 1px solid $gray-400;\n$form-check-input-border-radius: 0.25em;\n$form-check-radio-border-radius: 50%;\n$form-check-input-focus-border: $input-focus-border-color;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow;\n\n$form-check-input-checked-color: $component-active-color;\n$form-check-input-checked-bg-color: $component-active-bg;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color: $component-active-color;\n$form-check-input-indeterminate-bg-color: $component-active-bg;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity: 0.5;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity;\n\n$form-switch-color: rgba(255, 255, 255, .5);\n$form-switch-width: 2em;\n$form-switch-padding-start: $form-switch-width + 0.5em;\n$form-switch-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius: $form-switch-width;\n\n$form-switch-focus-color: $input-focus-border-color;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color: $component-active-color;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n\n$form-check-inline-margin-end: 1rem;\n\n$input-group-addon-padding-y: $input-padding-y;\n$input-group-addon-padding-x: $input-padding-x;\n$input-group-addon-font-weight: $input-font-weight;\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: $gray-200;\n$input-group-addon-border-color: $input-border-color;\n\n$form-select-padding-y: $input-padding-y;\n$form-select-padding-x: $input-padding-x;\n$form-select-font-family: $input-font-family;\n$form-select-font-size: $input-font-size;\n$form-select-indicator-padding: 1.75rem; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight;\n$form-select-line-height: $input-line-height;\n$form-select-color: $input-color;\n$form-select-disabled-color: $gray-600;\n$form-select-bg: $input-bg;\n$form-select-disabled-bg: $gray-200;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position: right $form-select-padding-x center;\n$form-select-bg-size: 16px 12px; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800;\n$form-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: add(\n  1em * 0.75,\n  (2 * $form-select-padding-y * 0.75) + $form-select-padding-x +\n    $form-select-indicator-padding\n);\n$form-select-feedback-icon-position: center right\n  ($form-select-padding-x + $form-select-indicator-padding);\n$form-select-feedback-icon-size: $input-height-inner-half\n  $input-height-inner-half;\n\n$form-select-border-width: $input-border-width;\n$form-select-border-color: $input-border-color;\n$form-select-border-radius: $border-radius;\n$form-select-box-shadow: $box-shadow-inset;\n\n$form-select-focus-border-color: $input-focus-border-color;\n$form-select-focus-width: $input-focus-width;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width\n  $input-btn-focus-color;\n\n$form-select-padding-y-sm: $input-padding-y-sm;\n$form-select-padding-x-sm: $input-padding-x-sm;\n$form-select-font-size-sm: $input-font-size-sm;\n\n$form-select-padding-y-lg: $input-padding-y-lg;\n$form-select-padding-x-lg: $input-padding-x-lg;\n$form-select-font-size-lg: $input-font-size-lg;\n\n$form-range-track-width: 100%;\n$form-range-track-height: 0.5rem;\n$form-range-track-cursor: pointer;\n$form-range-track-bg: $gray-300;\n$form-range-track-border-radius: 1rem;\n$form-range-track-box-shadow: $box-shadow-inset;\n\n$form-range-thumb-width: 1rem;\n$form-range-thumb-height: $form-range-thumb-width;\n$form-range-thumb-bg: $component-active-bg;\n$form-range-thumb-border: 0;\n$form-range-thumb-border-radius: 1rem;\n$form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba($black, 0.1);\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg: $gray-500;\n$form-range-thumb-transition: background-color 0.15s ease-in-out,\n  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n$form-file-button-color: $input-color;\n$form-file-button-bg: $input-group-addon-bg;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%);\n\n$form-floating-height: add(3.5rem, $input-height-border);\n$form-floating-padding-x: $input-padding-x;\n$form-floating-padding-y: 1rem;\n$form-floating-input-padding-t: 1.625rem;\n$form-floating-input-padding-b: 0.625rem;\n$form-floating-label-opacity: 0.65;\n$form-floating-label-transform: scale(0.85) translateY(-0.5rem)\n  translateX(0.15rem);\n$form-floating-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top;\n$form-feedback-font-size: $form-text-font-size;\n$form-feedback-font-style: $form-text-font-style;\n$form-feedback-valid-color: $success;\n$form-feedback-invalid-color: $danger;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid,\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid,\n  ),\n);\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1040;\n$zindex-modal: 1050;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n// scss-docs-end zindex-stack\n\n// Navs\n\n$nav-link-padding-y: 0.5rem;\n$nav-link-padding-x: 1rem;\n$nav-link-font-size: null;\n$nav-link-font-weight: null;\n$nav-link-color: null;\n$nav-link-hover-color: null;\n$nav-link-transition: color 0.15s ease-in-out,\n  background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n$nav-link-disabled-color: $gray-600;\n\n$nav-tabs-border-color: $gray-300;\n$nav-tabs-border-width: $border-width;\n$nav-tabs-border-radius: $border-radius;\n$nav-tabs-link-hover-border-color: $gray-300 $gray-300 $nav-tabs-border-color;\n$nav-tabs-link-active-color: $gray-700;\n$nav-tabs-link-active-bg: $gray-200;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius: $border-radius;\n$nav-pills-link-active-color: $component-active-color;\n$nav-pills-link-active-bg: $component-active-bg;\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2;\n$navbar-padding-x: null;\n\n$navbar-nav-link-padding-x: 0.5rem;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2;\n$navbar-brand-margin-end: 1rem;\n\n$navbar-toggler-padding-y: 0.25rem;\n$navbar-toggler-padding-x: 0.75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n$navbar-toggler-focus-width: $btn-focus-width;\n$navbar-toggler-transition: box-shadow 0.15s ease-in-out;\n\n$navbar-dark-color: rgba($white, 0.55);\n$navbar-dark-hover-color: rgba($white, 0.75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, 0.25);\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color: rgba($white, 0.1);\n\n$navbar-light-color: rgba($black, 0.55);\n$navbar-light-hover-color: rgba($black, 0.7);\n$navbar-light-active-color: rgba($black, 0.9);\n$navbar-light-disabled-color: rgba($black, 0.3);\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, 0.1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem;\n$dropdown-padding-x: 0;\n$dropdown-padding-y: 0.5rem;\n$dropdown-spacer: 0.125rem;\n$dropdown-font-size: $font-size-base;\n$dropdown-color: $body-color;\n$dropdown-bg: $gray-200;\n$dropdown-border-color: lighten($gray-200, 4%);\n$dropdown-border-radius: $border-radius;\n$dropdown-border-width: 0;\n$dropdown-inner-border-radius: calc(\n  #{$dropdown-border-radius} - #{$dropdown-border-width}\n);\n$dropdown-divider-bg: $gray-200;\n$dropdown-divider-margin-y: $spacer / 2;\n$dropdown-box-shadow: 0 0.5rem 1rem rgba($black, 0.175);\n\n$dropdown-link-color: $gray-500;\n$dropdown-link-hover-color: darken($gray-900, 5%);\n$dropdown-link-hover-bg: $gray-300;\n\n$dropdown-link-active-color: darken($gray-900, 5%);\n$dropdown-link-active-bg: $gray-300;\n\n$dropdown-link-disabled-color: $gray-600;\n\n$dropdown-item-padding-y: 0.35rem;\n$dropdown-item-padding-x: 1.5rem;\n\n$dropdown-header-color: $gray-600;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x;\n\n$dropdown-dark-color: $gray-300;\n$dropdown-dark-bg: $gray-800;\n$dropdown-dark-border-color: $dropdown-border-color;\n$dropdown-dark-divider-bg: $dropdown-divider-bg;\n$dropdown-dark-box-shadow: null;\n$dropdown-dark-link-color: $dropdown-dark-color;\n$dropdown-dark-link-hover-color: $white;\n$dropdown-dark-link-hover-bg: rgba($white, 0.15);\n$dropdown-dark-link-active-color: $dropdown-link-active-color;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-500;\n$dropdown-dark-header-color: $gray-500;\n\n// Pagination\n\n\n$pagination-padding-y: 0.5rem;\n$pagination-padding-x: 0.75rem;\n$pagination-padding-y-sm: 0.25rem;\n$pagination-padding-x-sm: 0.5rem;\n$pagination-padding-y-lg: 0.75rem;\n$pagination-padding-x-lg: 1.5rem;\n\n$pagination-color: $gray-500;\n$pagination-bg: $gray-200;\n$pagination-border-width: $border-width;\n$pagination-border-radius: $border-radius;\n$pagination-margin-start: -$pagination-border-width;\n$pagination-border-color: $gray-300;\n\n$pagination-focus-color: $link-hover-color;\n$pagination-focus-bg: $gray-200;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow;\n$pagination-focus-outline: 0;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $gray-200;\n$pagination-hover-border-color: $gray-300;\n\n$pagination-active-color: $component-active-color;\n$pagination-active-bg: $component-active-bg;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $gray-600;\n$pagination-disabled-bg: $gray-300;\n$pagination-disabled-border-color: $gray-300;\n\n$pagination-transition: color 0.15s ease-in-out,\n  background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n  box-shadow 0.15s ease-in-out;\n\n$pagination-border-radius-sm: $border-radius-sm;\n$pagination-border-radius-lg: $border-radius-lg;\n\n// Cards\n\n$card-spacer-y: 1.25rem;\n$card-spacer-x: 1.25rem;\n$card-title-spacer-y: $spacer / 2;\n$card-border-width: 0;\n$card-border-radius: $border-radius;\n$card-border-color: $gray-300;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});\n$card-cap-padding-y: $card-spacer-y / 2;\n$card-cap-padding-x: $card-spacer-x;\n$card-cap-bg: $gray-200;\n$card-cap-color: null;\n$card-height: null;\n$card-color: null;\n$card-bg: #343a40;\n$card-title-desc: $gray-400;\n\n$card-img-overlay-padding: 1.25rem;\n\n$card-group-margin: $grid-gutter-width / 2;\n\n// Accordion\n$accordion-padding-y: 1rem;\n$accordion-padding-x: 1.25rem;\n$accordion-color: $body-color;\n$accordion-bg: $gray-200;\n$accordion-border-width: $border-width;\n$accordion-border-color: $border-color;\n$accordion-border-radius: $border-radius;\n\n$accordion-body-padding-y: $accordion-padding-y;\n$accordion-body-padding-x: $accordion-padding-x;\n\n$accordion-button-padding-y: $accordion-padding-y;\n$accordion-button-padding-x: $accordion-padding-x;\n$accordion-button-color: $accordion-color;\n$accordion-button-bg: $accordion-bg;\n$accordion-transition: $btn-transition, border-radius 0.15s ease;\n$accordion-button-active-bg: rgba($component-active-bg, 0.1);\n$accordion-button-active-color: $white;\n\n$accordion-button-focus-border-color: $input-focus-border-color;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow;\n\n$accordion-icon-width: 1.25rem;\n$accordion-icon-color: $accordion-color;\n$accordion-icon-active-color: $accordion-button-active-color;\n$accordion-icon-transition: transform 0.2s ease-in-out;\n$accordion-icon-transform: rotate(180deg);\n\n$accordion-button-icon: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n$accordion-button-active-icon: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm;\n$tooltip-max-width: 200px;\n$tooltip-color: $white;\n$tooltip-bg: $black;\n$tooltip-border-radius: $border-radius;\n$tooltip-opacity: 0.9;\n$tooltip-padding-y: 0.4rem;\n$tooltip-padding-x: 0.7rem;\n$tooltip-margin: 0;\n\n$tooltip-arrow-width: 0.8rem;\n$tooltip-arrow-height: 0.4rem;\n$tooltip-arrow-color: $tooltip-bg;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x;\n$form-feedback-tooltip-font-size: $tooltip-font-size;\n$form-feedback-tooltip-line-height: $line-height-base;\n$form-feedback-tooltip-opacity: $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n\n// Popovers\n\n$popover-font-size: $font-size-sm;\n$popover-bg: $white;\n$popover-max-width: 276px;\n$popover-border-width: $border-width;\n$popover-border-color: $gray-200;\n$popover-border-radius: $border-radius-lg;\n$popover-inner-border-radius: subtract(\n  $popover-border-radius,\n  $popover-border-width\n);\n$popover-box-shadow: 0 0.25rem 0.5rem rgba($black, 0.2);\n\n$popover-header-bg: darken($popover-bg, 3%);\n$popover-header-color: $gray-200;\n$popover-header-padding-y: 0.5rem;\n$popover-header-padding-x: 0.75rem;\n\n$popover-body-color: $body-color;\n$popover-body-padding-y: $popover-header-padding-y;\n$popover-body-padding-x: $popover-header-padding-x;\n\n$popover-arrow-width: 1rem;\n$popover-arrow-height: 0.5rem;\n$popover-arrow-color: $popover-bg;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, 0.05);\n\n// Toasts\n\n$toast-max-width: 350px;\n$toast-padding-x: 0.75rem;\n$toast-padding-y: 0.5rem;\n$toast-font-size: 0.875rem;\n$toast-color: null;\n$toast-background-color: rgba($white, 0.85);\n$toast-border-width: 1px;\n$toast-border-color: rgba(0, 0, 0, 0.1);\n$toast-border-radius: 0.25rem;\n$toast-box-shadow: 0 0.25rem 0.75rem rgba($black, 0.1);\n$toast-spacing: $container-padding-x;\n\n$toast-header-color: $gray-600;\n$toast-header-background-color: rgba($white, 0.85);\n$toast-header-border-color: rgba(0, 0, 0, 0.05);\n\n// Badges\n\n$badge-font-size: 75%;\n$badge-font-weight: $font-weight-medium;\n$badge-color: $white;\n$badge-padding-y: 0.25em;\n$badge-padding-x: 0.4em;\n$badge-border-radius: $border-radius;\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: 0.5rem;\n\n$modal-dialog-margin: 0.5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n\n$modal-title-line-height: $line-height-base;\n\n$modal-content-color: null;\n$modal-content-bg: $gray-200;\n$modal-content-border-color: $gray-300;\n$modal-content-border-width: $border-width;\n$modal-content-border-radius: $border-radius-lg;\n$modal-content-inner-border-radius: subtract(\n  $modal-content-border-radius,\n  $modal-content-border-width\n);\n$modal-content-box-shadow-xs: $box-shadow-sm;\n$modal-content-box-shadow-sm-up: $box-shadow;\n\n$modal-backdrop-bg: $black;\n$modal-backdrop-opacity: 0.5;\n$modal-header-border-color: $border-color;\n$modal-footer-border-color: $modal-header-border-color;\n$modal-header-border-width: $modal-content-border-width;\n$modal-footer-border-width: $modal-header-border-width;\n$modal-header-padding-y: $modal-inner-padding;\n$modal-header-padding-x: $modal-inner-padding;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-sm: 300px;\n$modal-md: 500px;\n$modal-lg: 800px;\n$modal-xl: 1140px;\n\n$modal-fade-transform: translate(0, -50px);\n$modal-show-transform: none;\n$modal-transition: transform 0.3s ease-out;\n$modal-scale-transform: scale(1.02);\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: 0.75rem;\n$alert-padding-x: 1.25rem;\n$alert-margin-bottom: 1rem;\n$alert-border-radius: $border-radius;\n$alert-link-font-weight: $font-weight-bold;\n$alert-border-width: $border-width;\n\n$alert-bg-scale: -80%;\n$alert-border-scale: -70%;\n$alert-color-scale: 40%;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3; // 3x covers width of x plus default padding on either side\n\n// Progress bars\n\n$progress-height: 0.625rem;\n$progress-font-size: $font-size-base * 0.75;\n$progress-bg: $gray-200;\n$progress-border-radius: $border-radius;\n$progress-box-shadow: inset 0 0.1rem 0.1rem rgba($black, 0.1);\n$progress-bar-color: $white;\n$progress-bar-bg: $primary;\n$progress-bar-animation-timing: 1s linear infinite;\n$progress-bar-transition: width 0.6s ease;\n\n// List group\n\n$list-group-color: null;\n$list-group-bg: $card-bg;\n$list-group-border-color: $gray-300;\n$list-group-border-width: $border-width;\n$list-group-border-radius: $border-radius;\n\n$list-group-item-padding-y: 0.75rem;\n$list-group-item-padding-x: 1.25rem;\n\n$list-group-item-bg-scale: -80%;\n$list-group-item-color-scale: 40%;\n\n$list-group-hover-bg: $gray-100;\n$list-group-active-color: $component-active-color;\n$list-group-active-bg: $component-active-bg;\n$list-group-active-border-color: $list-group-active-bg;\n\n$list-group-disabled-color: $gray-600;\n$list-group-disabled-bg: $list-group-bg;\n\n$list-group-action-color: $gray-700;\n$list-group-action-hover-color: $list-group-action-color;\n\n$list-group-action-active-color: $body-color;\n$list-group-action-active-bg: $gray-200;\n\n// Image thumbnails\n\n$thumbnail-padding: 0.25rem;\n$thumbnail-bg: $card-bg;\n$thumbnail-border-width: $border-width;\n$thumbnail-border-color: $gray-300;\n$thumbnail-border-radius: $border-radius;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, 0.075);\n\n// Figures\n\n$figure-caption-font-size: $small-font-size;\n$figure-caption-color: $gray-600;\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null;\n$breadcrumb-padding-y: 0;\n$breadcrumb-padding-x: 0;\n$breadcrumb-item-padding-x: 0.5rem;\n$breadcrumb-margin-bottom: 1rem;\n$breadcrumb-bg: $gray-200;\n$breadcrumb-divider-color: $gray-400;\n$breadcrumb-active-color: $gray-400;\n$breadcrumb-divider: quote(\"/\");\n$breadcrumb-divider-flipped: $breadcrumb-divider;\n$breadcrumb-border-radius: $border-radius;\n\n// Carousel\n\n$carousel-control-color: $white;\n$carousel-control-width: 15%;\n$carousel-control-opacity: 0.5;\n$carousel-control-hover-opacity: 0.9;\n$carousel-control-transition: opacity 0.15s ease;\n\n$carousel-indicator-width: 30px;\n$carousel-indicator-height: 3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer: 3px;\n$carousel-indicator-opacity: 0.5;\n$carousel-indicator-active-bg: $white;\n$carousel-indicator-active-opacity: 1;\n$carousel-indicator-transition: opacity 0.6s ease;\n\n$carousel-caption-width: 70%;\n$carousel-caption-color: $white;\n$carousel-caption-padding-y: 1.25rem;\n$carousel-caption-spacer: 1.25rem;\n\n$carousel-control-icon-width: 2rem;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration: 0.6s;\n$carousel-transition: transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black;\n$carousel-dark-caption-color: $black;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100);\n\n// Spinners\n\n$spinner-width: 2rem;\n$spinner-height: $spinner-width;\n$spinner-border-width: 0.25em;\n$spinner-animation-speed: 0.75s;\n\n$spinner-width-sm: 1rem;\n$spinner-height-sm: $spinner-width-sm;\n$spinner-border-width-sm: 0.2em;\n\n// Close\n\n$btn-close-width: 1em;\n$btn-close-height: $btn-close-width;\n$btn-close-padding-x: 0.25em;\n$btn-close-padding-y: $btn-close-padding-x;\n$btn-close-color: $white;\n$btn-close-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-bg-dark:url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$black}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\n$btn-close-focus-shadow: none;\n$btn-close-opacity: 0.5;\n$btn-close-hover-opacity: 0.75;\n$btn-close-focus-opacity: 1;\n$btn-close-disabled-opacity: 0.25;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);\n\n// Code\n\n$code-font-size: $small-font-size;\n$code-color: $pink;\n\n$kbd-padding-y: 0.2rem;\n$kbd-padding-x: 0.4rem;\n$kbd-font-size: $code-font-size;\n$kbd-color: $white;\n$kbd-bg: $gray-900;\n\n$pre-color: null;\n","//\r\n// Page-title\r\n//\r\n\r\n.page-title-box {\r\n  background: url(../images/bg.jpg);\r\n  background-size: cover;\r\n  box-shadow: $box-shadow;\r\n  margin: 0 -30px 23px -30px;\r\n  padding: 20px 30px 99px 30px;\r\n  color: $white;\r\n\r\n  .page-title {\r\n    line-height: 30px;\r\n\r\n    h4 {\r\n      font-weight: $font-weight-bold;\r\n      font-size: 18px !important;\r\n      color: $white;\r\n    }\r\n    .breadcrumb {\r\n      background-color: transparent;\r\n      padding: 4px 0;\r\n      margin-bottom: 0;\r\n      .breadcrumb-item > a {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  .state-information {\r\n    .state-graph {\r\n      float: right;\r\n      margin-left: 40px;\r\n      text-align: center;\r\n      .info {\r\n        font-size: 12px;\r\n        margin-top: 5px;\r\n      }\r\n    }\r\n  }\r\n}\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: 240px;\r\n  height: $footer-height;\r\n  background-color: $footer-bg;\r\n  box-shadow: 0 -1px 2px 0 rgba($black,0.05);\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .footer {\r\n    left: 0;\r\n  }\r\n}\r\n\r\n// Enlarge menu\r\n.vertical-collpsed {\r\n  .footer {\r\n    left: $sidebar-collapsed-width;\r\n  }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n  .footer {\r\n    left: 0 !important;\r\n  }\r\n}\r\n","//\r\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        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}","// 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: 0.35s;\r\n    transition-property: height, visibility;\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  box-shadow: $box-shadow;\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.page-content-wrapper {\r\n  margin-top: -100px;\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        content: \"\\F0374\";\r\n      }\r\n    }\r\n  }\r\n\r\n  .has-arrow {\r\n    &:after {\r\n      content: \"\\F0415\";\r\n      font-family: \"Material Design Icons\";\r\n      display: block;\r\n      float: right;\r\n      transition: transform 0.2s;\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    li {\r\n      a {\r\n        display: block;\r\n        padding: 13px 25px;\r\n        color: $sidebar-menu-item-color;\r\n        position: relative;\r\n        font-size: 15px;\r\n        transition: all 0.5s;\r\n\r\n        i {\r\n          display: inline-block;\r\n          min-width: 1.35rem;\r\n          padding-bottom: 0.125em;\r\n          font-size: 16px;\r\n          line-height: 17px;\r\n          vertical-align: middle;\r\n          color: $sidebar-menu-item-icon-color;\r\n          transition: all 0.4s;\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      }\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          a {\r\n            padding: 8px 20px 8px 50px;\r\n            font-size: 13.5px;\r\n            color: $sidebar-menu-sub-item-color;\r\n            background: none;\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: 8px 20px 8px 72px;\r\n                font-size: 13.5px;\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  letter-spacing: 1px;\r\n  pointer-events: none;\r\n  cursor: default;\r\n  font-size: 10px;\r\n  text-transform: uppercase;\r\n  color: $sidebar-menu-item-icon-color;\r\n  font-weight: $font-weight-medium;\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    background-color: $sidebar-menu-item-active-bg;\r\n\r\n    i {\r\n      color: $sidebar-menu-item-active-color !important;\r\n    }\r\n  }\r\n  .active {\r\n    color: $sidebar-menu-item-active-color !important;\r\n\r\n    i {\r\n      color: $sidebar-menu-item-active-color !important;\r\n    }\r\n  }\r\n  > i {\r\n    color: $sidebar-menu-item-active-color !important;\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\n.vertical-collpsed {\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      .menu-title,\r\n      .badge,\r\n      .collapse.in {\r\n        display: none !important;\r\n      }\r\n\r\n      .nav.collapse {\r\n        height: inherit !important;\r\n      }\r\n\r\n      .has-arrow {\r\n        &:after {\r\n          display: none;\r\n        }\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            min-height: 55px;\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            span {\r\n              display: none;\r\n              padding-left: 25px;\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              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: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\r\n\r\n              ul {\r\n                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);\r\n              }\r\n\r\n              a {\r\n                box-shadow: none;\r\n                padding: 8px 20px;\r\n                position: relative;\r\n                width: 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: $sidebar-bg;\r\n\r\n          li {\r\n            &:hover {\r\n              > ul {\r\n                display: block;\r\n                left: 190px;\r\n                height: auto !important;\r\n                margin-top: -36px;\r\n                position: absolute;\r\n                width: 190px;\r\n              }\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// dark sidebar\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n  .navbar-brand-box{\r\n    background-color: $header-colored-bg;\r\n  }\r\n  .vertical-menu {\r\n    background: $sidebar-dark-bg;\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          &: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        }\r\n\r\n        ul.sub-menu {\r\n          li {\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  // Enlarge menu\r\n  &.vertical-collpsed {\r\n    min-height: 1760px;\r\n    // Side menu\r\n    .vertical-menu {\r\n      // Sidebar Menu\r\n      #sidebar-menu {\r\n        > ul {\r\n          > li {\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\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        ul {\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  .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      background-color: $sidebar-dark-menu-item-active-bg;\r\n      i {\r\n        color: $sidebar-dark-menu-item-active-color !important;\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  }\r\n\r\n  .menu-title {\r\n    color: $sidebar-dark-menu-item-icon-color;\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=\"small\"] {\r\n  .navbar-brand-box {\r\n    width: $sidebar-width-sm;\r\n  }\r\n  .vertical-menu {\r\n    width: $sidebar-width-sm;\r\n    text-align: center;\r\n\r\n    .has-arrow:after,\r\n    .badge {\r\n      display: none !important;\r\n    }\r\n  }\r\n  .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        i {\r\n          display: block;\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  &.vertical-collpsed {\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              i {\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// Dark\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n  .page-title-box {\r\n    background: $page-title-light-image;\r\n    color: $dark;\r\n    .page-title {\r\n      h4 {\r\n        font-weight: 600;\r\n        font-size: 18px !important;\r\n        color: $dark;\r\n      }\r\n      .breadcrumb {\r\n        a {\r\n          color: rgba($dark, 0.9);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","//\r\n// _horizontal.scss\r\n//\r\n\r\n.topnav {\r\n  background: $topnav-bg;\r\n  padding: 0 calc(#{$grid-gutter-width} / 2);\r\n  box-shadow: $box-shadow;\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\r\n  .topnav-menu {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .navbar-nav {\r\n    .nav-link {\r\n      font-size: 14.5px;\r\n      position: relative;\r\n      padding: 21px 25px;\r\n      color: $menu-item-color;\r\n      line-height: 18px;\r\n      i {\r\n        font-size: 15px;\r\n      }\r\n      &:focus,\r\n      &:hover {\r\n        color: $menu-item-active-color;\r\n        background-color: transparent;\r\n      }\r\n    }\r\n\r\n    .dropdown-item {\r\n      color: $menu-item-color;\r\n      &.active,\r\n      &:hover {\r\n        color: $menu-item-active-color;\r\n        background-color: transparent;\r\n      }\r\n    }\r\n\r\n    .nav-item {\r\n      .nav-link.active {\r\n        color: $menu-item-active-color;\r\n      }\r\n    }\r\n\r\n    .dropdown {\r\n      &.active {\r\n        > a {\r\n          color: $menu-item-active-color;\r\n          background-color: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n  .navbar-header {\r\n    height: 60px;\r\n  }\r\n  .navbar-header {\r\n    .dropdown {\r\n      .show.header-item {\r\n        background-color:  $gray-200;\r\n      }\r\n    }\r\n  }\r\n  .logo {\r\n    line-height: 60px;\r\n  }\r\n  .app-search {\r\n    padding: calc(25px / 2) 0;\r\n  }\r\n  .topnav {\r\n    margin-top: 60px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  body[data-layout=\"horizontal\"] {\r\n    .container-fluid,\r\n    .navbar-header {\r\n      max-width: 95%;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 992px) {\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: 0.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: 0.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 0.3s ease-out;\r\n    width: 0.4em;\r\n  }\r\n}\r\n\r\n@media (max-width: 991.98px) {\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@media (max-width: 991.98px) {\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: 15px;\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@media (min-width: 992px) {\r\n  body[data-layout=\"horizontal\"][data-topbar=\"light\"] {\r\n    .navbar-brand-box {\r\n      .logo-dark {\r\n        display: $display-block;\r\n      }\r\n\r\n      .logo-light {\r\n        display: $display-none;\r\n      }\r\n    }\r\n\r\n    .topnav {\r\n      background-color: $primary;\r\n      .navbar-nav {\r\n        .nav-link {\r\n          color: rgba($white, 0.6);\r\n\r\n          &:focus,\r\n          &: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// 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    .form-control {\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    .noti-icon {\r\n      i {\r\n        color: $header-dark-item-color;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//\r\n\r\nbody[data-topbar=\"light\"][data-layout=\"horizontal\"] {\r\n  #page-topbar {\r\n    color: $header-item-color;\r\n    background-color: $header-bg;\r\n  }\r\n \r\n  .app-search {\r\n    .form-control {\r\n      background-color: $topbar-search-bg;\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","//\r\n// _layouts.scss\r\n//\r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n  .container-fluid {\r\n    max-width: 100% !important;\r\n  }\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    &::before {\r\n      max-width: 1300px;\r\n      margin: 0 auto;\r\n    }\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  .topnav {\r\n    max-width: $boxed-layout-width;\r\n    margin: 60px auto 0px;\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  &.vertical-collpsed {\r\n    .footer {\r\n      max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\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  .footer {\r\n    max-width: 1300px;\r\n  }\r\n  .container-fluid,\r\n  .navbar-header {\r\n    max-width: $boxed-layout-width;\r\n  }\r\n}\r\n\r\n//Page-title-2\r\n\r\nbody[data-page-title=\"white\"] {\r\n  .page-title-box {\r\n    background: $page-title-bg;\r\n    padding: 17px 20px;\r\n    margin-bottom: 30px;\r\n    box-shadow: $box-shadow;\r\n    .page-title {\r\n      font-size: 18px;\r\n      margin: 0;\r\n      color: $dark;\r\n      line-height: 30px;\r\n    }\r\n  }\r\n  .page-content-wrapper {\r\n    margin-top: 0px;\r\n  }\r\n}\r\n\r\n//Sidebar with User\r\n.user-details {\r\n  display: none;\r\n  min-height: 80px;\r\n  padding: 20px;\r\n  position: relative;\r\n  background: url(../images/bg.jpg);\r\n  background-size: cover;\r\n  .dropdown-toggle {\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n  }\r\n}\r\n\r\nbody[data-sidebar-user=\"true\"] {\r\n  .user-details {\r\n    display: block;\r\n  }\r\n  &.vertical-collpsed {\r\n    .user-details {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #0d6efd !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #d63384 !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #198754 !default;\n$teal:    #20c997 !default;\n$cyan:    #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black !default;\n$color-contrast-light:     $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              false !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer / 4,\n  2: $spacer / 2,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n$body-text-align:           null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary !default;\n$link-decoration:                         underline !default;\n$link-shade-percentage:                   20% !default;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration:                   null !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           1.5rem !default;\n$grid-row-columns:            6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width / 2 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n\n$border-color:                $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem !default;\n$border-radius-sm:            .2rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-pill:          50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white !default;\n$component-active-bg:         $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code:            var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root:              null !default;\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875 !default;\n$font-size-lg:                $font-size-base * 1.25 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer / 2 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$sub-sup-font-size:           .75em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$initialism-font-size:        $small-font-size !default;\n\n$blockquote-margin-y:         $spacer !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n$blockquote-footer-color:     $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y:                 $spacer !default;\n$hr-color:                    inherit !default;\n$hr-height:                   $border-width !default;\n$hr-opacity:                  .25 !default;\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem !default;\n$table-cell-padding-x:        .5rem !default;\n$table-cell-padding-y-sm:     .25rem !default;\n$table-cell-padding-x-sm:     .25rem !default;\n\n$table-cell-vertical-align:   top !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    transparent !default;\n\n$table-th-font-weight:        null !default;\n\n$table-striped-color:         $table-color !default;\n$table-striped-bg-factor:     .05 !default;\n$table-striped-bg:            rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color:          $table-color !default;\n$table-active-bg-factor:      .1 !default;\n$table-active-bg:             rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color:           $table-color !default;\n$table-hover-bg-factor:       .075 !default;\n$table-hover-bg:              rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor:         .1 !default;\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-striped-order:         odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-scale:              -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:         .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur:          0 !default;\n$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color:              $link-color !default;\n$btn-link-hover-color:        $link-hover-color !default;\n$btn-link-disabled-color:     $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:       15% !default;\n$btn-hover-bg-tint-amount:        15% !default;\n$btn-hover-border-shade-amount:   20% !default;\n$btn-hover-border-tint-amount:    10% !default;\n$btn-active-bg-shade-amount:      20% !default;\n$btn-active-bg-tint-amount:       20% !default;\n$btn-active-border-shade-amount:  25% !default;\n$btn-active-border-tint-amount:   10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem !default;\n$form-text-font-size:                   $small-font-size !default;\n$form-text-font-style:                  null !default;\n$form-text-font-weight:                 null !default;\n$form-text-color:                       $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem !default;\n$form-label-font-size:                  null !default;\n$form-label-font-style:                 null !default;\n$form-label-font-weight:                null !default;\n$form-label-color:                      null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n$input-disabled-border-color:           null !default;\n\n$input-color:                           $body-color !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      $box-shadow-inset !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              tint-color($component-active-bg, 50%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em !default;\n$form-check-min-height:                   $font-size-base * $line-height-base !default;\n$form-check-padding-start:                $form-check-input-width + .5em !default;\n$form-check-margin-bottom:                .125rem !default;\n$form-check-label-color:                  null !default;\n$form-check-label-cursor:                 null !default;\n$form-check-transition:                   null !default;\n\n$form-check-input-active-filter:          brightness(90%) !default;\n\n$form-check-input-bg:                     $input-bg !default;\n$form-check-input-border:                 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius:          .25em !default;\n$form-check-radio-border-radius:          50% !default;\n$form-check-input-focus-border:           $input-focus-border-color !default;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color:          $component-active-color !default;\n$form-check-input-checked-bg-color:       $component-active-bg !default;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\") !default;\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\") !default;\n\n$form-check-input-indeterminate-color:          $component-active-color !default;\n$form-check-input-indeterminate-bg-color:       $component-active-bg !default;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity:        .5 !default;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end:    1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba(0, 0, 0, .25) !default;\n$form-switch-width:               2em !default;\n$form-switch-padding-start:       $form-switch-width + .5em !default;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius:       $form-switch-width !default;\n$form-switch-transition:          background-position .15s ease-in-out !default;\n\n$form-switch-focus-color:         $input-focus-border-color !default;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color:       $component-active-color !default;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y !default;\n$input-group-addon-padding-x:           $input-padding-x !default;\n$input-group-addon-font-weight:         $input-font-weight !default;\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y !default;\n$form-select-padding-x:             $input-padding-x !default;\n$form-select-font-family:           $input-font-family !default;\n$form-select-font-size:             $input-font-size !default;\n$form-select-indicator-padding:     $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight !default;\n$form-select-line-height:           $input-line-height !default;\n$form-select-color:                 $input-color !default;\n$form-select-bg:                    $input-bg !default;\n$form-select-disabled-color:        null !default;\n$form-select-disabled-bg:           $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position:           right $form-select-padding-x center !default;\n$form-select-bg-size:               16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800 !default;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width:        $input-border-width !default;\n$form-select-border-color:        $input-border-color !default;\n$form-select-border-radius:       $border-radius !default;\n$form-select-box-shadow:          $box-shadow-inset !default;\n\n$form-select-focus-border-color:  $input-focus-border-color !default;\n$form-select-focus-width:         $input-focus-width !default;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm:        $input-padding-y-sm !default;\n$form-select-padding-x-sm:        $input-padding-x-sm !default;\n$form-select-font-size-sm:        $input-font-size-sm !default;\n\n$form-select-padding-y-lg:        $input-padding-y-lg !default;\n$form-select-padding-x-lg:        $input-padding-x-lg !default;\n$form-select-font-size-lg:        $input-font-size-lg !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100% !default;\n$form-range-track-height:         .5rem !default;\n$form-range-track-cursor:         pointer !default;\n$form-range-track-bg:             $gray-300 !default;\n$form-range-track-border-radius:  1rem !default;\n$form-range-track-box-shadow:     $box-shadow-inset !default;\n\n$form-range-thumb-width:                   1rem !default;\n$form-range-thumb-height:                  $form-range-thumb-width !default;\n$form-range-thumb-bg:                      $component-active-bg !default;\n$form-range-thumb-border:                  0 !default;\n$form-range-thumb-border-radius:           1rem !default;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg:             $gray-500 !default;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color !default;\n$form-file-button-bg:             $input-group-addon-bg !default;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border) !default;\n$form-floating-padding-x:         $input-padding-x !default;\n$form-floating-padding-y:         1rem !default;\n$form-floating-input-padding-t:   1.625rem !default;\n$form-floating-input-padding-b:   .625rem !default;\n$form-floating-label-opacity:     .65 !default;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $form-text-font-size !default;\n$form-feedback-font-style:          $form-text-font-style !default;\n$form-feedback-valid-color:         $success !default;\n$form-feedback-invalid-color:       $danger !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-offcanvas:                  1050 !default;\n$zindex-modal:                      1060 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-font-size:                null !default;\n$nav-link-font-weight:              null !default;\n$nav-link-color:                    $link-color !default;\n$nav-link-hover-color:              $link-hover-color !default;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer / 2 !default;\n$navbar-padding-x:                  null !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;\n$navbar-brand-margin-end:           1rem !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n$navbar-toggler-focus-width:        $btn-focus-width !default;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .55) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $dropdown-border-color !default;\n$dropdown-divider-margin-y:         $spacer / 2 !default;\n$dropdown-box-shadow:               $box-shadow !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         shade-color($gray-900, 10%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           $spacer / 4 !default;\n$dropdown-item-padding-x:           $spacer !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300 !default;\n$dropdown-dark-bg:                  $gray-800 !default;\n$dropdown-dark-border-color:        $dropdown-border-color !default;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow:          null !default;\n$dropdown-dark-link-color:          $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color:    $white !default;\n$dropdown-dark-link-hover-bg:       rgba($white, .15) !default;\n$dropdown-dark-link-active-color:   $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color:        $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-radius:          $border-radius !default;\n$pagination-margin-start:           -$pagination-border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-color:            $link-hover-color !default;\n$pagination-focus-bg:               $gray-200 !default;\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer !default;\n$card-spacer-x:                     $spacer !default;\n$card-title-spacer-y:               $spacer / 2 !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y:                $card-spacer-y / 2 !default;\n$card-cap-padding-x:                $card-spacer-x !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n$card-img-overlay-padding:          $spacer !default;\n$card-group-margin:                 $grid-gutter-width / 2 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem !default;\n$accordion-padding-x:                     1.25rem !default;\n$accordion-color:                         $body-color !default;\n$accordion-bg:                            $body-bg !default;\n$accordion-border-width:                  $border-width !default;\n$accordion-border-color:                  rgba($black, .125) !default;\n$accordion-border-radius:                 $border-radius !default;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y:                $accordion-padding-y !default;\n$accordion-body-padding-x:                $accordion-padding-x !default;\n\n$accordion-button-padding-y:              $accordion-padding-y !default;\n$accordion-button-padding-x:              $accordion-padding-x !default;\n$accordion-button-color:                  $accordion-color !default;\n$accordion-button-bg:                     $accordion-bg !default;\n$accordion-transition:                    $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color:           shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color:     $input-focus-border-color !default;\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow !default;\n\n$accordion-icon-width:                    1.25rem !default;\n$accordion-icon-color:                    $accordion-color !default;\n$accordion-icon-active-color:             $accordion-button-active-color !default;\n$accordion-icon-transition:               transform .2s ease-in-out !default;\n$accordion-icon-transform:                rotate(-180deg) !default;\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 $spacer / 4 !default;\n$tooltip-padding-x:                 $spacer / 2 !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-start tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                $box-shadow !default;\n\n$popover-header-bg:                 shade-color($popover-bg, 6%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          $spacer !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $spacer !default;\n$popover-body-padding-x:            $spacer !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .5rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               $border-radius !default;\n$toast-box-shadow:                  $box-shadow !default;\n$toast-spacing:                     $container-padding-x !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-color:                       $white !default;\n$badge-padding-y:                   .35em !default;\n$badge-padding-x:                   .65em !default;\n$badge-border-radius:               $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer !default;\n\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up:    $box-shadow !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            $modal-inner-padding !default;\n$modal-header-padding-x:            $modal-inner-padding !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm:                          300px !default;\n$modal-md:                          500px !default;\n$modal-lg:                          800px !default;\n$modal-xl:                          1140px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer !default;\n$alert-padding-x:               $spacer !default;\n$alert-margin-bottom:           1rem !default;\n$alert-border-radius:           $border-radius !default;\n$alert-link-font-weight:        $font-weight-bold !default;\n$alert-border-width:            $border-width !default;\n$alert-bg-scale:                -80% !default;\n$alert-border-scale:            -70% !default;\n$alert-color-scale:             40% !default;\n$alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               $box-shadow-inset !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   $primary !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  $gray-900 !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         $spacer / 2 !default;\n$list-group-item-padding-x:         $spacer !default;\n$list-group-item-bg-scale:          -80% !default;\n$list-group-item-color-scale:       40% !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size !default;\n$figure-caption-color:              $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null !default;\n$breadcrumb-padding-y:              0 !default;\n$breadcrumb-padding-x:              0 !default;\n$breadcrumb-item-padding-x:         .5rem !default;\n$breadcrumb-margin-bottom:          1rem !default;\n$breadcrumb-bg:                     null !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n$breadcrumb-divider-flipped:        $breadcrumb-divider !default;\n$breadcrumb-border-radius:          null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-opacity:         .5 !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-active-opacity:  1 !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n$carousel-caption-padding-y:         1.25rem !default;\n$carousel-caption-spacer:            1.25rem !default;\n\n$carousel-control-icon-width:        2rem !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black !default;\n$carousel-dark-caption-color:        $black !default;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em !default;\n$btn-close-height:           $btn-close-width !default;\n$btn-close-padding-x:        .25em !default;\n$btn-close-padding-y:        $btn-close-padding-x !default;\n$btn-close-color:            $black !default;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\") !default;\n$btn-close-focus-shadow:     $input-btn-focus-box-shadow !default;\n$btn-close-opacity:          .5 !default;\n$btn-close-hover-opacity:    .75 !default;\n$btn-close-focus-opacity:    1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding !default;\n$offcanvas-padding-x:               $modal-inner-padding !default;\n$offcanvas-horizontal-width:        400px !default;\n$offcanvas-vertical-height:         30vh !default;\n$offcanvas-transition-duration:     .3s !default;\n$offcanvas-border-color:            $modal-content-border-color !default;\n$offcanvas-border-width:            $modal-content-border-width !default;\n$offcanvas-title-line-height:       $modal-title-line-height !default;\n$offcanvas-bg-color:                $modal-content-bg !default;\n$offcanvas-color:                   $modal-content-color !default;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         null !default;\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}","// alert\r\n\r\n.alert {\r\n  position: relative;\r\n  border: 0;\r\n  box-shadow: $box-shadow;\r\n}\r\n\r\n.alert-dismissible {\r\n  .btn-close {\r\n    font-size: 9px;\r\n    padding: $alert-padding-y * 1.4 $alert-padding-x;\r\n    box-shadow: none;\r\n  }\r\n}\r\n","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 2rem;\n  width: 2rem;\n}\n\n.avatar-sm {\n  height: 32px;\n  width: 32px;\n}\n\n.avatar-md {\n  height: 48px;\n  width: 48px;\n}\n\n.avatar-lg {\n  height: 88px;\n  width: 88px;\n}\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n","//\n// _helper.scss\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// width\n\n.w-xs {\n  min-width: 80px;\n}\n.w-sm {\n  min-width: 95px;\n}\n.w-md {\n  min-width: 110px;\n}\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n//\n\n\n.flex-1 {\n  flex: 1;\n}\n\n// Social\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 2px);\n  display: block;\n  border: 1px solid $gray-500;\n  border-radius: 50%;\n  color: $gray-500;\n  text-align: center;\n}\n\n//small\n\n.small,\nsmall {\n  font-size: 80%;\n  font-weight: 400;\n}\n\n\n// alert\n\n.alert-dismissible {\n  .btn-close{\n    font-size: 10px;\n    padding: $alert-padding-y * 1.4 $alert-padding-x;\n    background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n  }\n}","// \r\n// preloader.scss\r\n//\r\n\r\n#preloader {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: $card-bg;\r\n    z-index: 9999;\r\n}\r\n\r\n#status {\r\n    width: 40px;\r\n    height: 40px;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin: -20px 0 0 -20px;\r\n}\r\n\r\n.spinner-chase {\r\n    margin: 0 auto;\r\n    width: 40px;\r\n    height: 40px;\r\n    position: relative;\r\n    animation: spinner-chase 2.5s infinite linear both;\r\n}\r\n\r\n.chase-dot {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0; \r\n    animation: chase-dot 2.0s infinite ease-in-out both; \r\n    &:before {\r\n        content: '';\r\n        display: block;\r\n        width: 25%;\r\n        height: 25%;\r\n        background-color: $primary;\r\n        border-radius: 100%;\r\n        animation: chase-dot-before 2.0s infinite ease-in-out both; \r\n    }\r\n\r\n    &:nth-child(1) { \r\n        animation-delay: -1.1s; \r\n        &:before{\r\n            animation-delay: -1.1s;\r\n        }\r\n    }\r\n    &:nth-child(2) { \r\n        animation-delay: -1.0s;\r\n        &:before{\r\n            animation-delay: -1.0s;\r\n        }\r\n    }\r\n    &:nth-child(3) { \r\n        animation-delay: -0.9s;\r\n        &:before{\r\n            animation-delay: -0.9s;\r\n        } \r\n    }\r\n    &:nth-child(4) { \r\n        animation-delay: -0.8s; \r\n        &:before{\r\n            animation-delay: -0.8s;\r\n        } \r\n    }\r\n    &:nth-child(5) { \r\n        animation-delay: -0.7s; \r\n        &:before{\r\n            animation-delay: -0.7s;\r\n        } \r\n    }\r\n    &:nth-child(6) { \r\n        animation-delay: -0.6s; \r\n        &:before{\r\n            animation-delay: -0.6s;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes spinner-chase {\r\n    100% { \r\n        transform: rotate(360deg); \r\n    } \r\n}\r\n\r\n@keyframes chase-dot {\r\n    80%, 100% { \r\n        transform: rotate(360deg); \r\n    } \r\n}\r\n\r\n@keyframes chase-dot-before {\r\n    50% {\r\n        transform: scale(0.4); \r\n    } \r\n    100%, 0% {\r\n        transform: scale(1.0); \r\n    } \r\n}",".form-check {\r\n  position: relative;\r\n}\r\n\r\n//check-boxes\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 /*rtl:left*/;\r\n    margin-left: 0;\r\n    margin-right: $form-check-padding-start * -1;\r\n  }\r\n  .form-check-label {\r\n    display: block;\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[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  Widgets\r\n===================*/\r\n\r\n.dashboard-charts {\r\n  height: 300px;\r\n}\r\n\r\n.widget-chart li {\r\n  width: 31.5%;\r\n  display: inline-block;\r\n  padding: 0;\r\n  i {\r\n    font-size: 22px;\r\n  }\r\n}\r\n\r\n.mini-stat {\r\n  overflow: hidden;\r\n  .mini-stat-desc {\r\n    .verti-label {\r\n      transform: rotate(-90deg);\r\n      position: absolute;\r\n      top: 53px;\r\n      right: -9px;\r\n      letter-spacing: 2px;\r\n    }\r\n  }\r\n  .mini-stat-icon {\r\n    i {\r\n      font-size: 5.5rem;\r\n      position: absolute;\r\n      right: 46px;\r\n      top: -35px;\r\n      color: rgba($white, 0.3);\r\n    }\r\n  }\r\n}\r\n\r\n// Recent Activity\r\n.recent-activity-tab {\r\n  .nav-item {\r\n    position: relative;\r\n    padding-top: 30px;\r\n    border-top: 2px solid $border-color;\r\n    &::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -7px;\r\n      width: 12px;\r\n      height: 12px;\r\n      background: $primary;\r\n      border-radius: 50%;\r\n      border: 2px solid rgba($white, 0.4);\r\n    }\r\n    .nav-link {\r\n      color: $dark;\r\n      border-radius: 30px;\r\n      position: relative;\r\n      transition: none;\r\n\r\n    }\r\n    .nav-link.active {\r\n      color: $white;\r\n      &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 16px;\r\n        background: $primary;\r\n        transform: rotate(-60deg) skew(60deg);\r\n        top: -7px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .recent-activity-tab {\r\n    .nav-item {\r\n      .nav-link.active {\r\n        &:before {\r\n          left: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// inbox widget\r\n.inbox-wid {\r\n  .inbox-item {\r\n    position: relative;\r\n    border-bottom: 1px solid $border-color;\r\n    overflow: hidden;\r\n    padding: 10px 0;\r\n\r\n    .inbox-item-date {\r\n      font-size: 11px;\r\n      position: absolute;\r\n      right: 7px;\r\n      top: 8px;\r\n    }\r\n  }\r\n}\r\n\r\n// Order table\r\n.order-table {\r\n  .badge {\r\n    padding: 0.5em 0.6em;\r\n    text-transform: uppercase;\r\n  }\r\n  .bg-primary {\r\n    background: rgba($primary, 0.5);\r\n  }\r\n  .bg-success {\r\n    background: rgba($success, 0.5);\r\n  }\r\n  .bg-warning {\r\n    background: rgba($warning, 0.5);\r\n  }\r\n}\r\n","//\r\n// _demos.scss\r\n//\r\n\r\n// Demo Only\r\n.button-items {\r\n  margin-left: -8px;\r\n  margin-bottom: -12px;\r\n\r\n  .btn {\r\n    margin-bottom: 12px;\r\n    margin-left: 8px;\r\n  }\r\n}\r\n\r\n// Lightbox\r\n\r\n.mfp-popup-form {\r\n  max-width: 1140px;\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// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n  color: $text-muted;\r\n  text-align: center;\r\n\r\n  i{\r\n    display: block;\r\n    font-size: 28px;\r\n    margin-bottom: 5px; \r\n  }\r\n\r\n  .col-xl-3 {\r\n    margin-bottom: 30px;\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      i {\r\n        color: $primary;\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: 0.8rem;\r\n    font-weight: $font-weight-medium;\r\n    padding: 10px 20px;\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  .page-content-wrapper,\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}\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: 4px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n.fc td,\r\n.fc th {\r\n  border: $table-border-width solid $table-border-color;\r\n}\r\n\r\n.fc {\r\n  .fc-toolbar {\r\n    h2 {\r\n      font-size: 16px;\r\n      line-height: 30px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    @media (max-width: 767.98px) {\r\n      .fc-left,\r\n      .fc-right,\r\n      .fc-center {\r\n        float: none;\r\n        display: block;\r\n        text-align: center;\r\n        clear: both;\r\n        margin: 10px 0;\r\n      }\r\n\r\n      > * > * {\r\n        float: none;\r\n      }\r\n\r\n      .fc-today-button {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    .btn {\r\n      text-transform: capitalize;\r\n    }\r\n  }\r\n}\r\n\r\n.fc {\r\n  th.fc-widget-header {\r\n    background: $gray-300;\r\n    color: $gray-700;\r\n    line-height: 20px;\r\n    padding: 10px 0;\r\n    text-transform: uppercase;\r\n    font-weight: $font-weight-bold;\r\n  }\r\n}\r\n\r\n.fc-unthemed {\r\n  .fc-content,\r\n  .fc-divider,\r\n  .fc-list-heading td,\r\n  .fc-list-view,\r\n  .fc-popover,\r\n  .fc-row,\r\n  tbody,\r\n  td,\r\n  th,\r\n  thead {\r\n    border-color: $gray-300;\r\n  }\r\n\r\n  td.fc-today {\r\n    background: lighten($gray-200, 2%);\r\n  }\r\n}\r\n\r\n.fc-button {\r\n  background: $card-bg;\r\n  border-color: $border-color;\r\n  color: $gray-700;\r\n  text-transform: capitalize;\r\n  box-shadow: none;\r\n  padding: 6px 12px !important;\r\n  height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n  background-color: $primary;\r\n  color: $white;\r\n  text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n  border-radius: 2px;\r\n  border: none;\r\n  cursor: move;\r\n  font-size: 0.8125rem;\r\n  margin: 5px 7px;\r\n  padding: 5px 5px;\r\n  text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n  background-color: $primary;\r\n}\r\n\r\n.fc-event .fc-content {\r\n  color: $white;\r\n}\r\n\r\n.fc-day-header {\r\n  font-weight: $font-weight-medium;\r\n}\r\n\r\n.fc-day-grid-event {\r\n  .fc-time {\r\n    font-weight: $font-weight-medium;\r\n  }\r\n}\r\n\r\n#external-events {\r\n  .external-event {\r\n    text-align: left !important;\r\n    padding: 8px 16px;\r\n  }\r\n}\r\n\r\n// RTL Calendar\r\n\r\n[dir=\"rtl\"] .fc-header-toolbar {\r\n  direction: ltr;\r\n}\r\n\r\n.fc-toolbar>*>:not(:first-child) {\r\n    margin-left: .75em; \r\n}\r\n","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n    .close {\r\n        display: none;\r\n    }\r\n\r\n    .countdown-holder {\r\n        color: $danger;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $white;\r\n        color: $danger;\r\n        box-shadow: none;\r\n    }\r\n}","//\r\n// Range slider\r\n//\r\n\r\n.irs--modern {\r\n  .irs-bar,\r\n  .irs-to,\r\n  .irs-from,\r\n  .irs-single {\r\n    background: $primary !important;\r\n    font-size: 11px;\r\n  }\r\n  .irs-to,\r\n  .irs-from,\r\n  .irs-single {\r\n    &:before {\r\n      border-top-color: $primary;\r\n    }\r\n  }\r\n\r\n  .irs-line {\r\n    background: $gray-300;\r\n    border-color: $gray-300;\r\n  }\r\n  .irs-grid-text {\r\n    font-size: 11px;\r\n    color: $gray-400;\r\n  }\r\n  .irs-min,\r\n  .irs-max {\r\n    color: $gray-500;\r\n    background: $gray-300;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .irs-handle {\r\n    width: 12px;\r\n    height: 12px;\r\n    top: 37px;\r\n    background-color: $card-bg !important;\r\n\r\n    > i {\r\n      &:nth-child(1) {\r\n        width: 8px;\r\n        height: 8px;\r\n      }\r\n    }\r\n  }\r\n}\r\n","\r\n//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 24px;\r\n    font-weight: $font-weight-medium;\r\n  }  \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-content{\r\n  font-size: 16px;\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\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","\r\n//\r\n// Parsley\r\n//\r\n\r\n.error {\r\n  color: $danger;\r\n}\r\n\r\n.parsley-error {\r\n  border-color: $danger;\r\n}\r\n\r\n.parsley-errors-list {\r\n  display: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  &.filled {\r\n    display: block;\r\n  }\r\n  > li {\r\n    font-size: 12px;\r\n    list-style: none;\r\n    color: $danger;\r\n    margin-top: 5px;\r\n  }\r\n}","\r\n//\r\n// Select 2\r\n//\r\n\r\n.select2-container {\r\n\r\n  .select2-selection--single {\r\n    background-color: $input-bg;\r\n    border: 1px solid $input-border-color;\r\n    height: 38px;\r\n    &:focus{\r\n      outline: none;\r\n    }\r\n\r\n    .select2-selection__rendered {\r\n      line-height: 36px;\r\n      padding-left: 12px;\r\n      color: $input-color;\r\n    }\r\n\r\n    .select2-selection__arrow {\r\n      height: 34px;\r\n      width: 34px;\r\n      right: 3px;\r\n\r\n      b{\r\n        border-color: $gray-500 transparent transparent transparent;\r\n        border-width: 6px 6px 0 6px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--open {\r\n  .select2-selection--single {\r\n\r\n    .select2-selection__arrow {\r\n\r\n      b{\r\n        border-color: transparent transparent $gray-500 transparent !important;\r\n        border-width: 0 6px 6px 6px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--default {\r\n\r\n  .select2-results__group{\r\n    font-weight: $font-weight-medium;\r\n  }\r\n  .select2-search--dropdown {\r\n      padding: 10px;\r\n      background-color: $dropdown-bg;\r\n      .select2-search__field {\r\n          border: 1px solid  $input-border-color;\r\n          background-color: $input-bg;\r\n          color: $gray-600;\r\n          outline: none;\r\n      }\r\n  }\r\n  .select2-results__option--highlighted[aria-selected] {\r\n      background-color: $primary;\r\n  }\r\n  .select2-results__option[aria-selected=true] {\r\n      background-color: $dropdown-link-active-bg;\r\n      color: $dropdown-link-active-color;\r\n      &:hover {\r\n          background-color: $primary;\r\n          color: $white;\r\n      }\r\n  }\r\n}\r\n\r\n.select2-results__option {\r\n  padding: 6px 12px;\r\n}\r\n\r\n.select2-dropdown {\r\n  border: $dropdown-border-color;\r\n  background-color: $dropdown-bg;\r\n  box-shadow: $box-shadow;\r\n}\r\n\r\n.select2-search {\r\n  input{\r\n    border: 1px solid $gray-300;\r\n  }\r\n}\r\n\r\n.select2-container {\r\n  .select2-selection--multiple {\r\n    min-height: 38px;\r\n    background-color: $input-bg;\r\n    border: 1px solid $input-border-color !important;\r\n  \r\n    .select2-selection__rendered {\r\n      padding: 2px 10px;\r\n    }\r\n    .select2-search__field {\r\n      border: 0;\r\n      color: $input-color;\r\n      &::placeholder{\r\n          color: $input-color;\r\n      }\r\n  }\r\n    .select2-selection__choice {\r\n      background-color: $gray-200;\r\n      border: 1px solid $gray-300;\r\n      border-radius: 1px;\r\n      padding: 0 7px;\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--default{\r\n  &.select2-container--focus {\r\n    .select2-selection--multiple{\r\n      border-color: $gray-400;\r\n    }\r\n  }\r\n}\r\n\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}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 0px;\r\n  }\r\n}","//\r\n// Form editors.scss\r\n//\r\n\r\n// Tinymce\r\n\r\n.tox-tinymce {\r\n  border: 1px solid $input-border-color !important;\r\n}\r\n\r\n.tox {\r\n  .tox-statusbar {\r\n    border-top: 1px solid $light !important;\r\n  }\r\n  .tox-menubar,\r\n  .tox-edit-area__iframe,\r\n  .tox-statusbar {\r\n    background-color: $card-bg !important;\r\n    background: none !important;\r\n  }\r\n  .tox-mbtn {\r\n    color: $gray-700 !important;\r\n    &:hover:not(:disabled):not(.tox-mbtn--active) {\r\n      background-color: $light !important;\r\n    }\r\n  }\r\n  .tox-tbtn {\r\n    &:hover {\r\n      background-color: $light !important;\r\n    }\r\n  }\r\n\r\n  .tox-toolbar,\r\n  .tox-toolbar__overflow,\r\n  .tox-toolbar__primary {\r\n    background: $light !important;\r\n  }\r\n\r\n  .tox-toolbar__primary {\r\n    border-top-color: $light !important;\r\n  }\r\n\r\n  .tox-tbtn {\r\n    color: $gray-700 !important;\r\n    svg {\r\n      fill: $gray-700 !important;\r\n    }\r\n  }\r\n\r\n  .tox-edit-area__iframe {\r\n    background-color: $card-bg !important;\r\n  }\r\n\r\n  .tox-statusbar a,\r\n  .tox-statusbar__path-item,\r\n  .tox-statusbar__wordcount {\r\n    color: $gray-700 !important;\r\n  }\r\n\r\n  &:not([dir=\"rtl\"]) .tox-toolbar__group:not(:last-of-type) {\r\n    border-right: 1px solid darken($light, 5%) !important;\r\n  }\r\n}\r\n\r\n// x editable\r\n\r\n.editable-input {\r\n  .form-control {\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n.editable-buttons {\r\n  margin-left: 7px;\r\n  .editable-cancel {\r\n    margin-left: 7px;\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  }\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, 0.5);\r\n      }\r\n    }\r\n    &.pull-right {\r\n      float: right;\r\n      .dropdown-menu {\r\n        right: 0;\r\n        transform: none !important;\r\n        top: 100% !important;\r\n      }\r\n    }\r\n  }\r\n  tbody {\r\n    th {\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n\r\n  .checkbox-row {\r\n    padding-left: 40px;\r\n    color: $dropdown-color !important;\r\n\r\n    &:hover {\r\n      background-color: lighten($gray-200, 2%) !important;\r\n    }\r\n\r\n    label {\r\n      display: inline-block;\r\n      padding-left: 5px;\r\n      position: relative;\r\n      &::before {\r\n        -o-transition: 0.3s ease-in-out;\r\n        -webkit-transition: 0.3s ease-in-out;\r\n        background-color: $white;\r\n        border-radius: 3px;\r\n        border: 1px solid $gray-300;\r\n        content: \"\";\r\n        display: inline-block;\r\n        height: 17px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        position: absolute;\r\n        transition: 0.3s ease-in-out;\r\n        width: 17px;\r\n        outline: none !important;\r\n      }\r\n      &::after {\r\n        color: $gray-200;\r\n        display: inline-block;\r\n        font-size: 11px;\r\n        height: 16px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        padding-left: 3px;\r\n        padding-top: 1px;\r\n        position: absolute;\r\n        top: -1px;\r\n        width: 16px;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"] {\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      z-index: 1;\r\n      outline: none !important;\r\n\r\n      &:disabled + label {\r\n        opacity: 0.65;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:focus + label {\r\n      &::before {\r\n        outline-offset: -2px;\r\n        outline: none;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::after {\r\n        content: \"\\f00c\";\r\n        font-family: \"Font Awesome 5 Free\";\r\n        font-weight: 900;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:disabled + label {\r\n      &::before {\r\n        background-color: $gray-100;\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::before {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n      }\r\n      &::after {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  .fixed-solution {\r\n    .sticky-table-header {\r\n      top: $header-height !important;\r\n      table {\r\n        color: #5b626b;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n  @media (min-width: 992px) {\r\n    .fixed-solution {\r\n      .sticky-table-header {\r\n        top: $header-height + 50px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n","//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n  input, select{\r\n    height: $input-height-sm;\r\n    padding: $input-padding-y-sm $input-padding-x-sm;\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    color: $input-color;\r\n    border-radius: $input-border-radius;\r\n    &:focus{\r\n      outline: none;\r\n      border-color: $input-focus-border-color;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n// Table Responsive\r\n\r\n.dropdown-menu li.checkbox-row{\r\n  color: $dark;\r\n}","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n  $prev-key: null;\n  $prev-num: null;\n  @each $key, $num in $map {\n    @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n      // Do nothing\n    } @else if not comparable($prev-num, $num) {\n      @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    } @else if $prev-num >= $num {\n      @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    }\n    $prev-key: $key;\n    $prev-num: $num;\n  }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n  @if length($map) > 0 {\n    $values: map-values($map);\n    $first-value: nth($values, 1);\n    @if $first-value != 0 {\n      @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n    }\n  }\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n  $result: ();\n  @each $key, $value in $map {\n    @if $key != 0 {\n      $result: map-merge($result, (\"n\" + $key: (-$value)));\n    }\n  }\n  @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n  $result: ();\n  @each $key, $value in $map {\n    @if (index($values, $key) != null) {\n      $result: map-merge($result, ($key: $value));\n    }\n  }\n  @return $result;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n  $index: str-index($string, $search);\n\n  @if $index {\n    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n  }\n\n  @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n  @if str-index($string, \"data:image/svg+xml\") {\n    @each $char, $encoded in $escaped-characters {\n      // Do not escape the url brackets\n      @if str-index($string, \"url(\") == 1 {\n        $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n      } @else {\n        $string: str-replace($string, $char, $encoded);\n      }\n    }\n  }\n\n  @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n  $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n  $max-ratio: 0;\n  $max-ratio-color: null;\n\n  @each $color in $foregrounds {\n    $contrast-ratio: contrast-ratio($background, $color);\n    @if $contrast-ratio > $min-contrast-ratio {\n      @return $color;\n    } @else if $contrast-ratio > $max-ratio {\n      $max-ratio: $contrast-ratio;\n      $max-ratio-color: $color;\n    }\n  }\n\n  @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n  @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n  $l1: luminance($background);\n  $l2: luminance(opaque($background, $foreground));\n\n  @return if($l1 > $l2, ($l1 + .05) / ($l2 + .05), ($l2 + .05) / ($l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n  $rgb: (\n    \"r\": red($color),\n    \"g\": green($color),\n    \"b\": blue($color)\n  );\n\n  @each $name, $value in $rgb {\n    $value: if($value / 255 < .03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));\n    $rgb: map-merge($rgb, ($name: $value));\n  }\n\n  @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n  @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n  @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n  @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n  @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n  @if $value1 == null {\n    @return $value2;\n  }\n\n  @if $value2 == null {\n    @return $value1;\n  }\n\n  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n    @return $value1 + $value2;\n  }\n\n  @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n  @if $value1 == null and $value2 == null {\n    @return null;\n  }\n\n  @if $value1 == null {\n    @return -$value2;\n  }\n\n  @if $value2 == null {\n    @return $value1;\n  }\n\n  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n    @return $value1 - $value2;\n  }\n\n  @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n","//\r\n// datatable\r\n//\r\n\r\n\r\n\r\n.dataTables_wrapper {\r\n\t&.container-fluid {\r\n\t  padding: 0;\r\n\t}\r\n  }\r\n  \r\n  div.dataTables_wrapper {\r\n\tdiv.dataTables_length {\r\n\t\tlabel{\r\n\t\t\tmargin-bottom: .5rem;\r\n\t\t}\r\n\t}\r\n\tdiv.dataTables_filter {\r\n\t  text-align: right;\r\n  \r\n\t  @media (max-width: 767px) {\r\n\t\ttext-align: center;\r\n\t  }\r\n  \r\n  \r\n\t  input {\r\n\t\tmargin-left: 0.5em;\r\n\t\tmargin-right: 0;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  .datatable {\r\n\ttd {\r\n\t  &:focus {\r\n\t\toutline: none;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  div.table-responsive>div.dataTables_wrapper>div.row>div[class^=\"col-\"] {\r\n\t&:first-child {\r\n\t  padding-left: 0;\r\n\t}\r\n  \r\n\t&:last-child {\r\n\t  padding-right: 0;\r\n\t}\r\n  }\r\n  \r\n  \r\n  table.dataTable {\r\n\tborder-collapse: collapse !important;\r\n\tmargin-bottom: 15px !important;\r\n  \r\n\t// Change icons view\r\n\tthead {\r\n  \r\n\t  .sorting,\r\n\t  .sorting_asc,\r\n\t  .sorting_desc,\r\n\t  .sorting_asc_disabled,\r\n\t  .sorting_desc_disabled {\r\n\t\t&:before {\r\n\t\t  left: auto;\r\n\t\t  right: 0.5rem;\r\n\t\t  content: \"\\F0360\";\r\n\t\t  font-family: \"Material Design Icons\";\r\n\t\t  font-size: 1rem;\r\n\t\t  top: 9px;\r\n  \r\n  \r\n\t\t}\r\n  \r\n\t\t&:after {\r\n\t\t  left: auto;\r\n\t\t  right: 0.5em;\r\n\t\t  content: \"\\F035D\";\r\n\t\t  font-family: \"Material Design Icons\";\r\n\t\t  top: 15px;\r\n\t\t  font-size: 1rem;\r\n\t\t}\r\n\t  }\r\n  \r\n\t  tr {\r\n  \r\n\t\tth,\r\n\t\ttd {\r\n  \r\n\t\t  &.sorting_asc,\r\n\t\t  &.sorting_desc,\r\n\t\t  &.sorting {\r\n\t\t\tpadding-left: 12px;\r\n\t\t\tpadding-right: 30px;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t}\r\n  \r\n\ttbody {\r\n\t  // Multi select table\r\n  \r\n\t  > tr.selected, >tr>.selected {\r\n\t\t  background-color: rgba($primary,.2);\r\n\t\t  \r\n\t\t  td {\r\n\t\t\t  border-color: rgba($primary,.2);\r\n\t\t\t  color: $primary;\r\n\t\t  }\r\n\t  }\r\n\t  td {\r\n\t\t  &:focus {\r\n\t\t\t  outline: none !important;\r\n\t\t  }\r\n\t  }\r\n\t  // Key Tables\r\n\t  th.focus,td.focus{\r\n\t\t  outline: 2px solid $primary !important;\r\n\t\t  outline-offset: -1px;\r\n\t\t  background-color: rgba($primary, 0.15);\r\n\t  }\r\n  }\r\n  }\r\n  \r\n  .dataTables_info {\r\n\tfont-weight: $font-weight-semibold;\r\n  }\r\n  \r\n  \r\n  // Responsive data table\r\n  table.dataTable.dtr-inline.collapsed {\r\n\t>tbody {\r\n\t  >tr[role=row] {\r\n  \r\n\t\t>td,\r\n\t\t>th {\r\n\t\t  &:first-child {\r\n\t\t\t&:before {\r\n\t\t\t  box-shadow: $box-shadow-lg;\r\n\t\t\t  background-color: $success;\r\n\t\t\t  bottom: auto;\r\n\t\t\t}\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n  \r\n\t  >tr.parent {\r\n  \r\n\t\t>td,\r\n\t\t>th {\r\n\t\t  &:first-child {\r\n\t\t\t&:before {\r\n\t\t\t  background-color: $danger;\r\n\t\t\t}\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  \r\n  // Data Table copy button\r\n  div.dt-button-info {\r\n\tbackground-color: $primary;\r\n\tborder: none;\r\n\tcolor: $white;\r\n\tbox-shadow: none;\r\n\tborder-radius: 3px;\r\n\ttext-align: center;\r\n\tz-index: 21;\r\n  \r\n\th2 {\r\n\t  border-bottom: none;\r\n\t  background-color: rgba($white, 0.2);\r\n\t  color: $white;\r\n\t}\r\n  }\r\n  \r\n  @include media-breakpoint-down(md) {\r\n  \r\n\tli.paginate_button.previous,\r\n\tli.paginate_button.next {\r\n\t  display: inline-block;\r\n\t  font-size: 0.75rem;\r\n\t}\r\n  \r\n\tli.paginate_button {\r\n\t  display: none;\r\n\t}\r\n  \r\n\t.dataTables_paginate {\r\n\t  ul {\r\n\t\ttext-align: center;\r\n\t\tdisplay: block;\r\n\t\tmargin: $spacer 0 0 !important;\r\n\t  }\r\n\t}\r\n  \r\n\tdiv.dt-buttons {\r\n\t  display: inline-table;\r\n\t  margin-bottom: $spacer;\r\n\t}\r\n  }\r\n  \r\n  // Active status\r\n  .activate-select {\r\n\t.sorting_1 {\r\n\t  background-color: $gray-100;\r\n\t}\r\n  }\r\n  \r\n  \r\n  \r\n  // datatable\r\n  \r\n  \r\n  .table-bordered {\r\n\tborder: $table-border-width solid $table-border-color;\r\n  }\r\n  \r\n  \r\n  \r\n  .table,\r\n  table {\r\n\t&.dataTable {\r\n\t  &.dtr-inline.collapsed>tbody>tr>td {\r\n\t\tposition: relative;\r\n  \r\n\t\t&.dtr-control {\r\n\t\t  padding-left: 30px;\r\n  \r\n\t\t  &:before {\r\n\t\t\ttop: 64%;\r\n\t\t\tleft: 5px;\r\n\t\t\theight: 14px;\r\n\t\t\twidth: 14px;\r\n\t\t\tmargin-top: -14px;\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tcolor: $white;\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 14px;\r\n\t\t\tbox-sizing: content-box;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-indent: 0 !important;\r\n\t\t\tline-height: 12px;\r\n\t\t\tcontent: '+';\r\n\t\t\tbackground-color: $primary;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }","//\r\n// chartist.scss\r\n//\r\n\r\n.ct-golden-section:before {\r\n  float: none;\r\n}\r\n\r\n.ct-chart {\r\n  max-height: 300px;\r\n  .ct-label {\r\n    fill: $gray-500;\r\n    color: $gray-500;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n  }\r\n}\r\n\r\n.ct-chart.simple-pie-chart-chartist {\r\n  .ct-label {\r\n    color: $white;\r\n    fill: $white;\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n.ct-grid {\r\n  stroke: rgba($dark, 0.09);\r\n  stroke-width: 1px;\r\n  stroke-dasharray: 3px;\r\n}\r\n\r\n.ct-chart {\r\n  .ct-series {\r\n    &.ct-series-a {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $primary;\r\n      }\r\n    }\r\n    &.ct-series-b {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $info;\r\n      }\r\n    }\r\n    &.ct-series-c {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $warning;\r\n      }\r\n    }\r\n    &.ct-series-d {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $dark;\r\n      }\r\n    }\r\n    &.ct-series-e {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $success;\r\n      }\r\n    }\r\n    &.ct-series-f {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $danger;\r\n      }\r\n    }\r\n    &.ct-series-g {\r\n      .ct-bar,\r\n      .ct-line,\r\n      .ct-point,\r\n      .ct-slice-donut {\r\n        stroke: $gray-100;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.ct-series-a {\r\n  .ct-area,\r\n  .ct-slice-pie {\r\n    fill: $primary;\r\n  }\r\n}\r\n\r\n.ct-series-b {\r\n  .ct-area,\r\n  .ct-slice-pie {\r\n    fill: $warning;\r\n  }\r\n}\r\n\r\n.ct-series-c {\r\n  .ct-area,\r\n  .ct-slice-pie {\r\n    fill: $dark;\r\n  }\r\n}\r\n\r\n.ct-series-d {\r\n  .ct-area,\r\n  .ct-slice-pie {\r\n    fill: $success;\r\n  }\r\n}\r\n\r\n.ct-area {\r\n  fill-opacity: 0.33;\r\n}\r\n\r\n.chartist-tooltip {\r\n  position: absolute;\r\n  display: inline-block;\r\n  opacity: 0;\r\n  min-width: 10px;\r\n  padding: 2px 10px;\r\n  border-radius: 3px;\r\n  background: $dark;\r\n  color: $gray-300;\r\n  text-align: center;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  transition: opacity 0.2s linear;\r\n  &.tooltip-show {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.ct-line {\r\n  stroke-width: 3px;\r\n}\r\n\r\n.ct-point {\r\n  stroke-width: 7px;\r\n}\r\n","\r\n\r\n/* Flot chart */\r\n.flot-charts-height {\r\n  height: 320px;\r\n}\r\n\r\n.flotTip {\r\n  padding: 8px 12px;\r\n  background-color: rgba($dark, 0.9);\r\n  z-index: 100;\r\n  color: $gray-100;\r\n  box-shadow: $box-shadow;\r\n  border-radius: 4px;\r\n}\r\n\r\n.legendLabel{\r\n  color: $gray-500;\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// morris.scss\r\n//\r\n\r\n.morris-charts {\r\n  text {\r\n      font-family: $font-family-secondary !important;\r\n      fill: $gray-500;\r\n  }\r\n}\r\n.morris-hover {\r\n  position: absolute;\r\n  z-index: 10;\r\n\r\n  &.morris-default-style {\r\n      font-size: 12px;\r\n      text-align: center;\r\n      border-radius: 8px;\r\n      padding: 10px 12px;\r\n      color: $dark;\r\n      border: none;\r\n      font-family: $font-family-base;\r\n      background: $white;\r\n      box-shadow: $box-shadow-lg;\r\n\r\n\r\n      .morris-hover-row-label {\r\n          font-weight: bold;\r\n          font-family: $font-family-secondary;\r\n          background-color: $dark;\r\n          color: $light;\r\n          padding: 4px;\r\n          border-radius: 5px 5px 0 0;\r\n          margin: -10px -12px 10px;\r\n      }\r\n\r\n      .morris-hover-point {\r\n          white-space: nowrap;\r\n          margin: 0.1em 0;\r\n          font-weight: 500;\r\n          font-size: 14px;\r\n          color: #0f1f3e !important;\r\n      }\r\n  }\r\n}\r\n","//\r\n// Google map\r\n//\r\n\r\n.gmaps,\r\n.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// c3.scss\r\n//\r\n\r\n.c3-tooltip {\r\n  box-shadow: $box-shadow-lg;\r\n  opacity: 1;\r\n  td {\r\n    border-left: none;\r\n    > span {\r\n      background: $dark;\r\n    }\r\n  }\r\n  tr {\r\n    border: none !important;\r\n  }\r\n  th {\r\n    background-color: $dark;\r\n    color: $gray-100;\r\n  }\r\n}\r\n\r\n.c3-chart-arcs-title {\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n}\r\n\r\n.c3 {\r\n  text {\r\n    fill: $gray-500;\r\n  }\r\n  line,\r\n  path {\r\n    stroke: $gray-400;\r\n  }\r\n}\r\n.c3-legend-item {\r\n  font-size: 14px;\r\n}\r\n.c3 line,\r\n.c3 path {\r\n  stroke: $gray-400;\r\n}\r\n.c3-chart-arc.c3-target g path {\r\n  stroke: $white;\r\n}\r\n","//\r\n// Bootstrap touchspin\r\n//\r\n\r\n.bootstrap-touchspin {\r\n  &.input-group {\r\n    & > .input-group-prepend {\r\n      & > .btn,\r\n      & > .input-group-text {\r\n        border-top-right-radius: 0;\r\n        border-bottom-right-radius: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.input-group {\r\n    & > .input-group-append {\r\n      & > .btn,\r\n      & > .input-group-text {\r\n        border-top-left-radius: 0;\r\n        border-bottom-left-radius: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n","//\r\n// authentication.scss\r\n//\r\n\r\n//pages\r\n.account-pages {\r\n  background: url(../images/bg.jpg);\r\n  position: absolute;\r\n  background-size: cover;\r\n  height: 100%;\r\n  width: 100%;\r\n  top: 0;\r\n}\r\n.wrapper-page {\r\n  margin: 5.5% auto;\r\n  max-width: 460px;\r\n  position: relative;\r\n}\r\n\r\n//Lock-screen\r\n.user-thumb {\r\n  img {\r\n    height: 88px;\r\n    margin: 0 auto;\r\n    width: 88px;\r\n  }\r\n}\r\n\r\n\r\n//auth-logo\r\n\r\n.auth-logo {\r\n  .logo {\r\n    .logo-dark {\r\n      display: $display-block;\r\n    }\r\n    .logo-light {\r\n      display: $display-none;\r\n    }\r\n  }\r\n}\r\n","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 230px;\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.mail-list {\r\n  a {\r\n    display: block;\r\n    color: $dark;\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: 0.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: 0.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    &.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  .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: 0.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  Timeline\r\n===================*/\r\n/* Activity */\r\n.activity-feed {\r\n  padding: 15px 15px 0 15px;\r\n  list-style: none;\r\n\r\n  .feed-item {\r\n    position: relative;\r\n    padding-bottom: 29px;\r\n    padding-left: 30px;\r\n    border-left: 2px solid $light;\r\n\r\n    &:last-child {\r\n      border-color: transparent;\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      display: block;\r\n      position: absolute;\r\n      top: 0;\r\n      left: -10px;\r\n      width: 16px;\r\n      height: 10px;\r\n      border-radius: 6px;\r\n      background: $white;\r\n      border: 4px solid $primary;\r\n    }\r\n\r\n    .feed-item-list {\r\n      padding: 12px 20px;\r\n      border-radius: 7px;\r\n      background: $gray-100;\r\n      &::after {\r\n        left: 19px;\r\n        top: 0;\r\n        border: solid transparent;\r\n        content: \" \";\r\n        height: 0;\r\n        width: 0;\r\n        position: absolute;\r\n        pointer-events: none;\r\n        border-top-color: $gray-100;\r\n        border-width: 10px;\r\n        margin-left: -1px;\r\n        border-right-color: $gray-100;\r\n      }\r\n    }\r\n\r\n    .date {\r\n      display: block;\r\n      position: relative;\r\n      top: -5px;\r\n      color: #8c96a3;\r\n      text-transform: uppercase;\r\n      font-size: 13px;\r\n    }\r\n    .activity-text {\r\n      position: relative;\r\n      top: -3px;\r\n    }\r\n  }\r\n}\r\n\r\n/* Timeline */\r\n.cd-container {\r\n  width: 90%;\r\n  max-width: 1170px;\r\n  margin: 0 auto;\r\n}\r\n.cd-container::after {\r\n  content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n#cd-timeline {\r\n  margin-bottom: 2em;\r\n  margin-top: 2em;\r\n  padding: 2em 0;\r\n  position: relative;\r\n  &::before {\r\n    border-left: 3px solid rgba($light, 0.7);\r\n    content: \"\";\r\n    height: 100%;\r\n    left: 18px;\r\n    position: absolute;\r\n    top: 0;\r\n    width: 3px;\r\n  }\r\n}\r\n@media only screen and (min-width: 1170px) {\r\n  #cd-timeline {\r\n    margin-bottom: 3em;\r\n    margin-top: 3em;\r\n    &::before {\r\n      left: 50%;\r\n      margin-left: -2px;\r\n    }\r\n  }\r\n}\r\n\r\n.cd-timeline-block {\r\n  margin: 2em 0;\r\n  position: relative;\r\n  &:after {\r\n    clear: both;\r\n    content: \"\";\r\n    display: table;\r\n  }\r\n}\r\n.cd-timeline-block:first-child {\r\n  margin-top: 0;\r\n}\r\n.cd-timeline-block:last-child {\r\n  margin-bottom: 0;\r\n}\r\n@media only screen and (min-width: 1170px) {\r\n  .cd-timeline-block {\r\n    margin: 4em 0;\r\n  }\r\n  .cd-timeline-block:first-child {\r\n    margin-top: 0;\r\n  }\r\n  .cd-timeline-block:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n.cd-timeline-img {\r\n  position: absolute;\r\n  top: 29px;\r\n  left: 0;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  text-align: center;\r\n  line-height: 34px;\r\n  font-size: 20px;\r\n  color: $white;\r\n  background-color: $primary;\r\n  border: 3px solid $white;\r\n  z-index: 1;\r\n  box-shadow: $box-shadow;\r\n\r\n  i {\r\n    margin-left: 1px;\r\n  }\r\n}\r\n@media only screen and (min-width: 1170px) {\r\n  .cd-timeline-img {\r\n    width: 40px;\r\n    height: 40px;\r\n    line-height: 34px;\r\n    left: 50%;\r\n    margin-left: -20px;\r\n    -webkit-transform: translateZ(0);\r\n    -webkit-backface-visibility: hidden;\r\n  }\r\n  .cd-timeline-content {\r\n    .cd-date.date-right {\r\n      &:before {\r\n        content: \"\";\r\n        top: 0px;\r\n        left: 100%;\r\n        border-color: transparent;\r\n        border-left-color: rgba($light, 0.9);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.cd-timeline-content {\r\n  border-radius: 5px;\r\n  margin-left: 60px;\r\n  padding: 1em;\r\n  position: relative;\r\n  box-shadow: $box-shadow;\r\n\r\n  &:after {\r\n    clear: both;\r\n    content: \"\";\r\n    display: table;\r\n  }\r\n  h2 {\r\n    margin-top: 0;\r\n  }\r\n  .cd-read-more {\r\n    background: $primary;\r\n    border-radius: 0.25em;\r\n    color: $white;\r\n    display: inline-block;\r\n    float: right;\r\n    font-size: 14px;\r\n    padding: 0.8em 1em;\r\n  }\r\n  .cd-date {\r\n    display: inline-block;\r\n    font-size: 14px;\r\n  }\r\n  h3 {\r\n    font-size: 18px;\r\n    margin: 6px 0 18px 0;\r\n  }\r\n}\r\n\r\n.cd-timeline-content {\r\n  .cd-date {\r\n    float: left;\r\n    padding: 4px 22px;\r\n    opacity: 0.7;\r\n    background: rgba($light, 0.9);\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 1px;\r\n      right: 100%;\r\n      height: 0;\r\n      width: 0;\r\n      border: 14px solid transparent;\r\n      border-right: 14px solid rgba($light, 0.9);\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 1170px) {\r\n  .cd-timeline-content {\r\n    .cd-date {\r\n      &:before {\r\n        top: 34px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (min-width: 1170px) {\r\n  .cd-timeline-content {\r\n    margin-left: 0;\r\n    padding: 1.6em;\r\n    width: 42%;\r\n  }\r\n  .cd-timeline-content.right-content {\r\n    text-align: right;\r\n  }\r\n\r\n  .cd-timeline-content .cd-read-more {\r\n    float: left;\r\n  }\r\n  .cd-timeline-content .cd-date {\r\n    position: absolute;\r\n    width: 50%;\r\n    left: 84%;\r\n    top: 17px;\r\n  }\r\n  .cd-timeline-block:nth-child(even) .cd-timeline-content {\r\n    float: right;\r\n  }\r\n  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {\r\n    float: right;\r\n  }\r\n  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {\r\n    left: auto;\r\n    right: 84%;\r\n    text-align: right;\r\n  }\r\n}\r\n","//\r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// directory\r\n\r\n.directory-card {\r\n  .directory-card-bg {\r\n    background: url(\"../images/bg-directory-pattern.png\");\r\n    background-size: cover;\r\n    background-position: center;\r\n  }\r\n  .social-icons {\r\n    .social-links {\r\n      position: absolute;\r\n      bottom: 20px;\r\n      right: 0px;\r\n      border-top-left-radius: 24px;\r\n      border-bottom-left-radius: 24px;\r\n      background: rgba($primary, 0.5);\r\n    }\r\n  }\r\n}\r\n\r\n//Error Page\r\n.ex-page-content {\r\n  h1 {\r\n    font-size: 98px;\r\n    font-weight: 500;\r\n    line-height: 150px;\r\n    text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,\r\n      rgba(61, 61, 61, 0.3) 3px 3px;\r\n  }\r\n}\r\n"]}