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.

9800 lines
212 KiB

  1. /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  2. html {
  3. font-family: 'Lato', sans-serif;
  4. -ms-text-size-adjust: 100%;
  5. -webkit-text-size-adjust: 100%;
  6. }
  7. .single_line {
  8. border-bottom : 1px solid #8B4513;
  9. height:10px
  10. }
  11. .main_img_bckground {
  12. background-repeat: no-repeat;
  13. background-position: center;
  14. background-size: contain;
  15. }
  16. .main_txt_bckground {
  17. font-family: 'BebasNeue Regular', sans-serif;
  18. font-size: 100%;
  19. margin-left:-14%;
  20. color : #ffffff;
  21. }
  22. .bubble
  23. {
  24. position: relative;
  25. margin:15px 15px 0px 15px;
  26. width: 96%;
  27. padding: 10px;
  28. background: #91c04b;
  29. -webkit-border-radius: 5px;
  30. -moz-border-radius: 5px;
  31. border-radius: 5px;
  32. border: #63862c solid 4px;
  33. color:#FFFFFF;
  34. -moz-box-shadow: 2px 2px 2px 0px #656565;
  35. -webkit-box-shadow: 2px 2px 2px 0px #656565;
  36. -o-box-shadow: 2px 2px 2px 0px #656565;
  37. box-shadow: 2px 2px 2px 0px #656565;
  38. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  39. }
  40. .bubble:after
  41. {
  42. content: '';
  43. position: absolute;
  44. border-style: solid;
  45. border-width: 9px 11px 9px 0;
  46. border-color: transparent #91c04b;
  47. display: block;
  48. width: 0;
  49. z-index: 1;
  50. margin-top: -9px;
  51. left: -11px;
  52. top: 32%;
  53. }
  54. .bubble:before
  55. {
  56. content: '';
  57. position: absolute;
  58. border-style: solid;
  59. border-width: 12px 14px 12px 0;
  60. border-color: transparent #63862c;
  61. display: block;
  62. width: 0;
  63. z-index: 0;
  64. margin-top: -12px;
  65. left: -17px;
  66. top: 32%;
  67. }
  68. .bubble_answer{
  69. padding:15px 15px 5px 25px;
  70. background: #FFFFFF;
  71. color:#000000;
  72. font-size: 0.8em;
  73. -webkit-border-radius: 5px;
  74. -moz-border-radius: 5px;
  75. border-radius: 5px;
  76. border: #91c04b solid 1px;
  77. -moz-box-shadow: inset 1px 1px 1px 0px #656565;
  78. -webkit-box-shadow: inset 1px 1px 1px 0px #656565;
  79. -o-box-shadow: inset 1px 1px 1px 0px #656565;
  80. box-shadow: inset 1px 1px 1px 0px #656565;
  81. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  82. }
  83. .bubble_2
  84. {
  85. font-size: 0.9em;
  86. position: relative;
  87. margin:15px 15px 30px 15px;
  88. width: 96%;
  89. padding: 4px;
  90. background: #bbdd8a;
  91. -webkit-border-radius: 5px;
  92. -moz-border-radius: 5px;
  93. border-radius: 5px;
  94. border: #91c04b solid 1px;
  95. color:#63862c;
  96. -moz-box-shadow: 1px 1px 1px 0px #656565;
  97. -webkit-box-shadow: 1px 1px 1px 0px #656565;
  98. -o-box-shadow: 1px 1px 1px 0px #656565;
  99. box-shadow: 1px 1px 1px 0px #656565;
  100. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  101. }
  102. .bubble_2:before
  103. {
  104. content: '';
  105. position: absolute;
  106. border-style: solid;
  107. border-width: 12px 14px 12px 0;
  108. border-color: transparent #bbdd8a;
  109. display: block;
  110. width: 0;
  111. z-index: 0;
  112. margin-top: -12px;
  113. left: -13px;
  114. top: 10%;
  115. }
  116. .bubble_3
  117. {
  118. font-size: 0.8em;
  119. position: relative;
  120. margin:15px 15px 30px 15px;
  121. width: 96%;
  122. padding: 4px;
  123. background: #f18032;
  124. -webkit-border-radius: 5px;
  125. -moz-border-radius: 5px;
  126. border-radius: 5px;
  127. border: #da742d solid 1px;
  128. color:#ffffff;
  129. -moz-box-shadow: 1px 1px 1px 0px #656565;
  130. -webkit-box-shadow: 1px 1px 1px 0px #656565;
  131. -o-box-shadow: 1px 1px 1px 0px #656565;
  132. box-shadow: 1px 1px 1px 0px #656565;
  133. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  134. }
  135. .bubble_3:before
  136. {
  137. content: '';
  138. position: absolute;
  139. border-style: solid;
  140. border-width: 12px 14px 12px 0;
  141. border-color: transparent #f18032;
  142. display: block;
  143. width: 0;
  144. z-index: 0;
  145. margin-top: -10px;
  146. left: -13px;
  147. top: 10%;
  148. }
  149. .bubble_answer_3
  150. {
  151. padding:15px 15px 5px 25px;
  152. background: #FFFFFF;
  153. color:#000000;
  154. font-size: 10px;
  155. line-height: 14.6286px;
  156. -webkit-border-radius: 5px;
  157. -moz-border-radius: 5px;
  158. border-radius: 5px;
  159. border: #da742d solid 1px;
  160. -moz-box-shadow: inset 1px 1px 1px 0px #656565;
  161. -webkit-box-shadow: inset 1px 1px 1px 0px #656565;
  162. -o-box-shadow: inset 1px 1px 1px 0px #656565;
  163. box-shadow: inset 1px 1px 1px 0px #656565;
  164. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  165. }
  166. .Google_map
  167. {
  168. -webkit-border-radius: 5px;
  169. -moz-border-radius: 5px;
  170. border-radius: 5px;
  171. border : solid 8px #f5f5f5;
  172. background: #f5f5f5;
  173. text-align:center;
  174. -moz-box-shadow: 1px 1px 1px 0px #656565;
  175. -webkit-box-shadow: 1px 1px 1px 0px #656565;
  176. -o-box-shadow: 1px 1px 1px 0px #656565;
  177. box-shadow: 1px 1px 1px 0px #656565;
  178. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  179. }
  180. .bubble_adress
  181. {
  182. width:650px;
  183. height: 60px;
  184. padding: 0px;
  185. background: #53a7bf;
  186. -webkit-border-radius: 10px;
  187. -moz-border-radius: 10px;
  188. border-radius: 10px;
  189. color:#ffffff;
  190. vertical-align:middle;
  191. margin-left:35px;
  192. text-align:center;
  193. -moz-box-shadow: 1px 1px 1px 0px #656565;
  194. -webkit-box-shadow: 1px 1px 1px 0px #656565;
  195. -o-box-shadow: 1px 1px 1px 0px #656565;
  196. box-shadow: 1px 1px 1px 0px #656565;
  197. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  198. }
  199. .bubble_adress:after
  200. {
  201. content: '';
  202. position: absolute;
  203. border-style: solid;
  204. border-width: 15px 15px 0;
  205. border-color: #53a7bf transparent;
  206. display: block;
  207. width: 0;
  208. z-index: 1;
  209. bottom: -4px;
  210. left: 50%;
  211. }
  212. .contact_box
  213. {
  214. position: relative;
  215. margin:30px 30px 30px 30px;
  216. width: 96%;
  217. padding: 20px 20px 20px 20px;
  218. background: #d3e0ea;
  219. -webkit-border-radius: 8px;
  220. -moz-border-radius: 8px;
  221. border-radius: 8px;
  222. font-size: 0.8em;
  223. -moz-box-shadow: 1px 1px 1px 0px #656565;
  224. -webkit-box-shadow: 1px 1px 1px 0px #656565;
  225. -o-box-shadow: 1px 1px 1px 0px #656565;
  226. box-shadow: 1px 1px 1px 0px #656565;
  227. filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=1);
  228. }
  229. body {
  230. margin: 0;
  231. }
  232. article,
  233. aside,
  234. details,
  235. figcaption,
  236. figure,
  237. footer,
  238. header,
  239. hgroup,
  240. main,
  241. nav,
  242. section,
  243. summary {
  244. display: block;
  245. }
  246. audio,
  247. canvas,
  248. progress,
  249. video {
  250. display: inline-block;
  251. vertical-align: baseline;
  252. }
  253. audio:not([controls]) {
  254. display: none;
  255. height: 0;
  256. }
  257. [hidden],
  258. template {
  259. display: none;
  260. }
  261. a {
  262. background: transparent;
  263. }
  264. a:active,
  265. a:hover {
  266. outline: 0;
  267. }
  268. abbr[title] {
  269. border-bottom: 1px dotted;
  270. }
  271. b,
  272. strong {
  273. font-weight: bold;
  274. }
  275. dfn {
  276. font-style: italic;
  277. }
  278. h1 {
  279. font-size: 2em;
  280. margin: 0.67em 0;
  281. }
  282. mark {
  283. background: #ff0;
  284. color: #000;
  285. }
  286. small {
  287. font-size: 80%;
  288. }
  289. sub,
  290. sup {
  291. font-size: 75%;
  292. line-height: 0;
  293. position: relative;
  294. vertical-align: baseline;
  295. }
  296. sup {
  297. top: -0.5em;
  298. }
  299. sub {
  300. bottom: -0.25em;
  301. }
  302. img {
  303. border: 0;
  304. }
  305. svg:not(:root) {
  306. overflow: hidden;
  307. }
  308. figure {
  309. margin: 1em 40px;
  310. }
  311. hr {
  312. -moz-box-sizing: content-box;
  313. box-sizing: content-box;
  314. height: 0;
  315. }
  316. pre {
  317. overflow: auto;
  318. }
  319. code,
  320. kbd,
  321. pre,
  322. samp {
  323. font-family: monospace, monospace;
  324. font-size: 1em;
  325. }
  326. button,
  327. input,
  328. optgroup,
  329. select,
  330. textarea {
  331. color: inherit;
  332. font: inherit;
  333. margin: 0;
  334. }
  335. button {
  336. overflow: visible;
  337. }
  338. button,
  339. select {
  340. text-transform: none;
  341. }
  342. button,
  343. html input[type="button"],
  344. input[type="reset"],
  345. input[type="submit"] {
  346. -webkit-appearance: button;
  347. cursor: pointer;
  348. }
  349. button[disabled],
  350. html input[disabled] {
  351. cursor: default;
  352. }
  353. button::-moz-focus-inner,
  354. input::-moz-focus-inner {
  355. border: 0;
  356. padding: 0;
  357. }
  358. input {
  359. line-height: normal;
  360. }
  361. input[type="checkbox"],
  362. input[type="radio"] {
  363. box-sizing: border-box;
  364. padding: 0;
  365. }
  366. input[type="number"]::-webkit-inner-spin-button,
  367. input[type="number"]::-webkit-outer-spin-button {
  368. height: auto;
  369. }
  370. input[type="search"] {
  371. -webkit-appearance: textfield;
  372. -moz-box-sizing: content-box;
  373. -webkit-box-sizing: content-box;
  374. box-sizing: content-box;
  375. }
  376. input[type="search"]::-webkit-search-cancel-button,
  377. input[type="search"]::-webkit-search-decoration {
  378. -webkit-appearance: none;
  379. }
  380. fieldset {
  381. border: 1px solid #c0c0c0;
  382. margin: 0 2px;
  383. padding: 0.35em 0.625em 0.75em;
  384. }
  385. legend {
  386. border: 0;
  387. padding: 0;
  388. }
  389. textarea {
  390. overflow: auto;
  391. }
  392. optgroup {
  393. font-weight: bold;
  394. }
  395. table {
  396. border-collapse: collapse;
  397. border-spacing: 0;
  398. }
  399. td,
  400. th {
  401. padding: 0;
  402. }
  403. @media print {
  404. * {
  405. text-shadow: none !important;
  406. color: #000 !important;
  407. background: transparent !important;
  408. box-shadow: none !important;
  409. }
  410. a,
  411. a:visited {
  412. text-decoration: underline;
  413. }
  414. a[href]:after {
  415. content: " (" attr(href) ")";
  416. }
  417. abbr[title]:after {
  418. content: " (" attr(title) ")";
  419. }
  420. a[href^="javascript:"]:after,
  421. a[href^="#"]:after {
  422. content: "";
  423. }
  424. pre,
  425. blockquote {
  426. border: 1px solid #999;
  427. page-break-inside: avoid;
  428. }
  429. thead {
  430. display: table-header-group;
  431. }
  432. tr,
  433. img {
  434. page-break-inside: avoid;
  435. }
  436. img {
  437. max-width: 100% !important;
  438. }
  439. p,
  440. h2,
  441. h3 {
  442. orphans: 3;
  443. widows: 3;
  444. }
  445. h2,
  446. h3 {
  447. page-break-after: avoid;
  448. }
  449. select {
  450. background: #fff !important;
  451. }
  452. .navbar {
  453. display: none;
  454. font-family: 'Montserrat', sans-serif;
  455. }
  456. .table td,
  457. .table th {
  458. background-color: #fff !important;
  459. }
  460. .btn > .caret,
  461. .dropup > .btn > .caret {
  462. border-top-color: #000 !important;
  463. }
  464. .label {
  465. border: 1px solid #000;
  466. }
  467. .table {
  468. border-collapse: collapse !important;
  469. }
  470. .table-bordered th,
  471. .table-bordered td {
  472. border: 1px solid #ddd !important;
  473. }
  474. }
  475. * {
  476. -webkit-box-sizing: border-box;
  477. -moz-box-sizing: border-box;
  478. box-sizing: border-box;
  479. }
  480. *:before,
  481. *:after {
  482. -webkit-box-sizing: border-box;
  483. -moz-box-sizing: border-box;
  484. box-sizing: border-box;
  485. }
  486. html {
  487. font-size: 62.5%;
  488. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  489. }
  490. body {
  491. font-size: 16px;
  492. line-height: 1.42857143;
  493. color: #4d4d4d;
  494. background-color: #ffffff;
  495. }
  496. input,
  497. button,
  498. select,
  499. textarea {
  500. font-family: inherit;
  501. font-size: inherit;
  502. line-height: inherit;
  503. }
  504. a {
  505. color: #6b11b1;
  506. text-decoration: none;
  507. }
  508. a:hover,
  509. a:focus {
  510. color: #410a6b;
  511. text-decoration: underline;
  512. }
  513. a:focus {
  514. outline: thin dotted;
  515. outline: 5px auto -webkit-focus-ring-color;
  516. outline-offset: -2px;
  517. }
  518. figure {
  519. margin: 0;
  520. }
  521. img {
  522. vertical-align: middle;
  523. }
  524. .img-responsive,
  525. .thumbnail > img,
  526. .thumbnail a > img,
  527. .carousel-inner > .item > img,
  528. .carousel-inner > .item > a > img {
  529. display: block;
  530. max-width: 100%;
  531. height: auto;
  532. }
  533. .img-rounded {
  534. border-radius: 0px;
  535. }
  536. .img-thumbnail {
  537. padding: 4px;
  538. line-height: 1.42857143;
  539. background-color: #ffffff;
  540. border: 1px solid #dddddd;
  541. border-radius: 0px;
  542. -webkit-transition: all 0.2s ease-in-out;
  543. transition: all 0.2s ease-in-out;
  544. display: inline-block;
  545. max-width: 100%;
  546. height: auto;
  547. }
  548. .img-circle {
  549. border-radius: 50%;
  550. }
  551. hr {
  552. margin-top: 22px;
  553. margin-bottom: 22px;
  554. border: 0;
  555. border-top: 1px solid #dedede;
  556. }
  557. .sr-only {
  558. position: absolute;
  559. width: 1px;
  560. height: 1px;
  561. margin: -1px;
  562. padding: 0;
  563. overflow: hidden;
  564. clip: rect(0, 0, 0, 0);
  565. border: 0;
  566. }
  567. h1,
  568. h2,
  569. h3,
  570. h4,
  571. h5,
  572. h6,
  573. .h1,
  574. .h2,
  575. .h3,
  576. .h4,
  577. .h5,
  578. .h6 {
  579. font-family: inherit;
  580. font-weight: 100;
  581. line-height: 1.1;
  582. color: #b5b5b5;
  583. }
  584. h1 small,
  585. h2 small,
  586. h3 small,
  587. h4 small,
  588. h5 small,
  589. h6 small,
  590. .h1 small,
  591. .h2 small,
  592. .h3 small,
  593. .h4 small,
  594. .h5 small,
  595. .h6 small,
  596. h1 .small,
  597. h2 .small,
  598. h3 .small,
  599. h4 .small,
  600. h5 .small,
  601. h6 .small,
  602. .h1 .small,
  603. .h2 .small,
  604. .h3 .small,
  605. .h4 .small,
  606. .h5 .small,
  607. .h6 .small {
  608. font-weight: normal;
  609. line-height: 1;
  610. color: #bfbfbf;
  611. }
  612. h1,
  613. .h1,
  614. h2,
  615. .h2,
  616. h3,
  617. .h3 {
  618. margin-top: 22px;
  619. margin-bottom: 11px;
  620. }
  621. h1 small,
  622. .h1 small,
  623. h2 small,
  624. .h2 small,
  625. h3 small,
  626. .h3 small,
  627. h1 .small,
  628. .h1 .small,
  629. h2 .small,
  630. .h2 .small,
  631. h3 .small,
  632. .h3 .small {
  633. font-size: 65%;
  634. }
  635. h4,
  636. .h4,
  637. h5,
  638. .h5,
  639. h6,
  640. .h6 {
  641. margin-top: 11px;
  642. margin-bottom: 11px;
  643. }
  644. h4 small,
  645. .h4 small,
  646. h5 small,
  647. .h5 small,
  648. h6 small,
  649. .h6 small,
  650. h4 .small,
  651. .h4 .small,
  652. h5 .small,
  653. .h5 .small,
  654. h6 .small,
  655. .h6 .small {
  656. font-size: 75%;
  657. }
  658. h1,
  659. .h1 {
  660. font-size: 48px;
  661. }
  662. h2,
  663. .h2 {
  664. font-size: 40px;
  665. }
  666. h3,
  667. .h3 {
  668. font-size: 31px;
  669. }
  670. h4,
  671. .h4 {
  672. font-size: 20px;
  673. color:#003366;
  674. }
  675. h5,
  676. .h5 {
  677. font-size: 18px;
  678. font-weight: 80;
  679. width:100%;
  680. color:#008080;
  681. }
  682. h6,
  683. .h6 {
  684. font-size: 14px;
  685. }
  686. p {
  687. margin: 0 0 11px;
  688. }
  689. .lead {
  690. margin-bottom: 22px;
  691. font-size: 18px;
  692. font-weight: 200;
  693. line-height: 1.4;
  694. }
  695. h5 {
  696. }
  697. @media (min-width: 768px) {
  698. .lead {
  699. font-size: 24px;
  700. }
  701. }
  702. small,
  703. .small {
  704. font-size: 85%;
  705. }
  706. cite {
  707. font-style: normal;
  708. }
  709. .text-left {
  710. text-align: left;
  711. }
  712. .text-right {
  713. text-align: right;
  714. }
  715. .text-center {
  716. text-align: center;
  717. }
  718. .text-justify {
  719. text-align: justify;
  720. }
  721. .text-muted {
  722. color: #4d4d4d;
  723. }
  724. .text-primary {
  725. color: #6b11b1;
  726. }
  727. a.text-primary:hover {
  728. color: #4f0d82;
  729. }
  730. .text-success {
  731. color: #3c763d;
  732. }
  733. a.text-success:hover {
  734. color: #2b542c;
  735. }
  736. .text-info {
  737. color: #31708f;
  738. }
  739. a.text-info:hover {
  740. color: #245269;
  741. }
  742. .text-warning {
  743. color: #8a6d3b;
  744. }
  745. a.text-warning:hover {
  746. color: #66512c;
  747. }
  748. .text-danger {
  749. color: #a94442;
  750. }
  751. a.text-danger:hover {
  752. color: #843534;
  753. }
  754. .bg-primary {
  755. color: #fff;
  756. background-color: #6b11b1;
  757. }
  758. a.bg-primary:hover {
  759. background-color: #4f0d82;
  760. }
  761. .bg-success {
  762. background-color: #dff0d8;
  763. }
  764. a.bg-success:hover {
  765. background-color: #c1e2b3;
  766. }
  767. .bg-info {
  768. background-color: #d9edf7;
  769. }
  770. a.bg-info:hover {
  771. background-color: #afd9ee;
  772. }
  773. .bg-warning {
  774. background-color: #fcf8e3;
  775. }
  776. a.bg-warning:hover {
  777. background-color: #f7ecb5;
  778. }
  779. .bg-danger {
  780. background-color: #f2dede;
  781. }
  782. a.bg-danger:hover {
  783. background-color: #e4b9b9;
  784. }
  785. .page-header {
  786. padding-bottom: 10px;
  787. margin: 44px 0 22px;
  788. border-bottom: 1px solid #dedede;
  789. }
  790. ul,
  791. ol {
  792. margin-top: 0;
  793. margin-bottom: 11px;
  794. }
  795. ul ul,
  796. ol ul,
  797. ul ol,
  798. ol ol {
  799. margin-bottom: 0;
  800. }
  801. .list-unstyled {
  802. padding-left: 0;
  803. list-style: none;
  804. }
  805. .list-inline {
  806. padding-left: 0;
  807. list-style: none;
  808. margin-left: -5px;
  809. }
  810. .list-inline > li {
  811. display: inline-block;
  812. padding-left: 5px;
  813. padding-right: 5px;
  814. }
  815. dl {
  816. margin-top: 0;
  817. margin-bottom: 22px;
  818. }
  819. dt,
  820. dd {
  821. line-height: 1.42857143;
  822. }
  823. dt {
  824. font-weight: bold;
  825. }
  826. dd {
  827. margin-left: 0;
  828. }
  829. @media (min-width: 768px) {
  830. .dl-horizontal dt {
  831. float: left;
  832. width: 160px;
  833. clear: left;
  834. text-align: right;
  835. overflow: hidden;
  836. text-overflow: ellipsis;
  837. white-space: nowrap;
  838. }
  839. .dl-horizontal dd {
  840. margin-left: 180px;
  841. }
  842. }
  843. abbr[title],
  844. abbr[data-original-title] {
  845. cursor: help;
  846. border-bottom: 1px dotted #bfbfbf;
  847. }
  848. .initialism {
  849. font-size: 90%;
  850. text-transform: uppercase;
  851. }
  852. blockquote {
  853. padding: 11px 22px;
  854. margin: 0 0 22px;
  855. font-size: 20px;
  856. border-left: 5px solid #6b11b1;
  857. }
  858. blockquote p:last-child,
  859. blockquote ul:last-child,
  860. blockquote ol:last-child {
  861. margin-bottom: 0;
  862. }
  863. blockquote footer,
  864. blockquote small,
  865. blockquote .small {
  866. display: block;
  867. font-size: 80%;
  868. line-height: 1.42857143;
  869. color: #bfbfbf;
  870. }
  871. blockquote footer:before,
  872. blockquote small:before,
  873. blockquote .small:before {
  874. content: '\2014 \00A0';
  875. }
  876. .blockquote-reverse,
  877. blockquote.pull-right {
  878. padding-right: 15px;
  879. padding-left: 0;
  880. border-right: 5px solid #6b11b1;
  881. border-left: 0;
  882. text-align: right;
  883. }
  884. .blockquote-reverse footer:before,
  885. blockquote.pull-right footer:before,
  886. .blockquote-reverse small:before,
  887. blockquote.pull-right small:before,
  888. .blockquote-reverse .small:before,
  889. blockquote.pull-right .small:before {
  890. content: '';
  891. }
  892. .blockquote-reverse footer:after,
  893. blockquote.pull-right footer:after,
  894. .blockquote-reverse small:after,
  895. blockquote.pull-right small:after,
  896. .blockquote-reverse .small:after,
  897. blockquote.pull-right .small:after {
  898. content: '\00A0 \2014';
  899. }
  900. blockquote:before,
  901. blockquote:after {
  902. content: "";
  903. }
  904. address {
  905. margin-bottom: 22px;
  906. font-style: normal;
  907. line-height: 1.42857143;
  908. }
  909. code,
  910. kbd,
  911. pre,
  912. samp {
  913. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  914. }
  915. code {
  916. padding: 2px 4px;
  917. font-size: 90%;
  918. color: #c7254e;
  919. background-color: #f9f2f4;
  920. white-space: nowrap;
  921. border-radius: 0px;
  922. }
  923. kbd {
  924. padding: 2px 4px;
  925. font-size: 90%;
  926. color: #ffffff;
  927. background-color: #333333;
  928. border-radius: 0px;
  929. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  930. }
  931. pre {
  932. display: block;
  933. padding: 10.5px;
  934. margin: 0 0 11px;
  935. font-size: 15px;
  936. line-height: 1.42857143;
  937. word-break: break-all;
  938. word-wrap: break-word;
  939. color: #999999;
  940. background-color: #f5f5f5;
  941. border: 1px solid #cccccc;
  942. border-radius: 0px;
  943. }
  944. pre code {
  945. padding: 0;
  946. font-size: inherit;
  947. color: inherit;
  948. white-space: pre-wrap;
  949. background-color: transparent;
  950. border-radius: 0;
  951. }
  952. .pre-scrollable {
  953. max-height: 340px;
  954. overflow-y: scroll;
  955. }
  956. .container {
  957. margin-right: auto;
  958. margin-left: auto;
  959. padding-left: 15px;
  960. padding-right: 15px;
  961. }
  962. @media (min-width: 768px) {
  963. .container {
  964. width: 750px;
  965. }
  966. }
  967. @media (min-width: 992px) {
  968. .container {
  969. width: 970px;
  970. }
  971. }
  972. @media (min-width: 1200px) {
  973. .container {
  974. width: 1170px;
  975. }
  976. }
  977. .container-fluid {
  978. margin-right: auto;
  979. margin-left: auto;
  980. padding-left: 15px;
  981. padding-right: 15px;
  982. }
  983. .row {
  984. margin-left: -15px;
  985. margin-right: -15px;
  986. }
  987. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  988. position: relative;
  989. min-height: 1px;
  990. padding-left: 15px;
  991. padding-right: 15px;
  992. }
  993. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  994. float: left;
  995. }
  996. .col-xs-12 {
  997. width: 100%;
  998. }
  999. .col-xs-11 {
  1000. width: 91.66666667%;
  1001. }
  1002. .col-xs-10 {
  1003. width: 83.33333333%;
  1004. }
  1005. .col-xs-9 {
  1006. width: 75%;
  1007. }
  1008. .col-xs-8 {
  1009. width: 66.66666667%;
  1010. }
  1011. .col-xs-7 {
  1012. width: 58.33333333%;
  1013. }
  1014. .col-xs-6 {
  1015. width: 50%;
  1016. }
  1017. .col-xs-5 {
  1018. width: 41.66666667%;
  1019. }
  1020. .col-xs-4 {
  1021. width: 33.33333333%;
  1022. }
  1023. .col-xs-3 {
  1024. width: 25%;
  1025. }
  1026. .col-xs-2 {
  1027. width: 16.66666667%;
  1028. }
  1029. .col-xs-1 {
  1030. width: 8.33333333%;
  1031. }
  1032. .col-xs-pull-12 {
  1033. right: 100%;
  1034. }
  1035. .col-xs-pull-11 {
  1036. right: 91.66666667%;
  1037. }
  1038. .col-xs-pull-10 {
  1039. right: 83.33333333%;
  1040. }
  1041. .col-xs-pull-9 {
  1042. right: 75%;
  1043. }
  1044. .col-xs-pull-8 {
  1045. right: 66.66666667%;
  1046. }
  1047. .col-xs-pull-7 {
  1048. right: 58.33333333%;
  1049. }
  1050. .col-xs-pull-6 {
  1051. right: 50%;
  1052. }
  1053. .col-xs-pull-5 {
  1054. right: 41.66666667%;
  1055. }
  1056. .col-xs-pull-4 {
  1057. right: 33.33333333%;
  1058. }
  1059. .col-xs-pull-3 {
  1060. right: 25%;
  1061. }
  1062. .col-xs-pull-2 {
  1063. right: 16.66666667%;
  1064. }
  1065. .col-xs-pull-1 {
  1066. right: 8.33333333%;
  1067. }
  1068. .col-xs-pull-0 {
  1069. right: 0%;
  1070. }
  1071. .col-xs-push-12 {
  1072. left: 100%;
  1073. }
  1074. .col-xs-push-11 {
  1075. left: 91.66666667%;
  1076. }
  1077. .col-xs-push-10 {
  1078. left: 83.33333333%;
  1079. }
  1080. .col-xs-push-9 {
  1081. left: 75%;
  1082. }
  1083. .col-xs-push-8 {
  1084. left: 66.66666667%;
  1085. }
  1086. .col-xs-push-7 {
  1087. left: 58.33333333%;
  1088. }
  1089. .col-xs-push-6 {
  1090. left: 50%;
  1091. }
  1092. .col-xs-push-5 {
  1093. left: 41.66666667%;
  1094. }
  1095. .col-xs-push-4 {
  1096. left: 33.33333333%;
  1097. }
  1098. .col-xs-push-3 {
  1099. left: 25%;
  1100. }
  1101. .col-xs-push-2 {
  1102. left: 16.66666667%;
  1103. }
  1104. .col-xs-push-1 {
  1105. left: 8.33333333%;
  1106. }
  1107. .col-xs-push-0 {
  1108. left: 0%;
  1109. }
  1110. .col-xs-offset-12 {
  1111. margin-left: 100%;
  1112. }
  1113. .col-xs-offset-11 {
  1114. margin-left: 91.66666667%;
  1115. }
  1116. .col-xs-offset-10 {
  1117. margin-left: 83.33333333%;
  1118. }
  1119. .col-xs-offset-9 {
  1120. margin-left: 75%;
  1121. }
  1122. .col-xs-offset-8 {
  1123. margin-left: 66.66666667%;
  1124. }
  1125. .col-xs-offset-7 {
  1126. margin-left: 58.33333333%;
  1127. }
  1128. .col-xs-offset-6 {
  1129. margin-left: 50%;
  1130. }
  1131. .col-xs-offset-5 {
  1132. margin-left: 41.66666667%;
  1133. }
  1134. .col-xs-offset-4 {
  1135. margin-left: 33.33333333%;
  1136. }
  1137. .col-xs-offset-3 {
  1138. margin-left: 25%;
  1139. }
  1140. .col-xs-offset-2 {
  1141. margin-left: 16.66666667%;
  1142. }
  1143. .col-xs-offset-1 {
  1144. margin-left: 8.33333333%;
  1145. }
  1146. .col-xs-offset-0 {
  1147. margin-left: 0%;
  1148. }
  1149. @media (min-width: 768px) {
  1150. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  1151. float: left;
  1152. }
  1153. .col-sm-12 {
  1154. width: 100%;
  1155. }
  1156. .col-sm-11 {
  1157. width: 91.66666667%;
  1158. }
  1159. .col-sm-10 {
  1160. width: 83.33333333%;
  1161. }
  1162. .col-sm-9 {
  1163. width: 75%;
  1164. }
  1165. .col-sm-8 {
  1166. width: 66.66666667%;
  1167. }
  1168. .col-sm-7 {
  1169. width: 58.33333333%;
  1170. }
  1171. .col-sm-6 {
  1172. width: 50%;
  1173. }
  1174. .col-sm-5 {
  1175. width: 41.66666667%;
  1176. }
  1177. .col-sm-4 {
  1178. width: 33.33333333%;
  1179. }
  1180. .col-sm-3 {
  1181. width: 25%;
  1182. }
  1183. .col-sm-2 {
  1184. width: 16.66666667%;
  1185. }
  1186. .col-sm-1 {
  1187. width: 8.33333333%;
  1188. }
  1189. .col-sm-pull-12 {
  1190. right: 100%;
  1191. }
  1192. .col-sm-pull-11 {
  1193. right: 91.66666667%;
  1194. }
  1195. .col-sm-pull-10 {
  1196. right: 83.33333333%;
  1197. }
  1198. .col-sm-pull-9 {
  1199. right: 75%;
  1200. }
  1201. .col-sm-pull-8 {
  1202. right: 66.66666667%;
  1203. }
  1204. .col-sm-pull-7 {
  1205. right: 58.33333333%;
  1206. }
  1207. .col-sm-pull-6 {
  1208. right: 50%;
  1209. }
  1210. .col-sm-pull-5 {
  1211. right: 41.66666667%;
  1212. }
  1213. .col-sm-pull-4 {
  1214. right: 33.33333333%;
  1215. }
  1216. .col-sm-pull-3 {
  1217. right: 25%;
  1218. }
  1219. .col-sm-pull-2 {
  1220. right: 16.66666667%;
  1221. }
  1222. .col-sm-pull-1 {
  1223. right: 8.33333333%;
  1224. }
  1225. .col-sm-pull-0 {
  1226. right: 0%;
  1227. }
  1228. .col-sm-push-12 {
  1229. left: 100%;
  1230. }
  1231. .col-sm-push-11 {
  1232. left: 91.66666667%;
  1233. }
  1234. .col-sm-push-10 {
  1235. left: 83.33333333%;
  1236. }
  1237. .col-sm-push-9 {
  1238. left: 75%;
  1239. }
  1240. .col-sm-push-8 {
  1241. left: 66.66666667%;
  1242. }
  1243. .col-sm-push-7 {
  1244. left: 58.33333333%;
  1245. }
  1246. .col-sm-push-6 {
  1247. left: 50%;
  1248. }
  1249. .col-sm-push-5 {
  1250. left: 41.66666667%;
  1251. }
  1252. .col-sm-push-4 {
  1253. left: 33.33333333%;
  1254. }
  1255. .col-sm-push-3 {
  1256. left: 25%;
  1257. }
  1258. .col-sm-push-2 {
  1259. left: 16.66666667%;
  1260. }
  1261. .col-sm-push-1 {
  1262. left: 8.33333333%;
  1263. }
  1264. .col-sm-push-0 {
  1265. left: 0%;
  1266. }
  1267. .col-sm-offset-12 {
  1268. margin-left: 100%;
  1269. }
  1270. .col-sm-offset-11 {
  1271. margin-left: 91.66666667%;
  1272. }
  1273. .col-sm-offset-10 {
  1274. margin-left: 83.33333333%;
  1275. }
  1276. .col-sm-offset-9 {
  1277. margin-left: 75%;
  1278. }
  1279. .col-sm-offset-8 {
  1280. margin-left: 66.66666667%;
  1281. }
  1282. .col-sm-offset-7 {
  1283. margin-left: 58.33333333%;
  1284. }
  1285. .col-sm-offset-6 {
  1286. margin-left: 50%;
  1287. }
  1288. .col-sm-offset-5 {
  1289. margin-left: 41.66666667%;
  1290. }
  1291. .col-sm-offset-4 {
  1292. margin-left: 33.33333333%;
  1293. }
  1294. .col-sm-offset-3 {
  1295. margin-left: 25%;
  1296. }
  1297. .col-sm-offset-2 {
  1298. margin-left: 16.66666667%;
  1299. }
  1300. .col-sm-offset-1 {
  1301. margin-left: 8.33333333%;
  1302. }
  1303. .col-sm-offset-0 {
  1304. margin-left: 0%;
  1305. }
  1306. }
  1307. @media (min-width: 992px) {
  1308. .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  1309. float: left;
  1310. }
  1311. .col-md-12 {
  1312. width: 100%;
  1313. }
  1314. .col-md-11 {
  1315. width: 91.66666667%;
  1316. }
  1317. .col-md-10 {
  1318. width: 83.33333333%;
  1319. }
  1320. .col-md-9 {
  1321. width: 75%;
  1322. }
  1323. .col-md-8 {
  1324. width: 66.66666667%;
  1325. }
  1326. .col-md-7 {
  1327. width: 58.33333333%;
  1328. }
  1329. .col-md-6 {
  1330. width: 50%;
  1331. }
  1332. .col-md-5 {
  1333. width: 41.66666667%;
  1334. }
  1335. .col-md-4 {
  1336. width: 33.33333333%;
  1337. }
  1338. .col-md-3 {
  1339. width: 25%;
  1340. }
  1341. .col-md-2 {
  1342. width: 16.66666667%;
  1343. }
  1344. .col-md-1 {
  1345. width: 8.33333333%;
  1346. }
  1347. .col-md-pull-12 {
  1348. right: 100%;
  1349. }
  1350. .col-md-pull-11 {
  1351. right: 91.66666667%;
  1352. }
  1353. .col-md-pull-10 {
  1354. right: 83.33333333%;
  1355. }
  1356. .col-md-pull-9 {
  1357. right: 75%;
  1358. }
  1359. .col-md-pull-8 {
  1360. right: 66.66666667%;
  1361. }
  1362. .col-md-pull-7 {
  1363. right: 58.33333333%;
  1364. }
  1365. .col-md-pull-6 {
  1366. right: 50%;
  1367. }
  1368. .col-md-pull-5 {
  1369. right: 41.66666667%;
  1370. }
  1371. .col-md-pull-4 {
  1372. right: 33.33333333%;
  1373. }
  1374. .col-md-pull-3 {
  1375. right: 25%;
  1376. }
  1377. .col-md-pull-2 {
  1378. right: 16.66666667%;
  1379. }
  1380. .col-md-pull-1 {
  1381. right: 8.33333333%;
  1382. }
  1383. .col-md-pull-0 {
  1384. right: 0%;
  1385. }
  1386. .col-md-push-12 {
  1387. left: 100%;
  1388. }
  1389. .col-md-push-11 {
  1390. left: 91.66666667%;
  1391. }
  1392. .col-md-push-10 {
  1393. left: 83.33333333%;
  1394. }
  1395. .col-md-push-9 {
  1396. left: 75%;
  1397. }
  1398. .col-md-push-8 {
  1399. left: 66.66666667%;
  1400. }
  1401. .col-md-push-7 {
  1402. left: 58.33333333%;
  1403. }
  1404. .col-md-push-6 {
  1405. left: 50%;
  1406. }
  1407. .col-md-push-5 {
  1408. left: 41.66666667%;
  1409. }
  1410. .col-md-push-4 {
  1411. left: 33.33333333%;
  1412. }
  1413. .col-md-push-3 {
  1414. left: 25%;
  1415. }
  1416. .col-md-push-2 {
  1417. left: 16.66666667%;
  1418. }
  1419. .col-md-push-1 {
  1420. left: 8.33333333%;
  1421. }
  1422. .col-md-push-0 {
  1423. left: 0%;
  1424. }
  1425. .col-md-offset-12 {
  1426. margin-left: 100%;
  1427. }
  1428. .col-md-offset-11 {
  1429. margin-left: 91.66666667%;
  1430. }
  1431. .col-md-offset-10 {
  1432. margin-left: 83.33333333%;
  1433. }
  1434. .col-md-offset-9 {
  1435. margin-left: 75%;
  1436. }
  1437. .col-md-offset-8 {
  1438. margin-left: 66.66666667%;
  1439. }
  1440. .col-md-offset-7 {
  1441. margin-left: 58.33333333%;
  1442. }
  1443. .col-md-offset-6 {
  1444. margin-left: 50%;
  1445. }
  1446. .col-md-offset-5 {
  1447. margin-left: 41.66666667%;
  1448. }
  1449. .col-md-offset-4 {
  1450. margin-left: 33.33333333%;
  1451. }
  1452. .col-md-offset-3 {
  1453. margin-left: 25%;
  1454. }
  1455. .col-md-offset-2 {
  1456. margin-left: 16.66666667%;
  1457. }
  1458. .col-md-offset-1 {
  1459. margin-left: 8.33333333%;
  1460. }
  1461. .col-md-offset-0 {
  1462. margin-left: 0%;
  1463. }
  1464. }
  1465. @media (min-width: 1200px) {
  1466. .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  1467. float: left;
  1468. }
  1469. .col-lg-12 {
  1470. width: 100%;
  1471. }
  1472. .col-lg-11 {
  1473. width: 91.66666667%;
  1474. }
  1475. .col-lg-10 {
  1476. width: 83.33333333%;
  1477. }
  1478. .col-lg-9 {
  1479. width: 75%;
  1480. }
  1481. .col-lg-8 {
  1482. width: 66.66666667%;
  1483. }
  1484. .col-lg-7 {
  1485. width: 58.33333333%;
  1486. }
  1487. .col-lg-6 {
  1488. width: 50%;
  1489. }
  1490. .col-lg-5 {
  1491. width: 41.66666667%;
  1492. }
  1493. .col-lg-4 {
  1494. width: 33.33333333%;
  1495. }
  1496. .col-lg-3 {
  1497. width: 25%;
  1498. }
  1499. .col-lg-2 {
  1500. width: 16.66666667%;
  1501. }
  1502. .col-lg-1 {
  1503. width: 8.33333333%;
  1504. }
  1505. .col-lg-pull-12 {
  1506. right: 100%;
  1507. }
  1508. .col-lg-pull-11 {
  1509. right: 91.66666667%;
  1510. }
  1511. .col-lg-pull-10 {
  1512. right: 83.33333333%;
  1513. }
  1514. .col-lg-pull-9 {
  1515. right: 75%;
  1516. }
  1517. .col-lg-pull-8 {
  1518. right: 66.66666667%;
  1519. }
  1520. .col-lg-pull-7 {
  1521. right: 58.33333333%;
  1522. }
  1523. .col-lg-pull-6 {
  1524. right: 50%;
  1525. }
  1526. .col-lg-pull-5 {
  1527. right: 41.66666667%;
  1528. }
  1529. .col-lg-pull-4 {
  1530. right: 33.33333333%;
  1531. }
  1532. .col-lg-pull-3 {
  1533. right: 25%;
  1534. }
  1535. .col-lg-pull-2 {
  1536. right: 16.66666667%;
  1537. }
  1538. .col-lg-pull-1 {
  1539. right: 8.33333333%;
  1540. }
  1541. .col-lg-pull-0 {
  1542. right: 0%;
  1543. }
  1544. .col-lg-push-12 {
  1545. left: 100%;
  1546. }
  1547. .col-lg-push-11 {
  1548. left: 91.66666667%;
  1549. }
  1550. .col-lg-push-10 {
  1551. left: 83.33333333%;
  1552. }
  1553. .col-lg-push-9 {
  1554. left: 75%;
  1555. }
  1556. .col-lg-push-8 {
  1557. left: 66.66666667%;
  1558. }
  1559. .col-lg-push-7 {
  1560. left: 58.33333333%;
  1561. }
  1562. .col-lg-push-6 {
  1563. left: 50%;
  1564. }
  1565. .col-lg-push-5 {
  1566. left: 41.66666667%;
  1567. }
  1568. .col-lg-push-4 {
  1569. left: 33.33333333%;
  1570. }
  1571. .col-lg-push-3 {
  1572. left: 25%;
  1573. }
  1574. .col-lg-push-2 {
  1575. left: 16.66666667%;
  1576. }
  1577. .col-lg-push-1 {
  1578. left: 8.33333333%;
  1579. }
  1580. .col-lg-push-0 {
  1581. left: 0%;
  1582. }
  1583. .col-lg-offset-12 {
  1584. margin-left: 100%;
  1585. }
  1586. .col-lg-offset-11 {
  1587. margin-left: 91.66666667%;
  1588. }
  1589. .col-lg-offset-10 {
  1590. margin-left: 83.33333333%;
  1591. }
  1592. .col-lg-offset-9 {
  1593. margin-left: 75%;
  1594. }
  1595. .col-lg-offset-8 {
  1596. margin-left: 66.66666667%;
  1597. }
  1598. .col-lg-offset-7 {
  1599. margin-left: 58.33333333%;
  1600. }
  1601. .col-lg-offset-6 {
  1602. margin-left: 50%;
  1603. }
  1604. .col-lg-offset-5 {
  1605. margin-left: 41.66666667%;
  1606. }
  1607. .col-lg-offset-4 {
  1608. margin-left: 33.33333333%;
  1609. }
  1610. .col-lg-offset-3 {
  1611. margin-left: 25%;
  1612. }
  1613. .col-lg-offset-2 {
  1614. margin-left: 16.66666667%;
  1615. }
  1616. .col-lg-offset-1 {
  1617. margin-left: 8.33333333%;
  1618. }
  1619. .col-lg-offset-0 {
  1620. margin-left: 0%;
  1621. }
  1622. }
  1623. table {
  1624. max-width: 100%;
  1625. background-color: transparent;
  1626. }
  1627. th {
  1628. text-align: left;
  1629. }
  1630. .table {
  1631. width: 100%;
  1632. margin-bottom: 22px;
  1633. }
  1634. .table > thead > tr > th,
  1635. .table > tbody > tr > th,
  1636. .table > tfoot > tr > th,
  1637. .table > thead > tr > td,
  1638. .table > tbody > tr > td,
  1639. .table > tfoot > tr > td {
  1640. padding: 8px;
  1641. line-height: 1.42857143;
  1642. vertical-align: top;
  1643. border-top: 1px solid #dddddd;
  1644. }
  1645. .table > thead > tr > th {
  1646. vertical-align: bottom;
  1647. border-bottom: 2px solid #dddddd;
  1648. }
  1649. .table > caption + thead > tr:first-child > th,
  1650. .table > colgroup + thead > tr:first-child > th,
  1651. .table > thead:first-child > tr:first-child > th,
  1652. .table > caption + thead > tr:first-child > td,
  1653. .table > colgroup + thead > tr:first-child > td,
  1654. .table > thead:first-child > tr:first-child > td {
  1655. border-top: 0;
  1656. }
  1657. .table > tbody + tbody {
  1658. border-top: 2px solid #dddddd;
  1659. }
  1660. .table .table {
  1661. background-color: #ffffff;
  1662. }
  1663. .table-condensed > thead > tr > th,
  1664. .table-condensed > tbody > tr > th,
  1665. .table-condensed > tfoot > tr > th,
  1666. .table-condensed > thead > tr > td,
  1667. .table-condensed > tbody > tr > td,
  1668. .table-condensed > tfoot > tr > td {
  1669. padding: 5px;
  1670. }
  1671. .table-bordered {
  1672. border: 1px solid #dddddd;
  1673. }
  1674. .table-bordered > thead > tr > th,
  1675. .table-bordered > tbody > tr > th,
  1676. .table-bordered > tfoot > tr > th,
  1677. .table-bordered > thead > tr > td,
  1678. .table-bordered > tbody > tr > td,
  1679. .table-bordered > tfoot > tr > td {
  1680. border: 1px solid #dddddd;
  1681. }
  1682. .table-bordered > thead > tr > th,
  1683. .table-bordered > thead > tr > td {
  1684. border-bottom-width: 2px;
  1685. }
  1686. .table-striped > tbody > tr:nth-child(odd) > td,
  1687. .table-striped > tbody > tr:nth-child(odd) > th {
  1688. background-color: #f9f9f9;
  1689. }
  1690. .table-hover > tbody > tr:hover > td,
  1691. .table-hover > tbody > tr:hover > th {
  1692. background-color: #f5f5f5;
  1693. }
  1694. table col[class*="col-"] {
  1695. position: static;
  1696. float: none;
  1697. display: table-column;
  1698. }
  1699. table td[class*="col-"],
  1700. table th[class*="col-"] {
  1701. position: static;
  1702. float: none;
  1703. display: table-cell;
  1704. }
  1705. .table > thead > tr > td.active,
  1706. .table > tbody > tr > td.active,
  1707. .table > tfoot > tr > td.active,
  1708. .table > thead > tr > th.active,
  1709. .table > tbody > tr > th.active,
  1710. .table > tfoot > tr > th.active,
  1711. .table > thead > tr.active > td,
  1712. .table > tbody > tr.active > td,
  1713. .table > tfoot > tr.active > td,
  1714. .table > thead > tr.active > th,
  1715. .table > tbody > tr.active > th,
  1716. .table > tfoot > tr.active > th {
  1717. background-color: #f5f5f5;
  1718. }
  1719. .table-hover > tbody > tr > td.active:hover,
  1720. .table-hover > tbody > tr > th.active:hover,
  1721. .table-hover > tbody > tr.active:hover > td,
  1722. .table-hover > tbody > tr.active:hover > th {
  1723. background-color: #e8e8e8;
  1724. }
  1725. .table > thead > tr > td.success,
  1726. .table > tbody > tr > td.success,
  1727. .table > tfoot > tr > td.success,
  1728. .table > thead > tr > th.success,
  1729. .table > tbody > tr > th.success,
  1730. .table > tfoot > tr > th.success,
  1731. .table > thead > tr.success > td,
  1732. .table > tbody > tr.success > td,
  1733. .table > tfoot > tr.success > td,
  1734. .table > thead > tr.success > th,
  1735. .table > tbody > tr.success > th,
  1736. .table > tfoot > tr.success > th {
  1737. background-color: #dff0d8;
  1738. }
  1739. .table-hover > tbody > tr > td.success:hover,
  1740. .table-hover > tbody > tr > th.success:hover,
  1741. .table-hover > tbody > tr.success:hover > td,
  1742. .table-hover > tbody > tr.success:hover > th {
  1743. background-color: #d0e9c6;
  1744. }
  1745. .table > thead > tr > td.info,
  1746. .table > tbody > tr > td.info,
  1747. .table > tfoot > tr > td.info,
  1748. .table > thead > tr > th.info,
  1749. .table > tbody > tr > th.info,
  1750. .table > tfoot > tr > th.info,
  1751. .table > thead > tr.info > td,
  1752. .table > tbody > tr.info > td,
  1753. .table > tfoot > tr.info > td,
  1754. .table > thead > tr.info > th,
  1755. .table > tbody > tr.info > th,
  1756. .table > tfoot > tr.info > th {
  1757. background-color: #d9edf7;
  1758. }
  1759. .table-hover > tbody > tr > td.info:hover,
  1760. .table-hover > tbody > tr > th.info:hover,
  1761. .table-hover > tbody > tr.info:hover > td,
  1762. .table-hover > tbody > tr.info:hover > th {
  1763. background-color: #c4e3f3;
  1764. }
  1765. .table > thead > tr > td.warning,
  1766. .table > tbody > tr > td.warning,
  1767. .table > tfoot > tr > td.warning,
  1768. .table > thead > tr > th.warning,
  1769. .table > tbody > tr > th.warning,
  1770. .table > tfoot > tr > th.warning,
  1771. .table > thead > tr.warning > td,
  1772. .table > tbody > tr.warning > td,
  1773. .table > tfoot > tr.warning > td,
  1774. .table > thead > tr.warning > th,
  1775. .table > tbody > tr.warning > th,
  1776. .table > tfoot > tr.warning > th {
  1777. background-color: #fcf8e3;
  1778. }
  1779. .table-hover > tbody > tr > td.warning:hover,
  1780. .table-hover > tbody > tr > th.warning:hover,
  1781. .table-hover > tbody > tr.warning:hover > td,
  1782. .table-hover > tbody > tr.warning:hover > th {
  1783. background-color: #faf2cc;
  1784. }
  1785. .table > thead > tr > td.danger,
  1786. .table > tbody > tr > td.danger,
  1787. .table > tfoot > tr > td.danger,
  1788. .table > thead > tr > th.danger,
  1789. .table > tbody > tr > th.danger,
  1790. .table > tfoot > tr > th.danger,
  1791. .table > thead > tr.danger > td,
  1792. .table > tbody > tr.danger > td,
  1793. .table > tfoot > tr.danger > td,
  1794. .table > thead > tr.danger > th,
  1795. .table > tbody > tr.danger > th,
  1796. .table > tfoot > tr.danger > th {
  1797. background-color: #f2dede;
  1798. }
  1799. .table-hover > tbody > tr > td.danger:hover,
  1800. .table-hover > tbody > tr > th.danger:hover,
  1801. .table-hover > tbody > tr.danger:hover > td,
  1802. .table-hover > tbody > tr.danger:hover > th {
  1803. background-color: #ebcccc;
  1804. }
  1805. @media (max-width: 767px) {
  1806. .table-responsive {
  1807. width: 100%;
  1808. margin-bottom: 16.5px;
  1809. overflow-y: hidden;
  1810. overflow-x: scroll;
  1811. -ms-overflow-style: -ms-autohiding-scrollbar;
  1812. border: 1px solid #dddddd;
  1813. -webkit-overflow-scrolling: touch;
  1814. }
  1815. .table-responsive > .table {
  1816. margin-bottom: 0;
  1817. }
  1818. .table-responsive > .table > thead > tr > th,
  1819. .table-responsive > .table > tbody > tr > th,
  1820. .table-responsive > .table > tfoot > tr > th,
  1821. .table-responsive > .table > thead > tr > td,
  1822. .table-responsive > .table > tbody > tr > td,
  1823. .table-responsive > .table > tfoot > tr > td {
  1824. white-space: nowrap;
  1825. }
  1826. .table-responsive > .table-bordered {
  1827. border: 0;
  1828. }
  1829. .table-responsive > .table-bordered > thead > tr > th:first-child,
  1830. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1831. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1832. .table-responsive > .table-bordered > thead > tr > td:first-child,
  1833. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1834. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  1835. border-left: 0;
  1836. }
  1837. .table-responsive > .table-bordered > thead > tr > th:last-child,
  1838. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1839. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1840. .table-responsive > .table-bordered > thead > tr > td:last-child,
  1841. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1842. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  1843. border-right: 0;
  1844. }
  1845. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1846. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  1847. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1848. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  1849. border-bottom: 0;
  1850. }
  1851. }
  1852. fieldset {
  1853. padding: 0;
  1854. margin: 0;
  1855. border: 0;
  1856. min-width: 0;
  1857. }
  1858. legend {
  1859. display: block;
  1860. width: 100%;
  1861. padding: 0;
  1862. margin-bottom: 22px;
  1863. font-size: 24px;
  1864. line-height: inherit;
  1865. color: #999999;
  1866. border: 0;
  1867. border-bottom: 1px solid #e5e5e5;
  1868. }
  1869. label {
  1870. display: inline-block;
  1871. margin-bottom: 5px;
  1872. font-weight: bold;
  1873. }
  1874. input[type="search"] {
  1875. -webkit-box-sizing: border-box;
  1876. -moz-box-sizing: border-box;
  1877. box-sizing: border-box;
  1878. }
  1879. input[type="radio"],
  1880. input[type="checkbox"] {
  1881. margin: 4px 0 0;
  1882. margin-top: 1px \9;
  1883. /* IE8-9 */
  1884. line-height: normal;
  1885. }
  1886. input[type="file"] {
  1887. display: block;
  1888. }
  1889. input[type="range"] {
  1890. display: block;
  1891. width: 100%;
  1892. }
  1893. select[multiple],
  1894. select[size] {
  1895. height: auto;
  1896. }
  1897. input[type="file"]:focus,
  1898. input[type="radio"]:focus,
  1899. input[type="checkbox"]:focus {
  1900. outline: thin dotted;
  1901. outline: 5px auto -webkit-focus-ring-color;
  1902. outline-offset: -2px;
  1903. }
  1904. output {
  1905. display: block;
  1906. padding-top: 7px;
  1907. font-size: 16px;
  1908. line-height: 1.42857143;
  1909. color: #b5b5b5;
  1910. }
  1911. .form-control {
  1912. display: block;
  1913. width: 100%;
  1914. height: 36px;
  1915. padding: 6px 12px;
  1916. font-size: 16px;
  1917. line-height: 1.42857143;
  1918. color: #b5b5b5;
  1919. background-color: #ffffff;
  1920. background-image: none;
  1921. border: 1px solid #cccccc;
  1922. border-radius: 0px;
  1923. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1924. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1925. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1926. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1927. }
  1928. .form-control:focus {
  1929. border-color: #66afe9;
  1930. outline: 0;
  1931. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1932. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  1933. }
  1934. .form-control::-moz-placeholder {
  1935. color: #bfbfbf;
  1936. opacity: 1;
  1937. }
  1938. .form-control:-ms-input-placeholder {
  1939. color: #bfbfbf;
  1940. }
  1941. .form-control::-webkit-input-placeholder {
  1942. color: #bfbfbf;
  1943. }
  1944. .form-control[disabled],
  1945. .form-control[readonly],
  1946. fieldset[disabled] .form-control {
  1947. cursor: not-allowed;
  1948. background-color: #dedede;
  1949. opacity: 1;
  1950. }
  1951. textarea.form-control {
  1952. height: auto;
  1953. }
  1954. input[type="search"] {
  1955. -webkit-appearance: none;
  1956. }
  1957. input[type="date"] {
  1958. line-height: 36px;
  1959. }
  1960. .form-group {
  1961. margin-bottom: 15px;
  1962. }
  1963. .radio,
  1964. .checkbox {
  1965. display: block;
  1966. min-height: 22px;
  1967. margin-top: 10px;
  1968. margin-bottom: 10px;
  1969. padding-left: 20px;
  1970. }
  1971. .radio label,
  1972. .checkbox label {
  1973. display: inline;
  1974. font-weight: normal;
  1975. cursor: pointer;
  1976. }
  1977. .radio input[type="radio"],
  1978. .radio-inline input[type="radio"],
  1979. .checkbox input[type="checkbox"],
  1980. .checkbox-inline input[type="checkbox"] {
  1981. float: left;
  1982. margin-left: -20px;
  1983. }
  1984. .radio + .radio,
  1985. .checkbox + .checkbox {
  1986. margin-top: -5px;
  1987. }
  1988. .radio-inline,
  1989. .checkbox-inline {
  1990. display: inline-block;
  1991. padding-left: 20px;
  1992. margin-bottom: 0;
  1993. vertical-align: middle;
  1994. font-weight: normal;
  1995. cursor: pointer;
  1996. }
  1997. .radio-inline + .radio-inline,
  1998. .checkbox-inline + .checkbox-inline {
  1999. margin-top: 0;
  2000. margin-left: 10px;
  2001. }
  2002. input[type="radio"][disabled],
  2003. input[type="checkbox"][disabled],
  2004. .radio[disabled],
  2005. .radio-inline[disabled],
  2006. .checkbox[disabled],
  2007. .checkbox-inline[disabled],
  2008. fieldset[disabled] input[type="radio"],
  2009. fieldset[disabled] input[type="checkbox"],
  2010. fieldset[disabled] .radio,
  2011. fieldset[disabled] .radio-inline,
  2012. fieldset[disabled] .checkbox,
  2013. fieldset[disabled] .checkbox-inline {
  2014. cursor: not-allowed;
  2015. }
  2016. .input-sm {
  2017. height: 33px;
  2018. padding: 5px 10px;
  2019. font-size: 14px;
  2020. line-height: 1.5;
  2021. border-radius: 0px;
  2022. }
  2023. select.input-sm {
  2024. height: 33px;
  2025. line-height: 33px;
  2026. }
  2027. textarea.input-sm,
  2028. select[multiple].input-sm {
  2029. height: auto;
  2030. }
  2031. .input-lg {
  2032. height: 49px;
  2033. padding: 10px 16px;
  2034. font-size: 20px;
  2035. line-height: 1.33;
  2036. border-radius: 0px;
  2037. }
  2038. select.input-lg {
  2039. height: 49px;
  2040. line-height: 49px;
  2041. }
  2042. textarea.input-lg,
  2043. select[multiple].input-lg {
  2044. height: auto;
  2045. }
  2046. .has-feedback {
  2047. position: relative;
  2048. }
  2049. .has-feedback .form-control {
  2050. padding-right: 45px;
  2051. }
  2052. .has-feedback .form-control-feedback {
  2053. position: absolute;
  2054. top: 27px;
  2055. right: 0;
  2056. display: block;
  2057. width: 36px;
  2058. height: 36px;
  2059. line-height: 36px;
  2060. text-align: center;
  2061. }
  2062. .has-success .help-block,
  2063. .has-success .control-label,
  2064. .has-success .radio,
  2065. .has-success .checkbox,
  2066. .has-success .radio-inline,
  2067. .has-success .checkbox-inline {
  2068. color: #3c763d;
  2069. }
  2070. .has-success .form-control {
  2071. border-color: #3c763d;
  2072. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2073. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2074. }
  2075. .has-success .form-control:focus {
  2076. border-color: #2b542c;
  2077. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2078. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2079. }
  2080. .has-success .input-group-addon {
  2081. color: #3c763d;
  2082. border-color: #3c763d;
  2083. background-color: #dff0d8;
  2084. }
  2085. .has-success .form-control-feedback {
  2086. color: #3c763d;
  2087. }
  2088. .has-warning .help-block,
  2089. .has-warning .control-label,
  2090. .has-warning .radio,
  2091. .has-warning .checkbox,
  2092. .has-warning .radio-inline,
  2093. .has-warning .checkbox-inline {
  2094. color: #8a6d3b;
  2095. }
  2096. .has-warning .form-control {
  2097. border-color: #8a6d3b;
  2098. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2099. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2100. }
  2101. .has-warning .form-control:focus {
  2102. border-color: #66512c;
  2103. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2104. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2105. }
  2106. .has-warning .input-group-addon {
  2107. color: #8a6d3b;
  2108. border-color: #8a6d3b;
  2109. background-color: #fcf8e3;
  2110. }
  2111. .has-warning .form-control-feedback {
  2112. color: #8a6d3b;
  2113. }
  2114. .has-error .help-block,
  2115. .has-error .control-label,
  2116. .has-error .radio,
  2117. .has-error .checkbox,
  2118. .has-error .radio-inline,
  2119. .has-error .checkbox-inline {
  2120. color: #a94442;
  2121. }
  2122. .has-error .form-control {
  2123. border-color: #a94442;
  2124. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2125. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2126. }
  2127. .has-error .form-control:focus {
  2128. border-color: #843534;
  2129. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2130. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2131. }
  2132. .has-error .input-group-addon {
  2133. color: #a94442;
  2134. border-color: #a94442;
  2135. background-color: #f2dede;
  2136. }
  2137. .has-error .form-control-feedback {
  2138. color: #a94442;
  2139. }
  2140. .form-control-static {
  2141. margin-bottom: 0;
  2142. }
  2143. .help-block {
  2144. display: block;
  2145. margin-top: 5px;
  2146. margin-bottom: 10px;
  2147. color: #8c8c8c;
  2148. }
  2149. @media (min-width: 768px) {
  2150. .form-inline .form-group {
  2151. display: inline-block;
  2152. margin-bottom: 0;
  2153. vertical-align: middle;
  2154. }
  2155. .form-inline .form-control {
  2156. display: inline-block;
  2157. width: auto;
  2158. vertical-align: middle;
  2159. }
  2160. .form-inline .input-group > .form-control {
  2161. width: 100%;
  2162. }
  2163. .form-inline .control-label {
  2164. margin-bottom: 0;
  2165. vertical-align: middle;
  2166. }
  2167. .form-inline .radio,
  2168. .form-inline .checkbox {
  2169. display: inline-block;
  2170. margin-top: 0;
  2171. margin-bottom: 0;
  2172. padding-left: 0;
  2173. vertical-align: middle;
  2174. }
  2175. .form-inline .radio input[type="radio"],
  2176. .form-inline .checkbox input[type="checkbox"] {
  2177. float: none;
  2178. margin-left: 0;
  2179. }
  2180. .form-inline .has-feedback .form-control-feedback {
  2181. top: 0;
  2182. }
  2183. }
  2184. .form-horizontal .control-label,
  2185. .form-horizontal .radio,
  2186. .form-horizontal .checkbox,
  2187. .form-horizontal .radio-inline,
  2188. .form-horizontal .checkbox-inline {
  2189. margin-top: 0;
  2190. margin-bottom: 0;
  2191. padding-top: 7px;
  2192. }
  2193. .form-horizontal .radio,
  2194. .form-horizontal .checkbox {
  2195. min-height: 29px;
  2196. }
  2197. .form-horizontal .form-group {
  2198. margin-left: -15px;
  2199. margin-right: -15px;
  2200. }
  2201. .form-horizontal .form-control-static {
  2202. padding-top: 7px;
  2203. }
  2204. @media (min-width: 768px) {
  2205. .form-horizontal .control-label {
  2206. text-align: right;
  2207. }
  2208. }
  2209. .form-horizontal .has-feedback .form-control-feedback {
  2210. top: 0;
  2211. right: 15px;
  2212. }
  2213. .btn {
  2214. display: inline-block;
  2215. margin-bottom: 0;
  2216. font-weight: normal;
  2217. text-align: center;
  2218. vertical-align: middle;
  2219. cursor: pointer;
  2220. background-image: none;
  2221. border: 1px solid transparent;
  2222. white-space: nowrap;
  2223. padding: 6px 12px;
  2224. font-size: 16px;
  2225. line-height: 1.42857143;
  2226. border-radius: 0px;
  2227. -webkit-user-select: none;
  2228. -moz-user-select: none;
  2229. -ms-user-select: none;
  2230. user-select: none;
  2231. }
  2232. .btn:focus,
  2233. .btn:active:focus,
  2234. .btn.active:focus {
  2235. outline: thin dotted;
  2236. outline: 5px auto -webkit-focus-ring-color;
  2237. outline-offset: -2px;
  2238. }
  2239. .btn:hover,
  2240. .btn:focus {
  2241. color: #333333;
  2242. text-decoration: none;
  2243. }
  2244. .btn:active,
  2245. .btn.active {
  2246. outline: 0;
  2247. background-image: none;
  2248. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2249. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2250. }
  2251. .btn.disabled,
  2252. .btn[disabled],
  2253. fieldset[disabled] .btn {
  2254. cursor: not-allowed;
  2255. pointer-events: none;
  2256. opacity: 0.65;
  2257. filter: alpha(opacity=65);
  2258. -webkit-box-shadow: none;
  2259. box-shadow: none;
  2260. }
  2261. .btn-default {
  2262. color: #333333;
  2263. background-color: #ffffff;
  2264. border-color: #cccccc;
  2265. }
  2266. .btn-default:hover,
  2267. .btn-default:focus,
  2268. .btn-default:active,
  2269. .btn-default.active,
  2270. .open .dropdown-toggle.btn-default {
  2271. color: #333333;
  2272. background-color: #ebebeb;
  2273. border-color: #adadad;
  2274. }
  2275. .btn-default:active,
  2276. .btn-default.active,
  2277. .open .dropdown-toggle.btn-default {
  2278. background-image: none;
  2279. }
  2280. .btn-default.disabled,
  2281. .btn-default[disabled],
  2282. fieldset[disabled] .btn-default,
  2283. .btn-default.disabled:hover,
  2284. .btn-default[disabled]:hover,
  2285. fieldset[disabled] .btn-default:hover,
  2286. .btn-default.disabled:focus,
  2287. .btn-default[disabled]:focus,
  2288. fieldset[disabled] .btn-default:focus,
  2289. .btn-default.disabled:active,
  2290. .btn-default[disabled]:active,
  2291. fieldset[disabled] .btn-default:active,
  2292. .btn-default.disabled.active,
  2293. .btn-default[disabled].active,
  2294. fieldset[disabled] .btn-default.active {
  2295. background-color: #ffffff;
  2296. border-color: #cccccc;
  2297. }
  2298. .btn-default .badge {
  2299. color: #ffffff;
  2300. background-color: #333333;
  2301. }
  2302. .btn-primary {
  2303. color: #ffffff;
  2304. background-color: #6b11b1;
  2305. border-color: #5d0f9a;
  2306. }
  2307. .btn-primary:hover,
  2308. .btn-primary:focus,
  2309. .btn-primary:active,
  2310. .btn-primary.active,
  2311. .open .dropdown-toggle.btn-primary {
  2312. color: #ffffff;
  2313. background-color: #540d8c;
  2314. border-color: #3b0962;
  2315. }
  2316. .btn-primary:active,
  2317. .btn-primary.active,
  2318. .open .dropdown-toggle.btn-primary {
  2319. background-image: none;
  2320. }
  2321. .btn-primary.disabled,
  2322. .btn-primary[disabled],
  2323. fieldset[disabled] .btn-primary,
  2324. .btn-primary.disabled:hover,
  2325. .btn-primary[disabled]:hover,
  2326. fieldset[disabled] .btn-primary:hover,
  2327. .btn-primary.disabled:focus,
  2328. .btn-primary[disabled]:focus,
  2329. fieldset[disabled] .btn-primary:focus,
  2330. .btn-primary.disabled:active,
  2331. .btn-primary[disabled]:active,
  2332. fieldset[disabled] .btn-primary:active,
  2333. .btn-primary.disabled.active,
  2334. .btn-primary[disabled].active,
  2335. fieldset[disabled] .btn-primary.active {
  2336. background-color: #6b11b1;
  2337. border-color: #5d0f9a;
  2338. }
  2339. .btn-primary .badge {
  2340. color: #6b11b1;
  2341. background-color: #ffffff;
  2342. }
  2343. .btn-success {
  2344. color: #ffffff;
  2345. background-color: #53a7bf;
  2346. border-color: #439cb5;
  2347. }
  2348. .btn-success:hover,
  2349. .btn-success:focus,
  2350. .btn-success:active,
  2351. .btn-success.active,
  2352. .open .dropdown-toggle.btn-success {
  2353. color: #ffffff;
  2354. background-color: #3f92aa;
  2355. border-color: #337589;
  2356. }
  2357. .btn-success:active,
  2358. .btn-success.active,
  2359. .open .dropdown-toggle.btn-success {
  2360. background-image: none;
  2361. }
  2362. .btn-success.disabled,
  2363. .btn-success[disabled],
  2364. fieldset[disabled] .btn-success,
  2365. .btn-success.disabled:hover,
  2366. .btn-success[disabled]:hover,
  2367. fieldset[disabled] .btn-success:hover,
  2368. .btn-success.disabled:focus,
  2369. .btn-success[disabled]:focus,
  2370. fieldset[disabled] .btn-success:focus,
  2371. .btn-success.disabled:active,
  2372. .btn-success[disabled]:active,
  2373. fieldset[disabled] .btn-success:active,
  2374. .btn-success.disabled.active,
  2375. .btn-success[disabled].active,
  2376. fieldset[disabled] .btn-success.active {
  2377. background-color: #53a7bf;
  2378. border-color: #439cb5;
  2379. }
  2380. .btn-success .badge {
  2381. color: #53a7bf;
  2382. background-color: #ffffff;
  2383. }
  2384. .btn-info {
  2385. color: #ffffff;
  2386. background-color: #f9e03c;
  2387. border-color: #f8dc23;
  2388. }
  2389. .btn-info:hover,
  2390. .btn-info:focus,
  2391. .btn-info:active,
  2392. .btn-info.active,
  2393. .open .dropdown-toggle.btn-info {
  2394. color: #ffffff;
  2395. background-color: #f8da14;
  2396. border-color: #d8bc07;
  2397. }
  2398. .btn-info:active,
  2399. .btn-info.active,
  2400. .open .dropdown-toggle.btn-info {
  2401. background-image: none;
  2402. }
  2403. .btn-info.disabled,
  2404. .btn-info[disabled],
  2405. fieldset[disabled] .btn-info,
  2406. .btn-info.disabled:hover,
  2407. .btn-info[disabled]:hover,
  2408. fieldset[disabled] .btn-info:hover,
  2409. .btn-info.disabled:focus,
  2410. .btn-info[disabled]:focus,
  2411. fieldset[disabled] .btn-info:focus,
  2412. .btn-info.disabled:active,
  2413. .btn-info[disabled]:active,
  2414. fieldset[disabled] .btn-info:active,
  2415. .btn-info.disabled.active,
  2416. .btn-info[disabled].active,
  2417. fieldset[disabled] .btn-info.active {
  2418. background-color: #f9e03c;
  2419. border-color: #f8dc23;
  2420. }
  2421. .btn-info .badge {
  2422. color: #f9e03c;
  2423. background-color: #ffffff;
  2424. }
  2425. .btn-warning {
  2426. color: #ffffff;
  2427. background-color: #fcb066;
  2428. border-color: #fca34d;
  2429. }
  2430. .btn-warning:hover,
  2431. .btn-warning:focus,
  2432. .btn-warning:active,
  2433. .btn-warning.active,
  2434. .open .dropdown-toggle.btn-warning {
  2435. color: #ffffff;
  2436. background-color: #fb9b3e;
  2437. border-color: #fa8411;
  2438. }
  2439. .btn-warning:active,
  2440. .btn-warning.active,
  2441. .open .dropdown-toggle.btn-warning {
  2442. background-image: none;
  2443. }
  2444. .btn-warning.disabled,
  2445. .btn-warning[disabled],
  2446. fieldset[disabled] .btn-warning,
  2447. .btn-warning.disabled:hover,
  2448. .btn-warning[disabled]:hover,
  2449. fieldset[disabled] .btn-warning:hover,
  2450. .btn-warning.disabled:focus,
  2451. .btn-warning[disabled]:focus,
  2452. fieldset[disabled] .btn-warning:focus,
  2453. .btn-warning.disabled:active,
  2454. .btn-warning[disabled]:active,
  2455. fieldset[disabled] .btn-warning:active,
  2456. .btn-warning.disabled.active,
  2457. .btn-warning[disabled].active,
  2458. fieldset[disabled] .btn-warning.active {
  2459. background-color: #fcb066;
  2460. border-color: #fca34d;
  2461. }
  2462. .btn-warning .badge {
  2463. color: #fcb066;
  2464. background-color: #ffffff;
  2465. }
  2466. .btn-danger {
  2467. color: #ffffff;
  2468. background-color: #e3004b;
  2469. border-color: #ca0043;
  2470. }
  2471. .btn-danger:hover,
  2472. .btn-danger:focus,
  2473. .btn-danger:active,
  2474. .btn-danger.active,
  2475. .open .dropdown-toggle.btn-danger {
  2476. color: #ffffff;
  2477. background-color: #ba003e;
  2478. border-color: #8c002e;
  2479. }
  2480. .btn-danger:active,
  2481. .btn-danger.active,
  2482. .open .dropdown-toggle.btn-danger {
  2483. background-image: none;
  2484. }
  2485. .btn-danger.disabled,
  2486. .btn-danger[disabled],
  2487. fieldset[disabled] .btn-danger,
  2488. .btn-danger.disabled:hover,
  2489. .btn-danger[disabled]:hover,
  2490. fieldset[disabled] .btn-danger:hover,
  2491. .btn-danger.disabled:focus,
  2492. .btn-danger[disabled]:focus,
  2493. fieldset[disabled] .btn-danger:focus,
  2494. .btn-danger.disabled:active,
  2495. .btn-danger[disabled]:active,
  2496. fieldset[disabled] .btn-danger:active,
  2497. .btn-danger.disabled.active,
  2498. .btn-danger[disabled].active,
  2499. fieldset[disabled] .btn-danger.active {
  2500. background-color: #e3004b;
  2501. border-color: #ca0043;
  2502. }
  2503. .btn-danger .badge {
  2504. color: #e3004b;
  2505. background-color: #ffffff;
  2506. }
  2507. .btn-link {
  2508. color: #6b11b1;
  2509. font-weight: normal;
  2510. cursor: pointer;
  2511. border-radius: 0;
  2512. }
  2513. .btn-link,
  2514. .btn-link:active,
  2515. .btn-link[disabled],
  2516. fieldset[disabled] .btn-link {
  2517. background-color: transparent;
  2518. -webkit-box-shadow: none;
  2519. box-shadow: none;
  2520. }
  2521. .btn-link,
  2522. .btn-link:hover,
  2523. .btn-link:focus,
  2524. .btn-link:active {
  2525. border-color: transparent;
  2526. }
  2527. .btn-link:hover,
  2528. .btn-link:focus {
  2529. color: #410a6b;
  2530. text-decoration: underline;
  2531. background-color: transparent;
  2532. }
  2533. .btn-link[disabled]:hover,
  2534. fieldset[disabled] .btn-link:hover,
  2535. .btn-link[disabled]:focus,
  2536. fieldset[disabled] .btn-link:focus {
  2537. color: #bfbfbf;
  2538. text-decoration: none;
  2539. }
  2540. .btn-lg,
  2541. .btn-group-lg > .btn {
  2542. padding: 10px 16px;
  2543. font-size: 20px;
  2544. line-height: 1.33;
  2545. border-radius: 0px;
  2546. }
  2547. .btn-sm,
  2548. .btn-group-sm > .btn {
  2549. padding: 5px 10px;
  2550. font-size: 14px;
  2551. line-height: 1.5;
  2552. border-radius: 0px;
  2553. }
  2554. .btn-xs,
  2555. .btn-group-xs > .btn {
  2556. padding: 1px 5px;
  2557. font-size: 14px;
  2558. line-height: 1.5;
  2559. border-radius: 0px;
  2560. }
  2561. .btn-block {
  2562. display: block;
  2563. width: 100%;
  2564. padding-left: 0;
  2565. padding-right: 0;
  2566. }
  2567. .btn-block + .btn-block {
  2568. margin-top: 5px;
  2569. }
  2570. input[type="submit"].btn-block,
  2571. input[type="reset"].btn-block,
  2572. input[type="button"].btn-block {
  2573. width: 100%;
  2574. }
  2575. .fade {
  2576. opacity: 0;
  2577. -webkit-transition: opacity 0.15s linear;
  2578. transition: opacity 0.15s linear;
  2579. }
  2580. .fade.in {
  2581. opacity: 1;
  2582. }
  2583. .collapse {
  2584. display: none;
  2585. }
  2586. .collapse.in {
  2587. display: block;
  2588. }
  2589. .collapsing {
  2590. position: relative;
  2591. height: 0;
  2592. overflow: hidden;
  2593. -webkit-transition: height 0.35s ease;
  2594. transition: height 0.35s ease;
  2595. }
  2596. @font-face {
  2597. font-family: 'Glyphicons Halflings';
  2598. src: url('../fonts/glyphicons-halflings-regular.eot');
  2599. src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  2600. }
  2601. .glyphicon {
  2602. position: relative;
  2603. top: 1px;
  2604. display: inline-block;
  2605. font-family: 'Glyphicons Halflings';
  2606. font-style: normal;
  2607. font-weight: normal;
  2608. line-height: 1;
  2609. -webkit-font-smoothing: antialiased;
  2610. -moz-osx-font-smoothing: grayscale;
  2611. }
  2612. .glyphicon-asterisk:before {
  2613. content: "\2a";
  2614. }
  2615. .glyphicon-plus:before {
  2616. content: "\2b";
  2617. }
  2618. .glyphicon-euro:before {
  2619. content: "\20ac";
  2620. }
  2621. .glyphicon-minus:before {
  2622. content: "\2212";
  2623. }
  2624. .glyphicon-cloud:before {
  2625. content: "\2601";
  2626. }
  2627. .glyphicon-envelope:before {
  2628. content: "\2709";
  2629. }
  2630. .glyphicon-pencil:before {
  2631. content: "\270f";
  2632. }
  2633. .glyphicon-glass:before {
  2634. content: "\e001";
  2635. }
  2636. .glyphicon-music:before {
  2637. content: "\e002";
  2638. }
  2639. .glyphicon-search:before {
  2640. content: "\e003";
  2641. }
  2642. .glyphicon-heart:before {
  2643. content: "\e005";
  2644. }
  2645. .glyphicon-star:before {
  2646. content: "\e006";
  2647. }
  2648. .glyphicon-star-empty:before {
  2649. content: "\e007";
  2650. }
  2651. .glyphicon-user:before {
  2652. content: "\e008";
  2653. }
  2654. .glyphicon-film:before {
  2655. content: "\e009";
  2656. }
  2657. .glyphicon-th-large:before {
  2658. content: "\e010";
  2659. }
  2660. .glyphicon-th:before {
  2661. content: "\e011";
  2662. }
  2663. .glyphicon-th-list:before {
  2664. content: "\e012";
  2665. }
  2666. .glyphicon-ok:before {
  2667. content: "\e013";
  2668. }
  2669. .glyphicon-remove:before {
  2670. content: "\e014";
  2671. }
  2672. .glyphicon-zoom-in:before {
  2673. content: "\e015";
  2674. }
  2675. .glyphicon-zoom-out:before {
  2676. content: "\e016";
  2677. }
  2678. .glyphicon-off:before {
  2679. content: "\e017";
  2680. }
  2681. .glyphicon-signal:before {
  2682. content: "\e018";
  2683. }
  2684. .glyphicon-cog:before {
  2685. content: "\e019";
  2686. }
  2687. .glyphicon-trash:before {
  2688. content: "\e020";
  2689. }
  2690. .glyphicon-home:before {
  2691. content: "\e021";
  2692. }
  2693. .glyphicon-file:before {
  2694. content: "\e022";
  2695. }
  2696. .glyphicon-time:before {
  2697. content: "\e023";
  2698. }
  2699. .glyphicon-road:before {
  2700. content: "\e024";
  2701. }
  2702. .glyphicon-download-alt:before {
  2703. content: "\e025";
  2704. }
  2705. .glyphicon-download:before {
  2706. content: "\e026";
  2707. }
  2708. .glyphicon-upload:before {
  2709. content: "\e027";
  2710. }
  2711. .glyphicon-inbox:before {
  2712. content: "\e028";
  2713. }
  2714. .glyphicon-play-circle:before {
  2715. content: "\e029";
  2716. }
  2717. .glyphicon-repeat:before {
  2718. content: "\e030";
  2719. }
  2720. .glyphicon-refresh:before {
  2721. content: "\e031";
  2722. }
  2723. .glyphicon-list-alt:before {
  2724. content: "\e032";
  2725. }
  2726. .glyphicon-lock:before {
  2727. content: "\e033";
  2728. }
  2729. .glyphicon-flag:before {
  2730. content: "\e034";
  2731. }
  2732. .glyphicon-headphones:before {
  2733. content: "\e035";
  2734. }
  2735. .glyphicon-volume-off:before {
  2736. content: "\e036";
  2737. }
  2738. .glyphicon-volume-down:before {
  2739. content: "\e037";
  2740. }
  2741. .glyphicon-volume-up:before {
  2742. content: "\e038";
  2743. }
  2744. .glyphicon-qrcode:before {
  2745. content: "\e039";
  2746. }
  2747. .glyphicon-barcode:before {
  2748. content: "\e040";
  2749. }
  2750. .glyphicon-tag:before {
  2751. content: "\e041";
  2752. }
  2753. .glyphicon-tags:before {
  2754. content: "\e042";
  2755. }
  2756. .glyphicon-book:before {
  2757. content: "\e043";
  2758. }
  2759. .glyphicon-bookmark:before {
  2760. content: "\e044";
  2761. }
  2762. .glyphicon-print:before {
  2763. content: "\e045";
  2764. }
  2765. .glyphicon-camera:before {
  2766. content: "\e046";
  2767. }
  2768. .glyphicon-font:before {
  2769. content: "\e047";
  2770. }
  2771. .glyphicon-bold:before {
  2772. content: "\e048";
  2773. }
  2774. .glyphicon-italic:before {
  2775. content: "\e049";
  2776. }
  2777. .glyphicon-text-height:before {
  2778. content: "\e050";
  2779. }
  2780. .glyphicon-text-width:before {
  2781. content: "\e051";
  2782. }
  2783. .glyphicon-align-left:before {
  2784. content: "\e052";
  2785. }
  2786. .glyphicon-align-center:before {
  2787. content: "\e053";
  2788. }
  2789. .glyphicon-align-right:before {
  2790. content: "\e054";
  2791. }
  2792. .glyphicon-align-justify:before {
  2793. content: "\e055";
  2794. }
  2795. .glyphicon-list:before {
  2796. content: "\e056";
  2797. }
  2798. .glyphicon-indent-left:before {
  2799. content: "\e057";
  2800. }
  2801. .glyphicon-indent-right:before {
  2802. content: "\e058";
  2803. }
  2804. .glyphicon-facetime-video:before {
  2805. content: "\e059";
  2806. }
  2807. .glyphicon-picture:before {
  2808. content: "\e060";
  2809. }
  2810. .glyphicon-map-marker:before {
  2811. content: "\e062";
  2812. }
  2813. .glyphicon-adjust:before {
  2814. content: "\e063";
  2815. }
  2816. .glyphicon-tint:before {
  2817. content: "\e064";
  2818. }
  2819. .glyphicon-edit:before {
  2820. content: "\e065";
  2821. }
  2822. .glyphicon-share:before {
  2823. content: "\e066";
  2824. }
  2825. .glyphicon-check:before {
  2826. content: "\e067";
  2827. }
  2828. .glyphicon-move:before {
  2829. content: "\e068";
  2830. }
  2831. .glyphicon-step-backward:before {
  2832. content: "\e069";
  2833. }
  2834. .glyphicon-fast-backward:before {
  2835. content: "\e070";
  2836. }
  2837. .glyphicon-backward:before {
  2838. content: "\e071";
  2839. }
  2840. .glyphicon-play:before {
  2841. content: "\e072";
  2842. }
  2843. .glyphicon-pause:before {
  2844. content: "\e073";
  2845. }
  2846. .glyphicon-stop:before {
  2847. content: "\e074";
  2848. }
  2849. .glyphicon-forward:before {
  2850. content: "\e075";
  2851. }
  2852. .glyphicon-fast-forward:before {
  2853. content: "\e076";
  2854. }
  2855. .glyphicon-step-forward:before {
  2856. content: "\e077";
  2857. }
  2858. .glyphicon-eject:before {
  2859. content: "\e078";
  2860. }
  2861. .glyphicon-chevron-left:before {
  2862. content: "\e079";
  2863. }
  2864. .glyphicon-chevron-right:before {
  2865. content: "\e080";
  2866. }
  2867. .glyphicon-plus-sign:before {
  2868. content: "\e081";
  2869. }
  2870. .glyphicon-minus-sign:before {
  2871. content: "\e082";
  2872. }
  2873. .glyphicon-remove-sign:before {
  2874. content: "\e083";
  2875. }
  2876. .glyphicon-ok-sign:before {
  2877. content: "\e084";
  2878. }
  2879. .glyphicon-question-sign:before {
  2880. content: "\e085";
  2881. }
  2882. .glyphicon-info-sign:before {
  2883. content: "\e086";
  2884. }
  2885. .glyphicon-screenshot:before {
  2886. content: "\e087";
  2887. }
  2888. .glyphicon-remove-circle:before {
  2889. content: "\e088";
  2890. }
  2891. .glyphicon-ok-circle:before {
  2892. content: "\e089";
  2893. }
  2894. .glyphicon-ban-circle:before {
  2895. content: "\e090";
  2896. }
  2897. .glyphicon-arrow-left:before {
  2898. content: "\e091";
  2899. }
  2900. .glyphicon-arrow-right:before {
  2901. content: "\e092";
  2902. }
  2903. .glyphicon-arrow-up:before {
  2904. content: "\e093";
  2905. }
  2906. .glyphicon-arrow-down:before {
  2907. content: "\e094";
  2908. }
  2909. .glyphicon-share-alt:before {
  2910. content: "\e095";
  2911. }
  2912. .glyphicon-resize-full:before {
  2913. content: "\e096";
  2914. }
  2915. .glyphicon-resize-small:before {
  2916. content: "\e097";
  2917. }
  2918. .glyphicon-exclamation-sign:before {
  2919. content: "\e101";
  2920. }
  2921. .glyphicon-gift:before {
  2922. content: "\e102";
  2923. }
  2924. .glyphicon-leaf:before {
  2925. content: "\e103";
  2926. }
  2927. .glyphicon-fire:before {
  2928. content: "\e104";
  2929. }
  2930. .glyphicon-eye-open:before {
  2931. content: "\e105";
  2932. }
  2933. .glyphicon-eye-close:before {
  2934. content: "\e106";
  2935. }
  2936. .glyphicon-warning-sign:before {
  2937. content: "\e107";
  2938. }
  2939. .glyphicon-plane:before {
  2940. content: "\e108";
  2941. }
  2942. .glyphicon-calendar:before {
  2943. content: "\e109";
  2944. }
  2945. .glyphicon-random:before {
  2946. content: "\e110";
  2947. }
  2948. .glyphicon-comment:before {
  2949. content: "\e111";
  2950. }
  2951. .glyphicon-magnet:before {
  2952. content: "\e112";
  2953. }
  2954. .glyphicon-chevron-up:before {
  2955. content: "\e113";
  2956. }
  2957. .glyphicon-chevron-down:before {
  2958. content: "\e114";
  2959. }
  2960. .glyphicon-retweet:before {
  2961. content: "\e115";
  2962. }
  2963. .glyphicon-shopping-cart:before {
  2964. content: "\e116";
  2965. }
  2966. .glyphicon-folder-close:before {
  2967. content: "\e117";
  2968. }
  2969. .glyphicon-folder-open:before {
  2970. content: "\e118";
  2971. }
  2972. .glyphicon-resize-vertical:before {
  2973. content: "\e119";
  2974. }
  2975. .glyphicon-resize-horizontal:before {
  2976. content: "\e120";
  2977. }
  2978. .glyphicon-hdd:before {
  2979. content: "\e121";
  2980. }
  2981. .glyphicon-bullhorn:before {
  2982. content: "\e122";
  2983. }
  2984. .glyphicon-bell:before {
  2985. content: "\e123";
  2986. }
  2987. .glyphicon-certificate:before {
  2988. content: "\e124";
  2989. }
  2990. .glyphicon-thumbs-up:before {
  2991. content: "\e125";
  2992. }
  2993. .glyphicon-thumbs-down:before {
  2994. content: "\e126";
  2995. }
  2996. .glyphicon-hand-right:before {
  2997. content: "\e127";
  2998. }
  2999. .glyphicon-hand-left:before {
  3000. content: "\e128";
  3001. }
  3002. .glyphicon-hand-up:before {
  3003. content: "\e129";
  3004. }
  3005. .glyphicon-hand-down:before {
  3006. content: "\e130";
  3007. }
  3008. .glyphicon-circle-arrow-right:before {
  3009. content: "\e131";
  3010. }
  3011. .glyphicon-circle-arrow-left:before {
  3012. content: "\e132";
  3013. }
  3014. .glyphicon-circle-arrow-up:before {
  3015. content: "\e133";
  3016. }
  3017. .glyphicon-circle-arrow-down:before {
  3018. content: "\e134";
  3019. }
  3020. .glyphicon-globe:before {
  3021. content: "\e135";
  3022. }
  3023. .glyphicon-wrench:before {
  3024. content: "\e136";
  3025. }
  3026. .glyphicon-tasks:before {
  3027. content: "\e137";
  3028. }
  3029. .glyphicon-filter:before {
  3030. content: "\e138";
  3031. }
  3032. .glyphicon-briefcase:before {
  3033. content: "\e139";
  3034. }
  3035. .glyphicon-fullscreen:before {
  3036. content: "\e140";
  3037. }
  3038. .glyphicon-dashboard:before {
  3039. content: "\e141";
  3040. }
  3041. .glyphicon-paperclip:before {
  3042. content: "\e142";
  3043. }
  3044. .glyphicon-heart-empty:before {
  3045. content: "\e143";
  3046. }
  3047. .glyphicon-link:before {
  3048. content: "\e144";
  3049. }
  3050. .glyphicon-phone:before {
  3051. content: "\e145";
  3052. }
  3053. .glyphicon-pushpin:before {
  3054. content: "\e146";
  3055. }
  3056. .glyphicon-usd:before {
  3057. content: "\e148";
  3058. }
  3059. .glyphicon-gbp:before {
  3060. content: "\e149";
  3061. }
  3062. .glyphicon-sort:before {
  3063. content: "\e150";
  3064. }
  3065. .glyphicon-sort-by-alphabet:before {
  3066. content: "\e151";
  3067. }
  3068. .glyphicon-sort-by-alphabet-alt:before {
  3069. content: "\e152";
  3070. }
  3071. .glyphicon-sort-by-order:before {
  3072. content: "\e153";
  3073. }
  3074. .glyphicon-sort-by-order-alt:before {
  3075. content: "\e154";
  3076. }
  3077. .glyphicon-sort-by-attributes:before {
  3078. content: "\e155";
  3079. }
  3080. .glyphicon-sort-by-attributes-alt:before {
  3081. content: "\e156";
  3082. }
  3083. .glyphicon-unchecked:before {
  3084. content: "\e157";
  3085. }
  3086. .glyphicon-expand:before {
  3087. content: "\e158";
  3088. }
  3089. .glyphicon-collapse-down:before {
  3090. content: "\e159";
  3091. }
  3092. .glyphicon-collapse-up:before {
  3093. content: "\e160";
  3094. }
  3095. .glyphicon-log-in:before {
  3096. content: "\e161";
  3097. }
  3098. .glyphicon-flash:before {
  3099. content: "\e162";
  3100. }
  3101. .glyphicon-log-out:before {
  3102. content: "\e163";
  3103. }
  3104. .glyphicon-new-window:before {
  3105. content: "\e164";
  3106. }
  3107. .glyphicon-record:before {
  3108. content: "\e165";
  3109. }
  3110. .glyphicon-save:before {
  3111. content: "\e166";
  3112. }
  3113. .glyphicon-open:before {
  3114. content: "\e167";
  3115. }
  3116. .glyphicon-saved:before {
  3117. content: "\e168";
  3118. }
  3119. .glyphicon-import:before {
  3120. content: "\e169";
  3121. }
  3122. .glyphicon-export:before {
  3123. content: "\e170";
  3124. }
  3125. .glyphicon-send:before {
  3126. content: "\e171";
  3127. }
  3128. .glyphicon-floppy-disk:before {
  3129. content: "\e172";
  3130. }
  3131. .glyphicon-floppy-saved:before {
  3132. content: "\e173";
  3133. }
  3134. .glyphicon-floppy-remove:before {
  3135. content: "\e174";
  3136. }
  3137. .glyphicon-floppy-save:before {
  3138. content: "\e175";
  3139. }
  3140. .glyphicon-floppy-open:before {
  3141. content: "\e176";
  3142. }
  3143. .glyphicon-credit-card:before {
  3144. content: "\e177";
  3145. }
  3146. .glyphicon-transfer:before {
  3147. content: "\e178";
  3148. }
  3149. .glyphicon-cutlery:before {
  3150. content: "\e179";
  3151. }
  3152. .glyphicon-header:before {
  3153. content: "\e180";
  3154. }
  3155. .glyphicon-compressed:before {
  3156. content: "\e181";
  3157. }
  3158. .glyphicon-earphone:before {
  3159. content: "\e182";
  3160. }
  3161. .glyphicon-phone-alt:before {
  3162. content: "\e183";
  3163. }
  3164. .glyphicon-tower:before {
  3165. content: "\e184";
  3166. }
  3167. .glyphicon-stats:before {
  3168. content: "\e185";
  3169. }
  3170. .glyphicon-sd-video:before {
  3171. content: "\e186";
  3172. }
  3173. .glyphicon-hd-video:before {
  3174. content: "\e187";
  3175. }
  3176. .glyphicon-subtitles:before {
  3177. content: "\e188";
  3178. }
  3179. .glyphicon-sound-stereo:before {
  3180. content: "\e189";
  3181. }
  3182. .glyphicon-sound-dolby:before {
  3183. content: "\e190";
  3184. }
  3185. .glyphicon-sound-5-1:before {
  3186. content: "\e191";
  3187. }
  3188. .glyphicon-sound-6-1:before {
  3189. content: "\e192";
  3190. }
  3191. .glyphicon-sound-7-1:before {
  3192. content: "\e193";
  3193. }
  3194. .glyphicon-copyright-mark:before {
  3195. content: "\e194";
  3196. }
  3197. .glyphicon-registration-mark:before {
  3198. content: "\e195";
  3199. }
  3200. .glyphicon-cloud-download:before {
  3201. content: "\e197";
  3202. }
  3203. .glyphicon-cloud-upload:before {
  3204. content: "\e198";
  3205. }
  3206. .glyphicon-tree-conifer:before {
  3207. content: "\e199";
  3208. }
  3209. .glyphicon-tree-deciduous:before {
  3210. content: "\e200";
  3211. }
  3212. .caret {
  3213. display: inline-block;
  3214. width: 0;
  3215. height: 0;
  3216. margin-left: 2px;
  3217. vertical-align: middle;
  3218. border-top: 4px solid;
  3219. border-right: 4px solid transparent;
  3220. border-left: 4px solid transparent;
  3221. }
  3222. .dropdown {
  3223. position: relative;
  3224. }
  3225. .dropdown-toggle:focus {
  3226. outline: 0;
  3227. }
  3228. .dropdown-menu {
  3229. position: absolute;
  3230. top: 100%;
  3231. left: 0;
  3232. z-index: 1000;
  3233. display: none;
  3234. float: left;
  3235. min-width: 160px;
  3236. padding: 5px 0;
  3237. margin: 2px 0 0;
  3238. list-style: none;
  3239. font-size: 16px;
  3240. background-color: #ffffff;
  3241. border: 1px solid #cccccc;
  3242. border: 1px solid rgba(0, 0, 0, 0.15);
  3243. border-radius: 0px;
  3244. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3245. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3246. background-clip: padding-box;
  3247. }
  3248. .dropdown-menu.pull-right {
  3249. right: 0;
  3250. left: auto;
  3251. }
  3252. .dropdown-menu .divider {
  3253. height: 1px;
  3254. margin: 10px 0;
  3255. overflow: hidden;
  3256. background-color: #e5e5e5;
  3257. }
  3258. .dropdown-menu > li > a {
  3259. display: block;
  3260. padding: 3px 20px;
  3261. clear: both;
  3262. font-weight: normal;
  3263. line-height: 1.42857143;
  3264. color: #999999;
  3265. white-space: nowrap;
  3266. }
  3267. .dropdown-menu > li > a:hover,
  3268. .dropdown-menu > li > a:focus {
  3269. text-decoration: none;
  3270. color: #8c8c8c;
  3271. background-color: #f5f5f5;
  3272. }
  3273. .dropdown-menu > .active > a,
  3274. .dropdown-menu > .active > a:hover,
  3275. .dropdown-menu > .active > a:focus {
  3276. color: #ffffff;
  3277. text-decoration: none;
  3278. outline: 0;
  3279. background-color: #6b11b1;
  3280. }
  3281. .dropdown-menu > .disabled > a,
  3282. .dropdown-menu > .disabled > a:hover,
  3283. .dropdown-menu > .disabled > a:focus {
  3284. color: #bfbfbf;
  3285. }
  3286. .dropdown-menu > .disabled > a:hover,
  3287. .dropdown-menu > .disabled > a:focus {
  3288. text-decoration: none;
  3289. background-color: transparent;
  3290. background-image: none;
  3291. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3292. cursor: not-allowed;
  3293. }
  3294. .open > .dropdown-menu {
  3295. display: block;
  3296. }
  3297. .open > a {
  3298. outline: 0;
  3299. }
  3300. .dropdown-menu-right {
  3301. left: auto;
  3302. right: 0;
  3303. }
  3304. .dropdown-menu-left {
  3305. left: 0;
  3306. right: auto;
  3307. }
  3308. .dropdown-header {
  3309. display: block;
  3310. padding: 3px 20px;
  3311. font-size: 14px;
  3312. line-height: 1.42857143;
  3313. color: #bfbfbf;
  3314. }
  3315. .dropdown-backdrop {
  3316. position: fixed;
  3317. left: 0;
  3318. right: 0;
  3319. bottom: 0;
  3320. top: 0;
  3321. z-index: 990;
  3322. }
  3323. .pull-right > .dropdown-menu {
  3324. right: 0;
  3325. left: auto;
  3326. }
  3327. .dropup .caret,
  3328. .navbar-fixed-bottom .dropdown .caret {
  3329. border-top: 0;
  3330. border-bottom: 4px solid;
  3331. content: "";
  3332. }
  3333. .dropup .dropdown-menu,
  3334. .navbar-fixed-bottom .dropdown .dropdown-menu {
  3335. top: auto;
  3336. bottom: 100%;
  3337. margin-bottom: 1px;
  3338. }
  3339. @media (min-width: 768px) {
  3340. .navbar-right .dropdown-menu {
  3341. left: auto;
  3342. right: 0;
  3343. }
  3344. .navbar-right .dropdown-menu-left {
  3345. left: 0;
  3346. right: auto;
  3347. }
  3348. }
  3349. .btn-group,
  3350. .btn-group-vertical {
  3351. position: relative;
  3352. display: inline-block;
  3353. vertical-align: middle;
  3354. }
  3355. .btn-group > .btn,
  3356. .btn-group-vertical > .btn {
  3357. position: relative;
  3358. float: left;
  3359. }
  3360. .btn-group > .btn:hover,
  3361. .btn-group-vertical > .btn:hover,
  3362. .btn-group > .btn:focus,
  3363. .btn-group-vertical > .btn:focus,
  3364. .btn-group > .btn:active,
  3365. .btn-group-vertical > .btn:active,
  3366. .btn-group > .btn.active,
  3367. .btn-group-vertical > .btn.active {
  3368. z-index: 2;
  3369. }
  3370. .btn-group > .btn:focus,
  3371. .btn-group-vertical > .btn:focus {
  3372. outline: none;
  3373. }
  3374. .btn-group .btn + .btn,
  3375. .btn-group .btn + .btn-group,
  3376. .btn-group .btn-group + .btn,
  3377. .btn-group .btn-group + .btn-group {
  3378. margin-left: -1px;
  3379. }
  3380. .btn-toolbar {
  3381. margin-left: -5px;
  3382. }
  3383. .btn-toolbar .btn-group,
  3384. .btn-toolbar .input-group {
  3385. float: left;
  3386. }
  3387. .btn-toolbar > .btn,
  3388. .btn-toolbar > .btn-group,
  3389. .btn-toolbar > .input-group {
  3390. margin-left: 5px;
  3391. }
  3392. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  3393. border-radius: 0;
  3394. }
  3395. .btn-group > .btn:first-child {
  3396. margin-left: 0;
  3397. }
  3398. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  3399. border-bottom-right-radius: 0;
  3400. border-top-right-radius: 0;
  3401. }
  3402. .btn-group > .btn:last-child:not(:first-child),
  3403. .btn-group > .dropdown-toggle:not(:first-child) {
  3404. border-bottom-left-radius: 0;
  3405. border-top-left-radius: 0;
  3406. }
  3407. .btn-group > .btn-group {
  3408. float: left;
  3409. }
  3410. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  3411. border-radius: 0;
  3412. }
  3413. .btn-group > .btn-group:first-child > .btn:last-child,
  3414. .btn-group > .btn-group:first-child > .dropdown-toggle {
  3415. border-bottom-right-radius: 0;
  3416. border-top-right-radius: 0;
  3417. }
  3418. .btn-group > .btn-group:last-child > .btn:first-child {
  3419. border-bottom-left-radius: 0;
  3420. border-top-left-radius: 0;
  3421. }
  3422. .btn-group .dropdown-toggle:active,
  3423. .btn-group.open .dropdown-toggle {
  3424. outline: 0;
  3425. }
  3426. .btn-group > .btn + .dropdown-toggle {
  3427. padding-left: 8px;
  3428. padding-right: 8px;
  3429. }
  3430. .btn-group > .btn-lg + .dropdown-toggle {
  3431. padding-left: 12px;
  3432. padding-right: 12px;
  3433. }
  3434. .btn-group.open .dropdown-toggle {
  3435. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3436. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3437. }
  3438. .btn-group.open .dropdown-toggle.btn-link {
  3439. -webkit-box-shadow: none;
  3440. box-shadow: none;
  3441. }
  3442. .btn .caret {
  3443. margin-left: 0;
  3444. }
  3445. .btn-lg .caret {
  3446. border-width: 5px 5px 0;
  3447. border-bottom-width: 0;
  3448. }
  3449. .dropup .btn-lg .caret {
  3450. border-width: 0 5px 5px;
  3451. }
  3452. .btn-group-vertical > .btn,
  3453. .btn-group-vertical > .btn-group,
  3454. .btn-group-vertical > .btn-group > .btn {
  3455. display: block;
  3456. float: none;
  3457. width: 100%;
  3458. max-width: 100%;
  3459. }
  3460. .btn-group-vertical > .btn-group > .btn {
  3461. float: none;
  3462. }
  3463. .btn-group-vertical > .btn + .btn,
  3464. .btn-group-vertical > .btn + .btn-group,
  3465. .btn-group-vertical > .btn-group + .btn,
  3466. .btn-group-vertical > .btn-group + .btn-group {
  3467. margin-top: -1px;
  3468. margin-left: 0;
  3469. }
  3470. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  3471. border-radius: 0;
  3472. }
  3473. .btn-group-vertical > .btn:first-child:not(:last-child) {
  3474. border-top-right-radius: 0px;
  3475. border-bottom-right-radius: 0;
  3476. border-bottom-left-radius: 0;
  3477. }
  3478. .btn-group-vertical > .btn:last-child:not(:first-child) {
  3479. border-bottom-left-radius: 0px;
  3480. border-top-right-radius: 0;
  3481. border-top-left-radius: 0;
  3482. }
  3483. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  3484. border-radius: 0;
  3485. }
  3486. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3487. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3488. border-bottom-right-radius: 0;
  3489. border-bottom-left-radius: 0;
  3490. }
  3491. .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3492. border-top-right-radius: 0;
  3493. border-top-left-radius: 0;
  3494. }
  3495. .btn-group-justified {
  3496. display: table;
  3497. width: 100%;
  3498. table-layout: fixed;
  3499. border-collapse: separate;
  3500. }
  3501. .btn-group-justified > .btn,
  3502. .btn-group-justified > .btn-group {
  3503. float: none;
  3504. display: table-cell;
  3505. width: 1%;
  3506. }
  3507. .btn-group-justified > .btn-group .btn {
  3508. width: 100%;
  3509. }
  3510. [data-toggle="buttons"] > .btn > input[type="radio"],
  3511. [data-toggle="buttons"] > .btn > input[type="checkbox"] {
  3512. display: none;
  3513. }
  3514. .input-group {
  3515. position: relative;
  3516. display: table;
  3517. border-collapse: separate;
  3518. }
  3519. .input-group[class*="col-"] {
  3520. float: none;
  3521. padding-left: 0;
  3522. padding-right: 0;
  3523. }
  3524. .input-group .form-control {
  3525. position: relative;
  3526. z-index: 2;
  3527. float: left;
  3528. width: 100%;
  3529. margin-bottom: 0;
  3530. }
  3531. .input-group-lg > .form-control,
  3532. .input-group-lg > .input-group-addon,
  3533. .input-group-lg > .input-group-btn > .btn {
  3534. height: 49px;
  3535. padding: 10px 16px;
  3536. font-size: 20px;
  3537. line-height: 1.33;
  3538. border-radius: 0px;
  3539. }
  3540. select.input-group-lg > .form-control,
  3541. select.input-group-lg > .input-group-addon,
  3542. select.input-group-lg > .input-group-btn > .btn {
  3543. height: 49px;
  3544. line-height: 49px;
  3545. }
  3546. textarea.input-group-lg > .form-control,
  3547. textarea.input-group-lg > .input-group-addon,
  3548. textarea.input-group-lg > .input-group-btn > .btn,
  3549. select[multiple].input-group-lg > .form-control,
  3550. select[multiple].input-group-lg > .input-group-addon,
  3551. select[multiple].input-group-lg > .input-group-btn > .btn {
  3552. height: auto;
  3553. }
  3554. .input-group-sm > .form-control,
  3555. .input-group-sm > .input-group-addon,
  3556. .input-group-sm > .input-group-btn > .btn {
  3557. height: 33px;
  3558. padding: 5px 10px;
  3559. font-size: 14px;
  3560. line-height: 1.5;
  3561. border-radius: 0px;
  3562. }
  3563. select.input-group-sm > .form-control,
  3564. select.input-group-sm > .input-group-addon,
  3565. select.input-group-sm > .input-group-btn > .btn {
  3566. height: 33px;
  3567. line-height: 33px;
  3568. }
  3569. textarea.input-group-sm > .form-control,
  3570. textarea.input-group-sm > .input-group-addon,
  3571. textarea.input-group-sm > .input-group-btn > .btn,
  3572. select[multiple].input-group-sm > .form-control,
  3573. select[multiple].input-group-sm > .input-group-addon,
  3574. select[multiple].input-group-sm > .input-group-btn > .btn {
  3575. height: auto;
  3576. }
  3577. .input-group-addon,
  3578. .input-group-btn,
  3579. .input-group .form-control {
  3580. display: table-cell;
  3581. }
  3582. .input-group-addon:not(:first-child):not(:last-child),
  3583. .input-group-btn:not(:first-child):not(:last-child),
  3584. .input-group .form-control:not(:first-child):not(:last-child) {
  3585. border-radius: 0;
  3586. }
  3587. .input-group-addon,
  3588. .input-group-btn {
  3589. width: 1%;
  3590. white-space: nowrap;
  3591. vertical-align: middle;
  3592. }
  3593. .input-group-addon {
  3594. padding: 6px 12px;
  3595. font-size: 16px;
  3596. font-weight: normal;
  3597. line-height: 1;
  3598. color: #b5b5b5;
  3599. text-align: center;
  3600. background-color: #dedede;
  3601. border: 1px solid #cccccc;
  3602. border-radius: 0px;
  3603. }
  3604. .input-group-addon.input-sm {
  3605. padding: 5px 10px;
  3606. font-size: 14px;
  3607. border-radius: 0px;
  3608. }
  3609. .input-group-addon.input-lg {
  3610. padding: 10px 16px;
  3611. font-size: 20px;
  3612. border-radius: 0px;
  3613. }
  3614. .input-group-addon input[type="radio"],
  3615. .input-group-addon input[type="checkbox"] {
  3616. margin-top: 0;
  3617. }
  3618. .input-group .form-control:first-child,
  3619. .input-group-addon:first-child,
  3620. .input-group-btn:first-child > .btn,
  3621. .input-group-btn:first-child > .btn-group > .btn,
  3622. .input-group-btn:first-child > .dropdown-toggle,
  3623. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  3624. .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  3625. border-bottom-right-radius: 0;
  3626. border-top-right-radius: 0;
  3627. }
  3628. .input-group-addon:first-child {
  3629. border-right: 0;
  3630. }
  3631. .input-group .form-control:last-child,
  3632. .input-group-addon:last-child,
  3633. .input-group-btn:last-child > .btn,
  3634. .input-group-btn:last-child > .btn-group > .btn,
  3635. .input-group-btn:last-child > .dropdown-toggle,
  3636. .input-group-btn:first-child > .btn:not(:first-child),
  3637. .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  3638. border-bottom-left-radius: 0;
  3639. border-top-left-radius: 0;
  3640. }
  3641. .input-group-addon:last-child {
  3642. border-left: 0;
  3643. }
  3644. .input-group-btn {
  3645. position: relative;
  3646. font-size: 0;
  3647. white-space: nowrap;
  3648. }
  3649. .input-group-btn > .btn {
  3650. position: relative;
  3651. }
  3652. .input-group-btn > .btn + .btn {
  3653. margin-left: -1px;
  3654. }
  3655. .input-group-btn > .btn:hover,
  3656. .input-group-btn > .btn:focus,
  3657. .input-group-btn > .btn:active {
  3658. z-index: 2;
  3659. }
  3660. .input-group-btn:first-child > .btn,
  3661. .input-group-btn:first-child > .btn-group {
  3662. margin-right: -1px;
  3663. }
  3664. .input-group-btn:last-child > .btn,
  3665. .input-group-btn:last-child > .btn-group {
  3666. margin-left: -1px;
  3667. }
  3668. .nav {
  3669. margin-bottom: 0;
  3670. padding-left: 0;
  3671. list-style: none;
  3672. }
  3673. .nav > li {
  3674. position: relative;
  3675. display: block;
  3676. }
  3677. .nav > li > a {
  3678. position: relative;
  3679. display: block;
  3680. padding: 10px 15px;
  3681. }
  3682. .nav > li > a:hover,
  3683. .nav > li > a:focus {
  3684. text-decoration: none;
  3685. background-color: #ffffff;
  3686. }
  3687. .nav > li.disabled > a {
  3688. color: #bfbfbf;
  3689. }
  3690. .nav > li.disabled > a:hover,
  3691. .nav > li.disabled > a:focus {
  3692. color: #bfbfbf;
  3693. text-decoration: none;
  3694. background-color: transparent;
  3695. cursor: not-allowed;
  3696. }
  3697. .nav .open > a,
  3698. .nav .open > a:hover,
  3699. .nav .open > a:focus {
  3700. background-color: #ffffff;
  3701. }
  3702. .nav .nav-divider {
  3703. height: 1px;
  3704. margin: 10px 0;
  3705. overflow: hidden;
  3706. background-color: #e5e5e5;
  3707. }
  3708. .nav > li > a > img {
  3709. max-width: none;
  3710. }
  3711. .nav-tabs {
  3712. border-bottom: 1px solid #dddddd;
  3713. }
  3714. .nav-tabs > li {
  3715. float: left;
  3716. margin-bottom: -1px;
  3717. }
  3718. .nav-tabs > li > a {
  3719. margin-right: 2px;
  3720. line-height: 1.42857143;
  3721. border: 1px solid transparent;
  3722. border-radius: 0px 0px 0 0;
  3723. }
  3724. .nav-tabs > li > a:hover {
  3725. border-color: #dedede #dedede #dddddd;
  3726. }
  3727. .nav-tabs > li.active > a,
  3728. .nav-tabs > li.active > a:hover,
  3729. .nav-tabs > li.active > a:focus {
  3730. color: #b5b5b5;
  3731. background-color: #ffffff;
  3732. border: 1px solid #dddddd;
  3733. border-bottom-color: transparent;
  3734. cursor: default;
  3735. }
  3736. .nav-tabs.nav-justified {
  3737. width: 100%;
  3738. border-bottom: 0;
  3739. }
  3740. .nav-tabs.nav-justified > li {
  3741. float: none;
  3742. }
  3743. .nav-tabs.nav-justified > li > a {
  3744. text-align: center;
  3745. margin-bottom: 5px;
  3746. }
  3747. .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  3748. top: auto;
  3749. left: auto;
  3750. }
  3751. @media (min-width: 768px) {
  3752. .nav-tabs.nav-justified > li {
  3753. display: table-cell;
  3754. width: 1%;
  3755. }
  3756. .nav-tabs.nav-justified > li > a {
  3757. margin-bottom: 0;
  3758. }
  3759. }
  3760. .nav-tabs.nav-justified > li > a {
  3761. margin-right: 0;
  3762. border-radius: 0px;
  3763. }
  3764. .nav-tabs.nav-justified > .active > a,
  3765. .nav-tabs.nav-justified > .active > a:hover,
  3766. .nav-tabs.nav-justified > .active > a:focus {
  3767. border: 1px solid #dddddd;
  3768. }
  3769. @media (min-width: 768px) {
  3770. .nav-tabs.nav-justified > li > a {
  3771. border-bottom: 1px solid #dddddd;
  3772. border-radius: 0px 0px 0 0;
  3773. }
  3774. .nav-tabs.nav-justified > .active > a,
  3775. .nav-tabs.nav-justified > .active > a:hover,
  3776. .nav-tabs.nav-justified > .active > a:focus {
  3777. border-bottom-color: #ffffff;
  3778. }
  3779. }
  3780. .nav-pills > li {
  3781. float: left;
  3782. }
  3783. .nav-pills > li > a {
  3784. border-radius: 0px;
  3785. }
  3786. .nav-pills > li + li {
  3787. margin-left: 2px;
  3788. }
  3789. .nav-pills > li.active > a,
  3790. .nav-pills > li.active > a:hover,
  3791. .nav-pills > li.active > a:focus {
  3792. color: #ffffff;
  3793. background-color: #6b11b1;
  3794. }
  3795. .nav-stacked > li {
  3796. float: none;
  3797. }
  3798. .nav-stacked > li + li {
  3799. margin-top: 2px;
  3800. margin-left: 0;
  3801. }
  3802. .nav-justified {
  3803. width: 100%;
  3804. }
  3805. .nav-justified > li {
  3806. float: none;
  3807. }
  3808. .nav-justified > li > a {
  3809. text-align: center;
  3810. margin-bottom: 5px;
  3811. }
  3812. .nav-justified > .dropdown .dropdown-menu {
  3813. top: auto;
  3814. left: auto;
  3815. }
  3816. @media (min-width: 768px) {
  3817. .nav-justified > li {
  3818. display: table-cell;
  3819. width: 1%;
  3820. }
  3821. .nav-justified > li > a {
  3822. margin-bottom: 0;
  3823. }
  3824. }
  3825. .nav-tabs-justified {
  3826. border-bottom: 0;
  3827. }
  3828. .nav-tabs-justified > li > a {
  3829. margin-right: 0;
  3830. border-radius: 0px;
  3831. }
  3832. .nav-tabs-justified > .active > a,
  3833. .nav-tabs-justified > .active > a:hover,
  3834. .nav-tabs-justified > .active > a:focus {
  3835. border: 1px solid #dddddd;
  3836. }
  3837. @media (min-width: 768px) {
  3838. .nav-tabs-justified > li > a {
  3839. border-bottom: 1px solid #dddddd;
  3840. border-radius: 0px 0px 0 0;
  3841. }
  3842. .nav-tabs-justified > .active > a,
  3843. .nav-tabs-justified > .active > a:hover,
  3844. .nav-tabs-justified > .active > a:focus {
  3845. border-bottom-color: #ffffff;
  3846. }
  3847. }
  3848. .tab-content > .tab-pane {
  3849. display: none;
  3850. }
  3851. .tab-content > .active {
  3852. display: block;
  3853. }
  3854. .nav-tabs .dropdown-menu {
  3855. margin-top: -1px;
  3856. border-top-right-radius: 0;
  3857. border-top-left-radius: 0;
  3858. }
  3859. .navbar {
  3860. position: relative;
  3861. min-height: 50px;
  3862. margin-bottom: 22px;
  3863. border: 1px solid transparent;
  3864. }
  3865. @media (min-width: 768px) {
  3866. .navbar {
  3867. border-radius: 0px;
  3868. }
  3869. }
  3870. @media (min-width: 768px) {
  3871. .navbar-header {
  3872. float: left;
  3873. }
  3874. }
  3875. .navbar-collapse {
  3876. max-height: 340px;
  3877. overflow-x: visible;
  3878. padding-right: 15px;
  3879. padding-left: 15px;
  3880. border-top: 1px solid transparent;
  3881. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  3882. -webkit-overflow-scrolling: touch;
  3883. }
  3884. .navbar-collapse.in {
  3885. overflow-y: auto;
  3886. }
  3887. @media (min-width: 768px) {
  3888. .navbar-collapse {
  3889. width: auto;
  3890. border-top: 0;
  3891. box-shadow: none;
  3892. }
  3893. .navbar-collapse.collapse {
  3894. display: block !important;
  3895. height: auto !important;
  3896. padding-bottom: 0;
  3897. overflow: visible !important;
  3898. }
  3899. .navbar-collapse.in {
  3900. overflow-y: visible;
  3901. }
  3902. .navbar-fixed-top .navbar-collapse,
  3903. .navbar-static-top .navbar-collapse,
  3904. .navbar-fixed-bottom .navbar-collapse {
  3905. padding-left: 0;
  3906. padding-right: 0;
  3907. }
  3908. }
  3909. .container > .navbar-header,
  3910. .container-fluid > .navbar-header,
  3911. .container > .navbar-collapse,
  3912. .container-fluid > .navbar-collapse {
  3913. margin-right: -15px;
  3914. margin-left: -15px;
  3915. }
  3916. @media (min-width: 768px) {
  3917. .container > .navbar-header,
  3918. .container-fluid > .navbar-header,
  3919. .container > .navbar-collapse,
  3920. .container-fluid > .navbar-collapse {
  3921. margin-right: 0;
  3922. margin-left: 0;
  3923. }
  3924. }
  3925. .navbar-static-top {
  3926. z-index: 1000;
  3927. border-width: 0 0 1px;
  3928. }
  3929. @media (min-width: 768px) {
  3930. .navbar-static-top {
  3931. border-radius: 0;
  3932. }
  3933. }
  3934. .navbar-fixed-top,
  3935. .navbar-fixed-bottom {
  3936. position: fixed;
  3937. right: 0;
  3938. left: 0;
  3939. z-index: 1030;
  3940. }
  3941. @media (min-width: 768px) {
  3942. .navbar-fixed-top,
  3943. .navbar-fixed-bottom {
  3944. border-radius: 0;
  3945. }
  3946. }
  3947. .navbar-fixed-top {
  3948. top: 0;
  3949. border-width: 0 0 1px;
  3950. }
  3951. .navbar-fixed-bottom {
  3952. bottom: 0;
  3953. margin-bottom: 0;
  3954. border-width: 1px 0 0;
  3955. }
  3956. .navbar-brand {
  3957. float: right;
  3958. padding: 14px 15px;
  3959. font-size: 20px;
  3960. line-height: 150px;
  3961. height: 100px;
  3962. }
  3963. #header_logo {
  3964. float: right;
  3965. vertical-align: top;
  3966. text-align:center;
  3967. padding-top : 10px;
  3968. margin-right: auto;
  3969. margin-left : 75px;
  3970. }
  3971. .langage_menu {
  3972. font-size: 0.75em;
  3973. margin-right:25px;
  3974. }
  3975. .navbar-brand:hover,
  3976. .navbar-brand:focus {
  3977. text-decoration: none;
  3978. }
  3979. @media (min-width: 768px) {
  3980. .navbar > .container .navbar-brand,
  3981. .navbar > .container-fluid .navbar-brand {
  3982. margin-left: -15px;
  3983. }
  3984. }
  3985. .navbar-toggle {
  3986. position: relative;
  3987. float: right;
  3988. margin-right: 15px;
  3989. padding: 9px 10px;
  3990. margin-top: 8px;
  3991. margin-bottom: 8px;
  3992. background-color: transparent;
  3993. background-image: none;
  3994. border: 1px solid transparent;
  3995. border-radius: 0px;
  3996. }
  3997. .navbar-toggle:focus {
  3998. outline: none;
  3999. }
  4000. .navbar-toggle .icon-bar {
  4001. display: block;
  4002. width: 22px;
  4003. height: 2px;
  4004. border-radius: 1px;
  4005. }
  4006. .navbar-toggle .icon-bar + .icon-bar {
  4007. margin-top: 4px;
  4008. }
  4009. @media (min-width: 768px) {
  4010. .navbar-toggle {
  4011. display: none;
  4012. }
  4013. }
  4014. .navbar-nav {
  4015. margin: 7px -15px;
  4016. }
  4017. .navbar-nav > li > a {
  4018. padding-top: 10px;
  4019. padding-bottom: 10px;
  4020. line-height: 22px;
  4021. }
  4022. @media (max-width: 767px) {
  4023. .navbar-nav .open .dropdown-menu {
  4024. position: static;
  4025. float: none;
  4026. width: auto;
  4027. margin-top: 0;
  4028. background-color: transparent;
  4029. border: 0;
  4030. box-shadow: none;
  4031. }
  4032. .navbar-nav .open .dropdown-menu > li > a,
  4033. .navbar-nav .open .dropdown-menu .dropdown-header {
  4034. padding: 5px 15px 5px 25px;
  4035. }
  4036. .navbar-nav .open .dropdown-menu > li > a {
  4037. line-height: 22px;
  4038. }
  4039. .navbar-nav .open .dropdown-menu > li > a:hover,
  4040. .navbar-nav .open .dropdown-menu > li > a:focus {
  4041. background-image: none;
  4042. }
  4043. }
  4044. @media (min-width: 768px) {
  4045. .navbar-nav {
  4046. float: left;
  4047. margin: 0;
  4048. }
  4049. .navbar-nav > li {
  4050. float: left;
  4051. }
  4052. .navbar-nav > li > a {
  4053. padding-top: 14px;
  4054. padding-bottom: 14px;
  4055. }
  4056. .navbar-nav.navbar-right:last-child {
  4057. margin-right: -15px;
  4058. }
  4059. }
  4060. @media (min-width: 768px) {
  4061. .navbar-left {
  4062. float: left !important;
  4063. }
  4064. .navbar-right {
  4065. float: right !important;
  4066. }
  4067. }
  4068. .navbar-form {
  4069. margin-left: -15px;
  4070. margin-right: -15px;
  4071. padding: 10px 15px;
  4072. border-top: 1px solid transparent;
  4073. border-bottom: 1px solid transparent;
  4074. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4075. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4076. margin-top: 7px;
  4077. margin-bottom: 7px;
  4078. }
  4079. @media (min-width: 768px) {
  4080. .navbar-form .form-group {
  4081. display: inline-block;
  4082. margin-bottom: 0;
  4083. vertical-align: middle;
  4084. }
  4085. .navbar-form .form-control {
  4086. display: inline-block;
  4087. width: auto;
  4088. vertical-align: middle;
  4089. }
  4090. .navbar-form .input-group > .form-control {
  4091. width: 100%;
  4092. }
  4093. .navbar-form .control-label {
  4094. margin-bottom: 0;
  4095. vertical-align: middle;
  4096. }
  4097. .navbar-form .radio,
  4098. .navbar-form .checkbox {
  4099. display: inline-block;
  4100. margin-top: 0;
  4101. margin-bottom: 0;
  4102. padding-left: 0;
  4103. vertical-align: middle;
  4104. }
  4105. .navbar-form .radio input[type="radio"],
  4106. .navbar-form .checkbox input[type="checkbox"] {
  4107. float: none;
  4108. margin-left: 0;
  4109. }
  4110. .navbar-form .has-feedback .form-control-feedback {
  4111. top: 0;
  4112. }
  4113. }
  4114. @media (max-width: 767px) {
  4115. .navbar-form .form-group {
  4116. margin-bottom: 5px;
  4117. }
  4118. }
  4119. @media (min-width: 768px) {
  4120. .navbar-form {
  4121. width: auto;
  4122. border: 0;
  4123. margin-left: 0;
  4124. margin-right: 0;
  4125. padding-top: 0;
  4126. padding-bottom: 0;
  4127. -webkit-box-shadow: none;
  4128. box-shadow: none;
  4129. }
  4130. .navbar-form.navbar-right:last-child {
  4131. margin-right: -15px;
  4132. }
  4133. }
  4134. .navbar-nav > li > .dropdown-menu {
  4135. margin-top: 0;
  4136. border-top-right-radius: 0;
  4137. border-top-left-radius: 0;
  4138. }
  4139. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  4140. border-bottom-right-radius: 0;
  4141. border-bottom-left-radius: 0;
  4142. }
  4143. .navbar-btn {
  4144. margin-top: 7px;
  4145. margin-bottom: 7px;
  4146. }
  4147. .navbar-btn.btn-sm {
  4148. margin-top: 8.5px;
  4149. margin-bottom: 8.5px;
  4150. }
  4151. .navbar-btn.btn-xs {
  4152. margin-top: 14px;
  4153. margin-bottom: 14px;
  4154. }
  4155. .navbar-text {
  4156. margin-top: 14px;
  4157. margin-bottom: 14px;
  4158. }
  4159. @media (min-width: 768px) {
  4160. .navbar-text {
  4161. float: left;
  4162. margin-left: 15px;
  4163. margin-right: 15px;
  4164. }
  4165. .navbar-text.navbar-right:last-child {
  4166. margin-right: 0;
  4167. }
  4168. }
  4169. .navbar-default {
  4170. background-color: #ffffff;
  4171. border-color: #ffffff;
  4172. }
  4173. .navbar-default .navbar-brand {
  4174. color: #777777;
  4175. }
  4176. .navbar-default .navbar-brand:hover,
  4177. .navbar-default .navbar-brand:focus {
  4178. color: #5e5e5e;
  4179. background-color: transparent;
  4180. }
  4181. .navbar-default .navbar-text {
  4182. color: #777777;
  4183. }
  4184. .navbar-default .navbar-nav > li > a {
  4185. color: #777777;
  4186. }
  4187. .navbar-default .navbar-nav > li > a:hover {
  4188. border-bottom: 3px solid #aed1ea;
  4189. color: #ebebeb;
  4190. }
  4191. .navbar-default .navbar-nav > li > a:focus {
  4192. color: #333333;
  4193. background-color: transparent;
  4194. }
  4195. .navbar-default .navbar-nav > .active > a,
  4196. .navbar-default .navbar-nav > .active > a:hover,
  4197. .navbar-default .navbar-nav > .active > a:focus {
  4198. color: #555555;
  4199. border-bottom: 3px solid #5fb1ea;
  4200. }
  4201. .navbar-default .navbar-nav > .disabled > a,
  4202. .navbar-default .navbar-nav > .disabled > a:hover,
  4203. .navbar-default .navbar-nav > .disabled > a:focus {
  4204. color: #cccccc;
  4205. background-color: transparent;
  4206. }
  4207. .navbar-default .navbar-toggle {
  4208. border-color: #dddddd;
  4209. }
  4210. .navbar-default .navbar-toggle:hover,
  4211. .navbar-default .navbar-toggle:focus {
  4212. background-color: #ffffff;
  4213. }
  4214. .navbar-default .navbar-toggle .icon-bar {
  4215. background-color: #888888;
  4216. }
  4217. .navbar-default .navbar-collapse,
  4218. .navbar-default .navbar-form {
  4219. border-color: #e7e7e7;
  4220. }
  4221. .navbar-default .navbar-nav > .open > a,
  4222. .navbar-default .navbar-nav > .open > a:hover,
  4223. .navbar-default .navbar-nav > .open > a:focus {
  4224. background-color: #e7e7e7;
  4225. color: #555555;
  4226. }
  4227. @media (max-width: 767px) {
  4228. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  4229. color: #777777;
  4230. }
  4231. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  4232. .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  4233. color: #333333;
  4234. background-color: transparent;
  4235. }
  4236. .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  4237. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  4238. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  4239. color: #555555;
  4240. background-color: #e7e7e7;
  4241. }
  4242. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  4243. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4244. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4245. color: #cccccc;
  4246. background-color: transparent;
  4247. }
  4248. }
  4249. .navbar-default .navbar-link {
  4250. color: #777777;
  4251. }
  4252. .navbar-default .navbar-link:hover {
  4253. color: #333333;
  4254. }
  4255. .navbar-inverse {
  4256. background-color: #222222;
  4257. border-color: #080808;
  4258. }
  4259. .navbar-inverse .navbar-brand {
  4260. color: #bfbfbf;
  4261. }
  4262. .navbar-inverse .navbar-brand:hover,
  4263. .navbar-inverse .navbar-brand:focus {
  4264. color: #ffffff;
  4265. background-color: transparent;
  4266. }
  4267. .navbar-inverse .navbar-text {
  4268. color: #bfbfbf;
  4269. }
  4270. .navbar-inverse .navbar-nav > li > a {
  4271. color: #bfbfbf;
  4272. }
  4273. .navbar-inverse .navbar-nav > li > a:hover,
  4274. .navbar-inverse .navbar-nav > li > a:focus {
  4275. color: #ffffff;
  4276. background-color: transparent;
  4277. }
  4278. .navbar-inverse .navbar-nav > .active > a,
  4279. .navbar-inverse .navbar-nav > .active > a:hover,
  4280. .navbar-inverse .navbar-nav > .active > a:focus {
  4281. color: #ffffff;
  4282. background-color: #080808;
  4283. }
  4284. .navbar-inverse .navbar-nav > .disabled > a,
  4285. .navbar-inverse .navbar-nav > .disabled > a:hover,
  4286. .navbar-inverse .navbar-nav > .disabled > a:focus {
  4287. color: #444444;
  4288. background-color: transparent;
  4289. }
  4290. .navbar-inverse .navbar-toggle {
  4291. border-color: #333333;
  4292. }
  4293. .navbar-inverse .navbar-toggle:hover,
  4294. .navbar-inverse .navbar-toggle:focus {
  4295. background-color: #333333;
  4296. }
  4297. .navbar-inverse .navbar-toggle .icon-bar {
  4298. background-color: #ffffff;
  4299. }
  4300. .navbar-inverse .navbar-collapse,
  4301. .navbar-inverse .navbar-form {
  4302. border-color: #101010;
  4303. }
  4304. .navbar-inverse .navbar-nav > .open > a,
  4305. .navbar-inverse .navbar-nav > .open > a:hover,
  4306. .navbar-inverse .navbar-nav > .open > a:focus {
  4307. background-color: #080808;
  4308. color: #ffffff;
  4309. }
  4310. @media (max-width: 767px) {
  4311. .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  4312. border-color: #080808;
  4313. }
  4314. .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  4315. background-color: #080808;
  4316. }
  4317. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  4318. color: #bfbfbf;
  4319. }
  4320. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  4321. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  4322. color: #ffffff;
  4323. background-color: transparent;
  4324. }
  4325. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  4326. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  4327. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  4328. color: #ffffff;
  4329. background-color: #080808;
  4330. }
  4331. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  4332. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4333. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4334. color: #444444;
  4335. background-color: transparent;
  4336. }
  4337. }
  4338. .navbar-inverse .navbar-link {
  4339. color: #bfbfbf;
  4340. }
  4341. .navbar-inverse .navbar-link:hover {
  4342. color: #ffffff;
  4343. }
  4344. .breadcrumb {
  4345. padding: 8px 15px;
  4346. margin-bottom: 22px;
  4347. list-style: none;
  4348. background-color: #f5f5f5;
  4349. border-radius: 0px;
  4350. }
  4351. .breadcrumb > li {
  4352. display: inline-block;
  4353. }
  4354. .breadcrumb > li + li:before {
  4355. content: "/\00a0";
  4356. padding: 0 5px;
  4357. color: #cccccc;
  4358. }
  4359. .breadcrumb > .active {
  4360. color: #bfbfbf;
  4361. }
  4362. .pagination {
  4363. display: inline-block;
  4364. padding-left: 0;
  4365. margin: 22px 0;
  4366. border-radius: 0px;
  4367. }
  4368. .pagination > li {
  4369. display: inline;
  4370. }
  4371. .pagination > li > a,
  4372. .pagination > li > span {
  4373. position: relative;
  4374. float: left;
  4375. padding: 6px 12px;
  4376. line-height: 1.42857143;
  4377. text-decoration: none;
  4378. color: #6b11b1;
  4379. background-color: #ffffff;
  4380. border: 1px solid #dddddd;
  4381. margin-left: -1px;
  4382. }
  4383. .pagination > li:first-child > a,
  4384. .pagination > li:first-child > span {
  4385. margin-left: 0;
  4386. border-bottom-left-radius: 0px;
  4387. border-top-left-radius: 0px;
  4388. }
  4389. .pagination > li:last-child > a,
  4390. .pagination > li:last-child > span {
  4391. border-bottom-right-radius: 0px;
  4392. border-top-right-radius: 0px;
  4393. }
  4394. .pagination > li > a:hover,
  4395. .pagination > li > span:hover,
  4396. .pagination > li > a:focus,
  4397. .pagination > li > span:focus {
  4398. color: #410a6b;
  4399. background-color: #dedede;
  4400. border-color: #dddddd;
  4401. }
  4402. .pagination > .active > a,
  4403. .pagination > .active > span,
  4404. .pagination > .active > a:hover,
  4405. .pagination > .active > span:hover,
  4406. .pagination > .active > a:focus,
  4407. .pagination > .active > span:focus {
  4408. z-index: 2;
  4409. color: #ffffff;
  4410. background-color: #6b11b1;
  4411. border-color: #6b11b1;
  4412. cursor: default;
  4413. }
  4414. .pagination > .disabled > span,
  4415. .pagination > .disabled > span:hover,
  4416. .pagination > .disabled > span:focus,
  4417. .pagination > .disabled > a,
  4418. .pagination > .disabled > a:hover,
  4419. .pagination > .disabled > a:focus {
  4420. color: #bfbfbf;
  4421. background-color: #ffffff;
  4422. border-color: #dddddd;
  4423. cursor: not-allowed;
  4424. }
  4425. .pagination-lg > li > a,
  4426. .pagination-lg > li > span {
  4427. padding: 10px 16px;
  4428. font-size: 20px;
  4429. }
  4430. .pagination-lg > li:first-child > a,
  4431. .pagination-lg > li:first-child > span {
  4432. border-bottom-left-radius: 0px;
  4433. border-top-left-radius: 0px;
  4434. }
  4435. .pagination-lg > li:last-child > a,
  4436. .pagination-lg > li:last-child > span {
  4437. border-bottom-right-radius: 0px;
  4438. border-top-right-radius: 0px;
  4439. }
  4440. .pagination-sm > li > a,
  4441. .pagination-sm > li > span {
  4442. padding: 5px 10px;
  4443. font-size: 14px;
  4444. }
  4445. .pagination-sm > li:first-child > a,
  4446. .pagination-sm > li:first-child > span {
  4447. border-bottom-left-radius: 0px;
  4448. border-top-left-radius: 0px;
  4449. }
  4450. .pagination-sm > li:last-child > a,
  4451. .pagination-sm > li:last-child > span {
  4452. border-bottom-right-radius: 0px;
  4453. border-top-right-radius: 0px;
  4454. }
  4455. .pager {
  4456. padding-left: 0;
  4457. margin: 22px 0;
  4458. list-style: none;
  4459. text-align: center;
  4460. }
  4461. .pager li {
  4462. display: inline;
  4463. }
  4464. .pager li > a,
  4465. .pager li > span {
  4466. display: inline-block;
  4467. padding: 5px 14px;
  4468. background-color: #ffffff;
  4469. border: 1px solid #dddddd;
  4470. border-radius: 15px;
  4471. }
  4472. .pager li > a:hover,
  4473. .pager li > a:focus {
  4474. text-decoration: none;
  4475. background-color: #dedede;
  4476. }
  4477. .pager .next > a,
  4478. .pager .next > span {
  4479. float: right;
  4480. }
  4481. .pager .previous > a,
  4482. .pager .previous > span {
  4483. float: left;
  4484. }
  4485. .pager .disabled > a,
  4486. .pager .disabled > a:hover,
  4487. .pager .disabled > a:focus,
  4488. .pager .disabled > span {
  4489. color: #bfbfbf;
  4490. background-color: #ffffff;
  4491. cursor: not-allowed;
  4492. }
  4493. .label {
  4494. display: inline;
  4495. padding: .2em .6em .3em;
  4496. font-size: 75%;
  4497. font-weight: bold;
  4498. line-height: 1;
  4499. color: #ffffff;
  4500. text-align: center;
  4501. white-space: nowrap;
  4502. vertical-align: baseline;
  4503. border-radius: .25em;
  4504. }
  4505. .label[href]:hover,
  4506. .label[href]:focus {
  4507. color: #ffffff;
  4508. text-decoration: none;
  4509. cursor: pointer;
  4510. }
  4511. .label:empty {
  4512. display: none;
  4513. }
  4514. .btn .label {
  4515. position: relative;
  4516. top: -1px;
  4517. }
  4518. .label-default {
  4519. background-color: #bfbfbf;
  4520. }
  4521. .label-default[href]:hover,
  4522. .label-default[href]:focus {
  4523. background-color: #a6a6a6;
  4524. }
  4525. .label-primary {
  4526. background-color: #6b11b1;
  4527. }
  4528. .label-primary[href]:hover,
  4529. .label-primary[href]:focus {
  4530. background-color: #4f0d82;
  4531. }
  4532. .label-success {
  4533. background-color: #53a7bf;
  4534. }
  4535. .label-success[href]:hover,
  4536. .label-success[href]:focus {
  4537. background-color: #3c8ca3;
  4538. }
  4539. .label-info {
  4540. background-color: #f9e03c;
  4541. }
  4542. .label-info[href]:hover,
  4543. .label-info[href]:focus {
  4544. background-color: #f7d80b;
  4545. }
  4546. .label-warning {
  4547. background-color: #fcb066;
  4548. }
  4549. .label-warning[href]:hover,
  4550. .label-warning[href]:focus {
  4551. background-color: #fb9634;
  4552. }
  4553. .label-danger {
  4554. background-color: #e3004b;
  4555. }
  4556. .label-danger[href]:hover,
  4557. .label-danger[href]:focus {
  4558. background-color: #b0003a;
  4559. }
  4560. .badge {
  4561. display: inline-block;
  4562. min-width: 10px;
  4563. padding: 3px 7px;
  4564. font-size: 14px;
  4565. font-weight: bold;
  4566. color: #ffffff;
  4567. line-height: 1;
  4568. vertical-align: baseline;
  4569. white-space: nowrap;
  4570. text-align: center;
  4571. background-color: #bfbfbf;
  4572. border-radius: 10px;
  4573. }
  4574. .badge:empty {
  4575. display: none;
  4576. }
  4577. .btn .badge {
  4578. position: relative;
  4579. top: -1px;
  4580. }
  4581. .btn-xs .badge {
  4582. top: 0;
  4583. padding: 1px 5px;
  4584. }
  4585. a.badge:hover,
  4586. a.badge:focus {
  4587. color: #ffffff;
  4588. text-decoration: none;
  4589. cursor: pointer;
  4590. }
  4591. a.list-group-item.active > .badge,
  4592. .nav-pills > .active > a > .badge {
  4593. color: #6b11b1;
  4594. background-color: #ffffff;
  4595. }
  4596. .nav-pills > li > a > .badge {
  4597. margin-left: 3px;
  4598. }
  4599. .jumbotron {
  4600. padding: 30px;
  4601. margin-bottom: 30px;
  4602. color: inherit;
  4603. background-color: #dedede;
  4604. }
  4605. .jumbotron h1,
  4606. .jumbotron .h1 {
  4607. color: inherit;
  4608. }
  4609. .jumbotron p {
  4610. margin-bottom: 15px;
  4611. font-size: 24px;
  4612. font-weight: 200;
  4613. }
  4614. .container .jumbotron {
  4615. border-radius: 0px;
  4616. }
  4617. .jumbotron .container {
  4618. max-width: 100%;
  4619. }
  4620. @media screen and (min-width: 768px) {
  4621. .jumbotron {
  4622. padding-top: 48px;
  4623. padding-bottom: 48px;
  4624. }
  4625. .container .jumbotron {
  4626. padding-left: 60px;
  4627. padding-right: 60px;
  4628. }
  4629. .jumbotron h1,
  4630. .jumbotron .h1 {
  4631. font-size: 72px;
  4632. }
  4633. }
  4634. .thumbnail {
  4635. display: block;
  4636. padding: 4px;
  4637. margin-bottom: 22px;
  4638. line-height: 1.42857143;
  4639. background-color: #ffffff;
  4640. border: 1px solid #dddddd;
  4641. border-radius: 0px;
  4642. -webkit-transition: all 0.2s ease-in-out;
  4643. transition: all 0.2s ease-in-out;
  4644. }
  4645. .thumbnail > img,
  4646. .thumbnail a > img {
  4647. margin-left: auto;
  4648. margin-right: auto;
  4649. }
  4650. a.thumbnail:hover,
  4651. a.thumbnail:focus,
  4652. a.thumbnail.active {
  4653. border-color: #6b11b1;
  4654. }
  4655. .thumbnail .caption {
  4656. padding: 9px;
  4657. color: #4d4d4d;
  4658. }
  4659. .alert {
  4660. padding: 15px;
  4661. margin-bottom: 22px;
  4662. border: 1px solid transparent;
  4663. border-radius: 0px;
  4664. }
  4665. .alert h4 {
  4666. margin-top: 0;
  4667. color: inherit;
  4668. }
  4669. .alert .alert-link {
  4670. font-weight: bold;
  4671. }
  4672. .alert > p,
  4673. .alert > ul {
  4674. margin-bottom: 0;
  4675. }
  4676. .alert > p + p {
  4677. margin-top: 5px;
  4678. }
  4679. .alert-dismissable {
  4680. padding-right: 35px;
  4681. }
  4682. .alert-dismissable .close {
  4683. position: relative;
  4684. top: -2px;
  4685. right: -21px;
  4686. color: inherit;
  4687. }
  4688. .alert-success {
  4689. background-color: #dff0d8;
  4690. border-color: #d6e9c6;
  4691. color: #3c763d;
  4692. }
  4693. .alert-success hr {
  4694. border-top-color: #c9e2b3;
  4695. }
  4696. .alert-success .alert-link {
  4697. color: #2b542c;
  4698. }
  4699. .alert-info {
  4700. background-color: #d9edf7;
  4701. border-color: #bce8f1;
  4702. color: #31708f;
  4703. }
  4704. .alert-info hr {
  4705. border-top-color: #a6e1ec;
  4706. }
  4707. .alert-info .alert-link {
  4708. color: #245269;
  4709. }
  4710. .alert-warning {
  4711. background-color: #fcf8e3;
  4712. border-color: #faebcc;
  4713. color: #8a6d3b;
  4714. }
  4715. .alert-warning hr {
  4716. border-top-color: #f7e1b5;
  4717. }
  4718. .alert-warning .alert-link {
  4719. color: #66512c;
  4720. }
  4721. .alert-danger {
  4722. background-color: #f2dede;
  4723. border-color: #ebccd1;
  4724. color: #a94442;
  4725. }
  4726. .alert-danger hr {
  4727. border-top-color: #e4b9c0;
  4728. }
  4729. .alert-danger .alert-link {
  4730. color: #843534;
  4731. }
  4732. @-webkit-keyframes progress-bar-stripes {
  4733. from {
  4734. background-position: 40px 0;
  4735. }
  4736. to {
  4737. background-position: 0 0;
  4738. }
  4739. }
  4740. @keyframes progress-bar-stripes {
  4741. from {
  4742. background-position: 40px 0;
  4743. }
  4744. to {
  4745. background-position: 0 0;
  4746. }
  4747. }
  4748. .progress {
  4749. overflow: hidden;
  4750. height: 22px;
  4751. margin-bottom: 22px;
  4752. background-color: #f5f5f5;
  4753. border-radius: 0px;
  4754. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4755. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4756. }
  4757. .progress-bar {
  4758. float: left;
  4759. width: 0%;
  4760. height: 100%;
  4761. font-size: 14px;
  4762. line-height: 22px;
  4763. color: #ffffff;
  4764. text-align: center;
  4765. background-color: #6b11b1;
  4766. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4767. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4768. -webkit-transition: width 0.6s ease;
  4769. transition: width 0.6s ease;
  4770. }
  4771. .progress-striped .progress-bar {
  4772. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4773. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4774. background-size: 40px 40px;
  4775. }
  4776. .progress.active .progress-bar {
  4777. -webkit-animation: progress-bar-stripes 2s linear infinite;
  4778. animation: progress-bar-stripes 2s linear infinite;
  4779. }
  4780. .progress-bar-success {
  4781. background-color: #53a7bf;
  4782. }
  4783. .progress-striped .progress-bar-success {
  4784. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4785. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4786. }
  4787. .progress-bar-info {
  4788. background-color: #f9e03c;
  4789. }
  4790. .progress-striped .progress-bar-info {
  4791. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4792. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4793. }
  4794. .progress-bar-warning {
  4795. background-color: #fcb066;
  4796. }
  4797. .progress-striped .progress-bar-warning {
  4798. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4799. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4800. }
  4801. .progress-bar-danger {
  4802. background-color: #e3004b;
  4803. }
  4804. .progress-striped .progress-bar-danger {
  4805. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4806. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4807. }
  4808. .media,
  4809. .media-body {
  4810. overflow: hidden;
  4811. zoom: 1;
  4812. }
  4813. .media,
  4814. .media .media {
  4815. margin-top: 15px;
  4816. }
  4817. .media:first-child {
  4818. margin-top: 0;
  4819. }
  4820. .media-object {
  4821. display: block;
  4822. }
  4823. .media-heading {
  4824. margin: 0 0 5px;
  4825. }
  4826. .media > .pull-left {
  4827. margin-right: 10px;
  4828. }
  4829. .media > .pull-right {
  4830. margin-left: 10px;
  4831. }
  4832. .media-list {
  4833. padding-left: 0;
  4834. list-style: none;
  4835. }
  4836. .list-group {
  4837. margin-bottom: 20px;
  4838. padding-left: 0;
  4839. }
  4840. .list-group-item {
  4841. position: relative;
  4842. display: block;
  4843. padding: 10px 15px;
  4844. margin-bottom: -1px;
  4845. background-color: #ffffff;
  4846. border: 1px solid #dddddd;
  4847. }
  4848. .list-group-item:first-child {
  4849. border-top-right-radius: 0px;
  4850. border-top-left-radius: 0px;
  4851. }
  4852. .list-group-item:last-child {
  4853. margin-bottom: 0;
  4854. border-bottom-right-radius: 0px;
  4855. border-bottom-left-radius: 0px;
  4856. }
  4857. .list-group-item > .badge {
  4858. float: right;
  4859. }
  4860. .list-group-item > .badge + .badge {
  4861. margin-right: 5px;
  4862. }
  4863. a.list-group-item {
  4864. color: #555555;
  4865. }
  4866. a.list-group-item .list-group-item-heading {
  4867. color: #333333;
  4868. }
  4869. a.list-group-item:hover,
  4870. a.list-group-item:focus {
  4871. text-decoration: none;
  4872. background-color: #f5f5f5;
  4873. }
  4874. a.list-group-item.active,
  4875. a.list-group-item.active:hover,
  4876. a.list-group-item.active:focus {
  4877. z-index: 2;
  4878. color: #ffffff;
  4879. background-color: #6b11b1;
  4880. border-color: #6b11b1;
  4881. }
  4882. a.list-group-item.active .list-group-item-heading,
  4883. a.list-group-item.active:hover .list-group-item-heading,
  4884. a.list-group-item.active:focus .list-group-item-heading {
  4885. color: inherit;
  4886. }
  4887. a.list-group-item.active .list-group-item-text,
  4888. a.list-group-item.active:hover .list-group-item-text,
  4889. a.list-group-item.active:focus .list-group-item-text {
  4890. color: #cd99f5;
  4891. }
  4892. .list-group-item-success {
  4893. color: #3c763d;
  4894. background-color: #dff0d8;
  4895. }
  4896. a.list-group-item-success {
  4897. color: #3c763d;
  4898. }
  4899. a.list-group-item-success .list-group-item-heading {
  4900. color: inherit;
  4901. }
  4902. a.list-group-item-success:hover,
  4903. a.list-group-item-success:focus {
  4904. color: #3c763d;
  4905. background-color: #d0e9c6;
  4906. }
  4907. a.list-group-item-success.active,
  4908. a.list-group-item-success.active:hover,
  4909. a.list-group-item-success.active:focus {
  4910. color: #fff;
  4911. background-color: #3c763d;
  4912. border-color: #3c763d;
  4913. }
  4914. .list-group-item-info {
  4915. color: #31708f;
  4916. background-color: #d9edf7;
  4917. }
  4918. a.list-group-item-info {
  4919. color: #31708f;
  4920. }
  4921. a.list-group-item-info .list-group-item-heading {
  4922. color: inherit;
  4923. }
  4924. a.list-group-item-info:hover,
  4925. a.list-group-item-info:focus {
  4926. color: #31708f;
  4927. background-color: #c4e3f3;
  4928. }
  4929. a.list-group-item-info.active,
  4930. a.list-group-item-info.active:hover,
  4931. a.list-group-item-info.active:focus {
  4932. color: #fff;
  4933. background-color: #31708f;
  4934. border-color: #31708f;
  4935. }
  4936. .list-group-item-warning {
  4937. color: #8a6d3b;
  4938. background-color: #fcf8e3;
  4939. }
  4940. a.list-group-item-warning {
  4941. color: #8a6d3b;
  4942. }
  4943. a.list-group-item-warning .list-group-item-heading {
  4944. color: inherit;
  4945. }
  4946. a.list-group-item-warning:hover,
  4947. a.list-group-item-warning:focus {
  4948. color: #8a6d3b;
  4949. background-color: #faf2cc;
  4950. }
  4951. a.list-group-item-warning.active,
  4952. a.list-group-item-warning.active:hover,
  4953. a.list-group-item-warning.active:focus {
  4954. color: #fff;
  4955. background-color: #8a6d3b;
  4956. border-color: #8a6d3b;
  4957. }
  4958. .list-group-item-danger {
  4959. color: #a94442;
  4960. background-color: #f2dede;
  4961. }
  4962. a.list-group-item-danger {
  4963. color: #a94442;
  4964. }
  4965. a.list-group-item-danger .list-group-item-heading {
  4966. color: inherit;
  4967. }
  4968. a.list-group-item-danger:hover,
  4969. a.list-group-item-danger:focus {
  4970. color: #a94442;
  4971. background-color: #ebcccc;
  4972. }
  4973. a.list-group-item-danger.active,
  4974. a.list-group-item-danger.active:hover,
  4975. a.list-group-item-danger.active:focus {
  4976. color: #fff;
  4977. background-color: #a94442;
  4978. border-color: #a94442;
  4979. }
  4980. .list-group-item-heading {
  4981. margin-top: 0;
  4982. margin-bottom: 5px;
  4983. }
  4984. .list-group-item-text {
  4985. margin-bottom: 0;
  4986. line-height: 1.3;
  4987. }
  4988. .panel {
  4989. margin-bottom: 22px;
  4990. background-color: #ffffff;
  4991. border: 1px solid transparent;
  4992. border-radius: 0px;
  4993. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  4994. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  4995. }
  4996. .panel-body {
  4997. padding: 15px;
  4998. }
  4999. .panel-heading {
  5000. padding: 10px 15px;
  5001. border-bottom: 1px solid transparent;
  5002. border-top-right-radius: -1px;
  5003. border-top-left-radius: -1px;
  5004. }
  5005. .panel-heading > .dropdown .dropdown-toggle {
  5006. color: inherit;
  5007. }
  5008. .panel-title {
  5009. margin-top: 0;
  5010. margin-bottom: 0;
  5011. font-size: 18px;
  5012. color: inherit;
  5013. }
  5014. .panel-title > a {
  5015. color: inherit;
  5016. }
  5017. .panel-footer {
  5018. padding: 10px 15px;
  5019. background-color: #f5f5f5;
  5020. border-top: 1px solid #dddddd;
  5021. border-bottom-right-radius: -1px;
  5022. border-bottom-left-radius: -1px;
  5023. }
  5024. .panel > .list-group {
  5025. margin-bottom: 0;
  5026. }
  5027. .panel > .list-group .list-group-item {
  5028. border-width: 1px 0;
  5029. border-radius: 0;
  5030. }
  5031. .panel > .list-group:first-child .list-group-item:first-child {
  5032. border-top: 0;
  5033. border-top-right-radius: -1px;
  5034. border-top-left-radius: -1px;
  5035. }
  5036. .panel > .list-group:last-child .list-group-item:last-child {
  5037. border-bottom: 0;
  5038. border-bottom-right-radius: -1px;
  5039. border-bottom-left-radius: -1px;
  5040. }
  5041. .panel-heading + .list-group .list-group-item:first-child {
  5042. border-top-width: 0;
  5043. }
  5044. .panel > .table,
  5045. .panel > .table-responsive > .table {
  5046. margin-bottom: 0;
  5047. }
  5048. .panel > .table:first-child,
  5049. .panel > .table-responsive:first-child > .table:first-child {
  5050. border-top-right-radius: -1px;
  5051. border-top-left-radius: -1px;
  5052. }
  5053. .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5054. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5055. .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5056. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5057. .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5058. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5059. .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  5060. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  5061. border-top-left-radius: -1px;
  5062. }
  5063. .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5064. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5065. .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5066. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5067. .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5068. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5069. .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  5070. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  5071. border-top-right-radius: -1px;
  5072. }
  5073. .panel > .table:last-child,
  5074. .panel > .table-responsive:last-child > .table:last-child {
  5075. border-bottom-right-radius: -1px;
  5076. border-bottom-left-radius: -1px;
  5077. }
  5078. .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5079. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5080. .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5081. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5082. .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5083. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5084. .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  5085. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  5086. border-bottom-left-radius: -1px;
  5087. }
  5088. .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5089. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5090. .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5091. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5092. .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5093. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5094. .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  5095. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  5096. border-bottom-right-radius: -1px;
  5097. }
  5098. .panel > .panel-body + .table,
  5099. .panel > .panel-body + .table-responsive {
  5100. border-top: 1px solid #dddddd;
  5101. }
  5102. .panel > .table > tbody:first-child > tr:first-child th,
  5103. .panel > .table > tbody:first-child > tr:first-child td {
  5104. border-top: 0;
  5105. }
  5106. .panel > .table-bordered,
  5107. .panel > .table-responsive > .table-bordered {
  5108. border: 0;
  5109. }
  5110. .panel > .table-bordered > thead > tr > th:first-child,
  5111. .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  5112. .panel > .table-bordered > tbody > tr > th:first-child,
  5113. .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  5114. .panel > .table-bordered > tfoot > tr > th:first-child,
  5115. .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  5116. .panel > .table-bordered > thead > tr > td:first-child,
  5117. .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  5118. .panel > .table-bordered > tbody > tr > td:first-child,
  5119. .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  5120. .panel > .table-bordered > tfoot > tr > td:first-child,
  5121. .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  5122. border-left: 0;
  5123. }
  5124. .panel > .table-bordered > thead > tr > th:last-child,
  5125. .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  5126. .panel > .table-bordered > tbody > tr > th:last-child,
  5127. .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  5128. .panel > .table-bordered > tfoot > tr > th:last-child,
  5129. .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  5130. .panel > .table-bordered > thead > tr > td:last-child,
  5131. .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  5132. .panel > .table-bordered > tbody > tr > td:last-child,
  5133. .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  5134. .panel > .table-bordered > tfoot > tr > td:last-child,
  5135. .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  5136. border-right: 0;
  5137. }
  5138. .panel > .table-bordered > thead > tr:first-child > td,
  5139. .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  5140. .panel > .table-bordered > tbody > tr:first-child > td,
  5141. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  5142. .panel > .table-bordered > thead > tr:first-child > th,
  5143. .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  5144. .panel > .table-bordered > tbody > tr:first-child > th,
  5145. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  5146. border-bottom: 0;
  5147. }
  5148. .panel > .table-bordered > tbody > tr:last-child > td,
  5149. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  5150. .panel > .table-bordered > tfoot > tr:last-child > td,
  5151. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  5152. .panel > .table-bordered > tbody > tr:last-child > th,
  5153. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  5154. .panel > .table-bordered > tfoot > tr:last-child > th,
  5155. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  5156. border-bottom: 0;
  5157. }
  5158. .panel > .table-responsive {
  5159. border: 0;
  5160. margin-bottom: 0;
  5161. }
  5162. .panel-group {
  5163. margin-bottom: 22px;
  5164. }
  5165. .panel-group .panel {
  5166. margin-bottom: 0;
  5167. border-radius: 0px;
  5168. overflow: hidden;
  5169. }
  5170. .panel-group .panel + .panel {
  5171. margin-top: 5px;
  5172. }
  5173. .panel-group .panel-heading {
  5174. border-bottom: 0;
  5175. }
  5176. .panel-group .panel-heading + .panel-collapse .panel-body {
  5177. border-top: 1px solid #dddddd;
  5178. }
  5179. .panel-group .panel-footer {
  5180. border-top: 0;
  5181. }
  5182. .panel-group .panel-footer + .panel-collapse .panel-body {
  5183. border-bottom: 1px solid #dddddd;
  5184. }
  5185. .panel-default {
  5186. border-color: #dddddd;
  5187. }
  5188. .panel-default > .panel-heading {
  5189. color: #999999;
  5190. background-color: #f5f5f5;
  5191. border-color: #dddddd;
  5192. }
  5193. .panel-default > .panel-heading + .panel-collapse .panel-body {
  5194. border-top-color: #dddddd;
  5195. }
  5196. .panel-default > .panel-footer + .panel-collapse .panel-body {
  5197. border-bottom-color: #dddddd;
  5198. }
  5199. .panel-primary {
  5200. border-color: #6b11b1;
  5201. }
  5202. .panel-primary > .panel-heading {
  5203. color: #ffffff;
  5204. background-color: #6b11b1;
  5205. border-color: #6b11b1;
  5206. }
  5207. .panel-primary > .panel-heading + .panel-collapse .panel-body {
  5208. border-top-color: #6b11b1;
  5209. }
  5210. .panel-primary > .panel-footer + .panel-collapse .panel-body {
  5211. border-bottom-color: #6b11b1;
  5212. }
  5213. .panel-success {
  5214. border-color: #d6e9c6;
  5215. }
  5216. .panel-success > .panel-heading {
  5217. color: #3c763d;
  5218. background-color: #dff0d8;
  5219. border-color: #d6e9c6;
  5220. }
  5221. .panel-success > .panel-heading + .panel-collapse .panel-body {
  5222. border-top-color: #d6e9c6;
  5223. }
  5224. .panel-success > .panel-footer + .panel-collapse .panel-body {
  5225. border-bottom-color: #d6e9c6;
  5226. }
  5227. .panel-info {
  5228. border-color: #bce8f1;
  5229. }
  5230. .panel-info > .panel-heading {
  5231. color: #31708f;
  5232. background-color: #d9edf7;
  5233. border-color: #bce8f1;
  5234. }
  5235. .panel-info > .panel-heading + .panel-collapse .panel-body {
  5236. border-top-color: #bce8f1;
  5237. }
  5238. .panel-info > .panel-footer + .panel-collapse .panel-body {
  5239. border-bottom-color: #bce8f1;
  5240. }
  5241. .panel-warning {
  5242. border-color: #faebcc;
  5243. }
  5244. .panel-warning > .panel-heading {
  5245. color: #8a6d3b;
  5246. background-color: #fcf8e3;
  5247. border-color: #faebcc;
  5248. }
  5249. .panel-warning > .panel-heading + .panel-collapse .panel-body {
  5250. border-top-color: #faebcc;
  5251. }
  5252. .panel-warning > .panel-footer + .panel-collapse .panel-body {
  5253. border-bottom-color: #faebcc;
  5254. }
  5255. .panel-danger {
  5256. border-color: #ebccd1;
  5257. }
  5258. .panel-danger > .panel-heading {
  5259. color: #a94442;
  5260. background-color: #f2dede;
  5261. border-color: #ebccd1;
  5262. }
  5263. .panel-danger > .panel-heading + .panel-collapse .panel-body {
  5264. border-top-color: #ebccd1;
  5265. }
  5266. .panel-danger > .panel-footer + .panel-collapse .panel-body {
  5267. border-bottom-color: #ebccd1;
  5268. }
  5269. .well {
  5270. min-height: 20px;
  5271. padding: 19px;
  5272. margin-bottom: 20px;
  5273. background-color: #f5f5f5;
  5274. border: 1px solid #e3e3e3;
  5275. border-radius: 0px;
  5276. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5277. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5278. }
  5279. .well blockquote {
  5280. border-color: #ddd;
  5281. border-color: rgba(0, 0, 0, 0.15);
  5282. }
  5283. .well-lg {
  5284. padding: 24px;
  5285. border-radius: 0px;
  5286. }
  5287. .well-sm {
  5288. padding: 9px;
  5289. border-radius: 0px;
  5290. }
  5291. .close {
  5292. float: right;
  5293. font-size: 24px;
  5294. font-weight: bold;
  5295. line-height: 1;
  5296. color: #000000;
  5297. text-shadow: 0 1px 0 #ffffff;
  5298. opacity: 0.2;
  5299. filter: alpha(opacity=20);
  5300. }
  5301. .close:hover,
  5302. .close:focus {
  5303. color: #000000;
  5304. text-decoration: none;
  5305. cursor: pointer;
  5306. opacity: 0.5;
  5307. filter: alpha(opacity=50);
  5308. }
  5309. button.close {
  5310. padding: 0;
  5311. cursor: pointer;
  5312. background: transparent;
  5313. border: 0;
  5314. -webkit-appearance: none;
  5315. }
  5316. .modal-open {
  5317. overflow: hidden;
  5318. }
  5319. .modal {
  5320. display: none;
  5321. overflow: auto;
  5322. overflow-y: scroll;
  5323. position: fixed;
  5324. top: 0;
  5325. right: 0;
  5326. bottom: 0;
  5327. left: 0;
  5328. z-index: 1050;
  5329. -webkit-overflow-scrolling: touch;
  5330. outline: 0;
  5331. }
  5332. .modal.fade .modal-dialog {
  5333. -webkit-transform: translate(0, -25%);
  5334. -ms-transform: translate(0, -25%);
  5335. transform: translate(0, -25%);
  5336. -webkit-transition: -webkit-transform 0.3s ease-out;
  5337. -moz-transition: -moz-transform 0.3s ease-out;
  5338. -o-transition: -o-transform 0.3s ease-out;
  5339. transition: transform 0.3s ease-out;
  5340. }
  5341. .modal.in .modal-dialog {
  5342. -webkit-transform: translate(0, 0);
  5343. -ms-transform: translate(0, 0);
  5344. transform: translate(0, 0);
  5345. }
  5346. .modal-dialog {
  5347. position: relative;
  5348. width: auto;
  5349. margin: 10px;
  5350. }
  5351. .modal-content {
  5352. position: relative;
  5353. background-color: #ffffff;
  5354. border: 1px solid #999999;
  5355. border: 1px solid rgba(0, 0, 0, 0.2);
  5356. border-radius: 0px;
  5357. -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5358. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5359. background-clip: padding-box;
  5360. outline: none;
  5361. }
  5362. .modal-backdrop {
  5363. position: fixed;
  5364. top: 0;
  5365. right: 0;
  5366. bottom: 0;
  5367. left: 0;
  5368. z-index: 1040;
  5369. background-color: #000000;
  5370. }
  5371. .modal-backdrop.fade {
  5372. opacity: 0;
  5373. filter: alpha(opacity=0);
  5374. }
  5375. .modal-backdrop.in {
  5376. opacity: 0.5;
  5377. filter: alpha(opacity=50);
  5378. }
  5379. .modal-header {
  5380. padding: 15px;
  5381. border-bottom: 1px solid #e5e5e5;
  5382. min-height: 16.42857143px;
  5383. }
  5384. .modal-header .close {
  5385. margin-top: -2px;
  5386. }
  5387. .modal-title {
  5388. margin: 0;
  5389. line-height: 1.42857143;
  5390. }
  5391. .modal-body {
  5392. position: relative;
  5393. padding: 20px;
  5394. }
  5395. .modal-footer {
  5396. margin-top: 15px;
  5397. padding: 19px 20px 20px;
  5398. text-align: right;
  5399. border-top: 1px solid #e5e5e5;
  5400. }
  5401. .modal-footer .btn + .btn {
  5402. margin-left: 5px;
  5403. margin-bottom: 0;
  5404. }
  5405. .modal-footer .btn-group .btn + .btn {
  5406. margin-left: -1px;
  5407. }
  5408. .modal-footer .btn-block + .btn-block {
  5409. margin-left: 0;
  5410. }
  5411. @media (min-width: 768px) {
  5412. .modal-dialog {
  5413. width: 600px;
  5414. margin: 30px auto;
  5415. }
  5416. .modal-content {
  5417. -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  5418. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  5419. }
  5420. .modal-sm {
  5421. width: 300px;
  5422. }
  5423. }
  5424. @media (min-width: 992px) {
  5425. .modal-lg {
  5426. width: 900px;
  5427. }
  5428. }
  5429. .tooltip {
  5430. position: absolute;
  5431. z-index: 1030;
  5432. display: block;
  5433. visibility: visible;
  5434. font-size: 14px;
  5435. line-height: 1.4;
  5436. opacity: 0;
  5437. filter: alpha(opacity=0);
  5438. }
  5439. .tooltip.in {
  5440. opacity: 0.9;
  5441. filter: alpha(opacity=90);
  5442. }
  5443. .tooltip.top {
  5444. margin-top: -3px;
  5445. padding: 5px 0;
  5446. }
  5447. .tooltip.right {
  5448. margin-left: 3px;
  5449. padding: 0 5px;
  5450. }
  5451. .tooltip.bottom {
  5452. margin-top: 3px;
  5453. padding: 5px 0;
  5454. }
  5455. .tooltip.left {
  5456. margin-left: -3px;
  5457. padding: 0 5px;
  5458. }
  5459. .tooltip-inner {
  5460. max-width: 200px;
  5461. padding: 3px 8px;
  5462. color: #ffffff;
  5463. text-align: center;
  5464. text-decoration: none;
  5465. background-color: #000000;
  5466. border-radius: 0px;
  5467. }
  5468. .tooltip-arrow {
  5469. position: absolute;
  5470. width: 0;
  5471. height: 0;
  5472. border-color: transparent;
  5473. border-style: solid;
  5474. }
  5475. .tooltip.top .tooltip-arrow {
  5476. bottom: 0;
  5477. left: 50%;
  5478. margin-left: -5px;
  5479. border-width: 5px 5px 0;
  5480. border-top-color: #000000;
  5481. }
  5482. .tooltip.top-left .tooltip-arrow {
  5483. bottom: 0;
  5484. left: 5px;
  5485. border-width: 5px 5px 0;
  5486. border-top-color: #000000;
  5487. }
  5488. .tooltip.top-right .tooltip-arrow {
  5489. bottom: 0;
  5490. right: 5px;
  5491. border-width: 5px 5px 0;
  5492. border-top-color: #000000;
  5493. }
  5494. .tooltip.right .tooltip-arrow {
  5495. top: 50%;
  5496. left: 0;
  5497. margin-top: -5px;
  5498. border-width: 5px 5px 5px 0;
  5499. border-right-color: #000000;
  5500. }
  5501. .tooltip.left .tooltip-arrow {
  5502. top: 50%;
  5503. right: 0;
  5504. margin-top: -5px;
  5505. border-width: 5px 0 5px 5px;
  5506. border-left-color: #000000;
  5507. }
  5508. .tooltip.bottom .tooltip-arrow {
  5509. top: 0;
  5510. left: 50%;
  5511. margin-left: -5px;
  5512. border-width: 0 5px 5px;
  5513. border-bottom-color: #000000;
  5514. }
  5515. .tooltip.bottom-left .tooltip-arrow {
  5516. top: 0;
  5517. left: 5px;
  5518. border-width: 0 5px 5px;
  5519. border-bottom-color: #000000;
  5520. }
  5521. .tooltip.bottom-right .tooltip-arrow {
  5522. top: 0;
  5523. right: 5px;
  5524. border-width: 0 5px 5px;
  5525. border-bottom-color: #000000;
  5526. }
  5527. .popover {
  5528. position: absolute;
  5529. top: 0;
  5530. left: 0;
  5531. z-index: 1010;
  5532. display: none;
  5533. max-width: 276px;
  5534. padding: 1px;
  5535. text-align: left;
  5536. background-color: #ffffff;
  5537. background-clip: padding-box;
  5538. border: 1px solid #cccccc;
  5539. border: 1px solid rgba(0, 0, 0, 0.2);
  5540. border-radius: 0px;
  5541. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  5542. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  5543. white-space: normal;
  5544. }
  5545. .popover.top {
  5546. margin-top: -10px;
  5547. }
  5548. .popover.right {
  5549. margin-left: 10px;
  5550. }
  5551. .popover.bottom {
  5552. margin-top: 10px;
  5553. }
  5554. .popover.left {
  5555. margin-left: -10px;
  5556. }
  5557. .popover-title {
  5558. margin: 0;
  5559. padding: 8px 14px;
  5560. font-size: 16px;
  5561. font-weight: normal;
  5562. line-height: 18px;
  5563. background-color: #f7f7f7;
  5564. border-bottom: 1px solid #ebebeb;
  5565. border-radius: 5px 5px 0 0;
  5566. }
  5567. .popover-content {
  5568. padding: 9px 14px;
  5569. }
  5570. .popover > .arrow,
  5571. .popover > .arrow:after {
  5572. position: absolute;
  5573. display: block;
  5574. width: 0;
  5575. height: 0;
  5576. border-color: transparent;
  5577. border-style: solid;
  5578. }
  5579. .popover > .arrow {
  5580. border-width: 11px;
  5581. }
  5582. .popover > .arrow:after {
  5583. border-width: 10px;
  5584. content: "";
  5585. }
  5586. .popover.top > .arrow {
  5587. left: 50%;
  5588. margin-left: -11px;
  5589. border-bottom-width: 0;
  5590. border-top-color: #999999;
  5591. border-top-color: rgba(0, 0, 0, 0.25);
  5592. bottom: -11px;
  5593. }
  5594. .popover.top > .arrow:after {
  5595. content: " ";
  5596. bottom: 1px;
  5597. margin-left: -10px;
  5598. border-bottom-width: 0;
  5599. border-top-color: #ffffff;
  5600. }
  5601. .popover.right > .arrow {
  5602. top: 50%;
  5603. left: -11px;
  5604. margin-top: -11px;
  5605. border-left-width: 0;
  5606. border-right-color: #999999;
  5607. border-right-color: rgba(0, 0, 0, 0.25);
  5608. }
  5609. .popover.right > .arrow:after {
  5610. content: " ";
  5611. left: 1px;
  5612. bottom: -10px;
  5613. border-left-width: 0;
  5614. border-right-color: #ffffff;
  5615. }
  5616. .popover.bottom > .arrow {
  5617. left: 50%;
  5618. margin-left: -11px;
  5619. border-top-width: 0;
  5620. border-bottom-color: #999999;
  5621. border-bottom-color: rgba(0, 0, 0, 0.25);
  5622. top: -11px;
  5623. }
  5624. .popover.bottom > .arrow:after {
  5625. content: " ";
  5626. top: 1px;
  5627. margin-left: -10px;
  5628. border-top-width: 0;
  5629. border-bottom-color: #ffffff;
  5630. }
  5631. .popover.left > .arrow {
  5632. top: 50%;
  5633. right: -11px;
  5634. margin-top: -11px;
  5635. border-right-width: 0;
  5636. border-left-color: #999999;
  5637. border-left-color: rgba(0, 0, 0, 0.25);
  5638. }
  5639. .popover.left > .arrow:after {
  5640. content: " ";
  5641. right: 1px;
  5642. border-right-width: 0;
  5643. border-left-color: #ffffff;
  5644. bottom: -10px;
  5645. }
  5646. .carousel {
  5647. position: relative;
  5648. }
  5649. .carousel-inner {
  5650. position: relative;
  5651. overflow: hidden;
  5652. width: 100%;
  5653. }
  5654. .carousel-inner > .item {
  5655. display: none;
  5656. position: relative;
  5657. -webkit-transition: 0.6s ease-in-out left;
  5658. transition: 0.6s ease-in-out left;
  5659. }
  5660. .carousel-inner > .item > img,
  5661. .carousel-inner > .item > a > img {
  5662. line-height: 1;
  5663. }
  5664. .carousel-inner > .active,
  5665. .carousel-inner > .next,
  5666. .carousel-inner > .prev {
  5667. display: block;
  5668. }
  5669. .carousel-inner > .active {
  5670. left: 0;
  5671. }
  5672. .carousel-inner > .next,
  5673. .carousel-inner > .prev {
  5674. position: absolute;
  5675. top: 0;
  5676. width: 100%;
  5677. }
  5678. .carousel-inner > .next {
  5679. left: 100%;
  5680. }
  5681. .carousel-inner > .prev {
  5682. left: -100%;
  5683. }
  5684. .carousel-inner > .next.left,
  5685. .carousel-inner > .prev.right {
  5686. left: 0;
  5687. }
  5688. .carousel-inner > .active.left {
  5689. left: -100%;
  5690. }
  5691. .carousel-inner > .active.right {
  5692. left: 100%;
  5693. }
  5694. .carousel-control {
  5695. position: absolute;
  5696. top: 0;
  5697. left: 0;
  5698. bottom: 0;
  5699. width: 15%;
  5700. opacity: 0.5;
  5701. filter: alpha(opacity=50);
  5702. font-size: 20px;
  5703. color: #ffffff;
  5704. text-align: center;
  5705. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  5706. }
  5707. .carousel-control.left {
  5708. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  5709. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  5710. background-repeat: repeat-x;
  5711. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  5712. }
  5713. .carousel-control.right {
  5714. left: auto;
  5715. right: 0;
  5716. background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  5717. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  5718. background-repeat: repeat-x;
  5719. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  5720. }
  5721. .carousel-control:hover,
  5722. .carousel-control:focus {
  5723. outline: none;
  5724. color: #ffffff;
  5725. text-decoration: none;
  5726. opacity: 0.9;
  5727. filter: alpha(opacity=90);
  5728. }
  5729. .carousel-control .icon-prev,
  5730. .carousel-control .icon-next,
  5731. .carousel-control .glyphicon-chevron-left,
  5732. .carousel-control .glyphicon-chevron-right {
  5733. position: absolute;
  5734. top: 50%;
  5735. z-index: 5;
  5736. display: inline-block;
  5737. }
  5738. .carousel-control .icon-prev,
  5739. .carousel-control .glyphicon-chevron-left {
  5740. left: 50%;
  5741. }
  5742. .carousel-control .icon-next,
  5743. .carousel-control .glyphicon-chevron-right {
  5744. right: 50%;
  5745. }
  5746. .carousel-control .icon-prev,
  5747. .carousel-control .icon-next {
  5748. width: 20px;
  5749. height: 20px;
  5750. margin-top: -10px;
  5751. margin-left: -10px;
  5752. font-family: serif;
  5753. }
  5754. .carousel-control .icon-prev:before {
  5755. content: '\2039';
  5756. }
  5757. .carousel-control .icon-next:before {
  5758. content: '\203a';
  5759. }
  5760. .carousel-indicators {
  5761. position: absolute;
  5762. bottom: 10px;
  5763. left: 50%;
  5764. z-index: 15;
  5765. width: 60%;
  5766. margin-left: -30%;
  5767. padding-left: 0;
  5768. list-style: none;
  5769. text-align: center;
  5770. }
  5771. .carousel-indicators li {
  5772. display: inline-block;
  5773. width: 10px;
  5774. height: 10px;
  5775. margin: 1px;
  5776. text-indent: -999px;
  5777. border: 1px solid #ffffff;
  5778. border-radius: 10px;
  5779. cursor: pointer;
  5780. background-color: #000 \9;
  5781. background-color: rgba(0, 0, 0, 0);
  5782. }
  5783. .carousel-indicators .active {
  5784. margin: 0;
  5785. width: 12px;
  5786. height: 12px;
  5787. background-color: #ffffff;
  5788. }
  5789. .carousel-caption {
  5790. position: absolute;
  5791. left: 15%;
  5792. right: 15%;
  5793. bottom: 20px;
  5794. z-index: 10;
  5795. padding-top: 20px;
  5796. padding-bottom: 20px;
  5797. color: #ffffff;
  5798. text-align: center;
  5799. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  5800. }
  5801. .carousel-caption .btn {
  5802. text-shadow: none;
  5803. }
  5804. @media screen and (min-width: 768px) {
  5805. .carousel-control .glyphicon-chevron-left,
  5806. .carousel-control .glyphicon-chevron-right,
  5807. .carousel-control .icon-prev,
  5808. .carousel-control .icon-next {
  5809. width: 30px;
  5810. height: 30px;
  5811. margin-top: -15px;
  5812. margin-left: -15px;
  5813. font-size: 30px;
  5814. }
  5815. .carousel-caption {
  5816. left: 20%;
  5817. right: 20%;
  5818. padding-bottom: 30px;
  5819. }
  5820. .carousel-indicators {
  5821. bottom: 20px;
  5822. }
  5823. }
  5824. .clearfix:before,
  5825. .clearfix:after,
  5826. .container:before,
  5827. .container:after,
  5828. .container-fluid:before,
  5829. .container-fluid:after,
  5830. .row:before,
  5831. .row:after,
  5832. .form-horizontal .form-group:before,
  5833. .form-horizontal .form-group:after,
  5834. .btn-toolbar:before,
  5835. .btn-toolbar:after,
  5836. .btn-group-vertical > .btn-group:before,
  5837. .btn-group-vertical > .btn-group:after,
  5838. .nav:before,
  5839. .nav:after,
  5840. .navbar:before,
  5841. .navbar:after,
  5842. .navbar-header:before,
  5843. .navbar-header:after,
  5844. .navbar-collapse:before,
  5845. .navbar-collapse:after,
  5846. .pager:before,
  5847. .pager:after,
  5848. .panel-body:before,
  5849. .panel-body:after,
  5850. .modal-footer:before,
  5851. .modal-footer:after {
  5852. content: " ";
  5853. display: table;
  5854. }
  5855. .clearfix:after,
  5856. .container:after,
  5857. .container-fluid:after,
  5858. .row:after,
  5859. .form-horizontal .form-group:after,
  5860. .btn-toolbar:after,
  5861. .btn-group-vertical > .btn-group:after,
  5862. .nav:after,
  5863. .navbar:after,
  5864. .navbar-header:after,
  5865. .navbar-collapse:after,
  5866. .pager:after,
  5867. .panel-body:after,
  5868. .modal-footer:after {
  5869. clear: both;
  5870. }
  5871. .center-block {
  5872. display: block;
  5873. margin-left: auto;
  5874. margin-right: auto;
  5875. }
  5876. .pull-right {
  5877. float: right !important;
  5878. }
  5879. .pull-left {
  5880. float: left !important;
  5881. }
  5882. .hide {
  5883. display: none !important;
  5884. }
  5885. .show {
  5886. display: block !important;
  5887. }
  5888. .invisible {
  5889. visibility: hidden;
  5890. }
  5891. .text-hide {
  5892. font: 0/0 a;
  5893. color: transparent;
  5894. text-shadow: none;
  5895. background-color: transparent;
  5896. border: 0;
  5897. }
  5898. .hidden {
  5899. display: none !important;
  5900. visibility: hidden !important;
  5901. }
  5902. .affix {
  5903. position: fixed;
  5904. }
  5905. @-ms-viewport {
  5906. width: device-width;
  5907. }
  5908. .visible-xs,
  5909. .visible-sm,
  5910. .visible-md,
  5911. .visible-lg {
  5912. display: none !important;
  5913. }
  5914. @media (max-width: 767px) {
  5915. .visible-xs {
  5916. display: block !important;
  5917. }
  5918. table.visible-xs {
  5919. display: table;
  5920. }
  5921. tr.visible-xs {
  5922. display: table-row !important;
  5923. }
  5924. th.visible-xs,
  5925. td.visible-xs {
  5926. display: table-cell !important;
  5927. }
  5928. }
  5929. @media (min-width: 768px) and (max-width: 991px) {
  5930. .visible-sm {
  5931. display: block !important;
  5932. }
  5933. table.visible-sm {
  5934. display: table;
  5935. }
  5936. tr.visible-sm {
  5937. display: table-row !important;
  5938. }
  5939. th.visible-sm,
  5940. td.visible-sm {
  5941. display: table-cell !important;
  5942. }
  5943. }
  5944. @media (min-width: 992px) and (max-width: 1199px) {
  5945. .visible-md {
  5946. display: block !important;
  5947. }
  5948. table.visible-md {
  5949. display: table;
  5950. }
  5951. tr.visible-md {
  5952. display: table-row !important;
  5953. }
  5954. th.visible-md,
  5955. td.visible-md {
  5956. display: table-cell !important;
  5957. }
  5958. }
  5959. @media (min-width: 1200px) {
  5960. .visible-lg {
  5961. display: block !important;
  5962. }
  5963. table.visible-lg {
  5964. display: table;
  5965. }
  5966. tr.visible-lg {
  5967. display: table-row !important;
  5968. }
  5969. th.visible-lg,
  5970. td.visible-lg {
  5971. display: table-cell !important;
  5972. }
  5973. }
  5974. @media (max-width: 767px) {
  5975. .hidden-xs {
  5976. display: none !important;
  5977. }
  5978. }
  5979. @media (min-width: 768px) and (max-width: 991px) {
  5980. .hidden-sm {
  5981. display: none !important;
  5982. }
  5983. }
  5984. @media (min-width: 992px) and (max-width: 1199px) {
  5985. .hidden-md {
  5986. display: none !important;
  5987. }
  5988. }
  5989. @media (min-width: 1200px) {
  5990. .hidden-lg {
  5991. display: none !important;
  5992. }
  5993. }
  5994. .visible-print {
  5995. display: none !important;
  5996. }
  5997. @media print {
  5998. .visible-print {
  5999. display: block !important;
  6000. }
  6001. table.visible-print {
  6002. display: table;
  6003. }
  6004. tr.visible-print {
  6005. display: table-row !important;
  6006. }
  6007. th.visible-print,
  6008. td.visible-print {
  6009. display: table-cell !important;
  6010. }
  6011. }
  6012. @media print {
  6013. .hidden-print {
  6014. display: none !important;
  6015. }
  6016. }
  6017. .bg_color_blue {
  6018. background: #4E8FB4;
  6019. }
  6020. .bg_color_yellow {
  6021. background: #E4C337;
  6022. }
  6023. .bg_color_pink {
  6024. background: #ea3e9d;
  6025. }
  6026. .bg_color_red {
  6027. background: #cb0f0e;
  6028. }
  6029. .bg_color_green {
  6030. background: #64b725;
  6031. }
  6032. .bg_color_orange {
  6033. background: #ff6a00;
  6034. }
  6035. .bg_color_purple {
  6036. background: #6c1eb3;
  6037. }
  6038. .bg_color_brown {
  6039. background: #7C4B30;
  6040. }
  6041. .bg_color_dark {
  6042. background: #565656;
  6043. }
  6044. .bg_color_gray {
  6045. background: #e9e9e9;
  6046. }
  6047. .bg_color_blue_light {
  6048. background: #A2C9E0;
  6049. }
  6050. .bg_color_yellow_light {
  6051. background: #fff9b9;
  6052. }
  6053. .bg_color_pink_light {
  6054. background: #F391C7;
  6055. }
  6056. .bg_color_red_light {
  6057. background: #F35C5B;
  6058. }
  6059. .bg_color_green_light {
  6060. background: #AAF06A;
  6061. }
  6062. .bg_color_orange_light {
  6063. background: #FFA86B;
  6064. }
  6065. .bg_color_purple_light {
  6066. background: #9F7CE8;
  6067. }
  6068. .bg_color_brown_light {
  6069. background: #AD988B;
  6070. }
  6071. .bg_color_dark_light {
  6072. background: #939393;
  6073. }
  6074. .bg_color_gray_light {
  6075. background: #f7f7f7;
  6076. }
  6077. .bg_color_blue_dark {
  6078. background: #0d3951;
  6079. }
  6080. .bg_color_yellow_dark {
  6081. background: #68550d;
  6082. }
  6083. .bg_color_pink_dark {
  6084. background: #650a37;
  6085. }
  6086. .bg_color_red_dark {
  6087. background: #590f0f;
  6088. }
  6089. .bg_color_green_dark {
  6090. background: #2d401e;
  6091. }
  6092. .bg_color_orange_dark {
  6093. background: #913000;
  6094. }
  6095. .bg_color_purple_dark {
  6096. background: #401f5e;
  6097. }
  6098. .bg_color_brown_dark {
  6099. background: #432b1e;
  6100. }
  6101. .bg_color_dark_dark {
  6102. background: #000;
  6103. }
  6104. .bg_color_gray_dark {
  6105. background: #C8C8C8;
  6106. }
  6107. /* Zen Backgrounds */
  6108. .bg_zen_blue {
  6109. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_blue.jpg");
  6110. }
  6111. .bg_zen_yellow {
  6112. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_yellow.jpg");
  6113. }
  6114. .bg_zen_red {
  6115. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_red.jpg");
  6116. }
  6117. .bg_zen_orange {
  6118. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_orange.jpg");
  6119. }
  6120. .bg_zen_green {
  6121. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_green.jpg");
  6122. }
  6123. .bg_zen_brown {
  6124. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_brown.jpg");
  6125. }
  6126. .bg_zen_purple {
  6127. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_purple.jpg");
  6128. }
  6129. .bg_zen_pink {
  6130. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_pink.jpg");
  6131. }
  6132. .bg_zen_gray {
  6133. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_gray.jpg");
  6134. }
  6135. .bg_zen_dark {
  6136. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_dark.jpg");
  6137. }
  6138. /* Typo */
  6139. h1,
  6140. h3 {
  6141. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6142. text-transform: uppercase;
  6143. letter-spacing: 0.5px;
  6144. color: #999999;
  6145. font-weight: 600;
  6146. }
  6147. h2 {
  6148. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6149. letter-spacing: 0.5px;
  6150. color: #999999;
  6151. font-weight: 600;
  6152. }
  6153. h4 {
  6154. font-weight: bold;
  6155. }
  6156. h4 {
  6157. font-weight: bold;
  6158. }
  6159. .img {
  6160. border: 5px solid white;
  6161. }
  6162. .text-muted {
  6163. font-size: 24px;
  6164. font-family: "Trebuchet MS", "Times New Roman", Times, serif;
  6165. font-weight: 200;
  6166. letter-spacing: 0.5px;
  6167. text-transform: none;
  6168. }
  6169. .text-primary {
  6170. color: #401f5e;
  6171. }
  6172. .zen_3col_padding img {
  6173. border: 5px solid white;
  6174. width: 100%;
  6175. }
  6176. /*
  6177. .bg_headerwrap {
  6178. background-attachment: relative;
  6179. background-position: center center;
  6180. width: 100%;
  6181. -webkit-background-size: 100%;
  6182. -moz-background-size: 100%;
  6183. -o-background-size: 100%;
  6184. background-size: 100%;
  6185. -webkit-background-size: cover;
  6186. -moz-background-size: cover;
  6187. -o-background-size: cover;
  6188. background-size: cover;
  6189. }
  6190. */
  6191. /* Circle Button ----------------------------------------------
  6192. .btn {
  6193. width: 30px;
  6194. height: 30px;
  6195. text-align: center;
  6196. padding: 6px 0;
  6197. font-size: 12px;
  6198. line-height: 1.428571429;
  6199. border-radius: 15px;
  6200. }
  6201. .btn.btn-lg {
  6202. width: 50px;
  6203. height: 50px;
  6204. padding: 10px 16px;
  6205. font-size: 18px;
  6206. line-height: 1.33;
  6207. border-radius: 25px;
  6208. }
  6209. .btn.btn-xl {
  6210. width: 70px;
  6211. height: 70px;
  6212. padding: 10px 16px;
  6213. font-size: 24px;
  6214. line-height: 1.33;
  6215. border-radius: 35px;
  6216. }
  6217. */
  6218. /* Fontawesome */
  6219. .icon_container {
  6220. width: 200px;
  6221. margin: auto;
  6222. }
  6223. .icon_box {
  6224. position: relative;
  6225. float: left;
  6226. margin: 0 auto;
  6227. width: 50px;
  6228. }
  6229. /* Headerwrap */
  6230. .headerwrap_container {
  6231. padding-top: 120px;
  6232. min-height: 650px;
  6233. text-align: center;
  6234. }
  6235. .headerwrap_heading {
  6236. color: white;
  6237. font-size: 100px;
  6238. margin-top: 60px;
  6239. letter-spacing: 3px;
  6240. text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  6241. font-weight: 500px;
  6242. }
  6243. /* Jumbotron */
  6244. .jumbotron_container {
  6245. min-height: 400px;
  6246. }
  6247. .jumbotron_heading {
  6248. color: white;
  6249. font-size: 80px;
  6250. letter-spacing: 3px;
  6251. text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  6252. }
  6253. .jumbotron_content {
  6254. position: relative;
  6255. width: 70%;
  6256. margin: auto;
  6257. padding-top: 80px;
  6258. }
  6259. /* QUOTES BOX -----------------------------------------------------*/
  6260. /* Six Colors */
  6261. /* .glyphicon-lg{font-size:3em} */
  6262. /* .blockquote-box{border-right:5px solid @brand-more;margin-bottom:25px} */
  6263. /* .blockquote-box .square{width:100px;min-height:50px;margin-right:22px;text-align:center!important;background-color:@brand-more;color:#fff;padding:20px 0} */
  6264. /* .blockquote-box.blockquote-primary{border-color:@brand-primary} */
  6265. /* .blockquote-box.blockquote-primary .square{background-color:@brand-primary;color:#FFF} */
  6266. /* .blockquote-box.blockquote-success{border-color:@brand-success} */
  6267. /* .blockquote-box.blockquote-success .square{background-color:@brand-success;color:#FFF} */
  6268. /* .blockquote-box.blockquote-info{border-color:@brand-info} */
  6269. /* .blockquote-box.blockquote-info .square{background-color:@brand-info;color:#FFF} */
  6270. /* .blockquote-box.blockquote-warning{border-color:@brand-warning} */
  6271. /* .blockquote-box.blockquote-warning .square{background-color:@brand-warning;color:#FFF} */
  6272. /* .blockquote-box.blockquote-danger{border-color:@brand-danger} */
  6273. /* .blockquote-box.blockquote-danger .square{background-color:@brand-danger;color:#FFF} */
  6274. /* Primary Color */
  6275. .glyphicon-lg {
  6276. font-size: 3em;
  6277. }
  6278. .blockquote-box {
  6279. border-right: 5px solid #6b11b1;
  6280. margin-bottom: 25px;
  6281. }
  6282. .blockquote-box .square {
  6283. width: 100px;
  6284. min-height: 50px;
  6285. margin-right: 22px;
  6286. text-align: center!important;
  6287. background-color: #6b11b1;
  6288. color: #fff;
  6289. padding: 20px 0;
  6290. }
  6291. .blockquote-box.blockquote-primary {
  6292. border-color: #6b11b1;
  6293. }
  6294. .blockquote-box.blockquote-primary .square {
  6295. background-color: #6b11b1;
  6296. color: #ffffff;
  6297. }
  6298. .blockquote-box.blockquote-success {
  6299. border-color: #6b11b1;
  6300. }
  6301. .blockquote-box.blockquote-success .square {
  6302. background-color: #6b11b1;
  6303. color: #ffffff;
  6304. }
  6305. .blockquote-box.blockquote-info {
  6306. border-color: #6b11b1;
  6307. }
  6308. .blockquote-box.blockquote-info .square {
  6309. background-color: #6b11b1;
  6310. color: #ffffff;
  6311. }
  6312. .blockquote-box.blockquote-warning {
  6313. border-color: #6b11b1;
  6314. }
  6315. .blockquote-box.blockquote-warning .square {
  6316. background-color: #6b11b1;
  6317. color: #ffffff;
  6318. }
  6319. .blockquote-box.blockquote-danger {
  6320. border-color: #6b11b1;
  6321. }
  6322. .blockquote-box.blockquote-danger .square {
  6323. background-color: #6b11b1;
  6324. color: #ffffff;
  6325. }
  6326. /* MINI PROFILE ----------------- */
  6327. .miniprofile {
  6328. padding: 0px;
  6329. border-bottom: 5px solid #6b11b1;
  6330. }
  6331. .miniprofile_name {
  6332. position: relative;
  6333. z-index: 99;
  6334. color: white;
  6335. }
  6336. .miniprofile p {
  6337. position: relative;
  6338. z-index: 99;
  6339. color: #4d4d4d;
  6340. }
  6341. .miniprofile_img_id {
  6342. border: 30px solid white;
  6343. position: relative;
  6344. margin: auto;
  6345. z-index: 99;
  6346. }
  6347. .miniprofile_img_bg {
  6348. position: absolute;
  6349. z-index: 98;
  6350. padding: 0;
  6351. margin: 0;
  6352. width: 100%;
  6353. height: 270px;
  6354. top: 120px;
  6355. left: 0;
  6356. }
  6357. /* Banner Carousel */
  6358. .banner_heading {
  6359. color: white;
  6360. font-size: 50px;
  6361. letter-spacing: 2px;
  6362. text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  6363. }
  6364. /* !!!! ODOO Websitebuilder NAV !!!!! --------------------------------------------------------------*/
  6365. .navbar {
  6366. font-family: 'Montserrat', sans-serif;
  6367. }
  6368. /*
  6369. .footer {
  6370. background-color: @brand-primary-darker;
  6371. }
  6372. */
  6373. /*#footer_container {
  6374. background-color: @brand-primary-darker;
  6375. background-size: cover;
  6376. }*/
  6377. #footer .copy {
  6378. font-size: 13px;
  6379. font-weight: bold;
  6380. margin-top: 20px;
  6381. background: none !important;
  6382. color: #281754;
  6383. }
  6384. #footer {
  6385. color: #008080;
  6386. }
  6387. footer .fa {
  6388. margin-right:5px;
  6389. color: #003366;
  6390. size: px;
  6391. }
  6392. h4 {
  6393. text-transform: uppercase;
  6394. font-weight: bold;
  6395. }
  6396. /* Styles for Pricing Tables */
  6397. .zen_pricing .price {
  6398. font-size: 60px;
  6399. font-weight: 800;
  6400. }
  6401. .zen_pricing {
  6402. overflow: hidden;
  6403. margin: 0 auto;
  6404. padding-bottom: 20px;
  6405. }
  6406. .tinyny {
  6407. -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  6408. -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  6409. box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  6410. border: 1px solid #9f7ce8;
  6411. border-bottom: 10px solid #9f7ce8;
  6412. }
  6413. .smally {
  6414. -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  6415. -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  6416. box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  6417. border: 1px solid #6b11b1;
  6418. border-bottom: 10px solid #6b11b1;
  6419. }
  6420. .mediumy {
  6421. -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  6422. -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  6423. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  6424. border: 1px solid #401f5e;
  6425. border-bottom: 10px solid #401f5e;
  6426. }
  6427. .propro {
  6428. -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  6429. -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  6430. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  6431. border: 1px solid #281754;
  6432. border-bottom: 10px solid #281754;
  6433. }
  6434. .pricing-table strong {
  6435. font-weight: 700;
  6436. color: #3d3d3d;
  6437. }
  6438. .pricing-table-header-tinyny {
  6439. padding: 5px 0 5px 0;
  6440. background: #9f7ce8;
  6441. border-bottom: 10px solid #9f7ce8;
  6442. }
  6443. .pricing-table-header-smally {
  6444. padding: 5px 0 5px 0;
  6445. background: #6b11b1;
  6446. border-bottom: 10px solid #6b11b1;
  6447. }
  6448. .pricing-table-header-mediumy {
  6449. padding: 5px 0 5px 0;
  6450. background: #401f5e;
  6451. border-bottom: 10px solid #401f5e;
  6452. }
  6453. .pricing-table-header-propro {
  6454. padding: 5px 0 5px 0;
  6455. background: #281754;
  6456. border-bottom: 10px solid #281754;
  6457. }
  6458. .pricing-table-header-tinyny h2,
  6459. .pricing-table-header-smally h2,
  6460. .pricing-table-header-mediumy h2,
  6461. .pricing-table-header-propro h2 {
  6462. font-weight: 700;
  6463. color: #FFF;
  6464. }
  6465. .pricing-table-header-tinyny h3,
  6466. .pricing-table-header-smally h3,
  6467. .pricing-table-header-mediumy h3,
  6468. .pricing-table-header-propro h3 {
  6469. font-weight: 500;
  6470. color: #FFF;
  6471. }
  6472. .pricing-table-text {
  6473. margin: 15px 30px 0 30px;
  6474. padding: 0 10px 15px 10px;
  6475. border-bottom: 1px solid #ddd;
  6476. text-align: left;
  6477. line-height: 30px;
  6478. font-size: 16px;
  6479. color: #888;
  6480. }
  6481. .pricing-table-features {
  6482. margin: 15px 10px 0 10px;
  6483. padding: 0 10px 15px 10px;
  6484. border-bottom: 1px dotted #888;
  6485. text-align: center;
  6486. line-height: 20px;
  6487. font-size: 14px;
  6488. color: #888;
  6489. }
  6490. .lb-album {
  6491. width: auto;
  6492. margin: 0 auto;
  6493. font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  6494. }
  6495. .lb-album li {
  6496. float: left;
  6497. /* margin: 5px; */
  6498. position: relative;
  6499. }
  6500. .lb-album li > a,
  6501. .lb-album li > a img {
  6502. display: block;
  6503. }
  6504. .lb-album li > a {
  6505. width: auto;
  6506. height: auto;
  6507. position: relative;
  6508. /* padding: 10px; */
  6509. background: #f1d2c2;
  6510. -webkit-box-shadow: 1px 1px 2px #ffffff, 1px 1px 2px rgba(158, 111, 86, 0.3) inset;
  6511. -moz-box-shadow: 1px 1px 2px #ffffff, 1px 1px 2px rgba(158, 111, 86, 0.3) inset;
  6512. box-shadow: 1px 1px 2px #ffffff, 1px 1px 2px rgba(158, 111, 86, 0.3) inset;
  6513. }
  6514. .lb-album li > a span {
  6515. position: absolute;
  6516. width: 150px;
  6517. height: 150px;
  6518. top: 10px;
  6519. left: 10px;
  6520. text-align: center;
  6521. line-height: 150px;
  6522. color: rgba(27, 54, 81, 0.8);
  6523. text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  6524. font-size: 24px;
  6525. opacity: 0;
  6526. filter: alpha(opacity=0);
  6527. /* internet explorer */
  6528. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  6529. /*IE8*/
  6530. background: #f1d2c2;
  6531. background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  6532. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.56)), color-stop(100%, #f1d2c2));
  6533. background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  6534. background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  6535. background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  6536. background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.56) 0%, #f1d2c2 100%);
  6537. -webkit-transition: opacity 0.3s linear;
  6538. -moz-transition: opacity 0.3s linear;
  6539. -o-transition: opacity 0.3s linear;
  6540. -ms-transition: opacity 0.3s linear;
  6541. transition: opacity 0.3s linear;
  6542. }
  6543. .lb-album li > a:hover span {
  6544. opacity: 1;
  6545. filter: alpha(opacity=99);
  6546. /* internet explorer */
  6547. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
  6548. /*IE8*/
  6549. }
  6550. .lb-overlay {
  6551. width: 0px;
  6552. height: 0px;
  6553. position: fixed;
  6554. overflow: hidden;
  6555. left: 0px;
  6556. top: 0px;
  6557. padding: 0px;
  6558. z-index: 99;
  6559. text-align: center;
  6560. background: rgba(0, 0, 0, 0.9);
  6561. background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%);
  6562. }
  6563. .lb-overlay > div {
  6564. position: relative;
  6565. color: rgba(0, 0, 0, 0.8);
  6566. width: 550px;
  6567. height: 80px;
  6568. margin: 60px auto 0px auto;
  6569. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
  6570. }
  6571. .lb-overlay div h3,
  6572. .lb-overlay div p {
  6573. padding: 0px 20px;
  6574. width: 200px;
  6575. height: 60px;
  6576. }
  6577. .lb-overlay div h3 {
  6578. color: #6b11b1;
  6579. font-size: 36px;
  6580. float: left;
  6581. text-align: right;
  6582. border-right: 1px solid #6b11b1;
  6583. }
  6584. .lb-overlay div h3 span,
  6585. .lb-overlay div p {
  6586. color: white;
  6587. font-size: 20px;
  6588. font-family: "Aleo", Georgia, serif;
  6589. font-style: italic;
  6590. }
  6591. .lb-overlay div h3 span {
  6592. display: block;
  6593. line-height: 6px;
  6594. }
  6595. .lb-overlay div p {
  6596. font-size: 18px;
  6597. text-align: left;
  6598. float: left;
  6599. width: 260px;
  6600. }
  6601. .lb-overlay a.lb-close {
  6602. background: black;
  6603. z-index: 1001;
  6604. color: #fff;
  6605. position: absolute;
  6606. top: 93px;
  6607. left: 50%;
  6608. font-size: 20px;
  6609. height: 26px;
  6610. text-align: center;
  6611. width: 70px;
  6612. height: 23px;
  6613. overflow: hidden;
  6614. margin-left: -25px;
  6615. opacity: 0;
  6616. filter: alpha(opacity=0);
  6617. /* internet explorer */
  6618. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  6619. /*IE8*/
  6620. -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  6621. -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  6622. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  6623. }
  6624. .lb-overlay img {
  6625. top: 50px;
  6626. border: 10px solid white;
  6627. /* height: 100%; For Opera max-height does not seem to work */
  6628. max-height: 100%;
  6629. position: relative;
  6630. opacity: 0;
  6631. filter: alpha(opacity=0);
  6632. /* internet explorer */
  6633. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  6634. /*IE8*/
  6635. -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
  6636. -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
  6637. box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.6);
  6638. -webkit-transition: opacity 0.5s linear;
  6639. -moz-transition: opacity 0.5s linear;
  6640. -o-transition: opacity 0.5s linear;
  6641. -ms-transition: opacity 0.5s linear;
  6642. transition: opacity 0.5s linear;
  6643. }
  6644. .lb-prev,
  6645. .lb-next {
  6646. text-indent: -9000px;
  6647. position: absolute;
  6648. top: -32px;
  6649. width: 24px;
  6650. height: 25px;
  6651. left: 50%;
  6652. opacity: 0.8;
  6653. filter: alpha(opacity=80);
  6654. /* internet explorer */
  6655. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  6656. /*IE8*/
  6657. }
  6658. .lb-prev:hover,
  6659. .lb-next:hover {
  6660. opacity: 1;
  6661. filter: alpha(opacity=99);
  6662. /* internet explorer */
  6663. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
  6664. /*IE8*/
  6665. }
  6666. .lb-prev {
  6667. margin-left: -30px;
  6668. background: transparent url(file:///X|/_DEV/odoo/ressources/CSS3Lightbox/images/arrows.png) no-repeat top left;
  6669. }
  6670. .lb-next {
  6671. margin-left: 6px;
  6672. background: transparent url(file:///X|/_DEV/odoo/ressources/CSS3Lightbox/images/arrows.png) no-repeat top right;
  6673. }
  6674. .lb-overlay:target {
  6675. width: auto;
  6676. height: auto;
  6677. bottom: 0px;
  6678. right: 0px;
  6679. padding: 80px 100px 120px 100px;
  6680. }
  6681. .lb-overlay:target img,
  6682. .lb-overlay:target a.lb-close {
  6683. opacity: 1;
  6684. filter: alpha(opacity=99);
  6685. /* internet explorer */
  6686. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
  6687. /*IE8*/
  6688. }
  6689. /*
  6690. 100% Height for Opera as the max-height seems to be ignored, not optimal for large screens
  6691. http://bricss.net/post/11230266445/css-hack-to-target-opera
  6692. */
  6693. x:-o-prefocus,
  6694. .lb-overlay img {
  6695. height: 100%;
  6696. }
  6697. /*!
  6698. Animate.css - http://daneden.me/animate
  6699. Licensed under the MIT license
  6700. Copyright (c) 2013 Daniel Eden
  6701. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
  6702. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  6703. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  6704. */
  6705. .animated {
  6706. -webkit-animation-duration: 1s;
  6707. animation-duration: 1s;
  6708. -webkit-animation-fill-mode: both;
  6709. animation-fill-mode: both;
  6710. }
  6711. .animated.infinite {
  6712. -webkit-animation-iteration-count: infinite;
  6713. animation-iteration-count: infinite;
  6714. }
  6715. .animated.hinge {
  6716. -webkit-animation-duration: 2s;
  6717. animation-duration: 2s;
  6718. }
  6719. @-webkit-keyframes bounce {
  6720. 0%,
  6721. 20%,
  6722. 50%,
  6723. 80%,
  6724. 100% {
  6725. -webkit-transform: translateY(0);
  6726. transform: translateY(0);
  6727. }
  6728. 40% {
  6729. -webkit-transform: translateY(-30px);
  6730. transform: translateY(-30px);
  6731. }
  6732. 60% {
  6733. -webkit-transform: translateY(-15px);
  6734. transform: translateY(-15px);
  6735. }
  6736. }
  6737. @keyframes bounce {
  6738. 0%,
  6739. 20%,
  6740. 50%,
  6741. 80%,
  6742. 100% {
  6743. -webkit-transform: translateY(0);
  6744. -ms-transform: translateY(0);
  6745. transform: translateY(0);
  6746. }
  6747. 40% {
  6748. -webkit-transform: translateY(-30px);
  6749. -ms-transform: translateY(-30px);
  6750. transform: translateY(-30px);
  6751. }
  6752. 60% {
  6753. -webkit-transform: translateY(-15px);
  6754. -ms-transform: translateY(-15px);
  6755. transform: translateY(-15px);
  6756. }
  6757. }
  6758. .bounce {
  6759. -webkit-animation-name: bounce;
  6760. animation-name: bounce;
  6761. }
  6762. @-webkit-keyframes flash {
  6763. 0%,
  6764. 50%,
  6765. 100% {
  6766. opacity: 1;
  6767. }
  6768. 25%,
  6769. 75% {
  6770. opacity: 0;
  6771. }
  6772. }
  6773. @keyframes flash {
  6774. 0%,
  6775. 50%,
  6776. 100% {
  6777. opacity: 1;
  6778. }
  6779. 25%,
  6780. 75% {
  6781. opacity: 0;
  6782. }
  6783. }
  6784. .flash {
  6785. -webkit-animation-name: flash;
  6786. animation-name: flash;
  6787. }
  6788. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  6789. @-webkit-keyframes pulse {
  6790. 0% {
  6791. -webkit-transform: scale(1);
  6792. transform: scale(1);
  6793. }
  6794. 50% {
  6795. -webkit-transform: scale(1.1);
  6796. transform: scale(1.1);
  6797. }
  6798. 100% {
  6799. -webkit-transform: scale(1);
  6800. transform: scale(1);
  6801. }
  6802. }
  6803. @keyframes pulse {
  6804. 0% {
  6805. -webkit-transform: scale(1);
  6806. -ms-transform: scale(1);
  6807. transform: scale(1);
  6808. }
  6809. 50% {
  6810. -webkit-transform: scale(1.1);
  6811. -ms-transform: scale(1.1);
  6812. transform: scale(1.1);
  6813. }
  6814. 100% {
  6815. -webkit-transform: scale(1);
  6816. -ms-transform: scale(1);
  6817. transform: scale(1);
  6818. }
  6819. }
  6820. .pulse {
  6821. -webkit-animation-name: pulse;
  6822. animation-name: pulse;
  6823. }
  6824. @-webkit-keyframes rubberBand {
  6825. 0% {
  6826. -webkit-transform: scale(1);
  6827. transform: scale(1);
  6828. }
  6829. 30% {
  6830. -webkit-transform: scaleX(1.25) scaleY(0.75);
  6831. transform: scaleX(1.25) scaleY(0.75);
  6832. }
  6833. 40% {
  6834. -webkit-transform: scaleX(0.75) scaleY(1.25);
  6835. transform: scaleX(0.75) scaleY(1.25);
  6836. }
  6837. 60% {
  6838. -webkit-transform: scaleX(1.15) scaleY(0.85);
  6839. transform: scaleX(1.15) scaleY(0.85);
  6840. }
  6841. 100% {
  6842. -webkit-transform: scale(1);
  6843. transform: scale(1);
  6844. }
  6845. }
  6846. @keyframes rubberBand {
  6847. 0% {
  6848. -webkit-transform: scale(1);
  6849. -ms-transform: scale(1);
  6850. transform: scale(1);
  6851. }
  6852. 30% {
  6853. -webkit-transform: scaleX(1.25) scaleY(0.75);
  6854. -ms-transform: scaleX(1.25) scaleY(0.75);
  6855. transform: scaleX(1.25) scaleY(0.75);
  6856. }
  6857. 40% {
  6858. -webkit-transform: scaleX(0.75) scaleY(1.25);
  6859. -ms-transform: scaleX(0.75) scaleY(1.25);
  6860. transform: scaleX(0.75) scaleY(1.25);
  6861. }
  6862. 60% {
  6863. -webkit-transform: scaleX(1.15) scaleY(0.85);
  6864. -ms-transform: scaleX(1.15) scaleY(0.85);
  6865. transform: scaleX(1.15) scaleY(0.85);
  6866. }
  6867. 100% {
  6868. -webkit-transform: scale(1);
  6869. -ms-transform: scale(1);
  6870. transform: scale(1);
  6871. }
  6872. }
  6873. .rubberBand {
  6874. -webkit-animation-name: rubberBand;
  6875. animation-name: rubberBand;
  6876. }
  6877. @-webkit-keyframes shake {
  6878. 0%,
  6879. 100% {
  6880. -webkit-transform: translateX(0);
  6881. transform: translateX(0);
  6882. }
  6883. 10%,
  6884. 30%,
  6885. 50%,
  6886. 70%,
  6887. 90% {
  6888. -webkit-transform: translateX(-10px);
  6889. transform: translateX(-10px);
  6890. }
  6891. 20%,
  6892. 40%,
  6893. 60%,
  6894. 80% {
  6895. -webkit-transform: translateX(10px);
  6896. transform: translateX(10px);
  6897. }
  6898. }
  6899. @keyframes shake {
  6900. 0%,
  6901. 100% {
  6902. -webkit-transform: translateX(0);
  6903. -ms-transform: translateX(0);
  6904. transform: translateX(0);
  6905. }
  6906. 10%,
  6907. 30%,
  6908. 50%,
  6909. 70%,
  6910. 90% {
  6911. -webkit-transform: translateX(-10px);
  6912. -ms-transform: translateX(-10px);
  6913. transform: translateX(-10px);
  6914. }
  6915. 20%,
  6916. 40%,
  6917. 60%,
  6918. 80% {
  6919. -webkit-transform: translateX(10px);
  6920. -ms-transform: translateX(10px);
  6921. transform: translateX(10px);
  6922. }
  6923. }
  6924. .shake {
  6925. -webkit-animation-name: shake;
  6926. animation-name: shake;
  6927. }
  6928. @-webkit-keyframes swing {
  6929. 20% {
  6930. -webkit-transform: rotate(15deg);
  6931. transform: rotate(15deg);
  6932. }
  6933. 40% {
  6934. -webkit-transform: rotate(-10deg);
  6935. transform: rotate(-10deg);
  6936. }
  6937. 60% {
  6938. -webkit-transform: rotate(5deg);
  6939. transform: rotate(5deg);
  6940. }
  6941. 80% {
  6942. -webkit-transform: rotate(-5deg);
  6943. transform: rotate(-5deg);
  6944. }
  6945. 100% {
  6946. -webkit-transform: rotate(0deg);
  6947. transform: rotate(0deg);
  6948. }
  6949. }
  6950. @keyframes swing {
  6951. 20% {
  6952. -webkit-transform: rotate(15deg);
  6953. -ms-transform: rotate(15deg);
  6954. transform: rotate(15deg);
  6955. }
  6956. 40% {
  6957. -webkit-transform: rotate(-10deg);
  6958. -ms-transform: rotate(-10deg);
  6959. transform: rotate(-10deg);
  6960. }
  6961. 60% {
  6962. -webkit-transform: rotate(5deg);
  6963. -ms-transform: rotate(5deg);
  6964. transform: rotate(5deg);
  6965. }
  6966. 80% {
  6967. -webkit-transform: rotate(-5deg);
  6968. -ms-transform: rotate(-5deg);
  6969. transform: rotate(-5deg);
  6970. }
  6971. 100% {
  6972. -webkit-transform: rotate(0deg);
  6973. -ms-transform: rotate(0deg);
  6974. transform: rotate(0deg);
  6975. }
  6976. }
  6977. .swing {
  6978. -webkit-transform-origin: top center;
  6979. -ms-transform-origin: top center;
  6980. transform-origin: top center;
  6981. -webkit-animation-name: swing;
  6982. animation-name: swing;
  6983. }
  6984. @-webkit-keyframes tada {
  6985. 0% {
  6986. -webkit-transform: scale(1);
  6987. transform: scale(1);
  6988. }
  6989. 10%,
  6990. 20% {
  6991. -webkit-transform: scale(0.9) rotate(-3deg);
  6992. transform: scale(0.9) rotate(-3deg);
  6993. }
  6994. 30%,
  6995. 50%,
  6996. 70%,
  6997. 90% {
  6998. -webkit-transform: scale(1.1) rotate(3deg);
  6999. transform: scale(1.1) rotate(3deg);
  7000. }
  7001. 40%,
  7002. 60%,
  7003. 80% {
  7004. -webkit-transform: scale(1.1) rotate(-3deg);
  7005. transform: scale(1.1) rotate(-3deg);
  7006. }
  7007. 100% {
  7008. -webkit-transform: scale(1) rotate(0);
  7009. transform: scale(1) rotate(0);
  7010. }
  7011. }
  7012. @keyframes tada {
  7013. 0% {
  7014. -webkit-transform: scale(1);
  7015. -ms-transform: scale(1);
  7016. transform: scale(1);
  7017. }
  7018. 10%,
  7019. 20% {
  7020. -webkit-transform: scale(0.9) rotate(-3deg);
  7021. -ms-transform: scale(0.9) rotate(-3deg);
  7022. transform: scale(0.9) rotate(-3deg);
  7023. }
  7024. 30%,
  7025. 50%,
  7026. 70%,
  7027. 90% {
  7028. -webkit-transform: scale(1.1) rotate(3deg);
  7029. -ms-transform: scale(1.1) rotate(3deg);
  7030. transform: scale(1.1) rotate(3deg);
  7031. }
  7032. 40%,
  7033. 60%,
  7034. 80% {
  7035. -webkit-transform: scale(1.1) rotate(-3deg);
  7036. -ms-transform: scale(1.1) rotate(-3deg);
  7037. transform: scale(1.1) rotate(-3deg);
  7038. }
  7039. 100% {
  7040. -webkit-transform: scale(1) rotate(0);
  7041. -ms-transform: scale(1) rotate(0);
  7042. transform: scale(1) rotate(0);
  7043. }
  7044. }
  7045. .tada {
  7046. -webkit-animation-name: tada;
  7047. animation-name: tada;
  7048. }
  7049. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  7050. @-webkit-keyframes wobble {
  7051. 0% {
  7052. -webkit-transform: translateX(0%);
  7053. transform: translateX(0%);
  7054. }
  7055. 15% {
  7056. -webkit-transform: translateX(-25%) rotate(-5deg);
  7057. transform: translateX(-25%) rotate(-5deg);
  7058. }
  7059. 30% {
  7060. -webkit-transform: translateX(20%) rotate(3deg);
  7061. transform: translateX(20%) rotate(3deg);
  7062. }
  7063. 45% {
  7064. -webkit-transform: translateX(-15%) rotate(-3deg);
  7065. transform: translateX(-15%) rotate(-3deg);
  7066. }
  7067. 60% {
  7068. -webkit-transform: translateX(10%) rotate(2deg);
  7069. transform: translateX(10%) rotate(2deg);
  7070. }
  7071. 75% {
  7072. -webkit-transform: translateX(-5%) rotate(-1deg);
  7073. transform: translateX(-5%) rotate(-1deg);
  7074. }
  7075. 100% {
  7076. -webkit-transform: translateX(0%);
  7077. transform: translateX(0%);
  7078. }
  7079. }
  7080. @keyframes wobble {
  7081. 0% {
  7082. -webkit-transform: translateX(0%);
  7083. -ms-transform: translateX(0%);
  7084. transform: translateX(0%);
  7085. }
  7086. 15% {
  7087. -webkit-transform: translateX(-25%) rotate(-5deg);
  7088. -ms-transform: translateX(-25%) rotate(-5deg);
  7089. transform: translateX(-25%) rotate(-5deg);
  7090. }
  7091. 30% {
  7092. -webkit-transform: translateX(20%) rotate(3deg);
  7093. -ms-transform: translateX(20%) rotate(3deg);
  7094. transform: translateX(20%) rotate(3deg);
  7095. }
  7096. 45% {
  7097. -webkit-transform: translateX(-15%) rotate(-3deg);
  7098. -ms-transform: translateX(-15%) rotate(-3deg);
  7099. transform: translateX(-15%) rotate(-3deg);
  7100. }
  7101. 60% {
  7102. -webkit-transform: translateX(10%) rotate(2deg);
  7103. -ms-transform: translateX(10%) rotate(2deg);
  7104. transform: translateX(10%) rotate(2deg);
  7105. }
  7106. 75% {
  7107. -webkit-transform: translateX(-5%) rotate(-1deg);
  7108. -ms-transform: translateX(-5%) rotate(-1deg);
  7109. transform: translateX(-5%) rotate(-1deg);
  7110. }
  7111. 100% {
  7112. -webkit-transform: translateX(0%);
  7113. -ms-transform: translateX(0%);
  7114. transform: translateX(0%);
  7115. }
  7116. }
  7117. .wobble {
  7118. -webkit-animation-name: wobble;
  7119. animation-name: wobble;
  7120. }
  7121. @-webkit-keyframes bounceIn {
  7122. 0% {
  7123. opacity: 0;
  7124. -webkit-transform: scale(0.3);
  7125. transform: scale(0.3);
  7126. }
  7127. 50% {
  7128. opacity: 1;
  7129. -webkit-transform: scale(1.05);
  7130. transform: scale(1.05);
  7131. }
  7132. 70% {
  7133. -webkit-transform: scale(0.9);
  7134. transform: scale(0.9);
  7135. }
  7136. 100% {
  7137. opacity: 1;
  7138. -webkit-transform: scale(1);
  7139. transform: scale(1);
  7140. }
  7141. }
  7142. @keyframes bounceIn {
  7143. 0% {
  7144. opacity: 0;
  7145. -webkit-transform: scale(0.3);
  7146. -ms-transform: scale(0.3);
  7147. transform: scale(0.3);
  7148. }
  7149. 50% {
  7150. opacity: 1;
  7151. -webkit-transform: scale(1.05);
  7152. -ms-transform: scale(1.05);
  7153. transform: scale(1.05);
  7154. }
  7155. 70% {
  7156. -webkit-transform: scale(0.9);
  7157. -ms-transform: scale(0.9);
  7158. transform: scale(0.9);
  7159. }
  7160. 100% {
  7161. opacity: 1;
  7162. -webkit-transform: scale(1);
  7163. -ms-transform: scale(1);
  7164. transform: scale(1);
  7165. }
  7166. }
  7167. .bounceIn {
  7168. -webkit-animation-name: bounceIn;
  7169. animation-name: bounceIn;
  7170. }
  7171. @-webkit-keyframes bounceInDown {
  7172. 0% {
  7173. opacity: 0;
  7174. -webkit-transform: translateY(-2000px);
  7175. transform: translateY(-2000px);
  7176. }
  7177. 60% {
  7178. opacity: 1;
  7179. -webkit-transform: translateY(30px);
  7180. transform: translateY(30px);
  7181. }
  7182. 80% {
  7183. -webkit-transform: translateY(-10px);
  7184. transform: translateY(-10px);
  7185. }
  7186. 100% {
  7187. -webkit-transform: translateY(0);
  7188. transform: translateY(0);
  7189. }
  7190. }
  7191. @keyframes bounceInDown {
  7192. 0% {
  7193. opacity: 0;
  7194. -webkit-transform: translateY(-2000px);
  7195. -ms-transform: translateY(-2000px);
  7196. transform: translateY(-2000px);
  7197. }
  7198. 60% {
  7199. opacity: 1;
  7200. -webkit-transform: translateY(30px);
  7201. -ms-transform: translateY(30px);
  7202. transform: translateY(30px);
  7203. }
  7204. 80% {
  7205. -webkit-transform: translateY(-10px);
  7206. -ms-transform: translateY(-10px);
  7207. transform: translateY(-10px);
  7208. }
  7209. 100% {
  7210. -webkit-transform: translateY(0);
  7211. -ms-transform: translateY(0);
  7212. transform: translateY(0);
  7213. }
  7214. }
  7215. .bounceInDown {
  7216. -webkit-animation-name: bounceInDown;
  7217. animation-name: bounceInDown;
  7218. }
  7219. @-webkit-keyframes bounceInLeft {
  7220. 0% {
  7221. opacity: 0;
  7222. -webkit-transform: translateX(-2000px);
  7223. transform: translateX(-2000px);
  7224. }
  7225. 60% {
  7226. opacity: 1;
  7227. -webkit-transform: translateX(30px);
  7228. transform: translateX(30px);
  7229. }
  7230. 80% {
  7231. -webkit-transform: translateX(-10px);
  7232. transform: translateX(-10px);
  7233. }
  7234. 100% {
  7235. -webkit-transform: translateX(0);
  7236. transform: translateX(0);
  7237. }
  7238. }
  7239. @keyframes bounceInLeft {
  7240. 0% {
  7241. opacity: 0;
  7242. -webkit-transform: translateX(-2000px);
  7243. -ms-transform: translateX(-2000px);
  7244. transform: translateX(-2000px);
  7245. }
  7246. 60% {
  7247. opacity: 1;
  7248. -webkit-transform: translateX(30px);
  7249. -ms-transform: translateX(30px);
  7250. transform: translateX(30px);
  7251. }
  7252. 80% {
  7253. -webkit-transform: translateX(-10px);
  7254. -ms-transform: translateX(-10px);
  7255. transform: translateX(-10px);
  7256. }
  7257. 100% {
  7258. -webkit-transform: translateX(0);
  7259. -ms-transform: translateX(0);
  7260. transform: translateX(0);
  7261. }
  7262. }
  7263. .bounceInLeft {
  7264. -webkit-animation-name: bounceInLeft;
  7265. animation-name: bounceInLeft;
  7266. }
  7267. @-webkit-keyframes bounceInRight {
  7268. 0% {
  7269. opacity: 0;
  7270. -webkit-transform: translateX(2000px);
  7271. transform: translateX(2000px);
  7272. }
  7273. 60% {
  7274. opacity: 1;
  7275. -webkit-transform: translateX(-30px);
  7276. transform: translateX(-30px);
  7277. }
  7278. 80% {
  7279. -webkit-transform: translateX(10px);
  7280. transform: translateX(10px);
  7281. }
  7282. 100% {
  7283. -webkit-transform: translateX(0);
  7284. transform: translateX(0);
  7285. }
  7286. }
  7287. @keyframes bounceInRight {
  7288. 0% {
  7289. opacity: 0;
  7290. -webkit-transform: translateX(2000px);
  7291. -ms-transform: translateX(2000px);
  7292. transform: translateX(2000px);
  7293. }
  7294. 60% {
  7295. opacity: 1;
  7296. -webkit-transform: translateX(-30px);
  7297. -ms-transform: translateX(-30px);
  7298. transform: translateX(-30px);
  7299. }
  7300. 80% {
  7301. -webkit-transform: translateX(10px);
  7302. -ms-transform: translateX(10px);
  7303. transform: translateX(10px);
  7304. }
  7305. 100% {
  7306. -webkit-transform: translateX(0);
  7307. -ms-transform: translateX(0);
  7308. transform: translateX(0);
  7309. }
  7310. }
  7311. .bounceInRight {
  7312. -webkit-animation-name: bounceInRight;
  7313. animation-name: bounceInRight;
  7314. }
  7315. @-webkit-keyframes bounceInUp {
  7316. 0% {
  7317. opacity: 0;
  7318. -webkit-transform: translateY(2000px);
  7319. transform: translateY(2000px);
  7320. }
  7321. 60% {
  7322. opacity: 1;
  7323. -webkit-transform: translateY(-30px);
  7324. transform: translateY(-30px);
  7325. }
  7326. 80% {
  7327. -webkit-transform: translateY(10px);
  7328. transform: translateY(10px);
  7329. }
  7330. 100% {
  7331. -webkit-transform: translateY(0);
  7332. transform: translateY(0);
  7333. }
  7334. }
  7335. @keyframes bounceInUp {
  7336. 0% {
  7337. opacity: 0;
  7338. -webkit-transform: translateY(2000px);
  7339. -ms-transform: translateY(2000px);
  7340. transform: translateY(2000px);
  7341. }
  7342. 60% {
  7343. opacity: 1;
  7344. -webkit-transform: translateY(-30px);
  7345. -ms-transform: translateY(-30px);
  7346. transform: translateY(-30px);
  7347. }
  7348. 80% {
  7349. -webkit-transform: translateY(10px);
  7350. -ms-transform: translateY(10px);
  7351. transform: translateY(10px);
  7352. }
  7353. 100% {
  7354. -webkit-transform: translateY(0);
  7355. -ms-transform: translateY(0);
  7356. transform: translateY(0);
  7357. }
  7358. }
  7359. .bounceInUp {
  7360. -webkit-animation-name: bounceInUp;
  7361. animation-name: bounceInUp;
  7362. }
  7363. @-webkit-keyframes bounceOut {
  7364. 0% {
  7365. -webkit-transform: scale(1);
  7366. transform: scale(1);
  7367. }
  7368. 25% {
  7369. -webkit-transform: scale(0.95);
  7370. transform: scale(0.95);
  7371. }
  7372. 50% {
  7373. opacity: 1;
  7374. -webkit-transform: scale(1.1);
  7375. transform: scale(1.1);
  7376. }
  7377. 100% {
  7378. opacity: 0;
  7379. -webkit-transform: scale(0.3);
  7380. transform: scale(0.3);
  7381. }
  7382. }
  7383. @keyframes bounceOut {
  7384. 0% {
  7385. -webkit-transform: scale(1);
  7386. -ms-transform: scale(1);
  7387. transform: scale(1);
  7388. }
  7389. 25% {
  7390. -webkit-transform: scale(0.95);
  7391. -ms-transform: scale(0.95);
  7392. transform: scale(0.95);
  7393. }
  7394. 50% {
  7395. opacity: 1;
  7396. -webkit-transform: scale(1.1);
  7397. -ms-transform: scale(1.1);
  7398. transform: scale(1.1);
  7399. }
  7400. 100% {
  7401. opacity: 0;
  7402. -webkit-transform: scale(0.3);
  7403. -ms-transform: scale(0.3);
  7404. transform: scale(0.3);
  7405. }
  7406. }
  7407. .bounceOut {
  7408. -webkit-animation-name: bounceOut;
  7409. animation-name: bounceOut;
  7410. }
  7411. @-webkit-keyframes bounceOutDown {
  7412. 0% {
  7413. -webkit-transform: translateY(0);
  7414. transform: translateY(0);
  7415. }
  7416. 20% {
  7417. opacity: 1;
  7418. -webkit-transform: translateY(-20px);
  7419. transform: translateY(-20px);
  7420. }
  7421. 100% {
  7422. opacity: 0;
  7423. -webkit-transform: translateY(2000px);
  7424. transform: translateY(2000px);
  7425. }
  7426. }
  7427. @keyframes bounceOutDown {
  7428. 0% {
  7429. -webkit-transform: translateY(0);
  7430. -ms-transform: translateY(0);
  7431. transform: translateY(0);
  7432. }
  7433. 20% {
  7434. opacity: 1;
  7435. -webkit-transform: translateY(-20px);
  7436. -ms-transform: translateY(-20px);
  7437. transform: translateY(-20px);
  7438. }
  7439. 100% {
  7440. opacity: 0;
  7441. -webkit-transform: translateY(2000px);
  7442. -ms-transform: translateY(2000px);
  7443. transform: translateY(2000px);
  7444. }
  7445. }
  7446. .bounceOutDown {
  7447. -webkit-animation-name: bounceOutDown;
  7448. animation-name: bounceOutDown;
  7449. }
  7450. @-webkit-keyframes bounceOutLeft {
  7451. 0% {
  7452. -webkit-transform: translateX(0);
  7453. transform: translateX(0);
  7454. }
  7455. 20% {
  7456. opacity: 1;
  7457. -webkit-transform: translateX(20px);
  7458. transform: translateX(20px);
  7459. }
  7460. 100% {
  7461. opacity: 0;
  7462. -webkit-transform: translateX(-2000px);
  7463. transform: translateX(-2000px);
  7464. }
  7465. }
  7466. @keyframes bounceOutLeft {
  7467. 0% {
  7468. -webkit-transform: translateX(0);
  7469. -ms-transform: translateX(0);
  7470. transform: translateX(0);
  7471. }
  7472. 20% {
  7473. opacity: 1;
  7474. -webkit-transform: translateX(20px);
  7475. -ms-transform: translateX(20px);
  7476. transform: translateX(20px);
  7477. }
  7478. 100% {
  7479. opacity: 0;
  7480. -webkit-transform: translateX(-2000px);
  7481. -ms-transform: translateX(-2000px);
  7482. transform: translateX(-2000px);
  7483. }
  7484. }
  7485. .bounceOutLeft {
  7486. -webkit-animation-name: bounceOutLeft;
  7487. animation-name: bounceOutLeft;
  7488. }
  7489. @-webkit-keyframes bounceOutRight {
  7490. 0% {
  7491. -webkit-transform: translateX(0);
  7492. transform: translateX(0);
  7493. }
  7494. 20% {
  7495. opacity: 1;
  7496. -webkit-transform: translateX(-20px);
  7497. transform: translateX(-20px);
  7498. }
  7499. 100% {
  7500. opacity: 0;
  7501. -webkit-transform: translateX(2000px);
  7502. transform: translateX(2000px);
  7503. }
  7504. }
  7505. @keyframes bounceOutRight {
  7506. 0% {
  7507. -webkit-transform: translateX(0);
  7508. -ms-transform: translateX(0);
  7509. transform: translateX(0);
  7510. }
  7511. 20% {
  7512. opacity: 1;
  7513. -webkit-transform: translateX(-20px);
  7514. -ms-transform: translateX(-20px);
  7515. transform: translateX(-20px);
  7516. }
  7517. 100% {
  7518. opacity: 0;
  7519. -webkit-transform: translateX(2000px);
  7520. -ms-transform: translateX(2000px);
  7521. transform: translateX(2000px);
  7522. }
  7523. }
  7524. .bounceOutRight {
  7525. -webkit-animation-name: bounceOutRight;
  7526. animation-name: bounceOutRight;
  7527. }
  7528. @-webkit-keyframes bounceOutUp {
  7529. 0% {
  7530. -webkit-transform: translateY(0);
  7531. transform: translateY(0);
  7532. }
  7533. 20% {
  7534. opacity: 1;
  7535. -webkit-transform: translateY(20px);
  7536. transform: translateY(20px);
  7537. }
  7538. 100% {
  7539. opacity: 0;
  7540. -webkit-transform: translateY(-2000px);
  7541. transform: translateY(-2000px);
  7542. }
  7543. }
  7544. @keyframes bounceOutUp {
  7545. 0% {
  7546. -webkit-transform: translateY(0);
  7547. -ms-transform: translateY(0);
  7548. transform: translateY(0);
  7549. }
  7550. 20% {
  7551. opacity: 1;
  7552. -webkit-transform: translateY(20px);
  7553. -ms-transform: translateY(20px);
  7554. transform: translateY(20px);
  7555. }
  7556. 100% {
  7557. opacity: 0;
  7558. -webkit-transform: translateY(-2000px);
  7559. -ms-transform: translateY(-2000px);
  7560. transform: translateY(-2000px);
  7561. }
  7562. }
  7563. .bounceOutUp {
  7564. -webkit-animation-name: bounceOutUp;
  7565. animation-name: bounceOutUp;
  7566. }
  7567. @-webkit-keyframes fadeIn {
  7568. 0% {
  7569. opacity: 0;
  7570. }
  7571. 100% {
  7572. opacity: 1;
  7573. }
  7574. }
  7575. @keyframes fadeIn {
  7576. 0% {
  7577. opacity: 0;
  7578. }
  7579. 100% {
  7580. opacity: 1;
  7581. }
  7582. }
  7583. .fadeIn {
  7584. -webkit-animation-name: fadeIn;
  7585. animation-name: fadeIn;
  7586. }
  7587. @-webkit-keyframes fadeInDown {
  7588. 0% {
  7589. opacity: 0;
  7590. -webkit-transform: translateY(-20px);
  7591. transform: translateY(-20px);
  7592. }
  7593. 100% {
  7594. opacity: 1;
  7595. -webkit-transform: translateY(0);
  7596. transform: translateY(0);
  7597. }
  7598. }
  7599. @keyframes fadeInDown {
  7600. 0% {
  7601. opacity: 0;
  7602. -webkit-transform: translateY(-20px);
  7603. -ms-transform: translateY(-20px);
  7604. transform: translateY(-20px);
  7605. }
  7606. 100% {
  7607. opacity: 1;
  7608. -webkit-transform: translateY(0);
  7609. -ms-transform: translateY(0);
  7610. transform: translateY(0);
  7611. }
  7612. }
  7613. .fadeInDown {
  7614. -webkit-animation-name: fadeInDown;
  7615. animation-name: fadeInDown;
  7616. }
  7617. @-webkit-keyframes fadeInDownBig {
  7618. 0% {
  7619. opacity: 0;
  7620. -webkit-transform: translateY(-2000px);
  7621. transform: translateY(-2000px);
  7622. }
  7623. 100% {
  7624. opacity: 1;
  7625. -webkit-transform: translateY(0);
  7626. transform: translateY(0);
  7627. }
  7628. }
  7629. @keyframes fadeInDownBig {
  7630. 0% {
  7631. opacity: 0;
  7632. -webkit-transform: translateY(-2000px);
  7633. -ms-transform: translateY(-2000px);
  7634. transform: translateY(-2000px);
  7635. }
  7636. 100% {
  7637. opacity: 1;
  7638. -webkit-transform: translateY(0);
  7639. -ms-transform: translateY(0);
  7640. transform: translateY(0);
  7641. }
  7642. }
  7643. .fadeInDownBig {
  7644. -webkit-animation-name: fadeInDownBig;
  7645. animation-name: fadeInDownBig;
  7646. }
  7647. @-webkit-keyframes fadeInLeft {
  7648. 0% {
  7649. opacity: 0;
  7650. -webkit-transform: translateX(-20px);
  7651. transform: translateX(-20px);
  7652. }
  7653. 100% {
  7654. opacity: 1;
  7655. -webkit-transform: translateX(0);
  7656. transform: translateX(0);
  7657. }
  7658. }
  7659. @keyframes fadeInLeft {
  7660. 0% {
  7661. opacity: 0;
  7662. -webkit-transform: translateX(-20px);
  7663. -ms-transform: translateX(-20px);
  7664. transform: translateX(-20px);
  7665. }
  7666. 100% {
  7667. opacity: 1;
  7668. -webkit-transform: translateX(0);
  7669. -ms-transform: translateX(0);
  7670. transform: translateX(0);
  7671. }
  7672. }
  7673. .fadeInLeft {
  7674. -webkit-animation-name: fadeInLeft;
  7675. animation-name: fadeInLeft;
  7676. }
  7677. @-webkit-keyframes fadeInLeftBig {
  7678. 0% {
  7679. opacity: 0;
  7680. -webkit-transform: translateX(-2000px);
  7681. transform: translateX(-2000px);
  7682. }
  7683. 100% {
  7684. opacity: 1;
  7685. -webkit-transform: translateX(0);
  7686. transform: translateX(0);
  7687. }
  7688. }
  7689. @keyframes fadeInLeftBig {
  7690. 0% {
  7691. opacity: 0;
  7692. -webkit-transform: translateX(-2000px);
  7693. -ms-transform: translateX(-2000px);
  7694. transform: translateX(-2000px);
  7695. }
  7696. 100% {
  7697. opacity: 1;
  7698. -webkit-transform: translateX(0);
  7699. -ms-transform: translateX(0);
  7700. transform: translateX(0);
  7701. }
  7702. }
  7703. .fadeInLeftBig {
  7704. -webkit-animation-name: fadeInLeftBig;
  7705. animation-name: fadeInLeftBig;
  7706. }
  7707. @-webkit-keyframes fadeInRight {
  7708. 0% {
  7709. opacity: 0;
  7710. -webkit-transform: translateX(20px);
  7711. transform: translateX(20px);
  7712. }
  7713. 100% {
  7714. opacity: 1;
  7715. -webkit-transform: translateX(0);
  7716. transform: translateX(0);
  7717. }
  7718. }
  7719. @keyframes fadeInRight {
  7720. 0% {
  7721. opacity: 0;
  7722. -webkit-transform: translateX(20px);
  7723. -ms-transform: translateX(20px);
  7724. transform: translateX(20px);
  7725. }
  7726. 100% {
  7727. opacity: 1;
  7728. -webkit-transform: translateX(0);
  7729. -ms-transform: translateX(0);
  7730. transform: translateX(0);
  7731. }
  7732. }
  7733. .fadeInRight {
  7734. -webkit-animation-name: fadeInRight;
  7735. animation-name: fadeInRight;
  7736. }
  7737. @-webkit-keyframes fadeInRightBig {
  7738. 0% {
  7739. opacity: 0;
  7740. -webkit-transform: translateX(2000px);
  7741. transform: translateX(2000px);
  7742. }
  7743. 100% {
  7744. opacity: 1;
  7745. -webkit-transform: translateX(0);
  7746. transform: translateX(0);
  7747. }
  7748. }
  7749. @keyframes fadeInRightBig {
  7750. 0% {
  7751. opacity: 0;
  7752. -webkit-transform: translateX(2000px);
  7753. -ms-transform: translateX(2000px);
  7754. transform: translateX(2000px);
  7755. }
  7756. 100% {
  7757. opacity: 1;
  7758. -webkit-transform: translateX(0);
  7759. -ms-transform: translateX(0);
  7760. transform: translateX(0);
  7761. }
  7762. }
  7763. .fadeInRightBig {
  7764. -webkit-animation-name: fadeInRightBig;
  7765. animation-name: fadeInRightBig;
  7766. }
  7767. @-webkit-keyframes fadeInUp {
  7768. 0% {
  7769. opacity: 0;
  7770. -webkit-transform: translateY(20px);
  7771. transform: translateY(20px);
  7772. }
  7773. 100% {
  7774. opacity: 1;
  7775. -webkit-transform: translateY(0);
  7776. transform: translateY(0);
  7777. }
  7778. }
  7779. @keyframes fadeInUp {
  7780. 0% {
  7781. opacity: 0;
  7782. -webkit-transform: translateY(20px);
  7783. -ms-transform: translateY(20px);
  7784. transform: translateY(20px);
  7785. }
  7786. 100% {
  7787. opacity: 1;
  7788. -webkit-transform: translateY(0);
  7789. -ms-transform: translateY(0);
  7790. transform: translateY(0);
  7791. }
  7792. }
  7793. .fadeInUp {
  7794. -webkit-animation-name: fadeInUp;
  7795. animation-name: fadeInUp;
  7796. }
  7797. @-webkit-keyframes fadeInUpBig {
  7798. 0% {
  7799. opacity: 0;
  7800. -webkit-transform: translateY(2000px);
  7801. transform: translateY(2000px);
  7802. }
  7803. 100% {
  7804. opacity: 1;
  7805. -webkit-transform: translateY(0);
  7806. transform: translateY(0);
  7807. }
  7808. }
  7809. @keyframes fadeInUpBig {
  7810. 0% {
  7811. opacity: 0;
  7812. -webkit-transform: translateY(2000px);
  7813. -ms-transform: translateY(2000px);
  7814. transform: translateY(2000px);
  7815. }
  7816. 100% {
  7817. opacity: 1;
  7818. -webkit-transform: translateY(0);
  7819. -ms-transform: translateY(0);
  7820. transform: translateY(0);
  7821. }
  7822. }
  7823. .fadeInUpBig {
  7824. -webkit-animation-name: fadeInUpBig;
  7825. animation-name: fadeInUpBig;
  7826. }
  7827. @-webkit-keyframes fadeOut {
  7828. 0% {
  7829. opacity: 1;
  7830. }
  7831. 100% {
  7832. opacity: 0;
  7833. }
  7834. }
  7835. @keyframes fadeOut {
  7836. 0% {
  7837. opacity: 1;
  7838. }
  7839. 100% {
  7840. opacity: 0;
  7841. }
  7842. }
  7843. .fadeOut {
  7844. -webkit-animation-name: fadeOut;
  7845. animation-name: fadeOut;
  7846. }
  7847. @-webkit-keyframes fadeOutDown {
  7848. 0% {
  7849. opacity: 1;
  7850. -webkit-transform: translateY(0);
  7851. transform: translateY(0);
  7852. }
  7853. 100% {
  7854. opacity: 0;
  7855. -webkit-transform: translateY(20px);
  7856. transform: translateY(20px);
  7857. }
  7858. }
  7859. @keyframes fadeOutDown {
  7860. 0% {
  7861. opacity: 1;
  7862. -webkit-transform: translateY(0);
  7863. -ms-transform: translateY(0);
  7864. transform: translateY(0);
  7865. }
  7866. 100% {
  7867. opacity: 0;
  7868. -webkit-transform: translateY(20px);
  7869. -ms-transform: translateY(20px);
  7870. transform: translateY(20px);
  7871. }
  7872. }
  7873. .fadeOutDown {
  7874. -webkit-animation-name: fadeOutDown;
  7875. animation-name: fadeOutDown;
  7876. }
  7877. @-webkit-keyframes fadeOutDownBig {
  7878. 0% {
  7879. opacity: 1;
  7880. -webkit-transform: translateY(0);
  7881. transform: translateY(0);
  7882. }
  7883. 100% {
  7884. opacity: 0;
  7885. -webkit-transform: translateY(2000px);
  7886. transform: translateY(2000px);
  7887. }
  7888. }
  7889. @keyframes fadeOutDownBig {
  7890. 0% {
  7891. opacity: 1;
  7892. -webkit-transform: translateY(0);
  7893. -ms-transform: translateY(0);
  7894. transform: translateY(0);
  7895. }
  7896. 100% {
  7897. opacity: 0;
  7898. -webkit-transform: translateY(2000px);
  7899. -ms-transform: translateY(2000px);
  7900. transform: translateY(2000px);
  7901. }
  7902. }
  7903. .fadeOutDownBig {
  7904. -webkit-animation-name: fadeOutDownBig;
  7905. animation-name: fadeOutDownBig;
  7906. }
  7907. @-webkit-keyframes fadeOutLeft {
  7908. 0% {
  7909. opacity: 1;
  7910. -webkit-transform: translateX(0);
  7911. transform: translateX(0);
  7912. }
  7913. 100% {
  7914. opacity: 0;
  7915. -webkit-transform: translateX(-20px);
  7916. transform: translateX(-20px);
  7917. }
  7918. }
  7919. @keyframes fadeOutLeft {
  7920. 0% {
  7921. opacity: 1;
  7922. -webkit-transform: translateX(0);
  7923. -ms-transform: translateX(0);
  7924. transform: translateX(0);
  7925. }
  7926. 100% {
  7927. opacity: 0;
  7928. -webkit-transform: translateX(-20px);
  7929. -ms-transform: translateX(-20px);
  7930. transform: translateX(-20px);
  7931. }
  7932. }
  7933. .fadeOutLeft {
  7934. -webkit-animation-name: fadeOutLeft;
  7935. animation-name: fadeOutLeft;
  7936. }
  7937. @-webkit-keyframes fadeOutLeftBig {
  7938. 0% {
  7939. opacity: 1;
  7940. -webkit-transform: translateX(0);
  7941. transform: translateX(0);
  7942. }
  7943. 100% {
  7944. opacity: 0;
  7945. -webkit-transform: translateX(-2000px);
  7946. transform: translateX(-2000px);
  7947. }
  7948. }
  7949. @keyframes fadeOutLeftBig {
  7950. 0% {
  7951. opacity: 1;
  7952. -webkit-transform: translateX(0);
  7953. -ms-transform: translateX(0);
  7954. transform: translateX(0);
  7955. }
  7956. 100% {
  7957. opacity: 0;
  7958. -webkit-transform: translateX(-2000px);
  7959. -ms-transform: translateX(-2000px);
  7960. transform: translateX(-2000px);
  7961. }
  7962. }
  7963. .fadeOutLeftBig {
  7964. -webkit-animation-name: fadeOutLeftBig;
  7965. animation-name: fadeOutLeftBig;
  7966. }
  7967. @-webkit-keyframes fadeOutRight {
  7968. 0% {
  7969. opacity: 1;
  7970. -webkit-transform: translateX(0);
  7971. transform: translateX(0);
  7972. }
  7973. 100% {
  7974. opacity: 0;
  7975. -webkit-transform: translateX(20px);
  7976. transform: translateX(20px);
  7977. }
  7978. }
  7979. @keyframes fadeOutRight {
  7980. 0% {
  7981. opacity: 1;
  7982. -webkit-transform: translateX(0);
  7983. -ms-transform: translateX(0);
  7984. transform: translateX(0);
  7985. }
  7986. 100% {
  7987. opacity: 0;
  7988. -webkit-transform: translateX(20px);
  7989. -ms-transform: translateX(20px);
  7990. transform: translateX(20px);
  7991. }
  7992. }
  7993. .fadeOutRight {
  7994. -webkit-animation-name: fadeOutRight;
  7995. animation-name: fadeOutRight;
  7996. }
  7997. @-webkit-keyframes fadeOutRightBig {
  7998. 0% {
  7999. opacity: 1;
  8000. -webkit-transform: translateX(0);
  8001. transform: translateX(0);
  8002. }
  8003. 100% {
  8004. opacity: 0;
  8005. -webkit-transform: translateX(2000px);
  8006. transform: translateX(2000px);
  8007. }
  8008. }
  8009. @keyframes fadeOutRightBig {
  8010. 0% {
  8011. opacity: 1;
  8012. -webkit-transform: translateX(0);
  8013. -ms-transform: translateX(0);
  8014. transform: translateX(0);
  8015. }
  8016. 100% {
  8017. opacity: 0;
  8018. -webkit-transform: translateX(2000px);
  8019. -ms-transform: translateX(2000px);
  8020. transform: translateX(2000px);
  8021. }
  8022. }
  8023. .fadeOutRightBig {
  8024. -webkit-animation-name: fadeOutRightBig;
  8025. animation-name: fadeOutRightBig;
  8026. }
  8027. @-webkit-keyframes fadeOutUp {
  8028. 0% {
  8029. opacity: 1;
  8030. -webkit-transform: translateY(0);
  8031. transform: translateY(0);
  8032. }
  8033. 100% {
  8034. opacity: 0;
  8035. -webkit-transform: translateY(-20px);
  8036. transform: translateY(-20px);
  8037. }
  8038. }
  8039. @keyframes fadeOutUp {
  8040. 0% {
  8041. opacity: 1;
  8042. -webkit-transform: translateY(0);
  8043. -ms-transform: translateY(0);
  8044. transform: translateY(0);
  8045. }
  8046. 100% {
  8047. opacity: 0;
  8048. -webkit-transform: translateY(-20px);
  8049. -ms-transform: translateY(-20px);
  8050. transform: translateY(-20px);
  8051. }
  8052. }
  8053. .fadeOutUp {
  8054. -webkit-animation-name: fadeOutUp;
  8055. animation-name: fadeOutUp;
  8056. }
  8057. @-webkit-keyframes fadeOutUpBig {
  8058. 0% {
  8059. opacity: 1;
  8060. -webkit-transform: translateY(0);
  8061. transform: translateY(0);
  8062. }
  8063. 100% {
  8064. opacity: 0;
  8065. -webkit-transform: translateY(-2000px);
  8066. transform: translateY(-2000px);
  8067. }
  8068. }
  8069. @keyframes fadeOutUpBig {
  8070. 0% {
  8071. opacity: 1;
  8072. -webkit-transform: translateY(0);
  8073. -ms-transform: translateY(0);
  8074. transform: translateY(0);
  8075. }
  8076. 100% {
  8077. opacity: 0;
  8078. -webkit-transform: translateY(-2000px);
  8079. -ms-transform: translateY(-2000px);
  8080. transform: translateY(-2000px);
  8081. }
  8082. }
  8083. .fadeOutUpBig {
  8084. -webkit-animation-name: fadeOutUpBig;
  8085. animation-name: fadeOutUpBig;
  8086. }
  8087. @-webkit-keyframes flip {
  8088. 0% {
  8089. -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  8090. transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  8091. -webkit-animation-timing-function: ease-out;
  8092. animation-timing-function: ease-out;
  8093. }
  8094. 40% {
  8095. -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  8096. transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  8097. -webkit-animation-timing-function: ease-out;
  8098. animation-timing-function: ease-out;
  8099. }
  8100. 50% {
  8101. -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  8102. transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  8103. -webkit-animation-timing-function: ease-in;
  8104. animation-timing-function: ease-in;
  8105. }
  8106. 80% {
  8107. -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  8108. transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  8109. -webkit-animation-timing-function: ease-in;
  8110. animation-timing-function: ease-in;
  8111. }
  8112. 100% {
  8113. -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  8114. transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  8115. -webkit-animation-timing-function: ease-in;
  8116. animation-timing-function: ease-in;
  8117. }
  8118. }
  8119. @keyframes flip {
  8120. 0% {
  8121. -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  8122. -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  8123. transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  8124. -webkit-animation-timing-function: ease-out;
  8125. animation-timing-function: ease-out;
  8126. }
  8127. 40% {
  8128. -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  8129. -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  8130. transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  8131. -webkit-animation-timing-function: ease-out;
  8132. animation-timing-function: ease-out;
  8133. }
  8134. 50% {
  8135. -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  8136. -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  8137. transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  8138. -webkit-animation-timing-function: ease-in;
  8139. animation-timing-function: ease-in;
  8140. }
  8141. 80% {
  8142. -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  8143. -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  8144. transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  8145. -webkit-animation-timing-function: ease-in;
  8146. animation-timing-function: ease-in;
  8147. }
  8148. 100% {
  8149. -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  8150. -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  8151. transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  8152. -webkit-animation-timing-function: ease-in;
  8153. animation-timing-function: ease-in;
  8154. }
  8155. }
  8156. .animated.flip {
  8157. -webkit-backface-visibility: visible;
  8158. -ms-backface-visibility: visible;
  8159. backface-visibility: visible;
  8160. -webkit-animation-name: flip;
  8161. animation-name: flip;
  8162. }
  8163. @-webkit-keyframes flipInX {
  8164. 0% {
  8165. -webkit-transform: perspective(400px) rotateX(90deg);
  8166. transform: perspective(400px) rotateX(90deg);
  8167. opacity: 0;
  8168. }
  8169. 40% {
  8170. -webkit-transform: perspective(400px) rotateX(-10deg);
  8171. transform: perspective(400px) rotateX(-10deg);
  8172. }
  8173. 70% {
  8174. -webkit-transform: perspective(400px) rotateX(10deg);
  8175. transform: perspective(400px) rotateX(10deg);
  8176. }
  8177. 100% {
  8178. -webkit-transform: perspective(400px) rotateX(0deg);
  8179. transform: perspective(400px) rotateX(0deg);
  8180. opacity: 1;
  8181. }
  8182. }
  8183. @keyframes flipInX {
  8184. 0% {
  8185. -webkit-transform: perspective(400px) rotateX(90deg);
  8186. -ms-transform: perspective(400px) rotateX(90deg);
  8187. transform: perspective(400px) rotateX(90deg);
  8188. opacity: 0;
  8189. }
  8190. 40% {
  8191. -webkit-transform: perspective(400px) rotateX(-10deg);
  8192. -ms-transform: perspective(400px) rotateX(-10deg);
  8193. transform: perspective(400px) rotateX(-10deg);
  8194. }
  8195. 70% {
  8196. -webkit-transform: perspective(400px) rotateX(10deg);
  8197. -ms-transform: perspective(400px) rotateX(10deg);
  8198. transform: perspective(400px) rotateX(10deg);
  8199. }
  8200. 100% {
  8201. -webkit-transform: perspective(400px) rotateX(0deg);
  8202. -ms-transform: perspective(400px) rotateX(0deg);
  8203. transform: perspective(400px) rotateX(0deg);
  8204. opacity: 1;
  8205. }
  8206. }
  8207. .flipInX {
  8208. -webkit-backface-visibility: visible !important;
  8209. -ms-backface-visibility: visible !important;
  8210. backface-visibility: visible !important;
  8211. -webkit-animation-name: flipInX;
  8212. animation-name: flipInX;
  8213. }
  8214. @-webkit-keyframes flipInY {
  8215. 0% {
  8216. -webkit-transform: perspective(400px) rotateY(90deg);
  8217. transform: perspective(400px) rotateY(90deg);
  8218. opacity: 0;
  8219. }
  8220. 40% {
  8221. -webkit-transform: perspective(400px) rotateY(-10deg);
  8222. transform: perspective(400px) rotateY(-10deg);
  8223. }
  8224. 70% {
  8225. -webkit-transform: perspective(400px) rotateY(10deg);
  8226. transform: perspective(400px) rotateY(10deg);
  8227. }
  8228. 100% {
  8229. -webkit-transform: perspective(400px) rotateY(0deg);
  8230. transform: perspective(400px) rotateY(0deg);
  8231. opacity: 1;
  8232. }
  8233. }
  8234. @keyframes flipInY {
  8235. 0% {
  8236. -webkit-transform: perspective(400px) rotateY(90deg);
  8237. -ms-transform: perspective(400px) rotateY(90deg);
  8238. transform: perspective(400px) rotateY(90deg);
  8239. opacity: 0;
  8240. }
  8241. 40% {
  8242. -webkit-transform: perspective(400px) rotateY(-10deg);
  8243. -ms-transform: perspective(400px) rotateY(-10deg);
  8244. transform: perspective(400px) rotateY(-10deg);
  8245. }
  8246. 70% {
  8247. -webkit-transform: perspective(400px) rotateY(10deg);
  8248. -ms-transform: perspective(400px) rotateY(10deg);
  8249. transform: perspective(400px) rotateY(10deg);
  8250. }
  8251. 100% {
  8252. -webkit-transform: perspective(400px) rotateY(0deg);
  8253. -ms-transform: perspective(400px) rotateY(0deg);
  8254. transform: perspective(400px) rotateY(0deg);
  8255. opacity: 1;
  8256. }
  8257. }
  8258. .flipInY {
  8259. -webkit-backface-visibility: visible !important;
  8260. -ms-backface-visibility: visible !important;
  8261. backface-visibility: visible !important;
  8262. -webkit-animation-name: flipInY;
  8263. animation-name: flipInY;
  8264. }
  8265. @-webkit-keyframes flipOutX {
  8266. 0% {
  8267. -webkit-transform: perspective(400px) rotateX(0deg);
  8268. transform: perspective(400px) rotateX(0deg);
  8269. opacity: 1;
  8270. }
  8271. 100% {
  8272. -webkit-transform: perspective(400px) rotateX(90deg);
  8273. transform: perspective(400px) rotateX(90deg);
  8274. opacity: 0;
  8275. }
  8276. }
  8277. @keyframes flipOutX {
  8278. 0% {
  8279. -webkit-transform: perspective(400px) rotateX(0deg);
  8280. -ms-transform: perspective(400px) rotateX(0deg);
  8281. transform: perspective(400px) rotateX(0deg);
  8282. opacity: 1;
  8283. }
  8284. 100% {
  8285. -webkit-transform: perspective(400px) rotateX(90deg);
  8286. -ms-transform: perspective(400px) rotateX(90deg);
  8287. transform: perspective(400px) rotateX(90deg);
  8288. opacity: 0;
  8289. }
  8290. }
  8291. .flipOutX {
  8292. -webkit-animation-name: flipOutX;
  8293. animation-name: flipOutX;
  8294. -webkit-backface-visibility: visible !important;
  8295. -ms-backface-visibility: visible !important;
  8296. backface-visibility: visible !important;
  8297. }
  8298. @-webkit-keyframes flipOutY {
  8299. 0% {
  8300. -webkit-transform: perspective(400px) rotateY(0deg);
  8301. transform: perspective(400px) rotateY(0deg);
  8302. opacity: 1;
  8303. }
  8304. 100% {
  8305. -webkit-transform: perspective(400px) rotateY(90deg);
  8306. transform: perspective(400px) rotateY(90deg);
  8307. opacity: 0;
  8308. }
  8309. }
  8310. @keyframes flipOutY {
  8311. 0% {
  8312. -webkit-transform: perspective(400px) rotateY(0deg);
  8313. -ms-transform: perspective(400px) rotateY(0deg);
  8314. transform: perspective(400px) rotateY(0deg);
  8315. opacity: 1;
  8316. }
  8317. 100% {
  8318. -webkit-transform: perspective(400px) rotateY(90deg);
  8319. -ms-transform: perspective(400px) rotateY(90deg);
  8320. transform: perspective(400px) rotateY(90deg);
  8321. opacity: 0;
  8322. }
  8323. }
  8324. .flipOutY {
  8325. -webkit-backface-visibility: visible !important;
  8326. -ms-backface-visibility: visible !important;
  8327. backface-visibility: visible !important;
  8328. -webkit-animation-name: flipOutY;
  8329. animation-name: flipOutY;
  8330. }
  8331. @-webkit-keyframes lightSpeedIn {
  8332. 0% {
  8333. -webkit-transform: translateX(100%) skewX(-30deg);
  8334. transform: translateX(100%) skewX(-30deg);
  8335. opacity: 0;
  8336. }
  8337. 60% {
  8338. -webkit-transform: translateX(-20%) skewX(30deg);
  8339. transform: translateX(-20%) skewX(30deg);
  8340. opacity: 1;
  8341. }
  8342. 80% {
  8343. -webkit-transform: translateX(0%) skewX(-15deg);
  8344. transform: translateX(0%) skewX(-15deg);
  8345. opacity: 1;
  8346. }
  8347. 100% {
  8348. -webkit-transform: translateX(0%) skewX(0deg);
  8349. transform: translateX(0%) skewX(0deg);
  8350. opacity: 1;
  8351. }
  8352. }
  8353. @keyframes lightSpeedIn {
  8354. 0% {
  8355. -webkit-transform: translateX(100%) skewX(-30deg);
  8356. -ms-transform: translateX(100%) skewX(-30deg);
  8357. transform: translateX(100%) skewX(-30deg);
  8358. opacity: 0;
  8359. }
  8360. 60% {
  8361. -webkit-transform: translateX(-20%) skewX(30deg);
  8362. -ms-transform: translateX(-20%) skewX(30deg);
  8363. transform: translateX(-20%) skewX(30deg);
  8364. opacity: 1;
  8365. }
  8366. 80% {
  8367. -webkit-transform: translateX(0%) skewX(-15deg);
  8368. -ms-transform: translateX(0%) skewX(-15deg);
  8369. transform: translateX(0%) skewX(-15deg);
  8370. opacity: 1;
  8371. }
  8372. 100% {
  8373. -webkit-transform: translateX(0%) skewX(0deg);
  8374. -ms-transform: translateX(0%) skewX(0deg);
  8375. transform: translateX(0%) skewX(0deg);
  8376. opacity: 1;
  8377. }
  8378. }
  8379. .lightSpeedIn {
  8380. -webkit-animation-name: lightSpeedIn;
  8381. animation-name: lightSpeedIn;
  8382. -webkit-animation-timing-function: ease-out;
  8383. animation-timing-function: ease-out;
  8384. }
  8385. @-webkit-keyframes lightSpeedOut {
  8386. 0% {
  8387. -webkit-transform: translateX(0%) skewX(0deg);
  8388. transform: translateX(0%) skewX(0deg);
  8389. opacity: 1;
  8390. }
  8391. 100% {
  8392. -webkit-transform: translateX(100%) skewX(-30deg);
  8393. transform: translateX(100%) skewX(-30deg);
  8394. opacity: 0;
  8395. }
  8396. }
  8397. @keyframes lightSpeedOut {
  8398. 0% {
  8399. -webkit-transform: translateX(0%) skewX(0deg);
  8400. -ms-transform: translateX(0%) skewX(0deg);
  8401. transform: translateX(0%) skewX(0deg);
  8402. opacity: 1;
  8403. }
  8404. 100% {
  8405. -webkit-transform: translateX(100%) skewX(-30deg);
  8406. -ms-transform: translateX(100%) skewX(-30deg);
  8407. transform: translateX(100%) skewX(-30deg);
  8408. opacity: 0;
  8409. }
  8410. }
  8411. .lightSpeedOut {
  8412. -webkit-animation-name: lightSpeedOut;
  8413. animation-name: lightSpeedOut;
  8414. -webkit-animation-timing-function: ease-in;
  8415. animation-timing-function: ease-in;
  8416. }
  8417. @-webkit-keyframes rotateIn {
  8418. 0% {
  8419. -webkit-transform-origin: center center;
  8420. transform-origin: center center;
  8421. -webkit-transform: rotate(-200deg);
  8422. transform: rotate(-200deg);
  8423. opacity: 0;
  8424. }
  8425. 100% {
  8426. -webkit-transform-origin: center center;
  8427. transform-origin: center center;
  8428. -webkit-transform: rotate(0);
  8429. transform: rotate(0);
  8430. opacity: 1;
  8431. }
  8432. }
  8433. @keyframes rotateIn {
  8434. 0% {
  8435. -webkit-transform-origin: center center;
  8436. -ms-transform-origin: center center;
  8437. transform-origin: center center;
  8438. -webkit-transform: rotate(-200deg);
  8439. -ms-transform: rotate(-200deg);
  8440. transform: rotate(-200deg);
  8441. opacity: 0;
  8442. }
  8443. 100% {
  8444. -webkit-transform-origin: center center;
  8445. -ms-transform-origin: center center;
  8446. transform-origin: center center;
  8447. -webkit-transform: rotate(0);
  8448. -ms-transform: rotate(0);
  8449. transform: rotate(0);
  8450. opacity: 1;
  8451. }
  8452. }
  8453. .rotateIn {
  8454. -webkit-animation-name: rotateIn;
  8455. animation-name: rotateIn;
  8456. }
  8457. @-webkit-keyframes rotateInDownLeft {
  8458. 0% {
  8459. -webkit-transform-origin: left bottom;
  8460. transform-origin: left bottom;
  8461. -webkit-transform: rotate(-90deg);
  8462. transform: rotate(-90deg);
  8463. opacity: 0;
  8464. }
  8465. 100% {
  8466. -webkit-transform-origin: left bottom;
  8467. transform-origin: left bottom;
  8468. -webkit-transform: rotate(0);
  8469. transform: rotate(0);
  8470. opacity: 1;
  8471. }
  8472. }
  8473. @keyframes rotateInDownLeft {
  8474. 0% {
  8475. -webkit-transform-origin: left bottom;
  8476. -ms-transform-origin: left bottom;
  8477. transform-origin: left bottom;
  8478. -webkit-transform: rotate(-90deg);
  8479. -ms-transform: rotate(-90deg);
  8480. transform: rotate(-90deg);
  8481. opacity: 0;
  8482. }
  8483. 100% {
  8484. -webkit-transform-origin: left bottom;
  8485. -ms-transform-origin: left bottom;
  8486. transform-origin: left bottom;
  8487. -webkit-transform: rotate(0);
  8488. -ms-transform: rotate(0);
  8489. transform: rotate(0);
  8490. opacity: 1;
  8491. }
  8492. }
  8493. .rotateInDownLeft {
  8494. -webkit-animation-name: rotateInDownLeft;
  8495. animation-name: rotateInDownLeft;
  8496. }
  8497. @-webkit-keyframes rotateInDownRight {
  8498. 0% {
  8499. -webkit-transform-origin: right bottom;
  8500. transform-origin: right bottom;
  8501. -webkit-transform: rotate(90deg);
  8502. transform: rotate(90deg);
  8503. opacity: 0;
  8504. }
  8505. 100% {
  8506. -webkit-transform-origin: right bottom;
  8507. transform-origin: right bottom;
  8508. -webkit-transform: rotate(0);
  8509. transform: rotate(0);
  8510. opacity: 1;
  8511. }
  8512. }
  8513. @keyframes rotateInDownRight {
  8514. 0% {
  8515. -webkit-transform-origin: right bottom;
  8516. -ms-transform-origin: right bottom;
  8517. transform-origin: right bottom;
  8518. -webkit-transform: rotate(90deg);
  8519. -ms-transform: rotate(90deg);
  8520. transform: rotate(90deg);
  8521. opacity: 0;
  8522. }
  8523. 100% {
  8524. -webkit-transform-origin: right bottom;
  8525. -ms-transform-origin: right bottom;
  8526. transform-origin: right bottom;
  8527. -webkit-transform: rotate(0);
  8528. -ms-transform: rotate(0);
  8529. transform: rotate(0);
  8530. opacity: 1;
  8531. }
  8532. }
  8533. .rotateInDownRight {
  8534. -webkit-animation-name: rotateInDownRight;
  8535. animation-name: rotateInDownRight;
  8536. }
  8537. @-webkit-keyframes rotateInUpLeft {
  8538. 0% {
  8539. -webkit-transform-origin: left bottom;
  8540. transform-origin: left bottom;
  8541. -webkit-transform: rotate(90deg);
  8542. transform: rotate(90deg);
  8543. opacity: 0;
  8544. }
  8545. 100% {
  8546. -webkit-transform-origin: left bottom;
  8547. transform-origin: left bottom;
  8548. -webkit-transform: rotate(0);
  8549. transform: rotate(0);
  8550. opacity: 1;
  8551. }
  8552. }
  8553. @keyframes rotateInUpLeft {
  8554. 0% {
  8555. -webkit-transform-origin: left bottom;
  8556. -ms-transform-origin: left bottom;
  8557. transform-origin: left bottom;
  8558. -webkit-transform: rotate(90deg);
  8559. -ms-transform: rotate(90deg);
  8560. transform: rotate(90deg);
  8561. opacity: 0;
  8562. }
  8563. 100% {
  8564. -webkit-transform-origin: left bottom;
  8565. -ms-transform-origin: left bottom;
  8566. transform-origin: left bottom;
  8567. -webkit-transform: rotate(0);
  8568. -ms-transform: rotate(0);
  8569. transform: rotate(0);
  8570. opacity: 1;
  8571. }
  8572. }
  8573. .rotateInUpLeft {
  8574. -webkit-animation-name: rotateInUpLeft;
  8575. animation-name: rotateInUpLeft;
  8576. }
  8577. @-webkit-keyframes rotateInUpRight {
  8578. 0% {
  8579. -webkit-transform-origin: right bottom;
  8580. transform-origin: right bottom;
  8581. -webkit-transform: rotate(-90deg);
  8582. transform: rotate(-90deg);
  8583. opacity: 0;
  8584. }
  8585. 100% {
  8586. -webkit-transform-origin: right bottom;
  8587. transform-origin: right bottom;
  8588. -webkit-transform: rotate(0);
  8589. transform: rotate(0);
  8590. opacity: 1;
  8591. }
  8592. }
  8593. @keyframes rotateInUpRight {
  8594. 0% {
  8595. -webkit-transform-origin: right bottom;
  8596. -ms-transform-origin: right bottom;
  8597. transform-origin: right bottom;
  8598. -webkit-transform: rotate(-90deg);
  8599. -ms-transform: rotate(-90deg);
  8600. transform: rotate(-90deg);
  8601. opacity: 0;
  8602. }
  8603. 100% {
  8604. -webkit-transform-origin: right bottom;
  8605. -ms-transform-origin: right bottom;
  8606. transform-origin: right bottom;
  8607. -webkit-transform: rotate(0);
  8608. -ms-transform: rotate(0);
  8609. transform: rotate(0);
  8610. opacity: 1;
  8611. }
  8612. }
  8613. .rotateInUpRight {
  8614. -webkit-animation-name: rotateInUpRight;
  8615. animation-name: rotateInUpRight;
  8616. }
  8617. @-webkit-keyframes rotateOut {
  8618. 0% {
  8619. -webkit-transform-origin: center center;
  8620. transform-origin: center center;
  8621. -webkit-transform: rotate(0);
  8622. transform: rotate(0);
  8623. opacity: 1;
  8624. }
  8625. 100% {
  8626. -webkit-transform-origin: center center;
  8627. transform-origin: center center;
  8628. -webkit-transform: rotate(200deg);
  8629. transform: rotate(200deg);
  8630. opacity: 0;
  8631. }
  8632. }
  8633. @keyframes rotateOut {
  8634. 0% {
  8635. -webkit-transform-origin: center center;
  8636. -ms-transform-origin: center center;
  8637. transform-origin: center center;
  8638. -webkit-transform: rotate(0);
  8639. -ms-transform: rotate(0);
  8640. transform: rotate(0);
  8641. opacity: 1;
  8642. }
  8643. 100% {
  8644. -webkit-transform-origin: center center;
  8645. -ms-transform-origin: center center;
  8646. transform-origin: center center;
  8647. -webkit-transform: rotate(200deg);
  8648. -ms-transform: rotate(200deg);
  8649. transform: rotate(200deg);
  8650. opacity: 0;
  8651. }
  8652. }
  8653. .rotateOut {
  8654. -webkit-animation-name: rotateOut;
  8655. animation-name: rotateOut;
  8656. }
  8657. @-webkit-keyframes rotateOutDownLeft {
  8658. 0% {
  8659. -webkit-transform-origin: left bottom;
  8660. transform-origin: left bottom;
  8661. -webkit-transform: rotate(0);
  8662. transform: rotate(0);
  8663. opacity: 1;
  8664. }
  8665. 100% {
  8666. -webkit-transform-origin: left bottom;
  8667. transform-origin: left bottom;
  8668. -webkit-transform: rotate(90deg);
  8669. transform: rotate(90deg);
  8670. opacity: 0;
  8671. }
  8672. }
  8673. @keyframes rotateOutDownLeft {
  8674. 0% {
  8675. -webkit-transform-origin: left bottom;
  8676. -ms-transform-origin: left bottom;
  8677. transform-origin: left bottom;
  8678. -webkit-transform: rotate(0);
  8679. -ms-transform: rotate(0);
  8680. transform: rotate(0);
  8681. opacity: 1;
  8682. }
  8683. 100% {
  8684. -webkit-transform-origin: left bottom;
  8685. -ms-transform-origin: left bottom;
  8686. transform-origin: left bottom;
  8687. -webkit-transform: rotate(90deg);
  8688. -ms-transform: rotate(90deg);
  8689. transform: rotate(90deg);
  8690. opacity: 0;
  8691. }
  8692. }
  8693. .rotateOutDownLeft {
  8694. -webkit-animation-name: rotateOutDownLeft;
  8695. animation-name: rotateOutDownLeft;
  8696. }
  8697. @-webkit-keyframes rotateOutDownRight {
  8698. 0% {
  8699. -webkit-transform-origin: right bottom;
  8700. transform-origin: right bottom;
  8701. -webkit-transform: rotate(0);
  8702. transform: rotate(0);
  8703. opacity: 1;
  8704. }
  8705. 100% {
  8706. -webkit-transform-origin: right bottom;
  8707. transform-origin: right bottom;
  8708. -webkit-transform: rotate(-90deg);
  8709. transform: rotate(-90deg);
  8710. opacity: 0;
  8711. }
  8712. }
  8713. @keyframes rotateOutDownRight {
  8714. 0% {
  8715. -webkit-transform-origin: right bottom;
  8716. -ms-transform-origin: right bottom;
  8717. transform-origin: right bottom;
  8718. -webkit-transform: rotate(0);
  8719. -ms-transform: rotate(0);
  8720. transform: rotate(0);
  8721. opacity: 1;
  8722. }
  8723. 100% {
  8724. -webkit-transform-origin: right bottom;
  8725. -ms-transform-origin: right bottom;
  8726. transform-origin: right bottom;
  8727. -webkit-transform: rotate(-90deg);
  8728. -ms-transform: rotate(-90deg);
  8729. transform: rotate(-90deg);
  8730. opacity: 0;
  8731. }
  8732. }
  8733. .rotateOutDownRight {
  8734. -webkit-animation-name: rotateOutDownRight;
  8735. animation-name: rotateOutDownRight;
  8736. }
  8737. @-webkit-keyframes rotateOutUpLeft {
  8738. 0% {
  8739. -webkit-transform-origin: left bottom;
  8740. transform-origin: left bottom;
  8741. -webkit-transform: rotate(0);
  8742. transform: rotate(0);
  8743. opacity: 1;
  8744. }
  8745. 100% {
  8746. -webkit-transform-origin: left bottom;
  8747. transform-origin: left bottom;
  8748. -webkit-transform: rotate(-90deg);
  8749. transform: rotate(-90deg);
  8750. opacity: 0;
  8751. }
  8752. }
  8753. @keyframes rotateOutUpLeft {
  8754. 0% {
  8755. -webkit-transform-origin: left bottom;
  8756. -ms-transform-origin: left bottom;
  8757. transform-origin: left bottom;
  8758. -webkit-transform: rotate(0);
  8759. -ms-transform: rotate(0);
  8760. transform: rotate(0);
  8761. opacity: 1;
  8762. }
  8763. 100% {
  8764. -webkit-transform-origin: left bottom;
  8765. -ms-transform-origin: left bottom;
  8766. transform-origin: left bottom;
  8767. -webkit-transform: rotate(-90deg);
  8768. -ms-transform: rotate(-90deg);
  8769. transform: rotate(-90deg);
  8770. opacity: 0;
  8771. }
  8772. }
  8773. .rotateOutUpLeft {
  8774. -webkit-animation-name: rotateOutUpLeft;
  8775. animation-name: rotateOutUpLeft;
  8776. }
  8777. @-webkit-keyframes rotateOutUpRight {
  8778. 0% {
  8779. -webkit-transform-origin: right bottom;
  8780. transform-origin: right bottom;
  8781. -webkit-transform: rotate(0);
  8782. transform: rotate(0);
  8783. opacity: 1;
  8784. }
  8785. 100% {
  8786. -webkit-transform-origin: right bottom;
  8787. transform-origin: right bottom;
  8788. -webkit-transform: rotate(90deg);
  8789. transform: rotate(90deg);
  8790. opacity: 0;
  8791. }
  8792. }
  8793. @keyframes rotateOutUpRight {
  8794. 0% {
  8795. -webkit-transform-origin: right bottom;
  8796. -ms-transform-origin: right bottom;
  8797. transform-origin: right bottom;
  8798. -webkit-transform: rotate(0);
  8799. -ms-transform: rotate(0);
  8800. transform: rotate(0);
  8801. opacity: 1;
  8802. }
  8803. 100% {
  8804. -webkit-transform-origin: right bottom;
  8805. -ms-transform-origin: right bottom;
  8806. transform-origin: right bottom;
  8807. -webkit-transform: rotate(90deg);
  8808. -ms-transform: rotate(90deg);
  8809. transform: rotate(90deg);
  8810. opacity: 0;
  8811. }
  8812. }
  8813. .rotateOutUpRight {
  8814. -webkit-animation-name: rotateOutUpRight;
  8815. animation-name: rotateOutUpRight;
  8816. }
  8817. @-webkit-keyframes slideInDown {
  8818. 0% {
  8819. opacity: 0;
  8820. -webkit-transform: translateY(-2000px);
  8821. transform: translateY(-2000px);
  8822. }
  8823. 100% {
  8824. -webkit-transform: translateY(0);
  8825. transform: translateY(0);
  8826. }
  8827. }
  8828. @keyframes slideInDown {
  8829. 0% {
  8830. opacity: 0;
  8831. -webkit-transform: translateY(-2000px);
  8832. -ms-transform: translateY(-2000px);
  8833. transform: translateY(-2000px);
  8834. }
  8835. 100% {
  8836. -webkit-transform: translateY(0);
  8837. -ms-transform: translateY(0);
  8838. transform: translateY(0);
  8839. }
  8840. }
  8841. .slideInDown {
  8842. -webkit-animation-name: slideInDown;
  8843. animation-name: slideInDown;
  8844. }
  8845. @-webkit-keyframes slideInLeft {
  8846. 0% {
  8847. opacity: 0;
  8848. -webkit-transform: translateX(-2000px);
  8849. transform: translateX(-2000px);
  8850. }
  8851. 100% {
  8852. -webkit-transform: translateX(0);
  8853. transform: translateX(0);
  8854. }
  8855. }
  8856. @keyframes slideInLeft {
  8857. 0% {
  8858. opacity: 0;
  8859. -webkit-transform: translateX(-2000px);
  8860. -ms-transform: translateX(-2000px);
  8861. transform: translateX(-2000px);
  8862. }
  8863. 100% {
  8864. -webkit-transform: translateX(0);
  8865. -ms-transform: translateX(0);
  8866. transform: translateX(0);
  8867. }
  8868. }
  8869. .slideInLeft {
  8870. -webkit-animation-name: slideInLeft;
  8871. animation-name: slideInLeft;
  8872. }
  8873. @-webkit-keyframes slideInRight {
  8874. 0% {
  8875. opacity: 0;
  8876. -webkit-transform: translateX(2000px);
  8877. transform: translateX(2000px);
  8878. }
  8879. 100% {
  8880. -webkit-transform: translateX(0);
  8881. transform: translateX(0);
  8882. }
  8883. }
  8884. @keyframes slideInRight {
  8885. 0% {
  8886. opacity: 0;
  8887. -webkit-transform: translateX(2000px);
  8888. -ms-transform: translateX(2000px);
  8889. transform: translateX(2000px);
  8890. }
  8891. 100% {
  8892. -webkit-transform: translateX(0);
  8893. -ms-transform: translateX(0);
  8894. transform: translateX(0);
  8895. }
  8896. }
  8897. .slideInRight {
  8898. -webkit-animation-name: slideInRight;
  8899. animation-name: slideInRight;
  8900. }
  8901. @-webkit-keyframes slideOutLeft {
  8902. 0% {
  8903. -webkit-transform: translateX(0);
  8904. transform: translateX(0);
  8905. }
  8906. 100% {
  8907. opacity: 0;
  8908. -webkit-transform: translateX(-2000px);
  8909. transform: translateX(-2000px);
  8910. }
  8911. }
  8912. @keyframes slideOutLeft {
  8913. 0% {
  8914. -webkit-transform: translateX(0);
  8915. -ms-transform: translateX(0);
  8916. transform: translateX(0);
  8917. }
  8918. 100% {
  8919. opacity: 0;
  8920. -webkit-transform: translateX(-2000px);
  8921. -ms-transform: translateX(-2000px);
  8922. transform: translateX(-2000px);
  8923. }
  8924. }
  8925. .slideOutLeft {
  8926. -webkit-animation-name: slideOutLeft;
  8927. animation-name: slideOutLeft;
  8928. }
  8929. @-webkit-keyframes slideOutRight {
  8930. 0% {
  8931. -webkit-transform: translateX(0);
  8932. transform: translateX(0);
  8933. }
  8934. 100% {
  8935. opacity: 0;
  8936. -webkit-transform: translateX(2000px);
  8937. transform: translateX(2000px);
  8938. }
  8939. }
  8940. @keyframes slideOutRight {
  8941. 0% {
  8942. -webkit-transform: translateX(0);
  8943. -ms-transform: translateX(0);
  8944. transform: translateX(0);
  8945. }
  8946. 100% {
  8947. opacity: 0;
  8948. -webkit-transform: translateX(2000px);
  8949. -ms-transform: translateX(2000px);
  8950. transform: translateX(2000px);
  8951. }
  8952. }
  8953. .slideOutRight {
  8954. -webkit-animation-name: slideOutRight;
  8955. animation-name: slideOutRight;
  8956. }
  8957. @-webkit-keyframes slideOutUp {
  8958. 0% {
  8959. -webkit-transform: translateY(0);
  8960. transform: translateY(0);
  8961. }
  8962. 100% {
  8963. opacity: 0;
  8964. -webkit-transform: translateY(-2000px);
  8965. transform: translateY(-2000px);
  8966. }
  8967. }
  8968. @keyframes slideOutUp {
  8969. 0% {
  8970. -webkit-transform: translateY(0);
  8971. -ms-transform: translateY(0);
  8972. transform: translateY(0);
  8973. }
  8974. 100% {
  8975. opacity: 0;
  8976. -webkit-transform: translateY(-2000px);
  8977. -ms-transform: translateY(-2000px);
  8978. transform: translateY(-2000px);
  8979. }
  8980. }
  8981. .slideOutUp {
  8982. -webkit-animation-name: slideOutUp;
  8983. animation-name: slideOutUp;
  8984. }
  8985. @-webkit-keyframes slideInUp {
  8986. 0% {
  8987. opacity: 0;
  8988. -webkit-transform: translateY(2000px);
  8989. transform: translateY(2000px);
  8990. }
  8991. 100% {
  8992. opacity: 1;
  8993. -webkit-transform: translateY(0);
  8994. transform: translateY(0);
  8995. }
  8996. }
  8997. @keyframes slideInUp {
  8998. 0% {
  8999. opacity: 0;
  9000. -webkit-transform: translateY(2000px);
  9001. -ms-transform: translateY(2000px);
  9002. transform: translateY(2000px);
  9003. }
  9004. 100% {
  9005. opacity: 1;
  9006. -webkit-transform: translateY(0);
  9007. -ms-transform: translateY(0);
  9008. transform: translateY(0);
  9009. }
  9010. }
  9011. .slideInUp {
  9012. -webkit-animation-name: slideInUp;
  9013. animation-name: slideInUp;
  9014. }
  9015. @-webkit-keyframes slideOutDown {
  9016. 0% {
  9017. -webkit-transform: translateY(0);
  9018. transform: translateY(0);
  9019. }
  9020. 100% {
  9021. opacity: 0;
  9022. -webkit-transform: translateY(2000px);
  9023. transform: translateY(2000px);
  9024. }
  9025. }
  9026. @keyframes slideOutDown {
  9027. 0% {
  9028. -webkit-transform: translateY(0);
  9029. -ms-transform: translateY(0);
  9030. transform: translateY(0);
  9031. }
  9032. 100% {
  9033. opacity: 0;
  9034. -webkit-transform: translateY(2000px);
  9035. -ms-transform: translateY(2000px);
  9036. transform: translateY(2000px);
  9037. }
  9038. }
  9039. .slideOutDown {
  9040. -webkit-animation-name: slideOutDown;
  9041. animation-name: slideOutDown;
  9042. }
  9043. @-webkit-keyframes hinge {
  9044. 0% {
  9045. -webkit-transform: rotate(0);
  9046. transform: rotate(0);
  9047. -webkit-transform-origin: top left;
  9048. transform-origin: top left;
  9049. -webkit-animation-timing-function: ease-in-out;
  9050. animation-timing-function: ease-in-out;
  9051. }
  9052. 20%,
  9053. 60% {
  9054. -webkit-transform: rotate(80deg);
  9055. transform: rotate(80deg);
  9056. -webkit-transform-origin: top left;
  9057. transform-origin: top left;
  9058. -webkit-animation-timing-function: ease-in-out;
  9059. animation-timing-function: ease-in-out;
  9060. }
  9061. 40% {
  9062. -webkit-transform: rotate(60deg);
  9063. transform: rotate(60deg);
  9064. -webkit-transform-origin: top left;
  9065. transform-origin: top left;
  9066. -webkit-animation-timing-function: ease-in-out;
  9067. animation-timing-function: ease-in-out;
  9068. }
  9069. 80% {
  9070. -webkit-transform: rotate(60deg) translateY(0);
  9071. transform: rotate(60deg) translateY(0);
  9072. -webkit-transform-origin: top left;
  9073. transform-origin: top left;
  9074. -webkit-animation-timing-function: ease-in-out;
  9075. animation-timing-function: ease-in-out;
  9076. opacity: 1;
  9077. }
  9078. 100% {
  9079. -webkit-transform: translateY(700px);
  9080. transform: translateY(700px);
  9081. opacity: 0;
  9082. }
  9083. }
  9084. @keyframes hinge {
  9085. 0% {
  9086. -webkit-transform: rotate(0);
  9087. -ms-transform: rotate(0);
  9088. transform: rotate(0);
  9089. -webkit-transform-origin: top left;
  9090. -ms-transform-origin: top left;
  9091. transform-origin: top left;
  9092. -webkit-animation-timing-function: ease-in-out;
  9093. animation-timing-function: ease-in-out;
  9094. }
  9095. 20%,
  9096. 60% {
  9097. -webkit-transform: rotate(80deg);
  9098. -ms-transform: rotate(80deg);
  9099. transform: rotate(80deg);
  9100. -webkit-transform-origin: top left;
  9101. -ms-transform-origin: top left;
  9102. transform-origin: top left;
  9103. -webkit-animation-timing-function: ease-in-out;
  9104. animation-timing-function: ease-in-out;
  9105. }
  9106. 40% {
  9107. -webkit-transform: rotate(60deg);
  9108. -ms-transform: rotate(60deg);
  9109. transform: rotate(60deg);
  9110. -webkit-transform-origin: top left;
  9111. -ms-transform-origin: top left;
  9112. transform-origin: top left;
  9113. -webkit-animation-timing-function: ease-in-out;
  9114. animation-timing-function: ease-in-out;
  9115. }
  9116. 80% {
  9117. -webkit-transform: rotate(60deg) translateY(0);
  9118. -ms-transform: rotate(60deg) translateY(0);
  9119. transform: rotate(60deg) translateY(0);
  9120. -webkit-transform-origin: top left;
  9121. -ms-transform-origin: top left;
  9122. transform-origin: top left;
  9123. -webkit-animation-timing-function: ease-in-out;
  9124. animation-timing-function: ease-in-out;
  9125. opacity: 1;
  9126. }
  9127. 100% {
  9128. -webkit-transform: translateY(700px);
  9129. -ms-transform: translateY(700px);
  9130. transform: translateY(700px);
  9131. opacity: 0;
  9132. }
  9133. }
  9134. .hinge {
  9135. -webkit-animation-name: hinge;
  9136. animation-name: hinge;
  9137. }
  9138. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  9139. @-webkit-keyframes rollIn {
  9140. 0% {
  9141. opacity: 0;
  9142. -webkit-transform: translateX(-100%) rotate(-120deg);
  9143. transform: translateX(-100%) rotate(-120deg);
  9144. }
  9145. 100% {
  9146. opacity: 1;
  9147. -webkit-transform: translateX(0px) rotate(0deg);
  9148. transform: translateX(0px) rotate(0deg);
  9149. }
  9150. }
  9151. @keyframes rollIn {
  9152. 0% {
  9153. opacity: 0;
  9154. -webkit-transform: translateX(-100%) rotate(-120deg);
  9155. -ms-transform: translateX(-100%) rotate(-120deg);
  9156. transform: translateX(-100%) rotate(-120deg);
  9157. }
  9158. 100% {
  9159. opacity: 1;
  9160. -webkit-transform: translateX(0px) rotate(0deg);
  9161. -ms-transform: translateX(0px) rotate(0deg);
  9162. transform: translateX(0px) rotate(0deg);
  9163. }
  9164. }
  9165. .rollIn {
  9166. -webkit-animation-name: rollIn;
  9167. animation-name: rollIn;
  9168. }
  9169. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  9170. @-webkit-keyframes rollOut {
  9171. 0% {
  9172. opacity: 1;
  9173. -webkit-transform: translateX(0px) rotate(0deg);
  9174. transform: translateX(0px) rotate(0deg);
  9175. }
  9176. 100% {
  9177. opacity: 0;
  9178. -webkit-transform: translateX(100%) rotate(120deg);
  9179. transform: translateX(100%) rotate(120deg);
  9180. }
  9181. }
  9182. @keyframes rollOut {
  9183. 0% {
  9184. opacity: 1;
  9185. -webkit-transform: translateX(0px) rotate(0deg);
  9186. -ms-transform: translateX(0px) rotate(0deg);
  9187. transform: translateX(0px) rotate(0deg);
  9188. }
  9189. 100% {
  9190. opacity: 0;
  9191. -webkit-transform: translateX(100%) rotate(120deg);
  9192. -ms-transform: translateX(100%) rotate(120deg);
  9193. transform: translateX(100%) rotate(120deg);
  9194. }
  9195. }
  9196. .rollOut {
  9197. -webkit-animation-name: rollOut;
  9198. animation-name: rollOut;
  9199. }
  9200. @-webkit-keyframes zoomIn {
  9201. 0% {
  9202. opacity: 0;
  9203. -webkit-transform: scale(0.3);
  9204. transform: scale(0.3);
  9205. }
  9206. 50% {
  9207. opacity: 1;
  9208. }
  9209. }
  9210. @keyframes zoomIn {
  9211. 0% {
  9212. opacity: 0;
  9213. -webkit-transform: scale(0.3);
  9214. -ms-transform: scale(0.3);
  9215. transform: scale(0.3);
  9216. }
  9217. 50% {
  9218. opacity: 1;
  9219. }
  9220. }
  9221. .zoomIn {
  9222. -webkit-animation-name: zoomIn;
  9223. animation-name: zoomIn;
  9224. }
  9225. @-webkit-keyframes zoomInDown {
  9226. 0% {
  9227. opacity: 0;
  9228. -webkit-transform: scale(0.1) translateY(-2000px);
  9229. transform: scale(0.1) translateY(-2000px);
  9230. -webkit-animation-timing-function: ease-in-out;
  9231. animation-timing-function: ease-in-out;
  9232. }
  9233. 60% {
  9234. opacity: 1;
  9235. -webkit-transform: scale(0.475) translateY(60px);
  9236. transform: scale(0.475) translateY(60px);
  9237. -webkit-animation-timing-function: ease-out;
  9238. animation-timing-function: ease-out;
  9239. }
  9240. }
  9241. @keyframes zoomInDown {
  9242. 0% {
  9243. opacity: 0;
  9244. -webkit-transform: scale(0.1) translateY(-2000px);
  9245. -ms-transform: scale(0.1) translateY(-2000px);
  9246. transform: scale(0.1) translateY(-2000px);
  9247. -webkit-animation-timing-function: ease-in-out;
  9248. animation-timing-function: ease-in-out;
  9249. }
  9250. 60% {
  9251. opacity: 1;
  9252. -webkit-transform: scale(0.475) translateY(60px);
  9253. -ms-transform: scale(0.475) translateY(60px);
  9254. transform: scale(0.475) translateY(60px);
  9255. -webkit-animation-timing-function: ease-out;
  9256. animation-timing-function: ease-out;
  9257. }
  9258. }
  9259. .zoomInDown {
  9260. -webkit-animation-name: zoomInDown;
  9261. animation-name: zoomInDown;
  9262. }
  9263. @-webkit-keyframes zoomInLeft {
  9264. 0% {
  9265. opacity: 0;
  9266. -webkit-transform: scale(0.1) translateX(-2000px);
  9267. transform: scale(0.1) translateX(-2000px);
  9268. -webkit-animation-timing-function: ease-in-out;
  9269. animation-timing-function: ease-in-out;
  9270. }
  9271. 60% {
  9272. opacity: 1;
  9273. -webkit-transform: scale(0.475) translateX(48px);
  9274. transform: scale(0.475) translateX(48px);
  9275. -webkit-animation-timing-function: ease-out;
  9276. animation-timing-function: ease-out;
  9277. }
  9278. }
  9279. @keyframes zoomInLeft {
  9280. 0% {
  9281. opacity: 0;
  9282. -webkit-transform: scale(0.1) translateX(-2000px);
  9283. -ms-transform: scale(0.1) translateX(-2000px);
  9284. transform: scale(0.1) translateX(-2000px);
  9285. -webkit-animation-timing-function: ease-in-out;
  9286. animation-timing-function: ease-in-out;
  9287. }
  9288. 60% {
  9289. opacity: 1;
  9290. -webkit-transform: scale(0.475) translateX(48px);
  9291. -ms-transform: scale(0.475) translateX(48px);
  9292. transform: scale(0.475) translateX(48px);
  9293. -webkit-animation-timing-function: ease-out;
  9294. animation-timing-function: ease-out;
  9295. }
  9296. }
  9297. .zoomInLeft {
  9298. -webkit-animation-name: zoomInLeft;
  9299. animation-name: zoomInLeft;
  9300. }
  9301. @-webkit-keyframes zoomInRight {
  9302. 0% {
  9303. opacity: 0;
  9304. -webkit-transform: scale(0.1) translateX(2000px);
  9305. transform: scale(0.1) translateX(2000px);
  9306. -webkit-animation-timing-function: ease-in-out;
  9307. animation-timing-function: ease-in-out;
  9308. }
  9309. 60% {
  9310. opacity: 1;
  9311. -webkit-transform: scale(0.475) translateX(-48px);
  9312. transform: scale(0.475) translateX(-48px);
  9313. -webkit-animation-timing-function: ease-out;
  9314. animation-timing-function: ease-out;
  9315. }
  9316. }
  9317. @keyframes zoomInRight {
  9318. 0% {
  9319. opacity: 0;
  9320. -webkit-transform: scale(0.1) translateX(2000px);
  9321. -ms-transform: scale(0.1) translateX(2000px);
  9322. transform: scale(0.1) translateX(2000px);
  9323. -webkit-animation-timing-function: ease-in-out;
  9324. animation-timing-function: ease-in-out;
  9325. }
  9326. 60% {
  9327. opacity: 1;
  9328. -webkit-transform: scale(0.475) translateX(-48px);
  9329. -ms-transform: scale(0.475) translateX(-48px);
  9330. transform: scale(0.475) translateX(-48px);
  9331. -webkit-animation-timing-function: ease-out;
  9332. animation-timing-function: ease-out;
  9333. }
  9334. }
  9335. .zoomInRight {
  9336. -webkit-animation-name: zoomInRight;
  9337. animation-name: zoomInRight;
  9338. }
  9339. @-webkit-keyframes zoomInUp {
  9340. 0% {
  9341. opacity: 0;
  9342. -webkit-transform: scale(0.1) translateY(2000px);
  9343. transform: scale(0.1) translateY(2000px);
  9344. -webkit-animation-timing-function: ease-in-out;
  9345. animation-timing-function: ease-in-out;
  9346. }
  9347. 60% {
  9348. opacity: 1;
  9349. -webkit-transform: scale(0.475) translateY(-60px);
  9350. transform: scale(0.475) translateY(-60px);
  9351. -webkit-animation-timing-function: ease-out;
  9352. animation-timing-function: ease-out;
  9353. }
  9354. }
  9355. @keyframes zoomInUp {
  9356. 0% {
  9357. opacity: 0;
  9358. -webkit-transform: scale(0.1) translateY(2000px);
  9359. -ms-transform: scale(0.1) translateY(2000px);
  9360. transform: scale(0.1) translateY(2000px);
  9361. -webkit-animation-timing-function: ease-in-out;
  9362. animation-timing-function: ease-in-out;
  9363. }
  9364. 60% {
  9365. opacity: 1;
  9366. -webkit-transform: scale(0.475) translateY(-60px);
  9367. -ms-transform: scale(0.475) translateY(-60px);
  9368. transform: scale(0.475) translateY(-60px);
  9369. -webkit-animation-timing-function: ease-out;
  9370. animation-timing-function: ease-out;
  9371. }
  9372. }
  9373. .zoomInUp {
  9374. -webkit-animation-name: zoomInUp;
  9375. animation-name: zoomInUp;
  9376. }
  9377. @-webkit-keyframes zoomOut {
  9378. 0% {
  9379. opacity: 1;
  9380. -webkit-transform: scale(1);
  9381. transform: scale(1);
  9382. }
  9383. 50% {
  9384. opacity: 0;
  9385. -webkit-transform: scale(0.3);
  9386. transform: scale(0.3);
  9387. }
  9388. 100% {
  9389. opacity: 0;
  9390. }
  9391. }
  9392. @keyframes zoomOut {
  9393. 0% {
  9394. opacity: 1;
  9395. -webkit-transform: scale(1);
  9396. -ms-transform: scale(1);
  9397. transform: scale(1);
  9398. }
  9399. 50% {
  9400. opacity: 0;
  9401. -webkit-transform: scale(0.3);
  9402. -ms-transform: scale(0.3);
  9403. transform: scale(0.3);
  9404. }
  9405. 100% {
  9406. opacity: 0;
  9407. }
  9408. }
  9409. .zoomOut {
  9410. -webkit-animation-name: zoomOut;
  9411. animation-name: zoomOut;
  9412. }
  9413. @-webkit-keyframes zoomOutDown {
  9414. 40% {
  9415. opacity: 1;
  9416. -webkit-transform: scale(0.475) translateY(-60px);
  9417. transform: scale(0.475) translateY(-60px);
  9418. -webkit-animation-timing-function: linear;
  9419. animation-timing-function: linear;
  9420. }
  9421. 100% {
  9422. opacity: 0;
  9423. -webkit-transform: scale(0.1) translateY(2000px);
  9424. transform: scale(0.1) translateY(2000px);
  9425. -webkit-transform-origin: center bottom;
  9426. transform-origin: center bottom;
  9427. }
  9428. }
  9429. @keyframes zoomOutDown {
  9430. 40% {
  9431. opacity: 1;
  9432. -webkit-transform: scale(0.475) translateY(-60px);
  9433. -ms-transform: scale(0.475) translateY(-60px);
  9434. transform: scale(0.475) translateY(-60px);
  9435. -webkit-animation-timing-function: linear;
  9436. animation-timing-function: linear;
  9437. }
  9438. 100% {
  9439. opacity: 0;
  9440. -webkit-transform: scale(0.1) translateY(2000px);
  9441. -ms-transform: scale(0.1) translateY(2000px);
  9442. transform: scale(0.1) translateY(2000px);
  9443. -webkit-transform-origin: center bottom;
  9444. -ms-transform-origin: center bottom;
  9445. transform-origin: center bottom;
  9446. }
  9447. }
  9448. .zoomOutDown {
  9449. -webkit-animation-name: zoomOutDown;
  9450. animation-name: zoomOutDown;
  9451. }
  9452. @-webkit-keyframes zoomOutLeft {
  9453. 40% {
  9454. opacity: 1;
  9455. -webkit-transform: scale(0.475) translateX(42px);
  9456. transform: scale(0.475) translateX(42px);
  9457. -webkit-animation-timing-function: linear;
  9458. animation-timing-function: linear;
  9459. }
  9460. 100% {
  9461. opacity: 0;
  9462. -webkit-transform: scale(0.1) translateX(-2000px);
  9463. transform: scale(0.1) translateX(-2000px);
  9464. -webkit-transform-origin: left center;
  9465. transform-origin: left center;
  9466. }
  9467. }
  9468. @keyframes zoomOutLeft {
  9469. 40% {
  9470. opacity: 1;
  9471. -webkit-transform: scale(0.475) translateX(42px);
  9472. -ms-transform: scale(0.475) translateX(42px);
  9473. transform: scale(0.475) translateX(42px);
  9474. -webkit-animation-timing-function: linear;
  9475. animation-timing-function: linear;
  9476. }
  9477. 100% {
  9478. opacity: 0;
  9479. -webkit-transform: scale(0.1) translateX(-2000px);
  9480. -ms-transform: scale(0.1) translateX(-2000px);
  9481. transform: scale(0.1) translateX(-2000px);
  9482. -webkit-transform-origin: left center;
  9483. -ms-transform-origin: left center;
  9484. transform-origin: left center;
  9485. }
  9486. }
  9487. .zoomOutLeft {
  9488. -webkit-animation-name: zoomOutLeft;
  9489. animation-name: zoomOutLeft;
  9490. }
  9491. @-webkit-keyframes zoomOutRight {
  9492. 40% {
  9493. opacity: 1;
  9494. -webkit-transform: scale(0.475) translateX(-42px);
  9495. transform: scale(0.475) translateX(-42px);
  9496. -webkit-animation-timing-function: linear;
  9497. animation-timing-function: linear;
  9498. }
  9499. 100% {
  9500. opacity: 0;
  9501. -webkit-transform: scale(0.1) translateX(2000px);
  9502. transform: scale(0.1) translateX(2000px);
  9503. -webkit-transform-origin: right center;
  9504. transform-origin: right center;
  9505. }
  9506. }
  9507. @keyframes zoomOutRight {
  9508. 40% {
  9509. opacity: 1;
  9510. -webkit-transform: scale(0.475) translateX(-42px);
  9511. -ms-transform: scale(0.475) translateX(-42px);
  9512. transform: scale(0.475) translateX(-42px);
  9513. -webkit-animation-timing-function: linear;
  9514. animation-timing-function: linear;
  9515. }
  9516. 100% {
  9517. opacity: 0;
  9518. -webkit-transform: scale(0.1) translateX(2000px);
  9519. -ms-transform: scale(0.1) translateX(2000px);
  9520. transform: scale(0.1) translateX(2000px);
  9521. -webkit-transform-origin: right center;
  9522. -ms-transform-origin: right center;
  9523. transform-origin: right center;
  9524. }
  9525. }
  9526. .zoomOutRight {
  9527. -webkit-animation-name: zoomOutRight;
  9528. animation-name: zoomOutRight;
  9529. }
  9530. @-webkit-keyframes zoomOutUp {
  9531. 40% {
  9532. opacity: 1;
  9533. -webkit-transform: scale(0.475) translateY(60px);
  9534. transform: scale(0.475) translateY(60px);
  9535. -webkit-animation-timing-function: linear;
  9536. animation-timing-function: linear;
  9537. }
  9538. 100% {
  9539. opacity: 0;
  9540. -webkit-transform: scale(0.1) translateY(-2000px);
  9541. transform: scale(0.1) translateY(-2000px);
  9542. -webkit-transform-origin: center top;
  9543. transform-origin: center top;
  9544. }
  9545. }
  9546. @keyframes zoomOutUp {
  9547. 40% {
  9548. opacity: 1;
  9549. -webkit-transform: scale(0.475) translateY(60px);
  9550. -ms-transform: scale(0.475) translateY(60px);
  9551. transform: scale(0.475) translateY(60px);
  9552. -webkit-animation-timing-function: linear;
  9553. animation-timing-function: linear;
  9554. }
  9555. 100% {
  9556. opacity: 0;
  9557. -webkit-transform: scale(0.1) translateY(-2000px);
  9558. -ms-transform: scale(0.1) translateY(-2000px);
  9559. transform: scale(0.1) translateY(-2000px);
  9560. -webkit-transform-origin: center top;
  9561. -ms-transform-origin: center top;
  9562. transform-origin: center top;
  9563. }
  9564. }
  9565. .zoomOutUp {
  9566. -webkit-animation-name: zoomOutUp;
  9567. animation-name: zoomOutUp;
  9568. }
  9569. @charset "utf-8";
  9570. /* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
  9571. *
  9572. * css for editor buttons, openerp widget included in the website and other
  9573. * stuff must go to the editor.css
  9574. *
  9575. */
  9576. /* ----- GENERIC LAYOUTING HELPERS ---- */
  9577. /* Vertical Spacing */
  9578. .mt128 {
  9579. margin-top: 128px !important;
  9580. }
  9581. .mt92 {
  9582. margin-top: 92px !important;
  9583. }
  9584. .mt64 {
  9585. margin-top: 64px !important;
  9586. }
  9587. .mt48 {
  9588. margin-top: 48px !important;
  9589. }
  9590. .mt32 {
  9591. margin-top: 32px !important;
  9592. }
  9593. .mt16 {
  9594. margin-top: 16px !important;
  9595. }
  9596. .mt8 {
  9597. margin-top: 8px !important;
  9598. }
  9599. .mt4 {
  9600. margin-top: 4px !important;
  9601. }
  9602. .mt0 {
  9603. margin-top: 0px !important;
  9604. }
  9605. .mb128 {
  9606. margin-bottom: 128px !important;
  9607. }
  9608. .mb92 {
  9609. margin-bottom: 92px !important;
  9610. }
  9611. .mb64 {
  9612. margin-bottom: 64px !important;
  9613. }
  9614. .mb48 {
  9615. margin-bottom: 48px !important;
  9616. }
  9617. .mb32 {
  9618. margin-bottom: 32px !important;
  9619. }
  9620. .mb16 {
  9621. margin-bottom: 16px !important;
  9622. }
  9623. .mb8 {
  9624. margin-bottom: 8px !important;
  9625. }
  9626. .mb4 {
  9627. margin-bottom: 4px !important;
  9628. }
  9629. .mb0 {
  9630. margin-bottom: 0px !important;
  9631. }
  9632. /* Overide the snippets background class*/
  9633. .bg_zen_blue {
  9634. background: url("/theme_light/static/img/backgrounds/zen/bg_zen_purple.jpg") no-repeat fixed;
  9635. background-attachment: relative;
  9636. background-position: center center;
  9637. width: 100%;
  9638. -webkit-background-size: 100%;
  9639. -moz-background-size: 100%;
  9640. -o-background-size: 100%;
  9641. background-size: 100%;
  9642. -webkit-background-size: cover;
  9643. -moz-background-size: cover;
  9644. -o-background-size: cover;
  9645. background-size: cover;
  9646. }
  9647. /* ------- */
  9648. /* Variables */
  9649. /* Backgrounds ------------------------------------------------*/
  9650. .bg-gray-darker {
  9651. background-color: #4d4d4d;
  9652. }
  9653. .bg-gray-dark {
  9654. background-color: #999999;
  9655. }
  9656. .bg-gray {
  9657. background-color: #b5b5b5;
  9658. }
  9659. .bg-gray-light {
  9660. background-color: #bfbfbf;
  9661. }
  9662. .bg-gray-lighter {
  9663. background-color: #dedede;
  9664. }
  9665. /* Background color for `<body>`.*/
  9666. /* Global text color on `<body>`.*/
  9667. /* Global textual link color.*/
  9668. /* Link hover color set via `darken()` function.*/
  9669. /* == Typography*/
  9670. /*
  9671. /* ## Font, line-height, and color for body text, headings, and more.*/
  9672. /* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.*/
  9673. /* Unit-less `line-height` for use in components like buttons.*/
  9674. /* Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.*/
  9675. /* By default, this inherits from the `<body>`.*/
  9676. /** Text muted color*/
  9677. /* Abbreviations and acronyms border color*/
  9678. /* Headings small color*/
  9679. /* Blockquote small color*/
  9680. /* Blockquote font size*/
  9681. /* Blockquote border color*/
  9682. /* Page header border color*/
  9683. /* Fonts ---------------------------------------------------*/
  9684. /* Bebas Neue */
  9685. @font-face {
  9686. font-family: 'BebasNeue Book';
  9687. src: url('/theme_light/static/font/BebasNeue Book.ttf');
  9688. src: local('BebasNeue Book'), url('/theme_light/static/font/BebasNeue Book.ttf') format('truetype');
  9689. }
  9690. @font-face {
  9691. font-family: 'BebasNeue Regular';
  9692. src: url('/theme_light/static/font/BebasNeue Regular.ttf');
  9693. src: local('BebasNeue Regular'), url('/theme_light/static/font/BebasNeue Regular.ttf') format('truetype');
  9694. }
  9695. @font-face {
  9696. font-family: 'BebasNeue Bold';
  9697. src: url('/theme_light/static/font/BebasNeue Bold.ttf');
  9698. src: local('BebasNeue Bold'), url('/theme_light/static/font/BebasNeue Bold.ttf') format('truetype');
  9699. }
  9700. /* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1962">Text with this font applied</p> */
  9701. .fontsforweb_fontid_1962 {
  9702. font-family: 'BebasNeue Book' !important;
  9703. }
  9704. .fontsforweb_fontid_1962 {
  9705. font-family: 'BebasNeue Regular' !important;
  9706. }
  9707. .fontsforweb_fontid_1962 {
  9708. font-family: 'BebasNeue Bold' !important;
  9709. }
  9710. /* Bitter */
  9711. @font-face {
  9712. font-family: 'Bitter-Italic';
  9713. src: url('/theme_light/static/font/Bitter-Italic.ttf');
  9714. src: local('Bitter-Italic'), url('/theme_light/static/font/Bitter-Italic.ttf') format('truetype');
  9715. }
  9716. @font-face {
  9717. font-family: 'Bitter-Regular';
  9718. src: url('/theme_light/static/font/Bitter-Regular.ttf');
  9719. src: local('Bitter-Regular'), url('/theme_light/static/font/Bitter-Regular.ttf') format('truetype');
  9720. }
  9721. @font-face {
  9722. font-family: 'Bitter-Bold';
  9723. src: url('/theme_light/static/font/Bitter-Bold.ttf');
  9724. src: local('Bitter-Bold'), url('/theme_light/static/font/Bitter-Bold.ttf') format('truetype');
  9725. }
  9726. @font-face {
  9727. font-family: 'Samuel';
  9728. src: url('/theme_light/static/font/H.H. Samuel-font-defharo.ttf');
  9729. src: local('Samuel'), url('/theme_light/static/font/H.H. Samuel-font-defharo.ttf') format('truetype');
  9730. }
  9731. @font-face {
  9732. font-family: 'ReFormation';
  9733. src: url('/theme_light/static/font/ReFormation.ttf');
  9734. src: local('ReFormation'), url('/theme_light/static/font/ReFormation.ttf') format('truetype');
  9735. }
  9736. @import url(https://fonts.googleapis.com/css?family=Lato:400,700);
  9737. /* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1962">Text with this font applied</p> */
  9738. .fontsforweb_fontid_1962 {
  9739. font-family: 'Bitter-Italic' !important;
  9740. }
  9741. .fontsforweb_fontid_1962 {
  9742. font-family: 'Bitter-Regular' !important;
  9743. }
  9744. .fontsforweb_fontid_1962 {
  9745. font-family: 'Bitter-Bold' !important;
  9746. }