@import "add-to-quote.css";
@import "send-quote.css";
@import "custom-product-style.css";
@import "custom-attribute-style.css";
@import "ss-new-quote-style.css";

.ss-my-quotes-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.ss-quote-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ss-quote-col input, .ss-quote-col textarea {
    width: 100%;
}

.ss-quote-version {
    width: 100%;
}
select.ss-quote-select {
    width: 100%;
    padding: 5px 0 5px 0;
}

.col-30 {
    width: 30%;
}

.col-70 {
    width: 70%;
}

.ss-quote-header {
    display: flex;
    justify-content: end;
}

.ss-quote-close {
    display: inline-block;
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.ss-quote-row {
    margin-bottom: 5px;
}

.ss-quote-row.invalid {
    color: #ff0000;
}

.ss-quote-row.invalid input {
    border-color: #ff0000;
}

.ss-quote-row textarea {
    height: 150px;
}

.ss-custom-price-field {
    margin-top: 20px;
    padding: 10px;
    background-color: #000000;
    color: #ffffff;
}

#display_custom_price {
    width: auto!important;
    color: #000;
}

.ss-quote-btn.disabled {
    cursor: not-allowed!important;
    background-color: #acacac!important;
}

.ss-quote-btn.disabled:after {
    animation: spinner .75s linear infinite;
    border: 3px solid #283033;
    border-top-color: #fd7e14;
    border-bottom-color: #fd7e14;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    z-index: 3;
}


.sortable tbody tr.sort-row {
    cursor: move;
}