@import "reset.css";
@import "grid.css";
.py-s {
  padding: 10px 0;
}

.py-m {
  padding: 20px 0;
}

.py-l {
  padding: 30px 0;
}

.pxy-s {
  padding: 10px;
}

.pxy-m {
  padding: 20px;
}

.pxy-l {
  padding: 30px;
}

.px-s {
  padding: 0 10px;
}

.px-m {
  padding: 0 20px;
}

.px-l {
  padding: 0 30px;
}

.my-s {
  margin: 10px 0;
}

.my-m {
  margin: 20px 0;
}

.my-l {
  margin: 30px 0;
}

.mxy-s {
  margin: 10px;
}

.mxy-m {
  margin: 20px;
}

.mxy-l {
  margin: 30px;
}

.mx-s {
  margin: 0 10px;
}

.mx-m {
  margin: 0 20px;
}

.mx-l {
  margin: 0 30px;
}

.radius-xs {
  border-radius: 5px;
}

.c50-50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 20px;
}

.unlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3 {
  font-size: 2rem;
  margin: 30px 0 20px;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.3rem;
}

.btn {
  cursor: pointer;
  background: #ed31ae;
  color: #fff;
}

a.btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
}

.align-right {
  text-align: right;
}

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

.w-100 {
  width: 100%;
}

input {
  padding: 5px;
  border-radius: 5px;
  background: none;
  border: 1px solid #ed31ae;
}

.max-mobile {
  max-width: 280px;
  margin: auto;
}

.bg-grey {
  background: #eee;
}

.bg-primary {
  background: #ed31ae;
  color: #fff;
}
.bg-primary a {
  color: #fff;
}

.msg {
  padding: 5px 10px;
  background: #333;
  color: #fff;
  cursor: not-allowed;
}

.success {
  background: #60805c;
}

.error {
  background: #af0606 !important;
}

.delete {
  color: #af0606;
}

table {
  max-width: 100%;
  font-size: 0.8rem;
}

thead {
  line-height: 1.1;
}

html, body {
  margin: 0;
  padding: 0;
  color: #7A737C;
}

body {
  font: 16px "Arial", sans-serif;
  line-height: 1.5rem;
}

a {
  color: #7A737C;
  text-decoration: none;
}

#nav {
  text-align: center;
  padding: 15px 0;
}
#nav > li {
  display: inline;
  margin: 0 5px;
}

.task-run-5 {
  background: #af0606 !important;
  color: #fff;
}
.task-run-5 a {
  color: #fff;
}

.task-active-0 {
  background: #ccc !important;
  color: #fff;
}
.task-active-0 a {
  color: #fff;
}

.hidden-sort {
  display: none !important;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}
.ellipsis:hover {
  overflow: initial;
  white-space: initial;
  text-overflow: initial;
  max-width: initial;
}

.stock-actual {
  background: #ccc !important;
  color: #333 !important;
}

.stock-amount {
  text-align: center !important;
}

.dataTables_filter {
  margin: 30px 0;
}

.dataTables_wrapper .dataTables_filter {
  text-align: left;
  float: none;
}

.bad {
  opacity: 0.6;
}

.product {
  transition: all 0.3s ease-in;
}
.product.updating {
  opacity: 0.5;
}
.product.updated {
  background-color: #60805c !important;
  color: #fff !important;
}
.product.updated td {
  background-color: #60805c !important;
  color: #fff !important;
}
.product.updated input {
  color: #fff !important;
}

input.locally-blocked {
  max-width: 50px;
  text-align: center;
  border-color: #ccc;
}
input.locally-blocked:focus {
  border-color: #ed31ae;
}

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