/* =========================
   Tables
========================= */

table {
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
height: 100% !important;

}

table tbody {
    display: table;
    width: 100%;
}

table tr {
    height: auto !important;
}

table th,
table td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    height: auto !important;
    box-sizing: border-box;
}

table th {
    font-weight: 600;
    background-color: #f7f7f7;
}

table td {
    background-color: #fff;
}

/* Alternating rows */
table tbody tr:nth-child(even) td {
    background-color: #fafafa;
}



/* =========================
   Mobile
========================= */

@media (max-width: 767px) {

    table {
        margin: 20px 0;
        font-size: 14px;
    }
    table {
 /* Horizontal scroll */
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    table th,
    table td {
        padding: 10px 12px;
        white-space: normal;
    }
    table tbody{
         width: 600px;
    }
}