.rounded-20 {
  border-radius: 20px !important;
}
.wtpx-100 {
  width: 100px !important;
}

.wtpx-50 {
  width: 50px !important;
}

a {
  color: #000000;
}
.app-brand .layout-menu-toggle i,
.bg-menu-theme .menu-text {
  color: #ffffff;
}
.bg-menu-theme
  .menu-sub
  > .menu-item.active
  > .menu-link:not(.menu-toggle):before {
  background-color: #ffffff !important;
}

.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #ffffff;
  background-color: #000000;
}
.ls-2 {
  letter-spacing: 2px;
}
.ls-1 {
  letter-spacing: 2px;
}
.ls-wide {
  letter-spacing: 0.1em;
}
.btn-success {
  background-color: #01ab56;
  border-color: #01ab56;
}
.btn-success:hover {
  background-color: #2da200 !important;
  border-color: #2da200 !important;
}
.light-style .btn-outline-black {
  color: #000;
  border-color: #000;
  background: transparent;
}
.light-style .btn-black {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff;
}
.btn-black:hover {
  background-color: #3a3a3a !important;
  border-color: #3a3a3a !important;
  color: #fff;
}
.form-control:focus,
.form-select:focus {
  border-color: #000;
}
a:hover {
  color: #000;
}
.text-success {
  color: #01ab56 !important;
}
.light-style .btn-back .text-black {
  color: #000;
}
.btn-back .text-black {
  color: #fff !important;
}
.btn-back {
  margin-top: -35px;
  margin-bottom: 10px !important;
}
.table:not(.table-dark) thead:not(.table-dark) th,
.light-style h1,
.light-style h2,
.light-style h3,
.light-style h4,
.light-style h5,
.light-style .emp_name.text-truncate {
  color: #000;
}

.light-style .text-black {
  color: #000 !important;
}
.bg-menu-theme {
  background-color: #000 !important;
  color: #bec5cc;
}
.menu-inner .menu-item a.menu-link {
  color: #fff !important;
}

html:not(.layout-menu-collapsed)
  .bg-menu-theme
  .menu-inner
  > .menu-item.open:not(.active),
.layout-menu-hover.layout-menu-collapsed
  .bg-menu-theme
  .menu-inner
  > .menu-item.open:not(.active),
.bg-menu-theme .menu-inner > .menu-item.active {
  background-color: #ffffff1f;
}
.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #000000 !important;
  background-color: #ffffff;
}
.bg-menu-theme
  .menu-sub
  > .menu-item.active
  > .menu-link:not(.menu-toggle):before {
  background-color: #000000 !important;
}

.light-style .breadcrumb span {
  color: #1f1f1f !important;
}
.light-style #LPN_products thead {
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle):hover {
  color: #000000 !important;
  background-color: #ffffff;
}

.mr-1 {
  margin-right: 5px !important;
}
.mr-2 {
  margin-right: 7px !important;
}
.ml-1 {
  margin-left: 5px !important;
}
.barcode-scan .alert {
  margin: 0 !important;
  padding: 2px 10px;
}

.step {
  opacity: 0.5;
  pointer-events: none;
}

.step.active {
  opacity: 1;
  pointer-events: none;
}

.step.active .icon {
  background-color: #4caf50 !important;
  color: #fff !important;
  border-color: #4caf50 !important;
}

.step.done {
  opacity: 1;
  pointer-events: auto;
}

.step.done .icon {
  background-color: #4caf50 !important;
  color: #fff !important;
  border-color: #4caf50 !important;
}
.bs-stepper-header .step.active .icon {
  background-color: #000000 !important;
  color: #fff !important;
  border-color: #000000 !important;
  box-shadow: unset !important;
}
.bs-stepper-header .step.active .bs-stepper-title {
  color: #000;
}
.bg-black {
  background-color: rgb(0 0 0) !important;
}
.border-black {
  border-color: #000;
}
.text-gs-gray {
  color: #1f1f1f;
}

.bg-label-black {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.btn-success {
  background-color: #17a000;
  border-color: #17a000;
}

a.menu-link.active .count-order-menu {
  background-color: #000 !important;
  color: #ffffff !important;
}
/* li.menu-item:hover {
  color: #000000 !important;
  background-color: #ffffff;
}
.menu-item a.menu-link:hover {
} */
.menu-sub .menu-item div {
    font-size: 0.9rem;
}
.bg-menu-theme .menu-inner > .menu-item > .menu-link:hover {
  color: #000000 !important;
  background-color: #fff !important;
}

.bg-menu-theme .menu-sub .menu-link:hover div {
    font-size: 0.93rem !important;
    font-weight: 900 !important;
}

.bg-menu-theme .menu-sub .menu-link:hover::before {
    font-size: 0.93rem !important;
    font-weight: 900 !important;
}

.bg-menu-theme .menu-link:hover .count-order-menu {
  /* background-color: #000 !important;
  color: #fff !important; */
}
.menu-sub .menu-item {
  margin: 1px 0;
}
.bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(
    #000000 41%,
    rgb(0 0 0 / 11%) 95%,
    rgba(243, 244, 244, 0)
  );
}

li,td {
    word-break: break-word;
}

ul.menu-sub > li.menu-item.active .count-order-menu {
    background-color: #000 !important;
    color: #fff !important;
}