Robert80

main.css

Dec 14th, 2018
45
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