.table>:not(caption)>*>* {color:var(--bs-body-color) !important;padding: .65rem .85rem; font-size: 0.875rem;}
.table>:not(caption)>*>* {-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.table>:not(caption)>*>* {background-color: transparent;font-size: 13px !important;}
.table-group-divider{border-top:calc(var(--bs-border-width)* 2) solid rgba(0,0,0,0.13)}
.wcp-table-body {background: var(--bs-body-bg);}
tbody,td,tfoot,th,thead,tr{border-color:rgb(133 133 133 / 13%)}
thead {background: var(--tk-body-bg)}
.tab-pane .table-responsive,
.tab-pane .table,
.tab-pane thead,
.tab-pane thead tr,
.tab-pane thead th:first-child,
.tab-pane thead th:last-child { border-radius: 0 !important; }
table>tbody>tr {box-shadow: inset 0px 8px 19px -6px rgb(131 131 131 / 11%);}
.table>tbody>tr:hover>* {--bs-table-bg-state: rgb(198 198 198 / 15%);}
#modeToggleBtn{cursor:pointer}
.table>thead th{background-color:rgb(215 215 215 / 18%);border:none;font-weight: 600;}
.btn-icon i{border-right:1px solid #00000026;padding-right:10px;margin-right:6px}
.table-tr-bg-danger td{background-color:#f4433615}
.table-tr-bg-success td{background-color:#00b27b15}
.table-tr-bg-info td{background-color:#0dcaf015}
.table-tr-bg-warning td{background-color:#ffc10715}
.wcp-table-pagination .pagination {
    --bs-pagination-font-size: 0.85rem;
    --bs-pagination-color: var(--bs-body-color)!important;
    --bs-pagination-hover-color: var(--bs-body-color)!important;
    --bs-pagination-focus-color: var(--bs-body-color)!important;
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .18rem #cccccc67!important;
    --bs-pagination-active-color:  var(--bs-body-color)!important;
    --bs-pagination-active-bg: var(--bs-secondary-bg)!important;
    --bs-pagination-active-border-color: var(--bs-border-color)!important;
}
th[data-sortable]{cursor:pointer;user-select:none;}
th[data-sortable]:hover{background-color:rgba(var(--bs-primary-rgb),.06)!important;}
.wcp-table-column-order{position:relative;display:inline-block;width:16px;height:17px;margin-left:7px;vertical-align:middle}
th[data-sortable] .wcp-table-column-order::before,th[data-sortable] .wcp-table-column-order::after{content:'';position:absolute;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;transform:translateX(-50%);transition:all 0.2s ease}
th[data-sortable] .wcp-table-column-order::before{border-bottom:6px solid #a6a6a66e}
th[data-sortable] .wcp-table-column-order::after{bottom:4px;border-top:6px solid #a6a6a66e}
th[data-sortable="asc"] .wcp-table-column-order::before{opacity:1;border-bottom-color:#a6a6a6e6}
th[data-sortable="desc"] .wcp-table-column-order::after{opacity:1;border-top-color:#a6a6a6e6}
@keyframes wcpFadeRows{from{opacity:0} to{opacity:1} }
.wcp-table-loader-body>tr:hover>*{--bs-table-bg-state:none!important}
.wcp-table-no-result-body>tr:hover>*{--bs-table-bg-state:none!important}
.loader-sticky{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}
.loader-sticky>tr{box-shadow:none!important;border:none!important}
.wcp-table-loader-body .spinner-border{opacity:.5}
.wcp-table-loader-body tr td{border:none!important}
.wcp-table tr.animated>td{animation-name:simpleFade;animation-duration:0.8s;animation-fill-mode:both;animation-timing-function:ease}
.wcp-table tr.animated>td:has(.ts-dropdown){animation:none}
@keyframes simpleFade{0%{opacity:0}
    100%{opacity:1}
}
.wcp-table tbody tr{transition:background-color 0.4s ease}
table thead tr:first-child th:first-child{border-top-left-radius:7px}
table thead tr:first-child th:last-child{border-top-right-radius:7px}
table tr:first-child th:first-child{border-top-left-radius:7px}
table tr:first-child th:last-child{border-top-right-radius:7px}
table tfoot tr:last-child th:first-child,table tr:last-child th:first-child{border-bottom-left-radius:0px}
table tfoot tr:last-child th:last-child,table tr:last-child th:last-child{border-bottom-right-radius:0px}
.table-btns .btn{margin:0 2px;opacity: .8;}
.table-btns .btn:hover{opacity:1;}
.table .btn-sm{padding:.35rem .55rem;font-size:.8125rem;}

    @media only screen and (min-width: 360px) and (max-width:1024px) {
    .wcp-table{margin-top:-3px!important}
    .wcp-table-header{flex-direction:inherit !important;margin:6px 0 !important;font-size:13px;gap:12px}
    .wcp-table-head-row{display:flex;align-items:center}
    }