1 | @use "sass:math";
|
2 | *,
|
3 | *::before,
|
4 | *::after {
|
5 | box-sizing: border-box; }
|
6 |
|
7 | body {
|
8 | margin: 0;
|
9 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
10 | font-size: 1rem;
|
11 | font-weight: 400;
|
12 | line-height: 1.5;
|
13 | color: #212529;
|
14 | background-color: #fff;
|
15 | -webkit-text-size-adjust: 100%;
|
16 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
17 |
|
18 | [tabindex="-1"]:focus:not(:focus-visible) {
|
19 | outline: 0 !important; }
|
20 |
|
21 | hr {
|
22 | margin: 1rem 0;
|
23 | color: inherit;
|
24 | background-color: currentColor;
|
25 | border: 0;
|
26 | opacity: 0.25; }
|
27 |
|
28 | hr:not([size]) {
|
29 | height: 1px; }
|
30 |
|
31 | h1, h2, h3, h4, h5, h6 {
|
32 | margin-top: 0;
|
33 | margin-bottom: 0.5rem;
|
34 | font-weight: 500;
|
35 | line-height: 1.2; }
|
36 |
|
37 | h1 {
|
38 | font-size: 2.5rem; }
|
39 |
|
40 | h2 {
|
41 | font-size: 2rem; }
|
42 |
|
43 | h3 {
|
44 | font-size: 1.75rem; }
|
45 |
|
46 | h4 {
|
47 | font-size: 1.5rem; }
|
48 |
|
49 | h5 {
|
50 | font-size: 1.25rem; }
|
51 |
|
52 | h6 {
|
53 | font-size: 1rem; }
|
54 |
|
55 | p {
|
56 | margin-top: 0;
|
57 | margin-bottom: 1rem; }
|
58 |
|
59 | abbr[title],
|
60 | abbr[data-original-title] {
|
61 | text-decoration: underline;
|
62 | text-decoration: underline dotted;
|
63 | cursor: help;
|
64 | text-decoration-skip-ink: none; }
|
65 |
|
66 | address {
|
67 | margin-bottom: 1rem;
|
68 | font-style: normal;
|
69 | line-height: inherit; }
|
70 |
|
71 | ol,
|
72 | ul {
|
73 | padding-left: 2rem; }
|
74 |
|
75 | ol,
|
76 | ul,
|
77 | dl {
|
78 | margin-top: 0;
|
79 | margin-bottom: 1rem; }
|
80 |
|
81 | ol ol,
|
82 | ul ul,
|
83 | ol ul,
|
84 | ul ol {
|
85 | margin-bottom: 0; }
|
86 |
|
87 | dt {
|
88 | font-weight: 700; }
|
89 |
|
90 | dd {
|
91 | margin-bottom: 0.5rem;
|
92 | margin-left: 0; }
|
93 |
|
94 | blockquote {
|
95 | margin: 0 0 1rem; }
|
96 |
|
97 | b,
|
98 | strong {
|
99 | font-weight: bolder; }
|
100 |
|
101 | small {
|
102 | font-size: 0.875em; }
|
103 |
|
104 | sub,
|
105 | sup {
|
106 | position: relative;
|
107 | font-size: 0.75em;
|
108 | line-height: 0;
|
109 | vertical-align: baseline; }
|
110 |
|
111 | sub {
|
112 | bottom: -0.25em; }
|
113 |
|
114 | sup {
|
115 | top: -0.5em; }
|
116 |
|
117 | a {
|
118 | color: #5c2223;
|
119 | text-decoration: none; }
|
120 | a:hover {
|
121 | color: #551f20;
|
122 | text-decoration: underline; }
|
123 |
|
124 | a:not([href]), a:not([href]):hover {
|
125 | color: inherit;
|
126 | text-decoration: none; }
|
127 |
|
128 | pre,
|
129 | code,
|
130 | kbd,
|
131 | samp {
|
132 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
133 | font-size: 1em; }
|
134 |
|
135 | pre {
|
136 | display: block;
|
137 | margin-top: 0;
|
138 | margin-bottom: 1rem;
|
139 | overflow: auto;
|
140 | font-size: 0.875em; }
|
141 | pre code {
|
142 | font-size: inherit;
|
143 | color: inherit;
|
144 | word-break: normal; }
|
145 |
|
146 | code {
|
147 | font-size: 0.875em;
|
148 | color: #d63384;
|
149 | word-wrap: break-word; }
|
150 | a > code {
|
151 | color: inherit; }
|
152 |
|
153 | figure {
|
154 | margin: 0 0 1rem; }
|
155 |
|
156 | img {
|
157 | vertical-align: middle; }
|
158 |
|
159 | svg {
|
160 | overflow: hidden;
|
161 | vertical-align: middle; }
|
162 |
|
163 | table {
|
164 | border-collapse: collapse; }
|
165 |
|
166 | caption {
|
167 | padding-top: 0.5rem;
|
168 | padding-bottom: 0.5rem;
|
169 | color: #6c757d;
|
170 | text-align: left;
|
171 | caption-side: bottom; }
|
172 |
|
173 | th {
|
174 | text-align: inherit; }
|
175 |
|
176 | label {
|
177 | display: inline-block;
|
178 | margin-bottom: 0.5rem; }
|
179 |
|
180 | button {
|
181 | border-radius: 0; }
|
182 |
|
183 | button:focus {
|
184 | outline: 1px dotted;
|
185 | outline: 5px auto #5c2223; }
|
186 |
|
187 | input,
|
188 | button,
|
189 | select,
|
190 | optgroup,
|
191 | textarea {
|
192 | margin: 0;
|
193 | font-family: inherit;
|
194 | font-size: inherit;
|
195 | line-height: inherit; }
|
196 |
|
197 | button,
|
198 | input {
|
199 | overflow: visible; }
|
200 |
|
201 | button,
|
202 | select {
|
203 | text-transform: none; }
|
204 |
|
205 | select {
|
206 | word-wrap: normal; }
|
207 |
|
208 | [list]::-webkit-calendar-picker-indicator {
|
209 | display: none; }
|
210 |
|
211 | button,
|
212 | [type="button"],
|
213 | [type="reset"],
|
214 | [type="submit"] {
|
215 | -webkit-appearance: button; }
|
216 | button:not(:disabled),
|
217 | [type="button"]:not(:disabled),
|
218 | [type="reset"]:not(:disabled),
|
219 | [type="submit"]:not(:disabled) {
|
220 | cursor: pointer; }
|
221 |
|
222 | ::-moz-focus-inner {
|
223 | padding: 0;
|
224 | border-style: none; }
|
225 |
|
226 | input[type="date"],
|
227 | input[type="time"],
|
228 | input[type="datetime-local"],
|
229 | input[type="month"] {
|
230 | -webkit-appearance: textfield; }
|
231 |
|
232 | textarea {
|
233 | overflow: auto;
|
234 | resize: vertical; }
|
235 |
|
236 | fieldset {
|
237 | min-width: 0;
|
238 | padding: 0;
|
239 | margin: 0;
|
240 | border: 0; }
|
241 |
|
242 | legend {
|
243 | float: left;
|
244 | width: 100%;
|
245 | padding: 0;
|
246 | margin-bottom: 0.5rem;
|
247 | font-size: 1.5rem;
|
248 | line-height: inherit;
|
249 | color: inherit;
|
250 | white-space: normal; }
|
251 |
|
252 | mark {
|
253 | padding: 0.2em;
|
254 | background-color: #fcf8e3; }
|
255 |
|
256 | progress {
|
257 | vertical-align: baseline; }
|
258 |
|
259 | ::-webkit-datetime-edit {
|
260 | overflow: visible;
|
261 | line-height: 0; }
|
262 |
|
263 | [type="search"] {
|
264 | outline-offset: -2px;
|
265 | -webkit-appearance: textfield; }
|
266 |
|
267 | ::-webkit-search-decoration {
|
268 | -webkit-appearance: none; }
|
269 |
|
270 | ::-webkit-color-swatch-wrapper {
|
271 | padding: 0; }
|
272 |
|
273 | ::-webkit-file-upload-button {
|
274 | font: inherit;
|
275 | -webkit-appearance: button; }
|
276 |
|
277 | output {
|
278 | display: inline-block; }
|
279 |
|
280 | summary {
|
281 | display: list-item;
|
282 | cursor: pointer; }
|
283 |
|
284 | template {
|
285 | display: none; }
|
286 |
|
287 | main {
|
288 | display: block; }
|
289 |
|
290 | [hidden] {
|
291 | display: none !important; }
|
292 |
|
293 | li {
|
294 | text-align: left; }
|
295 |
|
296 | .zoom-in-top-enter {
|
297 | opacity: 0;
|
298 | transform: scaleY(0); }
|
299 |
|
300 | .zoom-in-top-enter-active {
|
301 | opacity: 1;
|
302 | transform: scaleY(1);
|
303 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
304 | transform-origin: center top; }
|
305 |
|
306 | .zoom-in-top-exit {
|
307 | opacity: 1; }
|
308 |
|
309 | .zoom-in-top-exit-active {
|
310 | opacity: 0;
|
311 | transform: scaleY(0);
|
312 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
313 | transform-origin: center top; }
|
314 |
|
315 | .zoom-in-left-enter {
|
316 | opacity: 0;
|
317 | transform: scale(0.45, 0.45); }
|
318 |
|
319 | .zoom-in-left-enter-active {
|
320 | opacity: 1;
|
321 | transform: scale(1, 1);
|
322 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
323 | transform-origin: top left; }
|
324 |
|
325 | .zoom-in-left-exit {
|
326 | opacity: 1; }
|
327 |
|
328 | .zoom-in-left-exit-active {
|
329 | opacity: 0;
|
330 | transform: scale(0.45, 0.45);
|
331 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
332 | transform-origin: top left; }
|
333 |
|
334 | .zoom-in-right-enter {
|
335 | opacity: 0;
|
336 | transform: scale(0.45, 0.45); }
|
337 |
|
338 | .zoom-in-right-enter-active {
|
339 | opacity: 1;
|
340 | transform: scale(1, 1);
|
341 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
342 | transform-origin: top right; }
|
343 |
|
344 | .zoom-in-right-exit {
|
345 | opacity: 1; }
|
346 |
|
347 | .zoom-in-right-exit-active {
|
348 | opacity: 0;
|
349 | transform: scale(0.45, 0.45);
|
350 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
351 | transform-origin: top right; }
|
352 |
|
353 | .zoom-in-bottom-enter {
|
354 | opacity: 0;
|
355 | transform: scaleY(0); }
|
356 |
|
357 | .zoom-in-bottom-enter-active {
|
358 | opacity: 1;
|
359 | transform: scaleY(1);
|
360 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
361 | transform-origin: center bottom; }
|
362 |
|
363 | .zoom-in-bottom-exit {
|
364 | opacity: 1; }
|
365 |
|
366 | .zoom-in-bottom-exit-active {
|
367 | opacity: 0;
|
368 | transform: scaleY(0);
|
369 | transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
|
370 | transform-origin: center bottom; }
|
371 |
|
372 | .bold-title {
|
373 | font-weight: 700; }
|
374 |
|
375 | .defat-btn {
|
376 | position: relative;
|
377 | display: inline-block;
|
378 | cursor: pointer;
|
379 | text-align: center;
|
380 | vertical-align: middle;
|
381 | background-image: none;
|
382 | border: 1px solid transparent;
|
383 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
384 | font-weight: 400;
|
385 | line-height: 1.5;
|
386 | color: #212529;
|
387 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
388 | padding: 0.375rem 0.75rem;
|
389 | font-size: 1rem;
|
390 | border-radius: 0.25rem; }
|
391 | .defat-btn.disabled, .defat-btn[disabled] {
|
392 | cursor: not-allowed;
|
393 | opacity: 0.65;
|
394 | box-shadow: none; }
|
395 | .defat-btn.disabled > *, .defat-btn[disabled] > * {
|
396 | pointer-events: none; }
|
397 |
|
398 | .defat-btn-lg {
|
399 | padding: 0.5rem 1rem;
|
400 | font-size: 1.25rem;
|
401 | border-radius: 0.3rem; }
|
402 |
|
403 | .defat-btn-sm {
|
404 | padding: 0.25rem 0.5rem;
|
405 | font-size: 0.875rem;
|
406 | border-radius: 0.2rem; }
|
407 |
|
408 | .defat-btn-primary {
|
409 | color: #fff;
|
410 | background: #5c2223;
|
411 | border-color: #5c2223; }
|
412 | .defat-btn-primary:hover {
|
413 | color: #fff;
|
414 | background: #782c2e;
|
415 | border-color: #813031; }
|
416 | .defat-btn-primary:focus, .defat-btn-primary.focus {
|
417 | color: #fff;
|
418 | background: #782c2e;
|
419 | border-color: #813031; }
|
420 | .defat-btn-primary:disabled, .defat-btn-primary.disabled {
|
421 | color: #fff;
|
422 | background: #5c2223;
|
423 | border-color: #5c2223; }
|
424 |
|
425 | .defat-btn-danger {
|
426 | color: #fff;
|
427 | background: #dc3545;
|
428 | border-color: #dc3545; }
|
429 | .defat-btn-danger:hover {
|
430 | color: #fff;
|
431 | background: #e25663;
|
432 | border-color: #e4606d; }
|
433 | .defat-btn-danger:focus, .defat-btn-danger.focus {
|
434 | color: #fff;
|
435 | background: #e25663;
|
436 | border-color: #e4606d; }
|
437 | .defat-btn-danger:disabled, .defat-btn-danger.disabled {
|
438 | color: #fff;
|
439 | background: #dc3545;
|
440 | border-color: #dc3545; }
|
441 |
|
442 | .defat-btn-default {
|
443 | color: #212529;
|
444 | background: #fff;
|
445 | border-color: #ced4da; }
|
446 | .defat-btn-default:hover {
|
447 | color: #212529;
|
448 | background: #fff;
|
449 | border-color: #5c2223; }
|
450 | .defat-btn-default:focus, .defat-btn-default.focus {
|
451 | color: #212529;
|
452 | background: #fff;
|
453 | border-color: #5c2223; }
|
454 | .defat-btn-default:disabled, .defat-btn-default.disabled {
|
455 | color: #212529;
|
456 | background: #fff;
|
457 | border-color: #ced4da; }
|
458 |
|
459 | .defat-btn-link {
|
460 | font-weight: 400;
|
461 | color: #5c2223;
|
462 | text-decoration: underline;
|
463 | box-shadow: none; }
|
464 | .defat-btn-link:hover {
|
465 | color: #551f20;
|
466 | text-decoration: underline; }
|
467 | .defat-btn-link:focus, .defat-btn-link.focus {
|
468 | text-decoration: underline;
|
469 | box-shadow: none; }
|
470 | .defat-btn-link:disabled, .defat-btn-link.disabled {
|
471 | cursor: not-allowed;
|
472 | color: #6c757d;
|
473 | pointer-events: none; }
|
474 |
|
475 | .defat-alert {
|
476 | position: relative;
|
477 | padding: 0.75rem 1.25rem;
|
478 | margin-bottom: 1rem;
|
479 | border: 1px solid transparent;
|
480 | border-radius: 0.25rem;
|
481 | text-align: left; }
|
482 |
|
483 | .defat-alert-desc {
|
484 | font-size: 0.875rem;
|
485 | margin: 0.3rem 0 0; }
|
486 |
|
487 | .defat-alert-close {
|
488 | position: absolute;
|
489 | top: 0;
|
490 | right: 0;
|
491 | padding: 0.75rem 1.25rem;
|
492 | color: inherit;
|
493 | cursor: pointer; }
|
494 |
|
495 | .defat-alert-success {
|
496 | color: #fff;
|
497 | background: #52c41a;
|
498 | border-color: #52c41a; }
|
499 |
|
500 | .defat-alert-default {
|
501 | color: #fff;
|
502 | background: #5c2223;
|
503 | border-color: #5c2223; }
|
504 |
|
505 | .defat-alert-danger {
|
506 | color: #fff;
|
507 | background: #dc3545;
|
508 | border-color: #dc3545; }
|
509 |
|
510 | .defat-alert-warning {
|
511 | color: #fff;
|
512 | background: #fadb14;
|
513 | border-color: #fadb14; }
|
514 |
|
515 | .defat-menu {
|
516 | display: flex;
|
517 | flex-wrap: wrap;
|
518 | padding-left: 0;
|
519 | list-style: none;
|
520 | margin-bottom: 30px;
|
521 | border-bottom: 1px solid #dee2e6;
|
522 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
|
523 | .defat-menu > .defat-menu-item {
|
524 | padding: 0.5rem 1rem;
|
525 | cursor: pointer;
|
526 | transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
|
527 | .defat-menu > .defat-menu-item:hover, .defat-menu > .defat-menu-item:focus {
|
528 | text-decoration: none; }
|
529 | .defat-menu > .defat-menu-item.is-disabled {
|
530 | color: #6c757d;
|
531 | pointer-events: none;
|
532 | cursor: default; }
|
533 | .defat-menu > .defat-menu-item.is-active, .defat-menu > .defat-menu-item:hover {
|
534 | color: #5c2223;
|
535 | border-bottom: 2px solid #5c2223; }
|
536 | .defat-menu .defat-submenu-item {
|
537 | position: relative; }
|
538 | .defat-menu .defat-submenu-item .defat-submenu-item-title {
|
539 | display: flex;
|
540 | align-items: center; }
|
541 | .defat-menu .defat-submenu-item .arrow-icon {
|
542 | transition: transform 0.25s ease-in-out;
|
543 | margin-left: 3px; }
|
544 | .defat-menu .defat-submenu-item:hover .arrow-icon {
|
545 | transform: rotate(180deg); }
|
546 | .defat-menu .is-vertical .arrow-icon {
|
547 | transform: rotate(0deg) !important; }
|
548 | .defat-menu .is-vertical.is-opened .arrow-icon {
|
549 | transform: rotate(180deg) !important; }
|
550 | .defat-menu .defat-submenu {
|
551 | list-style: none;
|
552 | padding-left: 0;
|
553 | white-space: nowrap; }
|
554 | .defat-menu .defat-submenu .defat-menu-item {
|
555 | list-style: none;
|
556 | padding: 0.5rem 1rem;
|
557 | cursor: pointer;
|
558 | transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
559 | color: #212529; }
|
560 | .defat-menu .defat-submenu .defat-menu-item.is-active, .defat-menu .defat-submenu .defat-menu-item:hover {
|
561 | color: #5c2223 !important; }
|
562 | .defat-menu .defat-submenu .defat-menu-item.is-disabled {
|
563 | color: #6c757d;
|
564 | pointer-events: none;
|
565 | cursor: default; }
|
566 |
|
567 | .defat-menu-horizontal > .defat-menu-item {
|
568 | border-bottom: 2px solid transparent; }
|
569 |
|
570 | .defat-menu-horizontal .defat-submenu {
|
571 | position: absolute;
|
572 | background: #fff;
|
573 | z-index: 100;
|
574 | top: calc(100% + 8px);
|
575 | left: 0;
|
576 | border: 1px solid #dee2e6;
|
577 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }
|
578 |
|
579 | .defat-menu-vertical {
|
580 | flex-direction: column;
|
581 | border-bottom: 0;
|
582 | border-right: 1px solid #dee2e6; }
|
583 | .defat-menu-vertical .defat-menu-item {
|
584 | border-left: 2px solid transparent; }
|
585 | .defat-menu-vertical .defat-menu-item.is-active, .defat-menu-vertical .defat-menu-item:hover {
|
586 | color: #5c2223;
|
587 | border-bottom: 0;
|
588 | border-left: 2px solid #5c2223; }
|
589 | .defat-menu-vertical .defat-submenu .defat-menu-item {
|
590 | border-left: 0; }
|
591 |
|
592 | .defat-submenu.is-opened {
|
593 | display: block; }
|
594 |
|
595 | .defat-tabs-content {
|
596 | text-align: left;
|
597 | margin-top: 1rem; }
|
598 |
|
599 | .defat-tabs-nav {
|
600 | display: flex;
|
601 | flex-wrap: wrap;
|
602 | padding-left: 0;
|
603 | margin-bottom: 0;
|
604 | list-style: none;
|
605 | border-bottom: 1px solid #dee2e6; }
|
606 |
|
607 | .defat-tabs-nav-item {
|
608 | display: block;
|
609 | list-style: none;
|
610 | cursor: pointer;
|
611 | padding: 0.5rem 1rem;
|
612 | border: 1px solid transparent;
|
613 | margin-bottom: -1px; }
|
614 | .defat-tabs-nav-item.is-disabled {
|
615 | color: #6c757d;
|
616 | pointer-events: none;
|
617 | cursor: default;
|
618 | background-color: transparent;
|
619 | border-color: transparent; }
|
620 | .defat-tabs-nav-item.is-active {
|
621 | color: #5c2223; }
|
622 |
|
623 | .defat-tabs-card .is-active {
|
624 | border-top-left-radius: 0.25rem;
|
625 | border-top-right-radius: 0.25rem;
|
626 | background-color: #fff;
|
627 | border-color: #dee2e6 #dee2e6 #fff; }
|
628 |
|
629 | .defat-tabs-line .is-active {
|
630 | background-color: #fff;
|
631 | border-bottom: 2px solid #5c2223; }
|
632 |
|
633 | .defat-icon-primary {
|
634 | color: #5c2223; }
|
635 |
|
636 | .defat-icon-secondary {
|
637 | color: #6c757d; }
|
638 |
|
639 | .defat-icon-success {
|
640 | color: #52c41a; }
|
641 |
|
642 | .defat-icon-info {
|
643 | color: #17a2b8; }
|
644 |
|
645 | .defat-icon-warning {
|
646 | color: #fadb14; }
|
647 |
|
648 | .defat-icon-danger {
|
649 | color: #dc3545; }
|
650 |
|
651 | .defat-icon-light {
|
652 | color: #f8f9fa; }
|
653 |
|
654 | .defat-icon-dark {
|
655 | color: #343a40; }
|
656 |
|
657 | .defat-input {
|
658 | display: flex;
|
659 | width: 100%;
|
660 | margin-bottom: 30px;
|
661 | position: relative; }
|
662 | .defat-input .icon-wrapper {
|
663 | position: absolute;
|
664 | height: 100%;
|
665 | width: 35px;
|
666 | justify-content: center;
|
667 | color: #495057;
|
668 | right: 0;
|
669 | top: 0;
|
670 | display: flex;
|
671 | align-items: center; }
|
672 | .defat-input .icon-wrapper svg {
|
673 | color: #6c757d; }
|
674 | .defat-input .icon-wrapper + .defat-input-inner {
|
675 | padding-right: 35px; }
|
676 |
|
677 | .defat-input-inner {
|
678 | height: 100%;
|
679 | width: 100%;
|
680 | padding: 0.375rem 0.75rem;
|
681 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
682 | font-size: 1rem;
|
683 | font-weight: 400;
|
684 | line-height: 1.5;
|
685 | color: #495057;
|
686 | background-color: #fff;
|
687 | background-clip: padding-box;
|
688 | border: 1px solid #ced4da;
|
689 | border-radius: 0.25rem;
|
690 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
691 | transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
|
692 | .defat-input-inner:focus {
|
693 | color: #495057;
|
694 | background-color: #fff;
|
695 | border-color: #6f292a;
|
696 | outline: 0;
|
697 | box-shadow: 0 0 0 0.2rem rgba(92, 34, 35, 0.4); }
|
698 | .defat-input-inner::placeholder {
|
699 | color: #6c757d;
|
700 | opacity: 1; }
|
701 | .defat-input-inner:disabled, .defat-input-inner[readonly] {
|
702 | background-color: #e9ecef;
|
703 | opacity: 1; }
|
704 |
|
705 | .defat-input-group-prepend,
|
706 | .defat-input-group-append {
|
707 | display: flex;
|
708 | align-items: center;
|
709 | padding: 0.375rem 0.75rem;
|
710 | margin-bottom: 0;
|
711 | font-size: 1rem;
|
712 | font-weight: 400;
|
713 | line-height: 1.5;
|
714 | color: #495057;
|
715 | text-align: center;
|
716 | white-space: nowrap;
|
717 | background-color: #e9ecef;
|
718 | border: 1px solid #ced4da;
|
719 | border-radius: 0.25rem; }
|
720 |
|
721 | .defat-input-group-prepend {
|
722 | border-right-width: 0; }
|
723 |
|
724 | .defat-input-group-append {
|
725 | border-left-width: 0; }
|
726 |
|
727 | .input-group > .defat-input-group-prepend,
|
728 | .input-group.input-group-append .defat-input-inner {
|
729 | border-top-right-radius: 0;
|
730 | border-bottom-right-radius: 0; }
|
731 |
|
732 | .input-group > .defat-input-group-append,
|
733 | .input-group.input-group-prepend .defat-input-inner {
|
734 | border-top-left-radius: 0;
|
735 | border-bottom-left-radius: 0; }
|
736 |
|
737 | .input-group.input-group-append .defat-input-inner:focus,
|
738 | .input-group.input-group-prepend .defat-input-inner:focus {
|
739 | border-radius: 0.25rem; }
|
740 |
|
741 | .defat-input-size-small .defat-input-inner {
|
742 | padding: 0.25rem 0.5rem;
|
743 | font-size: 0.875rem;
|
744 | border-radius: 0.2rem; }
|
745 |
|
746 | .defat-input-size-large .defat-input-inner {
|
747 | padding: 0.5rem 1rem;
|
748 | font-size: 1.25rem;
|
749 | border-radius: 0.3rem; }
|
750 |
|
751 | .defat-auto-complete {
|
752 | position: relative; }
|
753 |
|
754 | .defat-suggestion-loading-icon {
|
755 | list-style: none;
|
756 | padding-left: 0;
|
757 | white-space: nowrap;
|
758 | position: absolute;
|
759 | background: #fff;
|
760 | z-index: 100;
|
761 | top: calc(100% + 8px);
|
762 | left: 0;
|
763 | border: 1px solid #dee2e6;
|
764 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
|
765 | width: 100%;
|
766 | padding: 0.5rem 1rem; }
|
767 |
|
768 | .defat-suggestion {
|
769 | list-style: none;
|
770 | padding-left: 0;
|
771 | white-space: nowrap;
|
772 | position: absolute;
|
773 | background: #fff;
|
774 | z-index: 100;
|
775 | top: calc(100% + 8px);
|
776 | left: 0;
|
777 | border: 1px solid #dee2e6;
|
778 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
|
779 | width: 100%; }
|
780 | .defat-suggestion .defat-suggestion-item {
|
781 | padding: 0.5rem 1rem;
|
782 | cursor: pointer;
|
783 | transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
784 | color: #212529; }
|
785 | .defat-suggestion .defat-suggestion-item.is-active, .defat-suggestion .defat-suggestion-item:hover {
|
786 | background: #5c2223 !important;
|
787 | color: #fff !important; }
|
788 |
|
789 | .defat-upload-list {
|
790 | margin: 0;
|
791 | padding: 0;
|
792 | list-style-type: none; }
|
793 |
|
794 | .defat-upload-input {
|
795 | display: none; }
|
796 |
|
797 | .defat-dragger {
|
798 | background: #f8f9fa;
|
799 | border: 1px dashed #dee2e6;
|
800 | border-radius: 4px;
|
801 | cursor: pointer;
|
802 | padding: 20px;
|
803 | width: 360px;
|
804 | height: 180px;
|
805 | text-align: center; }
|
806 | .defat-dragger:hover {
|
807 | border: 1px dashed #5c2223; }
|
808 | .defat-dragger.is-dragover {
|
809 | border: 2px dashed #5c2223;
|
810 | background: rgba(92, 34, 35, 0.2); }
|
811 |
|
812 | .defat-upload-list-item {
|
813 | transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
|
814 | font-size: 15px;
|
815 | line-height: 2;
|
816 | margin-top: 5px;
|
817 | box-sizing: border-box;
|
818 | border-radius: 4px;
|
819 | min-width: 200px;
|
820 | position: relative; }
|
821 | .defat-upload-list-item:first-child {
|
822 | margin-top: 10px; }
|
823 | .defat-upload-list-item .file-name {
|
824 | margin-left: 5px;
|
825 | margin-right: 40px; }
|
826 | .defat-upload-list-item .file-name svg {
|
827 | margin-right: 5px;
|
828 | color: #adb5bd; }
|
829 | .defat-upload-list-item .file-name-error {
|
830 | color: #dc3545; }
|
831 | .defat-upload-list-item .file-name-error svg {
|
832 | color: #dc3545; }
|
833 | .defat-upload-list-item .file-name-success {
|
834 | color: #52c41a; }
|
835 | .defat-upload-list-item .file-name-success svg {
|
836 | color: #52c41a; }
|
837 | .defat-upload-list-item .file-status {
|
838 | display: block;
|
839 | position: absolute;
|
840 | right: 5px;
|
841 | top: 0;
|
842 | line-height: inherit; }
|
843 | .defat-upload-list-item .file-actions {
|
844 | display: none;
|
845 | position: absolute;
|
846 | right: 7px;
|
847 | top: 0;
|
848 | line-height: inherit;
|
849 | cursor: pointer; }
|
850 | .defat-upload-list-item:hover {
|
851 | background-color: #6c757d; }
|
852 | .defat-upload-list-item:hover .file-name {
|
853 | color: #fff; }
|
854 | .defat-upload-list-item:hover .file-name svg {
|
855 | color: #fff; }
|
856 | .defat-upload-list-item:hover .file-status {
|
857 | display: none; }
|
858 | .defat-upload-list-item:hover .file-actions {
|
859 | display: block; }
|
860 |
|
861 | .defat-upload-list-item-error:hover {
|
862 | background-color: #dc3545; }
|
863 | .defat-upload-list-item-error:hover .file-name-error {
|
864 | color: #fff; }
|
865 | .defat-upload-list-item-error:hover .file-name-error svg {
|
866 | color: #fff; }
|
867 |
|
868 | .defat-upload-list-item-success:hover {
|
869 | background-color: #52c41a; }
|
870 | .defat-upload-list-item-success:hover .file-name-success {
|
871 | color: #fff; }
|
872 | .defat-upload-list-item-success:hover .file-name-success svg {
|
873 | color: #fff; }
|
874 |
|
875 | .defat-progress {
|
876 | width: 100%;
|
877 | box-sizing: border-box; }
|
878 | .defat-progress .defat-progress-outer {
|
879 | border-radius: 0.25rem;
|
880 | background-color: #e9ecef;
|
881 | overflow: hidden;
|
882 | position: relative; }
|
883 | .defat-progress .defat-progress-inner {
|
884 | position: absolute;
|
885 | left: 0;
|
886 | top: 0;
|
887 | display: flex;
|
888 | justify-content: flex-end;
|
889 | align-items: center;
|
890 | height: 100%;
|
891 | border-radius: 0.25rem;
|
892 | line-height: 1;
|
893 | transition: width 0.6s ease; }
|
894 | .defat-progress .defat-progress-inner-text {
|
895 | position: absolute;
|
896 | right: 4px;
|
897 | top: 50%;
|
898 | transform: translateY(-50%);
|
899 | color: #fff;
|
900 | font-size: 0.75rem;
|
901 | margin: 0 5px; }
|
902 | .defat-progress .color-primary {
|
903 | background-color: #5c2223; }
|
904 | .defat-progress .color-secondary {
|
905 | background-color: #6c757d; }
|
906 | .defat-progress .color-success {
|
907 | background-color: #52c41a; }
|
908 | .defat-progress .color-info {
|
909 | background-color: #17a2b8; }
|
910 | .defat-progress .color-warning {
|
911 | background-color: #fadb14; }
|
912 | .defat-progress .color-danger {
|
913 | background-color: #dc3545; }
|
914 | .defat-progress .color-light {
|
915 | background-color: #f8f9fa; }
|
916 | .defat-progress .color-dark {
|
917 | background-color: #343a40; }
|