.supsystic-tables-wrap.stb-classic-design {
color:var(--stb-labelColor);
line-height:var(--stb-lineHeight);
background:var(--stb-surfaceBg);
padding:var(--stb-surfacePadding);
border-radius:var(--stb-radius);
box-sizing:border-box;
}
.stb-classic-design table.supsystic-table,.stb-classic-table {
border-radius:var(--stb-radius);
border-color:var(--stb-borderColor);
border-collapse:separate;
border-spacing:0;
}
.stb-classic-design table.supsystic-table th,.stb-classic-design table.supsystic-table td,table.stb-classic-table th,table.stb-classic-table td {
padding:var(--stb-cellPadding);
line-height:var(--stb-lineHeight);
border-color:var(--stb-borderColor);
}
.stb-classic-design table.supsystic-table.compact th,.stb-classic-design table.supsystic-table.compact td {
padding:calc(var(--stb-cellPadding) * .65);
}
.stb-classic-design table.supsystic-table thead th,.stb-classic-design table.supsystic-table tfoot th,table.stb-classic-table th {
font-weight:var(--stb-headerWeight);
}
.stb-classic-design table.supsystic-table tbody td {
font-weight:var(--stb-bodyWeight);
}
.stb-classic-design table.stripe tbody tr.even {
background-color:var(--stb-stripeBg)!important;
color:var(--stb-stripeText);
--stb-rowText:var(--stb-stripeText);
}
.stb-classic-design table.stripe tbody tr.even>td {
color:var(--stb-stripeText);
}
.stb-classic-design table.order-column tbody tr>td.sorting_1:not([style*="background"]) {
background-color:var(--stb-orderBg)!important;
}
.stb-classic-design table.hover tbody tr:hover {
background-color:var(--stb-hoverBg)!important;
color:var(--stb-hoverText);
--stb-rowText:var(--stb-hoverText);
}
.stb-classic-design table.hover tbody tr:hover>td:not([style*="background"]) {
background-color:var(--stb-hoverBg)!important;
}
.stb-classic-design table.hover tbody tr:hover>td:not([style*="color"]) {
color:var(--stb-hoverText);
}
.stb-classic-design table.supsystic-table thead tr:first-child th:first-child {
border-start-start-radius:var(--stb-radius);
}
.stb-classic-design table.supsystic-table thead tr:first-child th:last-child {
border-start-end-radius:var(--stb-radius);
}
.stb-classic-design a:not(.paginate_button):not(.button):not([class^=export-]) {
color:var(--stb-linkColor);
}
.stb-classic-design a:not(.paginate_button):not(.button):hover {
color:var(--stb-linkHover);
}
.stb-classic-design input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=range]):not([type=hidden]),.stb-classic-design textarea,.stb-classic-global-search input,.stb-classic-calendar {
color:var(--stb-inputText)!important;
background:var(--stb-inputBg)!important;
border:1px solid var(--stb-inputBorder)!important;
border-radius:var(--stb-controlRadius);
font-size:var(--stb-controlSize);
line-height:1.5;
padding:var(--stb-controlPadding) 11px;
box-shadow:none;
box-sizing:border-box;
max-width:100%;
}
.stb-classic-design input::placeholder,.stb-classic-design textarea::placeholder,.stb-classic-global-search input::placeholder {
color:var(--stb-placeholder);
opacity:.7;
}
.stb-classic-design select,.stb-classic-design .selectArea,.stb-classic-design .chosen-container .chosen-single,.stb-classic-design .chosen-container .chosen-choices {
color:var(--stb-selectText)!important;
background-color:var(--stb-selectBg)!important;
border:1px solid var(--stb-selectBorder)!important;
border-radius:var(--stb-controlRadius);
font-size:var(--stb-controlSize);
padding:var(--stb-controlPadding) 9px;
line-height:1.5;
max-width:100%;
box-sizing:border-box;
box-shadow:none;
}
.stb-classic-design option,.stb-classic-design .selectArea li,.stb-classic-design .chosen-drop {
background:var(--stb-selectBg);
color:var(--stb-selectText);
}
.stb-classic-design :is(input,select,textarea,button,a):focus-visible,.stb-classic-global-search input:focus-visible {
outline:2px solid var(--stb-focusColor)!important;
outline-offset:3px;
box-shadow:none;
}
.stb-classic-design input[type=checkbox],.stb-classic-design input[type=radio],.stb-classic-design input[type=range] {
accent-color:var(--stb-focusColor);
}
.stb-classic-design .dataTables_filter label,.stb-classic-design .dataTables_length label,.stb-classic-design .stbColumnsSearchWrapper label,.stb-classic-design .supsystic-tables-features {
color:var(--stb-labelColor);
font-size:var(--stb-metaSize);
}
.stb-classic-design .dataTables_filter input {
margin-inline-start:8px;
}
.stb-classic-design .dataTables_length select {
margin:0 6px;
min-width:64px;
}
.stb-classic-design .dataTables_filter,.stb-classic-design .dataTables_length {
margin-bottom:14px;
}
.stb-classic-design .stbColumnsSearchWrapper input,.stb-classic-design .stbColumnsSearchWrapper select {
width:100%;
min-width:0;
margin:0;
}
.stb-classic-design button,.stb-classic-design .button,.stb-classic-design input[type=button],.stb-classic-design input[type=submit],.stb-classic-design .supsystic-tables-export a {
color:var(--stb-buttonText)!important;
background:var(--stb-buttonBg)!important;
border:1px solid var(--stb-buttonBorder)!important;
border-radius:var(--stb-controlRadius);
font-size:var(--stb-buttonSize);
font-weight:var(--stb-buttonWeight);
line-height:1.5;
padding:var(--stb-controlPadding) 13px;
text-decoration:none;
box-shadow:none;
display:inline-block;
cursor:pointer;
}
.stb-classic-design button:hover,.stb-classic-design .button:hover,.stb-classic-design input[type=button]:hover,.stb-classic-design input[type=submit]:hover,.stb-classic-design .supsystic-tables-export a:hover {
color:var(--stb-buttonHoverText)!important;
background:var(--stb-buttonHoverBg)!important;
border-color:var(--stb-buttonHoverBg)!important;
}
.stb-classic-design .supsystic-tables-export {
display:flex;
flex-wrap:wrap;
gap:7px;
align-items:center;
margin:12px 0;
color:var(--stb-labelColor);
font-size:var(--stb-metaSize);
}
.stb-classic-design .supsystic-tables-export a i {
background-image:none!important;
width:auto;
height:auto;
font-style:normal;
}
.stb-classic-design .supsystic-tables-export a i::before {
content:'↓';
color:currentColor;
}
.stb-classic-design .dataTables_paginate {
margin-top:14px;
display:flex;
gap:5px;
align-items:center;
flex-wrap:wrap;
}
.stb-classic-design .dataTables_paginate>span {
display:inline-flex;
gap:5px;
flex-wrap:wrap;
}
.supsystic-tables-wrap.stb-classic-design .dataTables_wrapper .dataTables_paginate .paginate_button {
background:var(--stb-pageBg)!important;
color:var(--stb-pageText)!important;
border:1px solid var(--stb-pageBorder)!important;
border-radius:var(--stb-controlRadius);
font-size:var(--stb-buttonSize);
line-height:1.5;
min-width:34px;
padding:var(--stb-controlPadding) 11px;
margin:0;
box-shadow:none;
cursor:pointer;
text-decoration:none;
}
.supsystic-tables-wrap.stb-classic-design .dataTables_wrapper .dataTables_paginate .paginate_button.current {
background:var(--stb-pageActiveBg)!important;
color:var(--stb-pageActiveText)!important;
border-color:var(--stb-pageActiveBg)!important;
font-weight:var(--stb-buttonWeight);
}
.supsystic-tables-wrap.stb-classic-design .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover {
background:var(--stb-pageHoverBg)!important;
color:var(--stb-pageHoverText)!important;
}
.supsystic-tables-wrap.stb-classic-design .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.stb-classic-design button:disabled {
opacity:.45;
cursor:default;
}
.supsystic-tables-wrap.stb-classic-design .dataTables_wrapper .dataTables_info {
color:var(--stb-infoColor);
font-size:var(--stb-metaSize);
padding-top:20px;
}
.stb-classic-design .table-title {
color:var(--stb-captionColor);
font-size:1.35em;
font-weight:600;
margin:0 0 8px;
}
.stb-classic-design .table-desc {
color:var(--stb-descriptionColor);
line-height:var(--stb-lineHeight);
margin:0 0 16px;
}
.supsystic-tables-wrap.stb-classic-design .table-signature {
color:var(--stb-signatureColor);
font-size:var(--stb-metaSize);
padding-top:12px;
}
.stb-classic-import {
color:var(--stb-labelColor);
font-size:var(--stb-controlSize);
line-height:var(--stb-lineHeight);
background:var(--stb-surfaceBg);
padding:var(--stb-surfacePadding);
border-radius:var(--stb-radius);
}
.stb-classic-design td.dataTables_empty {
color:var(--stb-emptyColor);
--stb-rowText:var(--stb-emptyColor);
padding:24px!important;
}
.stb-classic-design .dataTables_processing {
background:var(--stb-processingBg)!important;
color:var(--stb-processingColor)!important;
border:1px solid var(--stb-borderColor);
border-radius:var(--stb-controlRadius);
box-shadow:0 4px 18px #00000012;
}
.stb-classic-design .justEdited::after {
color:var(--stb-editedColor);
}
.stb-classic-design .delete-upload-file,.stb-classic-design .removeRow,.stb-classic-design .remove-row {
color:var(--stb-dangerColor)!important;
background:var(--stb-inputBg)!important;
}
.stb-classic-design .collapsibleRowMain>td:first-child::after,.stb-classic-design .collapsibleRowMain>th:first-child::after,.stb-classic-design table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before {
color:var(--stb-linkColor);
}
.stb-classic-calendar .ui-datepicker-header,.stb-classic-calendar .ui-state-default {
background:var(--stb-selectBg);
color:var(--stb-selectText);
border-color:var(--stb-selectBorder);
}
.stb-classic-calendar .ui-state-active {
background:var(--stb-pageActiveBg);
color:var(--stb-pageActiveText);
}
.context-menu-list.stb-classic-context {
background:var(--stb-selectBg);
border-color:var(--stb-selectBorder);
border-radius:var(--stb-controlRadius);
padding:5px;
}
.context-menu-list.stb-classic-context .context-menu-item {
background:var(--stb-selectBg);
color:var(--stb-selectText);
font-size:var(--stb-controlSize);
padding:7px 12px;
}
.context-menu-list.stb-classic-context .context-menu-item.context-menu-hover {
background:var(--stb-pageActiveBg);
color:var(--stb-pageActiveText);
}
.stb-classic-context .context-menu-item.context-menu-disabled {
opacity:.5;
} table.stb-classic-sortable :is(th.sorting,th.sorting_asc,th.sorting_desc) {
background-image:none!important;
position:relative;
padding-inline-end:30px!important;
}
.stb-classic-sort {
display:none;
position:absolute;
inset-inline-end:11px;
top:50%;
width:8px;
height:14px;
margin-top:-7px;
pointer-events:none;
}
table.stb-classic-sortable :is(th.sorting,th.sorting_asc,th.sorting_desc)>.stb-classic-sort {
display:block;
}
.stb-classic-sort::before,.stb-classic-sort::after {
content:'';
position:absolute;
left:0;
width:0;
height:0;
border-left:4px solid transparent;
border-right:4px solid transparent;
opacity:.35;
}
.stb-classic-sort::before {
top:0;
border-bottom:5px solid var(--stb-sortColor, currentColor);
}
.stb-classic-sort::after {
bottom:0;
border-top:5px solid var(--stb-sortColor, currentColor);
}
th.sorting_asc>.stb-classic-sort::before {
border-bottom-color:var(--stb-sortActive, currentColor);
opacity:1;
}
th.sorting_desc>.stb-classic-sort::after {
border-top-color:var(--stb-sortActive, currentColor);
opacity:1;
}
.supsystic-tables-wrap[data-stb-sort-hover=on] table.stb-classic-sortable th.sorting:not(:hover)>.stb-classic-sort {
visibility:hidden;
}
.stb-classic-design :is(th.sorting_asc_disabled,th.sorting_desc_disabled) {
background-image:none!important;
}
.supsystic-tables-wrap .dataTables_scrollBody thead .stb-classic-sort {
display:none!important;
}
@media(max-width:600px) {
.stb-classic-design .dataTables_filter,.stb-classic-design .dataTables_length {
float:none;
text-align:start;
margin:10px 0;
}
.stb-classic-design .dataTables_filter input {
max-width:70%;
}
.stb-classic-design .dataTables_paginate {
justify-content:center;
}
.supsystic-tables-wrap.stb-classic-design .dataTables_wrapper .dataTables_info {
text-align:center;
}
}
@media(prefers-reduced-motion:reduce) {
.stb-classic-design * {
scroll-behavior:auto!important;
}
}
.stb-classic-design .supsystic-tables-export ul {
display:flex;
flex-wrap:wrap;
gap:7px;
align-items:center;
margin:0;
padding:0;
list-style:none;
}
.stb-classic-design .supsystic-tables-export li {
margin:0;
padding:0;
list-style:none;
}
.stb-classic-global-search input {
width:100%;
}
.stb-classic-design table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before {
background-color:var(--stb-buttonBg);
color:var(--stb-buttonText);
border-color:var(--stb-borderColor);
box-shadow:none;
}
.stb-classic-design table.dataTable>tbody>tr.child ul.dtr-details>li {
border-color:var(--stb-borderColor);
}
.stb-classic-design select {
appearance: none !important;
-webkit-appearance: none !important;
background-image: linear-gradient(45deg, transparent 50%, var(--stb-selectText) 50%), linear-gradient(135deg, var(--stb-selectText) 50%, transparent 50%) !important;
background-position: calc(100% - 14px) center, calc(100% - 10px) center !important;
background-size: 4px 4px !important;
background-repeat: no-repeat !important;
padding-inline-end: 28px;
}
.stb-classic-design .inputArea,
.stb-classic-design .selectArea,
.stb-classic-design .datetimeArea {
font-size: var(--stb-controlSize) !important;
} .stb-classic-design .supsystic-tables-export a i,
.stb-classic-design .supsystic-tables-export a i::before {
color: inherit !important;
opacity: 1 !important;
filter: none !important;
}