
:host {
    height: 100%;
    display: flex;
    min-height: 64vh;
}
.refund-wrapper {
    flex: 1;
    flex-direction: column;
    .order-table {
        flex: 1;
        overflow-y: auto;
        table {
            margin-top: 0;
        }
    }
    tr.ignore {
        color: var(--color-grey-300);
    }
}
.quantity-col {
    background-color: var(--color-warning-100);
}
.cancel-checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
clr-checkbox-wrapper {
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;
}
.refund-details {
    display: flex;
    justify-content: space-between;
    &.faded {
        opacity: 0.5;
    }
}
.totals {
    margin-top: 48px;
    .refund-total {
        font-size: 18px;
    }
    .refund-total-error {
        color: var(--color-error-500);
    }
    .refund-total-warning {
        color: var(--color-warning-600);
        max-width: 250px;
    }
    &.disabled {
        color: var(--color-grey-300);
    }
}
.prorated-wrapper {
    display: flex;
    justify-content: center;
}
.line-promotion {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 3px 6px;
    .promotion-amount {
        margin-left: 12px;
    }
}
