.table-responsive {

    display: block;
    overflow-x: auto;
    width: 100%;
}

.cardV2 {
    border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.14), 0 3px 4px 0 rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
        display: flex;
        flex-direction: column;
        min-width: 0;
        position: relative;
        word-wrap: break-word;
}

table {
    max-width: 100%;
      width: 100%;
    border: 0;
        margin-bottom: 1rem;
    border-collapse: collapse;
}

tr {
    border-top: 1px solid #ccc;
}

tbody tr:nth-of-type(odd){
    background-color: rgba(0,0,0,0.04);
}

tbody td {
    border-top: 1px solid #e1e1e1;
}

.chicken {

    background: #8e5241;
    color: #fff;
}

.beef {

    background: #d72414;
    color: #fff;
}

.pork {
    background: #EF96D9;
    color: #fff;
}

.fish {

    background: #005ba0;
    color: #fff;
}

.egg {

    background: #fbc003;
    color: #fff;
}

.vegetable {


    background: #00903e;
    color: #fff;
}