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.

9648 lines
208 KiB

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