.flex-table .flex-table-th > div, .flex-table .flex-table-td > div{
    padding: 1em 0.5em;
    text-align: left;
}
.flex-table .flex-table-td{
    border-top: 1px dotted #dddddd;
}
.flex-table .flex-table-td:nth-child(odd){
    background: #fafafa;
}
@media only screen and (max-width: 1023px) {
    .flex-table-lg .flex-table-td{
        padding: 1em !important;
    }
    .flex-table-lg .flex-table-td > div{
        padding: 0 0 0.5em 0 !important;
    }
    .flex-table-lg .flex-table-th > div, .flex-table-lg .flex-table-td > div{
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .flex-table-md .flex-table-td{
        padding: 1em !important;
    }
    .flex-table-md .flex-table-td > div{
        padding: 0 0 0.5em 0 !important;
    }
    .flex-table-md .flex-table-th > div, .flex-table-md .flex-table-td > div{
        width: 100% !important;
    }
}