/**

 * 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_length {
}

#order-management_wrapper .dataTables_filter {
}

#order-management_wrapper .dataTables_filter label {
}

#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 {
}

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
  dl {
}

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-buttons-layout__container.modified
  .row.detailed-item-cart
  .product-variation
  .product-quantity {
}

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 {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

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

.edit-harga-container input[type="text"] {
  padding: 5px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 140px;
}

.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: 60px;
}

.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: 0 2.5px 0 1px;
}

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