jspreadsheet 11.4.1 → 11.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +489 -489
  2. package/dist/index.d.ts +1738 -1738
  3. package/dist/index.js +565 -563
  4. package/dist/jspreadsheet.css +1630 -1630
  5. package/dist/jspreadsheet.themes.css +162 -162
  6. package/package.json +29 -29
package/dist/jspreadsheet.css CHANGED
@@ -1,1630 +1,1630 @@
1
- .jss_container {
2
- display:inline-block;
3
- box-sizing: border-box;
4
- overscroll-behavior: contain;
5
- outline: none;
6
- }
7
-
8
- .jss_container.jtabs {
9
- max-width: initial;
10
- }
11
-
12
- .jss_container.fullscreen {
13
- position:fixed;
14
- top: 0;
15
- left: 0;
16
- width: 100% !important;
17
- height: 100% !important;
18
- margin: 0;
19
- background-color: #fff;
20
- z-index: 7;
21
- display: flex;
22
- flex-direction: column;
23
- }
24
-
25
- .jss_container.fullscreen .jtabs-content {
26
- flex: 1;
27
- overflow: hidden;
28
- }
29
-
30
- .jss_container.fullscreen .jss_worksheet {
31
- height: 100%;
32
- flex-direction: column;
33
- align-content: stretch;
34
- }
35
-
36
- .jss_container.fullscreen .jss_worksheet.jtabs-selected {
37
- display: flex;
38
- }
39
-
40
- .jss_container.fullscreen .jss_worksheet .jss_content {
41
- flex: 1;
42
- width: 100% !important;
43
- max-width: initial !important;
44
- max-height: initial !important;
45
- }
46
-
47
- .jss_container .jss_filter {
48
- margin-top:5px;
49
- padding-top:5px;
50
- }
51
-
52
- .jss_content {
53
- display: block;
54
- position: relative;
55
- box-sizing: border-box;
56
- scrollbar-width: thin;
57
- border-top: 1px solid #ccc;
58
- box-shadow: inset 1px 0 0 0 #ccc;
59
- }
60
-
61
- .jss_content_overflow {
62
- width: 100%;
63
- height: 100%;
64
- }
65
-
66
- .jss_container.fullscreen .jss_content, .jss_content_overflow {
67
- overflow: auto;
68
- border-right: 1px solid #ccc;
69
- border-bottom: 1px solid #ccc;
70
- padding-right: 3px;
71
- padding-bottom: 3px;
72
- }
73
-
74
- .jss_container.fullscreen .jss, .jss_content_overflow .jss {
75
- position: sticky;
76
- top: 0;
77
- left: 0;
78
- }
79
-
80
- .jss_content::-webkit-scrollbar {
81
- height: 12px;
82
- }
83
-
84
- .jss_content::-webkit-scrollbar {
85
- width: 12px;
86
- }
87
-
88
- .jss_content::-webkit-scrollbar-track {
89
- background: #f1f1f1;
90
- }
91
-
92
- .jss_content::-webkit-scrollbar-thumb {
93
- background: #c1c1c1;
94
- }
95
-
96
- .jss_content::-webkit-scrollbar-thumb:hover {
97
- background-color: #a8a8a8;
98
- }
99
-
100
- .jss {
101
- border-collapse: separate;
102
- table-layout: fixed;
103
- white-space: nowrap;
104
- empty-cells: show;
105
- background-color: #fff;
106
- width: 0;
107
- outline: none;
108
- border-top: 0;
109
- border-left: 0;
110
- border-right: 1px solid #ccc;
111
- border-bottom: 1px solid #ccc;
112
- }
113
-
114
- .jss.jss_left > tbody > tr > td, .jss > tbody > tr > td.jss_left {
115
- text-align: left;
116
- }
117
-
118
- .jss.jss_center > tbody > tr > td, .jss > tbody > tr > td.jss_center {
119
- text-align: center;
120
- }
121
-
122
- .jss.jss_right > tbody > tr > td, .jss > tbody > tr > td.jss_right {
123
- text-align: right;
124
- }
125
-
126
- .jss > thead > tr > th {
127
- border-top: 1px solid #ccc;
128
- border-left: 1px solid #ccc;
129
- border-right: 1px solid transparent;
130
- border-bottom: 1px solid transparent;
131
- background-color: #f3f3f3;
132
- padding: 6px;
133
- cursor: pointer;
134
- box-sizing: border-box;
135
- overflow: hidden;
136
- text-overflow: ellipsis;
137
- position: sticky;
138
- top: 0;
139
- z-index: 4;
140
- background-repeat: no-repeat;
141
- background-position: center right 0;
142
- line-height: 1em;
143
- font-size: 1em;
144
- font-weight: normal;
145
- }
146
-
147
- .jss > thead > tr:first-child > th {
148
- border-top: 1px solid transparent;
149
- }
150
-
151
- .jss > thead > tr > th:first-child:after,
152
- .jss > thead > tr.jss_nested > th::before,
153
- .jss > thead > tr.jss_nested > th::after {
154
- cursor:default;
155
- }
156
-
157
- .jss > thead > tr > th:first-child {
158
- box-shadow: 1px 0 0 0 #ccc;
159
- }
160
-
161
- .jss > thead > tr > th.selected {
162
- background-color: #dcdcdc;
163
- border-bottom: 1px solid transparent;
164
- }
165
-
166
- .jss > thead > tr > th.jss_filters_icon::before {
167
- font-family: "Material Icons";
168
- content: 'filter_alt';
169
- position: absolute;
170
- right: 0;
171
- font-size: 16px;
172
- width: 16px;
173
- height: 16px;
174
- color: #ccc;
175
- }
176
-
177
- .jss > thead > tr > th.jss_filters_active::before {
178
- color: #888;
179
- }
180
-
181
- .jss > tbody > tr > td {
182
- border-top:1px solid #ccc;
183
- border-left:1px solid #ccc;
184
- border-right:1px solid transparent;
185
- border-bottom:1px solid transparent;
186
- box-sizing: border-box;
187
- padding: 4px;
188
- line-height: 1em;
189
- height: 24px;
190
- text-align: center;
191
- white-space: pre;
192
- overflow: hidden;
193
- }
194
-
195
- .jss > tbody > tr > td.jss_wrap {
196
- white-space: break-spaces;
197
- }
198
-
199
- .jss > tbody > tr > td.jss_row {
200
- position: sticky;
201
- z-index: 4;
202
- left: 0;
203
- background-color: #f3f3f3;
204
- text-align: center;
205
- }
206
-
207
- .jss > tbody > tr.selected > td.jss_row {
208
- background-color: #dcdcdc;
209
- border-right: 1px solid transparent;
210
- }
211
-
212
- .jss > thead > tr > th:first-child,
213
- .jss > tfoot > tr > td:first-child {
214
- position: sticky;
215
- left: 0;
216
- z-index: 5 !important;
217
- }
218
-
219
- .jss_overflow > tbody > tr > td:not(.jss_frozen):has(+td:empty) {
220
- overflow: initial;
221
- }
222
-
223
- .jss_overflow > tbody > tr > td:has(+td.jss_hidden:empty) {
224
- overflow: hidden;
225
- }
226
-
227
- .jss_hidden_col, .jss_hidden_row {
228
- visibility: collapse;
229
- }
230
-
231
- .jss_hidden_col {
232
- width: 0;
233
- }
234
-
235
- .jss_hidden_row {
236
- height: 0;
237
- }
238
-
239
- .jss > tbody > tr > td:last-child {
240
- overflow:hidden;
241
- }
242
-
243
- .jss > tbody > tr > td > img {
244
- max-width: 40px;
245
- vertical-align: bottom;
246
- }
247
-
248
- .jss > tbody > tr > td > img.round {
249
- object-fit: cover;
250
- border-radius: 40px;
251
- height: 40px;
252
- }
253
-
254
- .jss > tbody > tr > td > img.small {
255
- width: 24px;
256
- height: 24px;
257
- }
258
-
259
- .jss > tbody > tr > td.readonly {
260
- color:rgba(0,0,0,0.4)
261
- }
262
-
263
- .jss > tbody > tr > td > select,
264
- .jss > tbody > tr > td > input,
265
- .jss > tbody > tr > td > textarea {
266
- border:0;
267
- border-radius:0;
268
- outline:0;
269
- width:100%;
270
- margin:0;
271
- padding:0;
272
- background-color:transparent;
273
- box-sizing: border-box;
274
- }
275
-
276
- .jss > tbody > tr > td > textarea {
277
- resize: none;
278
- display: block;
279
- }
280
-
281
- .jss > tbody > tr > td > input[type=checkbox],
282
- .jss > tbody > tr > td > input[type=radio] {
283
- display: block;
284
- width: initial;
285
- margin: 0 auto;
286
- }
287
-
288
- .jss > tbody > tr > td.readonly > input[type=checkbox],
289
- .jss > tbody > tr > td.readonly > input[type=radio] {
290
- pointer-events: none;
291
- opacity: 0.5;
292
- }
293
-
294
- .jss > tbody > tr > td.jss_dropdown {
295
- background-repeat: no-repeat;
296
- background-position: top 50% right 0;
297
- background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
298
- text-overflow: ellipsis;
299
- overflow-x: hidden;
300
- padding-right: 16px;
301
- }
302
-
303
- .jss > tbody > tr > td.jss_dropdown:hover {
304
- background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
305
- }
306
-
307
- .jss > tbody > tr > td.jss_dropdown_tags {
308
- white-space: pre-wrap;
309
- }
310
-
311
- .jss > tbody > tr > td.jss_dropdown[title] {
312
- background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E"), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
313
- }
314
-
315
- .jss > tbody > tr > td.jss_dropdown[title]:hover {
316
- background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
317
- }
318
-
319
- .jss > tbody > tr > td[title] {
320
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
321
- background-repeat: no-repeat;
322
- background-position: top 0 right -1px;
323
- }
324
-
325
- .jss > tbody > tr > td.jss_richtext {
326
- white-space: initial !important;
327
- }
328
-
329
- .jss > tbody > tr > td > .color {
330
- width:90%;
331
- height:10px;
332
- margin:auto;
333
- pointer-events: none;
334
- }
335
-
336
- .jss > tbody > tr > td.jss_cursor a {
337
- text-decoration: underline;
338
- color: blue;
339
- cursor: pointer;
340
- }
341
-
342
- .jss > tbody > tr > td.jss_progressbar {
343
- padding-left: 10px;
344
- padding-right: 10px;
345
- }
346
-
347
- .jss > tbody > tr > td.jss_progressbar > div {
348
- height: 5px;
349
- background-color: red;
350
- background-clip: content-box;
351
- }
352
-
353
- .jss > tfoot > tr > td {
354
- border-top: 1px solid #ccc;
355
- border-left: 1px solid #ccc;
356
- border-right: 1px solid transparent;
357
- border-bottom: 1px solid transparent;
358
- background-color: #f3f3f3;
359
- padding: 2px;
360
- cursor: pointer;
361
- box-sizing: border-box;
362
- overflow: hidden;
363
- text-align: center;
364
-
365
- position: sticky;
366
- bottom: 0;
367
- z-index: 1;
368
- }
369
-
370
- .jss_corner {
371
- position:absolute;
372
- background-color: #000;
373
- height: 1px;
374
- width: 1px;
375
- border: 1px solid #FFF;
376
- top:-2000px;
377
- left:-2000px;
378
- cursor:crosshair;
379
- box-sizing: initial;
380
- z-index: 3;
381
- padding: 2px;
382
- }
383
-
384
- .jss,
385
- .jss_corner,
386
- .jss td,
387
- .jss > tbody > tr > td > img {
388
- -webkit-touch-callout: none;
389
- -webkit-user-select: none;
390
- -khtml-user-select: none;
391
- -moz-user-select: none;
392
- -ms-user-select: none;
393
- user-select: none;
394
- -webkit-user-drag: none;
395
- -khtml-user-drag: none;
396
- -moz-user-drag: none;
397
- -o-user-drag: none;
398
- }
399
-
400
- .jss_textarea {
401
- position: fixed;
402
- width: 0;
403
- height: 0;
404
- opacity: 0;
405
- }
406
-
407
- .jss_input {
408
- position: absolute;
409
- z-index: 6;
410
- pointer-events: none;
411
- box-sizing: border-box;
412
- white-space: pre-wrap;
413
- line-height: 1;
414
- outline: none;
415
- opacity: 0;
416
- }
417
-
418
- .jss_dialog {
419
- height: 240px !important;
420
- min-width: 340px !important;
421
- min-height: 240px !important;
422
- max-width: 340px !important;
423
- user-select:none;
424
- box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.14);
425
- text-align:left;
426
- box-sizing: border-box;
427
- overflow: auto;
428
- scrollbar-width: thin;
429
- scrollbar-color: #333 transparent;
430
- background-color: #f8f8f8;
431
- }
432
-
433
- .jss_input > .jss_dialog {
434
- max-width: 600px;
435
- }
436
-
437
- .jss_dialog::-webkit-scrollbar {
438
- width: 12px;
439
- height: 12px;
440
- }
441
-
442
- .jss_dialog::-webkit-scrollbar-track {
443
- border: 1px solid #fff;
444
- background: #eee;
445
- }
446
-
447
- .jss_dialog::-webkit-scrollbar-thumb {
448
- border: 1px solid #fff;
449
- background: #888;
450
- }
451
-
452
- .jss_dialog.jclose:after {
453
- position:absolute;
454
- top:0;
455
- right:0;
456
- margin:10px;
457
- content:'close';
458
- font-family:'Material icons';
459
- font-size:24px;
460
- width:24px;
461
- height:24px;
462
- line-height:24px;
463
- cursor:pointer;
464
- text-shadow: 0 0 5px #fff;
465
- }
466
-
467
- .jss_dialog[title]:before {
468
- margin: 10px;
469
- content: attr(title);
470
- position: absolute;
471
- top: 0;
472
- right: 0;
473
- line-height: 24px;
474
- }
475
-
476
- .jss_dialog .jtoolbar {
477
- height: initial;
478
- }
479
-
480
- .jss_percent:after {
481
- content: ' %';
482
- }
483
-
484
- .jss_percent.jss_formula:after {
485
- content: '';
486
- }
487
-
488
- .jss_input.jss_formula {
489
- white-space: nowrap;
490
- overflow: hidden;
491
- }
492
-
493
- .jss_input.jss_nowrap {
494
- display: flex;
495
- flex-wrap: nowrap;
496
- overflow: hidden;
497
- }
498
-
499
- .jss_input.jss_nowrap.jss_formula {
500
- display: initial;
501
- }
502
-
503
- .jss_input.jss_focus {
504
- padding: 4px;
505
- pointer-events: initial;
506
- opacity: 1;
507
- filter: alpha(opacity=100);
508
- background-color: #fff;
509
- }
510
-
511
- .jss_input[contentEditable=false] {
512
- padding: 0 !important;
513
- }
514
-
515
- .jss_input[contentEditable=false] > input {
516
- outline: none;
517
- border: 0;
518
- padding: 4px 4px 4px 6px;
519
- max-width: 100%;
520
- margin: 0;
521
- box-sizing: border-box;
522
- }
523
-
524
- .jss_input .jdropdown-header {
525
- border: 0 !important;
526
- outline: none !important;
527
- padding: 4px !important;
528
- padding-left: 6px !important;
529
- height: 100%;
530
- background-position: top 50% right 0;
531
- }
532
-
533
- .jss_input .jdropdown-container-header {
534
- padding: 0;
535
- margin: 0;
536
- height: initial;
537
- }
538
-
539
- .jss_input .jdropdown-picker {
540
- border:0 !important;
541
- padding:0 !important;
542
- width: initial;
543
- height: initial;
544
- }
545
-
546
- .jss_input .jeditor {
547
- padding: 15px;
548
- }
549
-
550
- .jss .error {
551
- border:1px solid red;
552
- }
553
-
554
- .jss_about {
555
- float: right;
556
- font-size: 0.7em;
557
- padding: 2px;
558
- text-transform: uppercase;
559
- letter-spacing: 1px;
560
- display: none;
561
- }
562
- .jss_about a {
563
- color: #ccc;
564
- text-decoration: none;
565
- }
566
-
567
- .jss_about img {
568
- display: none;
569
- }
570
-
571
- .jss_search_container {
572
- display:flex;
573
- justify-content:space-between;
574
- background-color: #f3f3f3;
575
- border: 1px solid #ccc;
576
- border-bottom: 0;
577
- }
578
-
579
- .jss_search_container > div {
580
- display: inline-block;
581
- padding:8px;
582
- align-items:center;
583
- }
584
-
585
- .jss_search_container > div:empty {
586
- display: none;
587
- }
588
-
589
- .jss_pagination {
590
- display:flex;
591
- justify-content:space-between;
592
- align-items:center;
593
- }
594
-
595
- .jss_pagination > div {
596
- display: flex;
597
- padding: 8px;
598
- font-size: 0.9em
599
- }
600
-
601
- .jss_pagination > div:last-child {
602
- padding-right:10px;
603
- padding-top:10px;
604
- }
605
-
606
- .jss_pagination > div > div {
607
- text-align:center;
608
- width:36px;
609
- height:36px;
610
- line-height:34px;
611
- border:1px solid #ccc;
612
- box-sizing: border-box;
613
- margin-left:2px;
614
- cursor:pointer;
615
- }
616
-
617
- .jss_page {
618
- font-size:0.8em;
619
- }
620
-
621
- .jss_page_selected {
622
- font-weight:bold;
623
- background-color:#f3f3f3;
624
- }
625
-
626
- .jss_toolbar {
627
- background-color: #f3f3f3;
628
- border: 1px solid #ccc;
629
- padding: 4px;
630
- position: sticky;
631
- top: 0;
632
- z-index: 5;
633
- min-width: fit-content;
634
- margin-top: 1px;
635
- margin-bottom: 1px;
636
- }
637
-
638
- .jss_container.fullscreen .jss_toolbar {
639
- position: relative;
640
- margin-bottom: 1px;
641
- margin-right: 0;
642
- }
643
-
644
- .jss_toolbar .jtoolbar-item:hover {
645
- background-color: #eaeaea;
646
- }
647
-
648
- .jss_toolbar .jtoolbar-item > .jpicker-header:hover {
649
- background-color: #eaeaea !important;
650
- }
651
-
652
- .jss_toolbar:empty {
653
- display:none;
654
- }
655
-
656
- .jss_toolbar i.jss_toolbar_item {
657
- width:24px;
658
- height:24px;
659
- padding:4px;
660
- cursor:pointer;
661
- display:inline-block;
662
- }
663
-
664
- .jss_toolbar .jss_toolbar_selected {
665
- background-color:#eaeaea;
666
- }
667
-
668
- .jss_toolbar::-webkit-scrollbar {
669
- display: none;
670
- }
671
-
672
- .jss_tabs > .jss_tab {
673
- display:none;
674
- }
675
-
676
- .jss_tabs > .jss_tab_link {
677
- display:inline-block;
678
- padding:10px;
679
- padding-left:20px;
680
- padding-right:20px;
681
- margin-right:5px;
682
- margin-bottom:5px;
683
- background-color:#f3f3f3;
684
- cursor:pointer;
685
- }
686
-
687
- .jss_tabs > .jss_tab_link.selected {
688
- background-color:#ddd;
689
- }
690
-
691
- .jss_hidden_index > thead > tr > th:first-child,
692
- .jss_hidden_index > tbody > tr > td:first-child,
693
- .jss_hidden_index > tfoot > tr > td:first-child,
694
- .jss_hidden_index > colgroup > col:first-child {
695
- visibility: collapse;
696
- width: 1px;
697
- }
698
-
699
- .jss_border {
700
- position: absolute;
701
- border: 1px solid transparent;
702
- pointer-events: none;
703
- opacity:0.6;
704
- box-sizing: border-box;
705
- z-index: 2;
706
- }
707
-
708
- .jss_border_main {
709
- border: 1px solid #000;
710
- background-color: #00000015;
711
- background-origin: content-box;
712
- }
713
-
714
- .jss_border_copying {
715
- background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
716
- background-position: 0 0, 0 100%, 0 0, 100% 0;
717
- background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
718
- background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%);
719
- animation: ants 2s;
720
- animation-timing-function: linear;
721
- animation-iteration-count: infinite;
722
- opacity: 1;
723
- }
724
-
725
- .jss_border_copying_hide_left {
726
- background-size: 0 0, 8px 1px, 0 0, 0 0 !important;
727
-
728
- }
729
-
730
- @keyframes ants {
731
- 0% {
732
- background-position: 0 0, 0 100%, 0 0, 100% 0;
733
- }
734
- 100% {
735
- background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
736
- }
737
- }
738
-
739
-
740
- .jss_border_cloning {
741
- border: 1px dashed #000;
742
- }
743
-
744
- .jss_border_ctrl {
745
- border: 2px solid #fff;
746
- outline: 1px solid #777777;
747
- outline-offset: -1px;
748
- background-color: #5b5b5b50;
749
- }
750
-
751
- .jss_cursor {
752
- background-color: #eee;
753
- }
754
-
755
- .jss_cursor.jss_frozen {
756
- background-color: #eee !important;
757
- }
758
-
759
- .jss_loading {
760
- position: absolute;
761
- z-index: 5;
762
- width: calc(100% - 3px);
763
- height: 1px;
764
- overflow: hidden;
765
- padding-left: 1px;
766
- padding-right: 1px;
767
- border: 0;
768
- box-sizing: border-box;
769
- display: none;
770
- margin-top: -1px;
771
- margin-left: 1px;
772
- }
773
-
774
- .jss_loading:after {
775
- content: '';
776
- position: absolute;
777
- height: 3px;
778
- background-color: #aaa;
779
- animation: jss_loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
780
- }
781
-
782
- .disconnected .jss_loading {
783
- display: block;
784
- background-color: red;
785
- }
786
-
787
- @keyframes jss_loading {
788
- 0% { margin-left: 0; width: 0 }
789
- 50% { margin-left: 0; width: 50% }
790
- 100% { margin-left: 100%; width: 100% }
791
- }
792
-
793
- .jss_container.disconnected {
794
- pointer-events: none;
795
- }
796
-
797
- .jss_tags > div {
798
- padding-left: 8px;
799
- padding-right: 8px;
800
- border-radius: 2px;
801
- margin-right: 4px;
802
- outline: none;
803
- background-color: #eee;
804
- font-size: 0.8em;
805
- display: inline-block;
806
- }
807
-
808
- .jss_rating {
809
- padding: 0;
810
- }
811
-
812
- .jss_rating > div {
813
- line-height: 13px;
814
- }
815
-
816
- .jss_rating > div > i {
817
- line-height: 13px;
818
- width: 13px;
819
- height: 13px;
820
- vertical-align: bottom;
821
- font-size: 13px;
822
- }
823
-
824
- .jss thead .jss_frozen {
825
- position: sticky;
826
- z-index: 5;
827
- box-shadow: 2px 0 0 0 #aaa;
828
- }
829
-
830
- .jss tfoot .jss_frozen {
831
- position: sticky;
832
- z-index: 2;
833
- box-shadow: 1px 0 0 0 #aaa;
834
- }
835
-
836
- .jss tbody .jss_frozen {
837
- position: sticky;
838
- z-index: 1;
839
- background-color: #fff;
840
- box-shadow: 1px 1px 2px 0 #aaa;
841
- }
842
-
843
- .jss .jss_notes {
844
- overflow: hidden;
845
- display: -webkit-box;
846
- -webkit-line-clamp: 1;
847
- -webkit-box-orient: vertical;
848
- text-overflow: ellipsis;
849
- white-space: pre-wrap;
850
- }
851
-
852
- .jss_row_medium > tbody > tr {
853
- height: 3em;
854
- }
855
-
856
- .jss_row_large > tbody > tr {
857
- height: 6em;
858
- }
859
-
860
- .jss_row_extra > tbody > tr {
861
- height: 9em;
862
- }
863
-
864
- .jss_row_medium > tbody > tr .jss_notes {
865
- -webkit-line-clamp: 3;
866
- height: 3em;
867
- }
868
-
869
- .jss_row_large > tbody > tr .jss_notes {
870
- -webkit-line-clamp: 6;
871
- height: 6em;
872
- }
873
-
874
- .jss_row_extra > tbody > tr .jss_notes {
875
- -webkit-line-clamp: 9;
876
- height: 9em;
877
- }
878
-
879
- /** Build-in themes :: MODERN **/
880
-
881
- .jss_modern table.jss {
882
- border-right:1px solid transparent;
883
- }
884
-
885
- .jss_light table.jss > thead > tr > th,
886
- .jss_modern table.jss > thead > tr > th {
887
- background-color: #f5f5f5;
888
- border-top:1px solid #ddd;
889
- border-right:1px solid transparent;
890
- padding: 8px;
891
- }
892
-
893
- .jss_modern table.jss > thead > tr > th {
894
- border-left:1px solid transparent;
895
- }
896
-
897
-
898
- .jss_light table.jss > thead > tr > th:first-child,
899
- .jss_modern table.jss > thead > tr > th:first-child {
900
- box-shadow: 1px 0 0 0 #ddd;
901
- }
902
-
903
- .jss_light table.jss > thead > tr:last-child > th,
904
- .jss_modern table.jss > thead > tr:last-child > th {
905
- border-bottom: 1px solid #000;
906
- }
907
-
908
- .jss_light table.jss > tfoot > tr > td,
909
- .jss_modern table.jss > tfoot > tr > td {
910
- border-top:1px solid #000;
911
- border-left:1px solid transparent;
912
- border-right:1px solid transparent;
913
- border-bottom:1px solid transparent;
914
- background-color:#fff;
915
- padding:8px;
916
- }
917
-
918
- .jss_light table.jss > thead > tr > th.jss_filters_icon,
919
- .jss_modern table.jss > thead > tr > th.jss_filters_icon {
920
- background-position: center right 8px;
921
- }
922
-
923
- .jss_light table.jss > thead > tr > th.selected {
924
- background-color:#e3e3e3;
925
- }
926
-
927
- .jss_modern table.jss > thead > tr > th.selected {
928
- background-color:#eee;
929
- }
930
-
931
- .jss_modern table.jss > tbody > tr > td {
932
- padding: 8px;
933
- border-right: 1px solid transparent;
934
- border-left: 1px solid transparent;
935
- }
936
-
937
- .jss_light table.jss > tbody > tr > td {
938
- border-top: 1px solid #ddd;
939
- border-left: 1px solid #ddd;
940
- }
941
-
942
- .jss_light table.jss > tbody > tr > td:first-child,
943
- .jss_modern table.jss > tbody > tr > td:first-child {
944
- background-color: #f5f5f5;
945
- }
946
-
947
- .jss_light table.jss > tbody > tr.selected > td:first-child {
948
- background-color:#e3e3e3;
949
- }
950
-
951
- .jss_modern table.jss > tbody > tr.selected > td:first-child {
952
- background-color:#eee;
953
- }
954
-
955
- .jss_light .jss_toolbar,
956
- .jss_modern .jss_toolbar {
957
- background-color: #f5f5f5;
958
- }
959
-
960
- .jss_modern .jss_toolbar {
961
- border-color: #ddd;
962
- }
963
-
964
- .jss_light .jss_pagination,
965
- .jss_modern .jss_pagination {
966
- background-color: #f8f8f8;
967
- border: 1px solid #eee;
968
- }
969
-
970
- .jss_light .jss_pagination > div > div {
971
- border: 1px solid transparent;
972
- background-color: #f2f2f2;
973
- }
974
-
975
- .jss_modern .jss_pagination > div > div {
976
- border: 1px solid transparent;
977
- background-color: #fff;
978
- }
979
-
980
- .jss_modern .jss_page_selected {
981
- background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
982
- border:1px solid #979797 !important;
983
- font-weight:normal;
984
- color: #333 !important;
985
- border-radius:2px;
986
- }
987
-
988
- .jss_modern .jss_focus {
989
- padding: 8px;
990
- }
991
-
992
- .jss_modern .jss_search_container {
993
- background: initial;
994
- border: initial;
995
- }
996
-
997
- .jss_dropdown_icon {
998
- width: 12px;
999
- height: 12px;
1000
- border-radius: 6px;
1001
- margin: auto;
1002
- }
1003
-
1004
- .jss_dropdown_tag {
1005
- display: inline-block;
1006
- border-radius: 6px;
1007
- margin-top: 1px;
1008
- margin-bottom: 1px;
1009
- margin-right: 2px;
1010
- padding: 4px 10px 4px 10px;
1011
- font-size: 0.8em;
1012
- }
1013
-
1014
- /** Filter **/
1015
-
1016
- .jss_filters {
1017
- position: absolute;
1018
- z-index: 11;
1019
- background-color: #fff;
1020
- color: #555;
1021
- font-size: 0.8em;
1022
- user-select: none;
1023
- box-shadow: 2px 2px 2px 0 rgba(143, 144, 145, 1);
1024
- border: 1px solid #C6C6C6;
1025
- padding: 20px;
1026
- margin: 0;
1027
- outline: none;
1028
- display: none;
1029
- }
1030
-
1031
- .jss_filters > div {
1032
- box-sizing: border-box;
1033
- display: block;
1034
- width: 280px;
1035
- position: relative;
1036
- cursor: default;
1037
- font-family:sans-serif;
1038
- }
1039
-
1040
- .jss_filters > div.jss_filter_search_container {
1041
- display: flex;
1042
- margin-bottom: 6px;
1043
- }
1044
-
1045
- .jss_filters label {
1046
- display: block;
1047
- line-height: 18px;
1048
- vertical-align: middle;
1049
- overflow: hidden;
1050
- text-overflow: ellipsis;
1051
- white-space: nowrap;
1052
- }
1053
-
1054
- .jss_filters_search,
1055
- .jss_filters_operators {
1056
- padding: 6px;
1057
- border: 1px solid #d9d9d9;
1058
- width: 100%;
1059
- flex: 3;
1060
- }
1061
-
1062
- .jss_filters_search {
1063
- margin-right: 6px;
1064
- flex: 4;
1065
- }
1066
-
1067
- .jss_filters_options {
1068
- border: 1px solid #d9d9d9;
1069
- }
1070
-
1071
- .jss_filters_options label {
1072
- display: flex;
1073
- align-items: center;
1074
- }
1075
-
1076
- .jss_filters_options label > div.color {
1077
- width: 80px;
1078
- height: 8px;
1079
- }
1080
-
1081
- .jss_filters_options label > img {
1082
- width: 18px;
1083
- height: 18px;
1084
- border-radius: 10px;
1085
- }
1086
-
1087
- .jss_filters_options label > div.progressbar {
1088
- background-color: red;
1089
- height: 8px;
1090
- }
1091
-
1092
- .jss_filters_options label > div.rating > i {
1093
- line-height: 13px;
1094
- width: 13px;
1095
- height: 13px;
1096
- vertical-align: bottom;
1097
- }
1098
-
1099
- .jss_filters input[type=checkbox] {
1100
- vertical-align: middle;
1101
- position: relative;
1102
- bottom: 1px;
1103
- margin: 5px;
1104
- }
1105
-
1106
- .jss_filters_apply {
1107
- padding: 6px;
1108
- margin-top: 6px;
1109
- width: 100px;
1110
- float: right;
1111
- }
1112
-
1113
- .jss_helper {
1114
- position: absolute;
1115
- top: 0;
1116
- left: 0;
1117
- width: 1px;
1118
- height: 100%;
1119
- background-color: transparent;
1120
- border: 1px solid #DD0000;
1121
- box-sizing: border-box;
1122
- z-index: 7;
1123
- display: none;
1124
- pointer-events: none;
1125
- }
1126
-
1127
- .jss_helper.jss_helper_row:before {
1128
- content: '';
1129
- position: absolute;
1130
- margin-top: -5px;
1131
- margin-left: -8px;
1132
- width: 0;
1133
- height: 0;
1134
- border-top: 5px solid transparent;
1135
- border-bottom: 5px solid transparent;
1136
- border-left: 5px solid #DD0000;
1137
- }
1138
-
1139
- .jss_helper.jss_helper_col:before {
1140
- content: '';
1141
- position: absolute;
1142
- margin-top: -8px;
1143
- margin-left: -5px;
1144
- width: 0;
1145
- height: 0;
1146
- border-left: 5px solid transparent;
1147
- border-right: 5px solid transparent;
1148
- border-top: 5px solid #DD0000;
1149
- }
1150
-
1151
- .jss_dragging {
1152
- }
1153
-
1154
- .jss_forbidden {
1155
- padding: 80px;
1156
- text-align: center;
1157
- border: 1px solid #ccc;
1158
- color: #999;
1159
- max-width: 600px;
1160
- }
1161
-
1162
- .jss_forbidden:before {
1163
- content: 'Jspreadsheet: Permission Denied';
1164
- }
1165
-
1166
- .jss_forbidden > div {
1167
- display: none;
1168
- }
1169
-
1170
- .arrow-up {
1171
- text-decoration: underline;
1172
- }
1173
-
1174
- .arrow-down {
1175
- text-decoration: underline;
1176
- }
1177
-
1178
- .arrow-up::after {
1179
- content: '\2191';
1180
- margin-left: 2px;
1181
- text-decoration: initial;
1182
- display: inline-block
1183
- }
1184
-
1185
- .arrow-down::after {
1186
- content: '\2193';
1187
- margin-left: 2px;
1188
- text-decoration: initial;
1189
- display: inline-block
1190
- }
1191
-
1192
- .jss_scroll {
1193
- position:absolute;
1194
- min-height: 1px;
1195
- min-width: 1px;
1196
- }
1197
-
1198
- .jss > thead > tr.jss_group_container > th {
1199
- text-align: center;
1200
- overflow: initial;
1201
- background-color: transparent;
1202
- border: 0;
1203
- }
1204
-
1205
- .jss_group {
1206
- content: attr(data-status);
1207
- font-family: 'Courier new';
1208
- line-height: 16px;
1209
- text-align: center;
1210
- color: #fff;
1211
- border-radius: 2px;
1212
- background-color: #777;
1213
- width: 16px;
1214
- height: 16px;
1215
- box-sizing: border-box;
1216
- position: relative;
1217
- display: inline-block;
1218
- }
1219
-
1220
- .jss_group:after {
1221
- content: 'd';
1222
- position: absolute;
1223
- border-top: 1px solid #ccc;
1224
- border-right: 1px solid #ccc;
1225
- width: 300px;
1226
- height: 4px;
1227
- left: 0;
1228
- margin-top: 7px;
1229
- margin-left: 16px;
1230
- }
1231
-
1232
- .jss_selectall {
1233
- box-shadow: inset 1px 1px 0 0 #ccc;
1234
- }
1235
-
1236
- .jss_selectall:after {
1237
- content: ' ';
1238
- border-bottom: 12px solid #ccc;
1239
- border-left: 12px solid transparent;
1240
- width: 0;
1241
- position: absolute;
1242
- bottom: 3px;
1243
- right: 3px;
1244
- }
1245
-
1246
- .jss_pagination_dropdown {
1247
- margin-left: 4px;
1248
- margin-right: 4px;
1249
- }
1250
-
1251
- .red {
1252
- color: red;
1253
- }
1254
-
1255
- .jss > thead > tr > th.jss_filters_icon {
1256
- padding-right: 16px !important;
1257
- }
1258
-
1259
- .jss_red .jss_corner {
1260
- background-color: #DD0000;
1261
- }
1262
-
1263
- .jss_red .jss_border_main {
1264
- border: 1px solid #DD0000;
1265
- background-color: #DD000010;
1266
- }
1267
-
1268
- .jss_red .jss > thead > tr > th.selected {
1269
- box-shadow: 0 1px 0 0 #DD0000;
1270
- }
1271
-
1272
- .jss_red .jss > tbody > tr.selected > td:nth-child(2) {
1273
- border-left: 1px solid #DD0000 !important;
1274
- box-shadow: 1px 0 0 0 black;
1275
- }
1276
-
1277
- .jss_picker {
1278
- position: relative;
1279
- padding: 5px 8px 5px 8px;
1280
- border: 1px solid #ccc;
1281
- }
1282
-
1283
- .jss_picker:after {
1284
- content: "highlight_alt";
1285
- font-size: 18px;
1286
- font-family: "Material Icons";
1287
- color: #000;
1288
- position: absolute;
1289
- right: 5px;
1290
- cursor: pointer;
1291
- }
1292
-
1293
- .jss_picker.active {
1294
- outline: 2px #FF0000 solid;
1295
- outline-offset: -2px;
1296
- animation: blink 1s infinite;
1297
- }
1298
-
1299
- @keyframes blink {
1300
- 50% {
1301
- outline: 2px transparent solid;
1302
- }
1303
- }
1304
-
1305
- .jss_media > div {
1306
- z-index: 10;
1307
- }
1308
-
1309
- .jss_media_item[data-type="chart"] {
1310
- background-color: white;
1311
- }
1312
-
1313
- .jss_image > img {
1314
- position: absolute;
1315
- max-width: 100%;
1316
- z-index: 10;
1317
- }
1318
-
1319
- .jss_image > img:focus {
1320
- outline: 2px solid black;
1321
- }
1322
-
1323
- .jss > tbody > tr > td.jss_number {
1324
- text-align: right;
1325
- }
1326
-
1327
- .jss .jcolor-input {
1328
- padding: 5px !important;
1329
- padding-right: 24px !important;
1330
- }
1331
-
1332
- .jss_warning {
1333
- border-left: 1px solid red !important;
1334
- background-color: #ffefef !important;
1335
- position: relative;
1336
- }
1337
-
1338
- .jss_warning:before {
1339
- content: 'warning';
1340
- font-family: 'Material Icons';
1341
- font-size: 13px;
1342
- position: absolute;
1343
- color: red;
1344
- left: 2px;
1345
- font-weight: normal;
1346
- }
1347
-
1348
- .jss_warning:empty:before {
1349
- margin-top: -7px;
1350
- }
1351
-
1352
- .jss_hidden {
1353
- display: none;
1354
- }
1355
-
1356
- .fullscreen .jss_content {
1357
- resize: none !important;
1358
- }
1359
-
1360
- .jss_last {
1361
- z-index: 4;
1362
- }
1363
-
1364
- .jss_resize_corner {
1365
- position: absolute;
1366
- width: 8px;
1367
- height: 8px;
1368
- border-radius: 8px;
1369
- border: 2px solid white;
1370
- background-color: red;
1371
- pointer-events: all;
1372
- }
1373
-
1374
- .jss tbody .jss_frozen_row {
1375
- position: sticky;
1376
- z-index: 1;
1377
- background-color: #fff;
1378
- box-shadow: 1px 1px 2px 0 #aaa;
1379
- }
1380
-
1381
- .jss tbody .jss_frozen_row.jss_frozen {
1382
- box-shadow: 1px 1px 2px 0 #aaa;
1383
- z-index: 2;
1384
- }
1385
-
1386
- .jss_cursor.jss_frozen_row {
1387
- background-color: #eee !important;
1388
- }
1389
-
1390
- .jss > tbody > tr > td.jss_row.jss_frozen_row {
1391
- z-index: 5;
1392
- box-shadow: 0 2px 0 0 #aaa;
1393
- }
1394
-
1395
- .jss_freeze_control_col {
1396
- border-right: 1px solid #aaa !important;
1397
- }
1398
-
1399
- .jss_freeze_control_row {
1400
- border-bottom: 1px solid #aaa !important;
1401
- }
1402
-
1403
- .jss_rotate {
1404
- -ms-writing-mode: tb-rl;
1405
- -webkit-writing-mode: vertical-rl;
1406
- writing-mode: vertical-rl;
1407
- transform: rotate(0deg);
1408
- white-space: nowrap;
1409
- }
1410
-
1411
- .jss tbody tr:nth-child(even) td.jss_zebra {
1412
- background-color: #eee;
1413
- }
1414
-
1415
- .jss_zebra tbody tr:nth-child(even) td {
1416
- background-color: #eee;
1417
- }
1418
-
1419
- .jss div {
1420
- line-height: 1em;
1421
- }
1422
-
1423
- @-webkit-keyframes spin {
1424
- from {-webkit-transform:rotate(0deg);}
1425
- to {-webkit-transform:rotate(360deg);}
1426
- }
1427
-
1428
- @keyframes spin {
1429
- from {transform:rotate(0deg);}
1430
- to {transform:rotate(360deg);}
1431
- }
1432
-
1433
- .jss_searching {
1434
- position: relative;
1435
- }
1436
-
1437
- .jss_searching:after {
1438
- content: '';
1439
- display: block;
1440
- position: absolute;
1441
- right: 16px;
1442
- top: calc(50% - 7px);
1443
- width: 12px;
1444
- height: 12px;
1445
- border-style: solid;
1446
- border-color: #888;
1447
- border-top-color: transparent;
1448
- border-width: 1px;
1449
- border-radius: 50%;
1450
- -webkit-animation: spin .8s linear infinite;
1451
- animation: spin .8s linear infinite;
1452
- }
1453
-
1454
- .jss_nogridline>tbody>tr>td {
1455
- border: 1px solid transparent;
1456
- }
1457
-
1458
- .jss_highlight {
1459
- background-color: #ffffd6;
1460
- }
1461
-
1462
- .jss_row > i.material-icons {
1463
- font-size: 13px;
1464
- position: absolute;
1465
- right: 2px;
1466
- margin-top: 2px;
1467
- cursor: pointer;
1468
- }
1469
-
1470
- .jss_header > i.material-icons {
1471
- font-size: 13px;
1472
- position: absolute;
1473
- right: 2px;
1474
- margin-top: 2px;
1475
- cursor: pointer;
1476
- }
1477
-
1478
- .jss_header.jss_filters_icon > i.material-icons {
1479
- right: 16px;
1480
- }
1481
-
1482
- .jss_upload {
1483
- position: absolute !important;
1484
- display: none;
1485
- margin-left: -240px;
1486
- }
1487
-
1488
- .jss_group_parent {
1489
- background-color: #65656522;
1490
- }
1491
-
1492
- .jss_group_parent > .jss_frozen {
1493
- background-color: #eee;
1494
- }
1495
-
1496
- .jss_group_child {
1497
- background-color: #bbbbbb22;
1498
- }
1499
-
1500
- .jss_group_child > .jss_frozen {
1501
- background-color: #f4f4f4;
1502
- }
1503
-
1504
- .jss_group_parent.jss_group_child {
1505
- background-color: #77777722;
1506
- }
1507
-
1508
- .jss_tooltip {
1509
- position: absolute;
1510
- pointer-events: none;
1511
- background-color: rgba(0,0,0,0.7);
1512
- color: #fff;
1513
- border-radius: 5px;
1514
- padding: 5px 10px;
1515
- white-space: nowrap;
1516
- z-index: 999;
1517
-
1518
- display: block;
1519
- animation: fadeIn 0.5s;
1520
- }
1521
-
1522
- .jss_tooltip:empty {
1523
- display: none;
1524
- }
1525
-
1526
- .lm-lazy {
1527
- position: relative;
1528
- overflow-y: auto;
1529
- display: flex;
1530
- }
1531
- .lm-lazy-scroll {
1532
- position: absolute;
1533
- width: 1px;
1534
- }
1535
-
1536
- .lm-lazy-items {
1537
- position: sticky;
1538
- top: 0;
1539
- }
1540
-
1541
- .jss_filters_options .lm-lazy-items {
1542
- padding: 10px;
1543
- }
1544
-
1545
- .jss_style_row {
1546
- display:flex;
1547
- flex-wrap: wrap;
1548
- flex-direction: row;
1549
- justify-content: space-between;
1550
- box-sizing: border-box;
1551
- align-items: center;
1552
- }
1553
-
1554
- .jss_style_row.container {
1555
- flex-wrap: nowrap;
1556
- }
1557
-
1558
- .jss_style_row.middle {
1559
- align-items: center;
1560
- }
1561
-
1562
- .jss_style_row.start {
1563
- justify-content: flex-start;
1564
- }
1565
-
1566
- .jss_style_col {
1567
- box-sizing: border-box;
1568
- }
1569
-
1570
- .jss_style_f1 {
1571
- flex: 1;
1572
- }
1573
-
1574
- .jss_style_form_group {
1575
- width: 100%;
1576
- padding-right: 8px;
1577
- padding-bottom: 8px;
1578
- box-sizing: border-box;
1579
- }
1580
-
1581
- .jss_style_form_group label {
1582
- display: block;
1583
- padding-bottom: 4px;
1584
- }
1585
-
1586
- .jss_style_form_group input[type="text"], .jss_style_form_group input[type="number"], .jss_style_form_group select {
1587
- width: 100%;
1588
- padding: 5px 8px 5px 8px;
1589
- border: 1px solid #ccc;
1590
- box-sizing: border-box;
1591
- color: inherit;
1592
- font-family: inherit;
1593
- font-size: inherit;
1594
- }
1595
-
1596
- .jss_style_form_group .jdropdown {
1597
- width: 100%;
1598
- }
1599
-
1600
- .jss_style_p2 {
1601
- padding: 2px;
1602
- }
1603
-
1604
- .jss_style_p6 {
1605
- padding: 6px;
1606
- }
1607
-
1608
- .jss_style_p10 {
1609
- padding: 10px;
1610
- }
1611
-
1612
- .jss_style_p20 {
1613
- padding: 20px;
1614
- }
1615
-
1616
- .jss_style_button {
1617
- width: 100%;
1618
- padding: 8px 16px 8px 16px;
1619
- border-radius: 2px;
1620
- cursor:pointer;
1621
- outline: none;
1622
- background-color: #737373;
1623
- border: 1px solid transparent;
1624
- color: #fff;
1625
- margin-top: 4px;
1626
- }
1627
-
1628
- .jss input[disabled] {
1629
- opacity: 0.6;
1630
- }
1
+ .jss_container {
2
+ display:inline-block;
3
+ box-sizing: border-box;
4
+ overscroll-behavior: contain;
5
+ outline: none;
6
+ }
7
+
8
+ .jss_container.jtabs {
9
+ max-width: initial;
10
+ }
11
+
12
+ .jss_container.fullscreen {
13
+ position:fixed;
14
+ top: 0;
15
+ left: 0;
16
+ width: 100% !important;
17
+ height: 100% !important;
18
+ margin: 0;
19
+ background-color: #fff;
20
+ z-index: 7;
21
+ display: flex;
22
+ flex-direction: column;
23
+ }
24
+
25
+ .jss_container.fullscreen .jtabs-content {
26
+ flex: 1;
27
+ overflow: hidden;
28
+ }
29
+
30
+ .jss_container.fullscreen .jss_worksheet {
31
+ height: 100%;
32
+ flex-direction: column;
33
+ align-content: stretch;
34
+ }
35
+
36
+ .jss_container.fullscreen .jss_worksheet.jtabs-selected {
37
+ display: flex;
38
+ }
39
+
40
+ .jss_container.fullscreen .jss_worksheet .jss_content {
41
+ flex: 1;
42
+ width: 100% !important;
43
+ max-width: initial !important;
44
+ max-height: initial !important;
45
+ }
46
+
47
+ .jss_container .jss_filter {
48
+ margin-top:5px;
49
+ padding-top:5px;
50
+ }
51
+
52
+ .jss_content {
53
+ display: block;
54
+ position: relative;
55
+ box-sizing: border-box;
56
+ scrollbar-width: thin;
57
+ border-top: 1px solid #ccc;
58
+ box-shadow: inset 1px 0 0 0 #ccc;
59
+ }
60
+
61
+ .jss_content_overflow {
62
+ width: 100%;
63
+ height: 100%;
64
+ }
65
+
66
+ .jss_container.fullscreen .jss_content, .jss_content_overflow {
67
+ overflow: auto;
68
+ border-right: 1px solid #ccc;
69
+ border-bottom: 1px solid #ccc;
70
+ padding-right: 3px;
71
+ padding-bottom: 3px;
72
+ }
73
+
74
+ .jss_container.fullscreen .jss, .jss_content_overflow .jss {
75
+ position: sticky;
76
+ top: 0;
77
+ left: 0;
78
+ }
79
+
80
+ .jss_content::-webkit-scrollbar {
81
+ height: 12px;
82
+ }
83
+
84
+ .jss_content::-webkit-scrollbar {
85
+ width: 12px;
86
+ }
87
+
88
+ .jss_content::-webkit-scrollbar-track {
89
+ background: #f1f1f1;
90
+ }
91
+
92
+ .jss_content::-webkit-scrollbar-thumb {
93
+ background: #c1c1c1;
94
+ }
95
+
96
+ .jss_content::-webkit-scrollbar-thumb:hover {
97
+ background-color: #a8a8a8;
98
+ }
99
+
100
+ .jss {
101
+ border-collapse: separate;
102
+ table-layout: fixed;
103
+ white-space: nowrap;
104
+ empty-cells: show;
105
+ background-color: #fff;
106
+ width: 0;
107
+ outline: none;
108
+ border-top: 0;
109
+ border-left: 0;
110
+ border-right: 1px solid #ccc;
111
+ border-bottom: 1px solid #ccc;
112
+ }
113
+
114
+ .jss.jss_left > tbody > tr > td, .jss > tbody > tr > td.jss_left {
115
+ text-align: left;
116
+ }
117
+
118
+ .jss.jss_center > tbody > tr > td, .jss > tbody > tr > td.jss_center {
119
+ text-align: center;
120
+ }
121
+
122
+ .jss.jss_right > tbody > tr > td, .jss > tbody > tr > td.jss_right {
123
+ text-align: right;
124
+ }
125
+
126
+ .jss > thead > tr > th {
127
+ border-top: 1px solid #ccc;
128
+ border-left: 1px solid #ccc;
129
+ border-right: 1px solid transparent;
130
+ border-bottom: 1px solid transparent;
131
+ background-color: #f3f3f3;
132
+ padding: 6px;
133
+ cursor: pointer;
134
+ box-sizing: border-box;
135
+ overflow: hidden;
136
+ text-overflow: ellipsis;
137
+ position: sticky;
138
+ top: 0;
139
+ z-index: 4;
140
+ background-repeat: no-repeat;
141
+ background-position: center right 0;
142
+ line-height: 1em;
143
+ font-size: 1em;
144
+ font-weight: normal;
145
+ }
146
+
147
+ .jss > thead > tr:first-child > th {
148
+ border-top: 1px solid transparent;
149
+ }
150
+
151
+ .jss > thead > tr > th:first-child:after,
152
+ .jss > thead > tr.jss_nested > th::before,
153
+ .jss > thead > tr.jss_nested > th::after {
154
+ cursor:default;
155
+ }
156
+
157
+ .jss > thead > tr > th:first-child {
158
+ box-shadow: 1px 0 0 0 #ccc;
159
+ }
160
+
161
+ .jss > thead > tr > th.selected {
162
+ background-color: #dcdcdc;
163
+ border-bottom: 1px solid transparent;
164
+ }
165
+
166
+ .jss > thead > tr > th.jss_filters_icon::before {
167
+ font-family: "Material Icons";
168
+ content: 'filter_alt';
169
+ position: absolute;
170
+ right: 0;
171
+ font-size: 16px;
172
+ width: 16px;
173
+ height: 16px;
174
+ color: #ccc;
175
+ }
176
+
177
+ .jss > thead > tr > th.jss_filters_active::before {
178
+ color: #888;
179
+ }
180
+
181
+ .jss > tbody > tr > td {
182
+ border-top:1px solid #ccc;
183
+ border-left:1px solid #ccc;
184
+ border-right:1px solid transparent;
185
+ border-bottom:1px solid transparent;
186
+ box-sizing: border-box;
187
+ padding: 4px;
188
+ line-height: 1em;
189
+ height: 24px;
190
+ text-align: center;
191
+ white-space: pre;
192
+ overflow: hidden;
193
+ }
194
+
195
+ .jss > tbody > tr > td.jss_wrap {
196
+ white-space: break-spaces;
197
+ }
198
+
199
+ .jss > tbody > tr > td.jss_row {
200
+ position: sticky;
201
+ z-index: 4;
202
+ left: 0;
203
+ background-color: #f3f3f3;
204
+ text-align: center;
205
+ }
206
+
207
+ .jss > tbody > tr.selected > td.jss_row {
208
+ background-color: #dcdcdc;
209
+ border-right: 1px solid transparent;
210
+ }
211
+
212
+ .jss > thead > tr > th:first-child,
213
+ .jss > tfoot > tr > td:first-child {
214
+ position: sticky;
215
+ left: 0;
216
+ z-index: 5 !important;
217
+ }
218
+
219
+ .jss_overflow > tbody > tr > td:not(.jss_frozen):has(+td:empty) {
220
+ overflow: initial;
221
+ }
222
+
223
+ .jss_overflow > tbody > tr > td:has(+td.jss_hidden:empty) {
224
+ overflow: hidden;
225
+ }
226
+
227
+ .jss_hidden_col, .jss_hidden_row {
228
+ visibility: collapse;
229
+ }
230
+
231
+ .jss_hidden_col {
232
+ width: 0;
233
+ }
234
+
235
+ .jss_hidden_row {
236
+ height: 0;
237
+ }
238
+
239
+ .jss > tbody > tr > td:last-child {
240
+ overflow:hidden;
241
+ }
242
+
243
+ .jss > tbody > tr > td > img {
244
+ max-width: 40px;
245
+ vertical-align: bottom;
246
+ }
247
+
248
+ .jss > tbody > tr > td > img.round {
249
+ object-fit: cover;
250
+ border-radius: 40px;
251
+ height: 40px;
252
+ }
253
+
254
+ .jss > tbody > tr > td > img.small {
255
+ width: 24px;
256
+ height: 24px;
257
+ }
258
+
259
+ .jss > tbody > tr > td.readonly {
260
+ color:rgba(0,0,0,0.4)
261
+ }
262
+
263
+ .jss > tbody > tr > td > select,
264
+ .jss > tbody > tr > td > input,
265
+ .jss > tbody > tr > td > textarea {
266
+ border:0;
267
+ border-radius:0;
268
+ outline:0;
269
+ width:100%;
270
+ margin:0;
271
+ padding:0;
272
+ background-color:transparent;
273
+ box-sizing: border-box;
274
+ }
275
+
276
+ .jss > tbody > tr > td > textarea {
277
+ resize: none;
278
+ display: block;
279
+ }
280
+
281
+ .jss > tbody > tr > td > input[type=checkbox],
282
+ .jss > tbody > tr > td > input[type=radio] {
283
+ display: block;
284
+ width: initial;
285
+ margin: 0 auto;
286
+ }
287
+
288
+ .jss > tbody > tr > td.readonly > input[type=checkbox],
289
+ .jss > tbody > tr > td.readonly > input[type=radio] {
290
+ pointer-events: none;
291
+ opacity: 0.5;
292
+ }
293
+
294
+ .jss > tbody > tr > td.jss_dropdown {
295
+ background-repeat: no-repeat;
296
+ background-position: top 50% right 0;
297
+ background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
298
+ text-overflow: ellipsis;
299
+ overflow-x: hidden;
300
+ padding-right: 16px;
301
+ }
302
+
303
+ .jss > tbody > tr > td.jss_dropdown:hover {
304
+ background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
305
+ }
306
+
307
+ .jss > tbody > tr > td.jss_dropdown_tags {
308
+ white-space: pre-wrap;
309
+ }
310
+
311
+ .jss > tbody > tr > td.jss_dropdown[title] {
312
+ background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E"), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
313
+ }
314
+
315
+ .jss > tbody > tr > td.jss_dropdown[title]:hover {
316
+ background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
317
+ }
318
+
319
+ .jss > tbody > tr > td[title] {
320
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
321
+ background-repeat: no-repeat;
322
+ background-position: top 0 right -1px;
323
+ }
324
+
325
+ .jss > tbody > tr > td.jss_richtext {
326
+ white-space: initial !important;
327
+ }
328
+
329
+ .jss > tbody > tr > td > .color {
330
+ width:90%;
331
+ height:10px;
332
+ margin:auto;
333
+ pointer-events: none;
334
+ }
335
+
336
+ .jss > tbody > tr > td.jss_cursor a {
337
+ text-decoration: underline;
338
+ color: blue;
339
+ cursor: pointer;
340
+ }
341
+
342
+ .jss > tbody > tr > td.jss_progressbar {
343
+ padding-left: 10px;
344
+ padding-right: 10px;
345
+ }
346
+
347
+ .jss > tbody > tr > td.jss_progressbar > div {
348
+ height: 5px;
349
+ background-color: red;
350
+ background-clip: content-box;
351
+ }
352
+
353
+ .jss > tfoot > tr > td {
354
+ border-top: 1px solid #ccc;
355
+ border-left: 1px solid #ccc;
356
+ border-right: 1px solid transparent;
357
+ border-bottom: 1px solid transparent;
358
+ background-color: #f3f3f3;
359
+ padding: 2px;
360
+ cursor: pointer;
361
+ box-sizing: border-box;
362
+ overflow: hidden;
363
+ text-align: center;
364
+
365
+ position: sticky;
366
+ bottom: 0;
367
+ z-index: 1;
368
+ }
369
+
370
+ .jss_corner {
371
+ position:absolute;
372
+ background-color: #000;
373
+ height: 1px;
374
+ width: 1px;
375
+ border: 1px solid #FFF;
376
+ top:-2000px;
377
+ left:-2000px;
378
+ cursor:crosshair;
379
+ box-sizing: initial;
380
+ z-index: 3;
381
+ padding: 2px;
382
+ }
383
+
384
+ .jss,
385
+ .jss_corner,
386
+ .jss td,
387
+ .jss > tbody > tr > td > img {
388
+ -webkit-touch-callout: none;
389
+ -webkit-user-select: none;
390
+ -khtml-user-select: none;
391
+ -moz-user-select: none;
392
+ -ms-user-select: none;
393
+ user-select: none;
394
+ -webkit-user-drag: none;
395
+ -khtml-user-drag: none;
396
+ -moz-user-drag: none;
397
+ -o-user-drag: none;
398
+ }
399
+
400
+ .jss_textarea {
401
+ position: fixed;
402
+ width: 0;
403
+ height: 0;
404
+ opacity: 0;
405
+ }
406
+
407
+ .jss_input {
408
+ position: absolute;
409
+ z-index: 6;
410
+ pointer-events: none;
411
+ box-sizing: border-box;
412
+ white-space: pre-wrap;
413
+ line-height: 1;
414
+ outline: none;
415
+ opacity: 0;
416
+ }
417
+
418
+ .jss_dialog {
419
+ height: 240px !important;
420
+ min-width: 340px !important;
421
+ min-height: 240px !important;
422
+ max-width: 340px !important;
423
+ user-select:none;
424
+ box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.14);
425
+ text-align:left;
426
+ box-sizing: border-box;
427
+ overflow: auto;
428
+ scrollbar-width: thin;
429
+ scrollbar-color: #333 transparent;
430
+ background-color: #f8f8f8;
431
+ }
432
+
433
+ .jss_input > .jss_dialog {
434
+ max-width: 600px;
435
+ }
436
+
437
+ .jss_dialog::-webkit-scrollbar {
438
+ width: 12px;
439
+ height: 12px;
440
+ }
441
+
442
+ .jss_dialog::-webkit-scrollbar-track {
443
+ border: 1px solid #fff;
444
+ background: #eee;
445
+ }
446
+
447
+ .jss_dialog::-webkit-scrollbar-thumb {
448
+ border: 1px solid #fff;
449
+ background: #888;
450
+ }
451
+
452
+ .jss_dialog.jclose:after {
453
+ position:absolute;
454
+ top:0;
455
+ right:0;
456
+ margin:10px;
457
+ content:'close';
458
+ font-family:'Material icons';
459
+ font-size:24px;
460
+ width:24px;
461
+ height:24px;
462
+ line-height:24px;
463
+ cursor:pointer;
464
+ text-shadow: 0 0 5px #fff;
465
+ }
466
+
467
+ .jss_dialog[title]:before {
468
+ margin: 10px;
469
+ content: attr(title);
470
+ position: absolute;
471
+ top: 0;
472
+ right: 0;
473
+ line-height: 24px;
474
+ }
475
+
476
+ .jss_dialog .jtoolbar {
477
+ height: initial;
478
+ }
479
+
480
+ .jss_percent:after {
481
+ content: ' %';
482
+ }
483
+
484
+ .jss_percent.jss_formula:after {
485
+ content: '';
486
+ }
487
+
488
+ .jss_input.jss_formula {
489
+ white-space: nowrap;
490
+ overflow: hidden;
491
+ }
492
+
493
+ .jss_input.jss_nowrap {
494
+ display: flex;
495
+ flex-wrap: nowrap;
496
+ overflow: hidden;
497
+ }
498
+
499
+ .jss_input.jss_nowrap.jss_formula {
500
+ display: initial;
501
+ }
502
+
503
+ .jss_input.jss_focus {
504
+ padding: 4px;
505
+ pointer-events: initial;
506
+ opacity: 1;
507
+ filter: alpha(opacity=100);
508
+ background-color: #fff;
509
+ }
510
+
511
+ .jss_input[contentEditable=false] {
512
+ padding: 0 !important;
513
+ }
514
+
515
+ .jss_input[contentEditable=false] > input {
516
+ outline: none;
517
+ border: 0;
518
+ padding: 4px 4px 4px 6px;
519
+ max-width: 100%;
520
+ margin: 0;
521
+ box-sizing: border-box;
522
+ }
523
+
524
+ .jss_input .jdropdown-header {
525
+ border: 0 !important;
526
+ outline: none !important;
527
+ padding: 4px !important;
528
+ padding-left: 6px !important;
529
+ height: 100%;
530
+ background-position: top 50% right 0;
531
+ }
532
+
533
+ .jss_input .jdropdown-container-header {
534
+ padding: 0;
535
+ margin: 0;
536
+ height: initial;
537
+ }
538
+
539
+ .jss_input .jdropdown-picker {
540
+ border:0 !important;
541
+ padding:0 !important;
542
+ width: initial;
543
+ height: initial;
544
+ }
545
+
546
+ .jss_input .jeditor {
547
+ padding: 15px;
548
+ }
549
+
550
+ .jss .error {
551
+ border:1px solid red;
552
+ }
553
+
554
+ .jss_about {
555
+ float: right;
556
+ font-size: 0.7em;
557
+ padding: 2px;
558
+ text-transform: uppercase;
559
+ letter-spacing: 1px;
560
+ display: none;
561
+ }
562
+ .jss_about a {
563
+ color: #ccc;
564
+ text-decoration: none;
565
+ }
566
+
567
+ .jss_about img {
568
+ display: none;
569
+ }
570
+
571
+ .jss_search_container {
572
+ display:flex;
573
+ justify-content:space-between;
574
+ background-color: #f3f3f3;
575
+ border: 1px solid #ccc;
576
+ border-bottom: 0;
577
+ }
578
+
579
+ .jss_search_container > div {
580
+ display: inline-block;
581
+ padding:8px;
582
+ align-items:center;
583
+ }
584
+
585
+ .jss_search_container > div:empty {
586
+ display: none;
587
+ }
588
+
589
+ .jss_pagination {
590
+ display:flex;
591
+ justify-content:space-between;
592
+ align-items:center;
593
+ }
594
+
595
+ .jss_pagination > div {
596
+ display: flex;
597
+ padding: 8px;
598
+ font-size: 0.9em
599
+ }
600
+
601
+ .jss_pagination > div:last-child {
602
+ padding-right:10px;
603
+ padding-top:10px;
604
+ }
605
+
606
+ .jss_pagination > div > div {
607
+ text-align:center;
608
+ width:36px;
609
+ height:36px;
610
+ line-height:34px;
611
+ border:1px solid #ccc;
612
+ box-sizing: border-box;
613
+ margin-left:2px;
614
+ cursor:pointer;
615
+ }
616
+
617
+ .jss_page {
618
+ font-size:0.8em;
619
+ }
620
+
621
+ .jss_page_selected {
622
+ font-weight:bold;
623
+ background-color:#f3f3f3;
624
+ }
625
+
626
+ .jss_toolbar {
627
+ background-color: #f3f3f3;
628
+ border: 1px solid #ccc;
629
+ padding: 4px;
630
+ position: sticky;
631
+ top: 0;
632
+ z-index: 5;
633
+ min-width: fit-content;
634
+ margin-top: 1px;
635
+ margin-bottom: 1px;
636
+ }
637
+
638
+ .jss_container.fullscreen .jss_toolbar {
639
+ position: relative;
640
+ margin-bottom: 1px;
641
+ margin-right: 0;
642
+ }
643
+
644
+ .jss_toolbar .jtoolbar-item:hover {
645
+ background-color: #eaeaea;
646
+ }
647
+
648
+ .jss_toolbar .jtoolbar-item > .jpicker-header:hover {
649
+ background-color: #eaeaea !important;
650
+ }
651
+
652
+ .jss_toolbar:empty {
653
+ display:none;
654
+ }
655
+
656
+ .jss_toolbar i.jss_toolbar_item {
657
+ width:24px;
658
+ height:24px;
659
+ padding:4px;
660
+ cursor:pointer;
661
+ display:inline-block;
662
+ }
663
+
664
+ .jss_toolbar .jss_toolbar_selected {
665
+ background-color:#eaeaea;
666
+ }
667
+
668
+ .jss_toolbar::-webkit-scrollbar {
669
+ display: none;
670
+ }
671
+
672
+ .jss_tabs > .jss_tab {
673
+ display:none;
674
+ }
675
+
676
+ .jss_tabs > .jss_tab_link {
677
+ display:inline-block;
678
+ padding:10px;
679
+ padding-left:20px;
680
+ padding-right:20px;
681
+ margin-right:5px;
682
+ margin-bottom:5px;
683
+ background-color:#f3f3f3;
684
+ cursor:pointer;
685
+ }
686
+
687
+ .jss_tabs > .jss_tab_link.selected {
688
+ background-color:#ddd;
689
+ }
690
+
691
+ .jss_hidden_index > thead > tr > th:first-child,
692
+ .jss_hidden_index > tbody > tr > td:first-child,
693
+ .jss_hidden_index > tfoot > tr > td:first-child,
694
+ .jss_hidden_index > colgroup > col:first-child {
695
+ visibility: collapse;
696
+ width: 1px;
697
+ }
698
+
699
+ .jss_border {
700
+ position: absolute;
701
+ border: 1px solid transparent;
702
+ pointer-events: none;
703
+ opacity:0.6;
704
+ box-sizing: border-box;
705
+ z-index: 2;
706
+ }
707
+
708
+ .jss_border_main {
709
+ border: 1px solid #000;
710
+ background-color: #00000015;
711
+ background-origin: content-box;
712
+ }
713
+
714
+ .jss_border_copying {
715
+ background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
716
+ background-position: 0 0, 0 100%, 0 0, 100% 0;
717
+ background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
718
+ background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%), linear-gradient(to bottom, #fff 50%, #444 50%);
719
+ animation: ants 2s;
720
+ animation-timing-function: linear;
721
+ animation-iteration-count: infinite;
722
+ opacity: 1;
723
+ }
724
+
725
+ .jss_border_copying_hide_left {
726
+ background-size: 0 0, 8px 1px, 0 0, 0 0 !important;
727
+
728
+ }
729
+
730
+ @keyframes ants {
731
+ 0% {
732
+ background-position: 0 0, 0 100%, 0 0, 100% 0;
733
+ }
734
+ 100% {
735
+ background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
736
+ }
737
+ }
738
+
739
+
740
+ .jss_border_cloning {
741
+ border: 1px dashed #000;
742
+ }
743
+
744
+ .jss_border_ctrl {
745
+ border: 2px solid #fff;
746
+ outline: 1px solid #777777;
747
+ outline-offset: -1px;
748
+ background-color: #5b5b5b50;
749
+ }
750
+
751
+ .jss_cursor {
752
+ background-color: #eee;
753
+ }
754
+
755
+ .jss_cursor.jss_frozen {
756
+ background-color: #eee !important;
757
+ }
758
+
759
+ .jss_loading {
760
+ position: absolute;
761
+ z-index: 5;
762
+ width: calc(100% - 3px);
763
+ height: 1px;
764
+ overflow: hidden;
765
+ padding-left: 1px;
766
+ padding-right: 1px;
767
+ border: 0;
768
+ box-sizing: border-box;
769
+ display: none;
770
+ margin-top: -1px;
771
+ margin-left: 1px;
772
+ }
773
+
774
+ .jss_loading:after {
775
+ content: '';
776
+ position: absolute;
777
+ height: 3px;
778
+ background-color: #aaa;
779
+ animation: jss_loading 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
780
+ }
781
+
782
+ .disconnected .jss_loading {
783
+ display: block;
784
+ background-color: red;
785
+ }
786
+
787
+ @keyframes jss_loading {
788
+ 0% { margin-left: 0; width: 0 }
789
+ 50% { margin-left: 0; width: 50% }
790
+ 100% { margin-left: 100%; width: 100% }
791
+ }
792
+
793
+ .jss_container.disconnected {
794
+ pointer-events: none;
795
+ }
796
+
797
+ .jss_tags > div {
798
+ padding-left: 8px;
799
+ padding-right: 8px;
800
+ border-radius: 2px;
801
+ margin-right: 4px;
802
+ outline: none;
803
+ background-color: #eee;
804
+ font-size: 0.8em;
805
+ display: inline-block;
806
+ }
807
+
808
+ .jss_rating {
809
+ padding: 0;
810
+ }
811
+
812
+ .jss_rating > div {
813
+ line-height: 13px;
814
+ }
815
+
816
+ .jss_rating > div > i {
817
+ line-height: 13px;
818
+ width: 13px;
819
+ height: 13px;
820
+ vertical-align: bottom;
821
+ font-size: 13px;
822
+ }
823
+
824
+ .jss thead .jss_frozen {
825
+ position: sticky;
826
+ z-index: 5;
827
+ box-shadow: 2px 0 0 0 #aaa;
828
+ }
829
+
830
+ .jss tfoot .jss_frozen {
831
+ position: sticky;
832
+ z-index: 2;
833
+ box-shadow: 1px 0 0 0 #aaa;
834
+ }
835
+
836
+ .jss tbody .jss_frozen {
837
+ position: sticky;
838
+ z-index: 1;
839
+ background-color: #fff;
840
+ box-shadow: 1px 1px 2px 0 #aaa;
841
+ }
842
+
843
+ .jss .jss_notes {
844
+ overflow: hidden;
845
+ display: -webkit-box;
846
+ -webkit-line-clamp: 1;
847
+ -webkit-box-orient: vertical;
848
+ text-overflow: ellipsis;
849
+ white-space: pre-wrap;
850
+ }
851
+
852
+ .jss_row_medium > tbody > tr {
853
+ height: 3em;
854
+ }
855
+
856
+ .jss_row_large > tbody > tr {
857
+ height: 6em;
858
+ }
859
+
860
+ .jss_row_extra > tbody > tr {
861
+ height: 9em;
862
+ }
863
+
864
+ .jss_row_medium > tbody > tr .jss_notes {
865
+ -webkit-line-clamp: 3;
866
+ height: 3em;
867
+ }
868
+
869
+ .jss_row_large > tbody > tr .jss_notes {
870
+ -webkit-line-clamp: 6;
871
+ height: 6em;
872
+ }
873
+
874
+ .jss_row_extra > tbody > tr .jss_notes {
875
+ -webkit-line-clamp: 9;
876
+ height: 9em;
877
+ }
878
+
879
+ /** Build-in themes :: MODERN **/
880
+
881
+ .jss_modern table.jss {
882
+ border-right:1px solid transparent;
883
+ }
884
+
885
+ .jss_light table.jss > thead > tr > th,
886
+ .jss_modern table.jss > thead > tr > th {
887
+ background-color: #f5f5f5;
888
+ border-top:1px solid #ddd;
889
+ border-right:1px solid transparent;
890
+ padding: 8px;
891
+ }
892
+
893
+ .jss_modern table.jss > thead > tr > th {
894
+ border-left:1px solid transparent;
895
+ }
896
+
897
+
898
+ .jss_light table.jss > thead > tr > th:first-child,
899
+ .jss_modern table.jss > thead > tr > th:first-child {
900
+ box-shadow: 1px 0 0 0 #ddd;
901
+ }
902
+
903
+ .jss_light table.jss > thead > tr:last-child > th,
904
+ .jss_modern table.jss > thead > tr:last-child > th {
905
+ border-bottom: 1px solid #000;
906
+ }
907
+
908
+ .jss_light table.jss > tfoot > tr > td,
909
+ .jss_modern table.jss > tfoot > tr > td {
910
+ border-top:1px solid #000;
911
+ border-left:1px solid transparent;
912
+ border-right:1px solid transparent;
913
+ border-bottom:1px solid transparent;
914
+ background-color:#fff;
915
+ padding:8px;
916
+ }
917
+
918
+ .jss_light table.jss > thead > tr > th.jss_filters_icon,
919
+ .jss_modern table.jss > thead > tr > th.jss_filters_icon {
920
+ background-position: center right 8px;
921
+ }
922
+
923
+ .jss_light table.jss > thead > tr > th.selected {
924
+ background-color:#e3e3e3;
925
+ }
926
+
927
+ .jss_modern table.jss > thead > tr > th.selected {
928
+ background-color:#eee;
929
+ }
930
+
931
+ .jss_modern table.jss > tbody > tr > td {
932
+ padding: 8px;
933
+ border-right: 1px solid transparent;
934
+ border-left: 1px solid transparent;
935
+ }
936
+
937
+ .jss_light table.jss > tbody > tr > td {
938
+ border-top: 1px solid #ddd;
939
+ border-left: 1px solid #ddd;
940
+ }
941
+
942
+ .jss_light table.jss > tbody > tr > td:first-child,
943
+ .jss_modern table.jss > tbody > tr > td:first-child {
944
+ background-color: #f5f5f5;
945
+ }
946
+
947
+ .jss_light table.jss > tbody > tr.selected > td:first-child {
948
+ background-color:#e3e3e3;
949
+ }
950
+
951
+ .jss_modern table.jss > tbody > tr.selected > td:first-child {
952
+ background-color:#eee;
953
+ }
954
+
955
+ .jss_light .jss_toolbar,
956
+ .jss_modern .jss_toolbar {
957
+ background-color: #f5f5f5;
958
+ }
959
+
960
+ .jss_modern .jss_toolbar {
961
+ border-color: #ddd;
962
+ }
963
+
964
+ .jss_light .jss_pagination,
965
+ .jss_modern .jss_pagination {
966
+ background-color: #f8f8f8;
967
+ border: 1px solid #eee;
968
+ }
969
+
970
+ .jss_light .jss_pagination > div > div {
971
+ border: 1px solid transparent;
972
+ background-color: #f2f2f2;
973
+ }
974
+
975
+ .jss_modern .jss_pagination > div > div {
976
+ border: 1px solid transparent;
977
+ background-color: #fff;
978
+ }
979
+
980
+ .jss_modern .jss_page_selected {
981
+ background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
982
+ border:1px solid #979797 !important;
983
+ font-weight:normal;
984
+ color: #333 !important;
985
+ border-radius:2px;
986
+ }
987
+
988
+ .jss_modern .jss_focus {
989
+ padding: 8px;
990
+ }
991
+
992
+ .jss_modern .jss_search_container {
993
+ background: initial;
994
+ border: initial;
995
+ }
996
+
997
+ .jss_dropdown_icon {
998
+ width: 12px;
999
+ height: 12px;
1000
+ border-radius: 6px;
1001
+ margin: auto;
1002
+ }
1003
+
1004
+ .jss_dropdown_tag {
1005
+ display: inline-block;
1006
+ border-radius: 6px;
1007
+ margin-top: 1px;
1008
+ margin-bottom: 1px;
1009
+ margin-right: 2px;
1010
+ padding: 4px 10px 4px 10px;
1011
+ font-size: 0.8em;
1012
+ }
1013
+
1014
+ /** Filter **/
1015
+
1016
+ .jss_filters {
1017
+ position: absolute;
1018
+ z-index: 11;
1019
+ background-color: #fff;
1020
+ color: #555;
1021
+ font-size: 0.8em;
1022
+ user-select: none;
1023
+ box-shadow: 2px 2px 2px 0 rgba(143, 144, 145, 1);
1024
+ border: 1px solid #C6C6C6;
1025
+ padding: 20px;
1026
+ margin: 0;
1027
+ outline: none;
1028
+ display: none;
1029
+ }
1030
+
1031
+ .jss_filters > div {
1032
+ box-sizing: border-box;
1033
+ display: block;
1034
+ width: 280px;
1035
+ position: relative;
1036
+ cursor: default;
1037
+ font-family:sans-serif;
1038
+ }
1039
+
1040
+ .jss_filters > div.jss_filter_search_container {
1041
+ display: flex;
1042
+ margin-bottom: 6px;
1043
+ }
1044
+
1045
+ .jss_filters label {
1046
+ display: block;
1047
+ line-height: 18px;
1048
+ vertical-align: middle;
1049
+ overflow: hidden;
1050
+ text-overflow: ellipsis;
1051
+ white-space: nowrap;
1052
+ }
1053
+
1054
+ .jss_filters_search,
1055
+ .jss_filters_operators {
1056
+ padding: 6px;
1057
+ border: 1px solid #d9d9d9;
1058
+ width: 100%;
1059
+ flex: 3;
1060
+ }
1061
+
1062
+ .jss_filters_search {
1063
+ margin-right: 6px;
1064
+ flex: 4;
1065
+ }
1066
+
1067
+ .jss_filters_options {
1068
+ border: 1px solid #d9d9d9;
1069
+ }
1070
+
1071
+ .jss_filters_options label {
1072
+ display: flex;
1073
+ align-items: center;
1074
+ }
1075
+
1076
+ .jss_filters_options label > div.color {
1077
+ width: 80px;
1078
+ height: 8px;
1079
+ }
1080
+
1081
+ .jss_filters_options label > img {
1082
+ width: 18px;
1083
+ height: 18px;
1084
+ border-radius: 10px;
1085
+ }
1086
+
1087
+ .jss_filters_options label > div.progressbar {
1088
+ background-color: red;
1089
+ height: 8px;
1090
+ }
1091
+
1092
+ .jss_filters_options label > div.rating > i {
1093
+ line-height: 13px;
1094
+ width: 13px;
1095
+ height: 13px;
1096
+ vertical-align: bottom;
1097
+ }
1098
+
1099
+ .jss_filters input[type=checkbox] {
1100
+ vertical-align: middle;
1101
+ position: relative;
1102
+ bottom: 1px;
1103
+ margin: 5px;
1104
+ }
1105
+
1106
+ .jss_filters_apply {
1107
+ padding: 6px;
1108
+ margin-top: 6px;
1109
+ width: 100px;
1110
+ float: right;
1111
+ }
1112
+
1113
+ .jss_helper {
1114
+ position: absolute;
1115
+ top: 0;
1116
+ left: 0;
1117
+ width: 1px;
1118
+ height: 100%;
1119
+ background-color: transparent;
1120
+ border: 1px solid #DD0000;
1121
+ box-sizing: border-box;
1122
+ z-index: 7;
1123
+ display: none;
1124
+ pointer-events: none;
1125
+ }
1126
+
1127
+ .jss_helper.jss_helper_row:before {
1128
+ content: '';
1129
+ position: absolute;
1130
+ margin-top: -5px;
1131
+ margin-left: -8px;
1132
+ width: 0;
1133
+ height: 0;
1134
+ border-top: 5px solid transparent;
1135
+ border-bottom: 5px solid transparent;
1136
+ border-left: 5px solid #DD0000;
1137
+ }
1138
+
1139
+ .jss_helper.jss_helper_col:before {
1140
+ content: '';
1141
+ position: absolute;
1142
+ margin-top: -8px;
1143
+ margin-left: -5px;
1144
+ width: 0;
1145
+ height: 0;
1146
+ border-left: 5px solid transparent;
1147
+ border-right: 5px solid transparent;
1148
+ border-top: 5px solid #DD0000;
1149
+ }
1150
+
1151
+ .jss_dragging {
1152
+ }
1153
+
1154
+ .jss_forbidden {
1155
+ padding: 80px;
1156
+ text-align: center;
1157
+ border: 1px solid #ccc;
1158
+ color: #999;
1159
+ max-width: 600px;
1160
+ }
1161
+
1162
+ .jss_forbidden:before {
1163
+ content: 'Jspreadsheet: Permission Denied';
1164
+ }
1165
+
1166
+ .jss_forbidden > div {
1167
+ display: none;
1168
+ }
1169
+
1170
+ .arrow-up {
1171
+ text-decoration: underline;
1172
+ }
1173
+
1174
+ .arrow-down {
1175
+ text-decoration: underline;
1176
+ }
1177
+
1178
+ .arrow-up::after {
1179
+ content: '\2191';
1180
+ margin-left: 2px;
1181
+ text-decoration: initial;
1182
+ display: inline-block
1183
+ }
1184
+
1185
+ .arrow-down::after {
1186
+ content: '\2193';
1187
+ margin-left: 2px;
1188
+ text-decoration: initial;
1189
+ display: inline-block
1190
+ }
1191
+
1192
+ .jss_scroll {
1193
+ position:absolute;
1194
+ min-height: 1px;
1195
+ min-width: 1px;
1196
+ }
1197
+
1198
+ .jss > thead > tr.jss_group_container > th {
1199
+ text-align: center;
1200
+ overflow: initial;
1201
+ background-color: transparent;
1202
+ border: 0;
1203
+ }
1204
+
1205
+ .jss_group {
1206
+ content: attr(data-status);
1207
+ font-family: 'Courier new';
1208
+ line-height: 16px;
1209
+ text-align: center;
1210
+ color: #fff;
1211
+ border-radius: 2px;
1212
+ background-color: #777;
1213
+ width: 16px;
1214
+ height: 16px;
1215
+ box-sizing: border-box;
1216
+ position: relative;
1217
+ display: inline-block;
1218
+ }
1219
+
1220
+ .jss_group:after {
1221
+ content: 'd';
1222
+ position: absolute;
1223
+ border-top: 1px solid #ccc;
1224
+ border-right: 1px solid #ccc;
1225
+ width: 300px;
1226
+ height: 4px;
1227
+ left: 0;
1228
+ margin-top: 7px;
1229
+ margin-left: 16px;
1230
+ }
1231
+
1232
+ .jss_selectall {
1233
+ box-shadow: inset 1px 1px 0 0 #ccc;
1234
+ }
1235
+
1236
+ .jss_selectall:after {
1237
+ content: ' ';
1238
+ border-bottom: 12px solid #ccc;
1239
+ border-left: 12px solid transparent;
1240
+ width: 0;
1241
+ position: absolute;
1242
+ bottom: 3px;
1243
+ right: 3px;
1244
+ }
1245
+
1246
+ .jss_pagination_dropdown {
1247
+ margin-left: 4px;
1248
+ margin-right: 4px;
1249
+ }
1250
+
1251
+ .red {
1252
+ color: red;
1253
+ }
1254
+
1255
+ .jss > thead > tr > th.jss_filters_icon {
1256
+ padding-right: 16px !important;
1257
+ }
1258
+
1259
+ .jss_red .jss_corner {
1260
+ background-color: #DD0000;
1261
+ }
1262
+
1263
+ .jss_red .jss_border_main {
1264
+ border: 1px solid #DD0000;
1265
+ background-color: #DD000010;
1266
+ }
1267
+
1268
+ .jss_red .jss > thead > tr > th.selected {
1269
+ box-shadow: 0 1px 0 0 #DD0000;
1270
+ }
1271
+
1272
+ .jss_red .jss > tbody > tr.selected > td:nth-child(2) {
1273
+ border-left: 1px solid #DD0000 !important;
1274
+ box-shadow: 1px 0 0 0 black;
1275
+ }
1276
+
1277
+ .jss_picker {
1278
+ position: relative;
1279
+ padding: 5px 8px 5px 8px;
1280
+ border: 1px solid #ccc;
1281
+ }
1282
+
1283
+ .jss_picker:after {
1284
+ content: "highlight_alt";
1285
+ font-size: 18px;
1286
+ font-family: "Material Icons";
1287
+ color: #000;
1288
+ position: absolute;
1289
+ right: 5px;
1290
+ cursor: pointer;
1291
+ }
1292
+
1293
+ .jss_picker.active {
1294
+ outline: 2px #FF0000 solid;
1295
+ outline-offset: -2px;
1296
+ animation: blink 1s infinite;
1297
+ }
1298
+
1299
+ @keyframes blink {
1300
+ 50% {
1301
+ outline: 2px transparent solid;
1302
+ }
1303
+ }
1304
+
1305
+ .jss_media > div {
1306
+ z-index: 10;
1307
+ }
1308
+
1309
+ .jss_media_item[data-type="chart"] {
1310
+ background-color: white;
1311
+ }
1312
+
1313
+ .jss_image > img {
1314
+ position: absolute;
1315
+ max-width: 100%;
1316
+ z-index: 10;
1317
+ }
1318
+
1319
+ .jss_image > img:focus {
1320
+ outline: 2px solid black;
1321
+ }
1322
+
1323
+ .jss > tbody > tr > td.jss_number {
1324
+ text-align: right;
1325
+ }
1326
+
1327
+ .jss .jcolor-input {
1328
+ padding: 5px !important;
1329
+ padding-right: 24px !important;
1330
+ }
1331
+
1332
+ .jss_warning {
1333
+ border-left: 1px solid red !important;
1334
+ background-color: #ffefef !important;
1335
+ position: relative;
1336
+ }
1337
+
1338
+ .jss_warning:before {
1339
+ content: 'warning';
1340
+ font-family: 'Material Icons';
1341
+ font-size: 13px;
1342
+ position: absolute;
1343
+ color: red;
1344
+ left: 2px;
1345
+ font-weight: normal;
1346
+ }
1347
+
1348
+ .jss_warning:empty:before {
1349
+ margin-top: -7px;
1350
+ }
1351
+
1352
+ .jss_hidden {
1353
+ display: none;
1354
+ }
1355
+
1356
+ .fullscreen .jss_content {
1357
+ resize: none !important;
1358
+ }
1359
+
1360
+ .jss_last {
1361
+ z-index: 4;
1362
+ }
1363
+
1364
+ .jss_resize_corner {
1365
+ position: absolute;
1366
+ width: 8px;
1367
+ height: 8px;
1368
+ border-radius: 8px;
1369
+ border: 2px solid white;
1370
+ background-color: red;
1371
+ pointer-events: all;
1372
+ }
1373
+
1374
+ .jss tbody .jss_frozen_row {
1375
+ position: sticky;
1376
+ z-index: 1;
1377
+ background-color: #fff;
1378
+ box-shadow: 1px 1px 2px 0 #aaa;
1379
+ }
1380
+
1381
+ .jss tbody .jss_frozen_row.jss_frozen {
1382
+ box-shadow: 1px 1px 2px 0 #aaa;
1383
+ z-index: 2;
1384
+ }
1385
+
1386
+ .jss_cursor.jss_frozen_row {
1387
+ background-color: #eee !important;
1388
+ }
1389
+
1390
+ .jss > tbody > tr > td.jss_row.jss_frozen_row {
1391
+ z-index: 5;
1392
+ box-shadow: 0 2px 0 0 #aaa;
1393
+ }
1394
+
1395
+ .jss_freeze_control_col {
1396
+ border-right: 1px solid #aaa !important;
1397
+ }
1398
+
1399
+ .jss_freeze_control_row {
1400
+ border-bottom: 1px solid #aaa !important;
1401
+ }
1402
+
1403
+ .jss_rotate {
1404
+ -ms-writing-mode: tb-rl;
1405
+ -webkit-writing-mode: vertical-rl;
1406
+ writing-mode: vertical-rl;
1407
+ transform: rotate(0deg);
1408
+ white-space: nowrap;
1409
+ }
1410
+
1411
+ .jss tbody tr:nth-child(even) td.jss_zebra {
1412
+ background-color: #eee;
1413
+ }
1414
+
1415
+ .jss_zebra tbody tr:nth-child(even) td {
1416
+ background-color: #eee;
1417
+ }
1418
+
1419
+ .jss div {
1420
+ line-height: 1em;
1421
+ }
1422
+
1423
+ @-webkit-keyframes spin {
1424
+ from {-webkit-transform:rotate(0deg);}
1425
+ to {-webkit-transform:rotate(360deg);}
1426
+ }
1427
+
1428
+ @keyframes spin {
1429
+ from {transform:rotate(0deg);}
1430
+ to {transform:rotate(360deg);}
1431
+ }
1432
+
1433
+ .jss_searching {
1434
+ position: relative;
1435
+ }
1436
+
1437
+ .jss_searching:after {
1438
+ content: '';
1439
+ display: block;
1440
+ position: absolute;
1441
+ right: 16px;
1442
+ top: calc(50% - 7px);
1443
+ width: 12px;
1444
+ height: 12px;
1445
+ border-style: solid;
1446
+ border-color: #888;
1447
+ border-top-color: transparent;
1448
+ border-width: 1px;
1449
+ border-radius: 50%;
1450
+ -webkit-animation: spin .8s linear infinite;
1451
+ animation: spin .8s linear infinite;
1452
+ }
1453
+
1454
+ .jss_nogridline>tbody>tr>td {
1455
+ border: 1px solid transparent;
1456
+ }
1457
+
1458
+ .jss_highlight {
1459
+ background-color: #ffffd6;
1460
+ }
1461
+
1462
+ .jss_row > i.material-icons {
1463
+ font-size: 13px;
1464
+ position: absolute;
1465
+ right: 2px;
1466
+ margin-top: 2px;
1467
+ cursor: pointer;
1468
+ }
1469
+
1470
+ .jss_header > i.material-icons {
1471
+ font-size: 13px;
1472
+ position: absolute;
1473
+ right: 2px;
1474
+ margin-top: 2px;
1475
+ cursor: pointer;
1476
+ }
1477
+
1478
+ .jss_header.jss_filters_icon > i.material-icons {
1479
+ right: 16px;
1480
+ }
1481
+
1482
+ .jss_upload {
1483
+ position: absolute !important;
1484
+ display: none;
1485
+ margin-left: -240px;
1486
+ }
1487
+
1488
+ .jss_group_parent {
1489
+ background-color: #65656522;
1490
+ }
1491
+
1492
+ .jss_group_parent > .jss_frozen {
1493
+ background-color: #eee;
1494
+ }
1495
+
1496
+ .jss_group_child {
1497
+ background-color: #bbbbbb22;
1498
+ }
1499
+
1500
+ .jss_group_child > .jss_frozen {
1501
+ background-color: #f4f4f4;
1502
+ }
1503
+
1504
+ .jss_group_parent.jss_group_child {
1505
+ background-color: #77777722;
1506
+ }
1507
+
1508
+ .jss_tooltip {
1509
+ position: absolute;
1510
+ pointer-events: none;
1511
+ background-color: rgba(0,0,0,0.7);
1512
+ color: #fff;
1513
+ border-radius: 5px;
1514
+ padding: 5px 10px;
1515
+ white-space: nowrap;
1516
+ z-index: 999;
1517
+
1518
+ display: block;
1519
+ animation: fadeIn 0.5s;
1520
+ }
1521
+
1522
+ .jss_tooltip:empty {
1523
+ display: none;
1524
+ }
1525
+
1526
+ .lm-lazy {
1527
+ position: relative;
1528
+ overflow-y: auto;
1529
+ display: flex;
1530
+ }
1531
+ .lm-lazy-scroll {
1532
+ position: absolute;
1533
+ width: 1px;
1534
+ }
1535
+
1536
+ .lm-lazy-items {
1537
+ position: sticky;
1538
+ top: 0;
1539
+ }
1540
+
1541
+ .jss_filters_options .lm-lazy-items {
1542
+ padding: 10px;
1543
+ }
1544
+
1545
+ .jss_style_row {
1546
+ display:flex;
1547
+ flex-wrap: wrap;
1548
+ flex-direction: row;
1549
+ justify-content: space-between;
1550
+ box-sizing: border-box;
1551
+ align-items: center;
1552
+ }
1553
+
1554
+ .jss_style_row.container {
1555
+ flex-wrap: nowrap;
1556
+ }
1557
+
1558
+ .jss_style_row.middle {
1559
+ align-items: center;
1560
+ }
1561
+
1562
+ .jss_style_row.start {
1563
+ justify-content: flex-start;
1564
+ }
1565
+
1566
+ .jss_style_col {
1567
+ box-sizing: border-box;
1568
+ }
1569
+
1570
+ .jss_style_f1 {
1571
+ flex: 1;
1572
+ }
1573
+
1574
+ .jss_style_form_group {
1575
+ width: 100%;
1576
+ padding-right: 8px;
1577
+ padding-bottom: 8px;
1578
+ box-sizing: border-box;
1579
+ }
1580
+
1581
+ .jss_style_form_group label {
1582
+ display: block;
1583
+ padding-bottom: 4px;
1584
+ }
1585
+
1586
+ .jss_style_form_group input[type="text"], .jss_style_form_group input[type="number"], .jss_style_form_group select {
1587
+ width: 100%;
1588
+ padding: 5px 8px 5px 8px;
1589
+ border: 1px solid #ccc;
1590
+ box-sizing: border-box;
1591
+ color: inherit;
1592
+ font-family: inherit;
1593
+ font-size: inherit;
1594
+ }
1595
+
1596
+ .jss_style_form_group .jdropdown {
1597
+ width: 100%;
1598
+ }
1599
+
1600
+ .jss_style_p2 {
1601
+ padding: 2px;
1602
+ }
1603
+
1604
+ .jss_style_p6 {
1605
+ padding: 6px;
1606
+ }
1607
+
1608
+ .jss_style_p10 {
1609
+ padding: 10px;
1610
+ }
1611
+
1612
+ .jss_style_p20 {
1613
+ padding: 20px;
1614
+ }
1615
+
1616
+ .jss_style_button {
1617
+ width: 100%;
1618
+ padding: 8px 16px 8px 16px;
1619
+ border-radius: 2px;
1620
+ cursor:pointer;
1621
+ outline: none;
1622
+ background-color: #737373;
1623
+ border: 1px solid transparent;
1624
+ color: #fff;
1625
+ margin-top: 4px;
1626
+ }
1627
+
1628
+ .jss input[disabled] {
1629
+ opacity: 0.6;
1630
+ }