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