ffr-components/es/table/style.css

Fiori styled UI components

/*!
 * Fundamental Styles v0.3.0
 * Copyright (c) 2019 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */
/*!
.fd-table
    thead
    tbody
        tr+([aria-selected])
*/.fd-table{--fd-table-cell-spacing:var(--fd-width-gutter,16px);--fd-table-border-color:var(--fd-color-neutral-2,#eeeeef);--fd-table-background-color:var(--fd-color-background-2,#fff);--fd-table-link-color:var(--fd-color-action-1,#0a6ed1);--fd-table-header-color:var(--fd-color-text-3,#6a6d70);--fd-table-header-background-color:var(--fd-color-neutral-1,#fafafa);font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;width:100%;max-width:100%;border-collapse:collapse;margin:0 0 12px;background-color:#fff;border:1px solid #eeeeef}.hcb .fd-table{color:#fff}.hcb .fd-table,.hcw .fd-table{background-color:#fff;border-color:#eeeeef}.hcw .fd-table{color:#000}.fd-table:after,.fd-table:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-table:last-child{margin-bottom:0;margin-right:0}.fd-table__row{-webkit-transition:background-color 125ms ease-in;transition:background-color 125ms ease-in}.fd-table__row .is-hover,.fd-table__row:hover{background-color:#fafafa}.hcb .fd-table__row .is-hover,.hcb .fd-table__row:hover,.hcw .fd-table__row .is-hover,.hcw .fd-table__row:hover{background-color:#7a5100}.fd-table__row.is-selected,.fd-table__row[aria-selected=true]{background-color:var(--fd-color-background-selected,rgba(10,110,209,.07))}.fd-table__row.is-selected .is-hover,.fd-table__row.is-selected:hover,.fd-table__row[aria-selected=true] .is-hover,.fd-table__row[aria-selected=true]:hover{background-color:var(--fd-color-background-selected-hover,rgba(10,110,209,.1))}.fd-table__row--error,.fd-table__row--information,.fd-table__row--valid,.fd-table__row--warning{border:none}.fd-table__row--error .fd-table__cell:first-child,.fd-table__row--information .fd-table__cell:first-child,.fd-table__row--valid .fd-table__cell:first-child,.fd-table__row--warning .fd-table__cell:first-child{position:relative}.fd-table__row--error .fd-table__cell:first-child:before,.fd-table__row--information .fd-table__cell:first-child:before,.fd-table__row--valid .fd-table__cell:first-child:before,.fd-table__row--warning .fd-table__cell:first-child:before{position:absolute;left:0;top:0;border:2px solid;border-top-left-radius:4px;border-bottom-left-radius:4px;content:"";height:100%}.fd-table__row--error .fd-table__cell:first-child[dir=rtl]:before,.fd-table__row--information .fd-table__cell:first-child[dir=rtl]:before,.fd-table__row--valid .fd-table__cell:first-child[dir=rtl]:before,.fd-table__row--warning .fd-table__cell:first-child[dir=rtl]:before,[dir=rtl] .fd-table__row--error .fd-table__cell:first-child:before,[dir=rtl] .fd-table__row--information .fd-table__cell:first-child:before,[dir=rtl] .fd-table__row--valid .fd-table__cell:first-child:before,[dir=rtl] .fd-table__row--warning .fd-table__cell:first-child:before{left:auto;right:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.fd-table__row--valid{background-color:#f1fdf6}.hcb .fd-table__row--valid{background-color:#000}.hcw .fd-table__row--valid{background-color:#fff}.fd-table__row--valid .fd-table__cell:first-child:before{border-color:#0a7e3e}.hcb .fd-table__row--valid .fd-table__cell:first-child:before{border-color:#000}.hcw .fd-table__row--valid .fd-table__cell:first-child:before{border-color:#fff}.fd-table__row--warning{background-color:#fef7f1}.hcb .fd-table__row--warning{background-color:#000}.hcw .fd-table__row--warning{background-color:#fff}.fd-table__row--warning .fd-table__cell:first-child:before{border-color:#e9730c}.hcb .fd-table__row--warning .fd-table__cell:first-child:before{border-color:#000}.hcw .fd-table__row--warning .fd-table__cell:first-child:before{border-color:#fff}.fd-table__row--error{background-color:#ffebeb}.hcb .fd-table__row--error{background-color:#000}.hcw .fd-table__row--error{background-color:#fff}.fd-table__row--error .fd-table__cell:first-child:before{border-color:#b00}.hcb .fd-table__row--error .fd-table__cell:first-child:before{border-color:#000}.hcw .fd-table__row--error .fd-table__cell:first-child:before{border-color:#fff}.fd-table__row--information{background-color:#f5faff}.hcb .fd-table__row--information{background-color:#000}.hcw .fd-table__row--information{background-color:#fff}.fd-table__row--information .fd-table__cell:first-child:before{border-color:#0a6dd1}.hcb .fd-table__row--information .fd-table__cell:first-child:before{border-color:#000}.hcw .fd-table__row--information .fd-table__cell:first-child:before{border-color:#fff}.fd-table__header{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-size:12px;line-height:1.33333;font-weight:400;color:#6a6d70;background-color:#fafafa}.hcb .fd-table__header{color:#fff;color:#6a6d70;background-color:#fafafa}.hcw .fd-table__header{color:#000;color:#6a6d70;background-color:#fafafa}.fd-table__header:after,.fd-table__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-table__header .fd-table__row{border:none}.fd-table__header .fd-table__row:hover{background-color:inherit}.fd-table__header .fd-table__cell{color:#6a6d70;border:none;font-size:12px;line-height:1.33333;font-weight:400;padding-top:12px;padding-bottom:12px}.hcb .fd-table__header .fd-table__cell,.hcw .fd-table__header .fd-table__cell{color:#6a6d70}.fd-table__header .fd-table__cell.fd-table__fixed-cell{background-color:#eeeeef;left:0;z-index:2}.hcb .fd-table__header .fd-table__cell.fd-table__fixed-cell{background-color:#000}.hcw .fd-table__header .fd-table__cell.fd-table__fixed-cell{background-color:#fff}.fd-table__header .fd-table__context-menu:hover{background-color:#eeeeef;cursor:pointer}.hcb .fd-table__header .fd-table__context-menu:hover{background-color:#000}.hcw .fd-table__header .fd-table__context-menu:hover{background-color:#fff}.fd-table__body{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0}.hcb .fd-table__body{color:#fff}.hcw .fd-table__body{color:#000}.fd-table__body:after,.fd-table__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-table__body .fd-table__row{border:1px solid #eeeeef;border-right:none;border-left:none}.hcb .fd-table__body .fd-table__row,.hcw .fd-table__body .fd-table__row{border-color:#eeeeef}.fd-table__body .fd-table__cell{word-break:break-word}.fd-table__cell{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;font-weight:400;text-align:left;--fd-table-cell-spacing:calc(var(--fd-width-gutter, 16px)/2);padding:16px 8px}.hcb .fd-table__cell{color:#fff;padding-left:8px;padding-right:8px}.hcw .fd-table__cell{color:#000;padding-left:8px;padding-right:8px}.fd-table__cell:after,.fd-table__cell:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-table__cell:first-child,.hcb .fd-table__cell:first-child,.hcw .fd-table__cell:first-child{padding-left:16px}.fd-table__cell:last-child,.hcb .fd-table__cell:last-child,.hcw .fd-table__cell:last-child{padding-right:16px}.fd-table__cell .fd-dropdown__menu{min-width:auto;text-align:left}.fd-table__cell .fd-table__fixed-cell{background-color:#fff}.hcb .fd-table__cell .fd-table__fixed-cell{background-color:#000}.hcw .fd-table__cell .fd-table__fixed-cell{background-color:#fff}.fd-table__cell[dir=rtl],[dir=rtl] .fd-table__cell{text-align:right}.fd-table__cell[dir=rtl]:first-child,.hcb .fd-table__cell[dir=rtl]:first-child,.hcb [dir=rtl] .fd-table__cell:first-child,.hcw .fd-table__cell[dir=rtl]:first-child,.hcw [dir=rtl] .fd-table__cell:first-child,[dir=rtl] .fd-table__cell:first-child{padding-right:16px}.fd-table__sort-column:hover{background-color:#eeeeef;cursor:pointer}.hcb .fd-table__sort-column:hover{background-color:#000}.hcw .fd-table__sort-column:hover{background-color:#fff}.fd-table__sort-column:after{content:"";width:12px;height:12px;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA5LjUgMTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzZmNzI3NX08L3N0eWxlPjxnIGlkPSJMaXN0LUVsZW1lbnRzLS0tVGlsZXNfeDJDXy1UYWJsZXNfeDJDXy1UcmVlIj48ZyBpZD0iRnVuZGFtZW50YWxfTW9kdWxhcl9VSV9MaXN0LUVsZW1lbnRfVGFibGVfRml4YWJsZS1Db2x1bW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDggLTI0NDQpIj48ZyBpZD0iVGFibGUtQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MSAyMzAyKSI+PHBhdGggaWQ9IkFycm93LWRvd24iIGNsYXNzPSJzdDAiIGQ9Ik04MS43IDE0Mmw0LjcgNC44SDc3bDQuNy00Ljh6bTAgMWwtMy4xIDMuMWg2LjJsLTMuMS0zLjF6Ii8+PHBhdGggaWQ9IkFycm93LWRvd25fMV8iIGNsYXNzPSJzdDAiIGQ9Ik04MS44IDE1M2wtNC43LTQuOGg5LjRsLTQuNyA0Ljh6bTAtMWwzLjEtMy4xaC02LjJsMy4xIDMuMXoiLz48L2c+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%;margin:0 12px;vertical-align:text-top}.fd-table__sort-column--asc,.fd-table__sort-column--dsc{background-color:#eeeeef}.hcb .fd-table__sort-column--asc,.hcb .fd-table__sort-column--dsc{background-color:#000}.hcw .fd-table__sort-column--asc,.hcw .fd-table__sort-column--dsc{background-color:#fff}.fd-table__sort-column--asc:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA5LjUgMTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzZmNzI3NX08L3N0eWxlPjxnIGlkPSJMaXN0LUVsZW1lbnRzLS0tVGlsZXNfeDJDXy1UYWJsZXNfeDJDXy1UcmVlIj48ZyBpZD0iRnVuZGFtZW50YWxfTW9kdWxhcl9VSV9MaXN0LUVsZW1lbnRfVGFibGVfRml4YWJsZS1Db2x1bW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDggLTI0NDQpIj48ZyBpZD0iVGFibGUtQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MSAyMzAyKSI+PGcgaWQ9IlRhYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDcwKSI+PGcgaWQ9IkNvbHVtbi1IZWFkZXJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDU2KSI+PGcgaWQ9IlNvcnQtSWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcgMTYpIj48cGF0aCBpZD0iQXJyb3ctZG93biIgY2xhc3M9InN0MCIgZD0iTTQuNyAxMUwwIDYuMmg5LjRMNC43IDExem0wLTFsMy4xLTMuMUgxLjZMNC43IDEweiIvPjxwYXRoIGlkPSJBcnJvdy11cCIgY2xhc3M9InN0MCIgZD0iTTQuNyAwbDQuNyA0LjhIMEw0LjcgMHoiLz48L2c+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=)}.fd-table__sort-column--dsc:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA5LjUgMTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzZmNzI3NX08L3N0eWxlPjxnIGlkPSJMaXN0LUVsZW1lbnRzLS0tVGlsZXNfeDJDXy1UYWJsZXNfeDJDXy1UcmVlIj48ZyBpZD0iRnVuZGFtZW50YWxfTW9kdWxhcl9VSV9MaXN0LUVsZW1lbnRfVGFibGVfRml4YWJsZS1Db2x1bW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDggLTI0NDQpIj48ZyBpZD0iVGFibGUtQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MSAyMzAyKSI+PHBhdGggaWQ9IkFycm93LWRvd24iIGNsYXNzPSJzdDAiIGQ9Ik04MS43IDE0Mmw0LjcgNC44SDc3bDQuNy00Ljh6bTAgMWwtMy4xIDMuMWg2LjJsLTMuMS0zLjF6Ii8+PHBhdGggaWQ9IkFycm93LXVwIiBjbGFzcz0ic3QwIiBkPSJNODEuNyAxNTNsLTQuNy00LjhoOS40bC00LjcgNC44eiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==)}.fd-table__context-menu-label{display:block}.fd-table__context-menu-label:after{content:"";width:12px;height:12px;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MjcgNUwwIC4xODdoOS40MzJMNC43MjcgNXoiIGZpbGw9IiM2RjcyNzUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%;margin:0 12px;vertical-align:text-top}.fd-table__fixed-cell{left:0;max-width:200px;position:absolute;z-index:1;-webkit-box-shadow:2px 0 0 0 var(--fd-table-border-color,var(--fd-color-neutral-2,#eeeeef));box-shadow:2px 0 0 0 var(--fd-table-border-color,var(--fd-color-neutral-2,#eeeeef))}.fd-table--fixed-wrapper{position:relative}.fd-table--fixed{overflow-x:scroll;padding-left:200px}.fd-table--fixed .fd-table__cell{min-width:200px}.fd-table--no-borders{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:none}.hcb .fd-table--no-borders{color:#fff}.hcw .fd-table--no-borders{color:#000}.fd-table--no-borders:after,.fd-table--no-borders:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-table--no-borders .fd-table__body .fd-table__row{border:none}.fd-table--striped .fd-table__body .fd-table__row:nth-child(2n){background-color:#fafafa}.hcb .fd-table--striped .fd-table__body .fd-table__row:nth-child(2n),.hcw .fd-table--striped .fd-table__body .fd-table__row:nth-child(2n){background-color:#7a5100}.fd-table.fd-has-first-child-text-align-right .fd-table__cell:first-child,.fd-table.fd-has-last-child-text-align-right .fd-table__cell:last-child,.fd-table.fd-has-nth-child-2-text-align-right .fd-table__cell:nth-child(2),.fd-table.fd-has-nth-child-3-text-align-right .fd-table__cell:nth-child(3),.fd-table.fd-has-nth-child-4-text-align-right .fd-table__cell:nth-child(4),.fd-table.fd-has-nth-child-5-text-align-right .fd-table__cell:nth-child(5),.fd-table.fd-has-nth-child-6-text-align-right .fd-table__cell:nth-child(6),.fd-table.fd-has-nth-child-7-text-align-right .fd-table__cell:nth-child(7),.fd-table.fd-has-nth-child-8-text-align-right .fd-table__cell:nth-child(8),.fd-table.fd-has-nth-child-9-text-align-right .fd-table__cell:nth-child(9){text-align:right!important}.ffr-table-wrapper{width:100%;--expand-toggle:32px}.ffr-table-wrapper .ffr-table-toolbar{display:block}.ffr-table-content{position:relative;height:100%}.ffr-real-table{overflow:hidden;height:auto;position:relative}.ffr-real-table .fd-table{margin-bottom:0}.ffr-real-table .fd-table thead{--fd-table-header-background-color:var(--fd-color-background-12);background-color:var(--fd-table-header-background-color);font-size:1rem}.fd-table .ffr-align-center td,.fd-table .ffr-align-center th{text-align:center}.fd-table .ffr-align-left td,.fd-table .ffr-align-left th{text-align:left}.fd-table .ffr-align-right td,.fd-table .ffr-align-right th{text-align:right}.ffr-real-table th.ffr-checkbox-header{width:40px;text-align:center}.ffr-checkbox-header .fd-form-label,.ffr-leading-check .ffr-checkbox .ffr-form-label{margin-bottom:0;display:none}.ffr-checkbox-header .ffr-checkbox,.ffr-leading-check .ffr-checkbox{margin-right:0;padding-left:0}.ffr-leading-check .ffr-checkbox{-webkit-box-pack:center;justify-content:center}.ffr-real-table .ffr-leading-check{text-align:center;width:100%}.fd-table th.ffr-clickable-column{position:relative}.ffr-table-content .ffr-table-empty{width:100%;min-height:50px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background-color:#fff;position:absolute;bottom:0;height:auto;color:#6a6d70;border:1px solid #e5e5e5;box-sizing:border-box}.hcb .ffr-table-content .ffr-table-empty{background-color:#000;color:#fff}.hcw .ffr-table-content .ffr-table-empty{background-color:#fff;color:#000}.ffr-table-empty span{font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400}.fd-table th.ffr-clickable-column .fd-popover{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.fd-table th.ffr-clickable-column .fd-popover>div{height:100%}.fd-table th.ffr-clickable-column .fd-popover span{color:var(--fd-table-header-color);font-size:14px;line-height:1.33333;font-weight:400}.fd-table th.ffr-clickable-column:hover{background-color:#fafafa}.hcb .fd-table th.ffr-clickable-column:hover{background-color:#000}.hcw .fd-table th.ffr-clickable-column:hover{background-color:#fff}.fd-table th.ffr-clickable-column:active{background-color:#0854a0;color:#fff}.hcb .fd-table th.ffr-clickable-column:active{background-color:#fff;color:#fff}.hcw .fd-table th.ffr-clickable-column:active{background-color:#000;color:#000}.fd-table th.ffr-clickable-column:active span,.hcb .fd-table th.ffr-clickable-column:active span{color:#fff}.hcw .fd-table th.ffr-clickable-column:active span{color:#000}.fd-table .ffr-clickable-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;padding:0 8px}.fd-table .ffr-clickable-content-left{-webkit-box-pack:start;justify-content:flex-start}.fd-table .ffr-clickable-content-center{-webkit-box-pack:center;justify-content:center}.fd-table .ffr-clickable-content-right{-webkit-box-pack:end;justify-content:flex-end}.fd-table .ffr-column-title{display:inline-block;width:calc(100% - 12px)}.ffr-real-table .ffr-shadow-header{opacity:0;padding-right:16px}.ffr-table-menu{-webkit-box-align:center;align-items:center;background-color:#fff;min-width:5rem;border-radius:4px;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.hcb .ffr-table-menu{background-color:#000}.hcw .ffr-table-menu{background-color:#fff}.ffr-table-menu span{margin:0 4px;color:var(--fd-table-header-color);font-size:14px;line-height:1.33333;font-weight:400}.ffr-table-menu-item{padding:8px}.ffr-table-menu-item input{width:auto;height:2rem;padding-left:8px;padding-right:8px}.ffr-table-action-id{margin-left:4px}.ffr-horizental-scroll-table{table-layout:fixed}.ffr-table-row-hover{background-color:#fafafa}.hcb .ffr-table-row-hover,.hcw .ffr-table-row-hover{background-color:#7a5100}.ffr-tbl-section{background-color:#f2f2f2}.hcb .ffr-tbl-section{background-color:#000}.hcw .ffr-tbl-section{background-color:#fff}.fd-table tr.ffr-tbl-section:hover{background-color:#f2f2f2}.hcb .fd-table tr.ffr-tbl-section:hover{background-color:#000}.hcw .fd-table tr.ffr-tbl-section:hover{background-color:#fff}.ffr-table-bordered .ffr-tbl-section td{border-right:none}.ffr-real-table .ffr-tbl-section td:focus{outline:none}.ffr-real-table .fd-table .ffr-table-selected,.hcb .ffr-real-table .fd-table .ffr-table-selected,.hcw .ffr-real-table .fd-table .ffr-table-selected{background-color:rgba(10,110,209,.07)}.ffr-real-table .fd-table tr.ffr-table-selected-hover{background-color:#d8e8f7}.hcb .ffr-real-table .fd-table tr.ffr-table-selected-hover,.hcw .ffr-real-table .fd-table tr.ffr-table-selected-hover{background-color:#7a5100}.ffr-table-fixed{z-index:auto;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.ffr-table-fixed-left{float:left}.ffr-table-fixed-right{float:right}.ffr-table-scroll{overflow:auto}.ffr-table-bordered td,.ffr-table-bordered thead th.fd-table__cell{box-sizing:border-box;border-right:1px solid #e5e5e5;border-collapse:separate;border-spacing:0}.ffr-table-bordered thead.ffr-multiple-header th{border:1px solid #e5e5e5}.ffr-table-scroll-cover{background-color:#f2f2f2}.hcb .ffr-table-scroll-cover{background-color:#000}.hcw .ffr-table-scroll-cover{background-color:#fff}.ffr-table-expand-arrow{color:#0854a0;display:inline-block;width:var(--expand-toggle);text-align:center}.hcb .ffr-table-expand-arrow{color:#fff}.hcw .ffr-table-expand-arrow{color:#000}.ffr-align-toggle{width:var(--expand-toggle);display:inline-block}.ffr-expandable-table{table-layout:fixed}.ffr-expandable-fix-width{width:auto}.ffr-expandable-table td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ffr-table-scroll::-webkit-scrollbar-track:vertical{border-left:1px solid #e7e7e7;box-shadow:inset 1px 0 1px 0 #f6f6f6,inset -1px 0 1px 0 #f6f6f6}.hcw .ffr-table-scroll::-webkit-scrollbar-track:vertical{box-shadow:inset 1px 0 1px 0 #51555a,inset -1px 0 1px 0 #51555a}.ffr-table-scroll::-webkit-scrollbar-track:horizontal{border-top:1px solid #e7e7e7;box-shadow:inset 0 1px 1px 0 #f6f6f6,inset 0 -1px 1px 0 #f6f6f6}.hcw .ffr-table-scroll::-webkit-scrollbar-track:horizontal{box-shadow:inset 0 1px 1px 0 #51555a,inset 0 -1px 1px 0 #51555a}.ffr-table-scroll::-webkit-scrollbar{-webkit-appearance:none;background-color:#fafafa;width:16px}.ffr-table-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#c1c1c1;border-radius:9px 8px 8px 9px;border:3px solid transparent;border-left-width:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}.hcb .ffr-table-scroll::-webkit-scrollbar-thumb{box-shadow:0 0 1px hsla(0,0%,100%,.1)}.hcw .ffr-table-scroll::-webkit-scrollbar-thumb{box-shadow:0 0 1px rgba(0,0,0,.5)}.ffr-table-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.ffr-real-table td:focus,.ffr-real-table th:focus{outline:1px dotted #000;outline-offset:-1px}.hcb .ffr-real-table td:focus,.hcb .ffr-real-table th:focus{outline:1px dotted #fff}.ffr-table-compact td,.ffr-table-compact thead th{padding-top:8px;padding-bottom:8px}.ffr-table-menu-item-compact{padding:4px}