##// END OF EJS Templates
sweet-alerts: reduced font size.
ergo -
r4378:5d60dc55 stable
parent child Browse files
Show More
@@ -1,1544 +1,1544 b''
1 1 .swal2-popup.swal2-toast {
2 2 flex-direction: row;
3 3 align-items: center;
4 4 width: auto;
5 5 padding: 0.625em;
6 6 overflow-y: hidden;
7 7 background: #fff;
8 8 box-shadow: none;
9 9 }
10 10
11 11 .swal2-popup.swal2-toast .swal2-header {
12 12 flex-direction: row;
13 13 }
14 14
15 15 .swal2-popup.swal2-toast .swal2-title {
16 16 flex-grow: 1;
17 17 justify-content: flex-start;
18 18 margin: 0 0.6em;
19 19 font-size: 1em;
20 20 }
21 21
22 22 .swal2-popup.swal2-toast .swal2-footer {
23 23 margin: 0.5em 0 0;
24 24 padding: 0.5em 0 0;
25 25 font-size: 0.8em;
26 26 }
27 27
28 28 .swal2-popup.swal2-toast .swal2-close {
29 29 position: static;
30 30 width: 0.8em;
31 31 height: 0.8em;
32 32 line-height: 0.8;
33 33 }
34 34
35 35 .swal2-popup.swal2-toast .swal2-content {
36 36 justify-content: flex-start;
37 37 font-size: 1em;
38 38 }
39 39
40 40 .swal2-popup.swal2-toast .swal2-icon {
41 41 width: 2em;
42 42 min-width: 2em;
43 43 height: 2em;
44 44 margin: 0;
45 45 }
46 46
47 47 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
48 48 display: flex;
49 49 align-items: center;
50 50 font-size: 1.8em;
51 51 font-weight: bold;
52 52 }
53 53
54 54 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
55 55 .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
56 56 font-size: 0.25em;
57 57 }
58 58 }
59 59
60 60 .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
61 61 width: 2em;
62 62 height: 2em;
63 63 }
64 64
65 65 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
66 66 top: 0.875em;
67 67 width: 1.375em;
68 68 }
69 69
70 70 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
71 71 left: 0.3125em;
72 72 }
73 73
74 74 .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
75 75 right: 0.3125em;
76 76 }
77 77
78 78 .swal2-popup.swal2-toast .swal2-actions {
79 79 flex-basis: auto !important;
80 80 width: auto;
81 81 height: auto;
82 82 margin: 0 0.3125em;
83 83 }
84 84
85 85 .swal2-popup.swal2-toast .swal2-styled {
86 86 margin: 0 0.3125em;
87 87 padding: 0.3125em 0.625em;
88 88 font-size: 1em;
89 89 }
90 90
91 91 .swal2-popup.swal2-toast .swal2-styled:focus {
92 92 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
93 93 }
94 94
95 95 .swal2-popup.swal2-toast .swal2-success {
96 96 border-color: @alert1;
97 97 }
98 98
99 99 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
100 100 position: absolute;
101 101 width: 1.6em;
102 102 height: 3em;
103 103 transform: rotate(45deg);
104 104 border-radius: 50%;
105 105 }
106 106
107 107 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
108 108 top: -0.8em;
109 109 left: -0.5em;
110 110 transform: rotate(-45deg);
111 111 transform-origin: 2em 2em;
112 112 border-radius: 4em 0 0 4em;
113 113 }
114 114
115 115 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
116 116 top: -0.25em;
117 117 left: 0.9375em;
118 118 transform-origin: 0 1.5em;
119 119 border-radius: 0 4em 4em 0;
120 120 }
121 121
122 122 .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
123 123 width: 2em;
124 124 height: 2em;
125 125 }
126 126
127 127 .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
128 128 top: 0;
129 129 left: 0.4375em;
130 130 width: 0.4375em;
131 131 height: 2.6875em;
132 132 }
133 133
134 134 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
135 135 height: 0.3125em;
136 136 }
137 137
138 138 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
139 139 top: 1.125em;
140 140 left: 0.1875em;
141 141 width: 0.75em;
142 142 }
143 143
144 144 .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
145 145 top: 0.9375em;
146 146 right: 0.1875em;
147 147 width: 1.375em;
148 148 }
149 149
150 150 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
151 151 -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
152 152 animation: swal2-toast-animate-success-line-tip 0.75s;
153 153 }
154 154
155 155 .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
156 156 -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
157 157 animation: swal2-toast-animate-success-line-long 0.75s;
158 158 }
159 159
160 160 .swal2-popup.swal2-toast.swal2-show {
161 161 -webkit-animation: swal2-toast-show 0.5s;
162 162 animation: swal2-toast-show 0.5s;
163 163 }
164 164
165 165 .swal2-popup.swal2-toast.swal2-hide {
166 166 -webkit-animation: swal2-toast-hide 0.1s forwards;
167 167 animation: swal2-toast-hide 0.1s forwards;
168 168 }
169 169
170 170 .swal2-container {
171 171 display: flex;
172 172 position: fixed;
173 173 z-index: 1060;
174 174 top: 0;
175 175 right: 0;
176 176 bottom: 0;
177 177 left: 0;
178 178 flex-direction: row;
179 179 align-items: center;
180 180 justify-content: center;
181 181 padding: 0.625em;
182 182 overflow-x: hidden;
183 183 transition: background-color 0.1s;
184 184 -webkit-overflow-scrolling: touch;
185 185 }
186 186
187 187 .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
188 188 background: rgba(0, 0, 0, 0.4);
189 189 }
190 190
191 191 .swal2-container.swal2-backdrop-hide {
192 192 background: transparent !important;
193 193 }
194 194
195 195 .swal2-container.swal2-top {
196 196 align-items: flex-start;
197 197 }
198 198
199 199 .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
200 200 align-items: flex-start;
201 201 justify-content: flex-start;
202 202 }
203 203
204 204 .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
205 205 align-items: flex-start;
206 206 justify-content: flex-end;
207 207 }
208 208
209 209 .swal2-container.swal2-center {
210 210 align-items: center;
211 211 }
212 212
213 213 .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
214 214 align-items: center;
215 215 justify-content: flex-start;
216 216 }
217 217
218 218 .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
219 219 align-items: center;
220 220 justify-content: flex-end;
221 221 }
222 222
223 223 .swal2-container.swal2-bottom {
224 224 align-items: flex-end;
225 225 }
226 226
227 227 .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
228 228 align-items: flex-end;
229 229 justify-content: flex-start;
230 230 }
231 231
232 232 .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
233 233 align-items: flex-end;
234 234 justify-content: flex-end;
235 235 }
236 236
237 237 .swal2-container.swal2-bottom > :first-child,
238 238 .swal2-container.swal2-bottom-start > :first-child,
239 239 .swal2-container.swal2-bottom-left > :first-child,
240 240 .swal2-container.swal2-bottom-end > :first-child,
241 241 .swal2-container.swal2-bottom-right > :first-child {
242 242 margin-top: auto;
243 243 }
244 244
245 245 .swal2-container.swal2-grow-fullscreen > .swal2-modal {
246 246 display: flex !important;
247 247 flex: 1;
248 248 align-self: stretch;
249 249 justify-content: center;
250 250 }
251 251
252 252 .swal2-container.swal2-grow-row > .swal2-modal {
253 253 display: flex !important;
254 254 flex: 1;
255 255 align-content: center;
256 256 justify-content: center;
257 257 }
258 258
259 259 .swal2-container.swal2-grow-column {
260 260 flex: 1;
261 261 flex-direction: column;
262 262 }
263 263
264 264 .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
265 265 align-items: center;
266 266 }
267 267
268 268 .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
269 269 align-items: flex-start;
270 270 }
271 271
272 272 .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
273 273 align-items: flex-end;
274 274 }
275 275
276 276 .swal2-container.swal2-grow-column > .swal2-modal {
277 277 display: flex !important;
278 278 flex: 1;
279 279 align-content: center;
280 280 justify-content: center;
281 281 }
282 282
283 283 .swal2-container.swal2-no-transition {
284 284 transition: none !important;
285 285 }
286 286
287 287 .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
288 288 margin: auto;
289 289 }
290 290
291 291 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
292 292 .swal2-container .swal2-modal {
293 293 margin: 0 !important;
294 294 }
295 295 }
296 296
297 297 .swal2-popup {
298 298 display: none;
299 299 position: relative;
300 300 box-sizing: border-box;
301 301 flex-direction: column;
302 302 justify-content: center;
303 303 width: 38em;
304 304 max-width: 100%;
305 305 padding: 1.25em;
306 306 border: none;
307 307 border-radius: 0;
308 308 background: #fff;
309 309 font-family: inherit;
310 font-size: 1rem;
310 font-size: 13px;
311 311 }
312 312
313 313 .swal2-popup:focus {
314 314 outline: none;
315 315 }
316 316
317 317 .swal2-popup.swal2-loading {
318 318 overflow-y: hidden;
319 319 }
320 320
321 321 .swal2-header {
322 322 display: flex;
323 323 flex-direction: column;
324 324 align-items: center;
325 325 }
326 326
327 327 .swal2-title {
328 328 position: relative;
329 329 max-width: 100%;
330 330 margin: 0 0 0.4em;
331 331 padding: 0;
332 332 color: #595959;
333 333 font-size: 1.875em;
334 334 font-weight: 600;
335 335 text-align: center;
336 336 text-transform: none;
337 337 word-wrap: break-word;
338 338 }
339 339
340 340 .swal2-actions {
341 341 display: flex;
342 342 z-index: 1;
343 343 flex-wrap: wrap;
344 344 align-items: center;
345 345 justify-content: center;
346 346 width: 100%;
347 347 margin: 1.25em auto 0;
348 348 }
349 349
350 350 .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
351 351 opacity: 0.4;
352 352 }
353 353
354 354 .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
355 355 background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
356 356 }
357 357
358 358 .swal2-actions:not(.swal2-loading) .swal2-styled:active {
359 359 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
360 360 }
361 361
362 362 .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
363 363 box-sizing: border-box;
364 364 width: 2.5em;
365 365 height: 2.5em;
366 366 margin: 0.46875em;
367 367 padding: 0;
368 368 -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
369 369 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
370 370 border: 0.25em solid transparent;
371 371 border-radius: 100%;
372 372 border-color: transparent;
373 373 background-color: transparent !important;
374 374 color: transparent !important;
375 375 cursor: default;
376 376 -webkit-user-select: none;
377 377 -moz-user-select: none;
378 378 -ms-user-select: none;
379 379 user-select: none;
380 380 }
381 381
382 382 .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
383 383 margin-right: 30px;
384 384 margin-left: 30px;
385 385 }
386 386
387 387 .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
388 388 content: "";
389 389 display: inline-block;
390 390 width: 15px;
391 391 height: 15px;
392 392 margin-left: 5px;
393 393 -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
394 394 animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
395 395 border: 3px solid #999999;
396 396 border-radius: 50%;
397 397 border-right-color: transparent;
398 398 box-shadow: 1px 1px 1px #fff;
399 399 }
400 400
401 401 .swal2-styled {
402 402 margin: 0.3125em;
403 403 padding: 0.625em 2em;
404 404 box-shadow: none;
405 405 font-weight: 500;
406 406 }
407 407
408 408 .swal2-styled:not([disabled]) {
409 409 cursor: pointer;
410 410 }
411 411
412 412 .swal2-styled.swal2-confirm {
413 413 border: 0;
414 414 border-radius: 0;
415 415 background: initial;
416 416 background-color: @alert4;
417 417 color: #fff;
418 418 font-size: 1.0625em;
419 419 }
420 420
421 421 .swal2-styled.swal2-cancel {
422 422 border: 0;
423 423 border-radius: 0;
424 424 background: initial;
425 425 background-color: #aaa;
426 426 color: #fff;
427 427 font-size: 1.0625em;
428 428 }
429 429
430 430 .swal2-styled:focus {
431 431 outline: none;
432 432 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
433 433 }
434 434
435 435 .swal2-styled::-moz-focus-inner {
436 436 border: 0;
437 437 }
438 438
439 439 .swal2-footer {
440 440 justify-content: center;
441 441 margin: 1.25em 0 0;
442 442 padding: 1em 0 0;
443 443 border-top: 1px solid #eee;
444 444 color: #545454;
445 445 font-size: 1em;
446 446 }
447 447
448 448 .swal2-timer-progress-bar-container {
449 449 position: absolute;
450 450 right: 0;
451 451 bottom: 0;
452 452 left: 0;
453 453 height: 0.25em;
454 454 overflow: hidden;
455 455 border-bottom-right-radius: 0;
456 456 border-bottom-left-radius: 0;
457 457 }
458 458
459 459 .swal2-timer-progress-bar {
460 460 width: 100%;
461 461 height: 0.25em;
462 462 background: rgba(0, 0, 0, 0.2);
463 463 }
464 464
465 465 .swal2-image {
466 466 max-width: 100%;
467 467 margin: 1.25em auto;
468 468 }
469 469
470 470 .swal2-close {
471 471 position: absolute;
472 472 z-index: 2;
473 473 /* 1617 */
474 474 top: 0;
475 475 right: 0;
476 476 align-items: center;
477 477 justify-content: center;
478 478 width: 1.2em;
479 479 height: 1.2em;
480 480 padding: 0;
481 481 overflow: hidden;
482 482 transition: color 0.1s ease-out;
483 483 border: none;
484 484 border-radius: 0;
485 485 background: transparent;
486 486 color: #cccccc;
487 487 font-family: serif;
488 488 font-size: 2.5em;
489 489 line-height: 1.2;
490 490 cursor: pointer;
491 491 }
492 492
493 493 .swal2-close:hover {
494 494 transform: none;
495 495 background: transparent;
496 496 color: #f27474;
497 497 }
498 498
499 499 .swal2-close::-moz-focus-inner {
500 500 border: 0;
501 501 }
502 502
503 503 .swal2-content {
504 504 z-index: 1;
505 505 justify-content: center;
506 506 margin: 0;
507 507 padding: 0;
508 508 color: #545454;
509 509 font-size: 1.125em;
510 510 font-weight: normal;
511 511 line-height: normal;
512 512 text-align: center;
513 513 word-wrap: break-word;
514 514 }
515 515
516 516 .swal2-input,
517 517 .swal2-file,
518 518 .swal2-textarea,
519 519 .swal2-select,
520 520 .swal2-radio,
521 521 .swal2-checkbox {
522 522 margin: 1em auto;
523 523 }
524 524
525 525 .swal2-input,
526 526 .swal2-file,
527 527 .swal2-textarea {
528 528 box-sizing: border-box;
529 529 width: 100%;
530 530 transition: initial;
531 531 border: 1px solid #d9d9d9;
532 532 border-radius: 0;
533 533 background: inherit;
534 534 box-shadow: none;
535 535 color: inherit;
536 536 font-size: 1.125em;
537 537 }
538 538
539 539 .swal2-input.swal2-inputerror,
540 540 .swal2-file.swal2-inputerror,
541 541 .swal2-textarea.swal2-inputerror {
542 542 border-color: #f27474 !important;
543 543 box-shadow: 0 0 2px #f27474 !important;
544 544 }
545 545
546 546 .swal2-input:focus,
547 547 .swal2-file:focus,
548 548 .swal2-textarea:focus {
549 549 border: 1px solid #b4dbed;
550 550 outline: none;
551 551 box-shadow: 0 0 3px #c4e6f5;
552 552 }
553 553
554 554 .swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
555 555 color: #cccccc;
556 556 }
557 557
558 558 .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
559 559 color: #cccccc;
560 560 }
561 561
562 562 .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
563 563 color: #cccccc;
564 564 }
565 565
566 566 .swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
567 567 color: #cccccc;
568 568 }
569 569
570 570 .swal2-input::placeholder,
571 571 .swal2-file::placeholder,
572 572 .swal2-textarea::placeholder {
573 573 color: #cccccc;
574 574 }
575 575
576 576 .swal2-range {
577 577 margin: 1em auto;
578 578 background: #fff;
579 579 }
580 580
581 581 .swal2-range input {
582 582 width: 80%;
583 583 }
584 584
585 585 .swal2-range output {
586 586 width: 20%;
587 587 color: inherit;
588 588 font-weight: 600;
589 589 text-align: center;
590 590 }
591 591
592 592 .swal2-range input,
593 593 .swal2-range output {
594 594 height: 2.625em;
595 595 padding: 0;
596 596 font-size: 1.125em;
597 597 line-height: 2.625em;
598 598 }
599 599
600 600 .swal2-input {
601 601 height: 2.625em;
602 602 padding: 0 0.75em;
603 603 }
604 604
605 605 .swal2-input[type=number] {
606 606 max-width: 10em;
607 607 }
608 608
609 609 .swal2-file {
610 610 background: inherit;
611 611 font-size: 1.125em;
612 612 }
613 613
614 614 .swal2-textarea {
615 615 height: 6.75em;
616 616 padding: 0.75em;
617 617 }
618 618
619 619 .swal2-select {
620 620 min-width: 50%;
621 621 max-width: 100%;
622 622 padding: 0.375em 0.625em;
623 623 background: inherit;
624 624 color: inherit;
625 625 font-size: 1.125em;
626 626 }
627 627
628 628 .swal2-radio,
629 629 .swal2-checkbox {
630 630 align-items: center;
631 631 justify-content: center;
632 632 background: #fff;
633 633 color: inherit;
634 634 }
635 635
636 636 .swal2-radio label,
637 637 .swal2-checkbox label {
638 638 margin: 0 0.6em;
639 639 font-size: 1.125em;
640 640 }
641 641
642 642 .swal2-radio input,
643 643 .swal2-checkbox input {
644 644 margin: 0 0.4em;
645 645 }
646 646
647 647 .swal2-validation-message {
648 648 display: none;
649 649 align-items: center;
650 650 justify-content: center;
651 651 padding: 0.625em;
652 652 overflow: hidden;
653 653 background: #f0f0f0;
654 654 color: #666666;
655 655 font-size: 1em;
656 656 font-weight: 300;
657 657 }
658 658
659 659 .swal2-validation-message::before {
660 660 content: "!";
661 661 display: inline-block;
662 662 width: 1.5em;
663 663 min-width: 1.5em;
664 664 height: 1.5em;
665 665 margin: 0 0.625em;
666 666 border-radius: 50%;
667 667 background-color: #f27474;
668 668 color: #fff;
669 669 font-weight: 600;
670 670 line-height: 1.5em;
671 671 text-align: center;
672 672 }
673 673
674 674 .swal2-icon {
675 675 position: relative;
676 676 box-sizing: content-box;
677 677 justify-content: center;
678 678 width: 5em;
679 679 height: 5em;
680 680 margin: 1.25em auto 1.875em;
681 681 border: 0.25em solid transparent;
682 682 border-radius: 50%;
683 683 font-family: inherit;
684 684 line-height: 5em;
685 685 cursor: default;
686 686 -webkit-user-select: none;
687 687 -moz-user-select: none;
688 688 -ms-user-select: none;
689 689 user-select: none;
690 690 }
691 691
692 692 .swal2-icon .swal2-icon-content {
693 693 display: flex;
694 694 align-items: center;
695 695 font-size: 3.75em;
696 696 }
697 697
698 698 .swal2-icon.swal2-error {
699 699 border-color: @alert2;
700 700 color: @alert2;
701 701 }
702 702
703 703 .swal2-icon.swal2-error .swal2-x-mark {
704 704 position: relative;
705 705 flex-grow: 1;
706 706 }
707 707
708 708 .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
709 709 display: block;
710 710 position: absolute;
711 711 top: 2.3125em;
712 712 width: 2.9375em;
713 713 height: 0.3125em;
714 714 border-radius: 0.125em;
715 715 background-color: @alert2;
716 716 }
717 717
718 718 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
719 719 left: 1.0625em;
720 720 transform: rotate(45deg);
721 721 }
722 722
723 723 .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
724 724 right: 1em;
725 725 transform: rotate(-45deg);
726 726 }
727 727
728 728 .swal2-icon.swal2-error.swal2-icon-show {
729 729 //-webkit-animation: swal2-animate-error-icon 0.5s;
730 730 // animation: swal2-animate-error-icon 0.5s;
731 731 }
732 732
733 733 .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
734 734 //-webkit-animation: swal2-animate-error-x-mark 0.5s;
735 735 // animation: swal2-animate-error-x-mark 0.5s;
736 736 }
737 737
738 738 .swal2-icon.swal2-warning {
739 739 border-color: @alert3;
740 740 color: @alert3;
741 741 }
742 742
743 743 .swal2-icon.swal2-info {
744 744 border-color: #9de0f6;
745 745 color: #3fc3ee;
746 746 }
747 747
748 748 .swal2-icon.swal2-question {
749 749 border-color: #c9dae1;
750 750 color: #87adbd;
751 751 }
752 752
753 753 .swal2-icon.swal2-success {
754 754 border-color: @alert1;
755 755 color: @alert1;
756 756 }
757 757
758 758 .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
759 759 position: absolute;
760 760 width: 3.75em;
761 761 height: 7.5em;
762 762 transform: rotate(45deg);
763 763 border-radius: 50%;
764 764 }
765 765
766 766 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
767 767 top: -0.4375em;
768 768 left: -2.0635em;
769 769 transform: rotate(-45deg);
770 770 transform-origin: 3.75em 3.75em;
771 771 border-radius: 7.5em 0 0 7.5em;
772 772 }
773 773
774 774 .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
775 775 top: -0.6875em;
776 776 left: 1.875em;
777 777 transform: rotate(-45deg);
778 778 transform-origin: 0 3.75em;
779 779 border-radius: 0 7.5em 7.5em 0;
780 780 }
781 781
782 782 .swal2-icon.swal2-success .swal2-success-ring {
783 783 position: absolute;
784 784 z-index: 2;
785 785 top: -0.25em;
786 786 left: -0.25em;
787 787 box-sizing: content-box;
788 788 width: 100%;
789 789 height: 100%;
790 790 border: 0.25em solid rgba(165, 220, 134, 0.3);
791 791 border-radius: 50%;
792 792 }
793 793
794 794 .swal2-icon.swal2-success .swal2-success-fix {
795 795 position: absolute;
796 796 z-index: 1;
797 797 top: 0.5em;
798 798 left: 1.625em;
799 799 width: 0.4375em;
800 800 height: 5.625em;
801 801 transform: rotate(-45deg);
802 802 }
803 803
804 804 .swal2-icon.swal2-success [class^=swal2-success-line] {
805 805 display: block;
806 806 position: absolute;
807 807 z-index: 2;
808 808 height: 0.3125em;
809 809 border-radius: 0.125em;
810 810 background-color: @alert1;
811 811 }
812 812
813 813 .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
814 814 top: 2.875em;
815 815 left: 0.8125em;
816 816 width: 1.5625em;
817 817 transform: rotate(45deg);
818 818 }
819 819
820 820 .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
821 821 top: 2.375em;
822 822 right: 0.5em;
823 823 width: 2.9375em;
824 824 transform: rotate(-45deg);
825 825 }
826 826
827 827 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
828 828 -webkit-animation: swal2-animate-success-line-tip 0.75s;
829 829 animation: swal2-animate-success-line-tip 0.75s;
830 830 }
831 831
832 832 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
833 833 -webkit-animation: swal2-animate-success-line-long 0.75s;
834 834 animation: swal2-animate-success-line-long 0.75s;
835 835 }
836 836
837 837 .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
838 838 -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
839 839 animation: swal2-rotate-success-circular-line 4.25s ease-in;
840 840 }
841 841
842 842 .swal2-progress-steps {
843 843 align-items: center;
844 844 margin: 0 0 1.25em;
845 845 padding: 0;
846 846 background: inherit;
847 847 font-weight: 600;
848 848 }
849 849
850 850 .swal2-progress-steps li {
851 851 display: inline-block;
852 852 position: relative;
853 853 }
854 854
855 855 .swal2-progress-steps .swal2-progress-step {
856 856 z-index: 20;
857 857 width: 2em;
858 858 height: 2em;
859 859 border-radius: 2em;
860 860 background: #3085d6;
861 861 color: #fff;
862 862 line-height: 2em;
863 863 text-align: center;
864 864 }
865 865
866 866 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
867 867 background: #3085d6;
868 868 }
869 869
870 870 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
871 871 background: #add8e6;
872 872 color: #fff;
873 873 }
874 874
875 875 .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
876 876 background: #add8e6;
877 877 }
878 878
879 879 .swal2-progress-steps .swal2-progress-step-line {
880 880 z-index: 10;
881 881 width: 2.5em;
882 882 height: 0.4em;
883 883 margin: 0 -1px;
884 884 background: #3085d6;
885 885 }
886 886
887 887 [class^=swal2] {
888 888 -webkit-tap-highlight-color: transparent;
889 889 }
890 890
891 891 .swal2-show {
892 892 -webkit-animation: swal2-show 0.3s;
893 893 animation: swal2-show 0.3s;
894 894 }
895 895
896 896 .swal2-hide {
897 897 -webkit-animation: swal2-hide 0.15s forwards;
898 898 animation: swal2-hide 0.15s forwards;
899 899 }
900 900
901 901 .swal2-noanimation {
902 902 transition: none;
903 903 }
904 904
905 905 .swal2-scrollbar-measure {
906 906 position: absolute;
907 907 top: -9999px;
908 908 width: 50px;
909 909 height: 50px;
910 910 overflow: scroll;
911 911 }
912 912
913 913 .swal2-rtl .swal2-close {
914 914 right: auto;
915 915 left: 0;
916 916 }
917 917
918 918 .swal2-rtl .swal2-timer-progress-bar {
919 919 right: 0;
920 920 left: auto;
921 921 }
922 922
923 923 @supports (-ms-accelerator: true) {
924 924 .swal2-range input {
925 925 width: 100% !important;
926 926 }
927 927
928 928 .swal2-range output {
929 929 display: none;
930 930 }
931 931 }
932 932
933 933 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
934 934 .swal2-range input {
935 935 width: 100% !important;
936 936 }
937 937
938 938 .swal2-range output {
939 939 display: none;
940 940 }
941 941 }
942 942
943 943 @-moz-document url-prefix() {
944 944 .swal2-close:focus {
945 945 outline: 2px solid rgba(50, 100, 150, 0.4);
946 946 }
947 947 }
948 948
949 949 @-webkit-keyframes swal2-toast-show {
950 950 0% {
951 951 transform: translateY(-0.625em) rotateZ(2deg);
952 952 }
953 953 33% {
954 954 transform: translateY(0) rotateZ(-2deg);
955 955 }
956 956 66% {
957 957 transform: translateY(0.3125em) rotateZ(2deg);
958 958 }
959 959 100% {
960 960 transform: translateY(0) rotateZ(0deg);
961 961 }
962 962 }
963 963
964 964 @keyframes swal2-toast-show {
965 965 0% {
966 966 transform: translateY(-0.625em) rotateZ(2deg);
967 967 }
968 968 33% {
969 969 transform: translateY(0) rotateZ(-2deg);
970 970 }
971 971 66% {
972 972 transform: translateY(0.3125em) rotateZ(2deg);
973 973 }
974 974 100% {
975 975 transform: translateY(0) rotateZ(0deg);
976 976 }
977 977 }
978 978
979 979 @-webkit-keyframes swal2-toast-hide {
980 980 100% {
981 981 transform: rotateZ(1deg);
982 982 opacity: 0;
983 983 }
984 984 }
985 985
986 986 @keyframes swal2-toast-hide {
987 987 100% {
988 988 transform: rotateZ(1deg);
989 989 opacity: 0;
990 990 }
991 991 }
992 992
993 993 @-webkit-keyframes swal2-toast-animate-success-line-tip {
994 994 0% {
995 995 top: 0.5625em;
996 996 left: 0.0625em;
997 997 width: 0;
998 998 }
999 999 54% {
1000 1000 top: 0.125em;
1001 1001 left: 0.125em;
1002 1002 width: 0;
1003 1003 }
1004 1004 70% {
1005 1005 top: 0.625em;
1006 1006 left: -0.25em;
1007 1007 width: 1.625em;
1008 1008 }
1009 1009 84% {
1010 1010 top: 1.0625em;
1011 1011 left: 0.75em;
1012 1012 width: 0.5em;
1013 1013 }
1014 1014 100% {
1015 1015 top: 1.125em;
1016 1016 left: 0.1875em;
1017 1017 width: 0.75em;
1018 1018 }
1019 1019 }
1020 1020
1021 1021 @keyframes swal2-toast-animate-success-line-tip {
1022 1022 0% {
1023 1023 top: 0.5625em;
1024 1024 left: 0.0625em;
1025 1025 width: 0;
1026 1026 }
1027 1027 54% {
1028 1028 top: 0.125em;
1029 1029 left: 0.125em;
1030 1030 width: 0;
1031 1031 }
1032 1032 70% {
1033 1033 top: 0.625em;
1034 1034 left: -0.25em;
1035 1035 width: 1.625em;
1036 1036 }
1037 1037 84% {
1038 1038 top: 1.0625em;
1039 1039 left: 0.75em;
1040 1040 width: 0.5em;
1041 1041 }
1042 1042 100% {
1043 1043 top: 1.125em;
1044 1044 left: 0.1875em;
1045 1045 width: 0.75em;
1046 1046 }
1047 1047 }
1048 1048
1049 1049 @-webkit-keyframes swal2-toast-animate-success-line-long {
1050 1050 0% {
1051 1051 top: 1.625em;
1052 1052 right: 1.375em;
1053 1053 width: 0;
1054 1054 }
1055 1055 65% {
1056 1056 top: 1.25em;
1057 1057 right: 0.9375em;
1058 1058 width: 0;
1059 1059 }
1060 1060 84% {
1061 1061 top: 0.9375em;
1062 1062 right: 0;
1063 1063 width: 1.125em;
1064 1064 }
1065 1065 100% {
1066 1066 top: 0.9375em;
1067 1067 right: 0.1875em;
1068 1068 width: 1.375em;
1069 1069 }
1070 1070 }
1071 1071
1072 1072 @keyframes swal2-toast-animate-success-line-long {
1073 1073 0% {
1074 1074 top: 1.625em;
1075 1075 right: 1.375em;
1076 1076 width: 0;
1077 1077 }
1078 1078 65% {
1079 1079 top: 1.25em;
1080 1080 right: 0.9375em;
1081 1081 width: 0;
1082 1082 }
1083 1083 84% {
1084 1084 top: 0.9375em;
1085 1085 right: 0;
1086 1086 width: 1.125em;
1087 1087 }
1088 1088 100% {
1089 1089 top: 0.9375em;
1090 1090 right: 0.1875em;
1091 1091 width: 1.375em;
1092 1092 }
1093 1093 }
1094 1094
1095 1095 @-webkit-keyframes swal2-show {
1096 1096 0% {
1097 1097 transform: scale(0.7);
1098 1098 }
1099 1099 45% {
1100 1100 transform: scale(1.05);
1101 1101 }
1102 1102 80% {
1103 1103 transform: scale(0.95);
1104 1104 }
1105 1105 100% {
1106 1106 transform: scale(1);
1107 1107 }
1108 1108 }
1109 1109
1110 1110 @keyframes swal2-show {
1111 1111 0% {
1112 1112 transform: scale(0.7);
1113 1113 }
1114 1114 45% {
1115 1115 transform: scale(1.05);
1116 1116 }
1117 1117 80% {
1118 1118 transform: scale(0.95);
1119 1119 }
1120 1120 100% {
1121 1121 transform: scale(1);
1122 1122 }
1123 1123 }
1124 1124
1125 1125 @-webkit-keyframes swal2-hide {
1126 1126 0% {
1127 1127 transform: scale(1);
1128 1128 opacity: 1;
1129 1129 }
1130 1130 100% {
1131 1131 transform: scale(0.5);
1132 1132 opacity: 0;
1133 1133 }
1134 1134 }
1135 1135
1136 1136 @keyframes swal2-hide {
1137 1137 0% {
1138 1138 transform: scale(1);
1139 1139 opacity: 1;
1140 1140 }
1141 1141 100% {
1142 1142 transform: scale(0.5);
1143 1143 opacity: 0;
1144 1144 }
1145 1145 }
1146 1146
1147 1147 @-webkit-keyframes swal2-animate-success-line-tip {
1148 1148 0% {
1149 1149 top: 1.1875em;
1150 1150 left: 0.0625em;
1151 1151 width: 0;
1152 1152 }
1153 1153 54% {
1154 1154 top: 1.0625em;
1155 1155 left: 0.125em;
1156 1156 width: 0;
1157 1157 }
1158 1158 70% {
1159 1159 top: 2.1875em;
1160 1160 left: -0.375em;
1161 1161 width: 3.125em;
1162 1162 }
1163 1163 84% {
1164 1164 top: 3em;
1165 1165 left: 1.3125em;
1166 1166 width: 1.0625em;
1167 1167 }
1168 1168 100% {
1169 1169 top: 2.8125em;
1170 1170 left: 0.8125em;
1171 1171 width: 1.5625em;
1172 1172 }
1173 1173 }
1174 1174
1175 1175 @keyframes swal2-animate-success-line-tip {
1176 1176 0% {
1177 1177 top: 1.1875em;
1178 1178 left: 0.0625em;
1179 1179 width: 0;
1180 1180 }
1181 1181 54% {
1182 1182 top: 1.0625em;
1183 1183 left: 0.125em;
1184 1184 width: 0;
1185 1185 }
1186 1186 70% {
1187 1187 top: 2.1875em;
1188 1188 left: -0.375em;
1189 1189 width: 3.125em;
1190 1190 }
1191 1191 84% {
1192 1192 top: 3em;
1193 1193 left: 1.3125em;
1194 1194 width: 1.0625em;
1195 1195 }
1196 1196 100% {
1197 1197 top: 2.8125em;
1198 1198 left: 0.8125em;
1199 1199 width: 1.5625em;
1200 1200 }
1201 1201 }
1202 1202
1203 1203 @-webkit-keyframes swal2-animate-success-line-long {
1204 1204 0% {
1205 1205 top: 3.375em;
1206 1206 right: 2.875em;
1207 1207 width: 0;
1208 1208 }
1209 1209 65% {
1210 1210 top: 3.375em;
1211 1211 right: 2.875em;
1212 1212 width: 0;
1213 1213 }
1214 1214 84% {
1215 1215 top: 2.1875em;
1216 1216 right: 0;
1217 1217 width: 3.4375em;
1218 1218 }
1219 1219 100% {
1220 1220 top: 2.375em;
1221 1221 right: 0.5em;
1222 1222 width: 2.9375em;
1223 1223 }
1224 1224 }
1225 1225
1226 1226 @keyframes swal2-animate-success-line-long {
1227 1227 0% {
1228 1228 top: 3.375em;
1229 1229 right: 2.875em;
1230 1230 width: 0;
1231 1231 }
1232 1232 65% {
1233 1233 top: 3.375em;
1234 1234 right: 2.875em;
1235 1235 width: 0;
1236 1236 }
1237 1237 84% {
1238 1238 top: 2.1875em;
1239 1239 right: 0;
1240 1240 width: 3.4375em;
1241 1241 }
1242 1242 100% {
1243 1243 top: 2.375em;
1244 1244 right: 0.5em;
1245 1245 width: 2.9375em;
1246 1246 }
1247 1247 }
1248 1248
1249 1249 @-webkit-keyframes swal2-rotate-success-circular-line {
1250 1250 0% {
1251 1251 transform: rotate(-45deg);
1252 1252 }
1253 1253 5% {
1254 1254 transform: rotate(-45deg);
1255 1255 }
1256 1256 12% {
1257 1257 transform: rotate(-405deg);
1258 1258 }
1259 1259 100% {
1260 1260 transform: rotate(-405deg);
1261 1261 }
1262 1262 }
1263 1263
1264 1264 @keyframes swal2-rotate-success-circular-line {
1265 1265 0% {
1266 1266 transform: rotate(-45deg);
1267 1267 }
1268 1268 5% {
1269 1269 transform: rotate(-45deg);
1270 1270 }
1271 1271 12% {
1272 1272 transform: rotate(-405deg);
1273 1273 }
1274 1274 100% {
1275 1275 transform: rotate(-405deg);
1276 1276 }
1277 1277 }
1278 1278
1279 1279 @-webkit-keyframes swal2-animate-error-x-mark {
1280 1280 0% {
1281 1281 margin-top: 1.625em;
1282 1282 transform: scale(0.4);
1283 1283 opacity: 0;
1284 1284 }
1285 1285 50% {
1286 1286 margin-top: 1.625em;
1287 1287 transform: scale(0.4);
1288 1288 opacity: 0;
1289 1289 }
1290 1290 80% {
1291 1291 margin-top: -0.375em;
1292 1292 transform: scale(1.15);
1293 1293 }
1294 1294 100% {
1295 1295 margin-top: 0;
1296 1296 transform: scale(1);
1297 1297 opacity: 1;
1298 1298 }
1299 1299 }
1300 1300
1301 1301 @keyframes swal2-animate-error-x-mark {
1302 1302 0% {
1303 1303 margin-top: 1.625em;
1304 1304 transform: scale(0.4);
1305 1305 opacity: 0;
1306 1306 }
1307 1307 50% {
1308 1308 margin-top: 1.625em;
1309 1309 transform: scale(0.4);
1310 1310 opacity: 0;
1311 1311 }
1312 1312 80% {
1313 1313 margin-top: -0.375em;
1314 1314 transform: scale(1.15);
1315 1315 }
1316 1316 100% {
1317 1317 margin-top: 0;
1318 1318 transform: scale(1);
1319 1319 opacity: 1;
1320 1320 }
1321 1321 }
1322 1322
1323 1323 @-webkit-keyframes swal2-animate-error-icon {
1324 1324 0% {
1325 1325 transform: rotateX(100deg);
1326 1326 opacity: 0;
1327 1327 }
1328 1328 100% {
1329 1329 transform: rotateX(0deg);
1330 1330 opacity: 1;
1331 1331 }
1332 1332 }
1333 1333
1334 1334 @keyframes swal2-animate-error-icon {
1335 1335 0% {
1336 1336 transform: rotateX(100deg);
1337 1337 opacity: 0;
1338 1338 }
1339 1339 100% {
1340 1340 transform: rotateX(0deg);
1341 1341 opacity: 1;
1342 1342 }
1343 1343 }
1344 1344
1345 1345 @-webkit-keyframes swal2-rotate-loading {
1346 1346 0% {
1347 1347 transform: rotate(0deg);
1348 1348 }
1349 1349 100% {
1350 1350 transform: rotate(360deg);
1351 1351 }
1352 1352 }
1353 1353
1354 1354 @keyframes swal2-rotate-loading {
1355 1355 0% {
1356 1356 transform: rotate(0deg);
1357 1357 }
1358 1358 100% {
1359 1359 transform: rotate(360deg);
1360 1360 }
1361 1361 }
1362 1362
1363 1363 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1364 1364 overflow: hidden;
1365 1365 }
1366 1366
1367 1367 body.swal2-height-auto {
1368 1368 height: auto !important;
1369 1369 }
1370 1370
1371 1371 body.swal2-no-backdrop .swal2-container {
1372 1372 top: auto;
1373 1373 right: auto;
1374 1374 bottom: auto;
1375 1375 left: auto;
1376 1376 max-width: calc(100% - 0.625em * 2);
1377 1377 background-color: transparent !important;
1378 1378 }
1379 1379
1380 1380 body.swal2-no-backdrop .swal2-container > .swal2-modal {
1381 1381 box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
1382 1382 }
1383 1383
1384 1384 body.swal2-no-backdrop .swal2-container.swal2-top {
1385 1385 top: 0;
1386 1386 left: 50%;
1387 1387 transform: translateX(-50%);
1388 1388 }
1389 1389
1390 1390 body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
1391 1391 top: 0;
1392 1392 left: 0;
1393 1393 }
1394 1394
1395 1395 body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
1396 1396 top: 0;
1397 1397 right: 0;
1398 1398 }
1399 1399
1400 1400 body.swal2-no-backdrop .swal2-container.swal2-center {
1401 1401 top: 50%;
1402 1402 left: 50%;
1403 1403 transform: translate(-50%, -50%);
1404 1404 }
1405 1405
1406 1406 body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
1407 1407 top: 50%;
1408 1408 left: 0;
1409 1409 transform: translateY(-50%);
1410 1410 }
1411 1411
1412 1412 body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
1413 1413 top: 50%;
1414 1414 right: 0;
1415 1415 transform: translateY(-50%);
1416 1416 }
1417 1417
1418 1418 body.swal2-no-backdrop .swal2-container.swal2-bottom {
1419 1419 bottom: 0;
1420 1420 left: 50%;
1421 1421 transform: translateX(-50%);
1422 1422 }
1423 1423
1424 1424 body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
1425 1425 bottom: 0;
1426 1426 left: 0;
1427 1427 }
1428 1428
1429 1429 body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
1430 1430 right: 0;
1431 1431 bottom: 0;
1432 1432 }
1433 1433
1434 1434 @media print {
1435 1435 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1436 1436 overflow-y: scroll !important;
1437 1437 }
1438 1438
1439 1439 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
1440 1440 display: none;
1441 1441 }
1442 1442
1443 1443 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
1444 1444 position: static !important;
1445 1445 }
1446 1446 }
1447 1447
1448 1448 body.swal2-toast-shown .swal2-container {
1449 1449 background-color: transparent;
1450 1450 }
1451 1451
1452 1452 body.swal2-toast-shown .swal2-container.swal2-top {
1453 1453 top: 0;
1454 1454 right: auto;
1455 1455 bottom: auto;
1456 1456 left: 50%;
1457 1457 transform: translateX(-50%);
1458 1458 }
1459 1459
1460 1460 body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
1461 1461 top: 0;
1462 1462 right: 0;
1463 1463 bottom: auto;
1464 1464 left: auto;
1465 1465 }
1466 1466
1467 1467 body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
1468 1468 top: 0;
1469 1469 right: auto;
1470 1470 bottom: auto;
1471 1471 left: 0;
1472 1472 }
1473 1473
1474 1474 body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
1475 1475 top: 50%;
1476 1476 right: auto;
1477 1477 bottom: auto;
1478 1478 left: 0;
1479 1479 transform: translateY(-50%);
1480 1480 }
1481 1481
1482 1482 body.swal2-toast-shown .swal2-container.swal2-center {
1483 1483 top: 50%;
1484 1484 right: auto;
1485 1485 bottom: auto;
1486 1486 left: 50%;
1487 1487 transform: translate(-50%, -50%);
1488 1488 }
1489 1489
1490 1490 body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
1491 1491 top: 50%;
1492 1492 right: 0;
1493 1493 bottom: auto;
1494 1494 left: auto;
1495 1495 transform: translateY(-50%);
1496 1496 }
1497 1497
1498 1498 body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
1499 1499 top: auto;
1500 1500 right: auto;
1501 1501 bottom: 0;
1502 1502 left: 0;
1503 1503 }
1504 1504
1505 1505 body.swal2-toast-shown .swal2-container.swal2-bottom {
1506 1506 top: auto;
1507 1507 right: auto;
1508 1508 bottom: 0;
1509 1509 left: 50%;
1510 1510 transform: translateX(-50%);
1511 1511 }
1512 1512
1513 1513 body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
1514 1514 top: auto;
1515 1515 right: 0;
1516 1516 bottom: 0;
1517 1517 left: auto;
1518 1518 }
1519 1519
1520 1520 body.swal2-toast-column .swal2-toast {
1521 1521 flex-direction: column;
1522 1522 align-items: stretch;
1523 1523 }
1524 1524
1525 1525 body.swal2-toast-column .swal2-toast .swal2-actions {
1526 1526 flex: 1;
1527 1527 align-self: stretch;
1528 1528 height: 2.2em;
1529 1529 margin-top: 0.3125em;
1530 1530 }
1531 1531
1532 1532 body.swal2-toast-column .swal2-toast .swal2-loading {
1533 1533 justify-content: center;
1534 1534 }
1535 1535
1536 1536 body.swal2-toast-column .swal2-toast .swal2-input {
1537 1537 height: 2em;
1538 1538 margin: 0.3125em auto;
1539 1539 font-size: 1em;
1540 1540 }
1541 1541
1542 1542 body.swal2-toast-column .swal2-toast .swal2-validation-message {
1543 1543 font-size: 1em;
1544 1544 } No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now