Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

1399 řádky
29KB

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