jquery-confirm.css 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140
  1. /*!
  2. * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
  3. * Author: boniface pereira
  4. * Website: www.craftpip.com
  5. * Contact: hey@craftpip.com
  6. *
  7. * Copyright 2013-2019 jquery-confirm
  8. * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
  9. */
  10. @-webkit-keyframes jconfirm-spin {
  11. from {
  12. -webkit-transform: rotate(0deg);
  13. transform: rotate(0deg);
  14. }
  15. to {
  16. -webkit-transform: rotate(360deg);
  17. transform: rotate(360deg);
  18. }
  19. }
  20. @keyframes jconfirm-spin {
  21. from {
  22. -webkit-transform: rotate(0deg);
  23. transform: rotate(0deg);
  24. }
  25. to {
  26. -webkit-transform: rotate(360deg);
  27. transform: rotate(360deg);
  28. }
  29. }
  30. body[class*=jconfirm-no-scroll-] {
  31. overflow: hidden !important;
  32. }
  33. .jconfirm {
  34. position: fixed;
  35. top: 0;
  36. left: 0;
  37. right: 0;
  38. bottom: 0;
  39. z-index: 99999999;
  40. font-family: inherit;
  41. overflow: hidden;
  42. }
  43. .jconfirm .jconfirm-bg {
  44. position: fixed;
  45. top: 0;
  46. left: 0;
  47. right: 0;
  48. bottom: 0;
  49. -webkit-transition: opacity .4s;
  50. transition: opacity .4s;
  51. }
  52. .jconfirm .jconfirm-bg.jconfirm-bg-h {
  53. opacity: 0 !important;
  54. }
  55. .jconfirm .jconfirm-scrollpane {
  56. -webkit-perspective: 500px;
  57. perspective: 500px;
  58. -webkit-perspective-origin: center;
  59. perspective-origin: center;
  60. display: table;
  61. width: 100%;
  62. height: 100%;
  63. }
  64. .jconfirm .jconfirm-row {
  65. display: table-row;
  66. width: 100%;
  67. }
  68. .jconfirm .jconfirm-cell {
  69. display: table-cell;
  70. vertical-align: middle;
  71. }
  72. .jconfirm .jconfirm-holder {
  73. max-height: 100%;
  74. padding: 50px 0;
  75. }
  76. .jconfirm .jconfirm-box-container {
  77. -webkit-transition: -webkit-transform;
  78. transition: -webkit-transform;
  79. transition: transform;
  80. transition: transform, -webkit-transform;
  81. }
  82. .jconfirm .jconfirm-box-container.jconfirm-no-transition {
  83. -webkit-transition: none !important;
  84. transition: none !important;
  85. }
  86. .jconfirm .jconfirm-box {
  87. background: white;
  88. border-radius: 4px;
  89. position: relative;
  90. outline: none;
  91. padding: 15px 15px 0;
  92. overflow: hidden;
  93. margin-left: auto;
  94. margin-right: auto;
  95. }
  96. @-webkit-keyframes type-blue {
  97. 1%,
  98. 100% {
  99. border-color: #3498db;
  100. }
  101. 50% {
  102. border-color: #5faee3;
  103. }
  104. }
  105. @keyframes type-blue {
  106. 1%,
  107. 100% {
  108. border-color: #3498db;
  109. }
  110. 50% {
  111. border-color: #5faee3;
  112. }
  113. }
  114. @-webkit-keyframes type-green {
  115. 1%,
  116. 100% {
  117. border-color: #2ecc71;
  118. }
  119. 50% {
  120. border-color: #54d98c;
  121. }
  122. }
  123. @keyframes type-green {
  124. 1%,
  125. 100% {
  126. border-color: #2ecc71;
  127. }
  128. 50% {
  129. border-color: #54d98c;
  130. }
  131. }
  132. @-webkit-keyframes type-red {
  133. 1%,
  134. 100% {
  135. border-color: #e74c3c;
  136. }
  137. 50% {
  138. border-color: #ed7669;
  139. }
  140. }
  141. @keyframes type-red {
  142. 1%,
  143. 100% {
  144. border-color: #e74c3c;
  145. }
  146. 50% {
  147. border-color: #ed7669;
  148. }
  149. }
  150. @-webkit-keyframes type-orange {
  151. 1%,
  152. 100% {
  153. border-color: #f1c40f;
  154. }
  155. 50% {
  156. border-color: #f4d03f;
  157. }
  158. }
  159. @keyframes type-orange {
  160. 1%,
  161. 100% {
  162. border-color: #f1c40f;
  163. }
  164. 50% {
  165. border-color: #f4d03f;
  166. }
  167. }
  168. @-webkit-keyframes type-purple {
  169. 1%,
  170. 100% {
  171. border-color: #9b59b6;
  172. }
  173. 50% {
  174. border-color: #b07cc6;
  175. }
  176. }
  177. @keyframes type-purple {
  178. 1%,
  179. 100% {
  180. border-color: #9b59b6;
  181. }
  182. 50% {
  183. border-color: #b07cc6;
  184. }
  185. }
  186. @-webkit-keyframes type-dark {
  187. 1%,
  188. 100% {
  189. border-color: #34495e;
  190. }
  191. 50% {
  192. border-color: #46627f;
  193. }
  194. }
  195. @keyframes type-dark {
  196. 1%,
  197. 100% {
  198. border-color: #34495e;
  199. }
  200. 50% {
  201. border-color: #46627f;
  202. }
  203. }
  204. .jconfirm .jconfirm-box.jconfirm-type-animated {
  205. -webkit-animation-duration: 2s;
  206. animation-duration: 2s;
  207. -webkit-animation-iteration-count: infinite;
  208. animation-iteration-count: infinite;
  209. }
  210. .jconfirm .jconfirm-box.jconfirm-type-blue {
  211. border-top: solid 7px #3498db;
  212. -webkit-animation-name: type-blue;
  213. animation-name: type-blue;
  214. }
  215. .jconfirm .jconfirm-box.jconfirm-type-green {
  216. border-top: solid 7px #2ecc71;
  217. -webkit-animation-name: type-green;
  218. animation-name: type-green;
  219. }
  220. .jconfirm .jconfirm-box.jconfirm-type-red {
  221. border-top: solid 7px #e74c3c;
  222. -webkit-animation-name: type-red;
  223. animation-name: type-red;
  224. }
  225. .jconfirm .jconfirm-box.jconfirm-type-orange {
  226. border-top: solid 7px #f1c40f;
  227. -webkit-animation-name: type-orange;
  228. animation-name: type-orange;
  229. }
  230. .jconfirm .jconfirm-box.jconfirm-type-purple {
  231. border-top: solid 7px #9b59b6;
  232. -webkit-animation-name: type-purple;
  233. animation-name: type-purple;
  234. }
  235. .jconfirm .jconfirm-box.jconfirm-type-dark {
  236. border-top: solid 7px #34495e;
  237. -webkit-animation-name: type-dark;
  238. animation-name: type-dark;
  239. }
  240. .jconfirm .jconfirm-box.loading {
  241. height: 120px;
  242. }
  243. .jconfirm .jconfirm-box.loading:before {
  244. content: '';
  245. position: absolute;
  246. left: 0;
  247. background: white;
  248. right: 0;
  249. top: 0;
  250. bottom: 0;
  251. border-radius: 10px;
  252. z-index: 1;
  253. }
  254. .jconfirm .jconfirm-box.loading:after {
  255. opacity: 0.6;
  256. content: '';
  257. height: 30px;
  258. width: 30px;
  259. border: solid 3px transparent;
  260. position: absolute;
  261. left: 50%;
  262. margin-left: -15px;
  263. border-radius: 50%;
  264. -webkit-animation: jconfirm-spin 1s infinite linear;
  265. animation: jconfirm-spin 1s infinite linear;
  266. border-bottom-color: dodgerblue;
  267. top: 50%;
  268. margin-top: -15px;
  269. z-index: 2;
  270. }
  271. .jconfirm .jconfirm-box div.jconfirm-closeIcon {
  272. height: 20px;
  273. width: 20px;
  274. position: absolute;
  275. top: 10px;
  276. right: 10px;
  277. cursor: pointer;
  278. opacity: .6;
  279. text-align: center;
  280. font-size: 27px !important;
  281. line-height: 14px !important;
  282. display: none;
  283. z-index: 1;
  284. }
  285. .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
  286. display: none;
  287. }
  288. .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
  289. font-size: 16px;
  290. }
  291. .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
  292. font-size: 16px;
  293. }
  294. .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
  295. font-size: 16px;
  296. }
  297. .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
  298. opacity: 1;
  299. }
  300. .jconfirm .jconfirm-box div.jconfirm-title-c {
  301. display: block;
  302. font-size: 22px;
  303. line-height: 20px;
  304. -webkit-user-select: none;
  305. -moz-user-select: none;
  306. -ms-user-select: none;
  307. user-select: none;
  308. cursor: default;
  309. padding-bottom: 15px;
  310. }
  311. .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
  312. cursor: move;
  313. }
  314. .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  315. font-size: inherit;
  316. display: inline-block;
  317. vertical-align: middle;
  318. }
  319. .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
  320. vertical-align: middle;
  321. }
  322. .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
  323. display: none;
  324. }
  325. .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  326. -webkit-user-select: none;
  327. -moz-user-select: none;
  328. -ms-user-select: none;
  329. user-select: none;
  330. font-size: inherit;
  331. font-family: inherit;
  332. display: inline-block;
  333. vertical-align: middle;
  334. }
  335. .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
  336. display: none;
  337. }
  338. .jconfirm .jconfirm-box div.jconfirm-content-pane {
  339. margin-bottom: 15px;
  340. height: auto;
  341. -webkit-transition: height 0.4s ease-in;
  342. transition: height 0.4s ease-in;
  343. display: inline-block;
  344. width: 100%;
  345. position: relative;
  346. overflow-x: hidden;
  347. overflow-y: auto;
  348. }
  349. .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
  350. overflow-y: hidden;
  351. }
  352. .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
  353. width: 3px;
  354. }
  355. .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
  356. background: rgba(0, 0, 0, 0.1);
  357. }
  358. .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
  359. background: #666;
  360. border-radius: 3px;
  361. }
  362. .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  363. overflow: auto;
  364. }
  365. .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
  366. max-width: 100%;
  367. height: auto;
  368. }
  369. .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
  370. display: none;
  371. }
  372. .jconfirm .jconfirm-box .jconfirm-buttons {
  373. padding-bottom: 11px;
  374. }
  375. .jconfirm .jconfirm-box .jconfirm-buttons > button {
  376. margin-bottom: 4px;
  377. margin-left: 2px;
  378. margin-right: 2px;
  379. }
  380. .jconfirm .jconfirm-box .jconfirm-buttons button {
  381. display: inline-block;
  382. padding: 6px 12px;
  383. font-size: 14px;
  384. font-weight: 400;
  385. line-height: 1.42857143;
  386. text-align: center;
  387. white-space: nowrap;
  388. vertical-align: middle;
  389. -ms-touch-action: manipulation;
  390. touch-action: manipulation;
  391. cursor: pointer;
  392. -webkit-user-select: none;
  393. -moz-user-select: none;
  394. -ms-user-select: none;
  395. user-select: none;
  396. border-radius: 4px;
  397. min-height: 1em;
  398. -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  399. transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  400. transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  401. transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  402. -webkit-tap-highlight-color: transparent;
  403. border: none;
  404. background-image: none;
  405. }
  406. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
  407. background-color: #3498db;
  408. color: #FFF;
  409. text-shadow: none;
  410. -webkit-transition: background .2s;
  411. transition: background .2s;
  412. }
  413. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
  414. background-color: #2980b9;
  415. color: #FFF;
  416. }
  417. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  418. background-color: #2ecc71;
  419. color: #FFF;
  420. text-shadow: none;
  421. -webkit-transition: background .2s;
  422. transition: background .2s;
  423. }
  424. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
  425. background-color: #27ae60;
  426. color: #FFF;
  427. }
  428. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
  429. background-color: #e74c3c;
  430. color: #FFF;
  431. text-shadow: none;
  432. -webkit-transition: background .2s;
  433. transition: background .2s;
  434. }
  435. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
  436. background-color: #c0392b;
  437. color: #FFF;
  438. }
  439. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
  440. background-color: #f1c40f;
  441. color: #FFF;
  442. text-shadow: none;
  443. -webkit-transition: background .2s;
  444. transition: background .2s;
  445. }
  446. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
  447. background-color: #f39c12;
  448. color: #FFF;
  449. }
  450. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  451. background-color: #ecf0f1;
  452. color: #000;
  453. text-shadow: none;
  454. -webkit-transition: background .2s;
  455. transition: background .2s;
  456. }
  457. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  458. background-color: #bdc3c7;
  459. color: #000;
  460. }
  461. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
  462. background-color: #9b59b6;
  463. color: #FFF;
  464. text-shadow: none;
  465. -webkit-transition: background .2s;
  466. transition: background .2s;
  467. }
  468. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
  469. background-color: #8e44ad;
  470. color: #FFF;
  471. }
  472. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
  473. background-color: #34495e;
  474. color: #FFF;
  475. text-shadow: none;
  476. -webkit-transition: background .2s;
  477. transition: background .2s;
  478. }
  479. .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
  480. background-color: #2c3e50;
  481. color: #FFF;
  482. }
  483. .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
  484. color: #e74c3c !important;
  485. }
  486. .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
  487. color: #3498db !important;
  488. }
  489. .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
  490. color: #2ecc71 !important;
  491. }
  492. .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
  493. color: #9b59b6 !important;
  494. }
  495. .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
  496. color: #f1c40f !important;
  497. }
  498. .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
  499. color: #34495e !important;
  500. }
  501. .jconfirm .jconfirm-clear {
  502. clear: both;
  503. }
  504. .jconfirm.jconfirm-rtl {
  505. direction: rtl;
  506. }
  507. .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
  508. left: 5px;
  509. right: auto;
  510. }
  511. .jconfirm.jconfirm-white .jconfirm-bg,
  512. .jconfirm.jconfirm-light .jconfirm-bg {
  513. background-color: #444;
  514. opacity: .2;
  515. }
  516. .jconfirm.jconfirm-white .jconfirm-box,
  517. .jconfirm.jconfirm-light .jconfirm-box {
  518. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  519. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  520. border-radius: 5px;
  521. }
  522. .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
  523. .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  524. margin-right: 8px;
  525. margin-left: 0px;
  526. }
  527. .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
  528. .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  529. float: right;
  530. }
  531. .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
  532. .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  533. text-transform: uppercase;
  534. font-size: 14px;
  535. font-weight: bold;
  536. text-shadow: none;
  537. }
  538. .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
  539. .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
  540. -webkit-box-shadow: none;
  541. box-shadow: none;
  542. color: #333;
  543. }
  544. .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
  545. .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  546. background: #ddd;
  547. }
  548. .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
  549. .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  550. margin-left: 8px;
  551. margin-right: 0px;
  552. }
  553. .jconfirm.jconfirm-black .jconfirm-bg,
  554. .jconfirm.jconfirm-dark .jconfirm-bg {
  555. background-color: darkslategray;
  556. opacity: .4;
  557. }
  558. .jconfirm.jconfirm-black .jconfirm-box,
  559. .jconfirm.jconfirm-dark .jconfirm-box {
  560. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  561. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  562. background: #444;
  563. border-radius: 5px;
  564. color: white;
  565. }
  566. .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
  567. .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  568. margin-right: 8px;
  569. margin-left: 0px;
  570. }
  571. .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
  572. .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
  573. float: right;
  574. }
  575. .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
  576. .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
  577. border: none;
  578. background-image: none;
  579. text-transform: uppercase;
  580. font-size: 14px;
  581. font-weight: bold;
  582. text-shadow: none;
  583. -webkit-transition: background .1s;
  584. transition: background .1s;
  585. color: white;
  586. }
  587. .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
  588. .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
  589. -webkit-box-shadow: none;
  590. box-shadow: none;
  591. color: #fff;
  592. background: none;
  593. }
  594. .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
  595. .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  596. background: #666;
  597. }
  598. .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
  599. .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  600. margin-left: 8px;
  601. margin-right: 0px;
  602. }
  603. .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
  604. -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  605. animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  606. -webkit-transform: translate3d(0, 0, 0);
  607. transform: translate3d(0, 0, 0);
  608. }
  609. .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
  610. -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  611. animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  612. -webkit-transform: translate3d(0, 0, 0);
  613. transform: translate3d(0, 0, 0);
  614. }
  615. @-webkit-keyframes shake {
  616. 10%,
  617. 90% {
  618. -webkit-transform: translate3d(-2px, 0, 0);
  619. transform: translate3d(-2px, 0, 0);
  620. }
  621. 20%,
  622. 80% {
  623. -webkit-transform: translate3d(4px, 0, 0);
  624. transform: translate3d(4px, 0, 0);
  625. }
  626. 30%,
  627. 50%,
  628. 70% {
  629. -webkit-transform: translate3d(-8px, 0, 0);
  630. transform: translate3d(-8px, 0, 0);
  631. }
  632. 40%,
  633. 60% {
  634. -webkit-transform: translate3d(8px, 0, 0);
  635. transform: translate3d(8px, 0, 0);
  636. }
  637. }
  638. @keyframes shake {
  639. 10%,
  640. 90% {
  641. -webkit-transform: translate3d(-2px, 0, 0);
  642. transform: translate3d(-2px, 0, 0);
  643. }
  644. 20%,
  645. 80% {
  646. -webkit-transform: translate3d(4px, 0, 0);
  647. transform: translate3d(4px, 0, 0);
  648. }
  649. 30%,
  650. 50%,
  651. 70% {
  652. -webkit-transform: translate3d(-8px, 0, 0);
  653. transform: translate3d(-8px, 0, 0);
  654. }
  655. 40%,
  656. 60% {
  657. -webkit-transform: translate3d(8px, 0, 0);
  658. transform: translate3d(8px, 0, 0);
  659. }
  660. }
  661. @-webkit-keyframes glow {
  662. 0%,
  663. 100% {
  664. -webkit-box-shadow: 0 0 0px red;
  665. box-shadow: 0 0 0px red;
  666. }
  667. 50% {
  668. -webkit-box-shadow: 0 0 30px red;
  669. box-shadow: 0 0 30px red;
  670. }
  671. }
  672. @keyframes glow {
  673. 0%,
  674. 100% {
  675. -webkit-box-shadow: 0 0 0px red;
  676. box-shadow: 0 0 0px red;
  677. }
  678. 50% {
  679. -webkit-box-shadow: 0 0 30px red;
  680. box-shadow: 0 0 30px red;
  681. }
  682. }
  683. /*Transition rules*/
  684. .jconfirm {
  685. -webkit-perspective: 400px;
  686. perspective: 400px;
  687. }
  688. .jconfirm .jconfirm-box {
  689. opacity: 1;
  690. -webkit-transition-property: all;
  691. transition-property: all;
  692. }
  693. .jconfirm .jconfirm-box.jconfirm-animation-top,
  694. .jconfirm .jconfirm-box.jconfirm-animation-left,
  695. .jconfirm .jconfirm-box.jconfirm-animation-right,
  696. .jconfirm .jconfirm-box.jconfirm-animation-bottom,
  697. .jconfirm .jconfirm-box.jconfirm-animation-opacity,
  698. .jconfirm .jconfirm-box.jconfirm-animation-zoom,
  699. .jconfirm .jconfirm-box.jconfirm-animation-scale,
  700. .jconfirm .jconfirm-box.jconfirm-animation-none,
  701. .jconfirm .jconfirm-box.jconfirm-animation-rotate,
  702. .jconfirm .jconfirm-box.jconfirm-animation-rotatex,
  703. .jconfirm .jconfirm-box.jconfirm-animation-rotatey,
  704. .jconfirm .jconfirm-box.jconfirm-animation-scaley,
  705. .jconfirm .jconfirm-box.jconfirm-animation-scalex {
  706. opacity: 0;
  707. }
  708. .jconfirm .jconfirm-box.jconfirm-animation-rotate {
  709. -webkit-transform: rotate(90deg);
  710. transform: rotate(90deg);
  711. }
  712. .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
  713. -webkit-transform: rotateX(90deg);
  714. transform: rotateX(90deg);
  715. -webkit-transform-origin: center;
  716. transform-origin: center;
  717. }
  718. .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
  719. -webkit-transform: rotateX(-90deg);
  720. transform: rotateX(-90deg);
  721. -webkit-transform-origin: center;
  722. transform-origin: center;
  723. }
  724. .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
  725. -webkit-transform: rotatey(90deg);
  726. transform: rotatey(90deg);
  727. -webkit-transform-origin: center;
  728. transform-origin: center;
  729. }
  730. .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
  731. -webkit-transform: rotatey(-90deg);
  732. transform: rotatey(-90deg);
  733. -webkit-transform-origin: center;
  734. transform-origin: center;
  735. }
  736. .jconfirm .jconfirm-box.jconfirm-animation-scaley {
  737. -webkit-transform: scaley(1.5);
  738. transform: scaley(1.5);
  739. -webkit-transform-origin: center;
  740. transform-origin: center;
  741. }
  742. .jconfirm .jconfirm-box.jconfirm-animation-scalex {
  743. -webkit-transform: scalex(1.5);
  744. transform: scalex(1.5);
  745. -webkit-transform-origin: center;
  746. transform-origin: center;
  747. }
  748. .jconfirm .jconfirm-box.jconfirm-animation-top {
  749. -webkit-transform: translate(0px, -100px);
  750. transform: translate(0px, -100px);
  751. }
  752. .jconfirm .jconfirm-box.jconfirm-animation-left {
  753. -webkit-transform: translate(-100px, 0px);
  754. transform: translate(-100px, 0px);
  755. }
  756. .jconfirm .jconfirm-box.jconfirm-animation-right {
  757. -webkit-transform: translate(100px, 0px);
  758. transform: translate(100px, 0px);
  759. }
  760. .jconfirm .jconfirm-box.jconfirm-animation-bottom {
  761. -webkit-transform: translate(0px, 100px);
  762. transform: translate(0px, 100px);
  763. }
  764. .jconfirm .jconfirm-box.jconfirm-animation-zoom {
  765. -webkit-transform: scale(1.2);
  766. transform: scale(1.2);
  767. }
  768. .jconfirm .jconfirm-box.jconfirm-animation-scale {
  769. -webkit-transform: scale(0.5);
  770. transform: scale(0.5);
  771. }
  772. .jconfirm .jconfirm-box.jconfirm-animation-none {
  773. visibility: hidden;
  774. }
  775. .jconfirm.jconfirm-supervan .jconfirm-bg {
  776. background-color: rgba(54, 70, 93, 0.95);
  777. }
  778. .jconfirm.jconfirm-supervan .jconfirm-box {
  779. background-color: transparent;
  780. }
  781. .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
  782. border: none;
  783. }
  784. .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
  785. border: none;
  786. }
  787. .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
  788. border: none;
  789. }
  790. .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
  791. border: none;
  792. }
  793. .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
  794. border: none;
  795. }
  796. .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
  797. border: none;
  798. }
  799. .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
  800. color: white;
  801. }
  802. .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
  803. text-align: center;
  804. color: white;
  805. font-size: 28px;
  806. font-weight: normal;
  807. }
  808. .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
  809. padding-bottom: 25px;
  810. }
  811. .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  812. margin-right: 8px;
  813. margin-left: 0px;
  814. }
  815. .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
  816. margin-bottom: 25px;
  817. }
  818. .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
  819. text-align: center;
  820. color: white;
  821. }
  822. .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
  823. text-align: center;
  824. }
  825. .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
  826. font-size: 16px;
  827. border-radius: 2px;
  828. background: #303f53;
  829. text-shadow: none;
  830. border: none;
  831. color: white;
  832. padding: 10px;
  833. min-width: 100px;
  834. }
  835. .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  836. margin-left: 8px;
  837. margin-right: 0px;
  838. }
  839. .jconfirm.jconfirm-material .jconfirm-bg {
  840. background-color: rgba(0, 0, 0, 0.67);
  841. }
  842. .jconfirm.jconfirm-material .jconfirm-box {
  843. background-color: white;
  844. -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  845. box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  846. padding: 30px 25px 10px 25px;
  847. }
  848. .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  849. margin-right: 8px;
  850. margin-left: 0px;
  851. }
  852. .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
  853. color: rgba(0, 0, 0, 0.87);
  854. }
  855. .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
  856. color: rgba(0, 0, 0, 0.87);
  857. font-size: 22px;
  858. font-weight: bold;
  859. }
  860. .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
  861. color: rgba(0, 0, 0, 0.87);
  862. }
  863. .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
  864. text-align: right;
  865. }
  866. .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
  867. text-transform: uppercase;
  868. font-weight: 500;
  869. }
  870. .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  871. margin-left: 8px;
  872. margin-right: 0px;
  873. }
  874. .jconfirm.jconfirm-bootstrap .jconfirm-bg {
  875. background-color: rgba(0, 0, 0, 0.21);
  876. }
  877. .jconfirm.jconfirm-bootstrap .jconfirm-box {
  878. background-color: white;
  879. -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
  880. box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
  881. border: solid 1px rgba(0, 0, 0, 0.4);
  882. padding: 15px 0 0;
  883. }
  884. .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  885. margin-right: 8px;
  886. margin-left: 0px;
  887. }
  888. .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
  889. color: rgba(0, 0, 0, 0.87);
  890. }
  891. .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
  892. color: rgba(0, 0, 0, 0.87);
  893. font-size: 22px;
  894. font-weight: bold;
  895. padding-left: 15px;
  896. padding-right: 15px;
  897. }
  898. .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
  899. color: rgba(0, 0, 0, 0.87);
  900. padding: 0px 15px;
  901. }
  902. .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
  903. text-align: right;
  904. padding: 10px;
  905. margin: -5px 0 0px;
  906. border-top: solid 1px #ddd;
  907. overflow: hidden;
  908. border-radius: 0 0 4px 4px;
  909. }
  910. .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
  911. font-weight: 500;
  912. }
  913. .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
  914. margin-left: 8px;
  915. margin-right: 0px;
  916. }
  917. .jconfirm.jconfirm-modern .jconfirm-bg {
  918. background-color: slategray;
  919. opacity: .6;
  920. }
  921. .jconfirm.jconfirm-modern .jconfirm-box {
  922. background-color: white;
  923. -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  924. box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  925. padding: 30px 30px 15px;
  926. }
  927. .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
  928. color: rgba(0, 0, 0, 0.87);
  929. top: 15px;
  930. right: 15px;
  931. }
  932. .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
  933. color: rgba(0, 0, 0, 0.87);
  934. font-size: 24px;
  935. font-weight: bold;
  936. text-align: center;
  937. margin-bottom: 10px;
  938. }
  939. .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
  940. -webkit-transition: -webkit-transform .5s;
  941. transition: -webkit-transform .5s;
  942. transition: transform .5s;
  943. transition: transform .5s, -webkit-transform .5s;
  944. -webkit-transform: scale(0);
  945. transform: scale(0);
  946. display: block;
  947. margin-right: 0px;
  948. margin-left: 0px;
  949. margin-bottom: 10px;
  950. font-size: 69px;
  951. color: #aaa;
  952. }
  953. .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  954. text-align: center;
  955. font-size: 15px;
  956. color: #777;
  957. margin-bottom: 25px;
  958. }
  959. .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
  960. text-align: center;
  961. }
  962. .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
  963. font-weight: bold;
  964. text-transform: uppercase;
  965. -webkit-transition: background .1s;
  966. transition: background .1s;
  967. padding: 10px 20px;
  968. }
  969. .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
  970. margin-left: 4px;
  971. }
  972. .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
  973. -webkit-transform: scale(1);
  974. transform: scale(1);
  975. }