#order form {
    display: block;
    width: 100%;
}

#order .popup {
    /*display: block;*/
    min-width: 1000px;
    padding: 70px 200px;
    max-height: 100%;
    overflow-y: auto;
}

#order #bx-soa-order {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#bx-soa-properties {
    width: 100%;
}

#order .bx-soa, #order .bx-soa-customer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

#order input {
    width: 100%;
}

#order .form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    align-items: flex-start;

}

#order .soa-property-container {
    width: 100%;
    outline: unset;
}

#order .soa-property-container input {
    padding: 12px 10px;
    border: 1px solid var(--secondary-color-4, #CBCBCB);
    outline: unset;
}

#order .soa-property-container input:focus {
    border: 1px solid var(--black, #CBCBCB);
}

#bx-soa-orderSave {
    width: 100%;
}

#bx-soa-orderSave .btn {
    width: 100%;
}
#order .upload-zone_dragover{
    margin: 0;
    padding-top: 25px;
}

.form-group:has(.tooltip-inner){
    color: var(--secondary-color-1);

}
#order .form-group:has(.tooltip-inner) .bx-soa-customer-input{
    border-color: var(--secondary-color-1);
}
.tooltip{
    display: flex;
    gap: 10px;
}
@media (max-width: 1200px) {
    #order .popup {
        max-width: 670px;
        min-width: fit-content;
        padding: 40px 30px;
    }
    #order .popup .close-btn{
        right: 30px;
        top: 30px;
    }
}