UNPKG

ornamentum

Version:

Angular Toolkit

ornamentum.app

yohangz/ornamentum

23 lines • 99.1 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{ "version": 3, "file": "aegean.theme.css", "sources": [ "../../../projects/ornamentum/src/styles/themes/aegean.theme.scss", "../../../projects/ornamentum/src/styles/themes/data-table/aegean.theme.scss", "../../../projects/ornamentum/src/styles/themes/data-table/_aegean.theme.variables.scss", "../../../projects/ornamentum/src/styles/themes/data-table/base.theme.scss", "../../../projects/ornamentum/src/styles/themes/_mixins.scss", "../../../projects/ornamentum/src/styles/themes/data-table/_base.theme.variables.scss", "../../../projects/ornamentum/src/styles/themes/dropdown/aegean.theme.scss", "../../../projects/ornamentum/src/styles/themes/dropdown/_aegean.theme.variables.scss", "../../../projects/ornamentum/src/styles/themes/dropdown/base.theme.scss", "../../../projects/ornamentum/src/styles/themes/dropdown/_base.theme.variables.scss", "../../../projects/ornamentum/src/styles/themes/_mixins.scss" ], "sourcesContent": [ "@import './data-table/aegean.theme';\n@import './dropdown/aegean.theme';\n", "@import 'aegean.theme.variables';\n@import 'base.theme';\n", "//Data Table Icons\n$data-table-icon-color: #444;\n$data-table-header-icon-color: #fff;\n$data-table-pagination-icon-color: #444;\n$data-table-pagination-icon-hover-color: #fff;\n$data-table-icon-close-color: #d32f2f;\n$data-table-loading-animation-color: #3b78e7;\n\n$close-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-close-color +\n '\" d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>';\n$expand-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 476.7 476.7\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M238.4 0C106.7 0 0 106.7 0 238.4c0 131.7 106.7 238.4 238.4 238.4 131.7 0 238.4-106.7 238.4-238.4C476.7 106.7 370 0 238.4 0zM352.7 289.2c-6.2 6.2-16.3 6.2-22.5 0l-91.9-91.9 -91.9 91.9c-6.2 6.2-16.3 6.2-22.5 0 -6.2-6.2-6.2-16.3 0-22.5L227.1 163.7c3.1-3.1 7.2-4.6 11.3-4.6s8.2 1.5 11.3 4.6L352.7 266.8C358.9 272.9 358.9 283 352.7 289.2z\"/></svg>';\n$refresh-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-header-icon-color +\n '\" d=\"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z\"/></svg>';\n$list-view-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-header-icon-color +\n '\" d=\"M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z\"/></svg>';\n$sort-ascending-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" height=\"24\" width=\"24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M3 6 9 6 9 8 3 8 3 6Zm0 12 0-2 18 0 0 2-18 0zm0-7 12 0 0 2-12 0 0-2z\"/></svg>';\n$sort-descending-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z\"/></svg>';\n$sort-reset-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm4-2v2h12V5H10zm0 14h12v-2H10v2zm0-6h12v-2H10v2z\"/></svg>';\n$first-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-pagination-icon-color +\n '\" d=\"M39.6 122.5l84.2-95.2c6.2-6.2 6.2-16.4 0-22.6 -6.2-6.2-16.4-6.2-22.6 0L7.2 111c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L39.6 122.5z\"/><path fill=\"' +\n $data-table-pagination-icon-color +\n '\" d=\"M153.6 122.5l84.2-95.2c6.3-6.3 6.3-16.4 0.1-22.6 -6.2-6.2-16.4-6.2-22.6 0l-94 106.3c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.3 6.2 16.4 6.2 22.6 0 6.3-6.2 6.3-16.4 0-22.6L153.6 122.5z\"/></svg>';\n$previous-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 237.9 237.9\"><path fill=\"' + $data-table-pagination-icon-color +\n '\" d=\"M89.9 119l91.9-91.9c6.2-6.2 6.2-16.3 0-22.5s-16.3-6.2-22.5 0L56.2 107.7c-3.1 3.1-4.6 7.2-4.6 11.3s1.5 8.2 4.6 11.3L159.3 233.3c6.2 6.2 16.3 6.2 22.5 0 6.2-6.2 6.2-16.3 0-22.5L89.9 119z\"/></svg>';\n$next-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 238 238\"><path fill=\"' + $data-table-pagination-icon-color +\n '\" d=\"M181.8 107.7L78.7 4.6c-6.2-6.2-16.3-6.2-22.5 0s-6.2 16.3 0 22.5l91.9 91.9 -91.9 91.9c-6.2 6.2-6.2 16.3 0 22.5s16.3 6.2 22.5 0l103.1-103c3.1-3.1 4.7-7.2 4.6-11.3C186.4 114.9 184.9 110.8 181.8 107.7z\"/></svg>';\n$last-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-pagination-icon-color +\n '\" d=\"M237.9 111L143.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2 -84.2 95.2c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.2 22.6 0l94-106.3c3.2-3.2 4.6-7.3 4.6-11.5S241 114.2 237.9 111z\"/><path fill=\"' +\n $data-table-pagination-icon-color +\n '\" d=\"M128.5 122.5c0.1-4.2-1.5-8.4-4.6-11.5L29.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2L7.2 217.7c-6.3 6.3-6.3 16.4 0 22.7 6.2 6.2 16.4 6.2 22.6 0l94-106.3C127 130.8 128.5 126.7 128.5 122.5z\"/></svg>';\n$first-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-pagination-icon-hover-color +\n '\" d=\"M39.6 122.5l84.2-95.2c6.2-6.2 6.2-16.4 0-22.6 -6.2-6.2-16.4-6.2-22.6 0L7.2 111c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L39.6 122.5z\"/><path fill=\"' +\n $data-table-pagination-icon-hover-color +\n '\" d=\"M153.6 122.5l84.2-95.2c6.3-6.3 6.3-16.4 0.1-22.6 -6.2-6.2-16.4-6.2-22.6 0l-94 106.3c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.3 6.2 16.4 6.2 22.6 0 6.3-6.2 6.3-16.4 0-22.6L153.6 122.5z\"/></svg>';\n$previous-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 237.9 237.9\"><path fill=\"' +\n $data-table-pagination-icon-hover-color +\n '\" d=\"M89.9 119l91.9-91.9c6.2-6.2 6.2-16.3 0-22.5s-16.3-6.2-22.5 0L56.2 107.7c-3.1 3.1-4.6 7.2-4.6 11.3s1.5 8.2 4.6 11.3L159.3 233.3c6.2 6.2 16.3 6.2 22.5 0 6.2-6.2 6.2-16.3 0-22.5L89.9 119z\"/></svg>';\n$next-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 238 238\"><path fill=\"' + $data-table-pagination-icon-hover-color +\n '\" d=\"M181.8 107.7L78.7 4.6c-6.2-6.2-16.3-6.2-22.5 0s-6.2 16.3 0 22.5l91.9 91.9 -91.9 91.9c-6.2 6.2-6.2 16.3 0 22.5s16.3 6.2 22.5 0l103.1-103c3.1-3.1 4.7-7.2 4.6-11.3C186.4 114.9 184.9 110.8 181.8 107.7z\"/></svg>';\n$last-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-pagination-icon-hover-color +\n '\" d=\"M237.9 111L143.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2 -84.2 95.2c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.2 22.6 0l94-106.3c3.2-3.2 4.6-7.3 4.6-11.5S241 114.2 237.9 111z\"/><path fill=\"' +\n $data-table-pagination-icon-hover-color +\n '\" d=\"M128.5 122.5c0.1-4.2-1.5-8.4-4.6-11.5L29.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2L7.2 217.7c-6.3 6.3-6.3 16.4 0 22.7 6.2 6.2 16.4 6.2 22.6 0l94-106.3C127 130.8 128.5 126.7 128.5 122.5z\"/></svg>';\n$loading-animation: '<svg enable-background=\"new 0 0 0 0\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m73 50c0-12.7-10.3-23-23-23s-23 10.3-23 23m3.9 0c0-10.5 8.5-19.1 19.1-19.1s19.1 8.6 19.1 19.1\" fill=\"' +\n $data-table-loading-animation-color +\n '\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" dur=\"1s\" from=\"0 50 50\" repeatCount=\"indefinite\" to=\"360 50 50\" type=\"rotate\"/></path></svg>' !default;\n\n//Common Styles\n$delete-color: #d32f2f !default;\n\n//Data Table Container Styles\n$data-table-container-border: 0 !default;\n$data-table-container-border-radius-value: 0.2rem !default;\n$data-table-container-box-shadow-value: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.3) !default;\n\n//Data Table Top Header Styles\n$data-table-top-header-background: #396996 !default;\n$data-table-top-header-border: #ddd !default;\n$data-table-top-header-border-radius-value: 0 !default;\n$data-table-top-header-text-color: #fff !default;\n\n//Data Table Dropdown Styles\n$data-table-dropdown-background: #fff !default;\n$data-table-dropdown-box-shadow-value: 2px 2px 10px rgba(0, 0, 0, 0.2) !default;\n$data-table-dropdown-border: #ddd !default;\n$data-table-dropdown-border-radius-value: 0.2rem !default;\n$data-table-dropdown-heading-background: #fff !default;\n$data-table-dropdown-heading-text-color: #444 !default;\n$data-table-dropdown-text-color: #444 !default;\n\n//Data Table Content Header Styles\n$data-table-content-header-background: #f1f1f1 !default;\n$data-table-content-header-border: #ddd !default;\n$data-table-content-header-text-color: #444 !default;\n$data-table-column-priority-icon-color: #396996 !default;\n$data-table-column-priority-text-color: #fff !default;\n\n//Data Table Input Styles\n$data-table-input-background: #fff !default;\n$data-table-input-border: #ddd !default;\n$data-table-input-border-radius-value: 0.2rem !default;\n$data-table-input-text-color: #444 !default;\n\n//Data Table Content Styles\n$data-table-content-background: #fff !default;\n\n//Common Data Table Styles\n\n$data-table-border: #ddd !default;\n$data-table-row-background: #fff !default;\n$data-table-cell-text-color: #444 !default;\n$data-table-row-hover-background: none !default;\n$data-table-row-hover-cell-text-color: #444 !default;\n\n$data-table-odd-row-background: #fff !default;\n$data-table-odd-row-cell-text-color: #444 !default;\n$data-table-odd-row-hover-background: #f1f5fd !default;\n$data-table-odd-row-hover-cell-text-color: #444 !default;\n\n$data-table-even-row-background: #f7f7f7 !default;\n$data-table-even-row-cell-text-color: #444 !default;\n$data-table-even-row-hover-background: #f1f5fd !default;\n$data-table-even-row-hover-cell-text-color: #444 !default;\n\n$data-table-selected-row-background: #a8c2f1 !default;\n$data-table-selected-row-cell-text-color: #444 !default;\n$data-table-selected-row-hover-background: #a8c2f1 !default;\n$data-table-selected-row-hover-cell-text-color: #444 !default;\n\n//Data Table Loading Window Background\n$data-table-loading-window-background: #fff !default;\n$data-table-loading-window-border: #ddd !default;\n\n//No Record Message Text Color\n$data-table-no-records-main-heading-message-text-color: #144067 !default;\n$data-table-no-records-sub-heading-message-text-color: #333 !default;\n$data-table-no-records-button-background: #fff !default;\n$data-table-no-records-button-border: #144067 !default;\n$data-table-no-records-button-text-color: #144067 !default;\n$data-table-no-records-button-border-radius-value: 0.2rem !default;\n\n//Data Table Pagination Style\n$data-table-pagination-background: #fff !default;\n$data-table-pagination-border: #ddd !default;\n$data-table-pagination-border-radius-value: 0 !default;\n$data-table-pagination-range-text-color: #444 !default;\n$data-table-pagination-range-value-text-color: #3b78e7 !default;\n$data-table-pagination-input-border: #ddd !default;\n$data-table-pagination-input-label-border: transparent !default;\n$data-table-pagination-input-label-text-color: #444 !default;\n$data-table-pagination-input-background: #fff !default;\n$data-table-pagination-input-text-color: #444 !default;\n\n//Data Table Pagination Action Button Styles\n$data-table-pagination-action-button-background: #fff !default;\n$data-table-pagination-action-button-background-hover: #f5f5f5 !default;\n$data-table-pagination-action-button-border: #ddd !default;\n$data-table-pagination-action-button-border-radius-value: 0.15rem !default;\n$data-table-pagination-action-button-hover-border: #ddd !default;\n\n$data-table-pagination-disabled-action-button-background: #fff !default;\n$data-table-pagination-disabled-action-button-border: #ddd !default;\n\n$data-table-pagination-first-page-action-button-background: #fff !default;\n$data-table-pagination-first-page-action-button-background-hover: #144067 !default;\n$data-table-pagination-first-page-action-button-border: #ddd !default;\n$data-table-pagination-first-page-action-button-hover-border: #144067 !default;\n\n$data-table-pagination-previous-page-action-button-background: #fff !default;\n$data-table-pagination-previous-page-action-button-background-hover: #144067 !default;\n$data-table-pagination-previous-page-action-button-border: #ddd !default;\n$data-table-pagination-previous-page-action-button-hover-border: #144067 !default;\n\n$data-table-pagination-next-page-action-button-background: #fff !default;\n$data-table-pagination-next-page-action-button-background-hover: #144067 !default;\n$data-table-pagination-next-page-action-button-border: #ddd !default;\n$data-table-pagination-next-page-action-button-hover-border: #144067 !default;\n\n$data-table-pagination-last-page-action-button-background: #fff !default;\n$data-table-pagination-last-page-action-button-background-hover: #144067 !default;\n$data-table-pagination-last-page-action-button-border: #ddd !default;\n$data-table-pagination-last-page-action-button-hover-border: #144067 !default;\n", "@import '../mixins';\n@import 'base.theme.variables';\n\n// Data table main wrapper styles\n// Scrollable table styles\n// Data table header styles\n// Data table content styles\n.ng-data-table-container {\n border: $data-table-container-border;\n border-radius: $data-table-container-border-radius-value;\n box-shadow: $data-table-container-box-shadow-value;\n //overflow: hidden;\n position: relative;\n\n * {\n &::before,\n &::after {\n box-sizing: border-box;\n }\n }\n\n //Scrollable table styles\n &.scrollable {\n .ng-data-table-content-header-container {\n padding-right: 15px;\n position: relative;\n\n .ng-data-table-content-header {\n overflow: hidden;\n }\n }\n\n > .ng-data-table-content-container {\n .ng-data-table-content-header-container {\n .ng-data-table-content-header {\n .ng-data-table {\n border-right: 0.05rem solid $data-table-content-header-border;\n }\n }\n }\n\n > .ng-data-table-content {\n -webkit-overflow-scrolling: touch; // sass-lint:disable-line no-vendor-prefixes\n overflow-y: scroll;\n\n .ng-data-table {\n border-right: 0.05rem solid $data-table-content-header-border;\n }\n }\n }\n\n .ng-data-table-content {\n overflow: auto;\n }\n }\n\n //Data table content container styles\n .ng-data-table-content-container {\n -webkit-overflow-scrolling: touch; // sass-lint:disable-line no-vendor-prefixes\n background: $data-table-content-background;\n overflow-y: auto;\n\n // Data table content header container styles\n .ng-data-table-content-header-container {\n background: $data-table-content-header-background;\n border: 0;\n\n .ng-data-table-content-header {\n border: 0;\n position: relative;\n width: 100%;\n\n .ng-data-table {\n background: $data-table-content-header-background;\n border: 0;\n border-bottom: 0.05rem solid $data-table-content-header-border;\n border-right: 0.05rem solid transparent;\n }\n }\n }\n\n // Data table content styles\n .ng-data-table-content {\n border: 0;\n overflow: initial;\n position: relative;\n width: 100%;\n\n .ng-data-table-loading-spinner {\n &:not([hidden]) {\n min-height: 4rem;\n }\n }\n\n .ng-data-table {\n border-right: 0.05rem solid transparent;\n border-top: 0;\n overflow: hidden;\n }\n\n &.ng-data-table-loading {\n pointer-events: none;\n }\n }\n\n + ng-data-table-pagination {\n .ng-data-table-pagination-container {\n border-top: 0.05rem solid $data-table-pagination-border;\n }\n }\n }\n\n // ng-dropdown styles override to matching with data table styles.\n // ng-dropdown selected value styles.\n\n .ng-dropdown {\n .ng-dropdown-input-group-btn {\n right: 1.3rem;\n }\n\n .ng-dropdown-toggle {\n font-size: inherit;\n font-weight: normal;\n margin: 0.2rem 0;\n padding: 0.05rem 2.5rem 0.05rem 0.5rem;\n width: auto;\n\n .ng-dropdown-selected-value {\n background: none;\n margin: 0;\n padding: 0 0.5rem;\n }\n\n &::after {\n position: absolute;\n right: 0.5rem;\n top: 0.7rem;\n }\n\n .ng-dropdown-loading {\n right: -0.1rem;\n top: -0.2rem;\n }\n }\n }\n\n .ng-dropdown-menu-wrapper {\n @include font-size(0.7, 1.2);\n\n .ng-dropdown-input-group-btn {\n right: .3em;\n }\n }\n\n // Top table header styles for the following elements.\n // Data table main title\n // Data table refresh button\n // Data table column selector button\n\n %table-header-icon {\n content: '';\n cursor: pointer;\n height: 1.7em;\n width: 1.7em;\n }\n\n .ng-data-table-top-header-container {\n @include font-size(0.8, 1.4);\n align-items: center;\n background-color: $data-table-top-header-background;\n border: 0;\n border-radius:$data-table-top-header-border-radius-value;\n border-bottom: 0.05rem solid $data-table-top-header-border;\n display: flex;\n justify-content: space-between;\n min-height: 2rem;\n padding: 0 0 0 0.5rem;\n position: relative;\n\n .ng-data-table-top-header-title {\n @include font-size(1, 1.8);\n color: $data-table-top-header-text-color;\n margin: 0;\n }\n\n .ng-data-table-top-header-button-container {\n align-items: center;\n display: flex;\n\n .ng-data-table-action-button {\n border: 0;\n\n &.ng-data-table-refresh-button {\n @extend %table-header-icon;\n background: inline-svg($refresh-icon-url) no-repeat;\n background-position: 50%;\n background-size: 60%;\n height: 2.5em;\n margin-right: 0.5em;\n width: 2.5em;\n }\n\n &.ng-data-table-column-selector-button {\n @extend %table-header-icon;\n background: inline-svg($list-view-icon-url) no-repeat;\n background-position: 50%;\n background-size: 60%;\n height: 2.5em;\n width: 2.5em;\n }\n\n &:focus,\n &:visited {\n outline: none;\n }\n }\n }\n }\n\n // Top table header column selector popup styles and styles for the following elements.\n // Popup title\n // Check box selector list view\n // Data table column selector button\n\n .ng-data-table-column-selector-wrapper {\n @include font-size(0.8, 1.4);\n background: $data-table-dropdown-background;\n border-radius: $data-table-dropdown-border-radius-value;\n box-shadow: $data-table-dropdown-box-shadow-value;\n max-height: 20rem;\n overflow: hidden;\n padding: 0;\n z-index: 1060;\n\n .ng-data-table-column-selector-box-heading {\n @include font-size(0.9, 1.4);\n background: $data-table-dropdown-heading-background;\n border: 0;\n border-bottom: 0.05rem solid $data-table-dropdown-border;\n color: $data-table-dropdown-heading-text-color;\n font-weight: 400;\n margin-bottom: 0.5rem;\n padding: 0.5rem;\n text-align: center;\n }\n\n .ng-data-table-column-selector-box {\n max-height: 15rem;\n overflow: auto;\n padding: 0.5rem 1rem 1rem;\n\n .ng-data-table-column-selector-checkbox {\n @include font-size(0.8, 1.4);\n margin-bottom: .5rem;\n\n label {\n color: $data-table-dropdown-text-color;\n cursor: pointer;\n\n span {\n padding-left: .5rem;\n }\n }\n }\n }\n }\n\n // Common table styles.\n // Table row styles\n // Table column styles\n\n .ng-data-table {\n border: 0.05rem solid $data-table-border;\n border-collapse: collapse;\n border-left: 0;\n margin-bottom: 0;\n max-width: 100%;\n table-layout: fixed;\n width: 100%;\n\n thead {\n > tr {\n > th {\n @include font-size(0.7, 1.7);\n border: 0.05rem solid $data-table-content-header-border;\n border-top: 0;\n color: $data-table-content-header-text-color;\n padding: 0 0.5rem;\n position: relative;\n vertical-align: baseline;\n word-break: break-all;\n\n .ng-data-table-header-input-box {\n position: relative;\n }\n\n .ng-data-table-input-group-btn {\n height: 1.3em;\n position: absolute;\n right: 0.2rem;\n top: 50%;\n transform: translateY(-50%);\n width: 1.3em;\n z-index: 1;\n\n .ng-data-table-delete-button {\n background: inline-svg($close-icon-url);\n background-size: contain;\n border: 0;\n cursor: pointer;\n height: 100%;\n outline: none;\n padding: 0;\n vertical-align: top;\n width: 100%;\n }\n }\n\n .ng-data-table-checkbox-input {\n margin: 0;\n }\n\n .ng-data-table-column-resize-handle {\n bottom: 0;\n cursor: col-resize;\n display: block;\n height: 100%;\n position: absolute;\n right: -0.5rem;\n width: 1rem;\n z-index: 10001;\n }\n\n &:first-child {\n border-left: 0;\n }\n\n &:last-child {\n border-right: 0;\n }\n }\n\n .ng-data-table-column-header {\n .ng-data-table-column-header-label {\n @include font-size(0.7, 1);\n\n &:first-child {\n display: inline-block;\n padding-right: 0.8rem;\n word-break: break-word;\n }\n }\n }\n\n [hidden] {\n animation: rotating 1s ease;\n }\n\n &:last-child {\n th {\n border: 0;\n border-right: 0.05rem solid $data-table-content-header-border;\n\n .ng-data-table-header-input {\n background: $data-table-input-background;\n border-radius: $data-table-input-border-radius-value;\n border: 0.05rem solid $data-table-input-border;\n box-sizing: border-box;\n color: $data-table-input-text-color;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0.2rem 0;\n outline: 0;\n padding: 0.05rem 0.8rem 0.05rem 0.3rem;\n width: 100%;\n\n &.ng-data-table-clear-filter {\n padding: 0 1.4rem 0 0.5rem;\n }\n }\n\n &:last-child {\n border-right: 0;\n }\n }\n }\n }\n }\n\n tbody {\n > tr {\n cursor: pointer;\n\n &.ng-data-table-row-expansion {\n > td {\n padding: 0;\n }\n }\n\n > td {\n @include font-size(0.7, 1.4);\n background: $data-table-row-background;\n border: 0;\n border-right: 0.05rem solid $data-table-border;\n border-top: 0.05rem solid $data-table-border;\n color: $data-table-cell-text-color;\n font-weight: 400;\n padding: 0.2rem 0.5rem;\n vertical-align: top;\n word-break: break-word;\n\n &:last-child {\n border-right: 0;\n }\n\n &.ng-data-table-row-expand-button {\n position: relative;\n\n %table-expand-icon {\n background: inline-svg($expand-icon-url) no-repeat;\n background-size: auto;\n content: '';\n cursor: pointer;\n height: 1.3em;\n left: 0.7em;\n position: absolute;\n top: 0.7em;\n width: 1.3em;\n }\n\n .ng-data-table-expander-collapsed-icon {\n @extend %table-expand-icon;\n transform: rotate(90deg);\n }\n\n .ng-data-table-expander-expanded-icon {\n @extend %table-expand-icon;\n transform: rotate(180deg);\n }\n\n .ng-data-table-loading-animation {\n align-items: center;\n display: flex;\n height: 100%;\n width: 100%;\n }\n }\n }\n\n &.row-odd {\n td {\n background: $data-table-odd-row-background;\n color: $data-table-odd-row-cell-text-color;\n }\n\n &:hover {\n td {\n background: $data-table-odd-row-hover-background;\n color: $data-table-odd-row-hover-cell-text-color;\n }\n\n + .row-odd {\n td {\n background: $data-table-odd-row-hover-background;\n color: $data-table-odd-row-hover-cell-text-color;\n }\n }\n }\n }\n\n &:hover {\n td {\n background: $data-table-row-hover-background;\n color: $data-table-row-hover-cell-text-color;\n }\n }\n\n &.row-even {\n td {\n background: $data-table-even-row-background;\n color: $data-table-even-row-cell-text-color;\n }\n\n &:hover {\n td {\n background: $data-table-even-row-hover-background;\n color: $data-table-even-row-hover-cell-text-color;\n }\n\n + .row-even {\n td {\n background: $data-table-even-row-hover-background;\n color: $data-table-even-row-hover-cell-text-color;\n }\n }\n }\n }\n\n &.selected {\n td {\n background: $data-table-selected-row-background;\n color: $data-table-selected-row-cell-text-color;\n }\n\n &:hover {\n td {\n background: $data-table-selected-row-hover-background;\n color: $data-table-selected-row-hover-cell-text-color;\n }\n\n + .selected {\n td {\n background: $data-table-selected-row-hover-background;\n color: $data-table-selected-row-hover-cell-text-color;\n }\n }\n }\n }\n\n &.disabled {\n opacity: 0.3;\n pointer-events: none;\n }\n\n &:first-child {\n td {\n border-top: 0;\n }\n }\n }\n\n + tbody {\n border-top: 0.05rem solid $data-table-border;\n }\n }\n }\n\n // Data Table Column Sort Priority Icon\n\n .ng-data-table-column-sort-priority {\n align-items: center;\n background: $data-table-column-priority-icon-color;\n border-radius: 50%;\n bottom: .5em;\n display: inline-flex;\n height: 1.5em;\n justify-content: center;\n position: absolute;\n right: 1.7em;\n width: 1.5em;\n\n small {\n color: $data-table-column-priority-text-color;\n }\n\n ~ .ng-data-table-column-header-label {\n padding-right: 1.8rem;\n }\n }\n\n // Data table sorting icons styles\n // Ascending icon styles\n // Descending icon styles\n // Reset icon styles\n\n .ng-data-table-column-sort-icon {\n bottom: 0.5em;\n content: '';\n cursor: pointer;\n height: 1.2em;\n position: absolute;\n right: 0.5em;\n width: 1.2em;\n\n &.sort-asc {\n background: inline-svg($sort-ascending-icon-url);\n background-size: contain;\n }\n\n &.sort-dsc {\n background: inline-svg($sort-descending-icon-url);\n background-size: contain;\n }\n\n &.sort-reset {\n background: inline-svg($sort-reset-icon-url);\n background-size: contain;\n }\n }\n\n // Data table Loading Window Styles\n // Loading animation styles\n\n .ng-data-table-loading-cover {\n align-items: center;\n background: $data-table-loading-window-background;\n border: 0;\n border-top: 0.05rem solid $data-table-loading-window-border;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n opacity: 0.8;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n\n .ng-data-table-loading-animation {\n background: inline-svg($loading-animation) no-repeat;\n height: 4rem;\n width: 4rem;\n }\n\n // Data table no records found message styles\n\n .ng-data-table-no-records-message-container {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n position: absolute;\n width: 100%;\n\n .ng-data-table-no-records-message {\n align-items: center;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n height: 100%;\n justify-content: center;\n }\n\n h1,\n .ng-data-table-no-records-main-heading-message {\n @include font-size(1.2, 2);\n color: $data-table-no-records-main-heading-message-text-color;\n margin-bottom: 0;\n }\n\n h2,\n .ng-data-table-no-records-sub-heading-message {\n @include font-size(0.8, 1.4);\n color: $data-table-no-records-sub-heading-message-text-color;\n }\n\n .ng-data-table-no-records-message-button {\n @include font-size(0.8, 1.4);\n background: $data-table-no-records-button-background;\n border: 0.1rem solid $data-table-no-records-button-border;\n border-radius: $data-table-no-records-button-border-radius-value;\n color: $data-table-no-records-button-text-color;\n cursor: pointer;\n font-weight: 700;\n\n &:hover {\n background: $data-table-no-records-button-text-color;\n color: $data-table-no-records-button-background;\n }\n }\n }\n\n // Data table pagination style for the following elements.\n // Pagination range\n // Pagination controllers\n // Pagination limit\n // Pagination pages\n\n %form-styles {\n @include font-size(0.7, 0.8);\n border: 0.05rem solid $data-table-pagination-input-border;\n color: $data-table-pagination-input-text-color;\n padding: 0.25rem;\n\n &:focus {\n outline: 0;\n }\n }\n\n .ng-data-table-pagination-container {\n @include font-size(0.7, 1.4);\n background: $data-table-pagination-background;\n border: 0;\n border-bottom: 0.05rem solid $data-table-pagination-border;\n border-radius: $data-table-pagination-border-radius-value;\n border-top: 0.05rem solid $data-table-pagination-border;\n display: flex;\n justify-content: space-between;\n margin-bottom: -0.05rem;\n margin-top: -0.05rem;\n padding: 0.5rem;\n\n .ng-invalid {\n border-color: $delete-color;\n }\n\n .ng-data-table-pagination-range {\n align-items: center;\n color: $data-table-pagination-range-text-color;\n display: flex;\n\n span {\n color: $data-table-pagination-range-value-text-color;\n padding: 0 0.2rem;\n }\n }\n\n .ng-data-table-pagination-controllers {\n @include font-size(0.7, 1.4);\n display: flex;\n justify-content: space-between;\n\n &.sm-controllers {\n width: 100%;\n\n .ng-data-table-pagination-limit {\n margin-right: 1.5rem;\n }\n\n .ng-data-table-pagination-input-label {\n padding: 0.375rem 0.15rem;\n }\n }\n\n .ng-data-table-pagination-limit {\n margin-right: 2.5rem;\n\n .ng-data-table-pagination-input-container {\n align-items: stretch;\n display: flex;\n height: 1.4rem;\n position: relative;\n width: 100%;\n }\n\n .ng-data-table-pagination-input {\n @extend %form-styles;\n max-width: 3rem;\n }\n }\n\n .ng-data-table-pagination-input {\n @extend %form-styles;\n background: $data-table-pagination-input-background;\n\n &.ng-data-table-input-error {\n border-color: $delete-color;\n }\n }\n\n .ng-data-table-pagination-input-label {\n @extend %form-styles;\n align-items: center;\n border: 0;\n color: $data-table-pagination-input-label-text-color;\n display: flex;\n margin-bottom: 0;\n padding: 0.375rem 0.75rem;\n text-align: center;\n white-space: nowrap;\n\n span {\n padding-right: 0.3rem;\n }\n }\n\n .ng-data-table-pagination-pages {\n display: flex;\n justify-content: space-between;\n\n .ng-data-table-pagination-input-container {\n height: 1.4rem;\n }\n\n %action-button-icon-styles {\n background-size: contain;\n content: '';\n height: 0.5rem;\n position: relative;\n width: 0.5rem;\n }\n\n .ng-data-table-action-button {\n @include font-size(0.7, 0.8);\n align-items: center;\n background-color: $data-table-pagination-action-button-background;\n border: 0.05rem solid $data-table-pagination-action-button-border;\n border-radius: $data-table-pagination-action-button-border-radius-value;\n cursor: pointer;\n display: flex;\n height: 1.4rem;\n justify-content: center;\n margin-right: 0.5rem;\n outline: none;\n padding: 0;\n position: relative;\n transition: all 0.5s ease ;\n width: 1.4rem;\n\n &[disabled] {\n background-color: $data-table-pagination-disabled-action-button-background;\n border: 0.05rem solid $data-table-pagination-disabled-action-button-border;\n cursor: not-allowed;\n opacity: 0.7;\n }\n\n &.ng-data-table-pagination-firstpage {\n background-color: $data-table-pagination-first-page-action-button-background;\n border: 0.05rem solid $data-table-pagination-first-page-action-button-border;\n\n &::before {\n @extend %action-button-icon-styles;\n background: inline-svg($first-page-icon-url) no-repeat;\n }\n\n &:hover {\n background-color: $data-table-pagination-first-page-action-button-background-hover;\n border: 0.05rem solid $data-table-pagination-first-page-action-button-hover-border;\n\n &::before {\n background: inline-svg($first-page-icon-url-hover) no-repeat;\n }\n }\n }\n\n &.ng-data-table-pagination-prevpage {\n background-color: $data-table-pagination-previous-page-action-button-background;\n border: 0.05rem solid $data-table-pagination-previous-page-action-button-border;\n\n &::before {\n @extend %action-button-icon-styles;\n background: inline-svg($previous-page-icon-url) no-repeat;\n }\n\n &:hover {\n background-color: $data-table-pagination-previous-page-action-button-background-hover;\n border: 0.05rem solid $data-table-pagination-previous-page-action-button-hover-border;\n\n &::before {\n background: inline-svg($previous-page-icon-url-hover) no-repeat;\n }\n }\n }\n\n &.ng-data-table-pagination-nextpage {\n background-color: $data-table-pagination-next-page-action-button-background;\n border: 0.05rem solid $data-table-pagination-next-page-action-button-border;\n\n &::before {\n @extend %action-button-icon-styles;\n background: inline-svg($next-page-icon-url) no-repeat;\n }\n\n &:hover {\n background-color: $data-table-pagination-next-page-action-button-background-hover;\n border: 0.05rem solid $data-table-pagination-next-page-action-button-hover-border;\n\n &::before {\n background: inline-svg($next-page-icon-url-hover) no-repeat;\n }\n }\n }\n\n &.ng-data-table-pagination-lastpage {\n background-color: $data-table-pagination-last-page-action-button-background;\n border: 0.05rem solid $data-table-pagination-last-page-action-button-border;\n\n &::before {\n @extend %action-button-icon-styles;\n background: inline-svg($last-page-icon-url) no-repeat;\n }\n\n &:hover {\n background-color: $data-table-pagination-last-page-action-button-background-hover;\n border: 0.05rem solid $data-table-pagination-last-page-action-button-hover-border;\n\n &::before {\n background: inline-svg($last-page-icon-url-hover) no-repeat;\n }\n }\n }\n\n &:hover {\n background-color: $data-table-pagination-action-button-background-hover;\n border: 0.05rem solid $data-table-pagination-action-button-hover-border;\n }\n }\n\n .ng-data-table-pagination-page {\n margin-right: 0.5rem;\n\n .ng-data-table-pagination-input-container {\n align-items: stretch;\n display: flex;\n height: 1.4rem;\n position: relative;\n width: 100%;\n }\n\n .ng-data-table-pagination-input-label {\n border: 0.05rem solid $data-table-pagination-input-label-border;\n border-left: 0;\n }\n\n .ng-data-table-pagination-input {\n align-items: center;\n display: flex;\n flex: 1 1 auto;\n margin-bottom: 0;\n min-width: 2.5rem;\n position: relative;\n width: 3rem;\n }\n }\n }\n }\n }\n}\n", "// font-size use em as a unit and px as a fallback\n@mixin font-size($size: 1.6, $line: $size * 1.5) {\n font-size: $size + rem;\n line-height: $line + rem;\n}\n\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n @return $string;\n}\n\n@function url-encode($string) {\n $map: (\n '%': '%25',\n '<': '%3C',\n '>': '%3E',\n ' ': '%20',\n '!': '%21',\n '*': '%2A',\n \"'\": '%27',\n '\"': '%22',\n '(': '%28',\n ')': '%29',\n ';': '%3B',\n ':': '%3A',\n '@': '%40',\n '&': '%26',\n '=': '%3D',\n '+': '%2B',\n '$': '%24',\n ',': '%2C',\n '/': '%2F',\n '?': '%3F',\n '#': '%23',\n '[': '%5B',\n ']': '%5D'\n );\n $new: $string;\n @each $search, $replace in $map {\n $new: str-replace($new, $search, $replace);\n }\n @return $new;\n}\n\n@function inline-svg($string) {\n @return url('data:image/svg+xml;charset=US-ASCII,#{url-encode($string)}');\n}\n", "//Data Table Icons\n$data-table-icon-color: #333;\n$data-table-icon-close-color: #d32f2f;\n$data-table-loading-animation-color: #333;\n\n$close-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-close-color +\n '\" d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>' !default;\n$expand-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 476.7 476.7\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M238.4 0C106.7 0 0 106.7 0 238.4c0 131.7 106.7 238.4 238.4 238.4 131.7 0 238.4-106.7 238.4-238.4C476.7 106.7 370 0 238.4 0zM352.7 289.2c-6.2 6.2-16.3 6.2-22.5 0l-91.9-91.9 -91.9 91.9c-6.2 6.2-16.3 6.2-22.5 0 -6.2-6.2-6.2-16.3 0-22.5L227.1 163.7c3.1-3.1 7.2-4.6 11.3-4.6s8.2 1.5 11.3 4.6L352.7 266.8C358.9 272.9 358.9 283 352.7 289.2z\"/></svg>' !default;\n$refresh-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z\"/></svg>' !default;\n$list-view-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z\"/></svg>' !default;\n$sort-ascending-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" height=\"24\" width=\"24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M3 6 9 6 9 8 3 8 3 6Zm0 12 0-2 18 0 0 2-18 0zm0-7 12 0 0 2-12 0 0-2z\"/></svg>' !default;\n$sort-descending-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z\"/></svg>' !default;\n$sort-reset-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm4-2v2h12V5H10zm0 14h12v-2H10v2zm0-6h12v-2H10v2z\"/></svg>' !default;\n$first-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M39.6 122.5l84.2-95.2c6.2-6.2 6.2-16.4 0-22.6 -6.2-6.2-16.4-6.2-22.6 0L7.2 111c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L39.6 122.5z\"/><path fill=\"' +\n $data-table-icon-color +\n '\" d=\"M153.6 122.5l84.2-95.2c6.3-6.3 6.3-16.4 0.1-22.6 -6.2-6.2-16.4-6.2-22.6 0l-94 106.3c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.3 6.2 16.4 6.2 22.6 0 6.3-6.2 6.3-16.4 0-22.6L153.6 122.5z\"/></svg>' !default;\n$previous-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 237.9 237.9\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M89.9 119l91.9-91.9c6.2-6.2 6.2-16.3 0-22.5s-16.3-6.2-22.5 0L56.2 107.7c-3.1 3.1-4.6 7.2-4.6 11.3s1.5 8.2 4.6 11.3L159.3 233.3c6.2 6.2 16.3 6.2 22.5 0 6.2-6.2 6.2-16.3 0-22.5L89.9 119z\"/></svg>' !default;\n$next-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 238 238\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M181.8 107.7L78.7 4.6c-6.2-6.2-16.3-6.2-22.5 0s-6.2 16.3 0 22.5l91.9 91.9 -91.9 91.9c-6.2 6.2-6.2 16.3 0 22.5s16.3 6.2 22.5 0l103.1-103c3.1-3.1 4.7-7.2 4.6-11.3C186.4 114.9 184.9 110.8 181.8 107.7z\"/></svg>' !default;\n$last-page-icon-url: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M237.9 111L143.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2 -84.2 95.2c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.2 22.6 0l94-106.3c3.2-3.2 4.6-7.3 4.6-11.5S241 114.2 237.9 111z\"/><path fill=\"' +\n $data-table-icon-color +\n '\" d=\"M128.5 122.5c0.1-4.2-1.5-8.4-4.6-11.5L29.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2L7.2 217.7c-6.3 6.3-6.3 16.4 0 22.7 6.2 6.2 16.4 6.2 22.6 0l94-106.3C127 130.8 128.5 126.7 128.5 122.5z\"/></svg>' !default;\n$first-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M39.6 122.5l84.2-95.2c6.2-6.2 6.2-16.4 0-22.6 -6.2-6.2-16.4-6.2-22.6 0L7.2 111c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L39.6 122.5z\"/><path fill=\"' +\n $data-table-icon-color +\n '\" d=\"M153.6 122.5l84.2-95.2c6.3-6.3 6.3-16.4 0.1-22.6 -6.2-6.2-16.4-6.2-22.6 0l-94 106.3c-3.2 3.2-4.7 7.3-4.6 11.5 0 4.2 1.5 8.4 4.6 11.5l94 106.3c6.3 6.2 16.4 6.2 22.6 0 6.3-6.2 6.3-16.4 0-22.6L153.6 122.5z\"/></svg>' !default;\n$previous-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 237.9 237.9\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M89.9 119l91.9-91.9c6.2-6.2 6.2-16.3 0-22.5s-16.3-6.2-22.5 0L56.2 107.7c-3.1 3.1-4.6 7.2-4.6 11.3s1.5 8.2 4.6 11.3L159.3 233.3c6.2 6.2 16.3 6.2 22.5 0 6.2-6.2 6.2-16.3 0-22.5L89.9 119z\"/></svg>' !default;\n$next-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 238 238\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M181.8 107.7L78.7 4.6c-6.2-6.2-16.3-6.2-22.5 0s-6.2 16.3 0 22.5l91.9 91.9 -91.9 91.9c-6.2 6.2-6.2 16.3 0 22.5s16.3 6.2 22.5 0l103.1-103c3.1-3.1 4.7-7.2 4.6-11.3C186.4 114.9 184.9 110.8 181.8 107.7z\"/></svg>' !default;\n$last-page-icon-url-hover: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 245 245\"><path fill=\"' + $data-table-icon-color +\n '\" d=\"M237.9 111L143.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2 -84.2 95.2c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.2 22.6 0l94-106.3c3.2-3.2 4.6-7.3 4.6-11.5S241 114.2 237.9 111z\"/><path fill=\"' +\n $data-table-icon-color +\n '\" d=\"M128.5 122.5c0.1-4.2-1.5-8.4-4.6-11.5L29.8 4.7c-6.2-6.2-16.4-6.2-22.6 0 -6.2 6.2-6.2 16.4 0 22.6l84.2 95.2L7.2 217.7c-6.3 6.3-6.3 16.4 0 22.7 6.2 6.2 16.4 6.2 22.6 0l94-106.3C127 130.8 128.5 126.7 128.5 122.5z\"/></svg>' !default;\n\n$loading-animation: '<svg enable-background=\"new 0 0 0 0\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m73 50c0-12.7-10.3-23-23-23s-23 10.3-23 23m3.9 0c0-10.5 8.5-19.1 19.1-19.1s19.1 8.6 19.1 19.1\" fill=\"' +\n $data-table-loading-animation-color +\n '\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" dur=\"1s\" from=\"0 50 50\" repeatCount=\"indefinite\" to=\"360 50 50\" type=\"rotate\"/></path></svg>' !default;\n\n//Common Styles\n$delete-color: #d32f2f !default;\n\n//Data Table Container Styles\n$data-table-container-border: 0.07rem solid #ddd !default;\n$data-table-container-border-radius-value: 0 !default;\n$data-table-container-box-shadow-value: none !default;\n\n//Data Table Top Header Styles\n$data-table-top-header-background: #ddd !default;\n$data-table-top-header-border: #ccc !default;\n$data-table-top-header-border-radius-value: 0 !default;\n$data-table-top-header-text-color: #222 !default;\n\n//Data Table Dropdown Styles\n$data-table-dropdown-background: #fff !default;\n$data-table-dropdown-box-shadow-value: 2px 2px 10px rgba(0, 0, 0, 0.2) !default;\n$data-table-dropdown-border: #ccc !default;\n$data-table-dropdown-border-radius-value: 0 !default;\n$data-table-dropdown-heading-background: #f5f5f5 !default;\n$data-table-dropdown-heading-text-color: #333 !default;\n$data-table-dropdown-text-color: #333 !default;\n\n//Data Table Content Header Styles\n$data-table-content-header-background: #f1f1f1 !default;\n$data-table-content-header-border: #ddd !default;\n$data-table-content-header-text-color: #333 !default;\n$data-table-column-priority-icon-color: #ddd !default;\n$data-table-column-priority-text-color: #222 !default;\n\n//Data Table Input Styles\n$data-table-input-background: #fff !default;\n$data-table-input-border: #ddd !default;\n$data-table-input-border-radius-value: 0 !default;\n$data-table-input-text-color: #333 !default;\n\n//Data Table Content Styles\n$data-table-content-background: #f1f1f1 !default;\n\n//Common Data Table Styles\n$data-table-border: #ddd !default;\n$data-table-row-background: #ccc !default;\n$data-table-cell-text-color: #333 !default;\n$data-table-row-hover-background: #ccc !default;\n$data-table-row-hover-cell-text-color: #333 !default;\n\n$data-table-odd-row-background: #fff !default;\n$data-table-odd-row-cell-text-color: #333 !default;\n$data-table-odd-row-hover-background: #eee !default;\n$data-table-odd-row-hover-cell-text-color: #333 !default;\n\n$data-table-even-row-background: #f5f5f5 !default;\n$data-table-even-row-cell-text-color: #333 !default;\n$data-table-even-row-hover-background: #eee !default;\n$data-table-even-row-hover-cell-text-color: #333 !default;\n\n$data-table-selected-row-background: #a8c2f1 !default;\n$data-table-selected-row-cell-text-color: #333 !default;\n$data-table-selected-row-hover-background: #a8c2f1 !default;\n$data-table-selected-row-hover-cell-text-color: #333 !default;\n\n//Data Table Loading Window Background\n$data-table-loading-window-background: #f1f1f1 !default;\n$data-table-loading-window-border: #ccc !default;\n\n//No Record Message Text Color\n$data-table-no-records-main-heading-message-text-color: #3b78e7 !default;\n$data-table-no-records-sub-heading-message-text-color: #333 !default;\n$data-table-no-records-button-background: #fff !default;\n$data-table-no-records-button-border: #3b78e7 !default;\n$data-table-no-records-button-text-color: #3b78e7 !default;\n$data-table-no-records-button-border-radius-value: 0.2rem !default;\n\n//Data Table Pagination Style