loading.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987
  1. /*!
  2. * Notiflix ('https://www.notiflix.com')
  3. * Version: 2.0.0
  4. * Author: Furkan MT ('https://github.com/furcan')
  5. * Copyright 2020 Notiflix, MIT Licence ('https://opensource.org/licenses/MIT')
  6. */
  7. /* Notiflix: Notify wrap on */
  8. [id^=NotiflixNotifyWrap] {
  9. position: fixed;
  10. z-index:4001;
  11. opacity:1;
  12. right: 10px;
  13. top: 10px;
  14. width: 280px;
  15. max-width:96%;
  16. box-sizing:border-box;
  17. background: transparent;}
  18. [id^=NotiflixNotifyWrap] * {
  19. box-sizing:border-box;}
  20. /* Notiflix: Notify wrap off */
  21. /* Notiflix: Notify content on */
  22. [id^=NotiflixNotifyWrap] > div {
  23. -webkit-user-select: none;
  24. -moz-user-select: none;
  25. -ms-user-select: none;
  26. user-select: none;
  27. font-family: 'Quicksand', sans-serif;
  28. width:100%;
  29. display: inline-block;
  30. position:relative;
  31. margin:0 0 10px;
  32. border-radius:5px;
  33. background: #1e1e1e;
  34. color: #fff;
  35. padding: 10px 12px;
  36. font-size: 14px;
  37. line-height: 1.4;}
  38. [id^=NotiflixNotifyWrap] > div:last-child {
  39. margin:0;}
  40. [id^=NotiflixNotifyWrap] > div.with-callback {
  41. cursor:pointer;}
  42. [id^=NotiflixNotifyWrap] *::selection {
  43. background:inherit;}
  44. [id^=NotiflixNotifyWrap] > div.with-icon {
  45. padding: 8px;}
  46. [id^=NotiflixNotifyWrap] > div.click-to-close {
  47. cursor: pointer;}
  48. [id^=NotiflixNotifyWrap] > div.with-close-button {
  49. padding: 10px 30px 10px 12px;}
  50. [id^=NotiflixNotifyWrap] > div.with-icon.with-close-button {
  51. padding: 6px 30px 6px 6px;}
  52. [id^=NotiflixNotifyWrap] > div > span.the-message {
  53. font-weight: 500;
  54. font-family:inherit !important;
  55. word-break: break-all;
  56. word-break: break-word;}
  57. [id^=NotiflixNotifyWrap] > div > span.notify-close-button {
  58. cursor:pointer;
  59. transition:all .2s ease-in-out;
  60. position: absolute;
  61. right: 8px;
  62. top: 0;
  63. bottom:0;
  64. margin:auto;
  65. color:inherit;
  66. width: 16px;
  67. height: 16px;}
  68. [id^=NotiflixNotifyWrap] > div > span.notify-close-button:hover {
  69. transform:rotate(90deg);}
  70. [id^=NotiflixNotifyWrap] > div > span.notify-close-button > svg {
  71. position: absolute;
  72. width: 16px;
  73. height: 16px;
  74. right: 0;
  75. top: 0;}
  76. /* Notiflix: Notify content off */
  77. /* Notiflix: Notify icon on */
  78. [id^=NotiflixNotifyWrap] > div > .nmi {
  79. position: absolute;
  80. width: 40px;
  81. height: 40px;
  82. font-size: 30px;
  83. line-height: 40px;
  84. text-align: center;
  85. left: 8px;
  86. top: 0;
  87. bottom: 0;
  88. margin: auto;
  89. border-radius: inherit;}
  90. [id^=NotiflixNotifyWrap] > div > .wfa.shadow {
  91. color: inherit;
  92. background: rgba(0, 0, 0, 0.15);
  93. box-shadow: inset 0 0 34px rgba(0, 0, 0, 0.2);
  94. text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
  95. [id^=NotiflixNotifyWrap] > div > span.with-icon {
  96. position: relative;
  97. float: left;
  98. width: calc(100% - 40px);
  99. margin:0 0 0 40px;
  100. padding:0 0 0 10px;
  101. box-sizing: border-box;}
  102. /* Notiflix: Notify icon off */
  103. /* Notiflix: Notify rtl on */
  104. [id^=NotiflixNotifyWrap] > div.rtl-on > .nmi {
  105. left:auto;
  106. right:8px;}
  107. [id^=NotiflixNotifyWrap] > div.rtl-on > span.with-icon {
  108. padding:0 10px 0 0;
  109. margin:0 40px 0 0;}
  110. [id^=NotiflixNotifyWrap] > div.rtl-on > span.notify-close-button {
  111. right: auto;
  112. left: 8px;}
  113. [id^=NotiflixNotifyWrap] > div.with-icon.with-close-button.rtl-on {
  114. padding: 6px 6px 6px 30px;}
  115. [id^=NotiflixNotifyWrap] > div.with-close-button.rtl-on {
  116. padding: 10px 12px 10px 30px;}
  117. /* Notiflix: Notify rtl off */
  118. /* Notiflix: Notify animation => fade on */
  119. [id^=NotiflixNotifyOverlay].with-animation,
  120. [id^=NotiflixNotifyWrap] > div.with-animation.nx-fade {
  121. animation: notify-animation-fade .3s ease-in-out 0s normal;
  122. -webkit-animation: notify-animation-fade .3s ease-in-out 0s normal;}
  123. @keyframes notify-animation-fade {
  124. 0% {opacity:0;}
  125. 100% {opacity:1;}
  126. }
  127. @-webkit-keyframes notify-animation-fade {
  128. 0% {opacity:0;}
  129. 100% {opacity:1;}
  130. }
  131. /* Notiflix: Notify animation => fade off */
  132. /* Notiflix: Notify animation => zoom on */
  133. [id^=NotiflixNotifyWrap] > div.with-animation.nx-zoom {
  134. animation: notify-animation-zoom .3s ease-in-out 0s normal;
  135. -webkit-animation: notify-animation-zoom .3s ease-in-out 0s normal;}
  136. @keyframes notify-animation-zoom {
  137. 0% {transform:scale(0);}
  138. 50% {transform:scale(1.05);}
  139. 100% {transform:scale(1);}
  140. }
  141. @-webkit-keyframes notify-animation-zoom {
  142. 0% {transform:scale(0);}
  143. 50% {transform:scale(1.05);}
  144. 100% {transform:scale(1);}
  145. }
  146. /* Notiflix: Notify animation => zoom off */
  147. /* Notiflix: Notify animation => from right on */
  148. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-right {
  149. animation: notify-animation-from-right .3s ease-in-out 0s normal;
  150. -webkit-animation: notify-animation-from-right .3s ease-in-out 0s normal;}
  151. @keyframes notify-animation-from-right {
  152. 0% {right:-300px; opacity:0;}
  153. 50% {right:8px; opacity:1;}
  154. 100% {right:0px; opacity:1;}
  155. }
  156. @-webkit-keyframes notify-animation-from-right {
  157. 0% {right:-300px; opacity:0;}
  158. 50% {right:8px; opacity:1;}
  159. 100% {right:0px; opacity:1;}
  160. }
  161. /* Notiflix: Notify animation => from right off */
  162. /* Notiflix: Notify animation => from left on */
  163. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-left {
  164. animation: notify-animation-from-left .3s ease-in-out 0s normal;
  165. -webkit-animation: notify-animation-from-left .3s ease-in-out 0s normal;}
  166. @keyframes notify-animation-from-left {
  167. 0% {left:-300px; opacity:0;}
  168. 50% {left:8px; opacity:1;}
  169. 100% {left:0px; opacity:1;}
  170. }
  171. @-webkit-keyframes notify-animation-from-left {
  172. 0% {left:-300px; opacity:0;}
  173. 50% {left:8px; opacity:1;}
  174. 100% {left:0px; opacity:1;}
  175. }
  176. /* Notiflix: Notify animation => from left off */
  177. /* Notiflix: Notify animation => from top on */
  178. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-top {
  179. animation: notify-animation-from-top .3s ease-in-out 0s normal;
  180. -webkit-animation: notify-animation-from-top .3s ease-in-out 0s normal;}
  181. @keyframes notify-animation-from-top {
  182. 0% {top:-50px; opacity:0;}
  183. 50% {top:8px; opacity:1;}
  184. 100% {top:0px; opacity:1;}
  185. }
  186. @-webkit-keyframes notify-animation-from-top {
  187. 0% {top:-50px; opacity:0;}
  188. 50% {top:8px; opacity:1;}
  189. 100% {top:0px; opacity:1;}
  190. }
  191. /* Notiflix: Notify animation => from top off */
  192. /* Notiflix: Notify animation => from bottom on */
  193. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-bottom {
  194. animation: notify-animation-from-bottom .3s ease-in-out 0s normal;
  195. -webkit-animation: notify-animation-from-bottom .3s ease-in-out 0s normal;}
  196. @keyframes notify-animation-from-bottom {
  197. 0% {bottom:-50px; opacity:0;}
  198. 50% {bottom:8px; opacity:1;}
  199. 100% {bottom:0px; opacity:1;}
  200. }
  201. @-webkit-keyframes notify-animation-from-bottom {
  202. 0% {bottom:-50px; opacity:0;}
  203. 50% {bottom:8px; opacity:1;}
  204. 100% {bottom:0px; opacity:1;}
  205. }
  206. /* Notiflix: Notify animation => from bottom off */
  207. /* Notiflix: Notify animation remove => fade on */
  208. [id^=NotiflixNotifyOverlay].with-animation.remove,
  209. [id^=NotiflixNotifyWrap] > div.with-animation.nx-fade.remove {
  210. opacity:0;
  211. animation: notify-remove-fade .3s ease-in-out 0s normal;
  212. -webkit-animation: notify-remove-fade .3s ease-in-out 0s normal;}
  213. @keyframes notify-remove-fade {
  214. 0% {opacity:1;}
  215. 100% {opacity:0;}
  216. }
  217. @-webkit-keyframes notify-remove-fade {
  218. 0% {opacity:1;}
  219. 100% {opacity:0;}
  220. }
  221. /* Notiflix: Notify animation remove => fade off */
  222. /* Notiflix: Notify animation remove => zoom on */
  223. [id^=NotiflixNotifyWrap] > div.with-animation.nx-zoom.remove {
  224. transform:scale(0);
  225. animation: notify-remove-zoom .3s ease-in-out 0s normal;
  226. -webkit-animation: notify-remove-zoom .3s ease-in-out 0s normal;}
  227. @keyframes notify-remove-zoom {
  228. 0% {transform:scale(1);}
  229. 50% {transform:scale(1.05);}
  230. 100% {transform:scale(0);}
  231. }
  232. @-webkit-keyframes notify-remove-zoom {
  233. 0% {transform:scale(1);}
  234. 50% {transform:scale(1.05);}
  235. 100% {transform:scale(0);}
  236. }
  237. /* Notiflix: Notify animation remove => zoom off */
  238. /* Notiflix: Notify animation remove => from top on */
  239. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-top.remove {
  240. opacity:0;
  241. animation: notify-remove-to-top .3s ease-in-out 0s normal;
  242. -webkit-animation: notify-remove-to-top .3s ease-in-out 0s normal;}
  243. @keyframes notify-remove-to-top {
  244. 0% {top:0px; opacity:1;}
  245. 50% {top:8px; opacity:1;}
  246. 100% {top:-50px; opacity:0;}
  247. }
  248. @-webkit-keyframes notify-remove-to-top {
  249. 0% {top:0px; opacity:1;}
  250. 50% {top:8px; opacity:1;}
  251. 100% {top:-50px; opacity:0;}
  252. }
  253. /* Notiflix: Notify animation remove => from top off */
  254. /* Notiflix: Notify animation remove => from right on */
  255. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-right.remove {
  256. opacity:0;
  257. animation: notify-remove-to-right .3s ease-in-out 0s normal;
  258. -webkit-animation: notify-remove-to-right .3s ease-in-out 0s normal;}
  259. @keyframes notify-remove-to-right {
  260. 0% {right:0px; opacity:1;}
  261. 50% {right:8px; opacity:1;}
  262. 100% {right:-300px; opacity:0;}
  263. }
  264. @-webkit-keyframes notify-remove-to-right {
  265. 0% {right:0px; opacity:1;}
  266. 50% {right:8px; opacity:1;}
  267. 100% {right:-300px; opacity:0;}
  268. }
  269. /* Notiflix: Notify animation remove => from right off */
  270. /* Notiflix: Notify animation remove => from bottom on */
  271. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-bottom.remove {
  272. opacity:0;
  273. animation: notify-remove-to-bottom .3s ease-in-out 0s normal;
  274. -webkit-animation: notify-remove-to-bottom .3s ease-in-out 0s normal;}
  275. @keyframes notify-remove-to-bottom {
  276. 0% {bottom:0px; opacity:1;}
  277. 50% {bottom:8px; opacity:1;}
  278. 100% {bottom:-50px; opacity:0;}
  279. }
  280. @-webkit-keyframes notify-remove-to-bottom {
  281. 0% {bottom:0px; opacity:1;}
  282. 50% {bottom:8px; opacity:1;}
  283. 100% {bottom:-50px; opacity:0;}
  284. }
  285. /* Notiflix: Notify animation remove => from bottom off */
  286. /* Notiflix: Notify animation remove => from left on */
  287. [id^=NotiflixNotifyWrap] > div.with-animation.nx-from-left.remove {
  288. opacity:0;
  289. animation: notify-remove-to-left .3s ease-in-out 0s normal;
  290. -webkit-animation: notify-remove-to-left .3s ease-in-out 0s normal;}
  291. @keyframes notify-remove-to-left {
  292. 0% {left:0px; opacity:1;}
  293. 50% {left:8px; opacity:1;}
  294. 100% {left:-300px; opacity:0;}
  295. }
  296. @-webkit-keyframes notify-remove-to-left {
  297. 0% {left:0px; opacity:1;}
  298. 50% {left:8px; opacity:1;}
  299. 100% {left:-300px; opacity:0;}
  300. }
  301. /* Notiflix: Notify animation remove => from left off */
  302. /* Notiflix: Report wrap on */
  303. [id^=NotiflixReportWrap] {
  304. position: fixed;
  305. z-index:4002;
  306. width: 320px;
  307. max-width:96%;
  308. box-sizing:border-box;
  309. font-family: "Quicksand", sans-serif;
  310. left: 0;
  311. right: 0;
  312. top: 20px;
  313. color:#1e1e1e;
  314. border-radius: 25px;
  315. background: transparent;
  316. margin: auto;}
  317. [id^=NotiflixReportWrap] * {
  318. box-sizing:border-box;}
  319. /* Notiflix: Report wrap off */
  320. /* Notiflix: Report content on */
  321. [id^=NotiflixReportWrap] > div[class*="-overlay"] {
  322. width:100%;
  323. height:100%;
  324. left:0;
  325. top:0;
  326. background: rgba(255, 255, 255, .5);
  327. position:fixed;
  328. z-index:0;}
  329. [id^=NotiflixReportWrap] > div[class*="-content"] {
  330. width:100%;
  331. float:left;
  332. border-radius: inherit;
  333. padding:10px;
  334. filter: drop-shadow(0 0 5px rgba(0,0,0,.1));
  335. border: 1px solid rgba(0,0,0,.03);
  336. background: #f8f8f8;
  337. position:relative;
  338. z-index:1;}
  339. [id^=NotiflixReportWrap] > div[class*="-content"] > div[class$="-icon"] {
  340. -webkit-user-select: none;
  341. -moz-user-select: none;
  342. -ms-user-select: none;
  343. user-select: none;
  344. width:110px;
  345. height:110px;
  346. display:block;
  347. margin:6px auto 12px;}
  348. [id^=NotiflixReportWrap] > div[class*="-content"] > div[class$="-icon"] svg {
  349. min-width:100%;
  350. max-width:100%;
  351. height:auto;}
  352. [id^=NotiflixReportWrap] > * > h5 {
  353. word-break: break-all;
  354. word-break: break-word;
  355. font-family:inherit !important;
  356. font-size:16px;
  357. font-weight:500;
  358. line-height: 1.4;
  359. margin: 0 0 10px;
  360. padding: 0 0 10px;
  361. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  362. float: left;
  363. width: 100%;
  364. text-align: center;}
  365. [id^=NotiflixReportWrap] > * > p {
  366. word-break: break-all;
  367. word-break: break-word;
  368. font-family:inherit !important;
  369. font-size:13px;
  370. line-height: 1.4;
  371. float: left;
  372. width: 100%;
  373. padding:0 10px;
  374. margin: 0 0 10px;}
  375. [id^=NotiflixReportWrap] a#NXReportButton {
  376. word-break: break-all;
  377. word-break: break-word;
  378. -webkit-user-select: none;
  379. -moz-user-select: none;
  380. -ms-user-select: none;
  381. user-select: none;
  382. font-family:inherit !important;
  383. transition:all .25s ease-in-out;
  384. cursor:pointer;
  385. float: right;
  386. padding: 7px 17px;
  387. background: #32c682;
  388. font-size:14px;
  389. line-height: 1.4;
  390. font-weight: 500;
  391. border-radius: inherit !important;
  392. color: #fff;}
  393. [id^=NotiflixReportWrap] a#NXReportButton:hover {
  394. box-shadow:inset 0 -60px 5px -5px rgba(0, 0, 0, 0.25);}
  395. [id^=NotiflixReportWrap].rtl-on a#NXReportButton {
  396. float:left;}
  397. /* Notiflix: Report content off */
  398. /* Notiflix: Report overlay animation => fade on */
  399. [id^=NotiflixReportWrap] > div[class*="-overlay"].with-animation {
  400. animation: report-overlay-animation .3s ease-in-out 0s normal;
  401. -webkit-animation: report-overlay-animation .3s ease-in-out 0s normal;}
  402. @keyframes report-overlay-animation {
  403. 0% {opacity:0;}
  404. 100% {opacity:1;}
  405. }
  406. @-webkit-keyframes report-overlay-animation {
  407. 0% {opacity:0;}
  408. 100% {opacity:1;}
  409. }
  410. /* Notiflix: Report overlay animation => fade off */
  411. /* Notiflix: Report content animation => fade on */
  412. [id^=NotiflixReportWrap] > div[class*="-content"].with-animation.nx-fade {
  413. animation: report-animation-fade .3s ease-in-out 0s normal;
  414. -webkit-animation: report-animation-fade .3s ease-in-out 0s normal;}
  415. @keyframes report-animation-fade {
  416. 0% {opacity:0;}
  417. 100% {opacity:1;}
  418. }
  419. @-webkit-keyframes report-animation-fade {
  420. 0% {opacity:0;}
  421. 100% {opacity:1;}
  422. }
  423. /* Notiflix: Report content animation => fade off */
  424. /* Notiflix: Report content animation => zoom on */
  425. [id^=NotiflixReportWrap] > div[class*="-content"].with-animation.nx-zoom {
  426. animation: report-animation-zoom .3s ease-in-out 0s normal;
  427. -webkit-animation: report-animation-zoom .3s ease-in-out 0s normal;}
  428. @keyframes report-animation-zoom {
  429. 0% {opacity:0; transform:scale(0.5);}
  430. 50% {opacity:1; transform:scale(1.05);}
  431. 100% {opacity:1; transform:scale(1);}
  432. }
  433. @-webkit-keyframes report-animation-zoom {
  434. 0% {opacity:0; transform:scale(0.5);}
  435. 50% {opacity:1; transform:scale(1.05);}
  436. 100% {opacity:1; transform:scale(1);}
  437. }
  438. /* Notiflix: Report content animation => zoom off */
  439. /* Notiflix: Report overlay animation remove => fade on */
  440. [id^=NotiflixReportWrap].remove > div[class*="-overlay"].with-animation {
  441. opacity:0;
  442. animation: report-overlay-animation-remove .3s ease-in-out 0s normal;
  443. -webkit-animation: report-overlay-animation-remove .3s ease-in-out 0s normal;}
  444. @keyframes report-overlay-animation-remove {
  445. 0% {opacity:1;}
  446. 100% {opacity:0;}
  447. }
  448. @-webkit-keyframes report-overlay-animation-remove {
  449. 0% {opacity:1;}
  450. 100% {opacity:0;}
  451. }
  452. /* Notiflix: Report overlay animation remove => fade off */
  453. /* Notiflix: Report content animation remove => fade on */
  454. [id^=NotiflixReportWrap].remove > div[class*="-content"].with-animation.nx-fade {
  455. opacity:0;
  456. animation: report-animation-fade-remove .3s ease-in-out 0s normal;
  457. -webkit-animation: report-animation-fade-remove .3s ease-in-out 0s normal;}
  458. @keyframes report-animation-fade-remove {
  459. 0% {opacity:1;}
  460. 100% {opacity:0;}
  461. }
  462. @-webkit-keyframes report-animation-fade-remove {
  463. 0% {opacity:1;}
  464. 100% {opacity:0;}
  465. }
  466. /* Notiflix: Report content animation remove => fade off */
  467. /* Notiflix: Report content animation remove => zoom on */
  468. [id^=NotiflixReportWrap].remove > div[class*="-content"].with-animation.nx-zoom {
  469. opacity:0;
  470. animation: report-animation-zoom-remove .3s ease-in-out 0s normal;
  471. -webkit-animation: report-animation-zoom-remove .3s ease-in-out 0s normal;}
  472. @keyframes report-animation-zoom-remove {
  473. 0% {opacity:1; transform:scale(1);}
  474. 50% {opacity:0.5; transform:scale(1.05);}
  475. 100% {opacity:0; transform:scale(0);}
  476. }
  477. @-webkit-keyframes report-animation-zoom-remove {
  478. 0% {opacity:1; transform:scale(1);}
  479. 50% {opacity:0.5; transform:scale(1.05);}
  480. 100% {opacity:0; transform:scale(0);}
  481. }
  482. /* Notiflix: Report content animation remove => zoom off */
  483. /* Notiflix: Confirm wrap on */
  484. [id^=NotiflixConfirmWrap] {
  485. position: fixed;
  486. z-index: 4003;
  487. width: 300px;
  488. max-width:98%;
  489. left: 10px;
  490. right: 10px;
  491. top: 10px;
  492. margin:auto;
  493. text-align: center;
  494. box-sizing:border-box;
  495. background:transparent;
  496. font-family: "Quicksand", sans-serif;}
  497. [id^=NotiflixConfirmWrap] * {
  498. box-sizing:border-box;}
  499. /* Notiflix: Confirm wrap off */
  500. /* Notiflix: Confirm content on */
  501. [id^=NotiflixConfirmWrap] > div[class*="-overlay"] {
  502. width:100%;
  503. height:100%;
  504. left:0;
  505. top:0;
  506. background: rgba(255, 255, 255, .5);
  507. position:fixed;
  508. z-index:0;}
  509. [id^=NotiflixConfirmWrap] > div[class*="-content"] {
  510. width:100%;
  511. float:left;
  512. border-radius: 25px;
  513. padding:10px;
  514. margin:0;
  515. filter: drop-shadow(0 0 5px rgba(0,0,0,.1));
  516. background: #f8f8f8;
  517. color:#1e1e1e;
  518. position:relative;
  519. z-index:1;}
  520. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-head"] {
  521. float:left;
  522. width:100%;}
  523. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-head"] > h5 {
  524. float:left;
  525. width:100%;
  526. margin:0;
  527. padding:0 0 10px;
  528. border-bottom:1px solid rgba(0,0,0,0.1);
  529. color: #32c682;
  530. font-family:inherit !important;
  531. font-size:16px;
  532. line-height:1.4;
  533. font-weight:500;}
  534. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-head"] > p {
  535. font-family:inherit !important;
  536. margin: 15px 0 20px;
  537. padding: 0 10px;
  538. float:left;
  539. width:100%;
  540. font-size: 14px;
  541. line-height: 1.4;
  542. color: inherit;}
  543. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] {
  544. -webkit-user-select: none;
  545. -moz-user-select: none;
  546. -ms-user-select: none;
  547. user-select: none;
  548. border-radius:inherit;
  549. float:left;
  550. width:100%;}
  551. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a {
  552. cursor:pointer;
  553. font-family:inherit !important;
  554. transition:all .25s ease-in-out;
  555. float: left;
  556. width: 48%;
  557. padding: 9px 5px;
  558. border-radius:inherit !important;
  559. font-weight: 500;
  560. font-size: 15px;
  561. line-height: 1.4;
  562. color:#f8f8f8;}
  563. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a.confirm-button-ok {
  564. margin:0 2% 0 0;
  565. background:#32c682;}
  566. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a.confirm-button-cancel {
  567. margin:0 0 0 2%;
  568. background:#a9a9a9;}
  569. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a.full {
  570. margin:0;
  571. width:100%;}
  572. [id^=NotiflixConfirmWrap] > div[class*="-content"] > div[class*="-buttons"] > a:hover {
  573. box-shadow:inset 0 -60px 5px -5px rgba(0, 0, 0, 0.25);}
  574. /* Notiflix: Confirm content off */
  575. /* Notiflix: Confirm rtl on */
  576. [id^=NotiflixConfirmWrap].rtl-on > div[class*="-content"] > div[class*="-buttons"],
  577. [id^=NotiflixConfirmWrap].rtl-on > div[class*="-content"] > div[class*="-buttons"] > a {
  578. transform:rotateY(180deg);}
  579. /* Notiflix: Confirm rtl off */
  580. /* Notiflix: Confirm overlay animation => fade on */
  581. [id^=NotiflixConfirmWrap] > div[class*="-overlay"].with-animation {
  582. animation: confirm-overlay-animation .3s ease-in-out 0s normal;
  583. -webkit-animation: confirm-overlay-animation .3s ease-in-out 0s normal;}
  584. @keyframes confirm-overlay-animation {
  585. 0% {opacity:0;}
  586. 100% {opacity:1;}
  587. }
  588. @-webkit-keyframes confirm-overlay-animation {
  589. 0% {opacity:0;}
  590. 100% {opacity:1;}
  591. }
  592. /* Notiflix: Confirm overlay animation => fade off */
  593. /* Notiflix: Confirm overlay animation remove => fade on */
  594. [id^=NotiflixConfirmWrap].remove > div[class*="-overlay"].with-animation {
  595. opacity:0;
  596. animation: confirm-overlay-animation-remove .3s ease-in-out 0s normal;
  597. -webkit-animation: confirm-overlay-animation-remove .3s ease-in-out 0s normal;}
  598. @keyframes confirm-overlay-animation-remove {
  599. 0% {opacity:1;}
  600. 100% {opacity:0;}
  601. }
  602. @-webkit-keyframes confirm-overlay-animation-remove {
  603. 0% {opacity:1;}
  604. 100% {opacity:0;}
  605. }
  606. /* Notiflix: Confirm overlay animation remove => fade off */
  607. /* Notiflix: Confirm content animation => fade on */
  608. [id^=NotiflixConfirmWrap].with-animation.nx-fade > div[class*="-content"] {
  609. animation: confirm-animation-fade .3s ease-in-out 0s normal;
  610. -webkit-animation: confirm-animation-fade .3s ease-in-out 0s normal;}
  611. @keyframes confirm-animation-fade {
  612. 0% {opacity:0;}
  613. 100% {opacity:1;}
  614. }
  615. @-webkit-keyframes confirm-animation-fade {
  616. 0% {opacity:0;}
  617. 100% {opacity:1;}
  618. }
  619. /* Notiflix: Confirm content animation => fade off */
  620. /* Notiflix: Confirm content animation => zoom on */
  621. [id^=NotiflixConfirmWrap].with-animation.nx-zoom > div[class*="-content"] {
  622. animation: confirm-animation-zoom .3s ease-in-out 0s normal;
  623. -webkit-animation: confirm-animation-zoom .3s ease-in-out 0s normal;}
  624. @keyframes confirm-animation-zoom {
  625. 0% {opacity:0; transform:scale(0.5);}
  626. 50% {opacity:1; transform:scale(1.05);}
  627. 100% {opacity:1; transform:scale(1);}
  628. }
  629. @-webkit-keyframes confirm-animation-zoom {
  630. 0% {opacity:0; transform:scale(0.5);}
  631. 50% {opacity:1; transform:scale(1.05);}
  632. 100% {opacity:1; transform:scale(1);}
  633. }
  634. /* Notiflix: Confirm content animation => zoom off */
  635. /* Notiflix: Confirm content animation remove => fade on */
  636. [id^=NotiflixConfirmWrap].with-animation.nx-fade.remove > div[class*="-content"] {
  637. opacity:0;
  638. animation: confirm-animation-fade-remove .3s ease-in-out 0s normal;
  639. -webkit-animation: confirm-animation-fade-remove .3s ease-in-out 0s normal;}
  640. @keyframes confirm-animation-fade-remove {
  641. 0% {opacity:1;}
  642. 100% {opacity:0;}
  643. }
  644. @-webkit-keyframes confirm-animation-fade-remove {
  645. 0% {opacity:1;}
  646. 100% {opacity:0;}
  647. }
  648. /* Notiflix: Confirm content animation remove => fade off */
  649. /* Notiflix: Confirm content animation remove => zoom on */
  650. [id^=NotiflixConfirmWrap].with-animation.nx-zoom.remove > div[class*="-content"] {
  651. opacity:0;
  652. animation: confirm-animation-zoom-remove .3s ease-in-out 0s normal;
  653. -webkit-animation: confirm-animation-zoom-remove .3s ease-in-out 0s normal;}
  654. @keyframes confirm-animation-zoom-remove {
  655. 0% {opacity:1; transform:scale(1);}
  656. 50% {opacity:0.5; transform:scale(1.05);}
  657. 100% {opacity:0; transform:scale(0);}
  658. }
  659. @-webkit-keyframes confirm-animation-zoom-remove {
  660. 0% {opacity:1; transform:scale(1);}
  661. 50% {opacity:0.5; transform:scale(1.05);}
  662. 100% {opacity:0; transform:scale(0);}
  663. }
  664. /* Notiflix: Confirm content animation remove => zoom off */
  665. /* Notiflix: Loading wrap on */
  666. [id^=NotiflixLoadingWrap] {
  667. -webkit-user-select: none;
  668. -moz-user-select: none;
  669. -ms-user-select: none;
  670. user-select: none;
  671. position: fixed;
  672. z-index: 4000;
  673. width: 100%;
  674. height: 100%;
  675. left: 0;
  676. top: 0;
  677. right:0;
  678. bottom:0;
  679. margin:auto;
  680. text-align: center;
  681. box-sizing:border-box;
  682. background: white!important;
  683. font-family: "Quicksand", sans-serif;}
  684. [id^=NotiflixLoadingWrap] * {
  685. box-sizing:border-box;}
  686. [id^=NotiflixLoadingWrap].click-to-close {
  687. cursor:pointer;}
  688. /* Notiflix: Loading wrap off */
  689. /* Notiflix: Loading content on */
  690. [id^=NotiflixLoadingWrap] > div[class*="-icon"] {
  691. width:60px;
  692. height:60px;
  693. position:fixed;
  694. background-color: white!important;
  695. transition:top .2s ease-in-out;
  696. left: 0;
  697. top: 0;
  698. right:0;
  699. bottom:0;
  700. margin:auto;}
  701. [id^=NotiflixLoadingWrap] > div[class*="-icon"] img,
  702. [id^=NotiflixLoadingWrap] > div[class*="-icon"] svg {
  703. max-width:unset;
  704. max-height:unset;
  705. width: 100%;
  706. height: 100%;
  707. position:absolute;
  708. left: 0;
  709. top: 0;}
  710. [id^=NotiflixLoadingWrap] > div[class*="-icon"].with-message {
  711. top:-42px;}
  712. [id^=NotiflixLoadingWrap] > p {
  713. position: fixed;
  714. left: 0;
  715. right: 0;
  716. top: 42px;
  717. bottom: 0;
  718. margin: auto;
  719. font-family: inherit !important;
  720. font-weight: 500;
  721. line-height: 1.4;
  722. padding: 0 10px;
  723. width: 100%;
  724. font-size:15px;
  725. height: 18px;}
  726. /* Notiflix: Loading content off */
  727. /* Notiflix: Loading animation => fade on */
  728. [id^=NotiflixLoadingWrap].with-animation {
  729. animation: loading-animation-fade .3s ease-in-out 0s normal;
  730. -webkit-animation: loading-animation-fade .3s ease-in-out 0s normal;}
  731. @keyframes loading-animation-fade {
  732. 0% {opacity:0;}
  733. 100% {opacity:1;}
  734. }
  735. @-webkit-keyframes loading-animation-fade {
  736. 0% {opacity:0;}
  737. 100% {opacity:1;}
  738. }
  739. /* Notiflix: Loading animation => fade off */
  740. /* Notiflix: Loading animation remove => fade on */
  741. [id^=NotiflixLoadingWrap].with-animation.remove {
  742. opacity:0;
  743. animation: loading-animation-fade-remove .3s ease-in-out 0s normal;
  744. -webkit-animation: loading-animation-fade-remove .3s ease-in-out 0s normal;}
  745. @keyframes loading-animation-fade-remove {
  746. 0% {opacity:1;}
  747. 100% {opacity:0;}
  748. }
  749. @-webkit-keyframes loading-animation-fade-remove {
  750. 0% {opacity:1;}
  751. 100% {opacity:0;}
  752. }
  753. /* Notiflix: Loading animation remove => fade off */
  754. /* Notiflix: Loading animation new message => fade on */
  755. [id^=NotiflixLoadingWrap] > p.new {
  756. animation: loading-new-message-fade .3s ease-in-out 0s normal;
  757. -webkit-animation: loading-new-message-fade .3s ease-in-out 0s normal;}
  758. @keyframes loading-new-message-fade {
  759. 0% {opacity:0;}
  760. 100% {opacity:1;}
  761. }
  762. @-webkit-keyframes loading-new-message-fade {
  763. 0% {opacity:0;}
  764. 100% {opacity:1;}
  765. }
  766. /* Notiflix: Loading animation new message => fade off */
  767. /* Notiflix: Block wrap on */
  768. [id^=NotiflixBlockWrap] {
  769. -webkit-user-select: none;
  770. -moz-user-select: none;
  771. -ms-user-select: none;
  772. user-select: none;
  773. box-sizing: border-box;
  774. position: absolute;
  775. z-index: 1000;
  776. font-family: "Quicksand", sans-serif;
  777. background: rgba(255, 255, 255, 0.9);
  778. text-align: center;
  779. animation-duration: 400ms;
  780. width: 100%;
  781. height: 100%;
  782. left: 0;
  783. top: 0;
  784. border-radius: inherit;}
  785. [id^=NotiflixBlockWrap] * {
  786. box-sizing: border-box;}
  787. /* Notiflix: Block wrap off */
  788. /* Notiflix: Block content on */
  789. [id^=NotiflixBlockWrap] > span[class*="-icon"] {
  790. width: 45px;
  791. height: 45px;
  792. position: absolute;
  793. left: 0;
  794. top: 0;
  795. right: 0;
  796. bottom: 0;
  797. margin: auto;}
  798. [id^=NotiflixBlockWrap] > span[class*="-message"] {
  799. position: absolute;
  800. left: 0;
  801. right: 0;
  802. top: 50px;
  803. bottom: 0;
  804. margin: auto;
  805. font-family: inherit !important;
  806. font-weight: 500;
  807. font-size: 14px;
  808. line-height: 1.4;
  809. padding: 0 10px;
  810. width: 100%;
  811. height: 20px;
  812. overflow: hidden;}
  813. /* Notiflix: Block content off */
  814. /* Notiflix: Block animation => fade on */
  815. [id^=NotiflixBlockWrap].with-animation {
  816. animation: block-animation-fade .3s ease-in-out 0s normal;
  817. -webkit-animation: block-animation-fade .3s ease-in-out 0s normal;}
  818. @keyframes block-animation-fade {
  819. 0% {opacity: 0;}
  820. 100% {opacity: 1;}
  821. }
  822. @-webkit-keyframes block-animation-fade {
  823. 0% {opacity: 0;}
  824. 100% {opacity: 1;}
  825. }
  826. /* Notiflix: Block animation => fade off */
  827. /* Notiflix: Block animation remove => fade on */
  828. [id^=NotiflixBlockWrap].with-animation.remove {
  829. opacity: 0;
  830. animation: block-animation-fade-remove .3s ease-in-out 0s normal;
  831. -webkit-animation: block-animation-fade-remove .3s ease-in-out 0s normal;}
  832. @keyframes block-animation-fade-remove {
  833. 0% {opacity: 1;}
  834. 100% {opacity: 0;}
  835. }
  836. @-webkit-keyframes block-animation-fade-remove {
  837. 0% {opacity: 1;}
  838. 100% {opacity: 0;}
  839. }
  840. /* Notiflix: Block animation remove => fade off */