/**

 * All of the CSS for your public-facing functionality should be

 * included in this file.

 */
.itws-custom-discount .form-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.itws-custom-discount .form-group label {
  width: 40%;
}

.itws-custom-discount .form-group input {
  width: 60%;
  padding: 5px;
  box-sizing: border-box;
}

.itws-custom-discount .form-group-btn {
  justify-content: right;
}

.itws-custom-discount .form-group-btn button {
  width: 100% !important;
  font-size: 1rem !important;
  padding: 10px 30px !important;
  background-color: cadetblue !important;
  color: #fff !important;
  border: 1px solid cadetblue !important;
  cursor: pointer !important;
}

.itws-custom-discount .form-group-btn button:hover {
  background-color: #fff !important;
  color: cadetblue !important;
  border: 1px solid cadetblue !important;
}

.itws-custom-discount .order-discount {
  margin-top: 20px;
}

.itws-custom-discount .subsidi-container {
  margin-top: 20px;
}

.itws-custom-discount .subsidi-container .form-group {
  margin-bottom: 10px !important;
}

.itws-custom-discount .discount-tier {
  margin-top: 20px;
}

.itws-custom-discount .subsidi-container .span {
  display: block !important;
}

.itws-error-message {
  color: red;
}

.itws-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}

.itws-table th,
.itws-table td {
  border: 1px solid #ddd;
  text-align: left;
}

body div table.itws-table th,
body div table.itws-table td {
  padding: 5px 10px !important;
}

.itws-table th {
  background-color: #f2f2f2;
}

.itws-table-stock {
  border-collapse: collapse;
  width: 200px;
}

.itws-table-stock {
  border-collapse: collapse;
  max-width: 240px;
  width: 100%;
}

.itw-order-editor {
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
}

.itw-order-editor h2 {
  font-size: 1.25rem;
  border-bottom: 1px solid #222;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}

.itw-order-notes ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 240px;
  overflow-y: auto;
}

.itw-order-notes ul li {
  padding: 0.5rem;
  margin: 0 0 0.5rem 0;
  background-color: #f2f2f2;
  border-radius: 0.25rem;
}

.itw-order-notes ul li:nth-child(odd) {
  background-color: #e2e2e2;
}

.itw-order-notes ul li p {
  margin: 0;
}

.itw-order-notes .woocommerce-OrderUpdate-meta {
  display: block;
  font-size: 12px;
  text-align: right;
}

#order-management_wrapper .dataTables_filter label input {
  padding: 2px;
  margin-bottom: 1rem;
}

.itws-max-label {
  color: red;
  font-size: 10px;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center !important;
}

table.dataTable ul.dtr-details {
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .itws-custom-discount .form-group {
    flex-direction: column;
  }
  .itws-custom-discount .form-group label {
    width: 100%;
  }
  .itws-custom-discount .form-group input {
    width: 100%;
  }
  body div table.itws-table th,
  body div table.itws-table td {
    padding: 3px 10px !important;
  }
}
html body .yith-wceop-buttons-layout--minimal-cta {
  height: auto !important;
}

html body .yith-wceop-buttons-layout__container.modified {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

html body .yith-wceop-buttons-layout__container.modified .row {
  width: 100%;
}

html body .yith-wceop-buttons-layout__container.modified .row.input-number {
  display: flex;
  flex-flow: row nowrap;
  gap: 6px;
  align-items: end;
}

html body .yith-wceop-buttons-layout__container.modified .row.input-number label span {
  color: #909090;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.5;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  display: block;
}

html body .yith-wceop-buttons-layout__container.modified .row.input-number input {
  width: 100px;
  border: 1px solid #cecece;
  border-radius: 4px;
  padding-left: 1rem;
  line-height: 22px;
}

html body .yith-wceop-buttons-layout__container.modified .row.input-number .yith-wceop-buttons-layout__buttons {
  margin-left: 0;
}

html body .yith-wceop-buttons-layout__container.modified .row.detailed-item-cart {
  display: flex;
  flex-flow: column;
  background: #efefef;
  border: 1px px solid #cfcfcf;
  padding: 6px;
  border-radius: 6px;
  font-size: 12px;
  color: #4f4f4f;
  text-transform: lowercase;
}

html body .yith-wceop-buttons-layout__container.modified .row.detailed-item-cart .variation {
  margin: 0;
}

html body .yith-wceop-buttons-layout__container.modified .row.detailed-item-cart .variation dt {
  display: none;
}

html body .yith-wceop-buttons-layout__container.modified .row.detailed-item-cart .variation dd {
  padding: 0;
}

html body .yith-wceop-buttons-layout__container.modified .row.detailed-item-cart .product-variation {
  display: flex;
  justify-content: space-between;
}

html body .yith-wceop-cart-widget-list__table .yith-wceop-cart-widget-list__product-controls {
  gap: 8px;
}

html body .yith-wceop-cart-widget-list__table .yith-wceop-quantity-controls__custom_qty {
  width: 54px;
  line-height: 28px;
  padding: 0 6px;
  text-align: center;
  border: 1px solid lightgrey;
  border-radius: 12px;
}

html body .yith-wceop-cart-widget-list__table .yith-wceop-variable-quantity input.yith-wceop-loading {
  background-color: rgba(0, 0, 0, 0.5);
}

html .yith-wceop-qty.yith-wceop-qty--modern.yith-wceop-hidden {
  display: none !important;
}

html body .yith-wceop-table-view-product .show-var-cart-info .yith-wceop-buttons-layout--minimal-cta {
  display: block !important;
}

html body .yith-wceop-table-view-product .hide-input-qty .yith-wceop-buttons-layout--minimal-cta .row.input-number {
  display: none;
}

html body .yith-wceop-table-view-product .hide-input-qty .yith-wceop-buttons-layout--minimal-cta .yith-wceop-button--classic {
  display: none;
}

.yith-wceop-table-view-product:not(.is-opened) .show-var-cart-info .yith-wceop-buttons-layout--minimal-cta .yith-wceop-buttons-layout__container {
  opacity: 1;
}

.yith-wceop-table-view-product:not(.is-opened) .show-var-cart-info .yith-wceop-buttons-layout--minimal-cta .yith-wceop-buttons-layout__container .row.input-number {
  display: none;
}

.yith-wceop-table-view-product:not(.is-opened) .show-var-cart-info .yith-wceop-buttons-layout--minimal-cta .yith-wceop-button--classic {
  position: relative;
}

body.woocommerce-account table.itws-table-simple td {
  padding: 0 !important;
  text-align: left !important;
}

/* body.woocommerce-account table.itws-table thead th {

    background: #000 !important;

    color: #fff !important;

    padding: 0 !important;

}

body.woocommerce-account table.itws-table thead th {

    background: #000 !important;

    color: #fff !important;

    padding: 10px !important;

    font-size: 16px !important;

}

body.woocommerce-account table.itws-table thead th:first-child {

	width: 50%;

} */
.itw-order-editor h2 {
  padding-left: 0;
}

/* table.itws-table.itws-table-total {

    width: 50%;

    margin-left: auto;

}

table.itws-table.itws-table-total th, table.itws-table.itws-table-total td {

    background: #fff;

    border: 0;

    border-bottom: 2px solid #000 !important;

} */
section.itws-order-shipping.woocommerce-customer-details {
  margin-bottom: 0px;
}

section.itws-order-shipping.woocommerce-customer-details .woocommerce-column {
  margin-bottom: 20px;
}

.itws-overflow-auto {
  overflow: auto;
  margin-bottom: 20px;
}

table.itws-table.itws-table-product {
  margin: 0;
}

.product-list {
  border-bottom: 1px solid #ccc; /* Garis pemisah */
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.product-list:last-child {
  border-bottom: none; /* Menghilangkan garis pada item terakhir */
}

/* Gaya untuk kotak form edit harga */
.edit-harga-container {
  margin-top: 10px;
  position: relative;
}
.edit-harga-container input[type=text] {
  padding: 5px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 140px;
}
.edit-harga-container .edit-harga-form__wrapper,
.edit-harga-container .order-product-discount-update-btn {
  display: inline-block;
}
.edit-harga-container .edit-harga-form__wrapper {
  width: 330px;
}
.edit-harga-container .edit-harga-form__wrapper .edit-harga-per-lusin__wrapper,
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-final__wrapper {
  display: flex;
  align-items: center;
}
.edit-harga-container .edit-harga-form__wrapper .edit-harga-per-lusin__wrapper label,
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper label,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-final__wrapper label {
  width: 300px;
}
.edit-harga-container .edit-harga-form__wrapper .edit-harga-per-lusin__wrapper input,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-per-lusin__wrapper span,
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper input,
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper span,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-final__wrapper input,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-final__wrapper span {
  display: inline-block;
}
.edit-harga-container .edit-harga-form__wrapper .edit-harga-per-lusin__wrapper input,
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper input,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-final__wrapper input {
  margin-left: 10px;
  width: 160px;
}
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper,
.edit-harga-container .edit-harga-form__wrapper .edit-harga-final__wrapper {
  margin-top: 10px;
}
.edit-harga-container .edit-harga-form__wrapper .edit-harga__wrapper .input-edit-harga {
  display: flex;
}

.edit-harga-container label {
  margin-right: 10px;
  font-weight: bold;
}

.edit-harga-container button, .itws-custom-discount .form-group-btn button {
  padding: 5px 10px;
  background-color: #D30000 !important;
  border: 1px solid #AD1700 !important;
  border-radius: 5px;
  cursor: pointer;
}

.edit-harga-container button:hover, .itws-custom-discount .form-group-btn button:hover {
  color: #D30000 !important;
  background-color: #ccc !important;
  border: 1px solid #AD1700 !important;
}

.edit-harga-container input[type=text].w-half {
  width: 67px;
}

.edit-harga-container .label-harga-per-lusin {
  margin-right: 1px !important;
}

.order-discount-update-btn {
  width: 100%;
  font-size: 1rem;
  margin-top: 10px;
}

/* Gaya untuk kotak form edit harga yang didisable*/
.edit-harga-container.edit-harga-disabled label {
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
}

.edit-harga-container.edit-harga-disabled input[type=text],
.edit-harga-container.edit-harga-disabled button {
  pointer-events: none;
  opacity: 0.5;
  background-color: #ddd;
  border: 1px solid #ccc;
  user-select: none;
  cursor: not-allowed;
}

.edit-harga-container .or, .edit-harga-container .plus {
  margin: 4px 0px 0 3px;
}

@media (max-width: 768px) {
  .edit-harga-container,
  .edit-harga-container label,
  .edit-harga-container.edit-harga-disabled button {
    display: block;
  }
  .edit-harga-container .input-edit-harga {
    /* display: flex; */
    margin-bottom: 5px;
  }
  .edit-harga-container .or {
    display: block;
    margin-left: 65px;
  }
}
@media (max-width: 768px) {
  table.woocommerce-orders-table-stripe tbody tr:nth-child(even) {
    background-color: #eaeaea !important;
  }
  .itws-custom-discount .subsidi-container .form-group:nth-child(2) label {
    /* display: none; */
    margin-bottom: 10px;
  }
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #eaeaea !important;
}

/*# sourceMappingURL=itws-grosir-public.css.map */