SHARE
TWEET

main.css

Robert80 Dec 14th, 2018 3 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @charset "UTF-8";
  2. /*!
  3.  * Bootstrap v3.3.4 (http://getbootstrap.com)
  4.  * Copyright 2011-2015 Twitter, Inc.
  5.  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  6.  */
  7. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  8. * {
  9.   -webkit-box-sizing: border-box;
  10.      -moz-box-sizing: border-box;
  11.           box-sizing: border-box;
  12. }
  13.  
  14. *:before,
  15. *:after {
  16.   -webkit-box-sizing: border-box;
  17.      -moz-box-sizing: border-box;
  18.           box-sizing: border-box;
  19. }
  20.  
  21. html {
  22.   font-size: 10px;
  23.   -webkit-tap-highlight-color: transparent;
  24.   -ms-text-size-adjust: 100%;
  25.   -webkit-text-size-adjust: 100%;
  26.   overflow-y: scroll;
  27.   min-width: 300px;
  28.   background-color: #CACACA;
  29.   font-family: sans-serif;
  30. }
  31.  
  32. /* prevent scrollbar from overlapping content in IE */
  33. @-ms-viewport {
  34.   width: auto;
  35. }
  36.  
  37. .touch.noscroll {
  38.   height: 100%;
  39.   overflow: hidden;
  40. }
  41.  
  42. .touch.noscroll body {
  43.   height: 100%;
  44.   overflow: hidden;
  45. }
  46.  
  47. body {
  48.   margin: 0;
  49.   font-family: -apple-system, "Helvetica Neue", "Roboto", "Segoe UI", "Helvetica", sans-serif;
  50.   font-size: 1.3rem;
  51.   line-height: 1.4;
  52.   color: #303030;
  53.   background-color: transparent;
  54. }
  55.  
  56. input,
  57. button,
  58. select,
  59. textarea {
  60.   font-family: inherit;
  61.   font-size: inherit;
  62.   line-height: inherit;
  63. }
  64.  
  65. a {
  66.   color: #2D76D7;
  67.   text-decoration: none;
  68. }
  69.  
  70. a:hover, a:focus {
  71.   color: #B54444;
  72.   text-decoration: none;
  73. }
  74.  
  75. a:focus {
  76.   outline: thin dotted;
  77.   outline: 5px auto -webkit-focus-ring-color;
  78.   outline-offset: -2px;
  79. }
  80.  
  81. img {
  82.   vertical-align: middle;
  83.   max-width: 100%;
  84.   height: auto;
  85. }
  86.  
  87. hr {
  88.   margin-top: 15px;
  89.   margin-bottom: 15px;
  90.   border: 0;
  91.   border-top: 1px solid #D5D5D5;
  92. }
  93.  
  94. .mark {
  95.   background: transparent;
  96. }
  97.  
  98. h1, h2, h3, h4, h5, h6,
  99. .h1, .h2, .h3, .h4, .h5, .h6 {
  100.   font-family: inherit;
  101.   font-weight: 400;
  102.   line-height: 1.1;
  103.   color: inherit;
  104. }
  105.  
  106. h1 small,
  107. h1 .small, h2 small,
  108. h2 .small, h3 small,
  109. h3 .small, h4 small,
  110. h4 .small, h5 small,
  111. h5 .small, h6 small,
  112. h6 .small,
  113. .h1 small,
  114. .h1 .small, .h2 small,
  115. .h2 .small, .h3 small,
  116. .h3 .small, .h4 small,
  117. .h4 .small, .h5 small,
  118. .h5 .small, .h6 small,
  119. .h6 .small {
  120.   font-weight: normal;
  121.   line-height: 1;
  122.   color: #777777;
  123. }
  124.  
  125. h1, .h1,
  126. h2, .h2,
  127. h3, .h3 {
  128.   margin-top: 18px;
  129.   margin-bottom: 9px;
  130. }
  131.  
  132. h1 small,
  133. h1 .small, .h1 small,
  134. .h1 .small,
  135. h2 small,
  136. h2 .small, .h2 small,
  137. .h2 .small,
  138. h3 small,
  139. h3 .small, .h3 small,
  140. .h3 .small {
  141.   font-size: 65%;
  142. }
  143.  
  144. h4, .h4,
  145. h5, .h5,
  146. h6, .h6 {
  147.   margin-top: 9px;
  148.   margin-bottom: 9px;
  149. }
  150.  
  151. h4 small,
  152. h4 .small, .h4 small,
  153. .h4 .small,
  154. h5 small,
  155. h5 .small, .h5 small,
  156. .h5 .small,
  157. h6 small,
  158. h6 .small, .h6 small,
  159. .h6 .small {
  160.   font-size: 75%;
  161. }
  162.  
  163. h1, .h1 {
  164.   font-size: 3.6rem;
  165. }
  166.  
  167. h2, .h2 {
  168.   font-size: 3rem;
  169. }
  170.  
  171. h3, .h3 {
  172.   font-size: 2.4rem;
  173. }
  174.  
  175. h4, .h4 {
  176.   font-size: 1.8rem;
  177. }
  178.  
  179. h5, .h5 {
  180.   font-size: 1.3rem;
  181. }
  182.  
  183. h6, .h6 {
  184.   font-size: 1.2rem;
  185. }
  186.  
  187. p {
  188.   margin: 0 0 9px;
  189. }
  190.  
  191. .lead {
  192.   margin-bottom: 18px;
  193.   font-size: 14px;
  194.   font-weight: 300;
  195.   line-height: 1.4;
  196. }
  197.  
  198. @media (min-width: 768px) {
  199.   .lead {
  200.     font-size: 19.5px;
  201.   }
  202. }
  203.  
  204. small,
  205. .small {
  206.   font-size: 92%;
  207. }
  208.  
  209. .text-left {
  210.   text-align: left;
  211. }
  212.  
  213. .text-right {
  214.   text-align: right;
  215. }
  216.  
  217. .text-center {
  218.   text-align: center;
  219. }
  220.  
  221. .text-justify {
  222.   text-align: justify;
  223. }
  224.  
  225. .text-nowrap {
  226.   white-space: nowrap;
  227. }
  228.  
  229. .text-lowercase {
  230.   text-transform: lowercase;
  231. }
  232.  
  233. .text-uppercase, .initialism {
  234.   text-transform: uppercase;
  235. }
  236.  
  237. .text-capitalize {
  238.   text-transform: capitalize;
  239. }
  240.  
  241. .text-muted {
  242.   color: #888;
  243. }
  244.  
  245. .text-primary {
  246.   color: #b03d3d;
  247. }
  248.  
  249. a.text-primary:hover,
  250. a.text-primary:focus {
  251.   color: #8a3030;
  252. }
  253.  
  254. .text-success {
  255.   color: white;
  256. }
  257.  
  258. a.text-success:hover,
  259. a.text-success:focus {
  260.   color: #e6e6e6;
  261. }
  262.  
  263. .text-info {
  264.   color: white;
  265. }
  266.  
  267. a.text-info:hover,
  268. a.text-info:focus {
  269.   color: #e6e6e6;
  270. }
  271.  
  272. .text-warning {
  273.   color: #84652F;
  274. }
  275.  
  276. a.text-warning:hover,
  277. a.text-warning:focus {
  278.   color: #5e4822;
  279. }
  280.  
  281. .text-danger {
  282.   color: white;
  283. }
  284.  
  285. a.text-danger:hover,
  286. a.text-danger:focus {
  287.   color: #e6e6e6;
  288. }
  289.  
  290. .bg-primary {
  291.   color: #fff;
  292. }
  293.  
  294. .bg-primary {
  295.   background-color: #b03d3d;
  296. }
  297.  
  298. a.bg-primary:hover,
  299. a.bg-primary:focus {
  300.   background-color: #8a3030;
  301. }
  302.  
  303. .bg-success {
  304.   background-color: #599877;
  305. }
  306.  
  307. a.bg-success:hover,
  308. a.bg-success:focus {
  309.   background-color: #46785e;
  310. }
  311.  
  312. .bg-info {
  313.   background-color: #6392CF;
  314. }
  315.  
  316. a.bg-info:hover,
  317. a.bg-info:focus {
  318.   background-color: #3c77c3;
  319. }
  320.  
  321. .bg-warning {
  322.   background-color: #FFE5B9;
  323. }
  324.  
  325. a.bg-warning:hover,
  326. a.bg-warning:focus {
  327.   background-color: #ffd286;
  328. }
  329.  
  330. .bg-danger {
  331.   background-color: #CF6363;
  332. }
  333.  
  334. a.bg-danger:hover,
  335. a.bg-danger:focus {
  336.   background-color: #c33c3c;
  337. }
  338.  
  339. .page-header {
  340.   padding-bottom: 8px;
  341.   margin: 36px 0 18px;
  342.   border-bottom: 1px solid #D5D5D5;
  343. }
  344.  
  345. ul,
  346. ol {
  347.   margin-top: 0;
  348.   margin-bottom: 9px;
  349. }
  350.  
  351. ul ul,
  352. ul ol,
  353. ol ul,
  354. ol ol {
  355.   margin-bottom: 0;
  356. }
  357.  
  358. .list-unstyled {
  359.   padding-left: 0;
  360.   list-style: none;
  361. }
  362.  
  363. .list-inline {
  364.   padding-left: 0;
  365.   list-style: none;
  366.   margin-left: -5px;
  367. }
  368.  
  369. .list-inline > li {
  370.   display: inline-block;
  371.   padding-left: 5px;
  372.   padding-right: 5px;
  373. }
  374.  
  375. dl {
  376.   margin-top: 0;
  377.   margin-bottom: 18px;
  378. }
  379.  
  380. dt,
  381. dd {
  382.   line-height: 1.4;
  383. }
  384.  
  385. dt {
  386.   font-weight: bold;
  387. }
  388.  
  389. dd {
  390.   margin-left: 0;
  391. }
  392.  
  393. .dl-horizontal dd:after {
  394.   clear: both;
  395. }
  396.  
  397. .dl-horizontal dd:after, .dl-horizontal dd:before {
  398.   content: " ";
  399.   display: table;
  400. }
  401.  
  402. @media (min-width: 768px) {
  403.   .dl-horizontal dt {
  404.     float: left;
  405.     width: 160px;
  406.     clear: left;
  407.     text-align: right;
  408.     overflow: hidden;
  409.     text-overflow: ellipsis;
  410.     white-space: nowrap;
  411.   }
  412.   .dl-horizontal dd {
  413.     margin-left: 180px;
  414.   }
  415. }
  416.  
  417. abbr[title],
  418. abbr[data-original-title] {
  419.   cursor: help;
  420.   border-bottom: 1px dotted #777777;
  421. }
  422.  
  423. .initialism {
  424.   font-size: 90%;
  425. }
  426.  
  427. blockquote {
  428.   padding: 9px 18px;
  429.   margin: 0 0 18px;
  430.   font-size: 16.25px;
  431.   border-left: 5px solid #D5D5D5;
  432. }
  433.  
  434. blockquote p:last-child,
  435. blockquote ul:last-child,
  436. blockquote ol:last-child {
  437.   margin-bottom: 0;
  438. }
  439.  
  440. blockquote footer,
  441. blockquote small,
  442. blockquote .small {
  443.   display: block;
  444.   font-size: 80%;
  445.   line-height: 1.4;
  446.   color: #777777;
  447. }
  448.  
  449. blockquote footer:before,
  450. blockquote small:before,
  451. blockquote .small:before {
  452.   content: '\2014 \00A0';
  453. }
  454.  
  455. .blockquote-reverse,
  456. blockquote.pull-right {
  457.   padding-right: 15px;
  458.   padding-left: 0;
  459.   border-right: 5px solid #D5D5D5;
  460.   border-left: 0;
  461.   text-align: right;
  462. }
  463.  
  464. .blockquote-reverse footer:before,
  465. .blockquote-reverse small:before,
  466. .blockquote-reverse .small:before,
  467. blockquote.pull-right footer:before,
  468. blockquote.pull-right small:before,
  469. blockquote.pull-right .small:before {
  470.   content: '';
  471. }
  472.  
  473. .blockquote-reverse footer:after,
  474. .blockquote-reverse small:after,
  475. .blockquote-reverse .small:after,
  476. blockquote.pull-right footer:after,
  477. blockquote.pull-right small:after,
  478. blockquote.pull-right .small:after {
  479.   content: '\00A0 \2014';
  480. }
  481.  
  482. address {
  483.   margin-bottom: 18px;
  484.   font-style: normal;
  485.   line-height: 1.4;
  486. }
  487.  
  488. code,
  489. kbd,
  490. pre,
  491. samp {
  492.   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  493. }
  494.  
  495. code {
  496.   padding: 2px 4px;
  497.   font-size: 90%;
  498.   color: #c7254e;
  499.   background-color: #f9f2f4;
  500.   border-radius: 2px;
  501. }
  502.  
  503. kbd {
  504.   padding: 2px 4px;
  505.   font-size: 90%;
  506.   color: #fff;
  507.   background-color: #333;
  508.   border-radius: 3px;
  509.   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  510.           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  511. }
  512.  
  513. kbd kbd {
  514.   padding: 0;
  515.   font-size: 100%;
  516.   font-weight: bold;
  517.   -webkit-box-shadow: none;
  518.           box-shadow: none;
  519. }
  520.  
  521. pre {
  522.   display: block;
  523.   padding: 8.5px;
  524.   margin: 0 0 9px;
  525.   font-size: 12px;
  526.   line-height: 1.4;
  527.   word-break: break-all;
  528.   word-wrap: break-word;
  529.   color: #333333;
  530.   background-color: #f5f5f5;
  531.   border: 1px solid #ccc;
  532.   border-radius: 2px;
  533. }
  534.  
  535. pre code {
  536.   padding: 0;
  537.   font-size: inherit;
  538.   color: inherit;
  539.   white-space: pre-wrap;
  540.   background-color: transparent;
  541.   border-radius: 0;
  542. }
  543.  
  544. .pre-scrollable {
  545.   max-height: 340px;
  546.   overflow-y: scroll;
  547. }
  548.  
  549. .container {
  550.   margin-right: auto;
  551.   margin-left: auto;
  552.   padding-left: 7.5px;
  553.   padding-right: 7.5px;
  554. }
  555.  
  556. .container:after {
  557.   clear: both;
  558. }
  559.  
  560. .container:after, .container:before {
  561.   content: " ";
  562.   display: table;
  563. }
  564.  
  565. @media (min-width: 768px) {
  566.   .container {
  567.     width: 735px;
  568.   }
  569. }
  570.  
  571. @media (min-width: 992px) {
  572.   .container {
  573.     width: 955px;
  574.   }
  575. }
  576.  
  577. @media (min-width: 1200px) {
  578.   .container {
  579.     width: 1155px;
  580.   }
  581. }
  582.  
  583. .container-fluid {
  584.   margin-right: auto;
  585.   margin-left: auto;
  586.   padding-left: 7.5px;
  587.   padding-right: 7.5px;
  588. }
  589.  
  590. .container-fluid:after {
  591.   clear: both;
  592. }
  593.  
  594. .container-fluid:after, .container-fluid:before {
  595.   content: " ";
  596.   display: table;
  597. }
  598.  
  599. .row {
  600.   margin-left: -7px;
  601.   margin-right: -8px;
  602. }
  603.  
  604. .row:after {
  605.   clear: both;
  606. }
  607.  
  608. .row:after, .row:before {
  609.   content: " ";
  610.   display: table;
  611. }
  612.  
  613. .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 {
  614.   position: relative;
  615.   min-height: 1px;
  616.   padding-left: 8px;
  617.   padding-right: 7px;
  618. }
  619.  
  620. .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 {
  621.   float: left;
  622. }
  623.  
  624. .col-xs-1 {
  625.   width: 8.33333333%;
  626. }
  627.  
  628. .col-xs-2 {
  629.   width: 16.66666667%;
  630. }
  631.  
  632. .col-xs-3 {
  633.   width: 25%;
  634. }
  635.  
  636. .col-xs-4 {
  637.   width: 33.33333333%;
  638. }
  639.  
  640. .col-xs-5 {
  641.   width: 41.66666667%;
  642. }
  643.  
  644. .col-xs-6 {
  645.   width: 50%;
  646. }
  647.  
  648. .col-xs-7 {
  649.   width: 58.33333333%;
  650. }
  651.  
  652. .col-xs-8 {
  653.   width: 66.66666667%;
  654. }
  655.  
  656. .col-xs-9 {
  657.   width: 75%;
  658. }
  659.  
  660. .col-xs-10 {
  661.   width: 83.33333333%;
  662. }
  663.  
  664. .col-xs-11 {
  665.   width: 91.66666667%;
  666. }
  667.  
  668. .col-xs-12 {
  669.   width: 100%;
  670. }
  671.  
  672. .col-xs-pull-0 {
  673.   right: auto;
  674. }
  675.  
  676. .col-xs-pull-1 {
  677.   right: 8.33333333%;
  678. }
  679.  
  680. .col-xs-pull-2 {
  681.   right: 16.66666667%;
  682. }
  683.  
  684. .col-xs-pull-3 {
  685.   right: 25%;
  686. }
  687.  
  688. .col-xs-pull-4 {
  689.   right: 33.33333333%;
  690. }
  691.  
  692. .col-xs-pull-5 {
  693.   right: 41.66666667%;
  694. }
  695.  
  696. .col-xs-pull-6 {
  697.   right: 50%;
  698. }
  699.  
  700. .col-xs-pull-7 {
  701.   right: 58.33333333%;
  702. }
  703.  
  704. .col-xs-pull-8 {
  705.   right: 66.66666667%;
  706. }
  707.  
  708. .col-xs-pull-9 {
  709.   right: 75%;
  710. }
  711.  
  712. .col-xs-pull-10 {
  713.   right: 83.33333333%;
  714. }
  715.  
  716. .col-xs-pull-11 {
  717.   right: 91.66666667%;
  718. }
  719.  
  720. .col-xs-pull-12 {
  721.   right: 100%;
  722. }
  723.  
  724. .col-xs-push-0 {
  725.   left: auto;
  726. }
  727.  
  728. .col-xs-push-1 {
  729.   left: 8.33333333%;
  730. }
  731.  
  732. .col-xs-push-2 {
  733.   left: 16.66666667%;
  734. }
  735.  
  736. .col-xs-push-3 {
  737.   left: 25%;
  738. }
  739.  
  740. .col-xs-push-4 {
  741.   left: 33.33333333%;
  742. }
  743.  
  744. .col-xs-push-5 {
  745.   left: 41.66666667%;
  746. }
  747.  
  748. .col-xs-push-6 {
  749.   left: 50%;
  750. }
  751.  
  752. .col-xs-push-7 {
  753.   left: 58.33333333%;
  754. }
  755.  
  756. .col-xs-push-8 {
  757.   left: 66.66666667%;
  758. }
  759.  
  760. .col-xs-push-9 {
  761.   left: 75%;
  762. }
  763.  
  764. .col-xs-push-10 {
  765.   left: 83.33333333%;
  766. }
  767.  
  768. .col-xs-push-11 {
  769.   left: 91.66666667%;
  770. }
  771.  
  772. .col-xs-push-12 {
  773.   left: 100%;
  774. }
  775.  
  776. .col-xs-offset-0 {
  777.   margin-left: 0%;
  778. }
  779.  
  780. .col-xs-offset-1 {
  781.   margin-left: 8.33333333%;
  782. }
  783.  
  784. .col-xs-offset-2 {
  785.   margin-left: 16.66666667%;
  786. }
  787.  
  788. .col-xs-offset-3 {
  789.   margin-left: 25%;
  790. }
  791.  
  792. .col-xs-offset-4 {
  793.   margin-left: 33.33333333%;
  794. }
  795.  
  796. .col-xs-offset-5 {
  797.   margin-left: 41.66666667%;
  798. }
  799.  
  800. .col-xs-offset-6 {
  801.   margin-left: 50%;
  802. }
  803.  
  804. .col-xs-offset-7 {
  805.   margin-left: 58.33333333%;
  806. }
  807.  
  808. .col-xs-offset-8 {
  809.   margin-left: 66.66666667%;
  810. }
  811.  
  812. .col-xs-offset-9 {
  813.   margin-left: 75%;
  814. }
  815.  
  816. .col-xs-offset-10 {
  817.   margin-left: 83.33333333%;
  818. }
  819.  
  820. .col-xs-offset-11 {
  821.   margin-left: 91.66666667%;
  822. }
  823.  
  824. .col-xs-offset-12 {
  825.   margin-left: 100%;
  826. }
  827.  
  828. @media (min-width: 768px) {
  829.   .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 {
  830.     float: left;
  831.   }
  832.   .col-sm-1 {
  833.     width: 8.33333333%;
  834.   }
  835.   .col-sm-2 {
  836.     width: 16.66666667%;
  837.   }
  838.   .col-sm-3 {
  839.     width: 25%;
  840.   }
  841.   .col-sm-4 {
  842.     width: 33.33333333%;
  843.   }
  844.   .col-sm-5 {
  845.     width: 41.66666667%;
  846.   }
  847.   .col-sm-6 {
  848.     width: 50%;
  849.   }
  850.   .col-sm-7 {
  851.     width: 58.33333333%;
  852.   }
  853.   .col-sm-8 {
  854.     width: 66.66666667%;
  855.   }
  856.   .col-sm-9 {
  857.     width: 75%;
  858.   }
  859.   .col-sm-10 {
  860.     width: 83.33333333%;
  861.   }
  862.   .col-sm-11 {
  863.     width: 91.66666667%;
  864.   }
  865.   .col-sm-12 {
  866.     width: 100%;
  867.   }
  868.   .col-sm-pull-0 {
  869.     right: auto;
  870.   }
  871.   .col-sm-pull-1 {
  872.     right: 8.33333333%;
  873.   }
  874.   .col-sm-pull-2 {
  875.     right: 16.66666667%;
  876.   }
  877.   .col-sm-pull-3 {
  878.     right: 25%;
  879.   }
  880.   .col-sm-pull-4 {
  881.     right: 33.33333333%;
  882.   }
  883.   .col-sm-pull-5 {
  884.     right: 41.66666667%;
  885.   }
  886.   .col-sm-pull-6 {
  887.     right: 50%;
  888.   }
  889.   .col-sm-pull-7 {
  890.     right: 58.33333333%;
  891.   }
  892.   .col-sm-pull-8 {
  893.     right: 66.66666667%;
  894.   }
  895.   .col-sm-pull-9 {
  896.     right: 75%;
  897.   }
  898.   .col-sm-pull-10 {
  899.     right: 83.33333333%;
  900.   }
  901.   .col-sm-pull-11 {
  902.     right: 91.66666667%;
  903.   }
  904.   .col-sm-pull-12 {
  905.     right: 100%;
  906.   }
  907.   .col-sm-push-0 {
  908.     left: auto;
  909.   }
  910.   .col-sm-push-1 {
  911.     left: 8.33333333%;
  912.   }
  913.   .col-sm-push-2 {
  914.     left: 16.66666667%;
  915.   }
  916.   .col-sm-push-3 {
  917.     left: 25%;
  918.   }
  919.   .col-sm-push-4 {
  920.     left: 33.33333333%;
  921.   }
  922.   .col-sm-push-5 {
  923.     left: 41.66666667%;
  924.   }
  925.   .col-sm-push-6 {
  926.     left: 50%;
  927.   }
  928.   .col-sm-push-7 {
  929.     left: 58.33333333%;
  930.   }
  931.   .col-sm-push-8 {
  932.     left: 66.66666667%;
  933.   }
  934.   .col-sm-push-9 {
  935.     left: 75%;
  936.   }
  937.   .col-sm-push-10 {
  938.     left: 83.33333333%;
  939.   }
  940.   .col-sm-push-11 {
  941.     left: 91.66666667%;
  942.   }
  943.   .col-sm-push-12 {
  944.     left: 100%;
  945.   }
  946.   .col-sm-offset-0 {
  947.     margin-left: 0%;
  948.   }
  949.   .col-sm-offset-1 {
  950.     margin-left: 8.33333333%;
  951.   }
  952.   .col-sm-offset-2 {
  953.     margin-left: 16.66666667%;
  954.   }
  955.   .col-sm-offset-3 {
  956.     margin-left: 25%;
  957.   }
  958.   .col-sm-offset-4 {
  959.     margin-left: 33.33333333%;
  960.   }
  961.   .col-sm-offset-5 {
  962.     margin-left: 41.66666667%;
  963.   }
  964.   .col-sm-offset-6 {
  965.     margin-left: 50%;
  966.   }
  967.   .col-sm-offset-7 {
  968.     margin-left: 58.33333333%;
  969.   }
  970.   .col-sm-offset-8 {
  971.     margin-left: 66.66666667%;
  972.   }
  973.   .col-sm-offset-9 {
  974.     margin-left: 75%;
  975.   }
  976.   .col-sm-offset-10 {
  977.     margin-left: 83.33333333%;
  978.   }
  979.   .col-sm-offset-11 {
  980.     margin-left: 91.66666667%;
  981.   }
  982.   .col-sm-offset-12 {
  983.     margin-left: 100%;
  984.   }
  985. }
  986.  
  987. @media (min-width: 992px) {
  988.   .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 {
  989.     float: left;
  990.   }
  991.   .col-md-1 {
  992.     width: 8.33333333%;
  993.   }
  994.   .col-md-2 {
  995.     width: 16.66666667%;
  996.   }
  997.   .col-md-3 {
  998.     width: 25%;
  999.   }
  1000.   .col-md-4 {
  1001.     width: 33.33333333%;
  1002.   }
  1003.   .col-md-5 {
  1004.     width: 41.66666667%;
  1005.   }
  1006.   .col-md-6 {
  1007.     width: 50%;
  1008.   }
  1009.   .col-md-7 {
  1010.     width: 58.33333333%;
  1011.   }
  1012.   .col-md-8 {
  1013.     width: 66.66666667%;
  1014.   }
  1015.   .col-md-9 {
  1016.     width: 75%;
  1017.   }
  1018.   .col-md-10 {
  1019.     width: 83.33333333%;
  1020.   }
  1021.   .col-md-11 {
  1022.     width: 91.66666667%;
  1023.   }
  1024.   .col-md-12 {
  1025.     width: 100%;
  1026.   }
  1027.   .col-md-pull-0 {
  1028.     right: auto;
  1029.   }
  1030.   .col-md-pull-1 {
  1031.     right: 8.33333333%;
  1032.   }
  1033.   .col-md-pull-2 {
  1034.     right: 16.66666667%;
  1035.   }
  1036.   .col-md-pull-3 {
  1037.     right: 25%;
  1038.   }
  1039.   .col-md-pull-4 {
  1040.     right: 33.33333333%;
  1041.   }
  1042.   .col-md-pull-5 {
  1043.     right: 41.66666667%;
  1044.   }
  1045.   .col-md-pull-6 {
  1046.     right: 50%;
  1047.   }
  1048.   .col-md-pull-7 {
  1049.     right: 58.33333333%;
  1050.   }
  1051.   .col-md-pull-8 {
  1052.     right: 66.66666667%;
  1053.   }
  1054.   .col-md-pull-9 {
  1055.     right: 75%;
  1056.   }
  1057.   .col-md-pull-10 {
  1058.     right: 83.33333333%;
  1059.   }
  1060.   .col-md-pull-11 {
  1061.     right: 91.66666667%;
  1062.   }
  1063.   .col-md-pull-12 {
  1064.     right: 100%;
  1065.   }
  1066.   .col-md-push-0 {
  1067.     left: auto;
  1068.   }
  1069.   .col-md-push-1 {
  1070.     left: 8.33333333%;
  1071.   }
  1072.   .col-md-push-2 {
  1073.     left: 16.66666667%;
  1074.   }
  1075.   .col-md-push-3 {
  1076.     left: 25%;
  1077.   }
  1078.   .col-md-push-4 {
  1079.     left: 33.33333333%;
  1080.   }
  1081.   .col-md-push-5 {
  1082.     left: 41.66666667%;
  1083.   }
  1084.   .col-md-push-6 {
  1085.     left: 50%;
  1086.   }
  1087.   .col-md-push-7 {
  1088.     left: 58.33333333%;
  1089.   }
  1090.   .col-md-push-8 {
  1091.     left: 66.66666667%;
  1092.   }
  1093.   .col-md-push-9 {
  1094.     left: 75%;
  1095.   }
  1096.   .col-md-push-10 {
  1097.     left: 83.33333333%;
  1098.   }
  1099.   .col-md-push-11 {
  1100.     left: 91.66666667%;
  1101.   }
  1102.   .col-md-push-12 {
  1103.     left: 100%;
  1104.   }
  1105.   .col-md-offset-0 {
  1106.     margin-left: 0%;
  1107.   }
  1108.   .col-md-offset-1 {
  1109.     margin-left: 8.33333333%;
  1110.   }
  1111.   .col-md-offset-2 {
  1112.     margin-left: 16.66666667%;
  1113.   }
  1114.   .col-md-offset-3 {
  1115.     margin-left: 25%;
  1116.   }
  1117.   .col-md-offset-4 {
  1118.     margin-left: 33.33333333%;
  1119.   }
  1120.   .col-md-offset-5 {
  1121.     margin-left: 41.66666667%;
  1122.   }
  1123.   .col-md-offset-6 {
  1124.     margin-left: 50%;
  1125.   }
  1126.   .col-md-offset-7 {
  1127.     margin-left: 58.33333333%;
  1128.   }
  1129.   .col-md-offset-8 {
  1130.     margin-left: 66.66666667%;
  1131.   }
  1132.   .col-md-offset-9 {
  1133.     margin-left: 75%;
  1134.   }
  1135.   .col-md-offset-10 {
  1136.     margin-left: 83.33333333%;
  1137.   }
  1138.   .col-md-offset-11 {
  1139.     margin-left: 91.66666667%;
  1140.   }
  1141.   .col-md-offset-12 {
  1142.     margin-left: 100%;
  1143.   }
  1144. }
  1145.  
  1146. @media (min-width: 1200px) {
  1147.   .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 {
  1148.     float: left;
  1149.   }
  1150.   .col-lg-1 {
  1151.     width: 8.33333333%;
  1152.   }
  1153.   .col-lg-2 {
  1154.     width: 16.66666667%;
  1155.   }
  1156.   .col-lg-3 {
  1157.     width: 25%;
  1158.   }
  1159.   .col-lg-4 {
  1160.     width: 33.33333333%;
  1161.   }
  1162.   .col-lg-5 {
  1163.     width: 41.66666667%;
  1164.   }
  1165.   .col-lg-6 {
  1166.     width: 50%;
  1167.   }
  1168.   .col-lg-7 {
  1169.     width: 58.33333333%;
  1170.   }
  1171.   .col-lg-8 {
  1172.     width: 66.66666667%;
  1173.   }
  1174.   .col-lg-9 {
  1175.     width: 75%;
  1176.   }
  1177.   .col-lg-10 {
  1178.     width: 83.33333333%;
  1179.   }
  1180.   .col-lg-11 {
  1181.     width: 91.66666667%;
  1182.   }
  1183.   .col-lg-12 {
  1184.     width: 100%;
  1185.   }
  1186.   .col-lg-pull-0 {
  1187.     right: auto;
  1188.   }
  1189.   .col-lg-pull-1 {
  1190.     right: 8.33333333%;
  1191.   }
  1192.   .col-lg-pull-2 {
  1193.     right: 16.66666667%;
  1194.   }
  1195.   .col-lg-pull-3 {
  1196.     right: 25%;
  1197.   }
  1198.   .col-lg-pull-4 {
  1199.     right: 33.33333333%;
  1200.   }
  1201.   .col-lg-pull-5 {
  1202.     right: 41.66666667%;
  1203.   }
  1204.   .col-lg-pull-6 {
  1205.     right: 50%;
  1206.   }
  1207.   .col-lg-pull-7 {
  1208.     right: 58.33333333%;
  1209.   }
  1210.   .col-lg-pull-8 {
  1211.     right: 66.66666667%;
  1212.   }
  1213.   .col-lg-pull-9 {
  1214.     right: 75%;
  1215.   }
  1216.   .col-lg-pull-10 {
  1217.     right: 83.33333333%;
  1218.   }
  1219.   .col-lg-pull-11 {
  1220.     right: 91.66666667%;
  1221.   }
  1222.   .col-lg-pull-12 {
  1223.     right: 100%;
  1224.   }
  1225.   .col-lg-push-0 {
  1226.     left: auto;
  1227.   }
  1228.   .col-lg-push-1 {
  1229.     left: 8.33333333%;
  1230.   }
  1231.   .col-lg-push-2 {
  1232.     left: 16.66666667%;
  1233.   }
  1234.   .col-lg-push-3 {
  1235.     left: 25%;
  1236.   }
  1237.   .col-lg-push-4 {
  1238.     left: 33.33333333%;
  1239.   }
  1240.   .col-lg-push-5 {
  1241.     left: 41.66666667%;
  1242.   }
  1243.   .col-lg-push-6 {
  1244.     left: 50%;
  1245.   }
  1246.   .col-lg-push-7 {
  1247.     left: 58.33333333%;
  1248.   }
  1249.   .col-lg-push-8 {
  1250.     left: 66.66666667%;
  1251.   }
  1252.   .col-lg-push-9 {
  1253.     left: 75%;
  1254.   }
  1255.   .col-lg-push-10 {
  1256.     left: 83.33333333%;
  1257.   }
  1258.   .col-lg-push-11 {
  1259.     left: 91.66666667%;
  1260.   }
  1261.   .col-lg-push-12 {
  1262.     left: 100%;
  1263.   }
  1264.   .col-lg-offset-0 {
  1265.     margin-left: 0%;
  1266.   }
  1267.   .col-lg-offset-1 {
  1268.     margin-left: 8.33333333%;
  1269.   }
  1270.   .col-lg-offset-2 {
  1271.     margin-left: 16.66666667%;
  1272.   }
  1273.   .col-lg-offset-3 {
  1274.     margin-left: 25%;
  1275.   }
  1276.   .col-lg-offset-4 {
  1277.     margin-left: 33.33333333%;
  1278.   }
  1279.   .col-lg-offset-5 {
  1280.     margin-left: 41.66666667%;
  1281.   }
  1282.   .col-lg-offset-6 {
  1283.     margin-left: 50%;
  1284.   }
  1285.   .col-lg-offset-7 {
  1286.     margin-left: 58.33333333%;
  1287.   }
  1288.   .col-lg-offset-8 {
  1289.     margin-left: 66.66666667%;
  1290.   }
  1291.   .col-lg-offset-9 {
  1292.     margin-left: 75%;
  1293.   }
  1294.   .col-lg-offset-10 {
  1295.     margin-left: 83.33333333%;
  1296.   }
  1297.   .col-lg-offset-11 {
  1298.     margin-left: 91.66666667%;
  1299.   }
  1300.   .col-lg-offset-12 {
  1301.     margin-left: 100%;
  1302.   }
  1303. }
  1304.  
  1305. table {
  1306.   background-color: transparent;
  1307. }
  1308.  
  1309. caption {
  1310.   padding-top: 8px;
  1311.   padding-bottom: 8px;
  1312.   color: #888;
  1313.   text-align: left;
  1314. }
  1315.  
  1316. th {
  1317.   text-align: left;
  1318. }
  1319.  
  1320. .table {
  1321.   width: 100%;
  1322.   max-width: 100%;
  1323.   margin-bottom: 18px;
  1324. }
  1325.  
  1326. .table > thead > tr > th,
  1327. .table > thead > tr > td,
  1328. .table > tbody > tr > th,
  1329. .table > tbody > tr > td,
  1330. .table > tfoot > tr > th,
  1331. .table > tfoot > tr > td {
  1332.   padding: 8px;
  1333.   line-height: 1.4;
  1334.   vertical-align: top;
  1335.   border-top: 1px solid #ddd;
  1336. }
  1337.  
  1338. .table > thead > tr > th {
  1339.   vertical-align: bottom;
  1340.   border-bottom: 2px solid #ddd;
  1341. }
  1342.  
  1343. .table > caption + thead > tr:first-child > th,
  1344. .table > caption + thead > tr:first-child > td,
  1345. .table > colgroup + thead > tr:first-child > th,
  1346. .table > colgroup + thead > tr:first-child > td,
  1347. .table > thead:first-child > tr:first-child > th,
  1348. .table > thead:first-child > tr:first-child > td {
  1349.   border-top: 0;
  1350. }
  1351.  
  1352. .table > tbody + tbody {
  1353.   border-top: 2px solid #ddd;
  1354. }
  1355.  
  1356. .table .table {
  1357.   background-color: #CACACA;
  1358. }
  1359.  
  1360. .table-condensed > thead > tr > th,
  1361. .table-condensed > thead > tr > td,
  1362. .table-condensed > tbody > tr > th,
  1363. .table-condensed > tbody > tr > td,
  1364. .table-condensed > tfoot > tr > th,
  1365. .table-condensed > tfoot > tr > td {
  1366.   padding: 5px;
  1367. }
  1368.  
  1369. .table-bordered {
  1370.   border: 1px solid #ddd;
  1371. }
  1372.  
  1373. .table-bordered > thead > tr > th,
  1374. .table-bordered > thead > tr > td,
  1375. .table-bordered > tbody > tr > th,
  1376. .table-bordered > tbody > tr > td,
  1377. .table-bordered > tfoot > tr > th,
  1378. .table-bordered > tfoot > tr > td {
  1379.   border: 1px solid #ddd;
  1380. }
  1381.  
  1382. .table-bordered > thead > tr > th,
  1383. .table-bordered > thead > tr > td {
  1384.   border-bottom-width: 2px;
  1385. }
  1386.  
  1387. .table-striped > tbody > tr:nth-of-type(odd) {
  1388.   background-color: #f9f9f9;
  1389. }
  1390.  
  1391. .table-hover > tbody > tr:hover {
  1392.   background-color: #f5f5f5;
  1393. }
  1394.  
  1395. table col[class*="col-"] {
  1396.   position: static;
  1397.   float: none;
  1398.   display: table-column;
  1399. }
  1400.  
  1401. table td[class*="col-"],
  1402. table th[class*="col-"] {
  1403.   position: static;
  1404.   float: none;
  1405.   display: table-cell;
  1406. }
  1407.  
  1408. .table > thead > tr > td.active,
  1409. .table > thead > tr > th.active,
  1410. .table > thead > tr.active > td,
  1411. .table > thead > tr.active > th,
  1412. .table > tbody > tr > td.active,
  1413. .table > tbody > tr > th.active,
  1414. .table > tbody > tr.active > td,
  1415. .table > tbody > tr.active > th,
  1416. .table > tfoot > tr > td.active,
  1417. .table > tfoot > tr > th.active,
  1418. .table > tfoot > tr.active > td,
  1419. .table > tfoot > tr.active > th {
  1420.   background-color: #f5f5f5;
  1421. }
  1422.  
  1423. .table-hover > tbody > tr > td.active:hover,
  1424. .table-hover > tbody > tr > th.active:hover,
  1425. .table-hover > tbody > tr.active:hover > td,
  1426. .table-hover > tbody > tr:hover > .active,
  1427. .table-hover > tbody > tr.active:hover > th {
  1428.   background-color: #e8e8e8;
  1429. }
  1430.  
  1431. .table > thead > tr > td.success,
  1432. .table > thead > tr > th.success,
  1433. .table > thead > tr.success > td,
  1434. .table > thead > tr.success > th,
  1435. .table > tbody > tr > td.success,
  1436. .table > tbody > tr > th.success,
  1437. .table > tbody > tr.success > td,
  1438. .table > tbody > tr.success > th,
  1439. .table > tfoot > tr > td.success,
  1440. .table > tfoot > tr > th.success,
  1441. .table > tfoot > tr.success > td,
  1442. .table > tfoot > tr.success > th {
  1443.   background-color: #599877;
  1444. }
  1445.  
  1446. .table-hover > tbody > tr > td.success:hover,
  1447. .table-hover > tbody > tr > th.success:hover,
  1448. .table-hover > tbody > tr.success:hover > td,
  1449. .table-hover > tbody > tr:hover > .success,
  1450. .table-hover > tbody > tr.success:hover > th {
  1451.   background-color: #50886a;
  1452. }
  1453.  
  1454. .table > thead > tr > td.info,
  1455. .table > thead > tr > th.info,
  1456. .table > thead > tr.info > td,
  1457. .table > thead > tr.info > th,
  1458. .table > tbody > tr > td.info,
  1459. .table > tbody > tr > th.info,
  1460. .table > tbody > tr.info > td,
  1461. .table > tbody > tr.info > th,
  1462. .table > tfoot > tr > td.info,
  1463. .table > tfoot > tr > th.info,
  1464. .table > tfoot > tr.info > td,
  1465. .table > tfoot > tr.info > th {
  1466.   background-color: #6392CF;
  1467. }
  1468.  
  1469. .table-hover > tbody > tr > td.info:hover,
  1470. .table-hover > tbody > tr > th.info:hover,
  1471. .table-hover > tbody > tr.info:hover > td,
  1472. .table-hover > tbody > tr:hover > .info,
  1473. .table-hover > tbody > tr.info:hover > th {
  1474.   background-color: #5084c9;
  1475. }
  1476.  
  1477. .table > thead > tr > td.warning,
  1478. .table > thead > tr > th.warning,
  1479. .table > thead > tr.warning > td,
  1480. .table > thead > tr.warning > th,
  1481. .table > tbody > tr > td.warning,
  1482. .table > tbody > tr > th.warning,
  1483. .table > tbody > tr.warning > td,
  1484. .table > tbody > tr.warning > th,
  1485. .table > tfoot > tr > td.warning,
  1486. .table > tfoot > tr > th.warning,
  1487. .table > tfoot > tr.warning > td,
  1488. .table > tfoot > tr.warning > th {
  1489.   background-color: #FFE5B9;
  1490. }
  1491.  
  1492. .table-hover > tbody > tr > td.warning:hover,
  1493. .table-hover > tbody > tr > th.warning:hover,
  1494. .table-hover > tbody > tr.warning:hover > td,
  1495. .table-hover > tbody > tr:hover > .warning,
  1496. .table-hover > tbody > tr.warning:hover > th {
  1497.   background-color: #ffdca0;
  1498. }
  1499.  
  1500. .table > thead > tr > td.danger,
  1501. .table > thead > tr > th.danger,
  1502. .table > thead > tr.danger > td,
  1503. .table > thead > tr.danger > th,
  1504. .table > tbody > tr > td.danger,
  1505. .table > tbody > tr > th.danger,
  1506. .table > tbody > tr.danger > td,
  1507. .table > tbody > tr.danger > th,
  1508. .table > tfoot > tr > td.danger,
  1509. .table > tfoot > tr > th.danger,
  1510. .table > tfoot > tr.danger > td,
  1511. .table > tfoot > tr.danger > th {
  1512.   background-color: #CF6363;
  1513. }
  1514.  
  1515. .table-hover > tbody > tr > td.danger:hover,
  1516. .table-hover > tbody > tr > th.danger:hover,
  1517. .table-hover > tbody > tr.danger:hover > td,
  1518. .table-hover > tbody > tr:hover > .danger,
  1519. .table-hover > tbody > tr.danger:hover > th {
  1520.   background-color: #c95050;
  1521. }
  1522.  
  1523. .table-responsive {
  1524.   overflow-x: auto;
  1525.   min-height: 0.01%;
  1526. }
  1527.  
  1528. @media screen and (max-width: 767px) {
  1529.   .table-responsive {
  1530.     width: 100%;
  1531.     margin-bottom: 13.5px;
  1532.     overflow-y: hidden;
  1533.     -ms-overflow-style: -ms-autohiding-scrollbar;
  1534.     border: 1px solid #ddd;
  1535.   }
  1536.   .table-responsive > .table {
  1537.     margin-bottom: 0;
  1538.   }
  1539.   .table-responsive > .table > thead > tr > th,
  1540.   .table-responsive > .table > thead > tr > td,
  1541.   .table-responsive > .table > tbody > tr > th,
  1542.   .table-responsive > .table > tbody > tr > td,
  1543.   .table-responsive > .table > tfoot > tr > th,
  1544.   .table-responsive > .table > tfoot > tr > td {
  1545.     white-space: nowrap;
  1546.   }
  1547.   .table-responsive > .table-bordered {
  1548.     border: 0;
  1549.   }
  1550.   .table-responsive > .table-bordered > thead > tr > th:first-child,
  1551.   .table-responsive > .table-bordered > thead > tr > td:first-child,
  1552.   .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1553.   .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1554.   .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1555.   .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  1556.     border-left: 0;
  1557.   }
  1558.   .table-responsive > .table-bordered > thead > tr > th:last-child,
  1559.   .table-responsive > .table-bordered > thead > tr > td:last-child,
  1560.   .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1561.   .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1562.   .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1563.   .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  1564.     border-right: 0;
  1565.   }
  1566.   .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1567.   .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1568.   .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  1569.   .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  1570.     border-bottom: 0;
  1571.   }
  1572. }
  1573.  
  1574. fieldset {
  1575.   padding: 0;
  1576.   margin: 0;
  1577.   border: 0;
  1578.   min-width: 0;
  1579. }
  1580.  
  1581. legend {
  1582.   display: block;
  1583.   width: 100%;
  1584.   padding: 0;
  1585.   margin-bottom: 18px;
  1586.   font-size: 19.5px;
  1587.   line-height: inherit;
  1588.   color: #333333;
  1589.   border: 0;
  1590.   border-bottom: 1px solid #e5e5e5;
  1591. }
  1592.  
  1593. label {
  1594.   display: inline-block;
  1595.   max-width: 100%;
  1596.   margin-bottom: 5px;
  1597.   font-weight: bold;
  1598. }
  1599.  
  1600. input[type="search"] {
  1601.   -webkit-box-sizing: border-box;
  1602.   -moz-box-sizing: border-box;
  1603.   box-sizing: border-box;
  1604. }
  1605.  
  1606. input[type="radio"],
  1607. input[type="checkbox"] {
  1608.   margin: 4px 0 0;
  1609.   margin-top: 1px \9;
  1610.   line-height: normal;
  1611. }
  1612.  
  1613. input[type="file"] {
  1614.   display: block;
  1615. }
  1616.  
  1617. input[type="range"] {
  1618.   display: block;
  1619.   width: 100%;
  1620. }
  1621.  
  1622. select[multiple],
  1623. select[size] {
  1624.   height: auto;
  1625. }
  1626.  
  1627. input[type="file"]:focus,
  1628. input[type="radio"]:focus,
  1629. input[type="checkbox"]:focus {
  1630.   outline: thin dotted;
  1631.   outline: 5px auto -webkit-focus-ring-color;
  1632.   outline-offset: -2px;
  1633. }
  1634.  
  1635. output {
  1636.   display: block;
  1637.   padding-top: 7px;
  1638.   font-size: 13px;
  1639.   line-height: 1.4;
  1640.   color: #5F5F5F;
  1641. }
  1642.  
  1643. .form-control {
  1644.   display: block;
  1645.   width: 100%;
  1646.   height: 3.4rem;
  1647.   padding: 6px 12px;
  1648.   font-size: 13px;
  1649.   line-height: 1.4;
  1650.   color: #5F5F5F;
  1651.   background-color: #E7E7E7;
  1652.   background-image: none;
  1653.   border: 1px solid #dbdbdb;
  1654.   border-radius: 2px;
  1655.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1656.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1657.   -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1658.   -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1659.   -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  1660.   transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  1661.   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1662.   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  1663. }
  1664.  
  1665. .form-control:focus {
  1666.   border-color: #448CEF;
  1667.   outline: 0;
  1668.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(68, 140, 239, 0.6);
  1669.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(68, 140, 239, 0.6);
  1670. }
  1671.  
  1672. .form-control::-moz-placeholder {
  1673.   color: #999;
  1674.   opacity: 1;
  1675. }
  1676.  
  1677. .form-control:-ms-input-placeholder {
  1678.   color: #999;
  1679. }
  1680.  
  1681. .form-control::-webkit-input-placeholder {
  1682.   color: #999;
  1683. }
  1684.  
  1685. .form-control[disabled], .form-control[readonly],
  1686. fieldset[disabled] .form-control {
  1687.   background-color: #eee;
  1688.   opacity: 1;
  1689. }
  1690.  
  1691. .form-control[disabled],
  1692. fieldset[disabled] .form-control {
  1693.   cursor: not-allowed;
  1694. }
  1695.  
  1696. textarea.form-control {
  1697.   height: auto;
  1698. }
  1699.  
  1700. input[type="search"] {
  1701.   -webkit-appearance: none;
  1702. }
  1703.  
  1704. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  1705.   input[type="date"].form-control,
  1706.   input[type="time"].form-control,
  1707.   input[type="datetime-local"].form-control,
  1708.   input[type="month"].form-control {
  1709.     line-height: 3.4rem;
  1710.   }
  1711.   input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  1712.   .input-group-sm > input[type="date"].input-group-addon,
  1713.   .input-group-sm > .input-group-btn > input[type="date"].btn,
  1714.   .input-group-sm input[type="date"],
  1715.   input[type="time"].input-sm,
  1716.   .input-group-sm > input[type="time"].form-control,
  1717.   .input-group-sm > input[type="time"].input-group-addon,
  1718.   .input-group-sm > .input-group-btn > input[type="time"].btn,
  1719.   .input-group-sm
  1720.   input[type="time"],
  1721.   input[type="datetime-local"].input-sm,
  1722.   .input-group-sm > input[type="datetime-local"].form-control,
  1723.   .input-group-sm > input[type="datetime-local"].input-group-addon,
  1724.   .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  1725.   .input-group-sm
  1726.   input[type="datetime-local"],
  1727.   input[type="month"].input-sm,
  1728.   .input-group-sm > input[type="month"].form-control,
  1729.   .input-group-sm > input[type="month"].input-group-addon,
  1730.   .input-group-sm > .input-group-btn > input[type="month"].btn,
  1731.   .input-group-sm
  1732.   input[type="month"] {
  1733.     line-height: 30px;
  1734.   }
  1735.   input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  1736.   .input-group-lg > input[type="date"].input-group-addon,
  1737.   .input-group-lg > .input-group-btn > input[type="date"].btn,
  1738.   .input-group-lg input[type="date"],
  1739.   input[type="time"].input-lg,
  1740.   .input-group-lg > input[type="time"].form-control,
  1741.   .input-group-lg > input[type="time"].input-group-addon,
  1742.   .input-group-lg > .input-group-btn > input[type="time"].btn,
  1743.   .input-group-lg
  1744.   input[type="time"],
  1745.   input[type="datetime-local"].input-lg,
  1746.   .input-group-lg > input[type="datetime-local"].form-control,
  1747.   .input-group-lg > input[type="datetime-local"].input-group-addon,
  1748.   .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  1749.   .input-group-lg
  1750.   input[type="datetime-local"],
  1751.   input[type="month"].input-lg,
  1752.   .input-group-lg > input[type="month"].form-control,
  1753.   .input-group-lg > input[type="month"].input-group-addon,
  1754.   .input-group-lg > .input-group-btn > input[type="month"].btn,
  1755.   .input-group-lg
  1756.   input[type="month"] {
  1757.     line-height: 45px;
  1758.   }
  1759. }
  1760.  
  1761. .form-group {
  1762.   margin-bottom: 15px;
  1763. }
  1764.  
  1765. .radio,
  1766. .checkbox {
  1767.   position: relative;
  1768.   display: block;
  1769.   margin-top: 10px;
  1770.   margin-bottom: 10px;
  1771. }
  1772.  
  1773. .radio label,
  1774. .checkbox label {
  1775.   min-height: 18px;
  1776.   padding-left: 20px;
  1777.   margin-bottom: 0;
  1778.   font-weight: normal;
  1779.   cursor: pointer;
  1780. }
  1781.  
  1782. .radio input[type="radio"],
  1783. .radio-inline input[type="radio"],
  1784. .checkbox input[type="checkbox"],
  1785. .checkbox-inline input[type="checkbox"] {
  1786.   position: absolute;
  1787.   margin-left: -20px;
  1788.   margin-top: 4px \9;
  1789. }
  1790.  
  1791. .radio + .radio,
  1792. .checkbox + .checkbox {
  1793.   margin-top: -5px;
  1794. }
  1795.  
  1796. .radio-inline,
  1797. .checkbox-inline {
  1798.   position: relative;
  1799.   display: inline-block;
  1800.   padding-left: 20px;
  1801.   margin-bottom: 0;
  1802.   vertical-align: middle;
  1803.   font-weight: normal;
  1804.   cursor: pointer;
  1805. }
  1806.  
  1807. .radio-inline + .radio-inline,
  1808. .checkbox-inline + .checkbox-inline {
  1809.   margin-top: 0;
  1810.   margin-left: 10px;
  1811. }
  1812.  
  1813. input[type="radio"][disabled], input[type="radio"].disabled,
  1814. fieldset[disabled] input[type="radio"],
  1815. input[type="checkbox"][disabled],
  1816. input[type="checkbox"].disabled,
  1817. fieldset[disabled]
  1818. input[type="checkbox"] {
  1819.   cursor: not-allowed;
  1820. }
  1821.  
  1822. .radio-inline.disabled,
  1823. fieldset[disabled] .radio-inline,
  1824. .checkbox-inline.disabled,
  1825. fieldset[disabled]
  1826. .checkbox-inline {
  1827.   cursor: not-allowed;
  1828. }
  1829.  
  1830. .radio.disabled label,
  1831. fieldset[disabled] .radio label,
  1832. .checkbox.disabled label,
  1833. fieldset[disabled]
  1834. .checkbox label {
  1835.   cursor: not-allowed;
  1836. }
  1837.  
  1838. .form-control-static {
  1839.   padding-top: 7px;
  1840.   padding-bottom: 7px;
  1841.   margin-bottom: 0;
  1842.   min-height: 31px;
  1843. }
  1844.  
  1845. .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  1846. .input-group-lg > .form-control-static.input-group-addon,
  1847. .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  1848. .input-group-sm > .form-control-static.input-group-addon,
  1849. .input-group-sm > .input-group-btn > .form-control-static.btn {
  1850.   padding-left: 0;
  1851.   padding-right: 0;
  1852. }
  1853.  
  1854. .input-sm, .input-group-sm > .form-control,
  1855. .input-group-sm > .input-group-addon,
  1856. .input-group-sm > .input-group-btn > .btn {
  1857.   height: 30px;
  1858.   padding: 5px 10px;
  1859.   font-size: 12px;
  1860.   line-height: 1.5;
  1861.   border-radius: 3px;
  1862. }
  1863.  
  1864. select.input-sm, .input-group-sm > select.form-control,
  1865. .input-group-sm > select.input-group-addon,
  1866. .input-group-sm > .input-group-btn > select.btn {
  1867.   height: 30px;
  1868.   line-height: 30px;
  1869. }
  1870.  
  1871. textarea.input-sm, .input-group-sm > textarea.form-control,
  1872. .input-group-sm > textarea.input-group-addon,
  1873. .input-group-sm > .input-group-btn > textarea.btn,
  1874. select[multiple].input-sm,
  1875. .input-group-sm > select[multiple].form-control,
  1876. .input-group-sm > select[multiple].input-group-addon,
  1877. .input-group-sm > .input-group-btn > select[multiple].btn {
  1878.   height: auto;
  1879. }
  1880.  
  1881. .form-group-sm .form-control {
  1882.   height: 30px;
  1883.   padding: 5px 10px;
  1884.   font-size: 12px;
  1885.   line-height: 1.5;
  1886.   border-radius: 3px;
  1887. }
  1888.  
  1889. .form-group-sm select.form-control {
  1890.   height: 30px;
  1891.   line-height: 30px;
  1892. }
  1893.  
  1894. .form-group-sm textarea.form-control,
  1895. .form-group-sm select[multiple].form-control {
  1896.   height: auto;
  1897. }
  1898.  
  1899. .form-group-sm .form-control-static {
  1900.   height: 30px;
  1901.   min-height: 30px;
  1902.   padding: 6px 10px;
  1903.   font-size: 12px;
  1904.   line-height: 1.5;
  1905. }
  1906.  
  1907. .input-lg, .input-group-lg > .form-control,
  1908. .input-group-lg > .input-group-addon,
  1909. .input-group-lg > .input-group-btn > .btn {
  1910.   height: 45px;
  1911.   padding: 10px 16px;
  1912.   font-size: 17px;
  1913.   line-height: 1.3333333;
  1914.   border-radius: 6px;
  1915. }
  1916.  
  1917. select.input-lg, .input-group-lg > select.form-control,
  1918. .input-group-lg > select.input-group-addon,
  1919. .input-group-lg > .input-group-btn > select.btn {
  1920.   height: 45px;
  1921.   line-height: 45px;
  1922. }
  1923.  
  1924. textarea.input-lg, .input-group-lg > textarea.form-control,
  1925. .input-group-lg > textarea.input-group-addon,
  1926. .input-group-lg > .input-group-btn > textarea.btn,
  1927. select[multiple].input-lg,
  1928. .input-group-lg > select[multiple].form-control,
  1929. .input-group-lg > select[multiple].input-group-addon,
  1930. .input-group-lg > .input-group-btn > select[multiple].btn {
  1931.   height: auto;
  1932. }
  1933.  
  1934. .form-group-lg .form-control {
  1935.   height: 45px;
  1936.   padding: 10px 16px;
  1937.   font-size: 17px;
  1938.   line-height: 1.3333333;
  1939.   border-radius: 6px;
  1940. }
  1941.  
  1942. .form-group-lg select.form-control {
  1943.   height: 45px;
  1944.   line-height: 45px;
  1945. }
  1946.  
  1947. .form-group-lg textarea.form-control,
  1948. .form-group-lg select[multiple].form-control {
  1949.   height: auto;
  1950. }
  1951.  
  1952. .form-group-lg .form-control-static {
  1953.   height: 45px;
  1954.   min-height: 35px;
  1955.   padding: 11px 16px;
  1956.   font-size: 17px;
  1957.   line-height: 1.3333333;
  1958. }
  1959.  
  1960. .has-feedback {
  1961.   position: relative;
  1962. }
  1963.  
  1964. .has-feedback .form-control {
  1965.   padding-right: 4.25rem;
  1966. }
  1967.  
  1968. .form-control-feedback {
  1969.   position: absolute;
  1970.   top: 0;
  1971.   right: 0;
  1972.   z-index: 2;
  1973.   display: block;
  1974.   width: 3.4rem;
  1975.   height: 3.4rem;
  1976.   line-height: 3.4rem;
  1977.   text-align: center;
  1978.   pointer-events: none;
  1979. }
  1980.  
  1981. .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
  1982. .input-group-lg > .input-group-addon + .form-control-feedback,
  1983. .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
  1984. .input-group-lg + .form-control-feedback,
  1985. .form-group-lg .form-control + .form-control-feedback {
  1986.   width: 45px;
  1987.   height: 45px;
  1988.   line-height: 45px;
  1989. }
  1990.  
  1991. .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
  1992. .input-group-sm > .input-group-addon + .form-control-feedback,
  1993. .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
  1994. .input-group-sm + .form-control-feedback,
  1995. .form-group-sm .form-control + .form-control-feedback {
  1996.   width: 30px;
  1997.   height: 30px;
  1998.   line-height: 30px;
  1999. }
  2000.  
  2001. .has-success .help-block,
  2002. .has-success .control-label,
  2003. .has-success .radio,
  2004. .has-success .checkbox,
  2005. .has-success .radio-inline,
  2006. .has-success .checkbox-inline,
  2007. .has-success.radio label,
  2008. .has-success.checkbox label,
  2009. .has-success.radio-inline label,
  2010. .has-success.checkbox-inline label {
  2011.   color: white;
  2012. }
  2013.  
  2014. .has-success .form-control {
  2015.   border-color: white;
  2016.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2017.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2018. }
  2019.  
  2020. .has-success .form-control:focus {
  2021.   border-color: #e6e6e6;
  2022.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  2023.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  2024. }
  2025.  
  2026. .has-success .input-group-addon {
  2027.   color: white;
  2028.   border-color: white;
  2029.   background-color: #599877;
  2030. }
  2031.  
  2032. .has-success .form-control-feedback {
  2033.   color: white;
  2034. }
  2035.  
  2036. .has-warning .help-block,
  2037. .has-warning .control-label,
  2038. .has-warning .radio,
  2039. .has-warning .checkbox,
  2040. .has-warning .radio-inline,
  2041. .has-warning .checkbox-inline,
  2042. .has-warning.radio label,
  2043. .has-warning.checkbox label,
  2044. .has-warning.radio-inline label,
  2045. .has-warning.checkbox-inline label {
  2046.   color: #84652F;
  2047. }
  2048.  
  2049. .has-warning .form-control {
  2050.   border-color: #84652F;
  2051.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2052.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2053. }
  2054.  
  2055. .has-warning .form-control:focus {
  2056.   border-color: #5e4822;
  2057.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c39b56;
  2058.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c39b56;
  2059. }
  2060.  
  2061. .has-warning .input-group-addon {
  2062.   color: #84652F;
  2063.   border-color: #84652F;
  2064.   background-color: #FFE5B9;
  2065. }
  2066.  
  2067. .has-warning .form-control-feedback {
  2068.   color: #84652F;
  2069. }
  2070.  
  2071. .has-error .help-block,
  2072. .has-error .control-label,
  2073. .has-error .radio,
  2074. .has-error .checkbox,
  2075. .has-error .radio-inline,
  2076. .has-error .checkbox-inline,
  2077. .has-error.radio label,
  2078. .has-error.checkbox label,
  2079. .has-error.radio-inline label,
  2080. .has-error.checkbox-inline label {
  2081.   color: white;
  2082. }
  2083.  
  2084. .has-error .form-control {
  2085.   border-color: white;
  2086.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2087.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2088. }
  2089.  
  2090. .has-error .form-control:focus {
  2091.   border-color: #e6e6e6;
  2092.   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  2093.   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  2094. }
  2095.  
  2096. .has-error .input-group-addon {
  2097.   color: white;
  2098.   border-color: white;
  2099.   background-color: #CF6363;
  2100. }
  2101.  
  2102. .has-error .form-control-feedback {
  2103.   color: white;
  2104. }
  2105.  
  2106. .has-feedback label ~ .form-control-feedback {
  2107.   top: 23px;
  2108. }
  2109.  
  2110. .has-feedback label.sr-only ~ .form-control-feedback {
  2111.   top: 0;
  2112. }
  2113.  
  2114. .help-block {
  2115.   display: block;
  2116.   margin-top: 5px;
  2117.   margin-bottom: 10px;
  2118.   color: #707070;
  2119. }
  2120.  
  2121. @media (min-width: 768px) {
  2122.   .form-inline .form-group {
  2123.     display: inline-block;
  2124.     margin-bottom: 0;
  2125.     vertical-align: middle;
  2126.   }
  2127.   .form-inline .form-control {
  2128.     display: inline-block;
  2129.     width: auto;
  2130.     vertical-align: middle;
  2131.   }
  2132.   .form-inline .form-control-static {
  2133.     display: inline-block;
  2134.   }
  2135.   .form-inline .input-group {
  2136.     display: inline-table;
  2137.     vertical-align: middle;
  2138.   }
  2139.   .form-inline .input-group .input-group-addon,
  2140.   .form-inline .input-group .input-group-btn,
  2141.   .form-inline .input-group .form-control {
  2142.     width: auto;
  2143.   }
  2144.   .form-inline .input-group > .form-control {
  2145.     width: 100%;
  2146.   }
  2147.   .form-inline .control-label {
  2148.     margin-bottom: 0;
  2149.     vertical-align: middle;
  2150.   }
  2151.   .form-inline .radio,
  2152.   .form-inline .checkbox {
  2153.     display: inline-block;
  2154.     margin-top: 0;
  2155.     margin-bottom: 0;
  2156.     vertical-align: middle;
  2157.   }
  2158.   .form-inline .radio label,
  2159.   .form-inline .checkbox label {
  2160.     padding-left: 0;
  2161.   }
  2162.   .form-inline .radio input[type="radio"],
  2163.   .form-inline .checkbox input[type="checkbox"] {
  2164.     position: relative;
  2165.     margin-left: 0;
  2166.   }
  2167.   .form-inline .has-feedback .form-control-feedback {
  2168.     top: 0;
  2169.   }
  2170. }
  2171.  
  2172. .form-horizontal .radio,
  2173. .form-horizontal .checkbox,
  2174. .form-horizontal .radio-inline,
  2175. .form-horizontal .checkbox-inline {
  2176.   margin-top: 0;
  2177.   margin-bottom: 0;
  2178.   padding-top: 7px;
  2179. }
  2180.  
  2181. .form-horizontal .radio,
  2182. .form-horizontal .checkbox {
  2183.   min-height: 25px;
  2184. }
  2185.  
  2186. .form-horizontal .form-group {
  2187.   margin-left: -7px;
  2188.   margin-right: -8px;
  2189. }
  2190.  
  2191. .form-horizontal .form-group:after {
  2192.   clear: both;
  2193. }
  2194.  
  2195. .form-horizontal .form-group:after, .form-horizontal .form-group:before {
  2196.   content: " ";
  2197.   display: table;
  2198. }
  2199.  
  2200. @media (min-width: 768px) {
  2201.   .form-horizontal .control-label {
  2202.     text-align: right;
  2203.     margin-bottom: 0;
  2204.     padding-top: 7px;
  2205.   }
  2206. }
  2207.  
  2208. .form-horizontal .has-feedback .form-control-feedback {
  2209.   right: 7px;
  2210. }
  2211.  
  2212. @media (min-width: 768px) {
  2213.   .form-horizontal .form-group-lg .control-label {
  2214.     padding-top: 14.333333px;
  2215.     font-size: 17px;
  2216.   }
  2217. }
  2218.  
  2219. @media (min-width: 768px) {
  2220.   .form-horizontal .form-group-sm .control-label {
  2221.     padding-top: 6px;
  2222.     font-size: 12px;
  2223.   }
  2224. }
  2225.  
  2226. .fade {
  2227.   opacity: 0;
  2228.   -webkit-transition: opacity 0.15s linear;
  2229.   -o-transition: opacity 0.15s linear;
  2230.   transition: opacity 0.15s linear;
  2231. }
  2232.  
  2233. .fade.in {
  2234.   opacity: 1;
  2235. }
  2236.  
  2237. .collapse {
  2238.   display: none;
  2239. }
  2240.  
  2241. .collapse.in {
  2242.   display: block;
  2243. }
  2244.  
  2245. tr.collapse.in {
  2246.   display: table-row;
  2247. }
  2248.  
  2249. tbody.collapse.in {
  2250.   display: table-row-group;
  2251. }
  2252.  
  2253. .collapsing {
  2254.   position: relative;
  2255.   height: 0;
  2256.   overflow: hidden;
  2257.   -webkit-transition-property: height, visibility;
  2258.   -o-transition-property: height, visibility;
  2259.   transition-property: height, visibility;
  2260.   -webkit-transition-duration: 0.35s;
  2261.   -o-transition-duration: 0.35s;
  2262.      transition-duration: 0.35s;
  2263.   -webkit-transition-timing-function: ease;
  2264.   -o-transition-timing-function: ease;
  2265.      transition-timing-function: ease;
  2266. }
  2267.  
  2268. .caret {
  2269.   display: inline-block;
  2270.   width: 0;
  2271.   height: 0;
  2272.   margin-left: 2px;
  2273.   vertical-align: middle;
  2274.   border-top: 4px dashed;
  2275.   border-top: 4px solid \9;
  2276.   border-right: 4px solid transparent;
  2277.   border-left: 4px solid transparent;
  2278. }
  2279.  
  2280. .dropup,
  2281. .dropdown {
  2282.   position: relative;
  2283. }
  2284.  
  2285. .dropdown-toggle:focus {
  2286.   outline: 0;
  2287. }
  2288.  
  2289. .dropdown-menu {
  2290.   position: absolute;
  2291.   top: 100%;
  2292.   left: 0;
  2293.   z-index: 1000;
  2294.   display: none;
  2295.   float: left;
  2296.   min-width: 160px;
  2297.   padding: 5px 0;
  2298.   margin: 2px 0 0;
  2299.   list-style: none;
  2300.   font-size: 13px;
  2301.   text-align: left;
  2302.   background-color: #fff;
  2303.   border: 1px solid #ccc;
  2304.   border: 1px solid rgba(0, 0, 0, 0.15);
  2305.   border-radius: 2px;
  2306.   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  2307.   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  2308.   -webkit-background-clip: padding-box;
  2309.           background-clip: padding-box;
  2310. }
  2311.  
  2312. .dropdown-menu.pull-right {
  2313.   right: 0;
  2314.   left: auto;
  2315. }
  2316.  
  2317. .dropdown-menu .divider {
  2318.   height: 1px;
  2319.   margin: 8px 0;
  2320.   overflow: hidden;
  2321.   background-color: #e5e5e5;
  2322. }
  2323.  
  2324. .dropdown-menu > li > a {
  2325.   display: block;
  2326.   padding: 3px 20px;
  2327.   clear: both;
  2328.   font-weight: normal;
  2329.   line-height: 1.4;
  2330.   color: #333333;
  2331.   white-space: nowrap;
  2332. }
  2333.  
  2334. .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  2335.   text-decoration: none;
  2336.   color: #262626;
  2337.   background-color: #f5f5f5;
  2338. }
  2339.  
  2340. .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  2341.   color: #fff;
  2342.   text-decoration: none;
  2343.   outline: 0;
  2344.   background-color: #b03d3d;
  2345. }
  2346.  
  2347. .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  2348.   color: #777777;
  2349. }
  2350.  
  2351. .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  2352.   text-decoration: none;
  2353.   background-color: transparent;
  2354.   background-image: none;
  2355.   filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  2356.   cursor: not-allowed;
  2357. }
  2358.  
  2359. .open > .dropdown-menu {
  2360.   display: block;
  2361. }
  2362.  
  2363. .open > a {
  2364.   outline: 0;
  2365. }
  2366.  
  2367. .dropdown-menu-right {
  2368.   left: auto;
  2369.   right: 0;
  2370. }
  2371.  
  2372. .dropdown-menu-left {
  2373.   left: 0;
  2374.   right: auto;
  2375. }
  2376.  
  2377. .dropdown-header {
  2378.   display: block;
  2379.   padding: 3px 20px;
  2380.   font-size: 12px;
  2381.   line-height: 1.4;
  2382.   color: #777777;
  2383.   white-space: nowrap;
  2384. }
  2385.  
  2386. .dropdown-backdrop {
  2387.   position: fixed;
  2388.   left: 0;
  2389.   right: 0;
  2390.   bottom: 0;
  2391.   top: 0;
  2392.   z-index: 990;
  2393. }
  2394.  
  2395. .pull-right > .dropdown-menu {
  2396.   right: 0;
  2397.   left: auto;
  2398. }
  2399.  
  2400. .dropup .caret,
  2401. .navbar-fixed-bottom .dropdown .caret {
  2402.   border-top: 0;
  2403.   border-bottom: 4px dashed;
  2404.   border-bottom: 4px solid \9;
  2405.   content: "";
  2406. }
  2407.  
  2408. .dropup .dropdown-menu,
  2409. .navbar-fixed-bottom .dropdown .dropdown-menu {
  2410.   top: auto;
  2411.   bottom: 100%;
  2412.   margin-bottom: 2px;
  2413. }
  2414.  
  2415. @media (min-width: 768px) {
  2416.   .navbar-right .dropdown-menu {
  2417.     right: 0;
  2418.     left: auto;
  2419.   }
  2420.   .navbar-right .dropdown-menu-left {
  2421.     left: 0;
  2422.     right: auto;
  2423.   }
  2424. }
  2425.  
  2426. .btn-group,
  2427. .btn-group-vertical {
  2428.   position: relative;
  2429.   display: inline-block;
  2430.   vertical-align: middle;
  2431. }
  2432.  
  2433. .btn-group > .btn,
  2434. .btn-group-vertical > .btn {
  2435.   position: relative;
  2436.   float: left;
  2437. }
  2438.  
  2439. .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  2440. .btn-group-vertical > .btn:hover,
  2441. .btn-group-vertical > .btn:focus,
  2442. .btn-group-vertical > .btn:active,
  2443. .btn-group-vertical > .btn.active {
  2444.   z-index: 2;
  2445. }
  2446.  
  2447. .btn-group .btn + .btn,
  2448. .btn-group .btn + .btn-group,
  2449. .btn-group .btn-group + .btn,
  2450. .btn-group .btn-group + .btn-group {
  2451.   margin-left: -1px;
  2452. }
  2453.  
  2454. .btn-toolbar {
  2455.   margin-left: -5px;
  2456. }
  2457.  
  2458. .btn-toolbar:after {
  2459.   clear: both;
  2460. }
  2461.  
  2462. .btn-toolbar:after, .btn-toolbar:before {
  2463.   content: " ";
  2464.   display: table;
  2465. }
  2466.  
  2467. .btn-toolbar .btn,
  2468. .btn-toolbar .btn-group,
  2469. .btn-toolbar .input-group {
  2470.   float: left;
  2471. }
  2472.  
  2473. .btn-toolbar > .btn,
  2474. .btn-toolbar > .btn-group,
  2475. .btn-toolbar > .input-group {
  2476.   margin-left: 5px;
  2477. }
  2478.  
  2479. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  2480.   border-radius: 0;
  2481. }
  2482.  
  2483. .btn-group > .btn:first-child {
  2484.   margin-left: 0;
  2485. }
  2486.  
  2487. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  2488.   border-bottom-right-radius: 0;
  2489.   border-top-right-radius: 0;
  2490. }
  2491.  
  2492. .btn-group > .btn:last-child:not(:first-child),
  2493. .btn-group > .dropdown-toggle:not(:first-child) {
  2494.   border-bottom-left-radius: 0;
  2495.   border-top-left-radius: 0;
  2496. }
  2497.  
  2498. .btn-group > .btn-group {
  2499.   float: left;
  2500. }
  2501.  
  2502. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  2503.   border-radius: 0;
  2504. }
  2505.  
  2506. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  2507. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  2508.   border-bottom-right-radius: 0;
  2509.   border-top-right-radius: 0;
  2510. }
  2511.  
  2512. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  2513.   border-bottom-left-radius: 0;
  2514.   border-top-left-radius: 0;
  2515. }
  2516.  
  2517. .btn-group .dropdown-toggle:active,
  2518. .btn-group.open .dropdown-toggle {
  2519.   outline: 0;
  2520. }
  2521.  
  2522. .btn-group > .btn + .dropdown-toggle {
  2523.   padding-left: 8px;
  2524.   padding-right: 8px;
  2525. }
  2526.  
  2527. .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  2528.   padding-left: 12px;
  2529.   padding-right: 12px;
  2530. }
  2531.  
  2532. .btn-group.open .dropdown-toggle {
  2533.   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2534.   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2535. }
  2536.  
  2537. .btn-group.open .dropdown-toggle.btn-link {
  2538.   -webkit-box-shadow: none;
  2539.   box-shadow: none;
  2540. }
  2541.  
  2542. .btn .caret {
  2543.   margin-left: 0;
  2544. }
  2545.  
  2546. .btn-lg .caret, .btn-group-lg > .btn .caret {
  2547.   border-width: 5px 5px 0;
  2548.   border-bottom-width: 0;
  2549. }
  2550.  
  2551. .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  2552.   border-width: 0 5px 5px;
  2553. }
  2554.  
  2555. .btn-group-vertical > .btn,
  2556. .btn-group-vertical > .btn-group,
  2557. .btn-group-vertical > .btn-group > .btn {
  2558.   display: block;
  2559.   float: none;
  2560.   width: 100%;
  2561.   max-width: 100%;
  2562. }
  2563.  
  2564. .btn-group-vertical > .btn-group:after {
  2565.   clear: both;
  2566. }
  2567.  
  2568. .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
  2569.   content: " ";
  2570.   display: table;
  2571. }
  2572.  
  2573. .btn-group-vertical > .btn-group > .btn {
  2574.   float: none;
  2575. }
  2576.  
  2577. .btn-group-vertical > .btn + .btn,
  2578. .btn-group-vertical > .btn + .btn-group,
  2579. .btn-group-vertical > .btn-group + .btn,
  2580. .btn-group-vertical > .btn-group + .btn-group {
  2581.   margin-top: -1px;
  2582.   margin-left: 0;
  2583. }
  2584.  
  2585. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  2586.   border-radius: 0;
  2587. }
  2588.  
  2589. .btn-group-vertical > .btn:first-child:not(:last-child) {
  2590.   border-top-right-radius: 4px;
  2591.   border-bottom-right-radius: 0;
  2592.   border-bottom-left-radius: 0;
  2593. }
  2594.  
  2595. .btn-group-vertical > .btn:last-child:not(:first-child) {
  2596.   border-bottom-left-radius: 4px;
  2597.   border-top-right-radius: 0;
  2598.   border-top-left-radius: 0;
  2599. }
  2600.  
  2601. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  2602.   border-radius: 0;
  2603. }
  2604.  
  2605. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  2606. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  2607.   border-bottom-right-radius: 0;
  2608.   border-bottom-left-radius: 0;
  2609. }
  2610.  
  2611. .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  2612.   border-top-right-radius: 0;
  2613.   border-top-left-radius: 0;
  2614. }
  2615.  
  2616. .btn-group-justified {
  2617.   display: table;
  2618.   width: 100%;
  2619.   table-layout: fixed;
  2620.   border-collapse: separate;
  2621. }
  2622.  
  2623. .btn-group-justified > .btn,
  2624. .btn-group-justified > .btn-group {
  2625.   float: none;
  2626.   display: table-cell;
  2627.   width: 1%;
  2628. }
  2629.  
  2630. .btn-group-justified > .btn-group .btn {
  2631.   width: 100%;
  2632. }
  2633.  
  2634. .btn-group-justified > .btn-group .dropdown-menu {
  2635.   left: auto;
  2636. }
  2637.  
  2638. [data-toggle="buttons"] > .btn input[type="radio"],
  2639. [data-toggle="buttons"] > .btn input[type="checkbox"],
  2640. [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  2641. [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  2642.   position: absolute;
  2643.   clip: rect(0, 0, 0, 0);
  2644.   pointer-events: none;
  2645. }
  2646.  
  2647. .input-group {
  2648.   position: relative;
  2649.   display: table;
  2650.   border-collapse: separate;
  2651. }
  2652.  
  2653. .input-group[class*="col-"] {
  2654.   float: none;
  2655.   padding-left: 0;
  2656.   padding-right: 0;
  2657. }
  2658.  
  2659. .input-group .form-control {
  2660.   position: relative;
  2661.   z-index: 2;
  2662.   float: left;
  2663.   width: 100%;
  2664.   margin-bottom: 0;
  2665. }
  2666.  
  2667. .input-group-addon,
  2668. .input-group-btn,
  2669. .input-group .form-control {
  2670.   display: table-cell;
  2671. }
  2672.  
  2673. .input-group-addon:not(:first-child):not(:last-child),
  2674. .input-group-btn:not(:first-child):not(:last-child),
  2675. .input-group .form-control:not(:first-child):not(:last-child) {
  2676.   border-radius: 0;
  2677. }
  2678.  
  2679. .input-group-addon,
  2680. .input-group-btn {
  2681.   width: 1%;
  2682.   white-space: nowrap;
  2683.   vertical-align: middle;
  2684. }
  2685.  
  2686. .input-group-addon {
  2687.   padding: 6px 12px;
  2688.   font-size: 13px;
  2689.   font-weight: normal;
  2690.   line-height: 1;
  2691.   color: #5F5F5F;
  2692.   text-align: center;
  2693.   background-color: #D5D5D5;
  2694.   border: 1px solid #dbdbdb;
  2695.   border-radius: 2px;
  2696. }
  2697.  
  2698. .input-group-addon.input-sm,
  2699. .input-group-sm > .input-group-addon,
  2700. .input-group-sm > .input-group-btn > .input-group-addon.btn {
  2701.   padding: 5px 10px;
  2702.   font-size: 12px;
  2703.   border-radius: 3px;
  2704. }
  2705.  
  2706. .input-group-addon.input-lg,
  2707. .input-group-lg > .input-group-addon,
  2708. .input-group-lg > .input-group-btn > .input-group-addon.btn {
  2709.   padding: 10px 16px;
  2710.   font-size: 17px;
  2711.   border-radius: 6px;
  2712. }
  2713.  
  2714. .input-group-addon input[type="radio"],
  2715. .input-group-addon input[type="checkbox"] {
  2716.   margin-top: 0;
  2717. }
  2718.  
  2719. .input-group .form-control:first-child,
  2720. .input-group-addon:first-child,
  2721. .input-group-btn:first-child > .btn,
  2722. .input-group-btn:first-child > .btn-group > .btn,
  2723. .input-group-btn:first-child > .dropdown-toggle,
  2724. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  2725. .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  2726.   border-bottom-right-radius: 0;
  2727.   border-top-right-radius: 0;
  2728. }
  2729.  
  2730. .input-group-addon:first-child {
  2731.   border-right: 0;
  2732. }
  2733.  
  2734. .input-group .form-control:last-child,
  2735. .input-group-addon:last-child,
  2736. .input-group-btn:last-child > .btn,
  2737. .input-group-btn:last-child > .btn-group > .btn,
  2738. .input-group-btn:last-child > .dropdown-toggle,
  2739. .input-group-btn:first-child > .btn:not(:first-child),
  2740. .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  2741.   border-bottom-left-radius: 0;
  2742.   border-top-left-radius: 0;
  2743. }
  2744.  
  2745. .input-group-addon:last-child {
  2746.   border-left: 0;
  2747. }
  2748.  
  2749. .input-group-btn {
  2750.   position: relative;
  2751.   font-size: 0;
  2752.   white-space: nowrap;
  2753. }
  2754.  
  2755. .input-group-btn > .btn {
  2756.   position: relative;
  2757. }
  2758.  
  2759. .input-group-btn > .btn + .btn {
  2760.   margin-left: -1px;
  2761. }
  2762.  
  2763. .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  2764.   z-index: 2;
  2765. }
  2766.  
  2767. .input-group-btn:first-child > .btn,
  2768. .input-group-btn:first-child > .btn-group {
  2769.   margin-right: -1px;
  2770. }
  2771.  
  2772. .input-group-btn:last-child > .btn,
  2773. .input-group-btn:last-child > .btn-group {
  2774.   z-index: 2;
  2775.   margin-left: -1px;
  2776. }
  2777.  
  2778. .nav {
  2779.   margin-bottom: 0;
  2780.   padding-left: 0;
  2781.   list-style: none;
  2782. }
  2783.  
  2784. .nav:after {
  2785.   clear: both;
  2786. }
  2787.  
  2788. .nav:after, .nav:before {
  2789.   content: " ";
  2790.   display: table;
  2791. }
  2792.  
  2793. .nav > li {
  2794.   position: relative;
  2795.   display: block;
  2796. }
  2797.  
  2798. .nav > li > a {
  2799.   position: relative;
  2800.   display: block;
  2801.   padding: 10px 15px;
  2802. }
  2803.  
  2804. .nav > li > a:hover, .nav > li > a:focus {
  2805.   text-decoration: none;
  2806.   background-color: #D5D5D5;
  2807. }
  2808.  
  2809. .nav > li.disabled > a {
  2810.   color: #777777;
  2811. }
  2812.  
  2813. .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  2814.   color: #777777;
  2815.   text-decoration: none;
  2816.   background-color: transparent;
  2817.   cursor: not-allowed;
  2818. }
  2819.  
  2820. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  2821.   background-color: #D5D5D5;
  2822.   border-color: #2D76D7;
  2823. }
  2824.  
  2825. .nav .nav-divider {
  2826.   height: 1px;
  2827.   margin: 8px 0;
  2828.   overflow: hidden;
  2829.   background-color: #e5e5e5;
  2830. }
  2831.  
  2832. .nav > li > a > img {
  2833.   max-width: none;
  2834. }
  2835.  
  2836. .nav-tabs {
  2837.   border-bottom: 1px solid #ddd;
  2838. }
  2839.  
  2840. .nav-tabs > li {
  2841.   float: left;
  2842.   margin-bottom: -1px;
  2843. }
  2844.  
  2845. .nav-tabs > li > a {
  2846.   margin-right: 2px;
  2847.   line-height: 1.4;
  2848.   border: 1px solid transparent;
  2849.   border-radius: 2px 2px 0 0;
  2850. }
  2851.  
  2852. .nav-tabs > li > a:hover {
  2853.   border-color: #D5D5D5 #D5D5D5 #ddd;
  2854. }
  2855.  
  2856. .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  2857.   color: #555555;
  2858.   background-color: #CACACA;
  2859.   border: 1px solid #ddd;
  2860.   border-bottom-color: transparent;
  2861.   cursor: default;
  2862. }
  2863.  
  2864. .nav-pills > li {
  2865.   float: left;
  2866. }
  2867.  
  2868. .nav-pills > li > a {
  2869.   border-radius: 2px;
  2870. }
  2871.  
  2872. .nav-pills > li + li {
  2873.   margin-left: 2px;
  2874. }
  2875.  
  2876. .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  2877.   color: #fff;
  2878.   background-color: #b03d3d;
  2879. }
  2880.  
  2881. .nav-stacked > li {
  2882.   float: none;
  2883. }
  2884.  
  2885. .nav-stacked > li + li {
  2886.   margin-top: 2px;
  2887.   margin-left: 0;
  2888. }
  2889.  
  2890. .nav-justified, .nav-tabs.nav-justified {
  2891.   width: 100%;
  2892. }
  2893.  
  2894. .nav-justified > li, .nav-tabs.nav-justified > li {
  2895.   float: none;
  2896. }
  2897.  
  2898. .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  2899.   text-align: center;
  2900.   margin-bottom: 5px;
  2901. }
  2902.  
  2903. .nav-justified > .dropdown .dropdown-menu {
  2904.   top: auto;
  2905.   left: auto;
  2906. }
  2907.  
  2908. @media (min-width: 768px) {
  2909.   .nav-justified > li, .nav-tabs.nav-justified > li {
  2910.     display: table-cell;
  2911.     width: 1%;
  2912.   }
  2913.   .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  2914.     margin-bottom: 0;
  2915.   }
  2916. }
  2917.  
  2918. .nav-tabs-justified, .nav-tabs.nav-justified {
  2919.   border-bottom: 0;
  2920. }
  2921.  
  2922. .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  2923.   margin-right: 0;
  2924.   border-radius: 2px;
  2925. }
  2926.  
  2927. .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  2928. .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  2929. .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  2930.   border: 1px solid #ddd;
  2931. }
  2932.  
  2933. @media (min-width: 768px) {
  2934.   .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  2935.     border-bottom: 1px solid #ddd;
  2936.     border-radius: 2px 2px 0 0;
  2937.   }
  2938.   .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  2939.   .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  2940.   .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  2941.     border-bottom-color: #CACACA;
  2942.   }
  2943. }
  2944.  
  2945. .tab-content > .tab-pane {
  2946.   display: none;
  2947. }
  2948.  
  2949. .tab-content > .active {
  2950.   display: block;
  2951. }
  2952.  
  2953. .nav-tabs .dropdown-menu {
  2954.   margin-top: -1px;
  2955.   border-top-right-radius: 0;
  2956.   border-top-left-radius: 0;
  2957. }
  2958.  
  2959. .label {
  2960.   display: inline;
  2961.   padding: .2em .6em .3em;
  2962.   font-size: 75%;
  2963.   font-weight: bold;
  2964.   line-height: 1;
  2965.   color: #fff;
  2966.   text-align: center;
  2967.   white-space: nowrap;
  2968.   vertical-align: baseline;
  2969.   border-radius: .25em;
  2970. }
  2971.  
  2972. .label:empty {
  2973.   display: none;
  2974. }
  2975.  
  2976. .btn .label {
  2977.   position: relative;
  2978.   top: -1px;
  2979. }
  2980.  
  2981. a.label:hover, a.label:focus {
  2982.   color: #fff;
  2983.   text-decoration: none;
  2984.   cursor: pointer;
  2985. }
  2986.  
  2987. .label-default {
  2988.   background-color: #777777;
  2989. }
  2990.  
  2991. .label-default[href]:hover, .label-default[href]:focus {
  2992.   background-color: #5e5e5e;
  2993. }
  2994.  
  2995. .label-primary {
  2996.   background-color: #b03d3d;
  2997. }
  2998.  
  2999. .label-primary[href]:hover, .label-primary[href]:focus {
  3000.   background-color: #8a3030;
  3001. }
  3002.  
  3003. .label-success {
  3004.   background-color: #599877;
  3005. }
  3006.  
  3007. .label-success[href]:hover, .label-success[href]:focus {
  3008.   background-color: #46785e;
  3009. }
  3010.  
  3011. .label-info {
  3012.   background-color: #499DD0;
  3013. }
  3014.  
  3015. .label-info[href]:hover, .label-info[href]:focus {
  3016.   background-color: #2f84b7;
  3017. }
  3018.  
  3019. .label-warning {
  3020.   background-color: #F6A942;
  3021. }
  3022.  
  3023. .label-warning[href]:hover, .label-warning[href]:focus {
  3024.   background-color: #f49311;
  3025. }
  3026.  
  3027. .label-danger {
  3028.   background-color: #CF6363;
  3029. }
  3030.  
  3031. .label-danger[href]:hover, .label-danger[href]:focus {
  3032.   background-color: #c33c3c;
  3033. }
  3034.  
  3035. .alert, p.error, dd.error {
  3036.   border: 0px solid transparent;
  3037.   border-radius: 0;
  3038.   margin-bottom: 15px;
  3039.   margin-left: 0;
  3040.   padding: 10px 15px;
  3041. }
  3042.  
  3043. .alert h4, p.error h4, dd.error h4 {
  3044.   margin-top: 0;
  3045.   color: inherit;
  3046. }
  3047.  
  3048. .alert .alert-link, p.error .alert-link, dd.error .alert-link {
  3049.   font-weight: bold;
  3050. }
  3051.  
  3052. .alert > p,
  3053. .alert > ul, p.error > p,
  3054. p.error > ul, dd.error > p,
  3055. dd.error > ul {
  3056.   margin-bottom: 0;
  3057. }
  3058.  
  3059. .alert > p + p, p.error > p + p, dd.error > p + p {
  3060.   margin-top: 5px;
  3061. }
  3062.  
  3063. .alert-dismissable .close,
  3064. .alert-dismissible .close {
  3065.   position: relative;
  3066.   top: -2px;
  3067.   right: -21px;
  3068.   color: inherit;
  3069. }
  3070.  
  3071. .alert-success {
  3072.   background-color: #599877;
  3073.   border-color: #566a60;
  3074.   color: white;
  3075. }
  3076.  
  3077. .alert-success hr {
  3078.   border-top-color: #4b5c53;
  3079. }
  3080.  
  3081. .alert-success .alert-link {
  3082.   color: #e6e6e6;
  3083. }
  3084.  
  3085. .alert-info {
  3086.   background-color: #6392CF;
  3087.   border-color: #607794;
  3088.   color: white;
  3089. }
  3090.  
  3091. .alert-info hr {
  3092.   border-top-color: #566b85;
  3093. }
  3094.  
  3095. .alert-info .alert-link {
  3096.   color: #e6e6e6;
  3097. }
  3098.  
  3099. .alert-warning {
  3100.   background-color: #FFE5B9;
  3101.   border-color: #d0b890;
  3102.   color: #84652F;
  3103. }
  3104.  
  3105. .alert-warning hr {
  3106.   border-top-color: #c8ad7f;
  3107. }
  3108.  
  3109. .alert-warning .alert-link {
  3110.   color: #5e4822;
  3111. }
  3112.  
  3113. .alert-danger, p.error, dd.error {
  3114.   background-color: #CF6363;
  3115.   border-color: #946060;
  3116.   color: white;
  3117. }
  3118.  
  3119. .alert-danger hr, p.error hr, dd.error hr {
  3120.   border-top-color: #855656;
  3121. }
  3122.  
  3123. .alert-danger .alert-link, p.error .alert-link, dd.error .alert-link {
  3124.   color: #e6e6e6;
  3125. }
  3126.  
  3127. #page-body > .container > .alert {
  3128.   display: none;
  3129. }
  3130.  
  3131. @-webkit-keyframes progress-bar-stripes {
  3132.   from {
  3133.     background-position: 40px 0;
  3134.   }
  3135.   to {
  3136.     background-position: 0 0;
  3137.   }
  3138. }
  3139.  
  3140. @-o-keyframes progress-bar-stripes {
  3141.   from {
  3142.     background-position: 40px 0;
  3143.   }
  3144.   to {
  3145.     background-position: 0 0;
  3146.   }
  3147. }
  3148.  
  3149. @keyframes progress-bar-stripes {
  3150.   from {
  3151.     background-position: 40px 0;
  3152.   }
  3153.   to {
  3154.     background-position: 0 0;
  3155.   }
  3156. }
  3157.  
  3158. .progress {
  3159.   overflow: hidden;
  3160.   height: 18px;
  3161.   margin-bottom: 18px;
  3162.   background-color: rgba(0, 0, 0, 0.1);
  3163.   border-radius: 2px;
  3164.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  3165.   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  3166. }
  3167.  
  3168. .progress-bar {
  3169.   float: left;
  3170.   width: 0%;
  3171.   height: 100%;
  3172.   font-size: 12px;
  3173.   line-height: 18px;
  3174.   color: #fff;
  3175.   text-align: center;
  3176.   background-color: #b03d3d;
  3177.   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  3178.   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  3179.   -webkit-transition: width 0.6s ease;
  3180.   -o-transition: width 0.6s ease;
  3181.   transition: width 0.6s ease;
  3182. }
  3183.  
  3184. .progress-striped .progress-bar,
  3185. .progress-bar-striped {
  3186.   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);
  3187.   background-image: -o-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);
  3188.   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);
  3189.   -webkit-background-size: 40px 40px;
  3190.           background-size: 40px 40px;
  3191. }
  3192.  
  3193. .progress.active .progress-bar,
  3194. .progress-bar.active {
  3195.   -webkit-animation: progress-bar-stripes 2s linear infinite;
  3196.   -o-animation: progress-bar-stripes 2s linear infinite;
  3197.   animation: progress-bar-stripes 2s linear infinite;
  3198. }
  3199.  
  3200. .progress-bar-success {
  3201.   background-color: #599877;
  3202. }
  3203.  
  3204. .progress-striped .progress-bar-success {
  3205.   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);
  3206.   background-image: -o-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);
  3207.   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);
  3208. }
  3209.  
  3210. .progress-bar-info {
  3211.   background-color: #499DD0;
  3212. }
  3213.  
  3214. .progress-striped .progress-bar-info {
  3215.   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);
  3216.   background-image: -o-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);
  3217.   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);
  3218. }
  3219.  
  3220. .progress-bar-warning {
  3221.   background-color: #F6A942;
  3222. }
  3223.  
  3224. .progress-striped .progress-bar-warning {
  3225.   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);
  3226.   background-image: -o-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);
  3227.   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);
  3228. }
  3229.  
  3230. .progress-bar-danger {
  3231.   background-color: #CF6363;
  3232. }
  3233.  
  3234. .progress-striped .progress-bar-danger {
  3235.   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);
  3236.   background-image: -o-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);
  3237.   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);
  3238. }
  3239.  
  3240. .panel {
  3241.   margin-bottom: 18px;
  3242.   background-color: #fff;
  3243.   border: 1px solid transparent;
  3244.   border-radius: 2px;
  3245.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  3246.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  3247. }
  3248.  
  3249. .panel-body {
  3250.   padding: 15px;
  3251. }
  3252.  
  3253. .panel-body:after {
  3254.   clear: both;
  3255. }
  3256.  
  3257. .panel-body:after, .panel-body:before {
  3258.   content: " ";
  3259.   display: table;
  3260. }
  3261.  
  3262. .panel-heading {
  3263.   padding: 10px 15px;
  3264.   border-bottom: 1px solid transparent;
  3265.   border-top-right-radius: 1px;
  3266.   border-top-left-radius: 1px;
  3267. }
  3268.  
  3269. .panel-heading > .dropdown .dropdown-toggle {
  3270.   color: inherit;
  3271. }
  3272.  
  3273. .panel-title {
  3274.   margin-top: 0;
  3275.   margin-bottom: 0;
  3276.   font-size: 15px;
  3277.   color: inherit;
  3278. }
  3279.  
  3280. .panel-title > a,
  3281. .panel-title > small,
  3282. .panel-title > .small,
  3283. .panel-title > small > a,
  3284. .panel-title > .small > a {
  3285.   color: inherit;
  3286. }
  3287.  
  3288. .panel-footer {
  3289.   padding: 10px 15px;
  3290.   background-color: #f5f5f5;
  3291.   border-top: 1px solid #ddd;
  3292.   border-bottom-right-radius: 1px;
  3293.   border-bottom-left-radius: 1px;
  3294. }
  3295.  
  3296. .panel > .list-group,
  3297. .panel > .panel-collapse > .list-group {
  3298.   margin-bottom: 0;
  3299. }
  3300.  
  3301. .panel > .list-group .list-group-item,
  3302. .panel > .panel-collapse > .list-group .list-group-item {
  3303.   border-width: 1px 0;
  3304.   border-radius: 0;
  3305. }
  3306.  
  3307. .panel > .list-group:first-child .list-group-item:first-child,
  3308. .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  3309.   border-top: 0;
  3310.   border-top-right-radius: 1px;
  3311.   border-top-left-radius: 1px;
  3312. }
  3313.  
  3314. .panel > .list-group:last-child .list-group-item:last-child,
  3315. .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  3316.   border-bottom: 0;
  3317.   border-bottom-right-radius: 1px;
  3318.   border-bottom-left-radius: 1px;
  3319. }
  3320.  
  3321. .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  3322.   border-top-right-radius: 0;
  3323.   border-top-left-radius: 0;
  3324. }
  3325.  
  3326. .panel-heading + .list-group .list-group-item:first-child {
  3327.   border-top-width: 0;
  3328. }
  3329.  
  3330. .list-group + .panel-footer {
  3331.   border-top-width: 0;
  3332. }
  3333.  
  3334. .panel > .table,
  3335. .panel > .table-responsive > .table,
  3336. .panel > .panel-collapse > .table {
  3337.   margin-bottom: 0;
  3338. }
  3339.  
  3340. .panel > .table caption,
  3341. .panel > .table-responsive > .table caption,
  3342. .panel > .panel-collapse > .table caption {
  3343.   padding-left: 15px;
  3344.   padding-right: 15px;
  3345. }
  3346.  
  3347. .panel > .table:first-child,
  3348. .panel > .table-responsive:first-child > .table:first-child {
  3349.   border-top-right-radius: 1px;
  3350.   border-top-left-radius: 1px;
  3351. }
  3352.  
  3353. .panel > .table:first-child > thead:first-child > tr:first-child,
  3354. .panel > .table:first-child > tbody:first-child > tr:first-child,
  3355. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  3356. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  3357.   border-top-left-radius: 1px;
  3358.   border-top-right-radius: 1px;
  3359. }
  3360.  
  3361. .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  3362. .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  3363. .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  3364. .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  3365. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  3366. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  3367. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  3368. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  3369.   border-top-left-radius: 1px;
  3370. }
  3371.  
  3372. .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  3373. .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  3374. .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  3375. .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  3376. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  3377. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  3378. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  3379. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  3380.   border-top-right-radius: 1px;
  3381. }
  3382.  
  3383. .panel > .table:last-child,
  3384. .panel > .table-responsive:last-child > .table:last-child {
  3385.   border-bottom-right-radius: 1px;
  3386.   border-bottom-left-radius: 1px;
  3387. }
  3388.  
  3389. .panel > .table:last-child > tbody:last-child > tr:last-child,
  3390. .panel > .table:last-child > tfoot:last-child > tr:last-child,
  3391. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  3392. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  3393.   border-bottom-left-radius: 1px;
  3394.   border-bottom-right-radius: 1px;
  3395. }
  3396.  
  3397. .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  3398. .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  3399. .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  3400. .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  3401. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  3402. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  3403. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  3404. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  3405.   border-bottom-left-radius: 1px;
  3406. }
  3407.  
  3408. .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  3409. .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  3410. .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  3411. .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  3412. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  3413. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  3414. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  3415. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  3416.   border-bottom-right-radius: 1px;
  3417. }
  3418.  
  3419. .panel > .panel-body + .table,
  3420. .panel > .panel-body + .table-responsive,
  3421. .panel > .table + .panel-body,
  3422. .panel > .table-responsive + .panel-body {
  3423.   border-top: 1px solid #ddd;
  3424. }
  3425.  
  3426. .panel > .table > tbody:first-child > tr:first-child th,
  3427. .panel > .table > tbody:first-child > tr:first-child td {
  3428.   border-top: 0;
  3429. }
  3430.  
  3431. .panel > .table-bordered,
  3432. .panel > .table-responsive > .table-bordered {
  3433.   border: 0;
  3434. }
  3435.  
  3436. .panel > .table-bordered > thead > tr > th:first-child,
  3437. .panel > .table-bordered > thead > tr > td:first-child,
  3438. .panel > .table-bordered > tbody > tr > th:first-child,
  3439. .panel > .table-bordered > tbody > tr > td:first-child,
  3440. .panel > .table-bordered > tfoot > tr > th:first-child,
  3441. .panel > .table-bordered > tfoot > tr > td:first-child,
  3442. .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  3443. .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  3444. .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  3445. .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  3446. .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  3447. .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  3448.   border-left: 0;
  3449. }
  3450.  
  3451. .panel > .table-bordered > thead > tr > th:last-child,
  3452. .panel > .table-bordered > thead > tr > td:last-child,
  3453. .panel > .table-bordered > tbody > tr > th:last-child,
  3454. .panel > .table-bordered > tbody > tr > td:last-child,
  3455. .panel > .table-bordered > tfoot > tr > th:last-child,
  3456. .panel > .table-bordered > tfoot > tr > td:last-child,
  3457. .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  3458. .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  3459. .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  3460. .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  3461. .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  3462. .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  3463.   border-right: 0;
  3464. }
  3465.  
  3466. .panel > .table-bordered > thead > tr:first-child > td,
  3467. .panel > .table-bordered > thead > tr:first-child > th,
  3468. .panel > .table-bordered > tbody > tr:first-child > td,
  3469. .panel > .table-bordered > tbody > tr:first-child > th,
  3470. .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  3471. .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  3472. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  3473. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  3474.   border-bottom: 0;
  3475. }
  3476.  
  3477. .panel > .table-bordered > tbody > tr:last-child > td,
  3478. .panel > .table-bordered > tbody > tr:last-child > th,
  3479. .panel > .table-bordered > tfoot > tr:last-child > td,
  3480. .panel > .table-bordered > tfoot > tr:last-child > th,
  3481. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  3482. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  3483. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  3484. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  3485.   border-bottom: 0;
  3486. }
  3487.  
  3488. .panel > .table-responsive {
  3489.   border: 0;
  3490.   margin-bottom: 0;
  3491. }
  3492.  
  3493. .panel-group {
  3494.   margin-bottom: 18px;
  3495. }
  3496.  
  3497. .panel-group .panel {
  3498.   margin-bottom: 0;
  3499.   border-radius: 2px;
  3500. }
  3501.  
  3502. .panel-group .panel + .panel {
  3503.   margin-top: 5px;
  3504. }
  3505.  
  3506. .panel-group .panel-heading {
  3507.   border-bottom: 0;
  3508. }
  3509.  
  3510. .panel-group .panel-heading + .panel-collapse > .panel-body,
  3511. .panel-group .panel-heading + .panel-collapse > .list-group {
  3512.   border-top: 1px solid #ddd;
  3513. }
  3514.  
  3515. .panel-group .panel-footer {
  3516.   border-top: 0;
  3517. }
  3518.  
  3519. .panel-group .panel-footer + .panel-collapse .panel-body {
  3520.   border-bottom: 1px solid #ddd;
  3521. }
  3522.  
  3523. .panel-default {
  3524.   border-color: #ddd;
  3525. }
  3526.  
  3527. .panel-default > .panel-heading {
  3528.   color: #333333;
  3529.   background-color: #f5f5f5;
  3530.   border-color: #ddd;
  3531. }
  3532.  
  3533. .panel-default > .panel-heading + .panel-collapse > .panel-body {
  3534.   border-top-color: #ddd;
  3535. }
  3536.  
  3537. .panel-default > .panel-heading .badge {
  3538.   color: #f5f5f5;
  3539.   background-color: #333333;
  3540. }
  3541.  
  3542. .panel-default > .panel-footer + .panel-collapse > .panel-body {
  3543.   border-bottom-color: #ddd;
  3544. }
  3545.  
  3546. .panel-primary {
  3547.   border-color: #b03d3d;
  3548. }
  3549.  
  3550. .panel-primary > .panel-heading {
  3551.   color: #fff;
  3552.   background-color: #b03d3d;
  3553.   border-color: #b03d3d;
  3554. }
  3555.  
  3556. .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  3557.   border-top-color: #b03d3d;
  3558. }
  3559.  
  3560. .panel-primary > .panel-heading .badge {
  3561.   color: #b03d3d;
  3562.   background-color: #fff;
  3563. }
  3564.  
  3565. .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  3566.   border-bottom-color: #b03d3d;
  3567. }
  3568.  
  3569. .panel-success {
  3570.   border-color: #566a60;
  3571. }
  3572.  
  3573. .panel-success > .panel-heading {
  3574.   color: white;
  3575.   background-color: #599877;
  3576.   border-color: #566a60;
  3577. }
  3578.  
  3579. .panel-success > .panel-heading + .panel-collapse > .panel-body {
  3580.   border-top-color: #566a60;
  3581. }
  3582.  
  3583. .panel-success > .panel-heading .badge {
  3584.   color: #599877;
  3585.   background-color: white;
  3586. }
  3587.  
  3588. .panel-success > .panel-footer + .panel-collapse > .panel-body {
  3589.   border-bottom-color: #566a60;
  3590. }
  3591.  
  3592. .panel-info {
  3593.   border-color: #607794;
  3594. }
  3595.  
  3596. .panel-info > .panel-heading {
  3597.   color: white;
  3598.   background-color: #6392CF;
  3599.   border-color: #607794;
  3600. }
  3601.  
  3602. .panel-info > .panel-heading + .panel-collapse > .panel-body {
  3603.   border-top-color: #607794;
  3604. }
  3605.  
  3606. .panel-info > .panel-heading .badge {
  3607.   color: #6392CF;
  3608.   background-color: white;
  3609. }
  3610.  
  3611. .panel-info > .panel-footer + .panel-collapse > .panel-body {
  3612.   border-bottom-color: #607794;
  3613. }
  3614.  
  3615. .panel-warning {
  3616.   border-color: #d0b890;
  3617. }
  3618.  
  3619. .panel-warning > .panel-heading {
  3620.   color: #84652F;
  3621.   background-color: #FFE5B9;
  3622.   border-color: #d0b890;
  3623. }
  3624.  
  3625. .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  3626.   border-top-color: #d0b890;
  3627. }
  3628.  
  3629. .panel-warning > .panel-heading .badge {
  3630.   color: #FFE5B9;
  3631.   background-color: #84652F;
  3632. }
  3633.  
  3634. .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  3635.   border-bottom-color: #d0b890;
  3636. }
  3637.  
  3638. .panel-danger {
  3639.   border-color: #946060;
  3640. }
  3641.  
  3642. .panel-danger > .panel-heading {
  3643.   color: white;
  3644.   background-color: #CF6363;
  3645.   border-color: #946060;
  3646. }
  3647.  
  3648. .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  3649.   border-top-color: #946060;
  3650. }
  3651.  
  3652. .panel-danger > .panel-heading .badge {
  3653.   color: #CF6363;
  3654.   background-color: white;
  3655. }
  3656.  
  3657. .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  3658.   border-bottom-color: #946060;
  3659. }
  3660.  
  3661. .embed-responsive {
  3662.   position: relative;
  3663.   display: block;
  3664.   height: 0;
  3665.   padding: 0;
  3666.   overflow: hidden;
  3667. }
  3668.  
  3669. .embed-responsive .embed-responsive-item,
  3670. .embed-responsive iframe,
  3671. .embed-responsive embed,
  3672. .embed-responsive object,
  3673. .embed-responsive video {
  3674.   position: absolute;
  3675.   top: 0;
  3676.   left: 0;
  3677.   bottom: 0;
  3678.   height: 100%;
  3679.   width: 100%;
  3680.   border: 0;
  3681. }
  3682.  
  3683. .embed-responsive-16by9 {
  3684.   padding-bottom: 56.25%;
  3685. }
  3686.  
  3687. .embed-responsive-4by3 {
  3688.   padding-bottom: 75%;
  3689. }
  3690.  
  3691. .close {
  3692.   float: right;
  3693.   font-size: 19.5px;
  3694.   font-weight: bold;
  3695.   line-height: 1;
  3696.   color: #000;
  3697.   text-shadow: 0 1px 0 #fff;
  3698.   opacity: 0.2;
  3699.   filter: alpha(opacity=20);
  3700. }
  3701.  
  3702. .close:hover, .close:focus {
  3703.   color: #000;
  3704.   text-decoration: none;
  3705.   cursor: pointer;
  3706.   opacity: 0.5;
  3707.   filter: alpha(opacity=50);
  3708. }
  3709.  
  3710. button.close {
  3711.   padding: 0;
  3712.   cursor: pointer;
  3713.   background: transparent;
  3714.   border: 0;
  3715.   -webkit-appearance: none;
  3716. }
  3717.  
  3718. .modal-open {
  3719.   overflow: hidden;
  3720. }
  3721.  
  3722. .modal {
  3723.   display: none;
  3724.   overflow: hidden;
  3725.   position: fixed;
  3726.   top: 0;
  3727.   right: 0;
  3728.   bottom: 0;
  3729.   left: 0;
  3730.   z-index: 1050;
  3731.   -webkit-overflow-scrolling: touch;
  3732.   outline: 0;
  3733. }
  3734.  
  3735. .modal.fade .modal-dialog {
  3736.   -webkit-transform: translate(0, -25%);
  3737.   -ms-transform: translate(0, -25%);
  3738.   -o-transform: translate(0, -25%);
  3739.   transform: translate(0, -25%);
  3740.   -webkit-transition: -webkit-transform 0.3s ease-out;
  3741.   -o-transition: -o-transform 0.3s ease-out;
  3742.   transition: -webkit-transform 0.3s ease-out;
  3743.   -o-transition: transform 0.3s ease-out, -o-transform 0.3s ease-out;
  3744.   transition: transform 0.3s ease-out;
  3745.   transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  3746. }
  3747.  
  3748. .modal.in .modal-dialog {
  3749.   -webkit-transform: translate(0, 0);
  3750.   -ms-transform: translate(0, 0);
  3751.   -o-transform: translate(0, 0);
  3752.   transform: translate(0, 0);
  3753. }
  3754.  
  3755. .modal-open .modal {
  3756.   overflow-x: hidden;
  3757.   overflow-y: auto;
  3758. }
  3759.  
  3760. .modal-dialog {
  3761.   position: relative;
  3762.   width: auto;
  3763.   margin: 10px;
  3764. }
  3765.  
  3766. .modal-content {
  3767.   position: relative;
  3768.   background-color: #fff;
  3769.   border: 1px solid #999;
  3770.   border: 1px solid rgba(0, 0, 0, 0.2);
  3771.   border-radius: 6px;
  3772.   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  3773.   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  3774.   -webkit-background-clip: padding-box;
  3775.           background-clip: padding-box;
  3776.   outline: 0;
  3777. }
  3778.  
  3779. .modal-backdrop {
  3780.   position: fixed;
  3781.   top: 0;
  3782.   right: 0;
  3783.   bottom: 0;
  3784.   left: 0;
  3785.   z-index: 1040;
  3786.   background-color: #000;
  3787. }
  3788.  
  3789. .modal-backdrop.fade {
  3790.   opacity: 0;
  3791.   filter: alpha(opacity=0);
  3792. }
  3793.  
  3794. .modal-backdrop.in {
  3795.   opacity: 0.5;
  3796.   filter: alpha(opacity=50);
  3797. }
  3798.  
  3799. .modal-header {
  3800.   padding: 15px;
  3801.   border-bottom: 1px solid #e5e5e5;
  3802.   min-height: 16.4px;
  3803. }
  3804.  
  3805. .modal-header .close {
  3806.   margin-top: -2px;
  3807. }
  3808.  
  3809. .modal-title {
  3810.   margin: 0;
  3811.   line-height: 1.4;
  3812. }
  3813.  
  3814. .modal-body {
  3815.   position: relative;
  3816.   padding: 15px;
  3817. }
  3818.  
  3819. .modal-footer {
  3820.   padding: 15px;
  3821.   text-align: right;
  3822.   border-top: 1px solid #e5e5e5;
  3823. }
  3824.  
  3825. .modal-footer:after {
  3826.   clear: both;
  3827. }
  3828.  
  3829. .modal-footer:after, .modal-footer:before {
  3830.   content: " ";
  3831.   display: table;
  3832. }
  3833.  
  3834. .modal-footer .btn + .btn {
  3835.   margin-left: 5px;
  3836.   margin-bottom: 0;
  3837. }
  3838.  
  3839. .modal-footer .btn-group .btn + .btn {
  3840.   margin-left: -1px;
  3841. }
  3842.  
  3843. .modal-footer .btn-block + .btn-block {
  3844.   margin-left: 0;
  3845. }
  3846.  
  3847. .modal-scrollbar-measure {
  3848.   position: absolute;
  3849.   top: -9999px;
  3850.   width: 50px;
  3851.   height: 50px;
  3852.   overflow: scroll;
  3853. }
  3854.  
  3855. @media (min-width: 768px) {
  3856.   .modal-dialog {
  3857.     width: 600px;
  3858.     margin: 30px auto;
  3859.   }
  3860.   .modal-content {
  3861.     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  3862.     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  3863.   }
  3864.   .modal-sm {
  3865.     width: 300px;
  3866.   }
  3867. }
  3868.  
  3869. @media (min-width: 992px) {
  3870.   .modal-lg {
  3871.     width: 900px;
  3872.   }
  3873. }
  3874.  
  3875. .tooltip {
  3876.   position: absolute;
  3877.   z-index: 1070;
  3878.   display: block;
  3879.   font-family: -apple-system, "Helvetica Neue", "Roboto", "Segoe UI", "Helvetica", sans-serif;
  3880.   font-style: normal;
  3881.   font-weight: normal;
  3882.   letter-spacing: normal;
  3883.   line-break: auto;
  3884.   line-height: 1.4;
  3885.   text-align: left;
  3886.   text-align: start;
  3887.   text-decoration: none;
  3888.   text-shadow: none;
  3889.   text-transform: none;
  3890.   white-space: normal;
  3891.   word-break: normal;
  3892.   word-spacing: normal;
  3893.   word-wrap: normal;
  3894.   font-size: 12px;
  3895.   opacity: 0;
  3896.   filter: alpha(opacity=0);
  3897. }
  3898.  
  3899. .tooltip.in {
  3900.   opacity: 0.9;
  3901.   filter: alpha(opacity=90);
  3902. }
  3903.  
  3904. .tooltip.top {
  3905.   margin-top: -3px;
  3906.   padding: 6px 0;
  3907. }
  3908.  
  3909. .tooltip.right {
  3910.   margin-left: 3px;
  3911.   padding: 0 6px;
  3912. }
  3913.  
  3914. .tooltip.bottom {
  3915.   margin-top: 3px;
  3916.   padding: 6px 0;
  3917. }
  3918.  
  3919. .tooltip.left {
  3920.   margin-left: -3px;
  3921.   padding: 0 6px;
  3922. }
  3923.  
  3924. .tooltip-inner {
  3925.   max-width: 200px;
  3926.   padding: 3px 8px;
  3927.   color: #fff;
  3928.   text-align: center;
  3929.   background-color: #000;
  3930.   border-radius: 2px;
  3931. }
  3932.  
  3933. .tooltip-arrow {
  3934.   position: absolute;
  3935.   width: 0;
  3936.   height: 0;
  3937.   border-color: transparent;
  3938.   border-style: solid;
  3939. }
  3940.  
  3941. .tooltip.top .tooltip-arrow {
  3942.   bottom: 0;
  3943.   left: 50%;
  3944.   margin-left: -6px;
  3945.   border-width: 6px 6px 0;
  3946.   border-top-color: #000;
  3947. }
  3948.  
  3949. .tooltip.top-left .tooltip-arrow {
  3950.   bottom: 0;
  3951.   right: 6px;
  3952.   margin-bottom: -6px;
  3953.   border-width: 6px 6px 0;
  3954.   border-top-color: #000;
  3955. }
  3956.  
  3957. .tooltip.top-right .tooltip-arrow {
  3958.   bottom: 0;
  3959.   left: 6px;
  3960.   margin-bottom: -6px;
  3961.   border-width: 6px 6px 0;
  3962.   border-top-color: #000;
  3963. }
  3964.  
  3965. .tooltip.right .tooltip-arrow {
  3966.   top: 50%;
  3967.   left: 0;
  3968.   margin-top: -6px;
  3969.   border-width: 6px 6px 6px 0;
  3970.   border-right-color: #000;
  3971. }
  3972.  
  3973. .tooltip.left .tooltip-arrow {
  3974.   top: 50%;
  3975.   right: 0;
  3976.   margin-top: -6px;
  3977.   border-width: 6px 0 6px 6px;
  3978.   border-left-color: #000;
  3979. }
  3980.  
  3981. .tooltip.bottom .tooltip-arrow {
  3982.   top: 0;
  3983.   left: 50%;
  3984.   margin-left: -6px;
  3985.   border-width: 0 6px 6px;
  3986.   border-bottom-color: #000;
  3987. }
  3988.  
  3989. .tooltip.bottom-left .tooltip-arrow {
  3990.   top: 0;
  3991.   right: 6px;
  3992.   margin-top: -6px;
  3993.   border-width: 0 6px 6px;
  3994.   border-bottom-color: #000;
  3995. }
  3996.  
  3997. .tooltip.bottom-right .tooltip-arrow {
  3998.   top: 0;
  3999.   left: 6px;
  4000.   margin-top: -6px;
  4001.   border-width: 0 6px 6px;
  4002.   border-bottom-color: #000;
  4003. }
  4004.  
  4005. @-ms-viewport {
  4006.   width: device-width;
  4007. }
  4008.  
  4009. .visible-xs {
  4010.   display: none !important;
  4011. }
  4012.  
  4013. .visible-sm {
  4014.   display: none !important;
  4015. }
  4016.  
  4017. .visible-md {
  4018.   display: none !important;
  4019. }
  4020.  
  4021. .visible-lg {
  4022.   display: none !important;
  4023. }
  4024.  
  4025. .visible-xs-block,
  4026. .visible-xs-inline,
  4027. .visible-xs-inline-block,
  4028. .visible-sm-block,
  4029. .visible-sm-inline,
  4030. .visible-sm-inline-block,
  4031. .visible-md-block,
  4032. .visible-md-inline,
  4033. .visible-md-inline-block,
  4034. .visible-lg-block,
  4035. .visible-lg-inline,
  4036. .visible-lg-inline-block {
  4037.   display: none !important;
  4038. }
  4039.  
  4040. @media (max-width: 767px) {
  4041.   .visible-xs {
  4042.     display: block !important;
  4043.   }
  4044.   table.visible-xs {
  4045.     display: table !important;
  4046.   }
  4047.   tr.visible-xs {
  4048.     display: table-row !important;
  4049.   }
  4050.   th.visible-xs,
  4051.   td.visible-xs {
  4052.     display: table-cell !important;
  4053.   }
  4054. }
  4055.  
  4056. @media (max-width: 767px) {
  4057.   .visible-xs-block {
  4058.     display: block !important;
  4059.   }
  4060. }
  4061.  
  4062. @media (max-width: 767px) {
  4063.   .visible-xs-inline {
  4064.     display: inline !important;
  4065.   }
  4066. }
  4067.  
  4068. @media (max-width: 767px) {
  4069.   .visible-xs-inline-block {
  4070.     display: inline-block !important;
  4071.   }
  4072. }
  4073.  
  4074. @media (min-width: 768px) and (max-width: 991px) {
  4075.   .visible-sm {
  4076.     display: block !important;
  4077.   }
  4078.   table.visible-sm {
  4079.     display: table !important;
  4080.   }
  4081.   tr.visible-sm {
  4082.     display: table-row !important;
  4083.   }
  4084.   th.visible-sm,
  4085.   td.visible-sm {
  4086.     display: table-cell !important;
  4087.   }
  4088. }
  4089.  
  4090. @media (min-width: 768px) and (max-width: 991px) {
  4091.   .visible-sm-block {
  4092.     display: block !important;
  4093.   }
  4094. }
  4095.  
  4096. @media (min-width: 768px) and (max-width: 991px) {
  4097.   .visible-sm-inline {
  4098.     display: inline !important;
  4099.   }
  4100. }
  4101.  
  4102. @media (min-width: 768px) and (max-width: 991px) {
  4103.   .visible-sm-inline-block {
  4104.     display: inline-block !important;
  4105.   }
  4106. }
  4107.  
  4108. @media (min-width: 992px) and (max-width: 1199px) {
  4109.   .visible-md {
  4110.     display: block !important;
  4111.   }
  4112.   table.visible-md {
  4113.     display: table !important;
  4114.   }
  4115.   tr.visible-md {
  4116.     display: table-row !important;
  4117.   }
  4118.   th.visible-md,
  4119.   td.visible-md {
  4120.     display: table-cell !important;
  4121.   }
  4122. }
  4123.  
  4124. @media (min-width: 992px) and (max-width: 1199px) {
  4125.   .visible-md-block {
  4126.     display: block !important;
  4127.   }
  4128. }
  4129.  
  4130. @media (min-width: 992px) and (max-width: 1199px) {
  4131.   .visible-md-inline {
  4132.     display: inline !important;
  4133.   }
  4134. }
  4135.  
  4136. @media (min-width: 992px) and (max-width: 1199px) {
  4137.   .visible-md-inline-block {
  4138.     display: inline-block !important;
  4139.   }
  4140. }
  4141.  
  4142. @media (min-width: 1200px) {
  4143.   .visible-lg {
  4144.     display: block !important;
  4145.   }
  4146.   table.visible-lg {
  4147.     display: table !important;
  4148.   }
  4149.   tr.visible-lg {
  4150.     display: table-row !important;
  4151.   }
  4152.   th.visible-lg,
  4153.   td.visible-lg {
  4154.     display: table-cell !important;
  4155.   }
  4156. }
  4157.  
  4158. @media (min-width: 1200px) {
  4159.   .visible-lg-block {
  4160.     display: block !important;
  4161.   }
  4162. }
  4163.  
  4164. @media (min-width: 1200px) {
  4165.   .visible-lg-inline {
  4166.     display: inline !important;
  4167.   }
  4168. }
  4169.  
  4170. @media (min-width: 1200px) {
  4171.   .visible-lg-inline-block {
  4172.     display: inline-block !important;
  4173.   }
  4174. }
  4175.  
  4176. @media (max-width: 767px) {
  4177.   .hidden-xs {
  4178.     display: none !important;
  4179.   }
  4180. }
  4181.  
  4182. @media (min-width: 768px) and (max-width: 991px) {
  4183.   .hidden-sm {
  4184.     display: none !important;
  4185.   }
  4186. }
  4187.  
  4188. @media (min-width: 992px) and (max-width: 1199px) {
  4189.   .hidden-md {
  4190.     display: none !important;
  4191.   }
  4192. }
  4193.  
  4194. @media (min-width: 1200px) {
  4195.   .hidden-lg {
  4196.     display: none !important;
  4197.   }
  4198. }
  4199.  
  4200. .visible-print {
  4201.   display: none !important;
  4202. }
  4203.  
  4204. @media print {
  4205.   .visible-print {
  4206.     display: block !important;
  4207.   }
  4208.   table.visible-print {
  4209.     display: table !important;
  4210.   }
  4211.   tr.visible-print {
  4212.     display: table-row !important;
  4213.   }
  4214.   th.visible-print,
  4215.   td.visible-print {
  4216.     display: table-cell !important;
  4217.   }
  4218. }
  4219.  
  4220. .visible-print-block {
  4221.   display: none !important;
  4222. }
  4223.  
  4224. @media print {
  4225.   .visible-print-block {
  4226.     display: block !important;
  4227.   }
  4228. }
  4229.  
  4230. .visible-print-inline {
  4231.   display: none !important;
  4232. }
  4233.  
  4234. @media print {
  4235.   .visible-print-inline {
  4236.     display: inline !important;
  4237.   }
  4238. }
  4239.  
  4240. .visible-print-inline-block {
  4241.   display: none !important;
  4242. }
  4243.  
  4244. @media print {
  4245.   .visible-print-inline-block {
  4246.     display: inline-block !important;
  4247.   }
  4248. }
  4249.  
  4250. @media print {
  4251.   .hidden-print {
  4252.     display: none !important;
  4253.   }
  4254. }
  4255.  
  4256. /*!
  4257.  * Canvas 1.2.0
  4258.  * Copyright 2016 Slickthemes
  4259.  * http://slickthemes.co
  4260.  */
  4261. ul, ol {
  4262.   list-style-type: none;
  4263.   padding: 0;
  4264.   margin: 0;
  4265. }
  4266.  
  4267. dl, dt, dd {
  4268.   margin: 0;
  4269.   padding: 0;
  4270. }
  4271.  
  4272. button,
  4273. input,
  4274. optgroup,
  4275. select,
  4276. textarea {
  4277.   color: inherit;
  4278.   font: inherit;
  4279.   margin: 0;
  4280. }
  4281.  
  4282. fieldset {
  4283.   padding: 0;
  4284.   margin: 0;
  4285.   border: 0;
  4286.   min-width: 0;
  4287. }
  4288.  
  4289. .inputbox,
  4290. input[type=text],
  4291. input[type=search],
  4292. input[type=password],
  4293. select, .form-control {
  4294.   font-size: inherit;
  4295.   background: #E7E7E7;
  4296.   height: 3.4rem;
  4297.   vertical-align: middle;
  4298.   border-radius: 2px;
  4299.   padding: 0 0 0 12px;
  4300.   max-width: 100%;
  4301.   border-color: transparent;
  4302.   -webkit-box-shadow: none;
  4303.           box-shadow: none;
  4304.   border: 1px solid transparent;
  4305.   -webkit-transition: 0s;
  4306.   -o-transition: 0s;
  4307.   transition: 0s;
  4308. }
  4309.  
  4310. .inputbox:focus,
  4311. input[type=text]:focus,
  4312. input[type=search]:focus,
  4313. input[type=password]:focus,
  4314. select:focus, .form-control:focus {
  4315.   -webkit-box-shadow: none;
  4316.           box-shadow: none;
  4317.   outline: none;
  4318.   background: white;
  4319.   z-index: 5;
  4320.   /*outline: -webkit-focus-ring-color auto 5px;*/
  4321.   border-color: #338fc7;
  4322. }
  4323.  
  4324. .inputbox .fi,
  4325. input[type=text] .fi,
  4326. input[type=search] .fi,
  4327. input[type=password] .fi,
  4328. select .fi, .form-control .fi {
  4329.   font-size: 1.4rem;
  4330.   /*bigger icons*/
  4331. }
  4332.  
  4333. input[type=number] {
  4334.   padding-right: 0;
  4335. }
  4336.  
  4337. textarea.inputbox {
  4338.   height: auto;
  4339.   padding: 7.5px 15px;
  4340. }
  4341.  
  4342. .input-group-addon {
  4343.   border-color: transparent;
  4344. }
  4345.  
  4346. input[type=text], input[type=password], textarea, button, input[type=search] {
  4347.   -webkit-appearance: none;
  4348. }
  4349.  
  4350. select {
  4351.   text-transform: none;
  4352.   min-width: 150px;
  4353. }
  4354.  
  4355. .input-hint {
  4356.   position: relative;
  4357.   padding: 10px;
  4358.   top: -1px;
  4359.   border-left: 2px solid #D5D5D5;
  4360.   color: #555555;
  4361. }
  4362.  
  4363. /*Prevent automatic page zoom on input focus*/
  4364. @media (max-width: 991px) {
  4365.   .PinchZoom.touch .form-control {
  4366.     font-size: 16px;
  4367.   }
  4368. }
  4369.  
  4370. select[multiple] {
  4371.   padding: 12px;
  4372. }
  4373.  
  4374. label {
  4375.   cursor: pointer;
  4376.   margin-bottom: 0;
  4377.   font-weight: normal;
  4378. }
  4379.  
  4380. textarea {
  4381.   max-width: 100%;
  4382. }
  4383.  
  4384. fieldset__ hr {
  4385.   border-top: 1px solid #E7E7E7;
  4386. }
  4387.  
  4388. fieldset__ dl {
  4389.   display: block;
  4390.   margin-bottom: 15px;
  4391. }
  4392.  
  4393. fieldset__ dl:last-child {
  4394.   margin-bottom: 0;
  4395. }
  4396.  
  4397. fieldset__ dt {
  4398.   font-weight: normal;
  4399.   padding-top: 8px;
  4400.   padding-right: 15px;
  4401. }
  4402.  
  4403. @media (min-width: 480px) {
  4404.   fieldset__ dt {
  4405.     float: left;
  4406.     width: 50%;
  4407.     text-align: right;
  4408.   }
  4409. }
  4410.  
  4411. @media (min-width: 992px) {
  4412.   fieldset__ dt {
  4413.     width: 40%;
  4414.   }
  4415. }
  4416.  
  4417. fieldset__ dt label {
  4418.   color: #303030;
  4419.   -webkit-transition: color .1s;
  4420.   -o-transition: color .1s;
  4421.   transition: color .1s;
  4422. }
  4423.  
  4424. @media (max-width: 479px) {
  4425.   fieldset__ dt select {
  4426.     display: block;
  4427.   }
  4428. }
  4429.  
  4430. @media (min-width: 480px) {
  4431.   fieldset__ dd {
  4432.     margin-left: 50%;
  4433.   }
  4434. }
  4435.  
  4436. @media (min-width: 992px) {
  4437.   fieldset__ dd {
  4438.     margin-left: 40%;
  4439.   }
  4440. }
  4441.  
  4442. .no-touch_ fieldset__:hover label {
  4443.   color: #a2a2a2;
  4444. }
  4445.  
  4446. .no-touch_ fieldset__ dl:hover label {
  4447.   color: #303030;
  4448.   -webkit-transition: 0s;
  4449.   -o-transition: 0s;
  4450.   transition: 0s;
  4451. }
  4452.  
  4453. @media (min-width: 480px) {
  4454.   fieldset__ dd .st-fancyRadio_label,
  4455.   fieldset__ dd .st-fancyCheckbox_label {
  4456.     padding-top: 8px;
  4457.   }
  4458. }
  4459.  
  4460. .st-form__submit,
  4461. form .submit-buttons {
  4462.   margin-top: 15px;
  4463.   border-top: 1px solid #D5D5D5;
  4464.   padding-top: 15px;
  4465.   margin-bottom: 15px;
  4466.   text-align: center;
  4467. }
  4468.  
  4469. /* Definition list layout for forms
  4470. ---------------------------------------- */
  4471. fieldset dl {
  4472.   overflow: hidden;
  4473.   margin-bottom: 15px;
  4474. }
  4475.  
  4476. fieldset dl:last-child {
  4477.   margin-bottom: 0;
  4478. }
  4479.  
  4480. fieldset dt {
  4481.   font-weight: normal;
  4482.   float: left;
  4483.   width: 40%;
  4484.   display: block;
  4485.   color: #555555;
  4486. }
  4487.  
  4488. @media (min-width: 768px) {
  4489.   fieldset dt {
  4490.     text-align: right;
  4491.   }
  4492. }
  4493.  
  4494. fieldset dt strong, fieldset dt label {
  4495.   font-weight: bold;
  4496. }
  4497.  
  4498. fieldset dd {
  4499.   margin-left: 41%;
  4500.   vertical-align: top;
  4501.   margin-bottom: 4px;
  4502. }
  4503.  
  4504. /* Specific layout 1 */
  4505. fieldset.fields1 dt {
  4506.   width: 15em;
  4507.   border-right-width: 0;
  4508. }
  4509.  
  4510. fieldset.fields1 dd {
  4511.   margin-left: 15em;
  4512.   border-left-width: 0;
  4513. }
  4514.  
  4515. fieldset.fields1 div {
  4516.   margin-bottom: 3px;
  4517. }
  4518.  
  4519. /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
  4520. fieldset.fields1 #recaptcha_widget_div div, fieldset.fields1 .live-search div {
  4521.   margin-bottom: 0;
  4522. }
  4523.  
  4524. /* Specific layout 2 */
  4525. fieldset.fields2 dt {
  4526.   width: 20em;
  4527.   border-right-width: 0;
  4528. }
  4529.  
  4530. fieldset.fields2 dd {
  4531.   margin-left: 21em;
  4532.   border-left-width: 0;
  4533. }
  4534.  
  4535. @media (max-width: 767px) {
  4536.   fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
  4537.     width: auto;
  4538.     float: none;
  4539.     margin-bottom: 4px;
  4540.   }
  4541.   fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
  4542.     margin-left: 0px;
  4543.   }
  4544. }
  4545.  
  4546. table {
  4547.   border-collapse: collapse;
  4548.   border-spacing: 0;
  4549. }
  4550.  
  4551. td,
  4552. th {
  4553.   padding: 0;
  4554. }
  4555.  
  4556. .table1 {
  4557.   width: 100%;
  4558.   margin-bottom: 15px;
  4559. }
  4560.  
  4561. .table1 td {
  4562.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  4563.   background-color: white;
  4564.   cursor: default;
  4565.   position: relative;
  4566.   margin-bottom: -1px;
  4567.   border: 0px solid #E7E7E7;
  4568.   border-width: 1px 0;
  4569. }
  4570.  
  4571. .table1 td:first-child {
  4572.   border-left-width: 1px;
  4573. }
  4574.  
  4575. .table1 td:last-child {
  4576.   border-right-width: 1px;
  4577. }
  4578.  
  4579. .table1 tr {
  4580.   /* alternating row color */
  4581. }
  4582.  
  4583. .table1 tr:nth-child(even) td {
  4584.   background: #fafafa;
  4585. }
  4586.  
  4587. .table1 tr:last-child td {
  4588.   margin-bottom: 0;
  4589. }
  4590.  
  4591. .table1 tr:first-child td {
  4592.   border-top: 0;
  4593. }
  4594.  
  4595. .table1 tr.bg3 td {
  4596.   background: #ddd;
  4597. }
  4598.  
  4599. .table1 tr.big-column {
  4600.   font-weight: bold;
  4601. }
  4602.  
  4603. .table1 tr.big-column td {
  4604.   padding: 8px;
  4605. }
  4606.  
  4607. .table1 th {
  4608.   background: #D5D5D5;
  4609.   border: 1px solid #D5D5D5;
  4610. }
  4611.  
  4612. .table1 th a {
  4613.   color: inherit;
  4614. }
  4615.  
  4616. .table1 td, .table1 th {
  4617.   padding: 8px;
  4618. }
  4619.  
  4620. .table1 td.center, .table1 td.mark, .table1 th.center, .table1 th.mark {
  4621.   text-align: center;
  4622. }
  4623.  
  4624. .table1 td input[type=radio], .table1 th input[type=radio] {
  4625.   margin-top: 8px;
  4626. }
  4627.  
  4628. @media (max-width: 991px) {
  4629.   table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
  4630.     display: block;
  4631.   }
  4632.   table.responsive thead, table.responsive th {
  4633.     display: none;
  4634.   }
  4635.   table.responsive.show-header thead, table.responsive.show-header th:first-child {
  4636.     display: block;
  4637.     width: auto !important;
  4638.     text-align: left !important;
  4639.   }
  4640.   table.responsive.show-header th:first-child span.rank-img {
  4641.     display: none;
  4642.   }
  4643.   table.responsive tr {
  4644.     margin: 2px 0;
  4645.   }
  4646.   table.responsive td {
  4647.     width: auto !important;
  4648.     text-align: left !important;
  4649.     padding: 4px;
  4650.   }
  4651.   table.responsive td.empty {
  4652.     display: none !important;
  4653.   }
  4654.   table.responsive td > dfn {
  4655.     display: inline-block !important;
  4656.   }
  4657.   table.responsive td > dfn:after {
  4658.     content: ':';
  4659.     padding-right: 5px;
  4660.   }
  4661.   table.responsive span.rank-img {
  4662.     float: none;
  4663.     padding-right: 5px;
  4664.   }
  4665.   table.responsive#memberlist td:first-child input[type="checkbox"] {
  4666.     float: right;
  4667.   }
  4668. }
  4669.  
  4670. /* Specific column styles */
  4671. table.table1 .name {
  4672.   text-align: left;
  4673. }
  4674.  
  4675. table.table1 .center {
  4676.   text-align: center;
  4677. }
  4678.  
  4679. table.table1 .reportby {
  4680.   width: 15%;
  4681. }
  4682.  
  4683. table.table1 .posts {
  4684.   text-align: center;
  4685.   width: 7%;
  4686. }
  4687.  
  4688. table.table1 .joined {
  4689.   text-align: left;
  4690.   width: 15%;
  4691. }
  4692.  
  4693. table.table1 .active {
  4694.   text-align: left;
  4695.   width: 15%;
  4696. }
  4697.  
  4698. table.table1 .mark {
  4699.   text-align: center;
  4700.   width: 7%;
  4701. }
  4702.  
  4703. table.table1 .info {
  4704.   text-align: left;
  4705.   width: 30%;
  4706. }
  4707.  
  4708. table.table1 .info div {
  4709.   width: 100%;
  4710.   white-space: normal;
  4711.   overflow: hidden;
  4712. }
  4713.  
  4714. table.table1 .autocol {
  4715.   line-height: 2em;
  4716.   white-space: nowrap;
  4717. }
  4718.  
  4719. table.table1 thead .autocol {
  4720.   padding-left: 1em;
  4721. }
  4722.  
  4723. .dd-container, .dropup {
  4724.   display: inline-block;
  4725.   position: relative;
  4726. }
  4727.  
  4728. .dropdown-menu {
  4729.   z-index: 1000;
  4730.   display: block;
  4731.   margin: 0;
  4732.   font-size: 1.2rem;
  4733.   max-height: 300px;
  4734.   overflow: hidden;
  4735.   overflow-y: auto;
  4736.   -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  4737.           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  4738.   border: 1px solid rgba(0, 0, 0, 0.1);
  4739.   border-radius: 0;
  4740.   padding: 4px 0;
  4741.   visibility: hidden;
  4742.   opacity: 0;
  4743.   -webkit-transition: 200ms;
  4744.   -o-transition: 200ms;
  4745.   transition: 200ms;
  4746.   -webkit-transform: translateY(-10px);
  4747.       -ms-transform: translateY(-10px);
  4748.        -o-transform: translateY(-10px);
  4749.           transform: translateY(-10px);
  4750. }
  4751.  
  4752. @media (min-width: 768px) {
  4753.   .dropdown-menu {
  4754.     font-size: 1.3rem;
  4755.   }
  4756. }
  4757.  
  4758. .dropup .dropdown-menu {
  4759.   -webkit-transform: translateY(10px);
  4760.       -ms-transform: translateY(10px);
  4761.        -o-transform: translateY(10px);
  4762.           transform: translateY(10px);
  4763. }
  4764.  
  4765. .dropdown-menu > li > a {
  4766.   max-width: 240px;
  4767.   text-overflow: ellipsis;
  4768.   overflow-x: hidden;
  4769.   -webkit-transition: background-color .06s;
  4770.   -o-transition: background-color .06s;
  4771.   transition: background-color .06s;
  4772.   padding: 7px 20px;
  4773. }
  4774.  
  4775. .touch .dropdown-menu > li > a {
  4776.   padding: 9px 20px;
  4777. }
  4778.  
  4779. .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  4780.   -webkit-transition: 0s;
  4781.   -o-transition: 0s;
  4782.   transition: 0s;
  4783.   background-color: rgba(0, 0, 0, 0.05);
  4784. }
  4785.  
  4786. .dropdown-menu > li > a > .fi, .dropdown-menu > li > a.fi:before {
  4787.   margin-right: 4px;
  4788.   font-size: 1.5rem;
  4789.   position: relative;
  4790.   top: 1px;
  4791. }
  4792.  
  4793. .dropdown-menu > li > a.fi:before {
  4794.   margin-right: 8px;
  4795. }
  4796.  
  4797. .dropdown-menu > li.divider {
  4798.   margin: 4px 20px;
  4799. }
  4800.  
  4801. .dropdown-menu .icon-subscribe a:before, .dropdown-menu .icon-unsubscribe a:before {
  4802.   margin-right: 8px;
  4803. }
  4804.  
  4805. .no-csstransforms .dropdown-menu {
  4806.   display: none;
  4807.   visibility: visible;
  4808. }
  4809.  
  4810. .no-csstransforms .open > .dropdown-menu {
  4811.   display: block;
  4812. }
  4813.  
  4814. .dropdown--options .dropdown-menu {
  4815.   right: 0;
  4816.   left: auto;
  4817.   top: 0;
  4818.   margin-top: 0;
  4819. }
  4820.  
  4821. .dropdown--options .dropdown-menu a {
  4822.   padding: 10px 20px;
  4823. }
  4824.  
  4825. .dropdown--options > .fi {
  4826.   cursor: pointer;
  4827.   font-size: 24px;
  4828.   vertical-align: middle;
  4829.   padding: 10px;
  4830.   padding-right: 8px;
  4831.   margin-right: -8px;
  4832. }
  4833.  
  4834. .open > .dropdown-menu,
  4835. .no-js .dropdown:hover > .dropdown-menu {
  4836.   visibility: visible;
  4837.   -webkit-transform: none;
  4838.       -ms-transform: none;
  4839.        -o-transform: none;
  4840.           transform: none;
  4841.   opacity: 1;
  4842. }
  4843.  
  4844. .open > a:focus {
  4845.   /*outline: thin dotted;*/
  4846.   /*outline: -webkit-focus-ring-color auto 5px;*/
  4847. }
  4848.  
  4849. /* PHPBB Dropdown menu
  4850. ----------------------------------------*/
  4851. .dropdown-container {
  4852.   position: relative;
  4853. }
  4854.  
  4855. .dropdown-container-right {
  4856.   float: right;
  4857. }
  4858.  
  4859. .dropdown-container-left {
  4860.   float: left;
  4861. }
  4862.  
  4863. .no-js .dropdown-container:hover .dropdown {
  4864.   display: block !important;
  4865. }
  4866.  
  4867. .dropdown {
  4868.   position: absolute;
  4869.   top: 100%;
  4870.   z-index: 10;
  4871. }
  4872.  
  4873. .dropdown .live-search {
  4874.   top: auto;
  4875. }
  4876.  
  4877. .dropdown .topic-tools {
  4878.   float: left;
  4879. }
  4880.  
  4881. .dropdown-up .dropdown {
  4882.   top: auto;
  4883.   bottom: 1.2em;
  4884.   padding: 0 0 9px;
  4885. }
  4886.  
  4887. .dropdown-left .dropdown,
  4888. .dropdown .no-js .rightside .dropdown {
  4889.   left: auto;
  4890.   right: 0;
  4891.   margin-left: -500px;
  4892.   margin-right: -1px;
  4893. }
  4894.  
  4895. .dropdown-button-control .dropdown {
  4896.   top: 24px;
  4897. }
  4898.  
  4899. .dropdown-button-control.dropdown-up .dropdown {
  4900.   top: auto;
  4901.   bottom: 24px;
  4902. }
  4903.  
  4904. .dropdown .pointer, .dropdown .pointer-inner {
  4905.   position: absolute;
  4906.   width: 0;
  4907.   height: 0;
  4908.   border-top-width: 0;
  4909.   border-bottom: 10px solid transparent;
  4910.   border-left: 10px dashed transparent;
  4911.   border-right: 10px dashed transparent;
  4912.   -webkit-transform: rotate(360deg);
  4913.   /* better anti-aliasing in webkit */
  4914.   display: block;
  4915. }
  4916.  
  4917. .dropdown-up .pointer, .dropdown-up .pointer-inner {
  4918.   border-bottom-width: 0;
  4919.   border-top: 10px solid transparent;
  4920. }
  4921.  
  4922. .dropdown .pointer {
  4923.   right: auto;
  4924.   left: 10px;
  4925.   top: 0;
  4926.   z-index: 3;
  4927. }
  4928.  
  4929. .dropdown-up .pointer {
  4930.   bottom: 0;
  4931.   top: auto;
  4932. }
  4933.  
  4934. .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
  4935.   left: auto;
  4936.   right: 10px;
  4937. }
  4938.  
  4939. .dropdown .pointer-inner {
  4940.   top: auto;
  4941.   bottom: -11px;
  4942.   left: -10px;
  4943. }
  4944.  
  4945. .dropdown-up .pointer-inner {
  4946.   bottom: auto;
  4947.   top: -11px;
  4948. }
  4949.  
  4950. .dropdown .dropdown-contents {
  4951.   overflow: hidden;
  4952.   overflow-y: auto;
  4953.   min-width: 100px;
  4954.   max-height: 300px;
  4955.   text-align: left;
  4956.   font-size: 1.2rem;
  4957.   padding: 8px 0;
  4958.   background: white;
  4959.   -webkit-background-clip: padding-box;
  4960.           background-clip: padding-box;
  4961.   -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  4962.           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  4963.   border: 1px solid rgba(0, 0, 0, 0.1);
  4964.   color: #555555;
  4965.   margin-top: -1px;
  4966. }
  4967.  
  4968. @media (min-width: 768px) {
  4969.   .dropdown .dropdown-contents {
  4970.     font-size: 1.3rem;
  4971.     padding: 4px 0;
  4972.   }
  4973. }
  4974.  
  4975. .dropdown-contents > li > a {
  4976.   display: block;
  4977.   -webkit-transition: background-color .06s;
  4978.   -o-transition: background-color .06s;
  4979.   transition: background-color .06s;
  4980.   color: inherit;
  4981.   padding: 7px 20px;
  4982. }
  4983.  
  4984. .touch .dropdown-contents > li > a {
  4985.   padding: 10px 20px;
  4986. }
  4987.  
  4988. .dropdown-contents > li > a:hover, .dropdown-contents > li > a:focus {
  4989.   -webkit-transition: 0s;
  4990.   -o-transition: 0s;
  4991.   transition: 0s;
  4992.   background-color: rgba(0, 0, 0, 0.05);
  4993. }
  4994.  
  4995. .dropdown-contents > li > a > .fi, .dropdown-contents > li > a.fi:before {
  4996.   margin-right: 4px;
  4997.   font-size: 1.5rem;
  4998.   position: relative;
  4999.   top: 1px;
  5000. }
  5001.  
  5002. .dropdown-contents > li > a.fi:before {
  5003.   margin-right: 8px;
  5004. }
  5005.  
  5006. .responsive-tab-link {
  5007.   width: 19px;
  5008.   -webkit-box-sizing: content-box;
  5009.      -moz-box-sizing: content-box;
  5010.           box-sizing: content-box;
  5011. }
  5012.  
  5013. .responsive-tab-link:before {
  5014.   content: "";
  5015.   font-size: 1.9rem;
  5016.   position: absolute;
  5017.   width: 1.9rem;
  5018.   height: 1.9rem;
  5019.   left: 50%;
  5020.   top: 50%;
  5021.   margin-top: -0.95rem;
  5022.   margin-left: -0.95rem;
  5023. }
  5024.  
  5025. .tooltip {
  5026.   z-index: 4000;
  5027.   opacity: 1 !important;
  5028. }
  5029.  
  5030. .tooltip-inner {
  5031.   -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  5032.           box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
  5033.   padding: 8px 15px;
  5034.   font-size: 1.2rem;
  5035.   background-color: #444;
  5036.   font-family: sans-serif;
  5037. }
  5038.  
  5039. .tooltip.left .tooltip-arrow {
  5040.   border-left-color: #444;
  5041. }
  5042.  
  5043. /*rtl:ignore*/
  5044. .rtl .tooltip.left .tooltip-arrow {
  5045.   border-right-color: transparent;
  5046.   border-left-color: #444;
  5047.   border-width: 6px 0 6px 6px;
  5048.   left: auto;
  5049.   right: 0;
  5050. }
  5051.  
  5052. .tooltip.right .tooltip-arrow {
  5053.   border-right-color: #444;
  5054. }
  5055.  
  5056. /*rtl:ignore*/
  5057. .rtl .tooltip.right .tooltip-arrow {
  5058.   border-left-color: transparent;
  5059.   border-right-color: #444;
  5060.   border-width: 6px 6px 6px 0;
  5061.   left: 0;
  5062.   right: auto;
  5063. }
  5064.  
  5065. .tooltip.top .tooltip-arrow {
  5066.   border-top-color: #444;
  5067. }
  5068.  
  5069. .tooltip.bottom .tooltip-arrow {
  5070.   border-bottom-color: #444;
  5071. }
  5072.  
  5073. .tooltip.fade.in {
  5074.   -webkit-transition: opacity .15s;
  5075.   -o-transition: opacity .15s;
  5076.   transition: opacity .15s;
  5077. }
  5078.  
  5079. /* Pagination */
  5080. ul.pagination {
  5081.   display: inline-block;
  5082.   background: #E7E7E7;
  5083.   border-radius: 2px;
  5084.   margin: 0;
  5085.   font-size: 1.2rem;
  5086.   vertical-align: middle;
  5087.   padding: 0;
  5088.   color: #5F5F5F;
  5089.   height: 34px;
  5090.   line-height: 34px;
  5091. }
  5092.  
  5093. ul.pagination > li {
  5094.   display: inline-block;
  5095. }
  5096.  
  5097. ul.pagination > li > span,
  5098. ul.pagination > li > a {
  5099.   font-weight: 500;
  5100.   color: inherit;
  5101.   padding: 0px 9px;
  5102.   display: inline-block;
  5103. }
  5104.  
  5105. ul.pagination > li > span:hover, ul.pagination > li > span:focus,
  5106. ul.pagination > li > a:hover,
  5107. ul.pagination > li > a:focus {
  5108.   color: inherit;
  5109.   background-color: #F7F7F7;
  5110.   background-color: rgba(255, 255, 255, 0.5);
  5111. }
  5112.  
  5113. ul.pagination > .active > a, ul.pagination > .active > span, ul.pagination > .active > a:hover, ul.pagination > .active > a:focus, ul.pagination > .active > span:hover, ul.pagination > .active > span:focus {
  5114.   z-index: 2;
  5115.   color: white;
  5116.   background: #777777;
  5117.   background: rgba(0, 0, 0, 0.2);
  5118. }
  5119.  
  5120. ul.pagination > .ellipsis > span {
  5121.   cursor: default;
  5122. }
  5123.  
  5124. ul.pagination > li:first-child.active a, ul.pagination > li:first-child.active span {
  5125.   border-radius: 2px 0 0 2px;
  5126. }
  5127.  
  5128. ul.pagination > li:last-child.active a, ul.pagination > li:last-child.active span {
  5129.   border-radius: 0 2px 2px 0;
  5130. }
  5131.  
  5132. ul.pagination-xs {
  5133.   font-size: 0;
  5134.   margin: 0;
  5135.   height: auto;
  5136.   line-height: 1;
  5137.   background: transparent;
  5138. }
  5139.  
  5140. ul.pagination-xs > li {
  5141.   margin-bottom: 0;
  5142.   margin-left: 2px;
  5143. }
  5144.  
  5145. ul.pagination-xs > li > a,
  5146. ul.pagination-xs > li > span {
  5147.   font-family: sans-serif;
  5148.   border-radius: 2px;
  5149.   padding: 3px 5px 2px;
  5150.   line-height: inherit;
  5151.   font-size: 1.1rem;
  5152.   font-weight: bold;
  5153.   border: 0;
  5154. }
  5155.  
  5156. ul.pagination-xs > li > a:hover, ul.pagination-xs > li > a:focus,
  5157. ul.pagination-xs > li > span:hover,
  5158. ul.pagination-xs > li > span:focus {
  5159.   color: inherit;
  5160.   background-color: #F7F7F7;
  5161.   background-color: rgba(255, 255, 255, 0.5);
  5162. }
  5163.  
  5164. ul.pagination-xs > li > span {
  5165.   background: transparent;
  5166.   color: #777777;
  5167. }
  5168.  
  5169. .pagination--inhead {
  5170.   position: absolute;
  5171.   top: 9px;
  5172.   right: 8px;
  5173. }
  5174.  
  5175. .pagination--inhead > ul.pagination {
  5176.   background: transparent;
  5177.   height: 22px;
  5178.   line-height: 22px;
  5179.   color: white;
  5180. }
  5181.  
  5182. .pagination--inhead > ul.pagination > li {
  5183.   float: left;
  5184. }
  5185.  
  5186. .pagination--inhead > ul.pagination > li > a, .pagination--inhead > ul.pagination > li > span {
  5187.   background: rgba(255, 255, 255, 0.3);
  5188.   padding: 0 6px;
  5189.   margin-left: 1px;
  5190.   font-weight: normal;
  5191. }
  5192.  
  5193. .pagination--inhead > ul.pagination > li > a:hover, .pagination--inhead > ul.pagination > li > span:hover {
  5194.   background: rgba(255, 255, 255, 0.4);
  5195. }
  5196.  
  5197. .pagination--inhead > ul.pagination > li.active > a, .pagination--inhead > ul.pagination > li.active > span {
  5198.   background: rgba(255, 255, 255, 0.8);
  5199.   color: #555;
  5200. }
  5201.  
  5202. .dropdown-page-jump .dropdown-menu {
  5203.   padding: 8px;
  5204. }
  5205.  
  5206. .dropdown-page-jump .inputbox {
  5207.   width: 40%;
  5208. }
  5209.  
  5210. /* Slickthemes
  5211.  * Item list
  5212.  * -- topiclist, forumlist and notification list */
  5213. /*state - marked*/
  5214. .itemlist__item.marked, .post.marked {
  5215.   z-index: 2;
  5216.   background: transparent !important;
  5217. }
  5218.  
  5219. .itemlist__item.marked:after, .post.marked:after {
  5220.   content: "";
  5221.   display: block;
  5222.   position: absolute;
  5223.   top: 0;
  5224.   left: 0;
  5225.   right: 0;
  5226.   bottom: 0;
  5227.   background: rgba(77, 144, 254, 0.25);
  5228. }
  5229.  
  5230. .itemlist__item.marked .fancyInput--checkbox, .post.marked .fancyInput--checkbox {
  5231.   z-index: 3;
  5232. }
  5233.  
  5234. .itemlist__item.marked .fancyInput__base, .post.marked .fancyInput__base {
  5235.   background: #5988D6 !important;
  5236.   border-color: #5988D6 !important;
  5237. }
  5238.  
  5239. .st-itemlist {
  5240.   margin: 0 0 15px 0;
  5241. }
  5242.  
  5243. .section-header + .st-itemlist {
  5244.   margin-top: -15px;
  5245. }
  5246.  
  5247. /*List item (row)*/
  5248. .st-itemlist__item {
  5249.   background-color: white;
  5250.   cursor: default;
  5251.   position: relative;
  5252.   margin-bottom: -1px;
  5253.   border: 1px solid #E7E7E7;
  5254.   /* alternating row color */
  5255.   /* ITEM COLUMNS *************************/
  5256.   /*Unread row*/
  5257.   /*item icon*/
  5258.   /*table element*/
  5259. }
  5260.  
  5261. .st-itemlist__item:last-child {
  5262.   margin-bottom: 0;
  5263. }
  5264.  
  5265. .st-itemlist__item:first-child {
  5266.   border-top: 0;
  5267. }
  5268.  
  5269. .st-itemlist__item.marked {
  5270.   z-index: 2;
  5271.   background-color: #E2EDFC !important;
  5272.   border-color: #C4D6EF !important;
  5273.   border-color: #C1CFE2 !important;
  5274. }
  5275.  
  5276. .st-itemlist__item:nth-child(even) {
  5277.   background: #F8f8f8;
  5278. }
  5279.  
  5280. .st-itemlist__item .item-col {
  5281.   display: table-cell;
  5282.   vertical-align: middle;
  5283.   padding: 15px 7.5px;
  5284. }
  5285.  
  5286. @media (min-width: 768px) {
  5287.   .st-itemlist__item .item-col {
  5288.     padding-top: 20px;
  5289.     padding-bottom: 20px;
  5290.   }
  5291. }
  5292.  
  5293. .st-itemlist__item[class*="_unread"] {
  5294.   /*Unread item title*/
  5295. }
  5296.  
  5297. .st-itemlist__item .item-col-icon {
  5298.   position: relative;
  5299.   vertical-align: middle;
  5300.   padding-right: 0;
  5301.   text-align: center;
  5302.   width: 30px;
  5303.   /*unread link: cover element*/
  5304. }
  5305.  
  5306. @media (min-width: 321px) {
  5307.   .st-itemlist__item .item-col-icon {
  5308.     width: 40px;
  5309.   }
  5310. }
  5311.  
  5312. @media (min-width: 992px) {
  5313.   .st-itemlist__item .item-col-icon {
  5314.     width: 50px;
  5315.   }
  5316. }
  5317.  
  5318. .st-itemlist__item .item-col-icon .icon-link {
  5319.   position: absolute;
  5320.   top: 0;
  5321.   left: 0;
  5322.   right: 0;
  5323.   bottom: 0;
  5324.   z-index: 1;
  5325. }
  5326.  
  5327. .st-itemlist__item .item-title {
  5328.   color: inherit;
  5329.   margin-right: 2px;
  5330. }
  5331.  
  5332. .st-itemlist__item .item-info {
  5333.   color: #969696;
  5334. }
  5335.  
  5336. .st-itemlist__item .item-info a {
  5337.   color: inherit;
  5338. }
  5339.  
  5340. .st-itemlist__item .item-inner {
  5341.   display: table;
  5342.   width: 100%;
  5343. }
  5344.  
  5345. .st-itemlist__item dfn {
  5346.   display: none;
  5347. }
  5348.  
  5349. .st-itemlist__item .item-mark {
  5350.   width: 40px;
  5351.   text-align: center;
  5352. }
  5353.  
  5354. .st-itemlist__item .label {
  5355.   font-size: 1.1rem;
  5356.   position: relative;
  5357.   top: -1px;
  5358.   background: #ABABAB;
  5359.   padding: 4px 5px 3px;
  5360. }
  5361.  
  5362. .st-itemlist-sortbar {
  5363.   margin: 0;
  5364.   border-color: transparent;
  5365.   color: #555555;
  5366.   font-size: 1.1rem;
  5367. }
  5368.  
  5369. .section-header + .st-itemlist-sortbar {
  5370.   margin-top: -15px;
  5371. }
  5372.  
  5373. .st-itemlist-sortbar .st-itemlist__item {
  5374.   background-color: #D5D5D5;
  5375. }
  5376.  
  5377. .st-itemlist-sortbar .item-col {
  5378.   padding: 10px 7.5px;
  5379. }
  5380.  
  5381. .st-itemlist-sortbar a {
  5382.   color: inherit;
  5383. }
  5384.  
  5385. @media (max-width: 991px) {
  5386.   .st-itemlist-sortbar {
  5387.     display: none;
  5388.   }
  5389. }
  5390.  
  5391. .st-section__subheader + .st-itemlist-sortbar,
  5392. .st-section__subheader + .itemlist--has-colbar {
  5393.   border-top: 1px solid white;
  5394. }
  5395.  
  5396. .genericlist .item-col-main {
  5397.   padding-left: 8px;
  5398. }
  5399.  
  5400. @media (min-width: 992px) {
  5401.   .genericlist .item-col-main {
  5402.     padding-left: 15px;
  5403.   }
  5404. }
  5405.  
  5406. .genericlist .item-image {
  5407.   width: 100%;
  5408. }
  5409.  
  5410. .genericlist .item-image img {
  5411.   max-width: 45px;
  5412.   height: auto;
  5413. }
  5414.  
  5415. .genericlist .item-col-time {
  5416.   width: 150px;
  5417. }
  5418.  
  5419. @media (max-width: 991px) {
  5420.   .genericlist .item-col-time {
  5421.     display: none;
  5422.   }
  5423. }
  5424.  
  5425. .genericlist .item-col-counter {
  5426.   width: 90px;
  5427.   text-align: center;
  5428. }
  5429.  
  5430. @media (max-width: 991px) {
  5431.   .genericlist .item-col-counter {
  5432.     display: none;
  5433.   }
  5434. }
  5435.  
  5436. .genericlist .item-time-inline {
  5437.   color: #969696;
  5438. }
  5439.  
  5440. @media (min-width: 992px) {
  5441.   .genericlist .item-time-inline {
  5442.     display: none;
  5443.   }
  5444. }
  5445.  
  5446. .genericlist .item-time-inline .item-actions {
  5447.   margin-left: 15px;
  5448. }
  5449.  
  5450. .itemlist {
  5451.   padding: 0;
  5452.   margin: 0 0 15px 0;
  5453.   /*&:before {
  5454.         display: block;
  5455.         content: "";
  5456.         background: $gray-lighter;
  5457.         height: $itemlist-strip-height;
  5458.         width: 100%;
  5459.     }*/
  5460. }
  5461.  
  5462. /*.itemlist, .section-header {*/
  5463. /*  @include media-query($smaller-than:$screen-xs-min){*/
  5464. /*      margin-left: -$gutter-small;*/
  5465. /*      margin-right: -$gutter-small;*/
  5466. /*      border-radius: 0 !important;*/
  5467. /*  }*/
  5468. /*}*/
  5469. .itemlist__item {
  5470.   cursor: default;
  5471.   position: relative;
  5472.   background-color: white;
  5473.   border: 1px solid #E7E7E7;
  5474.   margin-bottom: -1px;
  5475.   border-color: transparent;
  5476.   border-left: 0;
  5477.   border-right: 0;
  5478.   /* item row __ table element */
  5479.   /* item row __ columns */
  5480.   /*Unread item title*/
  5481.   /*Title icons*/
  5482. }
  5483.  
  5484. .itemlist__item:nth-child(even) {
  5485.   /* alternating row color */
  5486.   background: #F8f8f8;
  5487. }
  5488.  
  5489. .itemlist__item:first-child {
  5490.   border-top-color: transparent;
  5491. }
  5492.  
  5493. .itemlist__item:last-child {
  5494.   margin-bottom: 0;
  5495.   border-bottom: 0;
  5496. }
  5497.  
  5498. .itemlist__item .item-inner {
  5499.   display: table;
  5500.   width: 100%;
  5501. }
  5502.  
  5503. .itemlist__item [class^=item-col-] {
  5504.   display: table-cell;
  5505.   vertical-align: middle;
  5506.   padding: 15px 7.5px;
  5507. }
  5508.  
  5509. .itemlist__item .item-col-icon {
  5510.   position: relative;
  5511.   padding-right: 0;
  5512.   padding-left: 0;
  5513.   text-align: center;
  5514.   width: 30px;
  5515.   /*unread link: cover element*/
  5516. }
  5517.  
  5518. @media (min-width: 321px) {
  5519.   .itemlist__item .item-col-icon {
  5520.     width: 40px;
  5521.   }
  5522. }
  5523.  
  5524. @media (min-width: 992px) {
  5525.   .itemlist__item .item-col-icon {
  5526.     width: 50px;
  5527.   }
  5528. }
  5529.  
  5530. .itemlist__item .item-col-icon .icon-link {
  5531.   position: absolute;
  5532.   top: 0;
  5533.   left: 0;
  5534.   right: 0;
  5535.   bottom: 0;
  5536.   z-index: 1;
  5537. }
  5538.  
  5539. .itemlist__item .item-col-main {
  5540.   padding-left: 15px;
  5541.   /*item __ inline label*/
  5542. }
  5543.  
  5544. .itemlist__item .item-col-main .label {
  5545.   font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
  5546.   margin-right: 2px;
  5547.   border-radius: 2px;
  5548.   position: relative;
  5549.   font-size: 1.1rem;
  5550.   height: 1.6rem;
  5551.   line-height: 1.7rem;
  5552.   top: -1px;
  5553.   font-weight: 500;
  5554.   color: white;
  5555.   padding: 0 5px;
  5556. }
  5557.  
  5558. @media (min-width: 768px) {
  5559.   .itemlist__item .item-col-main .label {
  5560.     height: 1.8rem;
  5561.     line-height: 1.9rem;
  5562.   }
  5563. }
  5564.  
  5565. .itemlist__item .item-col-icon + .item-col-main {
  5566.   padding-left: 0;
  5567. }
  5568.  
  5569. .itemlist__item .item-title {
  5570.   color: inherit;
  5571.   margin-right: 2px;
  5572.   display: inline-block;
  5573. }
  5574.  
  5575. .itemlist__item .item-ti {
  5576.   position: relative;
  5577.   z-index: 2;
  5578.   font-size: 1.7rem;
  5579.   top: 1px;
  5580.   line-height: 1;
  5581. }
  5582.  
  5583. .itemlist__item .item-ti:after {
  5584.   z-index: 1;
  5585.   position: relative;
  5586.   content: "";
  5587.   background: transparent;
  5588.   display: block;
  5589.   position: absolute;
  5590.   width: 30px;
  5591.   height: 30px;
  5592.   left: 50%;
  5593.   top: 50%;
  5594.   margin-left: -15px;
  5595.   margin-top: -15px;
  5596.   opacity: 0;
  5597.   border-radius: 100%;
  5598.   pointer-events: none;
  5599.   -webkit-transform-origin: center center;
  5600.       -ms-transform-origin: center center;
  5601.        -o-transform-origin: center center;
  5602.           transform-origin: center center;
  5603. }
  5604.  
  5605. .itemlist__item .item-ti--locked {
  5606.   font-size: 1.5rem;
  5607.   top: 0;
  5608. }
  5609.  
  5610. .itemlist__item .item-ti--reported {
  5611.   color: #CF6363;
  5612. }
  5613.  
  5614. .itemlist__item .item-ti--reported:after {
  5615.   background-color: #CF6363;
  5616. }
  5617.  
  5618. .itemlist__item .item-ti--unapproved {
  5619.   color: #499DD0;
  5620. }
  5621.  
  5622. .itemlist__item .item-ti--unapproved:after {
  5623.   background-color: #499DD0;
  5624. }
  5625.  
  5626. .itemlist__item .item-ti--unapproved2 {
  5627.   color: #F6A942;
  5628. }
  5629.  
  5630. .itemlist__item .item-ti--unapproved2:after {
  5631.   background-color: #F6A942;
  5632. }
  5633.  
  5634. .itemlist__item .item-ti--deleted {
  5635.   color: #599877;
  5636. }
  5637.  
  5638. .itemlist__item .item-ti--deleted:after {
  5639.   background-color: #599877;
  5640. }
  5641.  
  5642. .itemlist__item .item-ti:hover {
  5643.   color: inherit;
  5644. }
  5645.  
  5646. .itemlist__item .item-title-action {
  5647.   background-color: #555555;
  5648.   color: white;
  5649.   padding: 2px 4px;
  5650.   border-radius: 1px;
  5651.   font-size: 11px;
  5652.   position: relative;
  5653.   top: -2px;
  5654.   margin-right: 2px;
  5655.   font-weight: 500;
  5656. }
  5657.  
  5658. .itemlist__item .item-title-action:hover {
  5659.   background: #777777;
  5660. }
  5661.  
  5662. .itemlist__item .item-info {
  5663.   font-size: 1.1rem;
  5664.   color: #969696;
  5665. }
  5666.  
  5667. @media (min-width: 768px) {
  5668.   .itemlist__item .item-info {
  5669.     font-size: inherit;
  5670.   }
  5671. }
  5672.  
  5673. .itemlist__item .item-info a {
  5674.   color: inherit;
  5675. }
  5676.  
  5677. .itemlist__item .item-info__icon {
  5678.   padding: 0 2px;
  5679. }
  5680.  
  5681. .itemlist__item .item-info--inline,
  5682. .itemlist__item .item-lastpost--inline {
  5683.   color: #969696;
  5684.   display: block;
  5685. }
  5686.  
  5687. @media (min-width: 992px) {
  5688.   .itemlist__item .item-info--inline,
  5689.   .itemlist__item .item-lastpost--inline {
  5690.     display: none;
  5691.   }
  5692. }
  5693.  
  5694. .itemlist__item .item-info--inline a,
  5695. .itemlist__item .item-lastpost--inline a {
  5696.   color: inherit;
  5697. }
  5698.  
  5699. .itemlist__item .item-lastpost--inline a {
  5700.   color: inherit !important;
  5701. }
  5702.  
  5703. .itemlist__item .item-col-moderation {
  5704.   width: 340px;
  5705.   display: none;
  5706. }
  5707.  
  5708. @media (min-width: 768px) {
  5709.   .itemlist__item .item-col-moderation {
  5710.     display: table-cell;
  5711.   }
  5712. }
  5713.  
  5714. .itemlist__item .item-col-moderation--inline {
  5715.   display: block;
  5716.   padding: 4px 0 0 !important;
  5717. }
  5718.  
  5719. @media (min-width: 768px) {
  5720.   .itemlist__item .item-col-moderation--inline {
  5721.     display: none;
  5722.   }
  5723. }
  5724.  
  5725. .itemlist__item .item-moderation-link {
  5726.   color: inherit;
  5727.   opacity: 0;
  5728.   -webkit-transition: opacity 100ms;
  5729.   -o-transition: opacity 100ms;
  5730.   transition: opacity 100ms;
  5731.   background-color: rgba(0, 0, 0, 0.3);
  5732.   color: inherit;
  5733.   font-size: 11px;
  5734.   padding: 1px 5px;
  5735.   font-weight: 500;
  5736.   border-radius: 2px;
  5737.   color: #FFF;
  5738.   position: relative;
  5739.   top: -1px;
  5740. }
  5741.  
  5742. .itemlist__item .item-moderation-link:hover {
  5743.   background-color: rgba(0, 0, 0, 0.5);
  5744. }
  5745.  
  5746. .itemlist__item:hover .item-moderation-link {
  5747.   opacity: 1;
  5748. }
  5749.  
  5750. .itemlist__item .item-col-stats {
  5751.   width: 90px;
  5752.   text-align: center;
  5753.   display: none;
  5754. }
  5755.  
  5756. @media (min-width: 992px) {
  5757.   .itemlist__item .item-col-stats {
  5758.     display: table-cell;
  5759.   }
  5760. }
  5761.  
  5762. .itemlist__item .item-stat__label {
  5763.   color: #969696;
  5764. }
  5765.  
  5766. .itemlist__item .item-col-stats .item-stat__count {
  5767.   display: block;
  5768. }
  5769.  
  5770. .itemlist__item .item-stats--inline {
  5771.   margin-top: 3px;
  5772. }
  5773.  
  5774. @media (min-width: 768px) {
  5775.   .itemlist__item .item-stats--inline {
  5776.     font-size: inherit;
  5777.   }
  5778. }
  5779.  
  5780. @media (min-width: 992px) {
  5781.   .itemlist__item .item-stats--inline {
  5782.     display: none;
  5783.   }
  5784. }
  5785.  
  5786. .itemlist__item .item-stats--inline .item-stat__label {
  5787.   color: inherit;
  5788. }
  5789.  
  5790. .itemlist__item .item-col-lastpost dfn,
  5791. .itemlist__item .item-lastpost--inline dfn {
  5792.   display: none;
  5793. }
  5794.  
  5795. .itemlist__item .item-lastpost__title {
  5796.   display: inline-block;
  5797. }
  5798.  
  5799. .itemlist__item .item-lastpost__time {
  5800.   display: inline-block;
  5801. }
  5802.  
  5803. .itemlist__item .item-lastpost__time, .itemlist__item .item-lastpost__info {
  5804.   color: #969696;
  5805. }
  5806.  
  5807. .itemlist__item a.item-lastpost__time:hover {
  5808.   color: #555555;
  5809. }
  5810.  
  5811. .itemlist__item .item-col-mark {
  5812.   width: 30px;
  5813.   text-align: center;
  5814.   padding-left: 0;
  5815. }
  5816.  
  5817. @media (min-width: 768px) {
  5818.   .itemlist__item .item-col-mark {
  5819.     width: 36px;
  5820.   }
  5821. }
  5822.  
  5823. .itemlist__item--colbar {
  5824.   margin: -15px 0 0;
  5825.   border: 0;
  5826.   color: #555555;
  5827.   font-weight: bold;
  5828.   background-color: #D5D5D5;
  5829. }
  5830.  
  5831. .itemlist__item--colbar .item-inner {
  5832.   background: rgba(241, 241, 241, 0.85);
  5833. }
  5834.  
  5835. .itemlist__item--colbar + .itemlist__item {
  5836.   border-top: 0;
  5837. }
  5838.  
  5839. .itemlist__item--colbar div[class^=item-col-] {
  5840.   padding-top: 8px;
  5841.   padding-bottom: 8px;
  5842. }
  5843.  
  5844. .itemlist__item--colbar a {
  5845.   color: inherit;
  5846. }
  5847.  
  5848. @media (max-width: 767px) {
  5849.   .itemlist__item--colbar {
  5850.     display: none;
  5851.   }
  5852. }
  5853.  
  5854. .fancyInput--checkbox, .fancyInput--radio {
  5855.   position: relative;
  5856.   height: 14px;
  5857.   width: 14px;
  5858.   display: inline-block;
  5859.   vertical-align: middle;
  5860. }
  5861.  
  5862. .fancyInput--checkbox input, .fancyInput--radio input {
  5863.   cursor: pointer;
  5864.   position: absolute;
  5865.   z-index: 2;
  5866.   margin: 0;
  5867.   padding: 0;
  5868.   top: 0;
  5869.   left: 0;
  5870.   opacity: 0;
  5871.   width: 14px;
  5872.   height: 14px;
  5873. }
  5874.  
  5875. .disabled.fancyInput--checkbox, .disabled.fancyInput--radio {
  5876.   opacity: .6;
  5877. }
  5878.  
  5879. .disabled.fancyInput--checkbox, .disabled.fancyInput--radio, .disabled.fancyInput--checkbox input, .disabled.fancyInput--radio input {
  5880.   cursor: not-allowed;
  5881. }
  5882.  
  5883. .fancyInput--checkbox:hover .fancyInput__base, .fancyInput--radio:hover .fancyInput__base,
  5884. .fancyInput__label:hover .fancyInput--checkbox .fancyInput__base,
  5885. .fancyInput__label:hover .fancyInput--radio .fancyInput__base {
  5886.   border-color: #888;
  5887. }
  5888.  
  5889. .fancyInput--checkbox .fancyInput__base, .fancyInput--checkbox .fancyInput__check, .fancyInput--radio .fancyInput__base, .fancyInput--radio .fancyInput__check {
  5890.   display: block;
  5891.   position: absolute;
  5892.   top: 0;
  5893.   left: 0;
  5894. }
  5895.  
  5896. .fancyInput--checkbox .fancyInput__base, .fancyInput--radio .fancyInput__base {
  5897.   height: 14px;
  5898.   width: 14px;
  5899.   line-height: 14px;
  5900. }
  5901.  
  5902. .fancyInput_label {
  5903.   padding-right: 8px;
  5904.   padding-top: 1px;
  5905. }
  5906.  
  5907. .fancyInput_label .fancyInput--checkbox, .fancyInput_label .fancyInput--radio {
  5908.   margin-right: 4px;
  5909.   top: -.12em;
  5910. }
  5911.  
  5912. label.fancyInput_label {
  5913.   padding-left: 0;
  5914. }
  5915.  
  5916. .fancyInput--checkbox .fancyInput__base {
  5917.   border: 1px solid #B2B2B2;
  5918.   border-radius: 1px;
  5919.   background: white;
  5920. }
  5921.  
  5922. .fancyInput--checkbox .fancyInput__check {
  5923.   border: 0px solid white;
  5924.   -webkit-transform: rotate(-45deg) scale(0) /*rtl:rotate(-45deg) scale(0)*/;
  5925.       -ms-transform: rotate(-45deg) scale(0) /*rtl:rotate(-45deg) scale(0)*/;
  5926.        -o-transform: rotate(-45deg) scale(0) /*rtl:rotate(-45deg) scale(0)*/;
  5927.           transform: rotate(-45deg) scale(0) /*rtl:rotate(-45deg) scale(0)*/;
  5928.   -webkit-transition: background-color .2s, -webkit-transform .3s;
  5929.   transition: background-color .2s, -webkit-transform .3s;
  5930.   -o-transition: background-color .2s, transform .3s, -o-transform .3s;
  5931.   transition: background-color .2s, transform .3s;
  5932.   transition: background-color .2s, transform .3s, -webkit-transform .3s, -o-transform .3s;
  5933.   border-width: 0 0 1px 1px;
  5934.   opacity: 0;
  5935.   top: 4px;
  5936.   left: 3px;
  5937.   width: 8px;
  5938.   height: 4px;
  5939. }
  5940.  
  5941. .rtl .fancyInput--checkbox .fancyInput__check {
  5942.   border-width: 0 1px 1px 0;
  5943. }
  5944.  
  5945. .fancyInput--checkbox.checked .fancyInput__base {
  5946.   background: #599877;
  5947.   border-color: #599877;
  5948. }
  5949.  
  5950. .fancyInput--checkbox.checked .fancyInput__check {
  5951.   -webkit-transform: rotate(-45deg) scale(1) /*rtl:rotate(-45deg) scale(1)*/;
  5952.       -ms-transform: rotate(-45deg) scale(1) /*rtl:rotate(-45deg) scale(1)*/;
  5953.        -o-transform: rotate(-45deg) scale(1) /*rtl:rotate(-45deg) scale(1)*/;
  5954.           transform: rotate(-45deg) scale(1) /*rtl:rotate(-45deg) scale(1)*/;
  5955.   opacity: 1;
  5956. }
  5957.  
  5958. .fancyInput--radio {
  5959.   top: -1px;
  5960. }
  5961.  
  5962. .fancyInput--radio .fancyInput__base {
  5963.   border: 1px solid #999;
  5964.   border-radius: 100px;
  5965.   background: white;
  5966. }
  5967.  
  5968. .fancyInput--radio .fancyInput__check {
  5969.   width: 8px;
  5970.   height: 8px;
  5971.   background: transparent;
  5972.   border-radius: 1000px;
  5973.   top: 50%;
  5974.   left: 50%;
  5975.   margin-top: -4px;
  5976.   margin-left: -4px;
  5977.   -webkit-transform: scale(0);
  5978.       -ms-transform: scale(0);
  5979.        -o-transform: scale(0);
  5980.           transform: scale(0);
  5981.   -webkit-transition: .3s;
  5982.   -o-transition: .3s;
  5983.   transition: .3s;
  5984. }
  5985.  
  5986. .fancyInput--radio.checked .fancyInput__base {
  5987.   border-color: #499DD0;
  5988. }
  5989.  
  5990. .fancyInput--radio.checked .fancyInput__check {
  5991.   background-color: #499DD0;
  5992.   -webkit-transform: scale(1);
  5993.       -ms-transform: scale(1);
  5994.        -o-transform: scale(1);
  5995.           transform: scale(1);
  5996.   opacity: 1;
  5997. }
  5998.  
  5999. .js .st-fancyCheckbox_label,
  6000. .js .st-fancyRadio_label {
  6001.   padding: 3px 4px 0 0;
  6002. }
  6003.  
  6004. .js .st-fancyCheckbox_label .st-fancyCheckbox, .js .st-fancyCheckbox_label .st-fancyRadio,
  6005. .js .st-fancyRadio_label .st-fancyCheckbox,
  6006. .js .st-fancyRadio_label .st-fancyRadio {
  6007.   vertical-align: top;
  6008.   top: 1px;
  6009.   margin-right: 4px;
  6010. }
  6011.  
  6012. .st-fancyRadio:before {
  6013.   border-radius: 50%;
  6014. }
  6015.  
  6016. .st-fancyRadio:after {
  6017.   display: block;
  6018.   content: "";
  6019.   width: 100%;
  6020.   -webkit-transform-origin: center center;
  6021.       -ms-transform-origin: center center;
  6022.        -o-transform-origin: center center;
  6023.           transform-origin: center center;
  6024.   height: 100%;
  6025.   background-color: #499DD0;
  6026.   border-radius: 100px;
  6027.   top: 50%;
  6028.   left: 50%;
  6029.   width: 8px;
  6030.   height: 8px;
  6031.   margin-left: -4px;
  6032.   margin-top: -4px;
  6033. }
  6034.  
  6035. .st-fancyRadio[data-checked=true]:before {
  6036.   background: white;
  6037.   border-color: #499DD0;
  6038. }
  6039.  
  6040. .st-fancyRadio[data-checked=true]:after {
  6041.   -webkit-transform: scale(1);
  6042.       -ms-transform: scale(1);
  6043.        -o-transform: scale(1);
  6044.           transform: scale(1);
  6045.   color: #499DD0;
  6046. }
  6047.  
  6048. .fancyInput--select {
  6049.   display: inline-block;
  6050.   background: #E7E7E7;
  6051.   position: relative;
  6052.   line-height: 3.2rem;
  6053.   padding: 0 12px;
  6054.   padding-right: 24px;
  6055.   border: 1px solid transparent;
  6056.   vertical-align: middle;
  6057.   max-width: 100%;
  6058.   min-width: 150px;
  6059. }
  6060.  
  6061. .fancyInput--select select {
  6062.   cursor: pointer;
  6063.   position: absolute;
  6064.   top: 0;
  6065.   left: 0;
  6066.   opacity: 0;
  6067.   z-index: 2;
  6068. }
  6069.  
  6070. .fancyInput--select .fancyInput__text {
  6071.   display: block;
  6072.   overflow: hidden;
  6073.   height: 3.2rem;
  6074. }
  6075.  
  6076. .fancyInput--select .fancyInput__icon {
  6077.   position: absolute;
  6078.   width: 12px;
  6079.   height: 9px;
  6080.   top: 50%;
  6081.   margin-top: -4.5px;
  6082.   right: 4px;
  6083. }
  6084.  
  6085. .fancyInput--select .fancyInput__icon:after, .fancyInput--select .fancyInput__icon:before {
  6086.   content: "";
  6087.   display: block;
  6088.   text-align: center;
  6089.   width: 0;
  6090.   height: 0;
  6091.   border-style: solid;
  6092.   -webkit-transition: 200ms;
  6093.   -o-transition: 200ms;
  6094.   transition: 200ms;
  6095.   position: relative;
  6096. }
  6097.  
  6098. .fancyInput--select .fancyInput__icon:before {
  6099.   border-width: 0 3.5px 4px 3.5px;
  6100.   border-color: transparent transparent #555555 transparent;
  6101.   top: -1px;
  6102. }
  6103.  
  6104. .fancyInput--select .fancyInput__icon:after {
  6105.   border-width: 4px 3.5px 0 3.5px;
  6106.   bottom: -1px;
  6107.   border-color: #555555 transparent transparent transparent;
  6108. }
  6109.  
  6110. .fancyInput--select:hover .fancyInput__icon:before {
  6111.   -webkit-transform: translateY(-1px);
  6112.       -ms-transform: translateY(-1px);
  6113.        -o-transform: translateY(-1px);
  6114.           transform: translateY(-1px);
  6115. }
  6116.  
  6117. .fancyInput--select:hover .fancyInput__icon:after {
  6118.   -webkit-transform: translateY(1px);
  6119.       -ms-transform: translateY(1px);
  6120.        -o-transform: translateY(1px);
  6121.           transform: translateY(1px);
  6122. }
  6123.  
  6124. #cp-main .st-editor dl dt {
  6125.   float: none;
  6126.   width: auto;
  6127.   text-align: left;
  6128. }
  6129.  
  6130. #cp-main .st-editor dl dd {
  6131.   margin-left: 0;
  6132. }
  6133.  
  6134. .st-editor__colorpalette {
  6135.   display: none;
  6136.   margin-bottom: 15px;
  6137. }
  6138.  
  6139. .st-editor__colorpalette__title {
  6140.   display: none;
  6141. }
  6142.  
  6143. .st-editor__colorpalette__colors table {
  6144.   border-collapse: separate;
  6145.   border-spacing: 1px;
  6146. }
  6147.  
  6148. @media (max-width: 479px) {
  6149.   .st-editor__colorpalette__colors table {
  6150.     border-spacing: 2px !important;
  6151.   }
  6152. }
  6153.  
  6154. @media (max-width: 479px) {
  6155.   .st-editor__colorpalette__colors td {
  6156.     width: 20px !important;
  6157.     height: 17px !important;
  6158.   }
  6159. }
  6160.  
  6161. @media (max-width: 479px) {
  6162.   .st-editor__colorpalette__colors td:nth-child(odd) {
  6163.     display: none;
  6164.   }
  6165. }
  6166.  
  6167. .st-editor__box .bbcode-section {
  6168.   display: inline-block;
  6169.   margin-right: 8px;
  6170.   vertical-align: middle;
  6171. }
  6172.  
  6173. .st-editor__box .bbcode-section button {
  6174.   border-radius: 0;
  6175.   float: left;
  6176. }
  6177.  
  6178. .st-editor__box .bbcode-section button:first-child {
  6179.   border-radius: 2px 0 0 2px;
  6180. }
  6181.  
  6182. .st-editor__box .bbcode-section button:last-child {
  6183.   margin: 0;
  6184.   border-radius: 0 2px 2px 0;
  6185. }
  6186.  
  6187. .st-editor__box #message {
  6188.   height: 300px;
  6189. }
  6190.  
  6191. .st-editor__box textarea,
  6192. .st-editor__box #message {
  6193.   width: 100%;
  6194.   background: #E7E7E7;
  6195.   padding: 8px;
  6196.   resize: vertical;
  6197. }
  6198.  
  6199. .st-editor__formatbuttons .button2, .st-editor__formatbuttons input, .st-editor__formatbuttons select, .st-editor__formatbuttons .fancyInput {
  6200.   margin-bottom: 15px;
  6201.   background: #E7E7E7;
  6202.   vertical-align: top;
  6203.   border-color: transparent;
  6204. }
  6205.  
  6206. .st-editor__formatbuttons .button2:hover, .st-editor__formatbuttons input:hover, .st-editor__formatbuttons select:hover, .st-editor__formatbuttons .fancyInput:hover {
  6207.   background: #dadada;
  6208. }
  6209.  
  6210. .st-editor__formatbuttons .button2 {
  6211.   padding: 0 8px;
  6212. }
  6213.  
  6214. .st-editor__formatbuttons .button2 .fi {
  6215.   font-size: 17px;
  6216.   vertical-align: middle;
  6217.   top: 0;
  6218. }
  6219.  
  6220. #smiley-box {
  6221.   display: none;
  6222.   padding-bottom: 15px;
  6223. }
  6224.  
  6225. /*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
  6226. /**
  6227.  * SCEditor
  6228.  * http://www.ssceditor.com/
  6229.  *
  6230.  * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
  6231.  *
  6232.  * SCEditor is licensed under the MIT license:
  6233.  *  http://www.opensource.org/licenses/mit-license.php
  6234.  */
  6235. html.sceditor-maximized {
  6236.   overflow: hidden;
  6237. }
  6238.  
  6239. div.sceditor-grip,
  6240. .sceditor-button div {
  6241.   background-image: url("../images/famfamfam.png");
  6242.   background-repeat: no-repeat;
  6243.   width: 16px;
  6244.   height: 16px;
  6245. }
  6246.  
  6247. .sceditor-button div:after {
  6248.   text-indent: 0;
  6249.   position: absolute;
  6250.   top: 0;
  6251.   left: 0;
  6252.   font-size: 1.7rem;
  6253. }
  6254.  
  6255. .sceditor-button-youtube div:after {
  6256.   color: #D64140;
  6257.   content: "";
  6258. }
  6259.  
  6260. .sceditor-button-vimeo div:after {
  6261.   color: #499DD0;
  6262.   content: "";
  6263. }
  6264.  
  6265. .sceditor-button-link div:after {
  6266.   content: "";
  6267. }
  6268.  
  6269. .sceditor-button-unlink div:after {
  6270.   content: "";
  6271. }
  6272.  
  6273. .sceditor-button-underline div:after {
  6274.   content: "";
  6275. }
  6276.  
  6277. .sceditor-button-time div:after {
  6278.   content: "";
  6279. }
  6280.  
  6281. .sceditor-button-table div {
  6282.   background-position: 0px -80px;
  6283. }
  6284.  
  6285. .sceditor-button-superscript div:after {
  6286.   content: "";
  6287. }
  6288.  
  6289. .sceditor-button-subscript div:after {
  6290.   content: "";
  6291. }
  6292.  
  6293. .sceditor-button-strike div:after {
  6294.   content: "";
  6295. }
  6296.  
  6297. .sceditor-button-source div:after {
  6298.   content: "";
  6299. }
  6300.  
  6301. .sceditor-button-size div:after {
  6302.   content: "";
  6303. }
  6304.  
  6305. .sceditor-button-rtl div {
  6306.   background-position: 0px -176px;
  6307. }
  6308.  
  6309. .sceditor-button-right div:after {
  6310.   content: "";
  6311. }
  6312.  
  6313. .sceditor-button-removeformat div:after {
  6314.   content: "";
  6315. }
  6316.  
  6317. .sceditor-button-quote div:after {
  6318.   content: "";
  6319. }
  6320.  
  6321. .sceditor-button-print div {
  6322.   background-position: 0px -240px;
  6323. }
  6324.  
  6325. .sceditor-button-pastetext div {
  6326.   background-position: 0px -256px;
  6327. }
  6328.  
  6329. .sceditor-button-paste div {
  6330.   background-position: 0px -272px;
  6331. }
  6332.  
  6333. .sceditor-button-outdent div {
  6334.   background-position: 0px -288px;
  6335. }
  6336.  
  6337. .sceditor-button-orderedlist div:after {
  6338.   content: "";
  6339.   font-size: 1.9rem;
  6340. }
  6341.  
  6342. .sceditor-button-maximize div:after {
  6343.   content: "";
  6344. }
  6345.  
  6346. .sceditor-maximize .sceditor-button-maximize div:after {
  6347.   content: "";
  6348. }
  6349.  
  6350. .sceditor-button-ltr div {
  6351.   background-position: 0px -336px;
  6352. }
  6353.  
  6354. .sceditor-button-left div:after {
  6355.   content: "";
  6356. }
  6357.  
  6358. .sceditor-button-justify div:after {
  6359.   content: "";
  6360. }
  6361.  
  6362. .sceditor-button-italic div:after {
  6363.   content: "";
  6364. }
  6365.  
  6366. .sceditor-button-indent div {
  6367.   background-position: 0px -400px;
  6368. }
  6369.  
  6370. .sceditor-button-image div:after {
  6371.   content: "";
  6372. }
  6373.  
  6374. .sceditor-button-horizontalrule div {
  6375.   background-position: 0px -432px;
  6376. }
  6377.  
  6378. .sceditor-button-format div {
  6379.   background-position: 0px -448px;
  6380. }
  6381.  
  6382. .sceditor-button-font div:after {
  6383.   content: 'A';
  6384.   top: -1px;
  6385.   text-align: center;
  6386.   width: 100%;
  6387.   left: 1px;
  6388. }
  6389.  
  6390. .sceditor-button-emoticon div:after {
  6391.   content: "";
  6392. }
  6393.  
  6394. .sceditor-button-email div {
  6395.   background-position: 0px -496px;
  6396. }
  6397.  
  6398. .sceditor-button-date div:after {
  6399.   content: "";
  6400. }
  6401.  
  6402. .sceditor-button-cut div {
  6403.   background-position: 0px -528px;
  6404. }
  6405.  
  6406. .sceditor-button-copy div {
  6407.   background-position: 0px -544px;
  6408. }
  6409.  
  6410. .sceditor-button-color div:after {
  6411.   content: "";
  6412. }
  6413.  
  6414. .sceditor-button-code div:after {
  6415.   content: "";
  6416. }
  6417.  
  6418. .sceditor-button-center div:after {
  6419.   content: "";
  6420. }
  6421.  
  6422. .sceditor-button-bulletlist div:after {
  6423.   content: "";
  6424.   font-size: 1.9rem;
  6425. }
  6426.  
  6427. .sceditor-button-bold div:after {
  6428.   content: "";
  6429. }
  6430.  
  6431. div.sceditor-grip {
  6432.   width: 10px;
  6433.   height: 10px;
  6434. }
  6435.  
  6436. div.sceditor-grip:after {
  6437.   font-size: 15px;
  6438.   content: "" "";
  6439.   position: absolute;
  6440.   top: -3px;
  6441.   left: 50%;
  6442.   width: 100px;
  6443.   text-align: center;
  6444.   margin-left: -50px;
  6445.   letter-spacing: -2.4px;
  6446. }
  6447.  
  6448. .sourceMode div.sceditor-grip:after {
  6449.   color: #969696;
  6450. }
  6451.  
  6452. /**
  6453.  * SCEditor
  6454.  * http://www.ssceditor.com/
  6455.  *
  6456.  * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
  6457.  *
  6458.  * SCEditor is licensed under the MIT license:
  6459.  *  http://www.opensource.org/licenses/mit-license.php
  6460.  */
  6461. /*---------------------------------------------------
  6462.     LESS Elements 0.7
  6463.   ---------------------------------------------------
  6464.     A set of useful LESS mixins
  6465.     More info at: http://lesselements.com
  6466.   ---------------------------------------------------*/
  6467. .sceditor-container {
  6468.   width: 100% !important;
  6469.   position: relative;
  6470.   background: #fff;
  6471.   line-height: 1;
  6472.   border-radius: 4px;
  6473.   -webkit-background-clip: padding-box;
  6474.           background-clip: padding-box;
  6475. }
  6476.  
  6477. .sceditor-container *,
  6478. .sceditor-container *:before,
  6479. .sceditor-container *:after {
  6480.   -webkit-box-sizing: content-box;
  6481.   -moz-box-sizing: content-box;
  6482.   box-sizing: content-box;
  6483. }
  6484.  
  6485. .sceditor-container,
  6486. .sceditor-container div,
  6487. div.sceditor-dropdown,
  6488. div.sceditor-dropdown div {
  6489.   padding: 0;
  6490.   margin: 0;
  6491.   z-index: 3;
  6492. }
  6493.  
  6494. .sceditor-container iframe,
  6495. .sceditor-container textarea {
  6496.   line-height: 1;
  6497.   border: 0;
  6498.   outline: none;
  6499.   font-family: -apple-system, "Helvetica Neue", "Roboto", "Segoe UI", "Helvetica", sans-serif;
  6500.   margin: 0;
  6501.   padding: 8px 10px;
  6502.   resize: none;
  6503.   background: #fff;
  6504.   display: block;
  6505.   border: 1px solid #E7E7E7;
  6506.   border-width: 0 4px;
  6507.   width: 100% !important;
  6508.   -webkit-box-sizing: border-box;
  6509.      -moz-box-sizing: border-box;
  6510.           box-sizing: border-box;
  6511. }
  6512.  
  6513. .sceditor-container.sourceMode textarea,
  6514. .sceditor-container.sourceMode textarea:focus {
  6515.   background-color: #444348;
  6516.   border-color: #333333;
  6517.   color: white;
  6518.   font-weight: normal;
  6519.   font-size: 1.4rem;
  6520.   font-family: consolas,monospace;
  6521. }
  6522.  
  6523. div.sceditor-resize-cover {
  6524.   position: absolute;
  6525.   top: 0;
  6526.   left: 0;
  6527.   background: #000;
  6528.   width: 100%;
  6529.   height: 100%;
  6530.   z-index: 10;
  6531.   opacity: 0.3;
  6532. }
  6533.  
  6534. .ie6 div.sceditor-resize-cover,
  6535. .ie7 div.sceditor-resize-cover,
  6536. .ie8 div.sceditor-resize-cover {
  6537.   background: #efefef;
  6538. }
  6539.  
  6540. .sceditor-container.ie6 {
  6541.   overflow: hidden;
  6542. }
  6543.  
  6544. div.sceditor-grip {
  6545.   overflow: hidden;
  6546.   width: 100%;
  6547.   height: 9px;
  6548.   cursor: pointer;
  6549.   position: absolute;
  6550.   bottom: 0px;
  6551.   left: 0;
  6552.   border: 0;
  6553.   -webkit-box-sizing: border-box;
  6554.      -moz-box-sizing: border-box;
  6555.           box-sizing: border-box;
  6556.   background-color: #E7E7E7;
  6557.   z-index: 3;
  6558.   background-image: none;
  6559.   cursor: n-resize;
  6560. }
  6561.  
  6562. div.sceditor-grip:hover {
  6563.   background-color: #dfdfdf;
  6564. }
  6565.  
  6566. .sourceMode div.sceditor-grip {
  6567.   background: #2C2B2F;
  6568.   border-color: #333333;
  6569. }
  6570.  
  6571. .sourceMode div.sceditor-grip:hover {
  6572.   background-color: #242424;
  6573. }
  6574.  
  6575. .sceditor-container {
  6576.   padding-bottom: 9px !important;
  6577. }
  6578.  
  6579. .sceditor-container.sceditor-maximize {
  6580.   padding-bottom: 0 !important;
  6581. }
  6582.  
  6583. .sceditor-maximize {
  6584.   position: fixed;
  6585.   top: 0;
  6586.   left: 0;
  6587.   height: 100% !important;
  6588.   width: 100% !important;
  6589.   border-radius: 0;
  6590.   -webkit-background-clip: padding-box;
  6591.           background-clip: padding-box;
  6592.   z-index: 2000;
  6593. }
  6594.  
  6595. html.sceditor-maximize,
  6596. body.sceditor-maximize {
  6597.   height: 100%;
  6598.   width: 100%;
  6599.   padding: 0;
  6600.   margin: 0;
  6601.   overflow: hidden;
  6602. }
  6603.  
  6604. .ie6.sceditor-maximize {
  6605.   position: absolute;
  6606. }
  6607.  
  6608. .sceditor-maximize div.sceditor-grip {
  6609.   display: none;
  6610. }
  6611.  
  6612. .sceditor-maximize div.sceditor-toolbar {
  6613.   border-radius: 0;
  6614.   -webkit-background-clip: padding-box;
  6615.           background-clip: padding-box;
  6616. }
  6617.  
  6618. /**
  6619.      * Dropdown styleing
  6620.      */
  6621. div.sceditor-dropdown {
  6622.   position: absolute;
  6623.   border: 1px solid #ccc;
  6624.   background: #fff;
  6625.   color: #333;
  6626.   z-index: 4000;
  6627.   padding: 10px;
  6628.   line-height: 1;
  6629.   border-radius: 2px;
  6630.   -webkit-background-clip: padding-box;
  6631.           background-clip: padding-box;
  6632.   -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  6633.           box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  6634. }
  6635.  
  6636. div.sceditor-dropdown a,
  6637. div.sceditor-dropdown a:link {
  6638.   color: #333;
  6639. }
  6640.  
  6641. div.sceditor-dropdown form {
  6642.   margin: 0;
  6643. }
  6644.  
  6645. div.sceditor-dropdown label {
  6646.   display: block;
  6647.   font-weight: bold;
  6648.   color: #3c3c3c;
  6649.   padding: 4px 0;
  6650. }
  6651.  
  6652. div.sceditor-dropdown textarea {
  6653.   padding: 6px;
  6654. }
  6655.  
  6656. div.sceditor-dropdown .button {
  6657.   font-weight: 500;
  6658.   color: #444;
  6659.   padding: 10px 12px;
  6660.   border: 0;
  6661.   border-radius: 2px;
  6662.   cursor: pointer;
  6663.   margin: 10px 0 0;
  6664. }
  6665.  
  6666. div.sceditor-dropdown .button:hover {
  6667.   background: #f3f3f3;
  6668.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  6669.           box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  6670. }
  6671.  
  6672. div.sceditor-font-picker,
  6673. div.sceditor-fontsize-picker,
  6674. div.sceditor-format {
  6675.   padding: 6px 0;
  6676. }
  6677.  
  6678. div.sceditor-emoticons,
  6679. div.sceditor-more-emoticons,
  6680. div.sceditor-color-picker {
  6681.   padding: 0;
  6682. }
  6683.  
  6684. .sceditor-pastetext textarea {
  6685.   border: 1px solid #bbb;
  6686.   width: 20em;
  6687. }
  6688.  
  6689. .sceditor-emoticons img,
  6690. .sceditor-more-emoticons img {
  6691.   padding: 3px;
  6692.   cursor: pointer;
  6693.   margin: 2px;
  6694. }
  6695.  
  6696. div.sceditor-emoticons > div {
  6697.   padding: 5px;
  6698. }
  6699.  
  6700. .sceditor-more {
  6701.   display: none !important;
  6702.   border-top: 1px solid #bbb;
  6703.   display: block;
  6704.   text-align: center;
  6705.   cursor: pointer;
  6706.   font-weight: bold;
  6707.   padding: 6px 0;
  6708. }
  6709.  
  6710. .sceditor-dropdown a:hover {
  6711.   background: #eee;
  6712. }
  6713.  
  6714. .sceditor-fontsize-option,
  6715. .sceditor-font-option,
  6716. .sceditor-format a {
  6717.   display: block;
  6718.   padding: 7px 10px;
  6719.   cursor: pointer;
  6720.   text-decoration: none;
  6721.   color: #222;
  6722. }
  6723.  
  6724. .sceditor-fontsize-option {
  6725.   padding: 7px 13px;
  6726. }
  6727.  
  6728. .sceditor-color-column {
  6729.   float: left;
  6730.   width: 110px;
  6731.   padding: 5px !important;
  6732. }
  6733.  
  6734. .sceditor-color-option {
  6735.   display: inline-block;
  6736.   border: 1px solid #fff;
  6737.   height: 25px;
  6738.   width: 25px;
  6739.   overflow: hidden;
  6740.   margin-bottom: -1px;
  6741. }
  6742.  
  6743. .sceditor-color-option[data-color="#fff"] {
  6744.   -webkit-box-shadow: inset 0 0 0 1px #aaa;
  6745.           box-shadow: inset 0 0 0 1px #aaa;
  6746. }
  6747.  
  6748. .sceditor-color-option:hover {
  6749.   border: 1px solid #333;
  6750.   -webkit-box-shadow: none;
  6751.           box-shadow: none;
  6752. }
  6753.  
  6754. /**
  6755.      * Toolbar styleing
  6756.      */
  6757. div.sceditor-toolbar {
  6758.   overflow: hidden;
  6759.   background: #E7E7E7;
  6760.   border: 0;
  6761.   line-height: 0;
  6762.   -webkit-user-select: none;
  6763.      -moz-user-select: none;
  6764.       -ms-user-select: none;
  6765.           user-select: none;
  6766.   -webkit-background-clip: padding-box;
  6767.           background-clip: padding-box;
  6768.   padding: 3px 1px;
  6769. }
  6770.  
  6771. .sceditor-maximize div.sceditor-toolbar {
  6772.   border-top: 0;
  6773. }
  6774.  
  6775. div.sceditor-group {
  6776.   display: inline-block;
  6777.   padding: 3px 5px 3px 4px;
  6778.   height: 28px;
  6779.   border-right: 1px solid #C1C1C1;
  6780.   -webkit-background-clip: padding-box;
  6781.           background-clip: padding-box;
  6782. }
  6783.  
  6784. div.sceditor-group:last-child {
  6785.   border: 0;
  6786. }
  6787.  
  6788. .ie6 div.sceditor-group,
  6789. .ie7 div.sceditor-group {
  6790.   display: inline;
  6791.   zoom: 1;
  6792. }
  6793.  
  6794. .sceditor-button {
  6795.   border-radius: 2px;
  6796.   float: left;
  6797.   cursor: pointer;
  6798.   padding: 4px 7px;
  6799.   margin-right: 1px;
  6800.   position: relative;
  6801.   width: 16px;
  6802.   height: 20px;
  6803.   -webkit-background-clip: padding-box;
  6804.           background-clip: padding-box;
  6805.   /* Needed for Safari 5? */
  6806.   text-indent: -9999px;
  6807. }
  6808.  
  6809. .ie .sceditor-button {
  6810.   text-indent: 0;
  6811. }
  6812.  
  6813. .ie6 .sceditor-button,
  6814. .ie7 .sceditor-button {
  6815.   float: none !important;
  6816.   display: inline;
  6817.   zoom: 1;
  6818. }
  6819.  
  6820. .ie6 .sceditor-button {
  6821.   padding: 0;
  6822. }
  6823.  
  6824. .ie6 .sceditor-button div {
  6825.   margin: 5px;
  6826. }
  6827.  
  6828. .ie7 .sceditor-button div {
  6829.   margin: 5px 0;
  6830. }
  6831.  
  6832. .sceditor-button:hover {
  6833.   background: rgba(0, 0, 0, 0.08);
  6834. }
  6835.  
  6836. .sceditor-button.active {
  6837.   background: rgba(0, 0, 0, 0.15);
  6838. }
  6839.  
  6840. .sceditor-button.active div {
  6841.   color: #222;
  6842. }
  6843.  
  6844. .sceditor-button.disabled:hover {
  6845.   background: inherit;
  6846.   cursor: default;
  6847.   -webkit-box-shadow: none;
  6848.           box-shadow: none;
  6849. }
  6850.  
  6851. .sceditor-button,
  6852. .sceditor-button div {
  6853.   display: block;
  6854. }
  6855.  
  6856. .sceditor-button div {
  6857.   margin: 2px 0;
  6858.   padding: 0;
  6859.   overflow: hidden;
  6860.   line-height: 0;
  6861.   font-size: 0;
  6862.   color: #444;
  6863.   background-image: none;
  6864.   position: relative;
  6865. }
  6866.  
  6867. .sceditor-button.disabled div {
  6868.   filter: alpha(opacity=30);
  6869.   opacity: 0.3;
  6870. }
  6871.  
  6872. .text .sceditor-button,
  6873. .text .sceditor-button div,
  6874. .sceditor-button.text,
  6875. .sceditor-button.text div,
  6876. .text-icon .sceditor-button,
  6877. .text-icon .sceditor-button div,
  6878. .sceditor-button.text-icon,
  6879. .sceditor-button.text-icon div {
  6880.   width: auto;
  6881.   overflow: visible;
  6882.   line-height: 16px;
  6883.   font-size: 1em;
  6884.   color: inherit;
  6885.   text-indent: 0;
  6886. }
  6887.  
  6888. .text .sceditor-button div,
  6889. .sceditor-button.text div {
  6890.   padding: 0 2px;
  6891.   background: none;
  6892. }
  6893.  
  6894. .text-icon .sceditor-button div,
  6895. .sceditor-button.text-icon div {
  6896.   padding: 0 2px 0 20px;
  6897. }
  6898.  
  6899. .rtl div.sceditor-grip {
  6900.   right: auto;
  6901.   left: 0;
  6902. }
  6903.  
  6904. .sceditor-insertimage div {
  6905.   display: none;
  6906. }
  6907.  
  6908. .sceditor-insertimage div:first-child, .sceditor-insertimage div:last-child {
  6909.   display: block;
  6910. }
  6911.  
  6912. #tabs {
  6913.   padding: 5px 5px 0 5px;
  6914.   background: #41454b;
  6915. }
  6916.  
  6917. @media (min-width: 480px) {
  6918.   #tabs {
  6919.     border-radius: 2px 2px 0 0;
  6920.     padding: 8px 8px 0 8px;
  6921.   }
  6922. }
  6923.  
  6924. #tabs > ul {
  6925.   margin: 0;
  6926.   padding: 0;
  6927. }
  6928.  
  6929. #tabs > ul > li {
  6930.   display: block;
  6931.   float: left;
  6932.   margin-right: 1px;
  6933. }
  6934.  
  6935. #tabs > ul > li > a {
  6936.   display: block;
  6937.   color: inherit;
  6938.   border-radius: 2px 2px 0 0;
  6939.   padding: 11px 15px;
  6940.   color: rgba(255, 255, 255, 0.7);
  6941. }
  6942.  
  6943. #tabs > ul > li > a:hover {
  6944.   color: #FFF;
  6945.   background-color: rgba(255, 255, 255, 0.2);
  6946. }
  6947.  
  6948. #tabs > ul > .activetab > a {
  6949.   color: inherit;
  6950.   font-weight: bold;
  6951.   background: #EFEFEF;
  6952. }
  6953.  
  6954. #tabs > ul > .activetab > a:hover {
  6955.   background: #EFEFEF;
  6956.   color: inherit;
  6957. }
  6958.  
  6959. #tabs > ul > .dropdown-visible > a {
  6960.   background: white !important;
  6961.   z-index: 21;
  6962.   position: relative;
  6963. }
  6964.  
  6965. .fields2[role=tabpanel] {
  6966.   border: 1px solid #E7E7E7;
  6967.   padding: 15px;
  6968. }
  6969.  
  6970. .tabs-container h2 {
  6971.   margin: 0;
  6972.   font-size: 15px;
  6973.   float: left;
  6974.   font-weight: normal;
  6975.   position: relative;
  6976.   top: 5px;
  6977. }
  6978.  
  6979. .tabs-container h2 a {
  6980.   color: inherit;
  6981. }
  6982.  
  6983. #minitabs {
  6984.   float: right;
  6985.   margin-bottom: -1px;
  6986. }
  6987.  
  6988. #minitabs .tab {
  6989.   float: right;
  6990. }
  6991.  
  6992. #minitabs .tab a {
  6993.   display: inline-block;
  6994.   color: #969696;
  6995.   padding: 6px 12px;
  6996.   padding-bottom: 10px;
  6997.   position: relative;
  6998.   z-index: 1;
  6999. }
  7000.  
  7001. #minitabs .tab a:hover {
  7002.   color: #303030;
  7003. }
  7004.  
  7005. #minitabs .activetab a {
  7006.   color: #303030;
  7007.   font-weight: 500;
  7008.   border-bottom: 3px solid #499DD0;
  7009. }
  7010.  
  7011. button::-moz-focus-inner,
  7012. input[type="button"]::-moz-focus-inner,
  7013. input[type="submit"]::-moz-focus-inner,
  7014. input[type="reset"]::-moz-focus-inner {
  7015.   padding: 0 !important;
  7016.   border: 0 none !important;
  7017. }
  7018.  
  7019. .btn, .button1, .button2 {
  7020.   -webkit-appearance: none;
  7021.   text-transform: none;
  7022.   overflow: visible;
  7023.   display: inline-block;
  7024.   font-size: 13px;
  7025.   margin-bottom: 0;
  7026.   font-weight: normal;
  7027.   text-align: center;
  7028.   vertical-align: middle;
  7029.   -ms-touch-action: manipulation;
  7030.       touch-action: manipulation;
  7031.   cursor: pointer;
  7032.   background-image: none;
  7033.   border: 1px solid transparent;
  7034.   white-space: nowrap;
  7035.   border-radius: 2px;
  7036.   padding: 0 12px;
  7037.   line-height: 3.2rem;
  7038.   -webkit-user-select: none;
  7039.      -moz-user-select: none;
  7040.       -ms-user-select: none;
  7041.           user-select: none;
  7042.   -webkit-transition: -webkit-transform 100ms;
  7043.   transition: -webkit-transform 100ms;
  7044.   -o-transition: transform 100ms, -o-transform 100ms;
  7045.   transition: transform 100ms;
  7046.   transition: transform 100ms, -webkit-transform 100ms, -o-transform 100ms;
  7047.   -webkit-transform-origin: center center;
  7048.       -ms-transform-origin: center center;
  7049.        -o-transform-origin: center center;
  7050.           transform-origin: center center;
  7051. }
  7052.  
  7053. .btn:hover, .btn:focus, .btn.focus, .button1:hover, .button1:focus, .button1.focus, .button2:hover, .button2:focus, .button2.focus {
  7054.   color: #5F5F5F;
  7055.   text-decoration: none;
  7056.   outline: 0;
  7057. }
  7058.  
  7059. .btn:active, .btn.active, .button1:active, .button1.active, .button2:active, .button2.active {
  7060.   outline: 0;
  7061.   background-image: none;
  7062. }
  7063.  
  7064. .btn.disabled, .btn[disabled],
  7065. fieldset[disabled] .btn, .button1.disabled, .button1[disabled],
  7066. fieldset[disabled] .button1, .button2.disabled, .button2[disabled],
  7067. fieldset[disabled] .button2 {
  7068.   cursor: not-allowed;
  7069.   pointer-events: none;
  7070.   opacity: 0.65;
  7071.   filter: alpha(opacity=65);
  7072.   -webkit-box-shadow: none;
  7073.   box-shadow: none;
  7074. }
  7075.  
  7076. .btn .fi, .button1 .fi, .button2 .fi {
  7077.   font-size: 1.4rem;
  7078.   line-height: 1;
  7079.   position: relative;
  7080.   top: 1px;
  7081.   vertical-align: baseline;
  7082. }
  7083.  
  7084. .btn-label {
  7085.   display: none;
  7086. }
  7087.  
  7088. @media (min-width: 768px) {
  7089.   .btn-label {
  7090.     display: inline;
  7091.   }
  7092. }
  7093.  
  7094. .btn-default, .button, .button1, .button2, .button3 {
  7095.   color: #555555;
  7096.   font-weight: 500;
  7097.   background-color: #E7E7E7;
  7098. }
  7099.  
  7100. .btn-default:hover, .btn-default:focus, .button:hover, .button:focus, .button1:hover, .button1:focus, .button2:hover, .button2:focus, .button3:hover, .button3:focus {
  7101.   color: inherit;
  7102.   background-color: #dadada;
  7103. }
  7104.  
  7105. .btn-default:active, .button:active, .button1:active, .button2:active, .button3:active {
  7106.   background-color: lightgray;
  7107. }
  7108.  
  7109. .btn-primary {
  7110.   background-color: #b03d3d;
  7111.   color: #fff;
  7112. }
  7113.  
  7114. .btn-primary:hover, .btn-primary:focus {
  7115.   color: #fff;
  7116.   background: #c14b4b;
  7117. }
  7118.  
  7119. .btn-success {
  7120.   background-color: #599877;
  7121.   color: #fff;
  7122. }
  7123.  
  7124. .btn-success:hover, .btn-success:focus {
  7125.   color: #fff;
  7126.   background: #69a786;
  7127. }
  7128.  
  7129. .btn-info {
  7130.   background-color: #499DD0;
  7131.   color: #fff;
  7132. }
  7133.  
  7134. .btn-info:hover, .btn-info:focus {
  7135.   color: #fff;
  7136.   background: #61aad6;
  7137. }
  7138.  
  7139. .btn-warning {
  7140.   background-color: #F6A942;
  7141.   color: #fff;
  7142. }
  7143.  
  7144. .btn-warning:hover, .btn-warning:focus {
  7145.   color: #fff;
  7146.   background: #f7b65f;
  7147. }
  7148.  
  7149. .btn-danger {
  7150.   background-color: #CF6363;
  7151.   color: #fff;
  7152. }
  7153.  
  7154. .btn-danger:hover, .btn-danger:focus {
  7155.   color: #fff;
  7156.   background: #d67a7a;
  7157. }
  7158.  
  7159. .btn-link {
  7160.   border-color: transparent;
  7161.   background-image: none;
  7162.   -webkit-box-shadow: none;
  7163.           box-shadow: none;
  7164.   color: inherit;
  7165. }
  7166.  
  7167. /*New content button*/
  7168. .btn-createnew {
  7169.   padding: 0 15px;
  7170. }
  7171.  
  7172. @media (min-width: 768px) {
  7173.   .btn-createnew {
  7174.     min-width: 130px;
  7175.   }
  7176. }
  7177.  
  7178. .btn-link, .btn-min-link {
  7179.   color: #2D76D7;
  7180.   font-weight: normal;
  7181.   border-radius: 0;
  7182. }
  7183.  
  7184. .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  7185. fieldset[disabled] .btn-link, .btn-min-link, .btn-min-link:active, .btn-min-link.active, .btn-min-link[disabled],
  7186. fieldset[disabled] .btn-min-link {
  7187.   background-color: transparent;
  7188.   -webkit-box-shadow: none;
  7189.   box-shadow: none;
  7190. }
  7191.  
  7192. .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-min-link, .btn-min-link:hover, .btn-min-link:focus, .btn-min-link:active {
  7193.   border-color: transparent;
  7194. }
  7195.  
  7196. .btn-link:hover, .btn-link:focus, .btn-min-link:hover, .btn-min-link:focus {
  7197.   color: #B54444;
  7198.   text-decoration: none;
  7199.   background-color: transparent;
  7200. }
  7201.  
  7202. .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  7203. fieldset[disabled] .btn-link:hover,
  7204. fieldset[disabled] .btn-link:focus, .btn-min-link[disabled]:hover, .btn-min-link[disabled]:focus,
  7205. fieldset[disabled] .btn-min-link:hover,
  7206. fieldset[disabled] .btn-min-link:focus {
  7207.   color: #777777;
  7208.   text-decoration: none;
  7209. }
  7210.  
  7211. .btn-min-link {
  7212.   color: inherit;
  7213.   padding: 0;
  7214. }
  7215.  
  7216. .btn-lg, .btn-group-lg > .btn {
  7217.   padding: 10px 16px;
  7218.   font-size: 17px;
  7219.   line-height: 1.3333333;
  7220.   border-radius: 6px;
  7221. }
  7222.  
  7223. .btn-sm, .btn-group-sm > .btn {
  7224.   font-size: 12px;
  7225.   line-height: 28px;
  7226. }
  7227.  
  7228. .btn-xs, .btn-group-xs > .btn {
  7229.   padding: 1px 5px;
  7230.   font-size: 12px;
  7231.   line-height: 1.5;
  7232.   border-radius: 3px;
  7233. }
  7234.  
  7235. .btn-block {
  7236.   display: block;
  7237.   width: 100%;
  7238. }
  7239.  
  7240. .btn-block + .btn-block {
  7241.   margin-top: 5px;
  7242. }
  7243.  
  7244. input[type="submit"].btn-block,
  7245. input[type="reset"].btn-block,
  7246. input[type="button"].btn-block {
  7247.   width: 100%;
  7248. }
  7249.  
  7250. .quickScroll-container {
  7251.   position: fixed;
  7252.   right: 8px;
  7253.   bottom: 1px;
  7254.   z-index: 1000;
  7255. }
  7256.  
  7257. @media (min-width: 768px) {
  7258.   .quickScroll-container {
  7259.     right: 15px;
  7260.     bottom: 15px;
  7261.   }
  7262. }
  7263.  
  7264. .csspositionsticky .quickScroll-container {
  7265.   bottom: 0px;
  7266.   float: right;
  7267.   -webkit-box-sizing: content-box;
  7268.      -moz-box-sizing: content-box;
  7269.           box-sizing: content-box;
  7270.   padding: 8px 0;
  7271.   position: -webkit-sticky;
  7272.   position: sticky;
  7273. }
  7274.  
  7275. @media (min-width: 768px) {
  7276.   .csspositionsticky .quickScroll-container {
  7277.     padding: 8px 0;
  7278.   }
  7279. }
  7280.  
  7281. @media (min-width: 1200px) {
  7282.   .csspositionsticky .quickScroll-container {
  7283.     position: fixed;
  7284.     right: 8px;
  7285.     bottom: 8px;
  7286.   }
  7287. }
  7288.  
  7289. .quickScroll-toTop,
  7290. .quickScroll-toBottom {
  7291.   background: rgba(43, 43, 43, 0.4);
  7292.   color: white;
  7293.   font-size: 24px;
  7294.   height: 40px;
  7295.   line-height: 40px;
  7296.   width: 40px;
  7297.   text-align: center;
  7298.   display: block;
  7299.   margin-left: 1px;
  7300. }
  7301.  
  7302. @media (min-width: 768px) {
  7303.   .quickScroll-toTop,
  7304.   .quickScroll-toBottom {
  7305.     margin-top: 4px;
  7306.   }
  7307. }
  7308.  
  7309. .quickScroll-toTop:hover, .quickScroll-toTop.active,
  7310. .quickScroll-toBottom:hover,
  7311. .quickScroll-toBottom.active {
  7312.   color: white;
  7313.   background: rgba(0, 0, 0, 0.5);
  7314. }
  7315.  
  7316. .quickScroll-toTop:focus,
  7317. .quickScroll-toBottom:focus {
  7318.   color: white;
  7319. }
  7320.  
  7321. @media (max-width: 767px) {
  7322.   .quickScroll-toBottom {
  7323.     margin-top: 1px;
  7324.   }
  7325. }
  7326.  
  7327. .close-offcanvas {
  7328.   visibility: hidden;
  7329.   position: fixed;
  7330.   left: 0;
  7331.   top: 50px;
  7332.   height: 100%;
  7333.   width: 100%;
  7334.   opacity: 0;
  7335.   background: #555555;
  7336.   background: rgba(0, 0, 0, 0.5);
  7337.   background: rgba(255, 255, 255, 0.5);
  7338.   -webkit-transition: .3s;
  7339.   -o-transition: .3s;
  7340.   transition: .3s;
  7341.   z-index: 1000;
  7342. }
  7343.  
  7344. .offcanvas-open .close-offcanvas,
  7345. .offcanvas-open .close-offcanvas {
  7346.   visibility: visible;
  7347.   opacity: 1;
  7348. }
  7349.  
  7350. .offcanvas-content {
  7351.   background-color: #333333;
  7352.   color: white;
  7353.   padding: 15px 8px;
  7354.   position: fixed;
  7355.   overflow-y: auto;
  7356.   -webkit-overflow-scrolling: touch;
  7357.   width: 100%;
  7358.   bottom: 0px;
  7359.   top: 0px;
  7360.   left: -100%;
  7361.   z-index: 1001;
  7362.   /**/
  7363.   /*.dropdown-menu {*/
  7364.   /*    display: none;*/
  7365.   /*}*/
  7366.   /*.open>.dropdown-menu {*/
  7367.   /*    display: block;*/
  7368.   /*}*/
  7369. }
  7370.  
  7371. @media (min-width: 768px) {
  7372.   .offcanvas-content {
  7373.     display: none;
  7374.   }
  7375. }
  7376.  
  7377. .stickyheader .offcanvas-content {
  7378.   padding-top: 60px;
  7379. }
  7380.  
  7381. .csstransforms .offcanvas-content,
  7382. .csstransforms .oncanvas-content,
  7383. .csstransforms #page-body, .csstransforms #page-footer,
  7384. .csstransforms .main-header {
  7385.   -webkit-transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7386.   transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7387.   -o-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7388.   transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7389.   transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7390.   /* easeInOutCubic */
  7391. }
  7392.  
  7393. .csstransforms.offcanvas-open .offcanvas-content {
  7394.   -webkit-transform: translate3d(100%, 0, 0);
  7395.           transform: translate3d(100%, 0, 0);
  7396. }
  7397.  
  7398. .offcanvas-backlink {
  7399.   display: block;
  7400.   background: #555555;
  7401.   padding: 5px 10px;
  7402.   margin-bottom: 15px;
  7403.   border-radius: 2px;
  7404.   width: 100px;
  7405.   font-size: 24px;
  7406.   text-align: center;
  7407.   color: white;
  7408. }
  7409.  
  7410. .stickyheader .offcanvas-backlink {
  7411.   display: none;
  7412. }
  7413.  
  7414. .offcanvas-backlink:focus, .offcanvas-backlink:hover {
  7415.   background: #777777;
  7416.   color: white;
  7417. }
  7418.  
  7419. .h-nb .offcanvas-content {
  7420.   padding-top: 15px;
  7421. }
  7422.  
  7423. @-webkit-keyframes loader {
  7424.   0% {
  7425.     -webkit-transform: rotate(0deg);
  7426.             transform: rotate(0deg);
  7427.   }
  7428.   100% {
  7429.     -webkit-transform: rotate(360deg);
  7430.             transform: rotate(360deg);
  7431.   }
  7432. }
  7433.  
  7434. @-o-keyframes loader {
  7435.   0% {
  7436.     -o-transform: rotate(0deg);
  7437.        transform: rotate(0deg);
  7438.   }
  7439.   100% {
  7440.     -o-transform: rotate(360deg);
  7441.        transform: rotate(360deg);
  7442.   }
  7443. }
  7444.  
  7445. @keyframes loader {
  7446.   0% {
  7447.     -webkit-transform: rotate(0deg);
  7448.          -o-transform: rotate(0deg);
  7449.             transform: rotate(0deg);
  7450.   }
  7451.   100% {
  7452.     -webkit-transform: rotate(360deg);
  7453.          -o-transform: rotate(360deg);
  7454.             transform: rotate(360deg);
  7455.   }
  7456. }
  7457.  
  7458. @-webkit-keyframes pulse {
  7459.   0% {
  7460.     -webkit-transform: scale(0.4);
  7461.             transform: scale(0.4);
  7462.     opacity: 0;
  7463.   }
  7464.   10% {
  7465.     -webkit-transform: scale(1);
  7466.             transform: scale(1);
  7467.     opacity: .4;
  7468.   }
  7469.   30% {
  7470.     -webkit-transform: scale(2.5);
  7471.             transform: scale(2.5);
  7472.     opacity: 0;
  7473.   }
  7474. }
  7475.  
  7476. @-o-keyframes pulse {
  7477.   0% {
  7478.     -o-transform: scale(0.4);
  7479.        transform: scale(0.4);
  7480.     opacity: 0;
  7481.   }
  7482.   10% {
  7483.     -o-transform: scale(1);
  7484.        transform: scale(1);
  7485.     opacity: .4;
  7486.   }
  7487.   30% {
  7488.     -o-transform: scale(2.5);
  7489.        transform: scale(2.5);
  7490.     opacity: 0;
  7491.   }
  7492. }
  7493.  
  7494. @keyframes pulse {
  7495.   0% {
  7496.     -webkit-transform: scale(0.4);
  7497.          -o-transform: scale(0.4);
  7498.             transform: scale(0.4);
  7499.     opacity: 0;
  7500.   }
  7501.   10% {
  7502.     -webkit-transform: scale(1);
  7503.          -o-transform: scale(1);
  7504.             transform: scale(1);
  7505.     opacity: .4;
  7506.   }
  7507.   30% {
  7508.     -webkit-transform: scale(2.5);
  7509.          -o-transform: scale(2.5);
  7510.             transform: scale(2.5);
  7511.     opacity: 0;
  7512.   }
  7513. }
  7514.  
  7515. .imageset {
  7516.   overflow: hidden;
  7517.   display: inline-block;
  7518.   position: relative;
  7519.   visibility: hidden;
  7520.   height: 1em;
  7521.   width: 1em;
  7522. }
  7523.  
  7524. .imageset:after {
  7525.   visibility: visible;
  7526.   font-size: 13px;
  7527.   top: 2px;
  7528.   position: relative;
  7529.   color: inherit;
  7530.   position: absolute;
  7531.   left: 0;
  7532. }
  7533.  
  7534. .icon_topic_latest:after {
  7535.   content: "";
  7536. }
  7537.  
  7538. .icon_topic_newest:after {
  7539.   content: "";
  7540.   top: 3px;
  7541.   font-size: 11px;
  7542. }
  7543.  
  7544. /*Backface Visibility*/
  7545. .dropdown-menu, .quickScroll-container, .itemlist__item a.item-title:before, .itemlist--forums .item-lastpost__title:before, .forumrow a.lastsubject:before, .topictitle:before, .utility-bar.stuck, .category-header .close:after {
  7546.   -webkit-backface-visibility: hidden;
  7547.           backface-visibility: hidden;
  7548. }
  7549.  
  7550. .breadcrumbs-bar.detached, .layout-stretched .nav-breadcrumbs {
  7551.   max-width: 1300px;
  7552.   margin-left: auto;
  7553.   margin-right: auto;
  7554. }
  7555.  
  7556. /* Title font */
  7557. .st-itemlist__item .item-title, .itemlist__item .item-title, .topictitle {
  7558.   font-size: 1.4rem;
  7559. }
  7560.  
  7561. @media (min-width: 768px) {
  7562.   .st-itemlist__item .item-title, .itemlist__item .item-title, .topictitle {
  7563.     font-size: 1.5rem;
  7564.   }
  7565. }
  7566.  
  7567. /* Content font - default */
  7568. .st-editor__box textarea,
  7569. .st-editor__box #message, .sceditor-container iframe,
  7570. .sceditor-container textarea, .postbody .content, .quickreply textarea {
  7571.   font-family: -apple-system, "Helvetica Neue", "Helvetica", sans-serif;
  7572.   font-size: 1.4rem;
  7573.   line-height: 1.6;
  7574. }
  7575.  
  7576. /* UI font */
  7577. .st-itemlist__item[class*="_unread"] .item-title, .itemlist__item[class*="_unread"] .item-title, .forumrow.forum_unread .forum-title, .forumrow.forum_unread_locked .forum-title, .forumrow.forum_unread_subforum .forum-title, .subforum.unread {
  7578.   font-weight: bold;
  7579. }
  7580.  
  7581. /* Round avatar */
  7582. .round-avatars a.user-view-dropdown > img, .round-avatars .notification-item img {
  7583.   border-radius: 1000px;
  7584. }
  7585.  
  7586. /*Dim text*/
  7587. fieldset__ dt, .text-dim, .description, .attachbox, .jumpbox-return a, #widget-statistics, .ucp-section__description, .ucp-section__headerlinks a, .topic-poll .poll-info, .topic-poll .poll_option_percent, .topic-poll .vote-submitted {
  7588.   color: #919191;
  7589. }
  7590.  
  7591. /*Clearfix*/
  7592. fieldset__ dl:before, .st-editor__box .bbcode-section:before, #tabs > ul:before, .tabs-container:before, .panel-bare:before, .action-bar:before, .breadcrumbs-bar:before, .postprofile:before, #widget-statistics p:before, .cp-main .details:before, .ucp-section__header:before, fieldset__ dl:after, .st-editor__box .bbcode-section:after, #tabs > ul:after, .tabs-container:after, .panel-bare:after, .action-bar:after, .breadcrumbs-bar:after, .postprofile:after, #widget-statistics p:after, .cp-main .details:after, .ucp-section__header:after {
  7593.   content: " ";
  7594.   display: table;
  7595. }
  7596.  
  7597. fieldset__ dl:after, .st-editor__box .bbcode-section:after, #tabs > ul:after, .tabs-container:after, .panel-bare:after, .action-bar:after, .breadcrumbs-bar:after, .postprofile:after, #widget-statistics p:after, .cp-main .details:after, .ucp-section__header:after {
  7598.   clear: both;
  7599. }
  7600.  
  7601. /*font icon*/
  7602. .responsive-tab-link:before, .sceditor-button div:after, div.sceditor-grip:after, .imageset:after, .icon-subscribe a:before,
  7603. .icon-unsubscribe a:before, .user-status-indicator:after, .drop-arrow > a:after, .arrow-left:before, .arrow-right:after, .attachbox:after, .inline-attachment dd:last-child:before, .user-view-pm i:after, .nav-breadcrumbs .crumb:before, .faqlinks__block__title:after, .category-header .close:after, .itemlist--forums .forum_read_locked .forum-image:before,
  7604. .itemlist--forums .forum_unread_locked .forum-image:before, .forumrow.forum_read_locked .forum-image:before, .forumrow.forum_unread_locked .forum-image:before, .topiclist .icon_topic_attach:after, .post-buttons .icon-button:before, .post-buttons .dropdown a:before, .post-buttons .dropdown-toggle:before, .postbody .author .timestamp:before, .postbody .icon_post_target--ICON, .widget-icon, .forum-permissions__rule:before, .slickthemes .imageset.icon_solved_head:before,
  7605. .slickthemes .imageset.icon_solved_list:before, .topicsolved-icon:before {
  7606.   display: inline-block;
  7607.   font-family: MaterialDesignIcons;
  7608.   line-height: 1;
  7609.   text-rendering: auto;
  7610.   -webkit-font-smoothing: antialiased;
  7611.   -moz-osx-font-smoothing: grayscale;
  7612.   -webkit-transform: translate(0, 0);
  7613.       -ms-transform: translate(0, 0);
  7614.        -o-transform: translate(0, 0);
  7615.           transform: translate(0, 0);
  7616. }
  7617.  
  7618. /*Small font size*/
  7619. .genericlist .item-time-inline, .itemlist__item .item-info--inline,
  7620. .itemlist__item .item-lastpost--inline, .itemlist__item .item-col-moderation--inline, .itemlist__item .item-stats--inline, .itemlist__item--colbar, .category-header .totaltopics, .itemlist--forums .forum-stats-inline, .forumrow .forum-stats-inline, .forumrow .forum-lastpost-inline, .forumrow .redirect-counter-inline, .section-header .topic-count, .widget-content, .topic-poll .poll-info, .topic-poll .poll_option_percent {
  7621.   font-size: 1.1rem;
  7622. }
  7623.  
  7624. @media (min-width: 768px) {
  7625.   .genericlist .item-time-inline, .itemlist__item .item-info--inline,
  7626.   .itemlist__item .item-lastpost--inline, .itemlist__item .item-col-moderation--inline, .itemlist__item .item-stats--inline, .itemlist__item--colbar, .category-header .totaltopics, .itemlist--forums .forum-stats-inline, .forumrow .forum-stats-inline, .forumrow .forum-lastpost-inline, .forumrow .redirect-counter-inline, .section-header .topic-count, .widget-content, .topic-poll .poll-info, .topic-poll .poll_option_percent {
  7627.     font-size: 1.2rem;
  7628.   }
  7629. }
  7630.  
  7631. .alert-neutral {
  7632.   background: #EFEFEF;
  7633. }
  7634.  
  7635. .input-hint {
  7636.   background: #fff;
  7637. }
  7638.  
  7639. .hoverbox, .attachbox, .layout-stretched .breadcrumbs-bar, .layout-boxed .nav-breadcrumbs,
  7640. .layout-stretched .detached .nav-breadcrumbs, .faqlinks__block, #topicreview, #cp-box, .forum-moderators--block {
  7641.   background: #EFEFEF;
  7642. }
  7643.  
  7644. .itemlist__item a.item-title, .itemlist--forums .item-lastpost__title, .forumrow a.lastsubject, .topictitle {
  7645.   position: relative;
  7646. }
  7647.  
  7648. .itemlist__item a.item-title:hover, .itemlist--forums .item-lastpost__title:hover, .forumrow a.lastsubject:hover, .topictitle:hover, .itemlist__item a.item-title:focus, .itemlist--forums .item-lastpost__title:focus, .forumrow a.lastsubject:focus, .topictitle:focus {
  7649.   color: #B54444;
  7650.   -webkit-box-shadow: 0 1px 0 0 #B54444;
  7651.           box-shadow: 0 1px 0 0 #B54444;
  7652.   text-decoration: none;
  7653. }
  7654.  
  7655. @media (min-width: 768px) {
  7656.   .itemlist__item a.item-title:before, .itemlist--forums .item-lastpost__title:before, .forumrow a.lastsubject:before, .topictitle:before {
  7657.     -webkit-transform-origin: 0 0;
  7658.         -ms-transform-origin: 0 0;
  7659.          -o-transform-origin: 0 0;
  7660.             transform-origin: 0 0;
  7661.     -webkit-transform: scaleX(0);
  7662.         -ms-transform: scaleX(0);
  7663.          -o-transform: scaleX(0);
  7664.             transform: scaleX(0);
  7665.     content: "";
  7666.     display: block;
  7667.     position: absolute;
  7668.     bottom: 0px;
  7669.     width: 100%;
  7670.     height: 1px;
  7671.     left: 0px;
  7672.     background: #B54444;
  7673.   }
  7674.   .itemlist__item a.item-title:hover, .itemlist--forums .item-lastpost__title:hover, .forumrow a.lastsubject:hover, .topictitle:hover, .itemlist__item a.item-title:focus, .itemlist--forums .item-lastpost__title:focus, .forumrow a.lastsubject:focus, .topictitle:focus {
  7675.     -webkit-box-shadow: none;
  7676.             box-shadow: none;
  7677.   }
  7678.   .itemlist__item a.item-title:hover:before, .itemlist--forums .item-lastpost__title:hover:before, .forumrow a.lastsubject:hover:before, .topictitle:hover:before, .itemlist__item a.item-title:focus:before, .itemlist--forums .item-lastpost__title:focus:before, .forumrow a.lastsubject:focus:before, .topictitle:focus:before {
  7679.     -webkit-transform: none;
  7680.         -ms-transform: none;
  7681.          -o-transform: none;
  7682.             transform: none;
  7683.   }
  7684. }
  7685.  
  7686. .navigation > li > a, .offcanvas-navigation-toggle, .user-area li > .btn, .user-area .guest-view, .user-view-pm > a,
  7687. .user-view-notifications > a,
  7688. .user-view-dropdown-wrapper > a {
  7689.   height: 45px;
  7690.   line-height: 45px;
  7691. }
  7692.  
  7693. /*general header block*/
  7694. .section-header, .thead, .cp-main h3, .st-section__header, .inner > h3, .category-header, h3#review {
  7695.   display: block;
  7696.   line-height: inherit;
  7697.   margin-top: 0;
  7698.   background-color: #41454b;
  7699.   padding: 11px 15px;
  7700.   overflow: hidden;
  7701.   border-radius: 2px;
  7702.   -webkit-transition: opacity 200ms;
  7703.   -o-transition: opacity 200ms;
  7704.   transition: opacity 200ms;
  7705.   position: relative;
  7706.   font-size: inherit;
  7707.   z-index: 1;
  7708.   color: white;
  7709.   margin-bottom: 15px;
  7710.   border-bottom: 0 solid rgba(241, 241, 241, 0.85);
  7711. }
  7712.  
  7713. .section-header a, .thead a, .cp-main h3 a, .st-section__header a, .inner > h3 a, .category-header a, h3#review a {
  7714.   color: inherit;
  7715. }
  7716.  
  7717. .section-header a:hover, .thead a:hover, .cp-main h3 a:hover, .st-section__header a:hover, .inner > h3 a:hover, .category-header a:hover, h3#review a:hover {
  7718.   color: inherit;
  7719. }
  7720.  
  7721. .section-header + .itemlist, .thead + .itemlist, .cp-main h3 + .itemlist, .st-section__header + .itemlist, .inner > h3 + .itemlist, .category-header + .itemlist, h3#review + .itemlist {
  7722.   margin-top: -15px;
  7723. }
  7724.  
  7725. /* Custom scrollbar */
  7726. .dropdown-menu::-webkit-scrollbar-track, .dropdown .dropdown-contents::-webkit-scrollbar-track, .notifications-list::-webkit-scrollbar-track {
  7727.   background-color: #fff;
  7728. }
  7729.  
  7730. .dropdown-menu::-webkit-scrollbar, .dropdown .dropdown-contents::-webkit-scrollbar, .notifications-list::-webkit-scrollbar {
  7731.   width: 9px;
  7732.   background-color: transparent;
  7733. }
  7734.  
  7735. .dropdown-menu::-webkit-scrollbar-thumb, .dropdown .dropdown-contents::-webkit-scrollbar-thumb, .notifications-list::-webkit-scrollbar-thumb {
  7736.   background-color: #999;
  7737.   border: 3px solid #fff;
  7738.   border-radius: 10px;
  7739. }
  7740.  
  7741. .dropdown-menu::-webkit-scrollbar-thumb:hover, .dropdown .dropdown-contents::-webkit-scrollbar-thumb:hover, .notifications-list::-webkit-scrollbar-thumb:hover {
  7742.   background-color: #555;
  7743. }
  7744.  
  7745. #topicreview, .codebox pre, blockquote .blockquote__inner {
  7746.   /* Custom scrollbar style */
  7747. }
  7748.  
  7749. #topicreview::-webkit-scrollbar-track, .codebox pre::-webkit-scrollbar-track, blockquote .blockquote__inner::-webkit-scrollbar-track {
  7750.   background-color: rgba(0, 0, 0, 0.1);
  7751. }
  7752.  
  7753. #topicreview::-webkit-scrollbar, .codebox pre::-webkit-scrollbar, blockquote .blockquote__inner::-webkit-scrollbar {
  7754.   width: 7px;
  7755.   background-color: transparent;
  7756. }
  7757.  
  7758. #topicreview::-webkit-scrollbar-thumb, .codebox pre::-webkit-scrollbar-thumb, blockquote .blockquote__inner::-webkit-scrollbar-thumb {
  7759.   background-color: rgba(0, 0, 0, 0.3);
  7760. }
  7761.  
  7762. #topicreview::-webkit-scrollbar-thumb:hover, .codebox pre::-webkit-scrollbar-thumb:hover, blockquote .blockquote__inner::-webkit-scrollbar-thumb:hover {
  7763.   background-color: rgba(0, 0, 0, 0.5);
  7764. }
  7765.  
  7766. .container {
  7767.   margin-right: auto;
  7768.   margin-left: auto;
  7769.   width: 100%;
  7770.   max-width: 1300px;
  7771.   padding-left: 8px;
  7772.   padding-right: 8px;
  7773. }
  7774.  
  7775. @media (min-width: 768px) {
  7776.   .container {
  7777.     padding-left: 15px;
  7778.     padding-right: 15px;
  7779.   }
  7780. }
  7781.  
  7782. #wrap {
  7783.   margin-top: 0;
  7784.   margin-bottom: 0;
  7785. }
  7786.  
  7787. .layout-boxed #wrap {
  7788.   max-width: 1300px;
  7789.   margin-right: auto;
  7790.   margin-left: auto;
  7791.   padding-left: 0;
  7792.   padding-right: 0;
  7793. }
  7794.  
  7795. .layout-boxed #wrap .container {
  7796.   width: 100% !important;
  7797.   max-width: 100% !important;
  7798. }
  7799.  
  7800. #page-body {
  7801.   background-color: #fff;
  7802. }
  7803.  
  7804. @media (min-width: 768px) {
  7805.   #page-body {
  7806.     overflow: visible;
  7807.   }
  7808. }
  7809.  
  7810. @media (min-width: 768px) {
  7811.   .layout-boxed {
  7812.     margin: 0 15px;
  7813.   }
  7814. }
  7815.  
  7816. @media (min-width: 992px) {
  7817.   .big-grid {
  7818.     display: table;
  7819.     width: 100%;
  7820.   }
  7821. }
  7822.  
  7823. @media (min-width: 992px) {
  7824.   .col-maincontent,
  7825.   .col-sidebar {
  7826.     display: table-cell;
  7827.     height: 100%;
  7828.     vertical-align: top;
  7829.   }
  7830. }
  7831.  
  7832. .col-sidebar {
  7833.   min-width: 275px;
  7834. }
  7835.  
  7836. @media (min-width: 992px) {
  7837.   .col-sidebar {
  7838.     width: 20%;
  7839.     padding-left: 15px;
  7840.   }
  7841. }
  7842.  
  7843. @media (min-width: 1200px) {
  7844.   .col-sidebar {
  7845.     width: 24%;
  7846.   }
  7847. }
  7848.  
  7849. .sidebar-ad a {
  7850.   width: 100%;
  7851. }
  7852.  
  7853. .taphighlight {
  7854.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  7855. }
  7856.  
  7857. .avatar img, .lastpostavatar img {
  7858.   overflow: hidden;
  7859.   -webkit-background-size: contain;
  7860.           background-size: contain;
  7861.   border-radius: 2px;
  7862.   max-width: 90px;
  7863.   max-height: 90px;
  7864.   height: auto;
  7865. }
  7866.  
  7867. .roundAvatars-enabled .lastpostavatar img,
  7868. .roundAvatars-enabled .avatar img,
  7869. .roundAvatars-enabled .userprofile-avatar img {
  7870.   border-radius: 1000px;
  7871. }
  7872.  
  7873. .roundAvatars-enabled .notRound img {
  7874.   border-radius: 2px;
  7875. }
  7876.  
  7877. .display-options {
  7878.   color: #777777;
  7879.   text-align: center;
  7880.   padding: 4px 8px;
  7881.   background: #F5F5F5;
  7882.   margin-bottom: 15px;
  7883. }
  7884.  
  7885. .display-options:hover {
  7886.   color: inherit;
  7887. }
  7888.  
  7889. .display-options label {
  7890.   margin-bottom: 0;
  7891.   font-weight: normal;
  7892.   vertical-align: middle;
  7893. }
  7894.  
  7895. .display-options select, .display-options .fancyInput--select {
  7896.   min-width: 0;
  7897.   text-align: center;
  7898.   padding-left: 5px;
  7899.   border-radius: 2px;
  7900.   color: inherit;
  7901.   background: transparent;
  7902.   border: 0;
  7903.   color: #303030;
  7904.   font-weight: 500;
  7905. }
  7906.  
  7907. .rank-legend {
  7908.   display: block !important;
  7909. }
  7910.  
  7911. .rank-legend > a {
  7912.   display: block;
  7913.   color: inherit;
  7914.   line-height: 1;
  7915.   margin-bottom: 10px;
  7916. }
  7917.  
  7918. .rank-legend > a:last-child {
  7919.   margin-bottom: 0;
  7920. }
  7921.  
  7922. .rank-legend em {
  7923.   display: inline-block;
  7924.   width: 4px;
  7925.   height: 15px;
  7926.   vertical-align: middle;
  7927.   margin-right: 6px;
  7928. }
  7929.  
  7930. .posthilit {
  7931.   background: #ffff33;
  7932. }
  7933.  
  7934. .linklist > li {
  7935.   float: left;
  7936. }
  7937.  
  7938. .linklist > li > a {
  7939.   display: block;
  7940.   float: left;
  7941.   padding: 0 8px;
  7942. }
  7943.  
  7944. .linklist > li > a:first-child {
  7945.   padding-left: 0;
  7946. }
  7947.  
  7948. .rules {
  7949.   margin-bottom: 15px;
  7950.   padding: 0 12px 15px;
  7951.   border: 2px solid #CF6363;
  7952. }
  7953.  
  7954. .rules strong {
  7955.   font-weight: 500;
  7956.   display: inline-block;
  7957.   background-color: #CF6363;
  7958.   padding: 2px 8px 4px;
  7959.   margin-bottom: 11px;
  7960.   color: white;
  7961. }
  7962.  
  7963. .rules-link a {
  7964.   font-weight: 500;
  7965. }
  7966.  
  7967. .rules-link {
  7968.   border: 0;
  7969.   background: transparent;
  7970.   font-weight: bold;
  7971.   padding: 0;
  7972. }
  7973.  
  7974. .rules-link a {
  7975.   padding: 8px 15px;
  7976.   color: #CF6363;
  7977.   display: inline-block;
  7978.   border: 2px solid #CF6363;
  7979. }
  7980.  
  7981. .rules-link a:hover {
  7982.   color: white;
  7983.   background: #CF6363;
  7984. }
  7985.  
  7986. .forum-moderators__label {
  7987.   margin: 0 4px 0 0;
  7988. }
  7989.  
  7990. .rules-link:hover {
  7991.   color: inherit;
  7992. }
  7993.  
  7994. .icon-subscribe a:before,
  7995. .icon-unsubscribe a:before {
  7996.   margin-right: 4px;
  7997.   font-size: 1.5rem;
  7998.   position: relative;
  7999.   top: 1px;
  8000. }
  8001.  
  8002. .icon-subscribe a:before {
  8003.   content: "";
  8004. }
  8005.  
  8006. .icon-unsubscribe a:before {
  8007.   content: "";
  8008. }
  8009.  
  8010. .no-content {
  8011.   padding: 8px 15px;
  8012.   background-color: #EFEFEF;
  8013.   margin-bottom: 15px;
  8014. }
  8015.  
  8016. #postingbox dt, #postingbox dd {
  8017.   width: auto;
  8018.   float: none;
  8019.   margin: 0;
  8020.   display: inline-block;
  8021. }
  8022.  
  8023. .text-right, .text-center {
  8024.   display: block;
  8025. }
  8026.  
  8027. .text-right + br, .text-center + br {
  8028.   display: none;
  8029. }
  8030.  
  8031. html[lang=ar] body {
  8032.   font-family: -apple-system, sans-serif;
  8033.   /* Use default sans-serif font for Arabic */
  8034. }
  8035.  
  8036. html {
  8037.   background-image: none !important;
  8038. }
  8039.  
  8040. #st-bgimg {
  8041.   position: fixed;
  8042.   top: 0;
  8043.   left: 0;
  8044.   width: 100%;
  8045.   height: 100%;
  8046.   z-index: -1;
  8047. }
  8048.  
  8049. /*prevent hideous outlines on click*/
  8050. a:focus {
  8051.   outline: none;
  8052. }
  8053.  
  8054. /*prevent image overflow*/
  8055. img {
  8056.   max-width: 100%;
  8057. }
  8058.  
  8059. p {
  8060.   margin-bottom: 15px;
  8061. }
  8062.  
  8063. p:last-child {
  8064.   margin-bottom: 0;
  8065. }
  8066.  
  8067. .timestamp {
  8068.   cursor: default;
  8069. }
  8070.  
  8071. a .timestamp {
  8072.   cursor: pointer;
  8073. }
  8074.  
  8075. html.timestamps .item-col-lastpost .timestamp {
  8076.   display: none;
  8077. }
  8078.  
  8079. .fi {
  8080.   vertical-align: baseline;
  8081.   display: inline-block;
  8082. }
  8083.  
  8084. .fi--full {
  8085.   font-size: 24px;
  8086. }
  8087.  
  8088. @media (max-width: 700px), (max-device-width: 700px) {
  8089.   .responsive-hide {
  8090.     display: none !important;
  8091.   }
  8092.   .responsive-show {
  8093.     display: block !important;
  8094.   }
  8095.   .responsive-show-inline {
  8096.     display: inline !important;
  8097.   }
  8098.   .responsive-show-inline-block {
  8099.     display: inline-block !important;
  8100.   }
  8101. }
  8102.  
  8103. .skiplink {
  8104.   display: block;
  8105.   left: 0px;
  8106.   right: 0px;
  8107.   background: white;
  8108.   padding: 10px;
  8109.   text-align: center;
  8110. }
  8111.  
  8112. .skiplink:focus {
  8113.   text-decoration: none;
  8114. }
  8115.  
  8116. /*Custom anchor. Takes sticky header into consideration when scrolling*/
  8117. .st-anchor {
  8118.   position: absolute;
  8119.   top: 0px;
  8120.   left: 0px;
  8121.   display: block;
  8122.   margin-top: -8px;
  8123.   /*padding between element and window top edge*/
  8124.   padding-top: 8px;
  8125. }
  8126.  
  8127. .stickyheader-enabled .st-anchor {
  8128.   margin-top: -53px;
  8129.   padding-top: 53px;
  8130. }
  8131.  
  8132. /*section and category header*/
  8133. /*generic panel*/
  8134. .st-panel, .panel {
  8135.   padding: 8px;
  8136.   background: #EFEFEF;
  8137.   margin-bottom: 15px;
  8138.   -webkit-box-shadow: none;
  8139.           box-shadow: none;
  8140. }
  8141.  
  8142. @media (min-width: 768px) {
  8143.   .st-panel, .panel {
  8144.     padding: 15px;
  8145.   }
  8146. }
  8147.  
  8148. .panel {
  8149.   padding: 0;
  8150.   background: transparent;
  8151. }
  8152.  
  8153. /*Block element with spacing*/
  8154. .panel-bare {
  8155.   margin-bottom: 15px;
  8156. }
  8157.  
  8158. .input-group-addon {
  8159.   background: #eeeeee;
  8160.   font-weight: 500;
  8161. }
  8162.  
  8163. .block-2 {
  8164.   background: #F5F5F5;
  8165. }
  8166.  
  8167. .hoverbox {
  8168.   clear: both;
  8169.   margin-bottom: 15px;
  8170.   border-radius: 2px;
  8171.   color: #555555;
  8172.   padding: 15px;
  8173. }
  8174.  
  8175. .block-header {
  8176.   font-size: 1.3rem;
  8177.   text-transform: uppercase;
  8178.   font-weight: bold;
  8179.   margin-bottom: 8px;
  8180.   margin-top: 0;
  8181. }
  8182.  
  8183. .block-header a {
  8184.   color: inherit;
  8185.   text-decoration: none;
  8186. }
  8187.  
  8188. .block-header i {
  8189.   margin-right: 1px;
  8190. }
  8191.  
  8192. .block-content {
  8193.   padding: 0;
  8194. }
  8195.  
  8196. .action-bar > .btn,
  8197. .action-bar > .pagination,
  8198. .action-bar > select,
  8199. .action-bar > input,
  8200. .action-bar > button {
  8201.   margin-bottom: 15px;
  8202. }
  8203.  
  8204. .action-bar .buttons {
  8205.   float: left;
  8206.   font-size: 0;
  8207.   margin-bottom: 15px;
  8208. }
  8209.  
  8210. .action-bar .buttons .btn {
  8211.   margin-right: 4px;
  8212. }
  8213.  
  8214. .action-bar .search-box {
  8215.   margin-bottom: 15px;
  8216. }
  8217.  
  8218. @media (min-width: 480px) {
  8219.   .action-bar .search-box {
  8220.     float: left;
  8221.     max-width: 250px;
  8222.   }
  8223. }
  8224.  
  8225. @media (min-width: 768px) {
  8226.   .action-bar .search-box {
  8227.     clear: none;
  8228.   }
  8229. }
  8230.  
  8231. .action-bar .search-box--full {
  8232.   max-width: none;
  8233. }
  8234.  
  8235. .action-bar .right-side {
  8236.   float: none;
  8237.   clear: both;
  8238. }
  8239.  
  8240. @media (min-width: 768px) {
  8241.   .action-bar .right-side {
  8242.     float: right;
  8243.     clear: none;
  8244.     margin: 0 0 0 10px;
  8245.   }
  8246. }
  8247.  
  8248. .action-bar .right-side > .btn,
  8249. .action-bar .right-side > .pagination,
  8250. .action-bar .right-side > select,
  8251. .action-bar .right-side > input,
  8252. .action-bar .right-side > button {
  8253.   margin-bottom: 15px;
  8254. }
  8255.  
  8256. .search-box .btn {
  8257.   padding-top: 0;
  8258.   padding-bottom: 0;
  8259. }
  8260.  
  8261. .heading-secondary, .userprofile-panel h3 {
  8262.   font-size: 2.1rem;
  8263.   display: block;
  8264.   margin: 0 0 5px 0;
  8265.   font-weight: 500;
  8266. }
  8267.  
  8268. .username {
  8269.   color: inherit;
  8270. }
  8271.  
  8272. .username-coloured {
  8273.   font-weight: 500;
  8274. }
  8275.  
  8276. /*online/offline*/
  8277. .user-status-indicator {
  8278.   font-size: 1rem;
  8279.   cursor: default;
  8280.   color: #ddd;
  8281.   /*light gray*/
  8282. }
  8283.  
  8284. .user-status-indicator:after {
  8285.   content: "";
  8286.   font-size: inherit;
  8287.   /*override default icon font size*/
  8288. }
  8289.  
  8290. .online .user-status-indicator {
  8291.   color: #73B259;
  8292.   /*green*/
  8293. }
  8294.  
  8295. .notification-count {
  8296.   z-index: 1;
  8297.   -webkit-box-sizing: content-box;
  8298.      -moz-box-sizing: content-box;
  8299.           box-sizing: content-box;
  8300.   font-size: 1.1rem;
  8301.   background: #CF6363;
  8302.   -webkit-background-clip: padding-box;
  8303.           background-clip: padding-box;
  8304.   padding: 0px 4px;
  8305.   color: white;
  8306.   min-width: 1rem;
  8307.   display: inline-block;
  8308.   border: 1px solid white;
  8309.   font-family: sans-serif;
  8310.   height: 1.6rem;
  8311.   line-height: 1.6rem;
  8312.   border-radius: 3px;
  8313.   position: absolute;
  8314.   top: 6px;
  8315.   right: 25px;
  8316. }
  8317.  
  8318. /*Fancy loading indicator*/
  8319. .loading_spinner {
  8320.   width: 50px;
  8321.   height: 30px;
  8322.   text-align: center;
  8323.   font-size: 10px;
  8324.   display: none;
  8325.   /*Revert to old loader for old browsers*/
  8326. }
  8327.  
  8328. .csstransforms.cssanimations .loading_spinner {
  8329.   display: block;
  8330. }
  8331.  
  8332. .loading_spinner > div {
  8333.   background-color: white;
  8334.   height: 100%;
  8335.   width: 6px;
  8336.   display: inline-block;
  8337.   -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  8338.        -o-animation: stretchdelay 1.2s infinite ease-in-out;
  8339.           animation: stretchdelay 1.2s infinite ease-in-out;
  8340. }
  8341.  
  8342. .loading_spinner .rect2 {
  8343.   -webkit-animation-delay: -1.1s;
  8344.        -o-animation-delay: -1.1s;
  8345.           animation-delay: -1.1s;
  8346.   -webkit-animation-delay: -1.1s;
  8347.        -o-animation-delay: -1.1s;
  8348.           animation-delay: -1.1s;
  8349. }
  8350.  
  8351. .loading_spinner .rect3 {
  8352.   -webkit-animation-delay: -1.0s;
  8353.        -o-animation-delay: -1.0s;
  8354.           animation-delay: -1.0s;
  8355.   -webkit-animation-delay: -1.0s;
  8356.        -o-animation-delay: -1.0s;
  8357.           animation-delay: -1.0s;
  8358. }
  8359.  
  8360. .loading_spinner .rect4 {
  8361.   -webkit-animation-delay: -0.9s;
  8362.        -o-animation-delay: -0.9s;
  8363.           animation-delay: -0.9s;
  8364.   -webkit-animation-delay: -0.9s;
  8365.        -o-animation-delay: -0.9s;
  8366.           animation-delay: -0.9s;
  8367. }
  8368.  
  8369. .loading_spinner .rect5 {
  8370.   -webkit-animation-delay: -0.8s;
  8371.        -o-animation-delay: -0.8s;
  8372.           animation-delay: -0.8s;
  8373.   -webkit-animation-delay: -0.8s;
  8374.        -o-animation-delay: -0.8s;
  8375.           animation-delay: -0.8s;
  8376. }
  8377.  
  8378. .label {
  8379.   display: inline-block;
  8380. }
  8381.  
  8382. .alert-neutral {
  8383.   border-color: #B2B2B2;
  8384.   color: #525252;
  8385. }
  8386.  
  8387. .alert-title {
  8388.   padding: 0;
  8389.   margin: 0 0 5px 0;
  8390.   font-size: 1.6rem;
  8391.   font-weight: normal;
  8392.   display: block;
  8393. }
  8394.  
  8395. .alert a {
  8396.   color: inherit;
  8397.   font-weight: bold;
  8398.   border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
  8399. }
  8400.  
  8401. .alert a:hover, .alert a:focus {
  8402.   text-decoration: none;
  8403.   border-bottom-style: solid;
  8404. }
  8405.  
  8406. a.close {
  8407.   text-shadow: none;
  8408.   text-decoration: none;
  8409.   border-width: 0;
  8410.   opacity: .4;
  8411. }
  8412.  
  8413. a.close:hover {
  8414.   opacity: 1;
  8415. }
  8416.  
  8417. #phpbb_announcement {
  8418.   color: rgba(0, 0, 0, 0.7);
  8419.   border-radius: 0 !important;
  8420.   margin: 0 0 15px !important;
  8421.   padding: 10px 15px !important;
  8422. }
  8423.  
  8424. #phpbb_announcement a.close {
  8425.   opacity: 0;
  8426.   width: auto;
  8427.   height: auto;
  8428.   background: transparent;
  8429. }
  8430.  
  8431. #phpbb_announcement a.close:before {
  8432.   content: '\00D7';
  8433. }
  8434.  
  8435. #phpbb_announcement a.close:hover {
  8436.   opacity: 1;
  8437. }
  8438.  
  8439. #phpbb_announcement div {
  8440.   font-size: 1.3rem !important;
  8441. }
  8442.  
  8443. .alert-dismissable .close,
  8444. .alert-dismissible .close,
  8445. #phpbb_announcement .close {
  8446.   opacity: 0;
  8447.   position: relative;
  8448.   top: -2px;
  8449.   right: -4px;
  8450.   font-size: 24px;
  8451.   color: #000;
  8452. }
  8453.  
  8454. .alert-dismissable .close:hover,
  8455. .alert-dismissible .close:hover,
  8456. #phpbb_announcement .close:hover {
  8457.   opacity: .8 !important;
  8458. }
  8459.  
  8460. .alert:hover .close,
  8461. #phpbb_announcement:hover .close,
  8462. .touch .close {
  8463.   opacity: .4;
  8464. }
  8465.  
  8466. .drop-arrow > a:after {
  8467.   font-size: 1.5rem;
  8468.   content: "";
  8469.   -webkit-transform: rotate(0deg);
  8470.       -ms-transform: rotate(0deg);
  8471.        -o-transform: rotate(0deg);
  8472.           transform: rotate(0deg);
  8473.   margin-left: 6px;
  8474.   -webkit-transition: .2s;
  8475.   -o-transition: .2s;
  8476.   transition: .2s;
  8477.   position: relative;
  8478.   top: 1px;
  8479.   -webkit-backface-visibility: hidden;
  8480.           backface-visibility: hidden;
  8481. }
  8482.  
  8483. .drop-arrow.open > a:after,
  8484. .no-js .drop-arrow:hover > a:after {
  8485.   -webkit-transform: rotate(-180deg);
  8486.       -ms-transform: rotate(-180deg);
  8487.        -o-transform: rotate(-180deg);
  8488.           transform: rotate(-180deg);
  8489. }
  8490.  
  8491. .no-csstransforms .drop-arrow.open > a:after,
  8492. .no-csstransforms.no-js .drop-arrow:hover > a:after {
  8493.   content: "";
  8494. }
  8495.  
  8496. .dropdown-header,
  8497. .dropdown-footer {
  8498.   background: #fff;
  8499.   padding: 10px;
  8500.   display: block;
  8501. }
  8502.  
  8503. .dropdown-header {
  8504.   background: white;
  8505.   border-radius: 2px 2px 0 0;
  8506.   border-bottom: 1px solid #E7E7E7;
  8507. }
  8508.  
  8509. .dropdown-header > strong {
  8510.   position: relative;
  8511.   top: 2px;
  8512.   font-weight: bold;
  8513.   text-transform: uppercase;
  8514.   font-size: 1.1rem;
  8515.   color: #555;
  8516. }
  8517.  
  8518. .dropdown-header a {
  8519.   text-decoration: none;
  8520.   font-weight: 500;
  8521.   font-size: 1.2rem;
  8522. }
  8523.  
  8524. .dropdown-footer {
  8525.   background: #F5F5F5;
  8526.   border-radius: 0 0 2px 2px;
  8527.   border-top: 1px solid #E7E7E7;
  8528. }
  8529.  
  8530. .page-header {
  8531.   border: 0;
  8532.   margin: 0;
  8533.   padding: 10px 0 25px 0;
  8534.   display: table;
  8535.   width: 100%;
  8536. }
  8537.  
  8538. .page-header .page-header-inner,
  8539. .page-header .action-bar {
  8540.   margin-bottom: 0;
  8541.   display: block;
  8542.   vertical-align: middle;
  8543. }
  8544.  
  8545. @media (min-width: 480px) {
  8546.   .page-header .page-header-inner,
  8547.   .page-header .action-bar {
  8548.     display: table-cell;
  8549.   }
  8550. }
  8551.  
  8552. @media (min-width: 480px) {
  8553.   .page-header .action-bar {
  8554.     padding-top: 0;
  8555.     text-align: right;
  8556.   }
  8557. }
  8558.  
  8559. .page-header .forum-title a {
  8560.   color: inherit;
  8561.   text-decoration: none;
  8562. }
  8563.  
  8564. .container > h2, h2 {
  8565.   font-size: 2.1rem;
  8566.   display: inline-block;
  8567.   margin-top: 0;
  8568.   margin-bottom: 0;
  8569.   line-height: 1.4;
  8570. }
  8571.  
  8572. @media (min-width: 992px) {
  8573.   .container > h2, h2 {
  8574.     font-size: 2.6rem;
  8575.   }
  8576. }
  8577.  
  8578. .container > h2 a, h2 a {
  8579.   color: inherit;
  8580. }
  8581.  
  8582. h2 a:hover, h2 a:focus {
  8583.   color: inherit;
  8584. }
  8585.  
  8586. .container > h2 {
  8587.   padding: 10px 0 25px 0;
  8588. }
  8589.  
  8590. .arrow-left:before {
  8591.   position: relative;
  8592.   vertical-align: middle;
  8593.   top: -1px;
  8594.   left: 0;
  8595.   font-size: 2rem;
  8596. }
  8597.  
  8598. .arrow-right:after {
  8599.   position: relative;
  8600.   vertical-align: middle;
  8601.   top: -1px;
  8602.   left: 0;
  8603.   font-size: 2rem;
  8604. }
  8605.  
  8606. /*rtl:ignore*/
  8607. .arrow-left:before {
  8608.   content: "";
  8609. }
  8610.  
  8611. /*rtl:ignore*/
  8612. .arrow-right:after {
  8613.   content: "";
  8614. }
  8615.  
  8616. .attachbox {
  8617.   background: #F5F5F5;
  8618.   margin: 0;
  8619. }
  8620.  
  8621. .attachbox > dt:first-child {
  8622.   text-transform: uppercase;
  8623.   margin-bottom: 8px;
  8624.   color: #777777;
  8625. }
  8626.  
  8627. .attachbox .file {
  8628.   margin-bottom: 4px;
  8629.   padding: 8px 0;
  8630.   border-top: 1px solid #D5D5D5;
  8631. }
  8632.  
  8633. .attachbox .file dt a {
  8634.   font-size: 1.1em;
  8635. }
  8636.  
  8637. .attachbox .postimage {
  8638.   margin-bottom: 4px;
  8639. }
  8640.  
  8641. .attachbox .postlink {
  8642.   font-weight: 500;
  8643. }
  8644.  
  8645. .attach-image + dd {
  8646.   margin-top: 8px;
  8647. }
  8648.  
  8649. .attachbox {
  8650.   margin-bottom: 0;
  8651.   margin-top: 15px;
  8652.   padding: 8px 15px 0;
  8653.   display: inline-block;
  8654.   position: relative;
  8655.   border-left: 30px solid #41454b;
  8656. }
  8657.  
  8658. .attachbox:after {
  8659.   content: "";
  8660.   font-size: 2.4rem;
  8661.   position: absolute;
  8662.   left: -26px;
  8663.   top: 10px;
  8664.   color: white;
  8665. }
  8666.  
  8667. .inline-attachment {
  8668.   color: #969696;
  8669. }
  8670.  
  8671. .inline-attachment dd {
  8672.   font-size: .9em;
  8673. }
  8674.  
  8675. .inline-attachment dd:last-child:before {
  8676.   content: "";
  8677.   font-size: 1.9rem;
  8678.   vertical-align: middle;
  8679.   margin-right: 4px;
  8680. }
  8681.  
  8682. .imageset.icon_topic_attach {
  8683.   display: none;
  8684. }
  8685.  
  8686. /*Details DL*/
  8687. dl.details dt, dl.details dd {
  8688.   padding: 5px 0;
  8689. }
  8690.  
  8691. dl.details dt {
  8692.   float: left;
  8693.   width: 30%;
  8694.   clear: left;
  8695.   text-align: right;
  8696.   padding-right: 5px;
  8697.   text-transform: uppercase;
  8698.   font-size: 11px;
  8699.   color: #555;
  8700.   position: relative;
  8701.   top: 2px;
  8702.   word-wrap: break-word;
  8703. }
  8704.  
  8705. @media (min-width: 480px) {
  8706.   dl.details dt {
  8707.     width: 50%;
  8708.   }
  8709. }
  8710.  
  8711. dl.details dd {
  8712.   float: left;
  8713.   width: 70%;
  8714.   text-align: left;
  8715.   font-size: 13px;
  8716. }
  8717.  
  8718. @media (min-width: 480px) {
  8719.   dl.details dd {
  8720.     width: 50%;
  8721.   }
  8722. }
  8723.  
  8724. dl.details dd .fa {
  8725.   font-size: 14px;
  8726.   margin-left: 10px;
  8727. }
  8728.  
  8729. .st-section {
  8730.   margin-bottom: 15px;
  8731. }
  8732.  
  8733. .simplepage__return {
  8734.   display: none;
  8735.   margin: auto;
  8736.   width: 100%;
  8737.   padding: 25px 15px;
  8738.   color: rgba(0, 0, 0, 0.5);
  8739. }
  8740.  
  8741. @media (min-width: 768px) {
  8742.   .simplepage__return {
  8743.     width: 700px;
  8744.     padding: 25px 0;
  8745.   }
  8746. }
  8747.  
  8748. .simplepage__return:hover, .simplepage__return:focus, .simplepage__return:active {
  8749.   color: rgba(0, 0, 0, 0.9);
  8750. }
  8751.  
  8752. .simplepage__box {
  8753.   width: 100%;
  8754.   padding: 8px;
  8755.   margin: auto;
  8756.   background-color: #FFF;
  8757. }
  8758.  
  8759. @media (min-width: 768px) {
  8760.   .simplepage__box {
  8761.     width: 700px;
  8762.     -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  8763.             box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  8764.     border-radius: 5px;
  8765.     padding: 15px;
  8766.     margin-top: 15px;
  8767.   }
  8768. }
  8769.  
  8770. .simplepage__box .page-title, .simplepage__box .page-header .forum-title, .page-header .simplepage__box .forum-title {
  8771.   display: block;
  8772.   margin: -8px -8px 15px;
  8773.   font-size: 1.7rem;
  8774.   font-weight: normal;
  8775.   border-bottom: 1px solid #E7E7E7;
  8776.   padding: 15px;
  8777.   background-color: #FCFCFC;
  8778.   border-radius: 5px 5px 0 0;
  8779. }
  8780.  
  8781. @media (min-width: 768px) {
  8782.   .simplepage__box .page-title, .simplepage__box .page-header .forum-title, .page-header .simplepage__box .forum-title {
  8783.     margin: -15px -15px 15px;
  8784.   }
  8785. }
  8786.  
  8787. .simplepage__box .page-title + p, .simplepage__box .page-header .forum-title + p, .page-header .simplepage__box .forum-title + p {
  8788.   text-align: center;
  8789. }
  8790.  
  8791. .simplepage__box textarea, .simplepage__box select {
  8792.   width: 100%;
  8793. }
  8794.  
  8795. .simplepage__box .st-fancyCheckbox {
  8796.   top: 0;
  8797. }
  8798.  
  8799. .simplepage__box .submit-buttons {
  8800.   text-align: center;
  8801.   margin-top: 15px;
  8802.   padding-top: 0;
  8803.   border-top: 0;
  8804. }
  8805.  
  8806. .simplepage__message {
  8807.   margin-bottom: 15px;
  8808.   display: block;
  8809. }
  8810.  
  8811. .simplepage__checkbox {
  8812.   text-align: center;
  8813. }
  8814.  
  8815. .member-search .btn {
  8816.   font-weight: bold;
  8817. }
  8818.  
  8819. /* General classes for placing floating blocks */
  8820. .left-box {
  8821.   float: left;
  8822.   width: auto;
  8823.   text-align: left;
  8824.   max-width: 100%;
  8825. }
  8826.  
  8827. .left-box.profile-details {
  8828.   width: 80%;
  8829. }
  8830.  
  8831. .right-box {
  8832.   float: right;
  8833.   width: auto;
  8834.   text-align: right;
  8835.   max-width: 100%;
  8836. }
  8837.  
  8838. .def-rules li {
  8839.   padding: 5px 0px;
  8840. }
  8841.  
  8842. .phpbb_alert {
  8843.   display: none;
  8844.   left: 0;
  8845.   padding: 0 25px 20px 25px;
  8846.   position: fixed;
  8847.   right: 0;
  8848.   left: 0;
  8849.   top: 100px;
  8850.   z-index: 50;
  8851.   margin: 0 15px;
  8852.   background-color: #FFFFFF;
  8853.   z-index: 99999;
  8854.   border-radius: 3px;
  8855.   border: none;
  8856. }
  8857.  
  8858. @media (min-width: 480px) {
  8859.   .phpbb_alert {
  8860.     top: 150px;
  8861.   }
  8862. }
  8863.  
  8864. @media (min-width: 480px) {
  8865.   .phpbb_alert {
  8866.     width: 450px;
  8867.     margin: 0 auto;
  8868.   }
  8869. }
  8870.  
  8871. @media only screen and (max-height: 500px), only screen and (max-device-width: 500px) {
  8872.   .phpbb_alert {
  8873.     top: 25px;
  8874.   }
  8875. }
  8876.  
  8877. .phpbb_alert .alert_close {
  8878.   display: block;
  8879.   float: right;
  8880.   text-decoration: none;
  8881.   background: transparent;
  8882.   position: absolute;
  8883.   top: 3px;
  8884.   right: 10px;
  8885.   opacity: .4;
  8886.   -webkit-transition: .3s;
  8887.   -o-transition: .3s;
  8888.   transition: .3s;
  8889.   font-weight: 200;
  8890.   font-size: 40px;
  8891. }
  8892.  
  8893. .phpbb_alert .alert_close:hover {
  8894.   opacity: .8;
  8895. }
  8896.  
  8897. .phpbb_alert p {
  8898.   margin: 8px 0;
  8899.   font-size: 1.3rem;
  8900.   color: #555;
  8901. }
  8902.  
  8903. .phpbb_alert label {
  8904.   display: block;
  8905.   margin: 8px 0;
  8906.   padding-bottom: 8px;
  8907. }
  8908.  
  8909. .phpbb_alert .submit-buttons {
  8910.   border: 0;
  8911.   text-align: left;
  8912.   padding: 0;
  8913.   margin: 0;
  8914. }
  8915.  
  8916. .phpbb_alert input[name=confirm].button2 {
  8917.   color: white;
  8918.   font-weight: normal;
  8919.   background: #599877;
  8920. }
  8921.  
  8922. .phpbb_alert input[name=confirm].button2:hover {
  8923.   background: #69a786;
  8924. }
  8925.  
  8926. .phpbb_alert input[name=cancel].button2 {
  8927.   color: white;
  8928.   font-weight: normal;
  8929.   background: #777777;
  8930. }
  8931.  
  8932. .phpbb_alert input[name=cancel].button2:hover {
  8933.   background: #868686;
  8934. }
  8935.  
  8936. #darkenwrapper {
  8937.   display: none;
  8938.   position: relative;
  8939.   z-index: 9999;
  8940. }
  8941.  
  8942. #darken {
  8943.   position: fixed;
  8944.   left: 0;
  8945.   top: 0;
  8946.   width: 100%;
  8947.   height: 100%;
  8948.   opacity: 0.75;
  8949.   z-index: 9999;
  8950. }
  8951.  
  8952. #loading_indicator {
  8953.   background: center center no-repeat;
  8954.   background-color: #000000;
  8955.   -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.24);
  8956.           box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.24);
  8957.   background-image: url("../images/loading.gif");
  8958.   border-radius: 5px;
  8959.   display: none;
  8960.   opacity: 0.8;
  8961.   margin-top: -25px;
  8962.   margin-left: -25px;
  8963.   height: 50px;
  8964.   width: 50px;
  8965.   position: fixed;
  8966.   left: 50%;
  8967.   top: 50%;
  8968.   z-index: 3000;
  8969. }
  8970.  
  8971. .csstransforms.cssanimations #loading_indicator {
  8972.   opacity: 0.8;
  8973.   pointer-events: none;
  8974.   -webkit-box-shadow: none;
  8975.           box-shadow: none;
  8976.   margin-left: -30px;
  8977.   margin-top: -30px;
  8978.   background-color: rgba(0, 0, 0, 0.6);
  8979.   height: 60px;
  8980.   border-radius: 50%;
  8981.   width: 60px;
  8982.   background-image: none;
  8983. }
  8984.  
  8985. .csstransforms.cssanimations #loading_indicator:before, .csstransforms.cssanimations #loading_indicator:after {
  8986.   content: "";
  8987.   width: 50px;
  8988.   height: 50px;
  8989.   position: absolute;
  8990.   top: 50%;
  8991.   left: 50%;
  8992.   margin-top: -25px;
  8993.   margin-left: -25px;
  8994.   border: 3px solid rgba(255, 255, 255, 0);
  8995.   border-radius: 100%;
  8996.   -webkit-animation: loader .7s infinite linear;
  8997.        -o-animation: loader .7s infinite linear;
  8998.           animation: loader .7s infinite linear;
  8999. }
  9000.  
  9001. .csstransforms.cssanimations #loading_indicator:before {
  9002.   border-left-color: white;
  9003. }
  9004.  
  9005. .csstransforms.cssanimations #loading_indicator:after {
  9006.   border-bottom-color: white;
  9007.   -webkit-animation-duration: .8s;
  9008.        -o-animation-duration: .8s;
  9009.           animation-duration: .8s;
  9010. }
  9011.  
  9012. .phpbb_alert {
  9013.   background-color: #FFFFFF;
  9014.   border-color: #999999;
  9015. }
  9016.  
  9017. .phpbb_alert h3 {
  9018.   font-weight: 300;
  9019. }
  9020.  
  9021. .phpbb_alert :last-child {
  9022.   margin-bottom: 0;
  9023. }
  9024.  
  9025. #darken {
  9026.   background-color: #000000;
  9027. }
  9028.  
  9029. #loading_indicator {
  9030.   background-color: #000000;
  9031.   -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.24);
  9032.           box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.24);
  9033.   background-image: url("../images/loading.gif");
  9034. }
  9035.  
  9036. .utility-bar {
  9037.   -webkit-background-clip: padding-box;
  9038.           background-clip: padding-box;
  9039.   position: relative;
  9040.   background: white;
  9041.   -webkit-transition: -webkit-box-shadow .3s;
  9042.   transition: -webkit-box-shadow .3s;
  9043.   -o-transition: box-shadow .3s;
  9044.   transition: box-shadow .3s;
  9045.   transition: box-shadow .3s, -webkit-box-shadow .3s;
  9046.   color: #555555;
  9047. }
  9048.  
  9049. .utility-bar .container {
  9050.   padding: 0;
  9051. }
  9052.  
  9053. .h-nb .utility-bar {
  9054.   border-radius: 0;
  9055.   -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  9056.           box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  9057. }
  9058.  
  9059. .nb-h .utility-bar {
  9060.   -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  9061.           box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  9062. }
  9063.  
  9064. .layout-stretched.nb-h .utility-bar {
  9065.   z-index: 1001;
  9066. }
  9067.  
  9068. .utility-bar.stuck {
  9069.   z-index: 1001;
  9070.   border-radius: 0 !important;
  9071.   width: 100%;
  9072.   position: fixed;
  9073.   top: 0;
  9074.   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(0, 0, 0, 0.08);
  9075.           box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(0, 0, 0, 0.08);
  9076. }
  9077.  
  9078. .utility-bar .dropdown-menu {
  9079.   margin-top: 8px;
  9080. }
  9081.  
  9082. .utility-bar.navbar-dark {
  9083.   color: white;
  9084.   background: rgba(41, 41, 41, 0.95);
  9085.   -webkit-box-shadow: none;
  9086.           box-shadow: none;
  9087. }
  9088.  
  9089. .utility-bar.navbar-dark.stuck {
  9090.   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
  9091.           box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
  9092. }
  9093.  
  9094. .utility-bar.navbar-dark .dropdown-menu {
  9095.   color: #303030;
  9096. }
  9097.  
  9098. @media (min-width: 768px) {
  9099.   .transparent + .stickyContainer .utility-bar {
  9100.     border-radius: 4px 4px 0 0;
  9101.   }
  9102. }
  9103.  
  9104. .icon-menu-bars {
  9105.   width: 18px;
  9106.   display: inline-block;
  9107.   position: relative;
  9108.   top: 2px;
  9109.   z-index: 1;
  9110. }
  9111.  
  9112. .icon-menu-bars .bar-1, .icon-menu-bars .bar-2, .icon-menu-bars .bar-3 {
  9113.   -webkit-transition: .15s;
  9114.   -o-transition: .15s;
  9115.   transition: .15s;
  9116.   display: block;
  9117.   background: #555555;
  9118.   width: 100%;
  9119.   height: 2px;
  9120.   margin-top: 3px;
  9121. }
  9122.  
  9123. .navbar-dark .icon-menu-bars .bar-1, .navbar-dark .icon-menu-bars .bar-2, .navbar-dark .icon-menu-bars .bar-3 {
  9124.   background: #efefef;
  9125. }
  9126.  
  9127. .icon-menu-bars .bar-1:first-child, .icon-menu-bars .bar-2:first-child, .icon-menu-bars .bar-3:first-child {
  9128.   margin-top: 0;
  9129. }
  9130.  
  9131. .dd-container.open .icon-menu-bars .bar-2,
  9132. .dropup.open .icon-menu-bars .bar-2,
  9133. .no-js .dd-container:hover .icon-menu-bars .bar-2,
  9134. .no-js .dropup:hover .icon-menu-bars .bar-2 {
  9135.   -webkit-transform: scale(0);
  9136.       -ms-transform: scale(0);
  9137.        -o-transform: scale(0);
  9138.           transform: scale(0);
  9139. }
  9140.  
  9141. .dd-container.open .icon-menu-bars .bar-1,
  9142. .dropup.open .icon-menu-bars .bar-1,
  9143. .no-js .dd-container:hover .icon-menu-bars .bar-1,
  9144. .no-js .dropup:hover .icon-menu-bars .bar-1 {
  9145.   -webkit-transform: rotate(45deg) translateY(4px) translateX(3px);
  9146.       -ms-transform: rotate(45deg) translateY(4px) translateX(3px);
  9147.        -o-transform: rotate(45deg) translateY(4px) translateX(3px);
  9148.           transform: rotate(45deg) translateY(4px) translateX(3px);
  9149. }
  9150.  
  9151. .dd-container.open .icon-menu-bars .bar-3,
  9152. .dropup.open .icon-menu-bars .bar-3,
  9153. .no-js .dd-container:hover .icon-menu-bars .bar-3,
  9154. .no-js .dropup:hover .icon-menu-bars .bar-3 {
  9155.   -webkit-transform: rotate(-45deg) translateY(-4px) translateX(3px);
  9156.       -ms-transform: rotate(-45deg) translateY(-4px) translateX(3px);
  9157.        -o-transform: rotate(-45deg) translateY(-4px) translateX(3px);
  9158.           transform: rotate(-45deg) translateY(-4px) translateX(3px);
  9159. }
  9160.  
  9161. .navigation {
  9162.   margin: 0;
  9163.   display: none;
  9164.   float: left;
  9165. }
  9166.  
  9167. @media (min-width: 768px) {
  9168.   .navigation {
  9169.     display: table;
  9170.   }
  9171. }
  9172.  
  9173. .navigation > li > a:hover, .navigation > li > a:focus, .user-area .guest-register > .btn, .dd-container.open > a {
  9174.   background-color: rgba(0, 0, 0, 0.03);
  9175. }
  9176.  
  9177. .navbar-dark .navigation > li > a:hover, .navbar-dark .navigation > li > a:focus, .navbar-dark .user-area .guest-register > .btn, .user-area .navbar-dark .guest-register > .btn, .navbar-dark .dd-container.open > a {
  9178.   background-color: rgba(255, 255, 255, 0.1);
  9179. }
  9180.  
  9181. .navigation > li {
  9182.   display: table-cell;
  9183.   vertical-align: middle;
  9184. }
  9185.  
  9186. .navigation > li[class*='icon-'] {
  9187.   background-image: none;
  9188. }
  9189.  
  9190. .navigation > li > a {
  9191.   display: inline-block;
  9192.   padding: 0 10px;
  9193.   text-decoration: none;
  9194.   color: inherit;
  9195.   text-transform: uppercase;
  9196.   font-size: 1.1rem;
  9197.   font-weight: bold;
  9198. }
  9199.  
  9200. .navigation > li > a:hover, .navigation > li > a:focus {
  9201.   color: #222222;
  9202. }
  9203.  
  9204. .navbar-dark .navigation > li > a:hover, .navbar-dark .navigation > li > a:focus {
  9205.   color: white;
  9206. }
  9207.  
  9208. .offcanvas-navigation-toggle {
  9209.   display: block;
  9210.   float: left;
  9211.   padding: 0 8px;
  9212.   padding-right: 20px;
  9213. }
  9214.  
  9215. @media (min-width: 768px) {
  9216.   .offcanvas-navigation-toggle {
  9217.     padding: 0 15px;
  9218.     display: none;
  9219.   }
  9220. }
  9221.  
  9222. .offcanvas-open .offcanvas-navigation-toggle .bar-1 {
  9223.   -webkit-transform: rotate(-45deg) translate(-5px, -3px) scale(0.6, 1);
  9224.       -ms-transform: rotate(-45deg) translate(-5px, -3px) scale(0.6, 1);
  9225.        -o-transform: rotate(-45deg) translate(-5px, -3px) scale(0.6, 1);
  9226.           transform: rotate(-45deg) translate(-5px, -3px) scale(0.6, 1);
  9227. }
  9228.  
  9229. .offcanvas-open .offcanvas-navigation-toggle .bar-3 {
  9230.   -webkit-transform: rotate(45deg) translate(-5px, 3px) scale(0.6, 1);
  9231.       -ms-transform: rotate(45deg) translate(-5px, 3px) scale(0.6, 1);
  9232.        -o-transform: rotate(45deg) translate(-5px, 3px) scale(0.6, 1);
  9233.           transform: rotate(45deg) translate(-5px, 3px) scale(0.6, 1);
  9234. }
  9235.  
  9236. .utility-bar .dd-container.open > a {
  9237.   -webkit-transition: background-color .1s;
  9238.   -o-transition: background-color .1s;
  9239.   transition: background-color .1s;
  9240.   color: #333333;
  9241. }
  9242.  
  9243. .navbar-dark .dd-container.open > a {
  9244.   color: white;
  9245. }
  9246.  
  9247. .offcanvas-content .drop-arrow > a:after {
  9248.   float: right;
  9249.   font-size: 2rem;
  9250.   top: 0;
  9251. }
  9252.  
  9253. .offcanvas-content .offcanvas-navigation-toggle {
  9254.   display: none;
  9255. }
  9256.  
  9257. .offcanvas-content .navigation,
  9258. .offcanvas-content .navigation {
  9259.   display: block;
  9260.   float: none;
  9261.   font-size: 1.1rem;
  9262. }
  9263.  
  9264. .offcanvas-content .navigation > li,
  9265. .offcanvas-content .navigation > li {
  9266.   display: block;
  9267.   border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  9268. }
  9269.  
  9270. .offcanvas-content .navigation > li:last-child,
  9271. .offcanvas-content .navigation > li:last-child {
  9272.   border-bottom: 0;
  9273. }
  9274.  
  9275. .offcanvas-content .navigation > li > a,
  9276. .offcanvas-content .navigation > li > a {
  9277.   display: block;
  9278.   color: white;
  9279.   height: auto;
  9280.   line-height: inherit;
  9281.   padding: 18px 2px;
  9282. }
  9283.  
  9284. .offcanvas-content .navigation .dropdown-menu,
  9285. .offcanvas-content .navigation .dropdown-menu {
  9286.   opacity: 0;
  9287.   -webkit-transform: none;
  9288.       -ms-transform: none;
  9289.        -o-transform: none;
  9290.           transform: none;
  9291.   top: 100%;
  9292.   left: 0;
  9293.   float: none;
  9294.   width: 100%;
  9295.   font-size: 13px;
  9296.   background: #555555;
  9297.   margin-bottom: 15px;
  9298.   max-height: none;
  9299.   border: 0;
  9300.   -webkit-box-shadow: none;
  9301.           box-shadow: none;
  9302. }
  9303.  
  9304. .offcanvas-content .navigation .dropdown-menu .divider,
  9305. .offcanvas-content .navigation .dropdown-menu .divider {
  9306.   background: rgba(255, 255, 255, 0.1);
  9307. }
  9308.  
  9309. .offcanvas-content .navigation .dropdown-menu > li > a,
  9310. .offcanvas-content .navigation .dropdown-menu > li > a {
  9311.   max-width: none;
  9312.   padding: 10px 24px 10px 20px;
  9313.   color: white;
  9314. }
  9315.  
  9316. .offcanvas-content .navigation .dropdown-menu > li > a:hover, .offcanvas-content .navigation .dropdown-menu > li > a:focus,
  9317. .offcanvas-content .navigation .dropdown-menu > li > a:hover,
  9318. .offcanvas-content .navigation .dropdown-menu > li > a:focus {
  9319.   background: #777777;
  9320. }
  9321.  
  9322. .offcanvas-content .navigation .open > .dropdown-menu,
  9323. .offcanvas-content .navigation .open > .dropdown-menu {
  9324.   opacity: 1;
  9325.   position: relative;
  9326. }
  9327.  
  9328. table.table1 span.rank-img {
  9329.   float: right;
  9330. }
  9331.  
  9332. table.table1 .info {
  9333.   width: 30%;
  9334. }
  9335.  
  9336. .quick-links.dropdown {
  9337.   position: relative;
  9338. }
  9339.  
  9340. .quick-links.dropdown > a:after {
  9341.   display: none;
  9342.   content: none;
  9343. }
  9344.  
  9345. .quick-links.dropdown.open {
  9346.   background: transparent;
  9347. }
  9348.  
  9349. .quick-links-label {
  9350.   display: none;
  9351. }
  9352.  
  9353. .offcanvas-content .quick-links-label {
  9354.   display: inline;
  9355. }
  9356.  
  9357. .offcanvas-content .icon-menu-bars {
  9358.   float: right;
  9359. }
  9360.  
  9361. .offcanvas-content .icon-menu-bars .bar-1, .offcanvas-content .icon-menu-bars .bar-2, .offcanvas-content .icon-menu-bars .bar-3 {
  9362.   background: white;
  9363. }
  9364.  
  9365. .quick-links .dropdown-menu {
  9366.   left: 8px;
  9367.   min-width: 200px;
  9368. }
  9369.  
  9370. li.quick-links > a {
  9371.   padding-left: 15px;
  9372.   padding-right: 10px;
  9373.   background: transparent !important;
  9374. }
  9375.  
  9376. .quicklogin {
  9377.   position: static;
  9378. }
  9379.  
  9380. @media (min-width: 480px) {
  9381.   .quicklogin {
  9382.     position: relative;
  9383.   }
  9384. }
  9385.  
  9386. .quicklogin.open > a.btn {
  9387.   background: transparent;
  9388. }
  9389.  
  9390. .quicklogin .input-group {
  9391.   margin-bottom: 15px;
  9392. }
  9393.  
  9394. .quicklogin-dropdown {
  9395.   right: 8px;
  9396.   left: 8px;
  9397.   margin-top: 11px;
  9398.   padding: 15px;
  9399.   width: auto;
  9400.   max-height: 400px;
  9401. }
  9402.  
  9403. @media (min-width: 480px) {
  9404.   .quicklogin-dropdown {
  9405.     width: 282px;
  9406.     left: auto;
  9407.   }
  9408. }
  9409.  
  9410. .quicklogin-dropdown:before, .quicklogin-dropdown:after {
  9411.   display: none;
  9412.   position: absolute;
  9413.   content: "";
  9414.   top: -9px;
  9415.   right: 10px;
  9416.   width: 0;
  9417.   height: 0;
  9418.   border-style: solid;
  9419.   border-width: 0 8px 8px 8px;
  9420.   border-color: transparent;
  9421.   border-bottom-color: #ccc;
  9422.   border-bottom-color: rgba(0, 0, 0, 0.2);
  9423. }
  9424.  
  9425. .quicklogin-dropdown:after {
  9426.   top: -8px;
  9427.   border-bottom-color: #fff;
  9428. }
  9429.  
  9430. .quicklogin-dropdown .checkbox {
  9431.   margin-bottom: 15px;
  9432.   line-height: 1.6;
  9433. }
  9434.  
  9435. .quicklogin__forgot {
  9436.   display: block;
  9437.   padding: 3px;
  9438.   text-align: center;
  9439.   color: #777777;
  9440.   margin-top: 15px;
  9441. }
  9442.  
  9443. .quicklogin__forgot:hover {
  9444.   color: #333333;
  9445. }
  9446.  
  9447. .quicklogin__login-btn {
  9448.   display: block;
  9449.   padding: 3px;
  9450.   width: 100%;
  9451. }
  9452.  
  9453. .quicklogin__username-input,
  9454. .quicklogin__password-input {
  9455.   -webkit-box-shadow: none;
  9456.           box-shadow: none;
  9457.   border-color: #D5D5D5;
  9458. }
  9459.  
  9460. .quicklogin__username-input:focus,
  9461. .quicklogin__password-input:focus {
  9462.   background: #F5F5F5;
  9463.   border-color: transparent;
  9464. }
  9465.  
  9466. .quicklogin__username-input {
  9467.   -webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.04);
  9468.           box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.04);
  9469. }
  9470.  
  9471. .quicklogin__oneall {
  9472.   margin: -15px;
  9473.   margin-bottom: 15px;
  9474.   padding: 15px;
  9475.   background: #EFEFEF;
  9476. }
  9477.  
  9478. .quicklogin__oneall iframe {
  9479.   visibility: hidden !important;
  9480. }
  9481.  
  9482. .quicklogin.open .quicklogin__oneall iframe {
  9483.   visibility: visible !important;
  9484. }
  9485.  
  9486. .user-area {
  9487.   float: right;
  9488.   /*  transition: .3s;*/
  9489.   /*  transform-origin: right center;*/
  9490.   /**/
  9491.   /*.offcanvas-open & {*/
  9492.   /*  //transform: scale(0,1);*/
  9493.   /*  opacity: 0;*/
  9494.   /*}*/
  9495. }
  9496.  
  9497. .user-area li > .btn {
  9498.   color: inherit;
  9499.   border-radius: 0;
  9500.   background-image: none;
  9501.   text-decoration: none;
  9502.   text-transform: uppercase;
  9503.   font-size: 11px;
  9504.   font-weight: bold;
  9505.   font-family: 'Helvetica Neue', 'open sans', arial, sans-serif;
  9506. }
  9507.  
  9508. .user-area li > .btn:hover {
  9509.   color: #B54444;
  9510. }
  9511.  
  9512. .navbar-dark .user-area li > .btn:hover {
  9513.   color: white;
  9514. }
  9515.  
  9516. .user-area .guest-login > .btn {
  9517.   padding-left: 15px;
  9518. }
  9519.  
  9520. .user-area .open > a.btn {
  9521.   color: #B54444;
  9522. }
  9523.  
  9524. .navbar-dark .user-area .open > a.btn {
  9525.   color: white;
  9526. }
  9527.  
  9528. .user-area .guest-view {
  9529.   display: table;
  9530.   line-height: normal;
  9531. }
  9532.  
  9533. .user-area .guest-view li {
  9534.   display: table-cell;
  9535.   vertical-align: middle;
  9536. }
  9537.  
  9538. .user-view-pm .fi,
  9539. .user-view-notifications .fi {
  9540.   line-height: inherit;
  9541.   font-size: 1.7rem;
  9542.   -webkit-transition: -webkit-transform .1s;
  9543.   transition: -webkit-transform .1s;
  9544.   -o-transition: transform .1s, -o-transform .1s;
  9545.   transition: transform .1s;
  9546.   transition: transform .1s, -webkit-transform .1s, -o-transform .1s;
  9547. }
  9548.  
  9549. .user-view-pm .notification-count,
  9550. .user-view-notifications .notification-count {
  9551.   padding: 0 0.4rem;
  9552.   border-radius: 50%;
  9553.   height: 1.8rem;
  9554.   line-height: 1.8rem;
  9555.   top: 3px;
  9556.   right: 24px;
  9557.   border-width: 3px;
  9558.   font-weight: bold;
  9559.   -webkit-transform: scale(0.6) translate(0px, -6px);
  9560.       -ms-transform: scale(0.6) translate(0px, -6px);
  9561.        -o-transform: scale(0.6) translate(0px, -6px);
  9562.           transform: scale(0.6) translate(0px, -6px);
  9563.   color: transparent;
  9564.   background-color: #EA4141;
  9565.   -webkit-transition: .15s;
  9566.   -o-transition: .15s;
  9567.   transition: .15s;
  9568.   -webkit-transform-origin: right bottom;
  9569.       -ms-transform-origin: right bottom;
  9570.        -o-transform-origin: right bottom;
  9571.           transform-origin: right bottom;
  9572. }
  9573.  
  9574. .user-view-pm .notification-count:after,
  9575. .user-view-notifications .notification-count:after {
  9576.   z-index: 1;
  9577.   position: relative;
  9578.   content: "";
  9579.   background: #EA4141;
  9580.   display: block;
  9581.   position: absolute;
  9582.   width: 30px;
  9583.   height: 30px;
  9584.   left: 50%;
  9585.   top: 50%;
  9586.   margin-left: -15px;
  9587.   margin-top: -15px;
  9588.   opacity: 0;
  9589.   border-radius: 100%;
  9590.   pointer-events: none;
  9591.   -webkit-transform-origin: center center;
  9592.       -ms-transform-origin: center center;
  9593.        -o-transform-origin: center center;
  9594.           transform-origin: center center;
  9595. }
  9596.  
  9597. .navbar-dark .user-view-pm .notification-count, .navbar-dark
  9598. .user-view-notifications .notification-count {
  9599.   border-color: #3D3D3D;
  9600.   background-color: #EC6161;
  9601. }
  9602.  
  9603. .navbar-dark .user-view-pm .notification-count:after, .navbar-dark
  9604. .user-view-notifications .notification-count:after {
  9605.   background-color: #EC6161;
  9606. }
  9607.  
  9608. @media (min-width: 992px) {
  9609.   .user-view-pm a:hover .notification-count:after,
  9610.   .user-view-notifications a:hover .notification-count:after {
  9611.     -webkit-animation: pulse 2s ease-out;
  9612.          -o-animation: pulse 2s ease-out;
  9613.             animation: pulse 2s ease-out;
  9614.     -webkit-animation-iteration-count: infinite;
  9615.          -o-animation-iteration-count: infinite;
  9616.             animation-iteration-count: infinite;
  9617.   }
  9618. }
  9619.  
  9620. .open.user-view-notifications:not(.has-unread) > a .fi,
  9621. .user-view-notifications:hover:not(.has-unread) > a .fi {
  9622.   -webkit-transform: rotate(-20deg);
  9623.       -ms-transform: rotate(-20deg);
  9624.        -o-transform: rotate(-20deg);
  9625.           transform: rotate(-20deg);
  9626. }
  9627.  
  9628. .open.user-view-notifications:not(.has-unread) > a .fi:before,
  9629. .user-view-notifications:hover:not(.has-unread) > a .fi:before {
  9630.   content: "";
  9631. }
  9632.  
  9633. .user-view-pm i:before, .user-view-pm i:after {
  9634.   -webkit-transition: .3s;
  9635.   -o-transition: .3s;
  9636.   transition: .3s;
  9637. }
  9638.  
  9639. .user-view-pm i:after {
  9640.   position: absolute;
  9641.   top: 50%;
  9642.   left: 50%;
  9643.   content: "";
  9644.   font-style: normal;
  9645.   width: 18px;
  9646.   height: 18px;
  9647.   margin-top: -9px;
  9648.   margin-left: -9px;
  9649.   opacity: 0;
  9650. }
  9651.  
  9652. .user-view-pm:hover i:before {
  9653.   opacity: 0;
  9654. }
  9655.  
  9656. .user-view-pm:hover i:after {
  9657.   opacity: 1;
  9658.   -webkit-transition: .2s;
  9659.   -o-transition: .2s;
  9660.   transition: .2s;
  9661. }
  9662.  
  9663. .user-view-pm,
  9664. .user-view-notifications,
  9665. .user-view-dropdown-wrapper {
  9666.   float: left;
  9667.   position: static;
  9668.   /* Remove bounds for dropdown on small screens */
  9669. }
  9670.  
  9671. @media (min-width: 768px) {
  9672.   .user-view-pm,
  9673.   .user-view-notifications,
  9674.   .user-view-dropdown-wrapper {
  9675.     position: relative;
  9676.   }
  9677. }
  9678.  
  9679. .user-view-pm > a,
  9680. .user-view-notifications > a,
  9681. .user-view-dropdown-wrapper > a {
  9682.   display: inline-block;
  9683.   position: relative;
  9684.   padding: 0 15px;
  9685.   text-align: center;
  9686.   color: inherit;
  9687.   text-decoration: none !important;
  9688. }
  9689.  
  9690. .open .notification-count {
  9691.   border-color: #f1f1f1;
  9692.   /*match background*/
  9693. }
  9694.  
  9695. .notifications-list {
  9696.   outline: 1px solid transparent;
  9697.   max-height: -webkit-calc(100vh - 180px);
  9698.   max-height: calc(100vh - 180px);
  9699.   overflow-y: auto;
  9700. }
  9701.  
  9702. a.user-view-dropdown {
  9703.   padding-right: 15px;
  9704.   border-width: 0 0 0 1px;
  9705.   border-radius: 0 4px 0 0;
  9706. }
  9707.  
  9708. @media (min-width: 480px) {
  9709.   a.user-view-dropdown {
  9710.     padding-right: 15px;
  9711.   }
  9712. }
  9713.  
  9714. .sticky a.user-view-dropdown {
  9715.   border-radius: 0;
  9716. }
  9717.  
  9718. .js a.user-view-dropdown {
  9719.   cursor: pointer;
  9720. }
  9721.  
  9722. a.user-view-dropdown > img {
  9723.   width: auto;
  9724.   height: 28px;
  9725.   border-radius: 3px;
  9726.   position: relative;
  9727.   top: -1px;
  9728. }
  9729.  
  9730. a.user-view-dropdown:after {
  9731.   margin-left: 0;
  9732.   display: none;
  9733. }
  9734.  
  9735. .user-view-username {
  9736.   text-decoration: none !important;
  9737.   color: inherit;
  9738.   display: none;
  9739. }
  9740.  
  9741. .user-view-username .username-coloured {
  9742.   color: #555 !important;
  9743. }
  9744.  
  9745. /*.user-view-dropdown>.user-logout{
  9746.   font-weight: $font-weight-semibold;;
  9747.   font-size: 11px;
  9748.   color: rgb(219, 92, 92);
  9749.  
  9750.   Show logout link only whn
  9751.   .js & {
  9752.     display: none;
  9753.   }
  9754. }*/
  9755. .user-view-dropdown-menu {
  9756.   right: 8px;
  9757.   left: auto;
  9758. }
  9759.  
  9760. .user-view-dropdown-menu:before, .user-view-dropdown-menu:after {
  9761.   display: none;
  9762.   position: absolute;
  9763.   content: "";
  9764.   top: -9px;
  9765.   right: 10px;
  9766.   width: 0;
  9767.   height: 0;
  9768.   border-style: solid;
  9769.   border-width: 0 8px 8px 8px;
  9770.   border-color: transparent;
  9771.   border-bottom-color: rgba(0, 0, 0, 0.2);
  9772. }
  9773.  
  9774. .user-view-dropdown-menu:after {
  9775.   top: -8px;
  9776.   border-bottom-color: #fff;
  9777. }
  9778.  
  9779. .notifications-dropdown {
  9780.   padding: 0;
  9781.   right: 8px;
  9782.   left: 8px;
  9783.   border-radius: 4px;
  9784.   width: auto;
  9785.   max-height: none;
  9786. }
  9787.  
  9788. @media (min-width: 768px) {
  9789.   .notifications-dropdown {
  9790.     right: 0px;
  9791.     left: auto;
  9792.     width: 350px;
  9793.   }
  9794. }
  9795.  
  9796. .notifications-dropdown li > a:focus, .notifications-dropdown li > a:hover {
  9797.   background-color: #F9F9F9;
  9798. }
  9799.  
  9800. .notifications-dropdown ul {
  9801.   margin-bottom: 0;
  9802. }
  9803.  
  9804. .notifications-dropdown .dropdown-header {
  9805.   border-radius: 4px 4px 0 0;
  9806.   padding: 12px 15px;
  9807.   border: 0;
  9808.   position: relative;
  9809.   z-index: 1;
  9810.   -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  9811.           box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  9812. }
  9813.  
  9814. .notifications-dropdown .dropdown-footer {
  9815.   border: 0;
  9816.   position: relative;
  9817.   border: 0;
  9818.   text-align: center;
  9819.   text-decoration: none;
  9820.   -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15);
  9821.           box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15);
  9822.   border-radius: 0 0 4px 4px;
  9823.   background: white;
  9824. }
  9825.  
  9826. .notifications-dropdown .dropdown-footer > a {
  9827.   max-width: none;
  9828.   margin: -10px;
  9829.   color: #555555;
  9830.   font-weight: 500;
  9831.   border-radius: 0 0 4px 4px;
  9832.   padding: 12px;
  9833. }
  9834.  
  9835. .notifications-dropdown .dropdown-footer > a:hover {
  9836.   background: #F5F5F5;
  9837. }
  9838.  
  9839. .notifications-dropdown:before, .notifications-dropdown:after {
  9840.   display: none;
  9841.   position: absolute;
  9842.   content: "";
  9843.   top: -9px;
  9844.   right: 77px;
  9845.   width: 0;
  9846.   height: 0;
  9847.   border-style: solid;
  9848.   border-width: 0 8px 8px 8px;
  9849.   border-color: transparent;
  9850.   border-bottom-color: #ccc;
  9851.   border-bottom-color: rgba(0, 0, 0, 0.2);
  9852. }
  9853.  
  9854. @media (min-width: 768px) {
  9855.   .notifications-dropdown:before, .notifications-dropdown:after {
  9856.     right: 15px;
  9857.   }
  9858. }
  9859.  
  9860. .notifications-dropdown:after {
  9861.   top: -8px;
  9862.   border-bottom-color: white;
  9863. }
  9864.  
  9865. .notification-item {
  9866.   position: relative;
  9867.   overflow: hidden;
  9868.   border: 0px solid #E7E7E7;
  9869.   border-bottom-width: 1px;
  9870.   color: #303030;
  9871.   background: white;
  9872. }
  9873.  
  9874. .notification-item:first-child {
  9875.   border-top-width: 0px;
  9876. }
  9877.  
  9878. .notification-item:last-child {
  9879.   border-bottom-width: 0px;
  9880. }
  9881.  
  9882. .notification-item.bg2 {
  9883.   border-color: #E7D5C3;
  9884.   background: #FFF7DF;
  9885. }
  9886.  
  9887. .notification-item.bg2 .notification-block:hover,
  9888. .notification-item.bg2 .notification-block:focus {
  9889.   background: #FFF9E7;
  9890. }
  9891.  
  9892. .notification-item img {
  9893.   width: 48px;
  9894.   height: 48px;
  9895.   float: left;
  9896.   border-radius: 3px;
  9897.   /*border: 2px solid white;*/
  9898.   /*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);*/
  9899.   position: relative;
  9900.   top: 3px;
  9901. }
  9902.  
  9903. .notification-item .notification-block {
  9904.   padding: 10px 15px;
  9905.   display: block;
  9906.   color: inherit;
  9907.   text-decoration: none;
  9908. }
  9909.  
  9910. .notification-item div.notification-block {
  9911.   cursor: default;
  9912. }
  9913.  
  9914. @media (min-width: 768px) {
  9915.   .notification-item + .notification-item + .notification-item + .notification-item + .notification-item {
  9916.     display: block;
  9917.   }
  9918. }
  9919.  
  9920. .notification_text {
  9921.   margin-left: 60px;
  9922. }
  9923.  
  9924. .notification_text > p {
  9925.   margin: 0;
  9926. }
  9927.  
  9928. .notification-title > span {
  9929.   font-weight: 500;
  9930. }
  9931.  
  9932. .notifications-dropdown .notification-reference {
  9933.   margin-bottom: 0;
  9934.   color: #555555;
  9935.   font-size: 1.1rem;
  9936. }
  9937.  
  9938. .notification-time {
  9939.   font-size: 1.1rem;
  9940.   color: #aaa;
  9941.   text-align: right;
  9942.   margin-top: 5px;
  9943.   display: block;
  9944. }
  9945.  
  9946. .bg2 .notification-time {
  9947.   color: #b69b92;
  9948. }
  9949.  
  9950. .no-notifications {
  9951.   color: #777777;
  9952.   text-align: center;
  9953.   padding: 10px;
  9954. }
  9955.  
  9956. .notifications-toplinks {
  9957.   margin-right: -5px;
  9958. }
  9959.  
  9960. .notifications-toplinks a {
  9961.   padding: 10px 5px;
  9962. }
  9963.  
  9964. .notifications-toplinks .fi {
  9965.   font-size: 14px;
  9966.   color: #777777;
  9967. }
  9968.  
  9969. .notifications-toplinks a:hover .fi {
  9970.   color: #333333;
  9971. }
  9972.  
  9973. a.notification-mark-read.icon-mark {
  9974.   width: 22px;
  9975.   height: 22px;
  9976.   position: absolute;
  9977.   top: 0;
  9978.   right: 10px;
  9979.   margin-top: 10px;
  9980.   -webkit-transform: scale(0);
  9981.       -ms-transform: scale(0);
  9982.        -o-transform: scale(0);
  9983.           transform: scale(0);
  9984.   opacity: 0;
  9985.   text-align: center;
  9986.   background: #599877;
  9987.   border-radius: 100px;
  9988.   -webkit-transition: opacity .3s, -webkit-transform .3s;
  9989.   transition: opacity .3s, -webkit-transform .3s;
  9990.   -o-transition: transform .3s, opacity .3s, -o-transform .3s;
  9991.   transition: transform .3s, opacity .3s;
  9992.   transition: transform .3s, opacity .3s, -webkit-transform .3s, -o-transform .3s;
  9993.   -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  9994.        -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  9995.           transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  9996.   /* easeInOutBack */
  9997.   font-size: 12px;
  9998.   color: white;
  9999.   z-index: 9999;
  10000.   /* fallback for older browsers */
  10001. }
  10002.  
  10003. a.notification-mark-read.icon-mark:hover, a.notification-mark-read.icon-mark:focus {
  10004.   background: #474747;
  10005.   background: rgba(0, 0, 0, 0.71);
  10006. }
  10007.  
  10008. a.notification-mark-read.icon-mark .fi {
  10009.   position: absolute;
  10010.   top: 50%;
  10011.   left: 50%;
  10012.   margin-top: -11px;
  10013.   margin-left: -9px;
  10014. }
  10015.  
  10016. .notification-item:hover a.notification-mark-read.icon-mark,
  10017. .notification-block:focus a.notification-mark-read.icon-mark, a.notification-mark-read.icon-mark:focus {
  10018.   -webkit-transform: none;
  10019.       -ms-transform: none;
  10020.        -o-transform: none;
  10021.           transform: none;
  10022.   opacity: 1;
  10023. }
  10024.  
  10025. .no-csstransforms .notification-block:hover a.notification-mark-read.icon-mark,
  10026. .no-csstransforms a.notification-mark-read.icon-mark:focus {
  10027.   right: 0px;
  10028. }
  10029.  
  10030. .touch a.notification-mark-read.icon-mark {
  10031.   display: none;
  10032. }
  10033.  
  10034. .user-view-logout .fi {
  10035.   font-size: 1.7rem;
  10036.   line-height: 1;
  10037.   top: 3px;
  10038.   color: #CF6363;
  10039. }
  10040.  
  10041. .main-header {
  10042.   -webkit-background-size: cover;
  10043.           background-size: cover;
  10044.   background-position: center 10%;
  10045.   background-repeat: repeat;
  10046.   background-color: #4d4d5c;
  10047.   background-image: url(../images/backgrounds/poly.png);
  10048.   height: 80px;
  10049.   /*navbar below header*/
  10050. }
  10051.  
  10052. .main-header .container {
  10053.   height: 100%;
  10054.   width: 100%;
  10055.   display: table;
  10056. }
  10057.  
  10058. .main-header.transparent {
  10059.   background: transparent !important;
  10060.   -webkit-box-shadow: none;
  10061.           box-shadow: none;
  10062. }
  10063.  
  10064. .layout-boxed .main-header.transparent .container {
  10065.   padding: 0;
  10066. }
  10067.  
  10068. .branding {
  10069.   display: table-cell;
  10070.   vertical-align: middle;
  10071.   text-align: center;
  10072.   width: 100%;
  10073. }
  10074.  
  10075. @media (min-width: 768px) {
  10076.   .branding {
  10077.     width: 70%;
  10078.     text-align: left;
  10079.   }
  10080. }
  10081.  
  10082. .section-search .branding {
  10083.   width: 100%;
  10084. }
  10085.  
  10086. .branding .logo {
  10087.   text-decoration: none;
  10088.   color: white;
  10089.   display: inline-block;
  10090. }
  10091.  
  10092. .branding h1 {
  10093.   position: relative;
  10094.   top: 1px;
  10095.   line-height: 1;
  10096.   margin: 0;
  10097.   font-weight: 200;
  10098.   font-size: 21px;
  10099. }
  10100.  
  10101. .branding .site-description {
  10102.   font-size: 13px;
  10103.   color: white;
  10104.   opacity: .7;
  10105.   margin-bottom: 5px;
  10106.   display: none;
  10107. }
  10108.  
  10109. /*************************
  10110.  * Quicksearch
  10111.  ************************/
  10112. .quicksearch {
  10113.   display: none;
  10114.   vertical-align: middle;
  10115.   width: 30%;
  10116. }
  10117.  
  10118. @media (min-width: 768px) {
  10119.   .quicksearch {
  10120.     display: table-cell;
  10121.   }
  10122. }
  10123.  
  10124. .quicksearch fieldset {
  10125.   position: relative;
  10126.   float: right;
  10127.   display: inline-block;
  10128.   background-color: white;
  10129.   color: #333333;
  10130.   border-radius: 2px;
  10131. }
  10132.  
  10133. .quicksearch .form-control {
  10134.   z-index: 1;
  10135.   position: relative;
  10136.   background: transparent;
  10137.   -webkit-box-shadow: none;
  10138.           box-shadow: none;
  10139.   width: 120px;
  10140.   border: 0;
  10141.   color: inherit;
  10142.   padding: 0px 12px;
  10143. }
  10144.  
  10145. @media (min-width: 768px) {
  10146.   .quicksearch .form-control {
  10147.     width: 240px;
  10148.   }
  10149. }
  10150.  
  10151. .quicksearch .form-control:focus {
  10152.   -webkit-box-shadow: none;
  10153.           box-shadow: none;
  10154.   outline: none;
  10155.   background: transparent;
  10156. }
  10157.  
  10158. .simplepage__box .quicksearch .form-control {
  10159.   background: #F5F5F5;
  10160.   margin: auto;
  10161.   float: none;
  10162. }
  10163.  
  10164. .quicksearch .btn {
  10165.   color: #555;
  10166. }
  10167.  
  10168. .quicksearch__placeholder {
  10169.   color: rgba(0, 0, 0, 0.5);
  10170.   display: block;
  10171.   width: 100%;
  10172.   height: 100%;
  10173.   position: absolute;
  10174.   top: 0;
  10175.   left: 0;
  10176.   padding: 0px 13px;
  10177.   line-height: 3.4rem;
  10178. }
  10179.  
  10180. .quicksearch .quicksearch--focus {
  10181.   background-color: white;
  10182. }
  10183.  
  10184. .offcanvas-content .quicksearch {
  10185.   display: block;
  10186.   width: 100%;
  10187.   margin-bottom: 8px;
  10188. }
  10189.  
  10190. .offcanvas-content .quicksearch .form-control {
  10191.   width: 100%;
  10192.   padding: 12px;
  10193.   height: auto;
  10194. }
  10195.  
  10196. .offcanvas-content .quicksearch fieldset {
  10197.   margin-top: 2px;
  10198.   float: none;
  10199.   width: 100%;
  10200.   background: white;
  10201. }
  10202.  
  10203. .offcanvas-content .quicksearch .quicksearch__placeholder {
  10204.   line-height: 1.5;
  10205.   padding: 12px;
  10206. }
  10207.  
  10208. /* COMPONENT: breadcrumbs ********************************/
  10209. /*Breadcrumb-bar*/
  10210. .breadcrumbs-bar {
  10211.   display: block;
  10212.   position: relative;
  10213. }
  10214.  
  10215. @media (min-width: 768px) {
  10216.   .breadcrumbs-bar.detached {
  10217.     background: transparent;
  10218.     padding-left: 15px;
  10219.     padding-right: 15px;
  10220.     border: 0;
  10221.     margin-top: 0;
  10222.     margin-bottom: 15px;
  10223.   }
  10224. }
  10225.  
  10226. .breadcrumbs-bar--top {
  10227.   margin-bottom: 15px;
  10228. }
  10229.  
  10230. @media (min-width: 768px) {
  10231.   .breadcrumbs-bar--top.detached {
  10232.     padding-top: 15px;
  10233.   }
  10234. }
  10235.  
  10236. @media (min-width: 768px) {
  10237.   .breadcrumbs-bar--bottom.detached {
  10238.     padding-bottom: 15px;
  10239.     margin-bottom: 0;
  10240.   }
  10241. }
  10242.  
  10243. .breadcrumbs-bar .quick-nav-link {
  10244.   float: right;
  10245.   line-height: 1;
  10246. }
  10247.  
  10248. .breadcrumbs-bar .quick-nav-link > a {
  10249.   font-size: 1.7rem;
  10250.   color: #969696;
  10251.   padding: 0 15px;
  10252.   height: 40px;
  10253.   line-height: 40px;
  10254.   display: inline-block;
  10255. }
  10256.  
  10257. .breadcrumbs-bar .quick-nav-link > a:hover {
  10258.   color: #303030;
  10259. }
  10260.  
  10261. .breadcrumbs-bar .quick-nav-link .dropdown-menu {
  10262.   left: auto;
  10263.   right: 8px;
  10264.   top: 8px;
  10265. }
  10266.  
  10267. .breadcrumbs-bar--bottom .quick-nav-link .dropdown-menu {
  10268.   top: auto;
  10269.   bottom: 8px;
  10270.   -webkit-transform: translateY(10px);
  10271.       -ms-transform: translateY(10px);
  10272.        -o-transform: translateY(10px);
  10273.           transform: translateY(10px);
  10274. }
  10275.  
  10276. .breadcrumbs-bar--bottom .quick-nav-link.open > .dropdown-menu {
  10277.   -webkit-transform: none;
  10278.       -ms-transform: none;
  10279.        -o-transform: none;
  10280.           transform: none;
  10281. }
  10282.  
  10283. .breadcrumbs-bar.detached .quick-nav-link > a {
  10284.   padding: 0 12px;
  10285. }
  10286.  
  10287. .nav-breadcrumbs {
  10288.   font-size: 0;
  10289.   margin: 0;
  10290.   padding-left: 15px;
  10291.   color: #777777;
  10292.   line-height: 40px;
  10293.   height: 40px;
  10294.   cursor: default;
  10295. }
  10296.  
  10297. .layout-detached .detached .nav-breadcrumbs {
  10298.   background-color: transparent;
  10299. }
  10300.  
  10301. .nav-breadcrumbs .crumb {
  10302.   float: left;
  10303.   display: block;
  10304.   /*seperator (>)*/
  10305.   /*home icon*/
  10306. }
  10307.  
  10308. .nav-breadcrumbs .crumb:before {
  10309.   font-size: 1.6rem;
  10310.   content: "";
  10311.   margin: 0 8px;
  10312.   vertical-align: middle;
  10313.   position: relative;
  10314.   top: 0px;
  10315. }
  10316.  
  10317. .rtl .nav-breadcrumbs .crumb:before {
  10318.   content: "";
  10319. }
  10320.  
  10321. .nav-breadcrumbs .crumb--home:before {
  10322.   content: "";
  10323.   margin: 0;
  10324.   top: 0;
  10325.   font-size: 1.4rem;
  10326.   color: #555555;
  10327. }
  10328.  
  10329. @media (min-width: 768px) {
  10330.   .nav-breadcrumbs .crumb--home:before {
  10331.     margin: 0 8px 0 0;
  10332.   }
  10333. }
  10334.  
  10335. .nav-breadcrumbs .crumb > a {
  10336.   font-size: 1.2rem;
  10337.   text-decoration: none;
  10338.   color: inherit;
  10339.   white-space: nowrap;
  10340.   text-overflow: ellipsis;
  10341.   vertical-align: middle;
  10342.   overflow: hidden;
  10343.   display: inline-block;
  10344.   max-width: 120px;
  10345. }
  10346.  
  10347. @media (min-width: 768px) {
  10348.   .nav-breadcrumbs .crumb > a {
  10349.     font-size: 1.3rem;
  10350.   }
  10351. }
  10352.  
  10353. @media (min-width: 992px) {
  10354.   .nav-breadcrumbs .crumb > a {
  10355.     max-width: 220px;
  10356.   }
  10357. }
  10358.  
  10359. .nav-breadcrumbs .crumb > a:hover, .nav-breadcrumbs .crumb > a:focus {
  10360.   color: #333333;
  10361. }
  10362.  
  10363. @media (max-width: 767px) {
  10364.   .nav-breadcrumbs .crumb {
  10365.     display: none;
  10366.   }
  10367.   .nav-breadcrumbs .crumb.crumb--previous {
  10368.     margin-left: -15px;
  10369.     display: block;
  10370.   }
  10371.   .nav-breadcrumbs .crumb.crumb--previous:before {
  10372.     content: "";
  10373.     margin-right: 2px;
  10374.     margin-left: 8px;
  10375.   }
  10376.   .nav-breadcrumbs .crumb.crumb--previous a {
  10377.     max-width: 180px;
  10378.   }
  10379.   .section-index .nav-breadcrumbs .crumb--home:before {
  10380.     content: "";
  10381.     margin-right: 5px;
  10382.   }
  10383. }
  10384.  
  10385. .jumpbox-dropdown {
  10386.   height: auto;
  10387.   max-height: 300px;
  10388.   overflow-x: hidden;
  10389. }
  10390.  
  10391. .jumpbox-dropdown li a {
  10392.   font-weight: 500;
  10393. }
  10394.  
  10395. li.jumpbox-subforum a {
  10396.   font-weight: normal;
  10397. }
  10398.  
  10399. li.jumpbox-subforum a span:before {
  10400.   content: "\2014";
  10401.   margin-right: 10px;
  10402.   color: #ccc;
  10403. }
  10404.  
  10405. .jumpbox-return {
  10406.   float: left;
  10407.   /*rtl:ignore*/
  10408.   /*rtl:ignore*/
  10409. }
  10410.  
  10411. .jumpbox-return a {
  10412.   padding: 0;
  10413. }
  10414.  
  10415. .jumpbox-return a:hover {
  10416.   color: inherit;
  10417. }
  10418.  
  10419. .jumpbox-return .arrow-left:before,
  10420. .jumpbox-return .arrow-right:before {
  10421.   -webkit-transition: .2s;
  10422.   -o-transition: .2s;
  10423.   transition: .2s;
  10424. }
  10425.  
  10426. .jumpbox-return .arrow-left:hover:before {
  10427.   -webkit-transform: translateX(-4px);
  10428.       -ms-transform: translateX(-4px);
  10429.        -o-transform: translateX(-4px);
  10430.           transform: translateX(-4px);
  10431. }
  10432.  
  10433. .jumpbox-return .arrow-right:hover:before {
  10434.   -webkit-transform: translateX(4px);
  10435.       -ms-transform: translateX(4px);
  10436.        -o-transform: translateX(4px);
  10437.           transform: translateX(4px);
  10438. }
  10439.  
  10440. .page-footer {
  10441.   color: white;
  10442.   background: #3a3d42;
  10443. }
  10444.  
  10445. .page-footer .copyright {
  10446.   padding: 14px 0;
  10447.   background: rgba(0, 0, 0, 0.2);
  10448. }
  10449.  
  10450. .page-footer abbr {
  10451.   border-color: #fff;
  10452. }
  10453.  
  10454. .page-footer a {
  10455.   color: inherit;
  10456.   opacity: .6;
  10457. }
  10458.  
  10459. .page-footer a:hover, .page-footer a:focus {
  10460.   opacity: 1;
  10461.   text-decoration: none;
  10462. }
  10463.  
  10464. .page-footer__before {
  10465.   background: rgba(255, 255, 255, 0.1);
  10466. }
  10467.  
  10468. .page-footer__before .container {
  10469.   height: 45px;
  10470.   line-height: 45px;
  10471. }
  10472.  
  10473. .page-footer--complex .page-footer__inner {
  10474.   padding-top: 35px;
  10475.   padding-bottom: 35px;
  10476.   margin-top: 0;
  10477.   margin-bottom: 0;
  10478. }
  10479.  
  10480. .page-footer--complex .page-footer__inner .container > div {
  10481.   margin-bottom: 20px;
  10482. }
  10483.  
  10484. @media (min-width: 768px) {
  10485.   .page-footer--complex .page-footer__inner .container > div {
  10486.     margin-bottom: 0;
  10487.   }
  10488. }
  10489.  
  10490. .page-footer--complex .page-footer__inner .container > div:last-child {
  10491.   margin-bottom: 0;
  10492. }
  10493.  
  10494. .footer-links-dropdown {
  10495.   float: left;
  10496. }
  10497.  
  10498. @media (min-width: 768px) {
  10499.   .footer-links-dropdown {
  10500.     display: none;
  10501.   }
  10502. }
  10503.  
  10504. .footer-links-dropdown > a {
  10505.   margin: -12px -8px;
  10506.   padding: 12px 15px;
  10507. }
  10508.  
  10509. .footer-links-dropdown .icon-menu-bars .bar-1, .footer-links-dropdown .icon-menu-bars .bar-2, .footer-links-dropdown .icon-menu-bars .bar-3 {
  10510.   background: white;
  10511. }
  10512.  
  10513. .footer-links-dropdown .dropdown-menu a {
  10514.   opacity: 1;
  10515. }
  10516.  
  10517. .footer-links {
  10518.   display: none;
  10519.   float: left;
  10520.   list-style-type: none;
  10521.   padding: 0;
  10522. }
  10523.  
  10524. @media (min-width: 768px) {
  10525.   .footer-links {
  10526.     display: block;
  10527.   }
  10528. }
  10529.  
  10530. .footer-links > li {
  10531.   display: inline-block;
  10532. }
  10533.  
  10534. .footer-links > li > a {
  10535.   display: inline-block;
  10536.   padding: 0 8px;
  10537. }
  10538.  
  10539. .footer-links > li > a:first-child {
  10540.   padding-left: 0;
  10541. }
  10542.  
  10543. .footer-block {
  10544.   margin-bottom: 25px;
  10545. }
  10546.  
  10547. @media (min-width: 768px) {
  10548.   .footer-block {
  10549.     margin-bottom: 0;
  10550.   }
  10551. }
  10552.  
  10553. .footer-block:last-child {
  10554.   margin-bottom: 0;
  10555. }
  10556.  
  10557. .footer-block .heading {
  10558.   text-decoration: none;
  10559.   font-size: 1.7rem;
  10560.   font-weight: 300;
  10561.   margin-bottom: 15px;
  10562.   letter-spacing: .3px;
  10563. }
  10564.  
  10565. .nav-list {
  10566.   margin: 0;
  10567. }
  10568.  
  10569. .nav-list li a {
  10570.   padding: 3px 0;
  10571.   display: inline-block;
  10572. }
  10573.  
  10574. .footer-aboutus {
  10575.   line-height: 1.5;
  10576. }
  10577.  
  10578. .footer-aboutus p {
  10579.   color: rgba(255, 255, 255, 0.6);
  10580.   margin: 0;
  10581. }
  10582.  
  10583. .footer-aboutus h4 {
  10584.   margin-top: 0;
  10585. }
  10586.  
  10587. .debug-info {
  10588.   padding: 15px 0;
  10589.   background: #111;
  10590.   color: white;
  10591.   font-family: monospace;
  10592.   font-size: 1.4rem;
  10593.   line-height: 2rem;
  10594. }
  10595.  
  10596. .slickthemes-footerlink {
  10597.   clear: both;
  10598.   padding-top: 8px;
  10599. }
  10600.  
  10601. @media (min-width: 768px) {
  10602.   .slickthemes-footerlink {
  10603.     clear: none;
  10604.     float: right;
  10605.     padding-top: 0;
  10606.   }
  10607. }
  10608.  
  10609. .slickthemes-footerlink a img {
  10610.   width: 40px;
  10611.   position: absolute;
  10612.   top: -6px;
  10613.   left: 0;
  10614. }
  10615.  
  10616. .slickthemes-footerlink .stfl__slick {
  10617.   text-transform: uppercase;
  10618.   font-size: 11px;
  10619. }
  10620.  
  10621. .slickthemes-footerlink .stfl__themes {
  10622.   text-transform: uppercase;
  10623.   font-size: 11px;
  10624.   font-weight: bold;
  10625.   margin-left: -1px;
  10626. }
  10627.  
  10628. .slickthemes-footerlink .designby {
  10629.   -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  10630.   -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  10631.   transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  10632. }
  10633.  
  10634. @media (min-width: 768px) {
  10635.   .slickthemes-footerlink .designby {
  10636.     -webkit-transform: translateX(50px);
  10637.         -ms-transform: translateX(50px);
  10638.          -o-transform: translateX(50px);
  10639.             transform: translateX(50px);
  10640.     opacity: 0;
  10641.   }
  10642. }
  10643.  
  10644. .slickthemes-footerlink:hover .designby,
  10645. .touch .slickthemes-footerlink .designby {
  10646.   opacity: 1;
  10647.   -webkit-transform: translateX(0);
  10648.       -ms-transform: translateX(0);
  10649.        -o-transform: translateX(0);
  10650.           transform: translateX(0);
  10651. }
  10652.  
  10653. .socialicons {
  10654.   float: right;
  10655. }
  10656.  
  10657. .socialicons a {
  10658.   margin-left: 8px;
  10659. }
  10660.  
  10661. .socialicons .fi {
  10662.   vertical-align: middle;
  10663.   font-size: 24px;
  10664. }
  10665.  
  10666. @media (min-width: 992px) {
  10667.   .no-sidebar .itemlist--forums .item-col-stats {
  10668.     display: table-cell;
  10669.   }
  10670. }
  10671.  
  10672. .mark-read--index {
  10673.   position: absolute;
  10674.   top: 4px;
  10675.   right: 4px;
  10676.   color: #969696;
  10677. }
  10678.  
  10679. .faqlinks__block {
  10680.   margin-bottom: 2px;
  10681. }
  10682.  
  10683. .faqlinks__block > div {
  10684.   background: white;
  10685. }
  10686.  
  10687. .faqlinks__block > div a {
  10688.   color: #969696;
  10689.   display: block;
  10690.   padding: 5px 8px;
  10691. }
  10692.  
  10693. .faqlinks__block > div a:hover {
  10694.   color: inherit;
  10695. }
  10696.  
  10697. .faqlinks__block > div a:first-child {
  10698.   padding-top: 15px;
  10699. }
  10700.  
  10701. .faqlinks__block > div a:last-child {
  10702.   padding-bottom: 15px;
  10703. }
  10704.  
  10705. .faqlinks__block__title {
  10706.   font-weight: normal;
  10707.   display: block;
  10708.   position: relative;
  10709.   padding: 10px 30px 10px 10px;
  10710.   cursor: pointer;
  10711. }
  10712.  
  10713. .faqlinks__block__title:after {
  10714.   content: "";
  10715.   font-size: 19px;
  10716.   position: absolute;
  10717.   top: 9px;
  10718.   right: 6px;
  10719.   color: rgba(0, 0, 0, 0.15);
  10720. }
  10721.  
  10722. .faqlinks__block__title:hover {
  10723.   background: #f3f3f3;
  10724. }
  10725.  
  10726. .faqlinks__block__title:hover:after {
  10727.   color: rgba(0, 0, 0, 0.35);
  10728. }
  10729.  
  10730. .collapsed > .faqlinks__block__title:after {
  10731.   content: "";
  10732. }
  10733.  
  10734. .faqlinks__link {
  10735.   display: block;
  10736.   padding: 4px;
  10737. }
  10738.  
  10739. .faq-title {
  10740.   font-weight: normal;
  10741.   font-size: 1.9rem;
  10742.   margin: 0;
  10743.   padding: 10px 0;
  10744.   display: block;
  10745.   z-index: 10;
  10746.   position: -webkit-sticky;
  10747.   position: sticky;
  10748.   top: 0px;
  10749. }
  10750.  
  10751. .stickyheader .faq-title {
  10752.   top: 45px;
  10753. }
  10754.  
  10755. #faqlinks .faq-title {
  10756.   position: static;
  10757.   background: none;
  10758.   padding-top: 0;
  10759. }
  10760.  
  10761. #faqlinks .faq {
  10762.   margin-bottom: 30px;
  10763.   margin-top: 0;
  10764. }
  10765.  
  10766. #faqlinks dd a {
  10767.   padding: 5px 0;
  10768.   display: block;
  10769. }
  10770.  
  10771. .faq-block .faq-title {
  10772.   background: #EFEFEF;
  10773. }
  10774.  
  10775. .faq {
  10776.   position: relative;
  10777.   border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  10778.   padding-bottom: 25px;
  10779.   margin-bottom: 25px;
  10780.   margin-top: 25px;
  10781. }
  10782.  
  10783. .faq:last-child {
  10784.   margin-bottom: 0;
  10785.   border-bottom: 0;
  10786. }
  10787.  
  10788. .csspositionsticky .faq .st-anchor {
  10789.   margin-top: -50px;
  10790.   padding-top: 50px;
  10791. }
  10792.  
  10793. .csspositionsticky.stickyheader .faq .st-anchor {
  10794.   margin-top: -95px;
  10795.   padding-top: 95px;
  10796. }
  10797.  
  10798. .faq dd {
  10799.   line-height: 1.6;
  10800. }
  10801.  
  10802. .faq dt strong {
  10803.   font-weight: 500;
  10804.   display: block;
  10805.   margin-bottom: 5px;
  10806.   font-size: 15px;
  10807. }
  10808.  
  10809. /* COMPONENT: forumlist **********************************/
  10810. .category-wrapper {
  10811.   margin-bottom: 15px;
  10812. }
  10813.  
  10814. .category-header {
  10815.   margin-bottom: 0;
  10816. }
  10817.  
  10818. .collapsed .category-header {
  10819.   opacity: .7;
  10820.   border-radius: 2px;
  10821. }
  10822.  
  10823. .category-header .category-title {
  10824.   color: inherit;
  10825.   text-decoration: none;
  10826.   display: inline-block;
  10827. }
  10828.  
  10829. .category-header .totaltopics {
  10830.   margin-left: 5px;
  10831.   opacity: .7;
  10832. }
  10833.  
  10834. .category-header .close {
  10835.   background-color: rgba(255, 255, 255, 0.1);
  10836.   border-radius: 0 2px 2px 0;
  10837.   display: none;
  10838.   -webkit-transition: opacity .15s, -webkit-transform .3s;
  10839.   transition: opacity .15s, -webkit-transform .3s;
  10840.   -o-transition: opacity .15s, transform .3s, -o-transform .3s;
  10841.   transition: opacity .15s, transform .3s;
  10842.   transition: opacity .15s, transform .3s, -webkit-transform .3s, -o-transform .3s;
  10843.   color: inherit;
  10844.   width: 40px;
  10845.   text-align: center;
  10846.   position: absolute;
  10847.   top: 0;
  10848.   right: 0;
  10849.   bottom: 0;
  10850.   z-index: 10;
  10851.   opacity: 0;
  10852. }
  10853.  
  10854. .category-wrapper:hover .category-header .close {
  10855.   opacity: 1;
  10856. }
  10857.  
  10858. .category-header .close:hover {
  10859.   background-color: rgba(255, 255, 255, 0.2);
  10860. }
  10861.  
  10862. .section-index .category-header .close {
  10863.   display: inline-block;
  10864.   padding-right: 40px;
  10865. }
  10866.  
  10867. .category-header .close:after {
  10868.   font-weight: normal;
  10869.   font-size: 2rem;
  10870.   -webkit-transition: -webkit-transform .3s;
  10871.   transition: -webkit-transform .3s;
  10872.   -o-transition: transform .3s, -o-transform .3s;
  10873.   transition: transform .3s;
  10874.   transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
  10875.   content: "";
  10876.   display: block;
  10877.   position: absolute;
  10878.   height: 20px;
  10879.   width: 20px;
  10880.   top: 50%;
  10881.   left: 50%;
  10882.   margin-top: -10px;
  10883.   margin-left: -10px;
  10884.   line-height: 20px;
  10885.   text-align: center;
  10886. }
  10887.  
  10888. .collapsed .category-header .close:after {
  10889.   -webkit-transform: rotate(180deg);
  10890.       -ms-transform: rotate(180deg);
  10891.        -o-transform: rotate(180deg);
  10892.           transform: rotate(180deg);
  10893. }
  10894.  
  10895. .no-csstransforms .collapsed .category-header .close:after {
  10896.   content: "";
  10897. }
  10898.  
  10899. .touch .category-header .close {
  10900.   opacity: 1;
  10901. }
  10902.  
  10903. .itemlist--forums {
  10904.   /*Forumrow columns*/
  10905. }
  10906.  
  10907. .category-wrapper .itemlist--forums {
  10908.   margin-bottom: 0;
  10909. }
  10910.  
  10911. .itemlist--forums [class*="item-col-"] {
  10912.   padding-top: 15px;
  10913.   padding-bottom: 15px;
  10914. }
  10915.  
  10916. .itemlist--forums .item-col-icon {
  10917.   width: 55px;
  10918. }
  10919.  
  10920. @media (min-width: 992px) {
  10921.   .itemlist--forums .item-col-icon {
  10922.     width: 60px;
  10923.   }
  10924. }
  10925.  
  10926. .itemlist--forums .item-col-icon .item-icon {
  10927.   font-size: 2.4rem;
  10928. }
  10929.  
  10930. .itemlist--forums .item-col-icon .item-icon:before {
  10931.   content: "";
  10932. }
  10933.  
  10934. .grayscaleForumIcons .itemlist--forums .forum_read_locked .item-icon:before, .grayscaleForumIcons
  10935. .itemlist--forums .forum_read_subforum .item-icon:before, .grayscaleForumIcons
  10936. .itemlist--forums .forum_read .item-icon:before {
  10937.   -webkit-filter: grayscale(0.5);
  10938.           filter: grayscale(0.5);
  10939.   opacity: .3;
  10940. }
  10941.  
  10942. .itemlist--forums .forum_read_locked .forum-image,
  10943. .itemlist--forums .forum_read_subforum .forum-image,
  10944. .itemlist--forums .forum_read .forum-image {
  10945.   -webkit-transform: translateZ(0);
  10946.           transform: translateZ(0);
  10947.   -webkit-transition: .1s;
  10948.   -o-transition: .1s;
  10949.   transition: .1s;
  10950. }
  10951.  
  10952. .grayscaleForumIcons .itemlist--forums .forum_read_locked .forum-image, .grayscaleForumIcons
  10953. .itemlist--forums .forum_read_subforum .forum-image, .grayscaleForumIcons
  10954. .itemlist--forums .forum_read .forum-image {
  10955.   opacity: .4;
  10956.   -webkit-filter: grayscale(1);
  10957.           filter: grayscale(1);
  10958. }
  10959.  
  10960. .itemlist--forums .forum_link .item-icon:before {
  10961.   content: "";
  10962. }
  10963.  
  10964. .itemlist--forums .forum_read_locked .item-icon:before,
  10965. .itemlist--forums .forum_unread_locked .item-icon:before {
  10966.   content: "";
  10967. }
  10968.  
  10969. .itemlist--forums .forum_read_locked .forum-image:before,
  10970. .itemlist--forums .forum_unread_locked .forum-image:before {
  10971.   content: "";
  10972.   zoom: 1;
  10973.   font-size: 15px;
  10974.   background-color: rgba(255, 255, 255, 0.75);
  10975.   position: absolute;
  10976.   top: 50%;
  10977.   left: 0px;
  10978.   width: 20px;
  10979.   height: 20px;
  10980.   text-align: center;
  10981.   /* margin-left: -9px; */
  10982.   margin-top: -10px;
  10983.   border-radius: 1000px;
  10984.   color: #000;
  10985.   line-height: 20px;
  10986. }
  10987.  
  10988. .itemlist--forums .forum-image {
  10989.   position: relative;
  10990.   text-align: left;
  10991.   padding-left: 6px;
  10992. }
  10993.  
  10994. .itemlist--forums .forum-image img {
  10995.   max-height: 37px;
  10996.   height: auto;
  10997.   border-radius: 2px;
  10998. }
  10999.  
  11000. @media (min-width: 992px) {
  11001.   .itemlist--forums .forum-image img {
  11002.     max-height: 40px;
  11003.   }
  11004. }
  11005.  
  11006. .itemlist--forums .item-info {
  11007.   display: none;
  11008. }
  11009.  
  11010. @media (min-width: 768px) {
  11011.   .itemlist--forums .item-info {
  11012.     display: block;
  11013.   }
  11014. }
  11015.  
  11016. .itemlist--forums .itemlist__item:hover .fi-rss {
  11017.   opacity: .5;
  11018. }
  11019.  
  11020. .itemlist--forums .item-col-feed {
  11021.   width: 10px;
  11022.   color: inherit;
  11023.   font-size: 1.4rem;
  11024. }
  11025.  
  11026. .itemlist--forums .item-col-feed .fi {
  11027.   -webkit-transition: .2s;
  11028.   -o-transition: .2s;
  11029.   transition: .2s;
  11030.   opacity: 0;
  11031. }
  11032.  
  11033. .itemlist--forums .item-col-feed:hover .fi,
  11034. .itemlist--forums .item-col-feed:focus .fi {
  11035.   opacity: 1;
  11036.   color: #ed7124;
  11037. }
  11038.  
  11039. .touch .itemlist--forums .item-col-feed {
  11040.   display: none;
  11041. }
  11042.  
  11043. .itemlist--forums .forum-stats-inline {
  11044.   display: none;
  11045.   color: #555555;
  11046.   margin-top: 2px;
  11047. }
  11048.  
  11049. @media (min-width: 768px) {
  11050.   .itemlist--forums .forum-stats-inline {
  11051.     display: block;
  11052.   }
  11053. }
  11054.  
  11055. @media (min-width: 1200px) {
  11056.   .itemlist--forums .forum-stats-inline {
  11057.     display: none;
  11058.   }
  11059. }
  11060.  
  11061. .itemlist--forums .item-col-stats {
  11062.   padding-left: 0;
  11063.   display: none;
  11064.   width: 150px;
  11065. }
  11066.  
  11067. @media (min-width: 1200px) {
  11068.   .itemlist--forums .item-col-stats {
  11069.     display: table-cell;
  11070.   }
  11071. }
  11072.  
  11073. .itemlist--forums .item-col-stats .item-stat {
  11074.   width: 50%;
  11075.   float: left;
  11076. }
  11077.  
  11078. .itemlist--forums .item-stats--inline {
  11079.   margin-top: 2px;
  11080.   font-size: inherit;
  11081.   display: none;
  11082. }
  11083.  
  11084. @media (min-width: 1200px) {
  11085.   .itemlist--forums .item-stats--inline {
  11086.     display: none;
  11087.   }
  11088. }
  11089.  
  11090. .itemlist--forums .item-stats--inline .item-stat--topics {
  11091.   margin-right: 15px;
  11092. }
  11093.  
  11094. @media (max-width: 767px) {
  11095.   .itemlist--forums .item-stats--inline .item-stat--topics {
  11096.     display: none;
  11097.   }
  11098. }
  11099.  
  11100. .itemlist--forums .item-col-lastpost {
  11101.   position: relative;
  11102.   width: 250px;
  11103.   display: none;
  11104. }
  11105.  
  11106. @media (min-width: 992px) {
  11107.   .itemlist--forums .item-col-lastpost {
  11108.     display: table-cell;
  11109.   }
  11110. }
  11111.  
  11112. .itemlist--forums .item-lastpost__title {
  11113.   color: inherit;
  11114. }
  11115.  
  11116. @media (min-width: 1200px) {
  11117.   .itemlist--forums--full [class*="item-col-"] {
  11118.     padding-top: 18px;
  11119.     padding-bottom: 18px;
  11120.   }
  11121. }
  11122.  
  11123. .itemlist--forums--full .itemlist__item {
  11124.   border-left: 0;
  11125.   border-right: 0;
  11126.   border-color: #E7E7E7;
  11127. }
  11128.  
  11129. .itemlist--forums--full .itemlist__item:first-child {
  11130.   border-top: 0;
  11131. }
  11132.  
  11133. .itemlist--forums--full .itemlist__item:nth-child(even) {
  11134.   /*Suppress alternating row background*/
  11135.   background: transparent;
  11136. }
  11137.  
  11138. .itemlist--forums--full .itemlist__item:last-child {
  11139.   /*no border on last row*/
  11140.   border-bottom: 0;
  11141. }
  11142.  
  11143. @media (min-width: 768px) {
  11144.   .itemlist--forums--full .item-col-lastpost {
  11145.     display: table-cell;
  11146.   }
  11147. }
  11148.  
  11149. .itemlist--forums--full .item-info {
  11150.   display: block;
  11151. }
  11152.  
  11153. .itemlist--forums--full .item-lastpost--inline {
  11154.   display: none;
  11155.   /*  @include breakpoint($screen-sm-min){*/
  11156.   /*    display: none;*/
  11157.   /*  }*/
  11158. }
  11159.  
  11160. .forumrow {
  11161.   border-left: 0;
  11162.   border-right: 0;
  11163.   display: table;
  11164.   width: 100%;
  11165.   /*no border on last row*/
  11166.   /*forum feed icon*/
  11167.   /*Unapproved content indicator*/
  11168.   /*Lastpost author username*/
  11169. }
  11170.  
  11171. .category-forumlist .forumrow {
  11172.   border-color: #E5E5E5;
  11173. }
  11174.  
  11175. .category-forumlist .forumrow:nth-child(even) {
  11176.   background: transparent;
  11177. }
  11178.  
  11179. @media (min-width: 768px) {
  11180.   .forumrow .item-col {
  11181.     padding-top: 25px;
  11182.     padding-bottom: 25px;
  11183.   }
  11184. }
  11185.  
  11186. .forumrow:last-child {
  11187.   border-bottom: 0;
  11188. }
  11189.  
  11190. .forumrow .item-col-icon {
  11191.   width: 45px;
  11192.   /*unread link: cover element*/
  11193. }
  11194.  
  11195. @media (min-width: 992px) {
  11196.   .forumrow .item-col-icon {
  11197.     width: 60px;
  11198.   }
  11199. }
  11200.  
  11201. .forumrow .item-col-icon .item-icon {
  11202.   font-size: 2.4rem;
  11203. }
  11204.  
  11205. .forumrow .item-col-icon .item-icon:before {
  11206.   content: "";
  11207. }
  11208.  
  11209. .forumrow .item-col-icon a {
  11210.   position: absolute;
  11211.   top: 0;
  11212.   left: 0;
  11213.   right: 0;
  11214.   bottom: 0;
  11215.   z-index: 1;
  11216. }
  11217.  
  11218. .grayscaleForumIcons .forumrow.forum_read_locked .item-icon:before, .grayscaleForumIcons .forumrow.forum_read_subforum .item-icon:before, .grayscaleForumIcons .forumrow.forum_read .item-icon:before {
  11219.   opacity: .25;
  11220.   -webkit-filter: grayscale(0.5);
  11221.           filter: grayscale(0.5);
  11222. }
  11223.  
  11224. .grayscaleForumIcons .forumrow.forum_read_locked .forum-image, .grayscaleForumIcons .forumrow.forum_read_subforum .forum-image, .grayscaleForumIcons .forumrow.forum_read .forum-image {
  11225.   opacity: .35;
  11226.   -webkit-filter: grayscale(1);
  11227.           filter: grayscale(1);
  11228.   -webkit-transform: translateZ(0);
  11229.           transform: translateZ(0);
  11230. }
  11231.  
  11232. .forumrow.forum_link .item-icon:before {
  11233.   content: "";
  11234. }
  11235.  
  11236. .forumrow.forum_read_locked .item-icon:before, .forumrow.forum_unread_locked .item-icon:before {
  11237.   content: "";
  11238. }
  11239.  
  11240. .forumrow.forum_read_locked .forum-image:before, .forumrow.forum_unread_locked .forum-image:before {
  11241.   content: "";
  11242.   zoom: 1;
  11243.   font-size: 15px;
  11244.   background-color: #FFF;
  11245.   position: absolute;
  11246.   top: 50%;
  11247.   left: -10px;
  11248.   width: 18px;
  11249.   height: 18px;
  11250.   /* margin-left: -9px; */
  11251.   margin-top: -9px;
  11252.   border-radius: 1000px;
  11253.   color: #000;
  11254.   line-height: 18px;
  11255. }
  11256.  
  11257. .forumrow .forum-image {
  11258.   position: relative;
  11259.   text-align: left;
  11260. }
  11261.  
  11262. .forumrow .forum-image img {
  11263.   max-width: 30px;
  11264.   max-height: 30px;
  11265.   height: auto;
  11266.   border-radius: 2px;
  11267. }
  11268.  
  11269. @media (min-width: 992px) {
  11270.   .forumrow .forum-image img {
  11271.     max-width: 40px;
  11272.     max-height: 40px;
  11273.   }
  11274. }
  11275.  
  11276. .forumrow:hover .forum-feed .fi {
  11277.   opacity: .5;
  11278. }
  11279.  
  11280. .forumrow .forum-feed {
  11281.   width: 10px;
  11282.   color: inherit;
  11283.   font-size: 1.4rem;
  11284. }
  11285.  
  11286. .forumrow .forum-feed .fi {
  11287.   -webkit-transition: .2s;
  11288.   -o-transition: .2s;
  11289.   transition: .2s;
  11290.   opacity: 0;
  11291. }
  11292.  
  11293. .forumrow .forum-feed:hover .fi,
  11294. .forumrow .forum-feed:focus .fi {
  11295.   opacity: 1;
  11296.   color: #ed7124;
  11297. }
  11298.  
  11299. .touch .forumrow .forum-feed {
  11300.   display: none;
  11301. }
  11302.  
  11303. .forumrow .forum-info {
  11304.   width: auto;
  11305.   padding-left: 7.5px;
  11306.   /*new posts indicator*/
  11307. }
  11308.  
  11309. .forumrow .forum-info .label {
  11310.   position: relative;
  11311.   font-size: 1rem;
  11312.   font-weight: 500;
  11313.   top: -0.25rem;
  11314.   padding: 0px 4px 1px;
  11315.   cursor: default;
  11316. }
  11317.  
  11318. .forumrow .forum-description {
  11319.   display: none;
  11320.   color: gray;
  11321. }
  11322.  
  11323. @media (min-width: 768px) {
  11324.   .forumrow .forum-description {
  11325.     display: block;
  11326.   }
  11327. }
  11328.  
  11329. .forumrow .forum-stats-inline {
  11330.   display: none;
  11331.   color: #555555;
  11332.   margin-top: 2px;
  11333. }
  11334.  
  11335. @media (min-width: 768px) {
  11336.   .forumrow .forum-stats-inline {
  11337.     display: block;
  11338.   }
  11339. }
  11340.  
  11341. @media (min-width: 1200px) {
  11342.   .forumrow .forum-stats-inline {
  11343.     display: none;
  11344.   }
  11345. }
  11346.  
  11347. .forumrow .forum-stats {
  11348.   display: none;
  11349.   text-transform: lowercase;
  11350.   color: #555555;
  11351.   width: 170px;
  11352. }
  11353.  
  11354. @media (min-width: 1200px) {
  11355.   .forumrow .forum-stats {
  11356.     display: table-cell;
  11357.   }
  11358. }
  11359.  
  11360. .forumrow .forum-stats .topics, .forumrow .forum-stats .posts {
  11361.   width: 50%;
  11362.   float: left;
  11363.   text-align: center;
  11364.   display: block;
  11365. }
  11366.  
  11367. .forumrow .forum-stats .topics-count, .forumrow .forum-stats .posts-count {
  11368.   display: block;
  11369.   font-size: 1.5rem;
  11370. }
  11371.  
  11372. .forumrow .forum-stats .topics-label, .forumrow .forum-stats .posts-label {
  11373.   color: #969696;
  11374. }
  11375.  
  11376. .forumrow .forum-lastpost {
  11377.   position: relative;
  11378.   width: 250px;
  11379.   display: none;
  11380. }
  11381.  
  11382. @media (min-width: 768px) {
  11383.   .forumrow .forum-lastpost {
  11384.     display: table-cell;
  11385.   }
  11386. }
  11387.  
  11388. .forumrow .lastpost-info {
  11389.   color: #969696;
  11390. }
  11391.  
  11392. .forumrow .lastpost-unapproved {
  11393.   color: #F6A942;
  11394.   font-size: 1.4rem;
  11395.   display: inline;
  11396.   margin-left: 4px;
  11397. }
  11398.  
  11399. .forumrow .lastpost-unapproved a {
  11400.   color: inherit;
  11401. }
  11402.  
  11403. .forumrow .lastpost-unapproved .fi {
  11404.   font-size: 17px;
  11405. }
  11406.  
  11407. .forumrow .lastpost-unapproved:hover {
  11408.   color: #8c5e45;
  11409. }
  11410.  
  11411. .forumrow .lastpost-unapproved .tooltip-inner {
  11412.   max-width: 25rem;
  11413. }
  11414.  
  11415. .forumrow .lastpost-label {
  11416.   display: none;
  11417. }
  11418.  
  11419. .forumrow .lastpost-post {
  11420.   display: block;
  11421.   margin-bottom: 1px;
  11422. }
  11423.  
  11424. .forumrow .lastpost-post a {
  11425.   color: inherit;
  11426. }
  11427.  
  11428. .forumrow .lastpost-postedby a {
  11429.   text-decoration: none;
  11430. }
  11431.  
  11432. .forumrow .lastpost-time {
  11433.   color: #969696;
  11434.   display: inline-block;
  11435.   outline: none;
  11436. }
  11437.  
  11438. .forumrow .lastpost-time:hover {
  11439.   color: inherit;
  11440. }
  11441.  
  11442. .forumrow .lastpost-lpi {
  11443.   display: none;
  11444. }
  11445.  
  11446. .forumrow .forum-lastpost-inline, .forumrow .redirect-counter-inline {
  11447.   color: #969696;
  11448.   display: block;
  11449. }
  11450.  
  11451. @media (min-width: 768px) {
  11452.   .forumrow .forum-lastpost-inline, .forumrow .redirect-counter-inline {
  11453.     display: none;
  11454.   }
  11455. }
  11456.  
  11457. .forumrow .forum-lastpost-inline a, .forumrow .redirect-counter-inline a {
  11458.   color: inherit !important;
  11459. }
  11460.  
  11461. @media (min-width: 768px) {
  11462.   .forumrow .lastpost-label-inline {
  11463.     display: none;
  11464.   }
  11465. }
  11466.  
  11467. .forumrow .lastsubject-inline {
  11468.   display: none;
  11469.   font-weight: 500;
  11470. }
  11471.  
  11472. @media (min-width: 480px) {
  11473.   .forumrow .lastsubject-inline {
  11474.     display: inline-block;
  11475.   }
  11476. }
  11477.  
  11478. @media (min-width: 768px) {
  11479.   .has-lastpostavatar .forum-lastpost,
  11480.   .has-lastpostavatar .item-col-lastpost {
  11481.     padding-left: 50px;
  11482.   }
  11483. }
  11484.  
  11485. @media (min-width: 1200px) {
  11486.   .has-lastpostavatar .forum-lastpost,
  11487.   .has-lastpostavatar .item-col-lastpost {
  11488.     width: 280px;
  11489.   }
  11490. }
  11491.  
  11492. .has-lastpostavatar .forum-lastpost .item-info,
  11493. .has-lastpostavatar .item-col-lastpost .item-info {
  11494.   padding-left: 40px;
  11495. }
  11496.  
  11497. span.lastpostavatar img {
  11498.   border-radius: 3px;
  11499.   border: none;
  11500.   width: 30px;
  11501.   height: 30px;
  11502.   margin-left: 0px;
  11503.   margin-right: 10px;
  11504.   position: relative;
  11505.   top: 4px;
  11506.   float: left;
  11507. }
  11508.  
  11509. .round-avatars span.lastpostavatar img {
  11510.   border-radius: 1000px;
  11511.   width: 35px;
  11512.   height: 35px;
  11513. }
  11514.  
  11515. .has-lastpostavatar span.lastpostavatar {
  11516.   display: none;
  11517.   position: absolute;
  11518.   top: 50%;
  11519.   margin-top: -15px;
  11520.   /*  .avatar-round & {*/
  11521.   /*    margin-top: -17.5px;*/
  11522.   /*  }*/
  11523.   left: 7.5px;
  11524. }
  11525.  
  11526. @media (min-width: 768px) {
  11527.   .has-lastpostavatar span.lastpostavatar {
  11528.     display: inline-block;
  11529.   }
  11530. }
  11531.  
  11532. .has-lastpostavatar span.lastpostavatar img {
  11533.   margin-right: 0;
  11534.   position: static;
  11535. }
  11536.  
  11537. /* Sub-forum bit */
  11538. .subforums {
  11539.   line-height: 1.6;
  11540.   margin: 4px 0;
  11541. }
  11542.  
  11543. .subforum-stem {
  11544.   opacity: .4;
  11545.   position: relative;
  11546.   top: -3px;
  11547.   margin-left: 1px;
  11548.   height: 10px;
  11549.   display: inline-block;
  11550.   width: 20px;
  11551.   border-bottom: 1px solid #515151;
  11552.   border-left: 1px solid #555;
  11553. }
  11554.  
  11555. .subforum {
  11556.   color: inherit;
  11557.   margin-left: 5px;
  11558. }
  11559.  
  11560. .subforum:hover {
  11561.   text-decoration: none;
  11562. }
  11563.  
  11564. /*PHPBB forumlist*/
  11565. /*total topics*/
  11566. .section-header .topic-count {
  11567.   float: right;
  11568.   position: relative;
  11569.   top: 2px;
  11570. }
  11571.  
  11572. .itemlist--topics {
  11573.   /*Unread topic*/
  11574.   /*Unread announcement*/
  11575.   /*Reported topic*/
  11576.   /*unread topic icon*/
  11577.   /*Moved topic icon*/
  11578.   /*Sticky topic Icon*/
  11579. }
  11580.  
  11581. .itemlist--topics .item-col-icon {
  11582.   padding-left: 2px;
  11583. }
  11584.  
  11585. .itemlist--topics .topic-icon-img {
  11586.   margin-top: -3px;
  11587.   height: 16px;
  11588.   width: auto;
  11589.   margin-right: 2px;
  11590. }
  11591.  
  11592. .itemlist--topics .item-info {
  11593.   display: none;
  11594. }
  11595.  
  11596. @media (min-width: 992px) {
  11597.   .itemlist--topics .item-info {
  11598.     display: block;
  11599.   }
  11600. }
  11601.  
  11602. .itemlist--topics a.globaltopic-parentforum {
  11603.   color: #2D76D7;
  11604. }
  11605.  
  11606. .itemlist--topics a.globaltopic-parentforum:hover {
  11607.   color: #B54444;
  11608. }
  11609.  
  11610. .itemlist--topics .item-col-pagination {
  11611.   display: none;
  11612. }
  11613.  
  11614. @media (min-width: 1200px) {
  11615.   .itemlist--topics .item-col-pagination {
  11616.     display: table-cell;
  11617.   }
  11618. }
  11619.  
  11620. .itemlist--topics .pagination {
  11621.   -webkit-transition: opacity .15s;
  11622.   -o-transition: opacity .15s;
  11623.   transition: opacity .15s;
  11624.   display: none;
  11625.   color: white;
  11626.   opacity: .3;
  11627. }
  11628.  
  11629. @media (min-width: 768px) {
  11630.   .itemlist--topics .pagination {
  11631.     display: block;
  11632.     float: right;
  11633.   }
  11634. }
  11635.  
  11636. .itemlist--topics .pagination a {
  11637.   background: #777777;
  11638. }
  11639.  
  11640. .itemlist--topics .pagination a:hover, .itemlist--topics .pagination a:focus {
  11641.   background: #555555;
  11642. }
  11643.  
  11644. .itemlist--topics .itemlist__item:hover .pagination {
  11645.   opacity: .8;
  11646. }
  11647.  
  11648. .itemlist--topics .item-col-lastpost {
  11649.   display: none;
  11650.   width: 180px;
  11651.   max-width: 180px;
  11652. }
  11653.  
  11654. @media (min-width: 992px) {
  11655.   .itemlist--topics .item-col-lastpost {
  11656.     display: table-cell;
  11657.   }
  11658. }
  11659.  
  11660. .itemlist--topics .item-col-lastpost .lastpostavatar {
  11661.   margin-right: 10px;
  11662.   float: left;
  11663.   position: relative;
  11664.   top: 3px;
  11665. }
  11666.  
  11667. .itemlist--topics .item-col-lastpost .lastpostavatar img {
  11668.   margin: 0;
  11669.   position: static;
  11670.   float: none;
  11671. }
  11672.  
  11673. .itemlist--topics .itemlist__item[class*="_unread"] .item-col-icon:before {
  11674.   position: absolute;
  11675.   content: " ";
  11676.   display: block;
  11677.   height: 100%;
  11678.   -webkit-box-sizing: content-box;
  11679.      -moz-box-sizing: content-box;
  11680.           box-sizing: content-box;
  11681.   padding: 1px 0 0 0;
  11682.   z-index: 10;
  11683.   width: 2px;
  11684.   top: 0;
  11685.   left: -2px;
  11686.   background-color: #777777;
  11687. }
  11688.  
  11689. @media (min-width: 768px) {
  11690.   .itemlist--topics .itemlist__item[class*="_unread"] .item-col-icon:before {
  11691.     left: -1px;
  11692.   }
  11693. }
  11694.  
  11695. .itemlist--topics .itemlist__item[class*="global_unread"] .item-col-icon:before,
  11696. .itemlist--topics .itemlist__item[class*="announce_unread"] .item-col-icon:before {
  11697.   background-color: #499DD0;
  11698. }
  11699.  
  11700. .itemlist--topics .itemlist__item.reported {
  11701.   /*Unread reported topic*/
  11702.   /*Reported topic title*/
  11703. }
  11704.  
  11705. .itemlist--topics .itemlist__item.reported[class*="_unread"] .item-col-icon:before {
  11706.   background-color: #CF6363;
  11707. }
  11708.  
  11709. .itemlist--topics .itemlist__item.reported .item-title {
  11710.   color: #bb3a3a;
  11711. }
  11712.  
  11713. .itemlist--topics .item-icon {
  11714.   color: #bbb;
  11715.   font-size: 1.9rem;
  11716.   position: relative;
  11717. }
  11718.  
  11719. .itemlist--topics .item-icon:before {
  11720.   content: "";
  11721. }
  11722.  
  11723. .itemlist--topics .itemlist__item[class*="_unread"] .item-icon {
  11724.   color: inherit;
  11725. }
  11726.  
  11727. .itemlist--topics .topic_moved .item-icon:before {
  11728.   content: "";
  11729.   font-size: 2.4rem;
  11730. }
  11731.  
  11732. .itemlist--topics .itemlist__item[class*="global_"],
  11733. .itemlist--topics .itemlist__item[class*="announce_"] {
  11734.   /*Announcement icon*/
  11735. }
  11736.  
  11737. .itemlist--topics .itemlist__item[class*="global_"] .item-icon,
  11738. .itemlist--topics .itemlist__item[class*="announce_"] .item-icon {
  11739.   font-size: 19px;
  11740.   top: 2px;
  11741. }
  11742.  
  11743. @media (min-width: 992px) {
  11744.   .itemlist--topics .itemlist__item[class*="global_"] .item-icon,
  11745.   .itemlist--topics .itemlist__item[class*="announce_"] .item-icon {
  11746.     font-size: 24px;
  11747.     top: 0;
  11748.   }
  11749. }
  11750.  
  11751. .itemlist--topics .itemlist__item[class*="global_"] .item-icon:before,
  11752. .itemlist--topics .itemlist__item[class*="announce_"] .item-icon:before {
  11753.   content: "";
  11754. }
  11755.  
  11756. .itemlist--topics .itemlist__item[class*="_hot"] .item-icon {
  11757.   font-size: 24px;
  11758.   color: #CF6363;
  11759. }
  11760.  
  11761. .itemlist--topics .itemlist__item[class*="_hot"] .item-icon:before {
  11762.   content: "";
  11763. }
  11764.  
  11765. .itemlist--topics .itemlist__item[class*="_unread"].reported .item-icon {
  11766.   color: #CF6363;
  11767. }
  11768.  
  11769. .itemlist--topics .itemlist__item[class*="sticky_"] .item-icon {
  11770.   font-size: 24px;
  11771.   top: 2px;
  11772. }
  11773.  
  11774. @media (min-width: 992px) {
  11775.   .itemlist--topics .itemlist__item[class*="sticky_"] .item-icon {
  11776.     top: 0;
  11777.   }
  11778. }
  11779.  
  11780. .itemlist--topics .itemlist__item[class*="sticky_"] .item-icon:before {
  11781.   content: "";
  11782. }
  11783.  
  11784. .itemlist--topics .itemlist__item[class*="sticky_unread"] .item-icon {
  11785.   color: #CF6363;
  11786. }
  11787.  
  11788. @media (max-width: 991px) {
  11789.   .itemlist--topics .item-stat--views {
  11790.     margin-left: 8px;
  11791.     color: #969696;
  11792.   }
  11793. }
  11794.  
  11795. .itemlist--topics--searchresults a.globaltopic-parentforum {
  11796.   color: inherit;
  11797. }
  11798.  
  11799. .itemlist--topics--searchresults .item-ti--locked {
  11800.   display: none;
  11801. }
  11802.  
  11803. .itemlist--topics--searchresults .itemlist__item[class*="locked"] .item-ti--locked {
  11804.   display: inline-block;
  11805. }
  11806.  
  11807. @media (min-width: 992px) {
  11808.   .itemlist--topics--full [class^=item-col-] {
  11809.     padding-top: 18px;
  11810.     padding-bottom: 18px;
  11811.   }
  11812. }
  11813.  
  11814. .itemlist--topics--full .item-info__icon .fi-attachment {
  11815.   font-size: 15px;
  11816.   line-height: 1;
  11817.   position: relative;
  11818.   top: 1px;
  11819. }
  11820.  
  11821. .itemlist--topics--full .item-info {
  11822.   display: none;
  11823. }
  11824.  
  11825. @media (min-width: 768px) {
  11826.   .itemlist--topics--full .item-info {
  11827.     display: block;
  11828.   }
  11829. }
  11830.  
  11831. .itemlist--topics--full .item-lastpost--inline {
  11832.   padding-top: 2px;
  11833. }
  11834.  
  11835. @media (min-width: 768px) {
  11836.   .itemlist--topics--full .item-lastpost--inline {
  11837.     display: none;
  11838.   }
  11839. }
  11840.  
  11841. .itemlist--topics--full .item-lastpost--inline a {
  11842.   color: inherit;
  11843. }
  11844.  
  11845. .itemlist--topics--full .item-lastpost--inline .lastpostavatar {
  11846.   display: none;
  11847. }
  11848.  
  11849. .itemlist--topics--full .item-lastpost--inline span.lastpostavatar img {
  11850.   top: 1px;
  11851. }
  11852.  
  11853. .itemlist--topics--full .reply-counter {
  11854.   /*
  11855.         position: absolute;
  11856.         top: 50%;
  11857.         right: 0px;
  11858.         height: 20px;
  11859.         line-height: 20px;
  11860.         margin-top: -10px;*/
  11861.   line-height: 1;
  11862.   font-size: 12px;
  11863.   float: right;
  11864.   margin-right: 2px;
  11865.   margin-top: 2px;
  11866.   font-weight: 500;
  11867. }
  11868.  
  11869. .itemlist--topics--full .reply-counter--zero {
  11870.   display: none;
  11871. }
  11872.  
  11873. .itemlist--topics--full .reply-counter .fi {
  11874.   vertical-align: middle;
  11875.   font-size: 13px;
  11876.   margin-left: 2px;
  11877. }
  11878.  
  11879. .itemlist--topics--full .item-col-stats {
  11880.   width: 180px;
  11881. }
  11882.  
  11883. .itemlist--topics--full .item-stat {
  11884.   width: 50%;
  11885.   display: block;
  11886.   float: left;
  11887.   margin: 0 4px 0;
  11888. }
  11889.  
  11890. .itemlist--topics--full .item-stats--inline {
  11891.   display: none;
  11892. }
  11893.  
  11894. .itemlist--topics--full .item-stats--inline .item-stat {
  11895.   float: none;
  11896.   display: inline-block;
  11897.   width: auto;
  11898. }
  11899.  
  11900. .itemlist--topics--full .item-stats--inline .item-stat--posts {
  11901.   font-weight: 500;
  11902. }
  11903.  
  11904. .itemlist--topics--full .item-stat--v2 {
  11905.   width: 48%;
  11906.   display: inline-block;
  11907.   vertical-align: middle;
  11908.   text-align: center;
  11909. }
  11910.  
  11911. .itemlist--topics--full .item-stat--v2.item-stat--posts .fi {
  11912.   font-size: 1.9rem;
  11913. }
  11914.  
  11915. .itemlist--topics--full .item-stat--v2.item-stat--posts .item-stat__count,
  11916. .itemlist--topics--full .item-stat--v2.item-stat--posts .item-stat__label {
  11917.   display: inline-block;
  11918.   vertical-align: middle;
  11919.   font-weight: 500;
  11920. }
  11921.  
  11922. .itemlist--topics--full .item-stat--v2.item-stat--posts .item-stat__count {
  11923.   padding-left: 5px;
  11924. }
  11925.  
  11926. .itemlist--topics--full .item-stat--v2.item-stat--views .item-stat__count,
  11927. .itemlist--topics--full .item-stat--v2.item-stat--views .item-stat__label {
  11928.   color: #969696;
  11929.   text-transform: lowercase;
  11930.   font-size: 1.2rem;
  11931. }
  11932.  
  11933. .itemlist--topics--full .item-stat--v2.item-stat--views .item-stat__count {
  11934.   letter-spacing: .3px;
  11935.   display: inline;
  11936. }
  11937.  
  11938. @media (min-width: 768px) {
  11939.   .itemlist--topics--full .item-col-lastpost {
  11940.     display: table-cell;
  11941.   }
  11942. }
  11943.  
  11944. @media (min-width: 1200px) {
  11945.   .itemlist--topics--full .item-col-lastpost {
  11946.     width: 250px;
  11947.     max-width: 250px;
  11948.   }
  11949. }
  11950.  
  11951. @media (max-width: 767px) {
  11952.   .itemlist--topics--full .item-col-icon {
  11953.     padding-left: 0px;
  11954.     padding-right: 0;
  11955.   }
  11956.   .itemlist--topics--full .item-stats--inline {
  11957.     display: none;
  11958.   }
  11959. }
  11960.  
  11961. h3#review + #topicreview {
  11962.   margin-top: -15px;
  11963. }
  11964.  
  11965. #topicreview {
  11966.   max-height: 300px;
  11967.   overflow-y: scroll;
  11968.   margin-bottom: 15px;
  11969.   padding: 8px;
  11970. }
  11971.  
  11972. #cp-main #topicreview {
  11973.   margin-left: -15px;
  11974.   margin-right: -15px;
  11975. }
  11976.  
  11977. @media (min-width: 768px) {
  11978.   #cp-main #topicreview {
  11979.     margin-left: 0;
  11980.     margin-right: 0;
  11981.   }
  11982. }
  11983.  
  11984. #topicreview + hr {
  11985.   display: none;
  11986. }
  11987.  
  11988. #topicreview .post {
  11989.   border-color: #e4e4e4;
  11990.   margin-bottom: 8px;
  11991.   border-radius: 0;
  11992.   background: white;
  11993. }
  11994.  
  11995. #topicreview .post:last-child {
  11996.   margin-bottom: 0;
  11997. }
  11998.  
  11999. #topicreview .postbody h3 {
  12000.   background: transparent;
  12001.   padding: 0;
  12002.   color: inherit;
  12003.   margin: 0;
  12004.   border: 0;
  12005.   display: inline-block;
  12006. }
  12007.  
  12008. #topicreview .post-buttons > li {
  12009.   margin-left: 10px;
  12010. }
  12011.  
  12012. #topicreview .icon-button {
  12013.   line-height: normal;
  12014. }
  12015.  
  12016. #topicreview .fancyInput_label {
  12017.   padding-right: 0;
  12018.   padding-top: 2px;
  12019. }
  12020.  
  12021. #topicreview .fancyInput_label .fancyInput--checkbox,
  12022. #topicreview .fancyInput_label .fancyInput--radio {
  12023.   margin-right: 0;
  12024. }
  12025.  
  12026. #topicreview .postbody {
  12027.   padding: 15px;
  12028. }
  12029.  
  12030. #topicreview .author {
  12031.   font-size: 1.1rem;
  12032.   color: #969696;
  12033.   margin-bottom: 8px;
  12034. }
  12035.  
  12036. #topicreview .author strong {
  12037.   font-weight: normal;
  12038. }
  12039.  
  12040. /* Phpbb topiclist */
  12041. dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
  12042.   width: 80px;
  12043.   text-align: center;
  12044.   line-height: 2.5em;
  12045.   font-size: 1.1em;
  12046. }
  12047.  
  12048. dd.posts, dd.topics, dd.views {
  12049.   width: 95px;
  12050. }
  12051.  
  12052. ul.topiclist {
  12053.   display: block;
  12054.   list-style-type: none;
  12055.   margin: 0 0 15px;
  12056. }
  12057.  
  12058. ul.forums {
  12059.   background: transparent none repeat-x 0 0;
  12060. }
  12061.  
  12062. ul.topiclist li {
  12063.   display: block;
  12064.   list-style-type: none;
  12065.   background: white;
  12066.   margin: 0;
  12067.   padding: 8px;
  12068.   border: 0px solid #E7E7E7;
  12069.   /* alternating row color */
  12070. }
  12071.  
  12072. ul.topiclist li:last-child {
  12073.   margin-bottom: 0;
  12074. }
  12075.  
  12076. ul.topiclist li:first-child {
  12077.   border-top: 0;
  12078. }
  12079.  
  12080. ul.topiclist li.marked {
  12081.   z-index: 2;
  12082.   background-color: #E2EDFC !important;
  12083.   border-color: #C4D6EF !important;
  12084.   border-color: #C1CFE2 !important;
  12085. }
  12086.  
  12087. ul.topiclist li:nth-child(even) {
  12088.   background: #F8f8f8;
  12089. }
  12090.  
  12091. ul.topiclist li .pagination {
  12092.   display: none;
  12093. }
  12094.  
  12095. .topictitle {
  12096.   color: inherit;
  12097. }
  12098.  
  12099. .topiclist .icon_topic_attach {
  12100.   text-indent: -999px;
  12101.   display: inline-block;
  12102.   position: relative;
  12103. }
  12104.  
  12105. .topiclist .icon_topic_attach:after {
  12106.   text-indent: 0;
  12107.   font-size: 1.7rem;
  12108.   position: absolute;
  12109.   top: 0;
  12110.   left: 0;
  12111.   content: "";
  12112. }
  12113.  
  12114. ul.topiclist dl {
  12115.   position: relative;
  12116. }
  12117.  
  12118. ul.topiclist li.row dl {
  12119.   padding: 2px 0;
  12120. }
  12121.  
  12122. ul.topiclist dt, ul.topiclist dd {
  12123.   display: block;
  12124.   float: left;
  12125. }
  12126.  
  12127. ul.topiclist dt {
  12128.   width: 100%;
  12129.   font-weight: normal;
  12130.   margin-right: -440px;
  12131. }
  12132.  
  12133. ul.topiclist.missing-column dt {
  12134.   margin-right: -345px;
  12135. }
  12136.  
  12137. ul.topiclist.two-long-columns dt {
  12138.   margin-right: -250px;
  12139. }
  12140.  
  12141. ul.topiclist.two-columns dt {
  12142.   margin-right: -80px;
  12143. }
  12144.  
  12145. ul.topiclist dt .list-inner {
  12146.   margin-right: 440px;
  12147.   padding-left: 5px;
  12148.   padding-right: 5px;
  12149. }
  12150.  
  12151. ul.topiclist.missing-column dt .list-inner {
  12152.   margin-right: 345px;
  12153. }
  12154.  
  12155. ul.topiclist.two-long-columns dt .list-inner {
  12156.   margin-right: 250px;
  12157. }
  12158.  
  12159. ul.topiclist.two-columns dt .list-inner {
  12160.   margin-right: 80px;
  12161. }
  12162.  
  12163. ul.topiclist dd {
  12164.   border-left: 1px solid transparent;
  12165.   padding: 4px 0;
  12166.   -webkit-box-sizing: border-box;
  12167.      -moz-box-sizing: border-box;
  12168.           box-sizing: border-box;
  12169. }
  12170.  
  12171. ul.topiclist dfn {
  12172.   /* Labels for post/view counts */
  12173.   position: absolute;
  12174.   left: -999px;
  12175.   width: 990px;
  12176. }
  12177.  
  12178. ul.topiclist li.row dt a.subforum {
  12179.   background-image: none;
  12180.   background-position: 0 50%;
  12181.   background-repeat: no-repeat;
  12182.   position: relative;
  12183.   white-space: nowrap;
  12184.   padding: 0 0 0 12px;
  12185. }
  12186.  
  12187. li.row {
  12188.   border-top: 1px solid transparent;
  12189.   border-bottom: 1px solid transparent;
  12190. }
  12191.  
  12192. li.row strong {
  12193.   font-weight: normal;
  12194. }
  12195.  
  12196. li.header dt, li.header dd {
  12197.   line-height: 1em;
  12198.   border-left-width: 0;
  12199.   padding: 8px;
  12200.   margin-bottom: 8px;
  12201.   background: #EFEFEF;
  12202.   font-size: inherit;
  12203. }
  12204.  
  12205. li.header dt {
  12206.   font-weight: bold;
  12207.   width: 100%;
  12208.   margin-right: -440px;
  12209. }
  12210.  
  12211. li.header dt .list-inner {
  12212.   margin-right: 440px;
  12213. }
  12214.  
  12215. li.header dd {
  12216.   padding-left: 1px;
  12217.   -webkit-box-sizing: border-box;
  12218.      -moz-box-sizing: border-box;
  12219.           box-sizing: border-box;
  12220. }
  12221.  
  12222. li.header dl.icon dt, li.header dl.icon dd {
  12223.   min-height: 0;
  12224. }
  12225.  
  12226. li.header dl.icon dt .list-inner {
  12227.   /* Tweak for headers alignment when folder icon used */
  12228.   padding-left: 0;
  12229.   padding-right: 50px;
  12230. }
  12231.  
  12232. @media (max-width: 767px) {
  12233.   li.header dt {
  12234.     text-align: center;
  12235.     text-transform: none;
  12236.     line-height: 1em;
  12237.   }
  12238.   ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
  12239.     margin-right: 0 !important;
  12240.     padding-right: 0;
  12241.   }
  12242.   ul.topiclist li.header dd {
  12243.     display: none !important;
  12244.   }
  12245.   ul.topiclist dt, ul.topiclist dt .list-inner,
  12246.   ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
  12247.   ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
  12248.   ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
  12249.     margin-right: 0;
  12250.   }
  12251.   ul.topiclist dt .list-inner.with-mark {
  12252.     padding-right: 34px;
  12253.   }
  12254.   ul.topiclist dt .list-inner {
  12255.     min-height: 28px;
  12256.   }
  12257.   ul.topiclist li.header dt .list-inner {
  12258.     min-height: 0;
  12259.   }
  12260.   ul.topiclist dd {
  12261.     display: none;
  12262.   }
  12263.   ul.topiclist dd.mark {
  12264.     display: block;
  12265.   }
  12266.   /* Forums and topics lists
  12267. ----------------------------------------*/
  12268.   ul.topiclist.forums dt {
  12269.     margin-right: -250px;
  12270.   }
  12271.   ul.topiclist.forums dt .list-inner {
  12272.     margin-right: 250px;
  12273.   }
  12274.   ul.topiclist.forums dd.lastpost {
  12275.     display: block;
  12276.   }
  12277.   ul.topiclist dd.mark {
  12278.     display: block;
  12279.     position: absolute;
  12280.     right: 5px;
  12281.     top: 0;
  12282.     margin: 0;
  12283.     width: auto;
  12284.     min-width: 0;
  12285.     text-align: left;
  12286.   }
  12287.   ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
  12288.     position: relative;
  12289.     left: 0;
  12290.     width: auto;
  12291.     display: inline;
  12292.     font-weight: normal;
  12293.   }
  12294. }
  12295.  
  12296. @media only screen and (max-width: 767px) and (max-width: 550px), only screen and (max-width: 767px) and (max-device-width: 550px) {
  12297.   ul.topiclist.forums dt {
  12298.     margin-right: 0;
  12299.   }
  12300.   ul.topiclist.forums dt .list-inner {
  12301.     margin-right: 0;
  12302.   }
  12303.   ul.topiclist.forums dd.lastpost {
  12304.     display: none;
  12305.   }
  12306. }
  12307.  
  12308. @media (max-width: 767px) {
  12309.   li.row .responsive-show strong {
  12310.     font-weight: bold;
  12311.     color: inherit;
  12312.   }
  12313.   ul.topiclist li.row dt a.subforum {
  12314.     display: inline-block;
  12315.     vertical-align: bottom;
  12316.     overflow: hidden;
  12317.     text-overflow: ellipsis;
  12318.     max-width: 100px;
  12319.   }
  12320. }
  12321.  
  12322. .post-notice strong {
  12323.   font-weight: 500;
  12324.   display: block;
  12325.   margin-bottom: 5px;
  12326. }
  12327.  
  12328. @media (min-width: 480px) {
  12329.   .post-notice strong {
  12330.     vertical-align: middle;
  12331.     display: inline;
  12332.     margin: 0;
  12333.   }
  12334. }
  12335.  
  12336. .post-notice.unapproved, .post-notice.reported {
  12337.   margin: 2px 0 8px 0;
  12338.   display: inline-block;
  12339.   /*border-left: 3px solid $brand-info;*/
  12340. }
  12341.  
  12342. .post-notice.deleted {
  12343.   padding: 1px 15px;
  12344.   margin-bottom: 15px;
  12345.   border-left: 2px solid #CF6363;
  12346. }
  12347.  
  12348. .post-notice.deleted strong {
  12349.   display: block;
  12350.   margin-bottom: 8px;
  12351.   text-transform: uppercase;
  12352. }
  12353.  
  12354. .post-notice .btn {
  12355.   margin-right: 5px;
  12356.   line-height: 2.7rem;
  12357. }
  12358.  
  12359. .post-notice .fi-close {
  12360.   position: relative;
  12361.   top: 1px;
  12362. }
  12363.  
  12364. .post {
  12365.   border: 1px solid #dadada;
  12366.   /*border-top-width: 0;
  12367.     box-shadow: 0 -3px 0 0 $border-color;
  12368.  
  12369.     &:hover {
  12370.         box-shadow: 0 -3px 0 0 darken($border-color, 15%);
  12371.     }*/
  12372.   position: relative;
  12373.   margin-bottom: 15px;
  12374. }
  12375.  
  12376. .post + hr,
  12377. .post .back2top {
  12378.   display: none;
  12379. }
  12380.  
  12381. .post.unapproved {
  12382.   border-style: dashed;
  12383.   border-width: 2px;
  12384. }
  12385.  
  12386. .stickyheader-enabled .post .st-anchor {
  12387.   margin-top: -55px;
  12388.   padding-top: 55px;
  12389. }
  12390.  
  12391. @media (min-width: 768px) {
  12392.   .stickyheader-enabled .post .st-anchor {
  12393.     margin-top: -60px;
  12394.     padding-top: 60px;
  12395.   }
  12396. }
  12397.  
  12398. .post-buttons {
  12399.   text-align: right;
  12400.   max-width: 40%;
  12401.   float: right;
  12402.   position: absolute;
  12403.   top: 15px;
  12404.   -webkit-transition: opacity .1s, -webkit-transform .1s;
  12405.   transition: opacity .1s, -webkit-transform .1s;
  12406.   -o-transition: opacity .1s, transform .1s, -o-transform .1s;
  12407.   transition: opacity .1s, transform .1s;
  12408.   transition: opacity .1s, transform .1s, -webkit-transform .1s, -o-transform .1s;
  12409.   right: 4px;
  12410.   -webkit-transform-origin: center right;
  12411.       -ms-transform-origin: center right;
  12412.        -o-transform-origin: center right;
  12413.           transform-origin: center right;
  12414.   z-index: 1;
  12415. }
  12416.  
  12417. .post-buttons .dropdown-contents .icon_post_target {
  12418.   display: none !important;
  12419. }
  12420.  
  12421. @media (min-width: 768px) {
  12422.   .post-buttons {
  12423.     position: relative;
  12424.     top: -5px;
  12425.     right: -2px;
  12426.   }
  12427.   .ltr .has-postnum .post-buttons {
  12428.     right: 0px;
  12429.   }
  12430. }
  12431.  
  12432. .post-buttons .icon_post_target {
  12433.   font-size: 1.2rem;
  12434.   display: none;
  12435.   vertical-align: middle;
  12436.   margin-left: 6px;
  12437.   margin-right: 2px;
  12438.   color: #ccc;
  12439.   position: relative;
  12440.   top: 4px;
  12441.   font-family: sans-serif;
  12442. }
  12443.  
  12444. @media (min-width: 768px) {
  12445.   .post-buttons .icon_post_target {
  12446.     display: inline-block;
  12447.   }
  12448. }
  12449.  
  12450. .rtl .post-buttons .icon_post_target {
  12451.   display: none;
  12452. }
  12453.  
  12454. .post:hover .icon_post_target {
  12455.   color: #222222;
  12456. }
  12457.  
  12458. .post-buttons > li {
  12459.   float: left;
  12460.   margin-left: 5px;
  12461. }
  12462.  
  12463. .post-buttons .icon-button > span {
  12464.   display: none;
  12465. }
  12466.  
  12467. .post-buttons .icon-button {
  12468.   background: transparent;
  12469.   line-height: 21px;
  12470.   padding: 0 4px;
  12471.   color: #ccc;
  12472. }
  12473.  
  12474. .post-buttons .icon-button:before {
  12475.   vertical-align: bottom;
  12476.   font-size: 17px;
  12477. }
  12478.  
  12479. .post-buttons .edit-icon:before {
  12480.   content: "";
  12481. }
  12482.  
  12483. .post:hover .post-buttons .edit-icon, .touch .post-buttons .edit-icon {
  12484.   color: #303030;
  12485. }
  12486.  
  12487. .post-buttons .report-icon:before {
  12488.   content: "";
  12489. }
  12490.  
  12491. .post:hover .post-buttons .report-icon, .touch .post-buttons .report-icon {
  12492.   color: #CF6363;
  12493. }
  12494.  
  12495. .post-buttons .warn-icon:before {
  12496.   content: "";
  12497. }
  12498.  
  12499. .post:hover .post-buttons .warn-icon, .touch .post-buttons .warn-icon {
  12500.   color: #F6A942;
  12501. }
  12502.  
  12503. .post-buttons .delete-icon:before {
  12504.   content: "";
  12505. }
  12506.  
  12507. .post:hover .post-buttons .delete-icon, .touch .post-buttons .delete-icon {
  12508.   color: #CF6363;
  12509. }
  12510.  
  12511. .post-buttons .info-icon:before {
  12512.   content: "";
  12513. }
  12514.  
  12515. .post:hover .post-buttons .info-icon, .touch .post-buttons .info-icon {
  12516.   color: #499DD0;
  12517. }
  12518.  
  12519. .post-buttons .quote-icon:before {
  12520.   content: "";
  12521.   font-size: 24px;
  12522.   position: relative;
  12523.   top: 2px;
  12524. }
  12525.  
  12526. .post:hover .post-buttons .quote-icon, .touch .post-buttons .quote-icon {
  12527.   color: #46785e;
  12528. }
  12529.  
  12530. .post .post-buttons .icon-button:hover {
  12531.   color: inherit;
  12532. }
  12533.  
  12534. .post-buttons .dropdown {
  12535.   top: 0;
  12536.   margin-right: 8px;
  12537. }
  12538.  
  12539. .post-buttons .dropdown a {
  12540.   color: inherit !important;
  12541.   padding-left: 15px;
  12542. }
  12543.  
  12544. .post-buttons .dropdown a:before {
  12545.   vertical-align: bottom;
  12546.   font-size: 17px;
  12547.   margin-right: 8px;
  12548. }
  12549.  
  12550. .post-buttons .dropdown-toggle {
  12551.   position: relative;
  12552.   top: -2px;
  12553. }
  12554.  
  12555. .post-buttons .dropdown-toggle:before {
  12556.   font-size: 31px;
  12557.   vertical-align: bottom;
  12558.   content: "";
  12559. }
  12560.  
  12561. .postprofile {
  12562.   text-align: left;
  12563.   width: 100%;
  12564.   border: 0px solid #E7E7E7;
  12565.   -webkit-box-shadow: 0px 1px 0 0 rgba(0, 0, 0, 0.1);
  12566.           box-shadow: 0px 1px 0 0 rgba(0, 0, 0, 0.1);
  12567.   z-index: 10;
  12568.   top: 0;
  12569.   margin: 0;
  12570.   padding: 8px;
  12571.   background: #FCFCFC;
  12572. }
  12573.  
  12574. .postlist .postprofile {
  12575.   background: white;
  12576.   padding: 8px;
  12577. }
  12578.  
  12579. .stickyheader .postprofile {
  12580.   top: 45px;
  12581. }
  12582.  
  12583. @media (min-width: 768px) {
  12584.   .stickyheader .postprofile {
  12585.     top: 60px;
  12586.   }
  12587. }
  12588.  
  12589. @media (min-width: 768px) {
  12590.   .postprofile {
  12591.     background-color: white;
  12592.     -webkit-box-shadow: none;
  12593.             box-shadow: none;
  12594.     padding: 0 15px;
  12595.     margin: 15px;
  12596.     display: -webkit-box;
  12597.     display: -webkit-flex;
  12598.     display: -ms-flexbox;
  12599.     display: flex;
  12600.     -webkit-box-orient: vertical;
  12601.     -webkit-box-direction: normal;
  12602.     -webkit-flex-direction: column;
  12603.         -ms-flex-direction: column;
  12604.             flex-direction: column;
  12605.   }
  12606.   .section-viewtopic .postprofile {
  12607.     text-align: center;
  12608.   }
  12609. }
  12610.  
  12611. .postprofile dd {
  12612.   color: #969696;
  12613.   -webkit-box-ordinal-group: 4;
  12614.   -webkit-order: 3;
  12615.       -ms-flex-order: 3;
  12616.           order: 3;
  12617.   display: none;
  12618.   font-size: 1rem;
  12619. }
  12620.  
  12621. .section-viewtopic .postprofile dd a {
  12622.   color: inherit;
  12623. }
  12624.  
  12625. .postprofile dd strong {
  12626.   font-weight: normal;
  12627. }
  12628.  
  12629. .search .postprofile dd {
  12630.   display: block;
  12631. }
  12632.  
  12633. @media (min-width: 768px) {
  12634.   .postprofile dd {
  12635.     display: block;
  12636.     font-size: 1.2rem;
  12637.   }
  12638. }
  12639.  
  12640. @media (min-width: 768px) {
  12641.   .postAuthorAlign-left .postprofile {
  12642.     width: 180px;
  12643.     float: left;
  12644.     border-width: 0 1px 0 0;
  12645.   }
  12646.   .postAuthorAlign-right .postprofile,
  12647.   .search .postprofile {
  12648.     width: 180px;
  12649.     float: right;
  12650.     -webkit-box-ordinal-group: 3;
  12651.     -webkit-order: 2;
  12652.         -ms-flex-order: 2;
  12653.             order: 2;
  12654.     border-width: 0 0 0 1px;
  12655.   }
  12656.   .search .postprofile {
  12657.     width: 220px;
  12658.   }
  12659. }
  12660.  
  12661. .postAuthorAlign-above .postprofile {
  12662.   width: 100%;
  12663.   border-width: 0 0 2px;
  12664.   text-align: left;
  12665.   margin: 0 0 15px;
  12666.   padding: 15px;
  12667. }
  12668.  
  12669. .postAuthorAlign-above .postprofile .avatar-container {
  12670.   margin-right: 15px;
  12671. }
  12672.  
  12673. .postAuthorAlign-above .postprofile .avatar img {
  12674.   max-height: 80px;
  12675.   width: auto;
  12676.   margin: 0;
  12677. }
  12678.  
  12679. .postprofile .profile-contact {
  12680.   display: none;
  12681. }
  12682.  
  12683. .postprofile .avatar-container {
  12684.   margin-right: 4px;
  12685. }
  12686.  
  12687. @media (min-width: 768px) {
  12688.   .postprofile .avatar-container {
  12689.     margin-right: 0;
  12690.   }
  12691. }
  12692.  
  12693. .section-viewtopic .postprofile .avatar-container {
  12694.   display: inline-block;
  12695.   vertical-align: middle;
  12696. }
  12697.  
  12698. @media (min-width: 768px) {
  12699.   .postprofile .avatar-container {
  12700.     -webkit-box-ordinal-group: 3;
  12701.     -webkit-order: 2;
  12702.         -ms-flex-order: 2;
  12703.             order: 2;
  12704.     float: none;
  12705.     margin-right: 0;
  12706.     display: block;
  12707.   }
  12708.   .postprofile .avatar-container img {
  12709.     margin-bottom: 8px;
  12710.   }
  12711. }
  12712.  
  12713. .postprofile .avatar-container img {
  12714.   max-width: 40px;
  12715. }
  12716.  
  12717. @media (min-width: 768px) {
  12718.   .postprofile .avatar-container img {
  12719.     max-width: 90px;
  12720.   }
  12721. }
  12722.  
  12723. .postprofile .profile-main {
  12724.   display: inline-block;
  12725.   font-weight: normal;
  12726.   vertical-align: baseline;
  12727. }
  12728.  
  12729. .postprofile .profile-main.has-profile-rank {
  12730.   vertical-align: middle;
  12731. }
  12732.  
  12733. @media (min-width: 768px) {
  12734.   .postprofile .profile-main {
  12735.     display: block;
  12736.     margin-bottom: 8px;
  12737.     -webkit-box-ordinal-group: 2;
  12738.     -webkit-order: 1;
  12739.         -ms-flex-order: 1;
  12740.             order: 1;
  12741.   }
  12742. }
  12743.  
  12744. .postprofile .profile-rank {
  12745.   font-size: 1.1rem;
  12746.   color: #969696;
  12747. }
  12748.  
  12749. @media (min-width: 768px) {
  12750.   .postprofile .profile-rank {
  12751.     font-size: 1.2rem;
  12752.   }
  12753. }
  12754.  
  12755. .postprofile .username, .postprofile .username-coloured {
  12756.   font-weight: 500;
  12757. }
  12758.  
  12759. .postprofile .user-status-indicator {
  12760.   display: none;
  12761.   margin-left: 3px;
  12762.   position: relative;
  12763.   top: -1px;
  12764. }
  12765.  
  12766. @media (min-width: 768px) {
  12767.   .postprofile .user-status-indicator {
  12768.     display: inline-block;
  12769.     position: absolute;
  12770.     top: 8px;
  12771.     left: 8px;
  12772.     font-size: 12px;
  12773.   }
  12774.   .postAuthorAlign-right .postprofile .user-status-indicator {
  12775.     left: auto;
  12776.     right: 10px;
  12777.   }
  12778. }
  12779.  
  12780. .online .postprofile .user-status-indicator {
  12781.   display: inline-block;
  12782. }
  12783.  
  12784. .postbody {
  12785.   padding: 8px;
  12786.   /*.flexbox & {*/
  12787.   /*    width: 100%;*/
  12788.   /*}*/
  12789. }
  12790.  
  12791. @media (min-width: 768px) {
  12792.   .postbody {
  12793.     padding: 15px;
  12794.   }
  12795. }
  12796.  
  12797. .postbody .bbcode-strikethrough {
  12798.   text-decoration: line-through;
  12799. }
  12800.  
  12801. @media (min-width: 768px) {
  12802.   .has-profile .postbody {
  12803.     /*.flexbox & {*/
  12804.     /*  flex: 1;*/
  12805.     /*  margin: 0;*/
  12806.     /*}*/
  12807.   }
  12808.   .postAuthorAlign-left .has-profile .postbody {
  12809.     margin-left: 200px;
  12810.   }
  12811.   .postAuthorAlign-right .has-profile .postbody {
  12812.     margin-right: 200px;
  12813.   }
  12814. }
  12815.  
  12816. .post.deleted .postbody {
  12817.   margin: 0;
  12818. }
  12819.  
  12820. .postbody h3:first-child {
  12821.   background: transparent;
  12822.   border: 0;
  12823.   padding: 0;
  12824.   color: inherit;
  12825.   font-size: 1.5rem;
  12826.   margin: 0 0 4px;
  12827.   cursor: default;
  12828.   font-weight: 500;
  12829.   display: inline-block;
  12830. }
  12831.  
  12832. #preview .postbody h3:first-child {
  12833.   margin-bottom: 8px;
  12834. }
  12835.  
  12836. .postbody h3:first-child a {
  12837.   color: inherit;
  12838. }
  12839.  
  12840. .postbody h3:first-child a:hover {
  12841.   color: #B54444;
  12842. }
  12843.  
  12844. .section-viewtopic .postbody h3:first-child {
  12845.   display: none;
  12846. }
  12847.  
  12848. .postbody .content {
  12849.   display: table;
  12850.   width: 100%;
  12851.   table-layout: fixed;
  12852.   word-wrap: break-word;
  12853.   clear: both;
  12854. }
  12855.  
  12856. @media (min-width: 768px) {
  12857.   .postbody .content {
  12858.     clear: none;
  12859.   }
  12860. }
  12861.  
  12862. .postbody .postlink {
  12863.   border-bottom: 1px solid #2D76D7;
  12864. }
  12865.  
  12866. .postbody .postlink:hover, .postbody .postlink:focus {
  12867.   border-bottom-color: #215eb0;
  12868.   color: #215eb0;
  12869.   background-color: #eef4fc;
  12870.   text-decoration: none;
  12871. }
  12872.  
  12873. .postbody .author {
  12874.   color: #969696;
  12875.   font-size: 1.2rem;
  12876.   margin-bottom: 8px;
  12877.   margin-top: 4px;
  12878.   padding: 0;
  12879. }
  12880.  
  12881. .pm .postbody .author {
  12882.   color: #555555;
  12883. }
  12884.  
  12885. @media (min-width: 768px) {
  12886.   .postbody .author {
  12887.     margin-top: 0;
  12888.     font-size: inherit;
  12889.     margin-bottom: 15px;
  12890.     padding-bottom: 15px;
  12891.     border-bottom: 1px solid #E7E7E7;
  12892.   }
  12893. }
  12894.  
  12895. .postbody .author .icon_post_target {
  12896.   float: right;
  12897.   font-size: 1.3rem;
  12898.   margin-top: -1px;
  12899.   line-height: normal;
  12900. }
  12901.  
  12902. @media (min-width: 768px) {
  12903.   .postbody .author .icon_post_target {
  12904.     display: none;
  12905.   }
  12906. }
  12907.  
  12908. .postbody .author .timestamp:before {
  12909.   content: "";
  12910.   vertical-align: middle;
  12911.   margin-right: 5px;
  12912. }
  12913.  
  12914. .postbody .author a {
  12915.   color: inherit;
  12916. }
  12917.  
  12918. .postbody .icon_post_target--ICON {
  12919.   display: none;
  12920.   margin-right: 4px;
  12921.   position: relative;
  12922.   top: 1px;
  12923.   font-size: 1.4rem;
  12924. }
  12925.  
  12926. .postbody .icon_post_target--ICON:before {
  12927.   content: "";
  12928. }
  12929.  
  12930. .postbody .icon_post_target--ICON:hover {
  12931.   color: #303030;
  12932. }
  12933.  
  12934. .postbody .content ol, .postbody .content ul {
  12935.   padding-left: 40px;
  12936.   margin: 0;
  12937. }
  12938.  
  12939. .postbody .content ul {
  12940.   list-style-type: disc;
  12941. }
  12942.  
  12943. .postbody .notice {
  12944.   padding: 8px 15px;
  12945.   background: #EFEFEF;
  12946.   display: inline-block;
  12947.   margin-top: 15px;
  12948.   border-left: 2px solid #aaa;
  12949. }
  12950.  
  12951. .postbody .notice br:first-child, .postbody .notice br:nth-child(2) {
  12952.   display: none;
  12953. }
  12954.  
  12955. .postbody .notice .fi {
  12956.   position: relative;
  12957.   top: 1px;
  12958.   font-size: 1.5rem;
  12959. }
  12960.  
  12961. .postbody .postimage {
  12962.   display: inline-block;
  12963. }
  12964.  
  12965. .postbody .postimage[onclick="location.href=this.src"] {
  12966.   cursor: pointer;
  12967.   cursor: -webkit-zoom-in;
  12968. }
  12969.  
  12970. .codebox, blockquote {
  12971.   margin: 0;
  12972. }
  12973.  
  12974. .codebox {
  12975.   background-color: #F5F5F5;
  12976.   font-size: 0.867em;
  12977.   display: inline;
  12978.   padding: 2px 0;
  12979.   margin-top: .3em;
  12980. }
  12981.  
  12982. .codebox pre, .codebox .hljs {
  12983.   padding: 0;
  12984.   margin: 0;
  12985.   background: transparent;
  12986. }
  12987.  
  12988. .codebox pre {
  12989.   display: inline;
  12990.   font-size: 1.1em;
  12991.   border: 0;
  12992.   overflow: auto;
  12993.   max-height: 150px;
  12994. }
  12995.  
  12996. @media (min-width: 768px) {
  12997.   .codebox pre {
  12998.     max-height: 220px;
  12999.   }
  13000. }
  13001.  
  13002. .codebox__header {
  13003.   margin: -8px;
  13004.   margin-bottom: 8px;
  13005.   padding: 10px 15px;
  13006.   background-color: #E4E4E4;
  13007.   display: none;
  13008.   position: relative;
  13009.   font-style: normal;
  13010.   font-weight: bold;
  13011. }
  13012.  
  13013. br + .codebox,
  13014. .codebox:first-child {
  13015.   display: block;
  13016.   border-left: 3px solid #499DD0;
  13017.   padding: 8px;
  13018. }
  13019.  
  13020. br + .codebox pre,
  13021. .codebox:first-child pre {
  13022.   display: block;
  13023.   padding: 0 8px;
  13024. }
  13025.  
  13026. br + .codebox .codebox__header,
  13027. .codebox:first-child .codebox__header {
  13028.   display: block;
  13029. }
  13030.  
  13031. blockquote {
  13032.   font-size: inherit;
  13033.   overflow: auto;
  13034.   padding: 0;
  13035.   border-left: 3px solid #bcbcbc;
  13036.   margin-left: 1em;
  13037. }
  13038.  
  13039. @media (min-width: 480px) {
  13040.   blockquote {
  13041.     margin-left: 2em;
  13042.   }
  13043. }
  13044.  
  13045. blockquote .blockquote__inner {
  13046.   color: #555555;
  13047.   font-size: 1.3rem;
  13048.   overflow: auto;
  13049.   padding: 0 15px 4px;
  13050.   max-height: 200px;
  13051. }
  13052.  
  13053. @media (min-width: 768px) {
  13054.   blockquote .blockquote__inner {
  13055.     max-height: 300px;
  13056.   }
  13057. }
  13058.  
  13059. blockquote.uncited .blockquote__inner {
  13060.   padding-bottom: 0;
  13061. }
  13062.  
  13063. blockquote blockquote {
  13064.   background: white;
  13065.   margin: 0;
  13066. }
  13067.  
  13068. blockquote blockquote:first-child {
  13069.   margin-top: 15px;
  13070. }
  13071.  
  13072. blockquote blockquote .blockquote__inner {
  13073.   font-size: 1em;
  13074.   /*Avoid cascading font size*/
  13075. }
  13076.  
  13077. blockquote cite {
  13078.   padding: 4px 15px 0;
  13079.   display: block;
  13080.   position: relative;
  13081.   font-style: normal;
  13082.   font-weight: bold;
  13083. }
  13084.  
  13085. > blockquote:first-child {
  13086.   margin-top: 15px;
  13087. }
  13088.  
  13089. .postbody .signature {
  13090.   color: #969696;
  13091.   margin: -15px;
  13092.   margin-top: 15px;
  13093.   padding: 15px;
  13094.   border-top: 1px solid #E7E7E7;
  13095. }
  13096.  
  13097. .postbody .video-embed-wrapper {
  13098.   max-width: 560px;
  13099.   margin-bottom: 1.8em;
  13100. }
  13101.  
  13102. .postbody .video-embed-wrapper:first-child {
  13103.   margin-top: 1em;
  13104. }
  13105.  
  13106. .postbody .video-embed-wrapper + br, .postbody .video-embed-wrapper + br + br {
  13107.   display: none;
  13108. }
  13109.  
  13110. .postbody .video-embed-wrapper .video-wrap {
  13111.   position: relative;
  13112.   padding-bottom: 56.25%;
  13113.   /* 16:9 */
  13114.   padding-top: 25px;
  13115.   height: 0;
  13116. }
  13117.  
  13118. .postbody .video-embed-wrapper iframe {
  13119.   position: absolute;
  13120.   top: 0;
  13121.   left: 0;
  13122.   width: 100%;
  13123.   height: 100%;
  13124. }
  13125.  
  13126. .postbody .text-center .video-embed-wrapper {
  13127.   margin-left: auto;
  13128.   margin-right: auto;
  13129. }
  13130.  
  13131. .postbody .spoiler {
  13132.   display: none;
  13133. }
  13134.  
  13135. .topic-author-label {
  13136.   margin-bottom: 4px;
  13137.   -webkit-box-ordinal-group: 7;
  13138.   -webkit-order: 6;
  13139.       -ms-flex-order: 6;
  13140.           order: 6;
  13141. }
  13142.  
  13143. @media (min-width: 768px) {
  13144.   .topic-author-label {
  13145.     -webkit-box-ordinal-group: 3;
  13146.     -webkit-order: 2;
  13147.         -ms-flex-order: 2;
  13148.             order: 2;
  13149.   }
  13150. }
  13151.  
  13152. .topic-author-label .label {
  13153.   padding-top: 4px;
  13154.   font-size: 11px;
  13155.   font-weight: normal;
  13156. }
  13157.  
  13158. .searchresults {
  13159.   padding: 0 7.5px;
  13160. }
  13161.  
  13162. .searchresults a {
  13163.   display: inline-block;
  13164.   padding: 7.5px 0;
  13165. }
  13166.  
  13167. .post.topicsolved-answer {
  13168.   border-color: #599877;
  13169.   border-width: 2px;
  13170. }
  13171.  
  13172. .post.topicsolved-answer .author {
  13173.   position: relative;
  13174. }
  13175.  
  13176. .post.topicsolved-answer .author .icon_solved_head {
  13177.   font-size: 21px;
  13178.   position: relative;
  13179.   float: left;
  13180.   margin-right: 8px;
  13181.   top: -2px;
  13182.   left: 0;
  13183.   font-style: normal;
  13184. }
  13185.  
  13186. @media (min-width: 768px) {
  13187.   .post.topicsolved-answer .author .icon_solved_head {
  13188.     font-size: 24px;
  13189.   }
  13190. }
  13191.  
  13192. .post.topicsolved-answer .author .timestamp:before {
  13193.   display: none;
  13194. }
  13195.  
  13196. .userprofile-panel {
  13197.   display: table;
  13198.   font-size: 13px;
  13199.   width: 100%;
  13200.   border-radius: 4px;
  13201.   position: relative;
  13202.   background-color: #f4f4f4;
  13203.   padding: 20px;
  13204.   margin-bottom: 15px;
  13205. }
  13206.  
  13207. @media (min-width: 480px) {
  13208.   .userprofile-panel {
  13209.     padding: 25px;
  13210.   }
  13211. }
  13212.  
  13213. .userprofile-panel strong {
  13214.   font-weight: 500;
  13215. }
  13216.  
  13217. .userprofile-rankimg {
  13218.   display: block;
  13219. }
  13220.  
  13221. .userprofile-info.blurbox {
  13222.   color: white;
  13223.   background-color: #555555;
  13224. }
  13225.  
  13226. .userprofile-info .user-status-indicator {
  13227.   position: relative;
  13228.   top: -2px;
  13229. }
  13230.  
  13231. .userprofile-info h3 {
  13232.   font-weight: normal;
  13233. }
  13234.  
  13235. .userprofile-details,
  13236. .userprofile-avatar {
  13237.   display: table-cell;
  13238.   vertical-align: middle;
  13239.   position: relative;
  13240.   z-index: 3;
  13241. }
  13242.  
  13243. .userprofile-avatar {
  13244.   vertical-align: top;
  13245.   width: 100px;
  13246. }
  13247.  
  13248. .userprofile-avatar img {
  13249.   max-width: 100px;
  13250.   height: auto;
  13251.   border-radius: 4px;
  13252.   -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
  13253.           box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
  13254.   border: 2px solid white;
  13255.   width: 100px;
  13256.   min-height: 100px;
  13257. }
  13258.  
  13259. .blurbox .userprofile-avatar img {
  13260.   -webkit-box-shadow: none;
  13261.           box-shadow: none;
  13262.   border: none;
  13263. }
  13264.  
  13265. .userprofile-details {
  13266.   padding-left: 15px;
  13267. }
  13268.  
  13269. @media (min-width: 480px) {
  13270.   .userprofile-details {
  13271.     padding-left: 20px;
  13272.   }
  13273. }
  13274.  
  13275. .userprofile-edit {
  13276.   color: inherit;
  13277.   text-decoration: none;
  13278.   font-size: 20px;
  13279.   position: absolute;
  13280.   top: 0;
  13281.   right: 0;
  13282.   padding: 8px;
  13283.   opacity: .5;
  13284.   -webkit-transition: opacity .2s;
  13285.   -o-transition: opacity .2s;
  13286.   transition: opacity .2s;
  13287.   z-index: 4;
  13288. }
  13289.  
  13290. .userprofile-edit:hover, .userprofile-edit:focus {
  13291.   color: inherit;
  13292.   opacity: 1;
  13293. }
  13294.  
  13295. .blurbox .userprofile-blurbox-overlay {
  13296.   position: absolute;
  13297.   border-radius: 4px;
  13298.   top: 0px;
  13299.   left: 0px;
  13300.   width: 100%;
  13301.   height: 100%;
  13302.   background: rgba(0, 0, 0, 0.5);
  13303.   z-index: 2;
  13304. }
  13305.  
  13306. .userprofile-customfield {
  13307.   display: block;
  13308.   font-size: 13px;
  13309. }
  13310.  
  13311. .userprofile-customfield:first-child {
  13312.   margin-top: 10px;
  13313. }
  13314.  
  13315. .userprofile-customfield:last-child {
  13316.   margin-bottom: 10px;
  13317. }
  13318.  
  13319. .userprofile-contact,
  13320. .userprofile-stats,
  13321. .userprofile-signature {
  13322.   text-align: center;
  13323. }
  13324.  
  13325. .userprofile-contact h3,
  13326. .userprofile-stats h3,
  13327. .userprofile-signature h3 {
  13328.   font-size: 17px;
  13329.   font-weight: normal;
  13330.   text-transform: uppercase;
  13331.   margin-bottom: 15px;
  13332. }
  13333.  
  13334. /* Friends and Foes */
  13335. .userprofile-zebra .btn {
  13336.   margin-top: 4px;
  13337.   background-color: #777777;
  13338.   color: white;
  13339. }
  13340.  
  13341. .userprofile-zebra .btn:hover, .userprofile-zebra .btn:focus {
  13342.   background-color: #555555;
  13343. }
  13344.  
  13345. .userprofile-zebra .btn .fa {
  13346.   font-size: 14px;
  13347.   margin-right: 4px;
  13348. }
  13349.  
  13350. .userprofile-zebra .alert {
  13351.   margin: 0;
  13352.   padding: 8px 15px;
  13353.   display: inline-block;
  13354. }
  13355.  
  13356. .btn.zebra-remove-foe,
  13357. .btn.zebra-remove-friend {
  13358.   background-color: #CF6363;
  13359. }
  13360.  
  13361. .userprofile-tools {
  13362.   background: transparent;
  13363.   text-align: center;
  13364.   padding-top: 0;
  13365. }
  13366.  
  13367. .userprofile-tools > .btn {
  13368.   margin-top: 4px;
  13369.   margin-right: 4px;
  13370. }
  13371.  
  13372. /* Usergroup Selector */
  13373. .userprofile-usergroup {
  13374.   margin-top: 15px;
  13375. }
  13376.  
  13377. .userprofile-signature,
  13378. .userprofile-info {
  13379.   background: white;
  13380.   border: 1px solid #e0e0e0;
  13381. }
  13382.  
  13383. .sidebar-widget {
  13384.   color: #555555;
  13385.   padding: 10px 15px;
  13386.   margin-bottom: 15px;
  13387.   border: 1px solid #e0e0e0;
  13388.   background: white;
  13389. }
  13390.  
  13391. .sidebar-widget .close {
  13392.   display: inline-block;
  13393.   position: absolute;
  13394.   right: 0;
  13395.   text-align: center;
  13396.   height: 100%;
  13397.   width: 100%;
  13398.   top: -1px;
  13399.   width: 35px;
  13400.   opacity: 0;
  13401.   -webkit-transition: .3s;
  13402.   -o-transition: .3s;
  13403.   transition: .3s;
  13404.   color: #777777;
  13405.   font-weight: 200;
  13406. }
  13407.  
  13408. .sidebar-widget .close:after {
  13409.   font-weight: lighter;
  13410.   height: 20px;
  13411.   width: 20px;
  13412.   content: "\00d7";
  13413.   display: inline-block;
  13414.   -webkit-transition: .2s;
  13415.   -o-transition: .2s;
  13416.   transition: .2s;
  13417.   position: absolute;
  13418.   top: 50%;
  13419.   left: 50%;
  13420.   margin-top: -10px;
  13421.   margin-left: -10px;
  13422. }
  13423.  
  13424. .sidebar-widget:hover .close,
  13425. .touch .sidebar-widget .close {
  13426.   opacity: 1;
  13427. }
  13428.  
  13429. .sidebar-widget.collapsed .close:after {
  13430.   content: "+";
  13431. }
  13432.  
  13433. .no-csstransforms .sidebar-widget.collapsed .close:after {
  13434.   content: "+";
  13435. }
  13436.  
  13437. @media (max-width: 991px) {
  13438.   .sidebar-widget {
  13439.     margin-left: auto;
  13440.     margin-right: auto;
  13441.     max-width: 400px;
  13442.   }
  13443. }
  13444.  
  13445. .widget-header {
  13446.   background-color: #FCFCFC;
  13447.   border-bottom: 1px solid #e0e0e0;
  13448.   position: relative;
  13449.   margin: -10px -15px;
  13450.   margin-bottom: 10px;
  13451.   padding: 10px 15px;
  13452.   padding-bottom: 10px;
  13453. }
  13454.  
  13455. .widget-header a {
  13456.   color: inherit;
  13457. }
  13458.  
  13459. .widget-content {
  13460.   color: #555555;
  13461.   line-height: 1.5;
  13462. }
  13463.  
  13464. .widget-content p:last-child {
  13465.   margin: 0;
  13466. }
  13467.  
  13468. .widget-icon {
  13469.   margin-right: 4px;
  13470.   color: #555555;
  13471. }
  13472.  
  13473. .sidebar-ad {
  13474.   margin-bottom: 15px;
  13475.   text-align: center;
  13476.   width: 100%;
  13477. }
  13478.  
  13479. @media (max-width: 991px) {
  13480.   .sidebar-ad {
  13481.     margin-left: auto;
  13482.     margin-right: auto;
  13483.     max-width: 400px;
  13484.   }
  13485. }
  13486.  
  13487. .sidebar-ad a, .sidebar-ad img {
  13488.   border-radius: 2px;
  13489.   width: 100%;
  13490.   display: block;
  13491. }
  13492.  
  13493. .sidebar-widget-bare {
  13494.   margin-bottom: 15px;
  13495.   margin-left: auto;
  13496.   margin-right: auto;
  13497.   max-width: 400px;
  13498. }
  13499.  
  13500. .sidebar-widget-bare[data-twttr-id] {
  13501.   text-align: center;
  13502. }
  13503.  
  13504. #widget-statistics p {
  13505.   margin-bottom: 8px;
  13506. }
  13507.  
  13508. #widget-statistics p:last-child {
  13509.   margin-bottom: 0;
  13510. }
  13511.  
  13512. #widget-statistics p > strong {
  13513.   color: #555555;
  13514.   float: right;
  13515. }
  13516.  
  13517. #widget-statistics .username {
  13518.   display: inline-block;
  13519.   max-width: 95px;
  13520.   text-overflow: ellipsis;
  13521.   overflow: hidden;
  13522. }
  13523.  
  13524. @media (min-width: 1200px) {
  13525.   #widget-statistics .username {
  13526.     max-width: 150px;
  13527.   }
  13528. }
  13529.  
  13530. .sidebar-widget .online-list-total {
  13531.   display: none;
  13532.   float: right;
  13533.   cursor: help;
  13534.   background-color: #599877;
  13535.   color: white;
  13536.   font-family: sans-serif;
  13537.   padding: 3px 6px;
  13538.   border-radius: 1000px;
  13539.   position: relative;
  13540.   font-size: 11px;
  13541.   top: 1px;
  13542.   font-weight: bold;
  13543.   line-height: 12px;
  13544. }
  13545.  
  13546. .sidebar-widget .online-list-total.zero {
  13547.   background-color: #777777;
  13548. }
  13549.  
  13550. .sidebar-widget .online-list-total:before {
  13551.   margin-right: .5px;
  13552. }
  13553.  
  13554. .sidebar-widget .online-list-total:after {
  13555.   margin-left: .5px;
  13556. }
  13557.  
  13558. .wol-explain {
  13559.   display: block;
  13560.   margin-top: .2em;
  13561.   color: #969696;
  13562. }
  13563.  
  13564. .wol-total {
  13565.   margin-bottom: 8px;
  13566.   padding-bottom: 8px;
  13567.   border-bottom: 1px dashed #E7E7E7;
  13568. }
  13569.  
  13570. #cp-box {
  13571.   margin-bottom: 15px;
  13572.   padding: 15px 8px 8px;
  13573. }
  13574.  
  13575. @media (min-width: 480px) {
  13576.   #cp-box {
  13577.     border-radius: 0 0 2px 2px;
  13578.   }
  13579. }
  13580.  
  13581. @media (min-width: 768px) {
  13582.   #cp-box > .inner {
  13583.     display: table;
  13584.     width: 100%;
  13585.   }
  13586. }
  13587.  
  13588. #cp-menu {
  13589.   vertical-align: top;
  13590. }
  13591.  
  13592. @media (min-width: 768px) {
  13593.   #cp-menu {
  13594.     display: table-cell;
  13595.     width: 180px;
  13596.   }
  13597. }
  13598.  
  13599. @media (min-width: 1200px) {
  13600.   #cp-menu {
  13601.     width: 250px;
  13602.   }
  13603. }
  13604.  
  13605. .cp-main {
  13606.   -webkit-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08);
  13607.           box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08);
  13608.   border-radius: 3px;
  13609.   padding: 15px;
  13610.   width: 100%;
  13611.   display: inline-block;
  13612.   margin-top: 15px;
  13613.   background: #fff;
  13614.   /*Heading*/
  13615.   /*Section headers*/
  13616. }
  13617.  
  13618. @media (min-width: 768px) {
  13619.   .cp-main {
  13620.     margin-top: 0;
  13621.     width: auto;
  13622.     display: table-cell;
  13623.     vertical-align: top;
  13624.   }
  13625. }
  13626.  
  13627. .cp-main .forum-selection {
  13628.   margin-bottom: 15px;
  13629. }
  13630.  
  13631. .cp-main form:last-child fieldset:last-child {
  13632.   margin-bottom: 0;
  13633. }
  13634.  
  13635. .cp-main .marklist-markall .btn-label,
  13636. .cp-main .marklist-unmarkall .btn-label {
  13637.   display: none;
  13638. }
  13639.  
  13640. .cp-main .panel {
  13641.   background: transparent;
  13642.   border: 0;
  13643.   -webkit-box-shadow: none;
  13644.           box-shadow: none;
  13645.   padding: 0;
  13646.   margin: 0;
  13647. }
  13648.  
  13649. .cp-main .panel + .panel {
  13650.   margin-top: 15px;
  13651. }
  13652.  
  13653. .cp-main h2 {
  13654.   margin: 0 0 15px 0;
  13655.   font-size: 21px;
  13656.   font-weight: 300;
  13657. }
  13658.  
  13659. .cp-main .tabs-container h2 {
  13660.   font-size: 15px;
  13661.   font-weight: normal;
  13662.   margin: 0;
  13663.   margin-bottom: 15px;
  13664. }
  13665.  
  13666. .cp-main h3 {
  13667.   font-size: inherit;
  13668. }
  13669.  
  13670. .cp-main h3 + .table1 {
  13671.   margin-top: -15px;
  13672. }
  13673.  
  13674. .cp-main .st-section__subheader {
  13675.   background: #D5D5D5;
  13676.   padding: 8px 15px;
  13677. }
  13678.  
  13679. .cp-main .st-section__subheader a {
  13680.   color: inherit;
  13681. }
  13682.  
  13683. h3 + .st-section__subheader {
  13684.   margin-top: -15px;
  13685. }
  13686.  
  13687. .st-section__subheader + .itemlist .itemlist__item--colbar {
  13688.   margin: 0;
  13689. }
  13690.  
  13691. .cp-main .forumrow .forum-lastpost,
  13692. .cp-main .topiclist .topic-lastpost {
  13693.   width: 160px;
  13694. }
  13695.  
  13696. @media (min-width: 1200px) {
  13697.   .cp-main .forumrow .forum-lastpost,
  13698.   .cp-main .topiclist .topic-lastpost {
  13699.     width: 220px;
  13700.   }
  13701. }
  13702.  
  13703. @media (min-width: 768px) {
  13704.   .cp-main .forumrow .item-col {
  13705.     padding-top: 20px;
  13706.     padding-bottom: 20px;
  13707.   }
  13708. }
  13709.  
  13710. .cp-main .st-itemlist__item .st-fancyCheckbox:after {
  13711.   left: 0;
  13712. }
  13713.  
  13714. .cp-main .topic-pagination {
  13715.   display: none;
  13716. }
  13717.  
  13718. @media (min-width: 992px) {
  13719.   .cp-main .topic-pagination {
  13720.     display: table-cell;
  13721.   }
  13722. }
  13723.  
  13724. @media (max-width: 479px) {
  13725.   .cp-main h3, .cp-main .section-header, .cp-main .st-section__header, .cp-main .st-section__subheader,
  13726.   .cp-main .itemlist, .cp-main .st-itemlist {
  13727.     margin-left: -14px;
  13728.     margin-right: -14px;
  13729.   }
  13730. }
  13731.  
  13732. #tabs, #cp-box {
  13733.   margin-left: -8px;
  13734.   margin-right: -8px;
  13735. }
  13736.  
  13737. @media (min-width: 480px) {
  13738.   #tabs, #cp-box {
  13739.     margin-left: 0;
  13740.     margin-right: 0;
  13741.   }
  13742. }
  13743.  
  13744. #cp-navigation .cp-nav-list {
  13745.   list-style-type: none;
  13746.   margin: 0;
  13747.   padding: 0;
  13748. }
  13749.  
  13750. #cp-navigation .cp-nav-list li {
  13751.   display: block;
  13752. }
  13753.  
  13754. #cp-navigation .cp-nav-list li a {
  13755.   color: #999;
  13756.   display: block;
  13757.   padding: 10px;
  13758. }
  13759.  
  13760. #cp-navigation .cp-nav-list li a:hover {
  13761.   color: inherit;
  13762. }
  13763.  
  13764. #cp-navigation .cp-nav-list #active-subsection a {
  13765.   -webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
  13766.           box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
  13767.   background: #fff;
  13768.   padding: 11px 20px;
  13769.   color: inherit;
  13770.   border-left: 3px solid #CF6363;
  13771.   position: relative;
  13772.   z-index: 2;
  13773. }
  13774.  
  13775. #cp-navigation .cp-nav-list #active-subsection + li {
  13776.   margin-top: 10px;
  13777. }
  13778.  
  13779. #cp-navigation .cp-nav-list li + #active-subsection {
  13780.   margin-top: 10px;
  13781. }
  13782.  
  13783. @media (min-width: 768px) {
  13784.   #cp-navigation hr {
  13785.     margin-right: 15px;
  13786.   }
  13787. }
  13788.  
  13789. #cp-navigation .label {
  13790.   vertical-align: middle;
  13791.   padding: 0 5px;
  13792.   height: 17px;
  13793.   line-height: 17px;
  13794.   position: relative;
  13795.   top: -1px;
  13796.   margin-left: 4px;
  13797. }
  13798.  
  13799. .cp-navigation-seperator {
  13800.   height: 0;
  13801.   background: #ddd;
  13802. }
  13803.  
  13804. /* Friends list, pm legend etc
  13805.  -----------------------------*/
  13806. .cp-mini {
  13807.   background: #fff;
  13808.   margin-top: 15px;
  13809.   max-height: 200px;
  13810.   overflow-y: auto;
  13811.   padding: 15px;
  13812.   border-radius: 2px;
  13813. }
  13814.  
  13815. @media (min-width: 768px) {
  13816.   .cp-mini {
  13817.     margin-right: 15px;
  13818.   }
  13819. }
  13820.  
  13821. .cp-mini hr {
  13822.   margin: 8px 0;
  13823. }
  13824.  
  13825. .cp-mini .button2 {
  13826.   height: 18px;
  13827.   line-height: 18px;
  13828.   font-size: 11px;
  13829.   font-style: normal;
  13830.   float: right;
  13831. }
  13832.  
  13833. dl.mini dt {
  13834.   font-weight: bold;
  13835. }
  13836.  
  13837. dl.mini dd {
  13838.   padding-top: 4px;
  13839. }
  13840.  
  13841. .friend-online {
  13842.   font-weight: bold;
  13843. }
  13844.  
  13845. .friend-offline {
  13846.   font-style: italic;
  13847. }
  13848.  
  13849. /* PM marking colours
  13850.  ----------------------*/
  13851. .pmlist li.bg1 {
  13852.   padding: 0 3px;
  13853. }
  13854.  
  13855. .pmlist li.bg2 {
  13856.   padding: 0 3px;
  13857. }
  13858.  
  13859. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  13860.   border-left-color: transparent;
  13861.   border-right-color: transparent;
  13862. }
  13863.  
  13864. .pmlist li.pm_marked_colour, .pm_marked_colour,
  13865. .pmlist li.pm_replied_colour, .pm_replied_colour,
  13866. .pmlist li.pm_friend_colour, .pm_friend_colour,
  13867. .pmlist li.pm_foe_colour, .pm_foe_colour {
  13868.   padding: 0;
  13869.   border-left: 2px solid transparent;
  13870.   border-right: 2px solid transparent;
  13871. }
  13872.  
  13873. .pm-legend {
  13874.   border-left-width: 10px;
  13875.   border-left-style: solid;
  13876.   border-right-width: 0;
  13877.   margin-bottom: 5px;
  13878.   padding-left: 10px;
  13879. }
  13880.  
  13881. /* PM marking colours */
  13882. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  13883.   border-left-color: #BC2A4D !important;
  13884.   border-right-color: #BC2A4D !important;
  13885. }
  13886.  
  13887. .pmlist li.pm_marked_colour, .pm_marked_colour {
  13888.   border-left-color: #FF6600 !important;
  13889.   border-right-color: #FF6600 !important;
  13890. }
  13891.  
  13892. .pmlist li.pm_replied_colour, .pm_replied_colour {
  13893.   border-left-color: #A9B8C2 !important;
  13894.   border-right-color: #A9B8C2 !important;
  13895. }
  13896.  
  13897. .pmlist li.pm_friend_colour, .pm_friend_colour {
  13898.   border-left-color: #2396FF !important;
  13899.   border-right-color: #2396FF !important;
  13900. }
  13901.  
  13902. .pmlist li.pm_foe_colour, .pm_foe_colour {
  13903.   border-left-color: #111 !important;
  13904.   border-right-color: #111 !important;
  13905. }
  13906.  
  13907. .pmlist .item-icon:before {
  13908.   content: "";
  13909.   font-size: 19px;
  13910. }
  13911.  
  13912. @media (min-width: 480px) {
  13913.   .pmlist .item-icon:before {
  13914.     font-size: 24px;
  13915.   }
  13916. }
  13917.  
  13918. .pmlist .pm_read .item-icon {
  13919.   color: rgba(0, 0, 0, 0.2);
  13920. }
  13921.  
  13922. .pmlist .pm_unread .item-icon {
  13923.   color: rgba(0, 0, 0, 0.7);
  13924. }
  13925.  
  13926. .display-actions {
  13927.   text-align: center;
  13928.   display: block;
  13929.   /*font-size: 0;
  13930.     .btn, .button, .button1, .button2, select, input {
  13931.         margin-left: 5px;
  13932.     }*/
  13933. }
  13934.  
  13935. @media (min-width: 768px) {
  13936.   .display-actions {
  13937.     text-align: right;
  13938.   }
  13939. }
  13940.  
  13941. .display-actions select {
  13942.   font-size: 1.3rem;
  13943. }
  13944.  
  13945. .ucp-section__header {
  13946.   display: block;
  13947. }
  13948.  
  13949. .ucp-section__header + .alert {
  13950.   margin-top: 8px;
  13951. }
  13952.  
  13953. .ucp-section__title {
  13954.   float: left;
  13955. }
  13956.  
  13957. .ucp-section__headerlinks {
  13958.   float: right;
  13959.   font-size: 1.5rem;
  13960. }
  13961.  
  13962. .ucp-section__headerlinks a:hover {
  13963.   color: inherit;
  13964. }
  13965.  
  13966. .ucp-pm-compose__addrecipients {
  13967.   margin-top: 15px;
  13968. }
  13969.  
  13970. .ucp-pm-compose__addrecipients #username_list {
  13971.   display: block;
  13972.   margin-bottom: 15px;
  13973. }
  13974.  
  13975. #cp-main dd.recipients {
  13976.   margin: 0;
  13977. }
  13978.  
  13979. ul.recipients {
  13980.   padding: 0;
  13981.   list-style-type: none;
  13982. }
  13983.  
  13984. ul.recipients .button2 {
  13985.   padding: 0 6px;
  13986.   line-height: inherit;
  13987. }
  13988.  
  13989. .itemlist--mcp .item-title + .fi-attachment {
  13990.   font-size: 17px;
  13991. }
  13992.  
  13993. .itemlist--mcp [class*='item-col-'] {
  13994.   padding-top: 15px;
  13995.   padding-bottom: 15px;
  13996. }
  13997.  
  13998. .itemlist--cp.itemlist--forums [class*='item-col-'] {
  13999.   padding-top: 20px;
  14000.   padding-bottom: 20px;
  14001. }
  14002.  
  14003. .itemlist--cp .item-col-lastpost {
  14004.   width: 160px;
  14005. }
  14006.  
  14007. @media (min-width: 1200px) {
  14008.   .itemlist--cp .item-col-lastpost {
  14009.     width: 220px;
  14010.   }
  14011. }
  14012.  
  14013. .langselector {
  14014.   width: 250px;
  14015.   text-align: center;
  14016.   margin: auto;
  14017.   margin-bottom: 15px;
  14018. }
  14019.  
  14020. #agreement .submit-buttons {
  14021.   text-align: center;
  14022.   border-top: 0;
  14023.   padding: 30px 0 15px;
  14024. }
  14025.  
  14026. #agreement .submit-buttons .btn {
  14027.   margin-bottom: 15px;
  14028. }
  14029.  
  14030. .page-header .forum-description {
  14031.   color: #777777;
  14032.   margin-bottom: 2px;
  14033. }
  14034.  
  14035. .page-header .action-bar > .btn {
  14036.   margin: 0;
  14037. }
  14038.  
  14039. .forum-moderators--block {
  14040.   padding: 8px;
  14041.   margin-bottom: 15px;
  14042. }
  14043.  
  14044. @media (min-width: 768px) {
  14045.   .section-viewforum .dropdown--options,
  14046.   .section-viewtopic .dropdown--options {
  14047.     display: none;
  14048.   }
  14049. }
  14050.  
  14051. .section-viewforum .dropdown--options a > .fi,
  14052. .section-viewtopic .dropdown--options a > .fi {
  14053.   margin-right: 5px;
  14054. }
  14055.  
  14056. @media (max-width: 767px) {
  14057.   .section-viewforum .mark-read, .section-viewforum .action-bar > .icon-unsubscribe, .section-viewforum .action-bar > .icon-subscribe,
  14058.   .section-viewtopic .mark-read,
  14059.   .section-viewtopic .action-bar > .icon-unsubscribe,
  14060.   .section-viewtopic .action-bar > .icon-subscribe {
  14061.     display: none;
  14062.   }
  14063. }
  14064.  
  14065. @media (max-width: 767px) {
  14066.   .section-viewforum .action-bar .btn,
  14067.   .section-viewtopic .action-bar .btn {
  14068.     line-height: 34px;
  14069.   }
  14070.   .section-viewforum .action-bar .form-control,
  14071.   .section-viewtopic .action-bar .form-control {
  14072.     height: 36px;
  14073.   }
  14074. }
  14075.  
  14076. .section-viewforum .page-header .page-header-inner, .section-viewforum .page-header .action-bar {
  14077.   display: table-cell;
  14078. }
  14079.  
  14080. @media (max-width: 767px) {
  14081.   .section-viewforum .page-header .action-bar {
  14082.     text-align: right;
  14083.     width: 15px;
  14084.   }
  14085. }
  14086.  
  14087. .forum-permissions__rule {
  14088.   margin-top: 4px;
  14089. }
  14090.  
  14091. .forum-permissions__rule:before {
  14092.   margin-right: 4px;
  14093.   color: #CF6363;
  14094.   content: "";
  14095. }
  14096.  
  14097. .forum-permissions__rule.can:before {
  14098.   color: #599877;
  14099.   content: "";
  14100. }
  14101.  
  14102. .topic-author {
  14103.   color: #969696;
  14104. }
  14105.  
  14106. .topic-author a {
  14107.   color: inherit !important;
  14108. }
  14109.  
  14110. .topic-author strong {
  14111.   font-weight: normal;
  14112. }
  14113.  
  14114. .topic-poll {
  14115.   clear: both;
  14116.   margin: -8px;
  14117.   padding: 15px;
  14118.   background: #F5F5F5;
  14119.   margin-bottom: 15px;
  14120. }
  14121.  
  14122. @media (min-width: 768px) {
  14123.   .topic-poll {
  14124.     margin-left: 0;
  14125.     margin-right: 0;
  14126.   }
  14127. }
  14128.  
  14129. .topic-poll .poll-header {
  14130.   background: #E4E4E4;
  14131.   margin: -15px;
  14132.   margin-bottom: 25px;
  14133.   padding: 15px;
  14134. }
  14135.  
  14136. .topic-poll .poll-info {
  14137.   margin-bottom: 0;
  14138. }
  14139.  
  14140. .topic-poll .poll-title {
  14141.   margin: 0;
  14142.   font-size: 1.5rem;
  14143.   font-weight: 500;
  14144. }
  14145.  
  14146. .topic-poll dl {
  14147.   display: table;
  14148.   width: 100%;
  14149. }
  14150.  
  14151. .topic-poll dl:last-child {
  14152.   margin-bottom: 3px;
  14153. }
  14154.  
  14155. .topic-poll dl:after, .topic-poll dl:before {
  14156.   display: none;
  14157. }
  14158.  
  14159. .topic-poll dt, .topic-poll dd {
  14160.   float: none;
  14161.   display: inline-block;
  14162.   vertical-align: top;
  14163. }
  14164.  
  14165. @media (min-width: 992px) {
  14166.   .topic-poll dt, .topic-poll dd {
  14167.     display: table-cell;
  14168.   }
  14169. }
  14170.  
  14171. .topic-poll dt {
  14172.   font-weight: 500;
  14173.   width: 90%;
  14174.   padding-top: 0;
  14175.   margin-bottom: 5px;
  14176. }
  14177.  
  14178. @media (min-width: 992px) {
  14179.   .topic-poll dt {
  14180.     width: 30%;
  14181.     margin-bottom: 0;
  14182.     text-align: right;
  14183.     padding-right: 10px;
  14184.   }
  14185. }
  14186.  
  14187. .topic-poll dt label {
  14188.   display: block;
  14189.   font-weight: 500;
  14190. }
  14191.  
  14192. .topic-poll .resultbar {
  14193.   width: 80%;
  14194. }
  14195.  
  14196. @media (min-width: 992px) {
  14197.   .topic-poll .resultbar {
  14198.     width: auto;
  14199.   }
  14200. }
  14201.  
  14202. .topic-poll .poll_vote {
  14203.   margin-bottom: 10px;
  14204. }
  14205.  
  14206. .topic-poll .poll_option_select {
  14207.   width: 20px;
  14208.   float: left;
  14209.   padding-right: 5px;
  14210. }
  14211.  
  14212. @media (min-width: 992px) {
  14213.   .topic-poll .poll_option_select {
  14214.     float: none;
  14215.   }
  14216. }
  14217.  
  14218. @media (min-width: 992px) {
  14219.   .result-hidden .topic-poll .poll_option_select {
  14220.     width: auto;
  14221.   }
  14222. }
  14223.  
  14224. .topic-poll .poll_option_percent {
  14225.   width: 20%;
  14226.   padding-left: 8px;
  14227. }
  14228.  
  14229. @media (min-width: 992px) {
  14230.   .topic-poll .poll_option_percent {
  14231.     width: 100px;
  14232.   }
  14233. }
  14234.  
  14235. .topic-poll input[type="radio"], .topic-poll input[type="checkbox"] {
  14236.   margin: 2px 0 0 0;
  14237. }
  14238.  
  14239. .topic-poll .progress {
  14240.   margin: 0;
  14241.   height: 7px;
  14242.   line-height: 6px;
  14243.   margin-top: 6px;
  14244. }
  14245.  
  14246. @-webkit-keyframes stretchRight {
  14247.   0% {
  14248.     -webkit-transform: scale(0, 1);
  14249.             transform: scale(0, 1);
  14250.   }
  14251.   100% {
  14252.     -webkit-transform: scale(1);
  14253.             transform: scale(1);
  14254.   }
  14255. }
  14256.  
  14257. @-o-keyframes stretchRight {
  14258.   0% {
  14259.     -o-transform: scale(0, 1);
  14260.        transform: scale(0, 1);
  14261.   }
  14262.   100% {
  14263.     -o-transform: scale(1);
  14264.        transform: scale(1);
  14265.   }
  14266. }
  14267.  
  14268. @keyframes stretchRight {
  14269.   0% {
  14270.     -webkit-transform: scale(0, 1);
  14271.          -o-transform: scale(0, 1);
  14272.             transform: scale(0, 1);
  14273.   }
  14274.   100% {
  14275.     -webkit-transform: scale(1);
  14276.          -o-transform: scale(1);
  14277.             transform: scale(1);
  14278.   }
  14279. }
  14280.  
  14281. .topic-poll .progress-bar {
  14282.   -webkit-transition: width .8s;
  14283.   -o-transition: width .8s;
  14284.   transition: width .8s;
  14285.   -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  14286.        -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  14287.           transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  14288.   -webkit-transform: scale(0, 1);
  14289.       -ms-transform: scale(0, 1);
  14290.        -o-transform: scale(0, 1);
  14291.           transform: scale(0, 1);
  14292.   -webkit-transform-origin: left center;
  14293.       -ms-transform-origin: left center;
  14294.        -o-transform-origin: left center;
  14295.           transform-origin: left center;
  14296.   -webkit-animation: stretchRight 1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  14297.        -o-animation: stretchRight 1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  14298.           animation: stretchRight 1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  14299.   -webkit-animation-fill-mode: forwards;
  14300.        -o-animation-fill-mode: forwards;
  14301.           animation-fill-mode: forwards;
  14302.   text-align: left;
  14303.   font-weight: bold;
  14304.   font-size: 1.1rem;
  14305.   text-indent: -100px;
  14306.   border-radius: 2px;
  14307.   background: #555555;
  14308. }
  14309.  
  14310. .no-cssanimations .topic-poll .progress-bar {
  14311.   -webkit-transform: scale(1);
  14312.       -ms-transform: scale(1);
  14313.        -o-transform: scale(1);
  14314.           transform: scale(1);
  14315. }
  14316.  
  14317. .topic-poll:hover .progress-bar {
  14318.   text-indent: 0.4rem;
  14319. }
  14320.  
  14321. .topic-poll .vote-submitted {
  14322.   text-align: center;
  14323. }
  14324.  
  14325. .topic-poll .poll_vote dt, .topic-poll .poll_total_votes dt {
  14326.   display: none;
  14327. }
  14328.  
  14329. @media (min-width: 992px) {
  14330.   .topic-poll .poll_vote dt, .topic-poll .poll_total_votes dt {
  14331.     display: table-cell;
  14332.   }
  14333. }
  14334.  
  14335. .topic-poll .poll_total_votes {
  14336.   font-size: 1.5rem;
  14337. }
  14338.  
  14339. #quickmod .dropdown-menu {
  14340.   left: auto;
  14341.   right: 0;
  14342. }
  14343.  
  14344. .quickreply {
  14345.   padding-left: 48px;
  14346.   position: relative;
  14347.   margin-bottom: 15px;
  14348. }
  14349.  
  14350. @media (min-width: 768px) {
  14351.   .quickreply {
  14352.     padding-left: 95px;
  14353.   }
  14354. }
  14355.  
  14356. .quickreply__title {
  14357.   font-weight: 500;
  14358. }
  14359.  
  14360. .quickreply__avatar {
  14361.   position: absolute;
  14362.   top: 0;
  14363.   left: 0;
  14364.   width: 40px;
  14365. }
  14366.  
  14367. @media (min-width: 768px) {
  14368.   .quickreply__avatar {
  14369.     width: 80px;
  14370.   }
  14371. }
  14372.  
  14373. .quickreply__avatar img {
  14374.   max-width: 100%;
  14375. }
  14376.  
  14377. .quickreply textarea {
  14378.   max-width: 100%;
  14379.   width: 100%;
  14380.   background-color: #EFEFEF;
  14381.   height: 100px;
  14382. }
  14383.  
  14384. .quickreply textarea:focus {
  14385.   background-color: white;
  14386.   border-color: #499DD0;
  14387. }
  14388.  
  14389. .quickreply .submit-buttons {
  14390.   border: 0;
  14391.   margin: 0;
  14392.   text-align: right;
  14393. }
  14394.  
  14395. .clearfix:after, .post:after {
  14396.   clear: both;
  14397. }
  14398.  
  14399. .clearfix:after, .post:after, .clearfix:before, .post:before {
  14400.   content: " ";
  14401.   display: table;
  14402. }
  14403.  
  14404. .center-block {
  14405.   display: block;
  14406.   margin-left: auto;
  14407.   margin-right: auto;
  14408. }
  14409.  
  14410. .pull-right {
  14411.   float: right !important;
  14412. }
  14413.  
  14414. .pull-left {
  14415.   float: left !important;
  14416. }
  14417.  
  14418. .hide {
  14419.   display: none !important;
  14420. }
  14421.  
  14422. .show {
  14423.   display: block !important;
  14424. }
  14425.  
  14426. .invisible {
  14427.   visibility: hidden;
  14428. }
  14429.  
  14430. .text-hide {
  14431.   font: 0/0 a;
  14432.   color: transparent;
  14433.   text-shadow: none;
  14434.   background-color: transparent;
  14435.   border: 0;
  14436. }
  14437.  
  14438. .hidden {
  14439.   display: none;
  14440. }
  14441.  
  14442. .affix {
  14443.   position: fixed;
  14444. }
  14445.  
  14446. .slickthemes .imageset.icon_solved_head,
  14447. .slickthemes .imageset.icon_solved_list {
  14448.   background-image: none;
  14449.   visibility: hidden;
  14450.   width: 1em;
  14451.   height: 1em;
  14452.   display: inline-block;
  14453.   overflow: hidden;
  14454.   padding: 0;
  14455.   position: relative;
  14456.   top: 5px;
  14457.   font-size: inherit;
  14458. }
  14459.  
  14460. .slickthemes .imageset.icon_solved_head:before,
  14461. .slickthemes .imageset.icon_solved_list:before {
  14462.   content: "";
  14463.   color: #599877;
  14464.   visibility: visible;
  14465.   position: absolute;
  14466.   top: 0;
  14467.   left: 0;
  14468. }
  14469.  
  14470. .slickthemes .imageset.icon_solved_list {
  14471.   top: 2px;
  14472.   font-size: 1.2em;
  14473. }
  14474.  
  14475. .recent-topics .topiclist:first-child {
  14476.   margin: 0;
  14477. }
  14478.  
  14479. .recent-topics .header {
  14480.   padding: 0;
  14481. }
  14482.  
  14483. .recent-topics .icon_topic_latest {
  14484.   margin-left: 2px;
  14485. }
  14486.  
  14487. .recent-topics dd.lastpost {
  14488.   width: 200px;
  14489. }
  14490.  
  14491. .recent-topics .topics dt, .recent-topics dt a, .recent-topics .topics .lastpost {
  14492.   color: #969696;
  14493. }
  14494.  
  14495. .recent-topics .topictitle, .recent-topics .lastpost a {
  14496.   color: #303030;
  14497. }
  14498.  
  14499. .topicsolved-icon:before {
  14500.   background-image: none !important;
  14501.   content: "";
  14502.   font-size: 17px;
  14503.   vertical-align: bottom;
  14504.   top: 1px;
  14505.   position: relative;
  14506. }
  14507.  
  14508. .post:hover .topicsolved-icon:before {
  14509.   color: #599877;
  14510. }
  14511.  
  14512. .topicsolved-icon.unsolve-icon:before {
  14513.   content: "";
  14514. }
  14515.  
  14516. .post:hover .topicsolved-icon.unsolve-icon:before {
  14517.   color: #F6A942;
  14518. }
  14519.  
  14520. .slickthemes .post .topicsolved-icon:hover:before {
  14521.   color: #333333;
  14522. }
  14523.  
  14524. .topicsolved-answer__icon {
  14525.   cursor: default;
  14526. }
  14527.  
  14528. @media (max-width: 767px) {
  14529.   .touch .collapsing {
  14530.     -webkit-transition: 0s !important;
  14531.     -o-transition: 0s !important;
  14532.     transition: 0s !important;
  14533.   }
  14534. }
RAW Paste Data