1 | @charset "UTF-8";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 | .u-loading-desc {
|
13 | position: absolute;
|
14 | bottom: 0;
|
15 | left: 0;
|
16 | right: 0;
|
17 | font-size: 14px;
|
18 | color: #212121;
|
19 | text-align: center; }
|
20 |
|
21 |
|
22 |
|
23 |
|
24 | .u-loading.u-loading-rotate > div {
|
25 | position: absolute;
|
26 | border-radius: 100%;
|
27 | margin: 2px;
|
28 | -webkit-animation-fill-mode: both;
|
29 | animation-fill-mode: both;
|
30 | width: 40px;
|
31 | height: 40px;
|
32 | top: 50%;
|
33 | left: 50%;
|
34 | margin-left: -22px;
|
35 | margin-top: -22px;
|
36 | background: transparent !important;
|
37 | display: inline-block;
|
38 | -webkit-animation: rotate 1s 0s linear infinite;
|
39 | animation: rotate 1s 0s linear infinite;
|
40 | text-align: center;
|
41 | line-height: 40px; }
|
42 | .u-loading.u-loading-rotate > div > img {
|
43 | width: 40px; }
|
44 | .u-loading.u-loading-rotate > div > .uf {
|
45 | color: #0084ff;
|
46 | font-size: 40px;
|
47 | padding: 0; }
|
48 |
|
49 | .u-loading.u-loading-rotate.u-loading-rotate-lg > div {
|
50 | margin-left: -35px;
|
51 | margin-top: -35px;
|
52 | width: 60px;
|
53 | height: 60px;
|
54 | line-height: 60px; }
|
55 | .u-loading.u-loading-rotate.u-loading-rotate-lg > div > img {
|
56 | width: 60px; }
|
57 | .u-loading.u-loading-rotate.u-loading-rotate-lg > div > .uf {
|
58 | font-size: 60px; }
|
59 |
|
60 | .u-loading.u-loading-rotate.u-loading-rotate-sm > div {
|
61 | margin-left: -15px;
|
62 | margin-top: -15px;
|
63 | width: 25px;
|
64 | height: 25px;
|
65 | line-height: 25px; }
|
66 | .u-loading.u-loading-rotate.u-loading-rotate-sm > div > img {
|
67 | width: 25px; }
|
68 | .u-loading.u-loading-rotate.u-loading-rotate-sm > div > .uf {
|
69 | font-size: 25px; }
|
70 |
|
71 | .u-loading.u-loading-rotate.u-loading-rotate-primary > div > .uf {
|
72 | color: #3f51b5; }
|
73 |
|
74 | .u-loading.u-loading-rotate.u-loading-rotate-success > div > .uf {
|
75 | color: #4caf50; }
|
76 |
|
77 | .u-loading.u-loading-rotate.u-loading-rotate-warning > div > .uf {
|
78 | color: #ff9800; }
|
79 |
|
80 | .u-loading-backdrop {
|
81 | position: absolute;
|
82 | top: 0;
|
83 | right: 0;
|
84 | bottom: 0;
|
85 | left: 0;
|
86 | z-index: 1900;
|
87 | background-color: rgba(255, 255, 255, 0.4); }
|
88 | .u-loading-backdrop.full-screen {
|
89 | position: fixed; }
|
90 |
|
91 | @keyframes rotate {
|
92 | 0% {
|
93 | -webkit-transform: rotate(0deg) scale(1);
|
94 | transform: rotate(0deg) scale(1); }
|
95 | 50% {
|
96 | -webkit-transform: rotate(180deg) scale(1);
|
97 | transform: rotate(180deg) scale(1); }
|
98 | 100% {
|
99 | -webkit-transform: rotate(360deg) scale(1);
|
100 | transform: rotate(360deg) scale(1); } }
|
101 |
|
102 | .u-loading.u-loading-line {
|
103 | position: absolute;
|
104 | top: 50%;
|
105 | left: 50%;
|
106 | margin-top: -30px;
|
107 | margin-left: -25px; }
|
108 | .u-loading.u-loading-line > div {
|
109 | background-color: #C2C3C5;
|
110 | width: 6px;
|
111 | height: 50px;
|
112 | border-radius: 2px;
|
113 | margin: 2px;
|
114 | -webkit-animation-fill-mode: both;
|
115 | animation-fill-mode: both;
|
116 | display: inline-block; }
|
117 | .u-loading.u-loading-line.u-loading-line-lg {
|
118 | margin-top: -50px;
|
119 | margin-left: -30px; }
|
120 | .u-loading.u-loading-line.u-loading-line-lg > div {
|
121 | width: 8px;
|
122 | height: 90px; }
|
123 | .u-loading.u-loading-line.u-loading-line-sm {
|
124 | margin-top: -22px;
|
125 | margin-left: -20px; }
|
126 | .u-loading.u-loading-line.u-loading-line-sm > div {
|
127 | width: 4px;
|
128 | height: 35px; }
|
129 | .u-loading.u-loading-line div:nth-child(1) {
|
130 | -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
131 | animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
132 | background-color: #F44336; }
|
133 | .u-loading.u-loading-line div:nth-child(2) {
|
134 | -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
135 | animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
136 | background-color: #7ED321; }
|
137 | .u-loading.u-loading-line div:nth-child(3) {
|
138 | -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
139 | animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
140 | background-color: #0084FF; }
|
141 | .u-loading.u-loading-line div:nth-child(4) {
|
142 | -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
143 | animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
144 | background-color: #FF9800; }
|
145 | .u-loading.u-loading-line div:nth-child(5) {
|
146 | -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
147 | animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
148 | background-color: #D0021B; }
|
149 | .u-loading.u-loading-line.u-loading-line-primary > div {
|
150 | background-color: #3f51b5; }
|
151 | .u-loading.u-loading-line.u-loading-line-success > div {
|
152 | background-color: #4caf50; }
|
153 | .u-loading.u-loading-line.u-loading-line-warning > div {
|
154 | background-color: #ff9800; }
|
155 |
|
156 | .u-loading.u-loading-custom > div {
|
157 | position: absolute;
|
158 | left: 50%;
|
159 | top: 50%;
|
160 | -webkit-transform: translate(-50%, -50%);
|
161 | transform: translate(-50%, -50%); }
|
162 |
|
163 | @keyframes line-scale {
|
164 | 0% {
|
165 | -webkit-transform: scaley(1);
|
166 | transform: scaley(1); }
|
167 | 50% {
|
168 | -webkit-transform: scaley(0.4);
|
169 | transform: scaley(0.4); }
|
170 | 100% {
|
171 | -webkit-transform: scaley(1);
|
172 | transform: scaley(1); } }
|
173 |
|
174 | .u-table {
|
175 | font-size: 12px;
|
176 | color: #212121;
|
177 | position: relative;
|
178 | line-height: 1.33;
|
179 | overflow: hidden; }
|
180 | .u-table.copy .u-table-thead th {
|
181 | user-select: unset; }
|
182 | .u-table-body {
|
183 | position: relative; }
|
184 | .u-table-body .u-table-row-expand-columns-in-body .expand-icon-con {
|
185 | display: none;
|
186 | pointer-events: none; }
|
187 | .u-table-hiden-drag {
|
188 | position: relative; }
|
189 | .u-table-hiden-drag-li {
|
190 | position: absolute;
|
191 | top: 0px;
|
192 | left: 0px; }
|
193 | .u-table table {
|
194 | width: 100%;
|
195 | border-collapse: collapse;
|
196 | text-align: left; }
|
197 | .u-table th {
|
198 | font-weight: bold;
|
199 | text-align: left;
|
200 | line-height: 16px; }
|
201 | .u-table th[colspan] {
|
202 | text-align: center; }
|
203 | .u-table th ::last-child {
|
204 | overflow: hidden; }
|
205 | .u-table td {
|
206 | border-bottom: 1px solid rgb(193, 199, 208);
|
207 | line-height: 1.33; }
|
208 | .u-table td a {
|
209 | color: #2196F3; }
|
210 | .u-table td a:hover {
|
211 | color: #1565c0; }
|
212 | .u-table td a:active {
|
213 | color: #1565c0; }
|
214 | .u-table td .u-switch-span {
|
215 | display: inline-block; }
|
216 | .u-table thead tr:last-child {
|
217 | border-bottom: 1px solid #C1C7D0; }
|
218 | .u-table tr:hover td .uf-eye {
|
219 | visibility: visible !important; }
|
220 | .u-table tr tr a {
|
221 | color: #2196F3; }
|
222 | .u-table tr tr a:hover {
|
223 | color: #1565c0; }
|
224 | .u-table tr tr a:active {
|
225 | color: #1565c0; }
|
226 | .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) {
|
227 | display: flex;
|
228 | flex-direction: row-reverse; }
|
229 | .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body):nth-last-child(1):last-child {
|
230 | border-right: none; }
|
231 | .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con {
|
232 | height: 14px; }
|
233 | .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con .uf {
|
234 | padding: 0; }
|
235 | .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con .u-table-row-expand-icon {
|
236 | width: 2px; }
|
237 | .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .u-checkbox {
|
238 | margin: 0; }
|
239 | .u-table tr td.u-table-inline-icon {
|
240 | position: relative;
|
241 | padding-right: 24px; }
|
242 | .u-table tr td.u-table-inline-icon span.u-table-inline-op-icon {
|
243 | position: absolute;
|
244 | right: 0; }
|
245 | .u-table tr td.u-table-inline-icon span.u-table-inline-op-icon .uf {
|
246 | display: block;
|
247 | vertical-align: top; }
|
248 | .u-table tr td.u-table-inline-icon span.u-table-inline-op-icon-hover {
|
249 | visibility: hidden; }
|
250 | .u-table tr.u-table-row-hover td.u-table-inline-icon span.u-table-inline-op-icon-hover {
|
251 | visibility: visible; }
|
252 | .u-table .u-table-inline-op-icon-hidden {
|
253 | visibility: hidden; }
|
254 | .u-table tr.tr-row-hover {
|
255 | background: rgb(235, 236, 240); }
|
256 | .u-table th,
|
257 | .u-table td {
|
258 | padding: 12px 8px;
|
259 | word-break: break-all; }
|
260 | .u-table th.drag-handle-column .uf,
|
261 | .u-table td.drag-handle-column .uf {
|
262 | font-size: 12px;
|
263 | line-height: 12px; }
|
264 | .u-table th.drag-handle-column.u-table-row-has-expandIcon .uf,
|
265 | .u-table td.drag-handle-column.u-table-row-has-expandIcon .uf {
|
266 | padding: 0; }
|
267 | .u-table th.text-center,
|
268 | .u-table td.text-center {
|
269 | text-align: center; }
|
270 | .u-table th.text-right,
|
271 | .u-table td.text-right {
|
272 | text-align: right; }
|
273 | .u-table th .expand-icon-con,
|
274 | .u-table td .expand-icon-con {
|
275 | cursor: pointer;
|
276 | display: inline-block;
|
277 | font-size: 12px;
|
278 | line-height: 12px; }
|
279 | .u-table th .expand-icon-con .uf,
|
280 | .u-table td .expand-icon-con .uf {
|
281 | padding: 0;
|
282 | font-size: 12px; }
|
283 | .u-table-sm td {
|
284 | padding: 8px 8px; }
|
285 | .u-table-lg td {
|
286 | padding: 16px 8px; }
|
287 | .u-table tr.filterable th {
|
288 | padding-top: 5px !important;
|
289 | padding-bottom: 5px !important; }
|
290 | .u-table tr.filterable th .filterContext {
|
291 | height: 35px; }
|
292 | .u-table tr.filterable th .u-select-selection--single {
|
293 | height: 26px; }
|
294 | .u-table-row-hover {
|
295 | background: rgb(235, 236, 240); }
|
296 | .u-table-scroll {
|
297 | overflow: auto; }
|
298 | .u-table-bordered table {
|
299 | border: 1px solid rgb(193, 199, 208);
|
300 | box-sizing: border-box;
|
301 | table-layout: fixed; }
|
302 | .u-table-bordered .u-table-header > table {
|
303 | border-bottom: 0; }
|
304 | .u-table-bordered .u-table-header ~ .u-table-body table, .u-table-bordered .u-table-header ~ .u-table-body-outer table {
|
305 | border-top: 0px; }
|
306 | .u-table-bordered th {
|
307 | border-bottom: 1px solid rgb(193, 199, 208);
|
308 | box-sizing: border-box; }
|
309 | .u-table-bordered th,
|
310 | .u-table-bordered td {
|
311 | border-right: 1px solid rgb(193, 199, 208);
|
312 | box-sizing: border-box; }
|
313 | .u-table-drag-border tr th.th-can-not-drag {
|
314 | overflow: hidden; }
|
315 | .u-table-drag-border tr th.th-can-not-drag .u-table-thead-th-drag-gap {
|
316 | display: none; }
|
317 | .u-table-header {
|
318 | overflow: hidden;
|
319 | background: rgb(241, 242, 245);
|
320 | color: rgb(33, 33, 33); }
|
321 | .u-table.fixed-height td {
|
322 | padding: 0px 8px; }
|
323 | .u-table-fixed-header .u-table-body {
|
324 | background: #fff;
|
325 | position: relative; }
|
326 | .u-table-fixed-left .u-table-body-inner {
|
327 | margin-right: -20px;
|
328 | padding-right: 20px; }
|
329 | .u-table-fixed-header:not(.u-table-hide-header) .u-table-fixed-left .u-table-body-inner {
|
330 | padding-right: 0px; }
|
331 | .u-table-fixed-header .u-table-body-inner {
|
332 | height: 100%;
|
333 | overflow: scroll; }
|
334 | .u-table-fixed-header .u-table-scroll .u-table-header {
|
335 | overflow-x: scroll;
|
336 | padding-bottom: 20px;
|
337 | margin-bottom: -20px;
|
338 | overflow-y: scroll;
|
339 | box-sizing: border-box; }
|
340 | .u-table-title {
|
341 | padding: 12px 8px;
|
342 | border-top: 1px solid rgb(193, 199, 208); }
|
343 | .u-table-content {
|
344 | position: relative; }
|
345 | .u-table-footer {
|
346 | padding: 12px 8px;
|
347 | border-bottom: 1px solid rgb(193, 199, 208); }
|
348 | .u-table-footer .u-table-scroll {
|
349 | overflow-x: hidden; }
|
350 | .u-table-footer .u-table {
|
351 | margin: -12px -8px; }
|
352 | .u-table-placeholder {
|
353 | padding: 12px 8px;
|
354 | background: #fff;
|
355 | border-bottom: 1px solid rgb(193, 199, 208);
|
356 | text-align: center;
|
357 | position: relative; }
|
358 | .u-table-placeholder .table-nodata {
|
359 | font-size: 40px;
|
360 | line-height: 44px; }
|
361 | .u-table-placeholder .table-nodata + span {
|
362 | font-size: 12px;
|
363 | line-height: 12px;
|
364 | display: block; }
|
365 | .u-table-expand-icon-col {
|
366 | width: 10px; }
|
367 | .u-table-row .u-table tr, .u-table-expanded-row .u-table tr {
|
368 | background: #fff; }
|
369 | .u-table-row .u-table tr.u-table-row-hover, .u-table-expanded-row .u-table tr.u-table-row-hover {
|
370 | background: rgb(235, 236, 240); }
|
371 | .u-table-row-expand-icon, .u-table-expanded-row-expand-icon {
|
372 | cursor: pointer;
|
373 | display: inline-block;
|
374 | margin-right: 8px;
|
375 | width: 14px;
|
376 | height: 14px;
|
377 | text-align: center;
|
378 | line-height: 14px;
|
379 | user-select: none; }
|
380 | .u-table-row-expand-icon.uf, .u-table-expanded-row-expand-icon.uf {
|
381 | font-size: 12px;
|
382 | padding: 0; }
|
383 | .u-table-row-spaced, .u-table-expanded-row-spaced {
|
384 | visibility: hidden; }
|
385 | .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {
|
386 | content: "."; }
|
387 | .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {
|
388 | content: "\e639";
|
389 | font-family: "uf"; }
|
390 | .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
|
391 | content: "\e61c";
|
392 | font-family: "uf"; }
|
393 | .u-table-row.selected {
|
394 | background: #FFF7E7; }
|
395 | .u-table tr.u-table-expanded-row {
|
396 | background: #DFE1E6; }
|
397 | .u-table tr.u-table-expanded-row:hover {
|
398 | background: #DFE1E6; }
|
399 | .u-table tr.u-table-expanded-row .u-table {
|
400 | z-index: 1; }
|
401 | .u-table-column-hidden {
|
402 | display: none; }
|
403 | .u-table-prev-columns-page, .u-table-next-columns-page {
|
404 | cursor: pointer;
|
405 | color: #666;
|
406 | z-index: 1; }
|
407 | .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {
|
408 | color: #2db7f5; }
|
409 | .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {
|
410 | cursor: not-allowed;
|
411 | color: #999; }
|
412 | .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {
|
413 | color: #999; }
|
414 | .u-table-prev-columns-page {
|
415 | margin-right: 8px; }
|
416 | .u-table-prev-columns-page:before {
|
417 | content: "<"; }
|
418 | .u-table-next-columns-page {
|
419 | float: right; }
|
420 | .u-table-next-columns-page:before {
|
421 | content: ">"; }
|
422 | .u-table-fixed-left, .u-table-fixed-right {
|
423 | position: absolute;
|
424 | top: 0;
|
425 | overflow: hidden;
|
426 | z-index: 1; }
|
427 | .u-table-fixed-left table, .u-table-fixed-right table {
|
428 | width: auto;
|
429 | background: #fff; }
|
430 | .u-table-fixed-left {
|
431 | left: 0;
|
432 | box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }
|
433 | .u-table-fixed-left-body-inner {
|
434 | margin-right: -20px;
|
435 | padding-right: 20px; }
|
436 | .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {
|
437 | padding-right: 0; }
|
438 | .u-table-fixed-right {
|
439 | right: 0;
|
440 | box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }
|
441 | .u-table-fixed-right-expanded-row {
|
442 | color: transparent;
|
443 | pointer-events: none; }
|
444 | .u-table-scroll-position-left .u-table-fixed-left {
|
445 | box-shadow: none; }
|
446 | .u-table-scroll-position-right .u-table-fixed-right {
|
447 | box-shadow: none; }
|
448 | .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {
|
449 | font-weight: normal; }
|
450 | .u-table-thead .filter-wrap {
|
451 | display: flex;
|
452 | justify-content: center;
|
453 | align-items: center; }
|
454 | .u-table-thead .filter-wrap .filter-btns {
|
455 | min-width: 58px; }
|
456 | .u-table-thead th {
|
457 | background: rgb(241, 242, 245);
|
458 | color: rgb(33, 33, 33);
|
459 | background-clip: padding-box;
|
460 | -moz-user-select: -moz-none;
|
461 | -khtml-user-select: none;
|
462 | -webkit-user-select: none;
|
463 | |
464 |
|
465 |
|
466 | -ms-user-select: none;
|
467 | user-select: none; }
|
468 | .u-table-thead th .required {
|
469 | color: #F22C1D; }
|
470 | .u-table-thead th .bee-table-column-sorter {
|
471 | position: relative;
|
472 | margin-left: 4px;
|
473 | height: 16px;
|
474 | vertical-align: middle;
|
475 | text-align: center;
|
476 | display: inline-block;
|
477 | margin-top: -3px; }
|
478 | .u-table-thead th .bee-table-column-sorter i {
|
479 | padding: 0px;
|
480 | font-weight: 600;
|
481 | color: #505F79; }
|
482 | .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,
|
483 | .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {
|
484 | line-height: 16px;
|
485 | display: block;
|
486 | width: 34px;
|
487 | cursor: pointer; }
|
488 | .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,
|
489 | .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,
|
490 | .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,
|
491 | .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {
|
492 | color: #108ee9; }
|
493 | .u-table-thead th .bee-table-column-sorter .uf-triangle-down,
|
494 | .u-table-thead th .bee-table-column-sorter .uf-triangle-up {
|
495 | -webkit-filter: none;
|
496 | filter: none;
|
497 | font-size: 12px; }
|
498 | .u-table-thead th .bee-table-column-sorter .uf-triangle-down,
|
499 | .u-table-thead th .bee-table-column-sorter .uf-triangle-up {
|
500 | display: inline-block;
|
501 | padding: 0;
|
502 | font-size: 12px;
|
503 | font-size: 8px\9;
|
504 | -webkit-transform: scale(0.66667) rotate(0deg);
|
505 | -ms-transform: scale(0.66667) rotate(0deg);
|
506 | transform: scale(0.66667) rotate(0deg);
|
507 | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
|
508 | zoom: 1;
|
509 | line-height: 4px;
|
510 | height: 4px;
|
511 | color: #999; }
|
512 | .u-table-thead th:hover .bee-table-column-sorter {
|
513 | display: inline-block; }
|
514 | .u-table-thead .th-drag {
|
515 | cursor: move; }
|
516 | .u-table-thead .th-drag:hover {
|
517 | background: rgb(235, 236, 240); }
|
518 | .u-table-thead .th-drag-hover {
|
519 | background: #ccc; }
|
520 | .u-table-thead-th {
|
521 | position: relative; }
|
522 | .u-table-thead-th-drag-gap {
|
523 | height: 100%;
|
524 | position: absolute;
|
525 | right: -10px;
|
526 | top: 0;
|
527 | width: 20px;
|
528 | box-sizing: border-box;
|
529 | z-index: 1; }
|
530 | .u-table-thead-th-drag-gap .online {
|
531 | height: 100%;
|
532 | width: 4px;
|
533 | margin: 0 auto; }
|
534 | .u-table-thead-th-drag-gap .online:hover {
|
535 | background: #000000; }
|
536 | .u-table-thead-th-drag-gap .online-hover {
|
537 | background: #000000; }
|
538 | .u-table-thead-th-drag-gap:hover {
|
539 | cursor: col-resize; }
|
540 | .u-table-thead-th-drag-gap:hover .online {
|
541 | background: #000000; }
|
542 | .u-table-thead-th:last-child-drag-gap {
|
543 | border: none; }
|
544 | .u-table-filter-column-pop-cont {
|
545 | margin: 0px;
|
546 | max-height: 300px;
|
547 | overflow-y: auto;
|
548 | color: #212121; }
|
549 | .u-table-filter-column-clear-setting {
|
550 | cursor: pointer;
|
551 | margin-bottom: 4px; }
|
552 | .u-table-filter-column-cont {
|
553 | position: relative; }
|
554 | .u-table-filter-column-filter-icon {
|
555 | position: absolute;
|
556 | width: 30px;
|
557 | height: 39px;
|
558 | line-height: 39px;
|
559 | right: 0px;
|
560 | top: 1px;
|
561 | z-index: 2;
|
562 | background: rgb(241, 242, 245);
|
563 | text-align: center;
|
564 | cursor: pointer; }
|
565 | .u-table-filter-column-filter-icon i.uf {
|
566 | padding: 0px;
|
567 | color: #505F79; }
|
568 | .u-table-filter-column-pop-cont-item {
|
569 | margin-top: 8px;
|
570 | font-size: 12px;
|
571 | cursor: pointer; }
|
572 | .u-table-filter-column-pop-cont-item .u-checkbox {
|
573 | margin: 0px; }
|
574 | .u-table-filter-column-pop-cont-item span.drop-menu-title {
|
575 | margin-left: -3px;
|
576 | max-width: 132px;
|
577 | width: auto !important;
|
578 | min-width: 56px;
|
579 | overflow: hidden;
|
580 | text-overflow: ellipsis;
|
581 | white-space: nowrap;
|
582 | display: inline-block;
|
583 | vertical-align: middle; }
|
584 | .u-table-filter-column-pop .u-modal-dialog {
|
585 | border: 1px solid #ccc;
|
586 | background: #fff; }
|
587 | .u-table-row-fixed-columns-in-body {
|
588 | display: none;
|
589 | pointer-events: none; }
|
590 | .u-table .u-checkbox {
|
591 | height: 14px;
|
592 | line-height: 14px;
|
593 | margin: 0px;
|
594 | display: block;
|
595 | margin-left: 5px; }
|
596 | .u-table .u-checkbox .u-checkbox-label {
|
597 | line-height: 14px;
|
598 | padding-left: 16px; }
|
599 | .u-table .u-checkbox .u-checkbox-label:before, .u-table .u-checkbox .u-checkbox-label:after {
|
600 | width: 14px;
|
601 | height: 14px; }
|
602 | .u-table .u-table-scroll tr td:first-child, .u-table .u-table-scroll tr th:first-child, .u-table .u-table-fixed-left tr td:first-child, .u-table .u-table-fixed-left tr th:first-child {
|
603 | padding-left: 12px; }
|
604 | .u-table.has-fixed-left .u-table-scroll tr td:first-child, .u-table.has-fixed-left .u-table-scroll tr th:first-child {
|
605 | padding-left: 8px; }
|
606 | .u-table ::-webkit-scrollbar {
|
607 | width: 8px;
|
608 | height: 8px; }
|
609 | .u-table ::-webkit-scrollbar-button {
|
610 | display: none; }
|
611 | .u-table ::-webkit-scrollbar-thumb {
|
612 | background: #d5d5d5 !important;
|
613 | border-radius: 5px; }
|
614 | .u-table ::-webkit-scrollbar-thumb {
|
615 | border-radius: 4px;
|
616 | background-color: #d5d5d5;
|
617 | position: absolute; }
|
618 | .u-table ::-webkit-scrollbar-track {
|
619 | display: none; }
|
620 | .u-table ::-webkit-scrollbar-track-piece {
|
621 | display: none; }
|
622 | .u-table .drag-handle-column, .u-table .row-dragg-able {
|
623 | cursor: move; }
|
624 | .u-table .u-table-drag-hidden-cont {
|
625 | width: 100px;
|
626 | height: 40px; }
|
627 | .u-table .u-table-link {
|
628 | cursor: pointer;
|
629 | color: #0073E1; }
|
630 | .u-table .u-table-link-underline:hover {
|
631 | text-decoration: underline; }
|
632 | .u-table .u-table-currency {
|
633 | display: inline-block;
|
634 | text-align: right; }
|
635 |
|
636 | .u-table:focus {
|
637 | outline: none;
|
638 | box-shadow: 0 0 0; }
|
639 |
|
640 | .u-table-bordered .u-table-drag-gap {
|
641 | background: #e9e9e9; }
|
642 |
|
643 | .u-table.bordered table {
|
644 | border-collapse: collapse; }
|
645 |
|
646 | .u-table.bordered th,
|
647 | .u-table.bordered td {
|
648 | border: 1px solid rgb(193, 199, 208); }
|
649 |
|
650 | .move-enter,
|
651 | .move-appear {
|
652 | opacity: 0;
|
653 | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
654 | animation-duration: 2.5s;
|
655 | animation-fill-mode: both;
|
656 | animation-play-state: paused; }
|
657 |
|
658 | .move-leave {
|
659 | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
660 | animation-duration: 0.5s;
|
661 | animation-fill-mode: both;
|
662 | animation-play-state: paused; }
|
663 |
|
664 | .move-enter.move-enter-active,
|
665 | .move-appear.move-enter-active {
|
666 | animation-name: moveLeftIn;
|
667 | animation-play-state: running; }
|
668 |
|
669 | .move-leave.move-leave-active {
|
670 | animation-name: moveRightOut;
|
671 | animation-play-state: running; }
|
672 |
|
673 | @keyframes moveLeftIn {
|
674 | 0% {
|
675 | transform-origin: 0 0;
|
676 | transform: translateX(30px);
|
677 | opacity: 0;
|
678 | background: rgb(238,238,238); }
|
679 | 20% {
|
680 | transform-origin: 0 0;
|
681 | transform: translateX(0);
|
682 | opacity: 1; }
|
683 | 80% {
|
684 | background: rgb(238,238,238); }
|
685 | 100% {
|
686 | background: transparent;
|
687 | opacity: 1; } }
|
688 |
|
689 | @keyframes moveRightOut {
|
690 | 0% {
|
691 | transform-origin: 0 0;
|
692 | transform: translateX(0);
|
693 | opacity: 1; }
|
694 | 100% {
|
695 | transform-origin: 0 0;
|
696 | transform: translateX(-30px);
|
697 | opacity: 0; } }
|
698 |
|
699 | .formItem-style {
|
700 | height: unset;
|
701 | min-height: unset;
|
702 | padding: 0; }
|
703 |
|
704 | .errMessage-style {
|
705 | display: none;
|
706 | border: none;
|
707 |
|
708 |
|
709 | background: transparent;
|
710 | color: #f22c1d;
|
711 |
|
712 |
|
713 | margin: 0;
|
714 | position: absolute;
|
715 | padding: 0;
|
716 | top: 3px;
|
717 | right: 0; }
|
718 |
|
719 | .editable-cell {
|
720 | position: relative; }
|
721 |
|
722 | .editable-cell-input-wrapper,
|
723 | .editable-cell-text-wrapper {
|
724 | padding-right: 24px; }
|
725 |
|
726 | .editable-cell-input-wrapper .u-form-item.formItem-style .u-label {
|
727 | display: none; }
|
728 |
|
729 | .editable-cell-input-wrapper .u-input-group .u-form-control {
|
730 | height: 26px;
|
731 | font-size: 12px; }
|
732 |
|
733 | .editable-cell-text-wrapper {
|
734 | padding: 5px 24px 5px 5px;
|
735 | height: 30px; }
|
736 |
|
737 | .editable-cell-icon,
|
738 | .editable-cell-icon-check {
|
739 | position: absolute;
|
740 | top: 0;
|
741 | right: 0;
|
742 | width: 20px;
|
743 | cursor: pointer; }
|
744 |
|
745 | .editable-cell-icon {
|
746 | line-height: 28px;
|
747 | display: none; }
|
748 |
|
749 | .editable-cell-icon-check {
|
750 | line-height: 28px; }
|
751 |
|
752 | .editable-cell:hover .editable-cell-icon {
|
753 | display: inline-block; }
|
754 |
|
755 | .editable-cell-icon:hover,
|
756 | .editable-cell-icon-check:hover {
|
757 | color: #2db7f5; }
|
758 |
|
759 | .editable-add-btn {
|
760 | margin-bottom: 8px; }
|
761 |
|
762 | .search-component {
|
763 | margin-bottom: 20px; }
|
764 | .search-component .empty-search {
|
765 | position: absolute;
|
766 | right: 45px;
|
767 | z-index: 20;
|
768 | top: 5px;
|
769 | color: #524e4e;
|
770 | cursor: pointer; }
|
771 | .search-component.u-input-group.simple {
|
772 | float: right; }
|
773 | .search-component.u-input-group.simple .u-form-control {
|
774 | width: 251px;
|
775 | background: #f5f5f5;
|
776 | border-color: #f5f5f5;
|
777 | border-radius: 20px; }
|
778 | .search-component.u-input-group.simple .u-input-group-btn {
|
779 | top: 3px;
|
780 | right: 20px;
|
781 | position: absolute; }
|
782 |
|
783 | .col-resize-container {
|
784 | height: 0px;
|
785 | position: relative; }
|
786 | .col-resize-container + .table-col-resizer:first-of-type {
|
787 | table-layout: fixed; }
|
788 | .col-resize-container .active-drag .icon {
|
789 | visibility: visible; }
|
790 | .col-resize-container .last-handle {
|
791 | display: none; }
|
792 | .col-resize-container .drag-handle {
|
793 | margin-left: -5px;
|
794 | position: absolute;
|
795 | z-index: 5;
|
796 | width: 10px;
|
797 | cursor: col-resize; }
|
798 | .col-resize-container .drag-handle .icon {
|
799 | color: #40b0dc;
|
800 | top: -1px;
|
801 | position: absolute;
|
802 | visibility: hidden; }
|
803 | .col-resize-container .drag-handle .icon:first-child {
|
804 | left: -2px; }
|
805 | .col-resize-container .drag-handle .icon:last-child {
|
806 | left: 6px; }
|
807 | .col-resize-container .drag-handle:hover .icon {
|
808 | visibility: visible; }
|
809 | .col-resize-container .drag-handle:hover .col-resizer {
|
810 | border: 1px solid; }
|
811 | .col-resize-container .drag-handle.disabled-drag {
|
812 | cursor: default;
|
813 | display: none; }
|
814 | .col-resize-container .drag-handle .col-resizer {
|
815 | position: absolute;
|
816 | width: 1px;
|
817 | height: 100%;
|
818 | top: 0px;
|
819 | left: 3px; }
|
820 |
|
821 | .u-filter-dropdown-menu-wrap {
|
822 | z-index: 1800; }
|
823 | .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {
|
824 | line-height: 26px;
|
825 | height: 26px;
|
826 | padding: 0px 16px 0 16px;
|
827 | cursor: pointer; }
|
828 |
|
829 | .filter-wrap .u-form-control {
|
830 | height: 26px; }
|
831 |
|
832 | .filter-wrap .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {
|
833 | height: 26px; }
|
834 |
|
835 | .filter-wrap .calendar-picker .u-input-group-btn {
|
836 | line-height: 20px; }
|
837 |
|
838 | .filter-wrap .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf {
|
839 | line-height: 12px; }
|
840 |
|
841 | .u-row-hover {
|
842 | position: absolute;
|
843 | right: 24px;
|
844 | display: none;
|
845 | align-items: center;
|
846 | justify-content: center;
|
847 | background: transparent; }
|
848 |
|
849 | .u-row-hover2 {
|
850 | position: absolute;
|
851 | left: 100; }
|
852 |
|
853 | .header-dispaly-in-row.u-table table {
|
854 | table-layout: fixed; }
|
855 |
|
856 | .header-dispaly-in-row th {
|
857 | text-overflow: ellipsis;
|
858 | white-space: nowrap;
|
859 | vertical-align: middle;
|
860 | overflow: hidden; }
|
861 |
|
862 | .body-dispaly-in-row.u-table table {
|
863 | table-layout: fixed; }
|
864 |
|
865 | .body-dispaly-in-row td {
|
866 | text-overflow: ellipsis;
|
867 | white-space: nowrap;
|
868 | vertical-align: middle;
|
869 | overflow: hidden; }
|
870 |
|
871 | .body-dispaly-in-row .u-table-fieldtype {
|
872 | text-overflow: ellipsis;
|
873 | white-space: nowrap;
|
874 | vertical-align: middle;
|
875 | overflow: hidden; }
|
876 |
|
877 | .u-table-drag-hidden-cont {
|
878 | position: absolute;
|
879 | top: -1000px; }
|
880 |
|
881 | .u-editable-table .u-table .u-table-row-hover .editable-cell-text-wrapper {
|
882 | padding-left: 4px;
|
883 | border: 1px solid #c1c7d0; }
|
884 |
|
885 | .u-editable-table .u-table .editable-cell-text-wrapper:hover {
|
886 | padding-left: 4px;
|
887 | border: 1px solid #a5adba; }
|
888 |
|
889 | .u-editable-table .u-table .editable-cell-input-wrapper:focus {
|
890 | outline: none; }
|
891 |
|
892 | .u-editable-table-tp .tooltip-arrow {
|
893 | top: 1px !important;
|
894 | border-bottom-color: #F44336 !important; }
|
895 |
|
896 | .u-editable-table-tp .tooltip-inner {
|
897 | border-color: #F44336 !important; }
|
898 |
|
899 | .u-dropdown ul.u-table-inline-op-dropdowm li.u-dropdown-menu-item {
|
900 | padding: 0 20px 0 10px;
|
901 | height: 30px;
|
902 | line-height: 30px; }
|
903 | .u-dropdown ul.u-table-inline-op-dropdowm li.u-dropdown-menu-item i.uf {
|
904 | font-size: 12px; }
|