@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@charset "UTF-8";
/*=========================================================================================
  File Name: app.scss
  Description: Write your custom scss
  ----------------------------------------------------------------------------------------
  Item Name: Vuesax Admin - VueJS Dashboard Admin Template
  Author: Pixinvent
  Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
  File Name: main.scss
  Description: Main scss file. Imports other scss partials from 'vuexy' folder
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy Admin - VueJS Dashboard Admin Template
  Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
/*=========================================================================================
    File Name: _layout.scss
    Description: partial- main layout styles container - imports layout styles
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
  File Name: _layoutCommon.scss
  Description: Common layout styles. This style will apply to all layouts
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
html {
  font-size: 14px;
  height: 100%;
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  background: #EDF7FE;
  font-weight: 400;
  overflow-x: hidden;
  max-width: 100%;
  height: 100%;
  transition: background-color 0.3s ease;
}

#app {
  min-height: 100%;
}

.vx-logo .vx-logo-text {
  font-size: 22px;
  font-weight: 600;
  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

.router-view {
  position: relative;
  padding: 3rem 1rem;
}
@media (max-width: 576px) {
  .router-view {
    padding: 1.2rem !important;
  }
  .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;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: opacity 0.7s;
  z-index: -1;
}
.show-overlay #content-overlay {
  z-index: 41001;
  opacity: 1;
}

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

#content-area {
  height: 100%;
  transition: margin-left 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);
}
#content-area.content-area-reduced {
  margin-left: 260px;
}
#content-area.content-area-lg {
  margin-left: 80px;
}
#content-area.content-area-full {
  margin-left: 0px;
}

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

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;
}
.demo-alignment > * {
  margin-right: 1.5rem;
  margin-top: 1.5rem;
}

.op-block {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 10px;
}

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

/*=========================================================================================
  File Name: _layoutVertical.scss
  Description: Vertical Layout Styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
.main-vertical.navbar-sticky .router-content {
  margin-top: 4.5rem;
}
.main-vertical.navbar-static .vx-navbar-wrapper .vx-navbar {
  background: transparent !important;
  box-shadow: none;
}
.main-vertical.navbar-static .router-content {
  margin-top: 0.2rem;
}

.no-scroll .router-view {
  padding-bottom: 0 !important;
}
.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);
}

/*=========================================================================================
  File Name: _layoutHorizontal.scss
  Description: Horizontal Layout Styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.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;
    margin-left: 1rem;
  }
}
.main-horizontal.navbar-floating .vs-navbar.vx-navbar {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.main-horizontal.navbar-sticky .vx-navbar-wrapper:not(.nav-menu-wrapper) {
  height: 62px;
}
.main-horizontal.navbar-sticky .vs-navbar:not(.vx-navbar) {
  background-color: #fff !important;
  height: 60px;
}
.main-horizontal.navbar-sticky .vs-navbar.vx-navbar, .main-horizontal.navbar-static .vs-navbar.vx-navbar {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
@media (min-width: 1200px) {
  .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) {
  .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) {
  .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) {
  .main-horizontal {
    /*
      Only applies to NavMenu in horizontal layout
      media query is given -> because navMenu in horizontal will be visible till 1200px.
    */
  }
  .main-horizontal.navbar-floating .router-content {
    margin-top: 10.1rem;
  }
  .main-horizontal .vs-navbar.vx-navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .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);
  }
}

/*=========================================================================================
  File Name: _theNavbar.scss
  Description: The navbar styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.vs-navbar.navbar-skelton {
  width: 100%;
  transition: all 0.5s;
  z-index: 10000;
}

.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%);
  background-repeat-x: repeat;
  z-index: 41001;
  width: 100%;
  background-repeat-y: no-repeat;
  top: 0;
}
.vx-navbar-wrapper .vx-navbar .vs-con-items {
  width: 100%;
}
.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: #000000;
}

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

.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) {
  .navbar-floating .vx-navbar-wrapper {
    padding: 1.3rem 2.2rem 2.2rem;
  }
}
.navbar-floating .vx-navbar {
  border-radius: 0.5rem;
  padding: 0.8rem 1rem;
}
.navbar-floating .vx-navbar .search-full-container {
  border-radius: 0.5rem;
}

.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;
  margin-left: 1rem;
}

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

.navbar-static .vx-navbar-wrapper {
  background: none;
  height: auto;
  width: 100%;
}
.navbar-static .vx-navbar-wrapper .vx-navbar {
  position: relative;
}
.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%;
}
.search-full-container .vx-auto-suggest input[type=text],
.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;
  left: 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) {
  .navbar-sticky .vx-navbar-wrapper .vx-navbar {
    padding: 0.8rem 2.2rem;
  }
}
@media (max-width: 576px) {
  .vx-navbar-wrapper {
    padding: 1.2rem;
  }
  .navbar-sticky .vx-navbar-wrapper {
    padding: 0;
  }
  .navbar-sticky .vx-navbar-wrapper .vx-navbar {
    padding: 0.8rem 1.5rem;
  }
  .navbar-static .vx-navbar-wrapper {
    padding: 0;
  }
  .navbar-static .vx-navbar-wrapper .vx-navbar {
    padding: 0.8rem 1.5rem;
  }
  .navbar-static.main-vertical .router-view .router-content {
    margin-top: 0;
  }
}
.starred-page:hover,
.starred-page--more:hover {
  color: rgba(var(--vs-primary), 1);
}

.i18n-dropdown .vs-dropdown--item-link {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 364px) {
  .i18n-dropdown {
    width: 95vw;
    left: 90vw !important;
  }
  .i18n-dropdown .vs-dropdown--menu--after {
    display: none;
  }
}

.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;
    left: 97.5vw !important;
  }
  .notification-dropdown .vs-dropdown--menu--after,
  .cart-dropdown .vs-dropdown--menu--after {
    display: none;
  }
}
.notification-dropdown .notification:hover,
.cart-dropdown .notification:hover {
  background-color: #f7f7f7;
}
.notification-dropdown .checkout-footer,
.notification-dropdown .notification-footer,
.cart-dropdown .checkout-footer,
.cart-dropdown .notification-footer {
  background-color: #f8f8f8;
}

.scroll-area--nofications-dropdown,
.scroll-area--cart-items-dropdowm {
  position: relative;
  margin: auto;
  width: 100%;
  max-height: 25rem;
}
.scroll-area--nofications-dropdown:not(.ps),
.scroll-area--cart-items-dropdowm:not(.ps) {
  overflow-y: 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;
  }
}

/*=========================================================================================
    File Name: _footer.scss
    Description: Footer styles
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.footer-sticky .the-footer {
  position: fixed;
  background: #333333;
  bottom: 0;
  height: 48px;
  border-top: 4px solid #E86266;
  width: calc(100% - 260px);
  box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.05);
  z-index: 40000;
}
.footer-sticky .content-area-lg .the-footer {
  width: calc(100% - 80px);
}
.footer-sticky .content-area-full .the-footer {
  width: 100%;
}
.footer-sticky .router-view {
  padding-bottom: 5rem;
}

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

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

.tooltip.popover {
  display: block !important;
  z-index: 1000;
}
.tooltip.popover .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}
.tooltip.popover .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}
.tooltip.popover[x-placement^=right] {
  margin-left: 5px;
}
.tooltip.popover[x-placement^=right] .tooltip-arrow {
  border-width: 16px 16px 16px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -12px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip.popover.popover .popover-inner {
  background: #e0e0e0;
  color: black;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.tooltip.popover.popover .popover-arrow {
  border-color: #e0e0e0;
}
.tooltip.popover.popover .vs-table--tbody-table .vs-table--thead th {
  background-color: rgba(var(--vs-primary), 1);
}
.tooltip.popover.popover .popup-content {
  background: white;
}
.tooltip.popover[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip.popover[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/*=========================================================================================
  File Name: _typography.scss
  Description: partial- typography styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
body {
  color: #000000;
}

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

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;
}

/*=========================================================================================
    File Name: _misc.scss
    Description: partial- misc styles
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
code {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  background: #eee;
  padding: 0.1rem 0.3rem;
  border-radius: 3px;
}

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

.layout--full-page .bg-img {
  background-image: "/images/pages/vuexy-login-bg.jpg";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.layout--full-page .full-page-bg-color {
  background-color: #eff2f7;
}

.single-counter {
  display: inline-block;
  position: relative;
  width: 105px;
  padding: 18px 10px 10px;
}
.single-counter span {
  display: block;
  text-align: center;
}
.single-counter .timer {
  font-size: 3rem;
}

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

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

/*! rtl:begin:ignore */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*! rtl:end:ignore */
i.feather {
  font-weight: 100;
}

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

.scroll-area {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
}
.scroll-area:not(.ps) {
  overflow-y: auto;
}

input:disabled, select:disabled {
  background: #ececec;
  color: #909090 !important;
}

/*=========================================================================================
  File Name: _extraComponents.scss
  Description: partial - imports extra components styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
  File Name: _awesomeSwiper.scss
  Description: Styles for awesome swiper plugin
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.swiper-pagination-bullet-active {
  background: rgba(var(--vs-primary), 1) !important;
}

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

/*=========================================================================================
  File Name: _formWizard.scss
  Description: Styles for form wizard externsion.
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.vue-form-wizard.md .wizard-navigation .wizard-progress-with-circle {
  top: 33px !important;
}
.vue-form-wizard.md .wizard-navigation .wizard-nav .wizard-icon-circle {
  border: 3px solid #cccccc;
  width: 55px;
  height: 55px;
}
.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;
}

.stepTitle {
  margin-top: 0.5rem;
}

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

/*=========================================================================================
    File Name: _vueSelect.scss
    Description: vue-select component style.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
.v-select:not(.vs--single) .vs__selected {
  font-size: 0.9rem;
}
.v-select .vs__dropdown-toggle {
  padding: 0.59px 0 4px 0;
}
.v-select .vs__dropdown-toggle .vs__search {
  color: #000000;
}
.v-select .vs__dropdown-toggle .vs__deselect svg {
  stroke: #000000;
  opacity: 0.5;
  margin-top: 0 !important;
}
.v-select .vs__dropdown-toggle .vs__actions .vs__clear {
  color: #000000;
}
.v-select .vs__dropdown-menu .vs__dropdown-option--highlight {
  color: #fff !important;
}
.v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #000000;
}
.v-select .vs__selected {
  color: #000000;
}

.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;
}
.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;
}
.theme-dark .v-select .vs__dropdown-menu {
  background: #262c49;
}
.theme-dark .v-select .vs__dropdown-menu .vs__dropdown-option {
  color: #c2c6dc;
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.v-select {
  position: relative;
  font-family: inherit;
}

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

/* KeyFrames */
@keyframes vSelectSpinner {
  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.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.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;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

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

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

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

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

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

.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);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  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;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143; /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333; /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: rgba(var(--vs-primary), 1);
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

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

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.8;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected, .vs--single.vs--loading .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;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

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

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
  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;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

/*=========================================================================================
    File Name: _charts.scss
    Description: Styles for charts.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.echarts {
  width: 100% !important;
}

/*=========================================================================================
    File Name: _contextMenu.scss
    Description: Styles for context menu
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
.v-context {
  padding: 0 !important;
  border-radius: 0.4rem !important;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14) !important;
  z-index: 51000 !important;
}
.v-context li a {
  color: inherit !important;
  padding: 0.7rem 1rem !important;
}
.v-context li a:focus, .v-context li a:hover {
  background: #eee !important;
}

.theme-dark .v-context {
  background: #262c49 !important;
}
.theme-dark .v-context li a {
  color: #c2c6dc !important;
}
.theme-dark .v-context li a:focus, .theme-dark .v-context li a:hover {
  background: #10163a !important;
}

/*=========================================================================================
    File Name: _quillEditor.scss
    Description: Styles for quill editor externsion.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
.quill-editor .ql-bubble .ql-tooltip {
  z-index: 51000;
}

.theme-dark .quill-editor .ql-snow.ql-toolbar, .theme-dark .quill-editor .ql-snow.ql-container {
  border-color: #414561;
}

/*=========================================================================================
    File Name: _datePicker.scss
    Description: Styles for datepicker component.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
.vdp-datepicker input {
  padding: 0.7rem;
  font-size: 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  width: 100%;
}
.vdp-datepicker input[disabled] {
  opacity: 0.5;
}
.vdp-datepicker .vdp-datepicker__calendar {
  border-radius: 0.5rem;
  z-index: 401;
}
.vdp-datepicker .vdp-datepicker__calendar header .pre {
  border-top-left-radius: 0.5rem;
}
.vdp-datepicker .vdp-datepicker__calendar header .next {
  border-top-right-radius: 0.5rem;
}
.vdp-datepicker .day.blank {
  background: transparent;
}
.vdp-datepicker .cell.day {
  border-radius: 50%;
  margin-left: 1%;
  margin-right: 1%;
  height: 37px;
  line-height: 37px;
  width: 12.285714286%;
}
.vdp-datepicker .cell.month, .vdp-datepicker .cell.year {
  border-radius: 0.5rem;
}
.vdp-datepicker .cell:not(.blank):hover {
  border-color: rgba(0, 0, 0, 0) !important;
  background-color: #eee;
}
.vdp-datepicker .cell.day.highlighted {
  background: rgba(var(--vs-primary), 0.7);
  color: #fff;
}
.vdp-datepicker .cell.day.highlighted:hover {
  background: rgba(var(--vs-primary), 1);
}
.vdp-datepicker .cell.selected {
  color: #fff;
  background: rgba(var(--vs-primary), 1) !important;
}
.vdp-datepicker .cell.selected:hover {
  background: rgba(var(--vs-primary), 1);
}

/*=========================================================================================
    File Name: _datetimePicker.scss
    Description: Styles for datetime picker
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _variables.scss
    Description: partial- SCSS varibales
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        SPACING
=========================================================*/
/*========================================================
        COLORS
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        TYPOGRAPHY
=========================================================*/
/*========================================================
        DARK THEME
=========================================================*/
.flatpickr-calendar {
  width: calc(307.875px + 13px * 2) !important;
  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;
  overflow: hidden;
}
.flatpickr-calendar.hasWeeks {
  width: calc(307.875px + 13px * 2 + 34px) !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;
}
.flatpickr-calendar .numInputWrapper:hover {
  background: none;
}
.flatpickr-calendar .numInputWrapper:hover .arrowUp,
.flatpickr-calendar .numInputWrapper:hover .arrowDown {
  border: none;
}
.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month {
  height: 44px !important;
}
.flatpickr-calendar .flatpickr-months {
  padding: 0;
}
.flatpickr-calendar .flatpickr-monthDropdown-months {
  color: #626262;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 0.5rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  height: 27px;
  margin-left: 22px !important;
  margin-right: 3px !important;
}
.flatpickr-calendar .flatpickr-monthDropdown-months:hover {
  background: transparent !important;
}
.flatpickr-calendar .flatpickr-current-month {
  bottom: -11px;
  padding-top: 0;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  vertical-align: middle;
}
.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month,
.flatpickr-calendar .flatpickr-innerContainer {
  padding: 13px !important;
}
.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
  top: calc(13px - 3px) !important;
}
.flatpickr-calendar .flatpickr-prev-month {
  left: 13px !important;
}
.flatpickr-calendar .flatpickr-next-month {
  right: 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 {
  background: #1da1f2 !important;
  box-shadow: none;
  color: #fff;
  border-color: #1da1f2 !important;
}

.flatpickr-input, .flatpickr-input[type=hidden] + input {
  padding: 0.7rem;
  font-size: 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #000000;
}
.flatpickr-input.active {
  border: 1px solid #1da1f2;
}

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

.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;
}
.theme-dark .flatpickr-calendar .flatpickr-monthDropdown-months {
  background: #262c49 !important;
}
.theme-dark .flatpickr-calendar .flatpickr-monthDropdown-months option {
  background: #10163a !important;
  color: #c2c6dc;
}
.theme-dark .flatpickr-calendar .flatpickr-day {
  color: #c2c6dc;
}
.theme-dark .flatpickr-calendar .flatpickr-day.inRange, .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay.inRange, .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay.inRange, .theme-dark .flatpickr-calendar .flatpickr-day.today.inRange, .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange, .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange, .theme-dark .flatpickr-calendar .flatpickr-day:hover, .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay:hover, .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, .theme-dark .flatpickr-calendar .flatpickr-day:focus, .theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay:focus, .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay:focus {
  background: #262c49;
  border-color: #262c49;
}
.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 {
  background: #262c49;
  color: #fff;
}
.theme-dark .flatpickr-calendar .flatpickr-day.prevMonthDay, .theme-dark .flatpickr-calendar .flatpickr-day.nextMonthDay, .theme-dark .flatpickr-calendar .flatpickr-day.disabled {
  opacity: 0.3;
}
.theme-dark .flatpickr-calendar .flatpickr-time {
  border-top-color: #414561 !important;
}
.theme-dark .flatpickr-calendar .flatpickr-time input {
  color: #c2c6dc;
}
.theme-dark .flatpickr-calendar .flatpickr-time input:hover,
.theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.theme-dark .flatpickr-calendar .flatpickr-time input:focus,
.theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
  background: #262c49;
}
.theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  color: #c2c6dc;
}
.theme-dark .flatpickr-calendar .flatpickr-time ::-moz-selection {
  background: transparent;
}
.theme-dark .flatpickr-calendar .flatpickr-time ::selection {
  background: transparent;
}
.theme-dark .flatpickr-calendar .numInputWrapper .arrowUp:after {
  border-bottom-color: #fff;
}
.theme-dark .flatpickr-calendar .numInputWrapper .arrowDown:after {
  border-top-color: #fff;
}

/*=========================================================================================
    File Name: _themes.scss
    Description: partial- themes - imports theme styles
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
    File Name: _themeDark.scss
    Description: partial- Styles for dark theme
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.theme-dark {
  --vs-dark: 184,194,204;
  background-color: #262c49;
  color: #c2c6dc !important;
}
.theme-dark .main-vertical.navbar-static .vx-navbar-wrapper {
  background: none;
}
.theme-dark .main-horizontal .menu-item .h-nav-menu-item.disabled-item {
  opacity: 0.3;
}
@media (min-width: 1200px) {
  .theme-dark .main-horizontal .vx-navbar-wrapper:not(.nav-menu-wrapper) {
    background: none !important;
  }
}
.theme-dark .main-horizontal.navbar-sticky .vs-navbar:not(.vx-navbar) {
  background-color: #262c49 !important;
}
.theme-dark .main-horizontal.navbar-static .vs-navbar:not(.vx-navbar).d-theme-dark-light-bg {
  background-color: #262c49 !important;
}
.theme-dark .content-area__heading h2 {
  color: #ebeefd;
}
.theme-dark code {
  color: #b8c2cc;
  background: #262c49;
}
.theme-dark pre[class*=language-] {
  background-color: #1E1E1E;
  text-shadow: none;
}
.theme-dark pre[class*=language-] code {
  background-color: transparent;
}
.theme-dark pre[class*=language-] code[class*=language-] {
  text-shadow: none;
}
.theme-dark label {
  color: #c2c6dc;
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
  color: #ebeefd;
}
.theme-dark ul.bordered-items li {
  border-color: #414561 !important;
}
.theme-dark .notification-dropdown .notification:hover,
.theme-dark .notification-dropdown .cart-item:hover,
.theme-dark .cart-dropdown .notification:hover,
.theme-dark .cart-dropdown .cart-item:hover {
  background: #10163a;
}
.theme-dark .notification-dropdown .checkout-footer,
.theme-dark .notification-dropdown .notification-footer,
.theme-dark .cart-dropdown .checkout-footer,
.theme-dark .cart-dropdown .notification-footer {
  background-color: #262c49;
}
.theme-dark .notification-dropdown .checkout-footer:hover,
.theme-dark .notification-dropdown .notification-footer:hover,
.theme-dark .cart-dropdown .checkout-footer:hover,
.theme-dark .cart-dropdown .notification-footer:hover {
  background-color: #10163a;
}
.theme-dark .vs-component.vs-notifications.vs-noti-dark {
  color: #22292f !important;
}
.theme-dark .vs-component.vs-notifications.vs-noti-dark .filling {
  background: #b8c2cc !important;
}
.theme-dark .vs-component.vs-notifications.vs-noti-dark h3 {
  color: #22292f !important;
}
.theme-dark .vx-card {
  background-color: #10163a;
}
.theme-dark .vx-card.card-border {
  border-color: #414561;
}
.theme-dark .vx-card .vx-card__title h4 {
  color: #ebeefd;
}
.theme-dark .vx-card .con-vs-alert-dark {
  color: #dae1e7;
}
.theme-dark .vx-card .code-content pre[class^=language-] {
  background-color: #262c49;
  text-shadow: none;
}
.theme-dark .vx-card .code-content pre[class^=language-] code {
  background-color: transparent;
}
.theme-dark .vx-card .code-content pre[class^=language-] code[class*=language-] {
  text-shadow: none;
}
.theme-dark .vx-card .vx-card__body .con-vs-alert-primary h4 {
  color: rgba(var(--vs-primary), 1);
}
.theme-dark .vx-card .vx-card__body .con-vs-alert-success h4 {
  color: rgba(var(--vs-success), 1);
}
.theme-dark .vx-card .vx-card__body .con-vs-alert-danger h4 {
  color: rgba(var(--vs-danger), 1);
}
.theme-dark .vx-card .vx-card__body .con-vs-alert-info h4 {
  color: rgba(var(--vs-info), 1);
}
.theme-dark .vx-card .vx-card__body .con-vs-alert-warning h4 {
  color: rgba(var(--vs-warning), 1);
}
.theme-dark .vx-card .tasks-today-container .tasks-today__task:hover {
  background: #212744 !important;
}
.theme-dark .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%);
}
.theme-dark .vx-navbar-wrapper .vs-navbar .search-full-container {
  background-color: #10163a !important;
}
.theme-dark .vx-navbar-wrapper .vs-navbar .search-full-container .vx-auto-suggest input {
  background: #10163a;
}
.theme-dark .vx-navbar-wrapper .vs-navbar .vx-auto-suggest .auto-suggest-suggestions-list .auto-suggest__suggestion-group__suggestion {
  color: #c2c6dc;
}
.theme-dark .vx-navbar-wrapper .vs-navbar .vx-auto-suggest .auto-suggest-suggestions-list .auto-suggest__suggestion-group__suggestion.vx-auto-suggest__current-selected {
  background: #10163a;
  color: #fff;
}
.theme-dark .v-nav-menu .vs-sidebar {
  background-color: #10163a;
}
.theme-dark .v-nav-menu .shadow-bottom {
  width: 94%;
  background: linear-gradient(to bottom, rgb(15, 22, 66) 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0) 100%);
}
.theme-dark .v-nav-menu .scroll-area-v-nav-menu .feather-icon,
.theme-dark .v-nav-menu .scroll-area-v-nav-menu span:not(.vs-chip--text) {
  color: #c2c6dc;
}
.theme-dark .v-nav-menu .scroll-area-v-nav-menu a:not(.router-link-active) .feather-icon svg,
.theme-dark .v-nav-menu .scroll-area-v-nav-menu a:not(.router-link-active) .feather-icon span {
  color: #c2c6dc;
}
.theme-dark .v-nav-menu .scroll-area-v-nav-menu a.router-link-active span {
  color: #fff;
}
.theme-dark .v-nav-menu .scroll-area-v-nav-menu .vs-sidebar-group.vs-sidebar-group-active > .group-header {
  background: #262c49;
}
.theme-dark .v-nav-menu .scroll-area-v-nav-menu .vs-sidebar-group.vs-sidebar-group-open > .group-header {
  background: #262c49;
}
.theme-dark .ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #10163a;
}
.theme-dark .grid-demo__layout-container .vs-row .vs-col {
  background-color: #212744;
}
.theme-dark .grid-demo__layout-container .vs-row .vs-col:last-of-type {
  background-color: #212744;
}
.theme-dark .grid-demo__layout-container--block .vs-row {
  background-color: #212744;
}
.theme-dark .chat-card-log .flex-row-reverse .msg.chat-sent-msg {
  background-color: #10163a !important;
}
.theme-dark .chat-card-log .msg {
  background-color: #212744 !important;
}
.theme-dark .chat-input-container,
.theme-dark .chat__input {
  background-color: #10163a !important;
  border-top: 1px solid #212744;
}
.theme-dark #chat-app .chat__profile-search .vs-inputx {
  border-color: #414561 !important;
}
.theme-dark #chat-app #chat-list-sidebar .chat-scroll-area .chat__contact:hover {
  background: #10163a;
}
.theme-dark #chat-app .chat__header header {
  background: #212744 !important;
}
.theme-dark #chat-app .chat__header header h6 {
  color: #ebeefd;
}
.theme-dark #chat-app .chat__bg {
  background-color: #171e49;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236f76a1' fill-opacity='0.4'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.theme-dark #chat-app .chat__bg .select-none {
  background-color: #212744 !important;
}
.theme-dark #chat-app .chat__bg h4 {
  background-color: #212744 !important;
  color: #ebeefd;
}
.theme-dark #chat-app .chat__bg .msg {
  background-color: #10163a !important;
  border-color: #dae1e7 !important;
}
.theme-dark #chat-app .chat__bg.chat-content-area .chat-content-scroll-area {
  background: rgba(34, 41, 47, 0.2);
}
.theme-dark #chat-app .chat__bg.chat-content-area .chat__log .msg-time .vs-divider--text {
  background: #10163a !important;
  border-color: #dae1e7 !important;
}
.theme-dark #chat-app .chat__bg .chat__input input {
  border-color: #414561 !important;
}
.theme-dark #todo-app .todo-list h6.todo-title {
  color: #ebeefd;
}
.theme-dark #todo-app .todo-list .todo-tags .con-vs-chip {
  background: #10163a;
  color: #c2c6dc !important;
}
.theme-dark #todo-app .list-item-component {
  border-color: #414561;
}
.theme-dark #todo-app .list-item-component:hover {
  box-shadow: 0px 0 0 0px #1E1E1E;
}
.theme-dark #email-app .email__mails .email__mail-item .mail__mail-item {
  background: #10163a;
}
.theme-dark #email-app .email__mails .email__mail-item .mail__mail-item:hover {
  box-shadow: 10px 0 0 0px #1E1E1E;
}
.theme-dark #email-app .email__mails .email__mail-item .mail__mail-item.mail__opened-mail {
  background: #262c49;
}
.theme-dark #email-app .email__mails .email__mail-item:not(:first-of-type) .mail__mail-item {
  border-top: 1px solid #414561;
}
.theme-dark #email-app .email-view-sidebar .vs-sidebar {
  background-color: #212744 !important;
  border-left-color: #414561;
}
.theme-dark #email-app .email-view-sidebar .email-header {
  border-bottom-color: #414561;
}
.theme-dark #calendar-app .full-calendar-body .week-row .day-cell.not-cur-month .day-number {
  color: rgba(255, 255, 255, 0.24);
}
.theme-dark .vs-alert code {
  color: #b8c2cc;
  background: #262c49;
}
.theme-dark .con-vs-avatar {
  background: #10163a !important;
}
.theme-dark .con-vs-avatar.con-vs-avatar-primary {
  background: rgba(var(--vs-primary), 1) !important;
}
.theme-dark .con-vs-avatar.con-vs-avatar-success {
  background: rgba(var(--vs-success), 1) !important;
}
.theme-dark .con-vs-avatar.con-vs-avatar-danger {
  background: rgba(var(--vs-danger), 1) !important;
}
.theme-dark .con-vs-avatar.con-vs-avatar-warning {
  background: rgba(var(--vs-warning), 1) !important;
}
.theme-dark .con-vs-avatar.con-vs-avatar-info {
  background: rgba(var(--vs-info), 1) !important;
}
.theme-dark .con-vs-avatar.con-vs-avatar-dark {
  background: #b8c2cc !important;
}
.theme-dark #profile-page .profile-header .profile-header-nav {
  background: #10163a !important;
}
.theme-dark #faq-page .faq-bg {
  background-color: #10163a;
}
.theme-dark .vs-breadcrumb--ol a,
.theme-dark .vs-breadcrumb--ol .vs-breadcrum--separator {
  color: #dae1e7;
}
.theme-dark .con-vs-chip {
  background: #10163a;
  color: #c2c6dc !important;
}
.theme-dark .con-vs-chip.vs-chip-primary {
  background: rgba(var(--vs-primary), 1);
}
.theme-dark .con-vs-chip.vs-chip-success {
  background: rgba(var(--vs-success), 1);
}
.theme-dark .con-vs-chip.vs-chip-danger {
  background: rgba(var(--vs-danger), 1);
}
.theme-dark .con-vs-chip.vs-chip-warning {
  background: rgba(var(--vs-warning), 1);
}
.theme-dark .con-vs-chip.vs-chip-info {
  background: rgba(var(--vs-info), 1);
}
.theme-dark .con-vs-chip.vs-chip-dark {
  background: rgba(var(--vs-dark), 1);
}
.theme-dark .con-vs-chip .con-vs-avatar {
  background-color: #262c49 !important;
}
.theme-dark .con-vs-chip.con-color {
  color: #fff !important;
}
.theme-dark .con-chips .con-chips--input {
  background-color: #262c49;
}
.theme-dark .vs-divider .vs-divider-border {
  border-color: #414561 !important;
}
.theme-dark .vs-divider .vs-divider-border.vs-divider-border-primary {
  border-color: rgba(var(--vs-primary), 1) !important;
}
.theme-dark .vs-divider .vs-divider-border.vs-divider-border-success {
  border-color: rgba(var(--vs-success), 1) !important;
}
.theme-dark .vs-divider .vs-divider-border.vs-divider-border-danger {
  border-color: rgba(var(--vs-danger), 1) !important;
}
.theme-dark .vs-divider .vs-divider-border.vs-divider-border-warning {
  border-color: rgba(var(--vs-warning), 1) !important;
}
.theme-dark .vs-divider .vs-divider-border.vs-divider-border-info {
  border-color: rgba(var(--vs-info), 1) !important;
}
.theme-dark .vs-divider .vs-divider-border.vs-divider-border-dark {
  border-color: rgba(184, 194, 204, 0.5) !important;
}
.theme-dark .vs-dropdown--menu,
.theme-dark .vs-dropdown--menu--after {
  background: #262c49;
  border-color: #414561;
}
.theme-dark .vs-dropdown--menu .con-dropdown--group-ul,
.theme-dark .vs-dropdown--menu--after .con-dropdown--group-ul {
  background: #262c49;
}
.theme-dark .vs-dropdown--menu .vs-dropdown--item .vs-dropdown--item-link.disabled,
.theme-dark .vs-dropdown--menu--after .vs-dropdown--item .vs-dropdown--item-link.disabled {
  color: #b8c2cc !important;
}
.theme-dark .con-vs-loading {
  background: rgba(16, 22, 58, 0.6);
}
.theme-dark .con-vs-loading h4.title-loading {
  color: #c2c6dc;
}
.theme-dark .vs-list .vs-list--header {
  box-shadow: 0 7px 7px -5px #0c112e;
}
.theme-dark .vs-list .vs-list--item {
  border-color: rgba(194, 198, 220, 0.08);
}
.theme-dark .vs-navbar {
  border-color: #262c49;
}
.theme-dark .vs-navbar li.vs-navbar--item a {
  color: #dae1e7;
}
.theme-dark .vs-navbar li.vs-navbar--item.is-active-item a {
  color: #fff;
}
.theme-dark .vs-navbar.vs-navbar-color-transparent:not(.vs-navbar-flat) {
  background-color: #10163a !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
}
.theme-dark .vs-pagination--nav .vs-pagination--ul {
  background: #10163a;
}
.theme-dark .vs-pagination--nav .vs-pagination--ul .vs-pagination--li {
  color: #c2c6dc;
}
.theme-dark .vs-pagination--nav .vs-pagination--ul .item-pagination.is-current {
  color: #fff;
}
.theme-dark .vs-pagination--nav .vs-pagination--buttons {
  background: #10163a;
  color: #c2c6dc;
}
.theme-dark .con-vs-popup .vs-popup {
  background: #262c49 !important;
  color: #c2c6dc;
}
.theme-dark .con-vs-popup .vs-popup .vs-popup--header {
  background: #10163a !important;
}
.theme-dark .con-vs-popup .vs-popup .vs-popup--header .vs-popup--close {
  background: #262c49 !important;
  color: #c2c6dc;
}
.theme-dark #popup-demo .demo-alignment .vs-button {
  background: #262c49 !important;
}
.theme-dark #popup-demo .demo-alignment .vs-button:hover {
  box-shadow: #262c49 0px 8px 25px -8px !important;
}
.theme-dark .vs-sidebar {
  background: #10163a;
}
.theme-dark .vs-sidebar h4,
.theme-dark .vs-sidebar h5 {
  color: #ebeefd;
}
.theme-dark .vs-sidebar .vs-sidebar--header {
  border-bottom-color: #414561;
}
.theme-dark .vs-sidebar .vs-sidebar--items .vs-sidebar--item a {
  color: #c2c6dc;
}
.theme-dark .vs-sidebar .vs-sidebar-group.vs-sidebar-group-active > .group-header {
  background: #262c49;
}
.theme-dark .con-vs-slider .vs-slider {
  background: rgba(38, 44, 73, 0.5);
}
.theme-dark .ul-tabs .vs-tabs--li button {
  color: #c2c6dc;
}
.theme-dark .vs-tabs-dark .activeChild button,
.theme-dark .vs-tabs-dark button:not(:disabled):hover {
  color: #b8c2cc !important;
}
.theme-dark .vs-tabs-dark .line-vs-tabs {
  background: linear-gradient(30deg, #b8c2cc, rgba(184, 194, 204, 0.5)) !important;
  box-shadow: 0 0 8px 0 rgba(184, 194, 204, 0.4) !important;
}
.theme-dark .vs-tooltip.vs-tooltip-dark {
  background: #262c49;
}
.theme-dark .con-upload .con-input-upload,
.theme-dark .con-upload .con-img-upload {
  background-color: #262c49;
}
.theme-dark .con-upload .btn-upload-all {
  background-color: #10163a;
}
.theme-dark .con-upload .con-input-upload {
  border-color: #414561;
}
.theme-dark input {
  background: #10163a;
  color: #c2c6dc;
}
.theme-dark input ~ .vs-placeholder-label,
.theme-dark input ~ .vs-input--placeholder {
  color: #c2c6dc;
}
.theme-dark ::-moz-placeholder {
  color: #c2c6dc !important;
}
.theme-dark ::placeholder {
  color: #c2c6dc !important;
}
.theme-dark .vs-input--icon {
  color: #c2c6dc;
  border-right-color: rgba(194, 198, 220, 0.2);
}
.theme-dark .vs-input--icon.icon-after {
  border-left-color: rgba(194, 198, 220, 0.2);
}
.theme-dark .vs-input-number {
  background: #262c49;
}
.theme-dark .vs-input-number button.vs-input-number--button-less:disabled, .theme-dark .vs-input-number button.vs-input-number--button-less.limit, .theme-dark .vs-input-number button.vs-input-number--button-plus:disabled, .theme-dark .vs-input-number button.vs-input-number--button-plus.limit {
  opacity: 0.75;
  background: #b8c2cc;
}
.theme-dark .vs-con-textarea {
  background: #262c49;
  color: #c2c6dc;
}
.theme-dark .vs-con-textarea .vs-textarea {
  color: #c2c6dc;
}
.theme-dark .vs-con-textarea .vs-textarea:focus {
  border-color: transparent;
}
.theme-dark .vs-con-textarea.focusx {
  border-color: transparent;
}
.theme-dark .vs-con-textarea.focusx h4 {
  background: transparent;
}
.theme-dark .vs-con-textarea.textarea-danger .vs-textarea {
  color: rgba(var(--vs-danger), 1);
}
.theme-dark .vs-switch {
  background: #262c49;
}
.theme-dark .vs-switch.vs-switch-primary.vs-switch-active {
  background: rgba(var(--vs-primary), 1);
}
.theme-dark .vs-switch.vs-switch-success.vs-switch-active {
  background: rgba(var(--vs-success), 1);
}
.theme-dark .vs-switch.vs-switch-danger.vs-switch-active {
  background: rgba(var(--vs-danger), 1);
}
.theme-dark .vs-switch.vs-switch-warning.vs-switch-active {
  background: rgba(var(--vs-warning), 1);
}
.theme-dark .vs-switch.vs-switch-info.vs-switch-active {
  background: rgba(var(--vs-info), 1);
}
.theme-dark .vs-switch.vs-switch-dark.vs-switch-active {
  background: #b8c2cc;
}
.theme-dark .vs-radio-dark .vs-radio--circle {
  background: #b8c2cc;
  box-shadow: 0 3px 12px 0 rgba(184, 194, 204, 0.4);
}
.theme-dark .op-block {
  box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.1);
}
.theme-dark .vs-input-dark .vs-input--input:focus {
  border-color: #b8c2cc !important;
}
.theme-dark .vs-input-dark .vs-input--input:focus ~ .vs-input--placeholder {
  color: #b8c2cc;
}
.theme-dark .vue-form-wizard .wizard-icon-circle {
  background: #262c49;
  border-color: #212744;
}
.theme-dark .vue-form-wizard .wizard-nav-pills > li > a {
  color: #fff;
}
.theme-dark .vue-form-wizard .wizard-nav-pills > li > a .stepTitle {
  color: #dae1e7;
}
.theme-dark .vue-form-wizard .wizard-nav-pills > li > a:hover {
  color: #fff;
}
.theme-dark .vue-form-wizard .wizard-navigation .wizard-nav .stepTitle {
  color: #dae1e7;
}
.theme-dark .vs-con-table .vs-con-tbody {
  background: #212744;
}
.theme-dark .vs-con-table .vs-con-tbody .vs-table--tbody-table tr {
  background: #262c49;
}
.theme-dark .vs-con-table .vs-con-tbody .vs-table--tbody-table .vs-table--thead tr {
  background: #212744;
}
.theme-dark .vs-con-table .con-edit-td {
  background: #212744;
}
.theme-dark .vs-con-table .is-selected .tr-values {
  background: #212744 !important;
}
.theme-dark .apexcharts-canvas .apexcharts-tooltip.light {
  background: #212744;
  border-color: #262c49;
}
.theme-dark .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: #212744;
}
.theme-dark .apexcharts-canvas .apexcharts-xaxistooltip {
  background: #212744;
  border-color: #262c49;
  color: #fff;
}
.theme-dark .apexcharts-canvas .apexcharts-xaxistooltip:before, .theme-dark .apexcharts-canvas .apexcharts-xaxistooltip:after {
  border-bottom-color: #212744;
}
.theme-dark .apexcharts-canvas .apexcharts-yaxistooltip {
  background: #212744;
  border-color: #262c49;
  color: #fff;
}
.theme-dark .apexcharts-canvas .apexcharts-yaxistooltip:before, .theme-dark .apexcharts-canvas .apexcharts-yaxistooltip:after {
  border-left-color: #212744;
}
.theme-dark .apexcharts-canvas text {
  fill: #fff !important;
}
.theme-dark .apexcharts-canvas .apexcharts-pie-series path {
  stroke: #262c49;
}
.theme-dark .apexcharts-canvas .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  color: #b8c2cc !important;
}
.theme-dark .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu {
  background: #262c49;
  border-color: #262c49;
}
.theme-dark .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
  background: #212744;
}
.theme-dark .apexcharts-canvas .apexcharts-radar-series polygon {
  fill: #262c49;
  stroke: #212744;
}
.theme-dark .apexcharts-canvas .apexcharts-track path {
  stroke: #262c49;
}
.theme-dark .apexcharts-canvas .apexcharts-selection-icon:not(.selected):hover svg,
.theme-dark .apexcharts-canvas .apexcharts-zoom-icon:not(.selected):hover svg,
.theme-dark .apexcharts-canvas .apexcharts-zoom-in-icon:hover svg,
.theme-dark .apexcharts-canvas .apexcharts-zoom-out-icon:hover svg,
.theme-dark .apexcharts-canvas .apexcharts-reset-zoom-icon:hover svg,
.theme-dark .apexcharts-canvas .apexcharts-menu-icon:hover svg {
  fill: #fff;
}
.theme-dark .apexcharts-canvas .apexcharts-gridline {
  stroke: #414561;
}
.theme-dark .token.operator,
.theme-dark .token.entity,
.theme-dark .token.url,
.theme-dark .language-css .token.string,
.theme-dark .style .token.string {
  background: transparent;
}
.theme-dark .search-tab-filter {
  background: #10163a;
}
.theme-dark .vs-select--options {
  background: #10163a;
  border-color: rgba(184, 194, 204, 0.2);
}
.theme-dark .vs-select--options span {
  color: #c2c6dc;
}
.theme-dark .vs-select--options .vs-select--item {
  color: #b8c2cc;
  border-color: rgba(184, 194, 204, 0.2);
  box-shadow: none;
}
.theme-dark .vs-select--options .vs-select--item:hover {
  background: #262c49;
}
.theme-dark .quill-editor .ql-toolbar button {
  color: #fff;
}
.theme-dark .quill-editor .ql-toolbar button svg path {
  stroke: #fff;
}
.theme-dark .quill-editor .ql-toolbar .ql-fill {
  fill: #fff;
}
.theme-dark .quill-editor .ql-toolbar .ql-stroke {
  stroke: #fff;
}
.theme-dark .quill-editor .ql-toolbar .ql-picker {
  color: #fff;
}
.theme-dark .quill-editor .ql-toolbar .ql-picker .ql-picker-options {
  background: #10163a;
}
.theme-dark .quill-editor .ql-editor.ql-blank::before {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .activity-timeline {
  border-color: #414561;
}
.theme-dark .vdp-datepicker .vdp-datepicker__calendar {
  background: #262c49;
  border-color: #414561;
}
.theme-dark .vdp-datepicker .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.theme-dark .vdp-datepicker .vdp-datepicker__calendar header .next:not(.disabled):hover,
.theme-dark .vdp-datepicker .vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #10163a;
}
.theme-dark .vdp-datepicker .vdp-datepicker__calendar .disabled {
  color: rgba(184, 194, 204, 0.6);
}
.theme-dark .vdp-datepicker .vdp-datepicker__calendar .cell .highlighted {
  background: #10163a;
}
.theme-dark .vdp-datepicker .vdp-datepicker__calendar .cell:hover {
  background-color: #10163a;
}
.theme-dark .vdp-datepicker input {
  border: 0;
  padding: 10px;
}
.theme-dark .vs-collapse.shadow {
  box-shadow: 0 0px 10px 1px #0c112e !important;
}
.theme-dark .vs-collapse .vs-collapse-item {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}
.theme-dark .vs-collapse.border {
  border-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .vs-collapse.border .vs-collapse-item {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}
.theme-dark .vs-collapse.margin .vs-collapse-item {
  box-shadow: 0 2px 10px 0 #0c112e;
}
.theme-dark .vx-auto-suggest .auto-suggest-suggestions-list {
  background-color: #262c49 !important;
}
.theme-dark .footer-sticky .the-footer {
  background-color: #10163a;
  color: #fff !important;
}
.theme-dark .con-vs-dialog .vs-dialog {
  background: #262c49;
  color: #fff;
}
.theme-dark .con-vs-dialog .vs-dialog header {
  background: #10163a;
}
.theme-dark .con-vs-dialog .vs-dialog header .con-title-after h3 {
  color: #fff;
}
.theme-dark .con-vs-dialog .vs-dialog header .vs-dialog-cancel,
.theme-dark .con-vs-dialog .vs-dialog header .vs-icon {
  background: #262c49;
  color: #fff;
}
.theme-dark .con-vs-dialog .vs-dialog footer .vs-button--text {
  color: #fff;
}
.theme-dark .con-vs-dialog .vs-dialog .vs-dialog-text .date-label {
  color: #fff;
}
.theme-dark .con-vs-dialog .vs-dialog input,
.theme-dark .con-vs-dialog .vs-dialog .vs-con-textarea {
  background: #10163a;
}
.theme-dark .con-vs-dialog .vs-dialog .con-upload .con-input-upload,
.theme-dark .con-vs-dialog .vs-dialog .con-upload .con-img-upload {
  background: #10163a;
}
.theme-dark .con-vs-dialog .vs-dialog .quill-editor {
  background: #262c49;
}
.theme-dark .tree-container {
  border-color: #414561;
}
.theme-dark .tree-container .tag,
.theme-dark .tree-container .search-input {
  border-color: #414561;
}
.theme-dark .halo-tree .node-title:hover {
  background-color: #262c49;
}
.theme-dark #theme-customizer input {
  background: #262c49;
}
.theme-dark .add-new-data-sidebar input {
  background: #262c49;
}
.theme-dark .vx-card .vs-pagination--nav .vs-pagination--ul {
  background: #262c49;
}
.theme-dark .vx-card .vs-pagination--nav .vs-pagination--ul .vs-pagination--li {
  color: #fff;
}
.theme-dark .vx-card .vs-pagination--nav .vs-pagination--buttons {
  background: #262c49;
  color: #fff;
}
.theme-dark .vx-card .con-vs-avatar {
  background: #262c49 !important;
}
.theme-dark .vx-card .con-vs-avatar.con-vs-avatar-primary {
  background: rgba(var(--vs-primary), 1) !important;
}
.theme-dark .vx-card .con-vs-avatar.con-vs-avatar-success {
  background: rgba(var(--vs-success), 1) !important;
}
.theme-dark .vx-card .con-vs-avatar.con-vs-avatar-danger {
  background: rgba(var(--vs-danger), 1) !important;
}
.theme-dark .vx-card .con-vs-avatar.con-vs-avatar-warning {
  background: rgba(var(--vs-warning), 1) !important;
}
.theme-dark .vx-card .con-vs-avatar.con-vs-avatar-info {
  background: rgba(var(--vs-info), 1) !important;
}
.theme-dark .vx-card .con-vs-avatar.con-vs-avatar-dark {
  background: #b8c2cc !important;
}
.theme-dark .vx-card .con-vs-chip {
  background: #262c49;
}
.theme-dark .vx-card .con-vs-chip.vs-chip-primary {
  background: rgba(var(--vs-primary), 1);
}
.theme-dark .vx-card .con-vs-chip.vs-chip-success {
  background: rgba(var(--vs-success), 1);
}
.theme-dark .vx-card .con-vs-chip.vs-chip-danger {
  background: rgba(var(--vs-danger), 1);
}
.theme-dark .vx-card .con-vs-chip.vs-chip-warning {
  background: rgba(var(--vs-warning), 1);
}
.theme-dark .vx-card .con-vs-chip.vs-chip-info {
  background: rgba(var(--vs-info), 1);
}
.theme-dark .vx-card .con-vs-chip.vs-chip-dark {
  background: rgba(var(--vs-dark), 1);
}
.theme-dark .vx-card .con-vs-chip .con-vs-avatar {
  background-color: #10163a !important;
}
.theme-dark .vx-card .con-chips .con-chips--input {
  background-color: #10163a !important;
}
.theme-dark .vx-card .vs-navbar.vs-navbar-color-transparent {
  background-color: #262c49 !important;
}
.theme-dark .vx-card .vs-navbar .vs-navbar--btn-responsive .btn-responsive-line {
  background: #c2c6dc;
}
.theme-dark .vx-card .vs-navbar-border {
  border-color: #414561;
}
.theme-dark .vx-card .vs-navbar-border .vs-navbar--item {
  border-color: #414561;
}
.theme-dark .vx-card .vs-navbar-shadow .vs-navbar--item.is-active-item {
  background-color: #10163a;
}
.theme-dark .vx-card input {
  background: #262c49;
}

/*! rtl:begin:ignore */
.theme-dark .vdp-datepicker .vdp-datepicker__calendar header .prev:after {
  border-right-color: #fff;
}
.theme-dark .vdp-datepicker .vdp-datepicker__calendar header .next:after {
  border-left-color: #fff;
}

/*! rtl:end:ignore */
/*=========================================================================================
    File Name: _transitions.scss
    Description: Transition styles
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.zoom-fade-enter-active,
.zoom-fade-leave-active {
  transition: transform 0.35s, opacity 0.28s ease-in-out;
}

.zoom-fade-enter {
  transform: scale(0.97);
  opacity: 0;
}

.zoom-fade-leave-to {
  transform: scale(1.03);
  opacity: 0;
}

.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;
  transform: translateX(-30%);
}

.slide-fade-leave-to {
  opacity: 0;
  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;
  transform: scale(0);
}

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

.fade-bottom-enter {
  opacity: 0;
  transform: translateY(-8%);
}

.fade-bottom-leave-to {
  opacity: 0;
  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;
  transform: translateY(-4%);
}

.fade-bottom-2x-leave-to {
  opacity: 0;
  transform: translateY(4%);
}

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

.fade-top-enter {
  opacity: 0;
  transform: translateY(8%);
}

.fade-top-leave-to {
  opacity: 0;
  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;
  transform: translateY(4%);
}

.fade-top-2x-leave-to {
  opacity: 0;
  transform: translateY(-4%);
}

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

.list-enter,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

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

.list-enter-up-enter {
  opacity: 0;
  transform: translateY(30px);
}

@font-face {
  font-family: "inspiro-icons";
  src: url("../fonts/inspiro-icons.ttf?ijzgpf") format("truetype"), url("../fonts/inspiro-icons.woff?ijzgpf") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons) {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-activity:before {
  content: "\e900";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-airplay:before {
  content: "\e901";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-alert-circle:before {
  content: "\e902";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-alert-octagon:before {
  content: "\e903";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-alert-triangle:before {
  content: "\e904";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-align-center:before {
  content: "\e905";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-align-justify:before {
  content: "\e906";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-align-left:before {
  content: "\e907";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-align-right:before {
  content: "\e908";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-anchor:before {
  content: "\e909";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-aperture:before {
  content: "\e90a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-archive:before {
  content: "\e90b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-down-circle:before {
  content: "\e90c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-down-left:before {
  content: "\e90d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-down-right:before {
  content: "\e90e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-down:before {
  content: "\e90f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-left-circle:before {
  content: "\e910";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-left:before {
  content: "\e911";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-right-circle:before {
  content: "\e912";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-right:before {
  content: "\e913";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-up-circle:before {
  content: "\e914";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-up-left:before {
  content: "\e915";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-up-right:before {
  content: "\e916";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-arrow-up:before {
  content: "\e917";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-at-sign:before {
  content: "\e918";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-award:before {
  content: "\e919";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bar-chart-2:before {
  content: "\e91a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bar-chart:before {
  content: "\e91b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-battery-charging:before {
  content: "\e91c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-battery:before {
  content: "\e91d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bell-off:before {
  content: "\e91e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bell:before {
  content: "\e91f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bluetooth:before {
  content: "\e920";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bold:before {
  content: "\e921";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-book-open:before {
  content: "\e922";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-book:before {
  content: "\e923";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-bookmark:before {
  content: "\e924";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-box:before {
  content: "\e925";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-briefcase:before {
  content: "\e926";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-calendar:before {
  content: "\e927";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-camera-off:before {
  content: "\e928";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-camera:before {
  content: "\e929";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cast:before {
  content: "\e92a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-check-circle:before {
  content: "\e92b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-check-square:before {
  content: "\e92c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-check:before {
  content: "\e92d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevron-down:before {
  content: "\e92e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevron-left:before {
  content: "\e92f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevron-right:before {
  content: "\e930";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevron-up:before {
  content: "\e931";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevrons-down:before {
  content: "\e932";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevrons-left:before {
  content: "\e933";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevrons-right:before {
  content: "\e934";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chevrons-up:before {
  content: "\e935";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-chrome:before {
  content: "\e936";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-circle:before {
  content: "\e937";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-clipboard:before {
  content: "\e938";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-clock:before {
  content: "\e939";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cloud-drizzle:before {
  content: "\e93a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cloud-lightning:before {
  content: "\e93b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cloud-off:before {
  content: "\e93c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cloud-rain:before {
  content: "\e93d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cloud-snow:before {
  content: "\e93e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cloud:before {
  content: "\e93f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-code:before {
  content: "\e940";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-codepen:before {
  content: "\e941";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-codesandbox:before {
  content: "\e942";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-coffee:before {
  content: "\e943";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-columns:before {
  content: "\e944";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-command:before {
  content: "\e945";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-compass:before {
  content: "\e946";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-copy:before {
  content: "\e947";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-down-left:before {
  content: "\e948";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-down-right:before {
  content: "\e949";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-left-down:before {
  content: "\e94a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-left-up:before {
  content: "\e94b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-right-down:before {
  content: "\e94c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-right-up:before {
  content: "\e94d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-up-left:before {
  content: "\e94e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-corner-up-right:before {
  content: "\e94f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-cpu:before {
  content: "\e950";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-credit-card:before {
  content: "\e951";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-crop:before {
  content: "\e952";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-crosshair:before {
  content: "\e953";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-database:before {
  content: "\e954";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-delete:before {
  content: "\e955";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-disc:before {
  content: "\e956";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-dollar-sign:before {
  content: "\e957";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-download-cloud:before {
  content: "\e92e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-download:before {
  content: "\e92f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-droplet:before {
  content: "\e95a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-edit-2:before {
  content: "\e95b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-edit-3:before {
  content: "\e95c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-edit:before {
  content: "\e95d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-external-link:before {
  content: "\e95e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-eye-off:before {
  content: "\e95f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-eye:before {
  content: "\e960";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-facebook:before {
  content: "\e961";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-fast-forward:before {
  content: "\e962";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-feather:before {
  content: "\e963";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-figma:before {
  content: "\e964";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-file-minus:before {
  content: "\e965";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-file-plus:before {
  content: "\e966";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-file-text:before {
  content: "\e967";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-file:before {
  content: "\e968";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-film:before {
  content: "\e969";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-filter:before {
  content: "\e96a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-flag:before {
  content: "\e96b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-folder-minus:before {
  content: "\e96c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-folder-plus:before {
  content: "\e96d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-folder:before {
  content: "\e96e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-framer:before {
  content: "\e96f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-frown:before {
  content: "\e970";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-gift:before {
  content: "\e971";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-git-branch:before {
  content: "\e972";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-git-commit:before {
  content: "\e973";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-git-merge:before {
  content: "\e974";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-git-pull-request:before {
  content: "\e975";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-github:before {
  content: "\e976";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-gitlab:before {
  content: "\e977";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-globe:before {
  content: "\e978";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-grid:before {
  content: "\e979";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-hard-drive:before {
  content: "\e97a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-hash:before {
  content: "\e97b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-headphones:before {
  content: "\e97c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-heart:before {
  content: "\e97d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-help-circle:before {
  content: "\e97e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-hexagon:before {
  content: "\e97f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-home:before {
  content: "\e980";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-image:before {
  content: "\e981";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-inbox:before {
  content: "\e982";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-info:before {
  content: "\e983";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-instagram:before {
  content: "\e984";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-italic:before {
  content: "\e985";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-key:before {
  content: "\e986";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-layers:before {
  content: "\e987";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-layout:before {
  content: "\e988";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-life-buoy:before {
  content: "\e989";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-link-2:before {
  content: "\e98a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-link:before {
  content: "\e98b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-linkedin:before {
  content: "\e98c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-list:before {
  content: "\e98d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-loader:before {
  content: "\e98e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-lock:before {
  content: "\e98f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-log-in:before {
  content: "\e990";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-log-out:before {
  content: "\e991";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-mail:before {
  content: "\e992";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-map-pin:before {
  content: "\e993";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-map:before {
  content: "\e994";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-maximize-2:before {
  content: "\e995";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-maximize:before {
  content: "\e996";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-meh:before {
  content: "\e997";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-menu:before {
  content: "\e998";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-message-circle:before {
  content: "\e999";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-message-square:before {
  content: "\e99a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-mic-off:before {
  content: "\e99b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-mic:before {
  content: "\e99c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-minimize-2:before {
  content: "\e99d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-minimize:before {
  content: "\e99e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-minus-circle:before {
  content: "\e99f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-minus-square:before {
  content: "\e9a0";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-minus:before {
  content: "\e9a1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-monitor:before {
  content: "\e9a2";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-moon:before {
  content: "\e9a3";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-more-horizontal:before {
  content: "\e9a4";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-more-vertical:before {
  content: "\e9a5";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-mouse-pointer:before {
  content: "\e9a6";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-move:before {
  content: "\e9a7";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-music:before {
  content: "\e9a8";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-navigation-2:before {
  content: "\e9a9";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-navigation:before {
  content: "\e9aa";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-octagon:before {
  content: "\e9ab";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-package:before {
  content: "\e9ac";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-paperclip:before {
  content: "\e9ad";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-pause-circle:before {
  content: "\e9ae";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-pause:before {
  content: "\e9af";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-pen-tool:before {
  content: "\e9b0";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-percent:before {
  content: "\e9b1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone-call:before {
  content: "\e9b2";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone-forwarded:before {
  content: "\e9b3";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone-incoming:before {
  content: "\e9b4";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone-missed:before {
  content: "\e9b5";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone-off:before {
  content: "\e9b6";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone-outgoing:before {
  content: "\e9b7";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-phone:before {
  content: "\e9b8";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-pie-chart:before {
  content: "\e9b9";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-play-circle:before {
  content: "\e9ba";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-play:before {
  content: "\e9bb";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-plus-circle:before {
  content: "\e9bc";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-plus-square:before {
  content: "\e9bd";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-plus:before {
  content: "\e9be";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-pocket:before {
  content: "\e9bf";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-power:before {
  content: "\e9a1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-printer:before {
  content: "\e9c1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-radio:before {
  content: "\e9c2";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-refresh-ccw:before {
  content: "\e9c3";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-refresh-cw:before {
  content: "\e9c4";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-repeat:before {
  content: "\e9c5";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-rewind:before {
  content: "\e9c6";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-rotate-ccw:before {
  content: "\e9c7";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-rotate-cw:before {
  content: "\e9c8";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-rss:before {
  content: "\e9c9";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-save:before {
  content: "\e9ca";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-scissors:before {
  content: "\e9cb";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-search:before {
  content: "\e9cc";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-send:before {
  content: "\e9cd";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-server:before {
  content: "\e9ce";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-settings:before {
  content: "\e9cf";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-share-2:before {
  content: "\e9d0";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-share:before {
  content: "\e9d1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-shield-off:before {
  content: "\e9d2";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-shield:before {
  content: "\e9d3";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-shopping-bag:before {
  content: "\e9d4";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-shopping-cart:before {
  content: "\e9d5";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-shuffle:before {
  content: "\e9d6";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-sidebar:before {
  content: "\e9d7";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-skip-back:before {
  content: "\e9d8";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-skip-forward:before {
  content: "\e9d9";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-slack:before {
  content: "\e9da";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-slash:before {
  content: "\e9db";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-sliders:before {
  content: "\e9dc";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-smartphone:before {
  content: "\e9dd";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-smile:before {
  content: "\e9de";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-speaker:before {
  content: "\e9df";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-square:before {
  content: "\e9e0";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-star:before {
  content: "\e9e1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-stop-circle:before {
  content: "\e9e2";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-sun:before {
  content: "\e9e3";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-sunrise:before {
  content: "\e9e4";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-sunset:before {
  content: "\e9e5";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-tablet:before {
  content: "\e9e6";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-tag:before {
  content: "\e9e7";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-target:before {
  content: "\e9e8";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-terminal:before {
  content: "\e9e9";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-thermometer:before {
  content: "\e9ea";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-thumbs-down:before {
  content: "\e9eb";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-thumbs-up:before {
  content: "\e9ec";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-toggle-left:before {
  content: "\e9ed";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-toggle-right:before {
  content: "\e9ee";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-trash-2:before {
  content: "\e9ef";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-trash:before {
  content: "\e9f0";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-trello:before {
  content: "\e9f1";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-trending-down:before {
  content: "\e9f2";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-trending-up:before {
  content: "\e9f3";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-triangle:before {
  content: "\e9f4";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-truck:before {
  content: "\e9f5";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-tv:before {
  content: "\e9f6";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-twitter:before {
  content: "\e9f7";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-type:before {
  content: "\e9f8";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-umbrella:before {
  content: "\e9f9";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-underline:before {
  content: "\e9fa";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-unlock:before {
  content: "\e9fb";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-upload-cloud:before {
  content: "\e9fc";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-upload:before {
  content: "\e9fd";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-user-check:before {
  content: "\e9fe";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-user-minus:before {
  content: "\e9ff";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-user-plus:before {
  content: "\ea00";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-user-x:before {
  content: "\ea01";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-user:before {
  content: "\ea02";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-users:before {
  content: "\ea03";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-video-off:before {
  content: "\ea04";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-video:before {
  content: "\ea05";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-voicemail:before {
  content: "\ea06";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-volume-1:before {
  content: "\ea07";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-volume-2:before {
  content: "\ea08";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-volume-x:before {
  content: "\ea09";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-volume:before {
  content: "\ea0a";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-watch:before {
  content: "\ea0b";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-wifi-off:before {
  content: "\ea0c";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-wifi:before {
  content: "\ea0d";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-wind:before {
  content: "\ea0e";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-x-circle:before {
  content: "\ea0f";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-x-octagon:before {
  content: "\ea10";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-x-square:before {
  content: "\ea11";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-x:before {
  content: "\ea12";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-youtube:before {
  content: "\ea13";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-zap-off:before {
  content: "\ea14";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-zap:before {
  content: "\ea15";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-zoom-in:before {
  content: "\ea16";
}
i:not(.fa):not(.fab):not(.far):not(.fas):not(.vs-icon):not(.material-icons).icon-zoom-out:before {
  content: "\ea17";
}

div.icon-box:before {
  display: none !important;
}

/*=========================================================================================
  File Name: _customClasses.scss
  Description: partial- this file containes custom helper classes
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.btn-group button {
  padding: 1rem 1.25rem !important;
}
.btn-group :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group :not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.btn-group-vertical button {
  padding: 1rem 1.25rem !important;
  width: 100%;
}
.btn-group-vertical :not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical :not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

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

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

.con-vs-chip.number {
  padding-right: unset;
  min-height: 20px;
  min-width: 20px;
  margin-right: 0;
}
.con-vs-chip.number .vs-chip--text {
  margin-left: unset;
  margin-right: unset;
  font-weight: 600;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
}

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

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

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

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

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

.dropdown-custom .vs-dropdown--custom {
  padding: 0 !important;
  border: 0;
  overflow: hidden;
  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;
}
.dropdown-custom .vs-dropdown--menu--after {
  background: rgba(var(--vs-primary), 1) !important;
  right: 1.6rem !important;
}

.vx-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.vx-row > .vx-col {
  padding: 0 1rem;
}
.vx-row.match-height > .vx-col {
  display: flex;
}
.vx-row.no-gutter {
  margin: 0;
}
.vx-row.no-gutter > .vx-col {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 992px) {
  .full-vs-sidebar .vs-sidebar {
    max-width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .home .con-vs-tabs > .con-slot-tabs > .con-tab {
    min-width: 100% !important;
  }
  .home .vs-tabs-position-top .vs-tabs--ul {
    display: block !important;
  }
  .home #sold_statistic .dashboard-logo {
    background: none !important;
    height: 250px !important;
  }
  .home #sold_statistic .dashboard-logo .logo-link {
    display: block !important;
    padding-left: 31px !important;
  }
  .home #sold_statistic .dashboard-logo .w-1\/3 {
    width: 100% !important;
    margin-top: 10px !important;
  }
  .home #sold_statistic .select-option {
    margin-top: 10px !important;
    display: block !important;
  }
  .home #sold_statistic .search-item {
    margin-top: 7px !important;
  }
  .home #sold_statistic .setting-detail {
    top: 410px !important;
    padding: 0 !important;
  }
  .home #sold_statistic .setting-detail .setting-detail-items {
    width: 100% !important;
    padding: 1rem 1rem !important;
  }
  .home #sold_statistic .banner {
    display: block !important;
  }
  .home #sold_statistic .banner .w-1\/2 {
    width: 100% !important;
    margin-top: 15px !important;
    padding-left: 0 !important;
  }
  .home #sold_statistic .banner .account-health div > div > div > div {
    display: block !important;
    width: 100% !important;
  }
  .home #sold_statistic .banner .account-health div > div > div {
    height: auto !important;
  }
  .home #sold_statistic .banner .inventory div > div > div {
    height: auto !important;
  }
  .home #sold_statistic .banner .cs-card .cs-card--content {
    padding: 1rem !important;
  }
  .home #sold_statistic .total-sale-title {
    display: block !important;
  }
  .home #sold_statistic .total-sale-table {
    overflow-x: scroll !important;
  }
  .home #account_statistic div {
    display: block !important;
  }
  .home #account_statistic div > div {
    width: 100% !important;
  }
  .home #account_statistic div > div .p-4 {
    padding: unset !important;
  }
  .home #account_statistic .balance-div #set-balance-btn {
    right: -5.5rem !important;
  }
  .home #account_statistic .cs-card .cs-card--content button {
    width: 100% !important;
    margin-top: 10px;
  }
  .home #risk_statistic div {
    display: block !important;
  }
  .home #risk_statistic div > div.danger-summary-col {
    width: 100% !important;
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 992px) {
  .goods {
    min-width: 100% !important;
  }
  .goods .price-range > div {
    width: 30% !important;
  }
  .goods .vs-button-text {
    font-size: 13px !important;
  }
  .goods .detail-form .vs-button {
    padding: 10px !important;
  }
  .goods .goods-search-bar .search-group .search-text {
    width: 100% !important;
  }
  .goods .table {
    display: block !important;
  }
  .goods .goods-list button {
    margin-top: 7px !important;
  }
  .goods .goods-list .vx-card__title {
    display: block !important;
  }
  .goods .goods-list .left-bar {
    display: block !important;
  }
  .goods .goods-list .left-bar-box > div {
    display: block !important;
  }
  .goods .goods-list .left-bar-box > div > div {
    display: block !important;
  }
  .goods .goods-list .right-bar {
    margin: 10px !important;
    margin-left: 2rem !important;
  }
  .goods .goods-list .status, .goods .goods-list .delivery {
    padding: 25px !important;
  }
  .goods .goods-list .status > div {
    margin-top: 9px !important;
  }
  .goods .goods-list .status > label, .goods .goods-list .delivery > label {
    padding: 0.5rem !important;
  }
  .goods .goods-list .delivery > div {
    margin-top: 9px !important;
  }
  .goods .goods-list .prod-price {
    margin-left: 2rem !important;
  }
  .goods .goods-list .good-list-table {
    overflow-x: scroll !important;
  }
  .goods .goods-list .good-list-table .goods-table {
    width: 1140px !important;
  }
  .goods .goods-list .good-list-table .goods-table thead th {
    top: unset !important;
  }
  .goods .goods-list .table-title-bar[data-v-d8b5424c] {
    position: unset !important;
  }
  .goods .xl\:hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .orders {
    min-width: 100% !important;
  }
  .orders .table {
    display: block !important;
  }
  .orders .orders-list {
    overflow-x: scroll !important;
  }
  .orders .orders-list > table {
    width: 1140px !important;
  }
}
.vs-select-no-border .vs-select--input {
  border: none !important;
}

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

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

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

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

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

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

.theme-dark .d-theme-dark-bg {
  background-color: #10163a;
}
.theme-dark .d-theme-dark-light-bg {
  background-color: #262c49;
}
.theme-dark .d-theme-input-dark-bg input {
  background-color: #10163a;
}
.theme-dark .d-theme-heading-color {
  color: inherit;
}
.theme-dark .d-theme-text-inverse {
  color: #000000;
}
.theme-dark .d-theme-border-grey-light,
.theme-dark .d-theme-dark-border {
  border-color: #414561;
}
.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: #000000;
}

.user-list {
  display: flex;
}
.user-list .con-vs-avatar {
  transition: 0.3s;
}
.user-list .con-vs-avatar:hover {
  transform: translateY(-5px) scale(1.07);
  box-shadow: 0 14px 24px rgba(62, 57, 107, 0.2);
  z-index: 999;
}

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

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

.vs-button-primary:hover {
  background: #287c97 !important;
}

.menu-con-dropdown:before {
  transition-timing-function: ease-out;
  transition-duration: 0.1s;
  transition-property: left, right;
  content: "";
  position: absolute;
  z-index: 5;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #1b586b;
  height: 2px;
}

.menu-con-dropdown:hover:before {
  left: 0;
  right: 0;
}

.vs-radio--input:checked + .vs-radio .vs-radio--borde {
  opacity: 1;
  transform: scale(1);
}
.vs-radio--input:checked + .vs-radio .vs-radio--circle {
  transform: scale(0.6);
  opacity: 1;
  box-shadow: unset;
}

.con-vs-radio .vs-radio .vs-radio--borde {
  border: 1px solid rgba(var(--vs-primary), 1) !important;
}

.vx-card__title .con-vs-radio .vs-radio .vs-radio--borde {
  border: 1px solid white !important;
}

.vx-card__title {
  background: #555555;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  color: white;
}

.detail-divider {
  box-shadow: inset 0 8px 5px -6px rgba(0, 0, 0, 0.1607843137);
}

.cs-card {
  border-radius: 0.5rem;
  background: white;
  width: 100%;
}
.cs-card .cs-card--title {
  background: #555555;
  padding: 0.5rem 2rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
}
.cs-card .cs-card--content {
  padding: 2rem 1rem;
}

.time-select select, .vx-card__title select {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), radial-gradient(#1da1f2 50%, transparent 50%);
  background-position: calc(100% - 14px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 0.28em) 0.5em;
  background-size: 4px 4px, 4px 4px, 1.5em 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.search-group select, .detail-form select {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), radial-gradient(#1da1f2 50%, transparent 50%);
  background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px), calc(100% - 0.47em) 0.5em;
  background-size: 4px 4px, 4px 4px, 1.5em 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.td-select {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), radial-gradient(#1da1f2 50%, transparent 50%);
  background-position: calc(100% - 15px) calc(1em - 1px), calc(100% - 11px) calc(1em - 1px), calc(100% - 0.3em) 0.25em;
  background-size: 3px 3px, 4px 4px, 1.5em 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.vs-table--td select {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), radial-gradient(#1da1f2 50%, transparent 50%);
  background-position: calc(100% - 14px) calc(1em + 0px), calc(100% - 10px) calc(1em + 0px), calc(100% - 0.47em) 0.36em;
  background-size: 3px 3px, 4px 4px, 1.5em 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

tbody:nth-child(even) {
  background: #FAFAFA;
}

.vs-table--thead th {
  padding: 10px 4px !important;
  font-size: 0.8rem;
  background: rgba(var(--vs-primary), 1);
  font-weight: unset;
  color: white;
}
.vs-table--thead th .vs-table-text {
  justify-content: center;
}
.vs-table--thead th .vs-checkbox-primary .vs-checkbox {
  border: 2px solid rgb(255, 255, 255) !important;
}

.vs-checkbox-primary .vs-checkbox {
  border: 2px solid rgb(var(--vs-primary), 1) !important;
}

.vs-input-number .vs-input-number--input {
  padding: 0.8rem;
  border-radius: 8px;
}
.vs-input-number button {
  border-radius: 16px;
}

.vs-input.text-end .vs-inputx {
  text-align: end;
}

.input-bg-red input {
  background: #FDF3F3;
}

.input-bg-blue input {
  background: #EDF7FE;
}

.input-text-center input {
  text-align: center;
}

.good-name {
  text-decoration-line: underline;
  color: rgb(var(--vs-primary), 1);
}

.text-underline {
  text-decoration-line: underline;
}

.color-white {
  color: white !important;
}

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

.color-link {
  color: #fffdb3 !important;
}

.color-yellow {
  color: #FFB006 !important;
}

.color-red {
  color: #FF3E06 !important;
}

.color-darkred {
  color: #C73300 !important;
}

.color-gray {
  color: #a9a9a9 !important;
}

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

.bg-color-primary {
  background: rgb(var(--vs-primary), 1) !important;
}

.bg-color-white {
  background: white !important;
}

.bg-color-yellow {
  background: #FFB006 !important;
}

.bg-color-green {
  background: #00CD7A !important;
}

.bg-color-orange {
  background: #FF7B06 !important;
}

.bg-color-red {
  background: #FF3E06 !important;
}

.bg-color-darkred {
  background: #C73300 !important;
}

.br-1 {
  border-radius: 0.5rem !important;
}

.br-2 {
  border-radius: 1rem !important;
}

.fz-1 {
  font-size: 1rem !important;
}

.fz-12 {
  font-size: 1.2rem !important;
}

.fz-14 {
  font-size: 1.4rem !important;
}

.fz-15 {
  font-size: 1.5rem !important;
}

.fz-2 {
  font-size: 2rem !important;
}

.rot--90 {
  transform: rotate(-90deg);
}

.rot-90 {
  transform: rotate(90deg);
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/*=========================================================================================
  File Name: _fixesVuesax.scss
  Description: Partial - Fixes/Add vuesax framework styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.con-vs-alert {
  box-shadow: none !important;
}

.vs-alert {
  font-size: 1rem;
  font-weight: 500;
}
.vs-alert code {
  background: #b5b5b5;
  color: #fff;
}

.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;
}
.vs-button.vs-button-gradient:hover {
  box-shadow: none !important;
}
.vs-button:not(.vs-radius):not(.includeIconOnly):not(.small):not(.large) {
  padding: 0.75rem 2rem;
}
.vs-button:not(.vs-radius):not(.includeIconOnly):not(.small):not(.large).vs-button-border {
  padding: 0.679rem 2rem;
}
.vs-button.small:not(.includeIconOnly) {
  padding: 0.5rem 1.5rem;
}
.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;
}
.vs-button.round {
  border-radius: 1.5rem;
}
.vs-button.includeIcon {
  float: none;
}

.vs-breadcrumb--ol a:focus, .vs-breadcrumb--ol a:hover {
  color: #1da1f2;
}
.vs-breadcrumb--ol .active {
  color: #1da1f2;
}

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

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

.con-chips .con-chips--input {
  border: none;
}
.con-chips .con-vs-chip {
  margin: 0.75rem;
}
.con-chips .con-chips--remove-all {
  right: 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;
  padding: 1rem;
}

.con-content--item {
  font-size: 1rem;
  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;
  padding: 1rem;
}

.con-vs-dialog {
  z-index: 52005;
}
.con-vs-dialog .vs-dialog {
  max-width: 530px !important;
}
.con-vs-dialog .vs-dialog header .dialog-title {
  padding: 0.8rem;
  color: inherit;
}
.con-vs-dialog .vs-dialog header span.after {
  width: 0;
}
.con-vs-dialog .vs-dialog .vs-dialog-text {
  padding: 1rem;
  font-size: 1rem;
}
.con-vs-dialog .vs-dialog footer {
  padding: 1rem;
}
.con-vs-dialog .vs-dialog footer .vs-button:last-of-type {
  margin-left: 0.5rem !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

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

.dropdown-button-container .vs-button {
  padding: 0.72rem 1.5rem !important;
}
.dropdown-button-container .vs-button-line {
  padding: 9px 10px !important;
}

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

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

.vs-input--input.hasIcon:not(.icon-after-input) + .vs-input--placeholder {
  padding-left: 3rem !important;
}
.vs-input--input.hasIcon:not(.icon-after-input):focus + .vs-placeholder-label {
  padding-left: 0.7rem !important;
}

.vs-con-input .vs-inputx {
  padding: 0.7rem;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.vs-con-input .vx-inputx:not(.input-rounded-full) {
  border-radius: 5px;
}

.vs-input--input.normal {
  padding: 0.7rem !important;
  font-size: 1rem !important;
}
.vs-input--input.normal ~ .vs-input--icon.feather {
  top: 9px;
}
.vs-input--input.large {
  padding: 1rem !important;
  font-size: 1.2rem !important;
}
.vs-input--input.large.hasIcon {
  padding: 1rem 0.8rem 1rem 3rem !important;
}
.vs-input--input.large ~ .vs-input--icon {
  top: 1rem !important;
  left: 0.8rem !important;
}
.vs-input--input.small {
  padding: 0.4rem !important;
  font-size: 0.8rem !important;
}
.vs-input--input.small ~ .vs-input--icon.feather {
  top: 7px !important;
}
.vs-input--input.hasIcon {
  padding: 0.7rem 1rem 0.7rem 3rem !important;
}
.vs-input--input.hasIcon.icon-after-input {
  padding: 0.7rem 3rem 0.7rem 0.7rem !important;
}

.vs-input--placeholder.normal {
  padding: 0.7rem !important;
}
.vs-input--placeholder.large {
  padding: 1rem !important;
}
.vs-input--placeholder.small {
  padding: 0.2rem 0.6rem !important;
  font-size: 0.8rem !important;
}

.vs-input--icon.feather {
  padding: 0.2rem 0.5rem 0rem 0.4rem;
}

.vs-input.input-rounded-full input {
  border-radius: 20px;
}
.vs-input.input-rounded-full .vs-input--input.hasIcon {
  padding: 0.8rem 1rem 0.8rem 3rem !important;
}
.vs-input.input-rounded-full .input-span-placeholder {
  padding-left: 3rem !important;
  padding-top: 0.7rem !important;
}
.vs-input.input-rounded-full .vs-icon {
  margin-top: 0.1rem !important;
  margin-left: 0.6rem !important;
  font-size: 1rem !important;
}

.vs-list--item .list-titles .vs-list--subtitle {
  font-size: 0.85rem;
}
.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: #1da1f2 !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;
}

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

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

.vs-pagination--ul {
  padding: 0;
}

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

.con-vs-popup {
  z-index: 53000;
}
.con-vs-popup .vs-popup--content {
  padding: 1rem;
  font-size: 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 {
  padding: 10px;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.vs-select--options {
  font-size: 1rem;
  border: 1px solid #eee;
  z-index: 530001;
}
.vs-select--options span {
  color: #000000;
  font-size: 1rem;
}

.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;
}

.vs-con-table {
  background: transparent;
}
.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 {
  padding: 10px 28px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
}
.vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus + i {
  left: 10px;
}
.vs-con-table .vs-table--header .vs-table--search i {
  left: 10px;
}
.vs-con-table .vs-con-tbody {
  background: #f8f8f8;
  width: 100%;
  overflow: auto;
}
.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;
}
.vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-table .tr-expand td {
  padding: 0;
}
.vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-table td {
  padding: 1rem;
}
.vs-con-table .vs-con-tbody .vs-table--tbody-table .vs-table--thead th {
  padding: 10px 15px;
}
.vs-con-table .vs-con-tbody .vs-table--tbody-table .vs-table--thead .con-td-check {
  background: transparent;
  box-shadow: none;
}
.vs-con-table .vs-con-tbody .vs-table--tbody-table .tr-values .vs-table--td {
  padding: 10px 15px;
}
.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;
}
.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: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height: 1.6;
}

.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;
  padding: 0.6rem;
}
.con-img-upload .img-upload {
  margin: 15px;
}

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

/*=========================================================================================
    File Name: _tailwindFixes.scss
    Description: partial- Tailwind Fixes
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
      Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
button:focus {
  outline: none;
}

/*=========================================================================================
  File Name: _rtl.scss
  Description: partial- rtl - imports rtl styles
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*=========================================================================================
  File Name: _rtlFixes.scss
  Description: partial - rtl fix - fixes rtl specific issues
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*! rtl:begin:ignore */
.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 .con-vs-dropdown--menu {
  transform: translateX(-100%);
}
.vuesax-app-is-rtl .vx-navbar-dropdown.dropdownx-enter, .vuesax-app-is-rtl .vx-navbar-dropdown.dropdownx-leave-to {
  transform: translateY(8px) !important;
}
@media (max-width: 500px) {
  .vuesax-app-is-rtl .vx-navbar-dropdown.dropdown-custom.con-vs-dropdown--menu {
    transform: translateX(100%);
  }
  .vuesax-app-is-rtl .vx-navbar-dropdown.dropdown-custom.dropdownx-enter, .vuesax-app-is-rtl .vx-navbar-dropdown.dropdown-custom.dropdownx-leave-to {
    transform: translate(100%, 8px) !important;
  }
}
.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;
}
.vuesax-app-is-rtl .scroll-area-v-nav-menu .ps__scrollbar-y-rail {
  right: unset !important;
  left: -6px !important;
}

/*! rtl:end:ignore */
/*=========================================================================================
  File Name: _rtlOverrides.scss
  Description: partial - rtl fix - fixes styles overridden by rtl
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
  Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*! rtl:begin:ignore */
.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;
}

/*! rtl:end:ignore */
.home .dashboard-logo {
  max-width: 700px;
  height: 150px;
  background: url("../images/pages/dashboard.png") no-repeat;
  background-size: cover;
  align-self: center;
}
.home .dashboard-logo .logo-link {
  padding-top: 16px;
  padding-left: 134px;
  padding-right: 34px;
}
.home .dashboard-logo p {
  font-size: 0.8rem;
  margin-top: 0.3rem;
  padding: 0 10px;
}
.home .setting-detail {
  align-self: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.home .setting-detail .setting-detail-items {
  width: 672px;
  font-size: 1.2rem;
  border: 4px solid;
  border-radius: 8px;
  padding: 1rem 10rem;
  line-height: 2rem;
}
.home .setting-detail .setting-detail-items .setting-link {
  color: rgba(var(--vs-primary), 1);
  text-decoration: underline;
  cursor: pointer;
}
.home > .con-vs-tabs > .con-ul-tabs {
  background: white;
}
.home > .con-vs-tabs > .con-ul-tabs .vs-tabs--li {
  margin-top: 2rem;
}
.home > .con-vs-tabs > .con-ul-tabs .vs-tabs--li .vs-tabs--btn {
  padding: 0.5rem 2rem;
}
.home > .con-vs-tabs > .con-slot-tabs > .con-tab {
  padding: 3rem 1rem 5rem;
  min-width: 1230px;
  margin: 0 auto;
}
.home .select-option {
  font-size: 1rem;
  margin: -10px;
}
.home .search-item {
  margin-left: 8px;
  padding: 0.5rem;
  margin-right: 8px;
  border-radius: 5px;
  width: 100px;
  line-height: 1.4rem;
}
.home .dashboard-card .card-item .con-ul-tabs .vs-tabs--btn {
  font-size: 1.5rem;
  padding: 0 3rem;
}
.home .dashboard-card .card-item .con-ul-tabs .activeChild .vs-tabs--btn {
  background: rgba(var(--vs-primary), 1) !important;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  color: white !important;
}
.home .dashboard-card .card-item .con-ul-tabs .line-vs-tabs {
  display: none;
}
.home .dashboard-card .card-item .card-item-content {
  padding-top: 16px;
}
.home .dashboard-card .card-item .card-item-content .summary-table {
  border-spacing: unset;
  font-size: 1.2rem;
}
.home .dashboard-card .card-item .card-item-content .summary-table .summary-header {
  text-align: center;
  background: rgba(var(--vs-primary), 1);
  color: white;
}
.home .dashboard-card .card-item .card-item-content .summary-table .summary-content {
  text-align: right;
  line-height: 3rem;
}
.home .dashboard-card .card-item .card-item-content .summary-table .summary-content td {
  padding-right: 4rem !important;
}
.home .dashboard-card .card-item .card-item-content .summary-table .summary-content td .text-important {
  color: red;
}
.home .dashboard-card .card-item .card-item-content .summary-table tr > td {
  padding: 4px 24px;
}
.home .dashboard-card .card-item .card-item-content .data-table {
  text-align: right;
}
.home .dashboard-card .card-item .card-item-content .data-table th .vs-table-text {
  justify-content: flex-end !important;
}
.home .dashboard-card .card-item .date-time--input {
  color: black !important;
}
.home .fba-chart .sold-statistic {
  overflow: auto;
}
.home .fba-chart .sold-s-table {
  width: -moz-max-content;
  width: max-content;
  border-spacing: 0;
  margin: 0 auto;
}
.home .fba-chart .sold-s-table .y-title {
  border-right: 1px solid rgba(var(--vs-primary), 1);
  width: 145px;
}
.home .fba-chart .sold-s-table .x-title {
  border-top: 1px solid rgba(var(--vs-primary), 1);
  text-align: center;
  padding: 4px;
}
.home .fba-chart .sold-s-table .data-td {
  vertical-align: bottom;
  height: 600px;
  text-align: center;
  width: 62px;
}
.home .fba-chart .sold-s-table .data-td .cell-img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 2px solid rgba(var(--vs-warning), 1);
}
.home .fba-chart .sold-s-table .data-td .cell-img.has-more {
  font-size: 0.7rem;
  line-height: 0.7rem;
  padding-top: 4px;
}
.home .fba-chart .sold-s-table .x-space {
  border-radius: 14px;
  margin: 10px 4px 20px 4px;
  text-align: center;
}
.home .fba-chart .csv-export {
  margin-left: 145px;
}
.home .inventory .fba_inventory_title {
  width: 45%;
  text-align: right !important;
  color: rgba(var(--vs-primary), 1);
}
.home .inventory .mfn_inventory_title {
  width: 45%;
  text-align: right !important;
  color: #FFB006;
}
.home .inventory .inventory_content {
  width: 55%;
  text-align: left !important;
  padding-left: 8px;
}
.home .ss-table {
  border-spacing: unset;
  width: 100%;
}
.home .ss-table td {
  padding: 1px;
  font-size: 0.8rem !important;
  line-height: 2rem;
}
.home .ss-table td .vs-button.small {
  font-size: 0.9rem !important;
}
.home .ss-table th {
  font-size: 0.8rem !important;
  padding: 10px !important;
}
.home .review-benchmark {
  background: #47B3D6 url("../images/pages/mierunda_back.png") no-repeat;
  max-width: 670px;
  margin: 1rem auto 1rem;
  line-height: 2.2rem;
  padding: 3rem 1.5rem;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  border-radius: 0.3rem;
}
.home .review-benchmark .benchmark {
  font-size: 1.8em;
  font-weight: bold;
  color: #D0B900;
}
.home .review-total {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
}
.home .mark-01 {
  background-color: #D92531;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  position: relative;
  height: 30px;
  padding: 0rem 0.3rem;
  margin-right: 1.5rem;
}
.home .mark-01:after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #D92531;
  right: -10px;
  top: 0;
}
.home .price {
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: sub;
}
.home .border-text {
  display: inline-block;
  padding: 0 0.3rem;
  border: 1px solid #D92531;
  text-align: center;
  line-height: 1.2rem;
  font-weight: bold;
  color: #D92531;
}
.home .price.frozen {
  color: #e8b529;
}
.home .pagenation .vs-pagination--mb {
  width: 100% !important;
}
.home #account_statistic .m-side {
  background: #D9D9D9;
  padding: 2rem;
}
.home #account_statistic .m-side .cs-card--content {
  padding: 2rem !important;
}
.home #account_statistic .mr-help-block {
  font-size: 0.8rem;
  line-height: 1.1rem;
  text-align: left;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
  color: #CC3C61 !important;
  font-weight: 500;
}
.home #account_statistic .balance-div {
  position: relative;
}
.home #account_statistic .balance-div #set-balance-btn {
  position: absolute;
  top: 2.8rem;
  right: 0.5rem;
  color: #0a0a0a;
  text-align: center;
}
.home #account_statistic .balance-div #set-balance-btn span {
  font-size: 0.6rem;
  font-weight: bold;
  display: inline-block;
  text-decoration: underline;
}
.home #account_statistic .text-danger-ex {
  color: #CC3C61 !important;
}
.home #account_statistic .price {
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
}
.home #account_statistic .price.minus {
  color: #D92531;
}
.home #account_statistic .cs-card {
  margin: 0 auto 2rem;
}
.home #account_statistic td {
  padding: 8px;
}
.home #account_statistic .card-item {
  display: inline-block;
  white-space: nowrap;
}
.home #account_statistic .card-short {
  display: inline-block;
  width: 1.2rem;
  border: 1px solid #333;
  text-align: center;
  line-height: 1.2rem;
  font-weight: bold;
}
.home .danger-summary .risk-brand th, .home .danger-summary .risk-brand td, .home .danger-summary .risk-asin th, .home .danger-summary .risk-asin td, .home .refund-shipping th, .home .refund-shipping td {
  text-align: center;
}
.home .vs-button.small.has-icon {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem !important;
}
.home .vs-button.has-icon {
  padding: 0.75rem 0.75rem 0.75rem 2rem !important;
}

.input-expenses .setting-card .setting-item .vx-card__title .select-option {
  font-size: 1rem;
  margin: -10px 0;
}
.input-expenses .setting-card .setting-item .vx-card__title .select-option .search-item {
  margin-left: 8px;
  padding: 8px 30px 8px 16px;
  margin-right: 8px;
  border-radius: 5px;
  color: black;
}
.input-expenses .setting-card .setting-item .con-ul-tabs .vs-tabs--btn {
  font-size: 1.5rem;
  padding: 0 3rem;
}
.input-expenses .setting-card .setting-item .setting-item-content {
  padding-top: 16px;
  min-width: 520px;
}
.input-expenses .setting-card .expenses-total {
  background: #EDF7FE;
  border-radius: 8px;
}

.goods {
  min-width: 1140px;
}
.goods .search-result {
  padding-top: 8px;
  padding-bottom: 8px;
}
.goods .table .vx-card__body {
  padding: 0 0.7rem 1.5rem 0.7rem !important;
}
.goods .footer {
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
}
.goods .footer .vs-pagination--mb {
  display: unset !important;
}
.goods .vs-input--placeholder.small {
  padding: 0.4rem 0.6rem !important;
  font-size: 0.8rem !important;
}
.goods .select-small .vs-select--input {
  padding: 0.4rem !important;
}

.goods-search-bar .search-group .search-text {
  width: 600px !important;
}
.goods-search-bar .search-group .flex-grow {
  flex-grow: 0 !important;
}
.goods-search-bar .search-group .search-detail {
  margin-left: 24px;
  border-left: unset !important;
}
.goods-search-bar .detail-form .detail-content {
  margin-bottom: 24px;
}
.goods-search-bar .detail-form .detail-content .detail-row {
  padding-bottom: 12px;
}
.goods-search-bar .detail-form .detail-content .detail-row .row-title {
  font-size: 14px;
  padding-left: 4px;
  font-weight: bold;
}
.goods-search-bar .detail-form .detail-content .detail-row .price-range, .goods-search-bar .detail-form .detail-content .detail-row .sale-gap {
  display: flex;
  align-items: center;
}
.goods-search-bar .detail-form .detail-content .detail-row .price-range .vs-input--input, .goods-search-bar .detail-form .detail-content .detail-row .sale-gap .vs-input--input {
  padding: 0.5rem !important;
}
.goods-search-bar .detail-form .detail-content .detail-row .price-range .vs-input--placeholder.normal, .goods-search-bar .detail-form .detail-content .detail-row .sale-gap .vs-input--placeholder.normal {
  padding: 0.5rem !important;
}
.goods-search-bar .detail-form .detail-content .detail-row .price-range > span, .goods-search-bar .detail-form .detail-content .detail-row .sale-gap > span {
  padding: 0 8px;
  font-size: 14px;
}

.goods-list .goods-table {
  border-spacing: 0;
  width: 100%;
}
.goods-list .goods-table thead th {
  position: sticky;
  top: 112px;
  z-index: 2;
}
.goods-list .goods-table .deleted_good {
  background-color: #e2c9ca;
}
.goods-list .goods-table .tr-values {
  font-size: 0.8rem;
}
.goods-list .goods-table .tr-values td {
  padding: 4px 2px !important;
}
.goods-list .goods-table .tr-values .td-check {
  width: 42px;
}
.goods-list .goods-table .tr-values .td-state {
  width: 3%;
  max-width: 80px;
  min-width: 36px;
}
.goods-list .goods-table .tr-values .td-state span.empty {
  display: none;
}
.goods-list .goods-table .tr-values .td-state .td-state-data {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.goods-list .goods-table .tr-values .td-state .td-state-data .vs-button--text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.goods-list .goods-table .tr-values .td-state .td-state-data .vs-button--text > i {
  padding-left: 4px;
}
.goods-list .goods-table .tr-values .td-state .has-images {
  border: 1px solid;
  padding: 2px 6px;
  margin-top: 4px;
  cursor: pointer;
}
.goods-list .goods-table .tr-values .td-price-status {
  width: 3%;
  max-width: 75px;
  min-width: 52px;
}
.goods-list .goods-table .tr-values .td-price-status .red-mark {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
  border-radius: 4px;
  text-align: center;
  padding: 2px;
}
.goods-list .goods-table .tr-values .td-price-status .blue-mark {
  color: #ffffff;
  background-color: #0b28e8;
  border-color: #0a24d3;
  border-radius: 4px;
  text-align: center;
  padding: 2px;
}
.goods-list .goods-table .tr-values .td-price-status .td-update-data {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
}
.goods-list .goods-table .tr-values .td-asin {
  width: 6%;
  padding-left: 15px !important;
}
.goods-list .goods-table .tr-values .td-asin .good-image {
  max-height: 80px;
  max-width: 80px;
  padding: 4px 2px;
}
.goods-list .goods-table .tr-values .td-asin .good-asin {
  color: #2a6496;
}
.goods-list .goods-table .tr-values .td-name {
  min-width: 250px;
}
.goods-list .goods-table .tr-values .td-name .good-sku {
  word-break: break-word;
}
.goods-list .goods-table .tr-values .td-created {
  width: 5%;
  max-width: 72px;
}
.goods-list .goods-table .tr-values .td-count {
  width: 4%;
  max-width: 50px;
  text-align: center;
}
.goods-list .goods-table .tr-values .td-condition {
  width: 4%;
  max-width: 72px;
  min-width: 36px;
}
.goods-list .goods-table .tr-values .td-sale-price {
  width: 6%;
  max-width: 84px;
}
.goods-list .goods-table .tr-values .td-point {
  width: 4%;
  max-width: 60px;
}
.goods-list .goods-table .tr-values .td-min-price {
  width: 6%;
  max-width: 82px;
  min-width: 62px;
}
.goods-list .goods-table .tr-values .td-adjust-mode {
  width: 7%;
  max-width: 132px;
  min-width: 60px;
}
.goods-list .goods-table .tr-values .td-purchase-price {
  width: 5%;
  max-width: 84px;
}
.goods-list .goods-table .tr-values .td-stop {
  width: 7%;
  max-width: 84px;
}
.goods-list .goods-table .tr-values .td-fee {
  width: 6%;
  max-width: 84px;
}
.goods-list .goods-table .tr-values .td-saled-count {
  width: 4%;
  max-width: 72px;
  min-width: 36px;
}
.goods-list .goods-table .tr-values .td-mnrate {
  width: 4%;
  max-width: 64px;
}
.goods-list .goods-table .tr-values .table-action {
  width: 65px;
  padding: 0.4rem 0.1rem !important;
  margin: 4px 0 !important;
  font-size: 0.7rem;
}
.goods-list .goods-table .tr-values .column-container {
  display: flex;
  flex-direction: column;
}
.goods-list .goods-table .tr-values .input-container {
  display: flex;
  align-items: center;
}
.goods-list .goods-table .tr-values .good-input {
  width: 90px;
  margin: 4px;
}
.goods-list .goods-table .tr-values .good-input .vs-input--input {
  padding: 0.4rem 0.4rem !important;
}
.goods-list .goods-table .tr-values .change-loading {
  width: 32px;
  height: 32px;
}
.goods-list .goods-table .tr-values .change-loading .con-vs-loading {
  background: unset;
  z-index: 1;
}
.goods-list .goods-table .tr-values .text-red {
  color: red;
}
.goods-list .goods-table .loading-tbody {
  opacity: 0.4;
  pointer-events: none;
}
.goods-list .table-footer {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.goods-list .table-footer .send-fba-btn {
  font-size: 13px;
}
.goods-list .vuedal {
  width: 80%;
  top: 180px;
}
.goods-list .vuedal > header .title {
  font-weight: bold;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-border {
  padding: 10px 15px;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-status {
  display: flex;
  background-color: #d9edf7;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-status > label {
  color: #31708f;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-detail .im-detail-title {
  color: #31708f;
  padding: 0 4px;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-detail .im-detail-content {
  padding: 4px 0 4px 24px;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-detail .im-detail-content .im-detail-item {
  padding-bottom: 12px;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--item .im-detail .im-detail-content .im-detail-item > label {
  font-weight: bold;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--table .import-table th .vs-table-text {
  justify-content: center;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--table .import-table .td-image-url {
  width: 20%;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--table .import-table .td-sku {
  width: 20%;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--table .import-table .td-title {
  width: 20%;
}
.goods-list .vuedal .im-dialog .dlg-content .dlg-content--table .import-table .input-min-width {
  width: 70px;
}
.goods-list .vuedal .im-dialog .dlg-content .setting-submit {
  margin-top: 16px;
}

.orders {
  min-width: 1140px;
}
.orders .search-tabs {
  overflow: unset;
}
.orders .search-tabs .con-slot-tabs {
  overflow: unset;
}
.orders .search-tabs .search-group .search-item, .orders .search-tabs .search-group .date-time--input {
  width: 150px;
}
.orders .search-tabs .search-group > label {
  padding: 0 4px;
}
.orders .table {
  margin-top: 16px;
}
.orders .table .table-title {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3rem;
  color: #1b1e21;
  font-size: 20px;
  font-weight: bold;
}
.orders .table .table-footer {
  text-align: right;
}
.orders .footer {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.orders .footer .vs-pagination--mb {
  justify-content: center !important;
}

.orders-search-bar .search-group {
  display: flex;
  align-items: center;
}
.orders-search-bar .search-group .search-item {
  width: 120px !important;
}
.orders-search-bar .search-group .select-normal {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 1rem;
  padding: 0.6rem !important;
}
.orders-search-bar .search-group .select-normal .vs-select--input {
  padding: 0.4rem;
}
.orders-search-bar .search-group .flex-grow {
  flex-grow: 0 !important;
}
.orders-search-bar .search-group .search-detail {
  margin-left: 24px;
}
.orders-search-bar .text-search-group .search-text {
  width: 480px !important;
}
.orders-search-bar .text-search-group .flex-grow {
  flex-grow: 0 !important;
}
.orders-search-bar .detail-form .detail-content {
  margin-bottom: 24px;
}
.orders-search-bar .detail-form .detail-content .detail-row {
  padding-bottom: 12px;
}
.orders-search-bar .detail-form .detail-content .detail-row .row-title {
  font-size: 14px;
  padding-left: 4px;
  font-weight: bold;
}
.orders-search-bar .detail-form .detail-content .detail-row .price-range, .orders-search-bar .detail-form .detail-content .detail-row .sale-gap {
  display: flex;
  align-items: center;
}
.orders-search-bar .detail-form .detail-content .detail-row .price-range .vs-input--input, .orders-search-bar .detail-form .detail-content .detail-row .sale-gap .vs-input--input {
  padding: 0.5rem !important;
}
.orders-search-bar .detail-form .detail-content .detail-row .price-range .vs-input--placeholder.normal, .orders-search-bar .detail-form .detail-content .detail-row .sale-gap .vs-input--placeholder.normal {
  padding: 0.5rem !important;
}
.orders-search-bar .detail-form .detail-content .detail-row .price-range > span, .orders-search-bar .detail-form .detail-content .detail-row .sale-gap > span {
  padding: 0 8px;
  font-size: 14px;
}
.orders-search-bar .vs-input--placeholder.small {
  padding: 0.4rem !important;
}

.orders-list .orders-table {
  border-spacing: 0;
  width: 100%;
}
.orders-list .orders-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: center;
  padding: 10px 1px !important;
}
.orders-list .orders-table .tr-values {
  font-size: 0.8rem;
}
.orders-list .orders-table .tr-values td {
  padding: 4px 4px !important;
}
.orders-list .orders-table .tr-values .td-purchase-date {
  width: 4%;
}
.orders-list .orders-table .tr-values .td-purchase-date span.empty {
  display: none;
}
.orders-list .orders-table .tr-values .td-purchase-date .td-state-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.orders-list .orders-table .tr-values .td-purchase-date .td-state-div .vs-button--text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.orders-list .orders-table .tr-values .td-purchase-date .td-state-div .vs-button--text > i {
  padding-right: 4px;
}
.orders-list .orders-table .tr-values .td-delivery-route {
  width: 5%;
  text-align: center;
}
.orders-list .orders-table .tr-values .td-asin {
  width: 5%;
}
.orders-list .orders-table .tr-values .td-asin .good-image {
  max-height: 120px;
  padding: 8px 4px;
}
.orders-list .orders-table .tr-values .td-asin .good-asin {
  color: #2a6496;
}
.orders-list .orders-table .tr-values .td-asin .quantity {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  background: white;
  color: #000;
  border: 4px solid;
  padding: 2px;
  line-height: 1.5rem;
  border-radius: 2px;
}
.orders-list .orders-table .tr-values .td-order-no .good-sku {
  word-break: break-word;
}
.orders-list .orders-table .tr-values .td-sale-price {
  width: 5%;
  text-align: center;
}
.orders-list .orders-table .tr-values .td-sipping-paid {
  width: 5%;
  text-align: center;
}
.orders-list .orders-table .tr-values .td-amazon-fee {
  width: 7%;
}
.orders-list .orders-table .tr-values .td-point {
  width: 5%;
  text-align: center;
}
.orders-list .orders-table .tr-values .td-cost {
  width: 5%;
}
.orders-list .orders-table .tr-values .td-gross-profit {
  width: 7%;
}
.orders-list .orders-table .tr-values .td-sold-count {
  width: 3%;
  text-align: center;
}
.orders-list .orders-table .tr-values .td-status {
  width: 5%;
}
.orders-list .orders-table .tr-values .td-condition {
  width: 8%;
  text-align: center;
}
.orders-list .orders-table .tr-values .td-stock {
  width: 6%;
}
.orders-list .orders-table .tr-values .table-action {
  width: 72px;
  padding: 0.4rem 0.5rem !important;
  margin: 4px 0 !important;
  font-size: 0.8rem;
}
.orders-list .orders-table .tr-values .td-colomun-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.orders-list .orders-table .tr-values .input-container {
  display: flex;
  align-items: center;
}
.orders-list .orders-table .tr-values .good-input {
  width: 80px;
  margin: 4px;
}
.orders-list .orders-table .tr-values .good-input .vs-input--input {
  padding: 0.4rem !important;
}
.orders-list .orders-table .tr-values .change-loading {
  width: 32px;
  height: 32px;
}
.orders-list .orders-table .tr-values .text-red {
  color: red;
}
.orders-list .orders-table .loading-tbody {
  opacity: 0.4;
  pointer-events: none;
}

.good-publish {
  min-width: 1140px;
}
.good-publish .table {
  margin-top: 16px;
}
.good-publish .table .table-footer {
  text-align: right;
}
.good-publish .vuedal {
  width: 80%;
  max-width: 1120px;
  min-width: 1050px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.good-publish .vuedal > header .title {
  font-weight: bold;
}
.good-publish .vuedal .im-dialog .dlg-content {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.good-publish .vuedal .im-dialog .import-table {
  border-spacing: 0;
  width: 100%;
}
.good-publish .vuedal .im-dialog .import-table th {
  padding: 10px 4px !important;
  font-size: 0.9rem;
  background-color: #dae1e7;
}
.good-publish .vuedal .im-dialog .import-table th .vs-table-text {
  justify-content: center;
}
.good-publish .vuedal .im-dialog .import-table td {
  padding: 4px 4px !important;
}
.good-publish .vuedal .im-dialog .import-table .td-asin, .good-publish .vuedal .im-dialog .import-table div.td-chart, .good-publish .vuedal .im-dialog .import-table div.td-action {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.good-publish .vuedal .im-dialog .import-table .td-asin {
  padding: 0.5rem 0.1rem;
}
.good-publish .vuedal .im-dialog .import-table .td-asin .good-image-wrap {
  width: 100px;
  height: 100px;
  position: relative;
  padding-top: 100px;
  background: #fff;
  border: 1px solid #ACACAC;
  overflow: hidden;
}
.good-publish .vuedal .im-dialog .import-table .td-asin .good-image-wrap img.good-image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100px;
  max-width: 100px;
  transform: translateX(-50%) translateY(-50%);
}
.good-publish .vuedal .im-dialog .import-table .td-asin .good-image-wrap.child-good-image {
  width: 50px;
  height: 50px;
  position: relative;
  padding-top: 50px;
}
.good-publish .vuedal .im-dialog .import-table .td-asin .good-image-wrap.child-good-image img.good-image {
  max-height: 50px;
  max-width: 50px;
}
.good-publish .vuedal .im-dialog .import-table .td-action .vs-button {
  padding: 0.4rem 1rem;
}
.good-publish .vuedal .im-dialog .import-table div.td-chart .good-name {
  padding: 8px;
}
.good-publish .vuedal .im-dialog .import-table div.td-chart .good-chart-image {
  width: 400px;
  height: 200px;
}
.good-publish .vuedal .im-dialog .import-table .td-btn {
  width: 20%;
}
.good-publish .vuedal .im-dialog .import-table tr.child-goods {
  background-color: #f1f1f1;
  box-shadow: 1px 1px 2px #999;
}

.publish-search-bar .keyword-type {
  display: flex;
  margin-bottom: 16px;
  margin-top: 8px;
}
.publish-search-bar .keyword-type > li {
  min-width: 160px;
}
.publish-search-bar .search-group .search-text {
  width: 600px !important;
}
.publish-search-bar .search-group .flex-grow {
  flex-grow: 0 !important;
}
.publish-search-bar .search-group .search-detail {
  margin-left: 24px;
  border-left: unset !important;
}
.publish-search-bar .detail-form .con-vs-card, .publish-search-bar .detail-form .vs-card--content {
  margin-bottom: 0;
}
.publish-search-bar .detail-form .detail-content {
  margin-bottom: 24px;
  font-size: 1rem;
}
.publish-search-bar .detail-form .detail-content .detail-row {
  display: flex;
  flex-wrap: wrap;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item {
  margin-right: 1.1rem;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .input_percent {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .input_unit {
  font-size: 14px;
  padding: 0.2rem 4px;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .input-number {
  width: 90px;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .select-small {
  width: 140px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 1rem;
  padding: 8px;
  line-height: 1.5rem;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .good-status {
  width: 200px;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .delivery-pattern {
  width: 180px;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .handle-time {
  width: 110px;
}
.publish-search-bar .detail-form .detail-content .detail-row .detail-item .payment-mode {
  width: 340px;
}
.publish-search-bar .input-select-con .vs-select--input {
  padding: 0.4rem !important;
  font-size: 0.8rem !important;
}
.publish-search-bar .vs-input--input.small {
  padding: 10px !important;
  font-size: 1rem !important;
  border-radius: 8px;
}

.publish-list {
  padding-top: 8px;
}
.publish-list .table-title-bar .table-title {
  background-color: gainsboro;
}
.publish-list .goods-table {
  border-spacing: 0;
  width: 100%;
}
.publish-list .goods-table .tr-values {
  font-size: 0.8rem;
}
.publish-list .goods-table .tr-values td {
  padding: 2px;
}
.publish-list .goods-table .tr-values hr {
  margin: 8px 0;
}
.publish-list .goods-table .tr-values .vs-table--td {
  padding: 4px 4px !important;
}
.publish-list .goods-table .tr-values .td-check {
  width: 42px;
}
.publish-list .goods-table .tr-values .td-image .good-image {
  max-height: 120px;
  padding: 8px 4px;
}
.publish-list .goods-table .tr-values .td-name {
  width: 20%;
}
.publish-list .goods-table .tr-values .td-name .good-name {
  color: #2a6496;
}
.publish-list .goods-table .tr-values .td-condition-detail {
  width: 16%;
  min-width: 96px;
}
.publish-list .goods-table .tr-values .td-condition-detail textarea {
  height: 75px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-family: inherit;
  font-size: 0.85rem;
}
.publish-list .goods-table .tr-values .td-condition-detail .select-container {
  margin: 4px 0;
}
.publish-list .goods-table .tr-values .td-condition-detail .select-container .select-small {
  width: 120px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 0.8rem;
  padding: 4px 0px 4px 4px;
  line-height: 1.2rem;
}
.publish-list .goods-table .tr-values .td-condition-detail .select-container .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 1rem !important;
}
.publish-list .goods-table .tr-values .td-condition-detail .select-container .delivery-pattern {
  width: 150px;
}
.publish-list .goods-table .tr-values .td-condition-detail .select-container .handle-time {
  width: 64px;
}
.publish-list .goods-table .tr-values .td-condition-detail .select-container .payment-mode {
  width: 210px;
}
.publish-list .goods-table .tr-values .select-container {
  margin: 4px 0;
}
.publish-list .goods-table .tr-values .select-container .select-small {
  width: 120px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 0.8rem;
  padding: 4px 0px 4px 4px;
  line-height: 1.2rem;
}
.publish-list .goods-table .tr-values .select-container .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 1rem !important;
}
.publish-list .goods-table .tr-values .select-container .product-tax-code {
  width: 120px;
}
.publish-list .goods-table .tr-values .td-new-min-price {
  width: 8%;
}
.publish-list .goods-table .tr-values .td-middle-min-price {
  width: 8%;
}
.publish-list .goods-table .tr-values .td-quantity .good-input {
  width: 50px !important;
}
.publish-list .goods-table .tr-values .td-adjust-mode {
  width: 10%;
  min-width: 64px;
}
.publish-list .goods-table .tr-values .table-action {
  width: 72px;
  padding: 0.4rem 0.5rem !important;
  margin: 4px 0 !important;
  font-size: 0.8rem;
}
.publish-list .goods-table .tr-values .column-container {
  display: flex;
  flex-direction: column;
}
.publish-list .goods-table .tr-values .row-container {
  display: flex;
  flex-direction: row;
}
.publish-list .goods-table .tr-values .input-container {
  display: flex;
  align-items: center;
}
.publish-list .goods-table .tr-values .good-input {
  width: 78px;
  margin: 4px;
}
.publish-list .goods-table .tr-values .change-loading {
  width: 24px;
  height: 24px;
}
.publish-list .goods-table .tr-values .change-loading .con-vs-loading {
  background: unset;
  z-index: 1;
}

.setting-thank-mail .setting-card-container {
  padding-top: 24px;
}
.setting-thank-mail .setting-card-container .card-title {
  margin-bottom: 16px;
}
.setting-thank-mail .setting-card-container .setting-card .button-group {
  display: flex;
  align-items: center;
}
.setting-thank-mail .setting-card-container .setting-card .button-group > a {
  padding-left: 16px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-title {
  padding-left: 0.5rem;
  font-size: 1.5rem;
  border-left: 4px solid rgb(var(--vs-primary), 1);
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-button-title {
  font-size: 14px;
  background-color: silver;
  padding: 12px;
  color: black;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-button-title .button-group .vs-icon {
  font-size: 1.4rem;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-button-title .button-group .icon-button {
  padding: 0.5rem 1rem;
  margin-left: 16px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-button-title .button-group .icon-button .icon-button-content {
  display: flex;
  align-items: center;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-button-title .button-group .icon-button .icon-button-content .vs-icon {
  font-size: 1rem;
  margin-right: 0.4rem;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content {
  padding-left: 16px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .mail-container {
  padding: 2rem;
  border-radius: 0.5rem;
  background: #EDF7FE;
  width: 75%;
  margin: 1rem 0;
  min-width: 900px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input {
  display: flex;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input > label {
  width: 25%;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input .setting-template-using > li {
  padding-bottom: 4px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input .mail-name {
  height: 3rem;
  width: unset;
  flex-grow: 1;
  resize: vertical;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input .mail-content {
  height: 375px;
  width: unset;
  resize: vertical;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input .mail-time {
  width: 300px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input textarea {
  padding: 10px;
  font-size: 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-family: inherit;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .item-input .select-normal {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  padding: 0.7rem !important;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small {
  font-size: 85%;
  display: flex;
  align-items: center;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small .label {
  display: inline;
  padding: 0.4rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small .circle-comment {
  padding: 0.4rem 1rem 0.4rem 0.5rem;
  background: #E86266;
  color: white;
  border-radius: 3rem;
  width: 360px;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small .label-warning {
  background-color: #FFB006;
  margin-right: 0.5rem;
  padding: 1.3rem 0.5rem;
  border-radius: 2rem;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small .autoTextInsertButton {
  margin: 0 0.2rem;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small .autoTextInsertButton .small {
  padding: 0.3rem 1rem;
}
.setting-thank-mail .setting-card-container .setting-card .setting-item .setting-item-content .small .autoTextInsertButton .small .vs-button--text {
  font-size: 14px;
}
.setting-thank-mail .vuedal {
  width: 800px;
  top: 180px;
}
.setting-thank-mail .vuedal > header .title {
  font-weight: bold;
}
.setting-thank-mail .vuedal .preview-dialog .dlg-content .mail-title {
  font-size: 1.5rem;
}
.setting-thank-mail .vuedal .preview-dialog .dlg-footer {
  text-align: right;
}

.setting-amazon-connection .setting-card .setting-item .setting-item-content {
  min-width: 520px;
}
.setting-amazon-connection .setting-card .setting-item .setting-item-content .icon-button-content {
  align-items: center;
  display: flex;
}
.setting-amazon-connection .setting-card .setting-item .setting-item-content .icon-button-content > i {
  padding-right: 4px;
}
.setting-amazon-connection .setting-card .setting-item .setting-item-content .item-input {
  display: flex;
  padding-bottom: 8px;
  align-items: center;
}
.setting-amazon-connection .setting-card .setting-item .setting-item-content .item-input > label {
  width: 160px;
}
.setting-amazon-connection .setting-card .setting-item .setting-item-content .item-action {
  text-align: center;
}

.payment-checking .error-card {
  background-color: rgba(128, 0, 0, 0.18);
}
.payment-checking .error-card .error-content {
  font-size: 1rem;
}
.payment-checking .notification-label {
  font-size: 1rem;
}
.payment-checking .setting-card .setting-item .setting-item-content {
  min-width: 520px;
}

.makeplanonestop {
  min-width: 1140px;
}
.makeplanonestop .error-card .error-card-title {
  font-size: 14px;
  background-color: rgba(128, 0, 0, 0.3);
  padding: 12px;
  color: #8d0000;
}
.makeplanonestop .error-card .error-content .error-table {
  width: 100%;
  border-spacing: 0;
  color: #8d0000;
}
.makeplanonestop .error-card .error-content .error-table thead {
  background-color: rgba(128, 0, 0, 0.14);
}
.makeplanonestop .error-card .error-content .error-table th {
  font-size: 1.1rem;
}
.makeplanonestop .error-card .error-content .error-table tr {
  font-size: 1rem;
  background: white;
}
.makeplanonestop .error-card .error-content .error-table tr td {
  padding: 0.5rem;
}
.makeplanonestop .search-result {
  padding-top: 8px;
  padding-bottom: 8px;
}
.makeplanonestop .footer {
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
}
.makeplanonestop .footer .vs-pagination--mb {
  display: unset !important;
}
.makeplanonestop .vs-input--placeholder.small {
  padding: 0.4rem 0.6rem !important;
  font-size: 0.8rem !important;
}
.makeplanonestop .select-small .vs-select--input {
  padding: 0.4rem !important;
}
.makeplanonestop .vuedals {
  z-index: 1050;
}
.makeplanonestop .vuedal {
  width: 1000px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.makeplanonestop .vuedal > header .title {
  font-weight: bold;
}
.makeplanonestop .vuedal .set-address-dialog .select-normal {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  padding: 0.7rem !important;
}
.makeplanonestop .vuedal .set-address-dialog .select-normal .vs-select--input {
  padding: 0.4rem;
}
.makeplanonestop .vuedal .preview-dialog .dlg-content .text-align-center {
  text-align: center;
}
.makeplanonestop .vuedal .preview-dialog .dlg-content input[type=radio] {
  display: none;
}
.makeplanonestop .vuedal .preview-dialog .dlg-content .print_position_modal_label {
  color: #333333;
  background-color: #dedede;
  display: inline-block;
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #a6a6a6;
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100px;
}
.makeplanonestop .vuedal .preview-dialog .dlg-content .print-option-select {
  width: 160px;
}
.makeplanonestop .vuedal .preview-dialog .dlg-content input[type=radio]:checked + .print_position_modal_label {
  color: #333333;
  background-color: #bdbdbd;
  border-color: #828282;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.makeplanonestop .vuedal .preview-dialog .dlg-footer {
  text-align: right;
}
.makeplanonestop .vuedal .select-small {
  width: 48px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 0.9rem;
  padding: 4px 4px 8px 4px;
}
.makeplanonestop .vuedal .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.makeplanonestop .vuedal .dlg-footer {
  text-align: right;
}

.planonestop-search-bar .input-container {
  display: flex;
  align-items: center;
}
.planonestop-search-bar .input-container .search-group .search-text {
  width: 480px !important;
}
.planonestop-search-bar .input-container .search-group .flex-grow {
  flex-grow: 0 !important;
}
.planonestop-search-bar .input-container .search-group .search-detail {
  margin-left: 24px;
  border-left: unset !important;
}
.planonestop-search-bar .input-container .append-input {
  margin-left: 32px;
}
.planonestop-search-bar .input-container .append-input .vs-button {
  padding: 0.6rem 2rem !important;
}

.planonestop-list .right-bar {
  display: flex;
  align-items: center;
  position: absolute;
  right: 36px;
  top: 29px;
}
.planonestop-list .right-bar .count-label {
  padding-right: 8px;
}
.planonestop-list .right-bar .select-count {
  width: 80px !important;
}
.planonestop-list .right-bar .select-small {
  border-radius: 5px;
  color: black;
  font-size: 1rem;
  padding: 8px 24px 8px 12px;
}
.planonestop-list .right-bar .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.planonestop-list .table-title-bar {
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
}
.planonestop-list .table-title-bar .table-action .left-bar .vs-button {
  padding: 0.4rem 1.4rem !important;
  font-size: 13px;
}
.planonestop-list .planonestop-list-table {
  border-spacing: 0;
  width: 100%;
}
.planonestop-list .planonestop-list-table .loading-tbody {
  opacity: 0.4;
  pointer-events: none;
}
.planonestop-list .planonestop-list-table thead th {
  position: sticky;
  top: 54px;
  z-index: 2;
  text-align: center;
}
.planonestop-list .planonestop-list-table .tr-values {
  font-size: 0.9rem;
}
.planonestop-list .planonestop-list-table .tr-values hr {
  margin: 8px 0;
}
.planonestop-list .planonestop-list-table .tr-values td {
  padding: 4px 4px !important;
}
.planonestop-list .planonestop-list-table .tr-values .td-check {
  width: 42px;
}
.planonestop-list .planonestop-list-table .tr-values .td-asin {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.planonestop-list .planonestop-list-table .tr-values .td-asin .good-image {
  max-width: 80px;
  max-height: 120px;
  padding: 8px 4px;
}
.planonestop-list .planonestop-list-table .tr-values .td-price {
  text-align: center;
}
.planonestop-list .planonestop-list-table .tr-values .td-title {
  width: 40%;
}
.planonestop-list .planonestop-list-table .tr-values .td-quantity .input-quantity {
  background: unset;
}
.planonestop-list .planonestop-list-table .tr-values .td-quantity .input-quantity .vs-input-number--input {
  width: 64px !important;
  background: #f5f5f5;
  border: 1px solid #bebebe;
}
.planonestop-list .planonestop-list-table .tr-values .td-action {
  text-align: center;
}
.planonestop-list .send-fba-btn.vs-button {
  padding: 0.4rem 2rem !important;
}

.shipment-list {
  padding-top: 8px;
}
.shipment-list .table-title {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 2rem;
  margin-bottom: 4px;
  padding: 8px;
}
.shipment-list .table-title .table-title-label {
  font-size: 1.5rem;
  color: black;
}
.shipment-list .table-title-bar .table-action {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.shipment-list .table-title-bar .table-action .right-bar .select-display-mode {
  width: 250px;
}
.shipment-list .table-title-bar .page-count {
  display: flex;
  align-items: center;
  position: absolute;
  right: 36px;
  top: 29px;
}
.shipment-list .table-title-bar .page-count .select-small {
  border: unset !important;
  padding: 8px 24px 8px 12px !important;
}
.shipment-list .table-title-bar .table-title {
  background-color: gainsboro;
}
.shipment-list .shipment-list-table {
  border-spacing: 0;
  width: 100%;
}
.shipment-list .shipment-list-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.shipment-list .shipment-list-table .tr-values {
  font-size: 0.9rem;
}
.shipment-list .shipment-list-table .tr-values hr {
  margin: 8px 0;
}
.shipment-list .shipment-list-table .tr-values td {
  padding: 4px 4px !important;
  vertical-align: unset;
}
.shipment-list .shipment-list-table .tr-values .td-action {
  width: 310px;
}
.shipment-list .shipment-list-table .tr-values .td-other {
  width: 210px;
}
.shipment-list .shipment-list-table .tr-values .td-sku {
  width: 20%;
}
.shipment-list .shipment-list-table .tr-values .action-item {
  padding: 4px 0;
}
.shipment-list .shipment-list-table .tr-values .small-button {
  padding: 0.2rem 0.8rem !important;
}
.shipment-list .vuedals {
  z-index: 10;
}
.shipment-list .vuedal {
  width: 600px;
  top: 180px;
}
.shipment-list .vuedal > header .title {
  font-weight: bold;
}
.shipment-list .vuedal .preview-dialog .dlg-content .text-align-center {
  text-align: center;
}
.shipment-list .vuedal .preview-dialog .dlg-content input[type=radio] {
  display: none;
}
.shipment-list .vuedal .preview-dialog .dlg-content .print_position_modal_label {
  color: #333333;
  background-color: #dedede;
  display: inline-block;
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #a6a6a6;
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100px;
}
.shipment-list .vuedal .preview-dialog .dlg-content .print-option-select {
  width: 160px;
}
.shipment-list .vuedal .preview-dialog .dlg-content input[type=radio]:checked + .print_position_modal_label {
  color: #333333;
  background-color: #bdbdbd;
  border-color: #828282;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.shipment-list .vuedal .preview-dialog .dlg-footer {
  text-align: right;
}
.shipment-list .select-small {
  width: 64px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 4px 24px 4px 8px;
  font-size: 1rem;
  line-height: 1.4rem;
}
.shipment-list .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.shipment-list .vs-divider {
  margin: 4px 0 !important;
}
.shipment-list .footer {
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
}
.shipment-list .footer .vs-pagination--mb {
  display: unset !important;
}

.fba-apply {
  min-width: 1140px;
}
.fba-apply .table {
  margin-top: 16px;
}
.fba-apply .table .table-footer {
  text-align: right;
}
.fba-apply .vuedal {
  width: 80%;
  max-width: 1120px;
  min-width: 1050px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.fba-apply .vuedal > header .title {
  font-weight: bold;
}
.fba-apply .vuedal table {
  border-spacing: 0;
  width: 100%;
}
.fba-apply .vuedal table th {
  padding: 10px 4px !important;
  font-size: 0.9rem;
  background-color: #dae1e7;
}
.fba-apply .vuedal table th .vs-table-text {
  justify-content: center;
}
.fba-apply .vuedal table td {
  padding: 4px 4px !important;
}
.fba-apply .vuedal .im-dialog .dlg-content {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.fba-apply .vuedal .im-dialog .import-table .td-asin, .fba-apply .vuedal .im-dialog .import-table div.td-chart, .fba-apply .vuedal .im-dialog .import-table div.td-action {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fba-apply .vuedal .im-dialog .import-table .td-asin {
  padding: 0.5rem 0.1rem;
}
.fba-apply .vuedal .im-dialog .import-table .td-asin .good-image-wrap {
  width: 100px;
  height: 100px;
  position: relative;
  padding-top: 100px;
  background: #fff;
  border: 1px solid #ACACAC;
  overflow: hidden;
}
.fba-apply .vuedal .im-dialog .import-table .td-asin .good-image-wrap img.good-image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100px;
  max-width: 100px;
  transform: translateX(-50%) translateY(-50%);
}
.fba-apply .vuedal .im-dialog .import-table .td-asin .good-image-wrap.child-good-image {
  width: 50px;
  height: 50px;
  position: relative;
  padding-top: 50px;
}
.fba-apply .vuedal .im-dialog .import-table .td-asin .good-image-wrap.child-good-image img.good-image {
  max-height: 50px;
  max-width: 50px;
}
.fba-apply .vuedal .im-dialog .import-table .td-action .vs-button {
  padding: 0.4rem 1rem;
}
.fba-apply .vuedal .im-dialog .import-table .td-chart {
  width: 60%;
}
.fba-apply .vuedal .im-dialog .import-table .td-chart .good-name {
  color: #428bca;
  padding: 8px;
}
.fba-apply .vuedal .im-dialog .import-table .td-chart .good-chart-image {
  width: 400px;
  height: 200px;
}
.fba-apply .vuedal .im-dialog .import-table .td-btn {
  width: 20%;
}
.fba-apply .vuedal .im-dialog .import-table tr.child-goods {
  background-color: #f1f1f1;
  box-shadow: 1px 1px 2px #999;
}
.fba-apply .vuedal .select-dialog .product-table th {
  text-align: center;
}
.fba-apply .vuedal .select-dialog .product-table tr td {
  font-size: 12px;
}
.fba-apply .vuedal .select-dialog .product-table tr td .vs-button {
  padding: 0.2rem 0.75rem;
}
.fba-apply .vuedal .select-dialog .product-table tr .td-title {
  width: 20%;
}
.fba-apply .vuedal .select-dialog .product-table tr .td-price, .fba-apply .vuedal .select-dialog .product-table tr .td-quantity {
  text-align: center;
}
.fba-apply .vuedal .select-dialog .product-table tr .td-sku {
  width: 12%;
}
.fba-apply .vuedal .select-dialog .product-table tr .td-action {
  width: 12%;
  text-align: center;
}
.fba-apply .vuedal .dp-dialog .dlg-content {
  padding: 1rem;
}
.fba-apply .vuedal .dp-dialog .dlg-content .dlg-content--item {
  padding: 1rem auto;
}
.fba-apply .vuedal .dp-dialog .dlg-content .dlg-content--item .vs-row:not(.no-items-center) {
  align-items: center;
}
.fba-apply .vuedal .dp-dialog .dlg-content .dlg-content--item .vs-row {
  margin: 1.5rem 0 1rem 0;
}
.fba-apply .vuedal .dp-dialog .dlg-content .dlg-content--item .vs-row .vs-col:first-child {
  text-align: right;
  padding-right: 12px;
}
.fba-apply .vuedal .dp-dialog .dlg-content .dlg-content--item .vs-row .select-small {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 4px 28px 4px 4px;
}
.fba-apply .vuedal .dp-dialog .dlg-content .dlg-content--item .vs-row .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.fba-apply .vuedal .dp-dialog .dlg-content span.text-danger {
  margin-left: 8px;
}
.fba-apply .vuedal .dp-dialog .dlg-content .item-bottom .pictogram {
  width: 10%;
  font-size: 0.9rem;
}
.fba-apply .vuedal .dp-dialog .dlg-content .item-bottom .pictogram .pictogram--check {
  height: 3rem;
}
.fba-apply .vuedal .dp-dialog .dlg-content .item-bottom .pictogram .pictogram--check .con-vs-checkbox {
  margin: 0 !important;
}
.fba-apply .vuedal .dp-dialog .dlg-content .item-bottom .pictogram .pictogram--check .vs-checkbox {
  position: fixed !important;
}
.fba-apply .vuedal .dp-dialog .dlg-content .item-bottom .pictogram .pictogram--check .con-slot-label {
  margin-left: 21px;
}

.fba-apply-search-bar .keyword-type {
  display: flex;
  margin-bottom: 16px;
  margin-top: 8px;
}
.fba-apply-search-bar .keyword-type > li {
  min-width: 160px;
}
.fba-apply-search-bar .search-group .search-text {
  width: 600px !important;
}
.fba-apply-search-bar .search-group .flex-grow {
  flex-grow: 0 !important;
}
.fba-apply-search-bar .search-group .search-detail {
  margin-left: 24px;
  border-left: unset !important;
}
.fba-apply-search-bar .detail-form .con-vs-card, .fba-apply-search-bar .detail-form .vs-card--content {
  margin-bottom: 0;
}
.fba-apply-search-bar .detail-form .detail-content {
  margin-bottom: 24px;
  font-size: 0.9rem;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row {
  display: flex;
  flex-wrap: wrap;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item {
  margin-right: 1.1rem;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .input_percent {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .input_unit {
  font-size: 14px;
  padding: 3px 4px;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .input-number {
  width: 90px;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .select-small {
  width: 140px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 1rem;
  padding: 8px;
  line-height: 1.5rem;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .good-status {
  width: 200px;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .delivery-pattern {
  width: 180px;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .handle-time {
  width: 64px;
}
.fba-apply-search-bar .detail-form .detail-content .detail-row .detail-item .payment-mode {
  width: 340px;
}
.fba-apply-search-bar .input-select-con .vs-select--input {
  padding: 0.4rem !important;
  font-size: 0.8rem !important;
}
.fba-apply-search-bar .vs-input--input.small {
  padding: 10px !important;
  font-size: 1rem !important;
  border-radius: 8px;
}

.abs-apply-list {
  padding-top: 8px;
}
.abs-apply-list .table-title-bar .table-title {
  background-color: gainsboro;
}
.abs-apply-list .goods-table {
  border-spacing: 0;
  width: 100%;
}
.abs-apply-list .goods-table .tr-values {
  font-size: 0.8rem;
}
.abs-apply-list .goods-table .tr-values hr {
  margin: 8px 0;
}
.abs-apply-list .goods-table .tr-values td {
  padding: 2px;
}
.abs-apply-list .goods-table .tr-values .td-check {
  width: 42px;
}
.abs-apply-list .goods-table .tr-values .td-image .image-detail {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.abs-apply-list .goods-table .tr-values .td-image .image-detail .good-image {
  max-height: 120px;
  padding: 8px 4px;
}
.abs-apply-list .goods-table .tr-values .td-name {
  width: 20%;
}
.abs-apply-list .goods-table .tr-values .td-name .good-name {
  color: #2a6496;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail {
  width: 16%;
  min-width: 96px;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail textarea {
  height: 75px;
  background: white;
  font-size: 0.85rem;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail .small-label {
  font-size: 75%;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail .label-mark {
  display: inline;
  padding: 0.3em 0.6em;
  font-size: 80%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #999999;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail .select-container {
  margin: 4px 0;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail .select-container .select-small {
  width: 120px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 0.8rem;
  padding: 4px 0 4px 4px;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail .select-container .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 0.8rem;
}
.abs-apply-list .goods-table .tr-values .td-condition-detail .select-container .payment-mode {
  width: 190px;
}
.abs-apply-list .goods-table .tr-values .select-container {
  margin: 4px 0;
}
.abs-apply-list .goods-table .tr-values .select-container .select-small {
  width: 120px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-size: 0.8rem;
  padding: 4px 0px 4px 4px;
  line-height: 1.2rem;
}
.abs-apply-list .goods-table .tr-values .select-container .select-small .vs-select--input {
  padding: 0.4rem;
  font-size: 1rem !important;
}
.abs-apply-list .goods-table .tr-values .select-container .product-tax-code {
  width: 120px;
}
.abs-apply-list .goods-table .tr-values .td-new-min-price {
  width: 8%;
}
.abs-apply-list .goods-table .tr-values .td-middle-min-price {
  width: 8%;
}
.abs-apply-list .goods-table .tr-values .td-quantity .good-input {
  width: 50px !important;
}
.abs-apply-list .goods-table .tr-values .td-adjust-mode {
  width: 10%;
  min-width: 64px;
}
.abs-apply-list .goods-table .tr-values .table-action {
  width: 100px;
  padding: 0.4rem 0.5rem !important;
  margin: 4px !important;
  font-size: 0.8rem;
}
.abs-apply-list .goods-table .tr-values .column-container {
  display: flex;
  flex-direction: column;
}
.abs-apply-list .goods-table .tr-values .row-container {
  display: flex;
  flex-direction: row;
}
.abs-apply-list .goods-table .tr-values .input-container {
  display: flex;
  align-items: center;
}
.abs-apply-list .goods-table .tr-values .good-input {
  width: 78px;
  margin: 4px;
}
.abs-apply-list .goods-table .tr-values .change-loading {
  width: 24px;
  height: 24px;
}
.abs-apply-list .goods-table .tr-values .change-loading .con-vs-loading {
  background: unset;
  z-index: 1;
}
.abs-apply-list .table-footer {
  display: flex;
  justify-content: space-between;
}
.abs-apply-list .table-footer .left-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.abs-apply-list .table-footer .left-bar .bar-item {
  margin: 0 8px;
}
.abs-apply-list .table-footer .left-bar .bar-btn {
  margin: 0 2px;
  padding: 0.4rem 2rem !important;
  font-size: 13px;
}

.csv-upload {
  position: relative;
}
.csv-upload .help-link {
  position: absolute;
  top: -46px;
  left: 430px;
  color: rgba(var(--vs-primary), 1);
  cursor: pointer;
}
.csv-upload .error-card .error-card-title {
  font-size: 14px;
  background-color: rgba(128, 0, 0, 0.3);
  padding: 12px;
  color: #8d0000;
}
.csv-upload .error-card .error-content .content-title {
  font-size: 14px;
  background-color: #e6e4e4;
  padding: 12px;
  color: black;
}
.csv-upload .error-card .error-content .error-line {
  font-size: 14px;
  font-weight: bold;
}
.csv-upload .error-card .error-content .error-message {
  font-size: 12px;
}
.csv-upload .setting-card .setting-item .setting-item-title {
  padding: 12px;
  font-size: 1.5rem;
  background-color: silver;
  color: black;
}
.csv-upload .setting-card .setting-item .vx-card__title .button-group .vs-icon {
  font-size: 1.4rem;
}
.csv-upload .setting-card .setting-item .vx-card__title .button-group .icon-button {
  padding: 0.5rem 1rem;
  line-height: 0.8rem;
  position: absolute;
  margin-top: -8px;
}
.csv-upload .setting-card .setting-item .setting-item-content {
  padding-left: 16px;
  padding-top: 16px;
}
.csv-upload .setting-card .setting-item .icon-button-content {
  display: flex;
  align-items: center;
}
.csv-upload .setting-card .setting-item .icon-button-content .vs-icon {
  font-size: 1rem;
  margin-right: 0.4rem;
}

.upload-result .result-title {
  background-color: #7fc6f9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.upload-result .result-content {
  padding-left: 12px;
  border: 2px solid #7fc6f9;
  border-top: unset;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.upload-result .result-content .result-content-item {
  width: 100%;
}
.upload-result .result-content .result-content-item .result-item-title {
  background-color: #c5e7ff;
  font-size: 16px;
}
.upload-result .result-content .result-content-item li {
  list-style: inside;
}
.upload-result .result-content .result-content-item .data-item {
  font-size: 14px;
  padding: 2px 0 2px 8px;
}

.comment-setting .setting-content .setting-item-content {
  margin: 1rem auto;
  padding: 2rem;
  max-width: 1000px;
  background: #EDF7FE;
  border-radius: 12px;
}
.comment-setting .setting-content .setting-item-content .group-label {
  font-size: 1.2rem;
  font-weight: bold;
}
.comment-setting .setting-content .setting-item-content .group-text {
  font-size: 1.5rem;
  font-weight: bold;
}
.comment-setting .setting-content .setting-item-content .comment-loading {
  width: 40px;
  height: 40px;
}
.comment-setting .setting-content .setting-item-content .comment-loading .con-vs-loading {
  background: unset;
  z-index: 1;
}
.comment-setting .setting-content .setting-item-content .comment-table {
  width: 100%;
  border-spacing: 0 !important;
}
.comment-setting .setting-content .setting-item-content .comment-table th {
  font-size: 1.2rem;
  padding-bottom: 8px;
}
.comment-setting .setting-content .setting-item-content .comment-table td {
  padding: 1rem;
}
.comment-setting .setting-content .setting-item-content .comment-table tbody {
  background: #edf7fe !important;
}
.comment-setting .setting-content .setting-item-content .comment-table .td-condition {
  width: 25%;
}
.comment-setting .setting-content .setting-item-content .comment-table .td-comment textarea {
  width: 300px;
  padding: 10px;
  font-size: 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  font-family: inherit;
}
.comment-setting .setting-content .setting-item-content .select-normal {
  width: 360px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: inherit;
  padding: 0.7rem !important;
}