DIV.clsListControl { overflow: hidden; } DIV.clsListControl[dir="ltr"] > TABLE.clsListControlTable { text-align: left; } DIV.clsListControl[dir="rtl"] > TABLE.clsListControlTable { text-align: right; } TABLE.clsListControlTable { table-layout: fixed; border-collapse: collapse; empty-cells: show; text-align: start; text-indent: 0; } TBODY.clsListControlTBody { display: block; overflow-x: hidden; overflow-y: scroll; } TBODY.clsListControlTBody:not(:first-of-type) { border-top-width: 0 !important; } TBODY.clsListControlTBody:not(:last-of-type) { border-bottom-width: 0 !important; } TABLE.clsListControlTable[_847] > TBODY.clsListControlTBody { scroll-snap-type: y mandatory; } TABLE.clsListControlTable[_847] > TBODY.clsListControlTBody > TR:not(.clsListControlPreviousNextRows) { scroll-snap-align: start; } TABLE.clsListControlTable[_847] > TBODY.clsListControlTBody > TR:not(.clsListControlFirstRow):not(.clsListControlPreviousNextRows) { scroll-margin-top: -1px; } TBODY.clsListControlTBody > TR:not(.clsListControlPreviousNextRows) > * { border-width: 1px; border-style: solid; } TBODY.clsListControlColumnTitles > TR > *, TBODY.clsListControlTBody > TR > *, TBODY.clsListControlSummaryHeader > TR > *, TBODY.clsListControlSummaryFooter > TR > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } DIV.clsListControlColumnFilterTitle { overflow: hidden; text-overflow: ellipsis; } /* Suppress top borders on first row cells */ TR.clsListControlFirstRow > * { border-top-width: 0 !important; } /* Suppress bottom borders on last row cells */ TBODY.clsListControlTBody:not([_pe2]) > TR.clsListControlLastRow > * { border-bottom-width: 0 !important; } /* Suppress left borders on first column cells */ TBODY.clsListControlTBody > TR > TD:first-of-type { border-left-width: 0 !important; } /* Suppress right borders on last column cells */ TBODY.clsListControlTBody > TR > TD:last-of-type { border-right-width: 0 !important; } THEAD.clsListControlColumnSizes > TR > * { border-top-width: 0; border-bottom-width: 0; border-color: transparent; } THEAD.clsListControlColumnSizes, THEAD.clsListControlColumnSizes > TR > * TR.clsListControlPreviousNextRows > * { height: 0; } TABLE.clsListControlTable.clsTouchDevice TR.clsListControlPreviousNextRows { background: linear-gradient(to bottom, rgba(192, 191, 192, 0.2), rgba(192, 191, 192, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2)); } TR.clsListControlSelectedRow { /* outline: 2px solid var(--primary1); */ background-color: var(--primary1-20) !important; } /* DIV.clsListControl.clsShowListControlRowHover > TABLE.clsListControlTable > TBODY > TR { -webkit-transition: background-color 100ms ease-in !important; -moz-transition: background-color 100ms ease-in !important; -ms-transition: background-color 100ms ease-in !important; transition: background-color 100ms ease-in !important; } DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow):hover, DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow):focus { background-color: var(--primary1-20) !important; } DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow) > TD { color: inherit !important; } DIV.clsListControl.clsShowListControlRowHover TABLE.clsListControlTable > TBODY > TR:not(.clsListControlSelectedRow):hover > TD { color: var(--ui-05) !important; } */ TBODY.clsListControlTBody > TR > TD[_vk8] { cursor: pointer; } SPAN.clsListControlExpand { margin-right: 0.25em; } SPAN.clsListControlExpand > svg { fill: currentColor; height: 0.9em; width: 0.9em; vertical-align: middle; pointer-events: none; } TBODY.clsListControlTBody > TR > TD:not([_vk8]) > SPAN.clsListControlExpand > svg { display: none; } TBODY.clsListControlTBody[_ye2] > TR:not(.clsListControlPreviousNextRows) > TD:not([_vk8]) > SPAN.clsListControlExpand { margin-left: 0.9em; } .clsListControlDropdownArrow { height: 12px; width: 12px; vertical-align: middle; } TABLE.clsListControlTable[_y35] { position: relative; } DIV.clsListControlColumnResizer { position: absolute; cursor: col-resize; width: 5px; margin-left: -2px; top: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; } DIV.clsListControlColumnResizer[_bn7], DIV.clsListControlColumnResizer:hover { background-color: rgba( 0, 0, 0, 0.2 ); border-left-color: rgba( 255, 255, 255, 0.8 ); border-right-color: rgba( 255, 255, 255, 0.8 ); } DIV.clsListControlColumnResizeWidth { white-space: nowrap; line-height: normal; font-family: var(--F1); font-size: var(--BODY-S); font-weight: normal; color: var(--text-01); position: absolute; top: 0; padding: 2px 4px; border: 1px solid var(--G2); background-color: var(--ui-01); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); } LABEL.clsListControlCheckbox, LABEL.clsListControlRadioButton { display: inline; line-height: normal; } A.clsListControlSvgButton { cursor: pointer; fill: var(--text-02); } A.clsListControlSvgButton[_x35], A.clsListControlSvgButton[_ye6] { fill: currentColor; } A.clsListControlSvgButton svg { pointer-events: none; } TD.clsListControlColumnTitle A[_iv3] { visibility: hidden; } TD.clsListControlColumnTitle:hover A[_iv3] { visibility: visible; }