/* .tkc-product-card */
.tkc-product-card:hover {
  outline: var(--bs-primary) solid 1px;
  box-shadow: 0 0.25rem 1rem rgba(115, 103, 240, 0.45) !important;
}

/* .tke-searchbox */
.tke-searchbox {
  position: relative;
}

.tke-searchbox .tke-searchbox__search-btn {
  position: absolute;
  height: calc(100% - 0.5rem);
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}

.tke-searchbox .tke-searchbox__filter-btn {
  position: absolute;
  height: calc(100% - 0.5rem);
  right: 0;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
}

.tke-searchbox .tke-searchbox__tools {
  position: absolute;
  height: calc(100% - 0.5rem);
  right: 0;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
}

.tke-searchbox input[type=text] {
  padding-left: 3rem;
}

/* .tke-product-card */
.tke-product-card.tk-product-selected {
  outline: var(--bs-primary) solid 2px;
}

.tke-product-card.tk-product-synced {
  outline: var(--bs-success) solid 2px;
}

.tke-product-card.tk-product-archived {
  outline: var(--bs-dark) solid 2px;
}

.tke-product-card:hover .card-footer {
  display: block !important;
}

/* .tk-product-state-indicator */
.tk-product-state-indicator {
  display: none;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.5rem;
  right: 0.5rem;
}

.tk-product-selected .tk-product-state-indicator {
  display: block;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.tk-product-synced .tk-product-state-indicator {
  display: block;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.tk-product-archived .tk-product-state-indicator {
  display: block;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

/* tk-product-state-label */
.tk-product-state-label {
  display: none;
  color: #fff;
}

.tk-product-selected .tk-product-state-label {
  display: block;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.tk-product-synced .tk-product-state-label {
  display: block;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.tk-product-archived .tk-product-state-label {
  display: block;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

/* tkProductVariantsTable */
.tkProductVariantsTable tr th.image-col,
.tkProductVariantsTable tr td.image-col {
  width: 10%;
  padding-left: 0;
  padding-right: 0;
}

.tkProductVariantsTable tr th.price-col,
.tkProductVariantsTable tr td.price-col {
  width: 1%;
  text-align: right;
}

/* .tkc-orders-table */
.tkc-orders-table .__col-date,
.tkc-orders-table .__col-no,
.tkc-orders-table .__col-total,
.tkc-orders-table .__col-status {
  width: 1%;
}

.tkc-orders-table .__col-total {
  text-align: right;
}

.tkc-orders-table .__col-status {
  text-align: center;
  min-width: 6rem;
}

/* .tkc-message-card */
.tkc-message-card .tkc-message-card__body,
.tkc-message-card .tkc-message-card__collapse-btn,
.tkc-message-card .tkc-message-card__toolbar {
  display: none;
}

.tkc-message-card .tkc-message-card__subject {
  font-weight: bold;
}

.tkc-message-card.open {
  border-color: var(--bs-primary) !important;
}

.tkc-message-card.open .tkc-message-card__body,
.tkc-message-card.open .tkc-message-card__collapse-btn,
.tkc-message-card.open .tkc-message-card__toolbar {
  display: block;
}

.tkc-message-card.open .tkc-message-card__subject {
  font-weight: normal;
}

.tkc-message-card.open .tkc-message-card__expand-btn,
.tkc-message-card.open .tkc-message-card__status {
  display: none;
}

/* .tk-users-table */
.tk-users-table .__row-removed td {
  font-style: italic;
  color: var(--bs-secondary);
}

.tk-users-table .__col-name {
  width: 1%;
  white-space: nowrap;
}

.tk-users-table .__col-role {
  text-align: right;
}

.tk-users-table .__col-delete {
  width: 1%;
}

.layout-page.layout-page--without-top-navbar::before {
  display: none;
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page.layout-page--without-top-navbar {
  padding-top: 0 !important;
}

/* Main Menu - Vertical */
/* Main menu */
#layout-menu {
  margin: 0.75rem !important;
  border-radius: 0.375rem !important;
}
#layout-menu .layout-menu-toggle {
  display: none;
}

.layout-menu-collapsed .layout-menu {
  background-color: transparent !important;
  box-shadow: none !important;
}

.layout-menu-expanded .layout-menu,
.layout-menu-hover .layout-menu {
  background-color: #fff !important;
  box-shadow: 0 0.31rem 1.25rem 0 rgba(75, 70, 92, 0.4) !important;
}

@media (max-width: 1199.98px) {
  #layout-menu {
    transform: translate3d(calc(-100% - 1.5rem), 0, 0);
  }
  [dir=rtl] #layout-menu {
    transform: translate3d(calc(100% + 0.75rem), 0, 0);
  }
  .layout-menu-flipped #layout-menu {
    transform: translate3d(calc(100% + 0.75rem), 0, 0);
  }
  [dir=rtl].layout-menu-flipped #layout-menu {
    transform: translate3d(calc(-100% - 0.75rem), 0, 0);
  }
  .layout-menu-expanded #layout-menu {
    margin: 0 !important;
    transform: translate3d(0, 0, 0) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .content-wrapper {
    margin-top: 66px;
  }
}
/* Product Filter Drawers */
#supplierFilterDrawer,
#categoryFilterDrawer,
#brandFilterDrawer {
  margin: 0.75rem;
  border-radius: 0.375rem !important;
}

.offcanvas-backdrop {
  opacity: 0 !important;
}

/* main container */
.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding-top: 0.75rem !important;
}

.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
  padding-bottom: 0.75rem !important;
}

/* .table-lg */
.table-lg > :not(caption) > * > * {
  padding: 1rem 1.25rem;
}

/* hover elements */
.hover-shadow-primary:hover {
  box-shadow: 0 0.25rem 1rem rgba(115, 103, 240, 0.45) !important;
}

.hover-outline-primary:hover {
  outline: var(--bs-primary) solid 1px;
}

@media (min-width: 1200px) {
  .layout-menu-fixed.layout-menu-collapsed .layout-page {
    padding-left: 6rem;
  }
  .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
    padding-right: 6rem;
    padding-left: 0;
  }
  [dir=rtl].layout-menu-fixed.layout-menu-collapsed .layout-page {
    padding-right: 6rem;
    padding-left: 0;
  }
  [dir=rtl].layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
    padding-right: 0;
    padding-left: 6rem;
  }
}
/* Fix toastr container UI blocking */
#toast-container {
  pointer-events: none;
}

/* Toastr message styling */
.light-style #toast-container > .toast-success {
  border-width: 1px;
  border-color: var(--bs-success);
}

.light-style #toast-container .toast-error {
  border-width: 1px;
  border-color: var(--bs-danger);
}

.light-style #toast-container .toast-info {
  border-width: 1px;
  border-color: var(--bs-info);
}

.light-style #toast-container .toast-warning {
  border-width: 1px;
  border-color: var(--bs-warning);
}

/* list-csv */
.list-csv > *:not(:last-child) {
  margin-left: 0;
  margin-right: 0;
}

.list-csv > *:not(:last-child)::after {
  content: var(--csv-char, "|");
  color: #a5a3ae;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Hide if first or last */
.hide-first:is(:first-child) {
  display: none;
}

.hide-last:is(:last-child) {
  display: none;
}

/* Viewport Height */
.vh-10 {
  height: 10vh !important;
}

.vh-20 {
  height: 20vh !important;
}

.vh-30 {
  height: 30vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-90 {
  height: 90vh !important;
}

/*# sourceMappingURL=styles.css.map */
