/*=============================================================================
  CUSTOMER ORDERS PAGE CSS (LOGIN THROUGH ACCOUNT)

  * Order lookup, history, and general account page CSS
  * CSS has not been improved on these pages - Awaiting work
=============================================================================*/

.account_page-form {
    padding-top: var(--spacing-06);
    padding-bottom: var(--spacing-10);
}

.account_page-form-sect {
    margin-bottom: var(--spacing-06);
}

.section_label {
    font-size: var(--font-size-25);
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.section_label-ptop {
    padding-top: var(--spacing-02);
}

.section_label-spaced {
    letter-spacing: 2px;
}

.login_wrap {
    margin: var(--spacing-10) auto;
}

.login_card {
    padding: var(--spacing-06) 0;
    border-top: var(--border-weight-01) solid var(--gray-100);
}

.password_reset {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
}

.logout_page {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
    text-align: center;
}

.content_divider {
    display: block;
    height: 8px;
    background: var(--gray-50);
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out;
}

.content_divider.for-order {
    margin-top: var(--spacing-10);
    margin-left: -12px;
    margin-right: -12px;
}

@media (min-width: 768px) {

    .content_divider.for-order {
        display: none;
    }
}

@media (min-width: 1200px) {

    .content_divider {
        max-width: 1200px;
        height: 1px;
        margin: auto;
        background: var(--gray-50);
        box-shadow: none;
    }
}

.content_divider:not(.show):last-of-type {
    display: none;
}

.order_lookup h2 {
    margin: 0 0 var(--spacing-05);
}

.order_lookup table {
    width: 840px;
    margin-bottom: 10px;
    text-align: left;
    max-width: 100%;
    width: 100%;
}

.order_lookup table tr td {
    font-size: var(--font-size-25);
    border: 0;
    background: var(--white);
    text-align: left;
}

.order_lookup table tr td a {
    text-decoration: underline;
    font-weight: var(--font-weight-bold);
    font-style: italic;
}

.order_lookup table td.Bright {
    font-weight: var(--font-weight-bold);
}

.order_lookup table td.Standard {
    padding: var(--spacing-01) 0 1px 10px;
}

@media (min-width: 480px) {

    .order_lookup table td.Bright font {
        font-size: var(--font-size-50);
    }

    .order_lookup table td.Standard font {
        font-size: var(--font-size-25);
    }
}

/* Previous Orders */
.order_history-head {
    text-align: center;
    margin-bottom: var(--spacing-06);
}

.order_history-head p {
    font-size: var(--font-size-50);
}

.order_history-list {
    margin-bottom: var(--spacing-10);
}

.order_history-list .row {
    border-bottom: var(--border-weight-01) solid var(--gray-100);
}

.order_history-list .row .icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.order_history-list .is-date {
    flex: 1;
}

.order_history-list .is-num {
    flex: 0 0 105px;
}

.order_history-list .is-total {
    flex: 1;
    text-align: right;
}

.order_history-list-labels {
    margin-left: 0;
    margin-right: 0;
}

.order_history-list-rows {
    color: var(--black);
    padding: var(--spacing-04) 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.order_history-list-num {
    color: var(--blue);
}

.order_history-list-total {
    position: relative;
    width: 71px;
    display: inline-block;
    text-align: left;
    margin-right: var(--spacing-07);
}

.order_history-list-total.is-green {
    color: var(--green-500);
}

/* Order Details */
.order_details .btn {
    width: 72px;
}

.order_details-head {
    padding-top: var(--spacing-04);
    padding-bottom: var(--spacing-06);
}

.order_details-head-title {
    padding-top: var(--spacing-06);
    text-align: center;
}

.order_details-head-title p {
    font-size: var(--font-size-50);
    margin-bottom: var(--spacing-06);
}

.order_details-head-tracking {
    text-align: center;
}

.order_details-info {
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-02);
}

.order_details-info .section_label {
    margin-bottom: var(--spacing-02);
}

.order_details-prods {
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-02);
}

.order_details-prods-inner {
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
}

.order_details-prods-inner>.row {
    border-bottom: var(--border-weight-01) solid var(--gray-100);
}

.order_details-prods-row {
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-02);
}

.order_details-prods-name {
    font-weight: var(--font-weight-bold);
    padding: var(--spacing-02) 0;
}

.order_details-prods-name a {
    color: var(--black);
}

.order_details-prods-info {
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-02);
    padding-left: 0;
}

.order_details-prods-total {
    text-align: right;
    padding: var(--spacing-02) 0;
}

.order_details-prods-price,
.order_details-prods-price_per {
    display: block;
}

.order_details-prods-price {
    font-weight: var(--font-weight-bold);
}

.order_details-prods-price_per {
    font-size: var(--font-size-50);
}

.order_details-summary {
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-14);
}

.order_details-summary .summary {
    margin-bottom: var(--spacing-06);
}

.order_details-summary-tracking {
    text-align: right;
}

@media (min-width: 480px) {

    .order_details-head-title {
        padding-top: 0;
    }

    .order_details-head-title p {
        margin-bottom: 0;
    }

    .order_details-head-tracking {
        text-align: right;
    }

    .order_details-prods {
        padding-top: var(--spacing-04);
        padding-bottom: var(--spacing-04);
    }

    .order_details-prods-info {
        padding-left: var(--spacing-03);
    }

    .order_details-prods-ordered,
    .order_details-prods-shipped {
        text-align: center;
    }
}

.error_text {
    color: var(--color-promo);
}

.checkbox_wrap {
    display: block;
    margin: 0;
}

.checkbox_wrap label {
    display: block;
    padding: var(--spacing-03);
    border: var(--border-weight-01) solid var(--color-border-form-default);
    border-radius: var(--border-radius-sm);
    background: var(--color-surface-secondary);
}

.check_expand_group {
    margin: var(--spacing-02) 0 0;
    padding: var(--spacing-06) 0 0;
    border-top: var(--border-weight-01) solid var(--color-border-secondary);
}

.checkbox_container {
    display: block;
    margin: 0 0 var(--spacing-06);
    border: var(--border-weight-01) solid var(--color-border-secondary);
    border-radius: var(--border-radius-sm);
    background: var(--color-surface-secondary);
}

.checkbox_container .form-check-label {
    display: block;
    padding: var(--spacing-03);
}

.checkbox_container-inner_contents {
    margin: 0;
    padding-left: var(--spacing-04);
    padding-right: var(--spacing-04);
}

.checkbox_container-inner_contents>.form-group {
    padding: 0;
}

.checkbox_container-inner_contents>.form-group:first-child {
    margin-top: var(--spacing-03);
}

.checkbox_container-inner_contents .form-group>label {
    left: var(--spacing-03);
}

.checkbox_container-inner_contents>p {
    display: inline-block;
    margin: var(--spacing-02) 0 var(--spacing-04);
}

@media (min-width: 480px) {

    .checkbox_container-inner_contents>.form-group {
        margin-top: var(--spacing-03);
        padding: 0 0 0 var(--spacing-03);
    }

    .checkbox_container-inner_contents>.form-group:first-child {
        padding: 0 var(--spacing-03) 0 0;
    }

    .checkbox_container-inner_contents>.form-group:not(:first-child)>label {
        left: var(--spacing-06);
    }

    .checkbox_container-inner_contents>p {
        margin: var(--spacing-02) 0 var(--spacing-06);
    }
}

@media (min-width: 768px) {

    .checkbox_container.form-check-inline .form-check-input {
        margin-right: 10px;
    }

    .checkbox_container-inner_contents>.form-group {
        margin: 0 0 var(--spacing-04);
        padding: 0;
    }

    .checkbox_container-inner_contents>.form-group:first-child {
        margin-top: var(--spacing-03);
        padding: 0;
    }

    .checkbox_container-inner_contents>.form-group:not(:first-child)>label {
        left: var(--spacing-03);
    }
}