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.

9512 lines
207 KiB

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