1 | @charset "UTF-8";
|
2 |
|
3 | .ngx-container {
|
4 | margin-left: auto;
|
5 | margin-right: auto;
|
6 | width: 100%; }
|
7 |
|
8 | .ngx-table {
|
9 | color: #50596c;
|
10 | border-collapse: collapse;
|
11 | border-spacing: 0;
|
12 | display: table;
|
13 | font-family: Montserrat, Verdana, serif;
|
14 | font-size: 14px;
|
15 | text-align: left;
|
16 | width: 100%; }
|
17 | .ngx-table td {
|
18 | border-bottom: 1px solid #e7e9ed;
|
19 | padding: 12px 6px; }
|
20 | .ngx-table th {
|
21 | padding: 12px 6px;
|
22 | border-bottom: 2px solid #e7e9ed; }
|
23 | .ngx-table__table-row--selected, .ngx-table__table-col--selected, .ngx-table__table-cell--selected {
|
24 | background: #e7e9ed !important; }
|
25 | .ngx-table__table-no-results {
|
26 | text-align: center; }
|
27 | .ngx-table__table-loader-wrapper {
|
28 | display: flex;
|
29 | justify-content: center;
|
30 | margin-top: 50px; }
|
31 | .ngx-table__body-loading:hover {
|
32 | background: 0 !important; }
|
33 | .ngx-table__table-loader {
|
34 | animation: spin .6s linear infinite;
|
35 | border: 1px solid #e7e9ed;
|
36 | border-radius: 50%;
|
37 | border-top-color: #50596c;
|
38 | height: 1.8rem;
|
39 | width: 1.8rem; }
|
40 | .ngx-table__table-row-context-menu {
|
41 | position: absolute; }
|
42 | .ngx-table__header-search {
|
43 | -webkit-appearance: none;
|
44 | -moz-appearance: none;
|
45 | background: #fff none;
|
46 | border: 0.05rem solid #e7e9ed;
|
47 | border-radius: .1rem;
|
48 | color: #50596c;
|
49 | display: block;
|
50 | font-size: .8rem;
|
51 | height: 1.47rem;
|
52 | line-height: 1rem;
|
53 | max-width: 100%;
|
54 | outline: 0;
|
55 | padding: .15rem .3rem;
|
56 | position: relative;
|
57 | width: 97%; }
|
58 | .ngx-table__header-cell {
|
59 | position: relative; }
|
60 | .ngx-table__header-cell .pointer {
|
61 | cursor: pointer; }
|
62 | .ngx-table__horizontal-scroll {
|
63 | display: block;
|
64 | overflow-x: scroll;
|
65 | white-space: nowrap; }
|
66 | .ngx-table__horizontal-scroll::-webkit-scrollbar {
|
67 | -webkit-appearance: none;
|
68 | width: 3px;
|
69 | height: 10px; }
|
70 | .ngx-table__horizontal-scroll::-webkit-scrollbar-thumb {
|
71 | background-color: grey; }
|
72 | .ngx-table__column-resizer {
|
73 | background-color: #e7e9ed;
|
74 | cursor: col-resize;
|
75 | display: block;
|
76 | height: 20px;
|
77 | margin-top: 10px;
|
78 | position: absolute;
|
79 | padding: 0;
|
80 | right: 0;
|
81 | top: 0;
|
82 | width: 2px; }
|
83 | .ngx-table__table--borderless > tbody > tr > td, .ngx-table__table--borderless > thead > tr > th {
|
84 | border-bottom: 0 !important; }
|
85 | .ngx-table__table--hoverable > tbody tr:hover {
|
86 | background: #f6f7f9; }
|
87 | .ngx-table__table--striped > tbody tr:nth-of-type(odd) {
|
88 | background: #f6f7f9; }
|
89 | .ngx-table__table--tiny > tbody > tr > td, .ngx-table__table--tiny > thead > tr > th {
|
90 | border-bottom: 1px solid #e7e9ed;
|
91 | padding: 4px 7px; }
|
92 | .ngx-table__table--normal > tbody > tr > td, .ngx-table__table--normal > thead > tr > th {
|
93 | border-bottom: 1px solid #e7e9ed;
|
94 | padding: 10px 6px; }
|
95 | .ngx-table__table--big > tbody > tr > td, .ngx-table__table--big > thead > tr > th {
|
96 | border-bottom: 1px solid #e7e9ed;
|
97 | padding: 12px 8px; }
|
98 | .ngx-table__table--dark {
|
99 | background-color: #50596c;
|
100 | color: #f6f7f9; }
|
101 | .ngx-table__table--dark > tbody tr:hover {
|
102 | color: #50596c; }
|
103 | .ngx-table__table--dark.ngx-table__table--striped > tbody tr:nth-of-type(odd) {
|
104 | background: #f6f7f9;
|
105 | color: #50596c; }
|
106 | .ngx-table__table--dark-pagination ::ng-deep .ngx-pagination .current {
|
107 | background: #f6f7f9;
|
108 | color: #50596c; }
|
109 | .ngx-table__table--dark-pagination ::ng-deep pagination-template > ul {
|
110 | -webkit-padding-start: 0;
|
111 | -webkit-margin-before: 0; }
|
112 | .ngx-table__table--dark-pagination ::ng-deep pagination-template > ul > li {
|
113 | border: 1px solid #e7e9ed;
|
114 | background: #50596c; }
|
115 | .ngx-table__table--dark-pagination ::ng-deep pagination-template > ul > li.current {
|
116 | border: 1px solid #50596c; }
|
117 | .ngx-table__table--dark-pagination ::ng-deep pagination-template > ul > li > a {
|
118 | color: #f6f7f9; }
|
119 | .ngx-table__table--dark-pagination-wrapper {
|
120 | background-color: #50596c; }
|
121 | .ngx-table__table--dark-pagination-range > #rowAmount > div > div {
|
122 | color: #e7e9ed;
|
123 | border: 1px solid #e7e9ed;
|
124 | background-color: #50596c; }
|
125 | .ngx-table__table--dark-pagination-range > #rowAmount > div > ul {
|
126 | color: #e7e9ed;
|
127 | background-color: #50596c; }
|
128 | .ngx-table__table--dark-pagination-range > #rowAmount > div > ul > li {
|
129 | color: #e7e9ed;
|
130 | background-color: #50596c; }
|
131 | .ngx-table__header-title {
|
132 | display: inline; }
|
133 |
|
134 | .ngx-menu {
|
135 | background: #fff;
|
136 | border: 1px solid #e7e9ed;
|
137 | list-style: none;
|
138 | margin: 0;
|
139 | min-width: 60px;
|
140 | z-index: 100; }
|
141 |
|
142 | .ngx-form-icon {
|
143 | border-radius: .1rem;
|
144 | background: #fff;
|
145 | height: .9rem;
|
146 | left: 0;
|
147 | top: .2rem;
|
148 | width: .9rem;
|
149 | transition: all .2s ease;
|
150 | border: 0.05rem solid #e7e9ed;
|
151 | cursor: pointer;
|
152 | display: inline-block;
|
153 | position: absolute; }
|
154 |
|
155 | .ngx-form-checkbox {
|
156 | line-height: 1rem;
|
157 | margin: 0.2rem 0;
|
158 | min-height: 1.2rem;
|
159 | padding: 0.2rem .4rem 0.4rem 1.6rem;
|
160 | position: relative; }
|
161 | .ngx-form-checkbox input {
|
162 | clip: rect(0, 0, 0, 0);
|
163 | height: 1px;
|
164 | margin: -1px;
|
165 | overflow: hidden;
|
166 | position: absolute;
|
167 | width: 1px; }
|
168 | .ngx-form-checkbox input:focus + .ngx-form-icon {
|
169 | box-shadow: 0 0 0 0.1rem rgba(63, 134, 202, 0.2);
|
170 | border-color: #3f86ca; }
|
171 | .ngx-form-checkbox input:checked + .ngx-form-icon {
|
172 | background: #3f86ca;
|
173 | border-color: #3f86ca; }
|
174 | .ngx-form-checkbox input:active + .ngx-form-icon {
|
175 | background: #50596c; }
|
176 | .ngx-form-checkbox input:checked + .ngx-form-icon::before {
|
177 | background-clip: padding-box;
|
178 | border: .1rem solid #fff;
|
179 | border-left-width: 0;
|
180 | border-top-width: 0;
|
181 | content: "";
|
182 | height: 12px;
|
183 | left: 50%;
|
184 | margin-left: -3px;
|
185 | margin-top: -8px;
|
186 | position: absolute;
|
187 | top: 50%;
|
188 | transform: rotate(45deg);
|
189 | width: 6px; }
|
190 |
|
191 | .ngx-icon {
|
192 | box-sizing: border-box;
|
193 | cursor: pointer;
|
194 | display: inline-block;
|
195 | font-size: inherit;
|
196 | font-style: normal;
|
197 | height: 1em;
|
198 | position: relative;
|
199 | text-indent: -9999px;
|
200 | vertical-align: middle;
|
201 | width: 1em; }
|
202 | .ngx-icon::before, .ngx-icon::after {
|
203 | content: "";
|
204 | display: block;
|
205 | left: 50%;
|
206 | position: absolute;
|
207 | top: 50%;
|
208 | transform: translate(-50%, -50%); }
|
209 |
|
210 | .ngx-icon-arrow-down::before, .ngx-icon-arrow-right::before, .ngx-icon-arrow-up::before {
|
211 | border: 0.1rem solid #50596c;
|
212 | border-bottom: 0;
|
213 | border-right: 0;
|
214 | height: .65em;
|
215 | width: .65em; }
|
216 |
|
217 | .ngx-icon-arrow-down::before {
|
218 | transform: translate(-50%, -75%) rotate(225deg); }
|
219 |
|
220 | .ngx-icon-arrow-right::before {
|
221 | transform: translate(-75%, -50%) rotate(135deg); }
|
222 |
|
223 | .ngx-icon-arrow-up::before {
|
224 | transform: translate(-50%, -25%) rotate(45deg); }
|
225 |
|
226 | .ngx-icon-menu::before {
|
227 | background: #50596c;
|
228 | box-shadow: 0 -.35em, 0 .35em;
|
229 | content: "";
|
230 | height: .1rem;
|
231 | width: 100%; }
|
232 |
|
233 | .ngx-icon-pin {
|
234 | border-radius: 50%;
|
235 | border: 4px solid #50596c;
|
236 | width: 11px;
|
237 | height: 11px; }
|
238 |
|
239 | .ngx-icon-more::before {
|
240 | background: #50596c;
|
241 | border-radius: 50%;
|
242 | box-shadow: 0 -.4em, 0 .4em;
|
243 | height: 3px;
|
244 | width: 3px; }
|
245 |
|
246 | .ngx-dropdown {
|
247 | display: inline;
|
248 | position: relative;
|
249 | float: right; }
|
250 | .ngx-dropdown .ngx-menu {
|
251 | position: absolute;
|
252 | top: 100%;
|
253 | right: 0;
|
254 | left: auto; }
|
255 | .ngx-dropdown a {
|
256 | color: #50596c; }
|
257 |
|
258 | .ngx-btn-group {
|
259 | display: inline; }
|
260 |
|
261 | .ngx-draggable-row {
|
262 | cursor: move; }
|
263 |
|
264 | @keyframes spin {
|
265 | 0% {
|
266 | transform: rotate(0deg); }
|
267 | 100% {
|
268 | transform: rotate(360deg); } }
|
269 |
|
270 | .cdk-drag-preview {
|
271 | box-sizing: border-box;
|
272 | border-radius: 1px;
|
273 | box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
274 | background-color: white;
|
275 | padding-top: 9px;
|
276 | padding-left: 4px;
|
277 | display: table;
|
278 | table-layout: fixed; }
|
279 |
|
280 | .cdk-drag-placeholder {
|
281 | opacity: 0; }
|
282 |
|
283 | .cdk-drag-animating {
|
284 | transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); }
|
285 |
|
286 | .ngx-draggable-row-area.cdk-drop-list-dragging .ngx-draggable-row:not(.cdk-drag-placeholder) {
|
287 | transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); }
|
288 |
|
289 | .ngx-table__header-cell--draggable {
|
290 | cursor: move;
|
291 | background-color: white; }
|
292 |
|
293 | .ngx-table__header--draggable.cdk-drop-list-dragging .ngx-table__header-cell--draggable:not(.cdk-drag-placeholder) {
|
294 | transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); }
|
295 |
|
296 | .ngx-pagination {
|
297 | font-family: Montserrat, Verdana, serif;
|
298 | display: inline-block;
|
299 | margin-left: 0;
|
300 | margin-bottom: 1rem;
|
301 | -webkit-padding-start: 0;
|
302 | -webkit-margin-before: 0; }
|
303 |
|
304 | .ngx-pagination::before, .ngx-pagination::after {
|
305 | content: ' ';
|
306 | display: table; }
|
307 |
|
308 | .ngx-pagination::after {
|
309 | clear: both; }
|
310 |
|
311 | .ngx-pagination li {
|
312 | -moz-user-select: none;
|
313 | -webkit-user-select: none;
|
314 | -ms-user-select: none;
|
315 | margin-right: 0.0625rem;
|
316 | border-radius: 0;
|
317 | border: 1px solid #e7e9ed; }
|
318 |
|
319 | .ngx-pagination li.current {
|
320 | border: 1px solid #50596c; }
|
321 |
|
322 | .ngx-pagination li {
|
323 | display: inline-block; }
|
324 |
|
325 | .ngx-pagination a,
|
326 | .ngx-pagination button {
|
327 | color: #50596c;
|
328 | display: block;
|
329 | padding: 0.1875rem 0.625rem;
|
330 | border-radius: 0; }
|
331 |
|
332 | .ngx-pagination a:hover,
|
333 | .ngx-pagination button:hover {
|
334 | background: #e6e6e6; }
|
335 |
|
336 | .ngx-pagination .current {
|
337 | padding: 0.1875rem 0.625rem;
|
338 | background: #3f86ca;
|
339 | color: #fefefe;
|
340 | cursor: default; }
|
341 |
|
342 | .ngx-pagination .disabled {
|
343 | padding: 0.1875rem 0.625rem;
|
344 | color: #cacaca;
|
345 | cursor: default; }
|
346 |
|
347 | .ngx-pagination .disabled:hover {
|
348 | background: transparent; }
|
349 |
|
350 | .ngx-pagination a, .ngx-pagination button {
|
351 | cursor: pointer; }
|
352 |
|
353 | .ngx-pagination .pagination-previous a::before,
|
354 | .ngx-pagination .pagination-previous.disabled::before {
|
355 | content: '«';
|
356 | display: inline-block;
|
357 | margin-right: 0.5rem; }
|
358 |
|
359 | .ngx-pagination .pagination-next a::after,
|
360 | .ngx-pagination .pagination-next.disabled::after {
|
361 | content: '»';
|
362 | display: inline-block;
|
363 | margin-left: 0.5rem; }
|
364 |
|
365 | .ngx-pagination .show-for-sr {
|
366 | position: absolute !important;
|
367 | width: 1px;
|
368 | height: 1px;
|
369 | overflow: hidden;
|
370 | clip: rect(0, 0, 0, 0); }
|
371 |
|
372 | .ngx-pagination .small-screen {
|
373 | display: none; }
|
374 |
|
375 | .ngx-pagination-wrapper {
|
376 | margin-top: 8px; }
|
377 |
|
378 | .ngx-pagination-range {
|
379 | display: inline-block;
|
380 | float: right; }
|
381 |
|
382 | .ngx-pagination-steps {
|
383 | display: inline-block; }
|
384 |
|
385 | .ngx-pagination-range-dropdown {
|
386 | margin-top: 0; }
|
387 |
|
388 | .ngx-pagination-range-dropdown-button-item {
|
389 | cursor: pointer;
|
390 | color: #50596c;
|
391 | padding: 0.4rem; }
|
392 |
|
393 | .ngx-pagination-range--selected {
|
394 | background-color: #f6f7f9; }
|
395 |
|
396 | .ngx-pagination-range-dropdown-button {
|
397 | color: #50596c;
|
398 | border: 1px solid #e7e9ed;
|
399 | cursor: pointer;
|
400 | padding: 4px; }
|
401 |
|
402 | .pinned-left {
|
403 | position: sticky;
|
404 | z-index: 1;
|
405 | background-color: white;
|
406 | box-shadow: 2px 0 0 rgba(128, 128, 128, 0.175); }
|
407 |
|
408 | @media screen and (max-width: 601px) {
|
409 | .ngx-pagination.responsive .small-screen {
|
410 | display: inline-block;
|
411 | padding: 0.1875rem 0.625rem;
|
412 | border-radius: 0; }
|
413 | .ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next) {
|
414 | display: none; } }
|
415 |
|
416 | .ngx-infinite-scroll-viewport {
|
417 | display: block;
|
418 | height: 250px;
|
419 | overflow: auto; }
|
420 |
|
421 | .ngx-infinite-scroll-viewport tr,
|
422 | .ngx-infinite-scroll-viewport-thead {
|
423 | display: table;
|
424 | width: 100%;
|
425 | table-layout: fixed; }
|