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.

9505 lines
206 KiB

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