You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1785 line
39KB

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