:root {
    --primary: #ced9bd;
}

.add-order-container {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
}

.add-order-container.overlay:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(61 60 60 / 60%);
    left: 0;
    top: 0;
    z-index: 3;

}

.add-order-container h1 {
    font-size: 20px;
    padding: 10px;
}

.add-order-container .tip-comanda-container .label {
    padding: 10px;
}

.add-order-container .tip-comanda-container select {
    margin-left: 10px;
}

.add-order-container .client-details-container .editable-item.first-name,
.add-order-container .client-details-container .editable-item.last-name,
.add-order-container .client-details-container .editable-item.email,
.add-order-container .client-details-container .editable-item.phone {
    max-width: unset;
    width: calc(50% - 20px);
    margin: 0;
}

.add-order-container .billing-details-wrapper:before {
    left: -40px;
}

.add-order-container .form-control {
    padding: 10px;
    height: 36px;
}

.add-order-container .client-details-wrapper .client-details-container .form-control,
.add-order-container .billing-details-wrapper .client-details-container .form-control {
    width: calc(100% - 25px);
    margin: 0;
}

.add-order-container .client-details-container .editable-item .label {
    margin-bottom: 10px;
}

.add-order-container .client-details-wrapper .client-details-container select.form-control,
.add-order-container .billing-details-wrapper .client-details-container select.form-control {
    width: 100%;
}

.add-order-container .billing-details-wrapper .client-details-container .billing-first-name,
.add-order-container .billing-details-wrapper .client-details-container .billing-last-name {
    width: calc(50% - 25px);
}

.add-order-container .billing-details-wrapper .client-details-container .billing-adresa {
    width: calc(100% - 50px);
}

.add-product-container {
    top: unset;
    margin-top: -27px;
}


.btn {
    border-color: transparent;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    font-family: inherit;
    font-weight: 600;
    color: #333;
}

.btn.btn-primary {
    background-color: var(--primary);
}

/* #addproduct */

.add-product-wrapper {
    margin-top: 10px;
}

.add-product-wrapper .gallery-header h2 {
    text-align: left;
}

[data-action=alege-produs-personalizat] {
    font-size: 12px;
    padding: 5px;
    margin: 0;
}

/* .add-product-wrapper .add-product-container {
    float: unset;
    top: unset;
} */


.autocomplete-product-container .lds-ring {
    right: 50px;
}

/* end #addproduct */

.add-order-container [data-viewport=body]:after {
    clear: both;
    content: " ";
    display: block;
}

.add-order-container [data-viewport=footer] {
    text-align: right;
    margin-top: 20px;
    padding: 10px;
    position: relative;
}

.add-order-container [data-viewport=footer] .lds-ring {
    left: unset;
    right: 200px;
}

.autocomplete-product-container {
    min-width: 320px;
}


[data-action=create-order],
[data-action=add-product-to-order] {
    background-color: var(--primary);
}

[data-action=create-order].disabled {
    opacity: .5;
    cursor: not-allowed;
}