.h3_title {
    color: #000000;
}

.quote-list {
    width: 100%;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

#js-update-project-btn{
    margin-top: 0;
}

.quote-list-header, .quote-list-footer, .quote-item__info {
    display: grid;
    grid-template-columns: minmax(142px, 15%) auto minmax(125px, 13%) minmax(125px, 13%) minmax(125px, 13%);
    grid-auto-rows: minmax(min-content, max-content);
    width: 100%;
    grid-column-gap: 0;
    justify-items: stretch;
    box-sizing: border-box;
}

.loaderExpDate{
    display: none;
    width: 20px;
    margin-right: 50px;
    margin-top: 10px
}

.quantity-block-wrapper .qty-wrapper {
    justify-content: center;
    margin-top: 17px;
    width: 100%;
}

.quote-list-header.four_column, .quote-list-footer.four_column, .quote-item__info.four_column {
    grid-template-columns: minmax(142px, 15%) auto minmax(132px, 12%) minmax(104px, 12%);
}

.quote-list-header {
    border-bottom: 3px double #000;
    border-bottom: 1px solid #000;
    border-left: none;
    border-right: none;
}

.quote-item__info {
    z-index: 20;
    position: relative;
    padding-bottom: 0;
}

.quote-list-header__item {
    background: #fff;
    border-right: none;
    text-align: center;
    padding: 15px 35px 5px 0;
    box-sizing: border-box;
    color: #000000;
    font: 500 18px/23px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.quote-list-item__pn,
.quote-list-item__pn .quote-list-item__item-generated-pn  {
    text-align: center;
}

.quote-list-item__pn .quote-list-item__item-generated-pn span {
    font-size: 18px;
    text-align: left;
}
.quote-list-header__item-descr {
    text-align: left;
}

.quote-list-header__item-qty {
    padding-right: 0;
    padding-left: 26px;
    text-align: left;
}

.quote-list-header__item-list-price, .quote-list-header__item-net-price {
    padding-right: 40px;
    text-align: right;
}


.quote-list-footer__item {
    padding: 14px 40px 16px 0;
    font-weight: 500;
    font-size: 18px;
    box-sizing: border-box;
}

.quote-list-footer__item-subtotal {
    text-align: right;
    padding-right: 25px;
}

.quote-list-item {
    padding: 0;
    overflow: hidden;
    position: relative;
    border-top: 2px solid #fff;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


.quote-list-item.item_separation {
    border-top: 2px solid #000 ;
}

.series_start.quote-list-item {
    border-top: 1px solid #000;
}

.quote-list-item__item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
    padding: 5px 30px 15px 0;
    box-sizing: border-box;
}

.quote-list-item__no {
    padding: 15px 15px 0 0;
}

.quote-list-item__pn {
    padding-right: 0;
}

.quote-list-item__veneer-note {
    width: 100%;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 24px;
    background-color: #f8f8f8;
    box-sizing: border-box;
}

.quote-list-item__shipping-note {
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;

}

.shipping-delay {
    color: var(--default_color_var);
}

.quote-list-item__list-price, .quote-list-item__net-price, .quote-item-option__list-price, .quote-item-option__net-price {
    font-size: 15px;
}

.quote-list-item__item-img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.quote-list-item__descr {
    width: 100%;
    padding-left: 15px;
    text-align: left;
}

.quote-list-item__item-generated-pn {
    color: #000000;
    width: 100%;
    font-weight: 400;
    margin-top: 12px;
    box-sizing: border-box;
    font-size: 14px;
}

.quote-list-item__item-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #000000;
}

.quote-list-item__item-weight {
    display: none;
}

.quote-list-item__item-generated-descr {
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
    margin-top: 10px;
}

.quote-list-item__item-quote-note {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.quote-item-qty {
    width: 45px;
    height: 45px;
    padding: 14px 0 14px 2px;
    text-align: center;
    margin: 5px 15px 0 15px;
    box-sizing: border-box;
    outline: none;
    color: var(--default_color_var);
    border: 1px solid var(--default_color_var);
    font: 500 24px/45px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.quote-list-item__qty {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}

.quote-list-item__qty span {
    font-size: 12px;
    color: #b8b8b8;
}

.quote-item-delete-wrp {
    text-align: center;
    margin: 10px auto 0;
    z-index: 100;
    position: absolute;
    right: 2px;
    top: 8px;
}

.quote-item-delete, .quote-item-delete:visited {
    text-decoration: none;
    margin: 10px auto 0 auto;
    font-size: 14px;
    color: #4789f6;
}

.quote-item-delete:hover {
    border-bottom: 1px dashed #4789f6;
}

.quote-item-delete i {
    font-size: 21px;
    color: var(--default_color_var);
    margin-top: 9px;
}

.quote-list-item__item-options {
    margin-top: 10px;
}

.quote-item__options-table-wrp {
    width: 100%;
    box-sizing: border-box;
    z-index:10;
    margin-bottom: 0;

}
.Buttons-Wrap .Button-Configure.disabled{
    background-color: #c7c7c7 ;
    border-color: #c7c7c7;
}

.Buttons-Wrap .Button-Configure.disabled:before{
    background-color: #c7c7c7 ;
}

.Buttons-Wrap .Button-Configure.disabled:hover{
    color: #c7c7c7 ;
}

.quote-options-table {
    box-sizing: border-box;
    width: 100%;
    padding-top: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.quote-options-table__item {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(142px, 15%) auto minmax(125px, 13%) minmax(125px, 13%) minmax(125px, 13%);
    box-sizing: border-box;
}

.hide_net_price_css .quote-options-table__item {
    grid-template-columns: minmax(142px, 15%) auto minmax(125px, 13%) minmax(125px, 13%);
}

.new-group {
    height: 1px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: calc(15% + 0px);
    border-top: 1px solid #000;
}

.quote-options-table__item:hover .quote-options-item:not(.quote-options-item__pn) {
    background-color: #fff;
}

.options-table__blank-row {
    height: 35px;
}

.options-table__blank-row .quote-options-item {
    border-bottom: none;
}

.quote-options-item {
    box-sizing: border-box;
    border: unset;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    border: unset;
    color: #000000;
}

.quote-options-item b {
    color:  #989898;
    font-weight: 500;
}

.quote-options-item__pn {
    text-align: right;
    font-weight: 500;
    font-size: 14px;
}

.quote-options-item__title {
    box-sizing: border-box;
    padding-left: 0;
    margin-left: 0;
    font-size:18px;
    margin-top: 10px;
    display: flex;
}

.quote-options-item__list-price {
    text-align: right;
    padding-right: 40px;
}

.quote-options-item__net-price {
    text-align: right;
    padding-right: 40px;
}

.quote-options-item__option-title {
    min-width: 150px;
}

.quote-number-label {
    color: #000000;
    font: 500 26px/30px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.quote-header-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 0;
    margin-top: -37px;
    margin-bottom: 15px;
    width: 100%;

}

.quote-header-wrap .quote-number-label {
    padding: 0;
    margin: 0;
}

.quote-header {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: space-between;
}

.quote-header {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: space-between;
}

.quote-header.discount {
    margin-bottom: 6px;
}

.quote-cust-detail-wrp {
    height: auto;
    width: 350px;
    padding: 0 14px;
}

.quote-info__input {
    background: #f1f2f5;
    color: #454546;
    border: 1px solid #c2c2c2;
    padding: 6px 8px;
    font-size: 15px;
}

.quote-info__input.custom_salerep_name {
    margin-bottom: 20px;
}

/* quote view - header START */
.quote-block {
    width: calc(33% - 20px);
    min-width: 220px;
    margin-right: 20px;
}

.quote-block__sale-rep .quote-block__item {
    font: normal 18px/25px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;

}

.quote-block__item {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    position: relative;
    color: #000000;
    font: normal 18px/25px mr-eaves-xl-modern, sans-serif;
    font-size: 16px;
    word-break: break-word;
}

.quote-block__quote-info .quote-block__item {
    text-align: left;
    padding-right: 0;
}

.quote-block__custom-info .quote-block__item-title {
    width: 65%;
    box-sizing: border-box;
    padding-right: 10px;
    text-align: right;
}

.quote-block__custom-info .quote-block__item-value {
    width: 50%;
    box-sizing: border-box;
    text-align: left;
}

.quote-block__item.contact_name {

}

.quote-block__item-title {
    padding-right: 4px;
    display: inline-block;
    color: #000000;
    font: 500 18px/28px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.item-title__expired-days {
    padding-right: 0;
}

.quote-block__discount {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    width: 100%;
}

.quote-block__item.user-discount .quote-block__item-title{
    font-weight: 500;
    color: var(--default_color_var);
    font-size: 15px;
    line-height: 15px;
    text-align: right;
    width: 100%;
}

.quote-block__item.gsa-discount .quote-block__item-title{
    font-weight: 500;
    color: #01467c;
    font-size: 15px;
    text-align: right;
    width: 100%;
}

.add-cust-info-link {
    color: var(--default_color_var);
    text-decoration: none;
    margin-left: 20px;
    font: normal 16px/24px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    word-break: normal;
}

.add-cust-info-link:hover {
    border-bottom: 1px dashed #329bf4;
    text-decoration: none;
    height: 20px;
}

/* quote view - header END */

.shipping-total__price {
    position: relative;
    text-align: right;
    padding-right: 42px;
    color: #000000;
    font: 500 18px/23px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.shipping-total__freight-options {
    padding-top: 6px;
}

.quote__gsa-logo {
    margin: 0 auto;
    width: 60px;
    height: 60px;
}

/* quote view - footer*/
.quote-footer {
    display: flex;
    width: 100%;
    justify-items: flex-start;
    margin-bottom: 20px;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    z-index: 2;
}

/*notes block*/
.quote-notes {
    box-sizing: border-box;
    padding-top: 17px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    width: 600px;
    z-index: 10;
}

.quote-notes-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.quote-notes h4 {
    margin: 0;
    font-weight: 500;
    width: 100%;
    line-height: 26px;
    font-size: 18px;
    padding-bottom: 16px;
    padding-top: 14px;
}

.quote-notes__textarea {
    width: 100%;
    background: #fff;
    border: 1px solid var(--default_color_var);
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 18px;
    box-sizing: border-box;
    margin-bottom: 14px;
    min-height: 60px;
    padding: 10px 12px;
    resize: none;
}

.quote-notes__textarea::placeholder {
    text-transform: none;
    font-size: 16px;
    color: var(--default_color_var);
}

.quote-action-link.js-save-quote-notes {
    margin-left: auto;
}

.quote-button.quote-button__save-notes {
    width: 67px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 0;
    height: 28px;
    text-align: center;
    padding: 2px 10px;
}

#quote_print_popup  .cancel-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

.quote-button.quote-button__save-notes.disabled:after {
    background-color: #dedede;
}

/*shipping block*/
.shipping-info {
    width: 60%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.shipping-address-wrp {
    display: grid;
    grid-template-columns: 52% 48%;
    width: 100%;
    grid-column-gap: 0;
    justify-items: stretch;
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d7d7;
    box-sizing: border-box;
}

.shipping-address__item {
    display: inline-block;
    width: 100%;
    font: normal 18px/25px mr-eaves-xl-modern, sans-serif;
    padding: 0;
    box-sizing: border-box;
    color: #000000;
    font-size: 16px;
    word-break: break-word;
}

.shipping-address-item__item {
    margin-bottom: 8px;
    font: normal 18px/28px mr-eaves-xl-modern, sans-serif;
    font-weight: 400;
}

.shipping-address-item__item.checked, .shipping-address-item__item:hover {
    color: var(--default_color_var)
}
.shipping-address__item input {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.shippingselect {
    font-size: 16px;
    color: #63676b;
    font-weight: 500;
    padding: 15px 0 15px 0;
}

.shipping-options-select {
    width: 100%;
}

.shipping-options-help {
    padding: 0;
}

.shipping-total {
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 10px;

    box-sizing: border-box;
}

.shipping-total__item {
    display: grid;
    grid-template-columns: 80% 20%;
    width: 100%;
    grid-column-gap: 0;
    justify-items: flex-end;
    line-height: 22px;
    font-weight: 500;
    margin-top: 12px;
}

.shipping-total__title {
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    color: #000000;
    padding-right: calc(20% + 20px);
    font: 500 18px/23px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.shipping-total__item-shipping-message .shipping-total__title {
    font-size: 12px;
    color: var(--default_color_var);
    line-height: 12px;
    justify-content: flex-start;
}

.shipping-total__item-shipping-message .shipping-total__price {
    padding-right: 40px;
    padding-left: 10px;
    font-size: 12px;
    color: var(--default_color_var);
    line-height: 12px;
}

.shipping-total__title p {
    margin-top: 4px;
    margin-bottom: 4px;
}

.shipping-total__title p.title-label {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.shipping-total__title p.option-label {
    font-size: 16px;
}

.shipping-address-info {
    padding-left: 0;
}

.shipping-address-info strong, .shipping-address-info b{
    font-weight: 500;
}

.quote-total-price {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
    grid-column-gap: 0;
    justify-items: stretch;
    padding-bottom: 15px;
    padding-top: 3px;
}

.quote-total-price__title {
    letter-spacing: -0.25px;
    text-align: right;
    font: 500 18px/23px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.quote-total-price__value {
    padding-right: 42px;
    text-align: right;
    font: 500 18px/23px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.recalculate_btn {
    cursor: pointer;
}

.quote-total-price__value.net-price-label {
    padding-right: 0;
}

/* quote view - footer END*/

/* quote buttons */
.quote-button {
    padding: 3px 18px 2px 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid var(--default_color_var);
    text-decoration: none;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    transition:color 0.5s ease-in-out;
    border-radius: 0;
    color: var(--default_color_var);
    height: 39px;
    box-sizing: border-box;
}

.quote-footnotes-btns .quote-buttons a:after{
    border-color: var(--default_color_var) transparent transparent transparent;
}



.quote-button:hover, .quote-button:focus, .quote-button:active{
    color: white;
    text-decoration: none;
}


.quote-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
}

.quote-buttons .quote-button {
    margin-bottom: 30px;
    font-size: 17px;
}

.quote-buttons > .quote-button:last-child {
    margin-right: 0;
}

.quote-button__share {
    padding: 3px 18px 2px 18px;
    display: block;
    position: relative;

}
.quote-button__share:active, .quote-button__share:focus, .quote-button__share:hover {
    color: var(--default_color_var) ;
    background-color: #fff;
    border-color: var(--default_color_var);
}

.quote-button__share.clicked {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.quote-button__checkout{
    border: 1px solid var(--default_color_var);
    color: var(--default_color_var);
    padding: 2px 36px;
}

.quote-button__checkout:hover {
    color: #fff;
}

.quote-button__checkout:after {
    background-color: #fff;
}

.quote-button__checkout:before {
    background-color: var(--default_color_var);
}

.quote-button__save-project-number, .quote-button__save-project-number:hover{
    color: white;
    background: #c41230;
    border: 1px solid #c41230;
}

.quote-button__popup {
    text-decoration: none;
    text-transform: uppercase;
}

.quote-button__popup:hover {
    text-decoration: underline;
}

/* quote buttons END */

.quote-list-item__qty .price-block-wrapper  {
    display: none;
}

.quote-share-menu {
    background: #fff;
    position: absolute;
    bottom: 52px;
    left: 0;
    right: 0;
    border: 1px solid var(--default_color_var);
    padding: 9px 0;
    display: none;
    box-sizing: border-box;
    color: var(--default_color_var);
    margin-right: 15px;
}

.quote-share-menu.show {
    display: block;
}

.quote-share-menu__item, .quote-share-menu__item:hover, .quote-share-menu__item:visited {
    list-style: none;
    float: left;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid white;
    margin-right: 0;
    box-sizing: border-box;
    color: var(--default_color_var);
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
    /*padding-left: 32px;*/
}

.quote-share-menu__item {
    padding-left: 23px;
}

.quote-share-menu__item:hover {
    text-decoration: underline;
}

.wait-icon {
    margin-right: 16px;
}

.qty-mobile-label {
    display: none;
}

.quote-button__share-wrp {
    position: relative;
}

@media all and (max-width: 1150px) {
    .quote-list .quote-list-header, .quote-list-item  .quote-item__info {
        grid-template-columns: minmax(3%, 3%)
        minmax(12%, 10%)
        minmax(18%, 22%)
        minmax(26%, 28%)
        minmax(11%, 10%)
        minmax(10%, 11%)
        minmax(10%, 7%);
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
    }
    .quote-list-items .quote-list-item div{
        padding-right: 0;
    }
    .quote-item__info  .quote-list-item__descr{
        padding-right: 0;
    }
    .quote-item__info  .quote-list-item__descr div{
        width: 100%;
    }
    .quote-list .quote-list-header div{
    padding-right: 0;
    }
}

@media screen and (max-width: 430px) {
    span.qty-mobile-label {
        display: inline-block ;
        color: #707070;
        font-weight: 500;
        font-size: 20px;
    }

    .quote-number-label {
        display: none;
    }

    .breadcrumbs ul li.current a {
        color: #000000;
        font-size: 26px;
    }

    .quote-list-header {
        display: none;
    }

    .quote-item__info {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        height: unset;
        max-height: unset;
    }

    .quote-item__options-table-wrp {
        margin-top: 0;
    }

    .quote-options-table__item {
        width: 100%;
        display: grid;
        grid-template-columns: auto minmax(104px, 8%);
    }

    .quote-options-item__pn {
        display: none;
    }

    .quote-options-item__qty {
        display: none;
    }

    .quote-options-item__list-price {
        display: none;
    }

    .quote-list-item__descr {
        padding-top: 0;
        text-align: center;
    }

    .quote-list-item {
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
    }

    .quote-list-item__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .quote-list-item__item-pn {
        display: none;
    }

    .quote-list-item__item-title {
        margin-bottom: 14px;
        font-size: 26px;
    }

    .quote-list-item__item-generated-pn, .quote-list-item__item-weight {
        display: block;
        color: #000000;
        font-size: 14px;
    }

    .quote-list-item__item-generated-pn span, .quote-list-item__item-weight span {
        color: var(--default_color_var);
    }

    .quote-list-item__item-generated-descr {
        margin-top: 10px;
    }

    .quote-list-item__list-price, .quote-list-item__net-price {
        display: none;
    }

    .quote-options-table {
        margin-bottom: 22px;
    }

    .options-table__blank-row {
        height: 25px;
    }

    .quote-list-footer {
        width: 100%;
        display: grid;
        grid-template-columns: auto minmax(140px, 8%);
    }

    .quote-list-item__veneer-note {
        background-color: #fff;
        line-height: 14px;
    }

    .quote-list-footer__item-subtotal-blank, .quote-list-footer__item-subtotal-list-price {
        display: none;
    }

    .quote-footer {
        grid-template-columns: 100%;
    }

    .quote-notes {
        display: none;
    }

    .quote-button__my-quotes-list {
        display: none;
    }

    .quote-buttons {
        justify-content: center;
    }

    .shipping-address-item__item, .shipping-options__item {
        font-size: 11px;
    }

    .shipping-options-select {
        padding-left: 16px;
    }

    .shipping-options-wrp {
        grid-template-columns: 60% 40%;
        border: 1px solid #d6d7d7;
        border-bottom: none;
        padding-top: 30px;
        padding-bottom: 22px;
        margin-bottom: 0;
        background-color: #f3f3f3;
    }

    .shipping-address-wrp {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        border: 1px solid #d6d7d7;
        border-bottom: none;
        margin-bottom: 0;
        background-color: #f3f3f3;
    }

    .shipping-total {
        border: 1px solid #d6d7d7;
        padding-top: 8px;
        padding-bottom: 20px;
        background-color: #f3f3f3;
    }

    .shipping-address__item {
        padding: 0 0 0 80px;
        text-align: left;
    }

    .shipping-address-info {
        text-align: center;
    }

    .shippingselect {
        text-align: center;
    }

    .shipping-address-item__item {
        padding-left: 25%;
    }

    .quote-list-item__qty span, .quote-item-delete-wrp {
        display: none;
    }

    .quote-list-item__qty .price-block-wrapper {
        border: 1px solid #d9d9d9;
        padding: 10px 0 0 20px;
        margin-top: 0;
        display: grid;
        grid-template-columns: 25% 35% 35%;
        text-transform: uppercase;
        font-size: 14px;
        box-sizing: border-box;
        width: 100%;
    }

    .unit-title, .total-title {
        color: #000000;
        padding-bottom: 26px;
        text-align: right;
        padding-right: 20px;
    }

    .price-block-wrapper .list-price-title {
        text-align: left;
        color: #757575;
    }

    .price-block-wrapper .net-price-title {
        text-align: left;
    }

    .price-block-wrapper .list_price_unit_value, .price-block-wrapper .list_price_total_value {
        text-align: right;
        padding-bottom: 12px;
        color: #000000;
        font-size: 14px;
        padding-right: 20px;
    }

    .price-block-wrapper .net_price_unit_value, .price-block-wrapper .net_price_total_value {
        text-align: right;
        padding-bottom: 14px;
        font-size: 14px;
        padding-right: 20px;
    }


    .quote-list-item__qty .quantity-block-wrapper {
        grid-column-start: 1;
        grid-column-end: 4;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .quantity-block-wrapper .qty-wrapper {
        justify-content: flex-start;
        margin-top: 0px;
        width: 20px;
    }

    .quote-item-qty {
        margin: 0 30px;
        font-size: 26px;
        margin-top: 1px;
    }

    .qty-label {
        color: #939393;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        box-sizing: border-box;
        text-align: right;
        padding-top: 10px;
        padding-right: 20px;
    }

    .qty-wrapper {
        box-sizing: border-box;

    }

    .qty-input {
        text-align: center;
        background: #fff;
        color: #939393;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        margin-top: 0;
        height: 30px;
        width: 45px;
        font-size: 16px;
    }

    .shipping-info {
        background-color: #fff;
        width: 100%;
    }

    .quote-share-menu {
        width: 105px;
        right: 109px;
    }

    .quote-share-menu__item, .quote-share-menu__item:hover, .quote-share-menu__item:visited {
        list-style: none;
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        border-bottom: 1px solid white;
        margin-right: 0;
        box-sizing: border-box;
        text-decoration: none;
        font-size: 14px;
        padding-left: 16px;
    }

    #wrap_form2 {
        width: 100%;
    }

    #wrap_form4 {
        width: 100%;
    }

    .quote-button__checkout, .quote-button__share {
        padding: 4px 15px;
    }

    .quote-content-wrp .quote-buttons .quote-button {
        max-width: 30%;
    }

    .quote-content-wrp .quote-buttons .quote-button.quote-button__share {
        max-width: none;
        width: 105px;
    }

    .quote-buttons .quote-button {
        font-size: 14px;
        text-align: center;
        color: #000000;
    }

    .quote-buttons .quote-button.quote-button__share {
        color: #ffffff;
    }

    .quote-buttons .quote-button__print-order {
        font-size: 15px;
        width: 100px;
    }

    .selectric-shipping-options-select .selectric {
        display: none;
    }

    .selectric-shipping-options-select .selectric-items {
        display: block;
        position: unset;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .selectric-hide-select.selectric-is-native {
        display: none;
    }

}

@media screen and (max-width: 320px) {
    .shipping-options-wrp {
        grid-template-columns: 100%;
    }

    .quote-share-menu {
        width: calc(100% - 15px);
    }

    .quote-content-wrp .quote-buttons .quote-button {
        max-width: none;
        width: min-content;
    }
}

/* template classes should be always on the end*/
.list-price-label {
    text-align: right;
    color: #000000;
}

.net-price-label {
    color: #000000;
    text-align: right;


}

.qty-price-label {
    font-weight: 500;
    font-size: 18px;
    margin-top: 13px;

}

.single-price-label {
    font-weight: 400;
    font-size: 16px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 13px;
}

.quote-options-table__item  .single-price-label {
    font-weight: 400;
    font-size: 16px;
}

/* template classes end*/




.quote-info-popup h3 {
    text-align: center;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
}

.quote-info-popup input {
    color: #585858;
    text-transform: none;
    outline: none;
    font-size: 15px;
    line-height: 30px;
    padding: 0 15px;
    height: 33px;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #c1c1c2;
    width: 255px;
}

.quote-info-popup input[disabled] {
    background-color: #dedede;
}

.quote-info-popup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #585858;
    opacity: 1; /* Firefox */
}

.quote-info-popup input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #585858;
}

.quote-info-popup input::-ms-input-placeholder { /* Microsoft Edge */
    color: #585858;
}
.j-modal__wrap .cancel-wrapper #update_quote_expired_popup_btn{
    pointer-events: initial;
}

.quote-info-popup input[type='radio'] {
    width: 20px;
    height: 20px;
    margin-right: 14px;
    margin-bottom: 10px;
    border: none;
    background-color: transparent;
}

.quote-print-label {
    font-size: 18px;
    line-height: 26px;
    display: flex;
    width: 100%;
}

.quote-info-popup .btn {
    padding-right: 20px;
    padding-left: 20px;
    line-height: 24px;
    font-size: 16px;
}
.j-modal .btn:hover {text-decoration: none}
.quote-info-popup .quote-button__save-project-number {
    margin-right: 10px;
    display: inline-block;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: var(--default_color_var);
    border: 1px solid var(--default_color_var);
    padding: 7px 20px 7px 20px;
    background-position: center right;
    text-transform: capitalize;
    cursor: pointer;
    transition: .3s;
    position: relative;
    line-height: 24px;
}

.quote-info-popup .cancel-modal-btn {
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    padding: 7px 20px 7px 20px;
    background-position: center right;
}

.j-modal__wrap .cancel-wrapper #js-quote-print-btn{
    text-transform: none;
}
.quote-info-popup .quote-button__save-project-number:hover {
    color: var(--default_color_var);
    background-color: #fff;
}

/*.quote-info-popup .quote-button__save-project-number:hover {*/
/*    background-color: #fff;*/
/*    border: 1px solid #00a9ce;*/
/*    border-color: #00a9ce;*/
/*    transition: .3s;*/
/*}*/
.quote-info-popup .quote-button__save-project-number:after {
    border-color: #fff transparent transparent transparent;
}

.quote-info-popup p {
    text-align: left;
    padding-left: 27px;
    padding-right: 27px;
}

/* Add project Number Modal */
#quote_project_popup .j-modal__content, #update_quote_expired_popup .j-modal__content {
    width: 354px;
}
#quote_project_popup   p, #update_quote_expired_popup   p {
    font: normal 14px/18px mr-eaves-xl-modern, sans-serif;
    color: #63676b;
}
#quote_project_popup   p b, #update_quote_expired_popup   p b {
    color: #63676b;
    font-weight: 500;
}
#quote_project_popup h3, #update_quote_expired_popup h3 {
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 500;
    margin: 10px 0 0 0;
}
#quote_project_popup input, #update_quote_expired_popup input {margin-bottom: 15px;}
#quote_project_popup input#project_number {margin-bottom: 5px;}
#quote_project_popup input#custom_salerep_name {margin-bottom: -5px;}

.quote-block__billing-address  .h3_title,
.quote-block__shipping-address  .h3_title,
.quote-block__custom-info .h3_title,
.quote-block__sale-rep  .h3_title  {
    color: #000000;
    font: 500 18px/28px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    margin:  0 0 10px 0;
    text-align: left;
    width: 100%;
}

.quote-block__billing-address  .h3_title a,
.quote-block__shipping-address  .h3_title a,
.quote-block__custom-info .h3_title a {
    color: var(--default_color_var);

    font: normal 16px/28px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    cursor: pointer;
    margin-left: 20px;
}
.quote-block__shipping-address .h3_title a:hover {border-bottom: 1px dashed #329bf4;
    text-decoration: none;}

.quote-block__custom-info .h3_title_wrap {
    display: flex;
    margin-bottom: 10px;
    align-content: center;
}
.quote-block__custom-info .h3_title_wrap .h3_title {
    padding: 0;
    margin: 0 auto;
    text-align: right;
}

.add-cust-info-link, .update_quote_expired_btn {
    padding: 0;
    margin-top: 2px;
    margin-left: 30px;
    font-size: 16px;
    word-break: normal;
}
.update_quote_expired_btn  {
    margin-top: 0;
}
.quantity-block-wrapper {
    margin-top: -7px;
}

#quote_change_shipping_address_popup .j-modal__wrap,
#quote_change_shipping_address_popup .j-modal__content,
#update_billing_address  .j-modal__content {
    min-width: auto;
}

#quote_change_shipping_address_popup .j-modal__wrap,
#quote_change_shipping_address_popup .j-modal__content {
    max-height: calc(100% - 85px);
}

#quote_change_shipping_address_popup .j-modal__wrap.without_maxheight,
#quote_change_shipping_address_popup .j-modal__content.without_maxheight {
    max-height: none;
}

#update_billing_address  .j-modal__content{padding: 40px 20px;}
#quote-existing_shipping_addresses, .quote-existing_shipping_addresses {
    display: flex;
    justify-content: space-evenly;
    overflow-y: auto;
    max-height: calc(100vh - 548px);
}

#quote_project_details_popup .new-address_wrap .Button-Details{
    width: 160px;
    margin-top: 5px;
}

#quote_project_details_popup  .new-address_wrap {
    display: flex;
    margin-bottom: 10px;
}

#quote_project_details_popup  .after-btn-text {
    padding-bottom: 12px;
}

#quote_project_details_popup  .cancel-wrapper {
    padding-bottom: 0;
}

#quote_project_details_popup  .cancel-wrapper a{
    text-transform: capitalize;
}

#update_quote_project_number #quote-existing_shipping_addresses {
    max-height: 30vh;
}

#quote-existing_shipping_addresses, .quote-existing_shipping_addresses {
    max-height: 40vh;
}

#update_quote_project_number .Items-Wrap   {
    min-height: 130px;
}

#update_quote_project_number .Items-Wrap:empty   {
    min-height: 0;
}

#quote-existing_shipping_addresses .Items-Wrap , .quote-existing_shipping_addresses .Items-Wrap   {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: flex-start;
    width: 100%;
}
.Address-Item-Wrap {
    padding: 20px 20px 20px 52px ;
    border-radius: 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}
#myaccount-wrp .Address-Item-Wrap {
    padding: 20px 37px 20px 20px;
    width: 100%;
}

#myaccount-wrp .Address-Items-Wrap:hover {background: #f2f2f2; cursor: default;}

.Address-Item-Wrap.active {
    background: #fff;
    border: 1px solid var(--default_color_var);
    padding: 30px 20px 20px 56px;
    border-left: 5px solid var(--default_color_var);
    box-shadow: 1px 1px 1px rgba(0,0,0,.08);
}
.Address-Item-Wrap.active:before {content: ""; height: 100%; position: absolute; margin-left: -20px;   }

.j-modal .j-modal__wrap .Address-Items-Wrap  {
    border: 1px solid  #bebebe;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
    width: calc(50% - 10px);
    position: relative;
}
.Address-Items-Wrap  {
    border: 1px solid  #bebebe;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
    width: calc(50% - 10px);
    position: relative;
}

.Address-Items-Wrap .CheckBox {
    margin-top: -11px;
    width: 20px;
    margin-left: 15px;
}

.Address-Items-Wrap .CheckInput  { margin-top: -11px; width: 20px; }
.Address-Items-Wrap:hover {background: #f2f2f2; cursor: pointer;}

.Address-Items-Wrap:nth-child(2n-1) {
   margin-right: 10px;
}
.Address-Items-Wrap  .addr-btn__edit-address {
    position: absolute;
    right: 13px;
    top: 7px;
    cursor: pointer;
    text-decoration: none;
    display: none;
    width: 14px;
}
.Address-Items-Wrap  .addr-btn__delete-address {
    position: absolute;
    right: 10px;
    top: auto;
    bottom: 8px;
    cursor: pointer;
    text-decoration: none;
    display: none;
    height: 18px;
}
#quote-newform_shipping_addresses .Buttons-Wrap   p.error {
    font: normal 16px/18px mr-eaves-xl-modern, sans-serif;
    text-align: center;
    width: 100%;
}
.Address-Items-Wrap:hover .addr-btn__edit-address ,.Address-Items-Wrap:hover .addr-btn__delete-address {
    display: block;
}

/*.Address-Items-Wrap.active:hover .addr-btn__edit-address,*/
/*.Address-Items-Wrap.deleted:hover .addr-btn__edit-address {*/
/*    display: none;*/
/*}*/

/*.Address-Items-Wrap.active:hover .addr-btn__delete-address,*/
/*.Address-Items-Wrap.deleted:hover .addr-btn__delete-address {*/
/*    display: none;*/
/*}*/
.Address-Items-Wrap.deleted .Address-Item-Wrap {
    background: #aaa;
}

.Address-Items-Wrap.deleted:not(.active) .inp-container {
    display: none;
}


.addr-btn__edit-address i ,.addr-btn__delete-address i {
    font-size: 18px;
    color: #707070;
}

.addr-btn__delete-address:hover i {
    color: var(--default_color_var);
}
.addr-btn__edit-address:hover i {
    color: var(--default_color_var);
}

.delete-address__popup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
    border: 1px solid  #bebebe;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.delete-address__popup p {
    padding: 0 0 10px 0;
    margin: 0;
}

.delete-address__popup-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.delete-address__popup-btn {
    color: #329bf4;
    font: 400 14px/22px "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    cursor: pointer;
    margin: 0 10px;
}

.delete-address__popup-btn:hover {
    border-bottom: 1px dashed #329bf4;
}

.Address-Items-Wrap .addr-deleted-msg {
    color: var(--default_color_var);
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: 55px;
}

.Address-Items-Wrap.active .addr-deleted-msg {
    top: 11px;
    left: 18px;
    color: white;
}


#quote_change_shipping_address_popup .h3_title{ text-align: center; color: #000000; font: 500 22px/32px mr-eaves-xl-modern, Helvetica, Arial, sans-serif; padding: 0; margin:  0 ;}
#quote_change_shipping_address_popup .h4_title { text-align: center; color: #000000; font:400 14px/22px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;padding: 0; margin:  0 0 10px 0;}
#quote_change_shipping_address_popup .text-select { text-align: left; font: 400 14px/22px mr-eaves-xl-modern, Helvetica, Arial, sans-serif; padding: 0; margin:  15px 0 12px 10px;}
#quote_change_shipping_address_popup  .Button-Details {
    height: 34px;
    text-decoration: none;
    border: 1px solid var(--default_color_var);
    color: white;
    width: 200px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    transition: .3s;
    background: var(--default_color_var);
}
#quote_change_shipping_address_popup  .Button-Details:hover {
    color: var(--default_color_var);
    background: white;
}
#quote-newform_shipping_addresses {display: none; margin-top: 20px  }

.Form-Wrap {
    padding: 20px;
    border-radius: 0;
    background: #fff;
    border: 1px solid var(--default_color_var);
    border-top: 5px solid var(--default_color_var);
    border-bottom: 5px solid var(--default_color_var);
    width: calc(100% - 70px);
    margin-left: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.08);
}

.Form-Wrap .shipping-address__formTitle {
    text-align: left;   padding: 0; margin:  0 0 25px 0;
    font: normal 22px/26px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    letter-spacing: -0.5px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
}

.Form-Wrap .input-Wrap {margin-right: 20px; margin-bottom: 20px; width: 180px;}
.Form-Wrap .input-Wrap input {  background: white; width: 100%; border-radius: 3px;     padding: 5px 15px;   height: 39px;}
.Form-Wrap .input-Wrap input::placeholder { text-transform: none; color: #b3b3b3; font: 400 14px/22px "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; }
.Inputs-Wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 14px;
    align-items: flex-start;
    z-index: 2;
}
.signup-item__billing-form-wrp .Inputs-Wrap .form-radio-wrap{
    display: flex;

}

.Form-Wrap .input-Wrap.companyName {  width: 230px;}
.Form-Wrap .input-Wrap.addreeLine {  width: 300px;}
.Form-Wrap .input-Wrap.state {  width: 110px;}
.Form-Wrap .input-Wrap.country {  width: 90px;}
.Form-Wrap .input-Wrap.zip {  width: 90px;}
#quote-newform_shipping_addresses .Form-Wrap .Button-Configure {  width: 90px; height: 36px; min-width: 90px; text-align: center}
.Form-Wrap .Buttons-Wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    z-index: 1;
}
.Buttons-Wrap .Button-Configure:after{
    border-color: #fff transparent transparent transparent;
}
.Buttons-Wrap .Button-Configure:before{
    background-color: var(--default_color_var);
}
.Form-Wrap .input-Wrap.email {    width: 220px;}

.Form-Wrap .input-Wrap.error input, .Form-Wrap .div-select-Wrap.error select {
    border-color: var(--default_color_var);
}
.Form-Wrap .input-Wrap.error .inp-label, .Form-Wrap .div-select-Wrap.error .label-Wrap {
    color: var(--default_color_var);
    font-weight: 500;
}

.options-table-view-btn {
    color: var(--default_color_var);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 24px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
}

.options-table-view-btn:hover {
    border-bottom: 1px dashed var(--default_color_var);
}

.ups-returns-view-btn {
    color: var(--default_color_var);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 24px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
}

.ups-returns-view-btn:hover {
    border-bottom: 1px dashed var(--default_color_var);
}

.qty-wrapper .qty-button {
    background-color: #fff;
    color: var(--default_color_var);
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.qty-wrapper .qty-button i {
    font-size: 18px;
    line-height: 60px;
}

.qty-wrapper .qty-button i.fa-minus {
    font-size: 17px;
}

.qty-wrapper .qty-button:hover {
    background-color: #fff;
}

.qty-wrapper .qty-button.qty-plus i {
    font-size: 17px;
}

.fa-circle-notch:before {
    -webkit-animation: rotation 1s infinite linear;
    display: block;
}

.fa-circle-notch {
    margin-right: 10px;
}

.success-text {
    font-weight: 500;
    color: #44E311;
    font-size: 16px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.shipping-options-select {
    border: 1px solid #dddddd;
    line-height: 30px;
    font-size: 16px;
    padding: 0 18px;
    border-radius: 15px;
    color: #707070;
    height: 30px;
    margin-left: 8px;
    background-color: #f7f7f7;
    outline: none;
}

.selectric-shipping-options-select {
    max-width: 320px;
    width: 100%;
    box-sizing: border-box;
}

.selectric-shipping-options-select .selectric {
    padding: 4px;
    color: #000000;
    font-size: 16px;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 500;
    background-color: #f7f7f7;
   border-color: #000000;
    height: 22px;
    outline: none;
}

.selectric-shipping-options-select .selectric .label {
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 23px;
    height: 22px;
    margin-top: 0;
}

.selectric-shipping-options-select .selectric .button {
    height: 32px;
    width: 32px;
    top: 0;
}

.selectric-shipping-options-select .selectric-items li {
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    padding-left: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    font-weight: 400;
}

.selectric-shipping-options-select .selectric-items li i {
    margin-right: 13px;
    margin-top: 1px;
}

.selectric-shipping-options-select .selectric-items li.selected .fa-square:before {
    content: "\f14a";
}

.selectric-shipping-options-select .selectric-items {
    top: calc(100% - 1px);
}

.selectric-shipping-options-select.selectric-below .selectric.isOpen {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.selectric-shipping-options-select.selectric-above .selectric.isOpen {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.quote-content-wrp.Container {
    justify-content: flex-start;
    align-content: flex-start;
}

.selectric-shipping-options-select.selectric-above .selectric-items {
    bottom: calc(100% - 1px);
    top: unset;
}

.print-number {
    display: none;
}

.custom_discount_form.hidden {
    display: none;
}

.custom-discount-label, .quote-email-label {
    display: flex;
    font-size: 18px;
    line-height: 26px;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
}

#email_quote_form .quote-email-label, #email_quote_form .custom-discount-label {
     padding-top: 0;
     padding-bottom: 0;
}

#email_quote_form .custom-discount-label {
    padding-top: 0;
    padding-bottom: 10px;
}

#email_quote_form, #print_quote_form {
    padding-left: 25px;
    padding-right: 25px;
}

#email_quote_form .custom-discount-label span {
    line-height: 22px;
}


.custom-discount-label span {
    display: inline-block;
    width: 170px;
    padding-left: 24px;
    line-height: 21px;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.quote-info-popup input.custom-discount-field {
    width: 100px;
    margin-left: 10px;
}

.shipping-address__item_block {
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.quote-info-popup input.email-field {
    width: 247px;
    margin-left: 10px;
}

.email-user-name-label {
    margin-top: 20px;
}

.email-label span {
    width: 170px;
}

.email-note-label span {
    width: 120px;
}

.quote-info-popup p.description {
    text-align: right;
    padding: 4px 35px 0 20px;
    font-size: 10px;
    color: #707070;
    opacity: 0.8;
    box-sizing: border-box;
    margin: -20px 0 10px 0;
}

.email-message {
    resize: none;
    width: 100%;
    height: 190px;
    box-sizing: border-box;
}

.attach-label {
    padding-left: 112px;
}

input.attach-input {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-top: 4px;
    opacity: 1;
    position: relative;
}

.quote-footnotes {
    width: 100%;
    color: #000000;
    font: normal 16px/24px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.quote-footnotes p {
    color: #000000;
    font: normal 16px/24px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}

.quote-footnotes p b {
     color: #000000;
     font: 500 16px/24px  mr-eaves-xl-modern,Helvetica, Arial, sans-serif;
 }
.quote-footnotes p a {
    color: var(--default_color_var);
    text-decoration: none;
}

/* CHECKOUT */
.checkout-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    box-sizing: border-box;
}

.checkout-header__billing-address, .checkout-header__shipping-address {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 50%;
    padding-right: 40px;
}

.order-info-popup .set-order-info-btn {
    margin-right: 10px;
    display: inline-block;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: var(--default_color_var);
    border: 1px solid #9c2f10;
    padding: 9px 20px 7px 20px;
    background-position: center right;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    position: relative;
}

.order-info-popup .set-order-info-btn:hover {
    background-color: #9c2f10;
    border-color: #9c2f10;
    transition: .3s;
}

.order-info-popup h3 {
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.order-info-popup p b {
    color: #63676b;
    font-weight: 500;
}

.order-info-popup textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #dcdcdd;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 14px;
    min-height: 160px;
    resize: none;
    color: #707070;
}

.quote-block__checkout-info .quote-notes__textarea {
    width: 100%;
    margin-bottom: 0;
    padding: 10px;
    color: #707070;
}

.quote-input {
    width: 100%;
    background: #fff;
    border: 1px solid #dcdcdd;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    color: #707070;
}

select.quote-input {
    padding: 6px 4px;
}

.billing-address-wrp {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    justify-items: stretch;
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d7d7;
    box-sizing: border-box;
}

.billing-address__item {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    box-sizing: border-box;
}

.quote-block {
/*    padding-top: 15px;
    padding-bottom: 10px;*/
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.quote-block .h3_title {color: #000000;     font: 500 18px/28px mr-eaves-xl-modern, Helvetica, Arial, sans-serif; }
.quote-block .h3_title a{color: var(--default_color_var);
    font: normal 16px/24px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    cursor: pointer; margin-left: 20px;}
.quote-block .h3_title a:hover {border-bottom: 1px dashed var(--default_color_var);}


.quote-block .quote-block__item-title {
    width: 50%;
    box-sizing: border-box;
    padding-right: 0;
}

.quote-block .quote-block__item-title label {
    line-height: 24px;
    padding-bottom: 0;
}

.quote-block .quote-block__item-value {
    width: auto;
    box-sizing: border-box;
    text-align: left;
    padding-left: 20px;
}

.quote-block.quote-block__quote-created-by .quote-block__item-value {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 0;
}

.quote-block.quote-block__sale-rep .quote-block__item-value {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 0;
}

.quote-block.quote-block__sale-rep .quote-block__sale-rep-code {
    width: auto;
    box-sizing: border-box;
    text-align: left;
    padding-left: 20px;
}

.quote-block__block-title {
    margin-bottom: 10px;
}

.quote-input__card-name {
    text-transform: uppercase;
}

.quote-input__exp-date {
    width: 120px;
}

.quote-input__cv2 {
    width: 60px;
}

.cv2-link {
    color: #329bf4;
    font: 400 14px/22px "Raleway", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
}

.cv2-link img {
    max-width: 15px;
    max-height: 15px;
    position: absolute;
    top: 5px;
    left: 37px;
}

.quote-button__red {
    color: #fff;
    border: 1px solid var(--default_color_var);
    padding: 4px 36px;
}

.quote-button__red:after {
    background-color: var(--default_color_var);
}

.quote-button__red:before {
    background-color: #9e180e;
}

.cancelBtnShipAddresChange {
    text-align: center;
    align-items: center;
    border-radius: 0;
    color: #707070;
    display: flex;
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 36px;
}
.cancelBtnShipAddresChange p {
    color: #707070;
    text-transform: none;
}
.cancelBtnShipAddresChange:hover .Button-Circle {
    width: 220%;
    height: 530%;
    opacity: 1;
    top: -90px;
    left: -90px;
    transition: all .5s ease-Out;
}
.j-modal .cancel-wrapper .btn:hover {
    color: var(--default_color_var);
    background: white;
}
.j-modal .cancel-wrapper .btn:hover:before  {

    background-color: transparent;
}


.j-modal .cancel-wrapper .cancel-modal-btn:hover {
     background-color: transparent;
}
.cancelBtnShipAddresChange .Button-Circle {
    background: #ccc;
}
.Form-Wrap .Buttons-Wrap .cancel-modal-btn{
    display: flex;
    justify-content: center;
}
.Inputs-Wrap .shipping_address_type {width: 220px;}
.div-radio-Wrap .label-Wrap {
display: flex; flex-wrap: wrap;
}
.div-radio-Wrap .label-Wrap .label-after-Wrap {
    display: flex; flex-wrap: nowrap; width:100%; align-items: center;
    justify-content: flex-start;
    margin-top: 11px;
}
.div-radio-Wrap .label-Wrap .label-after-Wrap .rad-Wrap{
    display: flex; flex-wrap: nowrap;   align-items: center; margin-right: 15px;
}
.div-radio-Wrap .label-Wrap .label-after-Wrap .rad-Wrap input[type='radio'] {
    width: 20px;
    height: 20px;
    float: left; margin-left: 5px;
    margin-right: 0px; margin-bottom: 0px;
    cursor: pointer;
}

#js-save_shipping_address_popup-btn, #js-cancel-btn{
    text-transform: capitalize;
    width: 95px;
    border-color: var(--default_color_var);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
}
#js-save_shipping_address_popup-btn:after{
    border-color: #fff transparent transparent transparent;
}

#js-save_shipping_address_popup-btn:before{
    background-color: var(--default_color_var);
}
.j-modal .Button-Configure {
    align-items: center;
    background-color: var(--default_color_var);
    border: 1px solid var(--default_color_var);
    color: #fff;
    display: flex;
    height: 36px;
    margin: 0 20px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: auto;
    min-width: auto;
}
#quote-newform_shipping_addresses .Buttons-Wrap a{
    border-radius: 0px;
}
.cancel-wrapper p {
    text-transform: none;
    text-align: center;
    padding: 0 26px;
}
.quote-info-popup .Button p {
    text-transform: none;
    text-align: center;
    padding: 0 26px;
}


.cancelBtn {
    width: 108px;
    height: 36px;
    min-width: 90px;
    text-align: center;
    align-items: center;
    border-radius: 25px;
    color: #707070;
    display: flex;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.j-modal__wrap .j-modal__content #change_shipping_address .cancelBtn {
    padding: 0 28px;

}
.j-modal__wrap .cancelBtn {
    height: 36px;
    min-width: 90px;
    text-align: center;
    align-items: center;
    border-radius: 25px;
    color: #707070;
    display: flex;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.cancelBtn p {
    color: #707070;
}
.cancelBtn:hover .Button-Circle {
    width: 200%;
    height: 500%;
    opacity: 1;
    top: -90px;
    left: -90px;
    transition: all .5s ease-Out;
}
.cancelBtn .Button-Circle {
    background: #ccc;
}

#quote-newform_shipping_addresses {
    margin-bottom: 30px;
    width: 810px;
}

.Form-Wrap .input-Wrap.title {
    width: 180px;
    margin-right: 0
}

.Form-Wrap  .selectWrap {
    margin-right: 20px;
    margin-bottom: 20px;
}

  .div-select-Wrap {display: flex; flex-wrap: wrap; }
  .div-select-Wrap select {    background: white;
      border: 1px solid #c1c1c2;
      color: #585858;
      text-transform: none;
      outline: none;
      font-size: 15px;
      line-height: 30px;
      width: 100%;
      border-radius: 3px;
      padding: 5px 15px;
      height: 39px;}

.only-print {
    display: none;
}

.quote-block__item-value .has-error {
    border: 2px solid var(--default_color_var);
}

.checkout-list .quote-item-qty {
    background-color: #fff;
    margin-top: 1px;
}

.hidden {
    display: none;
}

.quote-notes.short {
    width: 40%;
    min-width: unset;
}

.checkout-order-details {
    border-top: 1px solid #b9b9b9;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-top: 16px;
}

.checkout-order-details .quote-block{
    padding-top: 16px;
}

.checkout-order-details .quote-block__billing-address {
    min-width: 245px;
    width: 20%;
    padding-left: 30px;
    padding-right: 15px;
}

.checkout-order-details .quote-block__checkout-info {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.checkout-order-details .quote-block__payment {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}


.checkout-order-details input, .checkout-order-details textarea, .checkout-order-details select{
    background: white;
    width: 100%;
    border-radius: 3px;
    padding: 5px 15px;
}

.checkout-order-details input, .checkout-order-details select {
    height: 39px;
}

.checkout-order-details .quote-block__item {
    flex-direction: column;
}

.checkout-order-details .quote-block__item-title, .checkout-order-details .quote-block__item-value {
    width: 100%;
    text-align: left;
    padding-left: 0;
}

.checkout-order-details .quote-block__item.error-item {
    color: var(--default_color_var);
}

.exp-date-item {
    width: 110px;
    margin-right: 20px;
}

.cv2-item {
    width: 100px;
}

.print-note-label {
    display: inline-block;

    position: relative;
    padding-left: 20px;
    line-height: 36px;
    color: var(--default_color_var);
    font-size: 16px;
}

.print-note-label input {
    opacity: 1;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 8px;
}

.expired-label {
    color: var(--default_color_var);
    font-weight: 500;
}

.js-undo-delete-quote, .js-delete-quote {
    cursor: pointer;
}

.click-area-header .shipping-address__item_job_title {
    display: none;
}

.quote-item__notes-wrp {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
}

.quote-item__textarea-wrp {
    width: 100%;
    min-width: 280px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}

.quote-item__textarea-wrp .fa-edit {
    position: absolute;
    color: var(--default_color_var);
    left: 14px;
    top: -5px;
}
.quote-content-wrp .quote-item-notes-form-wrp .item-placeholder {
    left: 14px;
    top: -5px;
}
.checkout-list .fa-edit, .order-list .fa-edit{
    padding-right: 10px;
    color: #cecece;
}
.quote-content-wrp .form-item-label {
    margin-bottom: 0px;
    margin-top: 10px;
}

.task-drag-handle {
    cursor: move;
}
#update_quote_project_number .new-address_wrap .text-select {
    line-height: 17px;
}

@media screen and (max-width: 430px) {
    .checkout-order-details {
        flex-direction: column;
    }

    .checkout-order-details .quote-block__billing-address {
        width: 100%;
    }

    .checkout-order-details .quote-block__checkout-info {
        width: 100%;
    }

    .checkout-order-details .quote-block__payment {
        width: 100%;
    }

    .quote-total-price__title {
        font-size: 26px;
        text-transform: none;
    }

    .selectric-items .disabled {
        opacity: 1;
        color: #000000 ;
        filter: none;
    }

    .selectric-shipping-options-select .selectric-items li.disabled {
        padding-left: 40px;
    }

    #update_billing_address .j-modal__content {
        padding: 10px 0;
        min-width: unset;
        width: 100%;
    }

    .Form-Wrap .input-Wrap,
    .Form-Wrap .input-Wrap.companyName,
    .Form-Wrap .input-Wrap.title,
    .Form-Wrap .selectWrap,
    .Form-Wrap .input-Wrap.email {
        width: 100%;
        box-sizing: border-box;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .label-Wrap {
        width: 100%;
    }

    .quote-button__red {
        padding: 4px 16px;
    }

    .quote-header {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .quote-block__quote-info, .quote-block__custom-info, .quote-block__shipping-address, .quote-block__sale-rep {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 10px;
    }

    .quote-block__quote-info .quote-block__item {
        justify-content: center;
    }

    .quote-block__sale-rep .quote-block__item {
        justify-content: left;
        padding-left: 80px;
    }

    .quote-block__billing-address .h3_title, .quote-block__shipping-address .h3_title, .quote-block__custom-info .h3_title, .quote-block__sale-rep .h3_title {
        text-align: center;
    }

    #quote_project_popup .j-modal__content {
        width: 100%;
        box-sizing: border-box;
    }

    .quote-info-popup .j-modal__field {
        padding-left: 0;
    }

    .quote-info-popup input {
        width: 100%;
    }

    .quote-info-popup .btn {
        font-size: 12px;
    }

    .quote-block__item.user-discount .quote-block__item-title {
        text-align: center;
    }

    .shipping-total__item.shipping-options-item-full {
        line-height: 12px;
        margin-bottom: 4px;
    }

    .shipping-total__item.shipping-options-item-full .shipping-total__title {
        line-height: 14px;
    }

    .shipping-total__item.shipping-options-item-full .title-label {
        line-height: 14px;
        font-size: 12px;
    }

    .shipping-total__item-shipping-message .shipping-total__price,
    .shipping-total__price,
    .quote-total-price__value.net-price-label,
    .quote-list-footer__item-subtotal-net-price,
    .quote-options-item__net-price,
    .quote-total-price__value {
        padding-right: 20px;
    }

    .quote-list-footer__item-subtotal {
        padding-right: 6px;
    }

    #quote_change_shipping_address_popup .j-modal__wrap,
    #quote_change_shipping_address_popup .j-modal__content,
    #update_billing_address .j-modal__content,
    #quote_project_popup .j-modal__wrap,
    #quote_project_popup .j-modal__content,
    .quote-info-popup .j-modal__wrap,
    .quote-info-popup .j-modal__content {
        min-width: unset;
        width: calc(100% - 20px);
        box-sizing: border-box;
        padding: 10px;
        max-height: none;
    }

    #quote-existing_shipping_addresses , .quote-existing_shipping_addresses{
        max-height: none;
    }

    #quote_change_shipping_address_popup .j-modal__content,
    #update_billing_address .j-modal__content,
    #quote_project_popup .j-modal__content,
    .quote-info-popup .j-modal__content {
        padding: 10px 0;
        width: 100%;
    }


    #quote_project_popup p {
        padding-left: 0;
        padding-right: 0;
    }

    .Address-Items-Wrap {
        width: 100%;
        position: relative;
    }

    .Address-Items-Wrap:nth-child(2n-1) {
        margin-right: 0;
    }

    .Address-Item-Wrap {
        width: 100%;
    }

    .addr-btn__delete-address {
        display: block;
    }

    .Address-Items-Wrap.active .addr-btn__delete-address,
    .Address-Items-Wrap.deleted .addr-btn__delete-address {
        display: none;
    }

    .shipping_address_type {
        margin-bottom: 10px;
    }

    #quote_change_shipping_address_popup .Button-Details {
        margin: 0 auto;
    }

    #change_shipping_address .text-select {
        margin-left: 0;
        text-align: center;
    }

    .selectric-shipping-options-select .selectric-items li {
        padding-left: 26px;
        justify-content: flex-end;
        position: relative;
        font-size: 14px;
        padding-right: 0;
    }

    .selectric-shipping-options-select .selectric-items li i {
        padding-top: 7px;
        position: absolute;
        left: 20px;
        top: 0;
    }

    .new-group {
        margin-left: 0;
    }

    .delete-address__popup p {
        font-size: 12px;
    }

    .Form-Wrap.signup-item__billing-form-wrp {
        border-left: 1px solid #bebebe;
        width: 100%;
        margin-left: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

    .Form-Wrap .shipping-address__formTitle {
        text-align: center;
    }

    #email_quote_form, #print_quote_form {
        padding-right: 0;
        padding-left: 0;
    }

    .custom-discount-label span {
        padding-left: 10px;
    }

    .custom-discount-label.email-user-name-label,
    .custom-discount-label.email-user-email-label,
    .custom-discount-label.email-note-label {
        flex-direction: column;
    }

    .quote-info-popup input.email-field {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .quote-info-popup p.description {
        text-align: left;
        padding: 10px 0;
    }

    #email_quote_form .custom-discount-label span {
        width: 100%;
    }

    .attach-label {
        padding-left: 0;
    }

    .quote-info-popup input.attach-input {
        width: 16px;
    }

    .Form-Wrap .Button:first-child {
        margin-left: 0;
    }

    .Form-Wrap .Button:last-child {
        margin-right: 0;
    }

    .shipping-total__price {
        font-size: 14px;
    }

    .single-price-label {
        font-size: 14px;
    }

    .shipping-total__price {
        font-size: 14px;
    }

    .quote-options-table__item  .single-price-label {
        font-size: 14px;
    }

    .quote-list-item__item-generated-pn {
        font-size: 14px;
    }

    .quote-options-table__item  .single-price-label {
        font-weight: 500;
        font-size: 14px;
    }

    .shipping-total__title {
        font-size: 14px;
        padding-right: 0;
    }

    .shipping-total__item {
        grid-template-columns: auto minmax(140px, 8%);
    }

    .quote-total-price__value {
        font-size: 26px;
    }

    .quote-footnotes {
        opacity: 1;
    }

    .quote-footnotes p {
        font-size: 14px;
        line-height: 22px;
    }

}

@media screen and (max-width: 320px) {
    .custom-discount-label span {
        padding-left: 0;
    }

    #quote_change_shipping_address_popup .j-modal__wrap,
    #quote_change_shipping_address_popup .j-modal__content,
    #update_billing_address .j-modal__content,
    #quote_project_popup .j-modal__wrap,
    #quote_project_popup .j-modal__content,
    .quote-info-popup .j-modal__wrap,
    .quote-info-popup .j-modal__content {
        width: 100%;
    }

    .quote-list-item__qty .price-block-wrapper {
        padding: 10px 0 0 4px;
    }

    .selectric-shipping-options-select .selectric-items li i {
        left: 7px;
    }

    .quote-list-footer, .shipping-total__item {
        grid-template-columns: auto minmax(110px, 8%);
    }
}

.quote-list-item__item .task-drag-handle {
    position: absolute;
    margin-top: 5px;
    color: var(--default_color_var)
}

.quote-item-notes-form-wrp .form-item-label__label-quote-item-notes {
    width: 100%;
    max-width: 385px;
}

.action-result {
    color: #25843a;
    font-weight: 500;
}

.quote-item__notes-wrp .form-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 5px;
    max-width: 385px;
    align-self: flex-start;
}

.item-placeholder .fa-edit {
    position: relative;
    padding-right: 4px;
    top: 0;
    left: 0;
}

.general-form-wrp .text-input:focus + span.item-placeholder .fa-edit {
    color: #419afd;
    font-weight: 500;
}

.general-form-wrp .text-input:focus:not(:placeholder-shown) + span.item-placeholder .fa-edit {
    color: #419afd;
    font-weight: 500;
}

.general-form-wrp .text-input:focus:not(:-ms-input-placeholder) + span.item-placeholder .fa-edit {
    color: #419afd;
    font-weight: 500;
}

/*only for Edge */
@supports (-ms-ime-align:auto) {
    .general-form-wrp .text-input:focus:not(-webkit-input-placeholder) + span.item-placeholder .fa-edit {
        color: #419afd;
        font-weight: 500;
    }
}
.change_shipping_address_btn:hover{
    text-decoration: none;
}
.item-quote-note-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    padding: 0;
}


.quote-item-notes-form-wrp .text-input:focus + span.item-placeholder {
    transform: none;
    font-size: 18px;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
.quote_print_weight-box{
    display: flex;
    align-items: center;
}

.quote_print_weight-box .quote-list-item__weight{
     margin-top: 0;
     margin-left: 10px;
}

.quote-item-notes-form-wrp .text-input:not(:placeholder-shown) + span.item-placeholder {
    transform: none;
    font-size: 18px;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.quote-item-notes-form-wrp .text-input:not(:-ms-input-placeholder) + span.item-placeholder {
    transform: none;
    font-size: 18px;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

/*only for Edge */
@supports (-ms-ime-align:auto) {
    .quote-item-notes-form-wrp .text-input:not(-webkit-input-placeholder) + span.item-placeholder {
        transform: none;
        font-size: 18px;
        visibility: hidden;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
    }
}

.quote-item-notes-form-wrp .text-input + span.item-placeholder .fa-edit {
    visibility: visible;
}

.quote-item-notes-form-wrp .text-input:focus + span.item-placeholder .fa-edit {
    color: #419afd;
    font-weight: 500;
    visibility: visible;
}

.quote-item-notes-form-wrp .text-input:focus:not(:placeholder-shown) + span.item-placeholder .fa-edit {
    color: #419afd;
    font-weight: 500;
    visibility: visible;
}

.quote-item-notes-form-wrp .text-input:focus:not(:-ms-input-placeholder) + span.item-placeholder .fa-edit {
    color: #419afd;
    font-weight: 500;
    visibility: visible;
}

/*only for Edge */
@supports (-ms-ime-align:auto) {
    .quote-item-notes-form-wrp .text-input:focus:not(-webkit-input-placeholder) + span.item-placeholder .fa-edit {
        color: #419afd;
        font-weight: 500;
        visibility: visible;
    }
}

.quote-item-notes-form-wrp .text-input {
    padding: 10px;
}

.display_30height_note {
    font-style: italic;
}

.shipping-total__item-ups-returns {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 14px;
}
.quote-ship-lead {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.quote-ship-lead .shipping-total__title {
    align-items: flex-end;
    padding-right: calc(30px);
}
.quote-ship-lead .shipping-total__title:nth-child(1) {
    align-items: flex-start;
}
.quote-ship-lead  .quote-col {
    width: 57%;
}
.quote-ship-lead  .quote-col:nth-child(1) {
    width: 43%;
}
.quote-ship-lead .shipping-total__item {
    display: grid;
    grid-template-columns: 50% 50%;
}
.quote-ship-lead .shipping-total__item {
    justify-items: flex-start;
    display: grid;
    grid-template-columns: 55% 45%;
}
.quote-ship-lead .fcol .shipping-total__item {
    display: grid;
    grid-template-columns: 42% 58%;
}

.quote-ship-lead .shipping-total__price {
    text-align: left;
}
.quote-list-item__weight {
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
    margin-top: 10px;
}


.quote-footer-non-print .quote-ship-lead {
    justify-content: flex-start;
    margin-top: 5px;
    flex-direction: column;
    font-size: 18px;
    padding-bottom: 15px;

}
.shipping-quote_subject_tax{
    margin-left: 0;
}

.quote-footer-non-print .quote-ship-lead .shipping-total__title {
    align-items: flex-start;
}

.quote-footer-non-print  .quote-ship-lead .quote-col {
    width:100%;
}

.quote-footer-non-print  .quote-ship-lead .fcol .shipping-total__item {
    grid-template-columns: 33% 67%;
}

.quote-footer-non-print  .quote-ship-lead .shipping-total__item {
    grid-template-columns: 33% 67%;
}

.quote-footnotes-btns {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-bottom: 2px solid #000000;
    padding-bottom: 30px;
    z-index: 0;
}

.quote-footnotes-btns  .quote-notes {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
}

@media screen and (max-width: 1700px) {
    .quote-notes__textarea {
        width: 100%;
    }

    .quote-footnotes-btns .quote-notes {
        width: 330px;
    }

    .quote-buttons {
        width: calc(100% - 375px);
    }
}

@media screen and (max-width: 1173px) {
    #api_timer, .view_api_log {
        display: none;
    }
}

.shipping-address-info .h3_title {
    font-weight: 700;
    font-size: 16px;
}

.quote-block__quote-number {
    font-weight: 700;
}

.quote-header__line1 {
    border-bottom: 1px solid #929292;
    padding-bottom: 20px;
}

.quote-block__quote-info .quote-block__item-title {
    width: 140px;
    font-weight: 700;
    font-size: 16px;
    word-break: break-word;
}

.quote-block__quote-dates .quote-block__item-title {
    width: 150px;
}

.quote-block__quote-created-by .quote-block__item-title {
    width: 110px;
}

.quote-block__sale-rep .quote-block__item-title {
    width: 110px;
}

.quote-block__sale-rep-code {
    font-weight: 700;
}

.quote-ship-lead .salesTax .shipping-total__item {
    justify-items: center;
    display: flex;
}

.quote-ship-lead .salesTax .shipping-total__item  .shipping-total__title {
    justify-content: center;
    align-items: center;
    padding: 0 180px 15px 0;
}

.quote-options-item__title  ul {
    padding-left: 20px;
    margin: 0;
}

.quote-options-item__title  ul li {
    list-style: none;
}

.quote-options-item__title  ul li::before {
    content: "\2022";
    color: var(--default_color_var);
    font-weight: 700;
    font-size: 20px;
    line-height: 12px;
    display: inline-block;
    width: 14px;
    margin-left: -6px;
}
.custom-discount-label .warningMsg {
    width: 390px;
    margin-top: 45px;
    color: red;
    position: absolute;
}
#email_quote_form .custom-discount-label.warning {
    margin-bottom: 50px;
}
.recalculate_placeholder {
    position: relative;
}
.recalculate_btn {
    background-color: white;
    position: absolute;
    padding: 3px 10px;
    right: 32px;
    top: -4px;
    width: 90px;
}
.error-shipping-placeholder
{
    font: 500 18px/23px mr-eaves-xl-modern, Helvetica, Arial, sans-serif;
    text-align: right;
    margin-right: 42px;
    margin-top: 13px;
}
.Inputs-Wrap .form-items-row .countrySelectWrap span{
    top: -19px;
}
.form-items-row .countrySelectWrap{
    margin-top: 21px;
}
.DayPhoneWrap {
    margin-top: 11px;
}

.error-shipping-placeholder .recalculate_btn {
    right: -11px;
}
.selectric-s-state-select{
    margin-top: 8px;
}

.quote_recalculate_btn {
    cursor: pointer;
}


.Buttons-Wrap .error {
    margin-top: -20px;
    color: red;
}
.Buttons-Wrap .save_as_entered {
    color: #06839e;
    margin-left: 20px;
    white-space: nowrap;
}
.Buttons-Wrap .save_as_entered:hover {
    text-decoration: underline;
}
.datepicker {
    z-index: 10006;
}
#quoteList .recalculate_wrap, #quoteList .recalculate_wrap a {text-align: right; color: #f58b34;}
#quoteList .recalculate_wrap a:hover {text-decoration: underline}

.quote-action-link {
    margin: 0 6px;
    cursor: pointer;
    border-bottom: 1px dashed transparent;
}

.quote-action-link:last-child {
    margin-right: 0;
}

.quote-action-link:not(.disabled):not(.action-result):hover {
    border-bottom: 1px dashed var(--default_color_var);
}

#create_quote_on_behalf_SR_quote-page {
    position: absolute;
    top: 6px;
    right: 140px;
    line-height: 30px;
    padding: 2px 30px 2px 30px;
}