.table-bordered{margin-top: 20px;border-collapse: collapse;}
.table-bordered tbody tr{font-size: 12px;}
.table-bordered tbody tr td{font-size: 14px;padding: 10px; white-space: normal;}
.table-bordered tbody tr:hover{background: #b8daff}
.table-bordered tbody > tr:first-child {background: var(--color1);color: #fff;font-weight: bold;}
.table-bordered td, .table-bordered th {border: 1px solid #dee2e6;}
@media screen and (max-width:1400px){
    .table-bordered tbody tr th {padding: 8px;font-size: 11px;max-width: 150px;overflow: hidden;}
    .table-bordered tbody tr td {padding: 8px;font-size: 11px;max-width: 150px;overflow: hidden;}
}
@media screen and (max-width:1366px){.table-bordered td{font-size: 11px;}}
@media only screen and (max-width: 988px) {
    #flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    #flip-scroll * html .cf { zoom: 1; }
    #flip-scroll *:first-child+html .cf { zoom: 1; }
    #flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    #flip-scroll th,
    #flip-scroll td { margin: 0; vertical-align: top; }
    #flip-scroll th { text-align: left; }
    #flip-scroll table { display: block; position: relative; width: 100%; }
    #flip-scroll thead { display: block; float: left; }
    #flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    #flip-scroll thead tr { display: block; }
    #flip-scroll th { display: block; text-align: right; }
    #flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    #flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
    /* sort out borders */
    #flip-scroll th { border-bottom: 0; border-left: 0; }
    #flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    #flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    #flip-scroll th:last-child,
    #flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
    .table .numeric {max-width: none;overflow: visible;}
}
/*no more table*/
/*@media only screen and (max-width: 800px) {*/
@media only screen and (max-width: 988px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {display: block;}
    

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables tr { border: 1px solid #ccc; }
    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    #no-more-tables td:before { content: attr(data-title); }
    #no-more-tables thead tr .hide{display: none;}
    #no-more-tables tbody tr .hide{display: none;}
}
@media screen and (max-width:412px){
    #no-more-tables{
        padding-left: 10px;
        padding-right: 10px;
    }
}