@charset "UTF-8";

@import url(defs.css?v=2024-11-06);

/*------------------------------------------------------------------
++++ Componets Import ++++	
-------------------------------------------------------------------*/
/****************************/
/** Imports **/
/****************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap||Material+Icons);
/* @import url(../../vendors/bootstrap/dist/css/bootstrap.min.css); */
/* @import url(font-awesome.min.css); */
/* @import url(dripicons.css); */
/* @import url(cryptofont.min.css); */
/* @import url(themify-icons.css); */
/* @import url(animate.css); */
/* @import url(flag-icon.min.css); */
/* @import url(twemoji.min.css); */
/* @import url(/assets/v2/css/material-design-iconic-font.min.css); */
/* @import url(/assets/v2/css/remixicon.css); */
/* @import url(material-icons.css); */
/* @import url(line-awesome.min.css); */
/* @import url(bootstrap-icons.css); */
/* @import url(flaticon.css); */
/* @import url(prism.css); */
@import url(/assets/v2/vendor/simplebar/simplebar.min.css);
/* @import url(../../vendors/owl.carousel/dist/assets/owl.carousel.min.css); */
/* @import url(../../vendors/owl.carousel/dist/assets/owl.theme.default.min.css); */
/*__________________________________________________________________;
[Mixin]
Project:	Appster
___________________________________________________________________*/
/*Shadow*/
/*Table Variants*/
/*__________________________________________________________________;
[Variables]
Project:	Appster
___________________________________________________________________*/
:root {
  --bs-body-font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  --bs-body-bg: #f2f5f6;
  --bs-text-opacity:1;
  --bs-bg-opacity: 1;
}

/****************************/
/** Reset **/
/****************************/
html, body, div, span, object, iframe, p, pre, a, abbr, address, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center, form, label, legend, article, aside, canvas, details, embed, footer, header, menu, nav, output, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

em, cite {
  font-style: italic;
}

strong {
  font-weight: bold;
}

body {
  color: #6f6f6f;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

a:hover, a:active {
  outline: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: var(--neuron-blue-0);
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
a:hover {
  text-decoration: none;
  color: #3d8df9;
}
a:focus {
  text-decoration: none;
  outline: none;
  color: #3d8df9;
}
a.link-dark {
  color: #262a2e !important;
}
a.link-dark:hover, a.link-dark:focus {
  color: #2a2f34 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #262a2e;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

/****************************/
/** Basic **/
/****************************/
/*CSS Basic*/

.name {
  color: #262a2e !important;
  font-weight: 500;
}

td.text-truncate, th.text-truncate {
  max-width: 1px;
}

[contenteditable="true"] {
  outline: none;
}

/*Media Object*/
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-head {
  display: flex;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

/*Gap*/

/*Position*/


.position-top-end-overflow-1 {
  position: absolute !important;
  z-index: 2;
}

.position-top-end-overflow-1 {
  top: 12% !important;
  right: 16% !important;
  -webkit-transform: translate(50%, -50%) !important;
  -moz-transform: translate(50%, -50%) !important;
  -ms-transform: translate(50%, -50%) !important;
  -o-transform: translate(50%, -50%) !important;
  transform: translate(50%, -50%) !important;
}

/*Padding*/
.p-0 {
  padding: 0rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.p-10 {
  padding: 4.5rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.pt-10 {
  padding-top: 4.5rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pb-10 {
  padding-bottom: 4.5rem !important;
}

.ps-0 {
  padding-left: 0rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.pe-0 {
  padding-right: 0rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-6 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
/*Margin*/
.m-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 2.5rem !important;
}

.mt-10 {
  margin-top: 4.5rem !important;
}

.mt-12 {
  margin-top: 5.5rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mb-7 {
  margin-bottom: 3rem !important;
}

.mb-10 {
  margin-bottom: 4.5rem !important;
}

.ms-0 {
  margin-left: 0rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}

.me-0 {
  margin-right: 0rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

@media (min-width: 576px) {

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {

  .mb-md-0 {
    margin-bottom: 0rem !important;
  }

  .mb-md-8 {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 992px) {

  .mt-lg-0 {
    margin-top: 0rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
}
/*Background Colors*/

.bg-success {
  background-color: rgba(0, 214, 127, var(--bs-bg-opacity)) !important;
}

.bg-warning {
  background-color: rgba(255, 196, 0, var(--bs-bg-opacity)) !important;
}

.bg-primary {
  background-color: rgba(0, 105, 247, var(--bs-bg-opacity)) !important;
}

.bg-grey-light-4 {
  background-color: rgba(234, 234, 234, var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  background-color: rgba(111, 111, 111, var(--bs-bg-opacity)) !important;
}

.bg-smoke-dark-5 {
  background-color: rgba(47, 63, 69, var(--bs-bg-opacity)) !important;
}

.bg-white {
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
}

.bg-light {
  background-color: rgba(247, 247, 247, var(--bs-bg-opacity)) !important;
}

/*Text Colors*/

.text-success {
  color: rgba(0, 214, 127, var(--bs-text-opacity)) !important;
}

.text-warning {
  color: rgba(255, 196, 0, var(--bs-text-opacity)) !important;
}

.text-danger {
  color: rgba(255, 0, 0, var(--bs-text-opacity)) !important;
}

.text-primary {
  color: rgba(0, 105, 247, var(--bs-text-opacity)) !important;
}

.text-muted {
  color: rgba(111, 111, 111, var(--bs-text-opacity)) !important;
}

.text-secondary {
  color: rgba(111, 111, 111, var(--bs-text-opacity)) !important;
}

.text-dark {
  color: rgba(38, 42, 46, var(--bs-text-opacity)) !important;
}

.text-light {
  color: rgba(126, 126, 126, var(--bs-text-opacity)) !important;
}

.text-white {
  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
}

/*Border*/

.circle {
  border-radius: 50% !important;
}

.rounded-6 {
  border-radius: 0.75rem !important;
}

.rounded-7 {
  border-radius: 0.875rem !important;
}

.border-primary {
  border-color: var(--neuron-blue-0) !important;
}

/*Colors*/

/*Shadow*/
.shadow-none {
  box-shadow: none !important;
}

.shadow-lg {
  box-shadow: 0 0.375rem 0.625rem rgba(47, 52, 58, 0.1) !important;
}

/*Font Size*/
.fs-7 {
  font-size: 0.875rem !important;
}

.fs-8 {
  font-size: 0.75rem !important;
}

/*Font Weight*/
.fw-semibold {
  font-weight: 600 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

/*Text Case*/

/*Letter Spacing*/

/*Line Height*/

/*Width*/

.w-15p {
    width: 15px !important;
}

.w-100p {
  width: 100px !important;
}

.w-120p {
  width: 120px !important;
}

.w-140p {
  width: 140px !important;
}

.w-220p {
  width: 220px !important;
}

.w-350p {
  width: 350px !important;
}

.w-600p {
  width: 600px !important;
}
/*Width In Percentage*/

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 576px) {

  .w-sm-100 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {

  .w-md-60 {
    width: 60% !important;
  }
}
/*Max Width*/

.mw-600p {
  max-width: 600px !important;
}

/*Min Width*/

/*Height*/

/*Height In Percentage*/

.h-100 {
  height: 100% !important;
}

/*Max Height*/

/*Min Height*/

.mnh-100p {
  min-height: 100px !important;
}

.mnh-125p {
  min-height: 125px !important;
}

.mnh-500p {
  min-height: 500px !important;
}

/*Hr*/
hr {
  background: #dce2e5;
}

/*opacity*/

/*Div Sizes*/

/*Z-Index*/

/*Loader*/

@-webkit-keyframes pendulum {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes pendulum {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes pendulum2 {
  from {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(520deg);
    -moz-transform: rotate(520deg);
    -ms-transform: rotate(520deg);
    -o-transform: rotate(520deg);
    transform: rotate(520deg);
  }
}
@keyframes pendulum2 {
  from {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(520deg);
    -moz-transform: rotate(520deg);
    -ms-transform: rotate(520deg);
    -o-transform: rotate(520deg);
    transform: rotate(520deg);
  }
}
/*Scrollbar*/

.nicescroll-bar {
  height: 100%;
  width: 100%;
}

/*Separator*/
.separator {
  padding: 1px 0;
  margin: 1.25rem 0;
}
.separator:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #dce2e5;
}

/*Typography*/
p.p-sm {
  font-size: 0.875rem;
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

.title {
  font-size: 1rem;
  color: #262a2e;
  font-weight: 500;
}

.small, small {
  font-size: 80%;
  font-weight: 400;
}

code {
  margin: 0 .25rem;
  color: var(--neuron-blue-0);
}

.strikethrough s, .strikethrough del {
  position: relative;
  text-decoration: none;
}
.strikethrough s:after, .strikethrough del:after {
  content: "";
  height: 12px;
  background: var(--neuron-blue-0);
  mix-blend-mode: multiply;
  opacity: .3;
  width: 100%;
  position: absolute;
  margin-left: 0;
  top: 5px;
  left: 0;
  pointer-events: none;
}
.strikethrough del:after {
  background: #FF0000;
}

.mark, mark {
  padding: 0;
  background: none;
  color: #262a2e;
  position: relative;
}
.mark:after, mark:after {
  content: "";
  height: 12px;
  background: #FF9100;
  mix-blend-mode: multiply;
  opacity: .3;
  width: 100%;
  position: absolute;
  margin-left: 0;
  top: 5px;
  left: 0;
  pointer-events: none;
}


.display-3,
.display-6 {
  color: #262a2e;
}

/*Buttons*/
.btn {
  text-transform: capitalize;
  outline: none;
  font-size: 1rem;
  padding: .375rem  1rem;
  border-width: 1px;
  border-radius: 0.375rem;
  /*Buttons with Icon*/
  /*HK Custom Buttons*/
  /*Buttons Icon*/
  /*Buttons Options*/
}
.btn:focus, .btn:active, .btn:hover {
  box-shadow: none;
}
.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
  width: 100%;
  position: relative;
}
.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
  margin-right: .75rem;
}
.btn > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
  margin-left: .75rem;
}
.btn.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
  margin-right: 1.25rem;
}
.btn.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
  margin-left: 1.25rem;
}
.btn.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
  margin-right: 0.75rem;
}
.btn.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
  margin-left: 0.75rem;
}
.btn.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
  margin-right: 0.5rem;
}
.btn.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
  margin-left: 0.5rem;
}
.btn.btn-custom {
  position: relative;
}
.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) {
  position: static;
}
.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
  background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
  position: absolute;
  border-radius: 0.5rem;
  top: -1px;
  bottom: -1px;
  width: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:last-child) {
  left: -1px;
  margin: 0;
}
.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon:not(:first-child) {
  right: -1px;
  left: auto;
}
.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
  padding-right: 2.25rem;
}
.btn.btn-custom > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
  padding-left: 2.25rem;
}
.btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
  width: 46px;
  border-radius: 0.5rem;
}
.btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
  padding-right: 2.625rem;
}
.btn.btn-custom.btn-lg > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
  padding-left: 2.625rem;
}
.btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
  width: 33px;
  border-radius: .2rem;
}
.btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
  padding-right: 2rem;
}
.btn.btn-custom.btn-sm > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
  padding-left: 2rem;
}
.btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) .icon {
  width: 26px;
  border-radius: .2rem;
}
.btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:last-child) {
  padding-right: 1.5rem;
}
.btn.btn-custom.btn-xs > span:not(.badge):not(.sr-only):not(span[class^="spinner"]) > span:not(.icon):not(:first-child) {
  padding-left: 1.5rem;
}
.btn.btn-icon {
  height: 38px;
  width: 38px;
  padding: 0;
}
.btn.btn-icon[class*="btn-flush-"] {
  position: relative;
  border: none;
  background: transparent !important;
}
.btn.btn-icon[class*="btn-flush-"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  background: #298DFF;
  border-radius: 0.5rem;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
}
.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active::before, .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active::before, .btn.btn-icon[class*="btn-flush-"]:hover::before, .btn.btn-icon[class*="btn-flush-"]:focus::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"]:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"]:hover .icon, .btn.btn-icon[class*="btn-flush-"]:focus .icon {
  color: #fff;
}
.btn.btn-icon[class*="btn-flush-"].btn-rounded::before {
  border-radius: 50%;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-success:before {
  background: #00D67F;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:before {
  background: #ebfcf5;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-success.flush-soft-hover:focus .icon {
  color: #00D67F;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-success.disabled, .btn.btn-icon[class*="btn-flush-"].btn-flush-success:disabled {
  color: rgba(0, 214, 127, 0.8);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-danger:before {
  background: #FF0000;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:before {
  background: #ffebeb;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger.flush-soft-hover:focus .icon {
  color: #FF0000;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-danger.disabled, .btn.btn-icon[class*="btn-flush-"].btn-flush-danger:disabled {
  color: rgba(255, 0, 0, 0.8);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary:before {
  background: #6f6f6f;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:before {
  background: #f3f3f3;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.flush-soft-hover:focus .icon {
  color: #6f6f6f;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-secondary.disabled, .btn.btn-icon[class*="btn-flush-"].btn-flush-secondary:disabled {
  color: rgba(158, 158, 158, 0.8);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-primary:before {
  background: var(--neuron-blue-0);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:before {
  background: #ebf3fe;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary.flush-soft-hover:focus .icon {
  color: var(--neuron-blue-0);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-primary.disabled, .btn.btn-icon[class*="btn-flush-"].btn-flush-primary:disabled {
  color: rgba(41, 141, 255, 0.8);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark:before {
  background: #262a2e;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:before {
  background: #f7f7f7;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark.flush-soft-hover:focus .icon {
  color: #262a2e;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-dark.disabled, .btn.btn-icon[class*="btn-flush-"].btn-flush-dark:disabled {
  color: rgba(38, 42, 46, 0.8);
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-light:before {
  background: #6f6f6f;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:before {
  background: #f7f7f7;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:hover .icon, .btn.btn-icon[class*="btn-flush-"].btn-flush-light.flush-soft-hover:focus .icon {
  color: #6f6f6f;
}
.btn.btn-icon[class*="btn-flush-"].btn-flush-light.disabled, .btn.btn-icon[class*="btn-flush-"].btn-flush-light:disabled {
  color: rgba(111, 111, 111, 0.8);
}
.btn.btn-icon.btn-lg {
  height: 45px;
  width: 45px;
}
.btn.btn-icon.btn-lg .btn-icon-wrap {
  font-size: 1.125rem;
}
.btn.btn-icon.btn-sm {
  height: 31px;
  width: 31px;
}
.btn.btn-icon.btn-sm .btn-icon-wrap {
  font-size: 0.875rem;
}
.btn.btn-icon.btn-xs {
  height: 28px;
  width: 28px;
  padding-left: 0;
  padding-right: 0;
}
.btn.btn-icon.btn-xs .btn-icon-wrap {
  font-size: 0.875rem;
}
.btn.btn-rounded {
  border-radius: 50rem !important;
}
.btn.btn-rounded .icon {
  border-radius: 50% !important;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%;
}

/*Button Colors*/

.btn-success {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-success:hover, .btn-success:focus {
  color: #fff;
  background-color: #00c172;
  border-color: #00c172;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #00c172;
  border-color: #00c172;
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #99efcc;
  border-color: #99efcc;
}

.btn-danger {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}
.btn-danger:hover, .btn-danger:focus {
  color: #fff;
  background-color: #e60000;
  border-color: #e60000;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #e60000;
  border-color: #e60000;
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #ff9999;
  border-color: #ff9999;
}

.btn-secondary {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-secondary:hover, .btn-secondary:focus {
  color: #fff;
  background-color: #646464;
  border-color: #646464;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #646464;
  border-color: #646464;
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #c5c5c5;
  border-color: #c5c5c5;
}

.btn-primary {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #005fde;
  border-color: #005fde;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #005fde;
  border-color: #005fde;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #99c3fc;
  border-color: #99c3fc;
}


.btn-light {
  color: #262a2e;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

.btn-light:hover,
.btn-light:focus {
  color: #6f6f6f;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
  color: #262a2e;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}

.btn-light.disabled,
.btn-light:disabled {
  color: #6f6f6f;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

.btn-white {
  color: #262a2e;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:hover, .btn-white:focus {
  color: #5f5f5f;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active {
  color: #5f5f5f;
  background-color: #fff;
  border-color: #fff;
}
.btn-white.disabled, .btn-white:disabled {
  color: #5f5f5f;
  background-color: #fff;
  border-color: #fff;
}

.btn-link {
  color: var(--neuron-blue-0);
  text-decoration: none !important;
}
.btn-link:hover, .btn-link:focus {
  color: var(--neuron-blue-0);
}

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
  box-shadow: none;
}


.btn-group > .btn:hover {
  z-index: 0;
}

.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #005fde;
  border-color: #005fde;
}
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #646464;
  border-color: #646464;
}
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #00c172;
  border-color: #00c172;
}
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e60000;
  border-color: #e60000;
}
.show > .btn-light.dropdown-toggle {
  color: #6f6f6f;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #005fde;
  border-color: #005fde;
}
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #646464;
  border-color: #646464;
}
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #00c172;
  border-color: #00c172;
}
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e60000;
  border-color: #e60000;
}
.show > .btn-outline-light.dropdown-toggle {
  color: #6f6f6f;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

/*Buttons Soft*/

.btn-soft-success {
  color: #00D67F;
  background-color: #ebfcf5;
  border-color: #ebfcf5;
}
.btn-soft-success:hover, .btn-soft-success:focus {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-soft-success:not(:disabled):not(.disabled).active, .btn-soft-success:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-soft-success.disabled, .btn-soft-success:disabled {
  color: #00D67F;
  background-color: #99efcc;
  border-color: #99efcc;
}

.btn-soft-primary {
  color: var(--neuron-blue-0);
  background-color: #ebf3fe;
  border-color: #ebf3fe;
}
.btn-soft-primary:hover, .btn-soft-primary:focus {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-soft-primary:not(:disabled):not(.disabled).active, .btn-soft-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-soft-primary.disabled, .btn-soft-primary:disabled {
  color: var(--neuron-blue-0);
  background-color: #99c3fc;
  border-color: #99c3fc;
}

.btn-soft-light {
  color: #6f6f6f;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.btn-soft-light:hover, .btn-soft-light:focus {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-soft-light:not(:disabled):not(.disabled).active, .btn-soft-light:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-soft-light.disabled, .btn-soft-light:disabled {
  color: #6f6f6f;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

/*Buttons Flush*/

.btn-flush-success {
  color: #00D67F;
  background-color: transparent;
  border-color: transparent;
}
.btn-flush-success:hover, .btn-flush-success:focus {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-flush-success:not(:disabled):not(.disabled).active, .btn-flush-success:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-flush-success.disabled, .btn-flush-success:disabled {
  color: #00D67F;
  background-color: #99efcc;
  border-color: #99efcc;
}
.btn-flush-success.flush-soft-hover:hover, .btn-flush-success.flush-soft-hover:focus, .btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-success.flush-soft-hover:not(:disabled):not(.disabled):active {
  color: #00D67F;
  background-color: #ebfcf5;
  border-color: #ebfcf5;
}

.btn-flush-danger {
  color: #FF0000;
  background-color: transparent;
  border-color: transparent;
}
.btn-flush-danger:hover, .btn-flush-danger:focus {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}
.btn-flush-danger:not(:disabled):not(.disabled).active, .btn-flush-danger:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}
.btn-flush-danger.disabled, .btn-flush-danger:disabled {
  color: #FF0000;
  background-color: #ff9999;
  border-color: #ff9999;
}
.btn-flush-danger.flush-soft-hover:hover, .btn-flush-danger.flush-soft-hover:focus, .btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-danger.flush-soft-hover:not(:disabled):not(.disabled):active {
  color: #FF0000;
  background-color: #ffebeb;
  border-color: #ffebeb;
}

.btn-flush-secondary {
  color: #6f6f6f;
  background-color: transparent;
  border-color: transparent;
}
.btn-flush-secondary:hover, .btn-flush-secondary:focus {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-flush-secondary:not(:disabled):not(.disabled).active, .btn-flush-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-flush-secondary.disabled, .btn-flush-secondary:disabled {
  color: #6f6f6f;
  background-color: #c5c5c5;
  border-color: #c5c5c5;
}
.btn-flush-secondary.flush-soft-hover:hover, .btn-flush-secondary.flush-soft-hover:focus, .btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-secondary.flush-soft-hover:not(:disabled):not(.disabled):active {
  color: #6f6f6f;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.btn-flush-primary {
  color: var(--neuron-blue-0);
  background-color: transparent;
  border-color: transparent;
}
.btn-flush-primary:hover, .btn-flush-primary:focus {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-flush-primary:not(:disabled):not(.disabled).active, .btn-flush-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-flush-primary.disabled, .btn-flush-primary:disabled {
  color: var(--neuron-blue-0);
  background-color: #99c3fc;
  border-color: #99c3fc;
}
.btn-flush-primary.flush-soft-hover:hover, .btn-flush-primary.flush-soft-hover:focus, .btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-primary.flush-soft-hover:not(:disabled):not(.disabled):active {
  color: var(--neuron-blue-0);
  background-color: #ebf3fe;
  border-color: #ebf3fe;
}

.btn-flush-dark {
  color: #262a2e;
  background-color: transparent;
  border-color: transparent;
}
.btn-flush-dark:hover, .btn-flush-dark:focus {
  color: #fff;
  background-color: #262a2e;
  border-color: #262a2e;
}
.btn-flush-dark:not(:disabled):not(.disabled).active, .btn-flush-dark:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #262a2e;
  border-color: #262a2e;
}
.btn-flush-dark.disabled, .btn-flush-dark:disabled {
  color: #fff;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.btn-flush-dark.flush-soft-hover:hover, .btn-flush-dark.flush-soft-hover:focus, .btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active {
  color: #262a2e;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

.btn-flush-light {
  color: #6f6f6f;
  background-color: transparent;
  border-color: transparent;
}
.btn-flush-light:hover, .btn-flush-light:focus {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-flush-light:not(:disabled):not(.disabled).active, .btn-flush-light:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-flush-light.disabled, .btn-flush-light:disabled {
  color: #6f6f6f;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.btn-flush-light.flush-soft-hover:hover, .btn-flush-light.flush-soft-hover:focus, .btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled).active, .btn-flush-light.flush-soft-hover:not(:disabled):not(.disabled):active {
  color: #6f6f6f;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

/*Buttons Gradien*/

/*Buttons Outline*/

.btn-outline-success {
  color: #00D67F;
  background-color: transparent;
  background-image: none;
  border-color: #00D67F;
}
.btn-outline-success:hover, .btn-outline-success:focus {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #00D67F;
  border-color: #00D67F;
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #fff;
  background-color: #99efcc;
  border-color: #99efcc;
}

.btn-outline-danger {
  color: #FF0000;
  background-color: transparent;
  background-image: none;
  border-color: #FF0000;
}
.btn-outline-danger:hover, .btn-outline-danger:focus {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #fff;
  background-color: #ff9999;
  border-color: #ff9999;
}

.btn-outline-secondary {
  color: #6f6f6f;
  background-color: transparent;
  background-image: none;
  border-color: #6f6f6f;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #fff;
  background-color: #c5c5c5;
  border-color: #c5c5c5;
}

.btn-outline-primary {
  color: var(--neuron-blue-0);
  background-color: transparent;
  background-image: none;
  border-color: var(--neuron-blue-0);
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #fff;
  background-color: #99c3fc;
  border-color: #99c3fc;
}

.btn-outline-light {
  color: #6f6f6f;
  background-color: transparent;
  background-image: none;
  border-color: #eaeaea;
}
.btn-outline-light:hover, .btn-outline-light:focus {
  color: #6f6f6f;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
  color: #6f6f6f;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #6f6f6f;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

/*Buttons Check*/

/*Buttons Group*/
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}


.btn-lg {
  font-size: 1.125rem;
  padding: 0.5rem 1.3rem;
  border-radius: 0.375rem;
}


.btn-sm {
  font-size: 0.875rem;
  padding: .25rem .8rem;
  border-radius: 0.375rem;
}


.btn-xs {
  font-size: .75rem;
  padding: .25rem .6rem;
}

/*Button Social*/

/*Wrapper*/
.hk-wrapper {
  position: relative;
}

.hk-pg-wrapper {
  padding: 65px 0 60px;
  position: relative;
  min-height: 100vh;
}

/*Gutter*/
/*Hk Section*/

/*Card*/
.card {
  border-color: #dce2e5;
  box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.05);
  margin-bottom: .875rem;
  border-radius: 0.5rem;
}
.card .card-header {
  background: transparent;
  border-color: #dce2e5;
  padding: 0.75rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.card .card-header > h1, .card .card-header > h2, .card .card-header > h3, .card .card-header > h4, .card .card-header > h5, .card .card-header > h6, .card .card-header > .h1, .card .card-header > .h2, .card .card-header > .h3, .card .card-header > .h4, .card .card-header > .h5, .card .card-header > .h6 {
  margin-bottom: 0;
}
.card .card-header.card-header-action .card-action-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card .card-header.card-header-action .card-action-wrap > a.collapsed {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.card .card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}
.card .card-text {
  margin-bottom: 1rem;
}
.card .card-text:last-child {
  margin-bottom: 0;
}
.card .card-title {
  font-size: 1rem;
  color: #262a2e;
  font-weight: 500;
}
.card .card-body {
  padding: 1.25rem;
  min-height: 1px;
}
.card .card-body > .card-action-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 14px;
  top: 8px;
}
.card .card-body > .card-action-wrap .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
}
.card .card-footer {
  background: transparent;
  border-color: #dce2e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 1.25rem;
}
.card .card-footer:last-child {
  border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.card.fullscreen {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  position: fixed;
  overflow-y: auto;
  z-index: 1040;
  border-radius: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.card.card-flush {
  border: none;
  box-shadow: none;
}
.card.card-border {
  border: 1px solid #dce2e5;
  box-shadow: none;
}

@media (max-width: 1199px) {
  .card.fullscreen {
    left: 0;
  }
}
/*Placehoder*/
.placeholder {
  border-radius: 0.25rem;
}

/*Breadcrumb*/

/*Page Header*/
/*Page Body*/

/*Form*/
.form-group {
  margin-bottom: 1rem;
}

.form-control, .form-select, .wizard > .content > .body input {
  color: #262a2e;
  border-color: #d8d8d8;
  border-radius: 0.375rem;
}
.form-control:focus, .form-select:focus, .wizard > .content > .body input:focus {
  border-color: var(--neuron-blue-0);
  box-shadow: 0 0 0 0.125rem rgba(0, 105, 247, 0.16);
}
.form-control:disabled, .form-select:disabled, .wizard > .content > .body input:disabled {
  color: #b5b5b5;
  background-color: #f7f7f7;
  cursor: not-allowed;
}
.form-control[readonly], [readonly].form-select, .wizard > .content > .body input[readonly] {
  border-color: #c7c7c7;
  box-shadow: none;
  color: #6f6f6f;
  background-color: #f7f7f7;
}
.form-control:hover:not(:disabled):not([readonly]), .form-select:hover:not(:disabled):not([readonly]), .wizard > .content > .body input:hover:not(:disabled):not([readonly]) {
  border-color: var(--neuron-blue-0);
  z-index: 4;
}
/*.form-control::placeholder, .form-select::placeholder, .wizard > .content > .body input::placeholder, .dd-handle::placeholder {
  color: #9e9e9e;
}
.form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, .wizard > .content > .body input::-webkit-input-placeholder, .dd-handle::-webkit-input-placeholder {
  color: #9e9e9e;
}
.form-control:-moz-placeholder, .form-select:-moz-placeholder, .wizard > .content > .body input:-moz-placeholder, .dd-handle:-moz-placeholder {
  color: #9e9e9e;
}
.form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, .wizard > .content > .body input:-ms-input-placeholder, .dd-handle:-ms-input-placeholder {
  color: #9e9e9e;
}*/
.form-control::file-selector-button, .form-select::file-selector-button, .wizard > .content > .body input::file-selector-button, .form-control::-webkit-file-upload-button, .form-select::-webkit-file-upload-button, .wizard > .content > .body input::-webkit-file-upload-button {
  background: #fff !important;
  color: #262a2e;
}

textarea.form-control, textarea.form-select {
  height: auto;
}

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='rgba(47, 52, 58, 0.3)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.form-select:hover:not(:disabled) {
  border-color: var(--neuron-blue-0);
  z-index: 4;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  height: auto;
}

/*Checkbox*/
.form-check-input[type=checkbox] {
  border-radius: 0.125em;
}
.form-check-input:checked {
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.125rem rgba(0, 105, 247, 0.16);
}
.form-check-input:disabled ~ .form-check-label {
  color: #5e7d8a;
}

.form-switch .form-check-input[type=checkbox] {
  border-radius: 2em;
}

/*Form Switch*/
.form-switch.form-switch-lg {
  padding-left: 3.5rem;
}
.form-switch.form-switch-lg .form-check-input {
  height: 1.3em;
  width: 2.8em;
  margin-left: -3.5em;
}
.form-switch.form-switch-lg .form-check-label {
  font-size: 1.025rem;
  margin-top: 0.1rem;
}

/*Form Range*/

/*Form validation*/

.invalid-feedback {
  color: #FF0000;
}

/*Input group*/

.input-group > .btn, .input-group > .form-control, .input-group > .form-select, .wizard > .content > .body .input-group > input, .input-group > .form-select, .input-group > .input-group-text {
  border-radius: 0.375rem;
}

.input-group-text {
  border-color: #d8d8d8;
  background-color: #fff;
  border-width: 1px;
  border-radius: 0.375rem;
  color: #6f6f6f;
  overflow: hidden;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  min-width: 45px;
}

label {
  color: #262a2e;
}

/*Input Search*/

/*Spinner*/
.spinner-border {
  border-width: 0.125em;
}

/*Input Spinner*/

/*Tinymce*/

/*File Upload*/

/*Form-Wizard*/
.wizard > .steps li > a {
  border: 1px solid #d8d8d8;
  border-radius: 0 !important;
  background: #fff !important;
  font-weight: 500;
  position: relative;
}
.wizard > .steps li > a:after {
  content: "\eb74";
  font-family: 'remixicon';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  height: 1rem;
  width: 1rem;
  background: #d8d8d8;
  border-radius: 50%;
  right: 0.5rem;
  top: 0.5rem;
  color: #fff;
  font-size: 0.875rem;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.wizard > .steps li > a:before {
  content: "";
  position: absolute;
  background: transparent;
  height: 3px;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
  color: #262a2e;
}
.wizard > .steps .current a:before, .wizard > .steps .current a:hover:before, .wizard > .steps .current a:active:before {
  background: var(--neuron-blue-0);
}
.wizard > .steps .current.error a, .wizard > .steps .current.error a:hover, .wizard > .steps .current.error a:active {
  color: #FF0000;
}
.wizard > .steps .current.error a:before, .wizard > .steps .current.error a:hover:before, .wizard > .steps .current.error a:active:before {
  background: #FF0000;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
  color: #262a2e;
  overflow: hidden;
}
.wizard > .steps .done a:after, .wizard > .steps .done a:hover:after, .wizard > .steps .done a:active:after {
  background: #00D67F;
}
.wizard > .steps .done a:before, .wizard > .steps .done a:hover:before, .wizard > .steps .done a:active:before {
  background: transparent;
}
.wizard > .content {
  background: #fff;
  border-radius: 0;
  min-height: 100px;
  margin: 0;
  border: none;
  padding-bottom: .625rem;
}
.wizard > .content > .body {
  width: 100%;
  height: auto;
  padding: 1.875rem;
  position: static;
}
.wizard > .content > .body label.error {
  color: #FF0000;
}
.wizard > .content > .body input.error {
  background: #fff;
  border-color: #FF0000 !important;
  color: #262a2e;
}
.wizard > .content > .body input.error:focus {
  box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.25);
}
.wizard > .actions {
  background: #fff;
  padding: .625rem 1.875rem;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  background: var(--neuron-blue-0);
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid var(--neuron-blue-0);
  text-transform: capitalize;
  outline: none;
  font-size: 1rem;
  padding: 0.375rem 1rem;
  border-radius: 0.5rem;
}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
  color: #fff;
  background-color: #99c3fc;
  border-color: #99c3fc;
}

@media (max-width: 991px) {
  .wizard .steps ul > li {
    width: 100%;
  }
}
/*Popover*/
.popover {
  border: none;
  border-radius: 0.5rem;
  font-family: var(--bs-body-font-family);
  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);
}

/*Collapse*/
.collapse-simple > .card {
  margin-bottom: 0;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #dce2e5;
  border-radius: 0;
  padding: 0.5rem 0;
}
.collapse-simple > .card:last-child {
  border-bottom: 0;
}
.collapse-simple > .card > .card-header {
  padding: 0;
  border: 0;
}
.collapse-simple > .card > .card-header > * {
  font-size: 0.875rem;
  font-weight: 500;
  padding: .5rem 0;
  display: block;
  width: 100%;
  color: var(--neuron-blue-0);
  text-align: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  border: none;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.collapse-simple > .card > .card-header > *::before {
  /*content: '\f2f9';
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';*/
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  font-size: 1.25rem;
  text-rendering: auto;
  position: absolute;
  top: 8px;
  right: 0;
  color: rgba(38, 42, 46, 0.3);
}
.collapse-simple > .card > .card-header > *.collapsed:before {
  content: '\f2fc';
}
.collapse-simple > .card > div > .card-body {
  padding: .5rem 0;
}

/*Accordion*/
.accordion .accordion-button {
  color: #262a2e;
  font-weight: 500;
  padding: .75rem 1.25rem;
}
.accordion .accordion-button:not(.collapsed) {
  background: var(--neuron-blue-0);
  color: #fff;
  box-shadow: none;
  border-bottom: 1px solid #d8d8d8;
}
.accordion .accordion-button:not(.collapsed)::after {
  background: none;
  color: rgba(255, 255, 255, 0.3);
}
.accordion .accordion-button:focus {
  box-shadow: none;
}
.accordion .accordion-button::after {
  width: auto;
  height: auto;
  background: none;
  /*content: '\f2f9';
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';*/
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  font-size: 1.25rem;
  text-rendering: auto;
  position: absolute;
  top: 12px;
  right: 20px;
  color: rgba(38, 42, 46, 0.3);
}
.accordion .accordion-item:first-of-type {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.accordion .accordion-item:last-of-type {
  border-bottom-left-radius: calc(0.5rem - 1px);
  border-bottom-right-radius: calc(0.5rem - 1px);
}
.accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}
.accordion.accordion-simple .accordion-button:not(.collapsed) {
  background: transparent;
  color: var(--neuron-blue-0);
}
.accordion.accordion-simple .accordion-button:not(.collapsed)::after {
  color: rgba(38, 42, 46, 0.3);
}

/*Table*/
.table {
  --bs-table-striped-color: #262a2e;
  --bs-table-active-color: #262a2e;
  --bs-table-hover-color: #262a2e;
  --bs-table-hover-bg: #f7f7f7;
  color: #6f6f6f;
  border-color: #dce2e5;
}
.table thead th,
.table tfoot th {
  vertical-align: middle;
  font-weight: 500;
  color: #262a2e;
  font-size: 0.875rem;
  text-transform: capitalize;
}
.table thead th .form-check,
.table tfoot th .form-check {
  font-size: 1rem;
}
.table td, .table th {
  vertical-align: middle;
  padding: .75rem 1.25rem;
}
.table:not(.table-borderless) > :not(:first-child) {
  border-top: 0;
}
.table.nowrap th, .table.nowrap td {
  white-space: nowrap;
}
.table table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
/*Data Table*/
table.dataTable thead td, table.dataTable thead th {
  position: relative;
  background-image: none !important;
}
table.dataTable thead td.sorting_asc, table.dataTable thead td.sorting_desc, table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc {
  color: var(--neuron-blue-0);
  background-image: none !important;
}
table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
  display: inline-block;
  /* font-family: remixicon; */
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875rem;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  z-index: 10;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
  content: "";
  bottom: auto;
  opacity: 1;
}
table.dataTable thead td.sorting::before, table.dataTable thead th.sorting::before {
  content: "\f883";
}
table.dataTable thead td.sorting.sorting_asc::before, table.dataTable thead th.sorting.sorting_asc::before {
  content: "\f884";
}
table.dataTable thead td.sorting.sorting_desc::after, table.dataTable thead th.sorting.sorting_desc::after {
  content: "\f885";
}
table.dataTable thead td.sorting.sorting_desc::before, table.dataTable thead th.sorting.sorting_desc::before {
  content: "";
}
table.dataTable tbody tr.selected td {
  background-color: #ebf3fe;
  color: #262a2e;
}
table.dataTable tbody tr.group, table.dataTable tbody tr.group:hover {
  color: var(--neuron-blue-0) !important;
  font-weight: 600;
  text-transform: uppercase;
}

/*Advance Table*/

/*Apex Chart*/
/*charts*/

/*Nestable*/

/*Treeview*/

/*Modals*/

/*Close*/
.btn-close {
  color: #262a2e;
  opacity: .6;
  outline: none;
  height: auto;
  width: auto;
  text-shadow: none;
  font: normal normal normal 0/1 'Material-Design-Iconic-Font';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-close:before {
  content: "\f136";
  font-size: 1rem;
}
.btn-close:focus {
  box-shadow: none;
}
.btn-close:not(:disabled):not(.disabled):not(.btn-close-white):focus, .btn-close:not(:disabled):not(.disabled):not(.btn-close-white):hover {
  color: #6f6f6f;
  opacity: 1;
}
.btn-close span {
  display: none;
}

/*Sweet-alert*/

/*Notification*/
.alert {
  color: #262a2e;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}
.alert.alert-dismissible .btn-close {
  padding: 0.9rem 1rem;
  color: inherit;
}
.alert.alert-dismissible .btn-close:before {
  position: relative;
  top: -2px;
}
.alert.alert-dismissible .btn-close:hover {
  opacity: 1;
  color: inherit;
}
.alert.alert-light {
  color: #5f5f5f;
  background: #f7f7f7;
  border-color: #eaeaea;
}

.alert-dismissible {
  padding-right: 3rem;
}
/*Toast*/

/*Bootstrap Notify*/

/*Tooltop*/
.tooltip {
  font-size: 0.75rem;
  font-family: var(--bs-body-font-family);
}
.tooltip .tooltip-inner {
  background: #262a2e;
  border-radius: 0.5rem;
}
.tooltip.show {
  opacity: 1;
}

@media (max-width: 1024px) {
  .tooltip {
    display: none !important;
  }
}
/*Images*/

/*Icons*/

.feather-icon {
  line-height: 0 !important;
}

.feather-icon > svg {
  height: 1em;
  width: 1em;
}

/*Carousel*/

.carousel-indicators {
  bottom: 20px;
}
.carousel-indicators li[data-bs-target] {
  width: 6px;
  height: 6px;
  margin-right: .25rem;
  margin-left: .25rem;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
}
.carousel-indicators li[data-bs-target].active {
  background: #b5b5b5;
}
/*Twitter slider*/

/*Color Pickr*/
/*Range Slider*/

/*Daterangepicker*/
/*Profile*/

/*Activity*/
/*Wizards*/
.hk-wizard {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] {
  cursor: pointer;
}
.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-title .hk-wizard-icon,
.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button] .hk-wizard-item-icon .hk-wizard-icon {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-title {
  color: var(--neuron-blue-0);
}
.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active):not(.hk-wizard-item-process) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-icon {
  border-color: var(--neuron-blue-0);
}
.hk-wizard .hk-wizard-item:not(.hk-wizard-item-active):not(.hk-wizard-item-process) > .hk-wizard-item-container[role=button]:hover .hk-wizard-item-icon .hk-wizard-icon {
  color: var(--neuron-blue-0);
}
.hk-wizard:not(.hk-wizard-vertical) .hk-wizard-item-custom .hk-wizard-item-icon {
  width: auto;
  background: 0 0;
}

.hk-wizard-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.hk-wizard-item:last-child {
  flex: none;
}
.hk-wizard-item:last-child > .hk-wizard-item-container > .hk-wizard-item-tail {
  display: none;
}
.hk-wizard-item:last-child > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
  display: none;
}

.hk-wizard-item-container {
  outline: none;
}

.hk-wizard-item-icon {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  margin: 0 .5rem 0 0;
  font-size: 1rem;
  line-height: 32px;
  text-align: center;
  border: 1px solid #c7c7c7;
  border-radius: 2rem;
  transition: background-color .3s, border-color .3s;
}
.hk-wizard-item-icon .hk-wizard-icon {
  position: relative;
  top: -.5px;
  color: var(--neuron-blue-0);
}

.hk-wizard-item-content {
  display: inline-block;
  vertical-align: top;
}

.hk-wizard-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 .625rem;
}
.hk-wizard-item-tail:after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #d8d8d8;
  border-radius: 1px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  content: "";
}

.hk-wizard-item-title {
  position: relative;
  display: inline-block;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 32px;
  color: #262a2e;
}
.hk-wizard-item-title:after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #d8d8d8;
  content: "";
}

.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
  color: #6f6f6f;
}
.hk-wizard-item-wait .hk-wizard-item-icon {
  background-color: #fff;
  border-color: #c7c7c7;
}
.hk-wizard-item-wait .hk-wizard-item-icon > .hk-wizard-icon {
  color: #c7c7c7;
}
.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
  background-color: #d8d8d8;
}
.hk-wizard-item-wait > .hk-wizard-item-container > .hk-wizard-item-tail:after {
  background-color: #d8d8d8;
}

.hk-wizard-item-process .hk-wizard-item-icon {
  background-color: #fff;
  border-color: var(--neuron-blue-0);
}
.hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon {
  color: var(--neuron-blue-0);
}
.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
  color: #262a2e;
}
.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
  background-color: #d8d8d8;
}
.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-tail:after {
  background-color: #d8d8d8;
}
.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-icon {
  background: var(--neuron-blue-0);
}
.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-icon .hk-wizard-icon {
  color: #fff;
}
.hk-wizard-item-process > .hk-wizard-item-container > .hk-wizard-item-title {
  font-weight: 500;
}

.hk-wizard-item-finish .hk-wizard-item-icon {
  background-color: #fff;
  border-color: var(--neuron-blue-0);
}
.hk-wizard-item-finish .hk-wizard-item-icon > .hk-wizard-icon {
  color: var(--neuron-blue-0);
}
.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title {
  color: #262a2e;
}
.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-content > .hk-wizard-item-title:after {
  background-color: var(--neuron-blue-0);
}
.hk-wizard-item-finish > .hk-wizard-item-container > .hk-wizard-item-tail:after {
  background-color: var(--neuron-blue-0);
}

.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item {
  padding-left: 1rem;
  white-space: nowrap;
}
.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:first-child {
  padding-left: 0;
}
.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item:last-child .hk-wizard-item-title {
  padding-right: 0;
}
.hk-wizard-horizontal:not(.hk-wizard-label-vertical) .hk-wizard-item-tail {
  display: none;
}

.hk-wizard-item-custom > .hk-wizard-item-container > .hk-wizard-item-icon {
  height: auto;
  background: 0 0;
  border: 0;
}
.hk-wizard-item-custom > .hk-wizard-item-container > .hk-wizard-item-icon > .hk-wizard-icon {
  top: 0;
  left: .5px;
  width: 32px;
  height: 32px;
  font-size: 1.5rem;
  line-height: 32px;
}

.hk-wizard-item-custom.hk-wizard-item-process .hk-wizard-item-icon > .hk-wizard-icon {
  color: var(--neuron-blue-0);
}

/*Pricing Table*/

/*Dropdown*/
.dropdown-toggle.no-caret:after {
  display: none;
}
.dropdown-toggle:after {
  /* content: '\f2f9'; */
  /* font: normal normal normal 1rem/1 'Material-Design-Iconic-Font'; */
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  border: none !important;
  vertical-align: 0 !important;
  margin-left: .4em;
}

.btn.btn-lg.dropdown-toggle:after, .btn.btn-lg.dropdown-toggle:before, .btn.btn-sm.dropdown-toggle:after, .btn.btn-sm.dropdown-toggle:before, .btn.btn-xs.dropdown-toggle:after, .btn.btn-xs.dropdown-toggle:before {
  font-size: inherit;
}

.dropdown-menu {
  color: #6f6f6f;
  border: none;
  border-radius: 0.5rem;
  padding: .5rem;
  box-shadow: 0px 6px 16px rgba(47, 52, 58, 0.1);
}
.dropdown-menu .dropdown-header {
  color: #9e9e9e;
  padding: .5rem .75rem;
  font-weight: 500;
}
.dropdown-menu .dropdown-item {
  color: #262a2e;
  cursor: pointer;
  border-radius: .25rem;
  padding: .25rem .75rem;
}
.dropdown-menu .dropdown-item .dropdown-icon {
  font-size: 1.125rem;
  margin-right: .625rem;
  width: 21px;
  position: relative;
  top: 2px;
}
.dropdown-menu .dropdown-item .dropdown-icon.feather-icon {
  top: -2px;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  background-color: var(--neuron-blue-0);
  color: #fff;
}
.dropdown-menu .dropdown-item:focus:not(.active):not(.disabled), .dropdown-menu .dropdown-item:hover:not(.active):not(.disabled) {
  background-color: #f7f7f7;
  color: #262a2e;
}
.dropdown-menu .dropdown-item:disabled, .dropdown-menu .dropdown-item.disabled {
  color: #b5b5b5;
  background-color: transparent;
}

.dropdown-divider {
  border-color: #dce2e5;
  margin-right: -.5rem;
  margin-left: -.5rem;
}

.dropdown-menu.animated {
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

/*Avatar*/
.avatar {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
  background-color: transparent;
}
.avatar .avatar-img,
.avatar .initial-wrap {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.avatar > .initial-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 1.1rem;
  font-weight: 600;
}
.avatar.avatar-rounded .avatar-img,
.avatar.avatar-rounded .initial-wrap {
  border-radius: 50%;
}
.avatar.avatar-sm {
  width: 3rem;
  height: 3rem;
}
.avatar.avatar-sm > .initial-wrap {
  font-size: 1rem;
}
.avatar.avatar-xs {
  width: 2rem;
  height: 2rem;
}
.avatar.avatar-xs > .initial-wrap {
  font-size: 0.75rem;
}
.avatar.avatar-cyan > .initial-wrap {
  background-color: #18DDEF !important;
  color: #fff;
}
.avatar.avatar-info > .initial-wrap {
  background-color: #18DDEF !important;
  color: #fff;
}
.avatar.avatar-sky > .initial-wrap {
  background-color: #00B0FF !important;
  color: #fff;
}
.avatar.avatar-green > .initial-wrap {
  background-color: #00D67F !important;
  color: #fff;
}
.avatar.avatar-success > .initial-wrap {
  background-color: #00D67F !important;
  color: #fff;
}
.avatar.avatar-red > .initial-wrap {
  background-color: #FF0000 !important;
  color: #fff;
}
.avatar.avatar-danger > .initial-wrap {
  background-color: #FF0000 !important;
  color: #fff;
}
.avatar.avatar-yellow > .initial-wrap {
  background-color: #FFC400 !important;
  color: #fff;
}
.avatar.avatar-warning > .initial-wrap {
  background-color: #FFC400 !important;
  color: #fff;
}
.avatar.avatar-pink > .initial-wrap {
  background-color: #E92990 !important;
  color: #fff;
}
.avatar.avatar-purple > .initial-wrap {
  background-color: #C02FF3 !important;
  color: #fff;
}
.avatar.avatar-violet > .initial-wrap {
  background-color: #7429F8 !important;
  color: #fff;
}
.avatar.avatar-indigo > .initial-wrap {
  background-color: var(--neuron-blue-0) !important;
  color: #fff;
}
.avatar.avatar-blue > .initial-wrap {
  background-color: #298DFF !important;
  color: #fff;
}
.avatar.avatar-primary > .initial-wrap {
  background-color: var(--neuron-blue-0) !important;
  color: #fff;
}
.avatar.avatar-teal > .initial-wrap {
  background-color: #007D88 !important;
  color: #fff;
}
.avatar.avatar-neon > .initial-wrap {
  background-color: #81E230 !important;
  color: #fff;
}
.avatar.avatar-lime > .initial-wrap {
  background-color: #C2E939 !important;
  color: #fff;
}
.avatar.avatar-sun > .initial-wrap {
  background-color: #FFEA00 !important;
  color: #262a2e;
}
.avatar.avatar-orange > .initial-wrap {
  background-color: #FF9100 !important;
  color: #fff;
}
.avatar.avatar-pumpkin > .initial-wrap {
  background-color: #FF5700 !important;
  color: #fff;
}
.avatar.avatar-brown > .initial-wrap {
  background-color: #954D15 !important;
  color: #fff;
}
.avatar.avatar-gold > .initial-wrap {
  background-color: #C39749 !important;
  color: #fff;
}
.avatar.avatar-dark > .initial-wrap {
  background-color: #262a2e !important;
  color: #fff;
}
.avatar.avatar-light > .initial-wrap {
  background-color: #eaeaea !important;
  color: #262a2e;
}
.avatar.avatar-grey > .initial-wrap {
  background-color: #9e9e9e !important;
  color: #fff;
}
.avatar.avatar-secondary > .initial-wrap {
  background-color: #6f6f6f !important;
  color: #fff;
}
.avatar.avatar-soft-cyan > .initial-wrap {
  background-color: #edfcfe !important;
  color: #18DDEF;
}
.avatar.avatar-soft-info > .initial-wrap {
  background-color: #edfcfe !important;
  color: #18DDEF;
}
.avatar.avatar-soft-sky > .initial-wrap {
  background-color: #ebf9ff !important;
  color: #00B0FF;
}
.avatar.avatar-soft-green > .initial-wrap {
  background-color: #ebfcf5 !important;
  color: #00D67F;
}
.avatar.avatar-soft-success > .initial-wrap {
  background-color: #ebfcf5 !important;
  color: #00D67F;
}
.avatar.avatar-soft-red > .initial-wrap {
  background-color: #ffebeb !important;
  color: #FF0000;
}
.avatar.avatar-soft-danger > .initial-wrap {
  background-color: #ffebeb !important;
  color: #FF0000;
}
.avatar.avatar-soft-yellow > .initial-wrap {
  background-color: #fffaeb !important;
  color: #FFC400;
}
.avatar.avatar-soft-warning > .initial-wrap {
  background-color: #fffaeb !important;
  color: #FFC400;
}
.avatar.avatar-soft-pink > .initial-wrap {
  background-color: #fdeef6 !important;
  color: #E92990;
}
.avatar.avatar-soft-purple > .initial-wrap {
  background-color: #faeefe !important;
  color: #C02FF3;
}
.avatar.avatar-soft-violet > .initial-wrap {
  background-color: #f4eefe !important;
  color: #7429F8;
}
.avatar.avatar-soft-indigo > .initial-wrap {
  background-color: #ebf3fe !important;
  color: var(--neuron-blue-0);
}
.avatar.avatar-soft-blue > .initial-wrap {
  background-color: #eef6ff !important;
  color: #298DFF;
}
.avatar.avatar-soft-primary > .initial-wrap {
  background-color: #ebf3fe !important;
  color: var(--neuron-blue-0);
}
.avatar.avatar-soft-teal > .initial-wrap {
  background-color: #ebf5f5 !important;
  color: #007D88;
}
.avatar.avatar-soft-neon > .initial-wrap {
  background-color: #f5fdee !important;
  color: #81E230;
}
.avatar.avatar-soft-lime > .initial-wrap {
  background-color: #fafdef !important;
  color: #C2E939;
}
.avatar.avatar-soft-sun > .initial-wrap {
  background-color: #fffdeb !important;
  color: #FFEA00;
}
.avatar.avatar-soft-orange > .initial-wrap {
  background-color: #fff6eb !important;
  color: #FF9100;
}
.avatar.avatar-soft-pumpkin > .initial-wrap {
  background-color: #fff2eb !important;
  color: #FF5700;
}
.avatar.avatar-soft-brown > .initial-wrap {
  background-color: #f7f1ec !important;
  color: #954D15;
}
.avatar.avatar-soft-gold > .initial-wrap {
  background-color: #faf7f0 !important;
  color: #C39749;
}
.avatar.avatar-soft-dark > .initial-wrap {
  background-color: #d8d8d8 !important;
  color: #262a2e;
}
.avatar.avatar-soft-light > .initial-wrap {
  background-color: #f7f7f7 !important;
  color: #6f6f6f;
}
.avatar.avatar-soft-grey > .initial-wrap {
  background-color: #f7f7f7 !important;
  color: #9e9e9e;
}
.avatar.avatar-soft-secondary > .initial-wrap {
  background-color: #f3f3f3 !important;
  color: #6f6f6f;
}

.avatar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.avatar-group .avatar {
  width: 2.625rem;
  height: 2.625rem;
}
.avatar-group .avatar .avatar-img,
.avatar-group .avatar > .initial-wrap {
  border: 2px solid #fff;
  font-size: .9rem;
}
.avatar-group.avatar-group-overlapped .avatar {
  margin-right: -.875rem;
}
.avatar-group.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}
.avatar-group.avatar-group-sm .avatar {
  width: 2rem;
  height: 2rem;
}
.avatar-group.avatar-group-sm .avatar > .initial-wrap {
  font-size: .6rem;
}
.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}

/*Pagination*/
.pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-link {
  color: #262a2e;
  border-color: #d8d8d8;
  min-width: 40px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.page-link:focus, .page-link:hover {
  color: #262a2e;
  box-shadow: none;
  background-color: #eaeaea;
  border-color: #d8d8d8;
}

.pagination .page-item.active .page-link {
  background: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
  color: #fff;
}
.pagination .page-item.disabled .page-link {
  color: #b5b5b5;
}
.pagination .page-item:first-child .page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.pagination .page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.pagination.custom-pagination .page-item + .page-item {
  padding-left: .5rem;
  margin: 0;
}
.pagination.custom-pagination .page-link {
  padding: .5rem .8rem;
  border-radius: 0.5rem;
}
.pagination.custom-pagination.pagination-filled .page-item:not(.active) .page-link {
  background: #f7f7f7;
  border-color: #f7f7f7;
}
.pagination.custom-pagination.pagination-filled .page-item:not(.active):hover .page-link {
  background-color: #eaeaea;
}

/*Badge*/
.badge {
  font-weight: 500;
  border-radius: 0.5rem;
  padding: .5rem .625rem;
  font-size: 80%;
  min-width: 25px;
  letter-spacing: 0.3px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
}
.badge.badge-indicator {
  width: 10px;
  height: 10px;
  min-width: initial;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0;
  position: relative;
}
.badge.badge-indicator:empty {
  display: inline-block;
}
.badge.badge-indicator.badge-indicator-xl {
  width: 16px;
  height: 16px;
}
@-webkit-keyframes ripple {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  to {
    transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  to {
    transform: scale(2.4);
    opacity: 0;
  }
}
.badge > span {
  display: flex;
  align-items: center;
}
.badge > span .icon {
  display: flex;
  font-size: 0.875rem;
  margin-right: .25rem;
}
.badge > span .badge-dot {
  display: flex;
  font-size: 8px;
  margin-right: .25rem;
}
.badge.badge-sm {
  font-size: 60%;
  padding: .25rem .5rem;
  min-width: 19px;
}
.badge.badge-sm > span .badge-dot {
  font-size: .375rem;
}
.badge.badge-sm > span .icon {
  font-size: 0.75rem;
}
.badge.badge-info {
  background: #18DDEF;
  color: #fff;
}
.badge.badge-success {
  background: #00D67F;
  color: #fff;
}
.badge.badge-danger {
  background: #FF0000;
  color: #fff;
}
.badge.badge-primary {
  background: var(--neuron-blue-0);
  color: #fff;
}
.badge.badge-secondary {
  background: #6f6f6f;
  color: #fff;
}
.badge.badge-light {
  background: #eaeaea;
  color: #262a2e;
}
.badge.badge-outline {
  background: transparent;
  border: 1px solid;
}
.badge.badge-outline.badge-info {
  border-color: #18DDEF;
  color: #18DDEF;
}
.badge.badge-outline.badge-success {
  border-color: #00D67F;
  color: #00ab66;
}
.badge.badge-outline.badge-danger {
  border-color: #FF0000;
  color: #e60000;
}
.badge.badge-outline.badge-secondary {
  border-color: #6f6f6f;
  color: #6f6f6f;
}
.badge.badge-outline.badge-light {
  border-color: #eaeaea;
  color: #262a2e;
}
.badge.badge-outline.badge-primary {
  border-color: var(--neuron-blue-0);
  color: var(--neuron-blue-0);
}
.badge.badge-soft-green {
  background: #ebfcf5;
  color: #00ab66;
}
.badge.badge-soft-success {
  background: #ebfcf5;
  color: #00ab66;
}
.badge.badge-soft-danger {
  background: #ffebeb;
  color: #e60000;
}
.badge.badge-soft-warning {
  background: #fffaeb;
  color: #cc9d00;
}
.badge.badge-soft-indigo {
  background: #ebf3fe;
  color: var(--neuron-blue-0);
}
.badge.badge-soft-blue {
  background: #eef6ff;
  color: #298DFF;
}
.badge.badge-soft-primary {
  background: #ebf3fe;
  color: var(--neuron-blue-0);
}
.badge.badge-soft-secondary {
  background: #f3f3f3;
  color: #6f6f6f;
}
.badge.badge-soft-light {
  background: #f7f7f7;
  color: #6f6f6f;
}
.badge.badge-pill {
  border-radius: 50rem;
}

a.badge {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
a.badge:hover, a.badge:focus {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 0.1875rem 0.5rem rgba(47, 52, 58, 0.3) !important;
}
a.badge-info:hover, a.badge-info:focus {
  background: #18DDEF;
  color: #fff;
  box-shadow: 0 0.1875rem 0.5rem rgba(24, 221, 239, 0.3) !important;
}
a.badge-primary:hover, a.badge-primary:focus {
  background: var(--neuron-blue-0);
  color: #fff;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 105, 247, 0.3) !important;
}
a.badge-success:hover, a.badge-success:focus {
  background: #00D67F;
  color: #fff;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 214, 127, 0.3) !important;
}
a.badge-danger:hover, a.badge-danger:focus {
  background: #FF0000;
  color: #fff;
  box-shadow: 0 0.1875rem 0.5rem rgba(255, 0, 0, 0.3) !important;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  background: #6f6f6f;
  color: #fff;
  box-shadow: 0 0.1875rem 0.5rem rgba(111, 111, 111, 0.3) !important;
}
a.badge-light:hover, a.badge-light:focus {
  background: #eaeaea;
  color: #262a2e;
  box-shadow: 0 0.1875rem 0.5rem #d8d8d8 !important;
}
a.badge-outline:hover, a.badge-outline:focus {
  background: transparent;
  box-shadow: none;
}

.badge-on-text .badge {
  position: relative;
  top: -5px;
  right: 0;
}

/*List Group*/
.list-group-item {
  border-color: #d8d8d8;
}
.list-group-item:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.list-group-item.active {
  background-color: var(--neuron-blue-0);
  border-color: var(--neuron-blue-0);
}
.list-group-item.active h1, .list-group-item.active h2, .list-group-item.active h3, .list-group-item.active h4, .list-group-item.active h5, .list-group-item.active h6 {
  color: #fff;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #b5b5b5;
}

/*Google Map*/

/*Vecotor Map*/

/*Progressbar*/
.progress {
  border-radius: 0;
}
.progress .progress-bar {
  background-color: var(--neuron-blue-0);
}

/*Togglable*/
.hk-sidebar-togglable {
  height: 25px;
  width: 25px;
  left: -12.5px;
  border-radius: 50%;
  top: 52px;
  position: absolute;
  background: #fff;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  box-shadow: 0 0.125rem 0.125rem rgba(47, 52, 58, 0.1) !important;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  z-index: 2;
}
.hk-sidebar-togglable:after {
  /* content: "\ea62";
  font-family: remixicon; */
  font-family: "Font Awesome 5 Pro";
  content: "\f053";
  text-rendering: auto;
}
.hk-sidebar-togglable.active {
  -webkit-transform: translateX(32px);
  -moz-transform: translateX(32px);
  -ms-transform: translateX(32px);
  -o-transform: translateX(32px);
  transform: translateX(32px);
}
.hk-sidebar-togglable.active:after {
  /* content: "\ea6c"; */
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
}

/*Advance List*/
.advance-list {
  padding-left: 0;
}
.advance-list > li {
  margin-bottom: 1.25rem;
}
.advance-list > li:last-child {
  margin-bottom: 0;
}

.advance-list-item {
  padding: .5rem 1.25rem;
  min-height: 50px;
  border: 1px solid #d8d8d8;
  border-radius: 0.5rem;
  list-style: none;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.advance-list-item:hover {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
  z-index: 1;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/*Light Gallery*/

/*Cropperjs*/

/*Bootstrap TimeOut*/

/*Hopscotch*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*Rating*/

/*Tinyemce*/
.editable {
  outline: none;
}

.tox.tox-tinymce {
  z-index: 11;
}

/*Chips*/
.chip {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.chip > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: .5rem;
  color: #262a2e;
}
.chip .chip-text {
  pointer-events: none;
}
.chip input {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.chip input + span {
  pointer-events: none;
}
.chip.chip-primary > span {
  background-color: #ebf3fe;
  border: 1px solid #ebf3fe;
  color: var(--neuron-blue-0);
}
.chip.chip-primary:hover input + span {
  border-color: #c7defd;
  background-color: #c7defd;
}
.chip.chip-primary input:checked + span {
  color: #fff;
  border-color: var(--neuron-blue-0);
  background-color: var(--neuron-blue-0);
}
.chip.chip-secondary > span {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  color: #262a2e;
}
.chip.chip-secondary:hover input + span {
  border-color: #eaeaea;
  background-color: #eaeaea;
}
.chip.chip-secondary input:checked + span {
  color: #fff;
  border-color: #262a2e;
  background-color: #262a2e;
}
.chip.chip-disabled {
  cursor: not-allowed;
}
.chip.chip-disabled input {
  pointer-events: none;
}
.chip.chip-disabled > span {
  border-color: #f7f7f7 !important;
  background-color: #f7f7f7 !important;
  color: #b5b5b5 !important;
}
.chip.chip-disabled > span .btn-close {
  color: #b5b5b5 !important;
  pointer-events: none;
}

/*Playlist widget*/

/*Ribbons*/

/*Advance Badges*/

/*Callout*/
.callout {
  margin-bottom: 0;
}

/*Toolbar*/

/*Filter Component*/

/*Content sidebar*/

/*Fixed Footer*/

/*Dragula*/

/*Authantication Pages*/
/****************************/
/** Componets Import **/
/****************************/
/*------------------------------------------------------------------
[Header]
Project:	Appster
-------------------------------------------------------------------*/
/*Top Nav*/
.hk-wrapper .hk-navbar {
  height: 65px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  box-shadow: 0 0 1.75rem rgba(0, 0, 0, 0.07);
}
.hk-wrapper .hk-navbar .navbar-nav .nav-item .dropdown .dropdown-menu {
  position: absolute;
}
.hk-wrapper .hk-navbar .nav-start-wrap,
.hk-wrapper .hk-navbar .nav-end-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hk-wrapper .hk-navbar .nav-start-wrap > .navbar-nav,
.hk-wrapper .hk-navbar .nav-end-wrap > .navbar-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hk-wrapper .hk-navbar .navbar-brand .brand-img:last-child {
  margin-left: 0.5rem;
}

@media (min-width: 992px) {
  .hk-wrapper .hk-navbar {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease;
  }
}
@media (min-width: 1200px) {
  .hk-wrapper .hk-navbar .nav-start-wrap,
  .hk-wrapper .hk-navbar .nav-end-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hk-wrapper .hk-navbar .nav-start-wrap > .navbar-nav,
  .hk-wrapper .hk-navbar .nav-end-wrap > .navbar-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/*------------------------------------------------------------------
[Footer]
Project:	Appster
-------------------------------------------------------------------*/
/*Footer*/
[data-footer="simple"].hk-wrapper .hk-pg-wrapper {
  padding-bottom: 120px;
}
[data-footer="simple"] .hk-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #dce2e5;
  background: var(--bs-body-bg);
}
[data-footer="simple"] .hk-footer .footer > .row {
  height: 60px;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 22px 0;
}
[data-footer="simple"] .hk-footer .footer .footer-text {
  font-size: 0.75rem;
}
[data-footer="simple"] .hk-footer .footer .footer-text a {
  color: var(--neuron-blue-0);
}
[data-footer="simple"] .hk-footer .footer .footer-text .copy-text {
  padding-right: 5px;
}
[data-footer="simple"] .hk-footer .footer .footer-text .footer-link-sep {
  padding: 0 5px;
  color: #d8d8d8;
}
@media (max-width: 1199px) {
  [data-footer="simple"] .hk-footer .footer > .row {
    height: auto;
  }
  [data-footer="simple"] .hk-footer .footer > .row > .col-xl-6 .col-xl-4 {
    margin-bottom: 1.875rem;
  }
  [data-footer="simple"] .hk-footer .footer > .row > .col-xl-6 .col-xl-4:last-child {
    margin-bottom: 0;
  }
  [data-footer="simple"] .hk-footer .footer .footer-text {
    text-align: center;
    margin-bottom: .625rem;
  }
}
@media (max-width: 666px) {
  [data-footer="simple"].hk-wrapper .hk-pg-wrapper {
    padding-bottom: 10rem;
  }
}
/*------------------------------------------------------------------
[Nav]
Project:	Appster
-------------------------------------------------------------------*/
/*Navbar*/
.navbar .navbar-brand {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.navbar.navbar-light {
  background: #fff;
}
.navbar.navbar-light .badge.badge-indicator {
  border-color: #fff;
}

/*Nav*/
.nav-link {
  color: var(--neuron-blue-0);
}
.nav-link:hover, .nav-link:focus {
  color: #3d8df9;
}

.nav .nav-item {
  position: relative;
}
.nav.nav-icon > .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.nav.nav-icon > .nav-item .nav-link > .nav-icon-wrap {
  margin-right: .875rem;
  font-size: 1.25rem;
  line-height: 0;
  position: relative;
}
.nav.nav-pills > .nav-item > .nav-link {
  border-radius: 0.5rem;
  margin-left: .25rem;
  margin-right: .25rem;
}
.nav.nav-pills > .nav-item > .nav-link.active {
  background-color: var(--neuron-blue-0) !important;
}
.nav.nav-pills > .nav-item > .nav-link.active:after {
  color: rgba(255, 255, 255, 0.6);
}
.nav.nav-pills .show > .nav-link {
  background-color: transparent;
}
.nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active {
  background-color: #ebf3fe !important;
  color: var(--neuron-blue-0) !important;
}
.nav.nav-pills.nav-pills-soft > .nav-item > .nav-link.active:after {
  color: inherit;
}
.nav.nav-line > .nav-item > .nav-link {
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.nav.nav-line > .nav-item > .nav-link.active {
  border-color: var(--neuron-blue-0) !important;
}
.nav.nav-light .nav-link {
  color: #262a2e;
}
.nav.nav-light .nav-link:hover, .nav.nav-light .nav-link:focus {
  color: rgba(38, 42, 46, 0.8);
}
.nav.nav-light .nav-link.disabled {
  color: rgba(38, 42, 46, 0.3);
}
.nav.nav-light .nav-link.active {
  color: var(--neuron-blue-0);
}
.nav.nav-light .nav-link:after {
  color: rgba(38, 42, 46, 0.3);
}
.nav.nav-light .nav-item.show .nav-link {
  color: #262a2e;
}
.nav.nav-light.nav-pills > .nav-item > .nav-link.active {
  color: #fff;
}
.nav.nav-light.nav-pills > .nav-item > .nav-link.active:hover, .nav.nav-light.nav-pills > .nav-item > .nav-link.active:focus {
  color: #fff;
}
.nav.nav-light.nav-pills > .nav-item > .nav-link {
  color: #262a2e;
}
.nav.nav-light.nav-pills > .nav-item > .nav-link:hover, .nav.nav-light.nav-pills > .nav-item > .nav-link:focus {
  background: rgba(38, 42, 46, 0.08);
}
.nav.nav-light.nav-pills > .nav-item > .nav-link.disabled {
  color: rgba(38, 42, 46, 0.3);
}

.nav-tabs {
  border-bottom: 1px solid #d8d8d8;
}
.nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-item.show .nav-link:focus,
.nav-tabs > .nav-item > .nav-link:hover,
.nav-tabs > .nav-item > .nav-link:focus {
  border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link.active,
.nav-tabs > .nav-item > .nav-link.active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
}
.nav-tabs .nav-item.show .nav-link {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
}
.nav-tabs.nav-pills {
  border-bottom: 0;
}
.nav-tabs.nav-pills > .nav-item {
  margin-bottom: 0;
}
.nav-tabs.nav-pills > .nav-item > .nav-link {
  border: none !important;
}
.nav-tabs.nav-light > .nav-item > .nav-link.active {
  background: var(--bs-body-bg);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
}
.nav-tabs.nav-light .nav-item.show .nav-link {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
}
.nav-tabs.nav-line {
  border-bottom: 0;
}
.nav-tabs.nav-line > .nav-item {
  margin-bottom: 0;
}
.nav-tabs.nav-line > .nav-item > .nav-link {
  background: transparent;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}
.nav-tabs.nav-line > .nav-item > .nav-link.active {
  background: transparent;
}

.tab-content {
  margin-top: 1rem;
}

.nav-segmented-tabs {
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
}
.nav-segmented-tabs > .nav-item {
  margin-right: -1px;
}
.nav-segmented-tabs > .nav-item:first-child .nav-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.nav-segmented-tabs > .nav-item:last-child .nav-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.nav-segmented-tabs > .nav-item > .nav-link {
  border: 1px solid #d8d8d8 !important;
  border-radius: 0;
  text-align: center;
  background: transparent;
  height: 100%;
}
.nav-segmented-tabs > .nav-item > .nav-link.active {
  color: #fff !important;
  background: var(--neuron-blue-0) !important;
  border-color: var(--neuron-blue-0) !important;
}

/*Section Nav*/
.hk-wrapper[data-aside="fixed"] .hk-pg-wrapper {
  margin-right: 180px;
}

@media (max-width: 767px) {
  .hk-wrapper[data-aside="fixed"] .hk-pg-wrapper {
    margin-right: 0;
  }
}

/*------------------------------------------------------------------
[Classic Menu]
Project:	Jampack
--------------------------------------------------------------------*/
/**Vertical Navigation**/
.hk-wrapper[data-layout="vertical"] .hk-pg-wrapper {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hk-wrapper[data-layout="vertical"] .hk-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 270px;
  margin-left: 0;
  z-index: 1032;
  box-shadow: 0 0 1.75rem rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /*Sidebar fixednav*/
  /*Horizontal Scrollbar*/
}
.hk-wrapper[data-layout="vertical"] .hk-menu > .nicescroll-bar {
  overflow: auto;
  flex: 1 1 auto;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap {
  padding: 1.5rem;
  position: relative;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-header {
  padding: 0 0 .5rem 0;
  font-size: 0.875rem;
  color: #9e9e9e;
  font-weight: 500;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem 1rem;
  margin: 0 -1rem;
  white-space: nowrap;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {
  -webkit-transition: -webkit-transform 0.25s ease;
  -moz-transition: -moz-transform 0.25s ease;
  transition: transform 0.25s ease;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: .875rem;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
  font-size: 1.5rem;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  position: absolute;
  right: 1rem;
  z-index: -1;
  /* content: '\f2f9';
  font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font'; */
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  text-rendering: auto;
  margin-left: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
  color: var(--neuron-blue-0) !important;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
  background: rgba(0, 105, 247, 0.15);
  color: var(--neuron-blue-0) !important;
  border-radius: 0.5rem;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
  position: relative;
  padding: 0.5rem 0;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {
  font-size: 0.875rem;
  padding: 0.15rem 0 0.15rem 1.4rem;
  margin: 0 0 0 1rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  right: 0;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {
  padding: 0.15rem 0 0.15rem 2rem;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-gap {
  height: 25px;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header {
  padding: 0.5rem 1.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 auto;
  height: 65px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header .navbar-toggle {
  flex-shrink: 0;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
  margin-left: 0.5rem;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {
  margin-left: 0;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {
  left: 0;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-menu {
  left: -270px;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu {
  left: 0;
}
.hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1031;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: rgba(38, 42, 46, 0.5);
  opacity: 1;
  height: auto;
  width: auto;
  visibility: visible;
}
.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu {
  background: #fff;
}
.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
  color: #262a2e;
}
.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  color: rgba(38, 42, 46, 0.3);
}
.hk-wrapper[data-layout="vertical"][data-menu="light"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
  background: #d8d8d8;
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu {
  background: #262a2e;
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  color: rgba(255, 255, 255, 0.3);
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
  color: #fff !important;
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
  background: rgba(255, 255, 255, 0.15);
  color: #fff !important;
  border-radius: 0.5rem;
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
  background: rgba(255, 255, 255, 0.15);
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .btn.btn-flush-dark {
  color: #fff;
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .btn.btn-flush-dark.flush-soft-hover:before {
  background: #2a2f34;
}
.hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .btn.btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled).active .icon, .hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .btn.btn-flush-dark.flush-soft-hover:not(:disabled):not(.disabled):active .icon, .hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .btn.btn-flush-dark.flush-soft-hover:hover .icon, .hk-wrapper[data-layout="vertical"][data-menu="dark"] .hk-menu .btn.btn-flush-dark.flush-soft-hover:focus .icon {
  color: #fff;
}

/* @media (min-width: 1200px) { SZOK - wymuszenie menu w nizszych rozdzialkach */
@media (min-width: 800px) {
  .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-pg-wrapper {
    margin-left: 270px;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-navbar {
    left: 270px;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="default"] .hk-menu {
    left: 0;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-pg-wrapper {
    margin-left: 72px;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-navbar {
    left: 72px;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu {
    width: 72px;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap > .callout {
    display: none;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .nav-header {
    display: none;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {
    visibility: hidden;
    flex-shrink: 0;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]::after {
    right: -1.5rem;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-group .collapse.show {
    display: none;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-content-wrap .menu-gap {
    display: none;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
    display: none;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu .navbar-toggle {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover {
    width: 270px;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap > .callout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .nav-header {
    display: block;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link > *:not(.nav-icon-wrap) {
    visibility: visible;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link[data-bs-toggle="collapse"]::after {
    right: 1rem;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-group .collapse.show {
    display: -ms-flexbox;
    display: flex;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-content-wrap .menu-gap {
    display: block;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"][data-hover="active"] .hk-menu:hover .menu-header > span .navbar-brand .brand-img:last-child {
    display: inline;
  }
  .hk-wrapper[data-layout="vertical"][data-layout-style="collapsed"] .hk-menu-backdrop {
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
  }
}
/*------------------------------------------------------------------
[Horizontal Menu]
Project:	Jampack
--------------------------------------------------------------------*/
/**Horizontal Navigation**/
/*------------------------------------------------------------------
[Navbar Menu]
Project:	Jampack
--------------------------------------------------------------------*/
/**Navbar Navigation**/
.hk-wrapper[data-layout="navbar"] .hk-pg-wrapper {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hk-wrapper[data-layout="navbar"] .hk-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 270px;
  margin-left: 0;
  z-index: 1032;
  border-right: 1px solid #eaeaea;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hk-wrapper[data-layout="navbar"] .hk-menu > .nicescroll-bar {
  overflow: auto;
  flex: 1 1 auto;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap {
  padding: 1.5rem;
  position: relative;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-header {
  padding: 0 0 .5rem 0;
  font-size: 0.875rem;
  color: var(--neuron-blue-0);
  font-weight: 500;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem 1rem;
  margin: 0 -1rem;
  white-space: nowrap;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link > * {
  -webkit-transition: -webkit-transform 0.25s ease;
  -moz-transition: -moz-transform 0.25s ease;
  transition: transform 0.25s ease;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: .875rem;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link .nav-icon-wrap > *:not(.badge) {
  font-size: 1.5rem;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  position: absolute;
  right: 1rem;
  z-index: -1;
  /* content: '\f2f9';
  font: normal normal normal 1.125rem/1 'Material-Design-Iconic-Font'; */
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  text-rendering: auto;
  margin-left: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link:hover > * {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item.active > .nav-link {
  color: var(--neuron-blue-0) !important;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {
  color: var(--neuron-blue-0) !important;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul {
  position: relative;
  padding: 0.5rem 0;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link {
  font-size: 0.875rem;
  padding: 0.15rem 0 0.15rem 1.4rem;
  margin: 0 0 0 1rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  right: 0;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-group .nav-children .nav-children .nav-item .nav-link {
  padding: 0.15rem 0 0.15rem 2rem;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-content-wrap .menu-gap {
  height: 25px;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header {
  padding: 0.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 auto;
  height: 65px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header .navbar-toggle {
  flex-shrink: 0;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}
.hk-wrapper[data-layout="navbar"] .hk-menu .menu-header > span .navbar-brand .brand-img:last-child {
  margin-left: 0.5rem;
}
.hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-pg-wrapper {
  margin-left: 0;
}
.hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-navbar {
  left: 0;
}
.hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu {
  left: -270px;
}
.hk-wrapper[data-layout="navbar"][data-layout-style="collapsed"] .hk-menu {
  left: 0;
}
.hk-wrapper[data-layout="navbar"][data-layout-style="collapsed"] .hk-menu-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1031;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: rgba(38, 42, 46, 0.5);
  opacity: 1;
  height: auto;
  width: auto;
  visibility: visible;
}
.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu {
  background: #fff;
}
.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
  color: #262a2e;
}
.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
  color: rgba(38, 42, 46, 0.3);
}
.hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
  background: #d8d8d8;
}

@media (max-width: 1199px) {
  .hk-wrapper[data-layout="navbar"] .hk-menu .container.menu-group {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu {
    background: inherit !important;
    width: 100%;
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    border: 0;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu > .nicescroll-bar {
    overflow: visible !important;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap {
    padding: 0;
    position: relative;
    min-height: auto;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group > .navbar-nav.flex-column {
    flex-direction: row !important;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > ul:after {
    display: none;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link {
    min-height: 65px;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item > .nav-link:hover > * {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item {
    position: relative;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link {
    margin: 0;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item .nav-link[data-bs-toggle="collapse"]::after {
    position: static;
    margin-left: 0.75rem;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
    height: auto !important;
    min-width: 10rem;
    position: absolute;
    z-index: 1;
    border-radius: .25rem;
    border: 1px solid #eaeaea;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children {
    padding: 1rem 0;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link {
    padding: .25rem 1.5rem;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item .nav-link[data-bs-toggle="collapse"]::after {
    margin-left: auto;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children {
    padding: 0.5rem 0;
    left: 100%;
    top: 0;
    position: absolute;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item ul.nav-children .nav-item .nav-link {
    padding: .25rem 1rem;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.nav-children .nav-item.edge ul.nav-children {
    left: auto !important;
    right: 100%;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse, .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item > ul.collapse.show {
    display: block;
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0.1;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transform: translateY(-10px) scaleY(0.5);
    -moz-transform: translateY(-10px) scaleY(0.5);
    -ms-transform: translateY(-10px) scaleY(0.5);
    -o-transform: translateY(-10px) scaleY(0.5);
    transform: translateY(-10px) scaleY(0.5);
    -webkit-transform-origin: top;
    transform-origin: top;
    box-shadow: 0 0.25rem 0.3125rem rgba(47, 52, 58, 0.1) !important;
    top: 100%;
    position: fixed;
  }
  .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse, .hk-wrapper[data-layout="navbar"][data-layout-style="default"] .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item:hover > ul.collapse.show {
    clip: auto;
    opacity: 1;
    -webkit-transform: translateY(0) scaleY(1);
    -moz-transform: translateY(0) scaleY(1);
    -ms-transform: translateY(0) scaleY(1);
    -o-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
  }
  .hk-wrapper[data-layout="navbar"] .hk-navbar.navbar.navbar-light .hk-menu .menu-content-wrap .menu-group .navbar-nav .nav-item ul.nav-children {
    background: #fff;
  }
}
/*------------------------------------------------------------------
[Drawer]
Project:	Appster
-------------------------------------------------------------------*/
/*Drawer*/
/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Appster
++++ ChatApp ++++
++++ Chat Popup ++++
++++ Chatbot Popup ++++
++++ Calendar ++++
++++ Email UI ++++
++++ Taskboard ++++
++++ Checklist List ++++
++++ Contact ++++
++++ File Manager ++++
++++ Gallery App ++++
++++ Todo ++++
++++ Blog App ++++
++++ invoice ++++
++++ Integrations ++++
-------------------------------------------------------------------*/
/*ChatApp*/

.one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.0s;
  animation: dot 1.3s infinite;
  animation-delay: 0.0s;
}

.two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}

.three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}

@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 1199px) {

  /*Common for all App*/
}
/*Chat Popup*/
@keyframes mercuryTypingAnimation {
  0% {
    transform: translateY(0px);
    background-color: #99c3fc;
  }
  28% {
    transform: translateY(-7px);
    background-color: #6ba8fa;
  }
  44% {
    transform: translateY(0px);
    background-color: #3d8df9;
  }
}
.typing {
  align-items: center;
  display: flex;
  height: 17px;
}
/*Chatbot Popup*/
/*Calendar*/
/*Email UI*/
/*Taskboard*/
/*Checklist List*/

/*Contact */
/*File Manager*/
/*Gallery App*/
/*Todo*/

.advance-list-item.single-task-list .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.advance-list-item.single-task-list .form-check + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
.advance-list-item.single-task-list .form-check + div .todo-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: .625rem;
}
.advance-list-item.single-task-list .form-check + div .todo-star > .feather-icon > svg {
  cursor: pointer;
}
.advance-list-item.single-task-list .form-check + div .todo-star > .feather-icon > svg:hover {
  fill: #FFC400;
  stroke: #FFC400;
}
.advance-list-item.single-task-list .form-check + div .todo-star.marked > .feather-icon > svg {
  fill: #FFC400;
  stroke: #FFC400;
}
.advance-list-item.single-task-list .form-check + div .todo-star.marked > .feather-icon > svg:hover {
  fill: none;
  stroke: currentColor;
}
.advance-list-item.single-task-list .form-check + div .todo-text {
  cursor: pointer;
  max-width: 300px;
}
.advance-list-item.single-task-list .form-check + div .badge-indicator {
  margin: 0 .75rem  0 .5rem;
  flex-shrink: 0;
}
.advance-list-item.single-task-list.selected {
  background: #ebf3fe;
}
@media (max-width: 767px) {
  .advance-list-item.single-task-list {
    min-height: auto;
  }
  .advance-list-item.single-task-list .form-check + div .todo-text {
    cursor: pointer;
    max-width: calc(100vw - 250px);
  }
}
/*Blog App*/
.blogapp-wrap {
  position: relative;
  height: calc(100vh - 125px);
  -webkit-transition: height 0.2s ease;
  -moz-transition: height 0.2s ease;
  transition: height 0.2s ease;
  margin: 2rem;
  box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}
.blogapp-wrap .blogapp-sidebar {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  left: 0;
  width: 270px;
  margin-left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
  border: none;
  background: #fff;
  border-right: 1px solid #eaeaea;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blogapp-wrap .blogapp-sidebar > div.nicescroll-bar {
  flex: 1 1 auto;
  overflow: auto;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap {
  padding: 1.5rem;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-gap {
  height: 25px;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .nav-header {
  padding: 0 0 .5rem 0;
  font-size: 0.875rem;
  color: var(--neuron-blue-0);
  font-weight: 500;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
  margin-left: -1rem;
  margin-right: -1rem;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
  border-radius: .5rem;
  padding: .5rem 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"]::after {
  /* content: '\f2f9';
  font: normal normal normal 18px/1 'Material-Design-Iconic-Font'; */
  content: '\f107';
  font-family: "Font Awesome 5 Pro";
  text-rendering: auto;
  margin-left: auto;
  -webkit-transform: translateX(0) rotate(0deg);
  -moz-transform: translateX(0) rotate(0deg);
  -ms-transform: translateX(0) rotate(0deg);
  -o-transform: translateX(0) rotate(0deg);
  transform: translateX(0) rotate(0deg);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: rgba(38, 42, 46, 0.3);
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
  -webkit-transform: translateX(0) rotate(-180deg);
  -moz-transform: translateX(0) rotate(-180deg);
  -ms-transform: translateX(0) rotate(-180deg);
  -o-transform: translateX(0) rotate(-180deg);
  transform: translateX(0) rotate(-180deg);
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: .875rem;
  font-size: 1.5rem;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
  display: inline-block;
}
.blogapp-wrap .blogapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
  background: rgba(0, 105, 247, 0.15);
  color: var(--neuron-blue-0);
}
.blogapp-wrap .blogapp-content {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; SZOK - psuje nam scrolle w tabeli */
  padding-left: 270px;
  position: relative;
  height: 100%;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  background: #fff;
  flex-flow: column;
  height: 100%;
  z-index: 10;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 65px;
  padding: 0 1.25rem;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title h1 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blogapp-title:after {
  top: 0;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap > a {
  margin-left: .25rem;
  display: inline-block;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap header.blog-header .blog-options-wrap > a:first-child {
  margin-left: 0;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  -ms-flex: 1;
  flex: 1;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar {
  padding: 1.25rem;
}
.blogapp-wrap .blogapp-content .blogapp-detail-wrap .blog-body .nicescroll-bar .post-list .nav-line {
  margin: 0 -1.25rem;
  border-bottom: 1px solid #eaeaea;
}
.blogapp-wrap.blogapp-sidebar-toggle .blogapp-sidebar {
  left: -270px;
}
.blogapp-wrap.blogapp-sidebar-toggle .blogapp-content {
  padding-left: 0;
}
/* SZOK - takie samo menu zawsze @media (max-width: 767px) {
  .blogapp-wrap .blogapp-sidebar {
    left: -270px;
  }
  .blogapp-wrap .blogapp-content {
    margin-left: 0;
    padding-left: 0;
  }
  .blogapp-wrap.blogapp-sidebar-toggle .blogapp-sidebar {
    left: 0;
  }
  .blogapp-wrap.blogapp-sidebar-toggle .blogapp-content {
    left: 270px;
    padding-left: 270px;
    margin-left: -270px;
  }
  .blogapp-wrap .hk-sidebar-togglable {
    -webkit-transform: translateX(32px);
    -moz-transform: translateX(32px);
    -ms-transform: translateX(32px);
    -o-transform: translateX(32px);
    transform: translateX(32px);
  }
  .blogapp-wrap .hk-sidebar-togglable:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
  }
  .blogapp-wrap .hk-sidebar-togglable.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .blogapp-wrap .hk-sidebar-togglable.active:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f053";
  }
} */
/*invoice*/
/*Integrations*/
/*Horizontal Menu*/
/*------------------------------------------------------------------
[Documentation]
Project:	Jampack
-------------------------------------------------------------------*/
/*Documentation Page*/
.hk-wrapper {
  /*Hk Example*/
  /*Reference table*/
  /*Highlighted Text*/
  /*Hk Doc Nav Links*/
  /*Elements*/
  /*Nav Dark*/
}
.hk-wrapper .table {
  border-color: #eaeaea;
}

@media (min-width: 1200px) {
  .hk-wrapper {
    /*Nav Horizontal*/
  }
}