1674132088documentfile_.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686
  1. @keyframes showSweetAlert {
  2. 0% {
  3. transform: scale(0.7);
  4. }
  5. 45% {
  6. transform: scale(1.05);
  7. }
  8. 80% {
  9. transform: scale(0.95);
  10. }
  11. 100% {
  12. transform: scale(1);
  13. }
  14. }
  15. @keyframes hideSweetAlert {
  16. 0% {
  17. transform: scale(1);
  18. }
  19. 100% {
  20. transform: scale(0.5);
  21. }
  22. }
  23. @keyframes slideFromTop {
  24. 0% {
  25. top: 0%;
  26. }
  27. 100% {
  28. top: 50%;
  29. }
  30. }
  31. @keyframes slideToTop {
  32. 0% {
  33. top: 50%;
  34. }
  35. 100% {
  36. top: 0%;
  37. }
  38. }
  39. @keyframes slideFromBottom {
  40. 0% {
  41. top: 70%;
  42. }
  43. 100% {
  44. top: 50%;
  45. }
  46. }
  47. @keyframes slideToBottom {
  48. 0% {
  49. top: 50%;
  50. }
  51. 100% {
  52. top: 70%;
  53. }
  54. }
  55. .showSweetAlert {
  56. animation: showSweetAlert 0.3s;
  57. }
  58. .showSweetAlert[data-animation=none] {
  59. animation: none;
  60. }
  61. .showSweetAlert[data-animation=slide-from-top] {
  62. animation: slideFromTop 0.3s;
  63. }
  64. .showSweetAlert[data-animation=slide-from-bottom] {
  65. animation: slideFromBottom 0.3s;
  66. }
  67. .hideSweetAlert {
  68. animation: hideSweetAlert 0.3s;
  69. }
  70. .hideSweetAlert[data-animation=none] {
  71. animation: none;
  72. }
  73. .hideSweetAlert[data-animation=slide-from-top] {
  74. animation: slideToTop 0.3s;
  75. }
  76. .hideSweetAlert[data-animation=slide-from-bottom] {
  77. animation: slideToBottom 0.3s;
  78. }
  79. @keyframes animateSuccessTip {
  80. 0% {
  81. width: 0;
  82. left: 1px;
  83. top: 19px;
  84. }
  85. 54% {
  86. width: 0;
  87. left: 1px;
  88. top: 19px;
  89. }
  90. 70% {
  91. width: 50px;
  92. left: -8px;
  93. top: 37px;
  94. }
  95. 84% {
  96. width: 17px;
  97. left: 21px;
  98. top: 48px;
  99. }
  100. 100% {
  101. width: 25px;
  102. left: 14px;
  103. top: 45px;
  104. }
  105. }
  106. @keyframes animateSuccessLong {
  107. 0% {
  108. width: 0;
  109. right: 46px;
  110. top: 54px;
  111. }
  112. 65% {
  113. width: 0;
  114. right: 46px;
  115. top: 54px;
  116. }
  117. 84% {
  118. width: 55px;
  119. right: 0px;
  120. top: 35px;
  121. }
  122. 100% {
  123. width: 47px;
  124. right: 8px;
  125. top: 38px;
  126. }
  127. }
  128. @keyframes rotatePlaceholder {
  129. 0% {
  130. transform: rotate(-45deg);
  131. }
  132. 5% {
  133. transform: rotate(-45deg);
  134. }
  135. 12% {
  136. transform: rotate(-405deg);
  137. }
  138. 100% {
  139. transform: rotate(-405deg);
  140. }
  141. }
  142. .animateSuccessTip {
  143. animation: animateSuccessTip 0.75s;
  144. }
  145. .animateSuccessLong {
  146. animation: animateSuccessLong 0.75s;
  147. }
  148. .sa-icon.sa-success.animate::after {
  149. animation: rotatePlaceholder 4.25s ease-in;
  150. }
  151. @keyframes animateErrorIcon {
  152. 0% {
  153. transform: rotateX(100deg);
  154. opacity: 0;
  155. }
  156. 100% {
  157. transform: rotateX(0deg);
  158. opacity: 1;
  159. }
  160. }
  161. .animateErrorIcon {
  162. animation: animateErrorIcon 0.5s;
  163. }
  164. @keyframes animateXMark {
  165. 0% {
  166. transform: scale(0.4);
  167. margin-top: 26px;
  168. opacity: 0;
  169. }
  170. 50% {
  171. transform: scale(0.4);
  172. margin-top: 26px;
  173. opacity: 0;
  174. }
  175. 80% {
  176. transform: scale(1.15);
  177. margin-top: -6px;
  178. }
  179. 100% {
  180. transform: scale(1);
  181. margin-top: 0;
  182. opacity: 1;
  183. }
  184. }
  185. .animateXMark {
  186. animation: animateXMark 0.5s;
  187. }
  188. @keyframes pulseWarning {
  189. 0% {
  190. border-color: #F8D486;
  191. }
  192. 100% {
  193. border-color: #F8BB86;
  194. }
  195. }
  196. .pulseWarning {
  197. animation: pulseWarning 0.75s infinite alternate;
  198. }
  199. @keyframes pulseWarningIns {
  200. 0% {
  201. background-color: #F8D486;
  202. }
  203. 100% {
  204. background-color: #F8BB86;
  205. }
  206. }
  207. .pulseWarningIns {
  208. animation: pulseWarningIns 0.75s infinite alternate;
  209. }
  210. @keyframes rotate-loading {
  211. 0% {
  212. transform: rotate(0deg);
  213. }
  214. 100% {
  215. transform: rotate(360deg);
  216. }
  217. }
  218. body.stop-scrolling {
  219. height: 100%;
  220. overflow: hidden;
  221. }
  222. .sweet-overlay {
  223. background-color: rgba(0, 0, 0, 0.4);
  224. position: fixed;
  225. left: 0;
  226. right: 0;
  227. top: 0;
  228. bottom: 0;
  229. display: none;
  230. z-index: 1040;
  231. }
  232. .sweet-alert {
  233. background-color: #ffffff;
  234. width: 478px;
  235. padding: 17px;
  236. border-radius: 5px;
  237. text-align: center;
  238. position: fixed;
  239. left: 50%;
  240. top: 50%;
  241. margin-left: -256px;
  242. margin-top: -200px;
  243. overflow: hidden;
  244. display: none;
  245. z-index: 2000;
  246. }
  247. @media all and (max-width: 767px) {
  248. .sweet-alert {
  249. width: auto;
  250. margin-left: 0;
  251. margin-right: 0;
  252. left: 15px;
  253. right: 15px;
  254. }
  255. }
  256. .sweet-alert .form-group {
  257. display: none;
  258. }
  259. .sweet-alert .form-group .sa-input-error {
  260. display: none;
  261. }
  262. .sweet-alert.show-input .form-group {
  263. display: block;
  264. }
  265. .sweet-alert .sa-confirm-button-container {
  266. display: inline-block;
  267. position: relative;
  268. }
  269. .sweet-alert .la-ball-fall {
  270. position: absolute;
  271. left: 50%;
  272. top: 50%;
  273. margin-left: -27px;
  274. margin-top: -9px;
  275. opacity: 0;
  276. visibility: hidden;
  277. }
  278. .sweet-alert button[disabled] {
  279. opacity: .6;
  280. cursor: default;
  281. }
  282. .sweet-alert button.confirm[disabled] {
  283. color: transparent;
  284. }
  285. .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  286. opacity: 1;
  287. visibility: visible;
  288. transition-delay: 0s;
  289. }
  290. .sweet-alert .sa-icon {
  291. width: 80px;
  292. height: 80px;
  293. border: 4px solid gray;
  294. border-radius: 50%;
  295. margin: 20px auto;
  296. position: relative;
  297. box-sizing: content-box;
  298. }
  299. .sweet-alert .sa-icon.sa-error {
  300. border-color: #d43f3a;
  301. }
  302. .sweet-alert .sa-icon.sa-error .sa-x-mark {
  303. position: relative;
  304. display: block;
  305. }
  306. .sweet-alert .sa-icon.sa-error .sa-line {
  307. position: absolute;
  308. height: 5px;
  309. width: 47px;
  310. background-color: #d9534f;
  311. display: block;
  312. top: 37px;
  313. border-radius: 2px;
  314. }
  315. .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  316. transform: rotate(45deg);
  317. left: 17px;
  318. }
  319. .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  320. transform: rotate(-45deg);
  321. right: 16px;
  322. }
  323. .sweet-alert .sa-icon.sa-warning {
  324. border-color: #eea236;
  325. }
  326. .sweet-alert .sa-icon.sa-warning .sa-body {
  327. position: absolute;
  328. width: 5px;
  329. height: 47px;
  330. left: 50%;
  331. top: 10px;
  332. border-radius: 2px;
  333. margin-left: -2px;
  334. background-color: #f0ad4e;
  335. }
  336. .sweet-alert .sa-icon.sa-warning .sa-dot {
  337. position: absolute;
  338. width: 7px;
  339. height: 7px;
  340. border-radius: 50%;
  341. margin-left: -3px;
  342. left: 50%;
  343. bottom: 10px;
  344. background-color: #f0ad4e;
  345. }
  346. .sweet-alert .sa-icon.sa-info {
  347. border-color: #46b8da;
  348. }
  349. .sweet-alert .sa-icon.sa-info::before {
  350. content: "";
  351. position: absolute;
  352. width: 5px;
  353. height: 29px;
  354. left: 50%;
  355. bottom: 17px;
  356. border-radius: 2px;
  357. margin-left: -2px;
  358. background-color: #5bc0de;
  359. }
  360. .sweet-alert .sa-icon.sa-info::after {
  361. content: "";
  362. position: absolute;
  363. width: 7px;
  364. height: 7px;
  365. border-radius: 50%;
  366. margin-left: -3px;
  367. top: 19px;
  368. background-color: #5bc0de;
  369. }
  370. .sweet-alert .sa-icon.sa-success {
  371. border-color: #4cae4c;
  372. }
  373. .sweet-alert .sa-icon.sa-success::before,
  374. .sweet-alert .sa-icon.sa-success::after {
  375. content: '';
  376. border-radius: 50%;
  377. position: absolute;
  378. width: 60px;
  379. height: 120px;
  380. background: #ffffff;
  381. transform: rotate(45deg);
  382. }
  383. .sweet-alert .sa-icon.sa-success::before {
  384. border-radius: 120px 0 0 120px;
  385. top: -7px;
  386. left: -33px;
  387. transform: rotate(-45deg);
  388. transform-origin: 60px 60px;
  389. }
  390. .sweet-alert .sa-icon.sa-success::after {
  391. border-radius: 0 120px 120px 0;
  392. top: -11px;
  393. left: 30px;
  394. transform: rotate(-45deg);
  395. transform-origin: 0px 60px;
  396. }
  397. .sweet-alert .sa-icon.sa-success .sa-placeholder {
  398. width: 80px;
  399. height: 80px;
  400. border: 4px solid rgba(92, 184, 92, 0.2);
  401. border-radius: 50%;
  402. box-sizing: content-box;
  403. position: absolute;
  404. left: -4px;
  405. top: -4px;
  406. z-index: 2;
  407. }
  408. .sweet-alert .sa-icon.sa-success .sa-fix {
  409. width: 5px;
  410. height: 90px;
  411. background-color: #ffffff;
  412. position: absolute;
  413. left: 28px;
  414. top: 8px;
  415. z-index: 1;
  416. transform: rotate(-45deg);
  417. }
  418. .sweet-alert .sa-icon.sa-success .sa-line {
  419. height: 5px;
  420. background-color: #5cb85c;
  421. display: block;
  422. border-radius: 2px;
  423. position: absolute;
  424. z-index: 2;
  425. }
  426. .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  427. width: 25px;
  428. left: 14px;
  429. top: 46px;
  430. transform: rotate(45deg);
  431. }
  432. .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  433. width: 47px;
  434. right: 8px;
  435. top: 38px;
  436. transform: rotate(-45deg);
  437. }
  438. .sweet-alert .sa-icon.sa-custom {
  439. background-size: contain;
  440. border-radius: 0;
  441. border: none;
  442. background-position: center center;
  443. background-repeat: no-repeat;
  444. }
  445. .sweet-alert .btn-default:focus {
  446. border-color: #cccccc;
  447. outline: 0;
  448. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  449. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
  450. }
  451. .sweet-alert .btn-success:focus {
  452. border-color: #4cae4c;
  453. outline: 0;
  454. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  455. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
  456. }
  457. .sweet-alert .btn-info:focus {
  458. border-color: #46b8da;
  459. outline: 0;
  460. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  461. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  462. }
  463. .sweet-alert .btn-danger:focus {
  464. border-color: #d43f3a;
  465. outline: 0;
  466. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  467. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
  468. }
  469. .sweet-alert .btn-warning:focus {
  470. border-color: #eea236;
  471. outline: 0;
  472. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  473. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  474. }
  475. .sweet-alert button::-moz-focus-inner {
  476. border: 0;
  477. }
  478. /*!
  479. * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
  480. * Copyright 2015 Daniel Cardoso <@DanielCardoso>
  481. * Licensed under MIT
  482. */
  483. .la-ball-fall,
  484. .la-ball-fall > div {
  485. position: relative;
  486. -webkit-box-sizing: border-box;
  487. -moz-box-sizing: border-box;
  488. box-sizing: border-box;
  489. }
  490. .la-ball-fall {
  491. display: block;
  492. font-size: 0;
  493. color: #fff;
  494. }
  495. .la-ball-fall.la-dark {
  496. color: #333;
  497. }
  498. .la-ball-fall > div {
  499. display: inline-block;
  500. float: none;
  501. background-color: currentColor;
  502. border: 0 solid currentColor;
  503. }
  504. .la-ball-fall {
  505. width: 54px;
  506. height: 18px;
  507. }
  508. .la-ball-fall > div {
  509. width: 10px;
  510. height: 10px;
  511. margin: 4px;
  512. border-radius: 100%;
  513. opacity: 0;
  514. -webkit-animation: ball-fall 1s ease-in-out infinite;
  515. -moz-animation: ball-fall 1s ease-in-out infinite;
  516. -o-animation: ball-fall 1s ease-in-out infinite;
  517. animation: ball-fall 1s ease-in-out infinite;
  518. }
  519. .la-ball-fall > div:nth-child(1) {
  520. -webkit-animation-delay: -200ms;
  521. -moz-animation-delay: -200ms;
  522. -o-animation-delay: -200ms;
  523. animation-delay: -200ms;
  524. }
  525. .la-ball-fall > div:nth-child(2) {
  526. -webkit-animation-delay: -100ms;
  527. -moz-animation-delay: -100ms;
  528. -o-animation-delay: -100ms;
  529. animation-delay: -100ms;
  530. }
  531. .la-ball-fall > div:nth-child(3) {
  532. -webkit-animation-delay: 0ms;
  533. -moz-animation-delay: 0ms;
  534. -o-animation-delay: 0ms;
  535. animation-delay: 0ms;
  536. }
  537. .la-ball-fall.la-sm {
  538. width: 26px;
  539. height: 8px;
  540. }
  541. .la-ball-fall.la-sm > div {
  542. width: 4px;
  543. height: 4px;
  544. margin: 2px;
  545. }
  546. .la-ball-fall.la-2x {
  547. width: 108px;
  548. height: 36px;
  549. }
  550. .la-ball-fall.la-2x > div {
  551. width: 20px;
  552. height: 20px;
  553. margin: 8px;
  554. }
  555. .la-ball-fall.la-3x {
  556. width: 162px;
  557. height: 54px;
  558. }
  559. .la-ball-fall.la-3x > div {
  560. width: 30px;
  561. height: 30px;
  562. margin: 12px;
  563. }
  564. /*
  565. * Animation
  566. */
  567. @-webkit-keyframes ball-fall {
  568. 0% {
  569. opacity: 0;
  570. -webkit-transform: translateY(-145%);
  571. transform: translateY(-145%);
  572. }
  573. 10% {
  574. opacity: .5;
  575. }
  576. 20% {
  577. opacity: 1;
  578. -webkit-transform: translateY(0);
  579. transform: translateY(0);
  580. }
  581. 80% {
  582. opacity: 1;
  583. -webkit-transform: translateY(0);
  584. transform: translateY(0);
  585. }
  586. 90% {
  587. opacity: .5;
  588. }
  589. 100% {
  590. opacity: 0;
  591. -webkit-transform: translateY(145%);
  592. transform: translateY(145%);
  593. }
  594. }
  595. @-moz-keyframes ball-fall {
  596. 0% {
  597. opacity: 0;
  598. -moz-transform: translateY(-145%);
  599. transform: translateY(-145%);
  600. }
  601. 10% {
  602. opacity: .5;
  603. }
  604. 20% {
  605. opacity: 1;
  606. -moz-transform: translateY(0);
  607. transform: translateY(0);
  608. }
  609. 80% {
  610. opacity: 1;
  611. -moz-transform: translateY(0);
  612. transform: translateY(0);
  613. }
  614. 90% {
  615. opacity: .5;
  616. }
  617. 100% {
  618. opacity: 0;
  619. -moz-transform: translateY(145%);
  620. transform: translateY(145%);
  621. }
  622. }
  623. @-o-keyframes ball-fall {
  624. 0% {
  625. opacity: 0;
  626. -o-transform: translateY(-145%);
  627. transform: translateY(-145%);
  628. }
  629. 10% {
  630. opacity: .5;
  631. }
  632. 20% {
  633. opacity: 1;
  634. -o-transform: translateY(0);
  635. transform: translateY(0);
  636. }
  637. 80% {
  638. opacity: 1;
  639. -o-transform: translateY(0);
  640. transform: translateY(0);
  641. }
  642. 90% {
  643. opacity: .5;
  644. }
  645. 100% {
  646. opacity: 0;
  647. -o-transform: translateY(145%);
  648. transform: translateY(145%);
  649. }
  650. }
  651. @keyframes ball-fall {
  652. 0% {
  653. opacity: 0;
  654. -webkit-transform: translateY(-145%);
  655. -moz-transform: translateY(-145%);
  656. -o-transform: translateY(-145%);
  657. transform: translateY(-145%);
  658. }
  659. 10% {
  660. opacity: .5;
  661. }
  662. 20% {
  663. opacity: 1;
  664. -webkit-transform: translateY(0);
  665. -moz-transform: translateY(0);
  666. -o-transform: translateY(0);
  667. transform: translateY(0);
  668. }
  669. 80% {
  670. opacity: 1;
  671. -webkit-transform: translateY(0);
  672. -moz-transform: translateY(0);
  673. -o-transform: translateY(0);
  674. transform: translateY(0);
  675. }
  676. 90% {
  677. opacity: .5;
  678. }
  679. 100% {
  680. opacity: 0;
  681. -webkit-transform: translateY(145%);
  682. -moz-transform: translateY(145%);
  683. -o-transform: translateY(145%);
  684. transform: translateY(145%);
  685. }
  686. }