/*========================================================
        SPACING
=========================================================*/

/*========================================================
        COLORS
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        DARK THEME
=========================================================*/

html {
  font-size: 14px;
  height: 100%;
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

body {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  max-width: 100%;
  height: 100%;
  transition: background-color 0.3s ease;
}

[dir] body {
  background: #f8f8f8;
}

#app {
  min-height: 100%;
}

.vx-logo .vx-logo-text {
  font-size: 22px;
  font-weight: 600;
}

[dir=ltr] .vx-logo .vx-logo-text {
  -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

[dir=rtl] .vx-logo .vx-logo-text {
  -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
          animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

.router-view {
  position: relative;
}

[dir] .router-view {
  padding: 2.2rem;
}

@media (max-width: 576px) {
  [dir] .router-view {
    padding: 1.2rem !important;
  }

  [dir] .footer-sticky .router-view {
    padding-bottom: 5rem !important;
  }
}

.router-view .content-area__heading h2 {
  color: #636363;
}

.layout--main {
  height: 100%;
  min-height: 100%;
}

#content-overlay {
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  transition: opacity 0.7s;
  z-index: -1;
}

[dir] #content-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

[dir=ltr] #content-overlay {
  left: 0;
  right: 0;
}

[dir=rtl] #content-overlay {
  right: 0;
  left: 0;
}

.show-overlay #content-overlay {
  z-index: 41001;
  opacity: 1;
}

.the-footer {
  display: flex;
  align-items: center;
}

#content-area {
  height: 100%;
}

[dir=ltr] #content-area {
  transition: margin-left 0.5s;
}

[dir=rtl] #content-area {
  transition: margin-right 0.5s;
}

#content-area .content-wrapper {
  min-height: calc(var(--vh, 1vh) * 100 - 3.5rem);
}

.navbar-static #content-area .content-wrapper {
  min-height: calc(var(--vh, 1vh) * 100 - 8rem);
}

[dir=ltr] #content-area.content-area-reduced {
  margin-left: 260px;
}

[dir=rtl] #content-area.content-area-reduced {
  margin-right: 260px;
}

[dir=ltr] #content-area.content-area-lg {
  margin-left: 80px;
}

[dir=rtl] #content-area.content-area-lg {
  margin-right: 80px;
}

[dir=ltr] #content-area.content-area-full {
  margin-left: 0px;
}

[dir=rtl] #content-area.content-area-full {
  margin-right: 0px;
}

[dir] .navbar-floating .router-content {
  margin-top: 5.5rem;
}

@media (max-width: 576px) {
  [dir] .navbar-floating .router-content {
    margin-top: 6rem;
  }
}

[dir] div[id$=demo] .vx-card:not(:last-of-type) {
  margin-bottom: 2.2rem;
}

.vue-back-to-top {
  z-index: 51000 !important;
}

.demo-alignment {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

[dir] .demo-alignment > * {
  margin-top: 1.5rem;
}

[dir=ltr] .demo-alignment > * {
  margin-right: 1.5rem;
}

[dir=rtl] .demo-alignment > * {
  margin-left: 1.5rem;
}

[dir] .op-block {
  padding: 10px;
  border-radius: 10px;
}

[dir=ltr] .op-block {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

[dir=rtl] .op-block {
  box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1);
}

.no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 14.1rem);
}

/*========================================================
        SPACING
=========================================================*/

/*========================================================
        COLORS
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        DARK THEME
=========================================================*/

[dir] .main-vertical.navbar-sticky .router-content {
  margin-top: 4.5rem;
}

[dir] .main-vertical.navbar-static .vx-navbar-wrapper .vx-navbar {
  background: transparent !important;
  box-shadow: none;
}

[dir] .main-vertical.navbar-static .router-content {
  margin-top: 0.2rem;
}

[dir] .no-scroll .router-view {
  padding-bottom: 0;
}

.no-scroll.navbar-floating .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 11.5rem);
}

.no-scroll.navbar-floating.footer-hidden .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 9.3rem);
}

.no-scroll.navbar-floating.footer-sticky .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 13.1rem);
}

.no-scroll.navbar-sticky .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 10.5rem);
}

.no-scroll.navbar-sticky.footer-hidden .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 8.3rem);
}

.no-scroll.navbar-sticky.footer-sticky .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 12.1rem);
}

.no-scroll.navbar-static.footer-static .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 9.25rem);
}

.no-scroll.navbar-static.footer-sticky .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 10.9rem);
}

.no-scroll.navbar-static.footer-hidden .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 7rem);
}

.no-scroll.navbar-hidden .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 6rem);
}

.no-scroll.navbar-hidden.footer-hidden .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 3.8rem);
}

.no-scroll.navbar-hidden.footer-sticky .no-scroll-content {
  height: calc(var(--vh, 1vh) * 100 - 7.6rem);
}

.main-horizontal .vx-navbar-wrapper.nav-menu-wrapper {
  z-index: 41000;
}

.main-horizontal .vx-navbar-wrapper .vx-navbar {
  z-index: 40001;
}

@media (min-width: 1200px) {
  .main-horizontal .vx-navbar-wrapper .search-full-container .vx-auto-suggest .auto-suggest-suggestions-list {
    width: calc(100% - 2rem) !important;
  }
  [dir=ltr] .main-horizontal .vx-navbar-wrapper .search-full-container .vx-auto-suggest .auto-suggest-suggestions-list {
    margin-left: 1rem;
  }
  [dir=rtl] .main-horizontal .vx-navbar-wrapper .search-full-container .vx-auto-suggest .auto-suggest-suggestions-list {
    margin-right: 1rem;
  }
}

[dir=ltr] .main-horizontal.navbar-floating .vs-navbar.vx-navbar {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

[dir=rtl] .main-horizontal.navbar-floating .vs-navbar.vx-navbar {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}

[dir] .main-horizontal.navbar-sticky .router-content {
  margin-top: 4.5rem;
}

@media (min-width: 1200px) {
  [dir] .main-horizontal.navbar-sticky .router-content {
    margin-top: 8.89rem;
  }
}

.main-horizontal.navbar-sticky .vx-navbar-wrapper:not(.nav-menu-wrapper) {
  height: 62px;
}

[dir] .main-horizontal.navbar-sticky .vs-navbar:not(.vx-navbar) {
  background-color: #f7f7f7 !important;
}

[dir] .main-horizontal.navbar-sticky .vs-navbar.vx-navbar, [dir] .main-horizontal.navbar-static .vs-navbar.vx-navbar {
  box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.03);
}

@media (min-width: 1200px) {
  [dir] .main-horizontal.navbar-static .router-content {
    margin-top: 1rem;
  }
}

.main-horizontal.navbar-static #content-area .content-wrapper {
  min-height: calc(var(--vh, 1vh) * 100 - 8rem - 62px);
}

@media (min-width: 1200px) {
  .main-horizontal.navbar-static .vx-navbar-wrapper:not(.nav-menu-wrapper) {
    position: fixed;
  }
}

@media (max-width: 1199px) {
  [dir] .main-horizontal.navbar-static .vx-navbar-wrapper .vx-navbar {
    background: transparent !important;
    box-shadow: none;
  }
}

@media (max-width: 1199px) {
  .main-horizontal.navbar-hidden .vx-navbar-wrapper {
    display: none;
  }
}

.main-horizontal.navbar-hidden .vx-navbar-wrapper {
  position: fixed;
}

.main-horizontal.navbar-hidden .vx-navbar-wrapper.nav-menu-wrapper {
  display: none;
}

@media (min-width: 1200px) {
  [dir] .main-horizontal.navbar-hidden .router-view {
    margin-top: 4.5rem;
  }
}

.main-horizontal:not(.navbar-static) .vx-navbar-wrapper.nav-menu-wrapper {
  top: 62px;
}

@media (min-width: 1200px) {
  [dir] .main-horizontal.navbar-floating .router-content {
    margin-top: 10.1rem;
  }

  .main-horizontal {
    /*
      Only applies to NavMenu in horizontal layout
      media query is given -> because navMenu in horizontal will be visible till 1200px.
    */
  }

  [dir] .main-horizontal .vs-navbar.vx-navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  [dir] .main-horizontal.no-scroll .router-view {
    padding-bottom: 0;
  }

  .main-horizontal.no-scroll.navbar-floating .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 16rem);
  }

  .main-horizontal.no-scroll.navbar-floating.footer-hidden .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 13.4rem);
  }

  .main-horizontal.no-scroll.navbar-floating.footer-sticky .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 16.7rem);
  }

  .main-horizontal.no-scroll.navbar-sticky .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 14.7rem);
  }

  .main-horizontal.no-scroll.navbar-sticky.footer-hidden .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 12.7rem);
  }

  .main-horizontal.no-scroll.navbar-sticky.footer-sticky .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 16.2rem);
  }

  .main-horizontal.no-scroll.navbar-static.footer-static .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 14.75rem);
  }

  .main-horizontal.no-scroll.navbar-static.footer-sticky .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 16.7rem);
  }

  .main-horizontal.no-scroll.navbar-static.footer-hidden .no-scroll-content {
    height: calc(var(--vh, 1vh) * 100 - 13rem);
  }
}

.vs-navbar.navbar-skelton {
  width: 100%;
  transition: all 0.5s;
  z-index: 10000;
}

[dir] .vs-navbar.navbar-skelton {
  padding: 0.8rem 2.2rem;
}

.navbar-sticky .vx-navbar-wrapper,
.navbar-floating .vx-navbar-wrapper {
  position: fixed;
}

.vx-navbar-wrapper {
  background-repeat-x: repeat;
  z-index: 41001;
  width: 100%;
  height: 103px;
  background-repeat-y: no-repeat;
  top: 0;
}

[dir] .vx-navbar-wrapper {
  background: linear-gradient(to bottom, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
}

.vx-navbar-wrapper .vx-navbar .vs-con-items {
  width: 100%;
}

[dir] .vx-navbar-wrapper .vx-navbar .vs-con-items .search-full-container {
  background: #fff;
}

.vx-navbar-wrapper .vx-navbar .vs-con-items .vx-auto-suggest {
  color: #626262;
}

@media (min-width: 1201px) {
  .main-vertical .vx-navbar-wrapper {
    width: calc(100% - 260px);
  }
}

.content-area-lg .vx-navbar-wrapper {
  width: calc(100% - 80px);
}

[dir] .show-overlay .vx-navbar-wrapper {
  background: linear-gradient(to bottom, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0) 100%);
}

@media (min-width: 577px) {
  [dir] .navbar-floating .vx-navbar-wrapper {
    padding: 1.3rem 2.2rem 2.2rem;
  }
}

[dir] .navbar-floating .vx-navbar {
  border-radius: 0.5rem;
  padding: 0.8rem 1rem;
}

[dir] .navbar-floating .vx-navbar .search-full-container {
  border-radius: 0.5rem;
}

[dir] .navbar-sticky .vx-navbar-wrapper {
  background: none;
}

.navbar-sticky .content-area-lg .vx-navbar-wrapper .vx-navbar {
  width: 100%;
}

.navbar-static .vx-navbar-wrapper .vx-navbar .vx-auto-suggest .auto-suggest-suggestions-list,
.navbar-sticky .vx-navbar-wrapper .vx-navbar .vx-auto-suggest .auto-suggest-suggestions-list {
  width: calc(100% - 2rem) !important;
}

[dir=ltr] .navbar-static .vx-navbar-wrapper .vx-navbar .vx-auto-suggest .auto-suggest-suggestions-list, [dir=ltr] .navbar-sticky .vx-navbar-wrapper .vx-navbar .vx-auto-suggest .auto-suggest-suggestions-list {
  margin-left: 1rem;
}

[dir=rtl] .navbar-static .vx-navbar-wrapper .vx-navbar .vx-auto-suggest .auto-suggest-suggestions-list, [dir=rtl] .navbar-sticky .vx-navbar-wrapper .vx-navbar .vx-auto-suggest .auto-suggest-suggestions-list {
  margin-right: 1rem;
}

.main-vertical.navbar-static .vx-navbar-wrapper .vx-navbar {
  z-index: 41001;
}

.navbar-static .vx-navbar-wrapper {
  height: auto;
  width: 100%;
}

[dir] .navbar-static .vx-navbar-wrapper {
  background: none;
}

.navbar-static .vx-navbar-wrapper .vx-navbar {
  position: relative;
}

[dir] .navbar-static .router-view {
  padding-top: 1rem;
}

.navbar-hidden.main-vertical .vx-navbar-wrapper {
  display: none;
}

.search-full-container {
  z-index: 50000;
}

.search-full-container .vx-auto-suggest > div {
  height: 100%;
}

[dir] .search-full-container .vx-auto-suggest input[type=text], [dir] .search-full-container .vx-auto-suggest .input-span-placeholder {
  padding: 1.6rem 3rem !important;
}

.search-full-container .vx-auto-suggest .vs-input--icon.feather {
  top: 32% !important;
}

[dir=ltr] .search-full-container .vx-auto-suggest .vs-input--icon.feather {
  left: 0.8rem;
}

[dir=rtl] .search-full-container .vx-auto-suggest .vs-input--icon.feather {
  right: 0.8rem;
}

.search-full-container > div.feather-icon {
  position: absolute !important;
}

.bookmark-dropdown {
  z-index: 41002;
}

.navbar-custom .vs-navbar--btn-responsive {
  display: none !important;
}

.navbar-custom .vs-spacer {
  display: block !important;
}

.navbar-custom .vs-con-items {
  display: flex !important;
  width: 100%;
}

@media (max-width: 1200px) {
  [dir] .navbar-sticky .vx-navbar-wrapper .vx-navbar {
    padding: 0.8rem 2.2rem;
  }
}

@media (max-width: 576px) {
  [dir] .vx-navbar-wrapper {
    padding: 1.2rem;
  }

  [dir] .navbar-sticky .vx-navbar-wrapper {
    padding: 0;
  }

  [dir] .navbar-sticky .vx-navbar-wrapper .vx-navbar {
    padding: 0.8rem 1.5rem;
  }

  [dir] .navbar-static .vx-navbar-wrapper {
    padding: 0;
  }

  [dir] .navbar-static .vx-navbar-wrapper .vx-navbar {
    padding: 0.8rem 1.5rem;
  }

  [dir] .navbar-static.main-vertical .router-view .router-content {
    margin-top: 0;
  }
}

.starred-page:hover,
.starred-page--more:hover {
  color: rgba(var(--vs-primary), 1);
}

.cart-dropdown {
  width: 365px;
}

.cart-dropdown .cart-dropdown-item-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  transition: 0.35s;
}

.notification-dropdown,
.cart-dropdown {
  width: 365px;
}

@media screen and (max-width: 500px) {
  .notification-dropdown,
  .cart-dropdown {
    width: 95vw;
  }
  [dir=ltr] .notification-dropdown, [dir=ltr] .cart-dropdown {
    left: 97.5vw !important;
  }
  [dir=rtl] .notification-dropdown, [dir=rtl] .cart-dropdown {
    right: 97.5vw !important;
  }

  .notification-dropdown .vs-dropdown--menu--after,
  .cart-dropdown .vs-dropdown--menu--after {
    display: none;
  }
}

[dir] .notification-dropdown .notification:hover, [dir] .cart-dropdown .notification:hover {
  background-color: #f7f7f7;
}

[dir] .notification-dropdown .checkout-footer, [dir] .notification-dropdown .notification-footer, [dir] .cart-dropdown .checkout-footer, [dir] .cart-dropdown .notification-footer {
  background-color: #f8f8f8;
}

.scroll-area--nofications-dropdown,
.scroll-area--cart-items-dropdowm {
  position: relative;
  width: 100%;
  max-height: 25rem;
}

[dir] .scroll-area--nofications-dropdown, [dir] .scroll-area--cart-items-dropdowm {
  margin: auto;
}

@media screen and (max-height: 334px) {
  .vx-navbar-dropdown {
    top: calc(var(--vh, 1vh) * 100 - 82.5vh) !important;
  }

  .vx-navbar-dropdown .vs-dropdown--menu--after {
    display: none;
  }
}

.footer-sticky .the-footer {
  position: fixed;
  bottom: 0;
  width: calc(100% - 260px);
  z-index: 40000;
}

[dir] .footer-sticky .the-footer {
  background: #fff;
  box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.05);
}

.footer-sticky .content-area-lg .the-footer {
  width: calc(100% - 80px);
}

.footer-sticky .content-area-full .the-footer {
  width: 100%;
}

[dir] .footer-sticky .router-view {
  padding-bottom: 5rem;
}

.footer-hidden .the-footer {
  display: none;
}

[dir] .the-footer {
  padding: 1rem 2.2rem;
}

body {
  color: #626262;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #2c2c2c;
}

h1,
.h1 {
  font-size: 28px;
}

h2,
.h2 {
  font-size: 24.36px;
}

h3,
.h3 {
  font-size: 21.14px;
}

h4,
.h4 {
  font-size: 18.48px;
}

h5,
.h5 {
  font-size: 15.96px;
}

h6,
.h6 {
  font-size: 14px;
}

.vs-tooltip h4 {
  color: #fff;
}

a:active,
a:visited,
a:hover,
a {
  color: rgba(var(--vs-primary), 1);
}

u {
  text-decoration: underline;
}

code {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

[dir] code {
  background: #eee;
  padding: 0.1rem 0.3rem;
  border-radius: 3px;
}

ul,
ol {
  list-style-type: none;
}

[dir] ul, [dir] ol {
  margin: 0;
  padding: 0;
}

[dir] .layout--full-page .bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[dir] .layout--full-page .full-page-bg-color {
  background-color: #eff2f7;
}

.single-counter {
  display: inline-block;
  position: relative;
  width: 105px;
}

[dir] .single-counter {
  padding: 18px 10px 10px;
}

.single-counter span {
  display: block;
}

[dir] .single-counter span {
  text-align: center;
}

.single-counter .timer {
  font-size: 3rem;
}

.chat-card-log {
  height: 240px;
}

.vjs-poster {
  width: 100% !important;
}

[dir] .vjs-poster {
  background-size: cover !important;
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

i.feather {
  font-weight: 100;
}

.feather.feather-menu {
  z-index: 9;
}

.scroll-area {
  position: relative;
  width: 100%;
  height: 100%;
}

[dir] .scroll-area {
  margin: auto;
}

[dir] .swiper-pagination-bullet-active {
  background: rgba(var(--vs-primary), 1) !important;
}

[dir] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: rgba(var(--vs-primary), 1) !important;
}

.vue-form-wizard.md .wizard-navigation .wizard-progress-with-circle {
  top: 33px !important;
}

.vue-form-wizard.md .wizard-navigation .wizard-nav .wizard-icon-circle {
  width: 55px;
  height: 55px;
}

[dir] .vue-form-wizard.md .wizard-navigation .wizard-nav .wizard-icon-circle {
  border: 3px solid #cccccc;
}

.vue-form-wizard.md .wizard-navigation .wizard-nav .wizard-icon-circle .wizard-icon {
  font-size: 1.5rem;
}

.vue-form-wizard.md .wizard-navigation .wizard-nav .stepTitle {
  color: #626262;
}

i.wizard-icon {
  font-style: inherit;
}

[dir] .stepTitle {
  margin-top: 0.5rem;
}

[dir] .select-large input.vs-select--input {
  padding: 11px;
}

/*========================================================
        SPACING
=========================================================*/

/*========================================================
        COLORS
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        DARK THEME
=========================================================*/

.v-select:not(.vs--single) .vs__selected {
  font-size: 0.9rem;
}

[dir] .v-select .vs__dropdown-toggle {
  padding: 0.59px 0 4px 0;
}

.v-select .vs__dropdown-toggle .vs__search {
  color: #626262;
}

.v-select .vs__dropdown-toggle .vs__deselect svg {
  stroke: #626262;
  opacity: 0.5;
}

[dir] .v-select .vs__dropdown-toggle .vs__deselect svg {
  margin-top: 0 !important;
}

.v-select .vs__dropdown-toggle .vs__actions .vs__clear {
  color: #626262;
}

.v-select .vs__dropdown-menu .vs__dropdown-option--highlight {
  color: #fff !important;
}

.v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #626262;
}

.v-select .vs__selected {
  color: #626262;
}

[dir] .theme-dark .v-select .vs__dropdown-toggle {
  background: #262c49;
}

.theme-dark .v-select .vs__dropdown-toggle .vs__clear svg {
  stroke: #b8c2cc;
}

.theme-dark .v-select .vs__dropdown-toggle .vs__deselect svg {
  stroke: #b8c2cc;
  opacity: 0.7;
}

[dir] .theme-dark .v-select:not(.vs--single) .vs__selected {
  background: #10163a;
  border: none;
}

.theme-dark .v-select .vs__selected {
  color: #fff;
}

.theme-dark .v-select .vs__open-indicator {
  fill: #b8c2cc;
}

[dir] .theme-dark .v-select .vs__dropdown-menu {
  background: #262c49;
}

.theme-dark .v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #c2c6dc;
}

.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */

@-webkit-keyframes vSelectSpinner-ltr {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vSelectSpinner-rtl {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes vSelectSpinner-ltr {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes vSelectSpinner-rtl {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

/* Dropdown Default Transition */

.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */

/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */

[dir] .vs--disabled .vs__dropdown-toggle, [dir] .vs--disabled .vs__clear, [dir] .vs--disabled .vs__search, [dir] .vs--disabled .vs__selected, [dir] .vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: rgb(248, 248, 248);
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */

.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */

.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  white-space: normal;
}

[dir] .vs__dropdown-toggle {
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  position: relative;
}

[dir] .vs__selected-options {
  padding: 0 2px;
}

.vs__actions {
  display: flex;
  align-items: center;
}

[dir=ltr] .vs__actions {
  padding: 4px 6px 0 3px;
}

[dir=rtl] .vs__actions {
  padding: 4px 3px 0 6px;
}

/* Dropdown Toggle States */

[dir] .vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

[dir] .vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

[dir] .vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
}

[dir=ltr] .vs--open .vs__dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

[dir=rtl] .vs--open .vs__dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
}

[dir] .vs__open-indicator {
  transform: scale(1);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

[dir=ltr] .vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

[dir=rtl] .vs--open .vs__open-indicator {
  transform: rotate(-180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */

.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
}

[dir] .vs__clear {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

[dir=ltr] .vs__clear {
  margin-right: 8px;
}

[dir=rtl] .vs__clear {
  margin-left: 8px;
}

/* Dropdown Menu */

.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  z-index: 1000;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  list-style: none;
}

[dir] .vs__dropdown-menu {
  padding: 5px 0;
  margin: 0;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  background: #fff;
}

[dir=ltr] .vs__dropdown-menu {
  left: 0;
  text-align: left;
}

[dir=rtl] .vs__dropdown-menu {
  right: 0;
  text-align: right;
}

[dir] .vs__no-options {
  text-align: center;
}

/* List Items */

.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
}

[dir] .vs__dropdown-option {
  padding: 3px 20px;
  clear: both;
}

[dir] .vs__dropdown-option:hover {
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  color: #fff;
}

[dir] .vs__dropdown-option--highlight {
  background: #7367F0;
}

.vs__dropdown-option--disabled {
  color: rgba(60, 60, 60, 0.5);
}

[dir] .vs__dropdown-option--disabled {
  background: inherit;
}

[dir] .vs__dropdown-option--disabled:hover {
  cursor: inherit;
}

/* Selected Tags */

.vs__selected {
  display: flex;
  align-items: center;
  color: #333;
  line-height: 1.8;
}

[dir] .vs__selected {
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  fill: rgba(60, 60, 60, 0.5);
}

[dir] .vs__deselect {
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  text-shadow: 0 1px 0 #fff;
}

[dir=ltr] .vs__deselect {
  margin-left: 4px;
}

[dir=rtl] .vs__deselect {
  margin-right: 4px;
}

/* States */

[dir] .vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

.vs--single.vs--open .vs__selected {
  position: absolute;
  opacity: 0.4;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */

/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */

.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.8;
  font-size: 1em;
  outline: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
}

[dir] .vs__search, [dir] .vs__search:focus {
  border: 1px solid transparent;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
}

[dir=ltr] .vs__search, [dir=ltr] .vs__search:focus {
  border-left: none;
}

[dir=rtl] .vs__search, [dir=rtl] .vs__search:focus {
  border-right: none;
}

.vs__search::-webkit-input-placeholder {
  color: inherit;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search:-ms-input-placeholder {
  color: inherit;
}

.vs__search::-ms-input-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */

.vs--unsearchable .vs__search {
  opacity: 1;
}

[dir] .vs--unsearchable .vs__search:hover {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */

.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  transition: opacity 0.1s;
}

[dir] .vs__spinner {
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  transform: translateZ(0);
}

[dir=ltr] .vs__spinner {
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  -webkit-animation:  vSelectSpinner-ltr 1.1s infinite linear;
  animation:  vSelectSpinner-ltr 1.1s infinite linear;
}

[dir=rtl] .vs__spinner {
  border-left: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(60, 60, 60, 0.45);
  -webkit-animation:  vSelectSpinner-rtl 1.1s infinite linear;
          animation:  vSelectSpinner-rtl 1.1s infinite linear;
}

.vs__spinner,
.vs__spinner:after {
  width: 5em;
  height: 5em;
}

[dir] .vs__spinner, [dir] .vs__spinner:after {
  border-radius: 50%;
}

/* Loading Spinner States */

.vs--loading .vs__spinner {
  opacity: 1;
}

.echarts {
  width: 100% !important;
}

/*========================================================
        SPACING
=========================================================*/

/*========================================================
        COLORS
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        DARK THEME
=========================================================*/

.v-context {
  overflow: hidden;
  z-index: 51000 !important;
}

[dir] .v-context {
  padding: 0 !important;
  border-radius: 0.4rem !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14) !important;
}

.v-context li a {
  color: inherit !important;
}

[dir] .v-context li a {
  padding: 0.7rem 1rem !important;
}

[dir] .v-context li a:focus, [dir] .v-context li a:hover {
  background: #eee !important;
}

[dir] .theme-dark .v-context {
  background: #262c49 !important;
}

.theme-dark .v-context li a {
  color: #c2c6dc !important;
}

[dir] .theme-dark .v-context li a:focus, [dir] .theme-dark .v-context li a:hover {
  background: #10163a !important;
}

/*========================================================
        SPACING
=========================================================*/

/*========================================================
        COLORS
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        DARK THEME
=========================================================*/

.vdp-datepicker input {
  font-size: 1rem;
  color: #626262;
  width: 100%;
}

[dir] .vdp-datepicker input {
  padding: 0.7rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.vdp-datepicker input[disabled] {
  opacity: 0.5;
}

.vdp-datepicker .vdp-datepicker__calendar {
  z-index: 401;
}

[dir] .vdp-datepicker .vdp-datepicker__calendar {
  border-radius: 0.5rem;
}

[dir=ltr] .vdp-datepicker .vdp-datepicker__calendar header .pre {
  border-top-left-radius: 0.5rem;
}

[dir=rtl] .vdp-datepicker .vdp-datepicker__calendar header .pre {
  border-top-right-radius: 0.5rem;
}

[dir=ltr] .vdp-datepicker .vdp-datepicker__calendar header .next {
  border-top-right-radius: 0.5rem;
}

[dir=rtl] .vdp-datepicker .vdp-datepicker__calendar header .next {
  border-top-left-radius: 0.5rem;
}

[dir] .vdp-datepicker .day.blank {
  background: transparent;
}

.vdp-datepicker .cell.day {
  height: 37px;
  line-height: 37px;
  width: 12.285714286%;
}

[dir] .vdp-datepicker .cell.day {
  border-radius: 50%;
}

[dir=ltr] .vdp-datepicker .cell.day {
  margin-left: 1%;
  margin-right: 1%;
}

[dir=rtl] .vdp-datepicker .cell.day {
  margin-right: 1%;
  margin-left: 1%;
}

[dir] .vdp-datepicker .cell.month, [dir] .vdp-datepicker .cell.year {
  border-radius: 0.5rem;
}

[dir] .vdp-datepicker .cell:hover {
  border-color: rgba(0, 0, 0, 0) !important;
  background-color: #eee;
}

.vdp-datepicker .cell.day.highlighted {
  color: #fff;
}

[dir] .vdp-datepicker .cell.day.highlighted {
  background: rgba(var(--vs-primary), 0.7);
}

[dir] .vdp-datepicker .cell.day.highlighted:hover {
  background: rgba(var(--vs-primary), 1);
}

.vdp-datepicker .cell.selected {
  color: #fff;
}

[dir] .vdp-datepicker .cell.selected {
  background: rgba(var(--vs-primary), 1) !important;
}

[dir] .vdp-datepicker .cell.selected:hover {
  background: rgba(var(--vs-primary), 1);
}

/*========================================================
        SPACING
=========================================================*/

/*========================================================
        COLORS
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        TYPOGRAPHY
=========================================================*/

/*========================================================
        DARK THEME
=========================================================*/

.flatpickr-calendar {
  width: calc(307.875px + 13px * 2) !important;
  overflow: hidden;
}

[dir] .flatpickr-calendar {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08) !important;
  border-radius: 0.5rem !important;
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  display: none;
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  display: none;
}

.flatpickr-calendar .numInputWrapper {
  width: 5.5ch !important;
}

.flatpickr-calendar .numInputWrapper .numInput.cur-year {
  font-weight: 600 !important;
  color: #626262;
}

[dir] .flatpickr-calendar .numInputWrapper:hover {
  background: none;
}

[dir] .flatpickr-calendar .numInputWrapper:hover .arrowUp, [dir] .flatpickr-calendar .numInputWrapper:hover .arrowDown {
  border: none;
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month {
  height: 44px !important;
}

[dir] .flatpickr-calendar .flatpickr-months {
  padding: 0;
}

.flatpickr-calendar .flatpickr-monthDropdown-months {
  color: #626262;
  font-size: 1rem !important;
  font-weight: 500 !important;
  height: 27px;
}

[dir] .flatpickr-calendar .flatpickr-monthDropdown-months {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 0.5rem !important;
}

[dir=ltr] .flatpickr-calendar .flatpickr-monthDropdown-months {
  margin-left: 22px !important;
  margin-right: 3px !important;
}

[dir=rtl] .flatpickr-calendar .flatpickr-monthDropdown-months {
  margin-right: 22px !important;
  margin-left: 3px !important;
}

[dir] .flatpickr-calendar .flatpickr-monthDropdown-months:hover {
  background: transparent !important;
}

.flatpickr-calendar .flatpickr-current-month {
  bottom: -11px;
}

[dir] .flatpickr-calendar .flatpickr-current-month {
  padding-top: 0;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  vertical-align: middle;
}

[dir] .flatpickr-calendar .flatpickr-prev-month, [dir] .flatpickr-calendar .flatpickr-next-month, [dir] .flatpickr-calendar .flatpickr-innerContainer {
  padding: 13px !important;
}

.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
  top: calc(13px - 3px) !important;
}

[dir=ltr] .flatpickr-calendar .flatpickr-prev-month {
  left: 13px !important;
}

[dir=rtl] .flatpickr-calendar .flatpickr-prev-month {
  right: 13px !important;
}

[dir=ltr] .flatpickr-calendar .flatpickr-next-month {
  right: 13px !important;
}

[dir=rtl] .flatpickr-calendar .flatpickr-next-month {
  left: 13px !important;
}

.flatpickr-calendar.inline {
  display: block !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
  color: #fff;
}

[dir] .flatpickr-calendar .flatpickr-day.selected, [dir] .flatpickr-calendar .flatpickr-day.startRange, [dir] .flatpickr-calendar .flatpickr-day.endRange, [dir] .flatpickr-calendar .flatpickr-day.selected.inRange, [dir] .flatpickr-calendar .flatpickr-day.startRange.inRange, [dir] .flatpickr-calendar .flatpickr-day.endRange.inRange, [dir] .flatpickr-calendar .flatpickr-day.selected:focus, [dir] .flatpickr-calendar .flatpickr-day.startRange:focus, [dir] .flatpickr-calendar .flatpickr-day.endRange:focus, [dir] .flatpickr-calendar .flatpickr-day.selected:hover, [dir] .flatpickr-calendar .flatpickr-day.startRange:hover, [dir] .flatpickr-calendar .flatpickr-day.endRange:hover, [dir] .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, [dir] .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, [dir] .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, [dir] .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, [dir] .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, [dir] .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
  background: #7367F0 !important;
  box-shadow: none;
  border-color: #7367F0 !important;
}

.flatpickr-input {
  font-size: 1rem;
  color: #626262;
}

[dir] .flatpickr-input {
  padding: 0.7rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

[dir] .flatpickr-input.active {
  border: 1px solid #7367F0;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #7367F0 !important;
}

[dir] .theme-dark .flatpickr-calendar {
  background: #10163a;
  border: 1px solid #414561;
}

.theme-dark .flatpickr-calendar .flatpickr-month,
.theme-dark .flatpickr-calendar .flatpickr-weekday {
  color: #fff;
}

.theme-dark .flatpickr-calendar .flatpickr-prev-month svg,
.theme-dark .flatpickr-calendar .flatpickr-next-month svg {
  fill: #fff;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-monthDropdown-months {
  background: #262c49 !important;
}

.theme-dark .flatpickr-calendar .flatpickr-monthDropdown-months option {
  color: #c2c6dc;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-monthDropdown-months option {
  background: #10163a !important;
}

.theme-dark .flatpickr-calendar .flatpickr-day {
  color: #c2c6dc;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-day.inRange, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay.inRange, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay.inRange, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.today.inRange, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange, [dir] .theme-dark .flatpickr-calendar .flatpickr-day:hover, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay:hover, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, [dir] .theme-dark .flatpickr-calendar .flatpickr-day:focus, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay:focus, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay:focus {
  background: #262c49;
  border-color: #262c49;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-day.today {
  border-color: #959ea9;
}

.theme-dark .flatpickr-calendar .flatpickr-day.selected {
  color: #fff;
}

.theme-dark .flatpickr-calendar .flatpickr-day.today:hover,
.theme-dark .flatpickr-calendar .flatpickr-day.today:focus {
  color: #fff;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-day.today:hover, [dir] .theme-dark .flatpickr-calendar .flatpickr-day.today:focus {
  background: #262c49;
}

.theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay,
.theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay,
.theme-dark .flatpickr-calendar .flatpickr-day.disabled {
  opacity: 0.3;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-time {
  border-top-color: #414561 !important;
}

.theme-dark .flatpickr-calendar .flatpickr-time input {
  color: #c2c6dc;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-time input:hover, [dir] .theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, [dir] .theme-dark .flatpickr-calendar .flatpickr-time input:focus, [dir] .theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
  background: #262c49;
}

.theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  color: #c2c6dc;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-time ::-moz-selection {
  background: transparent;
}

.theme-dark .flatpickr-calendar .flatpickr-time ::-moz-selection {
  background: transparent;
}

[dir] .theme-dark .flatpickr-calendar .flatpickr-time ::selection {
  background: transparent;
}

[dir] .theme-dark .flatpickr-calendar .numInputWrapper .arrowUp:after {
  border-bottom-color: #fff;
}

[dir] .theme-dark .flatpickr-calendar .numInputWrapper .arrowDown:after {
  border-top-color: #fff;
}

[dir] .theme-semi-dark .v-nav-menu .vs-sidebar {
  background-color: #10163a;
}

.theme-semi-dark .v-nav-menu .shadow-bottom {
  width: 94%;
}

[dir] .theme-semi-dark .v-nav-menu .shadow-bottom {
  background: linear-gradient(to bottom, rgb(15, 22, 66) 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0) 100%);
}

.theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu .feather-icon,
.theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu span {
  color: #fff;
}

.theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu a .feather-icon svg,
.theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu a .feather-icon span {
  color: #fff;
}

[dir] .theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu .vs-sidebar-group.vs-sidebar-group-open > .group-header {
  background: #262c49;
}

[dir] .theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu .vs-sidebar-group.vs-sidebar-group-active > .group-header {
  background: #262c49;
}

[dir] .theme-semi-dark .v-nav-menu .scroll-area-v-nav-menu .con-vs-chip {
  box-shadow: 0px 0px 4px 2px #262c49;
}

.zoom-fade-enter-active,
.zoom-fade-leave-active {
  transition: transform 0.35s, opacity 0.28s ease-in-out;
}

.zoom-fade-enter {
  opacity: 0;
}

[dir] .zoom-fade-enter {
  transform: scale(0.97);
}

.zoom-fade-leave-to {
  opacity: 0;
}

[dir] .zoom-fade-leave-to {
  transform: scale(1.03);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s ease-in-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active,
.slide-fade-leave-active {
  transition: opacity 0.35s, transform 0.4s;
}

.slide-fade-enter {
  opacity: 0;
}

[dir=ltr] .slide-fade-enter {
  transform: translateX(-30%);
}

[dir=rtl] .slide-fade-enter {
  transform: translateX(30%);
}

.slide-fade-leave-to {
  opacity: 0;
}

[dir=ltr] .slide-fade-leave-to {
  transform: translateX(30%);
}

[dir=rtl] .slide-fade-leave-to {
  transform: translateX(-30%);
}

.zoom-out-enter-active,
.zoom-out-leave-active {
  transition: opacity 0.35s ease-in-out, transform 0.45s ease-out;
}

.zoom-out-enter,
.zoom-out-leave-to {
  opacity: 0;
}

[dir] .zoom-out-enter, [dir] .zoom-out-leave-to {
  transform: scale(0);
}

.fade-bottom-enter-active,
.fade-bottom-leave-active {
  transition: opacity 0.3s, transform 0.35s;
}

.fade-bottom-enter {
  opacity: 0;
}

[dir] .fade-bottom-enter {
  transform: translateY(-8%);
}

.fade-bottom-leave-to {
  opacity: 0;
}

[dir] .fade-bottom-leave-to {
  transform: translateY(8%);
}

.fade-bottom-2x-enter-active,
.fade-bottom-2x-leave-active {
  transition: opacity 0.2s, transform 0.25s;
}

.fade-bottom-2x-enter {
  opacity: 0;
}

[dir] .fade-bottom-2x-enter {
  transform: translateY(-4%);
}

.fade-bottom-2x-leave-to {
  opacity: 0;
}

[dir] .fade-bottom-2x-leave-to {
  transform: translateY(4%);
}

.fade-top-enter-active,
.fade-top-leave-active {
  transition: opacity 0.3s, transform 0.35s;
}

.fade-top-enter {
  opacity: 0;
}

[dir] .fade-top-enter {
  transform: translateY(8%);
}

.fade-top-leave-to {
  opacity: 0;
}

[dir] .fade-top-leave-to {
  transform: translateY(-8%);
}

.fade-top-2x-enter-active,
.fade-top-2x-leave-active {
  transition: opacity 0.2s, transform 0.25s;
}

.fade-top-2x-enter {
  opacity: 0;
}

[dir] .fade-top-2x-enter {
  transform: translateY(4%);
}

.fade-top-2x-leave-to {
  opacity: 0;
}

[dir] .fade-top-2x-leave-to {
  transform: translateY(-4%);
}

.list-leave-active {
  position: absolute;
}

.list-enter,
.list-leave-to {
  opacity: 0;
}

[dir=ltr] .list-enter, [dir=ltr] .list-leave-to {
  transform: translateX(30px);
}

[dir=rtl] .list-enter, [dir=rtl] .list-leave-to {
  transform: translateX(-30px);
}

.list-enter-up-leave-active {
  transition: none !important;
}

.list-enter-up-enter {
  opacity: 0;
}

[dir] .list-enter-up-enter {
  transform: translateY(30px);
}

[dir] .btn-group button {
  padding: 1rem 1.25rem !important;
}

[dir=ltr] .btn-group :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir=rtl] .btn-group :not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir=ltr] .btn-group :not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir=rtl] .btn-group :not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.btn-group-vertical button {
  width: 100%;
}

[dir] .btn-group-vertical button {
  padding: 1rem 1.25rem !important;
}

[dir=ltr] .btn-group-vertical :not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

[dir=rtl] .btn-group-vertical :not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

[dir=ltr] .btn-group-vertical :not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

[dir=rtl] .btn-group-vertical :not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.blur-1 {
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

.blur-2 {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}

.blur-3 {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.con-vs-chip.number {
  min-height: 20px;
  min-width: 20px;
}

[dir=ltr] .con-vs-chip.number {
  padding-right: unset;
  margin-right: 0;
}

[dir=rtl] .con-vs-chip.number {
  padding-left: unset;
  margin-left: 0;
}

.con-vs-chip.number .vs-chip--text {
  font-weight: 600;
}

[dir=ltr] .con-vs-chip.number .vs-chip--text {
  margin-left: unset;
  margin-right: unset;
}

[dir=rtl] .con-vs-chip.number .vs-chip--text {
  margin-right: unset;
  margin-left: unset;
}

.text-primary {
  color: rgba(var(--vs-primary), 1) !important;
}

.text-success {
  color: rgba(var(--vs-success), 1) !important;
}

.text-danger {
  color: rgba(var(--vs-danger), 1) !important;
}

.text-warning {
  color: rgba(var(--vs-warning), 1) !important;
}

.text-dark {
  color: rgba(var(--vs-dark), 1) !important;
}

[dir] .bg-primary {
  background-color: rgba(var(--vs-primary), 1) !important;
}

[dir] .bg-success {
  background-color: rgba(var(--vs-success), 1) !important;
}

[dir] .bg-danger {
  background-color: rgba(var(--vs-danger), 1) !important;
}

[dir] .bg-warning {
  background-color: rgba(var(--vs-warning), 1) !important;
}

[dir] .bg-dark {
  background-color: rgba(var(--vs-dark), 1) !important;
}

[dir] .border-primary {
  border-color: rgba(var(--vs-primary), 1) !important;
}

[dir] .border-success {
  border-color: rgba(var(--vs-success), 1) !important;
}

[dir] .border-danger {
  border-color: rgba(var(--vs-danger), 1) !important;
}

[dir] .border-warning {
  border-color: rgba(var(--vs-warning), 1) !important;
}

[dir] .border-dark {
  border-color: rgba(var(--vs-dark), 1) !important;
}

[dir] .hover\:bg-primary:hover {
  background-color: rgba(var(--vs-primary), 1) !important;
}

[dir] .hover\:bg-success:hover {
  background-color: rgba(var(--vs-success), 1) !important;
}

[dir] .hover\:bg-danger:hover {
  background-color: rgba(var(--vs-danger), 1) !important;
}

[dir] .hover\:bg-warning:hover {
  background-color: rgba(var(--vs-warning), 1) !important;
}

[dir] .hover\:bg-dark:hover {
  background-color: rgba(var(--vs-dark), 1) !important;
}

.hover\:text-primary:hover {
  color: rgba(var(--vs-primary), 1) !important;
}

.hover\:text-success:hover {
  color: rgba(var(--vs-success), 1) !important;
}

.hover\:text-danger:hover {
  color: rgba(var(--vs-danger), 1) !important;
}

.hover\:text-warning:hover {
  color: rgba(var(--vs-warning), 1) !important;
}

.hover\:text-dark:hover {
  color: rgba(var(--vs-dark), 1) !important;
}

[dir=ltr] .bg-primary-gradient {
  background: linear-gradient(118deg, rgba(var(--vs-primary), 1), rgba(var(--vs-primary), 0.7)) !important;
}

[dir=rtl] .bg-primary-gradient {
  background: linear-gradient(-118deg, rgba(var(--vs-primary), 1), rgba(var(--vs-primary), 0.7)) !important;
}

[dir=ltr] .bg-success-gradient {
  background: linear-gradient(118deg, rgba(var(--vs-success), 1), rgba(var(--vs-success), 0.7)) !important;
}

[dir=rtl] .bg-success-gradient {
  background: linear-gradient(-118deg, rgba(var(--vs-success), 1), rgba(var(--vs-success), 0.7)) !important;
}

[dir=ltr] .bg-danger-gradient {
  background: linear-gradient(118deg, rgba(var(--vs-danger), 1), rgba(var(--vs-danger), 0.7)) !important;
}

[dir=rtl] .bg-danger-gradient {
  background: linear-gradient(-118deg, rgba(var(--vs-danger), 1), rgba(var(--vs-danger), 0.7)) !important;
}

[dir=ltr] .bg-warning-gradient {
  background: linear-gradient(118deg, rgba(var(--vs-warning), 1), rgba(var(--vs-warning), 0.7)) !important;
}

[dir=rtl] .bg-warning-gradient {
  background: linear-gradient(-118deg, rgba(var(--vs-warning), 1), rgba(var(--vs-warning), 0.7)) !important;
}

[dir=ltr] .bg-dark-gradient {
  background: linear-gradient(118deg, rgba(var(--vs-dark), 1), rgba(var(--vs-dark), 0.7)) !important;
}

[dir=rtl] .bg-dark-gradient {
  background: linear-gradient(-118deg, rgba(var(--vs-dark), 1), rgba(var(--vs-dark), 0.7)) !important;
}

.dropdown-custom .vs-dropdown--custom {
  overflow: hidden;
}

[dir] .dropdown-custom .vs-dropdown--custom {
  padding: 0 !important;
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08) !important;
}

[dir] .dropdown-custom .vs-dropdown--menu--after {
  background: rgba(var(--vs-primary), 1) !important;
}

[dir=ltr] .dropdown-custom .vs-dropdown--menu--after {
  right: 1.6rem !important;
}

[dir=rtl] .dropdown-custom .vs-dropdown--menu--after {
  left: 1.6rem !important;
}

.vx-row {
  display: flex;
  flex-wrap: wrap;
}

[dir] .vx-row {
  margin: 0 -1rem;
}

[dir] .vx-row > .vx-col {
  padding: 0 1rem;
}

.vx-row.match-height > .vx-col {
  display: flex;
}

[dir] .vx-row.no-gutter {
  margin: 0;
}

[dir] .vx-row.no-gutter > .vx-col {
  padding: 0;
}

[dir] .vs-input-no-border .vs-input--input {
  border: none !important;
}

[dir] .vs-input-no-border .vs-input--input:focus {
  border: none !important;
}

[dir] .vs-input-no-shdow-focus .vs-input--input:focus {
  box-shadow: none !important;
}

[dir] .vs-input-shadow-drop input {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
}

.sidebar-spacer {
  width: calc(100% - 260px);
}

[dir=ltr] .sidebar-spacer {
  margin-left: 260px;
}

[dir=rtl] .sidebar-spacer {
  margin-right: 260px;
}

.sidebar-spacer-with-margin {
  width: calc(100% - 260px - 2.2rem);
}

[dir=ltr] .sidebar-spacer-with-margin {
  margin-left: calc(260px + 2.2rem);
}

[dir=rtl] .sidebar-spacer-with-margin {
  margin-right: calc(260px + 2.2rem);
}

.sidebar-spacer--wide {
  width: calc(100% - 400px);
}

[dir=ltr] .sidebar-spacer--wide {
  margin-left: 400px;
}

[dir=rtl] .sidebar-spacer--wide {
  margin-right: 400px;
}

.background-absolute .vs-sidebar--background {
  position: absolute;
}

[dir] .vs-content-sidebar.items-no-padding .vs-sidebar--items {
  padding: 0;
}

.full-vs-sidebar .vs-sidebar {
  max-width: calc(100% - 260px);
}

[dir=ltr] .full-vs-sidebar .vs-sidebar {
  margin-left: 260px;
}

[dir=rtl] .full-vs-sidebar .vs-sidebar {
  margin-right: 260px;
}

@media only screen and (max-width: 992px) {
  .full-vs-sidebar .vs-sidebar {
    max-width: 100%;
  }
  [dir=ltr] .full-vs-sidebar .vs-sidebar {
    margin-left: 0;
  }
  [dir=rtl] .full-vs-sidebar .vs-sidebar {
    margin-right: 0;
  }
}

[dir] .vs-select-no-border .vs-select--input {
  border: none !important;
}

[dir] .tabs-shadow-none .vs-tabs--ul {
  box-shadow: none;
}

[dir] .tab-action-btn-fill-conatiner.con-vs-tabs .vs-tabs--content {
  padding: 23px 10px !important;
}

[dir] .d-theme-dark-bg, [dir] .d-theme-dark-light-bg {
  background-color: #fff;
}

[dir] .d-theme-dark-border {
  border-color: #fff;
}

[dir] .d-theme-border-grey-light {
  border-color: #dae1e7;
}

.d-theme-text-inverse {
  color: #fff;
}

[dir] .theme-dark .d-theme-dark-bg {
  background-color: #10163a;
}

[dir] .theme-dark .d-theme-dark-light-bg {
  background-color: #262c49;
}

[dir] .theme-dark .d-theme-input-dark-bg input {
  background-color: #10163a;
}

.theme-dark .d-theme-heading-color {
  color: #2c2c2c;
}

.theme-dark .d-theme-text-inverse {
  color: #626262;
}

[dir] .theme-dark .d-theme-border-grey-light, [dir] .theme-dark .d-theme-dark-border {
  border-color: #414561;
}

[dir] .theme-dark .vs-con-table.table-dark-inverted .vs-con-tbody .vs-table--tbody-table tr {
  background: #10163a !important;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-big {
  font-size: 4rem;
}

.text-color-base {
  color: #626262;
}

.user-list {
  display: flex;
}

.user-list .con-vs-avatar {
  transition: 0.3s;
}

.user-list .con-vs-avatar:hover {
  z-index: 999;
}

[dir] .user-list .con-vs-avatar:hover {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
}

.responsive {
  width: 100%;
  height: auto;
}

[dir] ul.bordered-items > li:not(:last-of-type):not([class*=shadow]) {
  border-bottom: 1px solid #dae1e7;
}

[dir] .con-vs-alert {
  box-shadow: none !important;
}

.vs-alert {
  font-size: 1rem;
  font-weight: 500;
}

.vs-alert code {
  color: #fff;
}

[dir] .vs-alert code {
  background: #b5b5b5;
}

.vs-alert--title {
  color: inherit;
}

.vs-avatar--text.feather {
  font-size: 1.3rem;
}

.vs-avatar--con-img img {
  height: 100%;
}

.vs-button {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

[dir] .vs-button.vs-button-gradient:hover {
  box-shadow: none !important;
}

[dir] .vs-button:not(.vs-radius):not(.includeIconOnly):not(.small):not(.large) {
  padding: 0.75rem 2rem;
}

[dir] .vs-button:not(.vs-radius):not(.includeIconOnly):not(.small):not(.large).vs-button-border {
  padding: 0.679rem 2rem;
}

[dir] .vs-button.small:not(.includeIconOnly) {
  padding: 0.5rem 1.5rem;
}

[dir] .vs-button.large:not(.includeIconOnly) {
  padding: 1rem 2.5rem;
}

.vs-button.large {
  font-size: 1.25rem;
}

.vs-button.large .vs-button--icon {
  font-size: 1.25rem;
}

[dir] .vs-button.round {
  border-radius: 1.5rem;
}

[dir] .vs-button.includeIcon {
  float: none;
}

.vs-breadcrumb--ol a:focus,
.vs-breadcrumb--ol a:hover {
  color: #7367F0;
}

.vs-breadcrumb--ol .active {
  color: #7367F0;
}

[dir] .vs-checkbox-small .vs-checkbox--input:checked + .vs-checkbox .vs-icon {
  margin-top: 6px;
  transform: translateY(-3px);
}

[dir=ltr] .vs-checkbox-small .vs-checkbox--input:checked + .vs-checkbox .vs-icon {
  margin-left: -1px;
}

[dir=rtl] .vs-checkbox-small .vs-checkbox--input:checked + .vs-checkbox .vs-icon {
  margin-right: -1px;
}

.vs-checkbox--check {
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir] .con-chips .con-chips--input {
  border: none;
}

[dir] .con-chips .con-vs-chip {
  margin: 0.75rem;
}

[dir=ltr] .con-chips .con-chips--remove-all {
  right: 9px;
}

[dir=rtl] .con-chips .con-chips--remove-all {
  left: 9px;
}

.con-chips .con-chips--remove-all > .vs-icon {
  font-size: 1.3rem;
}

.con-vs-chip {
  min-height: 26px;
  min-width: 26px;
  font-size: 0.8rem;
}

.vs-collapse-item--header {
  font-size: 1.2rem;
}

[dir] .vs-collapse-item--header {
  padding: 1rem;
}

.con-content--item {
  font-size: 1rem;
}

[dir] .con-content--item {
  padding: 1rem;
}

.vs-collapse.default .open-item .con-content--item,
.vs-collapse.shadow .open-item .con-content--item,
.vs-collapse.border .open-item .con-content--item,
.vs-collapse.margin .open-item .con-content--item {
  opacity: 1;
}

[dir] .vs-collapse.default .open-item .con-content--item, [dir] .vs-collapse.shadow .open-item .con-content--item, [dir] .vs-collapse.border .open-item .con-content--item, [dir] .vs-collapse.margin .open-item .con-content--item {
  padding: 1rem;
}

.con-vs-dialog {
  z-index: 52005;
}

.con-vs-dialog .vs-dialog header .dialog-title {
  color: inherit;
}

[dir] .con-vs-dialog .vs-dialog header .dialog-title {
  padding: 0.8rem;
}

.con-vs-dialog .vs-dialog header span.after {
  width: 0;
}

.con-vs-dialog .vs-dialog .vs-dialog-text {
  font-size: 1rem;
}

[dir] .con-vs-dialog .vs-dialog .vs-dialog-text {
  padding: 1rem;
}

[dir] .con-vs-dialog .vs-dialog footer {
  padding: 1rem;
}

[dir] .con-vs-dialog .vs-dialog footer .vs-button:last-of-type {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

[dir=ltr] .con-vs-dialog .vs-dialog footer .vs-button:last-of-type {
  margin-left: 0.5rem !important;
}

[dir=rtl] .con-vs-dialog .vs-dialog footer .vs-button:last-of-type {
  margin-right: 0.5rem !important;
}

.vs-con-dropdown {
  color: inherit;
  font-size: 1rem;
}

[dir] .dropdown-button-container .vs-button {
  padding: 0.72rem 1.5rem !important;
}

[dir] .dropdown-button-container .vs-button-line {
  padding: 9px 10px !important;
}

.con-vs-dropdown--menu {
  z-index: 42000;
}

.vs-input--placeholder {
  top: 0px;
}

[dir=ltr] .vs-input--input.hasIcon:not(.icon-after-input) + .vs-input--placeholder {
  padding-left: 3rem !important;
}

[dir=rtl] .vs-input--input.hasIcon:not(.icon-after-input) + .vs-input--placeholder {
  padding-right: 3rem !important;
}

.vs-con-input .vs-inputx {
  font-size: 1rem;
}

[dir] .vs-con-input .vs-inputx {
  padding: 0.7rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

[dir] .vs-con-input .vx-inputx:not(.input-rounded-full) {
  border-radius: 5px;
}

.vs-input--input.normal {
  font-size: 1rem !important;
}

[dir] .vs-input--input.normal {
  padding: 0.7rem !important;
}

.vs-input--input.normal ~ .vs-input--icon.feather {
  top: 9px;
}

.vs-input--input.large {
  font-size: 1.2rem !important;
}

[dir] .vs-input--input.large {
  padding: 1rem !important;
}

[dir=ltr] .vs-input--input.large.hasIcon {
  padding: 1rem 0.8rem 1rem 3rem !important;
}

[dir=rtl] .vs-input--input.large.hasIcon {
  padding: 1rem 3rem 1rem 0.8rem !important;
}

.vs-input--input.large ~ .vs-input--icon {
  top: 1rem !important;
}

[dir=ltr] .vs-input--input.large ~ .vs-input--icon {
  left: 0.8rem !important;
}

[dir=rtl] .vs-input--input.large ~ .vs-input--icon {
  right: 0.8rem !important;
}

.vs-input--input.small {
  font-size: 0.8rem !important;
}

[dir] .vs-input--input.small {
  padding: 0.4rem !important;
}

.vs-input--input.small ~ .vs-input--icon.feather {
  top: 7px !important;
}

[dir=ltr] .vs-input--input.hasIcon {
  padding: 0.7rem 1rem 0.7rem 3rem !important;
}

[dir=rtl] .vs-input--input.hasIcon {
  padding: 0.7rem 3rem 0.7rem 1rem !important;
}

[dir=ltr] .vs-input--input.hasIcon.icon-after-input {
  padding: 0.7rem 3rem 0.7rem 0.7rem !important;
}

[dir=rtl] .vs-input--input.hasIcon.icon-after-input {
  padding: 0.7rem 0.7rem 0.7rem 3rem !important;
}

[dir] .vs-input--placeholder.normal {
  padding: 0.7rem !important;
}

[dir] .vs-input--placeholder.large {
  padding: 1rem !important;
}

.vs-input--placeholder.small {
  font-size: 0.8rem !important;
}

[dir] .vs-input--placeholder.small {
  padding: 0.2rem 0.6rem !important;
}

[dir=ltr] .vs-input--icon.feather {
  padding: 0.2rem 0.5rem 0rem 0.4rem;
}

[dir=rtl] .vs-input--icon.feather {
  padding: 0.2rem 0.4rem 0rem 0.5rem;
}

[dir] .vs-input.input-rounded-full input {
  border-radius: 20px;
}

[dir=ltr] .vs-input.input-rounded-full .vs-input--input.hasIcon {
  padding: 0.8rem 1rem 0.8rem 3rem !important;
}

[dir=rtl] .vs-input.input-rounded-full .vs-input--input.hasIcon {
  padding: 0.8rem 3rem 0.8rem 1rem !important;
}

[dir] .vs-input.input-rounded-full .input-span-placeholder {
  padding-top: 0.7rem !important;
}

[dir=ltr] .vs-input.input-rounded-full .input-span-placeholder {
  padding-left: 3rem !important;
}

[dir=rtl] .vs-input.input-rounded-full .input-span-placeholder {
  padding-right: 3rem !important;
}

.vs-input.input-rounded-full .vs-icon {
  font-size: 1rem !important;
}

[dir] .vs-input.input-rounded-full .vs-icon {
  margin-top: 0.1rem !important;
}

[dir=ltr] .vs-input.input-rounded-full .vs-icon {
  margin-left: 0.6rem !important;
}

[dir=rtl] .vs-input.input-rounded-full .vs-icon {
  margin-right: 0.6rem !important;
}

.vs-list--item .list-titles .vs-list--subtitle {
  font-size: 0.85rem;
}

[dir] .vs-list--item:last-child {
  border-bottom: none;
}

.vs-navbar .vs-navbar--item a {
  color: inherit;
}

.vs-navbar-color-transparent .vs-navbar--item a:hover {
  color: #7367F0 !important;
}

.vs-navbar-gradient .vs-navbar--item.is-active-item a {
  color: #fff !important;
}

.vs-notifications {
  z-index: 200000 !important;
}

.vs-notifications h3 {
  color: #fff;
  font-weight: 600;
  font-size: 15.96px;
}

[dir] .vs-pagination--li.is-current {
  border-radius: 50%;
}

[dir] .vs-pagination--li.is-current .effect {
  border-radius: 50%;
}

.vs-pagination--li:hover:not(.is-current) {
  color: var(--vs-color-pagination) !important;
}

[dir] .vs-pagination--ul {
  padding: 0;
}

[dir] .vs-popup--title h3, [dir] .vs-notifications h3 {
  margin-bottom: 0;
}

.con-vs-popup {
  z-index: 53000;
}

.con-vs-popup .vs-popup--content {
  font-size: 1rem;
}

[dir] .con-vs-popup .vs-popup--content {
  padding: 1rem;
}

.con-vs-checkbox,
.con-vs-radio {
  justify-content: flex-start !important;
}

.vs-radio--label {
  line-height: 1;
}

.con-vs-radio {
  display: inline-flex;
}

.con-select .vs-select--input {
  font-size: 1rem;
}

[dir] .con-select .vs-select--input {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.vs-select--options {
  font-size: 1rem;
  z-index: 530001;
}

[dir] .vs-select--options {
  border: 1px solid #eee;
}

.vs-select--options span {
  color: #626262;
  font-size: 1rem;
}

[dir] .v-select .dropdown-toggle .vs__actions .clear {
  padding-top: 4px;
}

.vs-sidebar {
  height: calc(var(--vh, 1vh) * 100);
}

.vs-sidebar .vs-sidebar--items {
  overflow: hidden;
  height: 100%;
}

.vs-switch--text {
  font-size: 0.7rem;
}

[dir] .vs-con-table {
  background: transparent;
}

[dir] .vs-con-table .vs-table--header .vs-table--search {
  padding: 1rem 0;
}

.vs-con-table .vs-table--header .vs-table--search .vs-table--search-input {
  font-size: 0.9rem;
}

[dir] .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input {
  padding: 10px 28px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

[dir=ltr] .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus + i {
  left: 10px;
}

[dir=rtl] .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus + i {
  right: 10px;
}

[dir=ltr] .vs-con-table .vs-table--header .vs-table--search i {
  left: 10px;
}

[dir=rtl] .vs-con-table .vs-table--header .vs-table--search i {
  right: 10px;
}

.vs-con-table .vs-con-tbody {
  width: 100%;
  overflow: auto;
}

[dir] .vs-con-table .vs-con-tbody {
  background: #f8f8f8;
  border: 2px solid #f8f8f8;
}

.vs-con-table .vs-con-tbody .con-vs-checkbox {
  justify-content: center !important;
}

.vs-con-table .vs-con-tbody .vs-table--tbody-table {
  font-size: 1rem;
}

.vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-spacer {
  height: 2px;
}

[dir] .vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-table .tr-expand td {
  padding: 0;
}

[dir] .vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-table td {
  padding: 1rem;
}

[dir] .vs-con-table .vs-con-tbody .vs-table--tbody-table .vs-table--thead th {
  padding: 10px 15px;
}

[dir] .vs-con-table .vs-con-tbody .vs-table--tbody-table .vs-table--thead .con-td-check {
  background: transparent;
  box-shadow: none;
}

[dir] .vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-values .vs-table--td {
  padding: 10px 15px;
}

[dir] .vs-con-table .vs-table--pagination {
  margin-top: 1rem;
}

.con-slot-tabs {
  width: 100%;
}

.vs-tabs--li {
  white-space: nowrap;
}

.vs-tabs--li button {
  font-size: 1rem;
  font-weight: 500;
}

[dir] .vs-tabs-position-left .vs-tabs--li {
  padding: 0.35rem 0.3rem;
}

.vs-tabs--li button {
  font-family: inherit;
  color: inherit;
}

.vs-tabs--li .vs-icon-primary,
.vs-tabs--li .vs-icon-success,
.vs-tabs--li .vs-icon-warning,
.vs-tabs--li .vs-icon-danger,
.vs-tabs--li .vs-icon-dark {
  color: inherit;
}

.vs-tabs .con-tab .vs-button-filled:hover {
  color: #fff !important;
}

.vs-textarea {
  font-size: 1rem;
  color: inherit;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

[dir] .vs-con-textarea {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.vs-con-textarea > h4 {
  color: inherit;
}

.vs-tooltip {
  z-index: 52000;
}

.con-img-upload {
  overflow: hidden;
}

[dir] .con-img-upload {
  padding: 0.6rem;
}

[dir] .con-img-upload .img-upload {
  margin: 15px;
}

.view-upload {
  z-index: 52000;
}

button:focus {
  outline: none;
}

.vuesax-app-is-rtl .ps-container:not(.enable-rtl-x-scroll) .ps__scrollbar-x-rail {
  display: none !important;
}

.vuesax-app-is-rtl .ag-pinned-left-cols-container {
  margin-right: 5px;
}

.vuesax-app-is-rtl .vs-dropdown-menu.rightx .vs-dropdown--menu--after {
  right: unset !important;
  left: 30px !important;
}

.vuesax-app-is-rtl .vs-loading > * {
  top: 0;
}

.vuesax-app-is-rtl .flatpickr-prev-month,
.vuesax-app-is-rtl .flatpickr-next-month {
  transform: rotateY(180deg);
}

.vuesax-app-is-rtl .swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0 !important;
}

.v-step[x-placement^=bottom] .v-step__arrow {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.v-step[x-placement^=left] .v-step__arrow {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

.v-step[x-placement^=top] .v-step__arrow {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

.v-step[x-placement^=right] .v-step__arrow {
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}

.swiper-container-rtl .swiper-button-prev {
  right: 10px !important;
  left: auto !important;
}

.swiper-container-rtl .swiper-button-next {
  left: 10px !important;
  right: auto !important;
}

.vjs-fluid {
  padding-top: 41.6666666667% !important;
}