:root{
    --ct-table-row-br: 6px;
    --ct-table-th-font-size: 13px;
    --ct-table-td-font-size: 12px;
    --ct-table-bg: #E7E7E7;
    --ct-table-cell-pt: 10px;
    --ct-table-cell-pb: 10px;
}

.footable-header {
    background: #3c3c48;
    color: #fff;
}

.footable-filtering > th{
    padding: 0px !important;
    border: 0px !important;
}

.footable-filtering .caret{
    /*display: none;*/
}

.footable-filtering .form-inline{
    display: inline-block;
}

.footable-filtering > .btn-primary{
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.footable > .btn-primary.active, 
.footable > .btn-primary.focus, 
.footable > .btn-primary:active, 
.footable > .btn-primary:focus, 
.footable > .btn-primary:hover{
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

table.foo-table-ch{
    border:0px !important;
}

table.foo-table-ch{
    border-collapse: separate !important;
    border-spacing: 0px 5px !important;
}

table.foo-table-ch td.footable-sortable>span.fooicon, th.footable-sortable>span.fooicon {
    opacity: 0.3;
}

table.foo-table-ch > tbody > tr > td > span.footable-toggle {
    margin-right: 8px;
    color: white;
    border-radius: 50px;
    opacity: 1;
    border: 2px solid #DDD;
    font-size: var(--ct-table-td-font-size);
    padding: 0px;
    height: 22px;
    width: 22px;
    line-height: 1.7;
    text-align: center;
    font-weight: var(--ct-font-weight-light);
    cursor: pointer;
}

table.foo-table-ch > tbody > tr > td > span.footable-toggle.fooicon-plus {
    background: #333333;
}

table.foo-table-ch > tbody > tr > td > span.footable-toggle.fooicon-minus {
    background: red;
}

table.foo-table-ch  tr > th{
    font-size: var(--ct-table-th-font-size);
    color: var(--ct-text-color-primary);
    font-weight: var(--ct-font-weight-medium);
}

table.foo-table-ch  tr > td{
    font-size: var(--ct-table-td-font-size);
    color: var(--ct-text-color-primary);
    font-weight: var(--ct-font-weight-regular);
    padding-top: var(--ct-table-cell-pt) !important;
    padding-bottom: var(--ct-table-cell-pb) !important;
}   

.footable-empty td{
    font-size: 20px !important;
}

/**/
table.foo-table-ch > thead > tr > th {
    border-bottom: 0px;
}

table.foo-table-ch > thead > tr > th {
    border-top: 0px;
    padding-top: var(--ct-table-cell-pt) !important;
    padding-bottom: var(--ct-table-cell-pb) !important;
}

table.foo-table-ch .footable-header {
    background: transparent;
}

table.foo-table-ch tbody tr{
    background-color: var(--ct-table-bg);
    border: 8px solid var(--ct-table-bg);
    border-radius: 20px;
    border-left: 0px;
    border-right: 0px;
}

table.foo-table-ch tbody tr td.footable-first-visible{
    border-radius: var(--ct-table-row-br) 0px 0px var(--ct-table-row-br);
}

table.foo-table-ch tbody tr td.footable-last-visible{
    border-radius: 0px var(--ct-table-row-br) var(--ct-table-row-br) 0px;
}

table.foo-table-ch .footable-detail-row td{
    border-radius: var(--ct-table-row-br) !important;
}