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.

9746 lines
210 KiB

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