/* add the mb_table css here */
.table_wrapper.has-scroll {
    position: relative;
    overflow: hidden;
}
.table_wrapper.has-scroll>div {
    overflow-x: auto;
}
.table_wrapper {
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 830px) {
    .table_wrapper.has-scroll>div {
        overflow-x: auto; 
    }

    .table_wrapper.has-scroll:after {
        position: absolute;
        top: 0;
        left: 100%;
        width: 50px;
        height: 100%;
        border-radius: 10px 0 0 10px / 50% 0 0 50%;
        box-shadow: -5px 0 10px rgb(0 0 0 / 25%);
        content: "";
    }
}
.table_wrapper table.mb_table tr:nth-child(odd) {
    background-color: #ffffff;
}

.table_wrapper table.mb_table {
    border-collapse: collapse;
    width: 100%;
}

.table_wrapper table {
    border-spacing: 1px;
    border-collapse: collapse;
    /* font-size: 15px; */
    line-height: normal;
}

.table_wrapper table.mb_table tr:nth-child(even) {
    background-color: #edf4fb;
}

.mb_table .table_title {
   margin-bottom: -40px;
   font-size: 1.3em;
}
.mb_table tr.table_title td {
    font-weight: 600;
    background-color: white;
    text-align: center;
    border-color: white;
    border-bottom-color: #d2d2d2;
}

table.mb_table td {
border: 1px solid #d2d2d2;
    padding: .8em;
    }

.fa-check {
    color: green;
}

.fa-times {
    color: #B22222;
}

.dates {
    margin-top: 5px;
    font-size: 0.9em;
}