.orders-container {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.date-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.header-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.address-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.address-row p, .contact-row p{
    margin-bottom:0px;
}

.contact-row {
    margin-bottom: 0px;
}

.order-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.orders-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.order-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
}

.order-number {
    background-color: #000;
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-name {
    margin: 0px !important;
    flex-grow: 1;
}

.pickup-info {
    margin-top:10px;
    display: flex;
    justify-content: flex-start;
}

.action-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.status-button,
.action-button {
    padding: 8px 15px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    flex: 1;
}

.status-button {
    background-color: #4CAF50;
    color: white;
}

.action-button {
    background-color: #000;
    color: white;
}

.print-all-button {
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}
.modal-content {
    background-color: white;
    margin: 5% auto;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 400px;
    position: relative;
}

.close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #000;
}

.status-option {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
}

.tracking-numbers {
    margin: 20px 0;
}

.number {
    padding: 10px;
    background-color: #f5f5f5;
    margin: 5px 0;
    border-radius: 4px;
}

.action-buttons-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.action-option {
    padding: 10px;
    background-color: #000;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.status-button {
    color: white;
}

@media (max-width: 1024px) {
    .orders-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .orders-grid {
        grid-template-columns: repeat(1, 1fr);
    }
	.reh-ocm-loader-main{
		width: 100% !important;
	}
}

.reh-ocm-loader-main{
	width: 200%;
}
.reh-ocm-loader {
	margin: auto;
	width: 50px !important;
	height: 50px;
	border: 5px solid #f8ecdc;
	border-top: 5px solid #fdbf56;
	border-bottom: 5px solid #fdbf56;
  	border-radius: 50%;
  	animation: reh-ocm-spin 1s linear infinite;
}

@keyframes reh-ocm-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

button.status-button.reh-ocm-status-button-pending,
button.status-button.reh-ocm-status-button-processing ,
button.status-button.reh-ocm-status-button-for-pick-up {
    background-color: #777c78 !important;
}
button.reh-ocm-save,
button.status-button.reh-ocm-status-button-picked-up,
button.status-button.reh-ocm-status-button-completed {
    background: #49b920 !important;
}
button.status-button.reh-ocm-status-button-scheduled-pick-up,
button.status-button.reh-ocm-status-button-rescheduled {
    background: #ab23dc !important;
}
button.status-button.reh-ocm-status-button-cancelled {
    background: #dc2439 !important;
}
button.status-button.reh-ocm-status-button-added-box {
    background: #dc8024 !important;
}
button.reh-ocm-back,
button.status-button.reh-ocm-status-button-removed-box {
    background: #000000 !important;
}
.reh-ocm-row {
    padding: 0 8% 18px;
}
.reh-ocm-row h3 {
    font-size: 20px;
	color: #727272;
}
.reh-ocm-row input {
    width: 100%;
}
button.status-option.reh-ocm-back {
    width: 30%;
    display: inline;
}
button.status-option.reh-ocm-save {
    width: 68%;
    display: inline;
}
div#reh-ocm-popup h2 {
    font-size: 34px;
    text-align: center;
    color: #727272;
	margin: 0;
}
button.status-button.reh-ocm-status-button.reh-ocm-status-button-reh-ocm-added-box {
    background: #dc8024 !important;
}
button.status-button.reh-ocm-status-button.reh-ocm-status-button-reh-ocm-removebox {
    background: #000000 !important;
}
.reh-ocm-orders-grid.orders-grid {
    margin-top: 50px;
}
.reh-order-number{
	cursor: pointer;
}

button.status-option.reh-order-priority-no-active,
button.status-option.reh-order-priority-no {
    background: #777c78;
    font-weight: 600;
    width: 32%;
    display: inline;
}
button.status-option.active {
	color: #fff !important;
    background: green !important;
}
h2.reh-order-number-h2 {
    font-size: 26px !important;
    margin-bottom: 16px !important;
}
.reh-order-number-main {
    max-height: 300px;
    overflow: scroll;
}
button.status-option.reh-order-priority-no-active {
    border: 2px solid #777c78;
    color: #777c78;
    background: #fff;
}
.reh-pickup-row .reh-pickup-single-cb {
    width: 25% !important;
    display: inline-block;
}
.reh-pickup-row .reh-pickup-single-cb:first-child {
/*     width: 25% !important; */
/*     display: inline-block; */
}
.reh-pickup-row .reh-pickup-single-cb:nth-child(2) {
/*     width: 30%; */
/*     display: inline-block; */
}
.reh-pickup-row .reh-pickup-single-cb:nth-child(3) {
/*     width: 42%; */
/*     display: inline-block; */
}
.reh-single-taxable ,
.reh-pickup-single-cb {
	/* border: 1px solid #a09e9e; */
	padding: 6px 0px;
	cursor: pointer;
}
.reh-pickup-cb-main {
    width: 100%;
    max-width: 308px !important;
    margin: auto;
}
.reh-pickup-taxable {
    display: block;
}
.reh-pickup-taxable .reh-single-taxable {
    width: 36%;
    display: inline-block;
}
.reh-pickup-taxable .reh-single-taxable:first-child {
	width: 60%;
}
.reh-pickup-taxable .reh-single-taxable input[type="radio"] {
    width: fit-content !important;
}
textarea.reh_ocm_boxed_picked_up {
    width: 100%;
}
.reh-pickup-payment-method {
    margin-top: 10px !important;
}
.reh-df-right input {
    width: 100%;
}
.reh-box-content-row {
    width: 100%;
}
.reh-box-content-row div {
    width: 48%;
    display: inline-block;
    padding: 8px;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    margin: 4px 2px;
}
.reh-box-content-new-row {
    width: 100%;
    padding: 8px;
    margin-bottom: 5px;
}

.reh-all-box-contents div {
    width: 100%;
    padding: 4px 0;
}

.reh-all-box-contents div input {
    width: 84%;
}
.reh-box-content-new-row {
    width: 100%;
    padding: 10px;
}

.reh-all-box-contents {
    padding: 4px;
}

.reh-all-box-contents div {
    padding: 4px;
    border-bottom: 1px solid #cfcfcf;
}

.reh-all-box-contents div input {
    width: 90%;
}

.reh-all-box-contents div span {
    font-size: 26px;
    float: right;
	cursor: pointer;
}
.reh-df-agree ,
.reh-df-sign ,
.reh-df-tax-insurance ,
.reh-df-box-content{
	display: none;
}
.reh-df-tax-insurance h3 {
    font-size: 16px !important;
}
.reh-df-tax-insurance span {
    font-size: 12px;
}
.reh-tax-ins-allow.disabled {
    pointer-events: none; 
    opacity: 0.5;
}
.reh-df-final-loading {
	display: none;
	min-height: 300px;
}
.modal-content {
    max-height: 620px;
    overflow: scroll;
}
.reh-df-row div {
    width: 48%;
    display: inline-block;
}
.reh-df-row select {
    width: 100%;
    height: 40px;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    padding: 0 14px;
}