/* Common styles for Freya demo components */

.order-badge {
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
}

.order-badge.order-delivered {
    background: #ACEBB4;
    color: #348861;
}

.order-badge.order-cancelled {
    background: #FABD9A;
    color: #AD342B;
}

.order-badge.order-pending {
    background: #F8D895;
    color: #A76927;
}

.order-badge.order-returned {
    background: #EFB8E5;
    color: #833F91;
}

.product-badge {
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
    text-align: center;
}

.product-badge.status-instock {
    background: #ACEBB4;
    color: #348861;
}

.product-badge.status-outofstock {
    background: #FABD9A;
    color: #AD342B;
}

.product-badge.status-lowstock {
    background: #F8D895;
    color: #A76927;
}

.customer-badge {
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
}

.customer-badge.status-qualified {
    background: #ACEBB4;
    color: #348861;
}

.customer-badge.status-unqualified {
    background: #FABD9A;
    color: #AD342B;
}

.customer-badge.status-negotiation {
    background: #F8D895;
    color: #A76927;
}

.customer-badge.status-new {
    background: #9BF2F7;
    color: #2B7AA4;
}

.customer-badge.status-renewal {
    background: #EFB8E5;
    color: #833F91;
}

.customer-badge.status-proposal {
    background: #FFD8B2;
    color: #805B36;
}

.filter-container .ui-inputtext {
    width: 400px;
}

.ui-selection-column {
    width: 2rem;
}

@media (max-width: 640px) {
    .filter-container {
        width: 100%;
        margin-top: .5rem;
    }

    .filter-container .ui-inputtext {
        width: 100%;
    }

    .ui-selection-column {
        width: auto;
        text-align: center;
    }

    .ui-selection-column .ui-column-title {
        display: none !important;
    }
}
