{"version":3,"sources":["config/creative/app-dark.scss","config/creative/app-dark.css","custom/fonts/_fonts.scss","custom/structure/_general.scss","custom/structure/_left-menu.scss","config/default/_variables-dark.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","custom/structure/_topbar.scss","custom/structure/_page-head.scss","custom/structure/_footer.scss","custom/structure/_right-sidebar.scss","custom/structure/_layouts.scss","custom/structure/_horizontal-nav.scss","custom/components/_avatar.scss","custom/components/_helper.scss","custom/components/_social.scss","custom/components/_widgets.scss","custom/components/_print.scss","custom/components/_preloader.scss","custom/pages/_authentication.scss","custom/pages/_chat.scss","custom/pages/_components-demo.scss","custom/pages/_error.scss","custom/pages/_logout.scss","custom/pages/_faq.scss","custom/pages/_maintenance.scss","custom/pages/_timeline.scss","custom/pages/_email.scss","custom/pages/_pricing.scss","custom/pages/_gallery.scss","custom/pages/_coming-soon.scss","custom/pages/_profile.scss","custom/pages/_task.scss","custom/pages/_kanbanboard.scss","custom/plugins/_waves.scss","custom/plugins/_ion-rangeslider.scss","custom/plugins/_calendar.scss","../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","custom/plugins/_colorpicker.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_datatable.scss","custom/plugins/_daterange.scss","custom/plugins/_form-wizard.scss","custom/plugins/_select2.scss","../../node_modules/bootstrap/scss/_functions.scss","custom/plugins/_slimscroll.scss","custom/plugins/_toaster.scss","custom/plugins/_sweetalert.scss","custom/plugins/_selectize.scss","../../node_modules/bootstrap/scss/mixins/_gradients.scss","custom/plugins/_tippy.scss","custom/plugins/_nestable-list.scss","custom/plugins/_hopscotch.scss","custom/plugins/_flot.scss","custom/plugins/_morris.scss","custom/plugins/_chartjs.scss","custom/plugins/_chartist.scss","custom/plugins/_c3.scss","custom/plugins/_ricksaw.scss","custom/plugins/_responsive-table.scss","custom/plugins/_footables.scss","custom/plugins/_tablesaw.scss","custom/plugins/_multiple-select.scss","custom/plugins/_autocomplete.scss","custom/plugins/_bootstrap-touchspin.scss","custom/plugins/_parsley.scss","custom/plugins/_flatpickr.scss","custom/plugins/_clockpicker.scss","custom/plugins/_quilljs-editor.scss","custom/plugins/_dropzone.scss","custom/plugins/_dropify.scss","custom/plugins/_x-editable.scss","custom/plugins/_google-maps.scss","custom/plugins/_vector-maps.scss","custom/plugins/_mapeal-maps.scss","custom/plugins/_datepicker.scss","custom/plugins/_dragula.scss","custom/plugins/_jstree.scss","custom/plugins/_bootstrap-taginput.scss"],"names":[],"mappings":"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","file":"app-dark-rtl.min.css","sourcesContent":["/*\r\nTemplate Name: Adminto - Responsive Bootstrap 5 Admin Dashboard\r\nAuthor: CoderThemes\r\nVersion: 5.0.0\r\nWebsite: https://coderthemes.com/\r\nContact: support@coderthemes.com\r\nFile: Main Css File\r\n*/\r\n\r\n\r\n//Fonts\r\n@import \"../../custom/fonts/fonts\";\r\n\r\n//Core files\r\n@import \"./node_modules/bootstrap/scss/functions\";\r\n@import \"./node_modules/bootstrap/scss/variables\";\r\n@import \"../../config/default/variables-dark\";\r\n@import \"./node_modules/bootstrap/scss/mixins.scss\";\r\n\r\n\r\n// Structure\r\n@import \"../../custom/structure/general\";\r\n@import \"../../custom/structure/left-menu\";\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/layouts\";\r\n@import \"../../custom/structure/horizontal-nav\";\r\n//@import \"../../custom/structure/two-column-menu\";\r\n\r\n//Components\r\n@import \"../../custom/components/avatar\";\r\n@import \"../../custom/components/helper\";\r\n@import \"../../custom/components/social\";\r\n@import \"../../custom/components/widgets\";\r\n@import \"../../custom/components/print\";\r\n@import \"../../custom/components/preloader\";\r\n\r\n//Pages\r\n@import \"../../custom/pages/authentication\";\r\n@import \"../../custom/pages/chat\";\r\n@import \"../../custom/pages/components-demo\";\r\n@import \"../../custom/pages/error\";\r\n@import \"../../custom/pages/logout\";\r\n@import \"../../custom/pages/faq\";\r\n@import \"../../custom/pages/maintenance\";\r\n@import \"../../custom/pages/timeline\";\r\n@import \"../../custom/pages/email\";\r\n//@import \"../../custom/pages/sitemap\";\r\n//@import \"../../custom/pages/search-results\";\r\n@import \"../../custom/pages/pricing\";\r\n@import \"../../custom/pages/gallery\";\r\n@import \"../../custom/pages/coming-soon\";\r\n@import \"../../custom/pages/profile\";\r\n@import \"../../custom/pages/task\";\r\n@import \"../../custom/pages/kanbanboard\";\r\n//@import \"../../custom/pages/ecommerce\";\r\n\r\n\r\n// Plugins\r\n@import \"../../custom/plugins/waves\";\r\n@import \"../../custom/plugins/ion-rangeslider\";\r\n@import \"../../custom/plugins/calendar\";\r\n@import \"../../custom/plugins/colorpicker\";\r\n@import \"../../custom/plugins/sparkline-chart\";\r\n@import \"../../custom/plugins/datatable\";\r\n@import \"../../custom/plugins/daterange\";\r\n@import \"../../custom/plugins/form-wizard\";\r\n@import \"../../custom/plugins/select2\";\r\n@import \"../../custom/plugins/slimscroll\";\r\n@import \"../../custom/plugins/toaster\";\r\n@import \"../../custom/plugins/sweetalert\";\r\n@import \"../../custom/plugins/selectize\";\r\n@import \"../../custom/plugins/tippy\";\r\n@import \"../../custom/plugins/nestable-list\";\r\n@import \"../../custom/plugins/hopscotch\";\r\n@import \"../../custom/plugins/flot\";\r\n@import \"../../custom/plugins/morris\";\r\n@import \"../../custom/plugins/chartjs\";\r\n@import \"../../custom/plugins/chartist\";\r\n@import \"../../custom/plugins/c3\";\r\n@import \"../../custom/plugins/ricksaw\";\r\n@import \"../../custom/plugins/responsive-table\";\r\n@import \"../../custom/plugins/footables\";\r\n@import \"../../custom/plugins/tablesaw\";\r\n@import \"../../custom/plugins/multiple-select\";\r\n@import \"../../custom/plugins/autocomplete\";\r\n@import \"../../custom/plugins/bootstrap-touchspin\";\r\n@import \"../../custom/plugins/parsley\";\r\n@import \"../../custom/plugins/flatpickr\";\r\n@import \"../../custom/plugins/clockpicker\";\r\n@import \"../../custom/plugins/quilljs-editor\";\r\n@import \"../../custom/plugins/dropzone\";\r\n@import \"../../custom/plugins/dropify\";\r\n@import \"../../custom/plugins/x-editable\";\r\n@import \"../../custom/plugins/google-maps\";\r\n@import \"../../custom/plugins/vector-maps\";\r\n@import \"../../custom/plugins/mapeal-maps\";\r\n@import \"../../custom/plugins/datepicker\";\r\n@import \"../../custom/plugins/dragula\";\r\n@import \"../../custom/plugins/jstree\";\r\n@import \"../../custom/plugins/bootstrap-taginput\";\r\n","/*\r\nTemplate Name: Adminto - Responsive Bootstrap 5 Admin Dashboard\r\nAuthor: CoderThemes\r\nVersion: 5.0.0\r\nWebsite: https://coderthemes.com/\r\nContact: support@coderthemes.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500,700\");\n@import url(\"https://fonts.googleapis.com/css?family=Karla:400,700\");\nhtml {\n  position: relative;\n  min-height: 100%; }\n\nbody {\n  overflow-x: hidden; }\n\n#wrapper {\n  height: 100%;\n  overflow: hidden;\n  width: 100%; }\n\n.content-page {\n  margin-left: 240px;\n  overflow: hidden;\n  padding: 0 12px 65px 12px;\n  min-height: 80vh;\n  margin-top: 70px; }\n\n.left-side-menu {\n  width: 240px;\n  background: #ffffff;\n  bottom: 0;\n  padding: 20px 0;\n  position: fixed;\n  transition: all .1s ease-out;\n  top: 70px;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15); }\n  .left-side-menu .user-box .img-thumbnail {\n    background-color: #ffffff;\n    border-color: whitesmoke; }\n\n.user-box .user-name {\n  color: #343a40; }\n\n#sidebar-menu > ul {\n  list-style: none;\n  padding: 0; }\n  #sidebar-menu > ul > li > a {\n    color: #6e768e;\n    display: block;\n    padding: 12px 20px;\n    position: relative;\n    transition: all 0.4s;\n    font-family: \"Karla\", sans-serif;\n    font-size: 0.95rem; }\n    #sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {\n      color: #71b6f9;\n      text-decoration: none; }\n    #sidebar-menu > ul > li > a > span {\n      vertical-align: middle; }\n    #sidebar-menu > ul > li > a i {\n      display: inline-block;\n      line-height: 1.0625rem;\n      margin: 0 10px 0 3px;\n      text-align: center;\n      vertical-align: middle;\n      width: 16px;\n      font-size: .95rem; }\n    #sidebar-menu > ul > li > a svg {\n      width: 16px;\n      height: 16px;\n      margin-left: 3px;\n      margin-right: 10px; }\n    #sidebar-menu > ul > li > a .drop-arrow {\n      float: right; }\n      #sidebar-menu > ul > li > a .drop-arrow i {\n        margin-right: 0; }\n  #sidebar-menu > ul > li > a.mm-active {\n    color: #71b6f9; }\n  #sidebar-menu > ul > li ul {\n    padding-left: 34px;\n    list-style: none; }\n    #sidebar-menu > ul > li ul ul {\n      padding-left: 20px; }\n\n#sidebar-menu .badge {\n  margin-top: 4px; }\n\n#sidebar-menu .menu-title {\n  padding: 10px 20px;\n  letter-spacing: .05em;\n  pointer-events: none;\n  cursor: default;\n  font-size: 0.6875rem;\n  text-transform: uppercase;\n  color: #6e768e;\n  font-weight: 500; }\n\n#sidebar-menu .menuitem-active > a {\n  color: #71b6f9; }\n\n#sidebar-menu .menuitem-active .active {\n  color: #71b6f9; }\n\n.nav-second-level li a {\n  padding: 8px 20px;\n  color: #6e768e;\n  display: block;\n  position: relative;\n  transition: all 0.4s;\n  font-size: 0.875rem; }\n  .nav-second-level li a:focus, .nav-second-level li a:hover {\n    color: #71b6f9; }\n\n.nav-second-level li.active > a {\n  color: #71b6f9; }\n\n.menu-arrow {\n  transition: transform .15s;\n  position: absolute;\n  right: 20px;\n  display: inline-block;\n  font-family: 'Material Design Icons';\n  text-rendering: auto;\n  line-height: 1.5rem;\n  font-size: 1.1rem;\n  transform: translate(0, 0); }\n  .menu-arrow:before {\n    content: \"\\F0142\"; }\n\n[dir=\"rtl\"] .menu-arrow:before {\n  content: \"\\F0141\"; }\n\nli > a[aria-expanded=\"true\"] > span.menu-arrow {\n  transform: rotate(90deg); }\n\nli.menuitem-active > a:not(.collapsed) > span.menu-arrow {\n  transform: rotate(90deg); }\n\nbody[data-sidebar-size=\"condensed\"] .logo-box {\n  width: 70px !important; }\n\nbody[data-sidebar-size=\"condensed\"] .logo span.logo-lg {\n  display: none; }\n\nbody[data-sidebar-size=\"condensed\"] .logo span.logo-sm {\n  display: block; }\n\nbody[data-sidebar-size=\"condensed\"] .left-side-menu {\n  position: absolute;\n  padding-top: 0;\n  width: 70px !important;\n  z-index: 5; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu .simplebar-mask,\n  body[data-sidebar-size=\"condensed\"] .left-side-menu .simplebar-content-wrapper {\n    overflow: visible !important; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu .simplebar-scrollbar {\n    display: none !important; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu .simplebar-offset {\n    bottom: 0 !important; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu .menu-title,\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu .menu-arrow,\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu .label,\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu .badge {\n    display: none !important; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu .nav.collapse {\n    height: inherit !important; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li {\n    position: relative;\n    white-space: nowrap; }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a {\n      padding: 15px 20px;\n      min-height: 54px;\n      transition: none; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a:focus {\n        color: #71b6f9; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a i {\n        font-size: 1rem;\n        margin-right: 20px;\n        margin-left: 5px; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a svg {\n        width: 18px;\n        height: 18px;\n        margin-left: 6px; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li > a span {\n        display: none;\n        padding-left: 25px; }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > a {\n      position: relative;\n      width: calc(190px + 70px);\n      color: #71b6f9;\n      background-color: #282e38; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > a span {\n        display: inline; }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover a.open :after,\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover a.active :after {\n      display: none; }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapse,\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing {\n      display: block !important;\n      height: auto !important;\n      transition: none !important; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul,\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul {\n        display: block !important;\n        left: 70px;\n        position: absolute;\n        width: 190px;\n        box-shadow: 3px 5px 10px 0 #323a42; }\n        body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul ul,\n        body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul ul {\n          box-shadow: 3px 5px 10px 0 #323a42; }\n        body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a,\n        body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul a {\n          box-shadow: none;\n          padding: 8px 20px;\n          position: relative;\n          width: 190px;\n          z-index: 6; }\n          body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a:hover,\n          body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul a:hover {\n            color: #71b6f9; }\n  body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul {\n    padding: 5px 0;\n    z-index: 9999;\n    display: none;\n    background-color: #ffffff; }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul li:hover > .collapse,\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul li:hover > .collapsing {\n      display: block !important;\n      height: auto !important;\n      transition: none !important; }\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul li:hover > .collapse > ul,\n      body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul li:hover > .collapsing > ul {\n        display: block;\n        left: 190px;\n        margin-top: -36px;\n        position: absolute;\n        width: 190px; }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul li > a span.pull-right {\n      position: absolute;\n      right: 20px;\n      top: 12px;\n      transform: rotate(270deg); }\n    body[data-sidebar-size=\"condensed\"] .left-side-menu #sidebar-menu > ul ul li.active a {\n      color: #71b6f9; }\n\nbody[data-sidebar-size=\"condensed\"] .content-page {\n  margin-left: 70px !important; }\n\n@media (min-width: 992px) {\n  body[data-sidebar-size=\"condensed\"] .footer {\n    left: 70px !important; } }\n\nbody[data-sidebar-size=\"condensed\"] .user-box {\n  display: none !important; }\n\n@media (min-width: 768px) {\n  body[data-sidebar-size=\"condensed\"]:not([data-layout=\"compact\"]) {\n    min-height: 1750px; } }\n\n@media (max-width: 767.98px) {\n  .pro-user-name {\n    display: none; } }\n\n@media (max-width: 991.98px) {\n  body {\n    overflow-x: hidden;\n    padding-bottom: 80px; }\n  .left-side-menu {\n    display: none;\n    z-index: 10 !important; }\n  .sidebar-enable .left-side-menu {\n    display: block; }\n  .content-page,\n  body[data-sidebar-size=\"condensed\"] .content-page {\n    margin-left: 0 !important;\n    padding: 0 10px; }\n  .footer {\n    left: 0 !important; } }\n\n/* =============\r\n  Small Menu\r\n============= */\nbody[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .logo-box {\n  width: 160px !important; }\n\nbody[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu {\n  width: 160px !important;\n  text-align: center; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu #sidebar-menu > ul > li > a > i {\n    display: block;\n    font-size: 18px;\n    line-height: 24px;\n    width: 100%;\n    margin: 0; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu #sidebar-menu > ul > li > a svg {\n    display: block;\n    margin: 0 auto 5px auto; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu #sidebar-menu > ul ul {\n    padding-left: 0; }\n    body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu #sidebar-menu > ul ul a {\n      padding: 10px 20px; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu .menu-arrow,\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu .badge {\n    display: none !important; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu + .content-page {\n    margin-left: 160px; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu + .content-page .footer {\n    left: 160px; }\n  body[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]) .left-side-menu .menu-title {\n    background-color: #282e38; }\n\nbody[data-sidebar-color=\"dark\"] .logo-box {\n  background-color: #313844; }\n  body[data-sidebar-color=\"dark\"] .logo-box .logo-dark {\n    display: none; }\n  body[data-sidebar-color=\"dark\"] .logo-box .logo-light {\n    display: block; }\n\nbody[data-sidebar-color=\"dark\"] .left-side-menu {\n  background-color: #313844;\n  box-shadow: none; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu > ul > li > a {\n    color: #9097a7; }\n    body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu > ul > li > a:focus, body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu > ul > li > a:active {\n      color: #c8cddc; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu > ul > li > a.mm-active {\n    color: #ffffff;\n    background-color: #363e4b; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu .menu-title {\n    color: #98a6ad; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu .menuitem-active > a {\n    color: #71b6f9; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu #sidebar-menu .menuitem-active .active {\n    color: #71b6f9; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu .nav-second-level li a,\n  body[data-sidebar-color=\"dark\"] .left-side-menu .nav-thrid-level li a {\n    color: #9097a7; }\n    body[data-sidebar-color=\"dark\"] .left-side-menu .nav-second-level li a:focus, body[data-sidebar-color=\"dark\"] .left-side-menu .nav-second-level li a:hover,\n    body[data-sidebar-color=\"dark\"] .left-side-menu .nav-thrid-level li a:focus,\n    body[data-sidebar-color=\"dark\"] .left-side-menu .nav-thrid-level li a:hover {\n      background-color: transparent;\n      color: #c8cddc; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu .nav-second-level li.active > a,\n  body[data-sidebar-color=\"dark\"] .left-side-menu .nav-thrid-level li.active > a {\n    color: #ffffff; }\n  body[data-sidebar-color=\"dark\"] .left-side-menu .user-box .dropdown > a {\n    color: #fff !important; }\n\nbody[data-sidebar-color=\"dark\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #313844;\n  box-shadow: none; }\n\nbody[data-sidebar-color=\"dark\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu .mm-active .active {\n  color: #71b6f9; }\n\nbody[data-sidebar-color=\"dark\"][data-sidebar-size=\"compact\"] #wrapper .left-side-menu .menu-title {\n  background-color: rgba(255, 255, 255, 0.03); }\n\nbody[data-sidebar-color=\"brand\"] .logo-box,\nbody[data-sidebar-color=\"gradient\"] .logo-box {\n  background-color: #4a81d4; }\n  body[data-sidebar-color=\"brand\"] .logo-box .logo-dark,\n  body[data-sidebar-color=\"gradient\"] .logo-box .logo-dark {\n    display: none; }\n  body[data-sidebar-color=\"brand\"] .logo-box .logo-light,\n  body[data-sidebar-color=\"gradient\"] .logo-box .logo-light {\n    display: block; }\n\nbody[data-sidebar-color=\"brand\"] .menuitem-active > a,\nbody[data-sidebar-color=\"gradient\"] .menuitem-active > a {\n  color: #fff !important; }\n\nbody[data-sidebar-color=\"brand\"] .left-side-menu,\nbody[data-sidebar-color=\"gradient\"] .left-side-menu {\n  background-color: #4a81d4;\n  box-shadow: none; }\n  body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu > ul > li > a,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu > ul > li > a {\n    color: rgba(255, 255, 255, 0.7); }\n    body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu > ul > li > a:focus, body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu > ul > li > a:active,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu > ul > li > a:hover,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu > ul > li > a:focus,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu > ul > li > a:active {\n      color: rgba(255, 255, 255, 0.9); }\n  body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu > ul > li > a.mm-active,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu > ul > li > a.mm-active {\n    color: #fff;\n    background-color: rgba(255, 255, 255, 0.07); }\n  body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu .menu-title,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu .menu-title {\n    color: rgba(255, 255, 255, 0.6); }\n  body[data-sidebar-color=\"brand\"] .left-side-menu #sidebar-menu .mm-active .active,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu #sidebar-menu .mm-active .active {\n    color: #fff; }\n  body[data-sidebar-color=\"brand\"] .left-side-menu .nav-second-level li a,\n  body[data-sidebar-color=\"brand\"] .left-side-menu .nav-thrid-level li a,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-second-level li a,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-thrid-level li a {\n    color: rgba(255, 255, 255, 0.7); }\n    body[data-sidebar-color=\"brand\"] .left-side-menu .nav-second-level li a:focus, body[data-sidebar-color=\"brand\"] .left-side-menu .nav-second-level li a:hover,\n    body[data-sidebar-color=\"brand\"] .left-side-menu .nav-thrid-level li a:focus,\n    body[data-sidebar-color=\"brand\"] .left-side-menu .nav-thrid-level li a:hover,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-second-level li a:focus,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-second-level li a:hover,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-thrid-level li a:focus,\n    body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-thrid-level li a:hover {\n      background-color: transparent;\n      color: #fff; }\n  body[data-sidebar-color=\"brand\"] .left-side-menu .nav-second-level li.active > a,\n  body[data-sidebar-color=\"brand\"] .left-side-menu .nav-thrid-level li.active > a,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-second-level li.active > a,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu .nav-thrid-level li.active > a {\n    color: #ffffff; }\n  body[data-sidebar-color=\"brand\"] .left-side-menu .user-box .dropdown > a,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu .user-box .dropdown > a {\n    color: #fff !important; }\n  body[data-sidebar-color=\"brand\"] .left-side-menu .user-box .left-user-info,\n  body[data-sidebar-color=\"gradient\"] .left-side-menu .user-box .left-user-info {\n    color: rgba(255, 255, 255, 0.6) !important; }\n\nbody[data-sidebar-color=\"brand\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a,\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {\n  background-color: #4a81d4;\n  box-shadow: none;\n  color: #fff; }\n\nbody[data-sidebar-color=\"brand\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu .mm-active .active,\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu .mm-active .active {\n  color: #71b6f9; }\n\nbody[data-sidebar-color=\"brand\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu .nav-second-level li a,\nbody[data-sidebar-color=\"brand\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu .nav-thrid-level li a,\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu .nav-second-level li a,\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu .nav-thrid-level li a {\n  color: #6e768e; }\n\nbody[data-sidebar-color=\"brand\"][data-sidebar-size=\"compact\"] #wrapper .left-side-menu .menu-title,\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"compact\"] #wrapper .left-side-menu .menu-title {\n  background-color: rgba(255, 255, 255, 0.05); }\n\nbody[data-sidebar-color=\"gradient\"] .logo-box,\nbody[data-sidebar-color=\"gradient\"] .left-side-menu {\n  background: #5b69bc;\n  background-image: linear-gradient(270deg, #4095d8, transparent); }\n\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {\n  background: #5b69bc; }\n\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu #sidebar-menu .mm-active .active {\n  color: #71b6f9; }\n\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu .nav-second-level li a,\nbody[data-sidebar-color=\"gradient\"][data-sidebar-size=\"condensed\"] #wrapper .left-side-menu .nav-thrid-level li a {\n  color: #6e768e; }\n\n.user-pro-dropdown {\n  background-color: #282e38;\n  box-shadow: none;\n  padding: 15px 5px;\n  width: 90%;\n  margin-left: 5% !important;\n  margin-top: 10px !important; }\n  .user-pro-dropdown .dropdown-item {\n    border-radius: 3px; }\n    .user-pro-dropdown .dropdown-item:hover {\n      background-color: #71b6f9;\n      color: #fff; }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"detached\"] .navbar-custom .container-fluid {\n    max-width: 95%; }\n  body[data-layout-mode=\"detached\"] #wrapper {\n    max-width: 95%;\n    margin: 0 auto; }\n  body[data-layout-mode=\"detached\"] .left-side-menu {\n    margin-bottom: 30px;\n    border-radius: 5px; }\n  body[data-layout-mode=\"detached\"] .content-page {\n    padding-bottom: 30px; }\n  body[data-layout-mode=\"detached\"] .logo-box {\n    background-color: transparent;\n    background-image: none; } }\n\nbody[data-sidebar-showuser=\"false\"] .user-box {\n  display: none; }\n\nbody[data-sidebar-icon=\"twotones\"] #sidebar-menu > ul > li > a i {\n  color: #71b6f9; }\n\nbody[data-sidebar-icon=\"twotones\"] #sidebar-menu > ul > li > a svg {\n  width: 18px;\n  height: 18px;\n  margin-left: 3px;\n  margin-right: 10px;\n  color: #71b6f9;\n  fill: rgba(113, 182, 249, 0.2); }\n\n.logo {\n  display: block; }\n  .logo span.logo-lg {\n    display: block; }\n  .logo span.logo-sm {\n    display: none; }\n  .logo .logo-lg-text-dark {\n    color: #f7f7f7;\n    font-weight: 700;\n    font-size: 22px;\n    text-transform: uppercase; }\n  .logo .logo-lg-text-light {\n    color: #fff;\n    font-weight: 700;\n    font-size: 22px;\n    text-transform: uppercase; }\n\n.logo-box {\n  height: 70px;\n  width: 240px;\n  background-color: #ffffff;\n  float: left;\n  transition: all .1s ease-out; }\n  .logo-box .logo {\n    line-height: 70px; }\n\n.logo-light {\n  display: none; }\n\n.logo-dark {\n  display: block; }\n\n.navbar-custom {\n  background-color: #282e38;\n  padding: 0 calc(1.5rem / 2) 0 0;\n  position: fixed;\n  left: 0;\n  right: 0;\n  height: 70px;\n  z-index: 1001;\n  /* Search */ }\n  .navbar-custom .topnav-menu.topnav-menu-left {\n    display: inline-block; }\n  .navbar-custom .topnav-menu > li {\n    float: left; }\n  .navbar-custom .topnav-menu .nav-link {\n    padding: 0 15px;\n    color: #dee2e6;\n    min-width: 32px;\n    display: block;\n    line-height: 70px;\n    text-align: center;\n    max-height: 70px; }\n  .navbar-custom .dropdown.show .nav-link {\n    background-color: rgba(222, 226, 230, 0.05); }\n  .navbar-custom .app-search {\n    overflow: hidden;\n    height: 70px;\n    display: table;\n    max-width: 180px;\n    margin-right: 20px; }\n    .navbar-custom .app-search .app-search-box {\n      display: table-cell;\n      vertical-align: middle; }\n      .navbar-custom .app-search .app-search-box input::placeholder {\n        font-size: 0.8125rem;\n        color: #98a6ad !important; }\n    .navbar-custom .app-search .form-control {\n      border: none;\n      height: 38px;\n      padding-left: 20px;\n      padding-right: 0;\n      color: #f7f7f7;\n      background-color: #323a46;\n      box-shadow: none;\n      border-radius: 30px 0 0 30px; }\n    .navbar-custom .app-search .input-group-text {\n      margin-left: 0;\n      z-index: 4; }\n    .navbar-custom .app-search .btn {\n      background-color: #323a46;\n      border-color: transparent;\n      color: #dee2e6;\n      border-radius: 0 30px 30px 0;\n      box-shadow: none !important; }\n  .navbar-custom .button-menu-mobile {\n    border: none;\n    color: #f7f7f7;\n    display: inline-block;\n    height: 70px;\n    line-height: 70px;\n    width: 60px;\n    background-color: transparent;\n    font-size: 24px;\n    cursor: pointer; }\n  .navbar-custom .button-menu-mobile.disable-btn {\n    display: none; }\n\n/* Notification */\n.noti-scroll {\n  max-height: 230px; }\n\n.notification-list {\n  margin-left: 0; }\n  .notification-list .noti-title {\n    background-color: transparent;\n    padding: 15px 20px; }\n  .notification-list .noti-icon-badge {\n    display: inline-block;\n    position: absolute;\n    top: 16px;\n    right: 10px; }\n  .notification-list .notify-item {\n    padding: 12px 20px; }\n    .notification-list .notify-item .notify-icon {\n      float: left;\n      height: 36px;\n      width: 36px;\n      font-size: 18px;\n      line-height: 36px;\n      text-align: center;\n      margin-right: 10px;\n      border-radius: 50%;\n      color: #fff; }\n    .notification-list .notify-item .notify-details {\n      margin-bottom: 5px;\n      overflow: hidden;\n      margin-left: 45px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      color: #f7f7f7; }\n      .notification-list .notify-item .notify-details b {\n        font-weight: 500; }\n      .notification-list .notify-item .notify-details small {\n        display: block; }\n      .notification-list .notify-item .notify-details span {\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        font-size: 13px; }\n    .notification-list .notify-item .user-msg {\n      margin-left: 45px;\n      white-space: normal;\n      line-height: 16px; }\n  .notification-list .profile-dropdown .notify-item {\n    padding: 7px 20px; }\n\n.noti-icon {\n  font-size: 21px;\n  vertical-align: middle; }\n\n.profile-dropdown {\n  min-width: 170px; }\n  .profile-dropdown i {\n    vertical-align: middle;\n    margin-right: 5px; }\n\n.nav-user {\n  padding: 0 12px !important; }\n  .nav-user img {\n    height: 32px;\n    width: 32px; }\n\n.page-title-main {\n  margin: 0;\n  line-height: 70px;\n  padding: 0 24px; }\n\n.fullscreen-enable [data-toggle=\"fullscreen\"] .fe-maximize::before {\n  content: \"\\e88d\"; }\n\n@media (max-width: 991.98px) {\n  .logo-box {\n    width: 70px !important;\n    padding-right: 0 !important; }\n    .logo-box .logo-lg {\n      display: none !important; }\n    .logo-box .logo-sm {\n      display: block !important; } }\n\n@media (max-width: 600px) {\n  .navbar-custom .dropdown {\n    position: static; }\n    .navbar-custom .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important; } }\n\nbody[data-topbar-color=\"dark\"][data-sidebar-color=\"light\"] .logo-box, body[data-topbar-color=\"dark\"][data-sidebar-color=\"dark\"] .logo-box, body[data-topbar-color=\"dark\"][data-sidebar-color=\"brand\"] .logo-box {\n  background-color: transparent; }\n\nbody[data-topbar-color=\"dark\"] .content-page {\n  margin-top: calc(70px + 24px); }\n\nbody[data-topbar-color=\"dark\"] .navbar-custom {\n  background-color: #2c333e !important;\n  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);\n  /* Search */ }\n  body[data-topbar-color=\"dark\"] .navbar-custom .topnav-menu .nav-link {\n    color: #6c757d; }\n  body[data-topbar-color=\"dark\"] .navbar-custom .dropdown .nav-link.show {\n    background-color: rgba(255, 255, 255, 0.03); }\n  body[data-topbar-color=\"dark\"] .navbar-custom .button-menu-mobile {\n    color: #fff; }\n  body[data-topbar-color=\"dark\"] .navbar-custom .page-title-main {\n    margin: 0;\n    line-height: 70px;\n    padding: 0 30px;\n    color: #282e38; }\n  body[data-topbar-color=\"dark\"] .navbar-custom .app-search input::placeholder {\n    color: rgba(255, 255, 255, 0.7) !important; }\n  body[data-topbar-color=\"dark\"] .navbar-custom .app-search .form-control {\n    color: #fff;\n    background-color: #343d4a;\n    border-color: #343d4a; }\n  body[data-topbar-color=\"dark\"] .navbar-custom .app-search .btn {\n    background-color: #343d4a;\n    color: rgba(255, 255, 255, 0.7); }\n  body[data-topbar-color=\"dark\"] .navbar-custom .logo-box .logo-dark {\n    display: none; }\n  body[data-topbar-color=\"dark\"] .navbar-custom .logo-box .logo-light {\n    display: block; }\n\nbody[data-topbar-color=\"dark\"] .navbar-custom .page-title-main {\n  color: #f8f9fa; }\n\n@media (max-width: 991.98px) {\n  body[data-layout-mode=\"horizontal\"] .navbar-toggle {\n    border: 0;\n    position: relative;\n    padding: 0;\n    margin: 0;\n    cursor: pointer; }\n    body[data-layout-mode=\"horizontal\"] .navbar-toggle .lines {\n      width: 25px;\n      display: block;\n      position: relative;\n      height: 16px;\n      transition: all .5s ease;\n      margin-top: calc(54px / 2); }\n    body[data-layout-mode=\"horizontal\"] .navbar-toggle span {\n      height: 2px;\n      width: 100%;\n      background-color: #6c757d;\n      display: block;\n      margin-bottom: 5px;\n      transition: transform .5s ease; }\n    body[data-layout-mode=\"horizontal\"] .navbar-toggle.open span {\n      position: absolute; }\n      body[data-layout-mode=\"horizontal\"] .navbar-toggle.open span:first-child {\n        top: 7px;\n        transform: rotate(45deg); }\n      body[data-layout-mode=\"horizontal\"] .navbar-toggle.open span:nth-child(2) {\n        visibility: hidden; }\n      body[data-layout-mode=\"horizontal\"] .navbar-toggle.open span:last-child {\n        width: 100%;\n        top: 7px;\n        transform: rotate(-45deg); } }\n\nbody[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .logo-box .logo-dark {\n  display: none; }\n\nbody[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .logo-box .logo-light {\n  display: block; }\n\nbody[data-layout-mode=\"horizontal\"] .button-menu-mobile {\n  display: none; }\n\nbody[data-layout-mode=\"horizontal\"] .logo-box {\n  width: auto;\n  padding-right: 50px;\n  background-color: transparent; }\n\n@media (min-width: 992px) and (max-width: 1366px) {\n  body[data-layout-mode=\"horizontal\"] .logo-box {\n    padding-left: 20px; } }\n\n@media (max-width: 360px) {\n  .navbar-custom .topnav-menu .nav-link {\n    padding: 0 12px; }\n  .navbar-custom .button-menu-mobile {\n    width: 45px; } }\n\n@media (max-width: 992px) {\n  .button-menu-mobile.disable-btn {\n    display: block !important; }\n  .page-title-main {\n    display: none; } }\n\n@media (max-width: 992px) {\n  .logo-box {\n    background: none !important; }\n  .user-box {\n    display: none; } }\n\n.page-title-box .page-title-box-alt {\n  background-color: transparent;\n  padding: 24px 27px;\n  box-shadow: none;\n  margin-bottom: 0; }\n\n.page-title-box .page-title {\n  margin: 0;\n  line-height: 75px;\n  color: #f1f5f7; }\n\n.page-title-box .page-title-right {\n  float: right;\n  margin-top: 22px; }\n\n.page-title-box .breadcrumb {\n  padding-top: 5px; }\n\n@media (max-width: 767.98px) {\n  .page-title-box .page-title {\n    display: block;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    line-height: 70px; }\n  .page-title-box .breadcrumb {\n    display: none; } }\n\n@media (max-width: 640px) {\n  .page-title-box .page-title-right {\n    display: none; } }\n\n@media (max-width: 419px) {\n  .page-title-box .breadcrumb {\n    display: none; } }\n\n.footer {\n  bottom: 0;\n  padding: 19px 15px 20px;\n  position: absolute;\n  right: 0;\n  color: #adb5bd;\n  left: 240px;\n  background-color: #2c333e; }\n  .footer .footer-links a {\n    color: #adb5bd;\n    margin-left: 1.5rem;\n    transition: all .4s; }\n    .footer .footer-links a:hover {\n      color: #a2abb4; }\n    .footer .footer-links a:first-of-type {\n      margin-left: 0; }\n\n.footer-alt {\n  left: 0 !important;\n  text-align: center;\n  background-color: transparent; }\n\n@media (max-width: 767.98px) {\n  .footer {\n    left: 0 !important;\n    text-align: center; } }\n\nbody[data-layout-mode=\"horizontal\"] .footer {\n  left: 0 !important; }\n\nbody[data-layout-mode=\"horizontal\"][data-layout-width=\"boxed\"] .footer {\n  max-width: 1300px !important; }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"detached\"] .footer {\n    position: inherit;\n    margin: 0 10px; } }\n\n.right-bar {\n  background-color: #323a46;\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: 260px;\n  z-index: 9999;\n  float: right !important;\n  right: -270px;\n  top: 0;\n  bottom: 0; }\n  .right-bar .rightbar-title {\n    background-color: #71b6f9;\n    padding: 25.5px 25px;\n    color: #fff; }\n  .right-bar .right-bar-toggle {\n    background-color: #f7f7f7;\n    height: 24px;\n    width: 24px;\n    line-height: 24px;\n    color: #313844;\n    text-align: center;\n    border-radius: 50%;\n    margin-top: -4px; }\n    .right-bar .right-bar-toggle:hover {\n      background-color: white; }\n  .right-bar .user-box {\n    padding: 25px;\n    text-align: center; }\n    .right-bar .user-box .user-img {\n      position: relative;\n      height: 64px;\n      width: 64px;\n      margin: 0 auto 15px auto; }\n      .right-bar .user-box .user-img .user-edit {\n        position: absolute;\n        right: -5px;\n        bottom: 0px;\n        height: 24px;\n        width: 24px;\n        background-color: #fff;\n        line-height: 24px;\n        border-radius: 50%;\n        box-shadow: none; }\n    .right-bar .user-box h5 {\n      margin-bottom: 2px; }\n      .right-bar .user-box h5 a {\n        color: #f7f7f7; }\n\n.rightbar-overlay {\n  background-color: rgba(247, 247, 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: 575.98px) {\n  .right-bar {\n    overflow: auto; }\n    .right-bar .slimscroll-menu {\n      height: auto !important; } }\n\nbody[data-layout-width=\"boxed\"] #wrapper {\n  max-width: 1300px;\n  margin: 0 auto;\n  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12); }\n\nbody[data-layout-width=\"boxed\"] .navbar-custom {\n  max-width: 1300px;\n  margin: 0 auto; }\n\nbody[data-layout-width=\"boxed\"] .footer {\n  margin: 0 auto;\n  max-width: calc(1300px - 240px); }\n\nbody[data-layout-width=\"boxed\"][data-sidebar-size=\"condensed\"] .footer {\n  max-width: calc(1300px - 70px); }\n\nbody[data-layout-width=\"boxed\"][data-sidebar-size=\"compact\"] .footer {\n  max-width: calc(1300px - 160px); }\n\n@media (min-width: 768px) {\n  body[data-layout-width=\"boxed\"][data-sidebar-size=\"condensed\"] .content-page {\n    min-height: calc(1750px - 70px); } }\n\n@media (min-width: 1200px) {\n  body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) {\n    padding-bottom: 0; }\n    body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) #wrapper {\n      display: flex; }\n    body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) .navbar-custom,\n    body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) .topnav {\n      position: absolute; }\n    body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) .left-side-menu {\n      position: relative;\n      min-width: 240px;\n      max-width: 240px;\n      padding: 20px 0 calc(70px + 20px); }\n    body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) .content-page {\n      margin-left: 0;\n      width: 100%;\n      padding-bottom: 60px; } }\n\n@media (min-width: 1200px) {\n  body[data-layout-mode=\"horizontal\"] .container-fluid {\n    max-width: 90%; }\n  body[data-layout-mode=\"horizontal\"] .navbar-custom {\n    padding: 0 calc(1.5rem / 2); } }\n\nbody[data-layout-mode=\"horizontal\"] .content-page {\n  margin-left: 0 !important; }\n\nbody[data-layout-mode=\"horizontal\"][data-topbar-color=dark] .content-page {\n  margin-top: 70px; }\n\n.topnav {\n  background: #353d4a;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  margin-top: 70px;\n  padding: 0 calc(1.5rem / 2);\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: 0.95rem;\n    position: relative;\n    line-height: 22px;\n    padding: calc(33px / 2) 1.1rem;\n    color: #919eab;\n    font-family: \"Karla\", sans-serif; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px;\n      display: inline-block; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover, .topnav .navbar-nav .nav-link.active {\n      color: #71b6f9;\n      background-color: transparent; }\n  .topnav .navbar-nav .nav-item.dropdown.active > a.dropdown-toggle {\n    color: #71b6f9; }\n\n@media (min-width: 992px) {\n  .topnav {\n    height: 55px; }\n    .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n      padding-left: 0; }\n    .topnav .dropdown-item {\n      padding: .5rem 1.25rem;\n      min-width: 180px;\n      margin: 0 .3rem;\n      width: auto; }\n      .topnav .dropdown-item.active {\n        background-color: transparent;\n        color: #71b6f9; }\n    .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n      left: 0px;\n      right: auto; }\n    .topnav .dropdown .dropdown-menu {\n      padding: 0.3rem 0;\n      margin-top: 0;\n      border-radius: 0 0 0.25rem 0.25rem; }\n      .topnav .dropdown .dropdown-menu .arrow-down::after {\n        right: 20px;\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 > .nav-link {\n      color: #71b6f9; }\n    .topnav .dropdown:hover > .dropdown-menu {\n      display: block; }\n      .topnav .dropdown:hover > .dropdown-menu .dropdown-item:hover {\n        color: #71b6f9; }\n      .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-item {\n        color: #71b6f9; }\n      .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n        display: block; }\n  .navbar-toggle {\n    display: none; }\n  body[data-layout-mode=\"horizontal\"] .content-page {\n    padding: 55px 15px 65px 15px; } }\n\n.arrow-down {\n  display: inline-block; }\n  .arrow-down:after {\n    border-color: initial;\n    border-style: solid;\n    border-width: 0 0 1px 1px;\n    content: \"\";\n    height: .4em;\n    display: inline-block;\n    right: 5px;\n    top: 50%;\n    margin-left: 10px;\n    transform: rotate(-45deg) translateY(-50%);\n    transform-origin: top;\n    transition: all .3s ease-out;\n    width: .4em; }\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto; } }\n\n@media (max-width: 991.98px) {\n  .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-item {\n      position: relative;\n      background-color: transparent; }\n      .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n        color: #71b6f9; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\n\n@media (min-width: 992px) {\n  body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav {\n    background-color: #2c333e; }\n    body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav .navbar-nav .nav-link {\n      color: rgba(255, 255, 255, 0.7); }\n      body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav .navbar-nav .nav-link:focus, body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav .navbar-nav .nav-link:hover {\n        color: rgba(255, 255, 255, 0.9); }\n      body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav .navbar-nav .nav-link.active {\n        color: #fff; }\n    body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav .navbar-nav .nav-item:hover .nav-link {\n      color: #fff; }\n    body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] .topnav .navbar-nav > .dropdown.active > a {\n      color: rgba(255, 255, 255, 0.9) !important; } }\n\nbody[data-layout-mode=\"horizontal\"][data-layout-width=\"boxed\"] .topnav {\n  max-width: 1300px;\n  margin: 70px auto 0; }\n\n.avatar-xs {\n  height: 1.5rem;\n  width: 1.5rem; }\n\n.avatar-sm {\n  height: 2.25rem;\n  width: 2.25rem; }\n\n.avatar-md {\n  height: 3.5rem;\n  width: 3.5rem; }\n\n.avatar-lg {\n  height: 4.5rem;\n  width: 4.5rem; }\n\n.avatar-xl {\n  height: 6rem;\n  width: 6rem; }\n\n.avatar-xxl {\n  height: 7.5rem;\n  width: 7.5rem; }\n\n.avatar-title {\n  align-items: center;\n  color: #fff;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%; }\n\n.avatar-group {\n  padding-left: 12px; }\n  .avatar-group .avatar-group-item {\n    margin: 0 0 10px -12px;\n    display: inline-block;\n    border: 2px solid #313844;\n    border-radius: 50%; }\n\n.width-xs {\n  min-width: 80px; }\n\n.width-sm {\n  min-width: 100px; }\n\n.width-md {\n  min-width: 120px; }\n\n.width-lg {\n  min-width: 140px; }\n\n.width-xl {\n  min-width: 160px; }\n\n.font-family-primary {\n  font-family: \"Roboto\", sans-serif; }\n\n.font-family-secondary {\n  font-family: \"Karla\", sans-serif; }\n\n.sp-line-1,\n.sp-line-2,\n.sp-line-3,\n.sp-line-4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical; }\n\n.sp-line-1 {\n  -webkit-line-clamp: 1; }\n\n.sp-line-2 {\n  -webkit-line-clamp: 2; }\n\n.sp-line-3 {\n  -webkit-line-clamp: 3; }\n\n.sp-line-4 {\n  -webkit-line-clamp: 4; }\n\n.icon-dual {\n  color: #adb5bd;\n  fill: rgba(173, 181, 189, 0.12); }\n\n.icon-dual-primary {\n  color: #71b6f9;\n  fill: rgba(113, 182, 249, 0.16); }\n\n.icon-dual-secondary {\n  color: #6c757d;\n  fill: rgba(108, 117, 125, 0.16); }\n\n.icon-dual-success {\n  color: #10c469;\n  fill: rgba(16, 196, 105, 0.16); }\n\n.icon-dual-info {\n  color: #35b8e0;\n  fill: rgba(53, 184, 224, 0.16); }\n\n.icon-dual-warning {\n  color: #f9c851;\n  fill: rgba(249, 200, 81, 0.16); }\n\n.icon-dual-danger {\n  color: #ff5b5b;\n  fill: rgba(255, 91, 91, 0.16); }\n\n.icon-dual-light {\n  color: #3a4250;\n  fill: rgba(58, 66, 80, 0.16); }\n\n.icon-dual-dark {\n  color: #f7f7f7;\n  fill: rgba(247, 247, 247, 0.16); }\n\n.icon-dual-pink {\n  color: #ff8acc;\n  fill: rgba(255, 138, 204, 0.16); }\n\n.icon-dual-purple {\n  color: #5b69bc;\n  fill: rgba(91, 105, 188, 0.16); }\n\n.icon-dual-blue {\n  color: #71b6f9;\n  fill: rgba(113, 182, 249, 0.16); }\n\n.icons-xs {\n  height: 16px;\n  width: 16px; }\n\n.icons-sm {\n  height: 24px;\n  width: 24px; }\n\n.icons-md {\n  height: 32px;\n  width: 32px; }\n\n.icons-lg {\n  height: 40px;\n  width: 40px; }\n\n.icons-xl {\n  height: 48px;\n  width: 48px; }\n\n.icons-xxl {\n  height: 60px;\n  width: 60px; }\n\n.item-hovered:hover {\n  background-color: #3a4250; }\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 2px);\n  display: block;\n  border: 2px solid #98a6ad;\n  border-radius: 50%;\n  color: #98a6ad;\n  text-align: center; }\n\n.widget-box-2 .widget-detail-2 .badge {\n  padding: 5px 10px; }\n\n.inbox-widget .inbox-item {\n  border-bottom: 1px solid rgba(58, 66, 80, 0.5);\n  overflow: hidden;\n  padding: 0.75rem 0;\n  position: relative; }\n  .inbox-widget .inbox-item:last-of-type {\n    border-bottom: none; }\n  .inbox-widget .inbox-item .inbox-item-img {\n    display: block;\n    float: left;\n    margin-right: 15px;\n    width: 40px; }\n    .inbox-widget .inbox-item .inbox-item-img img {\n      width: 40px; }\n  .inbox-widget .inbox-item .inbox-item-author {\n    display: block;\n    margin-bottom: 3px; }\n  .inbox-widget .inbox-item .inbox-item-text {\n    color: #adb5bd;\n    display: block;\n    font-size: 0.8125rem;\n    margin: 0;\n    overflow: hidden; }\n  .inbox-widget .inbox-item .inbox-item-date {\n    color: #adb5bd;\n    font-size: 0.6875rem;\n    position: absolute;\n    right: 5px;\n    top: 10px; }\n\n/* Chat widget */\n.conversation-list {\n  list-style: none;\n  padding: 0 15px; }\n  .conversation-list li {\n    margin-bottom: 20px; }\n    .conversation-list li .conversation-actions {\n      float: right;\n      display: none; }\n    .conversation-list li:hover .conversation-actions {\n      display: block; }\n  .conversation-list .chat-avatar {\n    float: left;\n    text-align: center;\n    width: 42px; }\n    .conversation-list .chat-avatar img {\n      border-radius: 100%;\n      width: 100%; }\n    .conversation-list .chat-avatar i {\n      font-size: 12px;\n      font-style: normal; }\n  .conversation-list .ctext-wrap {\n    background: #404c58;\n    border-radius: 3px;\n    display: inline-block;\n    padding: 12px;\n    position: relative; }\n    .conversation-list .ctext-wrap i {\n      display: block;\n      font-size: 12px;\n      font-style: normal;\n      font-weight: 500;\n      position: relative; }\n    .conversation-list .ctext-wrap p {\n      margin: 0;\n      padding-top: 3px; }\n    .conversation-list .ctext-wrap:after {\n      left: -10px;\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: #404c58;\n      border-width: 6px;\n      margin-right: -1px;\n      border-right-color: #404c58; }\n  .conversation-list .conversation-text {\n    float: left;\n    font-size: 12px;\n    margin-left: 12px;\n    width: 70%; }\n  .conversation-list .odd .chat-avatar {\n    float: right !important; }\n  .conversation-list .odd .conversation-text {\n    float: right !important;\n    margin-right: 12px;\n    text-align: right;\n    width: 70% !important; }\n  .conversation-list .odd .ctext-wrap {\n    background-color: #404c58; }\n    .conversation-list .odd .ctext-wrap:after {\n      border-color: transparent;\n      border-left-color: #404c58;\n      border-top-color: #404c58;\n      right: -10px !important;\n      left: auto; }\n  .conversation-list .odd .conversation-actions {\n    float: left; }\n\n@media print {\n  .left-side-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-custom,\n  .footer {\n    display: none; }\n  .card-body,\n  .content-page,\n  .right-bar,\n  .content,\n  body {\n    padding: 0;\n    margin: 0; } }\n\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #313844;\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 {\n  margin: 0 auto;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 5px solid #3a4250;\n  border-right: 5px solid #3a4250;\n  border-bottom: 5px solid #3a4250;\n  border-left: 5px solid #71b6f9;\n  transform: translateZ(0);\n  animation: SpinnerAnimation 1.1s infinite linear; }\n\n.spinner,\n.spinner:after {\n  border-radius: 50%;\n  width: 40px;\n  height: 40px; }\n\n@keyframes SpinnerAnimation {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n\n.authentication-bg.enlarged {\n  min-height: 100px; }\n\nbody.authentication-bg {\n  background-image: url(\"../../../images/bg-auth.jpg\");\n  background-size: cover;\n  background-position: center; }\n\n.logout-icon {\n  width: 140px; }\n\n.auth-logo .logo-light {\n  display: block !important; }\n\n.auth-logo .logo-dark {\n  display: none !important; }\n\n.chat-list li a {\n  display: block;\n  color: #adb5bd;\n  position: relative;\n  padding: 12px 14px;\n  font-size: 13px; }\n  .chat-list li a .chat-user-img img, .chat-list li a .chat-user-img .avatar-title {\n    padding: 2px;\n    border: 2px solid #3a4250; }\n  .chat-list li a .chat-user-img.active img, .chat-list li a .chat-user-img.active .avatar-title {\n    border-color: #10c469; }\n\n.chat-list li.active a {\n  background-color: #3a4250; }\n\n.chat-list li.unread a::after {\n  content: \"\";\n  position: absolute;\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: #71b6f9;\n  right: 24px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.conversation-list {\n  list-style: none;\n  padding: 0;\n  margin-bottom: 0; }\n  .conversation-list li {\n    margin-bottom: 24px; }\n    .conversation-list li .chat-day-title {\n      position: relative;\n      text-align: center;\n      margin-bottom: 24px; }\n      .conversation-list li .chat-day-title .title {\n        background-color: #313844;\n        position: relative;\n        z-index: 1;\n        padding: 6px 24px; }\n      .conversation-list li .chat-day-title:before {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 1px;\n        left: 0;\n        right: 0;\n        background-color: #3a4250;\n        top: 10px; }\n    .conversation-list li .message-list::after {\n      display: block;\n      clear: both;\n      content: \"\"; }\n  .conversation-list .chat-avatar {\n    float: left;\n    text-align: center;\n    width: 36px; }\n    .conversation-list .chat-avatar img {\n      border-radius: 50%;\n      width: 100%; }\n  .conversation-list .ctext-wrap {\n    background: #71b6f9;\n    border-radius: 0px 6px 6px 6px;\n    display: inline-block;\n    padding: 12px;\n    position: relative;\n    color: #fff; }\n    .conversation-list .ctext-wrap:after {\n      content: \" \";\n      position: absolute;\n      right: 100%;\n      top: 0;\n      border: solid transparent;\n      border-right-color: #71b6f9;\n      border-top-color: #71b6f9;\n      border-width: 5px; }\n    .conversation-list .ctext-wrap .user-name {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      position: relative; }\n    .conversation-list .ctext-wrap p {\n      margin: 0;\n      padding-top: 4px; }\n  .conversation-list .conversation-text {\n    float: left;\n    font-size: 12px;\n    margin-left: 12px;\n    width: 70%; }\n    .conversation-list .conversation-text .time {\n      display: block;\n      font-size: 12px;\n      margin-top: 6px; }\n  .conversation-list .odd .chat-avatar {\n    float: right; }\n  .conversation-list .odd .conversation-text {\n    float: right;\n    margin-left: 0px;\n    margin-right: 12px;\n    text-align: right; }\n  .conversation-list .odd .ctext-wrap {\n    background-color: #3a4250;\n    color: #adb5bd;\n    border-radius: 6px 0px 6px 6px; }\n    .conversation-list .odd .ctext-wrap:after {\n      left: 100%;\n      right: auto;\n      border-right-color: transparent;\n      border-left-color: #3a4250;\n      border-top-color: #3a4250; }\n\n@media (max-width: 575.98px) {\n  .chat-send {\n    min-width: auto; } }\n\n.button-list {\n  margin-left: -8px;\n  margin-bottom: -12px; }\n  .button-list .btn {\n    margin-bottom: 12px;\n    margin-left: 8px; }\n\n.grid-structure .grid-container {\n  background-color: #3a4250;\n  margin-bottom: 10px;\n  font-size: 0.8rem;\n  font-weight: 600;\n  padding: 10px 20px; }\n\n.icons-list-demo div.col-sm-6 {\n  cursor: pointer;\n  line-height: 45px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: block;\n  overflow: hidden; }\n  .icons-list-demo div.col-sm-6 p {\n    margin-bottom: 0;\n    line-height: inherit; }\n\n.icons-list-demo i {\n  text-align: center;\n  vertical-align: middle;\n  font-size: 22px;\n  width: 50px;\n  height: 50px;\n  line-height: 50px;\n  margin-right: 12px;\n  color: #adb5bd;\n  border-radius: 3px;\n  display: inline-block;\n  transition: all 0.2s; }\n\n.icons-list-demo .col-md-4 {\n  border-radius: 3px;\n  background-clip: padding-box;\n  margin-bottom: 10px; }\n  .icons-list-demo .col-md-4:hover,\n  .icons-list-demo .col-md-4:hover i {\n    color: #71b6f9; }\n\n.icons-list-demo .icon-item svg {\n  margin-right: 10px; }\n\n.icons-list-demo .icon-item span {\n  line-height: 30px;\n  display: inline-block;\n  vertical-align: middle; }\n\n.scrollspy-example {\n  position: relative;\n  height: 200px;\n  margin-top: .5rem;\n  overflow: auto; }\n\n.list-group-item {\n  border: 1px solid #353d4a;\n  border-left: none;\n  border-right: none; }\n  .list-group-item:hover {\n    background: #353d4a; }\n  .list-group-item:first-child {\n    border-top: none; }\n  .list-group-item:last-child {\n    border-bottom: none; }\n\n.text-error {\n  color: #71b6f9;\n  text-shadow: rgba(113, 182, 249, 0.3) 5px 1px, rgba(113, 182, 249, 0.2) 10px 3px;\n  font-size: 84px;\n  line-height: 90px;\n  font-family: \"Karla\", sans-serif; }\n\n.error-text-box {\n  font-size: 10rem;\n  font-family: \"Karla\", sans-serif;\n  min-height: 200px; }\n  .error-text-box .text {\n    fill: none;\n    stroke-width: 6;\n    stroke-linejoin: round;\n    stroke-dasharray: 30 100;\n    stroke-dashoffset: 0;\n    animation: stroke 9s infinite linear; }\n  .error-text-box .text:nth-child(5n + 1) {\n    stroke: #ff5b5b;\n    animation-delay: -1.2s; }\n  .error-text-box .text:nth-child(5n + 2) {\n    stroke: #f9c851;\n    animation-delay: -2.4s; }\n  .error-text-box .text:nth-child(5n + 3) {\n    stroke: #71b6f9;\n    animation-delay: -3.6s; }\n  .error-text-box .text:nth-child(5n + 4) {\n    stroke: #35b8e0;\n    animation-delay: -4.8s; }\n  .error-text-box .text:nth-child(5n + 5) {\n    stroke: #10c469;\n    animation-delay: -6s; }\n\n@keyframes stroke {\n  100% {\n    stroke-dashoffset: -400; } }\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .error-text-box .text {\n    fill: #ff5b5b;\n    stroke: #ff5b5b;\n    stroke-width: 6;\n    stroke-dasharray: 0 0;\n    stroke-dashoffset: 0;\n    animation: none; } }\n\n.logout-checkmark {\n  width: 100px;\n  margin: 0 auto;\n  padding: 20px 0; }\n  .logout-checkmark .path {\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 0;\n    animation: dash 2s ease-in-out; }\n  .logout-checkmark .spin {\n    animation: spin 2s;\n    transform-origin: 50% 50%; }\n\n@keyframes dash {\n  0% {\n    stroke-dashoffset: 1000; }\n  100% {\n    stroke-dashoffset: 0; } }\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg); } }\n\n@keyframes text {\n  0% {\n    opacity: 0; }\n  100% {\n    opacity: 1; } }\n\n.faq-question-q-box {\n  height: 30px;\n  width: 30px;\n  color: #71b6f9;\n  text-align: center;\n  border-radius: 50%;\n  float: left;\n  font-weight: 700;\n  line-height: 30px;\n  background-color: rgba(113, 182, 249, 0.15); }\n\n.faq-question {\n  margin-top: 0;\n  margin-left: 50px;\n  font-weight: 400;\n  font-size: 16px; }\n\n.faq-answer {\n  margin-left: 50px;\n  color: #adb5bd; }\n\n.svg-computer {\n  stroke-dasharray: 1134;\n  stroke-dashoffset: -1134;\n  animation: draw-me 5s infinite;\n  animation-direction: normal;\n  height: 160px; }\n\n@keyframes draw-me {\n  from {\n    stroke-dashoffset: -1134; }\n  to {\n    stroke-dashoffset: 0; } }\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .svg-computer {\n    stroke-dasharray: 0;\n    stroke-dashoffset: 0;\n    animation: none;\n    animation-direction: normal; } }\n\n.timeline {\n  border-collapse: collapse;\n  border-spacing: 0;\n  display: table;\n  margin-bottom: 50px;\n  position: relative;\n  table-layout: fixed;\n  width: 100%; }\n  .timeline .time-show {\n    margin-bottom: 30px;\n    margin-right: -75px;\n    margin-top: 30px;\n    position: relative;\n    text-align: right; }\n    .timeline .time-show a {\n      color: #fff; }\n  .timeline:before {\n    background-color: rgba(152, 166, 173, 0.3);\n    bottom: 0px;\n    content: \"\";\n    left: 50%;\n    position: absolute;\n    top: 30px;\n    width: 2px;\n    z-index: 0; }\n  .timeline .timeline-icon {\n    -webkit-border-radius: 50%;\n    background: #adb5bd;\n    border-radius: 50%;\n    color: #fff;\n    display: block;\n    height: 21px;\n    left: -54px;\n    margin-top: -11px;\n    position: absolute;\n    text-align: center;\n    top: 50%;\n    width: 21px; }\n    .timeline .timeline-icon i {\n      color: #313844;\n      font-size: 12px;\n      margin-left: 1px; }\n  .timeline .time-icon:before {\n    font-size: 16px;\n    margin-top: 5px; }\n\nh3.timeline-title {\n  color: #adb5bd;\n  font-size: 20px;\n  font-weight: 400;\n  margin: 0 0 5px;\n  text-transform: uppercase; }\n\n.timeline-item {\n  display: table-row; }\n  .timeline-item:before {\n    content: \"\";\n    display: block;\n    width: 50%; }\n  .timeline-item .timeline-desk .arrow {\n    border-bottom: 8px solid transparent;\n    border-right: 8px solid #313844 !important;\n    border-top: 8px solid transparent;\n    display: block;\n    height: 0;\n    left: -7px;\n    margin-top: -10px;\n    position: absolute;\n    top: 50%;\n    width: 0; }\n\n.timeline-item.alt:after {\n  content: \"\";\n  display: block;\n  width: 50%; }\n\n.timeline-item.alt .timeline-desk .arrow-alt {\n  border-bottom: 8px solid transparent;\n  border-left: 8px solid #313844 !important;\n  border-top: 8px solid transparent;\n  display: block;\n  height: 0;\n  left: auto;\n  margin-top: -10px;\n  position: absolute;\n  right: -7px;\n  top: 50%;\n  width: 0; }\n\n.timeline-item.alt .timeline-desk .album {\n  float: right;\n  margin-top: 20px; }\n  .timeline-item.alt .timeline-desk .album a {\n    float: right;\n    margin-left: 5px; }\n\n.timeline-item.alt .timeline-icon {\n  left: auto;\n  right: -57px; }\n\n.timeline-item.alt:before {\n  display: none; }\n\n.timeline-item.alt .panel {\n  margin-left: 0;\n  margin-right: 45px; }\n  .timeline-item.alt .panel .panel-body p + p {\n    margin-top: 10px !important; }\n\n.timeline-item.alt h4 {\n  text-align: right; }\n\n.timeline-item.alt p {\n  text-align: right; }\n\n.timeline-item.alt .timeline-date {\n  text-align: right; }\n\n.timeline-desk {\n  display: table-cell;\n  vertical-align: top;\n  width: 50%; }\n  .timeline-desk h4 {\n    font-size: 16px;\n    font-weight: 300;\n    margin: 0; }\n  .timeline-desk .panel {\n    background: #313844;\n    display: block;\n    margin-bottom: 5px;\n    margin-left: 45px;\n    position: relative;\n    text-align: left;\n    padding: 20px;\n    border-radius: 7px; }\n  .timeline-desk h5 span {\n    color: #313844;\n    display: block;\n    font-size: 12px;\n    margin-bottom: 4px; }\n  .timeline-desk p {\n    color: #adb5bd;\n    font-size: 14px;\n    margin-bottom: 0; }\n  .timeline-desk .album {\n    margin-top: 12px; }\n    .timeline-desk .album a {\n      float: left;\n      margin-right: 5px; }\n    .timeline-desk .album img {\n      height: 36px;\n      width: 36px;\n      border-radius: 3px; }\n  .timeline-desk .notification {\n    background: none repeat scroll 0 0 #fff;\n    margin-top: 20px;\n    padding: 8px; }\n\n.inbox-rightbar {\n  border-left: 5px solid #282e38;\n  padding: 1.5rem 25px 1.5rem 25px; }\n\n.mail-list a {\n  color: #adb5bd;\n  padding: 9px 10px;\n  display: block;\n  font-size: 15px; }\n\n.inbox-app-main {\n  margin-left: -20px; }\n\n.circle-icon {\n  width: 30px;\n  height: 30px;\n  text-align: center;\n  line-height: 26px;\n  border: 2px solid #adb5bd;\n  border-radius: 100px;\n  font-size: 14px;\n  color: #adb5bd;\n  cursor: pointer;\n  display: block;\n  float: left; }\n  .circle-icon:hover {\n    color: #838f9b;\n    border-color: #838f9b; }\n\n.circle-icon.small {\n  height: 25px;\n  width: 25px;\n  line-height: 21px;\n  font-size: 11px; }\n\n.circle-icon.red {\n  color: #ff5b5b;\n  border-color: #ff5b5b; }\n  .circle-icon.red:hover {\n    color: #c10000;\n    border-color: #c10000; }\n\n.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 #adb5bd;\n  border-radius: 1px; }\n  .checkbox-wrapper-mail input {\n    opacity: 0;\n    cursor: pointer;\n    display: none; }\n    .checkbox-wrapper-mail input:checked ~ label {\n      opacity: 1; }\n  .checkbox-wrapper-mail label {\n    position: absolute;\n    top: 3px;\n    left: 3px;\n    right: 3px;\n    bottom: 3px;\n    cursor: pointer;\n    background: #adb5bd;\n    opacity: 0;\n    margin-bottom: 0px !important;\n    transition-duration: .05s; }\n    .checkbox-wrapper-mail label:active {\n      background: #dee2e6; }\n\n#sidebar {\n  position: fixed;\n  height: 100%;\n  width: 240px;\n  transition-duration: .3s;\n  z-index: 5;\n  color: #f7f7f7; }\n  #sidebar li a {\n    color: #f7f7f7; }\n  #sidebar .menu-segment {\n    padding: 0 50px; }\n    #sidebar .menu-segment ul,\n    #sidebar .menu-segment li {\n      margin: 0;\n      padding: 0; }\n    #sidebar .menu-segment .ball.pink {\n      border-color: #ff8acc; }\n    #sidebar .menu-segment .ball.green {\n      border-color: #10c469; }\n    #sidebar .menu-segment .ball.blue {\n      border-color: #71b6f9; }\n    #sidebar .menu-segment li.title {\n      text-transform: uppercase;\n      font-weight: 600;\n      padding: 10px 0;\n      color: #dee2e6; }\n      #sidebar .menu-segment li.title .icon {\n        float: right; }\n  #sidebar .menu-segment li.active a,\n  #sidebar .menu-segment li.active a:hover {\n    color: #ff5b5b;\n    font-weight: 600; }\n  #sidebar .menu-segment li a {\n    display: block;\n    margin: 0 -50px;\n    padding: 10px 50px; }\n    #sidebar .menu-segment li a:hover {\n      background: rgba(108, 117, 125, 0.3); }\n  #sidebar .menu-segment li .italic-link {\n    font-style: italic;\n    font-weight: 600; }\n  #sidebar .menu-segment .labels li a span,\n  #sidebar .menu-segment .chat li a span {\n    display: block;\n    border: 5px solid #ff5b5b;\n    border-radius: 100px;\n    margin-top: 6px; }\n  #sidebar .menu-segment .labels.labels li a span,\n  #sidebar .menu-segment .chat.labels li a span {\n    float: right; }\n  #sidebar .menu-segment .labels.chat li a span,\n  #sidebar .menu-segment .chat.chat li a span {\n    float: left;\n    margin-right: 10px; }\n  #sidebar .menu-segment .chat li a {\n    padding-left: 50px; }\n  #sidebar .separator {\n    margin: 30px 35px;\n    height: 1px;\n    background: rgba(173, 181, 189, 0.5); }\n  #sidebar .bottom-padding {\n    height: 100px; }\n  #sidebar > .nano-pane {\n    background: transparent;\n    width: 5px; }\n    #sidebar > .nano-pane .nano-slider {\n      background: rgba(173, 181, 189, 0.3); }\n\n#main {\n  position: fixed;\n  top: 72px;\n  left: 490px;\n  bottom: 0;\n  right: 0;\n  z-index: 4;\n  transition-duration: .3s;\n  background-color: #313844; }\n  #main .overlay {\n    position: absolute;\n    top: 0;\n    left: -5px;\n    right: 0;\n    bottom: 100%;\n    background: rgba(247, 247, 247, 0.6);\n    z-index: 5;\n    opacity: 0;\n    transition-duration: 0s;\n    transition-property: opacity; }\n  #main .header {\n    padding: 12px 25px;\n    border-bottom: 1px solid rgba(173, 181, 189, 0.3);\n    overflow: hidden; }\n    #main .header .page-title {\n      display: block; }\n      #main .header .page-title .sidebar-toggle-btn {\n        width: 0;\n        margin-top: 1px;\n        padding: 11px 0 0 0;\n        float: left;\n        position: relative;\n        display: block;\n        cursor: pointer;\n        transition-duration: .3s;\n        transition-delay: .5s;\n        opacity: 0;\n        margin-right: 0; }\n        #main .header .page-title .sidebar-toggle-btn .line {\n          height: 3px;\n          display: block;\n          background: #6c757d;\n          margin-bottom: 4px;\n          transition-duration: .5s;\n          transition-delay: .5s; }\n        #main .header .page-title .sidebar-toggle-btn .line-angle1 {\n          width: 8px;\n          margin: 0;\n          position: absolute;\n          top: 15px;\n          left: -11px;\n          transform: rotate(-60deg); }\n        #main .header .page-title .sidebar-toggle-btn .line-angle2 {\n          width: 8px;\n          margin: 0;\n          position: absolute;\n          top: 21px;\n          left: -11px;\n          transform: rotate(60deg); }\n      #main .header .page-title .icon {\n        font-size: 15px;\n        margin-left: 20px;\n        position: relative;\n        top: -5px;\n        cursor: pointer; }\n    #main .header .search-box {\n      width: 180px;\n      height: 40px;\n      margin-left: 30px;\n      position: relative; }\n      #main .header .search-box input {\n        position: absolute;\n        top: 0;\n        transition-duration: .3s;\n        right: 0;\n        bottom: 0;\n        width: 100%;\n        padding: 0px 36px 0px 0px;\n        margin: 0;\n        text-indent: 15px;\n        height: 38px;\n        z-index: 2;\n        outline: none;\n        color: #98a6ad;\n        background: transparent;\n        border: 2px solid #3a4250;\n        border-radius: 5px;\n        transition-timing-function: cubic-bezier(0.3, 1.5, 0.6, 1); }\n        #main .header .search-box input:focus {\n          color: #f7f7f7;\n          border-color: #3a4250; }\n        #main .header .search-box input:focus ~ .icon {\n          opacity: 1;\n          z-index: 3;\n          color: #10c469; }\n        #main .header .search-box input::placeholder {\n          color: #98a6ad; }\n      #main .header .search-box .icon {\n        transition-duration: .3s;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        width: 40px;\n        text-align: center;\n        line-height: 38px;\n        z-index: 1;\n        cursor: pointer;\n        opacity: .5; }\n  #main .action-bar {\n    padding: 5px;\n    overflow: hidden; }\n  #main .message-list {\n    display: block;\n    padding-left: 0; }\n    #main .message-list li {\n      position: relative;\n      display: block;\n      height: 50px;\n      line-height: 50px;\n      cursor: default;\n      transition-duration: .3s;\n      color: #adb5bd; }\n      #main .message-list li:hover {\n        background: #3a4250;\n        transition-duration: .05s; }\n      #main .message-list li .mail-col {\n        float: left;\n        position: relative; }\n      #main .message-list li .mail-col-1 {\n        width: 400px; }\n        #main .message-list li .mail-col-1 .star-toggle,\n        #main .message-list li .mail-col-1 .checkbox-wrapper-mail,\n        #main .message-list li .mail-col-1 .dot {\n          display: block;\n          float: left; }\n        #main .message-list li .mail-col-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        #main .message-list li .mail-col-1 .checkbox-wrapper-mail {\n          margin-top: 15px;\n          margin-right: 10px; }\n        #main .message-list li .mail-col-1 .star-toggle {\n          margin-top: 18px;\n          font-size: 14px;\n          margin-left: 5px; }\n        #main .message-list li .mail-col-1 .title {\n          position: absolute;\n          top: 0px;\n          left: 140px;\n          right: 0;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap; }\n      #main .message-list li .mail-col-2 {\n        position: absolute;\n        top: 0;\n        left: 400px;\n        right: 0;\n        bottom: 0; }\n        #main .message-list li .mail-col-2 .subject,\n        #main .message-list li .mail-col-2 .date {\n          position: absolute;\n          top: 0; }\n        #main .message-list li .mail-col-2 .subject {\n          left: 0;\n          right: 200px;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          white-space: nowrap; }\n        #main .message-list li .mail-col-2 .date {\n          right: 0;\n          width: 200px;\n          padding-left: 80px; }\n    #main .message-list li.active, #main .message-list li.selected {\n      background: #3a4250;\n      transition-duration: .05s; }\n    #main .message-list li.active,\n    #main .message-list li.active:hover {\n      box-shadow: inset 3px 0 0 #71b6f9; }\n    #main .message-list li.unread {\n      font-weight: 500;\n      color: #f7f7f7; }\n    #main .message-list li.blue-dot .mail-col-1 .dot {\n      border-color: #71b6f9; }\n    #main .message-list li.orange-dot .mail-col-1 .dot {\n      border-color: #f9c851; }\n    #main .message-list li.green-dot .mail-col-1 .dot {\n      border-color: #10c469; }\n  #main .load-more-link {\n    display: block;\n    text-align: center;\n    margin: 30px 0 50px 0; }\n\nbody[data-layout=\"horizontal\"] #main {\n  top: 132px;\n  left: 350px; }\n  @media (max-width: 1024px) {\n    body[data-layout=\"horizontal\"] #main {\n      left: 270px; } }\n  @media (max-width: 768px) {\n    body[data-layout=\"horizontal\"] #main {\n      left: 0;\n      top: 70px; } }\n\nbody[data-layout=\"horizontal\"] #message {\n  top: 132px; }\n  @media (max-width: 768px) {\n    body[data-layout=\"horizontal\"] #message {\n      top: 70px; } }\n\n.show-main-overlay #main .overlay {\n  opacity: 1;\n  bottom: 0;\n  transition-duration: .5s; }\n\n.show-sidebar #main .header .page-title .sidebar-toggle-btn {\n  transition-delay: 0s; }\n  .show-sidebar #main .header .page-title .sidebar-toggle-btn .line-angle1 {\n    transform: rotate(-120deg); }\n  .show-sidebar #main .header .page-title .sidebar-toggle-btn .line-angle2 {\n    transform: rotate(120deg); }\n\n#main #main-nano-wrapper {\n  position: absolute;\n  top: 100px;\n  bottom: 0;\n  height: auto; }\n\n#message {\n  position: fixed;\n  top: 72px;\n  left: 60%;\n  bottom: 0;\n  width: 40%;\n  z-index: 5;\n  transform: translateX(200%);\n  transition-duration: .5s;\n  padding: 20px 30px;\n  background: #333a47;\n  box-shadow: 0 0px 77px 0 rgba(0, 0, 0, 0.08), 0 1px 0px 0 rgba(0, 0, 0, 0.02); }\n  #message .header {\n    padding-bottom: 20px;\n    border-bottom: 2px solid rgba(173, 181, 189, 0.2); }\n    #message .header .page-title {\n      display: block;\n      float: none;\n      margin-bottom: 15px;\n      line-height: 40px; }\n      #message .header .page-title .icon {\n        margin-top: 4px;\n        margin-right: 10px; }\n    #message .header .grey {\n      margin-left: 10px;\n      color: #98a6ad; }\n  #message .message-container {\n    padding: 0 30px; }\n    #message .message-container li {\n      padding: 25px;\n      border: 1px solid #3a4250;\n      background: #333a47;\n      margin: 0 0 30px 0;\n      position: relative; }\n      #message .message-container li .details {\n        padding-bottom: 20px;\n        border-bottom: 1px solid #3a4250;\n        margin-bottom: 30px;\n        overflow: hidden; }\n        #message .message-container li .details .left {\n          float: left;\n          font-weight: 600;\n          color: #98a6ad;\n          transition-duration: .3s; }\n          #message .message-container li .details .left .arrow {\n            display: inline-block;\n            position: relative;\n            height: 2px;\n            width: 20px;\n            background: rgba(247, 247, 247, 0.15);\n            vertical-align: top;\n            margin: 10px 20px 0 15px;\n            border: 0px solid rgba(247, 247, 247, 0.15);\n            transition-duration: .3s; }\n            #message .message-container li .details .left .arrow:after {\n              position: absolute;\n              top: -4px;\n              left: 100%;\n              height: 0;\n              width: 0;\n              border: inherit;\n              border-width: 7px;\n              border-style: solid;\n              content: '';\n              border-right: 0;\n              border-top-color: transparent;\n              border-bottom-color: transparent;\n              border-top-width: 5px;\n              border-bottom-width: 5px; }\n        #message .message-container li .details .right {\n          float: right;\n          color: #98a6ad; }\n      #message .message-container li .message {\n        margin-bottom: 40px; }\n        #message .message-container li .message p:last-child {\n          margin-bottom: 0; }\n      #message .message-container li:hover .tool-box .red-hover {\n        color: #ff5b5b;\n        border-color: #ff5b5b; }\n        #message .message-container li:hover .tool-box .red-hover:hover {\n          color: #f40000;\n          border-color: #f40000; }\n      #message .message-container li .tool-box {\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        border: 0px solid #3a4250;\n        border-top-width: 1px;\n        border-left-width: 1px;\n        padding: 8px 10px;\n        transition-duration: .3s; }\n        #message .message-container li .tool-box a {\n          margin-right: 10px; }\n          #message .message-container li .tool-box a:last-child {\n            margin-right: 0; }\n      #message .message-container li:hover .details .left .arrow {\n        background: #10c469;\n        border: 0px solid #10c469; }\n        #message .message-container li:hover .details .left .arrow.orange {\n          background: #f9c851;\n          border: 0px solid #f9c851; }\n  #message #message-nano-wrapper {\n    position: absolute;\n    top: 130px;\n    bottom: 0;\n    height: auto;\n    left: 0;\n    right: 0;\n    width: auto; }\n\n.show-message #message {\n  transform: none;\n  transition-duration: .3s; }\n\n.show-message #main {\n  margin-right: 40%; }\n\n@media only screen and (min-width: 1499px) {\n  #main .overlay {\n    display: none; } }\n\n@media only screen and (max-width: 1500px) {\n  .show-message #main {\n    margin-right: 0; }\n  .show-message #message {\n    left: 50%;\n    width: 50%; } }\n\n@media only screen and (max-width: 1024px) {\n  #main {\n    left: 340px; }\n  .show-sidebar #sidebar {\n    transform: none; }\n  .show-sidebar #main {\n    transform: translateX(250px); }\n  .show-message #main {\n    margin-right: 0; } }\n\n@media only screen and (max-width: 768px) {\n  #sidebar {\n    transform: translateX(-100%); }\n  #main {\n    left: 0;\n    box-shadow: none; }\n    #main .header .page-title .sidebar-toggle-btn {\n      margin-right: 20px;\n      opacity: 1;\n      width: 20px;\n      margin-left: 10px; }\n      #main .header .page-title .sidebar-toggle-btn .line {\n        height: 2px; }\n  .show-sidebar #sidebar {\n    transform: none; }\n  .show-sidebar #main {\n    transform: translateX(250px); }\n  .show-message #main {\n    margin-right: 0; }\n  .show-message #message {\n    left: 20%;\n    width: 80%; } }\n\n@media only screen and (max-width: 600px) {\n  #main .header .search-box {\n    float: none;\n    width: 100%;\n    margin-bottom: 10px;\n    margin-top: 10px;\n    margin-left: 0; }\n    #main .header .search-box input,\n    #main .header .search-box input:focus {\n      width: 100%; }\n  #main .action-bar {\n    float: none !important; }\n  #main .action-bar ul {\n    margin-bottom: 0;\n    text-align: center; }\n  #main #main-nano-wrapper {\n    position: absolute;\n    top: 150px;\n    bottom: 0;\n    height: auto; }\n  #main .message-list li .mail-col-1 {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 120px;\n    width: auto; }\n  #main .message-list li .mail-col-2 {\n    right: 0;\n    left: auto;\n    width: 120px; }\n    #main .message-list li .mail-col-2 .date {\n      padding-left: 0;\n      position: static; }\n    #main .message-list li .mail-col-2 .subject {\n      display: none; } }\n\n/**\r\n * Nano scroll stuff\r\n*/\n.nano {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden; }\n  .nano > .nano-content {\n    position: absolute;\n    overflow-x: hidden;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0; }\n    .nano > .nano-content:focus {\n      outline: none; }\n    .nano > .nano-content:-webkit-scrollbar {\n      visibility: hidden; }\n  .nano > .nano-pane {\n    background: rgba(173, 181, 189, 0.1);\n    position: absolute;\n    width: 7px;\n    right: 8px;\n    top: 8px;\n    bottom: 8px;\n    visibility: hidden \\9;\n    /* Target only IE7 and IE8 with this hack */\n    opacity: .01;\n    border-radius: 5px;\n    transition: .3s; }\n    .nano > .nano-pane > .nano-slider {\n      background: rgba(173, 181, 189, 0.35);\n      position: relative;\n      border-radius: 3px;\n      transition: .3s;\n      transition-property: background; }\n    .nano > .nano-pane:hover .nano-slider, .nano > .nano-pane.active .nano-slider {\n      background: #3a4250; }\n\n.has-scrollbar > .nano-content:-webkit-scrollbar {\n  visibility: visible; }\n\n.nano:hover > .nano-pane,\n.nano-pane.active,\n.nano-pane.flashed {\n  visibility: visible \\9;\n  /* Target only IE7 and IE8 with this hack */\n  opacity: 0.99; }\n\nbody[data-layout-mode=horizontal] #main {\n  top: 126px;\n  left: 350px; }\n\n.pricing-column {\n  position: relative;\n  margin-bottom: 40px; }\n  .pricing-column .inner-box {\n    position: relative;\n    padding: 0px 0px 40px; }\n  .pricing-column .plan-title {\n    font-size: 16px;\n    color: #71b6f9;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 400; }\n  .pricing-column .plan-price {\n    font-size: 40px;\n    margin-bottom: 10px;\n    color: #f7f7f7; }\n  .pricing-column .plan-duration {\n    font-size: 13px;\n    color: #adb5bd; }\n  .pricing-column .plan-stats li {\n    margin-bottom: 15px;\n    line-height: 24px; }\n\n.ribbon {\n  position: absolute;\n  left: 5px;\n  top: -5px;\n  z-index: 1;\n  overflow: hidden;\n  width: 75px;\n  height: 75px;\n  text-align: right; }\n  .ribbon span {\n    font-size: 10px;\n    color: #fff;\n    text-transform: uppercase;\n    text-align: center;\n    line-height: 20px;\n    transform: rotate(-45deg);\n    width: 100px;\n    display: block;\n    box-shadow: 0 0px 8px 0 rgba(247, 247, 247, 0.06), 0 1px 0px 0 rgba(247, 247, 247, 0.02);\n    background: #71b6f9;\n    position: absolute;\n    top: 19px;\n    left: -21px; }\n    .ribbon span:before {\n      content: \"\";\n      position: absolute;\n      left: 0px;\n      top: 100%;\n      z-index: -1;\n      border-left: 3px solid #71b6f9;\n      border-right: 3px solid transparent;\n      border-bottom: 3px solid transparent;\n      border-top: 3px solid #71b6f9; }\n    .ribbon span:after {\n      content: \"\";\n      position: absolute;\n      right: 0px;\n      top: 100%;\n      z-index: -1;\n      border-left: 3px solid transparent;\n      border-right: 3px solid #71b6f9;\n      border-bottom: 3px solid transparent;\n      border-top: 3px solid #71b6f9; }\n\n.portfolioFilter a {\n  transition: all 0.3s ease-out;\n  color: #f7f7f7;\n  border-radius: 3px;\n  padding: 5px 10px;\n  display: inline-block;\n  font-weight: 500; }\n  .portfolioFilter a:hover {\n    color: #71b6f9; }\n\n.portfolioFilter a.current {\n  color: #71b6f9; }\n\n.thumb {\n  background-color: #313844;\n  border-radius: 3px;\n  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);\n  margin-top: 24px;\n  padding: 10px; }\n\n.thumb-img {\n  border-radius: 2px;\n  overflow: hidden; }\n\n.gal-detail h4 {\n  margin-top: 16px;\n  font-size: 16px; }\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 700;\n  color: #f7f7f7; }\n  .counter-number span {\n    font-size: 15px;\n    font-weight: 400;\n    display: block;\n    color: #adb5bd; }\n\n.coming-box {\n  float: left;\n  width: 25%; }\n\n.profile-pills li a {\n  color: #98a6ad !important;\n  padding: 0 10px;\n  display: block;\n  line-height: 30px !important; }\n  .profile-pills li a i {\n    font-size: 14px; }\n\n.comment-footer {\n  display: block;\n  font-size: 12px; }\n  .comment-footer i {\n    font-size: 13px;\n    margin-right: 7px; }\n\n.comment-footer, .comment-footer a {\n  color: rgba(247, 247, 247, 0.5); }\n  .comment-footer:hover, .comment-footer a:hover {\n    color: #71b6f9; }\n\n.task-tags .bootstrap-tagsinput {\n  padding: 0px;\n  border: none;\n  background-color: transparent; }\n\n.attached-files .files-list .file-box {\n  vertical-align: middle; }\n\n.assign-team a {\n  margin-right: 7px; }\n\n/* File Upload */\n.fileupload {\n  overflow: hidden;\n  position: relative; }\n  .fileupload input.upload {\n    cursor: pointer;\n    filter: alpha(opacity=0);\n    font-size: 20px;\n    margin: 0;\n    opacity: 0;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    top: 0; }\n\n.add-new-plus {\n  height: 32px;\n  text-align: center;\n  width: 32px;\n  display: inline-block;\n  line-height: 32px;\n  color: #adb5bd;\n  font-weight: 700;\n  background-color: #3a4250;\n  border-radius: 50%; }\n\n.bootstrap-tagsinput input {\n  color: #6c757d; }\n\n.bootstrap-tagsinput input {\n  border: none;\n  box-shadow: none;\n  outline: none;\n  background-color: transparent;\n  padding: 0 6px;\n  margin: 0;\n  width: auto;\n  max-width: inherit; }\n\n.bootstrap-tagsinput .label-info {\n  background-color: #71b6f9;\n  display: inline-block;\n  font-size: 13px;\n  margin: 3px 1px;\n  padding: 0 5px;\n  border-radius: 3px;\n  font-weight: 500; }\n\n.bootstrap-tagsinput .tag {\n  margin-right: 2px;\n  color: white; }\n\n.taskList {\n  min-height: 40px;\n  margin-bottom: 0; }\n  .taskList > li {\n    background-color: #313844;\n    border: 1px solid #3a4250;\n    padding: 20px;\n    margin-bottom: 15px;\n    border-radius: 3px; }\n  .taskList .kanban-detail {\n    margin-left: 35px; }\n    .taskList .kanban-detail ul li a {\n      display: inline-block; }\n      .taskList .kanban-detail ul li a i {\n        font-size: 16px;\n        color: #adb5bd;\n        padding: 0px 5px;\n        line-height: 32px; }\n\n.task-placeholder {\n  border: 1px dashed #3a4250 !important;\n  background-color: #313844 !important;\n  padding: 20px; }\n\n.gu-mirror {\n  list-style: 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  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: 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  transition: all 0.5s ease-out;\n  transition-property: transform, opacity;\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: 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  transition: none !important; }\n\n.waves-button,\n.waves-circle {\n  transform: translateZ(0);\n  mask-image: 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  mask-image: none;\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  transition: all 300ms; }\n\n.waves-float:active {\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }\n\n.waves-block {\n  display: block; }\n\n.irs {\n  position: relative;\n  display: block;\n  -webkit-touch-callout: none;\n  -ms-user-select: none;\n  user-select: none;\n  font-size: 12px; }\n\n.irs-line {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  outline: none !important; }\n\n.irs-bar {\n  position: absolute;\n  display: block;\n  width: 0; }\n\n.irs-shadow {\n  position: absolute;\n  display: none;\n  width: 0; }\n\n.irs-handle {\n  position: absolute;\n  display: block;\n  box-sizing: border-box;\n  cursor: default;\n  z-index: 1; }\n  .irs-handle.type_last {\n    z-index: 2; }\n\n.irs-min,\n.irs-max {\n  position: absolute;\n  display: block;\n  cursor: default; }\n\n.irs-min {\n  left: 0; }\n\n.irs-max {\n  right: 0; }\n\n.irs-from,\n.irs-to,\n.irs-single {\n  position: absolute;\n  display: block;\n  top: 0;\n  cursor: default;\n  white-space: nowrap; }\n\n.irs-grid {\n  position: absolute;\n  display: none;\n  bottom: 0;\n  width: 100%;\n  height: 20px; }\n\n.irs-with-grid .irs-grid {\n  display: block; }\n\n.irs-grid-pol {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 8px;\n  background: #6c757d; }\n  .irs-grid-pol.small {\n    height: 4px; }\n\n.irs-grid-text {\n  position: absolute;\n  bottom: 0;\n  /*rtl:ignore*/\n  left: 0;\n  white-space: nowrap;\n  text-align: center;\n  font-size: 9px;\n  line-height: 9px;\n  padding: 0 3px;\n  color: #6c757d; }\n\n.irs-disable-mask {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: -1%;\n  width: 102%;\n  height: 100%;\n  cursor: default;\n  background: rgba(0, 0, 0, 0);\n  z-index: 2; }\n\n.lt-ie9 .irs-disable-mask {\n  background: #6c757d;\n  filter: alpha(opacity=0);\n  cursor: not-allowed; }\n\n.irs-disabled {\n  opacity: 0.4; }\n\n.irs-hidden-input {\n  position: absolute !important;\n  display: block !important;\n  top: 0 !important;\n  left: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n  font-size: 0 !important;\n  line-height: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  outline: none !important;\n  z-index: -9999 !important;\n  background: none !important;\n  border-style: solid !important;\n  border-color: transparent !important; }\n\n.irs--flat {\n  height: 40px; }\n  .irs--flat.irs-with-grid {\n    height: 60px; }\n  .irs--flat .irs-line {\n    top: 25px;\n    height: 12px;\n    background-color: #3a4250;\n    border-radius: 4px; }\n  .irs--flat .irs-bar {\n    top: 25px;\n    height: 12px;\n    background-color: #71b6f9; }\n  .irs--flat .irs-bar--single {\n    /*rtl:ignore*/\n    border-radius: 4px 0 0 4px; }\n  .irs--flat .irs-shadow {\n    height: 1px;\n    bottom: 16px;\n    background-color: #3a4250; }\n  .irs--flat .irs-handle {\n    top: 22px;\n    width: 16px;\n    height: 18px;\n    background-color: transparent; }\n  .irs--flat .irs-handle > i:first-child {\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 50%;\n    width: 2px;\n    height: 100%;\n    margin-left: -1px;\n    background-color: #4fa4f8 !important; }\n  .irs--flat .irs-min,\n  .irs--flat .irs-max {\n    top: 0;\n    padding: 1px 3px;\n    color: #dee2e6;\n    font-size: 10px;\n    line-height: 1.333;\n    text-shadow: none;\n    background-color: #3a4250;\n    border-radius: 4px; }\n  .irs--flat .irs-from,\n  .irs--flat .irs-to,\n  .irs--flat .irs-single {\n    color: #fff;\n    font-size: 10px;\n    line-height: 1.333;\n    text-shadow: none;\n    padding: 1px 5px;\n    background-color: #71b6f9;\n    border-radius: 4px; }\n  .irs--flat .irs-from:before,\n  .irs--flat .irs-to:before,\n  .irs--flat .irs-single:before {\n    position: absolute;\n    display: block;\n    content: \"\";\n    bottom: -6px;\n    left: 50%;\n    width: 0;\n    height: 0;\n    margin-left: -3px;\n    overflow: hidden;\n    border: 3px solid transparent;\n    border-top-color: #71b6f9; }\n  .irs--flat .irs-grid-pol {\n    background-color: #3a4250; }\n  .irs--flat .irs-grid-text {\n    color: #dee2e6; }\n\n.irs--modern .irs-line {\n  border: none;\n  background: #3a4250; }\n\n.irs--modern .irs-bar {\n  background: #71b6f9;\n  background: linear-gradient(to bottom, #71b6f9 0%, #409df7 100%); }\n\n.irs--modern .irs-min,\n.irs--modern .irs-max {\n  top: 0;\n  padding: 1px 3px;\n  color: #dee2e6;\n  font-size: 10px;\n  line-height: 1.333;\n  text-shadow: none;\n  background-color: #3a4250;\n  border-radius: 4px; }\n\n.irs--sharp .irs-from,\n.irs--sharp .irs-to,\n.irs--sharp .irs-single,\n.irs--sharp .irs-min,\n.irs--sharp .irs-max,\n.irs--sharp .irs-handle,\n.irs--sharp .irs-bar {\n  background-color: #71b6f9; }\n\n.irs--sharp .irs-line {\n  background: #3a4250; }\n\n.irs--sharp .irs-from:before,\n.irs--sharp .irs-to:before,\n.irs--sharp .irs-single:before,\n.irs--sharp .irs-handle > i:first-child {\n  border-top-color: #71b6f9; }\n\n.irs--sharp .irs-handle.state_hover,\n.irs--sharp .irs-handle:hover {\n  background-color: #2890f6; }\n\n.irs--sharp .irs-handle.state_hover > i:first-child,\n.irs--sharp .irs-handle:hover > i:first-child {\n  border-top-color: #2890f6; }\n\n.irs--round .irs-from,\n.irs--round .irs-to,\n.irs--round .irs-single,\n.irs--round .irs-bar {\n  background-color: #71b6f9; }\n  .irs--round .irs-from:before,\n  .irs--round .irs-to:before,\n  .irs--round .irs-single:before,\n  .irs--round .irs-bar:before {\n    border-top-color: #71b6f9; }\n\n.irs--round .irs-handle {\n  background-color: #3a4250;\n  border: 4px solid #71b6f9;\n  box-shadow: 0 1px 3px rgba(113, 182, 249, 0.3); }\n\n.irs--round .irs-min,\n.irs--round .irs-max {\n  color: #dee2e6;\n  background-color: #3a4250; }\n\n.irs--round .irs-line {\n  background: #3a4250; }\n\n.irs--square .irs-from,\n.irs--square .irs-to,\n.irs--square .irs-single,\n.irs--square .irs-bar {\n  background-color: #3a4250; }\n\n.irs--square .irs-handle {\n  border: 3px solid #71b6f9;\n  background-color: #3a4250; }\n\n.irs--square .irs-line {\n  background: #3a4250; }\n\n.irs--square .irs-min,\n.irs--square .irs-max {\n  top: 0;\n  padding: 1px 3px;\n  color: #dee2e6;\n  font-size: 10px;\n  line-height: 1.333;\n  text-shadow: none;\n  background-color: #3a4250;\n  border-radius: 4px; }\n\n.calendar {\n  float: left;\n  margin-bottom: 0; }\n\n#calendar .table-bordered td, #calendar .table-bordered th {\n  border: 1px solid #3a4250; }\n\n.none-border .modal-footer {\n  border-top: none; }\n\n.fc-toolbar {\n  margin: 10px 0 5px 0; }\n  .fc-toolbar .fc-toolbar-title {\n    font-size: 1.25rem;\n    line-height: 1.875rem;\n    text-transform: uppercase; }\n\n.fc-day-grid-event .fc-time {\n  font-weight: 500; }\n\n.fc-event-time,\n.fc-event-title {\n  color: #fff; }\n\nth.fc-col-header-cell {\n  padding: 0.3rem 0; }\n\n.fc-day {\n  background: transparent; }\n\n.fc-toolbar .fc-state-active,\n.fc-toolbar .ui-state-active,\n.fc-toolbar button:focus,\n.fc-toolbar button:hover,\n.fc-toolbar .ui-state-hover {\n  z-index: 0; }\n\n.fc th.fc-widget-header {\n  background: #3a4250;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.fc-unthemed th,\n.fc-unthemed td,\n.fc-unthemed thead,\n.fc-unthemed tbody,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-row,\n.fc-unthemed .fc-popover {\n  border-color: #3a4250; }\n\n.fc-unthemed td.fc-today,\n.fc-unthemed .fc-divider {\n  background: #3a4250; }\n\n.fc-button {\n  background: #3a4250;\n  border: none;\n  color: #dee2e6;\n  text-transform: capitalize;\n  box-shadow: none;\n  border-radius: 3px;\n  margin: 0 3px;\n  padding: 6px 12px;\n  height: auto; }\n\n.fc-text-arrow {\n  font-family: inherit;\n  font-size: 1rem; }\n\n.fc-state-hover,\n.fc-state-highlight,\n.fc-cell-overlay {\n  background: #3a4250; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #71b6f9;\n  color: #fff;\n  text-shadow: none; }\n\n.fc-unthemed .fc-today {\n  background: #fff; }\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.external-event {\n  cursor: move;\n  margin: 10px 0;\n  padding: 8px 10px;\n  color: #fff;\n  border-radius: 4px; }\n\n.fc-basic-view td.fc-week-number span {\n  padding-right: 8px; }\n\n.fc-basic-view td.fc-day-number {\n  padding-right: 8px; }\n\n.fc-basic-view .fc-content {\n  color: #fff; }\n\n.fc-time-grid-event .fc-content {\n  color: #fff; }\n\n.fc-content-skeleton .fc-day-top .fc-day-number {\n  float: right;\n  height: 20px;\n  width: 20px;\n  text-align: center;\n  line-height: 20px;\n  background-color: #282e38;\n  border-radius: 50%;\n  margin: 5px;\n  font-size: 11px; }\n\n@media (max-width: 767.98px) {\n  .fc-toolbar {\n    display: block !important; }\n    .fc-toolbar .fc-left,\n    .fc-toolbar .fc-right,\n    .fc-toolbar .fc-center {\n      float: none;\n      display: block;\n      clear: both;\n      margin: 10px 0; }\n  .fc .fc-toolbar > * > * {\n    float: none; }\n  .fc-today-button {\n    display: none; } }\n\n.fc-toolbar .btn {\n  padding: 0.28rem 0.8rem;\n  font-size: 0.875rem;\n  border-radius: 0.15rem; }\n\n.fc-list-item-title,\n.fc-list-item-time {\n  color: #fff; }\n\n[dir=\"rtl\"] .fc-toolbar .btn-group .btn:first-child {\n  border-top-left-radius: 0px !important;\n  border-bottom-left-radius: 0px !important;\n  border-radius: 0.15rem; }\n\n[dir=\"rtl\"] .fc-toolbar .btn-group .btn:last-child {\n  border-top-right-radius: 0px !important;\n  border-bottom-right-radius: 0px !important;\n  border-radius: 0.15rem; }\n\n.fc .fc-daygrid-day-number {\n  position: relative;\n  z-index: 4;\n  margin: 5px;\n  font-size: 12px; }\n\n.colorpicker {\n  background: #313844;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  border: 1px solid #3a4250; }\n\n.sp-picker-container .sp-alpha-handle {\n  right: 0;\n  left: auto; }\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #fff !important;\n  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #fff !important; }\n\n.jqsfield {\n  color: #000 !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: \"Roboto\", sans-serif !important;\n  font-weight: 500 !important; }\n\n.dataTables_wrapper.container-fluid {\n  padding: 0; }\n\n.dataTables_wrapper .dataTables_filter {\n  text-align: right !important; }\n  .dataTables_wrapper .dataTables_filter input {\n    margin-left: .5em !important;\n    margin-right: 0 !important; }\n\ntable.dataTable {\n  border-collapse: collapse !important;\n  margin-bottom: 15px !important;\n  padding-right: 5px !important; }\n  table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {\n    background-color: #71b6f9; }\n    table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {\n      border-color: #71b6f9; }\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 #71b6f9 !important;\n    outline-offset: -1px;\n    color: #71b6f9;\n    background-color: rgba(113, 182, 249, 0.15); }\n\n.dataTables_info {\n  font-weight: 600; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {\n  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);\n  background-color: #10c469 !important; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {\n  background-color: #ff5b5b;\n  top: 0.85rem; }\n\ndiv.dt-button-info {\n  background-color: #71b6f9;\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, li.paginate_button.next {\n    display: inline-block;\n    font-size: 1.5rem; }\n  li.paginate_button {\n    display: none; }\n  .dataTables_paginate ul {\n    text-align: center;\n    display: block;\n    margin: 1.5rem 0 0 !important; }\n  div.dt-buttons {\n    display: inline-table;\n    margin-bottom: 1.5rem; } }\n\ntable.dataTable > thead .sorting:before,\ntable.dataTable > thead .sorting:after,\ntable.dataTable > thead .sorting_asc:before,\ntable.dataTable > thead .sorting_asc:after,\ntable.dataTable > thead .sorting_desc:before,\ntable.dataTable > thead .sorting_desc:after,\ntable.dataTable > thead .sorting_asc_disabled:before,\ntable.dataTable > thead .sorting_asc_disabled:after,\ntable.dataTable > thead .sorting_desc_disabled:before,\ntable.dataTable > thead .sorting_desc_disabled:after {\n  bottom: 1em; }\n\n.daterangepicker {\n  font-family: \"Roboto\", sans-serif; }\n  .daterangepicker td.active,\n  .daterangepicker td.active:hover,\n  .daterangepicker .ranges li.active {\n    background-color: #71b6f9; }\n\n.form-wizard-header {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem; }\n\n.select2-container .select2-selection--single {\n  border: 1px solid #424c5c;\n  height: calc(1.5em + 0.9rem + 2px);\n  background-color: #363e4b;\n  box-shadow: none;\n  outline: none; }\n  .select2-container .select2-selection--single .select2-selection__rendered {\n    line-height: 36px;\n    padding-left: 12px;\n    color: #adb5bd;\n    text-align: left; }\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: #98a6ad transparent transparent transparent;\n      border-width: 6px 6px 0 6px; }\n\n.select2-container input::placeholder {\n  color: #98a6ad; }\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #98a6ad transparent !important;\n  border-width: 0 6px 6px 6px !important; }\n\n.select2-results__option {\n  padding: 6px 12px;\n  text-align: left; }\n\n.select2-dropdown {\n  border: 1px solid #3a4250;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  background-color: #313844; }\n\n.select2-container--default .select2-search--dropdown {\n  padding: 10px;\n  background-color: #363e4b; }\n  .select2-container--default .select2-search--dropdown .select2-search__field {\n    outline: none;\n    border: 1px solid #424c5c;\n    background-color: #363e4b;\n    color: #adb5bd;\n    text-align: left; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #71b6f9; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #363e4b;\n  color: #e1e9ee; }\n  .select2-container--default .select2-results__option[aria-selected=true]:hover {\n    background-color: #71b6f9;\n    color: #fff; }\n\n.select2-container .select2-selection--multiple {\n  min-height: calc(1.5em + 0.9rem + 2px);\n  border: 1px solid #424c5c !important;\n  background-color: #363e4b;\n  box-shadow: none; }\n  .select2-container .select2-selection--multiple .select2-selection__rendered {\n    padding: 1px 10px; }\n  .select2-container .select2-selection--multiple .select2-search__field {\n    border: 0;\n    color: #adb5bd; }\n  .select2-container .select2-selection--multiple .select2-selection__choice {\n    background-color: #71b6f9;\n    border: none;\n    color: #fff;\n    border-radius: 3px;\n    padding: 0 7px;\n    margin-top: 6px; }\n  .select2-container .select2-selection--multiple .select2-selection__choice__remove {\n    color: #fff;\n    margin-right: 5px; }\n    .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {\n      color: #fff; }\n\n.select2-container .select2-search--inline .select2-search__field {\n  margin-top: 7px; }\n\n.select2-selection {\n  overflow: hidden; }\n\n.select2-selection__rendered {\n  white-space: normal;\n  word-break: break-all; }\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;\n  bottom: 0;\n  right: 0;\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\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: 5px;\n  min-height: 10px; }\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #9097a7;\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   Notification\r\n============= */\n#toast-container > div {\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  opacity: 1; }\n\n#toast-container > :hover {\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  opacity: 0.9; }\n\n.toast-primary {\n  border: 2px solid #71b6f9 !important;\n  background-color: rgba(113, 182, 249, 0.8) !important; }\n\n.toast-secondary {\n  border: 2px solid #6c757d !important;\n  background-color: rgba(108, 117, 125, 0.8) !important; }\n\n.toast-success {\n  border: 2px solid #10c469 !important;\n  background-color: rgba(16, 196, 105, 0.8) !important; }\n\n.toast-info {\n  border: 2px solid #35b8e0 !important;\n  background-color: rgba(53, 184, 224, 0.8) !important; }\n\n.toast-warning {\n  border: 2px solid #f9c851 !important;\n  background-color: rgba(249, 200, 81, 0.8) !important; }\n\n.toast-danger {\n  border: 2px solid #ff5b5b !important;\n  background-color: rgba(255, 91, 91, 0.8) !important; }\n\n.toast-light {\n  border: 2px solid #3a4250 !important;\n  background-color: rgba(58, 66, 80, 0.8) !important; }\n\n.toast-dark {\n  border: 2px solid #f7f7f7 !important;\n  background-color: rgba(247, 247, 247, 0.8) !important; }\n\n.toast-pink {\n  border: 2px solid #ff8acc !important;\n  background-color: rgba(255, 138, 204, 0.8) !important; }\n\n.toast-purple {\n  border: 2px solid #5b69bc !important;\n  background-color: rgba(91, 105, 188, 0.8) !important; }\n\n.toast-blue {\n  border: 2px solid #71b6f9 !important;\n  background-color: rgba(113, 182, 249, 0.8) !important; }\n\n.toast-error {\n  background-color: rgba(255, 91, 91, 0.8);\n  border: 2px solid #ff5b5b; }\n\n.swal2-modal {\n  font-family: \"Roboto\", sans-serif;\n  box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); }\n  .swal2-modal .swal2-title {\n    font-size: 24px; }\n  .swal2-modal .swal2-content {\n    font-size: 16px; }\n  .swal2-modal .swal2-spacer {\n    margin: 10px 0; }\n  .swal2-modal .swal2-file,\n  .swal2-modal .swal2-input,\n  .swal2-modal .swal2-textarea {\n    border: 2px solid #3a4250;\n    font-size: 16px;\n    box-shadow: none; }\n  .swal2-modal .swal2-confirm {\n    background-color: #71b6f9 !important;\n    font-size: 0.9rem !important; }\n  .swal2-modal .swal2-cancel.btn-cancel {\n    background-color: #ff5b5b !important;\n    font-size: 0.9rem; }\n  .swal2-modal .swal2-confirm, .swal2-modal .swal2-cancel {\n    margin: .3125em;\n    padding: .625em 2em;\n    font-weight: 500;\n    box-shadow: none;\n    font-size: 0.9rem !important; }\n    .swal2-modal .swal2-confirm:focus, .swal2-modal .swal2-cancel:focus {\n      box-shadow: none !important; }\n  .swal2-modal .swal2-file:focus,\n  .swal2-modal .swal2-input:focus,\n  .swal2-modal .swal2-textarea:focus {\n    outline: 0;\n    border: 2px solid #71b6f9; }\n\n.swal2-icon.swal2-question {\n  color: #71b6f9 !important;\n  border-color: #71b6f9 !important; }\n\n.swal2-icon.swal2-success {\n  border-color: #10c469; }\n  .swal2-icon.swal2-success .line,\n  .swal2-icon.swal2-success [class^=swal2-success-line][class$=long],\n  .swal2-icon.swal2-success [class^=swal2-success-line] {\n    background-color: #10c469 !important; }\n  .swal2-icon.swal2-success .placeholder,\n  .swal2-icon.swal2-success .swal2-success-ring {\n    border-color: #10c469 !important; }\n\n.swal2-icon.swal2-warning {\n  color: #f9c851 !important;\n  border-color: #f9c851 !important; }\n\n.swal2-icon.swal2-error {\n  border-color: #ff5b5b !important; }\n  .swal2-icon.swal2-error .line {\n    background-color: #ff5b5b !important; }\n\n.swal2-icon.swal2-info {\n  border-color: #35b8e0;\n  color: #35b8e0; }\n\n.swal2-actions {\n  margin: 1.6em auto 0 !important; }\n\n.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {\n  background-color: rgba(241, 245, 247, 0.5) !important; }\n\nbody.swal2-shown {\n  padding-right: 0px !important;\n  padding-left: 0px !important; }\n\n.selectize-input {\n  min-height: calc(1.5em + 0.9rem + 2px);\n  padding: 0.45rem 0.9rem;\n  font-size: 0.9rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #adb5bd;\n  background-color: #363e4b !important;\n  border: 1px solid #424c5c;\n  box-shadow: none; }\n  .selectize-input > input {\n    color: #adb5bd; }\n    .selectize-input > input::placeholder {\n      color: #98a6ad; }\n  .selectize-input.focus {\n    color: #adb5bd;\n    background-color: #363e4b;\n    border-color: #576479;\n    outline: 0;\n    box-shadow: none !important; }\n\n.selectize-control.multi .selectize-input > div {\n  padding: 1px 8px;\n  background: #80befa;\n  color: #fff; }\n  .selectize-control.multi .selectize-input > div > a {\n    color: #fff; }\n  .selectize-control.multi .selectize-input > div.active {\n    background: #71b6f9; }\n    .selectize-control.multi .selectize-input > div.active > a {\n      color: color-yiq(#71b6f9); }\n\n.selectize-control.single .selectize-input:after {\n  border-style: solid;\n  border-width: 0 2px 2px 0;\n  border-color: transparent #98a6ad #98a6ad transparent;\n  content: '';\n  display: block;\n  height: 7px;\n  margin-top: -5px;\n  pointer-events: none;\n  position: absolute;\n  right: 15px;\n  left: auto;\n  top: 50%;\n  transform-origin: 66% 66%;\n  transform: rotate(45deg);\n  transition: all .15s ease-in-out;\n  width: 7px; }\n\n.selectize-control.single .selectize-input.dropdown-active:after {\n  border-width: 0 2px 2px 0;\n  margin-top: -5px;\n  border-color: transparent #98a6ad #98a6ad transparent;\n  transform: rotate(-135deg); }\n\n.selectize-dropdown {\n  padding: .3rem;\n  color: #adb5bd;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  background-color: #313844;\n  background-clip: padding-box;\n  border: 1px solid #3a4250;\n  border-radius: 0.25rem;\n  animation-name: DropDownSlide;\n  animation-duration: .3s;\n  animation-fill-mode: both;\n  margin: 0;\n  font-size: .875rem;\n  position: absolute;\n  z-index: 1000; }\n  .selectize-dropdown.show {\n    top: 100% !important; }\n  .selectize-dropdown.active {\n    color: #d4d8d9;\n    background-color: #3a4250; }\n  .selectize-dropdown .scientific {\n    color: #adb5bd; }\n  .selectize-dropdown .option,\n  .selectize-dropdown .optgroup-header {\n    display: block;\n    width: 100%;\n    padding: 0.375rem 1.2rem;\n    clear: both;\n    cursor: pointer;\n    font-weight: 400;\n    color: #adb5bd;\n    text-align: inherit;\n    white-space: nowrap;\n    background-color: transparent; }\n    .selectize-dropdown .option:hover, .selectize-dropdown .option:focus,\n    .selectize-dropdown .optgroup-header:hover,\n    .selectize-dropdown .optgroup-header:focus {\n      color: #d4d8d9;\n      text-decoration: none;\n      background-color: #3a4250 !important; }\n  .selectize-dropdown.plugin-optgroup_columns .optgroup {\n    border-right-color: #3a4250; }\n  .selectize-dropdown .optgroup:before {\n    background-color: #3a4250; }\n\n.selectize-dropdown-header {\n  border-bottom: 1px solid transparent;\n  color: #e1e9ee;\n  background-color: #3a4250;\n  text-decoration: none; }\n  .selectize-dropdown-header .selectize-dropdown-header-close {\n    right: 12px;\n    left: auto; }\n\n.selectize-dropdown-content > div {\n  background-color: transparent !important;\n  color: #adb5bd !important; }\n\n.tippy-tooltip .light-theme[data-animatefill] {\n  background-color: transparent; }\n\n.light-theme {\n  color: color-yiq(#fff);\n  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);\n  background-color: #fff; }\n  .light-theme .tippy-backdrop {\n    background-color: #fff; }\n  .light-theme .tippy-roundarrow {\n    fill: #fff; }\n\n.gradient-theme .tippy-backdrop {\n  background: #71b6f9;\n  background: linear-gradient(to left, #ff5b5b, #71b6f9); }\n\n.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {\n  border-top: 7px solid #fff;\n  border-right: 7px solid transparent;\n  border-left: 7px solid transparent; }\n\n.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {\n  border-bottom: 7px solid #fff;\n  border-right: 7px solid transparent;\n  border-left: 7px solid transparent; }\n\n.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {\n  border-left: 7px solid #fff;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent; }\n\n.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {\n  border-right: 7px solid #fff;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent; }\n\n.dd-list .dd-item .dd-handle {\n  border: none;\n  padding: 8px 16px;\n  height: auto;\n  font-weight: 600;\n  border-radius: 3px;\n  background: #3a4250;\n  color: #adb5bd; }\n  .dd-list .dd-item .dd-handle:hover {\n    color: #71b6f9; }\n\n.dd-list .dd-item button {\n  height: 36px;\n  font-size: 17px;\n  margin: 0;\n  color: #adb5bd;\n  width: 36px; }\n\n.dd-list .dd3-item {\n  margin: 5px 0; }\n  .dd-list .dd3-item .dd-item button {\n    width: 36px;\n    height: 36px; }\n\n.dd-list .dd3-handle {\n  margin: 0;\n  height: 36px !important;\n  float: left; }\n\n.dd-list .dd3-content {\n  height: auto;\n  border: none;\n  padding: 8px 16px 8px 46px;\n  background: #3a4250;\n  color: #adb5bd;\n  font-weight: 600; }\n  .dd-list .dd3-content:hover {\n    color: #71b6f9; }\n\n.dd-list .dd3-handle:before {\n  content: \"\\F035C\";\n  font-family: \"Material Design Icons\";\n  color: #98a6ad; }\n\n.dd-empty,\n.dd-placeholder {\n  background: rgba(108, 117, 125, 0.2); }\n\n.dd-dragel .dd-handle {\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15); }\n\ndiv.hopscotch-bubble {\n  background-color: #353d4a;\n  border: 3px solid #71b6f9;\n  border-radius: 5px;\n  color: #adb5bd;\n  z-index: 9; }\n  div.hopscotch-bubble .hopscotch-title {\n    color: #f7f7f7; }\n  div.hopscotch-bubble .hopscotch-next,\n  div.hopscotch-bubble .hopscotch-prev {\n    background-color: #71b6f9 !important;\n    background-image: none !important;\n    border-color: #71b6f9 !important;\n    text-shadow: none !important;\n    margin: 0 0 0 5px !important;\n    font-family: \"Roboto\", sans-serif;\n    color: #fff !important; }\n  div.hopscotch-bubble .hopscotch-bubble-number {\n    background: #ff5b5b;\n    padding: 0;\n    border-radius: 50%; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n    border-right: 19px solid #71b6f9; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n    border: none; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n    border-left: 19px solid #71b6f9;\n    left: -2px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n    border-left: 0 solid #71b6f9; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n    border-bottom: 19px solid #71b6f9;\n    top: 0; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n    border-bottom: 0 solid rgba(0, 0, 0, 0.5); }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n    border-top: 19px solid #71b6f9;\n    top: -2px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n    border-top: 0 solid rgba(0, 0, 0, 0.5); }\n  div.hopscotch-bubble h3 {\n    font-family: \"Karla\", sans-serif;\n    margin-bottom: 10px; }\n  div.hopscotch-bubble .hopscotch-content {\n    font-family: \"Roboto\", sans-serif; }\n\n.flotTip {\n  padding: 8px 12px;\n  background-color: rgba(247, 247, 247, 0.9);\n  z-index: 100;\n  color: #3a4250;\n  opacity: 1;\n  border-radius: 3px; }\n\n.legend tr {\n  height: 30px;\n  font-family: \"Karla\", sans-serif; }\n\n.legendLabel {\n  padding-left: 5px !important;\n  line-height: 10px;\n  padding-right: 20px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #adb5bd; }\n\n.legendColorBox > div {\n  border: none !important; }\n  .legendColorBox > div div {\n    border-radius: 50%; }\n\n.legend > div {\n  background-color: #313844 !important; }\n\n@media (max-width: 575.98px) {\n  .legendLabel {\n    display: none; } }\n\n.morris-chart text {\n  font-family: \"Karla\", sans-serif !important;\n  fill: #98a6ad; }\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: 5px;\n    padding: 10px 12px;\n    background: #f7f7f7;\n    color: #3a4250;\n    font-family: \"Roboto\", sans-serif;\n    border: none; }\n    .morris-hover.morris-default-style .morris-hover-row-label {\n      font-weight: bold;\n      margin: 0.25em 0;\n      font-family: \"Karla\", sans-serif; }\n    .morris-hover.morris-default-style .morris-hover-point {\n      white-space: nowrap;\n      margin: 0.1em 0;\n      color: #6c757d !important; }\n\n.chartjs-chart {\n  margin: auto;\n  position: relative;\n  width: 100%; }\n\n.ct-golden-section:before {\n  float: none; }\n\n.ct-chart {\n  max-height: 300px; }\n  .ct-chart .ct-label {\n    fill: #98a6ad;\n    color: #98a6ad;\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(247, 247, 247, 0.15); }\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: #5b69bc; }\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: #ff8acc; }\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: #f9c851; }\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: #35b8e0; }\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: #f7f7f7; }\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: #71b6f9; }\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: #10c469; }\n\n.ct-series-a .ct-area,\n.ct-series-a .ct-slice-pie {\n  fill: #71b6f9; }\n\n.ct-series-b .ct-area,\n.ct-series-b .ct-slice-pie {\n  fill: #ff8acc; }\n\n.ct-series-c .ct-area,\n.ct-series-c .ct-slice-pie {\n  fill: #35b8e0; }\n\n.ct-series-d .ct-area,\n.ct-series-d .ct-slice-pie {\n  fill: #5b69bc; }\n\n.ct-area {\n  fill-opacity: .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: #f7f7f7;\n  color: #3a4250;\n  text-align: center;\n  pointer-events: none;\n  z-index: 1;\n  transition: opacity .2s linear; }\n  .chartist-tooltip.tooltip-show {\n    opacity: 1; }\n\n.c3-tooltip {\n  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);\n  opacity: 1; }\n  .c3-tooltip td {\n    border-left: none;\n    font-family: \"Karla\", sans-serif; }\n    .c3-tooltip td > span {\n      background: #f7f7f7; }\n  .c3-tooltip tr {\n    border: none !important; }\n  .c3-tooltip th {\n    background-color: #f7f7f7;\n    color: color-yiq(#f7f7f7); }\n\n.c3-chart-arcs-title {\n  font-size: 18px;\n  font-weight: 600; }\n\n.c3 text {\n  font-family: \"Roboto\", sans-serif;\n  fill: #adb5bd; }\n\n.c3-legend-item {\n  font-family: \"Karla\", sans-serif;\n  font-size: 14px; }\n\n.c3 line,\n.c3 path {\n  stroke: #6c757d; }\n\n.c3-chart-arc.c3-target g path {\n  stroke: #fff; }\n\n#legend {\n  background: white;\n  position: absolute;\n  top: 0;\n  right: 15px; }\n  #legend .line {\n    color: #f7f7f7; }\n\n.rickshaw_graph svg {\n  max-width: 100%; }\n\n.rickshaw_legend .label {\n  font-family: inherit;\n  letter-spacing: 0.01em;\n  font-weight: 600; }\n\n.rickshaw_graph .detail .item,\n.rickshaw_graph .detail .x_label,\n.rickshaw_graph .x_tick .title {\n  font-family: \"Roboto\", sans-serif; }\n\n.gauge-chart text {\n  font-family: \"Roboto\", sans-serif !important; }\n\n.responsive-table-plugin .dropdown-menu li.checkbox-row {\n  padding: 7px 15px;\n  color: #adb5bd; }\n\n.responsive-table-plugin .table-responsive {\n  border: none;\n  margin-bottom: 0; }\n\n.responsive-table-plugin .btn-toolbar {\n  display: block; }\n\n.responsive-table-plugin tbody th {\n  font-size: 14px;\n  font-weight: normal; }\n\n.responsive-table-plugin .checkbox-row {\n  padding-left: 40px; }\n  .responsive-table-plugin .checkbox-row label {\n    display: inline-block;\n    padding-left: 5px;\n    position: relative;\n    margin-bottom: 0; }\n    .responsive-table-plugin .checkbox-row label::before {\n      background-color: transparent;\n      border-radius: 3px;\n      border: 1px solid #6c757d;\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; }\n    .responsive-table-plugin .checkbox-row label::after {\n      color: #6c757d;\n      display: inline-block;\n      font-size: 9px;\n      height: 16px;\n      left: 0;\n      margin-left: -19px;\n      padding-left: 3px;\n      padding-top: 1px;\n      position: absolute;\n      top: -2px;\n      width: 16px; }\n  .responsive-table-plugin .checkbox-row input[type=\"checkbox\"] {\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1;\n    outline: none; }\n    .responsive-table-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n      opacity: 0.65; }\n  .responsive-table-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n    outline-offset: -2px;\n    outline: none; }\n  .responsive-table-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    content: \"\\f00c\";\n    font-family: 'Font Awesome 5 Free';\n    font-weight: 900; }\n  .responsive-table-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n    background-color: #3a4250;\n    cursor: not-allowed; }\n  .responsive-table-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n    background-color: transparent;\n    border-color: #71b6f9; }\n  .responsive-table-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    color: #71b6f9; }\n\n.responsive-table-plugin table.focus-on tbody tr.focused th,\n.responsive-table-plugin table.focus-on tbody tr.focused td,\n.responsive-table-plugin .sticky-table-header {\n  background: #71b6f9;\n  --bs-table-accent-bg: $primary !important;\n  border-color: #71b6f9;\n  color: #fff; }\n  .responsive-table-plugin table.focus-on tbody tr.focused th table,\n  .responsive-table-plugin table.focus-on tbody tr.focused td table,\n  .responsive-table-plugin .sticky-table-header table {\n    color: #fff; }\n\n.responsive-table-plugin .fixed-solution .sticky-table-header {\n  top: 70px !important; }\n\n.responsive-table-plugin .btn-default {\n  background-color: #3a4250;\n  color: color-yiq(#3a4250);\n  border: 1px solid rgba(247, 247, 247, 0.3); }\n  .responsive-table-plugin .btn-default.btn-primary {\n    background-color: #71b6f9;\n    border-color: #71b6f9;\n    color: #fff;\n    box-shadow: 0 0 0 2px rgba(113, 182, 249, 0.5); }\n\n.responsive-table-plugin .btn-group.pull-right {\n  float: right; }\n  .responsive-table-plugin .btn-group.pull-right .dropdown-menu {\n    left: auto;\n    right: 0; }\n\n.no-touch .dropdown-menu > .checkbox-row:hover, .no-touch .dropdown-menu > .checkbox-row:active {\n  color: #e1e9ee;\n  background-color: #3a4250; }\n\nbody[data-layout-mode=\"horizontal\"] .fixed-solution .sticky-table-header {\n  top: 125px !important; }\n\nbody[data-layout-mode=\"horizontal\"][data-layout-menu-position=\"scrollable\"] .fixed-solution .sticky-table-header {\n  top: 0 !important; }\n\n@font-face {\n  font-family: 'footable';\n  src: url(\"../../../fonts/footable.eot\");\n  src: url(\"../../../fonts/footable.eot?#iefix\") format(\"embedded-opentype\"), url(\"../../../fonts/footable.woff\") format(\"woff\"), url(\"../../../fonts/footable.ttf\") format(\"truetype\"), url(\"../../../fonts/footable.svg#footable\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  @font-face {\n    font-family: 'footable';\n    src: url(\"../fonts/footable.svg#footable\") format(\"svg\");\n    font-weight: normal;\n    font-style: normal; } }\n\n.footable-odd {\n  background-color: transparent; }\n\n.footable-row-detail,\n.footable-detail-show {\n  background-color: #3a4250; }\n\n.footable-pagination li {\n  margin-left: 5px;\n  float: left; }\n  .footable-pagination li a {\n    padding: 0.5rem 0.75rem;\n    margin-left: -1px;\n    line-height: 1.5;\n    color: #f7f7f7;\n    background-color: #353d4a;\n    display: block;\n    border: 1px solid #3a4250;\n    border-radius: 0.25rem; }\n    .footable-pagination li a:hover {\n      z-index: 2;\n      color: #f7f7f7;\n      text-decoration: none;\n      background-color: #3a4250;\n      border-color: #3a4250; }\n  .footable-pagination li.active a {\n    color: #fff;\n    background-color: #71b6f9;\n    border-color: #71b6f9; }\n\n.footable > thead > tr > th > span.footable-sort-indicator {\n  float: right; }\n\n.footable {\n  width: 100%; }\n\n.footable.breakpoint > tbody > tr.footable-detail-show > td {\n  border-bottom: none; }\n\n.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e001\"; }\n\n.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {\n  cursor: pointer; }\n\n.footable.breakpoint > tbody > tr > td.footable-cell-detail {\n  border-top: none; }\n\n.footable.breakpoint > tbody > tr > td > span.footable-toggle {\n  display: inline-block;\n  font-family: 'footable';\n  padding-right: 5px;\n  font-size: 14px; }\n\n.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e000\"; }\n\n.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e005\"; }\n\n.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e004\"; }\n\n.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e003\"; }\n\n.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e002\"; }\n\n.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e007\"; }\n\n.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e006\"; }\n\n.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e009\"; }\n\n.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e008\"; }\n\n.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e00f\"; }\n\n.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e011\"; }\n\n.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e013\"; }\n\n.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e015\"; }\n\n.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e01b\"; }\n\n.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e01d\"; }\n\n.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e00b\"; }\n\n.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e00d\"; }\n\n.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e01f\"; }\n\n.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e021\"; }\n\n.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {\n  content: \"\\e017\"; }\n\n.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {\n  content: \"\\e019\"; }\n\n.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {\n  font-size: 18px; }\n\n.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {\n  font-size: 24px; }\n\n.footable > thead > tr > th {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: -moz-none;\n  -ms-user-select: none;\n  user-select: none; }\n\n.footable > thead > tr > th.footable-sortable:hover {\n  cursor: pointer; }\n\n.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {\n  content: \"\\e012\"; }\n\n.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {\n  content: \"\\e013\"; }\n\n.footable > thead > tr > th > span.footable-sort-indicator {\n  display: inline-block;\n  font-family: 'footable';\n  padding-left: 5px;\n  opacity: 0.3; }\n\n.footable > thead > tr > th > span.footable-sort-indicator:before {\n  content: \"\\e022\"; }\n\n.footable > tfoot .pagination {\n  margin: 0; }\n\n.footable.no-paging .hide-if-no-paging {\n  display: none; }\n\n.footable-row-detail-inner {\n  display: table; }\n\n.footable-row-detail-row {\n  display: table-row;\n  line-height: 1.5em; }\n\n.footable-row-detail-group {\n  display: block;\n  line-height: 2em;\n  font-size: 1.2em;\n  font-weight: 700; }\n\n.footable-row-detail-name {\n  display: table-cell;\n  font-weight: 700;\n  padding-right: 0.5em; }\n\n.footable-row-detail-value {\n  display: table-cell; }\n\n.tablesaw thead {\n  background: none;\n  background-image: none;\n  border: none; }\n  .tablesaw thead th {\n    text-shadow: none; }\n  .tablesaw thead tr:first-child th {\n    border: none;\n    font-weight: 500;\n    font-family: \"Karla\", sans-serif; }\n\n.tablesaw td {\n  border-top: 1px solid #282e38 !important;\n  border-bottom-width: 0px; }\n\n.tablesaw td,\n.tablesaw tbody th {\n  font-size: inherit;\n  line-height: inherit;\n  padding: 10px !important; }\n\n.tablesaw-stack tbody tr,\n.tablesaw tbody tr {\n  border-bottom: none; }\n\n.tablesaw-bar .btn-select.btn-small:after,\n.tablesaw-bar .btn-select.btn-micro:after {\n  font-size: 8px;\n  padding-right: 10px; }\n\n.tablesaw-swipe .tablesaw-cell-persist {\n  box-shadow: none;\n  border-color: #282e38; }\n\n.tablesaw-enhanced .tablesaw-bar .btn {\n  text-shadow: none;\n  background-image: none;\n  text-transform: none;\n  border: 1px solid #3a4250;\n  padding: 3px 10px;\n  color: #f7f7f7; }\n  .tablesaw-enhanced .tablesaw-bar .btn:after {\n    display: none; }\n\n.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {\n  background: #fff; }\n\n.tablesaw-enhanced .tablesaw-bar .btn:hover,\n.tablesaw-enhanced .tablesaw-bar .btn:focus,\n.tablesaw-enhanced .tablesaw-bar .btn:active {\n  color: #71b6f9 !important;\n  background-color: rgba(58, 66, 80, 0.5);\n  outline: none !important;\n  box-shadow: none !important;\n  background-image: none; }\n\n.tablesaw-columntoggle-popup .btn-group {\n  display: block; }\n\n.tablesaw-swipe .tablesaw-swipe-cellpersist {\n  border-right: 2px solid #282e38; }\n\n.tablesaw-sortable-btn {\n  cursor: pointer; }\n\n.tablesaw-swipe-cellpersist {\n  width: auto !important; }\n\n.tablesaw-bar-section label {\n  color: inherit;\n  margin-bottom: .5rem; }\n\n.ms-container {\n  background: transparent url(\"../../../images/multiple-arrow.png\") no-repeat 50% 50%;\n  width: auto;\n  max-width: 370px; }\n  .ms-container .ms-list {\n    box-shadow: none;\n    border: 1px solid #424c5c;\n    box-shadow: none; }\n    .ms-container .ms-list.ms-focus {\n      box-shadow: none;\n      border: 1px solid #576479; }\n  .ms-container .ms-selectable li.ms-elem-selectable {\n    border: none;\n    padding: 5px 10px;\n    color: #adb5bd; }\n  .ms-container .ms-selectable li.ms-hover {\n    background-color: #71b6f9;\n    color: #fff; }\n  .ms-container .ms-selection li.ms-elem-selection {\n    border: none;\n    padding: 5px 10px;\n    color: #adb5bd; }\n  .ms-container .ms-selection li.ms-hover {\n    background-color: #71b6f9;\n    color: #fff; }\n\n.ms-selectable {\n  box-shadow: none;\n  outline: none !important; }\n\n.ms-optgroup-label {\n  font-weight: 500;\n  font-family: \"Karla\", sans-serif;\n  color: #f7f7f7 !important;\n  font-size: 13px; }\n\n.ms-container .ms-selectable, .ms-container .ms-selection {\n  background-color: #363e4b; }\n\n.autocomplete-suggestions {\n  border: 1px solid #3a4250;\n  background-color: #313844;\n  cursor: default;\n  overflow: auto;\n  max-height: 200px !important;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15); }\n\n.autocomplete-suggestion {\n  padding: 5px 10px;\n  white-space: nowrap;\n  overflow: hidden; }\n\n.autocomplete-no-suggestion {\n  padding: 5px; }\n\n.autocomplete-selected {\n  background: #313844;\n  cursor: pointer; }\n\n.autocomplete-suggestions strong {\n  font-weight: bold;\n  color: #f7f7f7; }\n\n.autocomplete-group {\n  padding: 5px;\n  font-weight: 500;\n  font-family: \"Karla\", sans-serif; }\n\n.autocomplete-group strong {\n  font-weight: bold;\n  font-size: 16px;\n  color: #f7f7f7;\n  display: block; }\n\n.bootstrap-touchspin .btn .input-group-text {\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  color: inherit; }\n\n.parsley-errors-list {\n  margin: 0;\n  padding: 0; }\n  .parsley-errors-list > li {\n    list-style: none;\n    color: #ff5b5b;\n    margin-top: 5px;\n    padding-left: 20px;\n    position: relative; }\n    .parsley-errors-list > li:before {\n      content: \"\\F0159\";\n      font-family: \"Material Design Icons\";\n      position: absolute;\n      left: 2px;\n      top: -1px; }\n\n.parsley-error {\n  border-color: #ff5b5b; }\n\n.parsley-success {\n  border-color: #10c469; }\n\n.flatpickr-calendar {\n  background: #313844;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  border: 1px solid #3a4250; }\n  .flatpickr-calendar.arrowTop:before {\n    border-bottom-color: #404959; }\n  .flatpickr-calendar.arrowTop:after {\n    border-bottom-color: #313844; }\n  .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {\n    border-top-color: #313844; }\n\n.flatpickr-current-month {\n  font-size: 110%; }\n\n.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {\n  background: #71b6f9;\n  border-color: #71b6f9; }\n\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n  box-shadow: -10px 0 0 #71b6f9; }\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: #363e4b;\n  color: #e1e9ee; }\n\n.flatpickr-months .flatpickr-month {\n  height: 36px; }\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month,\n.flatpickr-months .flatpickr-month {\n  color: #98a6ad;\n  fill: #98a6ad; }\n\n.flatpickr-weekdays {\n  background-color: #3a4250; }\n\nspan.flatpickr-weekday,\n.flatpickr-day,\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover,\n.flatpickr-time input,\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  color: #adb5bd;\n  fill: #adb5bd; }\n\n.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n  color: #adb5bd; }\n\n.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n  background: #3a4250;\n  border-color: #3a4250; }\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  border-top: 1px solid #404959; }\n\n.numInputWrapper:hover,\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n  background-color: transparent;\n  color: #e1e9ee; }\n\n.flatpickr-day.inRange {\n  box-shadow: -5px 0 0 #3a4250, 5px 0 0 #3a4250; }\n\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {\n  color: #adb5bd; }\n\n.sp-container {\n  background-color: #313844;\n  z-index: 9; }\n  .sp-container button {\n    padding: .25rem .5rem;\n    font-size: .71094rem;\n    border-radius: .2rem;\n    font-weight: 400;\n    color: #f7f7f7; }\n    .sp-container button.sp-palette-toggle {\n      background-color: #3a4250; }\n    .sp-container button.sp-choose {\n      background-color: #10c469;\n      margin-left: 5px;\n      margin-right: 0; }\n\n.sp-palette-container {\n  border-right: 1px solid #3a4250; }\n\n.sp-input {\n  background-color: #363e4b;\n  border-color: #424c5c !important;\n  color: #adb5bd; }\n  .sp-input:focus {\n    outline: none; }\n\n.clockpicker-popover .btn-default {\n  background-color: #71b6f9;\n  color: #fff; }\n\n.clockpicker-popover {\n  background: #313844;\n  box-shadow: 0 0 35px 0 rgba(66, 72, 80, 0.15);\n  border: 1px solid #3a4250; }\n  .clockpicker-popover .popover-title {\n    background-color: transparent;\n    font-weight: 500; }\n  .clockpicker-popover .clockpicker-plate {\n    background: #3a4250;\n    border: 1px solid #3a4250; }\n  .clockpicker-popover .popover-content {\n    background-color: transparent; }\n\n.clockpicker-tick {\n  color: #adb5bd; }\n  .clockpicker-tick:hover {\n    background-color: rgba(113, 182, 249, 0.35); }\n\n.clockpicker-canvas line {\n  stroke: #71b6f9; }\n\n.clockpicker-canvas-bg {\n  fill: rgba(113, 182, 249, 0.35); }\n\n.clockpicker-canvas-bearing,\n.clockpicker-canvas-fg {\n  fill: #71b6f9; }\n\n.clockpicker-button {\n  display: block;\n  width: 100%; }\n\n[dir=\"rtl\"] .sp-alpha {\n  direction: ltr; }\n\n[dir=\"rtl\"] .sp-original-input-container .sp-add-on {\n  border: none;\n  border-top-right-radius: 0 !important;\n  border-bottom-right-radius: 0 !important;\n  border-top-left-radius: 4px !important;\n  border-bottom-left-radius: 4px !important; }\n\n[dir=\"rtl\"] input.spectrum.with-add-on {\n  border: 1px solid #424c5c;\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-right-radius: 0.2rem;\n  border-bottom-right-radius: 0.2rem; }\n\n.sp-original-input-container .sp-add-on {\n  border: none !important; }\n\n.ql-container {\n  font-family: \"Roboto\", sans-serif;\n  border-bottom-left-radius: 0.2rem;\n  border-bottom-right-radius: 0.2rem; }\n  .ql-container.ql-snow {\n    border-color: #424c5c; }\n\n.ql-bubble {\n  border: 1px solid #424c5c;\n  border-radius: 0.2rem; }\n\n.ql-toolbar {\n  font-family: \"Roboto\", sans-serif !important;\n  border-top-left-radius: 0.2rem;\n  border-top-right-radius: 0.2rem; }\n  .ql-toolbar span {\n    outline: none !important;\n    color: #dee2e6; }\n    .ql-toolbar span:hover {\n      color: #71b6f9 !important; }\n  .ql-toolbar.ql-snow {\n    border-color: #424c5c; }\n    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n      border-color: transparent; }\n    .ql-toolbar.ql-snow .ql-formats {\n      margin-right: 11px;\n      margin-left: 0; }\n\n.ql-snow .ql-stroke,\n.ql-snow .ql-script,\n.ql-snow .ql-strike svg {\n  stroke: #dee2e6; }\n\n.ql-snow .ql-fill {\n  fill: #dee2e6; }\n\n.ql-snow .ql-picker-options {\n  background-color: #313844;\n  border-color: #3a4250 !important; }\n\n.ql-editor {\n  text-align: left;\n  color: #adb5bd;\n  font-weight: 400; }\n\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n  position: absolute;\n  margin-top: -9px;\n  right: 0;\n  left: auto;\n  top: 50%;\n  width: 18px; }\n\n.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {\n  padding-left: 1.5em;\n  padding-right: 0; }\n\n.ql-editor li:not(.ql-direction-rtl):before {\n  margin-left: -1.5em;\n  margin-right: 0.3em;\n  text-align: right; }\n\n.ql-editor ol, .ql-editor ul {\n  padding-left: 1.5em;\n  padding-right: 0; }\n\n.dropzone {\n  border: 2px dashed #424c5c;\n  background: #363e4b;\n  border-radius: 6px;\n  cursor: pointer;\n  min-height: 150px;\n  padding: 20px;\n  box-shadow: none; }\n  .dropzone .dz-message {\n    text-align: center;\n    margin: 2rem 0; }\n  .dropzone.dz-started .dz-message {\n    display: none; }\n\n@font-face {\n  font-family: 'dropify';\n  src: url(\"../../../fonts/dropify.eot\");\n  src: url(\"../../../fonts/dropify.eot#iefix\") format(\"embedded-opentype\"), url(\"../../../fonts/dropify.woff\") format(\"woff\"), url(\"../../../fonts/dropify.ttf\") format(\"truetype\"), url(\"../../../fonts/dropify.svg#dropify\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n.dropify-wrapper {\n  border: 2px dashed #424c5c;\n  background: #363e4b;\n  border-radius: 6px;\n  color: #adb5bd; }\n  .dropify-wrapper:hover {\n    background-image: linear-gradient(-45deg, #313844 25%, transparent 25%, transparent 50%, #313844 50%, #313844 75%, transparent 75%, transparent); }\n  .dropify-wrapper .dropify-preview {\n    background-color: #3c4453; }\n\n.editable-clear-x {\n  background: url(\"../../../images/clear.png\") center center no-repeat; }\n\n.editableform-loading {\n  background: url(\"../../../images/loading.gif\") center center no-repeat; }\n\n.editable-checklist label {\n  display: block; }\n\n.editable-input .form-control, .editable-input .form-select {\n  display: inline-block; }\n\n.editable-buttons {\n  margin-left: 7px; }\n  .editable-buttons .editable-cancel {\n    margin-left: 7px; }\n\n.editable-checklist > div {\n  margin-bottom: 7px; }\n\n.gmaps,\n.gmaps-panaroma {\n  height: 300px;\n  background: #282e38;\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: #71b6f9;\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 #71b6f9; }\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 #71b6f9; }\n\n.jvectormap-label {\n  border: none;\n  background: #f1f5f7;\n  color: #282e38;\n  font-family: \"Karla\", sans-serif;\n  font-size: 0.9rem;\n  padding: 5px 8px; }\n\n.mapael .map {\n  position: relative; }\n  .mapael .map .zoomIn {\n    top: 25px; }\n  .mapael .map .zoomOut {\n    top: 50px; }\n\n.mapael .mapTooltip {\n  position: absolute;\n  background-color: #71b6f9;\n  opacity: 0.95;\n  border-radius: 3px;\n  padding: 2px 10px;\n  z-index: 1000;\n  max-width: 200px;\n  display: none;\n  color: #282e38;\n  font-family: \"Karla\", sans-serif; }\n\n.mapael .zoomIn,\n.mapael .zoomOut,\n.mapael .zoomReset {\n  display: inline-block;\n  text-align: center;\n  vertical-align: middle;\n  border-radius: 2px;\n  font-weight: 500;\n  cursor: pointer;\n  background-color: #71b6f9;\n  text-decoration: none;\n  color: #fff;\n  font-size: 14px;\n  position: absolute;\n  top: 0;\n  left: 10px;\n  width: 24px;\n  height: 24px;\n  line-height: 24px; }\n\n.mapael .plotLegend text {\n  font-family: \"Roboto\", sans-serif !important;\n  fill: #adb5bd; }\n\n.datepicker {\n  padding: 10px !important;\n  animation: none; }\n  .datepicker td,\n  .datepicker th {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%; }\n  .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover,\n  .datepicker table tr td .active.disabled:hover[disabled],\n  .datepicker table tr td .active.disabled[disabled],\n  .datepicker table tr td .active:active,\n  .datepicker table tr td .active:hover,\n  .datepicker table tr td .active:hover.active,\n  .datepicker table tr td .active:hover.disabled,\n  .datepicker table tr td .active:hover:active,\n  .datepicker table tr td .active:hover:hover,\n  .datepicker table tr td .active:hover[disabled],\n  .datepicker table tr td .active[disabled],\n  .datepicker table tr td span.active.active,\n  .datepicker table tr td span.active.disabled,\n  .datepicker table tr td span.active.disabled.active,\n  .datepicker table tr td span.active.disabled.disabled,\n  .datepicker table tr td span.active.disabled:active,\n  .datepicker table tr td span.active.disabled:hover,\n  .datepicker table tr td span.active.disabled:hover.active,\n  .datepicker table tr td span.active.disabled:hover.disabled,\n  .datepicker table tr td span.active.disabled:hover:active,\n  .datepicker table tr td span.active.disabled:hover:hover,\n  .datepicker table tr td span.active.disabled:hover[disabled],\n  .datepicker table tr td span.active.disabled[disabled],\n  .datepicker table tr td span.active:active,\n  .datepicker table tr td span.active:hover,\n  .datepicker table tr td span.active:hover.active,\n  .datepicker table tr td span.active:hover.disabled,\n  .datepicker table tr td span.active:hover:active,\n  .datepicker table tr td span.active:hover:hover,\n  .datepicker table tr td span.active:hover[disabled],\n  .datepicker table tr td span.active[disabled], .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {\n    background-color: #71b6f9 !important;\n    background-image: none !important;\n    color: #fff; }\n  .datepicker table tr td.day.focused, .datepicker table tr td.day:hover,\n  .datepicker table tr td span.focused,\n  .datepicker table tr td span:hover {\n    background: #313844; }\n  .datepicker table tr td.new, .datepicker table tr td.old,\n  .datepicker table tr td span.new,\n  .datepicker table tr td span.old {\n    color: #dee2e6;\n    opacity: 0.4; }\n  .datepicker .datepicker-switch:hover,\n  .datepicker .next:hover,\n  .datepicker .prev:hover,\n  .datepicker tfoot tr th:hover {\n    background: #313844; }\n  .datepicker .datepicker-switch:hover {\n    background: none; }\n\n.datepicker-dropdown:after {\n  border-bottom: 6px solid #313844; }\n\n.datepicker-dropdown:before {\n  border-bottom-color: #3a4250; }\n\n.datepicker-dropdown.datepicker-orient-top:before {\n  border-top: 7px solid #3a4250; }\n\n.datepicker-dropdown.datepicker-orient-top:after {\n  border-top: 6px solid #313844; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)\";\n  filter: alpha(opacity=80); }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)\";\n  filter: alpha(opacity=20); }\n\n.dragula-handle {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  font-size: 24px;\n  text-align: center;\n  cursor: move; }\n  .dragula-handle:before {\n    content: \"\\F01DB\";\n    font-family: \"Material Design Icons\";\n    position: absolute; }\n\n.jstree-default .jstree-node,\n.jstree-default .jstree-icon {\n  background-image: url(\"../images/jstree.png\"); }\n\n.jstree-default .jstree-node {\n  background-position: -292px -4px;\n  background-repeat: repeat-y; }\n\n.jstree-default .jstree-themeicon-custom {\n  background-color: transparent;\n  background-image: none;\n  background-position: 0 0; }\n\n.jstree-default .jstree-anchor {\n  line-height: 28px;\n  height: 28px; }\n\n.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {\n  background: url(\"../images/loading.gif\") center center no-repeat; }\n\n.jstree-default .jstree-icon:empty {\n  width: 24px;\n  height: 28px;\n  line-height: 28px;\n  font-size: 15px; }\n\n.jstree-default .jstree-clicked,\n.jstree-default .jstree-wholerow-clicked {\n  background: rgba(113, 182, 249, 0.1);\n  box-shadow: none; }\n\n.jstree-default .jstree-hovered,\n.jstree-default .jstree-wholerow-hovered {\n  background: rgba(113, 182, 249, 0.15);\n  box-shadow: none; }\n\n.jstree-default .jstree-last {\n  background: transparent; }\n\n.jstree-default .jstree-wholerow {\n  height: 28px; }\n\n/* Bootstrap tagsinput */\n.bootstrap-tagsinput {\n  box-shadow: none;\n  padding: 4px 7px 4px;\n  width: 100%;\n  background-color: #363e4b;\n  border-color: #424c5c; }\n  .bootstrap-tagsinput input {\n    color: #adb5bd; }\n    .bootstrap-tagsinput input::placeholder {\n      color: #adb5bd; }\n  .bootstrap-tagsinput .label-info {\n    background-color: #71b6f9;\n    display: inline-block;\n    font-size: 13px;\n    margin: 3px 1px;\n    padding: 0 5px;\n    border-radius: 3px;\n    font-weight: 500; }\n","//\r\n// Google font - Nunito\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');\r\n@import url('https://fonts.googleapis.com/css?family=Karla:400,700');\r\n\r\n// @import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,900');\r\n\r\n\r\n//\r\n// Premium font - Cerebri Sans\r\n//\r\n\r\n// @font-face {\r\n//     font-family: \"Cerebri Sans,sans-serif\";\r\n//     src: url(\"../../../fonts/cerebrisans-light.eot\");\r\n//     src: local('Cerebri-sans Light'), url(\"../../../fonts/cerebrisans-light.woff\") format(\"woff\");\r\n//     font-weight: 300;\r\n// }\r\n\r\n// @font-face {\r\n//     font-family: \"Cerebri Sans,sans-serif\";\r\n//     src: url(\"../../../fonts/cerebrisans-regular.eot\");\r\n//     src: local('Cerebri-sans Regular'), url(\"../../../fonts/cerebrisans-regular.woff\") format(\"woff\");\r\n//     font-weight: 400;\r\n// }\r\n// @font-face {\r\n//     font-family: \"Cerebri Sans,sans-serif\";\r\n//     src: url(\"../../../fonts/cerebrisans-medium.eot\");\r\n//     src: local('Cerebri-sans Medium'), url(\"../../../fonts/cerebrisans-medium.woff\") format(\"woff\");\r\n//     font-weight: 500;\r\n// }\r\n// @font-face {\r\n//     font-family: \"Cerebri Sans,sans-serif\";\r\n//     src: url(\"../../../fonts/cerebrisans-semibold.eot\");\r\n//     src: local('Cerebri-sans Semibold'), url(\"../../../fonts/cerebrisans-semibold.woff\") format(\"woff\");\r\n//     font-weight: 600;\r\n// }\r\n// @font-face {\r\n//     font-family: \"Cerebri Sans,sans-serif\";\r\n//     src: url(\"../../../fonts/cerebrisans-bold.eot\");\r\n//     src: local('Cerebri-sans Bold'), url(\"../../../fonts/cerebrisans-bold.woff\") format(\"woff\");\r\n//     font-weight: 700;\r\n// }\r\n","// \r\n// general.scss\r\n//\r\n\r\nhtml {\r\n  position: relative;\r\n  min-height: 100%;\r\n}\r\n\r\nbody {\r\n  overflow-x: hidden;\r\n}\r\n\r\n","// \r\n// menu.scss\r\n//\r\n\r\n// Wrapper\r\n#wrapper {\r\n    height: 100%;\r\n    overflow: hidden;\r\n    width: 100%;\r\n}\r\n\r\n//Content Page\r\n.content-page {\r\n    margin-left: $leftbar-width;\r\n    overflow: hidden;\r\n    padding: 0 12px 65px 12px;\r\n    min-height: 80vh;\r\n    margin-top: $topbar-height;\r\n}\r\n\r\n// Sidemenu\r\n.left-side-menu {\r\n    width: $leftbar-width;\r\n    background: $bg-leftbar;\r\n    bottom: 0;\r\n    padding: 20px 0;\r\n    position: fixed;\r\n    transition: all .1s ease-out;\r\n    top: $topbar-height;\r\n    box-shadow: $box-shadow;\r\n    .user-box {\r\n        .img-thumbnail{\r\n            background-color: $bg-leftbar;\r\n            border-color: darken($bg-leftbar, 4%);\r\n        }\r\n    }\r\n}\r\n\r\n// Leftbar with user\r\n\r\n.user-box{\r\n    .user-name{\r\n        color: #343a40;\r\n    }\r\n}\r\n\r\n// Sidebar\r\n#sidebar-menu {\r\n    >ul {\r\n        list-style: none;\r\n        padding: 0;\r\n\r\n        >li {\r\n            >a {\r\n                color: $menu-item;\r\n                display: block;\r\n                padding: 12px 20px;\r\n                position: relative;\r\n                transition: all 0.4s;\r\n                font-family: $font-family-secondary;\r\n                font-size: $menu-item-size;\r\n\r\n                &:hover,\r\n                &:focus,\r\n                &:active {\r\n                    color: $menu-item-hover;\r\n                    text-decoration: none;\r\n                }\r\n\r\n                >span {\r\n                    vertical-align: middle;\r\n                }\r\n\r\n                i {\r\n                    display: inline-block;\r\n                    line-height: 1.0625rem;\r\n                    margin: 0 10px 0 3px;\r\n                    text-align: center;\r\n                    vertical-align: middle;\r\n                    width: 16px;\r\n                    font-size: .95rem;\r\n                }\r\n\r\n                svg {\r\n                    width: 16px;\r\n                    height: 16px;\r\n                    margin-left: 3px;\r\n                    margin-right: 10px;\r\n                }\r\n\r\n                .drop-arrow {\r\n                    float: right;\r\n\r\n                    i {\r\n                        margin-right: 0;\r\n                    }\r\n                }\r\n            }\r\n\r\n            >a.mm-active {\r\n                color: $menu-item-active;\r\n            }\r\n\r\n            ul {\r\n                padding-left: 34px;\r\n                list-style: none;\r\n\r\n                ul {\r\n                    padding-left: 20px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .badge {\r\n        margin-top: 4px;\r\n    }\r\n\r\n    .menu-title {\r\n        padding: 10px 20px;\r\n        letter-spacing: .05em;\r\n        pointer-events: none;\r\n        cursor: default;\r\n        font-size: 0.6875rem;\r\n        text-transform: uppercase;\r\n        color: $menu-item;\r\n        font-weight: $label-font-weight;\r\n    }\r\n\r\n    .menuitem-active {\r\n        > a {\r\n            color: $menu-item-active;\r\n        }\r\n\r\n        .active {\r\n            color: $menu-item-active;\r\n        }\r\n    }\r\n}\r\n\r\n.nav-second-level {\r\n    li {\r\n        a {\r\n            padding: 8px 20px;\r\n            color: $menu-item;\r\n            display: block;\r\n            position: relative;\r\n            transition: all 0.4s;\r\n            font-size: $menu-sub-item-size;\r\n\r\n            &:focus,\r\n            &:hover {\r\n                color: $menu-item-hover;\r\n            }\r\n        }\r\n\r\n        &.active {\r\n            >a {\r\n                color: $menu-item-active;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.menu-arrow {\r\n    transition: transform .15s;\r\n    position: absolute;\r\n    right: 20px;\r\n    display: inline-block;\r\n    font-family: 'Material Design Icons';\r\n    text-rendering: auto;\r\n    line-height: 1.5rem;\r\n    font-size: 1.1rem;\r\n    transform: translate(0, 0);\r\n\r\n    &:before {\r\n        content: \"\\F0142\";\r\n    }\r\n}\r\n\r\n[dir=\"rtl\"] .menu-arrow {\r\n    &:before {\r\n        content: \"\\F0141\";\r\n    }\r\n}\r\n\r\nli{\r\n    >a[aria-expanded=\"true\"] {\r\n        > span.menu-arrow {\r\n            transform: rotate(90deg);\r\n        }\r\n    }\r\n    &.menuitem-active {\r\n        > a:not(.collapsed) {\r\n            > span.menu-arrow {\r\n                transform: rotate(90deg);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\nbody[data-sidebar-size=\"condensed\"] {\r\n\r\n    .logo-box {\r\n        width: $leftbar-width-condensed !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    .left-side-menu {\r\n        position: absolute;\r\n        padding-top: 0;\r\n        width: $leftbar-width-condensed !important;\r\n        z-index: 5;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .menu-arrow,\r\n            .label,\r\n            .badge {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            >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: 54px;\r\n                        transition: none;\r\n\r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: $menu-item-hover;\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1rem;\r\n                            margin-right: 20px;\r\n                            margin-left: 5px;\r\n                        }\r\n\r\n                        svg {\r\n                            width: 18px;\r\n                            height: 18px;\r\n                            margin-left: 6px;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        >a {\r\n                            position: relative;\r\n                            width: calc(190px + #{$leftbar-width-condensed});\r\n                            color: $menu-item-active;\r\n                            background-color: $gray-100;\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        a.open,\r\n                        a.active {\r\n                            :after {\r\n                                display: none;\r\n                            }\r\n                        }\r\n\r\n                        > .collapse,\r\n                        > .collapsing {\r\n                            display: block !important;\r\n                            height: auto !important;\r\n                            transition: none !important;\r\n\r\n                            > ul {\r\n                                display: block !important;\r\n                                left: $leftbar-width-condensed;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                                box-shadow: $box-shadow-condensed;\r\n    \r\n                                ul {\r\n                                    box-shadow: $box-shadow-condensed;\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    \r\n                                    &:hover {\r\n                                        color: $menu-item-hover;\r\n                                    }\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: $bg-leftbar;\r\n\r\n                    li {\r\n                        &:hover {\r\n\r\n                            > .collapse,\r\n                            > .collapsing {\r\n                                display: block !important;\r\n                                height: auto !important;\r\n                                transition: none !important;\r\n\r\n                                >ul {\r\n                                    display: block;\r\n                                    left: 190px;\r\n                                    margin-top: -36px;\r\n                                    position: absolute;\r\n                                    width: 190px;\r\n                                }\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: $menu-item-active;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Content Page\r\n    .content-page {\r\n        margin-left: $leftbar-width-condensed !important;\r\n    }\r\n\r\n    @include media-breakpoint-up(lg) {\r\n\r\n        //Footer\r\n        .footer {\r\n            left: $leftbar-width-condensed !important;\r\n        }\r\n    }\r\n\r\n    //User box\r\n    .user-box {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n// Body min-height set\r\n@include media-breakpoint-up(md) {\r\n    body[data-sidebar-size=\"condensed\"]:not([data-layout=\"compact\"]) {\r\n        min-height: $body-min-height;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .pro-user-name {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n    body {\r\n        overflow-x: hidden;\r\n        padding-bottom: 80px;\r\n    }\r\n\r\n    .left-side-menu {\r\n        display: none;\r\n        z-index: 10 !important;\r\n    }\r\n\r\n    .sidebar-enable {\r\n        .left-side-menu {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .content-page,\r\n    body[data-sidebar-size=\"condensed\"] .content-page {\r\n        margin-left: 0 !important;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    //Footer\r\n    .footer {\r\n        left: 0 !important;\r\n    }\r\n}\r\n\r\n/* =============\r\n  Small Menu\r\n============= */\r\n\r\nbody[data-sidebar-size=\"compact\"]:not([data-sidebar-size=\"condensed\"]){\r\n    .logo-box {\r\n        width: $leftbar-width-sm !important;\r\n    }\r\n\r\n    .left-side-menu {\r\n        width: $leftbar-width-sm !important;\r\n        text-align: center;\r\n\r\n        #sidebar-menu {\r\n            >ul {\r\n\r\n                >li {\r\n                    >a {\r\n                        >i {\r\n                            display: block;\r\n                            font-size: 18px;\r\n                            line-height: 24px;\r\n                            width: 100%;\r\n                            margin: 0;\r\n                        }\r\n\r\n                        svg {\r\n                            display: block;\r\n                            margin: 0 auto 5px auto;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding-left: 0;\r\n\r\n                    a {\r\n                        padding: 10px 20px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .menu-arrow,\r\n        .badge {\r\n            display: none !important;\r\n        }\r\n\r\n        &+.content-page {\r\n            margin-left: $leftbar-width-sm;\r\n        }\r\n\r\n        +.content-page .footer {\r\n            left: $leftbar-width-sm;\r\n        }\r\n\r\n        .menu-title {\r\n            background-color: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Leftbar-dark\r\nbody[data-sidebar-color=\"dark\"] {\r\n    .logo-box {\r\n        background-color: $bg-leftbar-dark;\r\n\r\n        .logo-dark {\r\n            display: none;\r\n        }\r\n\r\n        .logo-light {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .left-side-menu {\r\n        background-color: $bg-leftbar-dark;\r\n        box-shadow: none;\r\n\r\n        #sidebar-menu {\r\n            >ul {\r\n                >li {\r\n                    >a {\r\n                        color: $menu-item-color-dark;\r\n\r\n                        &:hover,\r\n                        &:focus,\r\n                        &:active {\r\n                            color: $menu-item-hover-color-dark;\r\n                        }\r\n                    }\r\n\r\n                    >a.mm-active {\r\n                        color: $menu-item-active-color-dark;\r\n                        background-color: lighten($bg-leftbar-dark, 2.5%);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .menu-title {\r\n                color: $gray-500;\r\n            }\r\n            \r\n            .menuitem-active {\r\n                > a {\r\n                    color: $menu-item-active;\r\n                }\r\n        \r\n                .active {\r\n                    color: $menu-item-active;\r\n                }\r\n            }\r\n        }\r\n\r\n        .nav-second-level,\r\n        .nav-thrid-level {\r\n            li {\r\n                a {\r\n                    color: $menu-item-color-dark;\r\n\r\n                    &:focus,\r\n                    &:hover {\r\n                        background-color: transparent;\r\n                        color: $menu-item-hover-color-dark;\r\n                    }\r\n                }\r\n\r\n                &.active {\r\n                    >a {\r\n                        color: $menu-item-active-color-dark;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .user-box {\r\n            .dropdown > a {\r\n                color: $white !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"condensed\"] {\r\n        #wrapper {\r\n            .left-side-menu {\r\n                #sidebar-menu {\r\n                    >ul {\r\n                        >li {\r\n                            &:hover>a {\r\n                                background-color: $bg-leftbar-dark;\r\n                                box-shadow: none;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .mm-active {\r\n                        .active {\r\n                            color: $menu-item-active;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"compact\"] {\r\n        #wrapper {\r\n            .left-side-menu {\r\n                .menu-title {\r\n                    background-color: rgba($white, 0.03);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Sidebar with brand color\r\nbody[data-sidebar-color=\"brand\"],\r\nbody[data-sidebar-color=\"gradient\"] {\r\n    .logo-box {\r\n        background-color: $bg-leftbar-brand;\r\n\r\n        .logo-dark {\r\n            display: none;\r\n        }\r\n\r\n        .logo-light {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .menuitem-active > a {\r\n        color: $white !important;\r\n    }\r\n\r\n    .left-side-menu {\r\n        background-color: $bg-leftbar-brand;\r\n        box-shadow: none;\r\n\r\n        #sidebar-menu {\r\n            >ul {\r\n                >li {\r\n                    >a {\r\n                        color: rgba($white, 0.7);\r\n\r\n                        &:hover,\r\n                        &:focus,\r\n                        &:active {\r\n                            color: rgba($white, 0.9);\r\n                        }\r\n                    }\r\n\r\n                    >a.mm-active {\r\n                        color: $white;\r\n                        background-color: rgba($white, 0.07);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .menu-title {\r\n                color: rgba($white, 0.6);\r\n            }\r\n\r\n            .mm-active {\r\n                .active {\r\n                    color: $white;\r\n                }\r\n            }\r\n        }\r\n\r\n        .nav-second-level,\r\n        .nav-thrid-level {\r\n            li {\r\n                a {\r\n                    color: rgba($white, 0.7);\r\n\r\n                    &:focus,\r\n                    &:hover {\r\n                        background-color: transparent;\r\n                        color: $white;\r\n                    }\r\n                }\r\n\r\n                &.active {\r\n                    >a {\r\n                        color: $menu-item-active-color-dark;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .user-box {\r\n            .dropdown > a {\r\n                color: $white !important;\r\n            }\r\n\r\n            .left-user-info {\r\n                color: rgba($white, 0.6) !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"condensed\"] {\r\n        #wrapper {\r\n            .left-side-menu {\r\n                #sidebar-menu {\r\n                    >ul {\r\n                        >li {\r\n                            &:hover>a {\r\n                                background-color: $bg-leftbar-brand;\r\n                                box-shadow: none;\r\n                                color: $white;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .mm-active {\r\n                        .active {\r\n                            color: $menu-item-active;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .nav-second-level,\r\n                .nav-thrid-level {\r\n                    li {\r\n                        a {\r\n                            color: $menu-item;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[data-sidebar-size=\"compact\"] {\r\n        #wrapper {\r\n            .left-side-menu {\r\n                .menu-title {\r\n                    background-color: rgba($white, 0.05);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Sidebar Gradient\r\nbody[data-sidebar-color=\"gradient\"] {\r\n\r\n    .logo-box,\r\n    .left-side-menu {\r\n        background: $bg-leftbar-gradient;\r\n        background-image: linear-gradient(270deg, rgba(64, 149, 216, 2.15), transparent);\r\n    }\r\n\r\n    &[data-sidebar-size=\"condensed\"] {\r\n        #wrapper {\r\n            .left-side-menu {\r\n                #sidebar-menu {\r\n                    >ul {\r\n                        >li {\r\n                            &:hover>a {\r\n                                background: $bg-leftbar-gradient;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .mm-active {\r\n                        .active {\r\n                            color: $menu-item-active;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .nav-second-level,\r\n                .nav-thrid-level {\r\n                    li {\r\n                        a {\r\n                            color: $menu-item;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.user-pro-dropdown {\r\n    background-color: $gray-100;\r\n    box-shadow: none;\r\n    padding: 15px 5px;\r\n    width: 90%;\r\n    margin-left: 5% !important;\r\n    margin-top: 10px !important;\r\n\r\n    .dropdown-item {\r\n        border-radius: 3px;\r\n\r\n        &:hover {\r\n            background-color: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n// Detached Left sidebar\r\n\r\nbody[data-layout-mode=\"detached\"] {\r\n\r\n    @include media-breakpoint-up(lg) {\r\n        .navbar-custom {\r\n            .container-fluid {\r\n                max-width: 95%;\r\n            }\r\n        }\r\n\r\n        #wrapper {\r\n            max-width: 95%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .left-side-menu {\r\n            margin-bottom: 30px;\r\n            border-radius: 5px;\r\n        }\r\n\r\n        .content-page {\r\n            padding-bottom: 30px;\r\n        }\r\n\r\n        .logo-box {\r\n            background-color: transparent;\r\n            background-image: none;\r\n        }\r\n    }\r\n}\r\n\r\n// Sidebar with User\r\nbody[data-sidebar-showuser=\"false\"] {\r\n    .user-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\n// Two Tones Menu\r\nbody[data-sidebar-icon=\"twotones\"] {\r\n    #sidebar-menu {\r\n        >ul {\r\n            >li {\r\n                >a {\r\n                    i {\r\n                        color: $blue;\r\n                    }\r\n                    svg {\r\n                        width: 18px;\r\n                        height: 18px;\r\n                        margin-left: 3px;\r\n                        margin-right: 10px;\r\n                        color: $blue;\r\n                        fill: rgba($blue, 0.2);\r\n                        ;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","// Variables\n//\n// custom-variables\n//\n\n//Background left-sidebar\n$bg-leftbar:                          #ffffff;\n$bg-leftbar-dark:                     #313844;\n$bg-leftbar-brand:                    #4a81d4;\n$bg-leftbar-gradient:                 #5b69bc;\n\n// Leftbar width\n$leftbar-width:                         240px;\n$leftbar-width-condensed:               70px;\n\n// Small Leftbar Width\n$leftbar-width-sm:                      160px;\n\n// Boxed layout width\n$boxed-layout-width:                    1300px;\n\n// Dark leftbar menu color\n$menu-item-color-dark:                            #9097a7;\n$menu-item-hover-color-dark:                      #c8cddc;\n$menu-item-active-color-dark:                     #ffffff;\n\n//Menu item\n$menu-item:                                       #6e768e;\n$menu-item-hover:                                 #71b6f9;\n$menu-item-active:                                #71b6f9;\n$menu-sub-item-active:                            #71b6f9;\n$menu-item-size:                                    0.95rem;\n$menu-sub-item-size:                                0.875rem;\n\n// Horizontal Menu Item\n$hori-menu-item-color:                              #919eab;\n\n//Rightbar Width\n$rightbar-width:                        260px;\n$rightbar-bg:                         #323a46;\n\n//Topbar Background\n$bg-topbar-light:                     #353d4a;\n$bg-topbar-dark:                      #2c333e;\n\n// Leftbar item shadow (Condensed item)\n$box-shadow-condensed:                  3px 5px 10px 0 rgb(50, 58, 66); \n\n// Page title \n$page-title-color:                                #f8f9fa;\n\n// Footer\n$footer-bg: #2c333e;\n$footer-color: #adb5bd;\n\n// Logo box \n$logo-box-background: #ffffff;\n\n// Topbar Search\n$topbar-search-bg: #323a46;\n\n// Topnav Height (Horizontal)\n$topnav-height:                         55px;\n\n// Topbar Height\n$topbar-height:                         70px;\n\n// Horizontal Layout\n$horizontal-layout-width:               90%;\n\n// Body minimum height\n$body-min-height:                       1750px;\n\n\n// Secondary font\n$font-family-secondary:                 'Karla', sans-serif;\n\n// Font weight\n$font-weight-medium:                    500;\n$font-weight-semibold:                  600;\n\n// Dropdown Large\n$dropdown-lg-width:                     320px;\n\n// Logo Display\n$logo-dark-display:                     none;\n$logo-light-display:                    block;\n\n// Logo Display - Auth Pages\n$logo-auth-dark-display:                none;\n$logo-auth-light-display:               block;\n\n// User authentication Background\n$auth-bg:                             #36404a;\n$auth-bg-alt:                         #3e4852;\n$auth-img-bg:                                     url(\"../../../images/bg-auth.jpg\");\n$auth-img-pattern-bg:                             url(\"../../../images/bg-pattern.png\");\n\n// Apex chart\n$apex-grid-color:                     #3e4852;\n\n// Chat widget\n$chat-primary-user-bg:                #404c58;\n$chat-secondary-user-bg:              #404c58;\n\n// Text-color (h1 to h6)\n$text-color-h:                        #acbfd2;\n\n// Card overlay \n$card-overlay-color:                  #ffffff;\n$card-overlay-bg:                       rgba(#ffffff, 0.1);\n\n// Input light gray\n$input-light-bg:                      #3b4550;\n\n// Components Shadows\n$components-shadow-sm:                              none;\n$components-shadow:                                 none;\n$components-shadow-lg:                              none;\n\n// label \n$label-font-weight:                                 500;\n\n// Table Head\n$table-head-font-weight:                            700;\n\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff;\n$gray-100: #282e38;\n$gray-200: #313844;\n$gray-300: #3a4250;\n$gray-400: #6c757d;\n$gray-500: #98a6ad;\n$gray-600: #adb5bd;\n$gray-700: #dee2e6;\n$gray-800: #f7f7f7;\n$gray-900: #f1f5f7;\n$black:    #000;\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);\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:       #71b6f9;\n$indigo:     #675aa9;\n$purple:     #5b69bc;\n$pink:       #ff8acc;\n$red:        #ff5b5b;\n$orange:     #fd7e14;\n$yellow:     #f9c851;\n$green:      #10c469;\n$teal:       #02a8b5;\n$cyan:       #35b8e0;\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);\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary:       $blue;\n$secondary:     $gray-400;\n$success:       $green;\n$info:          $cyan;\n$warning:       $yellow;\n$danger:        $red;\n$blue:          $blue;\n$light:         $gray-300;\n$dark:          $gray-800;\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  \"pink\":       $pink,\n  \"purple\":     $purple,\n  \"blue\":       $blue\n);\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\n// scss-docs-end theme-colors-rgb\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:      $gray-800;\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\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n);\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n);\n\n$purples: (\n  \"purple-100\": $purple-200,\n  \"purple-200\": $purple-100,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n);\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n);\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n);\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n);\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n);\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n);\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n);\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n);\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-cssgrid:              false;\n$enable-button-pointers:      true;\n$enable-rfs:                  true;\n$enable-validation-icons:     true;\n$enable-negative-margins:     true;\n$enable-deprecation-messages: true;\n$enable-important-utilities:  true;\n\n// 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// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control 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: 1.5rem;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n);\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n);\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   #282e38;\n$body-color:                $gray-600;\n$body-text-align:           null;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n  $utilities-colors,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\": to-rgb($body-color)\n  )\n);\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\");\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n  $utilities-colors,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\": to-rgb($body-bg)\n  )\n);\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\");\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary;\n$link-decoration:                         none;\n$link-shade-percentage:                   15%;\n$link-hover-color:                        darken($link-color, $link-shade-percentage);\n$link-hover-decoration:                   none;\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\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\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n);\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12;\n$grid-gutter-width:           1.5rem;\n$grid-row-columns:            6;\n\n$gutters: $spacers;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5;\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;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n);\n\n$border-color:                $gray-300;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem;\n$border-radius-sm:            .2rem;\n$border-radius-lg:            .3rem;\n$border-radius-pill:          50rem;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 0 35px 0 rgba(66, 72, 80, 0.15);\n$box-shadow-sm:               0 0.75rem 6rem rgba(56, 65, 74,.03);\n$box-shadow-lg:               0 0 45px 0 rgba(0, 0, 0, 0.12);\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075);\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white;\n$component-active-bg:         $primary;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out;\n$transition-fade:             opacity .15s linear;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease;\n$transition-collapse-width:   width .35s ease;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      'Roboto', sans-serif;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n// stylelint-enable value-keyword-case\n$font-family-base:            $font-family-sans-serif;\n$font-family-code:            var(--#{$variable-prefix}font-monospace);\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null;\n$font-size-base:              .9rem; // Assumes the browser default, typically `16px`\n$font-size-sm:                .875rem;\n$font-size-lg:                1.25rem;\n\n$font-weight-lighter:         lighter;\n$font-weight-light:           300;\n$font-weight-normal:          400;\n$font-weight-bold:            700;\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.25;\n$line-height-lg:              2;\n\n$h1-font-size:                2.25rem;\n$h2-font-size:                1.875rem;\n$h3-font-size:                1.5rem;\n$h4-font-size:                1.125rem;\n$h5-font-size:                0.9375rem;\n$h6-font-size:                0.75rem;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer;\n$headings-font-family:        null;\n$headings-font-style:         null;\n$headings-font-weight:        600;\n$headings-line-height:        1.1;\n$headings-color:              null;\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);\n\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25;\n$lead-font-weight:            300;\n\n$small-font-size:             .75rem;\n\n$sub-sup-font-size:           .75rem;\n\n$text-muted:                  $gray-600;\n\n$initialism-font-size:        $small-font-size;\n\n$blockquote-margin-y:         0;\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:                    #3a4250;\n$hr-height:                   $border-width;\n$hr-opacity:                  .90;\n\n$legend-margin-bottom:        .5rem;\n$legend-font-size:            1.5rem;\n$legend-font-weight:          null;\n\n$mark-padding:                .2em;\n\n$dt-font-weight:              $font-weight-bold;\n\n$nested-kbd-font-weight:      $font-weight-bold;\n\n$list-inline-padding:         .5rem;\n\n$mark-bg:                     #fcf8e3;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .85rem;\n$table-cell-padding-x:        .85rem;\n$table-cell-padding-y-sm:     .5rem;\n$table-cell-padding-x-sm:     .5rem;\n\n$table-cell-vertical-align:   top;\n\n$table-color:                 $body-color;\n$table-bg:                    transparent;\n$table-accent-bg:             transparent;\n\n$table-th-font-weight:        null;\n\n$table-striped-color:         $table-color;\n$table-striped-bg-factor:     1;\n$table-striped-bg:            rgba($gray-300, $table-striped-bg-factor);\n\n$table-active-color:          $table-color;\n$table-active-bg-factor:      1;\n$table-active-bg:             rgba($gray-300, $table-active-bg-factor);\n\n$table-hover-color:           $table-color;\n$table-hover-bg-factor:       .5;\n$table-hover-bg:              rgba($gray-300, $table-hover-bg-factor);\n\n$table-border-factor:         .1;\n$table-border-width:          $border-width;\n$table-border-color:          $border-color;\n\n$table-striped-order:         odd;\n\n$table-group-separator-color: inherit;\n\n$table-caption-color:         $text-muted;\n\n$table-bg-scale:              -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $light,\n);\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .45rem;\n$input-btn-padding-x:         .90rem;\n$input-btn-font-family:       null;\n$input-btn-font-size:         $font-size-base;\n$input-btn-line-height:       $line-height-base;\n\n$input-btn-focus-width:         .15rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity);\n$input-btn-focus-blur:          0;\n$input-btn-focus-box-shadow:    none;\n\n$input-btn-padding-y-sm:      .28rem;\n$input-btn-padding-x-sm:      .8rem;\n$input-btn-font-size-sm:      $font-size-sm;\n\n$input-btn-padding-y-lg:      .5rem;\n$input-btn-padding-x-lg:      1rem;\n$input-btn-font-size-lg:      $font-size-lg;\n\n$input-btn-border-width:      $border-width;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y;\n$btn-padding-x:               $input-btn-padding-x;\n$btn-font-family:             $input-btn-font-family;\n$btn-font-size:               $input-btn-font-size;\n$btn-line-height:             $input-btn-line-height;\n$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm;\n$btn-padding-x-sm:            $input-btn-padding-x-sm;\n$btn-font-size-sm:            $input-btn-font-size-sm;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg;\n$btn-padding-x-lg:            $input-btn-padding-x-lg;\n$btn-font-size-lg:            $input-btn-font-size-lg;\n\n$btn-border-width:            $input-btn-border-width;\n\n$btn-font-weight:             $font-weight-normal;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width:             $input-btn-focus-width;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow;\n$btn-disabled-opacity:        .65;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color:              $link-color;\n$btn-link-hover-color:        $link-hover-color;\n$btn-link-disabled-color:     $gray-500;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           .15rem;\n$btn-border-radius-sm:        .15rem;\n$btn-border-radius-lg:        .15rem;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-hover-bg-shade-amount:       15%;\n$btn-hover-bg-tint-amount:        15%;\n$btn-hover-border-shade-amount:   20%;\n$btn-hover-border-tint-amount:    10%;\n$btn-active-bg-shade-amount:      20%;\n$btn-active-bg-tint-amount:       20%;\n$btn-active-border-shade-amount:  25%;\n$btn-active-border-tint-amount:   10%;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem;\n$form-text-font-size:                   $small-font-size;\n$form-text-font-style:                  null;\n$form-text-font-weight:                 null;\n$form-text-color:                       $text-muted;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem;\n$form-label-font-size:                  null;\n$form-label-font-style:                 null;\n$form-label-font-weight:                $font-weight-medium;\n$form-label-color:                      null;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y;\n$input-padding-x:                       $input-btn-padding-x;\n$input-font-family:                     $input-btn-font-family;\n$input-font-size:                       $input-btn-font-size;\n$input-font-weight:                     $font-weight-base;\n$input-line-height:                     $input-btn-line-height;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\n$input-font-size-sm:                    $input-btn-font-size-sm;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\n$input-font-size-lg:                    $input-btn-font-size-lg;\n\n$input-bg:                              lighten($gray-200,2.5%);\n$input-disabled-bg:                     lighten($gray-200, 2%);\n$input-disabled-border-color:           null;\n\n$input-color:                           $body-color;\n$input-border-color:                    lighten($gray-200, 8%);\n$input-border-width:                    $input-btn-border-width;\n$input-box-shadow:                      $box-shadow-inset;\n\n$input-border-radius:                   .2rem;\n$input-border-radius-sm:                $border-radius-sm;\n$input-border-radius-lg:                $border-radius-lg;\n\n$input-focus-bg:                        $input-bg;\n$input-focus-border-color:              lighten($input-border-color,10%);\n$input-focus-color:                     $input-color;\n$input-focus-width:                     $input-btn-focus-width;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow;\n\n$input-placeholder-color:               $gray-500;\n$input-plaintext-color:                 $body-color;\n\n$input-height-border:                   $input-border-width * 2;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5);\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-color-width:                      3rem;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1.143em;;\n$form-check-min-height:                   $font-size-base * $line-height-base;\n$form-check-padding-start:                $form-check-input-width + .5em;\n$form-check-margin-bottom:                .125rem;\n$form-check-label-color:                  null;\n$form-check-label-cursor:                 null;\n$form-check-transition:                   null;\n\n$form-check-input-active-filter:          brightness(90%);\n\n$form-check-input-bg:                     $input-bg;\n$form-check-input-border:                 1px solid $gray-400;\n$form-check-input-border-radius:          .25em;\n$form-check-radio-border-radius:          50%;\n$form-check-input-focus-border:           $input-focus-border-color;\n$form-check-input-focus-box-shadow:       none;\n\n$form-check-input-checked-color:          $component-active-color;\n$form-check-input-checked-bg-color:       $component-active-bg;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color:          $component-active-color;\n$form-check-input-indeterminate-bg-color:       $component-active-bg;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity:        .5;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity;\n\n$form-check-inline-margin-end:    0.75rem;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               $gray-400;\n$form-switch-width:               2em;\n$form-switch-padding-start:       $form-switch-width + .5em;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius:       $form-switch-width;\n$form-switch-transition:          background-position .15s ease-in-out;\n\n$form-switch-focus-color:         $input-focus-border-color;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color:       $component-active-color;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y;\n$input-group-addon-padding-x:           $input-padding-x;\n$input-group-addon-font-weight:         $input-font-weight;\n$input-group-addon-color:               $input-color;\n$input-group-addon-bg:                  $gray-200;\n$input-group-addon-border-color:        $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y;\n$form-select-padding-x:             $input-padding-x;\n$form-select-font-family:           $input-font-family;\n$form-select-font-size:             $input-font-size;\n$form-select-indicator-padding:     $form-select-padding-x * 3; // Extra padding for background-image\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-bg:                    $input-bg;\n$form-select-disabled-color:        $gray-600;\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:               14px 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: $form-select-padding-x * 2.5 + $form-select-indicator-padding;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width:        $input-border-width;\n$form-select-border-color:        $input-border-color;\n$form-select-border-radius:       $border-radius;\n$form-select-box-shadow:          inset 0 1px 2px rgba($black, .075);\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:    none;\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$form-select-border-radius-sm:    $input-border-radius-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$form-select-border-radius-lg:    $input-border-radius-lg;\n\n$form-select-transition:          $input-transition;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100%;\n$form-range-track-height:         .5rem;\n$form-range-track-cursor:         pointer;\n$form-range-track-bg:             $gray-300;\n$form-range-track-border-radius:  1rem;\n$form-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1);\n\n$form-range-thumb-width:                   1rem;\n$form-range-thumb-height:                  $form-range-thumb-width;\n$form-range-thumb-bg:                      $component-active-bg;\n$form-range-thumb-border:                  0;\n$form-range-thumb-border-radius:           1rem;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg:             $gray-500;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color;\n$form-file-button-bg:             $input-group-addon-bg;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%);\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border);\n$form-floating-line-height:       1.25;\n$form-floating-padding-x:         $input-padding-x;\n$form-floating-padding-y:         1rem;\n$form-floating-input-padding-t:   1.625rem;\n$form-floating-input-padding-b:   .625rem;\n$form-floating-label-opacity:     .65;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top;\n$form-feedback-font-size:           $small-font-size;\n$form-feedback-font-style:          $form-text-font-style;\n$form-feedback-valid-color:         $success;\n$form-feedback-invalid-color:       $danger;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n);\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-offcanvas-backdrop:         1040;\n$zindex-offcanvas:                  1045;\n$zindex-modal-backdrop:             1050;\n$zindex-modal:                      1055;\n$zindex-popover:                    1070;\n$zindex-tooltip:                    1080;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem;\n$nav-link-padding-x:                1rem;\n$nav-link-font-size:                null;\n$nav-link-font-weight:              null;\n$nav-link-color:                    $link-color;\n$nav-link-hover-color:              $link-hover-color;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n$nav-link-disabled-color:           $gray-600;\n\n$nav-tabs-border-color:             $gray-300;\n$nav-tabs-border-width:             $border-width;\n$nav-tabs-border-radius:            $border-radius;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;\n$nav-tabs-link-active-color:        $gray-700;\n$nav-tabs-link-active-bg:           $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// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5;\n$navbar-padding-x:                  null;\n\n$navbar-nav-link-padding-x:         .5rem;\n\n$navbar-brand-font-size:            $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5;\n$navbar-brand-margin-end:           1rem;\n\n$navbar-toggler-padding-y:          .25rem;\n$navbar-toggler-padding-x:          .75rem;\n$navbar-toggler-font-size:          $font-size-lg;\n$navbar-toggler-border-radius:      $btn-border-radius;\n$navbar-toggler-focus-width:        $btn-focus-width;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55);\n$navbar-dark-hover-color:           rgba($white, .75);\n$navbar-dark-active-color:          $white;\n$navbar-dark-disabled-color:        rgba($white, .25);\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color:  rgba($white, .1);\n\n$navbar-light-color:                rgba($black, .55);\n$navbar-light-hover-color:          rgba($black, .7);\n$navbar-light-active-color:         rgba($black, .9);\n$navbar-light-disabled-color:       rgba($black, .3);\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color:                $navbar-light-active-color;\n$navbar-light-brand-hover-color:          $navbar-light-active-color;\n$navbar-dark-brand-color:                 $navbar-dark-active-color;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem;\n$dropdown-padding-x:                0;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                $font-size-base;\n$dropdown-color:                    $body-color;\n$dropdown-bg:                       $gray-200;\n$dropdown-border-color:             lighten($gray-200, 4%);\n$dropdown-border-radius:            $border-radius;\n$dropdown-border-width:             $border-width;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width);\n$dropdown-divider-bg:               $gray-200;\n$dropdown-divider-margin-y:         $spacer * .5;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175);\n\n$dropdown-link-color:               $gray-600;\n$dropdown-link-hover-color:         shade-color($gray-900, 12%);\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:           $spacer * .25;\n$dropdown-item-padding-x:           1.2rem;\n\n$dropdown-header-color:             $gray-600;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300;\n$dropdown-dark-bg:                  $gray-800;\n$dropdown-dark-border-color:        $dropdown-border-color;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg;\n$dropdown-dark-box-shadow:          null;\n$dropdown-dark-link-color:          $dropdown-dark-color;\n$dropdown-dark-link-hover-color:    $white;\n$dropdown-dark-link-hover-bg:       rgba($white, .15);\n$dropdown-dark-link-active-color:   $dropdown-link-active-color;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-500;\n$dropdown-dark-header-color:        $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .5rem;\n$pagination-padding-x:              .75rem;\n$pagination-padding-y-sm:           .25rem;\n$pagination-padding-x-sm:           .5rem;\n$pagination-padding-y-lg:           .75rem;\n$pagination-padding-x-lg:           1.5rem;\n\n$pagination-color:                  $dark;\n$pagination-bg:                     lighten($gray-200, 2%);\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$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;\n$pagination-focus-outline:          0;\n\n$pagination-hover-color:            $dark;\n$pagination-hover-bg:               $gray-300;\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-200;\n$pagination-disabled-border-color:  $gray-300;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$pagination-border-radius-sm:       $border-radius-sm;\n$pagination-border-radius-lg:       $border-radius-lg;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5;\n$placeholder-opacity-min:           .2;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer; \n$card-spacer-x:                     $spacer;\n$card-title-spacer-y:               $spacer * .67;\n$card-border-width:                 0;\n$card-border-color:                 $gray-200;\n$card-border-radius:                $border-radius;\n$card-box-shadow:                   null;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width);\n$card-cap-padding-y:                $card-spacer-y * .67;\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:                           $gray-200;\n$card-img-overlay-padding:          1.25rem;\n$card-group-margin:                 $grid-gutter-width * .5;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem;\n$accordion-padding-x:                     1.25rem;\n$accordion-color:                         $body-color;\n$accordion-bg:                            $body-bg;\n$accordion-border-width:                  $border-width;\n$accordion-border-color:                  rgba($black, .125);\n$accordion-border-radius:                 $border-radius;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);\n\n$accordion-body-padding-y:                $accordion-padding-y;\n$accordion-body-padding-x:                $accordion-padding-x;\n\n$accordion-button-padding-y:              $accordion-padding-y;\n$accordion-button-padding-x:              $accordion-padding-x;\n$accordion-button-color:                  $accordion-color;\n$accordion-button-bg:                     $accordion-bg;\n$accordion-transition:                    $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%);\n$accordion-button-active-color:           shade-color($primary, 10%);\n\n$accordion-button-focus-border-color:     $input-focus-border-color;\n$accordion-button-focus-box-shadow:       $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 .2s ease-in-out;\n$accordion-icon-transform:                rotate(-180deg);\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-base;\n$tooltip-max-width:                 200px;\n$tooltip-color:                     $white;\n$tooltip-bg:                        $black;\n$tooltip-border-radius:             0.2rem;\n$tooltip-opacity:                   .9;\n$tooltip-padding-y:                 .4rem;\n$tooltip-padding-x:                 .8rem;\n$tooltip-margin:                    0;\n\n$tooltip-arrow-width:               .8rem;\n$tooltip-arrow-height:              .4rem;\n$tooltip-arrow-color:               $tooltip-bg;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x;\n$form-feedback-tooltip-font-size:     $tooltip-font-size;\n$form-feedback-tooltip-line-height:   $line-height-base;\n$form-feedback-tooltip-opacity:       $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm;\n$popover-bg:                        $white;\n$popover-max-width:                 276px;\n$popover-border-width:              $border-width;\n$popover-border-color:              $gray-300;\n$popover-border-radius:             $border-radius-lg;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);\n$popover-box-shadow:                $box-shadow;\n\n$popover-header-bg:                 $gray-100;\n$popover-header-color:              $headings-color;\n$popover-header-padding-y:          .7rem;\n$popover-header-padding-x:          .8rem;\n\n$popover-body-color:                $body-color;\n$popover-body-padding-y:            .7rem;\n$popover-body-padding-x:            .8rem;\n\n$popover-arrow-width:               1rem;\n$popover-arrow-height:              .5rem;\n$popover-arrow-color:               $popover-bg;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05);\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px;\n$toast-padding-x:                   .75rem;\n$toast-padding-y:                   .25rem;\n$toast-font-size:                   .875rem;\n$toast-color:                       null;\n$toast-background-color:            rgba($white, .06);\n$toast-border-width:                1px;\n$toast-border-color:                rgba(0, 0, 0, .1);\n$toast-border-radius:               $border-radius;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1);\n$toast-spacing:                     $container-padding-x;\n\n$toast-header-color:                $gray-600;\n$toast-header-background-color:     rgba($white, .06);\n$toast-header-border-color:         rgba(0, 0, 0, .05);\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em;\n$badge-font-weight:                 $font-weight-bold;\n$badge-color:                       $white;\n$badge-padding-y:                   .25em;\n$badge-padding-x:                   .4em;\n$badge-border-radius:               $border-radius;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               1rem;\n\n$modal-footer-margin-between:       .5rem;\n\n$modal-dialog-margin:               .5rem;\n$modal-dialog-margin-y-sm-up:       1.75rem;\n\n$modal-title-line-height:           $line-height-base;\n\n$modal-content-color:               null;\n$modal-content-bg:                  $gray-200;\n$modal-content-border-color:        transparent;\n$modal-content-border-width:        $border-width;\n$modal-content-border-radius:       .2rem;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5);\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5);\n\n$modal-backdrop-bg:                 $gray-900;\n$modal-backdrop-opacity:            .5;\n$modal-header-border-color:         $border-color;\n$modal-footer-border-color:         $modal-header-border-color;\n$modal-header-border-width:         $modal-content-border-width;\n$modal-footer-border-width:         $modal-header-border-width;\n$modal-header-padding-y:            $modal-inner-padding;\n$modal-header-padding-x:            $modal-inner-padding;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-sm:                          300px;\n$modal-md:                          500px;\n$modal-lg:                          800px;\n$modal-xl:                          1140px;\n\n$modal-fade-transform:              translate(0, -50px);\n$modal-show-transform:              none;\n$modal-transition:                  transform .3s ease-out;\n$modal-scale-transform:             scale(1.02);\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               .75rem;\n$alert-padding-x:               1.25rem;\n$alert-margin-bottom:           1rem;\n$alert-border-radius:           $border-radius;\n$alert-link-font-weight:        $font-weight-bold;\n$alert-border-width:            $border-width;\n$alert-bg-scale:                -80%;\n$alert-border-scale:            -70%;\n$alert-color-scale:             40%;\n$alert-dismissible-padding-r:   $alert-padding-x * 3; // 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:                   .75rem;\n$progress-font-size:                $font-size-base * .75;\n$progress-bg:                       $gray-300;\n$progress-border-radius:            $border-radius;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1);\n$progress-bar-color:                $white;\n$progress-bar-bg:                   $primary;\n$progress-bar-animation-timing:     1s linear infinite;\n$progress-bar-transition:           width .6s ease;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  null;\n$list-group-bg:                     $gray-200;\n$list-group-border-color:           rgba($black, .125);\n$list-group-border-width:           $border-width;\n$list-group-border-radius:          $border-radius;\n\n$list-group-item-padding-y:         $spacer * .5;\n$list-group-item-padding-x:         1.25rem;\n$list-group-item-bg-scale:          -80%;\n$list-group-item-color-scale:       40%;\n\n$list-group-hover-bg:               $gray-100;\n$list-group-active-color:           $component-active-color;\n$list-group-active-bg:              $component-active-bg;\n$list-group-active-border-color:    $list-group-active-bg;\n\n$list-group-disabled-color:         $gray-600;\n$list-group-disabled-bg:            $list-group-bg;\n\n$list-group-action-color:           $gray-700;\n$list-group-action-hover-color:     $list-group-action-color;\n\n$list-group-action-active-color:    $body-color;\n$list-group-action-active-bg:       $gray-200;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem;\n$thumbnail-bg:                      lighten($gray-200, 2%);\n$thumbnail-border-width:            $border-width;\n$thumbnail-border-color:            lighten($thumbnail-bg, 4%);\n$thumbnail-border-radius:           $border-radius;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075);\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          90%;\n$figure-caption-color:              $gray-600;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null;\n$breadcrumb-padding-y:              0;\n$breadcrumb-padding-x:              0;\n$breadcrumb-item-padding-x:         .5rem;\n$breadcrumb-margin-bottom:          1rem;\n$breadcrumb-bg:                     transparent;\n$breadcrumb-divider-color:          $gray-400;\n$breadcrumb-active-color:           $gray-500;\n$breadcrumb-divider:                quote(\"\\F0142\");\n$breadcrumb-divider-flipped:        $breadcrumb-divider;\n$breadcrumb-border-radius:          $border-radius;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white;\n$carousel-control-width:             15%;\n$carousel-control-opacity:           .5;\n$carousel-control-hover-opacity:     .9;\n$carousel-control-transition:        opacity .15s ease;\n\n$carousel-indicator-width:           30px;\n$carousel-indicator-height:          3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer:          3px;\n$carousel-indicator-opacity:         .5;\n$carousel-indicator-active-bg:       $white;\n$carousel-indicator-active-opacity:  1;\n$carousel-indicator-transition:      opacity .6s ease;\n\n$carousel-caption-width:             70%;\n$carousel-caption-color:             $white;\n$carousel-caption-padding-y:         1.25rem;\n$carousel-caption-spacer:            1.25rem;\n\n$carousel-control-icon-width:        20px;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration:       .6s;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black;\n$carousel-dark-caption-color:        $black;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem;\n$spinner-height:          $spinner-width;\n$spinner-vertical-align:  -.125em;\n$spinner-border-width:    .25em;\n$spinner-animation-speed: .75s;\n\n$spinner-width-sm:        1rem;\n$spinner-height-sm:       $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            .8rem;\n$btn-close-height:           $btn-close-width;\n$btn-close-padding-x:        .25em;\n$btn-close-padding-y:        $btn-close-padding-x;\n$btn-close-color:            #cccecf;\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-focus-shadow:     $input-btn-focus-box-shadow;\n$btn-close-opacity:          .5;\n$btn-close-hover-opacity:    .75;\n$btn-close-focus-opacity:    1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding;\n$offcanvas-padding-x:               $modal-inner-padding;\n$offcanvas-horizontal-width:        400px;\n$offcanvas-vertical-height:         30vh;\n$offcanvas-transition-duration:     .3s;\n$offcanvas-border-color:            $modal-content-border-color;\n$offcanvas-border-width:            $modal-content-border-width;\n$offcanvas-title-line-height:       $modal-title-line-height;\n$offcanvas-bg-color:                $modal-content-bg;\n$offcanvas-color:                   $modal-content-color;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    87.5%;\n$code-color:                        $pink;\n\n$kbd-padding-y:                     .2rem;\n$kbd-padding-x:                     .4rem;\n$kbd-font-size:                     $code-font-size;\n$kbd-color:                         $white;\n$kbd-bg:                            $gray-900;\n\n$pre-color:                         null;\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// topbar.scss\r\n//\r\n\r\n.logo {\r\n    display: block;\r\n\r\n    span.logo-lg {\r\n        display: block;\r\n    }\r\n\r\n    span.logo-sm {\r\n        display: none;\r\n    }\r\n\r\n    .logo-lg-text-dark {\r\n        color: $dark;\r\n        font-weight: $font-weight-bold;\r\n        font-size: 22px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .logo-lg-text-light {\r\n        color: $white;\r\n        font-weight: $font-weight-bold;\r\n        font-size: 22px;\r\n        text-transform: uppercase;\r\n    }\r\n}\r\n\r\n.logo-box {\r\n    height: $topbar-height;\r\n    width: $leftbar-width;\r\n    background-color:$logo-box-background;\r\n    float: left;\r\n    transition: all .1s ease-out;\r\n\r\n    .logo {\r\n        line-height: $topbar-height;\r\n    }\r\n}\r\n\r\n.logo-light {\r\n    display: $logo-dark-display;\r\n}\r\n\r\n.logo-dark {\r\n    display: $logo-light-display;\r\n}\r\n\r\n.navbar-custom {\r\n    background-color: $body-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 0;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    height: $topbar-height;\r\n    z-index: 1001;\r\n\r\n    .topnav-menu {\r\n        &.topnav-menu-left{\r\n            display: inline-block;\r\n        }\r\n        > li {\r\n            float: left;\r\n        }\r\n        .nav-link {\r\n            padding: 0 15px;\r\n            color: $gray-700;\r\n            min-width: 32px;\r\n            display: block;\r\n            line-height: $topbar-height;\r\n            text-align: center;\r\n            max-height: $topbar-height;\r\n        }\r\n    }\r\n    .dropdown.show {\r\n        .nav-link {\r\n            background-color: rgba($gray-700,0.05);\r\n        }   \r\n    }\r\n\r\n    /* Search */\r\n    .app-search {\r\n        overflow: hidden;\r\n        height: $topbar-height;\r\n        display: table;\r\n        max-width: 180px;\r\n        margin-right: 20px;\r\n        \r\n        .app-search-box {\r\n            display: table-cell;\r\n            vertical-align: middle;\r\n\r\n            input::placeholder {\r\n                font-size: 0.8125rem;\r\n                color: $gray-500 !important;\r\n            }\r\n        }\r\n        .form-control {\r\n            border: none;\r\n            height: 38px;\r\n            padding-left: 20px;\r\n            padding-right: 0;\r\n            color: $dark;\r\n            background-color: $topbar-search-bg;\r\n            box-shadow: none;\r\n            border-radius: 30px 0 0 30px;\r\n        }\r\n        .input-group-text {\r\n            margin-left: 0;\r\n            z-index: 4;\r\n        }\r\n        .btn {\r\n            background-color: $topbar-search-bg;\r\n            border-color: transparent;\r\n            color: $gray-700;\r\n            border-radius: 0 30px 30px 0;\r\n            box-shadow: none !important;\r\n        }\r\n    }\r\n\r\n    .button-menu-mobile {\r\n        border: none;\r\n        color: $dark;\r\n        display: inline-block;\r\n        height: $topbar-height;\r\n        line-height: $topbar-height;\r\n        width: 60px;\r\n        background-color: transparent;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n    }\r\n    \r\n    .button-menu-mobile.disable-btn {\r\n        display: none;\r\n    }\r\n}\r\n\r\n/* Notification */\r\n.noti-scroll {\r\n    max-height: 230px;\r\n}\r\n\r\n.notification-list {\r\n    margin-left: 0;\r\n\r\n    .noti-title {\r\n        background-color: transparent;\r\n        padding: 15px 20px;\r\n    }\r\n\r\n    .noti-icon-badge {\r\n        display: inline-block;\r\n        position: absolute;\r\n        top: 16px;\r\n        right: 10px;\r\n    }\r\n\r\n    .notify-item {\r\n        padding: 12px 20px;\r\n\r\n        .notify-icon {\r\n            float: left;\r\n            height: 36px;\r\n            width: 36px;\r\n            font-size: 18px;\r\n            line-height: 36px;\r\n            text-align: center;\r\n            margin-right: 10px;\r\n            border-radius: 50%;\r\n            color: $white;\r\n        }\r\n\r\n        .notify-details {\r\n            margin-bottom: 5px;\r\n            overflow: hidden;\r\n            margin-left: 45px;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            color: $gray-800;\r\n\r\n            b {\r\n                font-weight: 500;\r\n            }\r\n\r\n            small {\r\n                display: block;\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                font-size: 13px;\r\n            }\r\n        }\r\n\r\n        .user-msg {\r\n            margin-left: 45px;\r\n            white-space: normal;\r\n            line-height: 16px;\r\n        }\r\n    }\r\n\r\n    .profile-dropdown {\r\n        .notify-item {\r\n            padding: 7px 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.noti-icon {\r\n    font-size: 21px;\r\n    vertical-align: middle;\r\n}\r\n\r\n.profile-dropdown {\r\n    min-width: 170px;\r\n\r\n    i {\r\n        vertical-align: middle;\r\n        margin-right: 5px;\r\n    }\r\n}\r\n\r\n.nav-user {\r\n    padding: 0 12px !important;\r\n\r\n    img {\r\n        height: 32px;\r\n        width: 32px;\r\n    }\r\n}\r\n\r\n.page-title-main {\r\n                margin: 0;\r\n                line-height: 70px;\r\n                padding: 0 24px;\r\n            }\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-toggle=\"fullscreen\"] {\r\n        .fe-maximize::before {\r\n            content: \"\\e88d\";\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n    .logo-box {\r\n        width: $leftbar-width-condensed !important;\r\n        padding-right: 0 !important;\r\n\r\n        .logo-lg {\r\n            display: none !important;\r\n        }\r\n\r\n        .logo-sm {\r\n            display: block !important;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-custom {\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// dark Topbar\r\n\r\nbody[data-topbar-color=\"dark\"] {\r\n    &[data-sidebar-color=\"light\"], &[data-sidebar-color=\"dark\"], &[data-sidebar-color=\"brand\"] {\r\n        .logo-box {\r\n            background-color: transparent;\r\n        }\r\n    }\r\n    .content-page {\r\n        margin-top: calc(70px + 24px);\r\n    }\r\n    .navbar-custom {\r\n        background-color: $bg-topbar-dark !important;\r\n        box-shadow: $box-shadow-sm;\r\n\r\n        .topnav-menu {\r\n            .nav-link {\r\n                color: $gray-400;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .nav-link.show {\r\n                background-color: rgba($white,0.03);\r\n            }\r\n        }\r\n\r\n        .button-menu-mobile {\r\n            color: $white;\r\n        }\r\n        \r\n        .page-title-main {\r\n            margin: 0;\r\n            line-height: 70px;\r\n            padding: 0 30px;\r\n            color: $gray-100;\r\n        }\r\n\r\n        /* Search */\r\n        .app-search {\r\n            input::placeholder {\r\n                color: rgba($white,0.7) !important;\r\n            }\r\n\r\n            .form-control {\r\n                color: $white;\r\n                background-color: lighten($bg-topbar-dark, 4%);\r\n                border-color: lighten($bg-topbar-dark, 4%);\r\n            }\r\n\r\n            .btn {\r\n                background-color: lighten($bg-topbar-dark, 4%);\r\n                color: rgba($white,0.7);\r\n            }\r\n        }\r\n        .logo-box {\r\n            .logo-dark {\r\n                display: none;\r\n            }\r\n    \r\n            .logo-light {\r\n                display: block;\r\n            }\r\n        }\r\n    }   \r\n}\r\n\r\nbody[data-topbar-color=\"dark\"] {\r\n    .navbar-custom {\r\n        .page-title-main {\r\n            color: $page-title-color;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n@include media-breakpoint-down(lg) {\r\n    body[data-layout-mode=\"horizontal\"] {\r\n\r\n        // Navbar Button - Horizontal\r\n        .navbar-toggle {\r\n            border: 0;\r\n            position: relative;\r\n            padding: 0;\r\n            margin: 0;\r\n            cursor: pointer;\r\n\r\n            .lines {\r\n                width: 25px;\r\n                display: block;\r\n                position: relative;\r\n                height: 16px;\r\n                transition: all .5s ease;\r\n                margin-top: calc(#{$topbar-height - 16px} / 2);\r\n            }\r\n\r\n            span {\r\n                height: 2px;\r\n                width: 100%;\r\n                background-color: $gray-400;\r\n                display: block;\r\n                margin-bottom: 5px;\r\n                transition: transform .5s ease;\r\n            }\r\n\r\n            &.open {\r\n                span {\r\n                    position: absolute;\r\n\r\n                    &:first-child {\r\n                        top: 7px;\r\n                        transform: rotate(45deg);\r\n                    }\r\n\r\n                    &:nth-child(2) {\r\n                        visibility: hidden;\r\n                    }\r\n\r\n                    &:last-child {\r\n                        width: 100%;\r\n                        top: 7px;\r\n                        transform: rotate(-45deg);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"horizontal\"] {\r\n    &[data-topbar-color=\"light\"] {\r\n        .logo-box {\r\n            .logo-dark {\r\n                display: $logo-auth-dark-display;\r\n            }\r\n    \r\n            .logo-light {\r\n                display: $logo-auth-light-display;\r\n            }\r\n        }\r\n    }\r\n    .button-menu-mobile {\r\n        display: none;\r\n    }\r\n\r\n    .logo-box {\r\n        width: auto;\r\n        padding-right: 50px;\r\n        background-color: transparent;\r\n    }\r\n\r\n    @media (min-width: 992px) and (max-width: 1366px) {\r\n        .logo-box {\r\n            padding-left: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .navbar-custom {\r\n        .topnav-menu {\r\n            \r\n            .nav-link {\r\n                padding: 0 12px;\r\n            }\r\n        }\r\n        .button-menu-mobile {\r\n            width: 45px;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .button-menu-mobile.disable-btn {\r\n        display: block !important;\r\n    }\r\n    .page-title-main{\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .logo-box {\r\n        background: none !important;\r\n    }\r\n    .user-box{\r\n        display: none;\r\n    }\r\n}\r\n\r\n// body[data-layout-mode=\"vertical\"] {\r\n//     .logo-box {\r\n//         .logo-dark {\r\n//             display: block;\r\n//         }\r\n\r\n//         .logo-light {\r\n//             display: none;\r\n//         }\r\n//     }\r\n// }","// \r\n// page-title.scss\r\n//\r\n\r\n.page-title-box {\r\n    .page-title-box-alt {\r\n        background-color: transparent;\r\n        padding: 24px 27px;\r\n        box-shadow: none;\r\n        margin-bottom: 0;\r\n    }\r\n    .page-title {\r\n        margin: 0;\r\n        line-height: 75px;\r\n        color: $gray-900;\r\n    }\r\n\r\n    .page-title-right {\r\n        float: right;\r\n        margin-top: 22px;\r\n    }\r\n\r\n    .breadcrumb {\r\n        padding-top: 5px;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(md) {\r\n    .page-title-box {\r\n        .page-title {\r\n            display: block;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            line-height: 70px;\r\n        }\r\n\r\n        .breadcrumb {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .page-title-box {\r\n        .page-title-right {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 419px) {\r\n    .page-title-box .breadcrumb {\r\n        display: none;\r\n    }\r\n}","// \r\n// footer.scss\r\n//\r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 19px 15px 20px;\r\n    position: absolute;\r\n    right: 0;\r\n    color: $footer-color;\r\n    left: $leftbar-width;\r\n    background-color: $footer-bg;\r\n\r\n    .footer-links {\r\n        a {\r\n            color: $footer-color;\r\n            margin-left: 1.5rem;\r\n            transition: all .4s;\r\n            &:hover {\r\n                color: darken($footer-color, 4%);\r\n            }\r\n            &:first-of-type {\r\n                margin-left: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.footer-alt {\r\n    left: 0 !important;\r\n    text-align: center;\r\n    background-color: transparent;\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .footer {\r\n        left: 0 !important;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }\r\n\r\n    &[data-layout-width=\"boxed\"] {\r\n        .footer {\r\n            max-width: $boxed-layout-width !important;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"detached\"] {\r\n    @include media-breakpoint-up(lg) {\r\n        .footer {\r\n            position: inherit;\r\n            margin: 0 10px;\r\n        }\r\n    }\r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: $rightbar-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    .rightbar-title {\r\n        background-color: $primary;\r\n        padding: 25.5px 25px;\r\n        color: $white;\r\n    }\r\n    .right-bar-toggle {\r\n        background-color: $gray-800;\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        margin-top: -4px;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n    .user-box {\r\n        padding: 25px;\r\n        text-align: center;\r\n        .user-img {\r\n            position: relative;\r\n            height: 64px;\r\n            width: 64px;\r\n            margin: 0 auto 15px auto;\r\n            .user-edit {\r\n                position: absolute;\r\n                right: -5px;\r\n                bottom: 0px;\r\n                height: 24px;\r\n                width: 24px;\r\n                background-color: $white;\r\n                line-height: 24px;\r\n                border-radius: 50%;\r\n                box-shadow: $components-shadow-lg;\r\n            }\r\n        }\r\n        h5 {\r\n            margin-bottom: 2px;\r\n            a {\r\n                color: $dark;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(sm) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}","//\r\n// layouts.scss\r\n//\r\n\r\nbody[data-layout-width=\"boxed\"] {\r\n    #wrapper {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow-lg;\r\n    }\r\n\r\n    .navbar-custom {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$leftbar-width});\r\n    }\r\n\r\n    &[data-sidebar-size=\"condensed\"] {\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$leftbar-width-condensed});\r\n        }\r\n    }\r\n\r\n    &[data-sidebar-size=\"compact\"] {\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$leftbar-width-sm});\r\n        }\r\n    }\r\n}\r\n\r\n// Body min-height set\r\n@include media-breakpoint-up(md) {\r\n    body[data-layout-width=\"boxed\"][data-sidebar-size=\"condensed\"] {\r\n        .content-page {\r\n            min-height: calc(#{$body-min-height} - #{$leftbar-width-condensed});\r\n        }\r\n    }\r\n}\r\n\r\n// Scrollable Layout\r\n@include media-breakpoint-up(xl) {\r\n    body[data-layout-menu-position=\"scrollable\"]:not([data-sidebar-size=\"condensed\"]):not([data-sidebar-size=\"compact\"]):not([data-layout-mode=\"two-column\"]) {\r\n        padding-bottom: 0;\r\n\r\n        #wrapper {\r\n            display: flex;\r\n        }\r\n\r\n        .navbar-custom,\r\n        .topnav {\r\n            position: absolute;\r\n        }\r\n\r\n        .left-side-menu {\r\n            position: relative;\r\n            min-width: $leftbar-width;\r\n            max-width: $leftbar-width;\r\n            padding: 20px 0 calc(#{$topbar-height} + 20px);\r\n        }\r\n\r\n        .content-page {\r\n            margin-left: 0;\r\n            width: 100%;\r\n            padding-bottom: 60px;\r\n        }\r\n    }\r\n}","// \r\n// _horizontal.scss\r\n//\r\n\r\n// Container width\r\nbody[data-layout-mode=\"horizontal\"] {\r\n    @include media-breakpoint-up(xl) {\r\n        .container-fluid {\r\n            max-width: $horizontal-layout-width;\r\n        }\r\n\r\n        .navbar-custom {\r\n            padding: 0 calc(#{$grid-gutter-width} / 2);\r\n        }\r\n    }\r\n    .content-page {\r\n        margin-left: 0 !important;\r\n    }\r\n    &[data-topbar-color=dark] {\r\n        .content-page {\r\n            margin-top: 70px;\r\n        }\r\n    }\r\n}\r\n\r\n.topnav {\r\n    background: $bg-topbar-light;\r\n    box-shadow: $box-shadow;\r\n    margin-top: $topbar-height;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\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\r\n    .navbar-nav {\r\n\r\n        .nav-link {\r\n            font-size: $menu-item-size;\r\n            position: relative;\r\n            line-height: 22px;\r\n            padding: calc(#{$topnav-height - 22px} / 2) 1.1rem;\r\n            color: $hori-menu-item-color;\r\n            font-family: $font-family-secondary;\r\n\r\n            i {\r\n                font-size: 15px;\r\n                display: inline-block;\r\n            }\r\n\r\n            &:focus,\r\n            &:hover,\r\n            &.active {\r\n                color: $menu-item-hover;\r\n                background-color: transparent;\r\n            }\r\n        }\r\n\r\n        .nav-item {\r\n            &.dropdown.active {\r\n                > a.dropdown-toggle {\r\n                    color: $menu-item-active;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        height: $topnav-height;\r\n\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.25rem;\r\n            min-width: 180px;\r\n            margin: 0 .3rem;\r\n            width: auto;\r\n\r\n            &.active {\r\n                background-color: transparent;\r\n                color: $menu-item-active;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown {\r\n\r\n                // position: static;\r\n                .mega-dropdown-menu {\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n\r\n            .dropdown-menu {\r\n                padding: 0.3rem 0;\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: 20px;\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                >.nav-link {\r\n                    color: $menu-item-hover;\r\n                }\r\n\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                    .dropdown-item:hover {\r\n                        color: $menu-item-active;\r\n                    }\r\n\r\n                    >.dropdown:hover {\r\n                        >.dropdown-item {\r\n                            color: $menu-item-active;\r\n                        }\r\n\r\n                        >.dropdown-menu {\r\n                            display: block;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n\r\n    body[data-layout-mode=\"horizontal\"] {\r\n        .content-page {\r\n            padding: $topnav-height 15px 65px 15px;\r\n        }\r\n    }\r\n}\r\n\r\n.arrow-down {\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n\r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n\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            }\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: $menu-item-active;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n    body[data-layout-mode=\"horizontal\"][data-topbar-color=\"light\"] {\r\n        .topnav {\r\n            background-color: $bg-topbar-dark;\r\n\r\n            .navbar-nav {\r\n\r\n                .nav-link {\r\n                    color: rgba($white, 0.7);\r\n\r\n                    &:focus,\r\n                    &:hover {\r\n                        color: rgba($white, 0.9);\r\n                    }\r\n\r\n                    &.active {\r\n                        color: $white;\r\n                    }\r\n                }\r\n\r\n                .nav-item {\r\n                    &:hover {\r\n                        .nav-link {\r\n                            color: $white;\r\n                        }\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\nbody[data-layout-mode=\"horizontal\"][data-layout-width=\"boxed\"] {\r\n    .topnav {\r\n        max-width: $boxed-layout-width;\r\n        margin: $topbar-height auto 0;\r\n    }\r\n}","//\n// avatar.scss (avatar thumbnail sizes)\n//\n\n.avatar-xs {\n    height: 1.5rem;\n    width: 1.5rem;\n}\n\n.avatar-sm {\n    height: 2.25rem;\n    width: 2.25rem;\n}\n\n.avatar-md {\n    height: 3.5rem;\n    width: 3.5rem;\n}\n\n.avatar-lg {\n    height: 4.5rem;\n    width: 4.5rem;\n}\n\n.avatar-xl {\n    height: 6rem;\n    width: 6rem;\n}\n\n.avatar-xxl {\n    height: 7.5rem;\n    width: 7.5rem;\n}\n\n.avatar-title {\n    align-items: center;\n    color: $white;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    width: 100%;\n}\n\n.avatar-group {\n    padding-left: 12px;\n\n    .avatar-group-item {\n        margin: 0 0 10px -12px;\n        display: inline-block;\n        border: 2px solid $card-bg;\n        border-radius: 50%;\n    }\n}","//\n// helper.scss\n//\n\n// Minimum width\n\n.width-xs {\n    min-width: 80px;\n}\n\n.width-sm {\n    min-width: 100px;\n}\n\n.width-md {\n    min-width: 120px;\n}\n\n.width-lg {\n    min-width: 140px;\n}\n\n.width-xl {\n    min-width: 160px;\n}\n\n\n// Font Family\n.font-family-primary {\n    font-family: $font-family-base;\n}\n\n.font-family-secondary {\n    font-family: $font-family-secondary;\n}\n\n// Text specify lines (Only chrome browser support)\n\n.sp-line-1,\n.sp-line-2,\n.sp-line-3,\n.sp-line-4 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n}\n\n.sp-line-1 {\n    -webkit-line-clamp: 1;\n}\n\n.sp-line-2 {\n    -webkit-line-clamp: 2;\n}\n\n\n.sp-line-3 {\n    -webkit-line-clamp: 3;\n}\n\n.sp-line-4 {\n    -webkit-line-clamp: 4;\n}\n\n// Icons\n.icon-dual {\n    color: $text-muted;\n    fill: rgba($text-muted, 0.12);\n}\n\n@each $color,\n$value in $theme-colors {\n    .icon-dual-#{$color} {\n        color: $value;\n        fill: rgba($value, 0.16);\n    }\n}\n\n.icons-xs {\n    height: 16px;\n    width: 16px;\n}\n\n.icons-sm {\n    height: 24px;\n    width: 24px;\n}\n\n.icons-md {\n    height: 32px;\n    width: 32px;\n}\n\n.icons-lg {\n    height: 40px;\n    width: 40px;\n}\n\n.icons-xl {\n    height: 48px;\n    width: 48px;\n}\n\n.icons-xxl {\n    height: 60px;\n    width: 60px;\n}\n\n// Hover item\n.item-hovered {\n    &:hover {\n        background-color: $dropdown-link-hover-bg;\n    }\n}","\r\n// \r\n// social.scss\r\n//\r\n\r\n.social-list-item {\r\n    height: 2rem;\r\n    width: 2rem;\r\n    line-height: calc(2rem - 2px);\r\n    display: block;\r\n    border: 2px solid $gray-500;\r\n    border-radius: 50%;\r\n    color: $gray-500;\r\n    text-align: center;\r\n}  \r\n","\r\n// \r\n// widgets.scss\r\n//\r\n\r\n// widget-box-2\r\n.widget-box-2 {\r\n    .widget-detail-2 {\r\n      .badge {\r\n        padding: 5px 10px;\r\n      }\r\n    }\r\n}\r\n\r\n\r\n// Inbox-widget(Used Profile)\r\n.inbox-widget {\r\n    .inbox-item {\r\n        border-bottom: 1px solid rgba($border-color,0.5);\r\n        overflow: hidden;\r\n        padding: 0.75rem 0;\r\n        position: relative;\r\n        &:last-of-type {\r\n            border-bottom: none;\r\n        }\r\n        .inbox-item-img {\r\n            display: block;\r\n            float: left;\r\n            margin-right: 15px;\r\n            width: 40px;\r\n            img {\r\n                width: 40px;\r\n            }\r\n        }\r\n        .inbox-item-author {\r\n            display: block;\r\n            margin-bottom: 3px;\r\n        }\r\n        .inbox-item-text {\r\n            color: $text-muted;\r\n            display: block;\r\n            font-size: 0.8125rem;\r\n            margin: 0;\r\n            overflow: hidden;\r\n        }\r\n        .inbox-item-date {\r\n            color: $gray-600;\r\n            font-size: 0.6875rem;\r\n            position: absolute;\r\n            right: 5px;\r\n            top: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n/* Chat widget */\r\n\r\n.conversation-list {\r\n    list-style: none;\r\n    padding: 0 15px;\r\n    li {\r\n        margin-bottom: 20px;\r\n\r\n        .conversation-actions {\r\n            float: right;\r\n            display: none;\r\n        }\r\n\r\n        &:hover {\r\n            .conversation-actions {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n    .chat-avatar {\r\n        float: left;\r\n        text-align: center;\r\n        width: 42px;\r\n        img {\r\n            border-radius: 100%;\r\n            width: 100%;\r\n        }\r\n        i {\r\n            font-size: 12px;\r\n            font-style: normal;\r\n        }\r\n    }\r\n    .ctext-wrap {\r\n        background: $chat-secondary-user-bg;\r\n        border-radius: 3px;\r\n        display: inline-block;\r\n        padding: 12px;\r\n        position: relative;\r\n        i {\r\n            display: block;\r\n            font-size: 12px;\r\n            font-style: normal;\r\n            font-weight: $label-font-weight;\r\n            position: relative;\r\n        }\r\n        p {\r\n            margin: 0;\r\n            padding-top: 3px;\r\n        }\r\n        &:after {\r\n            left: -10px;\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: $chat-secondary-user-bg;\r\n            border-width: 6px;\r\n            margin-right: -1px;\r\n            border-right-color: $chat-secondary-user-bg;\r\n        }\r\n    }\r\n    .conversation-text {\r\n        float: left;\r\n        font-size: 12px;\r\n        margin-left: 12px;\r\n        width: 70%;\r\n    }\r\n    .odd {\r\n        .chat-avatar {\r\n            float: right !important;\r\n        }\r\n        .conversation-text {\r\n            float: right !important;\r\n            margin-right: 12px;\r\n            text-align: right;\r\n            width: 70% !important;\r\n        }\r\n        .ctext-wrap {\r\n            background-color: $chat-primary-user-bg;\r\n            &:after {\r\n                border-color: transparent;\r\n                border-left-color: $chat-primary-user-bg;\r\n                border-top-color: $chat-primary-user-bg;\r\n                right: -10px !important;\r\n                left: auto;\r\n            }\r\n        }\r\n\r\n        .conversation-actions {\r\n            float: left;\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    .left-side-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-custom,\r\n    .footer {\r\n        display: none;\r\n    }\r\n    .card-body,\r\n    .content-page,\r\n    .right-bar,\r\n    .content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\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 {\r\n    margin: 0 auto;\r\n    font-size: 10px;\r\n    position: relative;\r\n    text-indent: -9999em;\r\n    border-top: 5px solid $gray-300;\r\n    border-right: 5px solid $gray-300;\r\n    border-bottom: 5px solid $gray-300;\r\n    border-left: 5px solid $primary;\r\n    transform: translateZ(0);\r\n    animation: SpinnerAnimation 1.1s infinite linear;\r\n}\r\n\r\n.spinner,\r\n.spinner:after {\r\n    border-radius: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n\r\n@keyframes SpinnerAnimation {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n.authentication-bg.enlarged {\r\n    min-height: 100px;\r\n}\r\n\r\n// authentication pages background\r\nbody.authentication-bg {\r\n    background-image: $auth-img-bg;\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n// Logout page\r\n.logout-icon {\r\n    width: 140px;\r\n}\r\n\r\n.auth-logo{\r\n    .logo-light{\r\n        display : $logo-auth-light-display !important;\r\n    }\r\n    .logo-dark{\r\n        display : $logo-auth-dark-display !important;\r\n\r\n    }\r\n}","// \n// chat.scss\n//\n\n\n\n.chat-list{\n    li{\n        a{\n            display: block;\n            color: $gray-600;\n            position: relative;\n            padding: 12px 14px;\n            font-size: 13px;\n            \n            .chat-user-img{\n                img, .avatar-title{\n                    padding: 2px;\n                    border: 2px solid $light;\n                }\n\n                &.active{\n                    img, .avatar-title{\n                        border-color: $success;\n                    }\n                }\n            }\n        }\n\n        &.active{\n            a{\n                background-color: $light;\n            }\n        }\n\n        &.unread{\n            a{\n                &::after{\n                    content: \"\";\n                    position: absolute;\n                    display: inline-block;\n                    width: 8px;\n                    height: 8px;\n                    border-radius: 50%;\n                    background-color: $primary;\n                    right: 24px;\n                    top: 50%;\n                    transform: translateY(-50%);\n                }\n            }\n        }\n    }\n}\n\n\n.conversation-list {\n    list-style: none;\n    padding: 0;\n    margin-bottom: 0;\n    \n    li {\n        margin-bottom: 24px;\n\n        .chat-day-title{\n            position: relative;\n            text-align: center;\n            margin-bottom: 24px;\n        \n            .title{\n              background-color: $card-bg;\n              position: relative;\n              z-index: 1;\n              padding: 6px 24px;\n            }\n        \n            &:before{\n              content: \"\";\n              position: absolute;\n              width: 100%;\n              height: 1px;\n              left: 0;\n              right: 0;\n              background-color: $light;\n              top: 10px;\n            }\n          }\n\n        .message-list{\n            &::after{\n                display: block;\n                clear: both;\n                content: \"\";\n\n            }\n        }\n    }\n    .chat-avatar {\n        float: left;\n        text-align: center;\n        width: 36px;\n        img {\n            border-radius: 50%;\n            width: 100%;\n        }\n        \n    }\n    .ctext-wrap {\n        background: $primary;\n        border-radius: 0px 6px 6px 6px;\n        display: inline-block;\n        padding: 12px;\n        position: relative;\n        color: $white;\n\n        &:after {\n            content: \" \";\n            position: absolute;\n            right: 100%;\n            top: 0;\n            border: solid transparent;\n            border-right-color: $primary;\n            border-top-color: $primary;\n            border-width: 5px;\n          }\n        .user-name {\n            display: block;\n            font-size: 12px;\n            font-weight: $font-weight-semibold;\n            position: relative;\n        }\n        p {\n            margin: 0;\n            padding-top: 4px;\n        }\n    }\n    .conversation-text {\n        float: left;\n        font-size: 12px;\n        margin-left: 12px;\n        width: 70%;\n\n        .time {\n            display: block;\n            font-size: 12px;\n            margin-top: 6px;\n        }\n    }\n    .odd {\n        .chat-avatar {\n            float: right;\n        }\n        .conversation-text {\n            float: right;\n            margin-left: 0px;\n            margin-right: 12px;\n            text-align: right;\n        }\n        .ctext-wrap {\n            background-color: $light;\n            color: $body-color;\n            border-radius: 6px 0px 6px 6px;\n\n            &:after {\n                left: 100%;\n                right: auto;\n                border-right-color: transparent;\n                border-left-color: $light;\n                border-top-color: $light;\n            }\n        }\n    }\n}\n\n.chat-send{\n    @media (max-width: 575.98px) {\n      min-width: auto;\n    }\n}","// \r\n// components-demo.scss\r\n//\r\n\r\n// Demo Only\r\n.button-list {\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// Grid\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: $table-striped-bg;\r\n        margin-bottom: 10px;\r\n        font-size: 0.8rem;\r\n        font-weight: $font-weight-semibold;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n// Icon demo ( Demo only )\r\n.icons-list-demo {\r\n    div.col-sm-6 {\r\n        cursor: pointer;\r\n        line-height: 45px;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        display: block;\r\n        overflow: hidden;\r\n        p {\r\n            margin-bottom: 0;\r\n            line-height: inherit;\r\n        }\r\n    }\r\n    i {\r\n        text-align: center;\r\n        vertical-align: middle;\r\n        font-size: 22px;\r\n        width: 50px;\r\n        height: 50px;\r\n        line-height: 50px;\r\n        margin-right: 12px;\r\n        color: $text-muted;\r\n        border-radius: 3px;\r\n        display: inline-block;\r\n        transition: all 0.2s;\r\n    }\r\n    .col-md-4 {\r\n        border-radius: 3px;\r\n        background-clip: padding-box;\r\n        margin-bottom: 10px;\r\n        &:hover,\r\n        &:hover i {\r\n            color: $primary;\r\n        }\r\n    }\r\n\r\n    .icon-item{\r\n        svg{\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        span{\r\n            line-height: 30px;\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Scrollspy\r\n\r\n.scrollspy-example {\r\n    position: relative;\r\n    height: 200px;\r\n    margin-top: .5rem;\r\n    overflow: auto;\r\n}\r\n\r\n// list group\r\n\r\n.list-group-item {\r\n    border: 1px solid lighten($gray-200, 2%);\r\n    border-left: none;\r\n    border-right: none;\r\n    &:hover{\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n    &:first-child{\r\n        border-top: none;\r\n    }\r\n    &:last-child{\r\n        border-bottom: none;\r\n    }\r\n}","// \r\n// error.scss\r\n//\r\n\r\n// Error text with shadow\r\n.text-error {\r\n    color: $primary;\r\n    text-shadow: rgba($primary,0.3) 5px 1px, rgba($primary,0.2) 10px 3px;\r\n    font-size: 84px;\r\n    line-height: 90px;\r\n    font-family: $font-family-secondary;\r\n}\r\n\r\n// Animation text\r\n.error-text-box {\r\n    font-size: 10rem;\r\n    font-family: $font-family-secondary;\r\n    min-height: 200px;\r\n\r\n    .text {\r\n        fill: none;\r\n        stroke-width: 6;\r\n        stroke-linejoin: round;\r\n        stroke-dasharray: 30 100;\r\n        stroke-dashoffset: 0;\r\n        animation: stroke 9s infinite linear;\r\n    }\r\n    \r\n    .text:nth-child(5n + 1) {\r\n        stroke: $danger;\r\n        animation-delay: -1.2s;\r\n    }\r\n    \r\n    .text:nth-child(5n + 2) {\r\n        stroke: $warning;\r\n        animation-delay: -2.4s;\r\n    }\r\n    \r\n    .text:nth-child(5n + 3) {\r\n        stroke: $primary;\r\n        animation-delay: -3.6s;\r\n    }\r\n    \r\n    .text:nth-child(5n + 4) {\r\n        stroke: $info;\r\n        animation-delay: -4.8s;\r\n    }\r\n    \r\n    .text:nth-child(5n + 5) {\r\n        stroke: $success;\r\n        animation-delay: -6s;\r\n    }\r\n}\r\n\r\n@keyframes stroke {\r\n    100% {\r\n        stroke-dashoffset: -400;\r\n    }\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    .error-text-box {\r\n        .text {\r\n            fill: $danger;\r\n            stroke: $danger;\r\n            stroke-width: 6;\r\n            stroke-dasharray: 0 0;\r\n            stroke-dashoffset: 0;\r\n            animation: none;\r\n        }\r\n    }\r\n}","// \r\n// logout.scss\r\n//\r\n\r\n.logout-checkmark {\r\n    width: 100px;\r\n    margin: 0 auto;\r\n    padding: 20px 0;\r\n\r\n    .path {\r\n        stroke-dasharray: 1000;\r\n        stroke-dashoffset: 0;\r\n        animation: dash 2s ease-in-out;\r\n    }\r\n    \r\n    .spin {\r\n        animation: spin 2s;\r\n        transform-origin: 50% 50%;\r\n    }\r\n}\r\n\r\n@keyframes dash {\r\n    0% {\r\n        stroke-dashoffset: 1000;\r\n    }\r\n    100% {\r\n        stroke-dashoffset: 0;\r\n    }\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        -webkit-transform: rotate(0deg);\r\n    }\r\n    100% {\r\n        -webkit-transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n@keyframes text {\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n    }\r\n}","// \r\n// faq.scss\r\n//\r\n\r\n.faq-question-q-box {\r\n    height: 30px;\r\n    width: 30px;\r\n    color: $primary;\r\n    text-align: center;\r\n    border-radius: 50%;\r\n    float: left;\r\n    font-weight: $font-weight-bold;\r\n    line-height: 30px;\r\n    background-color: rgba($primary,0.15);\r\n}\r\n\r\n.faq-question {\r\n    margin-top: 0;\r\n    margin-left: 50px;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n}\r\n\r\n.faq-answer {\r\n    margin-left: 50px;\r\n    color: $text-muted;\r\n}","// \r\n// maintenance.scss\r\n//\r\n\r\n.svg-computer {\r\n    stroke-dasharray: 1134;\r\n    stroke-dashoffset: -1134;\r\n    animation: draw-me 5s infinite;\r\n    animation-direction: normal;\r\n    height: 160px;\r\n}\r\n\r\n@keyframes draw-me {\r\n    from {\r\n        stroke-dashoffset: -1134;\r\n    }\r\n    to {\r\n        stroke-dashoffset: 0;\r\n    }\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    .svg-computer {\r\n        stroke-dasharray: 0;\r\n        stroke-dashoffset: 0;\r\n        animation: none;\r\n        animation-direction: normal;\r\n    }\r\n}","// \r\n// timeline.scss\r\n//\r\n\r\n.timeline {\r\n    border-collapse: collapse;\r\n    border-spacing: 0;\r\n    display: table;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n    table-layout: fixed;\r\n    width: 100%;\r\n  \r\n    .time-show {\r\n      margin-bottom: 30px;\r\n      margin-right: -75px;\r\n      margin-top: 30px;\r\n      position: relative;\r\n      text-align: right;\r\n      a {\r\n        color: $white;\r\n      }\r\n    }\r\n    &:before {\r\n      background-color: rgba($gray-500, 0.3);\r\n      bottom: 0px;\r\n      content: \"\";\r\n      left: 50%;\r\n      position: absolute;\r\n      top: 30px;\r\n      width: 2px;\r\n      z-index: 0;\r\n    }\r\n    .timeline-icon {\r\n      -webkit-border-radius: 50%;\r\n      background: $gray-600;\r\n      border-radius: 50%;\r\n      color: $white;\r\n      display: block;\r\n      height: 21px;\r\n      left: -54px;\r\n      margin-top: -11px;\r\n      position: absolute;\r\n      text-align: center;\r\n      top: 50%;\r\n      width: 21px;\r\n      i {\r\n        color: $gray-200;\r\n        font-size: 12px;\r\n        margin-left: 1px;\r\n      }\r\n    }\r\n    .time-icon {\r\n      &:before {\r\n        font-size: 16px;\r\n        margin-top: 5px;\r\n      }\r\n    }\r\n  \r\n  }\r\n  \r\n  h3{\r\n    &.timeline-title {\r\n      color: $gray-600;\r\n      font-size: 20px;\r\n      font-weight: 400;\r\n      margin: 0 0 5px;\r\n      text-transform: uppercase;\r\n    }\r\n  }\r\n  \r\n  .timeline-item {\r\n    display: table-row;\r\n    &:before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 50%;\r\n    }\r\n    .timeline-desk {\r\n      .arrow {\r\n        border-bottom: 8px solid transparent;\r\n        border-right: 8px solid $card-bg !important;\r\n        border-top: 8px solid transparent;\r\n        display: block;\r\n        height: 0;\r\n        left: -7px;\r\n        margin-top: -10px;\r\n        position: absolute;\r\n        top: 50%;\r\n        width: 0;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .timeline-item.alt {\r\n    &:after {\r\n      content: \"\";\r\n      display: block;\r\n      width: 50%;\r\n    }\r\n    .timeline-desk {\r\n      .arrow-alt {\r\n        border-bottom: 8px solid transparent;\r\n        border-left: 8px solid $card-bg !important;\r\n        border-top: 8px solid transparent;\r\n        display: block;\r\n        height: 0;\r\n        left: auto;\r\n        margin-top: -10px;\r\n        position: absolute;\r\n        right: -7px;\r\n        top: 50%;\r\n        width: 0;\r\n      }\r\n      .album {\r\n        float: right;\r\n        margin-top: 20px;\r\n        a {\r\n          float: right;\r\n          margin-left: 5px;\r\n        }\r\n      }\r\n    }\r\n    .timeline-icon {\r\n      left: auto;\r\n      right: -57px;\r\n    }\r\n    &:before {\r\n      display: none;\r\n    }\r\n    .panel {\r\n      margin-left: 0;\r\n      margin-right: 45px;\r\n      .panel-body p + p {\r\n        margin-top: 10px !important;\r\n      }\r\n    }\r\n    h4 {\r\n      text-align: right;\r\n    }\r\n    p {\r\n      text-align: right;\r\n    }\r\n    .timeline-date {\r\n      text-align: right;\r\n    }\r\n  }\r\n  \r\n  .timeline-desk {\r\n    display: table-cell;\r\n    vertical-align: top;\r\n    width: 50%;\r\n    h4 {\r\n      font-size: 16px;\r\n      font-weight: 300;\r\n      margin: 0;\r\n    }\r\n    .panel {\r\n      background: $card-bg;\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      margin-left: 45px;\r\n      position: relative;\r\n      text-align: left;\r\n      padding: 20px;\r\n      border-radius: 7px;\r\n    }\r\n    h5 {\r\n      span {\r\n        color: $gray-200;\r\n        display: block;\r\n        font-size: 12px;\r\n        margin-bottom: 4px;\r\n      }\r\n    }\r\n    p {\r\n      color: $gray-600;\r\n      font-size: 14px;\r\n      margin-bottom: 0;\r\n    }\r\n    .album {\r\n      margin-top: 12px;\r\n      a {\r\n        float: left;\r\n        margin-right: 5px;\r\n      }\r\n  \r\n      img {\r\n        height: 36px;\r\n        width: 36px;\r\n        border-radius: 3px;\r\n      }\r\n    }\r\n    .notification {\r\n      background: none repeat scroll 0 0 $white;\r\n      margin-top: 20px;\r\n      padding: 8px;\r\n    }\r\n  }","// \r\n// email.scss\r\n//\r\n\r\n\r\n.inbox-rightbar {\r\n    border-left: 5px solid $body-bg;\r\n    padding: 1.5rem 25px 1.5rem 25px;\r\n}\r\n\r\n.mail-list {\r\n    a {\r\n        color: $dropdown-link-color;\r\n        padding: 9px 10px;\r\n        display: block;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n.inbox-app-main {\r\n    margin-left: -20px;\r\n}\r\n\r\n.circle-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    text-align: center;\r\n    line-height: 26px;\r\n    border: 2px solid $gray-600;\r\n    border-radius: 100px;\r\n    font-size: 14px;\r\n    color: $gray-600;\r\n    cursor: pointer;\r\n    display: block;\r\n    float: left;\r\n    &:hover {\r\n        color: darken($gray-600, 15%);\r\n        border-color: darken($gray-600, 15%);\r\n    }\r\n}\r\n\r\n.circle-icon {\r\n    &.small {\r\n        height: 25px;\r\n        width: 25px;\r\n        line-height: 21px;\r\n        font-size: 11px;\r\n    }\r\n    &.red {\r\n        color: $danger;\r\n        border-color: $danger;\r\n        &:hover {\r\n            color: darken($danger, 30%);\r\n            border-color: darken($danger, 30%);\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-600;\r\n    border-radius: 1px;\r\n    input {\r\n        opacity: 0;\r\n        cursor: pointer;\r\n        display: none;\r\n        &:checked ~ label {\r\n            opacity: 1;\r\n        }\r\n    }\r\n    label {\r\n        position: absolute;\r\n        top: 3px;\r\n        left: 3px;\r\n        right: 3px;\r\n        bottom: 3px;\r\n        cursor: pointer;\r\n        background: $gray-600;\r\n        opacity: 0;\r\n        margin-bottom: 0px !important;\r\n        transition-duration: .05s;\r\n        &:active {\r\n            background: $gray-700;\r\n        }\r\n    }\r\n}\r\n\r\n#sidebar {\r\n    position: fixed;\r\n    height: 100%;\r\n    width: 240px;\r\n    transition-duration: .3s;\r\n    z-index: 5;\r\n    color: $dark;\r\n    li {\r\n        a {\r\n            color: $dark;\r\n        }\r\n    }\r\n    .menu-segment {\r\n        padding: 0 50px;\r\n        ul,\r\n        li {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        .ball {\r\n            &.pink {\r\n                border-color: $pink;\r\n            }\r\n            &.green {\r\n                border-color: $success;\r\n            }\r\n            &.blue {\r\n                border-color: $primary;\r\n            }\r\n        }\r\n        li {\r\n            &.title {\r\n                text-transform: uppercase;\r\n                font-weight: 600;\r\n                padding: 10px 0;\r\n                color: $gray-700;\r\n                .icon {\r\n                    float: right;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .menu-segment li.active a,\r\n    .menu-segment li.active a:hover {\r\n        color: $danger;\r\n        font-weight: 600;\r\n    }\r\n    .menu-segment {\r\n        li {\r\n            a {\r\n                display: block;\r\n                margin: 0 -50px;\r\n                padding: 10px 50px;\r\n                &:hover {\r\n                    background: rgba($gray-400, 0.3);\r\n                }\r\n            }\r\n            .italic-link {\r\n                font-style: italic;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n        .labels,\r\n        .chat {\r\n            li {\r\n                a {\r\n                    span {\r\n                        display: block;\r\n                        border: 5px solid $danger;\r\n                        border-radius: 100px;\r\n                        margin-top: 6px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .labels,\r\n        .chat {\r\n            &.labels {\r\n                li {\r\n                    a {\r\n                        span {\r\n                            float: right;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .labels,\r\n        .chat {\r\n            &.chat {\r\n                li {\r\n                    a {\r\n                        span {\r\n                            float: left;\r\n                            margin-right: 10px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .chat {\r\n            li {\r\n                a {\r\n                    padding-left: 50px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .separator {\r\n        margin: 30px 35px;\r\n        height: 1px;\r\n        background: rgba($gray-600, 0.5);\r\n    }\r\n    .bottom-padding {\r\n        height: 100px;\r\n    }\r\n    > .nano-pane {\r\n        background: transparent;\r\n        width: 5px;\r\n        .nano-slider {\r\n            background: rgba($gray-600, 0.3);\r\n        }\r\n    }\r\n}\r\n\r\n#main {\r\n    position: fixed;\r\n    top: 72px;\r\n    left: 490px;\r\n    bottom: 0;\r\n    right: 0;\r\n    z-index: 4;\r\n    transition-duration: .3s;\r\n    background-color: $card-bg;\r\n    .overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: -5px;\r\n        right: 0;\r\n        bottom: 100%;\r\n        background: rgba($dark, 0.6);\r\n        z-index: 5;\r\n        opacity: 0;\r\n        transition-duration: 0s;\r\n        transition-property: opacity;\r\n    }\r\n    .header {\r\n        padding: 12px 25px;\r\n        border-bottom: 1px solid rgba($gray-600, 0.3);\r\n        overflow: hidden;\r\n        .page-title {\r\n            display: block;\r\n            .sidebar-toggle-btn {\r\n                width: 0;\r\n                margin-top: 1px;\r\n                padding: 11px 0 0 0;\r\n                float: left;\r\n                position: relative;\r\n                display: block;\r\n                cursor: pointer;\r\n                transition-duration: .3s;\r\n                transition-delay: .5s;\r\n                opacity: 0;\r\n                margin-right: 0;\r\n                .line {\r\n                    height: 3px;\r\n                    display: block;\r\n                    background: $gray-400;\r\n                    margin-bottom: 4px;\r\n                    transition-duration: .5s;\r\n                    transition-delay: .5s;\r\n                }\r\n                .line-angle1 {\r\n                    width: 8px;\r\n                    margin: 0;\r\n                    position: absolute;\r\n                    top: 15px;\r\n                    left: -11px;\r\n                    transform: rotate(-60deg);\r\n                }\r\n                .line-angle2 {\r\n                    width: 8px;\r\n                    margin: 0;\r\n                    position: absolute;\r\n                    top: 21px;\r\n                    left: -11px;\r\n                    transform: rotate(60deg);\r\n                }\r\n            }\r\n            .icon {\r\n                font-size: 15px;\r\n                margin-left: 20px;\r\n                position: relative;\r\n                top: -5px;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n        .search-box {\r\n            width: 180px;\r\n            height: 40px;\r\n            margin-left: 30px;\r\n            position: relative;\r\n            input {\r\n                position: absolute;\r\n                top: 0;\r\n                transition-duration: .3s;\r\n                right: 0;\r\n                bottom: 0;\r\n                width: 100%;\r\n                padding: 0px 36px 0px 0px;\r\n                margin: 0;\r\n                text-indent: 15px;\r\n                height: 38px;\r\n                z-index: 2;\r\n                outline: none;\r\n                color: $gray-500;\r\n                background: transparent;\r\n                border: 2px solid $gray-300;\r\n                border-radius: 5px;\r\n                transition-timing-function: cubic-bezier(0.3, 1.5, 0.6, 1);\r\n                &:focus {\r\n                    color: $dark;\r\n                    border-color: $gray-300;\r\n                }\r\n                &:focus ~ .icon {\r\n                    opacity: 1;\r\n                    z-index: 3;\r\n                    color: $success;\r\n                }\r\n                &::placeholder{\r\n                    color: $input-placeholder-color;\r\n                }\r\n            }\r\n            .icon {\r\n                transition-duration: .3s;\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                width: 40px;\r\n                text-align: center;\r\n                line-height: 38px;\r\n                z-index: 1;\r\n                cursor: pointer;\r\n                opacity: .5;\r\n            }\r\n        }\r\n    }\r\n    .action-bar {\r\n        padding: 5px;\r\n        overflow: hidden;\r\n    }\r\n    .message-list {\r\n        display: block;\r\n        padding-left: 0;\r\n        li {\r\n            position: relative;\r\n            display: block;\r\n            height: 50px;\r\n            line-height: 50px;\r\n            cursor: default;\r\n            transition-duration: .3s;\r\n            color: $body-color;\r\n            &:hover {\r\n                background: $light;\r\n                transition-duration: .05s;\r\n            }\r\n            .mail-col {\r\n                float: left;\r\n                position: relative;\r\n            }\r\n            .mail-col-1 {\r\n                width: 400px;\r\n                .star-toggle,\r\n                .checkbox-wrapper-mail,\r\n                .dot {\r\n                    display: block;\r\n                    float: left;\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                .checkbox-wrapper-mail {\r\n                    margin-top: 15px;\r\n                    margin-right: 10px;\r\n                }\r\n                .star-toggle {\r\n                    margin-top: 18px;\r\n                    font-size: 14px;\r\n                    margin-left: 5px;\r\n                }\r\n                .title {\r\n                    position: absolute;\r\n                    top: 0px;\r\n                    left: 140px;\r\n                    right: 0;\r\n                    text-overflow: ellipsis;\r\n                    overflow: hidden;\r\n                    white-space: nowrap;\r\n                }\r\n            }\r\n            .mail-col-2 {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 400px;\r\n                right: 0;\r\n                bottom: 0;\r\n                .subject,\r\n                .date {\r\n                    position: absolute;\r\n                    top: 0;\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                .date {\r\n                    right: 0;\r\n                    width: 200px;\r\n                    padding-left: 80px;\r\n                }\r\n            }\r\n        }\r\n        li{\r\n            &.active,\r\n            &.selected {\r\n                background: $light;\r\n                transition-duration: .05s;\r\n            }\r\n        }\r\n        li.active,\r\n        li.active:hover {\r\n            box-shadow: inset 3px 0 0 $primary;\r\n        }\r\n        li {\r\n            &.unread {\r\n                font-weight: $font-weight-medium;\r\n                color: $gray-800;\r\n            }\r\n            &.blue-dot {\r\n                .mail-col-1 {\r\n                    .dot {\r\n                        border-color: $primary;\r\n                    }\r\n                }\r\n            }\r\n            &.orange-dot {\r\n                .mail-col-1 {\r\n                    .dot {\r\n                        border-color: $warning;\r\n                    }\r\n                }\r\n            }\r\n            &.green-dot {\r\n                .mail-col-1 {\r\n                    .dot {\r\n                        border-color: $success;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .load-more-link {\r\n        display: block;\r\n        text-align: center;\r\n        margin: 30px 0 50px 0;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    #main{\r\n        top: 132px;\r\n        left: 350px;\r\n\r\n        @media (max-width: 1024px) {\r\n            left: 270px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            left: 0;\r\n            top: 70px;\r\n        }\r\n    }\r\n\r\n    #message {\r\n        top: 132px;\r\n\r\n        @media (max-width: 768px) {\r\n            top: 70px;\r\n        }\r\n    }\r\n}\r\n\r\n.show-main-overlay {\r\n    #main {\r\n        .overlay {\r\n            opacity: 1;\r\n            bottom: 0;\r\n            transition-duration: .5s;\r\n        }\r\n    }\r\n}\r\n\r\n.show-sidebar {\r\n    #main {\r\n        .header {\r\n            .page-title {\r\n                .sidebar-toggle-btn {\r\n                    transition-delay: 0s;\r\n                    .line-angle1 {\r\n                        transform: rotate(-120deg);\r\n                    }\r\n                    .line-angle2 {\r\n                        transform: rotate(120deg);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n#main {\r\n    #main-nano-wrapper {\r\n        position: absolute;\r\n        top: 100px;\r\n        bottom: 0;\r\n        height: auto;\r\n    }\r\n}\r\n\r\n#message {\r\n    position: fixed;\r\n    top: 72px;\r\n    left: 60%;\r\n    bottom: 0;\r\n    width: 40%;\r\n    z-index: 5;\r\n    transform: translateX(200%);\r\n    transition-duration: .5s;\r\n    padding: 20px 30px;\r\n    background: lighten($card-bg, 1%);\r\n    box-shadow: 0 0px 77px 0 rgba($black, 0.08), 0 1px 0px 0 rgba($black, 0.02);\r\n    .header {\r\n        padding-bottom: 20px;\r\n        border-bottom: 2px solid rgba($gray-600, 0.2);\r\n        .page-title {\r\n            display: block;\r\n            float: none;\r\n            margin-bottom: 15px;\r\n            line-height: 40px;\r\n            .icon {\r\n                margin-top: 4px;\r\n                margin-right: 10px;\r\n            }\r\n        }\r\n        .grey {\r\n            margin-left: 10px;\r\n            color: $gray-500;\r\n        }\r\n    }\r\n    .message-container {\r\n        padding: 0 30px;\r\n        li {\r\n            padding: 25px;\r\n            border: 1px solid $border-color;\r\n            background: lighten($card-bg, 1%);\r\n            margin: 0 0 30px 0;\r\n            position: relative;\r\n            .details {\r\n                padding-bottom: 20px;\r\n                border-bottom: 1px solid $border-color;\r\n                margin-bottom: 30px;\r\n                overflow: hidden;\r\n                .left {\r\n                    float: left;\r\n                    font-weight: 600;\r\n                    color: $gray-500;\r\n                    transition-duration: .3s;\r\n                    .arrow {\r\n                        display: inline-block;\r\n                        position: relative;\r\n                        height: 2px;\r\n                        width: 20px;\r\n                        background: rgba($dark, 0.15);\r\n                        vertical-align: top;\r\n                        margin: 10px 20px 0 15px;\r\n                        border: 0px solid rgba($dark, 0.15);\r\n                        transition-duration: .3s;\r\n                        &:after {\r\n                            position: absolute;\r\n                            top: -4px;\r\n                            left: 100%;\r\n                            height: 0;\r\n                            width: 0;\r\n                            border: inherit;\r\n                            border-width: 7px;\r\n                            border-style: solid;\r\n                            content: '';\r\n                            border-right: 0;\r\n                            border-top-color: transparent;\r\n                            border-bottom-color: transparent;\r\n                            border-top-width: 5px;\r\n                            border-bottom-width: 5px;\r\n                        }\r\n                    }\r\n                }\r\n                .right {\r\n                    float: right;\r\n                    color: $gray-500;\r\n                }\r\n            }\r\n            .message {\r\n                margin-bottom: 40px;\r\n                p {\r\n                    &:last-child {\r\n                        margin-bottom: 0;\r\n                    }\r\n                }\r\n            }\r\n            &:hover {\r\n                .tool-box {\r\n                    .red-hover {\r\n                        color: $danger;\r\n                        border-color: $danger;\r\n                        &:hover {\r\n                            color: darken($danger, 20%);\r\n                            border-color: darken($danger, 20%);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .tool-box {\r\n                position: absolute;\r\n                bottom: 0;\r\n                right: 0;\r\n                border: 0px solid $border-color;\r\n                border-top-width: 1px;\r\n                border-left-width: 1px;\r\n                padding: 8px 10px;\r\n                transition-duration: .3s;\r\n                a {\r\n                    margin-right: 10px;\r\n                    &:last-child {\r\n                        margin-right: 0;\r\n                    }\r\n                }\r\n            }\r\n            &:hover {\r\n                .details {\r\n                    .left {\r\n                        .arrow {\r\n                            background: $success;\r\n                            border: 0px solid $success;\r\n                            &.orange {\r\n                                background: $warning;\r\n                                border: 0px solid $warning;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    #message-nano-wrapper {\r\n        position: absolute;\r\n        top: 130px;\r\n        bottom: 0;\r\n        height: auto;\r\n        left: 0;\r\n        right: 0;\r\n        width: auto;\r\n    }\r\n}\r\n\r\n.show-message {\r\n    #message {\r\n        transform: none;\r\n        transition-duration: .3s;\r\n    }\r\n    #main {\r\n        margin-right: 40%;\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 1499px) {\r\n    #main {\r\n        .overlay {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 1500px) {\r\n    .show-message {\r\n        #main {\r\n            margin-right: 0;\r\n        }\r\n        #message {\r\n            left: 50%;\r\n            width: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n    #main{\r\n        left: 340px;\r\n    }\r\n    .show-sidebar {\r\n        #sidebar {\r\n            transform: none;\r\n        }\r\n        #main {\r\n            transform: translateX(250px);\r\n        }\r\n    }\r\n    .show-message {\r\n        #main {\r\n            margin-right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n    #sidebar {\r\n        transform: translateX(-100%);\r\n    }\r\n    #main {\r\n        left: 0;\r\n        box-shadow: none;\r\n        .header {\r\n            .page-title {\r\n                .sidebar-toggle-btn {\r\n                    margin-right: 20px;\r\n                    opacity: 1;\r\n                    width: 20px;\r\n                    margin-left: 10px;\r\n                    .line {\r\n                        height: 2px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .show-sidebar {\r\n        #sidebar {\r\n            transform: none;\r\n        }\r\n        #main {\r\n            transform: translateX(250px);\r\n        }\r\n    }\r\n    .show-message {\r\n        #main {\r\n            margin-right: 0;\r\n        }\r\n        #message {\r\n            left: 20%;\r\n            width: 80%;\r\n        }\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n    #main {\r\n        .header {\r\n            .search-box {\r\n                float: none;\r\n                width: 100%;\r\n                margin-bottom: 10px;\r\n                margin-top: 10px;\r\n                margin-left: 0;\r\n                input,\r\n                input:focus {\r\n                    width: 100%;\r\n                }\r\n            }\r\n        }\r\n        .action-bar {\r\n            float: none !important;\r\n        }\r\n        .action-bar {\r\n            ul {\r\n                margin-bottom: 0;\r\n                text-align: center;\r\n            }\r\n        }\r\n        #main-nano-wrapper {\r\n            position: absolute;\r\n            top: 150px;\r\n            bottom: 0;\r\n            height: auto;\r\n        }\r\n        .message-list {\r\n            li {\r\n                .mail-col-1 {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    bottom: 0;\r\n                    left: 0;\r\n                    right: 120px;\r\n                    width: auto;\r\n                }\r\n                .mail-col-2 {\r\n                    right: 0;\r\n                    left: auto;\r\n                    width: 120px;\r\n                    .date {\r\n                        padding-left: 0;\r\n                        position: static;\r\n                    }\r\n                    .subject {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/**\r\n * Nano scroll stuff\r\n*/\r\n\r\n.nano {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    > .nano-content {\r\n        position: absolute;\r\n        overflow-x: hidden;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        &:focus {\r\n            outline: none;\r\n        }\r\n        &:-webkit-scrollbar {\r\n            visibility: hidden;\r\n        }\r\n    }\r\n    > .nano-pane {\r\n        background: rgba($gray-600, 0.1);\r\n        position: absolute;\r\n        width: 7px;\r\n        right: 8px;\r\n        top: 8px;\r\n        bottom: 8px;\r\n        visibility: hidden \\9;\r\n        /* Target only IE7 and IE8 with this hack */\r\n        opacity: .01;\r\n        border-radius: 5px;\r\n        transition: .3s;\r\n        > .nano-slider {\r\n            background: rgba($gray-600, 0.35);\r\n            position: relative;\r\n            border-radius: 3px;\r\n            transition: .3s;\r\n            transition-property: background;\r\n        }\r\n        &:hover,\r\n        &.active {\r\n            .nano-slider {\r\n                background: $gray-300;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.has-scrollbar {\r\n    > .nano-content {\r\n        &:-webkit-scrollbar {\r\n            visibility: visible;\r\n        }\r\n    }\r\n}\r\n\r\n.nano:hover > .nano-pane,\r\n.nano-pane.active,\r\n.nano-pane.flashed {\r\n    visibility: visible \\9;\r\n    /* Target only IE7 and IE8 with this hack */\r\n    opacity: 0.99;\r\n}\r\n\r\nbody[data-layout-mode=horizontal] #main {\r\n    top: 126px;\r\n    left: 350px;\r\n}\r\n","// \r\n// pricing.scss\r\n//\r\n\r\n.pricing-column{\r\n  position: relative;\r\n  margin-bottom: 40px;\r\n\r\n  .inner-box {\r\n    position: relative;\r\n    padding: 0px 0px 40px;\r\n  }\r\n\r\n  .plan-title {\r\n    font-size: 16px;\r\n    color: $primary;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-weight: 400;\r\n  }\r\n  .plan-price {\r\n    font-size: 40px;\r\n    margin-bottom: 10px;\r\n    color: $dark;\r\n  }\r\n  .plan-duration {\r\n    font-size: 13px;\r\n    color: $gray-600;\r\n  }\r\n\r\n  .plan-stats {\r\n\r\n    li {\r\n      margin-bottom: 15px;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n}\r\n\r\n.ribbon {\r\n  position: absolute;\r\n  left: 5px;\r\n  top: -5px;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  width: 75px;\r\n  height: 75px;\r\n  text-align: right;\r\n\r\n  span {\r\n    font-size: 10px;\r\n    color: $white;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    line-height: 20px;\r\n    transform: rotate(-45deg);\r\n    width: 100px;\r\n    display: block;\r\n    box-shadow: 0 0px 8px 0 rgba($dark, 0.06), 0 1px 0px 0 rgba($dark, 0.02);\r\n    background: $primary;\r\n    position: absolute;\r\n    top: 19px;\r\n    left: -21px;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0px;\r\n      top: 100%;\r\n      z-index: -1;\r\n      border-left: 3px solid $primary;\r\n      border-right: 3px solid transparent;\r\n      border-bottom: 3px solid transparent;\r\n      border-top: 3px solid $primary;\r\n    }\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0px;\r\n      top: 100%;\r\n      z-index: -1;\r\n      border-left: 3px solid transparent;\r\n      border-right: 3px solid $primary;\r\n      border-bottom: 3px solid transparent;\r\n      border-top: 3px solid $primary;\r\n    }\r\n  }\r\n}","// \r\n// gallery.scss\r\n//\r\n\r\n.portfolioFilter {\r\n    a {\r\n        transition: all 0.3s ease-out;\r\n        color: $dark;\r\n        border-radius: 3px;\r\n        padding: 5px 10px;\r\n        display: inline-block;\r\n        font-weight: $font-weight-medium;\r\n        &:hover {\r\n            color: $primary;\r\n        }\r\n    }\r\n    a.current {\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n\r\n.thumb {\r\n    background-color: $card-bg;\r\n    border-radius: 3px;\r\n    box-shadow: $box-shadow-sm;\r\n    margin-top: 24px;\r\n    padding: 10px;\r\n}\r\n  \r\n.thumb-img {\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n}\r\n  \r\n.gal-detail {\r\n    h4 {\r\n      margin-top: 16px;\r\n      font-size: 16px;\r\n    }\r\n}\r\n\r\n","// \r\n// coming-soon.scss\r\n//\r\n\r\n.counter-number {\r\n  font-size: 32px;\r\n  font-weight: $font-weight-bold;\r\n  color: $gray-800;\r\n  span {\r\n      font-size: 15px;\r\n      font-weight: $font-weight-normal;\r\n      display: block;\r\n      color: $gray-600;\r\n  }\r\n}\r\n\r\n.coming-box {\r\n  float: left;\r\n  width: 25%;\r\n}","// \r\n// profile.scss\r\n//\r\n\r\n.profile-pills {\r\n    li{\r\n      a{\r\n        color: $gray-500 !important;\r\n        padding: 0 10px;\r\n        display: block;\r\n        line-height: 30px !important;\r\n  \r\n        i {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n.comment-footer {\r\n    display: block;\r\n    font-size: 12px;;\r\n\r\n    i {\r\n      font-size: 13px;\r\n      margin-right: 7px;\r\n    }\r\n  }\r\n  .comment-footer, .comment-footer a {\r\n    color: rgba($dark, 0.5);\r\n\r\n    &:hover {\r\n      color: $primary;\r\n    }\r\n}","\r\n// \r\n// taskdetails.scss\r\n//\r\n\r\n\r\n.task-tags {\r\n    .bootstrap-tagsinput {\r\n        padding: 0px;\r\n        border: none;\r\n        background-color: transparent;\r\n    }\r\n}\r\n\r\n.attached-files{\r\n    .files-list{\r\n        .file-box{\r\n            vertical-align: middle;\r\n        }\r\n    }\r\n}\r\n\r\n.assign-team{\r\n    a{\r\n        margin-right: 7px;\r\n    }\r\n}\r\n\r\n/* File Upload */\r\n.fileupload {\r\n    overflow: hidden;\r\n    position: relative;\r\n    input{\r\n        &.upload {\r\n            cursor: pointer;\r\n            filter: alpha(opacity=0);\r\n            font-size: 20px;\r\n            margin: 0;\r\n            opacity: 0;\r\n            padding: 0;\r\n            position: absolute;\r\n            right: 0;\r\n            top: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.add-new-plus {\r\n    height: 32px;\r\n    text-align: center;\r\n    width: 32px;\r\n    display: inline-block;\r\n    line-height: 32px;\r\n    color: $gray-600;\r\n    font-weight: 700;\r\n    background-color: $gray-300;\r\n    border-radius: 50%;\r\n}\r\n\r\n.bootstrap-tagsinput input {\r\n    color: #6c757d;\r\n}\r\n.bootstrap-tagsinput input {\r\n    border: none;\r\n    box-shadow: none;\r\n    outline: none;\r\n    background-color: transparent;\r\n    padding: 0 6px;\r\n    margin: 0;\r\n    width: auto;\r\n    max-width: inherit;\r\n}\r\n\r\n.bootstrap-tagsinput .label-info {\r\n    background-color: #71b6f9;\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    margin: 3px 1px;\r\n    padding: 0 5px;\r\n    border-radius: 3px;\r\n    font-weight: 500;\r\n}\r\n\r\n.bootstrap-tagsinput .tag {\r\n    margin-right: 2px;\r\n    color: white;\r\n}","// \r\n// taskboard.scss\r\n//\r\n\r\n.taskList {\r\n  min-height: 40px;\r\n  margin-bottom: 0;\r\n  > li {\r\n    background-color: $card-bg;\r\n    border: 1px solid $gray-300;\r\n    padding: 20px;\r\n    margin-bottom: 15px;\r\n    border-radius: 3px;\r\n}\r\n.kanban-detail{\r\n  margin-left: 35px;\r\n  ul {\r\n    li {\r\n      a {\r\n        display: inline-block;\r\n        i {\r\n          font-size: 16px;\r\n          color: $gray-600;\r\n          padding: 0px 5px;\r\n          line-height: 32px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n}\r\n\r\n\r\n.task-placeholder {\r\nborder: 1px dashed $gray-300 !important;\r\nbackground-color: $gray-200 !important;\r\npadding: 20px;\r\n}\r\n\r\n.gu-mirror {\r\nlist-style: none;\r\n}\r\n","/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n.waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\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: 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    transition: all 0.5s ease-out;\r\n    transition-property: transform, opacity;\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n}\r\n\r\n.waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\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\r\n.waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n}\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\r\n.waves-notransition {\r\n    transition: none !important;\r\n}\r\n\r\n.waves-button,\r\n.waves-circle {\r\n    transform: translateZ(0);\r\n    mask-image: radial-gradient(circle, white 100%, black 100%);\r\n}\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\r\n.waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n}\r\n\r\n.waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n}\r\n\r\n.waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n}\r\n\r\n.waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n}\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\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\r\n.waves-float {\r\n    mask-image: none;\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    transition: all 300ms;\r\n}\r\n\r\n.waves-float:active {\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.waves-block {\r\n    display: block;\r\n}","//\r\n// ion-rangeslider.scss\r\n//\r\n\r\n.irs {\r\n    position: relative;\r\n    display: block;\r\n    -webkit-touch-callout: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    font-size: 12px;\r\n}\r\n\r\n.irs-line {\r\n    position: relative;\r\n    display: block;\r\n    overflow: hidden;\r\n    outline: none !important;\r\n}\r\n\r\n.irs-bar {\r\n    position: absolute;\r\n    display: block;\r\n    width: 0;\r\n}\r\n\r\n.irs-shadow {\r\n    position: absolute;\r\n    display: none;\r\n    width: 0;\r\n}\r\n\r\n.irs-handle {\r\n    position: absolute;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    cursor: default;\r\n    z-index: 1;\r\n\r\n    &.type_last {\r\n        z-index: 2;\r\n    }\r\n}\r\n\r\n.irs-min,\r\n.irs-max {\r\n    position: absolute;\r\n    display: block;\r\n    cursor: default;\r\n}\r\n\r\n.irs-min {\r\n    left: 0;\r\n}\r\n\r\n.irs-max {\r\n    right: 0;\r\n}\r\n\r\n.irs-from,\r\n.irs-to,\r\n.irs-single {\r\n    position: absolute;\r\n    display: block;\r\n    top: 0;\r\n    cursor: default;\r\n    white-space: nowrap;\r\n}\r\n\r\n.irs-grid {\r\n    position: absolute;\r\n    display: none;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 20px;\r\n}\r\n\r\n.irs-with-grid {\r\n    .irs-grid {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.irs-grid-pol {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 1px;\r\n    height: 8px;\r\n    background: $secondary;\r\n\r\n    &.small {\r\n        height: 4px;\r\n    }\r\n}\r\n\r\n.irs-grid-text {\r\n    position: absolute;\r\n    bottom: 0;\r\n    /*rtl:ignore*/\r\n    left: 0;\r\n    white-space: nowrap;\r\n    text-align: center;\r\n    font-size: 9px;\r\n    line-height: 9px;\r\n    padding: 0 3px;\r\n    color: $secondary;\r\n}\r\n\r\n.irs-disable-mask {\r\n    position: absolute;\r\n    display: block;\r\n    top: 0;\r\n    left: -1%;\r\n    width: 102%;\r\n    height: 100%;\r\n    cursor: default;\r\n    background: rgba(0, 0, 0, 0);\r\n    z-index: 2;\r\n}\r\n\r\n.lt-ie9 .irs-disable-mask {\r\n    background: $secondary;\r\n    filter: alpha(opacity=0);\r\n    cursor: not-allowed;\r\n}\r\n\r\n.irs-disabled {\r\n    opacity: 0.4;\r\n}\r\n\r\n.irs-hidden-input {\r\n    position: absolute !important;\r\n    display: block !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    font-size: 0 !important;\r\n    line-height: 0 !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    overflow: hidden;\r\n    outline: none !important;\r\n    z-index: -9999 !important;\r\n    background: none !important;\r\n    border-style: solid !important;\r\n    border-color: transparent !important;\r\n}\r\n\r\n.irs--flat {\r\n    height: 40px;\r\n\r\n    &.irs-with-grid {\r\n        height: 60px;\r\n    }\r\n\r\n    .irs-line {\r\n        top: 25px;\r\n        height: 12px;\r\n        background-color: $progress-bg;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .irs-bar {\r\n        top: 25px;\r\n        height: 12px;\r\n        background-color: $primary;\r\n    }\r\n\r\n    .irs-bar--single {\r\n        /*rtl:ignore*/\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    .irs-shadow {\r\n        height: 1px;\r\n        bottom: 16px;\r\n        background-color: $progress-bg;\r\n    }\r\n\r\n    .irs-handle {\r\n        top: 22px;\r\n        width: 16px;\r\n        height: 18px;\r\n        background-color: transparent;\r\n    }\r\n\r\n    .irs-handle>i:first-child {\r\n        position: absolute;\r\n        display: block;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 100%;\r\n        margin-left: -1px;\r\n        background-color: darken($primary, 7%) !important;\r\n    }\r\n\r\n    .irs-min,\r\n    .irs-max {\r\n        top: 0;\r\n        padding: 1px 3px;\r\n        color: $gray-700;\r\n        font-size: 10px;\r\n        line-height: 1.333;\r\n        text-shadow: none;\r\n        background-color: $progress-bg;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .irs-from,\r\n    .irs-to,\r\n    .irs-single {\r\n        color: $white;\r\n        font-size: 10px;\r\n        line-height: 1.333;\r\n        text-shadow: none;\r\n        padding: 1px 5px;\r\n        background-color: $primary;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .irs-from:before,\r\n    .irs-to:before,\r\n    .irs-single:before {\r\n        position: absolute;\r\n        display: block;\r\n        content: \"\";\r\n        bottom: -6px;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 0;\r\n        margin-left: -3px;\r\n        overflow: hidden;\r\n        border: 3px solid transparent;\r\n        border-top-color: $primary;\r\n    }\r\n\r\n    .irs-grid-pol {\r\n        background-color: $progress-bg;\r\n    }\r\n\r\n    .irs-grid-text {\r\n        color: $gray-700;\r\n    }\r\n}\r\n\r\n.irs--modern {\r\n    .irs-line {\r\n        border: none;\r\n        background: $progress-bg;\r\n    }\r\n\r\n    .irs-bar {\r\n        background: $primary;\r\n        background: linear-gradient(to bottom, $primary 0%, darken($primary, 10%) 100%);\r\n    }\r\n\r\n    .irs-min,\r\n    .irs-max {\r\n        top: 0;\r\n        padding: 1px 3px;\r\n        color: $gray-700;\r\n        font-size: 10px;\r\n        line-height: 1.333;\r\n        text-shadow: none;\r\n        background-color: $progress-bg;\r\n        border-radius: 4px;\r\n    }\r\n}\r\n\r\n.irs--sharp {\r\n\r\n    .irs-from,\r\n    .irs-to,\r\n    .irs-single,\r\n    .irs-min,\r\n    .irs-max,\r\n    .irs-handle,\r\n    .irs-bar {\r\n        background-color: $primary;\r\n    }\r\n\r\n    .irs-line {\r\n        background: $progress-bg;\r\n    }\r\n\r\n    .irs-from:before,\r\n    .irs-to:before,\r\n    .irs-single:before,\r\n    .irs-handle>i:first-child {\r\n        border-top-color: $primary;\r\n    }\r\n\r\n    .irs-handle.state_hover,\r\n    .irs-handle:hover {\r\n        background-color: darken($primary, 15%);\r\n    }\r\n\r\n    .irs-handle.state_hover>i:first-child,\r\n    .irs-handle:hover>i:first-child {\r\n        border-top-color: darken($primary, 15%);\r\n    }\r\n}\r\n\r\n.irs--round {\r\n\r\n    .irs-from,\r\n    .irs-to,\r\n    .irs-single,\r\n    .irs-bar {\r\n        background-color: $primary;\r\n\r\n        &:before {\r\n            border-top-color: $primary;\r\n        }\r\n    }\r\n\r\n    .irs-handle {\r\n        background-color: $progress-bg;\r\n        border: 4px solid $primary;\r\n        box-shadow: 0 1px 3px rgba($primary, 0.3);\r\n    }\r\n\r\n    .irs-min,\r\n    .irs-max {\r\n        color: $gray-700;\r\n        background-color: $gray-300;\r\n    }\r\n\r\n    .irs-line {\r\n        background: $progress-bg;\r\n    }\r\n}\r\n\r\n.irs--square {\r\n\r\n    .irs-from,\r\n    .irs-to,\r\n    .irs-single,\r\n    .irs-bar {\r\n        background-color: $progress-bg;\r\n    }\r\n\r\n    .irs-handle {\r\n        border: 3px solid $primary;\r\n        background-color: $progress-bg;\r\n    }\r\n\r\n    .irs-line {\r\n        background: $progress-bg;\r\n    }\r\n\r\n    .irs-min,\r\n    .irs-max {\r\n        top: 0;\r\n        padding: 1px 3px;\r\n        color: $gray-700;\r\n        font-size: 10px;\r\n        line-height: 1.333;\r\n        text-shadow: none;\r\n        background-color: $progress-bg;\r\n        border-radius: 4px;\r\n    }\r\n}","// \r\n// calendar.scss\r\n//\r\n\r\n.calendar {\r\n    float: left;\r\n    margin-bottom: 0;\r\n}\r\n\r\n#calendar {\r\n    .table-bordered {\r\n        td, th {\r\n            border: $table-border-width solid $table-border-color;\r\n        }\r\n    }\r\n}\r\n\r\n.none-border {\r\n    .modal-footer {\r\n        border-top: none;\r\n    }\r\n}\r\n\r\n.fc-toolbar {\r\n    margin: 10px 0 5px 0;\r\n\r\n    .fc-toolbar-title {\r\n        font-size: 1.25rem;\r\n        line-height: 1.875rem;\r\n        text-transform: uppercase;\r\n    }\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.fc-event-time,\r\n.fc-event-title {\r\n    color: $white;\r\n}\r\n\r\nth.fc-col-header-cell {\r\n    padding: 0.3rem 0;\r\n}\r\n\r\n.fc-day {\r\n    background: transparent;\r\n}\r\n\r\n.fc-toolbar {\r\n\r\n    .fc-state-active,\r\n    .ui-state-active,\r\n    button:focus,\r\n    button:hover,\r\n    .ui-state-hover {\r\n        z-index: 0;\r\n    }\r\n}\r\n\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        font-size: 13px;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n}\r\n\r\n\r\n\r\n.fc-unthemed {\r\n\r\n    th,\r\n    td,\r\n    thead,\r\n    tbody,\r\n    .fc-divider,\r\n    .fc-row,\r\n    .fc-popover {\r\n        border-color: $gray-300;\r\n    }\r\n\r\n    td.fc-today,\r\n    .fc-divider {\r\n        background: $gray-300;\r\n    }\r\n}\r\n\r\n\r\n.fc-button {\r\n    background: $gray-300;\r\n    border: none;\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    border-radius: 3px;\r\n    margin: 0 3px;\r\n    padding: 6px 12px;\r\n    height: auto;\r\n}\r\n\r\n.fc-text-arrow {\r\n    font-family: inherit;\r\n    font-size: 1rem;\r\n}\r\n\r\n.fc-state-hover,\r\n.fc-state-highlight,\r\n.fc-cell-overlay {\r\n    background: $gray-300;\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-unthemed {\r\n    .fc-today {\r\n        background: $white;\r\n    }\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.external-event {\r\n    cursor: move;\r\n    margin: 10px 0;\r\n    padding: 8px 10px;\r\n    color: $white;\r\n    border-radius: 4px;\r\n}\r\n\r\n.fc-basic-view {\r\n    td.fc-week-number {\r\n        span {\r\n            padding-right: 8px;\r\n        }\r\n    }\r\n\r\n    td.fc-day-number {\r\n        padding-right: 8px;\r\n    }\r\n\r\n    .fc-content {\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.fc-time-grid-event {\r\n    .fc-content {\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.fc-content-skeleton{\r\n    .fc-day-top {\r\n        .fc-day-number {\r\n            float: right;\r\n            height: 20px;\r\n            width: 20px;\r\n            text-align: center;\r\n            line-height: 20px;\r\n            background-color: $gray-100;\r\n            border-radius: 50%;\r\n            margin: 5px;\r\n            font-size: 11px;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .fc-toolbar {\r\n        display: block !important;\r\n        .fc-left,\r\n        .fc-right,\r\n        .fc-center {\r\n            float: none;\r\n            display: block;\r\n            clear: both;\r\n            margin: 10px 0;\r\n        }\r\n    }\r\n\r\n    .fc {\r\n        .fc-toolbar {\r\n            >* {\r\n                >* {\r\n                    float: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .fc-today-button {\r\n        display: none;\r\n    }\r\n}\r\n\r\n// overriding button sizes\r\n.fc-toolbar {\r\n    .btn {\r\n        @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);\r\n    }\r\n}\r\n\r\n.fc-list-item-title,\r\n.fc-list-item-time {\r\n    color: $white;\r\n}\r\n\r\n[dir=\"rtl\"] .fc-toolbar {\r\n    .btn-group {\r\n        .btn {\r\n            &:first-child {\r\n                border-top-left-radius: 0px !important;\r\n                border-bottom-left-radius: 0px !important;\r\n                border-radius: $btn-border-radius-sm;\r\n            }\r\n            &:last-child {\r\n                border-top-right-radius: 0px !important;\r\n                border-bottom-right-radius: 0px !important;\r\n                border-radius: $btn-border-radius-sm;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.fc .fc-daygrid-day-number {\r\n    position: relative;\r\n    z-index: 4;\r\n    margin: 5px;\r\n    font-size: 12px;\r\n}","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n  $background,\n  $border,\n  $color: color-contrast($background),\n  $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n  $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n  $hover-color: color-contrast($hover-background),\n  $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n  $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n  $active-color: color-contrast($active-background),\n  $disabled-background: $background,\n  $disabled-border: $border,\n  $disabled-color: color-contrast($disabled-background)\n) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  &:hover {\n    color: $hover-color;\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  .btn-check:focus + &,\n  &:focus {\n    color: $hover-color;\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n    }\n  }\n\n  .btn-check:checked + &,\n  .btn-check:active + &,\n  &:active,\n  &.active,\n  .show > &.dropdown-toggle {\n    color: $active-color;\n    background-color: $active-background;\n    // Remove CSS gradients if they're enabled\n    background-image: if($enable-gradients, none, null);\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n      }\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $disabled-color;\n    background-color: $disabled-background;\n    // Remove CSS gradients if they're enabled\n    background-image: if($enable-gradients, none, null);\n    border-color: $disabled-border;\n  }\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n  $color,\n  $color-hover: color-contrast($color),\n  $active-background: $color,\n  $active-border: $color,\n  $active-color: color-contrast($active-background)\n) {\n  color: $color;\n  border-color: $color;\n\n  &:hover {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  .btn-check:focus + &,\n  &:focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  .btn-check:checked + &,\n  .btn-check:active + &,\n  &:active,\n  &.active,\n  &.dropdown-toggle.show {\n    color: $active-color;\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $color;\n    background-color: transparent;\n  }\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n// scss-docs-end btn-size-mixin\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n  @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n  $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n  $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n  @if $rfs-two-dimensional {\n    @if $rfs-mode == max-media-query {\n      @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n        @content;\n      }\n    }\n    @else {\n      @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n        @content;\n      }\n    }\n  }\n  @else {\n    @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n  @if $rfs-class == disable and $rfs-mode == max-media-query {\n    // Adding an extra class increases specificity, which prevents the media query to override the property\n    &,\n    .disable-rfs &,\n    &.disable-rfs {\n      @content;\n    }\n  }\n  @else if $rfs-class == enable and $rfs-mode == min-media-query {\n    .enable-rfs &,\n    &.enable-rfs {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n  @if $rfs-class == enable {\n    @if $rfs-mode == min-media-query {\n      @content;\n    }\n\n    @include _rfs-media-query {\n      .enable-rfs &,\n      &.enable-rfs {\n        @content;\n      }\n    }\n  }\n  @else {\n    @if $rfs-class == disable and $rfs-mode == min-media-query {\n      .disable-rfs &,\n      &.disable-rfs {\n        @content;\n      }\n    }\n    @include _rfs-media-query {\n      @content;\n    }\n  }\n}\n\n// Helper function to get the formatted non-responsive value\n@function rfs-value($values) {\n  // Convert to list\n  $values: if(type-of($values) != list, ($values,), $values);\n\n  $val: '';\n\n  // Loop over each value and calculate value\n  @each $value in $values {\n    @if $value == 0 {\n      $val: $val + ' 0';\n    }\n    @else {\n      // Cache $value unit\n      $unit: if(type-of($value) == \"number\", unit($value), false);\n\n      @if $unit == px {\n        // Convert to rem if needed\n        $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);\n      }\n      @else if $unit == rem {\n        // Convert to px if needed\n        $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);\n      }\n      @else {\n        // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n        $val: $val + ' ' + $value;\n      }\n    }\n  }\n\n  // Remove first space\n  @return unquote(str-slice($val, 2));\n}\n\n// Helper function to get the responsive value calculated by RFS\n@function rfs-fluid-value($values) {\n  // Convert to list\n  $values: if(type-of($values) != list, ($values,), $values);\n\n  $val: '';\n\n  // Loop over each value and calculate value\n  @each $value in $values {\n    @if $value == 0 {\n      $val: $val + ' 0';\n    }\n\n    @else {\n      // Cache $value unit\n      $unit: if(type-of($value) == \"number\", unit($value), false);\n\n      // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n      @if not $unit or $unit != px and $unit != rem {\n        $val: $val + ' ' + $value;\n      }\n\n      @else {\n        // Remove unit from $value for calculations\n        $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));\n\n        // Only add the media query if the value is greater than the minimum value\n        @if abs($value) <= $rfs-base-value or not $enable-rfs {\n          $val: $val + ' ' +  if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);\n        }\n        @else {\n          // Calculate the minimum value\n          $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);\n\n          // Calculate difference between $value and the minimum value\n          $value-diff: abs($value) - $value-min;\n\n          // Base value formatting\n          $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);\n\n          // Use negative value if needed\n          $min-width: if($value < 0, -$min-width, $min-width);\n\n          // Use `vmin` if two-dimensional is enabled\n          $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n          // Calculate the variable width between 0 and $rfs-breakpoint\n          $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n          // Return the calculated value\n          $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';\n        }\n      }\n    }\n  }\n\n  // Remove first space\n  @return unquote(str-slice($val, 2));\n}\n\n// RFS mixin\n@mixin rfs($values, $property: font-size) {\n  @if $values != null {\n    $val: rfs-value($values);\n    $fluidVal: rfs-fluid-value($values);\n\n    // Do not print the media query if responsive & non-responsive values are the same\n    @if $val == $fluidVal {\n      #{$property}: $val;\n    }\n    @else {\n      @include _rfs-rule {\n        #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n\n      @include _rfs-media-query-rule {\n        #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);\n      }\n    }\n  }\n}\n\n// Shorthand helper mixins\n@mixin font-size($value) {\n  @include rfs($value);\n}\n\n@mixin padding($value) {\n  @include rfs($value, padding);\n}\n\n@mixin padding-top($value) {\n  @include rfs($value, padding-top);\n}\n\n@mixin padding-right($value) {\n  @include rfs($value, padding-right);\n}\n\n@mixin padding-bottom($value) {\n  @include rfs($value, padding-bottom);\n}\n\n@mixin padding-left($value) {\n  @include rfs($value, padding-left);\n}\n\n@mixin margin($value) {\n  @include rfs($value, margin);\n}\n\n@mixin margin-top($value) {\n  @include rfs($value, margin-top);\n}\n\n@mixin margin-right($value) {\n  @include rfs($value, margin-right);\n}\n\n@mixin margin-bottom($value) {\n  @include rfs($value, margin-bottom);\n}\n\n@mixin margin-left($value) {\n  @include rfs($value, margin-left);\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n","//\r\n// colorpicker.scss\r\n//\r\n\r\n.colorpicker {\r\n    background: $dropdown-bg;\r\n    box-shadow: $box-shadow;\r\n    border: 1px solid $dropdown-border-color;\r\n}\r\n\r\n.sp-picker-container {\r\n    .sp-alpha-handle {\r\n        right: 0;\r\n        left: auto;\r\n    }\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: $white !important;\r\n    box-shadow: $box-shadow-lg;\r\n    padding: 5px 10px !important;\r\n    border-radius: 3px;\r\n    border-color: $white !important;\r\n}\r\n\r\n.jqsfield {\r\n    color: $black !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: $label-font-weight !important;\r\n}","//\r\n// datatable.scss\r\n//\r\n\r\n.dataTables_wrapper.container-fluid {\r\n    padding: 0;\r\n}\r\n\r\n.dataTables_wrapper {\r\n    .dataTables_filter {\r\n        text-align: right !important;\r\n        input {\r\n            margin-left: .5em !important;\r\n            margin-right: 0 !important;\r\n        }\r\n    }\r\n}\r\n\r\ntable.dataTable {\r\n    border-collapse: collapse !important;\r\n    margin-bottom: 15px !important;\r\n    padding-right: 5px !important;\r\n    \r\n    tbody {\r\n        // Multi select table\r\n\r\n        > tr.selected, >tr>.selected {\r\n            background-color: $primary;\r\n            \r\n            td {\r\n                border-color: $primary;\r\n            }\r\n        }\r\n        td {\r\n            &:focus {\r\n                outline: none !important;\r\n            }\r\n        }\r\n        // Key Tables\r\n        th.focus,td.focus{\r\n            outline: 2px solid $primary !important;\r\n            outline-offset: -1px;\r\n            color: $primary;\r\n            background-color: rgba($primary, 0.15);\r\n        }\r\n    }\r\n}\r\n\r\n.dataTables_info {\r\n    font-weight: $font-weight-semibold;\r\n}\r\n\r\n\r\n// Responsive data table\r\ntable.dataTable.dtr-inline.collapsed {\r\n    > tbody {\r\n        >tr[role=row] {\r\n            > td, > th {\r\n                &:first-child{\r\n                    &:before{\r\n                        box-shadow: $box-shadow-lg;\r\n                        background-color: $success !important;\r\n                       // top: $table-cell-padding-y;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        >tr.parent {\r\n            > td, > th {\r\n                &:first-child{\r\n                    &:before{\r\n                        background-color: $danger;\r\n                        top: $table-cell-padding-y;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Data Table copy button\r\ndiv.dt-button-info {\r\n    background-color: $primary;\r\n    border: none;\r\n    color: $white;\r\n    box-shadow: none;\r\n    border-radius: 3px;\r\n    text-align: center;\r\n    z-index: 21;\r\n\r\n    h2 {\r\n        border-bottom: none;\r\n        background-color: rgba($white, 0.2);\r\n        color: $white;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    li.paginate_button.previous,li.paginate_button.next {\r\n        display: inline-block;\r\n        font-size: 1.5rem;\r\n    }\r\n \r\n    li.paginate_button {\r\n        display: none;\r\n    }\r\n    .dataTables_paginate {\r\n        ul {\r\n            text-align: center;\r\n            display: block;\r\n            margin: $spacer 0 0 !important;\r\n        }\r\n    }\r\n    div.dt-buttons {\r\n        display: inline-table;\r\n        margin-bottom: $spacer;\r\n    }\r\n}\r\n\r\ntable {\r\n    &.dataTable {\r\n        &>thead {\r\n            .sorting:before,\r\n            .sorting:after,\r\n            .sorting_asc:before,\r\n            .sorting_asc:after,\r\n            .sorting_desc:before,\r\n            .sorting_desc:after,\r\n            .sorting_asc_disabled:before,\r\n            .sorting_asc_disabled:after,\r\n            .sorting_desc_disabled:before,\r\n            .sorting_desc_disabled:after {\r\n                bottom: 1em;\r\n            }\r\n        }\r\n    }\r\n}\r\n","//\r\n// Daterange.scss\r\n//\r\n\r\n.daterangepicker {\r\n    font-family: $font-family-base;\r\n\r\n    td.active,\r\n    td.active:hover,\r\n    .ranges li.active {\r\n        background-color: $primary;\r\n    }\r\n}","//\r\n// formm-wizard.scss\r\n//\r\n\r\n.form-wizard-header {\r\n    margin-left: -1.5rem;\r\n    margin-right: -1.5rem;\r\n}","//\r\n// Select 2\r\n//\r\n\r\n\r\n.select2-container {    \r\n    .select2-selection--single {\r\n        border: $input-border-width solid $input-border-color;\r\n        height: $input-height;\r\n        background-color: $input-bg;\r\n        box-shadow: $components-shadow-sm;\r\n        outline: none;\r\n        .select2-selection__rendered {\r\n            line-height: 36px;\r\n            padding-left: 12px;\r\n            color: $input-color;\r\n            text-align: left;\r\n        }\r\n        .select2-selection__arrow {\r\n            height: 34px;\r\n            width: 34px;\r\n            right: 3px;\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    input::placeholder {\r\n        color: $input-placeholder-color;\r\n    }\r\n}\r\n\r\n.select2-container--open {\r\n    .select2-selection--single {\r\n        .select2-selection__arrow {\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-results__option {\r\n    padding: 6px 12px;\r\n    text-align: left;\r\n}\r\n\r\n.select2-dropdown {\r\n    border: $dropdown-border-width solid $dropdown-border-color;\r\n    box-shadow: $box-shadow;\r\n    background-color: $dropdown-bg;\r\n}\r\n\r\n.select2-container--default {\r\n    .select2-search--dropdown {\r\n        padding: 10px;\r\n        background-color: lighten($dropdown-bg,2.5%);\r\n        .select2-search__field {\r\n            outline: none;\r\n            border: 1px solid $input-border-color;\r\n            background-color: $input-bg;\r\n            color: $input-color;\r\n            text-align: left;\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: lighten($dropdown-bg,2.5%);\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-container {\r\n    .select2-selection--multiple {\r\n        min-height: $input-height;\r\n        border: $input-border-width solid $input-border-color !important;\r\n        background-color: $input-bg;\r\n        box-shadow: $components-shadow-sm;\r\n\r\n        .select2-selection__rendered {\r\n            padding: 1px 10px;\r\n        }\r\n        .select2-search__field {\r\n            border: 0;\r\n            color: $input-color;\r\n        }\r\n        .select2-selection__choice {\r\n            background-color: $primary;\r\n            border: none;\r\n            color: $white;\r\n            border-radius: 3px;\r\n            padding: 0 7px;\r\n            margin-top: 6px;\r\n        }\r\n        .select2-selection__choice__remove {\r\n            color: $white;\r\n            margin-right: 5px;\r\n            &:hover {\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n    .select2-search--inline {\r\n        .select2-search__field {\r\n            margin-top: 7px;\r\n        }\r\n    }\r\n}\r\n\r\n.select2-selection { overflow: hidden; }\r\n.select2-selection__rendered { white-space: normal; word-break: break-all; }","// 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// Colors\n@function to-rgb($value) {\n  @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n  @if $identifier == \"body\" and $target == \"bg\" {\n    @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n  } @if $identifier == \"body\" and $target == \"text\" {\n    @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n  } @else {\n    @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n  }\n}\n\n@function map-loop($map, $func, $args...) {\n  $_map: ();\n\n  @each $key, $value in $map {\n    // allow to pass the $key and $value of the map as an function argument\n    $_args: ();\n    @each $arg in $args {\n      $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n    }\n\n    $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n  }\n\n  @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n  $result: null;\n  @each $entry in $list {\n    $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n  }\n  @return $result;\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// Merge multiple maps\n@function map-merge-multiple($maps...) {\n  $merged-maps: ();\n\n  @each $map in $maps {\n    $merged-maps: map-merge($merged-maps, $map);\n  }\n  @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n  $index: str-index($string, $search);\n\n  @if $index {\n    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n  }\n\n  @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n  @if str-index($string, \"data:image/svg+xml\") {\n    @each $char, $encoded in $escaped-characters {\n      // Do not escape the url brackets\n      @if str-index($string, \"url(\") == 1 {\n        $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n      } @else {\n        $string: str-replace($string, $char, $encoded);\n      }\n    }\n  }\n\n  @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n  $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n  $max-ratio: 0;\n  $max-ratio-color: null;\n\n  @each $color in $foregrounds {\n    $contrast-ratio: contrast-ratio($background, $color);\n    @if $contrast-ratio > $min-contrast-ratio {\n      @return $color;\n    } @else if $contrast-ratio > $max-ratio {\n      $max-ratio: $contrast-ratio;\n      $max-ratio-color: $color;\n    }\n  }\n\n  @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n  @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n  $l1: luminance($background);\n  $l2: luminance(opaque($background, $foreground));\n\n  @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n  $rgb: (\n    \"r\": red($color),\n    \"g\": green($color),\n    \"b\": blue($color)\n  );\n\n  @each $name, $value in $rgb {\n    $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n    $rgb: map-merge($rgb, ($name: $value));\n  }\n\n  @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n  @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n  @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n  @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n  @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n  @if $value1 == null {\n    @return $value2;\n  }\n\n  @if $value2 == null {\n    @return $value1;\n  }\n\n  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n    @return $value1 + $value2;\n  }\n\n  @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n  @if $value1 == null and $value2 == null {\n    @return null;\n  }\n\n  @if $value1 == null {\n    @return -$value2;\n  }\n\n  @if $value2 == null {\n    @return $value1;\n  }\n\n  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n    @return $value1 - $value2;\n  }\n\n  @if type-of($value2) != number {\n    $value2: unquote(\"(\") + $value2 + unquote(\")\");\n  }\n\n  @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n","[data-simplebar] {\r\n    position: relative;\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-start;\r\n    align-content: flex-start;\r\n    align-items: flex-start;\r\n}\r\n\r\n.simplebar-wrapper {\r\n    overflow: hidden;\r\n    width: inherit;\r\n    height: inherit;\r\n    max-width: inherit;\r\n    max-height: inherit;\r\n}\r\n\r\n.simplebar-mask {\r\n    direction: inherit;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    margin: 0;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    z-index: 0;\r\n}\r\n\r\n.simplebar-offset {\r\n    direction: inherit !important;\r\n    box-sizing: inherit !important;\r\n    resize: none !important;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    padding: 0;\r\n    margin: 0;\r\n    -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.simplebar-content-wrapper {\r\n    direction: inherit;\r\n    box-sizing: border-box !important;\r\n    position: relative;\r\n    display: block;\r\n    height: 100%;\r\n    /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\r\n    width: auto;\r\n    visibility: visible;\r\n    overflow: auto;\r\n    /* Scroll on this element otherwise element can't have a padding applied properly */\r\n    max-width: 100%;\r\n    /* Not required for horizontal scroll to trigger */\r\n    max-height: 100%;\r\n    /* Needed for vertical scroll to trigger */\r\n    scrollbar-width: none;\r\n}\r\n\r\n.simplebar-content-wrapper::-webkit-scrollbar,\r\n.simplebar-hide-scrollbar::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.simplebar-content:before,\r\n.simplebar-content:after {\r\n    content: ' ';\r\n    display: table;\r\n}\r\n\r\n.simplebar-placeholder {\r\n    max-height: 100%;\r\n    max-width: 100%;\r\n    width: 100%;\r\n    pointer-events: none;\r\n}\r\n\r\n.simplebar-height-auto-observer-wrapper {\r\n    box-sizing: inherit !important;\r\n    height: 100%;\r\n    width: 100%;\r\n    max-width: 1px;\r\n    position: relative;\r\n    float: left;\r\n    max-height: 1px;\r\n    overflow: hidden;\r\n    z-index: -1;\r\n    padding: 0;\r\n    margin: 0;\r\n    pointer-events: none;\r\n    flex-grow: inherit;\r\n    flex-shrink: 0;\r\n    flex-basis: 0;\r\n}\r\n\r\n.simplebar-height-auto-observer {\r\n    box-sizing: inherit;\r\n    display: block;\r\n    opacity: 0;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 1000%;\r\n    width: 1000%;\r\n    min-height: 1px;\r\n    min-width: 1px;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n.simplebar-track {\r\n    z-index: 1;\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n}\r\n\r\n[data-simplebar].simplebar-dragging .simplebar-content {\r\n    pointer-events: none;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n}\r\n\r\n[data-simplebar].simplebar-dragging .simplebar-track {\r\n    pointer-events: all;\r\n}\r\n\r\n.simplebar-scrollbar {\r\n    position: absolute;\r\n    right: 2px;\r\n    width: 5px;\r\n    min-height: 10px;\r\n}\r\n\r\n.simplebar-scrollbar:before {\r\n    position: absolute;\r\n    content: '';\r\n    background: $menu-item-color-dark;\r\n    border-radius: 7px;\r\n    left: 0;\r\n    right: 0;\r\n    opacity: 0;\r\n    transition: opacity 0.2s linear;\r\n}\r\n\r\n.simplebar-scrollbar.simplebar-visible:before {\r\n    /* When hovered, remove all transitions from drag handle */\r\n    opacity: 0.5;\r\n    transition: opacity 0s linear;\r\n}\r\n\r\n.simplebar-track.simplebar-vertical {\r\n    top: 0;\r\n    width: 11px;\r\n}\r\n\r\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\r\n    top: 2px;\r\n    bottom: 2px;\r\n}\r\n\r\n.simplebar-track.simplebar-horizontal {\r\n    left: 0;\r\n    height: 11px;\r\n}\r\n\r\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\r\n    height: 100%;\r\n    left: 2px;\r\n    right: 2px;\r\n}\r\n\r\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\r\n    right: auto;\r\n    left: 0;\r\n    top: 2px;\r\n    height: 7px;\r\n    min-height: 0;\r\n    min-width: 10px;\r\n    width: auto;\r\n}\r\n\r\n/* Rtl support */\r\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\r\n    right: auto;\r\n    left: 0;\r\n}\r\n\r\n.hs-dummy-scrollbar-size {\r\n    direction: rtl;\r\n    position: fixed;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    height: 500px;\r\n    width: 500px;\r\n    overflow-y: hidden;\r\n    overflow-x: scroll;\r\n}\r\n\r\n.simplebar-hide-scrollbar {\r\n    position: fixed;\r\n    left: 0;\r\n    visibility: hidden;\r\n    overflow-y: scroll;\r\n    scrollbar-width: none;\r\n}\r\n\r\n.custom-scroll {\r\n    height: 100%;\r\n}","//\r\n// toastr.scss\r\n//\r\n\r\n\r\n/* =============\r\n   Notification\r\n============= */\r\n#toast-container {\r\n    > div {\r\n        box-shadow: $box-shadow;\r\n        opacity: 1;\r\n    }\r\n    >:hover {\r\n        box-shadow: $box-shadow;\r\n        opacity: 0.9;\r\n    }\r\n    \r\n}\r\n\r\n@mixin toast-variant($bg) {\r\n    border: 2px solid $bg !important;\r\n    background-color: rgba($bg, 0.8) !important;\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n    .toast-#{$color} {\r\n      @include toast-variant($value);\r\n    }\r\n}\r\n\r\n\r\n// for error\r\n\r\n.toast-error {\r\n    background-color: rgba($danger,0.8);\r\n    border: 2px solid $danger;\r\n}","// \r\n// sweetalert.scss\r\n//\r\n\r\n.swal2-modal {\r\n    font-family: $font-family-base;\r\n    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);\r\n\r\n    .swal2-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .swal2-content {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .swal2-spacer {\r\n        margin: 10px 0;\r\n    }\r\n\r\n    .swal2-file,\r\n    .swal2-input,\r\n    .swal2-textarea {\r\n        border: 2px solid $gray-300;\r\n        font-size: 16px;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .swal2-confirm {\r\n        background-color: $primary !important;\r\n        font-size: $font-size-base !important;\r\n    }\r\n\r\n    .swal2-cancel.btn-cancel {\r\n        background-color: $danger !important;\r\n        font-size: $font-size-base;\r\n    }\r\n\r\n    .swal2-confirm, .swal2-cancel {\r\n        margin: .3125em;\r\n        padding: .625em 2em;\r\n        font-weight: 500;\r\n        box-shadow: none;\r\n        font-size: $btn-font-size !important;\r\n        &:focus {\r\n            box-shadow: none !important;\r\n        }\r\n    }\r\n\r\n    .swal2-file:focus,\r\n    .swal2-input:focus,\r\n    .swal2-textarea:focus {\r\n        outline: 0;\r\n        border: 2px solid $primary;\r\n    }\r\n}\r\n\r\n.swal2-icon {\r\n    &.swal2-question {\r\n        color: $primary !important;\r\n        border-color: $primary !important;\r\n    }\r\n\r\n    &.swal2-success {\r\n        border-color: $success;\r\n    \r\n        .line,\r\n        [class^=swal2-success-line][class$=long],\r\n        [class^=swal2-success-line] {\r\n            background-color: $success !important;\r\n        }\r\n    \r\n        .placeholder,\r\n        .swal2-success-ring {\r\n            border-color: $success !important;\r\n        }\r\n    }\r\n\r\n    &.swal2-warning {\r\n        color: $warning !important;\r\n        border-color: $warning !important;\r\n    }\r\n    \r\n    &.swal2-error {\r\n        border-color: $danger !important;\r\n    \r\n        .line {\r\n            background-color: $danger !important;\r\n        }\r\n    }\r\n\r\n    &.swal2-info {\r\n        border-color: $info;\r\n        color:  $info;\r\n    }\r\n}\r\n\r\n.swal2-actions {\r\n    margin: 1.6em auto 0 !important;\r\n}\r\n\r\n.swal2-container {\r\n    &.swal2-backdrop-show, &.swal2-noanimation {\r\n        background-color: rgba($modal-backdrop-bg, $modal-backdrop-opacity) !important;\r\n    }\r\n}\r\n\r\nbody {\r\n    &.swal2-shown {\r\n        padding-right: 0px !important;\r\n        padding-left: 0px !important;\r\n    }\r\n}","//\r\n// Selectize.scss\r\n//\r\n\r\n.selectize-input {\r\n    // width: auto !important;\r\n    min-height: $input-height;\r\n    padding: $input-padding-y $input-padding-x;\r\n    @include font-size($input-font-size);\r\n    font-weight: $input-font-weight;\r\n    line-height: $input-line-height;\r\n    color: $input-color;\r\n    background-color: $input-bg !important;\r\n    border: $input-border-width solid $input-border-color;\r\n    box-shadow: $components-shadow-sm;\r\n\r\n    > input {\r\n        color: $input-color;\r\n\r\n        &::placeholder {\r\n            color: $input-placeholder-color;\r\n        }\r\n    }\r\n\r\n    &.focus {\r\n        color: $input-focus-color;\r\n        background-color: $input-focus-bg;\r\n        border-color: $input-focus-border-color;\r\n        outline: 0;\r\n        box-shadow: none !important;\r\n    }\r\n}\r\n\r\n.selectize-control {\r\n    &.multi {\r\n        .selectize-input > div {\r\n            padding: 1px 8px;\r\n           background: lighten($primary,3%);\r\n            //background-color: #71b6f9;\r\n            color:$white;\r\n            \r\n            > a {\r\n                color: $white;\r\n            }\r\n        \r\n            &.active {\r\n                background: $primary;\r\n                > a {\r\n                    color: color-yiq($primary);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &.single {\r\n        .selectize-input {\r\n            &:after {\r\n                border-style: solid;\r\n                border-width: 0 2px 2px 0;\r\n                border-color: transparent $gray-500 $gray-500 transparent;\r\n                content: '';\r\n                display: block;\r\n                height: 7px;\r\n                margin-top: -5px;\r\n                pointer-events: none;\r\n                position: absolute;\r\n                right: 15px;\r\n                left: auto;\r\n                top: 50%;\r\n                transform-origin: 66% 66%;\r\n                transform: rotate(45deg);\r\n                transition: all .15s ease-in-out;\r\n                width: 7px;\r\n            }\r\n\r\n            &.dropdown-active:after {\r\n                border-width: 0 2px 2px 0;\r\n                margin-top: -5px;\r\n                border-color: transparent $gray-500 $gray-500 transparent;\r\n                transform: rotate(-135deg);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.selectize-dropdown {\r\n    padding: .3rem;\r\n    color: $dropdown-color;\r\n    box-shadow: $box-shadow;\r\n    background-color: $dropdown-bg;\r\n    background-clip: padding-box;\r\n    border: $dropdown-border-width solid $dropdown-border-color;\r\n    @include border-radius($dropdown-border-radius);\r\n    animation-name: DropDownSlide;\r\n    animation-duration: .3s;\r\n    animation-fill-mode: both;\r\n    margin: 0;\r\n    font-size: .875rem;\r\n    position: absolute;\r\n    z-index: 1000;\r\n    \r\n    &.show {\r\n        top: 100%!important;\r\n    }\r\n\r\n    &.active {\r\n        color: $dropdown-link-hover-color;\r\n        @include gradient-bg($dropdown-link-hover-bg);\r\n    }\r\n\r\n    .scientific {\r\n        color: $gray-600;\r\n    }\r\n\r\n    .option, \r\n    .optgroup-header {\r\n        display: block;\r\n        width: 100%;\r\n        padding: $dropdown-item-padding-y $dropdown-item-padding-x;\r\n        clear: both;\r\n        cursor: pointer;\r\n        font-weight: $font-weight-normal;\r\n        color: $dropdown-link-color;\r\n        text-align: inherit;\r\n        white-space: nowrap;\r\n        background-color: transparent;\r\n    \r\n        &:hover, &:focus {\r\n            color: $dropdown-link-hover-color;\r\n            text-decoration: none;\r\n            background-color: $dropdown-link-hover-bg !important;\r\n        }\r\n    }\r\n\r\n    &.plugin-optgroup_columns {\r\n        .optgroup {\r\n            border-right-color: $border-color;\r\n        }\r\n    }\r\n    \r\n    .optgroup:before {\r\n        background-color: $border-color;\r\n    }\r\n}\r\n\r\n.selectize-dropdown-header {\r\n    border-bottom: 1px solid transparent;\r\n    color: $dropdown-link-active-color;\r\n    background-color: $dropdown-link-active-bg;\r\n    text-decoration: none;\r\n    .selectize-dropdown-header-close {\r\n        right: 12px;\r\n        left: auto;\r\n    }\r\n}\r\n\r\n.selectize-dropdown-content {\r\n    > div {\r\n        background-color: transparent !important;\r\n        color: $input-color !important;\r\n    }\r\n}","// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n  background-color: $color;\n\n  @if $enable-gradients {\n    background-image: var(--#{$variable-prefix}gradient);\n  }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n","//\r\n// tippy.scss\r\n//\r\n\r\n.tippy-tooltip {\r\n    .light-theme[data-animatefill] {\r\n        background-color: transparent;\r\n    }\r\n}\r\n\r\n.light-theme {\r\n    color: color-yiq($white);\r\n    box-shadow: $box-shadow-lg;\r\n    background-color: $white;\r\n\r\n    .tippy-backdrop {\r\n        background-color: $white;\r\n    }\r\n    \r\n    .tippy-roundarrow {\r\n        fill: $white;\r\n    }\r\n}\r\n\r\n.gradient-theme {\r\n    .tippy-backdrop {\r\n        background: $primary;\r\n        background: linear-gradient(to left, $danger, $primary); \r\n    }\r\n}\r\n\r\n.tippy-popper{\r\n    &[x-placement^=top] {\r\n        .tippy-tooltip{\r\n            &.light-theme {\r\n                .tippy-arrow {\r\n                    border-top: 7px solid $white;\r\n                    border-right: 7px solid transparent;\r\n                    border-left: 7px solid transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[x-placement^=bottom] {\r\n        .tippy-tooltip {\r\n            &.light-theme {\r\n                .tippy-arrow {\r\n                    border-bottom: 7px solid $white;\r\n                    border-right: 7px solid transparent;\r\n                    border-left: 7px solid transparent;\r\n                }\r\n            }\r\n        }    \r\n    }\r\n    &[x-placement^=left] {\r\n        .tippy-tooltip{\r\n            &.light-theme {\r\n                .tippy-arrow {\r\n                    border-left: 7px solid $white;\r\n                    border-top: 7px solid transparent;\r\n                    border-bottom: 7px solid transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &[x-placement^=right] {\r\n        .tippy-tooltip {\r\n            &.light-theme {\r\n                .tippy-arrow {\r\n                    border-right: 7px solid $white;\r\n                    border-top: 7px solid transparent;\r\n                    border-bottom: 7px solid transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// nestable-list.scss\r\n//\r\n\r\n.dd-list {\r\n    .dd-item {\r\n        .dd-handle {\r\n            border: none;\r\n            padding: 8px 16px;\r\n            height: auto;\r\n            font-weight: 600;\r\n            border-radius: 3px;\r\n            background: $dropdown-link-hover-bg;\r\n            color: $dropdown-link-color;\r\n\r\n            &:hover {\r\n                color: $primary;\r\n            }\r\n        }\r\n        button {\r\n            height: 36px;\r\n            font-size: 17px;\r\n            margin: 0;\r\n            color: $gray-600;\r\n            width: 36px;\r\n        }\r\n    }\r\n    .dd3-item {\r\n        margin: 5px 0;\r\n\r\n        .dd-item button {\r\n            width: 36px;\r\n            height: 36px;\r\n        }\r\n    }\r\n    .dd3-handle {\r\n        margin: 0;\r\n        height: 36px !important;\r\n        float: left;\r\n    }\r\n    .dd3-content {\r\n        height: auto;\r\n        border: none;\r\n        padding: 8px 16px 8px 46px;\r\n        background: $dropdown-link-hover-bg;\r\n        color: $dropdown-link-color;\r\n        font-weight: 600;\r\n        &:hover {\r\n            color: $primary;\r\n        }\r\n    }\r\n    .dd3-handle:before {\r\n        content: \"\\F035C\";\r\n        font-family: \"Material Design Icons\";\r\n        color: $gray-500;\r\n    }\r\n}\r\n\r\n.dd-empty,\r\n.dd-placeholder {\r\n    background: rgba($gray-400,0.2);\r\n}\r\n\r\n.dd-dragel {\r\n    .dd-handle {\r\n        box-shadow: $box-shadow;\r\n    }\r\n}","//\r\n// hopscotch.scss\r\n//\r\n\r\ndiv.hopscotch-bubble {\r\n    background-color: lighten($card-bg, 2%);\r\n    border: 3px solid $primary;\r\n    border-radius: 5px;\r\n    color: $body-color;\r\n    z-index: 9;\r\n\r\n    .hopscotch-title{\r\n        color: $gray-800;\r\n    }\r\n\r\n    .hopscotch-next,\r\n    .hopscotch-prev {\r\n        background-color: $primary !important;\r\n        background-image: none !important;\r\n        border-color: $primary !important;\r\n        text-shadow: none !important;\r\n        margin: 0 0 0 5px !important;\r\n        font-family: $font-family-base;\r\n        color: $white !important;\r\n    }\r\n\r\n    .hopscotch-bubble-number {\r\n        background: $danger;\r\n        padding: 0;\r\n        border-radius: 50%;\r\n    }\r\n    \r\n    .hopscotch-bubble-arrow-container {\r\n        &.left {\r\n            .hopscotch-bubble-arrow-border {\r\n                border-right: 19px solid $primary;\r\n            }\r\n\r\n            .hopscotch-bubble-arrow {\r\n                border: none;\r\n            }\r\n        }\r\n\r\n        &.right {\r\n            .hopscotch-bubble-arrow {\r\n                border-left: 19px solid $primary;\r\n                left: -2px;\r\n            }\r\n\r\n            .hopscotch-bubble-arrow-border {\r\n                border-left: 0 solid $primary;\r\n            }\r\n        }\r\n        &.up {\r\n            .hopscotch-bubble-arrow {\r\n                border-bottom: 19px solid $primary;\r\n                top: 0;\r\n            }\r\n\r\n            .hopscotch-bubble-arrow-border {\r\n                border-bottom: 0 solid rgba(0, 0, 0, .5);\r\n            }\r\n        }\r\n        &.down {\r\n            .hopscotch-bubble-arrow {\r\n                border-top: 19px solid $primary;\r\n                top: -2px;\r\n            }\r\n            .hopscotch-bubble-arrow-border {\r\n                border-top: 0 solid rgba(0, 0, 0, .5);\r\n            }\r\n        }\r\n    }\r\n    \r\n    h3 {\r\n        font-family: $font-family-secondary;\r\n        margin-bottom: 10px;\r\n    }\r\n    .hopscotch-content {\r\n        font-family: $font-family-base;\r\n    }\r\n}","//\r\n// flot.scss\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: $light;\r\n    opacity: 1;\r\n    border-radius: 3px;\r\n}\r\n\r\n.legend {\r\n    tr {\r\n        height: 30px;\r\n        font-family: $font-family-secondary;\r\n    }\r\n}\r\n\r\n.legendLabel {\r\n    padding-left: 5px !important;\r\n    line-height: 10px;\r\n    padding-right: 20px;\r\n    font-size: 13px;\r\n    font-weight: $font-weight-medium;\r\n    color: $gray-600;\r\n}\r\n\r\n.legendColorBox {\r\n   > div {\r\n        border:none !important;\r\n        div {\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n.legend{\r\n     >div{\r\n        background-color: $card-bg !important;\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(sm) {\r\n    .legendLabel {\r\n        display: none;\r\n    }\r\n}\r\n\r\n","//\r\n// morris.scss\r\n//\r\n\r\n.morris-chart {\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: 5px;\r\n        padding: 10px 12px;\r\n        background: $dark;\r\n        color: $light;\r\n        font-family: $font-family-base;\r\n        border: none;\r\n\r\n        .morris-hover-row-label {\r\n            font-weight: bold;\r\n            margin: 0.25em 0;\r\n            font-family: $font-family-secondary;\r\n        }\r\n\r\n        .morris-hover-point {\r\n            white-space: nowrap;\r\n            margin: 0.1em 0;\r\n            color: $gray-400 !important;\r\n        }\r\n    }\r\n}","//\r\n// chartjs.scss\r\n//\r\n\r\n.chartjs-chart {\r\n    margin: auto; \r\n    position: relative; \r\n    width: 100%;\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.15);\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: $purple;\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: $pink;\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: $info;\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: $dark;\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: $primary;\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: $success;\r\n            }\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: $pink;\r\n    }\r\n}\r\n\r\n.ct-series-c {\r\n    .ct-area,\r\n    .ct-slice-pie {\r\n        fill: $info;\r\n    }\r\n}\r\n\r\n.ct-series-d {\r\n    .ct-area,\r\n    .ct-slice-pie {\r\n        fill: $purple;\r\n    }\r\n}\r\n\r\n.ct-area {\r\n    fill-opacity: .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: $light;\r\n    text-align: center;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    transition: opacity .2s linear;\r\n    &.tooltip-show {\r\n        opacity: 1;\r\n    }\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\r\n    td {\r\n        border-left: none;\r\n        font-family: $font-family-secondary;\r\n\r\n        >span {\r\n            background: $dark;\r\n        }\r\n    }\r\n\r\n    tr {\r\n        border: none !important;\r\n    }\r\n\r\n    th {\r\n        background-color: $dark;\r\n        color: color-yiq($dark);\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        font-family: $font-family-base;\r\n        fill: $dropdown-link-color;\r\n    }\r\n}\r\n\r\n.c3-legend-item {\r\n    font-family: $font-family-secondary;\r\n    font-size: 14px;\r\n}\r\n\r\n.c3 line,\r\n.c3 path {\r\n    stroke: $gray-400;\r\n}\r\n\r\n.c3-chart-arc.c3-target g path {\r\n    stroke: $white;\r\n}","//\r\n// ricksaw.scss\r\n//\r\n \r\n#legend {\r\n    background: white;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 15px;\r\n\r\n    .line {\r\n        color: $dark;\r\n    }\r\n}\r\n\r\n.rickshaw_graph {\r\n    svg {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n.rickshaw_legend {\r\n    .label {\r\n        font-family: inherit;\r\n        letter-spacing: 0.01em;\r\n        font-weight: 600;\r\n    }\r\n}\r\n\r\n.rickshaw_graph {\r\n    .detail .item, \r\n    .detail .x_label, \r\n    .x_tick .title {\r\n        font-family: $font-family-base;\r\n    }\r\n}\r\n\r\n.gauge-chart {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n    }\r\n}","// \r\n// responsive-table.scss\r\n//\r\n\r\n.responsive-table-plugin {\r\n    .dropdown-menu {\r\n        li.checkbox-row {\r\n            padding: 7px 15px;\r\n            color: $dropdown-link-color;\r\n        }\r\n    }\r\n\r\n    .table-responsive {\r\n        border: none;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .btn-toolbar {\r\n        display: block;\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\r\n        label {\r\n            display: inline-block;\r\n            padding-left: 5px;\r\n            position: relative;\r\n            margin-bottom: 0;\r\n\r\n            &::before {\r\n                background-color: transparent;\r\n                border-radius: 3px;\r\n                border: 1px solid $gray-400;\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;\r\n            }\r\n\r\n            &::after {\r\n                color: $gray-400;\r\n                display: inline-block;\r\n                font-size: 9px;\r\n                height: 16px;\r\n                left: 0;\r\n                margin-left: -19px;\r\n                padding-left: 3px;\r\n                padding-top: 1px;\r\n                position: absolute;\r\n                top: -2px;\r\n                width: 16px;\r\n            }\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;\r\n\r\n            &:disabled+label {\r\n                opacity: 0.65;\r\n            }\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\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\r\n        input[type=\"checkbox\"]:disabled+label {\r\n            &::before {\r\n                background-color: $gray-300;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        input[type=\"checkbox\"]:checked+label {\r\n            &::before {\r\n                background-color: transparent;\r\n                border-color: $primary;\r\n            }\r\n\r\n            &::after {\r\n                color: $primary;\r\n            }\r\n        }\r\n    }\r\n\r\n    table.focus-on tbody tr.focused th,\r\n    table.focus-on tbody tr.focused td,\r\n    .sticky-table-header {\r\n        background: $primary;\r\n        --bs-table-accent-bg: $primary !important;\r\n        border-color: $primary;\r\n        color: $white;\r\n\r\n        table {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .fixed-solution {\r\n        .sticky-table-header {\r\n            top: $topbar-height !important;\r\n        }\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $light;\r\n        color: color-yiq($light);\r\n        border: 1px solid rgba($dark, 0.3);\r\n\r\n        &.btn-primary {\r\n            background-color: $primary;\r\n            border-color: $primary;\r\n            color: $white;\r\n            box-shadow: 0 0 0 2px rgba($primary, .5);\r\n        }\r\n    }\r\n\r\n    .btn-group {\r\n        &.pull-right {\r\n            float: right;\r\n\r\n            .dropdown-menu {\r\n                left: auto;\r\n                right: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.no-touch {\r\n    .dropdown-menu {\r\n        >.checkbox-row {\r\n            &:hover,\r\n            &:active {\r\n                color: $dropdown-link-active-color;\r\n                background-color: $dropdown-link-active-bg;\r\n            }\r\n        }\r\n    }\r\n}\r\nbody[data-layout-mode=\"horizontal\"] {\r\n    .fixed-solution {\r\n        .sticky-table-header {\r\n            top: $topbar-height + 55px !important;\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-layout-mode=\"horizontal\"] {\r\n    &[data-layout-menu-position=\"scrollable\"] {\r\n        .fixed-solution {\r\n            .sticky-table-header {\r\n                top: 0 !important;\r\n            }\r\n        }\r\n    }\r\n}","//\r\n// footables.scss\r\n//\r\n\r\n@font-face {\r\n    font-family: 'footable';\r\n    src: url('../../../fonts/footable.eot');\r\n    src: url('../../../fonts/footable.eot?#iefix') format('embedded-opentype'), url('../../../fonts/footable.woff') format('woff'), url('../../../fonts/footable.ttf') format('truetype'), url('../../../fonts/footable.svg#footable') format('svg');\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\n\r\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\r\n    @font-face {\r\n        font-family: 'footable';\r\n        src: url('../fonts/footable.svg#footable') format('svg');\r\n        font-weight: normal;\r\n        font-style: normal;\r\n    }\r\n}\r\n\r\n.footable-odd {\r\n    background-color: $table-bg;\r\n}\r\n\r\n.footable-row-detail,\r\n.footable-detail-show {\r\n    background-color: $table-striped-bg;\r\n}\r\n\r\n.footable-pagination {\r\n    li {\r\n        margin-left: 5px;\r\n        float: left;\r\n\r\n        a {\r\n            padding: $pagination-padding-y $pagination-padding-x;\r\n            margin-left: -$pagination-border-width;\r\n            line-height: $line-height-base;\r\n            color: $pagination-color;\r\n            background-color: $pagination-bg;\r\n            display: block;\r\n            border: $pagination-border-width solid $pagination-border-color;\r\n            border-radius: $border-radius;\r\n\r\n            &:hover {\r\n                z-index: 2;\r\n                color: $pagination-hover-color;\r\n                text-decoration: none;\r\n                background-color: $pagination-hover-bg;\r\n                border-color: $pagination-hover-border-color;\r\n            }\r\n        }\r\n\r\n        &.active {\r\n            a {\r\n                color: $white;\r\n                background-color: $primary;\r\n                border-color: $primary;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.footable>thead>tr>th>span.footable-sort-indicator {\r\n    float: right;\r\n}\r\n\r\n.footable {\r\n    width: 100%;\r\n}\r\n\r\n.footable.breakpoint>tbody>tr.footable-detail-show>td {\r\n    border-bottom: none;\r\n}\r\n\r\n.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e001\";\r\n}\r\n\r\n.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {\r\n    cursor: pointer;\r\n}\r\n\r\n.footable.breakpoint>tbody>tr>td.footable-cell-detail {\r\n    border-top: none;\r\n}\r\n\r\n.footable.breakpoint>tbody>tr>td>span.footable-toggle {\r\n    display: inline-block;\r\n    font-family: 'footable';\r\n    padding-right: 5px;\r\n    font-size: 14px;\r\n}\r\n\r\n.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e000\";\r\n}\r\n\r\n.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e005\";\r\n}\r\n\r\n.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e004\";\r\n}\r\n\r\n.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e003\";\r\n}\r\n\r\n.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e002\";\r\n}\r\n\r\n.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e007\";\r\n}\r\n\r\n.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e006\";\r\n}\r\n\r\n.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e009\";\r\n}\r\n\r\n.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e008\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e00f\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e011\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e013\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e015\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e01b\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e01d\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e00b\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e00d\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e01f\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e021\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before {\r\n    content: \"\\e017\";\r\n}\r\n\r\n.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before {\r\n    content: \"\\e019\";\r\n}\r\n\r\n.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle {\r\n    font-size: 18px;\r\n}\r\n\r\n.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle {\r\n    font-size: 24px;\r\n}\r\n\r\n.footable>thead>tr>th {\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: -moz-none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n\r\n.footable>thead>tr>th.footable-sortable:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before {\r\n    content: \"\\e012\";\r\n}\r\n\r\n.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before {\r\n    content: \"\\e013\";\r\n}\r\n\r\n.footable>thead>tr>th>span.footable-sort-indicator {\r\n    display: inline-block;\r\n    font-family: 'footable';\r\n    padding-left: 5px;\r\n    opacity: 0.3;\r\n}\r\n\r\n.footable>thead>tr>th>span.footable-sort-indicator:before {\r\n    content: \"\\e022\";\r\n}\r\n\r\n.footable>tfoot .pagination {\r\n    margin: 0;\r\n}\r\n\r\n.footable.no-paging .hide-if-no-paging {\r\n    display: none;\r\n}\r\n\r\n.footable-row-detail-inner {\r\n    display: table;\r\n}\r\n\r\n.footable-row-detail-row {\r\n    display: table-row;\r\n    line-height: 1.5em;\r\n}\r\n\r\n.footable-row-detail-group {\r\n    display: block;\r\n    line-height: 2em;\r\n    font-size: 1.2em;\r\n    font-weight: $font-weight-bold;\r\n}\r\n\r\n.footable-row-detail-name {\r\n    display: table-cell;\r\n    font-weight: $font-weight-bold;\r\n    padding-right: 0.5em;\r\n}\r\n\r\n.footable-row-detail-value {\r\n    display: table-cell;\r\n}","// \r\n// tablesaw.scss\r\n//\r\n\r\n.tablesaw {\r\n    thead {\r\n        background: none;\r\n        background-image: none;\r\n        border: none;\r\n        th {\r\n            text-shadow: none;\r\n        }\r\n        tr:first-child th {\r\n            border: none;\r\n            font-weight: 500;\r\n            font-family: $font-family-secondary;\r\n        }\r\n    }\r\n    td {\r\n        border-top: 1px solid $gray-100 !important;\r\n        border-bottom-width: 0px;\r\n    }\r\n}\r\n\r\n.tablesaw td,\r\n.tablesaw tbody th {\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n    padding: 10px !important;\r\n}\r\n\r\n.tablesaw-stack tbody tr,\r\n.tablesaw tbody tr {\r\n    border-bottom: none;\r\n}\r\n\r\n.tablesaw-bar .btn-select.btn-small:after,\r\n.tablesaw-bar .btn-select.btn-micro:after {\r\n    font-size: 8px;\r\n    padding-right: 10px;\r\n}\r\n\r\n.tablesaw-swipe .tablesaw-cell-persist {\r\n    box-shadow: none;\r\n    border-color: $gray-100;\r\n}\r\n\r\n.tablesaw-enhanced .tablesaw-bar .btn {\r\n    text-shadow: none;\r\n    background-image: none;\r\n    text-transform: none;\r\n    border: 1px solid $gray-300;\r\n    padding: 3px 10px;\r\n    color: $dark;\r\n\r\n    &:after {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.tablesaw-enhanced .tablesaw-bar .btn.btn-select {\r\n    &:hover {\r\n        background: $white;\r\n    }\r\n}\r\n\r\n.tablesaw-enhanced .tablesaw-bar .btn:hover,\r\n.tablesaw-enhanced .tablesaw-bar .btn:focus,\r\n.tablesaw-enhanced .tablesaw-bar .btn:active {\r\n    color: $primary !important;\r\n    background-color: $table-hover-bg;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    background-image: none;\r\n}\r\n\r\n.tablesaw-columntoggle-popup {\r\n    .btn-group {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.tablesaw-swipe .tablesaw-swipe-cellpersist {\r\n    border-right: 2px solid $gray-100;\r\n}\r\n\r\n.tablesaw-sortable-btn {\r\n    cursor: pointer;\r\n}\r\n\r\n.tablesaw-swipe-cellpersist {\r\n    width: auto!important;\r\n}\r\n\r\n.tablesaw-bar-section label {\r\n    color: inherit;\r\n    margin-bottom: .5rem;\r\n}","//\r\n// multi-select.scss\r\n//\r\n\r\n.ms-container {\r\n    background: transparent url('../../../images/multiple-arrow.png') no-repeat 50% 50%;\r\n    width: auto;\r\n    max-width: 370px;\r\n    \r\n    .ms-list {\r\n        box-shadow: none;\r\n        border: $input-border-width solid $input-border-color;\r\n        box-shadow: $components-shadow-sm;\r\n\r\n        &.ms-focus {\r\n            box-shadow: none;\r\n            border: $input-border-width solid $input-focus-border-color;\r\n        }\r\n    }\r\n    .ms-selectable {\r\n        li {\r\n            &.ms-elem-selectable {\r\n                border: none;\r\n                padding: 5px 10px;\r\n                color: $dropdown-link-color;\r\n            }\r\n            &.ms-hover {\r\n                background-color: $primary;\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n    .ms-selection {\r\n        li.ms-elem-selection {\r\n            border: none;\r\n            padding: 5px 10px;\r\n            color: $dropdown-link-color;\r\n        }\r\n        li.ms-hover {\r\n            background-color: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n.ms-selectable {\r\n    box-shadow: none;\r\n    outline: none !important;\r\n}\r\n\r\n.ms-optgroup-label {\r\n    font-weight: $font-weight-medium;\r\n    font-family: $font-family-secondary;\r\n    color: $dark !important;\r\n    font-size: 13px;\r\n}\r\n\r\n.ms-container .ms-selectable, .ms-container .ms-selection {\r\n    background-color: $input-bg;\r\n}","//\r\n// autocomplete.scss\r\n//\r\n\r\n.autocomplete-suggestions {\r\n    border: $dropdown-border-width solid $dropdown-border-color;\r\n    background-color: $dropdown-bg;\r\n    cursor: default;\r\n    overflow: auto;\r\n    max-height: 200px !important;\r\n    box-shadow: $box-shadow;\r\n}\r\n\r\n.autocomplete-suggestion {\r\n    padding: 5px 10px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n}\r\n\r\n.autocomplete-no-suggestion {\r\n    padding: 5px;\r\n}\r\n\r\n.autocomplete-selected {\r\n    background: $gray-200;\r\n    cursor: pointer;\r\n}\r\n\r\n.autocomplete-suggestions strong {\r\n    font-weight: bold;\r\n    color: $dark;\r\n}\r\n\r\n.autocomplete-group {\r\n    padding: 5px;\r\n    font-weight: $font-weight-medium;\r\n    font-family: $font-family-secondary;\r\n}\r\n\r\n.autocomplete-group strong {\r\n    font-weight: bold;\r\n    font-size: 16px;\r\n    color: $dark;\r\n    display: block;\r\n}","//\r\n// bootstrap-touchspin.scss\r\n//\r\n \r\n.bootstrap-touchspin {\r\n    .btn {\r\n        .input-group-text {\r\n            padding: 0;\r\n            border: none;\r\n            background-color: transparent;\r\n            color: inherit;\r\n        }\r\n    }\r\n}","//\r\n// parsley.scss\r\n//\r\n\r\n.parsley-errors-list {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    >li {\r\n        list-style: none;\r\n        color: $danger;\r\n        margin-top: 5px;\r\n        padding-left: 20px;\r\n        position: relative;\r\n\r\n        &:before {\r\n            content: \"\\F0159\";\r\n            font-family: \"Material Design Icons\";\r\n            position: absolute;\r\n            left: 2px;\r\n            top: -1px;\r\n        }\r\n    }\r\n}\r\n\r\n.parsley-error {\r\n    border-color: $danger;\r\n}\r\n\r\n.parsley-success {\r\n    border-color: $success;\r\n}","//\r\n// flatpickr.scss\r\n//\r\n\r\n.flatpickr-calendar {\r\n    background: $dropdown-bg;\r\n    box-shadow: $box-shadow;\r\n    border: 1px solid $dropdown-border-color;\r\n\r\n    &.arrowTop {\r\n        &:before {\r\n            border-bottom-color: lighten($dropdown-bg, 7%);\r\n        }\r\n        &:after {\r\n            border-bottom-color: $dropdown-bg;\r\n        }\r\n    }\r\n    &.arrowBottom {\r\n        &:before,\r\n        &:after {\r\n            border-top-color: $dropdown-bg;\r\n        }\r\n    }\r\n}\r\n\r\n.flatpickr-current-month {\r\n    font-size: 110%;\r\n}\r\n\r\n.flatpickr-day {\r\n    &.selected,\r\n    &.startRange,\r\n    &.endRange,\r\n    &.selected.inRange,\r\n    &.startRange.inRange,\r\n    &.endRange.inRange,\r\n    &.selected:focus,\r\n    &.startRange:focus,\r\n    &.endRange:focus,\r\n    &.selected:hover,\r\n    &.startRange:hover,\r\n    &.endRange:hover,\r\n    &.selected.prevMonthDay,\r\n    &.startRange.prevMonthDay,\r\n    &.endRange.prevMonthDay,\r\n    &.selected.nextMonthDay,\r\n    &.startRange.nextMonthDay,\r\n    &.endRange.nextMonthDay {\r\n        background: $primary;\r\n        border-color: $primary;\r\n    }\r\n    &.selected.startRange+.endRange:not(:nth-child(7n+1)),\r\n    &.startRange.startRange+.endRange:not(:nth-child(7n+1)),\r\n    &.endRange.startRange+.endRange:not(:nth-child(7n+1)) {\r\n        box-shadow: -10px 0 0 $primary;\r\n    }\r\n}\r\n\r\n.flatpickr-time {\r\n    input:hover,\r\n    .flatpickr-am-pm:hover,\r\n    input:focus,\r\n    .flatpickr-am-pm:focus {\r\n        background: $input-bg;\r\n        color: $dropdown-link-active-color;\r\n    }\r\n}\r\n\r\n.flatpickr-months {\r\n    .flatpickr-month {\r\n        height: 36px;\r\n    }\r\n    .flatpickr-prev-month,\r\n    .flatpickr-next-month,\r\n    .flatpickr-month {\r\n        color: $gray-500;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n\r\n.flatpickr-weekdays {\r\n    background-color: $dropdown-link-active-bg;\r\n}\r\n\r\nspan.flatpickr-weekday,\r\n.flatpickr-day,\r\n.flatpickr-current-month input.cur-year[disabled], \r\n.flatpickr-current-month input.cur-year[disabled]:hover,\r\n.flatpickr-time input,\r\n.flatpickr-time .flatpickr-time-separator, \r\n.flatpickr-time .flatpickr-am-pm {\r\n    color: $dropdown-link-color;\r\n    fill: $dropdown-link-color;\r\n}\r\n\r\n.flatpickr-day {\r\n    &.disabled, \r\n    &.disabled:hover, \r\n    &.prevMonthDay, \r\n    &.nextMonthDay, \r\n    &.notAllowed, \r\n    &.notAllowed.prevMonthDay, \r\n    &.notAllowed.nextMonthDay {\r\n        color: $dropdown-link-disabled-color;\r\n    }\r\n    &.inRange, \r\n    &.prevMonthDay.inRange, \r\n    &.nextMonthDay.inRange, \r\n    &.today.inRange, \r\n    &.prevMonthDay.today.inRange, \r\n    &.nextMonthDay.today.inRange, \r\n    &:hover, \r\n    &.prevMonthDay:hover, \r\n    &.nextMonthDay:hover, \r\n    &:focus, \r\n    &.prevMonthDay:focus, \r\n    &.nextMonthDay:focus {\r\n        background: $dropdown-link-hover-bg;\r\n        border-color: $dropdown-link-hover-bg;\r\n    }\r\n}\r\n\r\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\r\n    border-top: 1px solid lighten($dropdown-bg, 7%);\r\n}\r\n\r\n.numInputWrapper:hover,\r\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\r\n    background-color: transparent;\r\n    color: $dropdown-link-active-color;\r\n}\r\n\r\n.flatpickr-day.inRange {\r\n    box-shadow: -5px 0 0 $dropdown-link-hover-bg, 5px 0 0 $dropdown-link-hover-bg;\r\n}\r\n\r\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {\r\n    color: $dropdown-link-disabled-color;\r\n}","//\r\n// clockpicker.scss\r\n//\r\n\r\n.sp-container{\r\n    background-color: $dropdown-bg;\r\n    z-index: 9;\r\n    button{\r\n      padding: .25rem .5rem;\r\n        font-size: .71094rem;\r\n        border-radius: .2rem;\r\n        font-weight: 400;\r\n        color: $dark;\r\n    \r\n        &.sp-palette-toggle{\r\n          background-color: $light;\r\n        }\r\n        \r\n        &.sp-choose{\r\n          background-color: $success;\r\n          margin-left: 5px;\r\n          margin-right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n  .sp-palette-container{\r\n    border-right: 1px solid $border-color;\r\n  }\r\n  \r\n  .sp-input{\r\n    background-color: $input-bg;\r\n    border-color: $input-border-color !important;\r\n    color: $input-color;\r\n    &:focus{\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n\r\n  .clockpicker-popover {\r\n    .btn-default {\r\n        background-color: $primary;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.clockpicker-popover {\r\n    background: $dropdown-bg;\r\n    box-shadow: $box-shadow;\r\n    border: 1px solid $dropdown-border-color;\r\n    .popover-title {\r\n        background-color: transparent;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n    .clockpicker-plate {\r\n        background: $dropdown-link-hover-bg;\r\n        border: 1px solid $dropdown-border-color;\r\n    }\r\n    .popover-content {\r\n        background-color: transparent;\r\n    }\r\n}\r\n\r\n.clockpicker-tick {\r\n    color: $dropdown-link-color;\r\n    &:hover {\r\n        background-color: rgba($primary, 0.35);\r\n    }\r\n}\r\n\r\n.clockpicker-canvas line {\r\n    stroke: $primary;\r\n}\r\n\r\n.clockpicker-canvas-bg {\r\n    fill: rgba($primary, 0.35);\r\n}\r\n\r\n.clockpicker-canvas-bearing,\r\n.clockpicker-canvas-fg {\r\n    fill: $primary;\r\n}\r\n\r\n.clockpicker-button {\r\n    display: block;\r\n    width: 100%;\r\n}\r\n  \r\n  \r\n  \r\n  [dir=\"rtl\"]{\r\n  \r\n    .sp-alpha{\r\n      direction: ltr;\r\n    }\r\n  \r\n    .sp-original-input-container {\r\n      .sp-add-on{\r\n          border: none;\r\n        border-top-right-radius: 0!important;\r\n        border-bottom-right-radius: 0!important;\r\n        border-top-left-radius: 4px!important;\r\n        border-bottom-left-radius: 4px!important\r\n      }\r\n    } \r\n  \r\n    input.spectrum.with-add-on{\r\n      border: 1px solid $input-border-color;\r\n      border-left: 0;\r\n      border-top-left-radius: 0;\r\n      border-bottom-left-radius: 0;\r\n      border-top-right-radius: $input-border-radius;\r\n      border-bottom-right-radius: $input-border-radius;\r\n  \r\n    }\r\n  }\r\n\r\n  .sp-original-input-container .sp-add-on{\r\n      border: none !important;\r\n  }\r\n","//\r\n// quilljs-editor.scss\r\n//\r\n \r\n.ql-container {\r\n    font-family: $font-family-base;\r\n    border-bottom-left-radius: $input-border-radius;\r\n    border-bottom-right-radius: $input-border-radius;\r\n\r\n    &.ql-snow {\r\n        border-color: $input-border-color;\r\n    }\r\n}\r\n\r\n.ql-bubble {\r\n    border: $input-border-width solid $input-border-color;\r\n    border-radius: $input-border-radius;\r\n}\r\n\r\n.ql-toolbar {\r\n    font-family: $font-family-base !important;\r\n    border-top-left-radius: $input-border-radius;\r\n    border-top-right-radius: $input-border-radius;\r\n    span {\r\n        outline: none !important;\r\n        color: $gray-700;\r\n\r\n        &:hover {\r\n            color: $primary !important;\r\n        }\r\n    }\r\n\r\n    &.ql-snow {\r\n        border-color: $input-border-color;\r\n\r\n        .ql-picker.ql-expanded {\r\n            .ql-picker-label {\r\n                border-color: transparent;\r\n            }\r\n        }\r\n        .ql-formats {\r\n            margin-right: 11px;\r\n            margin-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.ql-snow {\r\n    .ql-stroke,\r\n    .ql-script,\r\n    .ql-strike svg {\r\n        stroke: $gray-700;\r\n    }\r\n    .ql-fill {\r\n        fill: $gray-700;\r\n    }\r\n}\r\n\r\n.ql-snow {\r\n    .ql-picker-options {\r\n        background-color: $dropdown-bg;\r\n        border-color: $dropdown-border-color !important;\r\n    }\r\n}\r\n\r\n\r\n.ql-editor {\r\n    text-align: left;\r\n    color: $gray-600;\r\n    font-weight: $font-weight-normal;\r\n}\r\n\r\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\r\n    position: absolute;\r\n    margin-top: -9px;\r\n    right: 0;\r\n    left: auto;\r\n    top: 50%;\r\n    width: 18px;\r\n}\r\n\r\n.ql-editor {\r\n    ol, ul {\r\n        li:not(.ql-direction-rtl) {\r\n            padding-left: 1.5em;\r\n            padding-right: 0;\r\n        }\r\n    }\r\n    li:not(.ql-direction-rtl) {\r\n        &:before {\r\n            margin-left: -1.5em;\r\n            margin-right: 0.3em;\r\n            text-align: right;\r\n        }\r\n    }\r\n}\r\n\r\n.ql-editor {\r\n    ol, ul {\r\n        padding-left: 1.5em;\r\n        padding-right: 0;\r\n    }\r\n}\r\n\r\n","//\r\n// dropzone.scss\r\n//\r\n\r\n.dropzone {\r\n  border: 2px dashed $input-border-color;\r\n  background: $input-bg;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  min-height: 150px;\r\n  padding: 20px;\r\n  box-shadow: $components-shadow-sm;\r\n\r\n  .dz-message {\r\n      text-align: center;\r\n      margin: 2rem 0;\r\n  }\r\n  &.dz-started {\r\n      .dz-message {\r\n          display: none;\r\n      }\r\n  }\r\n}","//\r\n// dropify.scss\r\n//\r\n\r\n@font-face {\r\n    font-family: 'dropify';\r\n    src: url(\"../../../fonts/dropify.eot\");\r\n    src: url(\"../../../fonts/dropify.eot#iefix\") format(\"embedded-opentype\"), url(\"../../../fonts/dropify.woff\") format(\"woff\"), url(\"../../../fonts/dropify.ttf\") format(\"truetype\"), url(\"../../../fonts/dropify.svg#dropify\") format(\"svg\");\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\n\r\n.dropify-wrapper {\r\n    border: 2px dashed $input-border-color;\r\n    background: $input-bg;\r\n    border-radius: 6px;\r\n    color: $input-color;\r\n\r\n    &:hover {\r\n        background-image: linear-gradient(-45deg,$card-cap-bg 25%,transparent 25%,transparent 50%,  $card-cap-bg 50%,$card-cap-bg 75%,transparent 75%,transparent);\r\n    }\r\n\r\n    .dropify-preview {\r\n        background-color: lighten($gray-200,5%);\r\n    }\r\n}","//\r\n// x-editable.scss\r\n//\r\n\r\n.editable-clear-x {\r\n    background: url(\"../../../images/clear.png\") center center no-repeat;\r\n}\r\n\r\n.editableform-loading {\r\n    background: url('../../../images/loading.gif') center center no-repeat;\r\n}\r\n\r\n.editable-checklist label {\r\n    display: block;\r\n}\r\n\r\n\r\n.editable-input{\r\n    .form-control, .form-select{\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.editable-checklist > div {\r\n    margin-bottom: 7px;\r\n}","//\r\n// google-maps.scss\r\n//\r\n \r\n.gmaps, \r\n.gmaps-panaroma {\r\n  height: 300px;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n\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  \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// vector-maps.scss\r\n//\r\n\r\n.jvectormap-label {\r\n    border: none;\r\n    background: $gray-900;\r\n    color: $gray-100;\r\n    font-family: $font-family-secondary;\r\n    font-size: $font-size-base;\r\n    padding: 5px 8px;\r\n}","//\r\n// mapeal-maps.scss\r\n//\r\n\r\n.mapael {\r\n    .map {\r\n        position: relative;\r\n\r\n        .zoomIn {\r\n            top: 25px;\r\n        }\r\n        \r\n        .zoomOut {\r\n            top: 50px;\r\n        }\r\n    }\r\n    .mapTooltip {\r\n        position: absolute;\r\n        background-color: $primary;\r\n        opacity: 0.95;\r\n        border-radius: 3px;\r\n        padding: 2px 10px;\r\n        z-index: 1000;\r\n        max-width: 200px;\r\n        display: none;\r\n        color: $gray-100;\r\n        font-family: $font-family-secondary;\r\n    }\r\n    .zoomIn,\r\n    .zoomOut,\r\n    .zoomReset {\r\n        display: inline-block;\r\n        text-align: center;\r\n        vertical-align: middle;\r\n        border-radius: 2px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        background-color: $primary;\r\n        text-decoration: none;\r\n        color: $white;\r\n        font-size: 14px;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 10px;\r\n        width: 24px;\r\n        height: 24px;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .plotLegend {\r\n        text {\r\n            font-family: $font-family-base !important;\r\n            fill: $text-muted;\r\n        }\r\n    }\r\n}","//\r\n// Datepicker\r\n//\r\n.datepicker {\r\n    padding: 10px !important;\r\n    animation: none;\r\n    td,\r\n    th {\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    table {\r\n        tr {\r\n            td {\r\n                &.active.active,\r\n                &.active.disabled,\r\n                &.active.disabled.active,\r\n                &.active.disabled.disabled,\r\n                &.active.disabled:active,\r\n                &.active.disabled:hover,\r\n                &.active.disabled:hover.active,\r\n                &.active.disabled:hover.disabled,\r\n                &.active.disabled:hover:active,\r\n                &.active.disabled:hover:hover,\r\n                .active.disabled:hover[disabled],\r\n                .active.disabled[disabled],\r\n                .active:active,\r\n                .active:hover,\r\n                .active:hover.active,\r\n                .active:hover.disabled,\r\n                .active:hover:active,\r\n                .active:hover:hover,\r\n                .active:hover[disabled],\r\n                .active[disabled],\r\n                span.active.active,\r\n                span.active.disabled,\r\n                span.active.disabled.active,\r\n                span.active.disabled.disabled,\r\n                span.active.disabled:active,\r\n                span.active.disabled:hover,\r\n                span.active.disabled:hover.active,\r\n                span.active.disabled:hover.disabled,\r\n                span.active.disabled:hover:active,\r\n                span.active.disabled:hover:hover,\r\n                span.active.disabled:hover[disabled],\r\n                span.active.disabled[disabled],\r\n                span.active:active,\r\n                span.active:hover,\r\n                span.active:hover.active,\r\n                span.active:hover.disabled,\r\n                span.active:hover:active,\r\n                span.active:hover:hover,\r\n                span.active:hover[disabled],\r\n                span.active[disabled],\r\n                &.today,\r\n                &.today.disabled,\r\n                &.today.disabled:hover,\r\n                &.today:hover {\r\n                    background-color: $primary !important;\r\n                    background-image: none !important;\r\n                    color: $white;\r\n                }\r\n\r\n                &.day.focused,\r\n                &.day:hover,\r\n                span.focused,\r\n                span:hover {\r\n                    background: $gray-200;\r\n                }\r\n\r\n                &.new,\r\n                &.old,\r\n                span.new,\r\n                span.old {\r\n                    color: $gray-700;\r\n                    opacity: 0.4;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    \r\n    .datepicker-switch:hover,\r\n    .next:hover,\r\n    .prev:hover,\r\n    tfoot tr th:hover {\r\n        background: $gray-200;\r\n    }\r\n    .datepicker-switch {\r\n        &:hover {\r\n            background: none;\r\n        }\r\n    }\r\n}\r\n\r\n.datepicker-dropdown {\r\n\r\n    &:after {\r\n        border-bottom: 6px solid $dropdown-bg;\r\n    }\r\n    &:before {\r\n        border-bottom-color: $dropdown-border-color;\r\n    }\r\n    &.datepicker-orient-top {\r\n        &:before {\r\n            border-top: 7px solid $dropdown-border-color;\r\n        }\r\n        &:after {\r\n            border-top: 6px solid $dropdown-bg;\r\n        }\r\n    }\r\n}","// \r\n// dragula.scss\r\n//\r\n\r\n.gu-mirror {\r\n    position: fixed !important;\r\n    margin: 0 !important;\r\n    z-index: 9999 !important;\r\n    opacity: 0.8;\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)\";\r\n    filter: alpha(opacity=80);\r\n}\r\n\r\n.gu-hide {\r\n    display: none !important;\r\n}\r\n\r\n.gu-unselectable {\r\n    user-select: none !important;\r\n}\r\n\r\n.gu-transit {\r\n    opacity: 0.2;\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)\";\r\n    filter: alpha(opacity=20);\r\n}\r\n\r\n.dragula-handle {\r\n    position: relative;\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 24px;\r\n    text-align: center;\r\n    cursor: move;\r\n\r\n    &:before {\r\n        content: \"\\F01DB\";\r\n        font-family: \"Material Design Icons\";\r\n        position: absolute;\r\n    }\r\n}","//\n// jstree.scss\n//\n\n.jstree-default {\n    .jstree-node,\n    .jstree-icon {\n        background-image: url(\"../images/jstree.png\");\n    }\n    .jstree-node {\n        background-position: -292px -4px;\n        background-repeat: repeat-y;\n    }\n    \n    .jstree-themeicon-custom {\n        background-color: transparent;\n        background-image: none;\n        background-position: 0 0;\n    }\n    \n    .jstree-anchor {\n        line-height: 28px;\n        height: 28px;\n    }\n    \n    &>.jstree-container-ul .jstree-loading>.jstree-ocl {\n        background: url(\"../images/loading.gif\") center center no-repeat;\n    }\n    \n    .jstree-icon:empty {\n        width: 24px;\n        height: 28px;\n        line-height: 28px;\n        font-size: 15px;\n    }\n    \n    .jstree-clicked,\n    .jstree-wholerow-clicked {\n        background: rgba($primary, 0.1);\n        box-shadow: none;\n    }\n    \n    .jstree-hovered,\n    .jstree-wholerow-hovered {\n        background: rgba($primary, 0.15);\n        box-shadow: none;\n    }\n    \n    .jstree-last {\n        background: transparent;\n    }\n    \n    .jstree-wholerow {\n        height: 28px;\n    }\n}","\n//\n// bootstrap-taginput.scss\n//\n\n/* Bootstrap tagsinput */\n.bootstrap-tagsinput {\n    box-shadow: none;\n    padding: 4px 7px 4px;\n    width: 100%;\n    background-color: $input-bg;\n    border-color: $input-border-color;\n\n    input{\n      color: $input-color;\n      &::placeholder{\n        color: $input-color;\n      }\n    }\n  \n    .label-info {\n      background-color: $primary;\n      display: inline-block;\n      font-size: 13px;\n      margin: 3px 1px;\n      padding: 0 5px;\n      border-radius: 3px;\n      font-weight: $font-weight-medium;\n    }\n}"]}