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.

9575 lines
208 KiB

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