﻿/*Shopping Cart*/
.cartheader {
    display: flex;
    justify-content: space-between;
    padding: 10px 7px;
    align-items: end !important;
}

.cart_container {
    margin: 0 auto;
    max-width: 1400px !important;
    padding: 0 1rem;
    /*padding-bottom: 2rem;*/
    padding-top: 16px;
}

.cart-title {
    line-height: 0;
    margin-top: 0.67em;
    margin-bottom: .5rem;
    margin-left: 0;
    margin-right: auto;
    padding-bottom: 5px;
    padding-left: 5px;
}

.shop_cart_tbl {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .shop_cart_tbl .header {
        background-color: #edf1f9;
    }

    .shop_cart_tbl .header_separator {
        display: none;
    }

    .shop_cart_tbl th {
        border-bottom: solid 1px #005191;
        color: #005191;
        padding: 5px;
        font-size: 14px;
    }

    .shop_cart_tbl .img_wrapper {
        width: 100px;
        margin-right: 10px;
        display: inline-block;
    }


    .shop_cart_tbl img {
        max-width: 100%;
        vertical-align: middle;
        border-style: none;
    }

        .shop_cart_tbl img.prod_img {
            max-width: 80px;
            max-height: 60px;
        }

    .shop_cart_tbl .desc {
        font-weight: normal;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    .shop_cart_tbl .cart_fa {
        font-size: 14px;
        font-family: FontAwesome,'Helvetica Neue',Helvetica,Arial,sans-serif;
    }

    .shop_cart_tbl .si_link {
        font-weight: bold;
        font-size: 18px;
        color: #005191;
        margin-bottom: 5px;
        display: block;
    }

    .shop_cart_tbl .si_num {
        font-weight: normal;
        font-size: 10px;
    }

    .shop_cart_tbl .si_desc,
    .shop_cart_tbl .si_cond {
        font-weight: normal;
        font-size: 14px;
        color: #005191;
    }

@media screen and (max-width: 567px) {
    .shop_cart_tbl .si_desc {
        display: none;
    }

    .shop_cart_tbl .si_cond {
        font-size: 11px;
    }
}

.shop_cart_tbl .cart_item td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.shop_cart_tbl td {
    padding: 0 5px;
}

.shop_cart_tbl .qty_col, .shop_cart_tbl .unit_price {
    padding-top: 20px;
    text-align: center;
}

.shop_cart_tbl .fa-trash {
    padding-left: 5px;
    color: #757575;
    cursor: pointer;
    font-size: 20px;
}

.shop_cart_tbl .qty {
    width: 50px;
}

.shop_cart_tbl .unit_price {
    padding-left: 5px;
    min-width: 100px;
    text-align: right;
}

.shop_cart_tbl .footer_title {
    text-align: right;
}

.shop_cart_tbl .footer_value {
    padding-left: 5px;
}

.shop_cart_tbl .cart_total_title {
    text-align: right;
    font-weight: bold;
}

.shop_cart_tbl .cart_total {
    padding-left: 5px;
    font-weight: bold;
    text-align: right;
    min-width: 80px;
}

.shop_cart_tbl .cart_totals_separator td {
    border-top: solid 1px #005191;
    padding-top: 6px;
}

.shop_cart_tbl .cart_totals_separator td.si_separator {
    border-top: solid 1px #eaeaea;
}

.shop_cart_tbl .qty_spinner {
    font-size: 15px;
    width: 60px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .shop_cart_tbl .qty_spinner {
        font-size: 13px;
    }
}

@media screen and (max-width: 567px) {
    .shop_cart_tbl .qty_spinner {
        font-size: 11px;
    }
}

.shop_button {
    box-sizing: border-box;
    margin: 0;
    overflow: visible;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    line-height: 1.5;
    font-family: FontAwesome,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    transition: opacity .2s ease-in-out;
    white-space: nowrap;
    border-radius: 2px;
    border: solid 2px #f0c168;
    width: auto;
    right: inherit;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
}

.shop_checkout_button, .shop_quote_button, .place_order_button {
    padding: 4px 35px;
    font-size: 19px;
    max-width: 240px;
}

    .shop_checkout_button:hover,
    .shop_border_btn:hover,
    .place_order_button:hover,
    .shop_quote_button:hover,
    .back_to_cart:hover,
    .co_request_quote_button:hover,
    .co_request_quote_button.req_quote_color:hover {
        background: #f0c14b;
    }

.shop_border_btn {
    padding: 4px 10px;
    font-size: 15px;
    max-width: 280px;
}

@media screen and (max-width: 567px) {
    .shop_border_btn {
        font-size: 11px;
    }

    .shop_cart_tbl .si_link {
        font-size: 14px;
        margin-bottom: 0;
    }

    .shop_cart_tbl .cart_remove .remove_item {
        font-size: 16px;
    }

    .shop_cart_tbl .unit_price {
        font-size: 13px;
    }

    .co_section_css {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .co_section_css .shop_checkout_button {
            order: 1;
        }

        .co_section_css div {
            order: 2;
        }
}

.shoppingcart_submit_details {
    margin-left: auto;
    text-align: right;
}

@media screen and (max-width: 992px) {
    .cart_container {
        max-width: 90%;
        /*padding-bottom: 3rem;*/
    }

    .shop_cart_tbl .desc_text {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .cart_container {
        max-width: 100%;
        /*padding-bottom: 1rem;*/
    }

    .shop_cart_tbl {
        padding: 0;
    }

        .shop_cart_tbl .qty_spinner {
            width: 40px;
        }

        .shop_cart_tbl .qty_col {
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }

            .shop_cart_tbl .qty_col.cart_remove {
                padding-left: 10px;
            }

        .shop_cart_tbl .unit_price {
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }

        .shop_cart_tbl .cart_total.cart_sub_total {
            padding-left: 0;
            padding-right: 0;
            text-align: left;
        }
}

@media screen and (max-width: 767px) {
    .shop_border_btn {
        font-size: 12px;
        max-width: 200px;
        padding: 5px;
    }

    .shop_cart_tbl .unit_price {
        font-size: 15px;
        max-width: 80px;
    }

    .shop_cart_tbl .cart_remove .remove_item {
        max-width: 80px;
        font-size: 18px;
    }

    .shop_checkout_button, .shop_quote_button, .place_order_button {
        font-size: 16px;
    }

    .cart-title {
        padding-bottom: 3px;
    }
}

@media screen and (max-width: 576px) {

    .shop_cart_tbl {
        display: flex;
        flex: 1 1 auto;
    }

        .shop_cart_tbl.noitems {
            display: table;
        }

        .shop_cart_tbl tr {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: flex-start;
        }

            .shop_cart_tbl tr.header {
                display: none;
            }

        .shop_cart_tbl .header_separator {
            display: block;
        }

        .shop_cart_tbl .cart_totals_separator {
            display: grid;
        }

        .shop_cart_tbl .cart_sub_total_title {
            display: grid;
        }

            .shop_cart_tbl .cart_sub_total_title .cart_total_title {
                grid-column: 1;
            }

            .shop_cart_tbl .cart_sub_total_title .cart_sub_total {
                grid-column: 2;
            }

        .shop_cart_tbl th {
            width: 33%;
        }

        .shop_cart_tbl tr.cart_item .item_image {
            display: flex;
            order: 1;
            flex: 1 0 30%;
        }

        .shop_cart_tbl tr.cart_item .item_title {
            order: 1;
            flex: 1 0 65%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            line-height: 1.2em;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: text-top;
        }

        .shop_cart_tbl .qty_col {
            display: flex;
            flex-direction: column;
            order: 2;
            flex: 1 0 50%;
            align-items: flex-end;
            padding-bottom: 20px;
            padding-top: 5px;
        }

            .shop_cart_tbl .qty_col.cart_remove {
                flex: 1 0 10%;
            }

        .shop_cart_tbl .unit_price {
            display: flex;
            order: 2;
            flex: 1 0 30%;
            align-items: center;
            justify-content: flex-end;
            padding-top: 20px;
        }

        .shop_cart_tbl .cart_total_title {
            margin-right: 20px;
            margin-left: 80px;
        }

        .shop_cart_tbl .cart_total.cart_sub_total {
            text-align: right;
        }
}

@media screen and (max-width: 400px) {
    .cart_container {
        overflow: hidden;
        padding-bottom: 0;
        padding-top: 8px;
    }

    .cart-title {
        padding-bottom: 2px;
        font-size: 22px;
    }

    .cart_container .inputs .shoppingcart_submit_details {
        text-align: right;
    }

    .cart_container .inputs.container {
        padding-right: 0;
    }

    .shop_checkout_button, .shop_quote_button, .place_order_button {
        padding: 5px 9px;
        font-size: 14px;
    }

    .cart-header .header-container .form-section-heading {
        margin-top: 0.5rem;
    }

    .co_section_css .quote_text {
        margin-right: 0;
    }
}

@media screen and (max-width: 351px) {

    .cart-title {
        font-size: 16px;
    }

    .cart-header .header-container .form-section-heading .fa-shopping-cart {
        font-size: 20px;
        margin-right: 2px;
    }
}

@media screen and (max-width: 281px) {

    .cart-header .header-container .form-section-heading .fa-shopping-cart {
        display: none;
    }
}


/*Check Out*/
.co_form .qa_block {
    display: none;
}

.checkout-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5rem;
}

.co_form {
    padding-top: 20px;
    height: 50px;
    border: 1px solid #000000;
    display: inline-block;
    width: 94%;
    padding-right: 5px;
    vertical-align: top;
    font-weight: bold;
    min-width: 30px;
}

    .checkout-wrapper .upload_title, .co_form .co_upload .upload_title {
        border: none;
        color: #212529;
        text-decoration: none;
        transition: color .5s;
        padding-right: 5px;
        white-space: normal;
        text-align: left;
        width: 75%;
        cursor: unset;
    }

        .checkout-wrapper .upload_title:hover, .co_form .co_upload .upload_title:hover {
            background-color: #eaedf0;
            border-left: 4px solid #005191;
            color: #005191;
        }

.checkout-wrapper .quote_cart .upload_title {
    width: 100%;
    border: 1px solid #ced4da;
    border-bottom: 1px solid #e0e0e0;
}

    .checkout-wrapper .quote_cart .upload_title.minus {
        font-weight: normal;
    }

.checkout-wrapper .co_taxexempt .upload_title.validationerror {
    border: 1px solid #f00;
}

.co_form .submit-details {
    padding-bottom: 0;
}

.checkout-wrapper .upload_title div, .co_form .co_upload .upload_title div {
    font-size: 12px;
    margin-top: -5px;
}

.co_form .co_upload .upload_title:hover {
    background-color: unset;
    border-left: unset;
}

.co_form .uploaded_file_div {
    padding: 0;
    background-color: unset;
}

.co_form .upload_title.plus::after,
.co_form .upload_title.minus::after {
    content: "";
}

.co_form .upload_details {
    margin-top: 0;
    display: block;
}

.co_form .upload_row {
    width: 90%;
    border: none;
    margin-bottom: 0;
}

.co_form .submit_response {
    color: #000;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    transition: opacity .2s ease-in-out;
    white-space: nowrap;
    border-radius: 2px;
    border: solid 2px #f0c168;
    padding: 9px 35px;
    font-size: 19px;
    font-weight: bold;
    max-width: 175px;
    display: none;
}

.checkout_cart_tbl {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .checkout_cart_tbl tr.cart_item {
        border-bottom: 1px solid #ccc;
    }

        .checkout_cart_tbl tr.cart_item:last-child {
            border-bottom: none;
        }

    .checkout_cart_tbl .header {
        border-bottom: solid 1px #005191;
        color: #005191;
    }

    .checkout_cart_tbl th {
        padding: 8px 5px;
        font-size: 14px;
    }

    .checkout_cart_tbl .img_wrapper {
        width: 100px;
        margin-right: 10px;
        display: inline-block;
    }

    .checkout_cart_tbl img.prod_img {
        max-width: 100px;
        max-height: 100px;
        padding: 20px;
    }

    .checkout_cart_tbl .desc {
        font-weight: normal;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    .checkout_cart_tbl .cart_fa {
        font-size: 14px;
        font-family: FontAwesome,'Helvetica Neue',Helvetica,Arial,sans-serif;
    }

    .checkout_cart_tbl .si_num {
        font-weight: normal;
        font-size: 14px;
        white-space: nowrap;
    }

    .checkout_cart_tbl .si_link {
        font-weight: bold;
        font-size: 18px;
        color: #005191;
        margin-bottom: 5px;
        display: block;
    }

    .checkout_cart_tbl .cart_item td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .checkout_cart_tbl td {
        padding: 0 5px;
    }

        .checkout_cart_tbl td.qty_col {
            padding-top: 20px;
        }

    .checkout_cart_tbl .product {
        font-weight: bold;
    }

    .checkout_cart_tbl .unit_price {
        padding-left: 5px;
        width: 120px;
    }


    .checkout_cart_tbl .footer_title {
        text-align: right;
    }

    .checkout_cart_tbl .footer_value {
        padding-left: 5px;
    }

    .checkout_cart_tbl .cart_totals td {
        padding-top: 8px;
    }

    .checkout_cart_tbl .cart_total_title {
        text-align: right;
        font-weight: normal;
    }

    .checkout_cart_tbl .cart_total {
        padding-left: 5px;
        font-weight: bold;
        text-align: right;
        min-width: 80px;
    }

    .checkout_cart_tbl .qty_spinner {
        font-size: 16px;
        width: 60px;
    }

.checkout-right .submit_error {
    color: red;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 15px;
    margin-right: 20px;
    margin-left: 20px;
}

    .checkout-right .submit_error.show {
        margin-top: -40px;
    }

.co_button {
    box-sizing: border-box;
    font-family: 'proxima-nova',sans-serif;
    color: #000;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    transition: opacity .2s ease-in-out;
    border-radius: 2px;
    border: solid 2px #f0c168;
    padding: 4px 18px;
    font-size: 19px;
    font-weight: bold;
}

.uploaded_file_div_Tax .uploaded_file_PO {
    padding: 0;
}

.upload_title.plus::after,
.upload_title.minus::after {
    content: "";
}

.checkout-wrapper .upload_details {
    margin-bottom: 10px;
    display: block;
    padding: 0;
}

.checkout-wrapper .quote_cart .upload_details {
    padding: 0 10px;
}

.back_to_cart {
    margin-bottom: 3px;
    margin-left: auto;
    font-size: 15px;
}

.place_order_button.disabled {
    opacity: 0.3;
    pointer-events: none !important;
}

.co_request_quote_button {
    background: #ffffff;
}

    .co_request_quote_button.req_quote_color {
        background: linear-gradient(to bottom,#f7dfa5, #f0c14b);
    }

.checkout-left #cy_cc {
    margin-left: 15px;
}

.checkout-left #cy_year {
    display: inline-block;
    width: 175px;
}

.checkout_cart_tbl .row_separator {
    border-top: 1px solid #ccc;
}

.checkout_cart_tbl .cart_totals_separator,
.checkout_cart_tbl .cart_totals_separator_last {
    border-top: 1px solid #ccc;
    display: none;
}

.checkout_cart_tbl .co_price_each {
    display: none;
}

.checkout-wrapper .checkout-left {
    width: 50%;
    order: 1;
    margin-right: 20px;
}

.checkout-wrapper .checkout-right {
    width: 50%;
    order: 2;
}

.checkout-wrapper .update_busy {
    margin-right: 20px;
}

.checkout-heading {
    font-size: 20px;
    font-weight: normal;
    background-color: #edf1f9;
    border-bottom: 1px solid #a0a0a0;
    padding: 12px 20px;
}

.co_quote_header {
    border-top: 1px solid #a0a0a0;
}

@media screen and (max-width: 576px) {
    .co_form .co_upload .upload_title {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 576px) {
    .checkout-heading {
        font-size: 14px;
        padding: 10px 14px;
    }

    .checkout-right .submit_error.show {
        margin-top: unset;
    }
}

.checkout-heading.plus::after {
    content: "";
    font-family: FontAwesome;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 1rem;
    cursor: pointer;
}

.checkout-heading.minus::after {
    content: "";
    font-family: FontAwesome;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 1rem;
    cursor: pointer;
}

.order-details-heading {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    background-color: #edf1f9;
    border-bottom: 1px solid #a0a0a0;
    padding: 12px 20px;
}

.order-details-wrapper {
    border: 1px solid #a0a0a0;
    position: sticky;
}

.checkout-wrapper div.sticky {
    position: sticky;
    top: 54px;
}

.cust-info-wrapper {
    border: 1px solid #a0a0a0;
    position: sticky;
    margin-bottom: 10px;
}

.checkout_tb {
    display: inline-block;
    margin-top: 10px;
}

.form-group {
    position: relative;
}

.submit-details.file-upload input {
    position: absolute;
    top: 100px;
    left: 13px;
    margin: 0;
    opacity: 0;
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
    overflow: hidden;
    width: 150px;
    height: 40px;
}

.co_form .submit_error {
    display: none;
    padding-left: 10px;
    color: red;
}

.co_form .busy {
    vertical-align: unset;
    margin-top: 0;
}

.checkout-wrapper .confirmation-check {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

.type_cc {
    margin-bottom: 15px;
}

    .type_cc img {
        width: 50px;
    }

    .type_cc input {
        display: inline-block;
    }

    .type_cc div {
        white-space: nowrap;
        margin-bottom: 3px;
    }

.info_area {
    padding: 20px;
    display: none;
}

.payment_info {
    display: inline-block;
}

.co_type_po {
    margin-left: 10px;
}

.cb_taxexempt_yes {
    margin-left: 15px;
}

.cb_taxexempt_no {
    margin-left: 10px;
}

.co_taxexempt {
    display: none;
}

.co_upload {
    display: none;
}

.co_qty_ss {
    text-align: left;
    display: none;
}

.co_qty_bs {
    text-align: center;
}

.checkout-wrapper .select_files {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    word-wrap: break-word;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    line-height: 1.5;
    font-size: 14px;
    font-family: FontAwesome,'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 0;
    border: 2px solid #005191;
    text-transform: uppercase;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 700;
    transition: background-color .25s ease-in,color .25s ease-in;
    cursor: pointer;
    right: inherit;
    border-color: #005cbf;
    max-width: 160px;
    color: #005191;
    background-color: #fff;
    width: fit-content;
    width: -moz-fit-content;
    display: inline;
    height: 28px;
}

.checkout-wrapper .submit-info-btn {
    background-color: #005191;
    color: #fff;
}

#bill_ship_same_yes {
    padding-left: 20px;
}

    #bill_ship_same_yes .missing {
        font-size: 12px;
        font-style: italic;
        color: #DD0000;
    }

.checkout-wrapper .completed_status {
    margin-left: 8px;
}

    .checkout-wrapper .completed_status.incomplete {
        color: #CC0000;
    }

    .checkout-wrapper .completed_status.complete {
        color: #008800;
    }

.checkout-wrapper .checkout-left .copy_from_billing {
    margin-bottom: 24px;
    margin-right: 5px;
}

.checkout-wrapper .action_click_copy_from_billing:hover {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .cust_info .grp_city_state_zip {
        display: block;
    }

        .cust_info .grp_city_state_zip input {
            margin-bottom: 5px;
        }
}

@media screen and (max-width: 768px) {
    .co_form {
        width: 90%;
    }
}

@media screen and (max-width: 992px) {
    .co_form .co_upload .upload_title {
        flex-direction: column;
    }

    .checkout_cart_tbl .desc_text {
        display: none;
    }
}

@media screen and (max-width: 880px) {

    .checkout-wrapper {
        flex-direction: column;
        padding: 0 10px;
    }



        .checkout-wrapper .checkout-left {
            width: 100%;
            order: 1;
        }



        .checkout-wrapper .checkout-right {
            width: 100%;
            order: 2;
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 800px) {

    .checkout_cart_tbl {
        padding: 0;
        width: 100%;
    }

    .checkout-left #cs_state {
        margin-bottom: 5px;
    }

    .checkout-left .billing_state {
        margin-bottom: 5px;
    }

    .checkout-left .payment_info {
        display: block;
    }

    .checkout-left #cy_mo {
        margin-bottom: 5px;
    }

    .checkout-left #cy_cc {
        margin-left: 0;
    }
}

@media screen and (max-width: 567px) {

    .back_to_cart {
        font-size: 16px;
    }



    .co_button {
        padding: 5px 9px;
        font-size: 16px;
    }



        .co_button.back_to_cart {
            padding: 4px 8px;
            font-size: 12px;
        }



    .checkout_cart_tbl {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 300px) {

    .form-inputs {
        padding-top: 40px;
    }
}

@media screen and (max-width: 400px) {

    .co_form {
        width: 85%;
    }

    .checkout-wrapper {
        padding-bottom: 1rem;
    }

    .cartheader {
        align-items: center !important;
    }

    .checkout_cart_tbl {
        display: flex;
        flex: 1 1 auto;
    }

        .checkout_cart_tbl tr {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: flex-start;
        }

            .checkout_cart_tbl tr.header {
                display: none;
            }

        .checkout_cart_tbl .cart_item td {
            border-bottom: none;
        }

        .checkout_cart_tbl .cart_totals_separator {
            display: grid;
        }

            .checkout_cart_tbl .cart_totals_separator td {
                border-top: 1px solid #ccc;
            }

        .checkout_cart_tbl .cart_totals_separator_last {
            display: block;
            border-top: 1px solid #005191;
        }

        .checkout_cart_tbl th {
            width: 20%;
        }

        .checkout_cart_tbl tr.cart_item .co_qty {
            order: 2;
            flex: 1 0 10%;
        }

        .checkout_cart_tbl tr.cart_item .product {
            order: 1;
            flex: 1 0 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            max-height: 4.5em;
            line-height: 1.2em;
        }

        .checkout_cart_tbl .co_price {
            display: flex;
            flex-direction: row;
            order: 2;
            flex: 1 0 45%;
            align-items: center;
            justify-content: flex-end;
            padding-bottom: 20px;
        }

        .checkout_cart_tbl .co_price_each {
            display: flex;
        }

        .checkout_cart_tbl .co_amount {
            order: 2;
            flex: 1 0 40%;
            align-items: flex-start;
            justify-content: center;
        }

        .checkout_cart_tbl .cart_total.update_busy {
            margin-right: 0;
            min-width: unset;
        }

        .checkout_cart_tbl .cart_totals td:first-child {
            display: flex;
            flex: 1 0 75%;
            align-items: center;
            justify-content: flex-end;
        }

        .checkout_cart_tbl .cart_totals td:last-child {
            display: flex;
            flex: 1 0 25%;
            align-items: center;
            justify-content: flex-end;
        }

    .checkout-left #cy_year {
        display: block;
        margin-bottom: 5px;
    }

    .checkout-left .cy_cvn {
        display: inline-block;
    }

    .co_qty_ss {
        display: table-cell;
        order: 2;
        flex: 1 0 10%;
    }

    .co_qty_bs {
        display: none;
    }
}

.action_click_update_order_details {
    right: 18px;
    text-decoration: underline;
    color: #0000FF;
    display: inline-block;
    position: absolute;
    font-size: 16px;
    cursor: pointer;
}

.alt_req_quote_wrapper {
    display: inline-block;
}

.alt_req_quote {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    color: #005191;
}

.quote_text {
    font-weight: normal;
    display: inline-block;
    font-size: 14px;
    color: #555555;
    margin-right: 20px;
}

.fa-angle-down {
    padding-left: 0;
}

.cust_info .grp_city_state_zip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .cust_info .grp_city_state_zip input {
        margin-right: 5px;
    }

.checkout_addlmessage {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    width: 95%;
    margin: auto;
}

.co_state, .co_country {
    width: 170px;
    display: inline-block;
    margin-bottom: 5px;
}

.co_zip {
    width: 125px;
    display: inline-block;
}

.co_cvn {
    min-width: 100px;
    max-width: 150px;
    display: inline-block;
}

.co_exp_month {
    width: 175px;
    display: inline-block;
    margin-bottom: 5px;
}

.co_upload, .intlShipping, .intlAddr, .cs_ShipAccount,
.po_info, .tax_info, .ship_info, .cb_mexico, .cb_canada {
    display: none;
}

.cc_info {
    display: block;
}

.intlShipping {
    padding-bottom: 10px;
}