//*****************************************************************************
//*****************************************************************************
// Jobs List v1 Styles
//*****************************************************************************
//*****************************************************************************

//==================================================================
// Standard List
//==================================================================
.standard-list {

}

//==================================================================
// Detail List
//==================================================================
.detail-list {

    .job-detail-item {
        margin-bottom: 5px;
    }

}

//==================================================================
// Detail List
//==================================================================
.standard-list,
.detail-list {

    .job-record {
        font-size: 13px;
        padding: 10px 10px;

        &.header {
            border-bottom: 1px #eeeeee solid;
        }

        .q-btn {
            padding: 3px 7px;
            margin-right: 5px;
        }
    }

    .job-record.header {
        .cell {
            font-weight: 700;
        }
    }

    .job-record-row .cell.job-record-customer,
    .job-record-row .cell.job-record-vendor,
    .detail-list-table .customer,
    .detail-list-table .vendor,
    .standard-list-table .customer,
    .standard-list-table .vendor {
        text-transform: uppercase;
    }

    &.standard-list-responsive,
    &.detail-list-responsive {
        .flex-column {
            .q-chip {
                margin: 0;
                font-size: 12px;
            }
            &.job-record-customer,
            &.job-record-vendor {
                padding-right: 10px;
            }
        }
    }

    @media (max-width: 1919px) {

        .job-record:nth-child(even) {
            background: #f2f2f2;
        }

        .job-record {
            padding: 5px 5px 15px;

            .cell {
                margin-top: 10px;
            }
        }
    }

}

//==================================================================
// Table Styles
//==================================================================
.q-table-top {
    padding: 8px 10px;
}

.q-table th,
.q-table td {
    padding: 7px 10px;

}