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.

10740 lines
226 KiB

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