Guest User

Untitled

a guest
May 4th, 2019
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 312.35 KB | None | 0 0
  1. .ipsAnim {
  2. -webkit-animation-duration: 0.5s;
  3. -moz-animation-duration: 0.5s;
  4. -ms-animation-duration: 0.5s;
  5. -o-animation-duration: 0.5s;
  6. animation-duration: 0.5s;
  7. -webkit-animation-fill-mode: both;
  8. -moz-animation-fill-mode: both;
  9. -ms-animation-fill-mode: both;
  10. -o-animation-fill-mode: both;
  11. animation-fill-mode: both;
  12. -webkit-animation-timing-function: ease-out;
  13. -moz-animation-timing-function: ease-out;
  14. -ms-animation-timing-function: ease-out;
  15. -o-animation-timing-function: ease-out;
  16. animation-timing-function: ease-out;
  17. -webkit-transform: translate3d(0, 0, 0);
  18. -moz-transform: translate3d(0, 0, 0);
  19. -ms-transform: translate3d(0, 0, 0);
  20. -o-transform: translate3d(0, 0, 0);
  21. transform: translate3d(0, 0, 0);
  22. }
  23.  
  24. .ipsAnim.ipsAnim_fast {
  25. -webkit-animation-duration: 0.25s;
  26. -moz-animation-duration: 0.25s;
  27. -ms-animation-duration: 0.25s;
  28. -o-animation-duration: 0.25s;
  29. animation-duration: 0.25s;
  30. }
  31.  
  32. .ipsAnim.ipsAnim_slow {
  33. -webkit-animation-duration: 0.8s;
  34. -moz-animation-duration: 0.8s;
  35. -ms-animation-duration: 0.8s;
  36. -o-animation-duration: 0.8s;
  37. animation-duration: 0.8s;
  38. }
  39.  
  40. .ipsAnim.ipsAnim_verySlow {
  41. -webkit-animation-duration: 1.2s;
  42. -moz-animation-duration: 1.2s;
  43. -ms-animation-duration: 1.2s;
  44. -o-animation-duration: 1.2s;
  45. animation-duration: 1.2s;
  46. }
  47.  
  48. @-webkit-keyframes fadeIn {
  49. 0% {
  50. opacity: 0;
  51. }
  52. 100% {
  53. opacity: 1;
  54. }
  55. }
  56.  
  57. @-moz-keyframes fadeIn {
  58. 0% {
  59. opacity: 0;
  60. }
  61. 100% {
  62. opacity: 1;
  63. }
  64. }
  65.  
  66. @-o-keyframes fadeIn {
  67. 0% {
  68. opacity: 0;
  69. }
  70. 100% {
  71. opacity: 1;
  72. }
  73. }
  74.  
  75. @keyframes fadeIn {
  76. 0% {
  77. opacity: 0;
  78. }
  79. 100% {
  80. opacity: 1;
  81. }
  82. }
  83.  
  84. @-webkit-keyframes fadeOut {
  85. 0% {
  86. opacity: 1;
  87. }
  88. 100% {
  89. opacity: 0;
  90. }
  91. }
  92.  
  93. @-moz-keyframes fadeOut {
  94. 0% {
  95. opacity: 1;
  96. }
  97. 100% {
  98. opacity: 0;
  99. }
  100. }
  101.  
  102. @-o-keyframes fadeOut {
  103. 0% {
  104. opacity: 1;
  105. }
  106. 100% {
  107. opacity: 0;
  108. }
  109. }
  110.  
  111. @keyframes fadeOut {
  112. 0% {
  113. opacity: 1;
  114. }
  115. 100% {
  116. opacity: 0;
  117. }
  118. }
  119.  
  120. @-webkit-keyframes fadeInDown {
  121. 0% {
  122. opacity: 0;
  123. -webkit-transform: translateY(-20px);
  124. }
  125. 100% {
  126. opacity: 1;
  127. -webkit-transform: translateY(0);
  128. }
  129. }
  130.  
  131. @-moz-keyframes fadeInDown {
  132. 0% {
  133. opacity: 0;
  134. -moz-transform: translateY(-20px);
  135. }
  136. 100% {
  137. opacity: 1;
  138. -moz-transform: translateY(0);
  139. }
  140. }
  141.  
  142. @-o-keyframes fadeInDown {
  143. 0% {
  144. opacity: 0;
  145. -o-transform: translateY(-20px);
  146. }
  147. 100% {
  148. opacity: 1;
  149. -o-transform: translateY(0);
  150. }
  151. }
  152.  
  153. @keyframes fadeInDown {
  154. 0% {
  155. opacity: 0;
  156. transform: translateY(-20px);
  157. }
  158. 100% {
  159. opacity: 1;
  160. transform: translateY(0);
  161. }
  162. }
  163.  
  164. @-webkit-keyframes fadeOutDown {
  165. 0% {
  166. opacity: 1;
  167. -webkit-transform: translateY(0);
  168. }
  169. 100% {
  170. opacity: 0;
  171. -webkit-transform: translateY(20px);
  172. }
  173. }
  174.  
  175. @-moz-keyframes fadeOutDown {
  176. 0% {
  177. opacity: 1;
  178. -moz-transform: translateY(0);
  179. }
  180. 100% {
  181. opacity: 0;
  182. -moz-transform: translateY(20px);
  183. }
  184. }
  185.  
  186. @-o-keyframes fadeOutDown {
  187. 0% {
  188. opacity: 1;
  189. -o-transform: translateY(0);
  190. }
  191. 100% {
  192. opacity: 0;
  193. -o-transform: translateY(20px);
  194. }
  195. }
  196.  
  197. @keyframes fadeOutDown {
  198. 0% {
  199. opacity: 1;
  200. transform: translateY(0);
  201. }
  202. 100% {
  203. opacity: 0;
  204. transform: translateY(20px);
  205. }
  206. }
  207.  
  208. .ipsAnim_fade.ipsAnim_in {
  209. opacity: 1;
  210. -webkit-animation-name: fadeIn;
  211. -moz-animation-name: fadeIn;
  212. -ms-animation-name: fadeIn;
  213. -o-animation-name: fadeIn;
  214. animation-name: fadeIn;
  215. }
  216.  
  217. .ipsAnim_fade.ipsAnim_out {
  218. opacity: 1;
  219. -webkit-animation-name: fadeOut;
  220. -moz-animation-name: fadeOut;
  221. -ms-animation-name: fadeOut;
  222. -o-animation-name: fadeOut;
  223. animation-name: fadeOut;
  224. }
  225.  
  226. .ipsAnim_fade.ipsAnim_in.ipsAnim_down {
  227. -webkit-animation-name: fadeInDown;
  228. -moz-animation-name: fadeInDown;
  229. -ms-animation-name: fadeInDown;
  230. -o-animation-name: fadeInDown;
  231. animation-name: fadeInDown;
  232. }
  233.  
  234. .ipsAnim_fade.ipsAnim_out.ipsAnim_down {
  235. -webkit-animation-name: fadeOutDown;
  236. -moz-animation-name: fadeOutDown;
  237. -ms-animation-name: fadeOutDown;
  238. -o-animation-name: fadeOutDown;
  239. animation-name: fadeOutDown;
  240. }
  241.  
  242. @-webkit-keyframes blindDown {
  243. 0% {
  244. height: 0;
  245. }
  246. 100% {
  247. height: auto;
  248. }
  249. }
  250.  
  251. @-moz-keyframes blindDown {
  252. 0% {
  253. height: 0;
  254. }
  255. 100% {
  256. height: auto;
  257. }
  258. }
  259.  
  260. @-o-keyframes blindDown {
  261. 0% {
  262. height: 0;
  263. }
  264. 100% {
  265. height: auto;
  266. }
  267. }
  268.  
  269. @keyframes blindDown {
  270. 0% {
  271. height: 0;
  272. }
  273. 100% {
  274. height: auto;
  275. }
  276. }
  277.  
  278. .ipsAnim_blind.ipsAnim_down {
  279. height: auto;
  280. -webkit-animation-name: blindDown;
  281. -moz-animation-name: blindDown;
  282. -ms-animation-name: blindDown;
  283. -o-animation-name: blindDown;
  284. animation-name: blindDown;
  285. }
  286.  
  287. @-webkit-keyframes blindUp {
  288. 0% {
  289. height: auto;
  290. }
  291. 100% {
  292. height: 0;
  293. }
  294. }
  295.  
  296. .ipsAnim_blind.ipsAnim_up {
  297. height: 0;
  298. -webkit-animation-name: blindUp;
  299. }
  300.  
  301. @-webkit-keyframes slideFromRight {
  302. 0% {
  303. right: -100%;
  304. }
  305. 100% {
  306. right: 0;
  307. }
  308. }
  309.  
  310. @-moz-keyframes slideFromRight {
  311. 0% {
  312. right: -100%;
  313. }
  314. 100% {
  315. right: 0;
  316. }
  317. }
  318.  
  319. @-o-keyframes slideFromRight {
  320. 0% {
  321. right: -100%;
  322. }
  323. 100% {
  324. right: 0;
  325. }
  326. }
  327.  
  328. @keyframes slideFromRight {
  329. 0% {
  330. right: -100%;
  331. }
  332. 100% {
  333. right: 0;
  334. }
  335. }
  336.  
  337. .ipsAnim_slide.ipsAnim_left {
  338. right: 0;
  339. -webkit-animation-name: slideFromRight;
  340. -moz-animation-name: slideFromRight;
  341. -ms-animation-name: slideFromRight;
  342. -o-animation-name: slideFromRight;
  343. animation-name: slideFromRight;
  344. }
  345.  
  346. @-webkit-keyframes zoomIn {
  347. 0% {
  348. -webkit-transform: scale(0);
  349. }
  350. 100% {
  351. -webkit-transform: scale(1);
  352. }
  353. }
  354.  
  355. @-moz-keyframes zoomIn {
  356. 0% {
  357. -moz-transform: scale(0);
  358. }
  359. 100% {
  360. -moz-transform: scale(1);
  361. }
  362. }
  363.  
  364. @-o-keyframes zoomIn {
  365. 0% {
  366. -o-transform: scale(0);
  367. }
  368. 100% {
  369. -o-transform: scale(1);
  370. }
  371. }
  372.  
  373. @keyframes zoomIn {
  374. 0% {
  375. transform: scale(0);
  376. }
  377. 100% {
  378. transform: scale(1);
  379. }
  380. }
  381.  
  382. .ipsAnim_zoom.ipsAnim_in {
  383. -webkit-animation-name: zoomIn;
  384. -moz-animation-name: zoomIn;
  385. -ms-animation-name: zoomIn;
  386. -o-animation-name: zoomIn;
  387. animation-name: zoomIn;
  388. }
  389.  
  390. @-webkit-keyframes zoomOut {
  391. 0% {
  392. -webkit-transform: scale(1);
  393. }
  394. 100% {
  395. -webkit-transform: scale(0);
  396. opacity: 0;
  397. }
  398. }
  399.  
  400. @-moz-keyframes zoomOut {
  401. 0% {
  402. -moz-transform: scale(1);
  403. }
  404. 100% {
  405. -moz-transform: scale(0);
  406. opacity: 0;
  407. }
  408. }
  409.  
  410. @-o-keyframes zoomOut {
  411. 0% {
  412. -o-transform: scale(1);
  413. }
  414. 100% {
  415. -o-transform: scale(0);
  416. opacity: 0;
  417. }
  418. }
  419.  
  420. @keyframes zoomOut {
  421. 0% {
  422. transform: scale(1);
  423. }
  424. 100% {
  425. transform: scale(0);
  426. opacity: 0;
  427. }
  428. }
  429.  
  430. .ipsAnim_zoom.ipsAnim_out {
  431. -webkit-animation-name: zoomOut;
  432. -moz-animation-name: zoomOut;
  433. -ms-animation-name: zoomOut;
  434. -o-animation-name: zoomOut;
  435. animation-name: zoomOut;
  436. opacity: 1;
  437. }
  438.  
  439. @-webkit-keyframes wobble {
  440. 0% {
  441. -webkit-transform: translateX(0%);
  442. }
  443. 15% {
  444. -webkit-transform: translateX(-5%) rotate(-4deg);
  445. }
  446. 30% {
  447. -webkit-transform: translateX(5%) rotate(2deg);
  448. }
  449. 45% {
  450. -webkit-transform: translateX(-4%) rotate(-2deg);
  451. }
  452. 60% {
  453. -webkit-transform: translateX(4%) rotate(1deg);
  454. }
  455. 75% {
  456. -webkit-transform: translateX(-3%) rotate(-1deg);
  457. }
  458. 100% {
  459. -webkit-transform: translateX(0%);
  460. }
  461. }
  462.  
  463. @-moz-keyframes wobble {
  464. 0% {
  465. -moz-transform: translateX(0%);
  466. }
  467. 15% {
  468. -moz-transform: translateX(-5%) rotate(-4deg);
  469. }
  470. 30% {
  471. -moz-transform: translateX(5%) rotate(2deg);
  472. }
  473. 45% {
  474. -moz-transform: translateX(-4%) rotate(-2deg);
  475. }
  476. 60% {
  477. -moz-transform: translateX(4%) rotate(1deg);
  478. }
  479. 75% {
  480. -moz-transform: translateX(-3%) rotate(-1deg);
  481. }
  482. 100% {
  483. -moz-transform: translateX(0%);
  484. }
  485. }
  486.  
  487. @-o-keyframes wobble {
  488. 0% {
  489. -o-transform: translateX(0%);
  490. }
  491. 15% {
  492. -o-transform: translateX(-5%) rotate(-4deg);
  493. }
  494. 30% {
  495. -o-transform: translateX(5%) rotate(2deg);
  496. }
  497. 45% {
  498. -o-transform: translateX(-4%) rotate(-2deg);
  499. }
  500. 60% {
  501. -o-transform: translateX(4%) rotate(1deg);
  502. }
  503. 75% {
  504. -o-transform: translateX(-3%) rotate(-1deg);
  505. }
  506. 100% {
  507. -o-transform: translateX(0%);
  508. }
  509. }
  510.  
  511. @keyframes wobble {
  512. 0% {
  513. transform: translateX(0%);
  514. }
  515. 15% {
  516. transform: translateX(-5%) rotate(-4deg);
  517. }
  518. 30% {
  519. transform: translateX(5%) rotate(2deg);
  520. }
  521. 45% {
  522. transform: translateX(-4%) rotate(-2deg);
  523. }
  524. 60% {
  525. transform: translateX(4%) rotate(1deg);
  526. }
  527. 75% {
  528. transform: translateX(-3%) rotate(-1deg);
  529. }
  530. 100% {
  531. transform: translateX(0%);
  532. }
  533. }
  534.  
  535. .ipsAnim_wobble {
  536. -webkit-animation-name: wobble;
  537. -moz-animation-name: wobble;
  538. -ms-animation-name: wobble;
  539. -o-animation-name: wobble;
  540. animation-name: wobble;
  541. }
  542.  
  543. @-webkit-keyframes jiggle {
  544. 0% {
  545. -webkit-transform: rotate(-3deg);
  546. }
  547. 50% {
  548. -webkit-transform: rotate(3deg);
  549. }
  550. }
  551.  
  552. @-moz-keyframes jiggle {
  553. 0% {
  554. -moz-transform: rotate(-3deg);
  555. }
  556. 50% {
  557. -moz-transform: rotate(3deg);
  558. }
  559. }
  560.  
  561. @-o-keyframes jiggle {
  562. 0% {
  563. -o-transform: rotate(-3deg);
  564. }
  565. 50% {
  566. -o-transform: rotate(3deg);
  567. }
  568. }
  569.  
  570. @keyframes jiggle {
  571. 0% {
  572. transform: rotate(-3deg);
  573. }
  574. 50% {
  575. transform: rotate(3deg);
  576. }
  577. }
  578.  
  579. .ipsAnim_jiggle {
  580. -webkit-animation: jiggle 0.3s infinite;
  581. -moz-animation: jiggle 0.3s infinite;
  582. -ms-animation: jiggle 0.3s infinite;
  583. -o-animation: jiggle 0.3s infinite;
  584. animation: jiggle 0.3s infinite;
  585. }
  586.  
  587. @-webkit-keyframes fadeOutDown {
  588. 0% {
  589. opacity: 1;
  590. -webkit-transform: translateY(0);
  591. }
  592. 100% {
  593. opacity: 0;
  594. -webkit-transform: translateY(20px);
  595. }
  596. }
  597.  
  598. @-moz-keyframes fadeOutDown {
  599. 0% {
  600. opacity: 1;
  601. -moz-transform: translateY(0);
  602. }
  603. 100% {
  604. opacity: 0;
  605. -moz-transform: translateY(20px);
  606. }
  607. }
  608.  
  609. @-o-keyframes fadeOutDown {
  610. 0% {
  611. opacity: 1;
  612. -o-transform: translateY(0);
  613. }
  614. 100% {
  615. opacity: 0;
  616. -o-transform: translateY(20px);
  617. }
  618. }
  619.  
  620. @keyframes fadeOutDown {
  621. 0% {
  622. opacity: 1;
  623. transform: translateY(0);
  624. }
  625. 100% {
  626. opacity: 0;
  627. transform: translateY(20px);
  628. }
  629. }
  630.  
  631. .ipsAnim_fadeOutDown {
  632. -webkit-animation-name: fadeOutDown;
  633. -moz-animation-name: fadeOutDown;
  634. -ms-animation-name: fadeOutDown;
  635. -o-animation-name: fadeOutDown;
  636. animation-name: fadeOutDown;
  637. }
  638.  
  639. @-webkit-keyframes pulseOnce {
  640. 0% {
  641. -webkit-transform: scale(1);
  642. }
  643. 50% {
  644. -webkit-transform: scale(1.15);
  645. }
  646. 100% {
  647. -webkit-transform: scale(1);
  648. }
  649. }
  650.  
  651. @-moz-keyframes pulseOnce {
  652. 0% {
  653. -moz-transform: scale(1);
  654. }
  655. 50% {
  656. -moz-transform: scale(1.15);
  657. }
  658. 100% {
  659. -moz-transform: scale(1);
  660. }
  661. }
  662.  
  663. @-o-keyframes pulseOnce {
  664. 0% {
  665. -o-transform: scale(1);
  666. }
  667. 50% {
  668. -o-transform: scale(1.15);
  669. }
  670. 100% {
  671. -o-transform: scale(1);
  672. }
  673. }
  674.  
  675. @keyframes pulseOnce {
  676. 0% {
  677. transform: scale(1);
  678. }
  679. 50% {
  680. transform: scale(1.15);
  681. }
  682. 100% {
  683. transform: scale(1);
  684. }
  685. }
  686.  
  687. .ipsAnim_pulseOnce {
  688. -webkit-animation-name: pulseOnce;
  689. -moz-animation-name: pulseOnce;
  690. -ms-animation-name: pulseOnce;
  691. -o-animation-name: pulseOnce;
  692. animation-name: pulseOnce;
  693. }
  694.  
  695. @-webkit-keyframes dummy_anim {
  696. 0% {
  697. background-color: #f8f8f8;
  698. }
  699. 50% {
  700. background-color: #f2f2f2;
  701. }
  702. 99% {
  703. background-color: #f8f8f8;
  704. }
  705. }
  706.  
  707. @-moz-keyframes dummy_anim {
  708. 0% {
  709. background-color: #f8f8f8;
  710. }
  711. 50% {
  712. background-color: #f2f2f2;
  713. }
  714. 99% {
  715. background-color: #f8f8f8;
  716. }
  717. }
  718.  
  719. @-ms-keyframes dummy_anim {
  720. 0% {
  721. background-color: #f8f8f8;
  722. }
  723. 50% {
  724. background-color: #f2f2f2;
  725. }
  726. 99% {
  727. background-color: #f8f8f8;
  728. }
  729. }
  730.  
  731. @-o-keyframes dummy_anim {
  732. 0% {
  733. background-color: #f8f8f8;
  734. }
  735. 50% {
  736. background-color: #f2f2f2;
  737. }
  738. 99% {
  739. background-color: #f8f8f8;
  740. }
  741. }
  742.  
  743. @keyframes dummy_anim {
  744. 0% {
  745. background-color: #f8f8f8;
  746. }
  747. 50% {
  748. background-color: #f2f2f2;
  749. }
  750. 99% {
  751. background-color: #f8f8f8;
  752. }
  753. }
  754.  
  755. .ipsBadge {
  756. padding: 0 8px;
  757. border-radius: 2px;
  758. font-weight: 500;
  759. display: inline-block;
  760. color: #fff;
  761. vertical-align: middle;
  762. text-shadow: none;
  763. letter-spacing: 0;
  764. }
  765.  
  766. .ipsBadge a,
  767. a.ipsBadge:hover {
  768. color: #fff;
  769. }
  770.  
  771. .ipsBadge.ipsBadge_icon {
  772. width: 28px;
  773. height: 28px;
  774. border-radius: 28px;
  775. font-size: 14px;
  776. text-align: center;
  777. line-height: 28px;
  778. vertical-align: middle;
  779. padding: 0;
  780. }
  781.  
  782. .ipsBadge.ipsBadge_icon.ipsBadge_small {
  783. width: 16px;
  784. height: 16px;
  785. border-radius: 16px;
  786. line-height: 16px;
  787. font-size: 10px;
  788. vertical-align: baseline;
  789. }
  790.  
  791. .ipsBadge.ipsBadge_icon.ipsBadge_medium {
  792. width: 20px;
  793. height: 20px;
  794. border-radius: 16px;
  795. line-height: 21px;
  796. font-size: 11px;
  797. vertical-align: baseline;
  798. }
  799.  
  800. .ipsBadge.ipsBadge_icon.ipsBadge_large {
  801. width: 38px;
  802. height: 38px;
  803. border-radius: 38px;
  804. line-height: 38px;
  805. font-size: 17px;
  806. }
  807.  
  808. .ipsType_pageTitle .ipsBadge {
  809. vertical-align: middle !important;
  810. }
  811.  
  812. .ipsBadge,
  813. .ipsBadge.ipsBadge_normal {
  814. height: 17px;
  815. line-height: 17px;
  816. font-size: 10px;
  817. }
  818.  
  819. .ipsBadge.ipsBadge_medium {
  820. height: 18px;
  821. line-height: 18px;
  822. font-size: 11px;
  823. }
  824.  
  825. .ipsBadge.ipsBadge_large {
  826. height: 23px;
  827. line-height: 23px;
  828. padding: 0 10px;
  829. font-size: 13px;
  830. }
  831.  
  832. .ipsBadge.ipsBadge_veryLarge {
  833. width: 70px;
  834. height: 70px;
  835. line-height: 64px;
  836. border-radius: 70px;
  837. font-size: 34px;
  838. }
  839.  
  840. .ipsBadge_new,
  841. .ipsBadge_style1 {
  842. background: #323232;
  843. }
  844.  
  845. .ipsBadge_style2 {
  846. background: #6a4fa8;
  847. }
  848.  
  849. .ipsBadge_warning,
  850. .ipsBadge_style3 {
  851. background: #873661;
  852. }
  853.  
  854. .ipsBadge_positive,
  855. .ipsBadge_style4 {
  856. background: #598f5b;
  857. }
  858.  
  859. .ipsBadge_negative,
  860. .ipsBadge_style5 {
  861. background: #c75050;
  862. }
  863.  
  864. .ipsBadge_neutral,
  865. .ipsBadge_style6 {
  866. background: #616161;
  867. }
  868.  
  869. .ipsBadge_intermediary,
  870. .ipsBadge_style7 {
  871. background: #f09348;
  872. }
  873.  
  874. .ipsBadge_pill {
  875. border-radius: 30px;
  876. }
  877.  
  878. .ipsItemStatus:not( .ipsItemStatus_large) {
  879. color: #ff6236;
  880. font-size: 14px;
  881. line-height: inherit;
  882. vertical-align: middle;
  883. }
  884.  
  885. .ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large) {
  886. vertical-align: text-top;
  887. }
  888.  
  889. .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large) {
  890. color: #dbdbdb;
  891. }
  892.  
  893. .ipsItemStatus.ipsItemStatus_tiny {
  894. font-size: 9px;
  895. }
  896.  
  897. .ipsItemStatus.ipsItemStatus_small {
  898. font-size: 13px;
  899. }
  900.  
  901. .ipsItemStatus.ipsItemStatus_large {
  902. background: #ff6236;
  903. color: #fff;
  904. width: 40px;
  905. height: 40px;
  906. line-height: 40px;
  907. border-radius: 20px;
  908. display: inline-block;
  909. text-align: center;
  910. font-size: 18px;
  911. -webkit-transition: 0.15s all linear;
  912. -moz-transition: 0.15s all linear;
  913. -ms-transition: 0.15s all linear;
  914. -o-transition: 0.15s all linear;
  915. transition: 0.15s all linear;
  916. }
  917.  
  918. .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  919. background: #dbdbdb;
  920. }
  921.  
  922. .ipsItemStatus.ipsItemStatus_read {
  923. opacity: 0.6;
  924. }
  925.  
  926. .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large):not( .ipsItemStatus_posted):not( .ipsItemStatus_custom) {
  927. display: none;
  928. }
  929.  
  930. .ipsPoints {
  931. display: inline-block;
  932. background: #b14848;
  933. color: #fff;
  934. width: 36px;
  935. height: 36px;
  936. border-radius: 36px;
  937. font-size: 18px;
  938. text-align: center;
  939. line-height: 36px;
  940. }
  941.  
  942. .ipsPoints_small {
  943. width: 22px;
  944. height: 22px;
  945. line-height: 22px;
  946. font-size: 12px;
  947. vertical-align: middle;
  948. }
  949.  
  950. .ipsRepBadge {
  951. font-size: 11px;
  952. font-weight: bold;
  953. display: inline-block;
  954. }
  955.  
  956. .ipsRepBadge_positive,
  957. .ipsRepBadge_positive:hover {
  958. color: #5f7a47 !important;
  959. }
  960.  
  961. .ipsRepBadge_negative,
  962. .ipsRepBadge_negative:hover {
  963. color: #8c3737 !important;
  964. }
  965.  
  966. .ipsRepBadge_neutral,
  967. .ipsRepBadge_neutral:hover {
  968. color: #b3b3b3 !important;
  969. }
  970.  
  971. .ipsWidget {
  972. position: relative;
  973. padding: 0;
  974. background: #fff;
  975. }
  976.  
  977. .ipsWidget.ipsWidget_vertical .ipsWidget_title,
  978. .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  979. padding: 10px;
  980. margin: 0;
  981. font-size: 12px;
  982. font-weight: 500;
  983. text-transform: uppercase;
  984. position: relative;
  985. color: #ffffff;
  986. background: #24364f;
  987. border-radius: 2px 2px 0px 0px;
  988. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  989. }
  990.  
  991. .ipsWidget.ipsWidget_vertical {
  992. margin-top: 15px;
  993. }
  994.  
  995. .ipsWidget.ipsWidget_horizontal:not( .ipsWidgetHide)+.ipsWidget {
  996. margin-top: 10px;
  997. }
  998.  
  999. .ipsWidget.ipsWidget_horizontal .ipsTabs {
  1000. margin: -5px 0 5px 0;
  1001. }
  1002.  
  1003. .ipsWidget.ipsWidget_horizontal .ipsTabs_panel {
  1004. background: #fff;
  1005. margin: 0;
  1006. }
  1007.  
  1008. .ipsWidget_columns>[class*="ipsGrid"] {
  1009. margin-bottom: 0;
  1010. border-bottom: 0;
  1011. }
  1012.  
  1013. html[dir="ltr"] .ipsWidget_columns>[class*="ipsGrid"] {
  1014. border-right: 1px solid rgba(0, 0, 0, 0.1);
  1015. padding-right: 10px;
  1016. }
  1017.  
  1018. html[dir="rtl"] .ipsWidget_columns>[class*="ipsGrid"] {
  1019. border-left: 1px solid rgba(0, 0, 0, 0.1);
  1020. padding-left: 10px;
  1021. }
  1022.  
  1023. html[dir="ltr"] .ipsWidget_columns>[class*="ipsGrid"]:last-child {
  1024. border-right: 0;
  1025. }
  1026.  
  1027. html[dir="rtl"] .ipsWidget_columns>[class*="ipsGrid"]:last-child {
  1028. border-left: 0;
  1029. }
  1030.  
  1031. .ipsWidget_horizontal .ipsWidget_statsCount {
  1032. font-size: 22px;
  1033. line-height: 32px !important;
  1034. font-weight: 300;
  1035. }
  1036.  
  1037. .ipsWidget_horizontal .ipsWidget_stats {
  1038. margin-top: 15px;
  1039. margin-bottom: 15px;
  1040. }
  1041.  
  1042. .ipsWidget .ipsTabs_small {
  1043. padding: 0;
  1044. background: transparent;
  1045. }
  1046.  
  1047. .ipsWidget .ipsTabs_small .ipsTabs_item:not( .ipsTabs_activeItem) {
  1048. color: rgba(50, 50, 50, 0.6);
  1049. border-bottom: 1px solid transparent;
  1050. }
  1051.  
  1052. .ipsWidget .ipsTabs_small .ipsTabs_activeItem {
  1053. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  1054. }
  1055.  
  1056. .ipsWidget .ipsDataItem_title {
  1057. font-size: 13px;
  1058. }
  1059.  
  1060. html[dir="ltr"] .ipsWidget .ipsDataItem_main.cWidgetComments {
  1061. padding-right: 55px;
  1062. }
  1063.  
  1064. html[dir="ltr"] .ipsWidget .ipsDataItem_main.cWidgetComments .ipsCommentCount {
  1065. margin-right: -55px;
  1066. margin-left: 0;
  1067. }
  1068.  
  1069. html[dir="rtl"] .ipsWidget .ipsDataItem_main.cWidgetComments {
  1070. padding-left: 55px;
  1071. }
  1072.  
  1073. html[dir="rtl"] .ipsWidget .ipsDataItem_main.cWidgetComments .ipsCommentCount {
  1074. margin-left: -60px;
  1075. margin-right: 0;
  1076. }
  1077.  
  1078. .ipsWidget.ipsWidget_primary {
  1079. background: #262e33;
  1080. }
  1081.  
  1082. .ipsWidget.ipsWidget_primary h3 {
  1083. color: #fff;
  1084. }
  1085.  
  1086. html[dir="ltr"] .ipsWidget_latestItem {
  1087. margin-left: 85px;
  1088. }
  1089.  
  1090. html[dir="rtl"] .ipsWidget_latestItem {
  1091. margin-right: 85px;
  1092. }
  1093.  
  1094. .ipsWidgetBlank {
  1095. margin-top: 16px;
  1096. padding-top: 30px;
  1097. }
  1098.  
  1099. .ipsApp .ipsButton {
  1100. font-size: 13px;
  1101. font-weight: 500;
  1102. text-align: center;
  1103. text-decoration: none;
  1104. text-shadow: none;
  1105. white-space: nowrap;
  1106. display: inline-block;
  1107. vertical-align: middle;
  1108. padding: 10px 20px;
  1109. border-radius: 3px;
  1110. border: 1px solid rgba(0, 0, 0, 0.1);
  1111. -webkit-transition: 0.1s all linear;
  1112. -moz-transition: 0.1s all linear;
  1113. -ms-transition: 0.1s all linear;
  1114. -o-transition: 0.1s all linear;
  1115. transition: 0.1s all linear;
  1116. -webkit-user-select: none;
  1117. -moz-user-select: none;
  1118. -ms-user-select: none;
  1119. -o-user-select: none;
  1120. user-select: none;
  1121. }
  1122.  
  1123. .ipsApp .ipsButton:not( .ipsButton_noHover):hover {
  1124. cursor: pointer;
  1125. text-decoration: none;
  1126. background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  1127. background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  1128. background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  1129. background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  1130. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  1131. }
  1132.  
  1133. .ipsApp .ipsButton:active {
  1134. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) inset;
  1135. border: 1px solid rgba(0, 0, 0, 0.4);
  1136. background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  1137. background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  1138. background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  1139. background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  1140. background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  1141. }
  1142.  
  1143. .ipsApp .ipsButton_normal {
  1144. background: #181c27;
  1145. color: #ffffff;
  1146. }
  1147.  
  1148. .ipsApp .ipsButton_primary {
  1149. background: #1e222a;
  1150. color: #ffffff;
  1151. }
  1152.  
  1153. .ipsApp .ipsButton_alternate {
  1154. background: #181c27;
  1155. color: #ffffff;
  1156. }
  1157.  
  1158. .ipsApp .ipsButton_important {
  1159. background: #1e222a;
  1160. color: #ffffff;
  1161. }
  1162.  
  1163. .ipsApp .ipsButton_positive {
  1164. background: #598f5b;
  1165. color: #fff;
  1166. }
  1167.  
  1168. .ipsApp .ipsButton_intermediate {
  1169. background: #f09348;
  1170. color: #fff;
  1171. }
  1172.  
  1173. .ipsApp .ipsButton_negative {
  1174. background: #c75050;
  1175. color: #fff;
  1176. }
  1177.  
  1178. .ipsApp .ipsButton_light {
  1179. background: #1e222a;
  1180. border-color: rgba(0, 0, 0, 0.03);
  1181. color: #ffffff;
  1182. }
  1183.  
  1184. .ipsApp .ipsButton_light:hover {
  1185. background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  1186. background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  1187. background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  1188. background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  1189. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  1190. }
  1191.  
  1192. .ipsApp .ipsButton:active,
  1193. .ipsApp .ipsButton_active {
  1194. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
  1195. border: 1px solid rgba(0, 0, 0, 0.1);
  1196. background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  1197. background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  1198. background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  1199. background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  1200. background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  1201. }
  1202.  
  1203. .ipsApp .ipsButton_veryLight {
  1204. background: #282c36;
  1205. border-color: #e8e8e8;
  1206. color: #ffffff;
  1207. }
  1208.  
  1209. .ipsApp .ipsButton_overlaid {
  1210. background: rgba(0, 0, 0, 0.5);
  1211. opacity: 0.6;
  1212. color: #fff;
  1213. z-index: 2;
  1214. }
  1215.  
  1216. .ipsApp .ipsButton_overlaid:hover {
  1217. background: #000;
  1218. opacity: 1;
  1219. }
  1220.  
  1221. .ipsApp .ipsButton_overlaid:active {
  1222. background: #000;
  1223. }
  1224.  
  1225. .ipsApp .ipsButton_link {
  1226. background: transparent;
  1227. color: #8d9aa6;
  1228. border: 1px solid #8d9aa6;
  1229. padding: 9px 20px;
  1230. font-weight: normal;
  1231. }
  1232.  
  1233. .ipsApp .ipsButton_link:active {
  1234. box-shadow: none;
  1235. background-image: none;
  1236. }
  1237.  
  1238. .ipsApp .ipsButton_link.ipsFollow,
  1239. .ipsApp .ipsButton_link.ipsPromote {
  1240. background: #fff;
  1241. height: 28px;
  1242. box-sizing: content-box;
  1243. }
  1244.  
  1245. .ipsApp .ipsButton_link.ipsFollow:hover,
  1246. .ipsApp .ipsButton_link.ipsPromote:hover {
  1247. cursor: default;
  1248. }
  1249.  
  1250. .ipsApp .ipsToolList .ipsButton_link,
  1251. .ipsApp .ipsButton_link.ipsButton_link_secondary {
  1252. border: 0px;
  1253. }
  1254.  
  1255. .ipsApp .ipsButton_medium {
  1256. font-size: 14px;
  1257. line-height: 38px;
  1258. padding: 0 20px;
  1259. }
  1260.  
  1261. .ipsApp .ipsButton_large {
  1262. font-size: 15px;
  1263. line-height: 42px;
  1264. padding: 0 20px;
  1265. }
  1266.  
  1267. .ipsApp .ipsButton_veryLarge {
  1268. font-size: 16px;
  1269. line-height: 46px;
  1270. padding: 0 22px;
  1271. }
  1272.  
  1273. .ipsApp .ipsButton_small {
  1274. font-size: 12px;
  1275. line-height: 34px;
  1276. padding: 0 18px;
  1277. }
  1278.  
  1279. .ipsApp .ipsButton_verySmall {
  1280. font-size: 12px;
  1281. line-height: 28px;
  1282. padding: 0 15px;
  1283. }
  1284.  
  1285. .ipsApp .ipsButton_veryVerySmall {
  1286. font-size: 10px;
  1287. line-height: 20px;
  1288. padding: 0 8px;
  1289. }
  1290.  
  1291. .ipsApp .ipsButton_fullWidth {
  1292. display: block;
  1293. width: 100%;
  1294. text-overflow: ellipsis;
  1295. overflow: hidden;
  1296. }
  1297.  
  1298. .ipsApp .ipsButton_action {
  1299. min-width: 200px;
  1300. }
  1301.  
  1302. .ipsApp .ipsButton_narrow {
  1303. padding-left: 8px;
  1304. padding-right: 8px;
  1305. }
  1306.  
  1307. .ipsApp .ipsButton_shouting {
  1308. text-transform: uppercase;
  1309. }
  1310.  
  1311. .ipsApp .ipsButton[disabled],
  1312. .ipsApp .ipsButton.ipsButton_disabled {
  1313. opacity: 0.5;
  1314. cursor: not-allowed;
  1315. }
  1316.  
  1317. .ipsApp .ipsButton[disabled]:hover,
  1318. .ipsApp .ipsButton.ipsButton_disabled:hover,
  1319. .ipsApp .ipsButton[disabled]:active,
  1320. .ipsApp .ipsButton.ipsButton_disabled:active {
  1321. background-image: none;
  1322. }
  1323.  
  1324. ul.ipsButton_split {
  1325. margin: 0;
  1326. padding: 0;
  1327. list-style: none;
  1328. display: inline-block;
  1329. }
  1330.  
  1331. .ipsList_inline ul.ipsButton_split {
  1332. vertical-align: middle;
  1333. }
  1334.  
  1335. ul.ipsButton_split>li {
  1336. float: left;
  1337. }
  1338.  
  1339. html[dir="rtl"] ul.ipsButton_split>li {
  1340. float: right;
  1341. }
  1342.  
  1343. .ipsButton_split>.ipsButton,
  1344. .ipsButton_split>li>.ipsButton {
  1345. border-radius: 0;
  1346. border-right-width: 0;
  1347. border-left-width: 0;
  1348. float: left;
  1349. }
  1350.  
  1351. html[dir="rtl"] .ipsButton_split>.ipsButton,
  1352. html[dir="rtl"] .ipsButton_split>li>.ipsButton {
  1353. float: right;
  1354. }
  1355.  
  1356. html[dir="ltr"] .ipsButton_split>.ipsButton:not( :last-child),
  1357. html[dir="ltr"] .ipsButton_split>li:not( :last-child)>.ipsButton {
  1358. border-right: 1px solid rgba(0, 0, 0, 0.1);
  1359. }
  1360.  
  1361. html[dir="rtl"] .ipsButton_split>.ipsButton:not( :last-child),
  1362. html[dir="rtl"] .ipsButton_split>li:not( :last-child)>.ipsButton {
  1363. border-left: 1px solid rgba(0, 0, 0, 0.1);
  1364. }
  1365.  
  1366. html[dir="ltr"] .ipsButton_split>.ipsButton:not( :first-child),
  1367. html[dir="ltr"] .ipsButton_split>li:not( :first-child)>.ipsButton {
  1368. border-left: 1px solid rgba(255, 255, 255, 0.1);
  1369. }
  1370.  
  1371. html[dir="rtl"] .ipsButton_split>.ipsButton:not( :first-child),
  1372. html[dir="rtl"] .ipsButton_split>li:not( :first-child)>.ipsButton {
  1373. border-right: 1px solid rgba(255, 255, 255, 0.1);
  1374. }
  1375.  
  1376. html[dir="ltr"] .ipsButton_split>.ipsButton:first-child,
  1377. html[dir="ltr"] .ipsButton_split>li:first-child>.ipsButton {
  1378. border-top-left-radius: 3px;
  1379. border-bottom-left-radius: 3px;
  1380. border-left-width: 1px;
  1381. }
  1382.  
  1383. html[dir="rtl"] .ipsButton_split>.ipsButton:first-child,
  1384. html[dir="rtl"] .ipsButton_split>li:first-child>.ipsButton {
  1385. border-top-right-radius: 3px;
  1386. border-bottom-right-radius: 3px;
  1387. border-right-width: 1px;
  1388. }
  1389.  
  1390. html[dir="ltr"] .ipsButton_split>.ipsButton:last-child,
  1391. html[dir="ltr"] .ipsButton_split>li:last-child>.ipsButton {
  1392. border-top-right-radius: 3px;
  1393. border-bottom-right-radius: 3px;
  1394. border-right-width: 1px;
  1395. }
  1396.  
  1397. html[dir="rtl"] .ipsButton_split>.ipsButton:last-child,
  1398. html[dir="rtl"] .ipsButton_split>li:last-child>.ipsButton {
  1399. border-top-left-radius: 3px;
  1400. border-bottom-left-radius: 3px;
  1401. border-right-width: 1px;
  1402. }
  1403.  
  1404. html[dir] .ipsButton_split>.ipsButton.ipsButton_link,
  1405. html[dir] .ipsButton_split>li>.ipsButton.ipsButton_link {
  1406. border: 1px solid #8d9aa6;
  1407. }
  1408.  
  1409. html[dir="ltr"] .ipsButton_split>.ipsButton.ipsButton_link+.ipsButton.ipsButton_link,
  1410. html[dir="ltr"] .ipsButton_split>li+li>.ipsButton.ipsButton_link {
  1411. border-left: 0;
  1412. }
  1413.  
  1414. html[dir="rtl"] .ipsButton_split>.ipsButton.ipsButton_link+.ipsButton.ipsButton_link,
  1415. html[dir="rtl"] .ipsButton_split>li+li>.ipsButton.ipsButton_link {
  1416. border-right: 0;
  1417. }
  1418.  
  1419. .ipsButtonBar {
  1420. line-height: 1;
  1421. background: #0a0f16;
  1422. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1423. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  1424. }
  1425.  
  1426. .ipsButtonBar~.ipsButtonBar {
  1427. border-bottom: 0;
  1428. border-top: 1px solid rgba(0, 0, 0, 0.1);
  1429. }
  1430.  
  1431. .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_page a,
  1432. .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_next a,
  1433. .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_prev a,
  1434. .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_first a,
  1435. .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_last a {
  1436. background: #fff;
  1437. text-shadow: none;
  1438. color: #222;
  1439. }
  1440.  
  1441. .ipsButtonBar .ipsPagination .ipsPagination_pageJump a {
  1442. color: #222;
  1443. }
  1444.  
  1445. .ipsButtonBar .ipsPagination .ipsPagination_page.ipsPagination_active a {
  1446. background: #1e222a;
  1447. border-color: #1e222a;
  1448. color: #fff;
  1449. }
  1450.  
  1451. .ipsButtonBar .ipsButtonRow li>a,
  1452. .ipsButtonBar .ipsButtonRow li>button,
  1453. .ipsButtonBar .ipsButtonRow li>span {
  1454. background: #fff;
  1455. color: #222;
  1456. font-weight: bold;
  1457. }
  1458.  
  1459. html[dir="ltr"] .ipsButtonBar .ipsButtonRow {
  1460. margin-left: 10px;
  1461. padding: 0;
  1462. }
  1463.  
  1464. html[dir="rtl"] .ipsButtonBar .ipsButtonRow {
  1465. margin-right: 10px;
  1466. padding: 0;
  1467. }
  1468.  
  1469. .ipsButtonBar .ipsButtonRow:last-child {
  1470. margin-right: 0;
  1471. }
  1472.  
  1473. html[dir="rtl"] .ipsButtonBar .ipsButtonRow:last-child {
  1474. margin-left: 0;
  1475. }
  1476.  
  1477. .ipsButtonRow {
  1478. display: inline-block;
  1479. margin: 0;
  1480. padding: 0;
  1481. -webkit-font-smoothing: antialiased;
  1482. }
  1483.  
  1484. .ipsButtonRow li {
  1485. float: left;
  1486. display: inline-block;
  1487. }
  1488.  
  1489. html[dir="ltr"] .ipsButtonRow li {
  1490. float: right;
  1491. }
  1492.  
  1493. .ipsButtonRow li>a,
  1494. .ipsButtonRow li>button,
  1495. .ipsButtonRow li>span {
  1496. display: block;
  1497. background: #f0f0f0;
  1498. line-height: 26px;
  1499. padding: 0 10px;
  1500. font-size: 10px;
  1501. font-weight: 500;
  1502. color: #323232;
  1503. text-transform: uppercase;
  1504. position: relative;
  1505. border: 0px;
  1506. }
  1507.  
  1508. html[dir="ltr"] .ipsButtonRow li:last-child>a,
  1509. html[dir="ltr"] .ipsButtonRow li:last-child>button,
  1510. html[dir="ltr"] .ipsButtonRow li:last-child>span {
  1511. margin-left: 0;
  1512. border-top-left-radius: 2px;
  1513. border-bottom-left-radius: 2px;
  1514. }
  1515.  
  1516. html[dir="ltr"] .ipsButtonRow li:first-child>a,
  1517. html[dir="ltr"] .ipsButtonRow li:first-child>button,
  1518. html[dir="ltr"] .ipsButtonRow li:first-child>span {
  1519. border-top-right-radius: 2px;
  1520. border-bottom-right-radius: 2px;
  1521. }
  1522.  
  1523. html[dir="rtl"] .ipsButtonRow li:last-child>a,
  1524. html[dir="rtl"] .ipsButtonRow li:last-child>button,
  1525. html[dir="rtl"] .ipsButtonRow li:last-child>span {
  1526. margin-right: 0;
  1527. border-top-right-radius: 2px;
  1528. border-bottom-right-radius: 2px;
  1529. }
  1530.  
  1531. html[dir="rtl"] .ipsButtonRow li:first-child>a,
  1532. html[dir="rtl"] .ipsButtonRow li:first-child>button,
  1533. html[dir="rtl"] .ipsButtonRow li:first-child>span {
  1534. border-top-left-radius: 2px;
  1535. border-bottom-left-radius: 2px;
  1536. }
  1537.  
  1538. .ipsButtonRow li>a.ipsButtonRow_active,
  1539. .ipsButtonRow li>button.ipsButtonRow_active {
  1540. background: #1e222a;
  1541. border-color: #1e222a;
  1542. color: #fff;
  1543. text-shadow: none;
  1544. }
  1545.  
  1546. .ipsAreaBackground_light .ipsButtonRow li>a:not( .ipsButtonRow_active),
  1547. .ipsAreaBackground_light .ipsButtonRow li>button:not( .ipsButtonRow_active),
  1548. .ipsAreaBackground_light .ipsButtonRow li>span:not( .ipsButtonRow_active) {
  1549. background: #fff;
  1550. }
  1551.  
  1552. .ipsAreaBackground_light .ipsButtonRow li>span.ipsButtonRow_noBackground {
  1553. background: transparent;
  1554. }
  1555.  
  1556. .ipsButtonRow li .ipsIcon {
  1557. position: relative;
  1558. top: 3px;
  1559. }
  1560.  
  1561. .ipsButtonRow li>span.ipsButtonRow_noBackground {
  1562. background: transparent;
  1563. }
  1564.  
  1565. .ipsSocial {
  1566. color: #fff;
  1567. padding: 2px !important;
  1568. border: 0 !important;
  1569. border-spacing: 0;
  1570. min-width: 200px;
  1571. max-width: 315px;
  1572. }
  1573.  
  1574. .ipsSocial:hover {
  1575. color: #fff;
  1576. }
  1577.  
  1578. .ipsSocial_icon {
  1579. display: table-cell;
  1580. vertical-align: middle;
  1581. height: 32px;
  1582. min-width: 32px;
  1583. font-size: 18px;
  1584. background: rgba(0, 0, 0, 0.2);
  1585. }
  1586.  
  1587. .ipsSocial_icon img {
  1588. max-width: 16px;
  1589. margin-left: -2px;
  1590. margin-top: -2px;
  1591. }
  1592.  
  1593. .ipsSocial_text {
  1594. display: table-cell;
  1595. width: 100%;
  1596. line-height: 32px;
  1597. font-size: 13px;
  1598. }
  1599.  
  1600. .ipsSocial_microsoft {
  1601. background-color: #008b00;
  1602. }
  1603.  
  1604. .ipsSocial_facebook {
  1605. background-color: #3a579a;
  1606. }
  1607.  
  1608. .ipsSocial_twitter {
  1609. background-color: #00abf0;
  1610. }
  1611.  
  1612. .ipsSocial_linkedIn {
  1613. background: #007eb3;
  1614. }
  1615.  
  1616. .ipsSocial_google {
  1617. background-color: #d34730;
  1618. }
  1619.  
  1620. .ipsSocial_google .ipsSocial_icon {
  1621. height: 32px;
  1622. width: 32px;
  1623. background-color: #fff;
  1624. background-size: 18px 18px;
  1625. background-repeat: no-repeat;
  1626. background-position: center center;
  1627. }
  1628.  
  1629. .ipsSocial_google .ipsSocial_icon .fa {
  1630. display: none !important;
  1631. }
  1632.  
  1633. .ipsSocial_google .ipsSocial_text {
  1634. line-height: 32px;
  1635. }
  1636.  
  1637. .ipsSocial_internal {
  1638. background-color: #008b00;
  1639. }
  1640.  
  1641. .ipsPromote.ipsButton {
  1642. cursor: pointer !important;
  1643. }
  1644.  
  1645. .ipsApp .ipsPromote.ipsButton_verySmall {
  1646. padding-left: 0;
  1647. }
  1648.  
  1649. .ipsPromote .ipsPromoteText {
  1650. padding-left: 15px;
  1651. }
  1652.  
  1653. .ipsPromote.ipsButton a {
  1654. padding-right: 6px;
  1655. display: inline-block;
  1656. }
  1657.  
  1658. .ipsPromote .ipsPromote_icon {
  1659. color: #ffffff;
  1660. display: inline-block;
  1661. width: 22px;
  1662. text-align: center;
  1663. margin-right: -4px;
  1664. opacity: 1;
  1665. background: #8d9aa6;
  1666. }
  1667.  
  1668. .ipsPromote .ipsPromote_icon:first-of-type {
  1669. border-radius: 2px 0px 0px 2px;
  1670. }
  1671.  
  1672. .ipsMemberCard {
  1673. background: #fff;
  1674. border: 1px solid #d9d9d9;
  1675. text-align: center;
  1676. padding: 10px;
  1677. margin-top: 10px;
  1678. position: relative;
  1679. }
  1680.  
  1681. .ipsMemberCard .ipsMemberCard_photo {
  1682. margin-top: -28px;
  1683. }
  1684.  
  1685. .ipsMemberCard .ipsType_sectionHead {
  1686. display: block;
  1687. margin-top: 3px;
  1688. font-size: 18px;
  1689. }
  1690.  
  1691. .ipsMemberCard_controls.ipsButton {
  1692. color: inherit;
  1693. position: absolute;
  1694. top: 5px;
  1695. right: 5px;
  1696. line-height: 22px;
  1697. }
  1698.  
  1699. ul.ipsGrid.ipsMemberCard_buttons li {
  1700. margin-bottom: 0;
  1701. }
  1702.  
  1703. .ipsComment {
  1704. position: relative;
  1705. margin-bottom: 15px;
  1706. padding: 0;
  1707. background: #fff;
  1708. }
  1709.  
  1710. .ipsDataItem>.ipsComment {
  1711. margin-bottom: 0;
  1712. }
  1713.  
  1714. .ipsComment.ipsComment_selected {
  1715. border-width: 1px;
  1716. border-style: solid;
  1717. border-color: #8ec2ed #8bbee8 #84b4db #8ec2ed;
  1718. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0px 1px 5px rgba(82, 168, 236, 0.6);
  1719. }
  1720.  
  1721. .ipsComment.ipsComment_selected .ipsComment_author {
  1722. background: transparent;
  1723. }
  1724.  
  1725. .ipsApp .ipsComment.ipsComment_selected .ipsComment_header {
  1726. background: #141c29;
  1727. }
  1728.  
  1729. .ipsComment:not( .ipsModerated):not( .ipsComment_selected).ipsBox.ipsComment_popular {
  1730. border-color: rgba(255, 86, 41, 0.4);
  1731. box-shadow: 0px 2px 10px rgba(255, 86, 41, 0.2);
  1732. }
  1733.  
  1734. .ipsComment:not( .ipsModerated):not( .ipsComment_selected).ipsComment_popular .ipsComment_header {
  1735. background: rgba(255, 86, 41, 0.1);
  1736. border-top: 1px solid #ff5629;
  1737. }
  1738.  
  1739. html[dir="ltr"] .ipsComment:not( .ipsModerated).ipsComment_popular .ipsComment_header {
  1740. padding-right: 60px;
  1741. }
  1742.  
  1743. html[dir="rtl"] .ipsComment:not( .ipsModerated).ipsComment_popular .ipsComment_header {
  1744. padding-left: 60px;
  1745. }
  1746.  
  1747. .ipsComment:not( .ipsModerated) .ipsComment_header {
  1748. background: #f5f5f5;
  1749. border-top: 1px solid #a3a7a9;
  1750. }
  1751.  
  1752. .ipsComment.ipsModerated .ipsComment_header {
  1753. background: #191c23;
  1754. }
  1755.  
  1756. .ipsComment.ipsModerated {
  1757. background: #191c23;
  1758. }
  1759.  
  1760. html[dir="ltr"] .ipsComment>.ipsUserPhoto {
  1761. float: left;
  1762. margin-right: 7px;
  1763. }
  1764.  
  1765. html[dir="rtl"] .ipsComment>.ipsUserPhoto {
  1766. float: right;
  1767. margin-left: 7px;
  1768. }
  1769.  
  1770. .ipsComment_header {
  1771. padding: 10px;
  1772. }
  1773.  
  1774. .ipsComment_header .ipsUserPhoto {
  1775. margin: 0;
  1776. }
  1777.  
  1778. .ipsComment_header .ipsComment_header_modcbox {
  1779. margin-right: 25px;
  1780. }
  1781.  
  1782. .ipsComment_author {
  1783. display: inline;
  1784. }
  1785.  
  1786. .ipsComment_content {
  1787. position: relative;
  1788. }
  1789.  
  1790. .ipsComment [data-role="commentContent"] {
  1791. margin-bottom: 20px;
  1792. }
  1793.  
  1794. .ipsComment.ipsComment_hasChildren {
  1795. margin-bottom: 40px;
  1796. }
  1797.  
  1798. .ipsComment.ipsComment_hasChildren>.ipsComment_content {
  1799. padding-bottom: 20px;
  1800. }
  1801.  
  1802. .ipsComment .ipsType_richText {
  1803. overflow-x: auto;
  1804. overflow-y: hidden;
  1805. }
  1806.  
  1807. .ipsComment[data-role="replyComment"] {
  1808. margin-left: -15px;
  1809. margin-right: -15px;
  1810. }
  1811.  
  1812. .ipsComment_parent.ipsComment>.ipsComment_content>.ipsComment_author {
  1813. font-size: 15px;
  1814. margin: 0;
  1815. }
  1816.  
  1817. .ipsComment_meta {
  1818. margin: 0;
  1819. }
  1820.  
  1821. .ipsComment_controls {
  1822. margin: 0;
  1823. padding: 0;
  1824. list-style: none;
  1825. }
  1826.  
  1827. .ipsComment_controls>li {
  1828. display: inline-block;
  1829. vertical-align: middle;
  1830. }
  1831.  
  1832. html[dir="ltr"] .ipsComment_controls>li {
  1833. margin-right: 15px;
  1834. }
  1835.  
  1836. html[dir="rtl"] .ipsComment_controls>li {
  1837. margin-left: 15px;
  1838. }
  1839.  
  1840. [data-role="commentFeed"]>.ipsComment:first-child {
  1841. margin-top: 0;
  1842. }
  1843.  
  1844. html[dir="ltr"] .ipsComment_tools.ipsList_inline>li {
  1845. margin-right: 0;
  1846. margin-left: 10px;
  1847. }
  1848.  
  1849. html[dir="rtl"] .ipsComment_tools.ipsList_inline>li {
  1850. margin-right: 10px;
  1851. margin-left: 0;
  1852. }
  1853.  
  1854. .ipsComment.ipsComment_ignored {
  1855. border-width: 0;
  1856. color: #adadad;
  1857. background: transparent;
  1858. }
  1859.  
  1860. .ipsComment.ipsComment_ignored:first-child {
  1861. margin-top: 15px;
  1862. }
  1863.  
  1864. html[dir="ltr"] .ipsComment.ipsComment_ignored {
  1865. padding-left: 75px;
  1866. }
  1867.  
  1868. html[dir="rtl"] .ipsComment.ipsComment_ignored {
  1869. padding-right: 75px;
  1870. }
  1871.  
  1872. .ipsComment.ipsComment_ignored+.ipsComment:not( .ipsComment_ignored) {
  1873. margin-top: 0;
  1874. }
  1875.  
  1876. .ipsComment.ipsComment_popular [data-role="commentContent"] {
  1877. min-height: 70px;
  1878. }
  1879.  
  1880. .ipsComment.ipsComment_popular .ipsComment_popularFlag {
  1881. position: absolute;
  1882. top: -3px;
  1883. background: #ff5629;
  1884. text-align: center;
  1885. color: #fff;
  1886. width: 34px;
  1887. height: 40px;
  1888. font-size: 26px;
  1889. padding-top: 11px;
  1890. z-index: 5000;
  1891. border-radius: 2px 2px 0 0;
  1892. }
  1893.  
  1894. html[dir="ltr"] .ipsComment.ipsComment_popular .ipsComment_popularFlag {
  1895. right: 10px;
  1896. }
  1897.  
  1898. html[dir="rtl"] .ipsComment.ipsComment_popular .ipsComment_popularFlag {
  1899. left: 10px;
  1900. }
  1901.  
  1902. .ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
  1903. content: '';
  1904. display: block;
  1905. position: absolute;
  1906. }
  1907.  
  1908. .ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
  1909. border-width: 13px 17px 17px 17px;
  1910. border-style: solid;
  1911. border-color: #ff5629 transparent transparent transparent;
  1912. top: 100%;
  1913. }
  1914.  
  1915. html[dir="ltr"] .ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
  1916. left: 0;
  1917. }
  1918.  
  1919. html[dir="rtl"] .ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
  1920. right: 0;
  1921. }
  1922.  
  1923. .ipsCommentUnreadSeperator {
  1924. margin: 15px 0;
  1925. height: 0;
  1926. padding: 0;
  1927. border-width: 2px 0 0 0;
  1928. border-style: solid;
  1929. border-color: #417ba3;
  1930. }
  1931.  
  1932. .ipsType_richText .ipsPagination:first-child {
  1933. margin-bottom: 15px;
  1934. }
  1935.  
  1936. .ipsTooltip.ipsComment_inlineQuoteTooltip {
  1937. pointer-events: auto;
  1938. padding: 7px !important;
  1939. border-radius: 4px;
  1940. }
  1941.  
  1942. .ipsComment_subComments {
  1943. margin-top: 15px;
  1944. }
  1945.  
  1946. html[dir="ltr"] .ipsComment_subComments {
  1947. margin-left: 55px;
  1948. }
  1949.  
  1950. html[dir="rtl"] .ipsComment_subComments {
  1951. margin-right: 55px;
  1952. }
  1953.  
  1954. .ipsComment_subComments .ipsComment {
  1955. padding: 10px;
  1956. margin-bottom: 3px;
  1957. }
  1958.  
  1959. .ipsComment_subComments .ipsComment [data-role="commentContent"] {
  1960. margin-bottom: 0;
  1961. }
  1962.  
  1963. .ipsComment_subComments .ipsComment[data-role="replyComment"] {
  1964. margin: 0;
  1965. }
  1966.  
  1967. .ipsComment_subComments .ipsComment[data-role="replyComment"] .ipsUserPhoto img {
  1968. width: 34px;
  1969. height: 34px;
  1970. border-radius: 17px;
  1971. }
  1972.  
  1973. .ipsComment_subComments .ipsComment[data-role="replyComment"] .ipsComposeArea_editor {
  1974. padding: 2px;
  1975. }
  1976.  
  1977. .ipsComment_subComments .ipsComment[data-role="replyComment"] .ipsComposeArea_dummy {
  1978. padding: 7px;
  1979. font-size: 13px;
  1980. }
  1981.  
  1982. html[dir="ltr"] .ipsComment_subComments .ipsComment:not( [data-role="replyComment"]) .ipsComment_content,
  1983. html[dir="ltr"] .ipsComment_subComments .ipsComposeArea_withPhoto .ipsComposeArea_editor {
  1984. margin-left: 45px;
  1985. }
  1986.  
  1987. html[dir="rtl"] .ipsComment_subComments .ipsComment:not( [data-role="replyComment"]) .ipsComment_content,
  1988. html[dir="rtl"] .ipsComment_subComments .ipsComposeArea_withPhoto .ipsComposeArea_editor {
  1989. margin-right: 45px;
  1990. }
  1991.  
  1992. .ipsComment_subComments .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  1993. display: none;
  1994. }
  1995.  
  1996. .ipsComment_highlighted.ipsBox:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular),
  1997. .ipsComment_highlighted:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular) .ipsAreaBackground_reset {
  1998. background-color: #0d0f13;
  1999. }
  2000.  
  2001. .ipsComment_highlighted:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular) {
  2002. background-color: #0d0f13;
  2003. border: 1px solid #1685aa;
  2004. box-shadow: 0px 2px 10px rgba(22, 133, 170, 0.4);
  2005. }
  2006.  
  2007. .ipsComment_highlighted.ipsComment:not( .ipsModerated) .ipsComment_header {
  2008. background-color: rgba(22, 133, 170, 0.1);
  2009. border-top: 0;
  2010. }
  2011.  
  2012. .ipsRecommendedComments {
  2013. margin-bottom: 15px;
  2014. }
  2015.  
  2016. .ipsTabs_panel .ipsRecommendedComments {
  2017. margin: -15px -15px 15px -15px;
  2018. }
  2019.  
  2020. .ipsRecommendedComments [data-commentID]:last-child {
  2021. margin-bottom: 0;
  2022. }
  2023.  
  2024. .ipsRecommendedComments .ipsType_sectionHead {
  2025. margin-top: -5px;
  2026. margin-bottom: 10px;
  2027. }
  2028.  
  2029. .ipsComment_recommended {
  2030. position: relative;
  2031. border: 1px solid rgba(255, 86, 41, 0.4) !important;
  2032. }
  2033.  
  2034. .ipsComment_recommended .ipsColumn_narrow {
  2035. padding-top: 30px;
  2036. }
  2037.  
  2038. .ipsComment_recommendedFlag {
  2039. position: absolute;
  2040. top: 10px;
  2041. line-height: 22px;
  2042. padding: 0 10px;
  2043. font-size: 11px;
  2044. background: #ff5629;
  2045. color: #fff;
  2046. }
  2047.  
  2048. html[dir="ltr"] .ipsComment_recommendedFlag {
  2049. left: -4px;
  2050. border-radius: 2px 0 0 2px;
  2051. }
  2052.  
  2053. html[dir="rtl"] .ipsComment_recommendedFlag {
  2054. right: -4px;
  2055. border-radius: 0 2px 2px 0;
  2056. }
  2057.  
  2058. .ipsComment_recommendedFlag:after {
  2059. content: '';
  2060. display: block;
  2061. border-style: solid;
  2062. position: absolute;
  2063. top: 0;
  2064. }
  2065.  
  2066. html[dir="ltr"] .ipsComment_recommendedFlag:after {
  2067. border-color: transparent transparent transparent #ff5629;
  2068. border-width: 11px 11px 11px 7px;
  2069. right: -18px;
  2070. }
  2071.  
  2072. html[dir="rtl"] .ipsComment_recommendedFlag:after {
  2073. border-color: transparent #ff5629 transparent transparent;
  2074. border-width: 11px 7px 11px 11px;
  2075. left: -18px;
  2076. }
  2077.  
  2078. .ipsComment_recommendedNote {
  2079. margin-top: 10px;
  2080. position: relative;
  2081. }
  2082.  
  2083. html[dir="ltr"] .ipsComment_recommendedNote {
  2084. margin-left: 15px;
  2085. padding-left: 30px;
  2086. }
  2087.  
  2088. html[dir="rtl"] .ipsComment_recommendedNote {
  2089. margin-right: 15px;
  2090. padding-right: 30px;
  2091. }
  2092.  
  2093. .ipsComment_recommendedNote:before {
  2094. content: '\f10d';
  2095. font-family: 'FontAwesome';
  2096. color: rgba(255, 86, 41, 0.6);
  2097. font-size: 20px;
  2098. font-style: normal;
  2099. position: absolute;
  2100. top: 0;
  2101. }
  2102.  
  2103. html[dir="ltr"] .ipsComment_recommendedNote:before {
  2104. left: 0;
  2105. }
  2106.  
  2107. html[dir="rtl"] .ipsComment_recommendedNote:before {
  2108. right: 0;
  2109. }
  2110.  
  2111. .ipsComment_recommendedNote .ipsType_richText {
  2112. font-style: italic;
  2113. }
  2114.  
  2115. .ipsComment_recommendedRep {
  2116. font-size: 20px;
  2117. color: #ffffff;
  2118. min-width: 200px;
  2119. }
  2120.  
  2121. .ipsComment_recommendedRep a {
  2122. color: #ffffff;
  2123. }
  2124.  
  2125. .ipsComment_recommendedRep span {
  2126. display: block;
  2127. margin-top: 5px;
  2128. font-size: 12px;
  2129. text-transform: uppercase;
  2130. opacity: 0.5;
  2131. }
  2132.  
  2133. .ipsApp .cke {
  2134. box-shadow: none;
  2135. }
  2136.  
  2137. .ipsApp .cke_combo {
  2138. height: 40px;
  2139. }
  2140.  
  2141. .ipsComposeArea_editor {
  2142. background: rgba(0, 0, 0, 0.1);
  2143. position: relative;
  2144. padding: 1px;
  2145. border-collapse: collapse;
  2146. }
  2147.  
  2148. .ipsComposeArea_editor [data-ipsEditor][data-loading] .cke {
  2149. height: 1px !important;
  2150. overflow: hidden !important;
  2151. }
  2152.  
  2153. .ipsApp .ipsComposeArea_editor .ipsNotificationCount {
  2154. top: 0px;
  2155. }
  2156.  
  2157. .ipsComposeArea_withPhoto .ipsComposeArea_editor {
  2158. padding: 4px;
  2159. }
  2160.  
  2161. html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor {
  2162. margin-left: 75px;
  2163. }
  2164.  
  2165. html[dir="rtl"] .ipsComposeArea_withPhoto .ipsComposeArea_editor {
  2166. margin-right: 75px;
  2167. }
  2168.  
  2169. .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  2170. content: '';
  2171. position: absolute;
  2172. top: 15px;
  2173. display: block;
  2174. width: 0;
  2175. height: 0;
  2176. border-width: 15px;
  2177. border-style: solid;
  2178. }
  2179.  
  2180. html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  2181. right: 100%;
  2182. border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
  2183. }
  2184.  
  2185. html[dir="rtl"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  2186. left: 100%;
  2187. border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
  2188. }
  2189.  
  2190. .ipsComposeArea_dummy {
  2191. padding: 15px;
  2192. background: #fff;
  2193. color: #707070;
  2194. font-size: 15px;
  2195. cursor: text;
  2196. }
  2197.  
  2198. .ipsComposeArea_dummy i.ipsFlag {
  2199. opacity: 0.5;
  2200. }
  2201.  
  2202. .ipsComposeArea .ipsToolList.ipsPad_half {
  2203. padding-top: 12px;
  2204. }
  2205.  
  2206. html[dir] .ipsApp .ipsComposeArea .ipsToolList .ipsComposeArea_formControl {
  2207. margin-top: 7px;
  2208. }
  2209.  
  2210. .ipsComposeArea [data-ipsEditor-toolList]+[data-ipsEditor] .cke {
  2211. margin-top: 10px;
  2212. }
  2213.  
  2214. .ipsComposeArea [data-ipsEditor]+[data-ipsEditor-toolList] {
  2215. margin-top: 7px;
  2216. margin-bottom: 3px;
  2217. padding: 0 7px;
  2218. }
  2219.  
  2220. .ipsComposeArea_editor [data-role="previewToolbar"] {
  2221. line-height: 1;
  2222. }
  2223.  
  2224. .ipsComposeArea_smallPreview {
  2225. box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  2226. }
  2227.  
  2228. .ipsComposeArea_editor [data-role="previewContainer"] {
  2229. line-height: 1;
  2230. }
  2231.  
  2232. .ipsComposeArea_editor [data-action='closePreview'] {
  2233. font-family: arial, sans-serif;
  2234. width: 30px;
  2235. height: 30px;
  2236. border-radius: 30px;
  2237. line-height: 30px !important;
  2238. font-size: 20px;
  2239. background: #000;
  2240. border: 0;
  2241. color: #fff;
  2242. display: block;
  2243. text-align: center;
  2244. margin-top: -12px;
  2245. text-decoration: none;
  2246. }
  2247.  
  2248. .ipsComposeArea_editorPaste {
  2249. background: #414345;
  2250. color: #fff;
  2251. font-size: 12px;
  2252. }
  2253.  
  2254. .ipsComposeArea_editorPaste .ipsComposeArea_editorPasteSwitch {
  2255. font-family: arial, sans-serif;
  2256. width: 30px;
  2257. height: 30px;
  2258. border-radius: 30px;
  2259. line-height: 30px !important;
  2260. font-size: 20px;
  2261. background: #000;
  2262. border: 0;
  2263. color: #fff;
  2264. display: block;
  2265. text-align: center;
  2266. margin-top: -12px;
  2267. text-decoration: none;
  2268. }
  2269.  
  2270. .ipsComposeArea_editorPaste a {
  2271. color: #f0f0f0;
  2272. }
  2273.  
  2274. .ipsComposeArea_editorPaste a:hover {
  2275. color: #fff;
  2276. }
  2277.  
  2278. .ipsComposeArea_minimized .ipsComposeArea_editorPaste {
  2279. display: none !important;
  2280. }
  2281.  
  2282. html[dir] .ipsComposeArea_imageAlign.ipsButton_split>li {
  2283. display: table-cell;
  2284. width: 1%;
  2285. float: none;
  2286. }
  2287.  
  2288. .ipsComposeArea_imageAlign.ipsButton_split>li input[type="radio"] {
  2289. position: absolute;
  2290. opacity: 0.0001;
  2291. }
  2292.  
  2293. .ipsComposeArea_imageDims {
  2294. display: inline-block;
  2295. position: relative;
  2296. }
  2297.  
  2298. html[dir="ltr"] .ipsComposeArea_imageDims>input[type="number"] {
  2299. padding-right: 80px;
  2300. }
  2301.  
  2302. html[dir="rtl"] .ipsComposeArea_imageDims>input[type="number"] {
  2303. padding-left: 80px;
  2304. }
  2305.  
  2306. .ipsComposeArea_imageDims>span {
  2307. position: absolute;
  2308. top: 11px;
  2309. }
  2310.  
  2311. html[dir="ltr"] .ipsComposeArea_imageDims>span {
  2312. right: 8px;
  2313. }
  2314.  
  2315. html[dir="rtl"] .ipsComposeArea_imageDims>span {
  2316. left: 8px;
  2317. }
  2318.  
  2319. @media screen and (max-width:767px) {
  2320. .ipsApp .ipsComposeArea_imageDims>input[type="number"].ipsField_short {
  2321. max-width: 160px;
  2322. }
  2323. }
  2324.  
  2325. .ipsComposeArea_sidebar [data-role="tagsList"] {
  2326. padding: 5px;
  2327. max-height: 300px;
  2328. overflow: auto;
  2329. }
  2330.  
  2331. .ipsComposeArea_sidebar [data-role="tagsList"] [data-tagKey] {
  2332. cursor: pointer;
  2333. }
  2334.  
  2335. .ipsComposeArea_sidebar [data-action='tagsToggle'] {
  2336. display: inline-block;
  2337. position: absolute;
  2338. top: 6px;
  2339. text-indent: 100%;
  2340. overflow: hidden;
  2341. white-space: nowrap;
  2342. width: 20px;
  2343. color: inherit;
  2344. opacity: 0.4;
  2345. -webkit-transition: all 0.2s linear;
  2346. -moz-transition: all 0.2s linear;
  2347. -ms-transition: all 0.2s linear;
  2348. -o-transition: all 0.2s linear;
  2349. transition: all 0.2s linear;
  2350. }
  2351.  
  2352. html[dir="ltr"] .ipsComposeArea_sidebar [data-action='tagsToggle'] {
  2353. right: 6px;
  2354. }
  2355.  
  2356. html[dir="rtl"] .ipsComposeArea_sidebar [data-action='tagsToggle'] {
  2357. left: 6px;
  2358. }
  2359.  
  2360. .ipsComposeArea_sidebar [data-action='tagsToggle']:hover {
  2361. opacity: 1;
  2362. }
  2363.  
  2364. .ipsComposeArea_sidebar [data-action='tagsToggle']:after {
  2365. display: block;
  2366. font-family: 'FontAwesome';
  2367. position: absolute;
  2368. top: 0;
  2369. font-size: 16px;
  2370. }
  2371.  
  2372. html[dir="ltr"] .ipsComposeArea_sidebar [data-action='tagsToggle']:after {
  2373. right: 0;
  2374. }
  2375.  
  2376. html[dir="rtl"] .ipsComposeArea_sidebar [data-action='tagsToggle']:after {
  2377. left: 0;
  2378. }
  2379.  
  2380. .ipsComposeArea_sidebarOpen [data-action='tagsToggle']:after {
  2381. content: '\f138';
  2382. }
  2383.  
  2384. html[dir="rtl"] .ipsComposeArea_sidebarOpen [data-action='tagsToggle']:after {
  2385. content: '\f137';
  2386. }
  2387.  
  2388. .ipsComposeArea_sidebarClosed [data-action='tagsToggle']:after {
  2389. content: '\f137';
  2390. }
  2391.  
  2392. html[dir="rtl"] .ipsComposeArea_sidebarClosed [data-action='tagsToggle']:after {
  2393. content: '\f138';
  2394. }
  2395.  
  2396. .ipsComposeArea_sidebarClosed {
  2397. width: 22px !important;
  2398. background: #ebebeb !important;
  2399. }
  2400.  
  2401. .ipsComposeArea_sidebarClosed [data-role="tagsHeader"],
  2402. .ipsComposeArea_sidebarClosed [data-role="tagsList"] {
  2403. display: none;
  2404. }
  2405.  
  2406. .ipsComposeArea_attachments {
  2407. background: #fff;
  2408. border-top: 1px solid rgba(0, 0, 0, 0.04);
  2409. margin-top: 0px;
  2410. }
  2411.  
  2412. .ipsComposeArea_dropZone {
  2413. padding: 12px;
  2414. border: 3px dashed transparent;
  2415. }
  2416.  
  2417. .ipsComposeArea_dropZone .fa-paperclip {
  2418. font-size: 30px;
  2419. float: left;
  2420. }
  2421.  
  2422. html[dir="rtl"] .ipsComposeArea_dropZone .fa-paperclip {
  2423. float: right;
  2424. }
  2425.  
  2426. .ipsComposeArea_dropZone .fa-clipboard {
  2427. font-size: 24px;
  2428. float: left;
  2429. }
  2430.  
  2431. html[dir="rtl"] .ipsComposeArea_dropZone .fa-clipboard {
  2432. float: right;
  2433. }
  2434.  
  2435. html[dir="ltr"] .ipsComposeArea_dropZone>div {
  2436. margin-left: 40px;
  2437. }
  2438.  
  2439. html[dir="rtl"] .ipsComposeArea_dropZone>div {
  2440. margin-right: 40px;
  2441. }
  2442.  
  2443. .ipsComposeArea_attachmentsInner {
  2444. margin-top: 15px;
  2445. }
  2446.  
  2447. .ipsComposeArea_attachmentsInner>div {
  2448. margin-bottom: 15px;
  2449. }
  2450.  
  2451. html[dir="ltr"] .ipsComposeArea_attachmentsInner>p {
  2452. padding-left: 15px;
  2453. padding-bottom: 0;
  2454. }
  2455.  
  2456. html[dir="rtl"] .ipsComposeArea_attachmentsInner>p {
  2457. padding-right: 15px;
  2458. padding-bottom: 0;
  2459. }
  2460.  
  2461. .ipsComposeArea_warning {
  2462. margin-bottom: 5px;
  2463. }
  2464.  
  2465. html[dir="ltr"] .ipsComposeArea_warning {
  2466. margin-left: 75px;
  2467. }
  2468.  
  2469. html[dir="rtl"] .ipsComposeArea_warning {
  2470. margin-right: 75px;
  2471. }
  2472.  
  2473. .ipsComposeArea_unavailable .ipsComposeArea_editor {
  2474. background: rgba(214, 214, 214, 0.5);
  2475. }
  2476.  
  2477. .ipsComposeArea_unavailable .ipsComposeArea_dummy {
  2478. font-weight: bold;
  2479. font-size: 13px;
  2480. cursor: default;
  2481. }
  2482.  
  2483. html[dir="ltr"] .ipsComposeArea_unavailable.ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  2484. border-right-color: rgba(214, 214, 214, 0.5);
  2485. }
  2486.  
  2487. html[dir="rtl"] .ipsComposeArea_unavailable.ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  2488. border-left-color: rgba(214, 214, 214, 0.5);
  2489. }
  2490.  
  2491. .ipsComposeArea_unavailable .ipsUserPhoto {
  2492. opacity: 0.5;
  2493. }
  2494.  
  2495. [data-ipsUploader] {
  2496. display: none;
  2497. }
  2498.  
  2499. .ipsAttachment_dropZone {
  2500. height: 200px;
  2501. background: rgba(100, 100, 100, 0.05);
  2502. text-align: center;
  2503. margin: 0 auto;
  2504. padding-top: 30px;
  2505. font-size: 16px;
  2506. line-height: 2;
  2507. border: 3px dashed transparent;
  2508. -webkit-transition: all 0.2s linear;
  2509. -moz-transition: all 0.2s linear;
  2510. -ms-transition: all 0.2s linear;
  2511. -o-transition: all 0.2s linear;
  2512. transition: all 0.2s linear;
  2513. }
  2514.  
  2515. .ipsAttachment_dropZone * {
  2516. pointer-events: none;
  2517. }
  2518.  
  2519. .ipsAttachment_dropZone a,
  2520. .ipsAttachment_dropZone .moxie-shim,
  2521. .ipsAttachment_dropZone .moxie-shim * {
  2522. pointer-events: auto;
  2523. }
  2524.  
  2525. .ipsAttachment_dropZone:not( .ipsAttachment_dropZoneSmall)>i:first-child {
  2526. font-size: 60px;
  2527. display: block;
  2528. }
  2529.  
  2530. .ipsAttachment_dropZone.ipsAttachment_dropZoneSmall {
  2531. height: auto;
  2532. padding: 15px;
  2533. text-align: left;
  2534. line-height: 1;
  2535. }
  2536.  
  2537. html[dir="rtl"] .ipsAttachment_dropZone.ipsAttachment_dropZoneSmall {
  2538. text-align: right;
  2539. }
  2540.  
  2541. html[dir="ltr"] .ipsAttachment_dropZone.ipsAttachment_dropZoneSmall>.ipsAttachment_dropZoneSmall_info {
  2542. margin-left: 130px;
  2543. }
  2544.  
  2545. html[dir="rtl"] .ipsAttachment_dropZone.ipsAttachment_dropZoneSmall>.ipsAttachment_dropZoneSmall_info {
  2546. margin-right: 130px;
  2547. }
  2548.  
  2549. html[dir="ltr"] .ipsAttachment_dropZone.ipsAttachment_dropZoneSmall [data-action='uploadFile'] {
  2550. margin-right: 10px;
  2551. }
  2552.  
  2553. html[dir="rtl"] .ipsAttachment_dropZone.ipsAttachment_dropZoneSmall [data-action='uploadFile'] {
  2554. margin-left: 10px;
  2555. }
  2556.  
  2557. .ipsAttachment_dropZoneSmall .ipsAttachment_supportDrag {
  2558. font-size: 14px;
  2559. }
  2560.  
  2561. .ipsAttachment_dropZone.ipsDragging,
  2562. .ipsComposeArea_dropZone.ipsDragging {
  2563. background: #ebf4f9;
  2564. border-color: #b1cbd9;
  2565. }
  2566.  
  2567. .ipsAttachment_fileList {
  2568. margin-top: 10px;
  2569. }
  2570.  
  2571. .ipsAttachment_summary {
  2572. margin-top: 15px;
  2573. height: 44px;
  2574. }
  2575.  
  2576. .ipsAttachment_summary strong {
  2577. display: inline-block;
  2578. margin: 4px 0 0 7px;
  2579. font-weight: normal;
  2580. }
  2581.  
  2582. html[dir="rtl"] .ipsAttachment_summary strong {
  2583. margin: 4px 7px 0 0;
  2584. }
  2585.  
  2586. .ipsAttach {
  2587. position: relative;
  2588. }
  2589.  
  2590. .ipsAttach.ipsAttach_selected {
  2591. background-color: #141c29;
  2592. }
  2593.  
  2594. .ipsAttach_selection {
  2595. width: 24px;
  2596. height: 24px;
  2597. border-radius: 12px;
  2598. display: inline-block;
  2599. text-align: center;
  2600. line-height: 24px;
  2601. color: #fff;
  2602. background: #000;
  2603. opacity: 0.6;
  2604. }
  2605.  
  2606. .ipsAttach_selection:hover {
  2607. color: #fff;
  2608. }
  2609.  
  2610. .ipsAttach_selection.ipsAttach_selectionOn {
  2611. background: #2a94de;
  2612. opacity: 1;
  2613. }
  2614.  
  2615. .ipsImageAttach {
  2616. display: inline-block;
  2617. margin: 0 0 10px 0;
  2618. text-align: left;
  2619. position: relative;
  2620. }
  2621.  
  2622. html[dir="rtl"] .ipsImageAttach {
  2623. text-align: right;
  2624. }
  2625.  
  2626. .ipsImageAttach_thumb {
  2627. max-width: 100%;
  2628. height: 150px;
  2629. border: 1px solid rgba(0, 0, 0, 0.1);
  2630. background-color: #fff;
  2631. background-size: cover;
  2632. background-position: center center;
  2633. background-repeat: no-repeat;
  2634. overflow: hidden;
  2635. }
  2636.  
  2637. .ipsImageAttach_thumb img {
  2638. max-width: 100%;
  2639. max-height: 100%;
  2640. border: 0;
  2641. position: relative;
  2642. display: none;
  2643. }
  2644.  
  2645. .ipsImageAttach_thumb video {
  2646. width: 100%;
  2647. height: 100%;
  2648. background: black;
  2649. }
  2650.  
  2651. .ipsImageAttach_status {
  2652. display: block;
  2653. line-height: 125px;
  2654. opacity: 0.5;
  2655. }
  2656.  
  2657. .ipsApp .ipsImageAttach_controls {
  2658. position: absolute;
  2659. bottom: 55px;
  2660. left: 10px;
  2661. right: 10px;
  2662. padding: 5px;
  2663. z-index: 100;
  2664. opacity: 1;
  2665. -webkit-transition: 0.2s all linear;
  2666. -moz-transition: 0.2s all linear;
  2667. -ms-transition: 0.2s all linear;
  2668. -o-transition: 0.2s all linear;
  2669. transition: 0.2s all linear;
  2670. }
  2671.  
  2672. .ipsApp .ipsImageAttach_controls .ipsButton {
  2673. line-height: 22px;
  2674. padding: 0 10px;
  2675. }
  2676.  
  2677. .ipsAttach .ipsAttach_title {
  2678. max-width: 100%;
  2679. text-overflow: ellipsis;
  2680. overflow: hidden;
  2681. margin-top: 5px;
  2682. }
  2683.  
  2684. .ipsAttach .ipsAttach_title+p {
  2685. margin: 0;
  2686. }
  2687.  
  2688. .ipsAttach.ipsDataItem .ipsDataItem_main,
  2689. .ipsAttach.ipsDataItem [data-role='preview'] {
  2690. opacity: 0.5;
  2691. }
  2692.  
  2693. .ipsAttach.ipsAttach_done.ipsDataItem .ipsDataItem_main,
  2694. .ipsAttach.ipsAttach_done.ipsDataItem [data-role='preview'] {
  2695. opacity: 1;
  2696. }
  2697.  
  2698. .ipsAttach.ipsDataItem [data-role='preview'] {
  2699. background-size: contain;
  2700. background-position: top center;
  2701. background-repeat: no-repeat;
  2702. }
  2703.  
  2704. .ipsAttach.ipsDataItem [data-role='preview'] .ipsImage {
  2705. display: none;
  2706. }
  2707.  
  2708. .ipsAttach.ipsAttach_done [data-action="insertFile"] {
  2709. cursor: pointer;
  2710. }
  2711.  
  2712. .ipsAttachment_fileList .ipsImageAttach_thumb {
  2713. vertical-align: middle;
  2714. line-height: 200px;
  2715. }
  2716.  
  2717. .ipsAttachment_fileList .ipsDataList .ipsImage {
  2718. max-width: 50px;
  2719. }
  2720.  
  2721. .ipsEmoticons_content.ipsMenu_innerContent {
  2722. height: 350px;
  2723. padding: 5px;
  2724. }
  2725.  
  2726. .ipsEmoticons_contentLoading {
  2727. margin-top: 100px;
  2728. }
  2729.  
  2730. .ipsEmoticons_category {
  2731. display: table;
  2732. width: 100%;
  2733. margin-top: 5px;
  2734. margin-bottom: 10px;
  2735. }
  2736.  
  2737. .ipsEmoticons_row {
  2738. display: table-row;
  2739. }
  2740.  
  2741. .ipsEmoticons_item {
  2742. display: table-cell;
  2743. padding: 5px;
  2744. width: 12.5%;
  2745. text-align: center;
  2746. font-size: 1.5em;
  2747. }
  2748.  
  2749. .ipsEmoticons_item img {
  2750. max-width: 100%;
  2751. }
  2752.  
  2753. .ipsEmoticons_item:hover {
  2754. cursor: pointer;
  2755. background: #f5f5f5;
  2756. }
  2757.  
  2758. .ipsMenu_item .ipsEmoji_result {
  2759. display: inline-block;
  2760. padding-right: 10px;
  2761. text-align: center;
  2762. }
  2763.  
  2764. .cEditorURL {
  2765. margin-bottom: 10px;
  2766. }
  2767.  
  2768. .cEditorURL+.ipsPos_right {
  2769. margin-top: 5px;
  2770. }
  2771.  
  2772. .cImageURLPreview {
  2773. height: 300px;
  2774. text-align: center;
  2775. }
  2776.  
  2777. .cImageURLPreview img {
  2778. max-width: 100%;
  2779. max-height: 100%;
  2780. }
  2781.  
  2782. .ipsApp .ipsDataItem_new,
  2783. .ipsApp .ipsDataItem_success {
  2784. background-color: #f0f8f2;
  2785. }
  2786.  
  2787. .ipsApp .ipsDataItem_warning {
  2788. background-color: #f6f6e9;
  2789. }
  2790.  
  2791. .ipsApp .ipsDataItem_error {
  2792. background-color: #f7efef;
  2793. }
  2794.  
  2795. .ipsApp .ipsDataItem_info {
  2796. background-color: #edf5f7;
  2797. }
  2798.  
  2799. .ipsApp .ipsDataItem_selected {
  2800. background-color: #141c29;
  2801. }
  2802.  
  2803. .ipsApp .ipsDataItem_status {
  2804. background-color: #f9f9f9;
  2805. }
  2806.  
  2807. .ipsDataList_readStatus .ipsDataItem:not( .ipsDataItem_unread):not( .ipsDataItem_selected):not( .ipsModerated) {
  2808. background: #f9f9f9;
  2809. }
  2810.  
  2811. .ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected):not( .ipsModerated):not( .ipsDataItem_new):not( .ipsDataItem_success):not( .ipsDataItem_warning):not( .ipsDataItem_error):not( .ipsDataItem_info):not( .ipsDataItem_status):nth-child(even) {
  2812. background: #fafafa;
  2813. }
  2814.  
  2815. .ipsDataList {
  2816. width: 100%;
  2817. display: table;
  2818. table-layout: auto;
  2819. position: relative;
  2820. border-collapse: separate;
  2821. border-spacing: 0;
  2822. list-style: none;
  2823. padding: 0;
  2824. margin: 0;
  2825. }
  2826.  
  2827. .ipsDataItem_fullWidth {
  2828. width: 100%;
  2829. }
  2830.  
  2831. .ipsDataItem_title {
  2832. font-size: 16px;
  2833. margin: 0 0 2px 0;
  2834. font-weight: 400;
  2835. display: inline-block;
  2836. line-height: 20px;
  2837. }
  2838.  
  2839. .ipsDataItem_title .ipsBadge.ipsBadge_small {
  2840. position: relative;
  2841. top: -2px;
  2842. }
  2843.  
  2844. .ipsDataItem_unread .ipsDataItem_title {
  2845. font-weight: bold;
  2846. }
  2847.  
  2848. .ipsMenu .ipsDataItem_title {
  2849. font-size: 14px;
  2850. }
  2851.  
  2852. .ipsDataItem_main,
  2853. .ipsDataItem_stats,
  2854. .ipsDataItem_lastPoster,
  2855. .ipsDataItem_generic,
  2856. .ipsDataItem_modCheck,
  2857. .ipsDataItem_icon {
  2858. display: table-cell;
  2859. padding: 12px 10px;
  2860. vertical-align: middle;
  2861. }
  2862.  
  2863. .ipsDataItem_modCheck {
  2864. position: relative;
  2865. }
  2866.  
  2867. .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_main,
  2868. .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_stats,
  2869. .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_lastPoster,
  2870. .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_generic {
  2871. display: table-cell;
  2872. padding: 10px 0;
  2873. vertical-align: top;
  2874. }
  2875.  
  2876. html[dir="ltr"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_icon+.ipsDataItem_main {
  2877. padding-left: 7px;
  2878. }
  2879.  
  2880. html[dir="rtl"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_icon+.ipsDataItem_main {
  2881. padding-right: 7px;
  2882. }
  2883.  
  2884. html[dir="ltr"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_icon {
  2885. padding-left: 4px;
  2886. }
  2887.  
  2888. html[dir="rtl"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_icon {
  2889. padding-right: 4px;
  2890. }
  2891.  
  2892. .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_title {
  2893. margin: 0;
  2894. display: inline;
  2895. }
  2896.  
  2897. .ipsDataList_large .ipsDataItem_main,
  2898. .ipsDataList_large .ipsDataItem_stats,
  2899. .ipsDataList_large .ipsDataItem_lastPoster,
  2900. .ipsDataList_large .ipsDataItem_generic {
  2901. padding: 15px 10px;
  2902. }
  2903.  
  2904. .ipsDataList_large .ipsDataItem_icon {
  2905. padding: 15px 10px 15px 20px;
  2906. min-width: 55px;
  2907. vertical-align: middle;
  2908. }
  2909.  
  2910. html[dir="rtl"] .ipsDataList_large .ipsDataItem_icon {
  2911. padding: 15px 10px 15px 10px;
  2912. }
  2913.  
  2914. .ipsDataList_large .ipsDataItem {
  2915. border-bottom-width: 3px;
  2916. }
  2917.  
  2918. .ipsDataItem>.ipsPos_middle {
  2919. vertical-align: middle !important;
  2920. }
  2921.  
  2922. .ipsDataItem>.ipsPos_top {
  2923. vertical-align: top !important;
  2924. }
  2925.  
  2926. .ipsDataItem_loading>div {
  2927. min-height: 65px;
  2928. width: 100%;
  2929. position: relative;
  2930. }
  2931.  
  2932. .ipsDataItem_loading>div>span,
  2933. .ipsDataItem_loading>div>span:before,
  2934. .ipsDataItem_loading>div>span:after {
  2935. display: block;
  2936. position: absolute;
  2937. -webkit-animation: dummy_anim 1s infinite;
  2938. -moz-animation: dummy_anim 1s infinite;
  2939. -ms-animation: dummy_anim 1s infinite;
  2940. -o-animation: dummy_anim 1s infinite;
  2941. animation: dummy_anim 1s infinite;
  2942. }
  2943.  
  2944. .ipsDataItem_loading>div>span:before,
  2945. .ipsDataItem_loading>div>span:after {
  2946. content: '';
  2947. }
  2948.  
  2949. .ipsDataItem_loading>div>span:last-child {
  2950. height: 18px;
  2951. top: 15px;
  2952. }
  2953.  
  2954. html[dir="ltr"] .ipsDataItem_loading>div>span:last-child {
  2955. left: 36px;
  2956. right: 610px;
  2957. }
  2958.  
  2959. html[dir="rtl"] .ipsDataItem_loading>div>span:last-child {
  2960. right: 36px;
  2961. left: 610px;
  2962. }
  2963.  
  2964. .ipsDataItem_loading>div>span:last-child:before {
  2965. width: 270px;
  2966. top: 25px;
  2967. height: 12px;
  2968. opacity: 0.7;
  2969. }
  2970.  
  2971. html[dir="ltr"] .ipsDataItem_loading>div>span:last-child:before {
  2972. left: 0;
  2973. }
  2974.  
  2975. html[dir="rtl"] .ipsDataItem_loading>div>span:last-child:before {
  2976. right: 0;
  2977. }
  2978.  
  2979. .ipsDataItem_loading>div>span:last-child:after {
  2980. width: 16px;
  2981. height: 16px;
  2982. border-radius: 16px;
  2983. top: 0;
  2984. }
  2985.  
  2986. html[dir="ltr"] .ipsDataItem_loading>div>span:last-child:after {
  2987. left: -26px;
  2988. }
  2989.  
  2990. html[dir="rtl"] .ipsDataItem_loading>div>span:last-child:after {
  2991. right: -26px;
  2992. }
  2993.  
  2994. .ipsDataItem_loading>div>span:first-child {
  2995. width: 38px;
  2996. height: 38px;
  2997. top: 12px;
  2998. border-radius: 38px;
  2999. }
  3000.  
  3001. html[dir="ltr"] .ipsDataItem_loading>div>span:first-child {
  3002. right: 300px;
  3003. }
  3004.  
  3005. html[dir="rtl"] .ipsDataItem_loading>div>span:first-child {
  3006. left: 300px;
  3007. }
  3008.  
  3009. .ipsDataItem_loading>div>span:first-child:after {
  3010. width: 200px;
  3011. top: 3px;
  3012. height: 15px;
  3013. }
  3014.  
  3015. html[dir="ltr"] .ipsDataItem_loading>div>span:first-child:after {
  3016. left: 50px;
  3017. }
  3018.  
  3019. html[dir="rtl"] .ipsDataItem_loading>div>span:first-child:after {
  3020. right: 50px;
  3021. }
  3022.  
  3023. .ipsDataItem_loading>div>span:first-child:before {
  3024. width: 150px;
  3025. top: 22px;
  3026. height: 12px;
  3027. opacity: 0.7;
  3028. }
  3029.  
  3030. html[dir="ltr"] .ipsDataItem_loading>div>span:first-child:before {
  3031. left: 50px;
  3032. }
  3033.  
  3034. html[dir="rtl"] .ipsDataItem_loading>div>span:first-child:before {
  3035. right: 50px;
  3036. }
  3037.  
  3038. .ipsDataItem {
  3039. width: 100%;
  3040. position: relative;
  3041. border-width: 0 0 1px 0;
  3042. border-style: solid;
  3043. border-color: #ebebeb;
  3044. }
  3045.  
  3046. .ipsDataList:not( .ipsGrid) .ipsDataItem:last-child,
  3047. .ipsDataList.ipsDataList_zebra>.ipsDataItem {
  3048. border-bottom: 0;
  3049. }
  3050.  
  3051. .ipsDataItem_main {
  3052. width: 100%;
  3053. margin: 0;
  3054. vertical-align: top;
  3055. }
  3056.  
  3057. .ipsDataItem .ipsDataItem_main:only-child {
  3058. display: block !important;
  3059. }
  3060.  
  3061. .ipsDataItem .ipsDataItem_main .ipsTags {
  3062. position: relative;
  3063. top: -2px;
  3064. }
  3065.  
  3066. .ipsDataItem .ipsDataItem_main .ipsContained>span:not(.ipsBadge) {
  3067. padding-right: 3px;
  3068. }
  3069.  
  3070. .ipsDataItem_stats {
  3071. width: 15%;
  3072. min-width: 150px;
  3073. text-align: right;
  3074. list-style: none;
  3075. }
  3076.  
  3077. html[dir="rtl"] .ipsDataItem_stats {
  3078. text-align: left;
  3079. }
  3080.  
  3081. .ipsDataItem_stats dl {
  3082. margin: 0 0 5px 0;
  3083. }
  3084.  
  3085. .ipsDataItem_statsLarge {
  3086. text-align: center;
  3087. }
  3088.  
  3089. .ipsDataItem_statsLarge .ipsDataItem_stats_number {
  3090. font-size: 22px;
  3091. font-weight: 300;
  3092. line-height: 1.3;
  3093. }
  3094.  
  3095. .ipsDataItem_stats_hot {
  3096. background: #da621a;
  3097. color: #fff;
  3098. font-size: 12px;
  3099. font-weight: bold;
  3100. display: inline-block;
  3101. padding: 0 5px 0 5px;
  3102. position: relative;
  3103. vertical-align: middle;
  3104. border-radius: 2px;
  3105. white-space: nowrap;
  3106. }
  3107.  
  3108. .ipsDataItem_stats_hot:before {
  3109. content: attr(data-text);
  3110. text-transform: uppercase;
  3111. font-size: 9px;
  3112. color: #fff;
  3113. opacity: 0.6;
  3114. font-weight: bold;
  3115. }
  3116.  
  3117. html[dir="ltr"] .ipsDataItem_stats_hot:before {
  3118. margin-right: 5px;
  3119. }
  3120.  
  3121. html[dir="rtl"] .ipsDataItem_stats_hot:before {
  3122. margin-left: 5px;
  3123. }
  3124.  
  3125. html[dir="ltr"] .ipsDataItem_stats dt,
  3126. html[dir="ltr"] .ipsDataItem_stats dd {
  3127. margin-left: 0;
  3128. }
  3129.  
  3130. html[dir="rtl"] .ipsDataItem_stats dt,
  3131. html[dir="rtl"] .ipsDataItem_stats dd {
  3132. margin-right: 0;
  3133. }
  3134.  
  3135. .ipsDataItem_icon {
  3136. width: 25px;
  3137. min-width: 25px;
  3138. padding-top: 12px;
  3139. }
  3140.  
  3141. html[dir="ltr"] .ipsDataItem_icon {
  3142. padding-right: 0;
  3143. }
  3144.  
  3145. html[dir="ltr"] .ipsDataList_large .ipsDataItem_icon {
  3146. padding-right: 10px;
  3147. }
  3148.  
  3149. html[dir="rtl"] .ipsDataItem_icon {
  3150. padding-left: 0;
  3151. }
  3152.  
  3153. html[dir="rtl"] .ipsDataList_large .ipsDataItem_icon {
  3154. padding-left: 10px;
  3155. }
  3156.  
  3157. .ipsDataItem_icon_noPad {
  3158. padding: 0;
  3159. }
  3160.  
  3161. .ipsDataItem_category {
  3162. font-size: 20px;
  3163. }
  3164.  
  3165. .ipsDataItem_meta {
  3166. margin: 0;
  3167. }
  3168.  
  3169. .ipsDataItem_lastPoster {
  3170. width: 24%;
  3171. max-width: 24%;
  3172. min-width: 270px;
  3173. list-style: none;
  3174. margin: 0;
  3175. padding: 0;
  3176. }
  3177.  
  3178. .ipsDataItem_lastPoster.ipsDataItem_noPhoto {
  3179. width: 20%;
  3180. min-width: 200px
  3181. }
  3182.  
  3183. html[dir="ltr"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto li {
  3184. margin-left: 50px;
  3185. }
  3186.  
  3187. html[dir="rtl"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto li {
  3188. margin-right: 50px;
  3189. }
  3190.  
  3191. .ipsDataItem_lastPoster .ipsUserPhoto {
  3192. display: block;
  3193. float: left;
  3194. margin: 1px 10px 0 -50px;
  3195. }
  3196.  
  3197. html[dir="rtl"] .ipsDataItem_lastPoster .ipsUserPhoto {
  3198. float: right;
  3199. margin: 1px -50px 0 10px;
  3200. }
  3201.  
  3202. .ipsDataItem_size1 {
  3203. width: 50px;
  3204. min-width: 50px;
  3205. }
  3206.  
  3207. .ipsDataItem_size2 {
  3208. width: 75px;
  3209. min-width: 75px;
  3210. }
  3211.  
  3212. .ipsDataItem_size3 {
  3213. width: 100px;
  3214. min-width: 100px;
  3215. }
  3216.  
  3217. .ipsDataItem_size4 {
  3218. width: 125px;
  3219. min-width: 125px;
  3220. }
  3221.  
  3222. .ipsDataItem_size5 {
  3223. width: 150px;
  3224. min-width: 150px;
  3225. }
  3226.  
  3227. .ipsDataItem_size6 {
  3228. width: 175px;
  3229. min-width: 175px;
  3230. }
  3231.  
  3232. .ipsDataItem_size7 {
  3233. width: 200px;
  3234. min-width: 200px;
  3235. }
  3236.  
  3237. .ipsDataItem_size8 {
  3238. width: 225px;
  3239. min-width: 225px;
  3240. }
  3241.  
  3242. .ipsDataItem_size9 {
  3243. width: 250px;
  3244. min-width: 250px;
  3245. }
  3246.  
  3247. .ipsDataItem_size10 {
  3248. width: 300px;
  3249. min-width: 300px;
  3250. }
  3251.  
  3252. .ipsDataItem_subList {
  3253. margin: 5px 0 0;
  3254. background-repeat: no-repeat;
  3255. background-size: 13px 8px;
  3256. list-style: none;
  3257. }
  3258.  
  3259. html[dir="ltr"] .ipsDataItem_subList {
  3260. padding-left: 20px !important;
  3261. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_subitem_stem.png");
  3262. background-position: 3px 5px;
  3263. }
  3264.  
  3265. html[dir="rtl"] .ipsDataItem_subList {
  3266. padding-right: 20px !important;
  3267. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_subitem_stem_rtl.png");
  3268. background-position: right 3px top 5px;
  3269. }
  3270.  
  3271. .ipsDataItem_subList li {
  3272. margin-right: 5px !important;
  3273. }
  3274.  
  3275. .ipsDataItem_subList li.ipsDataItem_unread {
  3276. font-weight: bold;
  3277. }
  3278.  
  3279. .ipsDataItem_subList li a:after {
  3280. content: ',';
  3281. }
  3282.  
  3283. .ipsDataItem_subList li:last-child a:after {
  3284. content: '';
  3285. }
  3286.  
  3287. .ipsDataItem_subItem {
  3288. padding-bottom: 10px;
  3289. }
  3290.  
  3291. html[dir="ltr"] .ipsDataItem_subItem {
  3292. padding-left: 5%;
  3293. }
  3294.  
  3295. html[dir="rtl"] .ipsDataItem_subItem {
  3296. padding-right: 5%;
  3297. }
  3298.  
  3299. .ipsDataItem_subItem .ipsDataItem_icon {
  3300. font-size: 22px;
  3301. }
  3302.  
  3303. .ipsReact {
  3304. position: relative;
  3305. display: flex;
  3306. align-items: center;
  3307. font-size: 12px;
  3308. z-index: 1900;
  3309. }
  3310.  
  3311. body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button,
  3312. body:not( .ipsApp_noTouch) .ipsReact_types.ipsReact_types_active .ipsReact_button {
  3313. border: 1px solid rgba(0, 0, 0, 0.1);
  3314. background: #f0f0f0;
  3315. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  3316. transform: scale(1.2);
  3317. transition-delay: 0s;
  3318. }
  3319.  
  3320. body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button,
  3321. body:not( .ipsApp_noTouch) .ipsReact_types.ipsReact_types_active .ipsReact_button {
  3322. filter: grayscale(0%) brightness(100%);
  3323. }
  3324.  
  3325. .ipsReact .ipsReact_types ul.ipsReact_hover {
  3326. display: block;
  3327. pointer-events: auto !important;
  3328. -webkit-animation: reaction-hover 0.3s ease-in-out forwards;
  3329. animation: reaction-hover 0.3s ease-in-out forwards;
  3330. }
  3331.  
  3332. .ipsReact .ipsReact_types ul.ipsReact_hoverOut {
  3333. display: block;
  3334. -webkit-animation: reaction-hover-out 0.2s ease-in-out 0.4s forwards;
  3335. animation: reaction-hover-out 0.2s ease-in-out 0.4s forwards;
  3336. }
  3337.  
  3338. .ipsReact_button {
  3339. width: 42px;
  3340. height: 42px;
  3341. border-radius: 42px;
  3342. line-height: 42px;
  3343. padding: 5px;
  3344. display: block;
  3345. text-align: center;
  3346. background: transparent;
  3347. border: 1px solid transparent;
  3348. position: relative;
  3349. transition: 0.1s all ease-in-out;
  3350. transition-delay: 0.4s;
  3351. position: relative;
  3352. filter: grayscale(100%) brightness(160%);
  3353. }
  3354.  
  3355. .ipsReact_button a {
  3356. display: block;
  3357. top: 0;
  3358. right: 0;
  3359. bottom: 0;
  3360. left: 0;
  3361. line-height: 1;
  3362. }
  3363.  
  3364. .ipsReact_button img {
  3365. max-width: 29px;
  3366. max-height: 29px;
  3367. vertical-align: initial;
  3368. }
  3369.  
  3370. .ipsReact_button.ipsReact_reacted {
  3371. filter: grayscale(0%) brightness(100%);
  3372. }
  3373.  
  3374. .ipsReact_types ul {
  3375. position: absolute;
  3376. top: 2px;
  3377. height: 38px;
  3378. background: #494949;
  3379. border: 1px solid rgba(0, 0, 0, 0.1);
  3380. white-space: nowrap;
  3381. display: none;
  3382. pointer-events: none;
  3383. list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  3384. margin: 0;
  3385. }
  3386.  
  3387. html[dir="ltr"] .ipsReact_types ul {
  3388. transform-origin: right;
  3389. right: 21px;
  3390. padding: 5px 30px 5px 5px;
  3391. border-radius: 38px 0 0 38px;
  3392. }
  3393.  
  3394. html[dir="rtl"] .ipsReact_types ul {
  3395. transform-origin: left;
  3396. left: 21px;
  3397. padding: 5px 5px 5px 30px;
  3398. border-radius: 0 38px 38px 0;
  3399. }
  3400.  
  3401. .ipsReact_types ul li {
  3402. display: inline-block;
  3403. }
  3404.  
  3405. html[dir="ltr"] .ipsReact_types ul li {
  3406. margin: 0 5px 0 0 !important;
  3407. }
  3408.  
  3409. html[dir="rtl"] .ipsReact_types ul li {
  3410. margin: 0 0 0 5px !important;
  3411. }
  3412.  
  3413. .ipsReact_types ul img {
  3414. max-width: 28px;
  3415. max-height: 28px;
  3416. }
  3417.  
  3418. .ipsReact_types ul a {
  3419. transition: 0.1s all ease-in-out;
  3420. display: inline-block;
  3421. }
  3422.  
  3423. .ipsReact_types ul a:hover {
  3424. transform: scale(1.25);
  3425. }
  3426.  
  3427. .ipsReact_name {
  3428. display: none;
  3429. }
  3430.  
  3431. a.ipsReact_reaction:after {
  3432. position: absolute;
  3433. top: 50%;
  3434. width: 70px;
  3435. height: 70px;
  3436. border-radius: 50%;
  3437. content: '';
  3438. display: block;
  3439. opacity: 1;
  3440. pointer-events: none;
  3441. box-shadow: inset 0 0 0 35px rgba(255, 0, 0, 0);
  3442. }
  3443.  
  3444. html[dir="ltr"] a.ipsReact_reaction:after {
  3445. left: 50%;
  3446. margin: -35px 0 0 -40px;
  3447. }
  3448.  
  3449. html[dir="rtl"] a.ipsReact_reaction:after {
  3450. right: 50%;
  3451. margin: -35px -40px 0 0;
  3452. }
  3453.  
  3454. a.ipsReact_reaction.ipsReact_active:after {
  3455. -webkit-animation: reaction-click-ring 0.8s ease-out forwards;
  3456. animation: reaction-click-ring 0.8s ease-out forwards;
  3457. }
  3458.  
  3459. a.ipsReact_reaction.ipsReact_active img {
  3460. -webkit-animation: reaction-click 0.6s ease-out forwards;
  3461. animation: reaction-click 0.6s ease-out forwards;
  3462. }
  3463.  
  3464. .ipsReact_unreact {
  3465. background: #222;
  3466. color: #fff !important;
  3467. width: 20px;
  3468. height: 20px;
  3469. border-radius: 20px;
  3470. line-height: 20px;
  3471. font-size: 14px;
  3472. font-family: 'arial', sans-serif;
  3473. text-align: center;
  3474. display: block;
  3475. position: absolute;
  3476. top: 0px;
  3477. }
  3478.  
  3479. html[dir="ltr"] .ipsReact_unreact {
  3480. right: -6px;
  3481. }
  3482.  
  3483. html[dir="rtl"] .ipsReact_unreact {
  3484. left: -6px;
  3485. }
  3486.  
  3487. html[dir="ltr"] .ipsReact_blurb {
  3488. text-align: right;
  3489. margin-left: 15px;
  3490. }
  3491.  
  3492. html[dir="rtl"] .ipsReact_blurb {
  3493. text-align: left;
  3494. margin-right: 15px;
  3495. }
  3496.  
  3497. html[dir="ltr"] .ipsReact_blurb:not( .ipsHide)+.ipsReact_types {
  3498. border-left: 1px solid #f0f0f0;
  3499. padding-left: 3px;
  3500. margin-left: 10px;
  3501. }
  3502.  
  3503. html[dir="rtl"] .ipsReact_blurb:not( .ipsHide)+.ipsReact_types {
  3504. border-right: 1px solid #f0f0f0;
  3505. padding-right: 3px;
  3506. margin-right: 10px;
  3507. }
  3508.  
  3509. .ipsReact_reactions {
  3510. list-style: none;
  3511. margin: 0;
  3512. padding: 0;
  3513. display: flex;
  3514. justify-content: flex-end;
  3515. align-items: stretch;
  3516. flex-wrap: wrap;
  3517. }
  3518.  
  3519. .ipsReact_reactCount {
  3520. display: inline;
  3521. border: 1px solid rgba(0, 0, 0, 0.1);
  3522. background: #fff;
  3523. border-radius: 2px;
  3524. margin: 1px 0;
  3525. display: flex;
  3526. align-items: stretch;
  3527. flex-wrap: nowrap;
  3528. }
  3529.  
  3530. .ipsReact_reactCount>a {
  3531. white-space: nowrap;
  3532. }
  3533.  
  3534. html[dir="ltr"] .ipsReact_reactCount {
  3535. margin-left: 7px;
  3536. }
  3537.  
  3538. html[dir="rtl"] .ipsReact_reactCount {
  3539. margin-right: 7px;
  3540. }
  3541.  
  3542. html[dir="ltr"] .ipsReact_reactCount:first-child {
  3543. margin-left: 0;
  3544. }
  3545.  
  3546. html[dir="rtl"] .ipsReact_reactCount:first-child {
  3547. margin-right: 0;
  3548. }
  3549.  
  3550. .ipsReact_reactCount img {
  3551. max-width: 18px;
  3552. max-height: 18px;
  3553. }
  3554.  
  3555. .ipsReact_reactCount>span>span,
  3556. .ipsReact_reactCount>a>span {
  3557. display: inline-block;
  3558. padding: 1px 2px;
  3559. }
  3560.  
  3561. .ipsReact_reactCount>span>span:last-child,
  3562. .ipsReact_reactCount>a>span:last-child {
  3563. background: rgba(0, 0, 0, 0.1);
  3564. color: #000;
  3565. font-size: 11px;
  3566. font-weight: 500;
  3567. padding: 0 7px;
  3568. line-height: 23px;
  3569. }
  3570.  
  3571. html[dir="ltr"] .ipsReact_reactCount>span>span:last-child,
  3572. html[dir="ltr"] .ipsReact_reactCount>a>span:last-child {
  3573. margin-left: -2px;
  3574. }
  3575.  
  3576. html[dir="rtl"] .ipsReact_reactCount>span>span:last-child,
  3577. html[dir="rtl"] .ipsReact_reactCount>a>span:last-child {
  3578. margin-right: -2px;
  3579. }
  3580.  
  3581. .ipsReact_reactCountOnly {
  3582. padding: 0 7px;
  3583. font-weight: bold;
  3584. line-height: 24px;
  3585. border-radius: 2px;
  3586. font-size: 12px;
  3587. display: inline-block;
  3588. }
  3589.  
  3590. .ipsReact_overview {
  3591. line-height: 1;
  3592. }
  3593.  
  3594. .ipsReact_reactions+.ipsReact_overview {
  3595. margin-top: 5px;
  3596. }
  3597.  
  3598. html[dir="ltr"] .ipsReact_overview {
  3599. margin-left: 10px;
  3600. }
  3601.  
  3602. html[dir="rtl"] .ipsReact_overview {
  3603. margin-right: 10px;
  3604. }
  3605.  
  3606. .ipsReact.ipsReact_mini {
  3607. line-height: 1;
  3608. flex-direction: row-reverse;
  3609. }
  3610.  
  3611. .ipsReact.ipsReact_mini .ipsReact_overview {
  3612. display: none;
  3613. }
  3614.  
  3615. .ipsReact.ipsReact_mini .ipsReact_button {
  3616. width: 26px;
  3617. height: 26px;
  3618. line-height: 26px;
  3619. border-radius: 26px;
  3620. padding: 2px;
  3621. display: inline-block;
  3622. }
  3623.  
  3624. .ipsReact.ipsReact_mini .ipsReact_button img {
  3625. max-width: 20px;
  3626. max-height: 20px;
  3627. }
  3628.  
  3629. html[dir] .ipsReact.ipsReact_mini .ipsReact_types ul {
  3630. top: 0;
  3631. height: 28px;
  3632. border-radius: 27px;
  3633. }
  3634.  
  3635. html[dir="ltr"] .ipsReact.ipsReact_mini .ipsReact_types ul {
  3636. transform-origin: left;
  3637. left: 0;
  3638. right: auto;
  3639. padding: 2px 0 2px 38px;
  3640. }
  3641.  
  3642. html[dir="rtl"] .ipsReact.ipsReact_mini .ipsReact_types ul {
  3643. transform-origin: right;
  3644. left: auto;
  3645. right: 0;
  3646. padding: 2px 38px 2px 0;
  3647. }
  3648.  
  3649. .ipsReact.ipsReact_mini .ipsReact_types ul img {
  3650. max-width: 22px;
  3651. max-height: 22px;
  3652. }
  3653.  
  3654. .ipsReact.ipsReact_mini .ipsReact_reactCount a img {
  3655. max-width: 15px;
  3656. max-height: 15px;
  3657. }
  3658.  
  3659. html[dir="ltr"] .ipsReact.ipsReact_mini .ipsReact_blurb {
  3660. margin-left: 0;
  3661. border: 0;
  3662. padding: 1px 0 0 7px;
  3663. margin-left: 7px;
  3664. }
  3665.  
  3666. html[dir="rtl"] .ipsReact.ipsReact_mini .ipsReact_blurb {
  3667. margin-right: 0;
  3668. border: 0;
  3669. padding: 1px 7px 0 0;
  3670. margin-right: 7px;
  3671. }
  3672.  
  3673. html[dir] .ipsReact.ipsReact_miniNoInteraction .ipsReact_blurb {
  3674. padding: 0;
  3675. margin-left: 0;
  3676. margin-right: 0;
  3677. }
  3678.  
  3679. html[dir] .ipsReact.ipsReact_mini .ipsReact_unreact {
  3680. display: inline-block;
  3681. position: absolute;
  3682. top: -8px;
  3683. }
  3684.  
  3685. html[dir="ltr"] .ipsReact.ipsReact_mini .ipsReact_unreact {
  3686. right: -8px;
  3687. }
  3688.  
  3689. html[dir="rtl"] .ipsReact.ipsReact_mini .ipsReact_unreact {
  3690. left: -8px;
  3691. }
  3692.  
  3693. .ipsReact_reactCountOnly_mini {
  3694. line-height: 18px;
  3695. font-size: 10px;
  3696. }
  3697.  
  3698. html[dir="ltr"] .ipsReact_count {
  3699. margin-left: 5px;
  3700. }
  3701.  
  3702. html[dir="rtl"] .ipsReact_count {
  3703. margin-right: 5px;
  3704. }
  3705.  
  3706. .ipsReactOverview {
  3707. text-align: center;
  3708. }
  3709.  
  3710. .ipsReactOverview ul {
  3711. display: inline-flex;
  3712. flex-direction: row-reverse;
  3713. justify-content: center;
  3714. margin: 0;
  3715. padding: 0;
  3716. list-style: none;
  3717. }
  3718.  
  3719. .ipsReactOverview ul+span.ipsType_medium {
  3720. vertical-align: middle;
  3721. }
  3722.  
  3723. .ipsReactOverview ul img {
  3724. max-width: 28px;
  3725. max-height: 28px;
  3726. border: 2px solid #fff;
  3727. border-radius: 28px;
  3728. }
  3729.  
  3730. .ipsReactOverview_small ul img {
  3731. max-width: 24px;
  3732. max-height: 24px;
  3733. }
  3734.  
  3735. html[dir="ltr"] .ipsReactOverview ul li {
  3736. margin-right: -10px !important;
  3737. border-radius: 28px;
  3738. }
  3739.  
  3740. html[dir="ltr"] .ipsReactOverview ul li:first-child {
  3741. margin-right: 0 !important;
  3742. }
  3743.  
  3744. html[dir="rtl"] .ipsReactOverview ul li {
  3745. margin-left: -10px !important;
  3746. border-radius: 28px;
  3747. }
  3748.  
  3749. html[dir="rtl"] .ipsReactOverview ul li:first-child {
  3750. margin-left: 0 !important;
  3751. }
  3752.  
  3753. .ipsReactOverview p {
  3754. display: block;
  3755. margin-top: 5px;
  3756. font-size: 12px;
  3757. text-transform: uppercase;
  3758. opacity: 0.5;
  3759. }
  3760.  
  3761. html[dir="ltr"] .ipsReactOverview_small li.ipsReactOverview_repCount {
  3762. margin-left: 15px;
  3763. line-height: 24px;
  3764. }
  3765.  
  3766. html[dir="rtl"] .ipsReactOverview_small li.ipsReactOverview_repCount {
  3767. margin-right: 15px;
  3768. line-height: 24px;
  3769. }
  3770.  
  3771. @-webkit-keyframes reaction-click-ring {
  3772. 0% {
  3773. opacity: 1;
  3774. -webkit-transform: scale3d(0.4, 0.4, 1);
  3775. transform: scale3d(0.4, 0.4, 1);
  3776. }
  3777. 40% {
  3778. box-shadow: inset 0 0 0 2px rgba(96, 113, 127, 0.8);
  3779. transform: scale3d(1, 1, 1);
  3780. -webkit-transform: scale3d(1, 1, 1);
  3781. opacity: 0.8;
  3782. }
  3783. 100% {
  3784. box-shadow: inset 0 0 0 2px rgba(96, 113, 127, 0.8);
  3785. opacity: 0;
  3786. -webkit-transform: scale3d(1.2, 1.2, 1);
  3787. transform: scale3d(1.2, 1.2, 1);
  3788. }
  3789. }
  3790.  
  3791. @keyframes reaction-click-ring {
  3792. 0% {
  3793. opacity: 1;
  3794. -webkit-transform: scale3d(0.4, 0.4, 1);
  3795. transform: scale3d(0.4, 0.4, 1);
  3796. }
  3797. 40% {
  3798. box-shadow: inset 0 0 0 2px rgba(96, 113, 127, 0.8);
  3799. transform: scale3d(1, 1, 1);
  3800. -webkit-transform: scale3d(1, 1, 1);
  3801. opacity: 0.8;
  3802. }
  3803. 100% {
  3804. box-shadow: inset 0 0 0 2px rgba(96, 113, 127, 0.8);
  3805. opacity: 0;
  3806. -webkit-transform: scale3d(1.2, 1.2, 1);
  3807. transform: scale3d(1.2, 1.2, 1);
  3808. }
  3809. }
  3810.  
  3811. @-webkit-keyframes reaction-click {
  3812. 0% {
  3813. opacity: 0;
  3814. -webkit-transform: scale3d(0.1, 0.1, 1);
  3815. transform: scale3d(0.1, 0.1, 1);
  3816. }
  3817. 30% {
  3818. transform: scale3d(1.3, 1.3, 1);
  3819. opacity: 1;
  3820. }
  3821. 100% {
  3822. -webkit-transform: scale3d(1, 1, 1);
  3823. transform: scale3d(1, 1, 1);
  3824. }
  3825. }
  3826.  
  3827. @keyframes reaction-click {
  3828. 0% {
  3829. opacity: 0;
  3830. -webkit-transform: scale3d(0.1, 0.1, 1);
  3831. transform: scale3d(0.1, 0.1, 1);
  3832. }
  3833. 30% {
  3834. transform: scale3d(1.3, 1.3, 1);
  3835. opacity: 1;
  3836. }
  3837. 100% {
  3838. -webkit-transform: scale3d(1, 1, 1);
  3839. transform: scale3d(1, 1, 1);
  3840. }
  3841. }
  3842.  
  3843. @-webkit-keyframes reaction-hover {
  3844. 0% {
  3845. opacity: 0;
  3846. -webkit-transform: scale3d(0, 1, 1);
  3847. transform: scale3d(0, 1, 1);
  3848. }
  3849. 50% {
  3850. transform: scale3d(1.2, 1, 1);
  3851. -webkit-transform: scale3d(1.2, 1, 1);
  3852. opacity: 1;
  3853. }
  3854. 100% {
  3855. -webkit-transform: scale3d(1, 1, 1);
  3856. transform: scale3d(1, 1, 1);
  3857. }
  3858. }
  3859.  
  3860. @keyframes reaction-hover {
  3861. 0% {
  3862. opacity: 0;
  3863. -webkit-transform: scale3d(0, 1, 1);
  3864. transform: scale3d(0, 1, 1);
  3865. }
  3866. 50% {
  3867. transform: scale3d(1.2, 1, 1);
  3868. -webkit-transform: scale3d(1.2, 1, 1);
  3869. opacity: 1;
  3870. }
  3871. 100% {
  3872. -webkit-transform: scale3d(1, 1, 1);
  3873. transform: scale3d(1, 1, 1);
  3874. }
  3875. }
  3876.  
  3877. @-webkit-keyframes reaction-hover-mobile {
  3878. 0% {
  3879. opacity: 0;
  3880. -webkit-transform: scale3d(1, 0, 1);
  3881. transform: scale3d(1, 0, 1);
  3882. }
  3883. 50% {
  3884. transform: scale3d(1, 1.2, 1);
  3885. -webkit-transform: scale3d(1, 1.2, 1);
  3886. opacity: 1;
  3887. }
  3888. 100% {
  3889. -webkit-transform: scale3d(1, 1, 1);
  3890. transform: scale3d(1, 1, 1);
  3891. }
  3892. }
  3893.  
  3894. @keyframes reaction-hover-mobile {
  3895. 0% {
  3896. opacity: 0;
  3897. -webkit-transform: scale3d(1, 0, 1);
  3898. transform: scale3d(1, 0, 1);
  3899. }
  3900. 50% {
  3901. transform: scale3d(1, 1.2, 1);
  3902. -webkit-transform: scale3d(1, 1.2, 1);
  3903. opacity: 1;
  3904. }
  3905. 100% {
  3906. -webkit-transform: scale3d(1, 1, 1);
  3907. transform: scale3d(1, 1, 1);
  3908. }
  3909. }
  3910.  
  3911. @-webkit-keyframes reaction-hover-out {
  3912. 0% {
  3913. opacity: 1;
  3914. -webkit-transform: scale3d(1, 1, 1);
  3915. transform: scale3d(1, 1, 1);
  3916. }
  3917. 60% {
  3918. -webkit-transform: scale3d(0, 0.5, 1);
  3919. transform: scale3d(0, 0.5, 1);
  3920. }
  3921. 100% {
  3922. opacity: 0;
  3923. }
  3924. }
  3925.  
  3926. @keyframes reaction-hover-out {
  3927. 0% {
  3928. opacity: 1;
  3929. -webkit-transform: scale3d(1, 1, 1);
  3930. transform: scale3d(1, 1, 1);
  3931. }
  3932. 60% {
  3933. -webkit-transform: scale3d(0, 0.5, 1);
  3934. transform: scale3d(0, 0.5, 1);
  3935. }
  3936. 100% {
  3937. opacity: 0;
  3938. }
  3939. }
  3940.  
  3941. .ipsReputation_count {
  3942. background: #fff;
  3943. display: inline-block;
  3944. position: relative;
  3945. font-size: 13px;
  3946. font-weight: bold;
  3947. border-radius: 3px;
  3948. border: 1px solid rgba(0, 0, 0, 0.1);
  3949. }
  3950.  
  3951. .ipsRep_mini .ipsReputation_count {
  3952. font-weight: normal;
  3953. }
  3954.  
  3955. .ipsReputation_count.ipsType_positive {
  3956. background: #ebf2e5;
  3957. }
  3958.  
  3959. .ipsReputation_count.ipsType_negative {
  3960. background: #efdedf;
  3961. }
  3962.  
  3963. .ipsLikeRep [data-action="giveReputation"]+.ipsReputation_count {
  3964. font-size: 11px;
  3965. line-height: 20px;
  3966. }
  3967.  
  3968. html[dir="ltr"] .ipsLikeRep [data-action="giveReputation"]+.ipsReputation_count {
  3969. margin-left: 10px;
  3970. }
  3971.  
  3972. html[dir="rtl"] .ipsLikeRep [data-action="giveReputation"]+.ipsReputation_count {
  3973. margin-right: 10px;
  3974. }
  3975.  
  3976. .ipsLikeRep [data-action="giveReputation"]+.ipsReputation_count:before {
  3977. content: '';
  3978. display: block;
  3979. width: 1px;
  3980. height: 100%;
  3981. position: absolute;
  3982. background: rgba(0, 0, 0, 0.1);
  3983. top: 0;
  3984. }
  3985.  
  3986. html[dir="ltr"] .ipsLikeRep [data-action="giveReputation"]+.ipsReputation_count:before {
  3987. left: -8px;
  3988. }
  3989.  
  3990. html[dir="rtl"] .ipsLikeRep [data-action="giveReputation"]+.ipsReputation_count:before {
  3991. right: -8px;
  3992. }
  3993.  
  3994. .ipsRep_mini .ipsLikeRep {
  3995. background: transparent;
  3996. border-radius: 0;
  3997. padding: 0;
  3998. }
  3999.  
  4000. .ipsLikeRep:before {
  4001. display: none;
  4002. }
  4003.  
  4004. .ipsRep_mini .ipsReputation_count {
  4005. background: transparent;
  4006. border-radius: 0;
  4007. border: 0;
  4008. padding: 0;
  4009. }
  4010.  
  4011. .ipsRep_mini .ipsButton.ipsButton_rep,
  4012. .ipsReputation_count {
  4013. line-height: 18px;
  4014. }
  4015.  
  4016. .ipsFollow {
  4017. display: inline-block;
  4018. vertical-align: middle;
  4019. white-space: nowrap;
  4020. }
  4021.  
  4022. html[dir="ltr"] .ipsFollow {
  4023. padding-right: 0 !important;
  4024. }
  4025.  
  4026. html[dir="rtl"] .ipsFollow {
  4027. padding-left: 0 !important;
  4028. }
  4029.  
  4030. .ipsFollow>a:not( .ipsCommentCount),
  4031. .ipsFollow>span:not( .ipsCommentCount),
  4032. .ipsFollow>a>span:not( .ipsCommentCount) {
  4033. display: inline-block;
  4034. line-height: 28px;
  4035. position: relative;
  4036. }
  4037.  
  4038. html[dir="ltr"] .ipsFollow>a:not( .ipsCommentCount),
  4039. html[dir="ltr"] .ipsFollow>span:not( .ipsCommentCount),
  4040. html[dir="ltr"] .ipsFollow>a>span:not( .ipsCommentCount) {
  4041. left: -15px;
  4042. padding-left: 15px;
  4043. }
  4044.  
  4045. html[dir="rtl"] .ipsFollow>a:not( .ipsCommentCount),
  4046. html[dir="rtl"] .ipsFollow>span:not( .ipsCommentCount),
  4047. html[dir="rtl"] .ipsFollow>a>span:not( .ipsCommentCount) {
  4048. right: -15px;
  4049. padding-right: 15px;
  4050. }
  4051.  
  4052. .ipsFollow .ipsCommentCount {
  4053. margin: 0 3px 3px 0;
  4054. background: #fff;
  4055. color: #333;
  4056. text-shadow: none !important;
  4057. line-height: 11.5px;
  4058. font-size: 10px;
  4059. }
  4060.  
  4061. .ipsFollow>a>span.ipsCommentCount {
  4062. margin: 0 -14px 0 14px;
  4063. }
  4064.  
  4065. html[dir="rtl"] .ipsFollow>a>span.ipsCommentCount {
  4066. margin: 0 14px 0 -14px;
  4067. }
  4068.  
  4069. html[dir="ltr"] .ipsFollow>a>span+span.ipsCommentCount {
  4070. margin-left: 0;
  4071. }
  4072.  
  4073. html[dir="rtl"] .ipsFollow>a>span+span.ipsCommentCount {
  4074. margin-right: 0;
  4075. }
  4076.  
  4077. html[dir="ltr"] .ipsFollow .ipsCommentCount:after {
  4078. border-color: transparent #fff transparent transparent;
  4079. }
  4080.  
  4081. html[dir="rtl"] .ipsFollow .ipsCommentCount:after {
  4082. border-color: transparent transparent transparent #fff;
  4083. }
  4084.  
  4085. .ipsFollowerList {
  4086. max-height: 300px;
  4087. overflow: auto;
  4088. }
  4089.  
  4090. .ipsRating {
  4091. font-size: 14px;
  4092. line-height: 1;
  4093. display: inline-block;
  4094. cursor: default;
  4095. }
  4096.  
  4097. .ipsRating>ul {
  4098. padding: 0;
  4099. margin: 0;
  4100. list-style-type: none;
  4101. }
  4102.  
  4103. .ipsRating>ul>li {
  4104. display: inline-block;
  4105. }
  4106.  
  4107. html[dir="ltr"] .ipsRating>ul>li,
  4108. html[dir="ltr"] .ipsList_inline.ipsRating>li {
  4109. margin-right: -2px;
  4110. }
  4111.  
  4112. html[dir="rtl"] .ipsRating>ul>li,
  4113. html[dir="rtl"] .ipsList_inline.ipsRating>li {
  4114. margin-left: -2px;
  4115. }
  4116.  
  4117. .ipsRating.ipsRating_small {
  4118. font-size: 11px;
  4119. }
  4120.  
  4121. .ipsRating.ipsRating_large {
  4122. font-size: 16px;
  4123. }
  4124.  
  4125. .ipsRating.ipsRating_veryLarge {
  4126. font-size: 20px;
  4127. }
  4128.  
  4129. .ipsRating+span {
  4130. margin-left: 10px;
  4131. }
  4132.  
  4133. .ipsRating+span:empty {
  4134. margin-left: 0;
  4135. }
  4136.  
  4137. .ipsRating.ipsRating_rated .ipsRating_collective,
  4138. .ipsRating.ipsRating_rated:hover .ipsRating_mine {
  4139. display: none;
  4140. }
  4141.  
  4142. .ipsRating.ipsRating_rated:hover .ipsRating_collective {
  4143. display: inline-block;
  4144. }
  4145.  
  4146. html[dir="ltr"] [data-ipsRating]>.ipsRating {
  4147. float: left;
  4148. }
  4149.  
  4150. html[dir="rtl"] [data-ipsRating]>.ipsRating {
  4151. float: right;
  4152. }
  4153.  
  4154. html[dir="ltr"] [data-ipsRating]>.ipsRating>ul>li {
  4155. padding-right: 3px;
  4156. float: left;
  4157. }
  4158.  
  4159. html[dir="rtl"] [data-ipsRating]>.ipsRating>ul>li {
  4160. padding-left: 3px;
  4161. float: right;
  4162. }
  4163.  
  4164. .ipsRating.ipsRating_loading {
  4165. opacity: 0.6;
  4166. }
  4167.  
  4168. .ipsRating .ipsRating_on .fa-star {
  4169. color: #ff9800;
  4170. }
  4171.  
  4172. .ipsRating .ipsRating_mine .ipsRating_on .fa-star {
  4173. color: #ff5629;
  4174. }
  4175.  
  4176. .ipsRating .ipsRating_half .fa-star-half.fa-flip-horizontal {
  4177. color: #b3b3b3;
  4178. margin-left: -1px;
  4179. }
  4180.  
  4181. .ipsRating .ipsRating_half .fa-star-half:not(.fa-flip-horizontal) {
  4182. color: #ff9800;
  4183. margin-right: -1px;
  4184. }
  4185.  
  4186. .ipsRating .ipsRating_off .fa-star-o,
  4187. .ipsRating .ipsRating_off .fa-star {
  4188. color: #b3b3b3;
  4189. }
  4190.  
  4191. .ipsRating .ipsRating_hover .fa-star {
  4192. color: #ff5629;
  4193. -webkit-transition: all 0.1s linear;
  4194. -moz-transition: all 0.1s linear;
  4195. -ms-transition: all 0.1s linear;
  4196. -o-transition: all 0.1s linear;
  4197. transition: all 0.1s linear;
  4198. -webkit-transform: scale(1.2);
  4199. -moz-transform: scale(1.2);
  4200. -ms-transform: scale(1.2);
  4201. -o-transform: scale(1.2);
  4202. transform: scale(1.2);
  4203. }
  4204.  
  4205. .ipsShare_facebook {
  4206. border: none;
  4207. overflow: hidden;
  4208. height: 20px;
  4209. width: 48px;
  4210. }
  4211.  
  4212. .ipsPip {
  4213. font-size: 10px;
  4214. color: #5a5a5a;
  4215. display: inline-block;
  4216. }
  4217.  
  4218. html[dir="ltr"] .ipsPip {
  4219. margin-right: 2px;
  4220. }
  4221.  
  4222. html[dir="rtl"] .ipsPip {
  4223. margin-left: 2px;
  4224. }
  4225.  
  4226. .ipsPip:before {
  4227. content: '\f111';
  4228. font-family: 'FontAwesome';
  4229. }
  4230.  
  4231. .ipsLeaderboard_trophy {
  4232. color: #ffffff;
  4233. font-size: 26px;
  4234. padding-top: 7px;
  4235. padding-left: 1px;
  4236. width: 40px;
  4237. height: 40px;
  4238. border-radius: 38px;
  4239. position: relative;
  4240. display: inline-block;
  4241. text-align: center;
  4242. }
  4243.  
  4244. .ipsLeaderboard_trophy:before,
  4245. .ipsLeaderboard_trophy:after {
  4246. content: '';
  4247. display: block;
  4248. width: 12px;
  4249. height: 30px;
  4250. position: absolute;
  4251. top: 24px;
  4252. }
  4253.  
  4254. .ipsLeaderboard_trophy:before {
  4255. -webkit-transform: rotate(50deg) skew(15deg);
  4256. ;
  4257. -moz-transform: rotate(50deg) skew(15deg);
  4258. ;
  4259. -ms-transform: rotate(50deg) skew(15deg);
  4260. ;
  4261. -o-transform: rotate(50deg) skew(15deg);
  4262. ;
  4263. transform: rotate(50deg) skew(15deg);
  4264. ;
  4265. left: 9px;
  4266. }
  4267.  
  4268. .ipsLeaderboard_trophy:after {
  4269. -webkit-transform: rotate(-50deg) skew(-15deg);
  4270. -moz-transform: rotate(-50deg) skew(-15deg);
  4271. -ms-transform: rotate(-50deg) skew(-15deg);
  4272. -o-transform: rotate(-50deg) skew(-15deg);
  4273. transform: rotate(-50deg) skew(-15deg);
  4274. right: 9px;
  4275. }
  4276.  
  4277. .ipsLeaderboard_trophy .fa {
  4278. position: relative;
  4279. z-index: 100;
  4280. }
  4281.  
  4282. .ipsLeaderboard_trophy_1,
  4283. .ipsLeaderboard_trophy_1.ipsLeaderboard_trophy:before,
  4284. .ipsLeaderboard_trophy_1.ipsLeaderboard_trophy:after {
  4285. background-color: #fac746;
  4286. }
  4287.  
  4288. .ipsLeaderboard_trophy_2,
  4289. .ipsLeaderboard_trophy_2.ipsLeaderboard_trophy:before,
  4290. .ipsLeaderboard_trophy_2.ipsLeaderboard_trophy:after {
  4291. background-color: #c0c0c0;
  4292. }
  4293.  
  4294. .ipsLeaderboard_trophy_3,
  4295. .ipsLeaderboard_trophy_3.ipsLeaderboard_trophy:before,
  4296. .ipsLeaderboard_trophy_3.ipsLeaderboard_trophy:after {
  4297. background-color: #cd7f32;
  4298. }
  4299.  
  4300. .ipsLeaderboard_trophy_4 {
  4301. display: none;
  4302. }
  4303.  
  4304. @font-face {
  4305. font-family: 'icomoon';
  4306. src: url('//forums.definitive.network/applications/core/interface/font/icomoon.eot?v=-29n77j');
  4307. src: url('//forums.definitive.network/applications/core/interface/font/icomoon.eot#iefix-29n77j') format('embedded-opentype'), url('//forums.definitive.network/applications/core/interface/font/icomoon.woff?v=-29n77j') format('woff'), url('//forums.definitive.network/applications/core/interface/font/icomoon.ttf?v=-29n77j') format('truetype'), url('//forums.definitive.network/applications/core/interface/font/icomoon.svg?v=-29n77j#icomoon') format('svg');
  4308. font-weight: normal;
  4309. font-style: normal;
  4310. }
  4311.  
  4312. [class^="icon-"],
  4313. [class*=" icon-"] {
  4314. font-family: 'icomoon';
  4315. speak: none;
  4316. font-style: normal;
  4317. font-weight: normal;
  4318. font-variant: normal;
  4319. text-transform: none;
  4320. line-height: 1;
  4321. -webkit-font-smoothing: antialiased;
  4322. -moz-osx-font-smoothing: grayscale;
  4323. }
  4324.  
  4325. .icon-spinner2:before,
  4326. .icon-spinner3:before,
  4327. .icon-spinner9:before {
  4328. -webkit-animation: spinner 0.75s infinite linear;
  4329. animation: spinner 0.75s infinite linear;
  4330. }
  4331.  
  4332. .icon-newspaper:before {
  4333. content: "\e904";
  4334. }
  4335.  
  4336. .icon-stack:before {
  4337. content: "\e92e";
  4338. }
  4339.  
  4340. .icon-spinner2:before {
  4341. content: "\e97b";
  4342. }
  4343.  
  4344. .icon-spinner3:before {
  4345. content: "\e97c";
  4346. }
  4347.  
  4348. .icon-spinner9:before {
  4349. content: "\e982";
  4350. }
  4351.  
  4352. .icon-fire:before {
  4353. content: "\e9a9";
  4354. }
  4355.  
  4356. @font-face {
  4357. font-family: 'FontAwesome';
  4358. src: url('//forums.definitive.network/applications/core/interface/font/fontawesome-webfont.eot?v=4.7.0');
  4359. src: url('//forums.definitive.network/applications/core/interface/font/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'), url('//forums.definitive.network/applications/core/interface/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('//forums.definitive.network/applications/core/interface/font/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('//forums.definitive.network/applications/core/interface/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('//forums.definitive.network/applications/core/interface/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  4360. font-weight: normal;
  4361. font-style: normal;
  4362. }
  4363.  
  4364. .fa {
  4365. display: inline-block;
  4366. font: normal normal normal 14px/1 FontAwesome;
  4367. font-size: inherit;
  4368. text-rendering: auto;
  4369. -webkit-font-smoothing: antialiased;
  4370. -moz-osx-font-smoothing: grayscale;
  4371. }
  4372.  
  4373. .fa-lg {
  4374. font-size: 1.33333333em;
  4375. line-height: 0.75em;
  4376. vertical-align: -15%;
  4377. }
  4378.  
  4379. .fa-2x {
  4380. font-size: 2em;
  4381. }
  4382.  
  4383. .fa-3x {
  4384. font-size: 3em;
  4385. }
  4386.  
  4387. .fa-4x {
  4388. font-size: 4em;
  4389. }
  4390.  
  4391. .fa-5x {
  4392. font-size: 5em;
  4393. }
  4394.  
  4395. .fa-fw {
  4396. width: 1.28571429em;
  4397. text-align: center;
  4398. }
  4399.  
  4400. .fa-ul {
  4401. padding-left: 0;
  4402. margin-left: 2.14285714em;
  4403. list-style-type: none;
  4404. }
  4405.  
  4406. .fa-ul>li {
  4407. position: relative;
  4408. }
  4409.  
  4410. .fa-li {
  4411. position: absolute;
  4412. left: -2.14285714em;
  4413. width: 2.14285714em;
  4414. top: 0.14285714em;
  4415. text-align: center;
  4416. }
  4417.  
  4418. .fa-li.fa-lg {
  4419. left: -1.85714286em;
  4420. }
  4421.  
  4422. .fa-border {
  4423. padding: .2em .25em .15em;
  4424. border: solid 0.08em #eeeeee;
  4425. border-radius: .1em;
  4426. }
  4427.  
  4428. .fa-pull-left {
  4429. float: left;
  4430. }
  4431.  
  4432. .fa-pull-right {
  4433. float: right;
  4434. }
  4435.  
  4436. .fa.fa-pull-left {
  4437. margin-right: .3em;
  4438. }
  4439.  
  4440. .fa.fa-pull-right {
  4441. margin-left: .3em;
  4442. }
  4443.  
  4444. .pull-right {
  4445. float: right;
  4446. }
  4447.  
  4448. .pull-left {
  4449. float: left;
  4450. }
  4451.  
  4452. .fa.pull-left {
  4453. margin-right: .3em;
  4454. }
  4455.  
  4456. .fa.pull-right {
  4457. margin-left: .3em;
  4458. }
  4459.  
  4460. .fa-spin {
  4461. -webkit-animation: fa-spin 2s infinite linear;
  4462. animation: fa-spin 2s infinite linear;
  4463. }
  4464.  
  4465. .fa-pulse {
  4466. -webkit-animation: fa-spin 1s infinite steps(8);
  4467. animation: fa-spin 1s infinite steps(8);
  4468. }
  4469.  
  4470. @-webkit-keyframes fa-spin {
  4471. 0% {
  4472. -webkit-transform: rotate(0deg);
  4473. transform: rotate(0deg);
  4474. }
  4475. 100% {
  4476. -webkit-transform: rotate(359deg);
  4477. transform: rotate(359deg);
  4478. }
  4479. }
  4480.  
  4481. @keyframes fa-spin {
  4482. 0% {
  4483. -webkit-transform: rotate(0deg);
  4484. transform: rotate(0deg);
  4485. }
  4486. 100% {
  4487. -webkit-transform: rotate(359deg);
  4488. transform: rotate(359deg);
  4489. }
  4490. }
  4491.  
  4492. .fa-rotate-90 {
  4493. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  4494. -webkit-transform: rotate(90deg);
  4495. -ms-transform: rotate(90deg);
  4496. transform: rotate(90deg);
  4497. }
  4498.  
  4499. .fa-rotate-180 {
  4500. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  4501. -webkit-transform: rotate(180deg);
  4502. -ms-transform: rotate(180deg);
  4503. transform: rotate(180deg);
  4504. }
  4505.  
  4506. .fa-rotate-270 {
  4507. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  4508. -webkit-transform: rotate(270deg);
  4509. -ms-transform: rotate(270deg);
  4510. transform: rotate(270deg);
  4511. }
  4512.  
  4513. .fa-flip-horizontal {
  4514. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  4515. -webkit-transform: scale(-1, 1);
  4516. -ms-transform: scale(-1, 1);
  4517. transform: scale(-1, 1);
  4518. }
  4519.  
  4520. .fa-flip-vertical {
  4521. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  4522. -webkit-transform: scale(1, -1);
  4523. -ms-transform: scale(1, -1);
  4524. transform: scale(1, -1);
  4525. }
  4526.  
  4527. :root .fa-rotate-90,
  4528. :root .fa-rotate-180,
  4529. :root .fa-rotate-270,
  4530. :root .fa-flip-horizontal,
  4531. :root .fa-flip-vertical {
  4532. filter: none;
  4533. }
  4534.  
  4535. .fa-stack {
  4536. position: relative;
  4537. display: inline-block;
  4538. width: 2em;
  4539. height: 2em;
  4540. line-height: 2em;
  4541. vertical-align: middle;
  4542. }
  4543.  
  4544. .fa-stack-1x,
  4545. .fa-stack-2x {
  4546. position: absolute;
  4547. left: 0;
  4548. width: 100%;
  4549. text-align: center;
  4550. }
  4551.  
  4552. .fa-stack-1x {
  4553. line-height: inherit;
  4554. }
  4555.  
  4556. .fa-stack-2x {
  4557. font-size: 2em;
  4558. }
  4559.  
  4560. .fa-inverse {
  4561. color: #ffffff;
  4562. }
  4563.  
  4564. .fa-glass:before {
  4565. content: "\f000";
  4566. }
  4567.  
  4568. .fa-music:before {
  4569. content: "\f001";
  4570. }
  4571.  
  4572. .fa-search:before {
  4573. content: "\f002";
  4574. }
  4575.  
  4576. .fa-envelope-o:before {
  4577. content: "\f003";
  4578. }
  4579.  
  4580. .fa-heart:before {
  4581. content: "\f004";
  4582. }
  4583.  
  4584. .fa-star:before {
  4585. content: "\f005";
  4586. }
  4587.  
  4588. .fa-star-o:before {
  4589. content: "\f006";
  4590. }
  4591.  
  4592. .fa-user:before {
  4593. content: "\f007";
  4594. }
  4595.  
  4596. .fa-film:before {
  4597. content: "\f008";
  4598. }
  4599.  
  4600. .fa-th-large:before {
  4601. content: "\f009";
  4602. }
  4603.  
  4604. .fa-th:before {
  4605. content: "\f00a";
  4606. }
  4607.  
  4608. .fa-th-list:before {
  4609. content: "\f00b";
  4610. }
  4611.  
  4612. .fa-check:before {
  4613. content: "\f00c";
  4614. }
  4615.  
  4616. .fa-remove:before,
  4617. .fa-close:before,
  4618. .fa-times:before {
  4619. content: "\f00d";
  4620. }
  4621.  
  4622. .fa-search-plus:before {
  4623. content: "\f00e";
  4624. }
  4625.  
  4626. .fa-search-minus:before {
  4627. content: "\f010";
  4628. }
  4629.  
  4630. .fa-power-off:before {
  4631. content: "\f011";
  4632. }
  4633.  
  4634. .fa-signal:before {
  4635. content: "\f012";
  4636. }
  4637.  
  4638. .fa-gear:before,
  4639. .fa-cog:before {
  4640. content: "\f013";
  4641. }
  4642.  
  4643. .fa-trash-o:before {
  4644. content: "\f014";
  4645. }
  4646.  
  4647. .fa-home:before {
  4648. content: "\f015";
  4649. }
  4650.  
  4651. .fa-file-o:before {
  4652. content: "\f016";
  4653. }
  4654.  
  4655. .fa-clock-o:before {
  4656. content: "\f017";
  4657. }
  4658.  
  4659. .fa-road:before {
  4660. content: "\f018";
  4661. }
  4662.  
  4663. .fa-download:before {
  4664. content: "\f019";
  4665. }
  4666.  
  4667. .fa-arrow-circle-o-down:before {
  4668. content: "\f01a";
  4669. }
  4670.  
  4671. .fa-arrow-circle-o-up:before {
  4672. content: "\f01b";
  4673. }
  4674.  
  4675. .fa-inbox:before {
  4676. content: "\f01c";
  4677. }
  4678.  
  4679. .fa-play-circle-o:before {
  4680. content: "\f01d";
  4681. }
  4682.  
  4683. .fa-rotate-right:before,
  4684. .fa-repeat:before {
  4685. content: "\f01e";
  4686. }
  4687.  
  4688. .fa-refresh:before {
  4689. content: "\f021";
  4690. }
  4691.  
  4692. .fa-list-alt:before {
  4693. content: "\f022";
  4694. }
  4695.  
  4696. .fa-lock:before {
  4697. content: "\f023";
  4698. }
  4699.  
  4700. .fa-flag:before {
  4701. content: "\f024";
  4702. }
  4703.  
  4704. .fa-headphones:before {
  4705. content: "\f025";
  4706. }
  4707.  
  4708. .fa-volume-off:before {
  4709. content: "\f026";
  4710. }
  4711.  
  4712. .fa-volume-down:before {
  4713. content: "\f027";
  4714. }
  4715.  
  4716. .fa-volume-up:before {
  4717. content: "\f028";
  4718. }
  4719.  
  4720. .fa-qrcode:before {
  4721. content: "\f029";
  4722. }
  4723.  
  4724. .fa-barcode:before {
  4725. content: "\f02a";
  4726. }
  4727.  
  4728. .fa-tag:before {
  4729. content: "\f02b";
  4730. }
  4731.  
  4732. .fa-tags:before {
  4733. content: "\f02c";
  4734. }
  4735.  
  4736. .fa-book:before {
  4737. content: "\f02d";
  4738. }
  4739.  
  4740. .fa-bookmark:before {
  4741. content: "\f02e";
  4742. }
  4743.  
  4744. .fa-print:before {
  4745. content: "\f02f";
  4746. }
  4747.  
  4748. .fa-camera:before {
  4749. content: "\f030";
  4750. }
  4751.  
  4752. .fa-font:before {
  4753. content: "\f031";
  4754. }
  4755.  
  4756. .fa-bold:before {
  4757. content: "\f032";
  4758. }
  4759.  
  4760. .fa-italic:before {
  4761. content: "\f033";
  4762. }
  4763.  
  4764. .fa-text-height:before {
  4765. content: "\f034";
  4766. }
  4767.  
  4768. .fa-text-width:before {
  4769. content: "\f035";
  4770. }
  4771.  
  4772. .fa-align-left:before {
  4773. content: "\f036";
  4774. }
  4775.  
  4776. .fa-align-center:before {
  4777. content: "\f037";
  4778. }
  4779.  
  4780. .fa-align-right:before {
  4781. content: "\f038";
  4782. }
  4783.  
  4784. .fa-align-justify:before {
  4785. content: "\f039";
  4786. }
  4787.  
  4788. .fa-list:before {
  4789. content: "\f03a";
  4790. }
  4791.  
  4792. .fa-dedent:before,
  4793. .fa-outdent:before {
  4794. content: "\f03b";
  4795. }
  4796.  
  4797. .fa-indent:before {
  4798. content: "\f03c";
  4799. }
  4800.  
  4801. .fa-video-camera:before {
  4802. content: "\f03d";
  4803. }
  4804.  
  4805. .fa-photo:before,
  4806. .fa-image:before,
  4807. .fa-picture-o:before {
  4808. content: "\f03e";
  4809. }
  4810.  
  4811. .fa-pencil:before {
  4812. content: "\f040";
  4813. }
  4814.  
  4815. .fa-map-marker:before {
  4816. content: "\f041";
  4817. }
  4818.  
  4819. .fa-adjust:before {
  4820. content: "\f042";
  4821. }
  4822.  
  4823. .fa-tint:before {
  4824. content: "\f043";
  4825. }
  4826.  
  4827. .fa-edit:before,
  4828. .fa-pencil-square-o:before {
  4829. content: "\f044";
  4830. }
  4831.  
  4832. .fa-share-square-o:before {
  4833. content: "\f045";
  4834. }
  4835.  
  4836. .fa-check-square-o:before {
  4837. content: "\f046";
  4838. }
  4839.  
  4840. .fa-arrows:before {
  4841. content: "\f047";
  4842. }
  4843.  
  4844. .fa-step-backward:before {
  4845. content: "\f048";
  4846. }
  4847.  
  4848. .fa-fast-backward:before {
  4849. content: "\f049";
  4850. }
  4851.  
  4852. .fa-backward:before {
  4853. content: "\f04a";
  4854. }
  4855.  
  4856. .fa-play:before {
  4857. content: "\f04b";
  4858. }
  4859.  
  4860. .fa-pause:before {
  4861. content: "\f04c";
  4862. }
  4863.  
  4864. .fa-stop:before {
  4865. content: "\f04d";
  4866. }
  4867.  
  4868. .fa-forward:before {
  4869. content: "\f04e";
  4870. }
  4871.  
  4872. .fa-fast-forward:before {
  4873. content: "\f050";
  4874. }
  4875.  
  4876. .fa-step-forward:before {
  4877. content: "\f051";
  4878. }
  4879.  
  4880. .fa-eject:before {
  4881. content: "\f052";
  4882. }
  4883.  
  4884. .fa-chevron-left:before {
  4885. content: "\f053";
  4886. }
  4887.  
  4888. .fa-chevron-right:before {
  4889. content: "\f054";
  4890. }
  4891.  
  4892. .fa-plus-circle:before {
  4893. content: "\f055";
  4894. }
  4895.  
  4896. .fa-minus-circle:before {
  4897. content: "\f056";
  4898. }
  4899.  
  4900. .fa-times-circle:before {
  4901. content: "\f057";
  4902. }
  4903.  
  4904. .fa-check-circle:before {
  4905. content: "\f058";
  4906. }
  4907.  
  4908. .fa-question-circle:before {
  4909. content: "\f059";
  4910. }
  4911.  
  4912. .fa-info-circle:before {
  4913. content: "\f05a";
  4914. }
  4915.  
  4916. .fa-crosshairs:before {
  4917. content: "\f05b";
  4918. }
  4919.  
  4920. .fa-times-circle-o:before {
  4921. content: "\f05c";
  4922. }
  4923.  
  4924. .fa-check-circle-o:before {
  4925. content: "\f05d";
  4926. }
  4927.  
  4928. .fa-ban:before {
  4929. content: "\f05e";
  4930. }
  4931.  
  4932. .fa-arrow-left:before {
  4933. content: "\f060";
  4934. }
  4935.  
  4936. .fa-arrow-right:before {
  4937. content: "\f061";
  4938. }
  4939.  
  4940. .fa-arrow-up:before {
  4941. content: "\f062";
  4942. }
  4943.  
  4944. .fa-arrow-down:before {
  4945. content: "\f063";
  4946. }
  4947.  
  4948. .fa-mail-forward:before,
  4949. .fa-share:before {
  4950. content: "\f064";
  4951. }
  4952.  
  4953. .fa-expand:before {
  4954. content: "\f065";
  4955. }
  4956.  
  4957. .fa-compress:before {
  4958. content: "\f066";
  4959. }
  4960.  
  4961. .fa-plus:before {
  4962. content: "\f067";
  4963. }
  4964.  
  4965. .fa-minus:before {
  4966. content: "\f068";
  4967. }
  4968.  
  4969. .fa-asterisk:before {
  4970. content: "\f069";
  4971. }
  4972.  
  4973. .fa-exclamation-circle:before {
  4974. content: "\f06a";
  4975. }
  4976.  
  4977. .fa-gift:before {
  4978. content: "\f06b";
  4979. }
  4980.  
  4981. .fa-leaf:before {
  4982. content: "\f06c";
  4983. }
  4984.  
  4985. .fa-fire:before {
  4986. content: "\f06d";
  4987. }
  4988.  
  4989. .fa-eye:before {
  4990. content: "\f06e";
  4991. }
  4992.  
  4993. .fa-eye-slash:before {
  4994. content: "\f070";
  4995. }
  4996.  
  4997. .fa-warning:before,
  4998. .fa-exclamation-triangle:before {
  4999. content: "\f071";
  5000. }
  5001.  
  5002. .fa-plane:before {
  5003. content: "\f072";
  5004. }
  5005.  
  5006. .fa-calendar:before {
  5007. content: "\f073";
  5008. }
  5009.  
  5010. .fa-random:before {
  5011. content: "\f074";
  5012. }
  5013.  
  5014. .fa-comment:before {
  5015. content: "\f075";
  5016. }
  5017.  
  5018. .fa-magnet:before {
  5019. content: "\f076";
  5020. }
  5021.  
  5022. .fa-chevron-up:before {
  5023. content: "\f077";
  5024. }
  5025.  
  5026. .fa-chevron-down:before {
  5027. content: "\f078";
  5028. }
  5029.  
  5030. .fa-retweet:before {
  5031. content: "\f079";
  5032. }
  5033.  
  5034. .fa-shopping-cart:before {
  5035. content: "\f07a";
  5036. }
  5037.  
  5038. .fa-folder:before {
  5039. content: "\f07b";
  5040. }
  5041.  
  5042. .fa-folder-open:before {
  5043. content: "\f07c";
  5044. }
  5045.  
  5046. .fa-arrows-v:before {
  5047. content: "\f07d";
  5048. }
  5049.  
  5050. .fa-arrows-h:before {
  5051. content: "\f07e";
  5052. }
  5053.  
  5054. .fa-bar-chart-o:before,
  5055. .fa-bar-chart:before {
  5056. content: "\f080";
  5057. }
  5058.  
  5059. .fa-twitter-square:before {
  5060. content: "\f081";
  5061. }
  5062.  
  5063. .fa-facebook-square:before {
  5064. content: "\f082";
  5065. }
  5066.  
  5067. .fa-camera-retro:before {
  5068. content: "\f083";
  5069. }
  5070.  
  5071. .fa-key:before {
  5072. content: "\f084";
  5073. }
  5074.  
  5075. .fa-gears:before,
  5076. .fa-cogs:before {
  5077. content: "\f085";
  5078. }
  5079.  
  5080. .fa-comments:before {
  5081. content: "\f086";
  5082. }
  5083.  
  5084. .fa-thumbs-o-up:before {
  5085. content: "\f087";
  5086. }
  5087.  
  5088. .fa-thumbs-o-down:before {
  5089. content: "\f088";
  5090. }
  5091.  
  5092. .fa-star-half:before {
  5093. content: "\f089";
  5094. }
  5095.  
  5096. .fa-heart-o:before {
  5097. content: "\f08a";
  5098. }
  5099.  
  5100. .fa-sign-out:before {
  5101. content: "\f08b";
  5102. }
  5103.  
  5104. .fa-linkedin-square:before {
  5105. content: "\f08c";
  5106. }
  5107.  
  5108. .fa-thumb-tack:before {
  5109. content: "\f08d";
  5110. }
  5111.  
  5112. .fa-external-link:before {
  5113. content: "\f08e";
  5114. }
  5115.  
  5116. .fa-sign-in:before {
  5117. content: "\f090";
  5118. }
  5119.  
  5120. .fa-trophy:before {
  5121. content: "\f091";
  5122. }
  5123.  
  5124. .fa-github-square:before {
  5125. content: "\f092";
  5126. }
  5127.  
  5128. .fa-upload:before {
  5129. content: "\f093";
  5130. }
  5131.  
  5132. .fa-lemon-o:before {
  5133. content: "\f094";
  5134. }
  5135.  
  5136. .fa-phone:before {
  5137. content: "\f095";
  5138. }
  5139.  
  5140. .fa-square-o:before {
  5141. content: "\f096";
  5142. }
  5143.  
  5144. .fa-bookmark-o:before {
  5145. content: "\f097";
  5146. }
  5147.  
  5148. .fa-phone-square:before {
  5149. content: "\f098";
  5150. }
  5151.  
  5152. .fa-twitter:before {
  5153. content: "\f099";
  5154. }
  5155.  
  5156. .fa-facebook-f:before,
  5157. .fa-facebook:before {
  5158. content: "\f09a";
  5159. }
  5160.  
  5161. .fa-github:before {
  5162. content: "\f09b";
  5163. }
  5164.  
  5165. .fa-unlock:before {
  5166. content: "\f09c";
  5167. }
  5168.  
  5169. .fa-credit-card:before {
  5170. content: "\f09d";
  5171. }
  5172.  
  5173. .fa-feed:before,
  5174. .fa-rss:before {
  5175. content: "\f09e";
  5176. }
  5177.  
  5178. .fa-hdd-o:before {
  5179. content: "\f0a0";
  5180. }
  5181.  
  5182. .fa-bullhorn:before {
  5183. content: "\f0a1";
  5184. }
  5185.  
  5186. .fa-bell:before {
  5187. content: "\f0f3";
  5188. }
  5189.  
  5190. .fa-certificate:before {
  5191. content: "\f0a3";
  5192. }
  5193.  
  5194. .fa-hand-o-right:before {
  5195. content: "\f0a4";
  5196. }
  5197.  
  5198. .fa-hand-o-left:before {
  5199. content: "\f0a5";
  5200. }
  5201.  
  5202. .fa-hand-o-up:before {
  5203. content: "\f0a6";
  5204. }
  5205.  
  5206. .fa-hand-o-down:before {
  5207. content: "\f0a7";
  5208. }
  5209.  
  5210. .fa-arrow-circle-left:before {
  5211. content: "\f0a8";
  5212. }
  5213.  
  5214. .fa-arrow-circle-right:before {
  5215. content: "\f0a9";
  5216. }
  5217.  
  5218. .fa-arrow-circle-up:before {
  5219. content: "\f0aa";
  5220. }
  5221.  
  5222. .fa-arrow-circle-down:before {
  5223. content: "\f0ab";
  5224. }
  5225.  
  5226. .fa-globe:before {
  5227. content: "\f0ac";
  5228. }
  5229.  
  5230. .fa-wrench:before {
  5231. content: "\f0ad";
  5232. }
  5233.  
  5234. .fa-tasks:before {
  5235. content: "\f0ae";
  5236. }
  5237.  
  5238. .fa-filter:before {
  5239. content: "\f0b0";
  5240. }
  5241.  
  5242. .fa-briefcase:before {
  5243. content: "\f0b1";
  5244. }
  5245.  
  5246. .fa-arrows-alt:before {
  5247. content: "\f0b2";
  5248. }
  5249.  
  5250. .fa-group:before,
  5251. .fa-users:before {
  5252. content: "\f0c0";
  5253. }
  5254.  
  5255. .fa-chain:before,
  5256. .fa-link:before {
  5257. content: "\f0c1";
  5258. }
  5259.  
  5260. .fa-cloud:before {
  5261. content: "\f0c2";
  5262. }
  5263.  
  5264. .fa-flask:before {
  5265. content: "\f0c3";
  5266. }
  5267.  
  5268. .fa-cut:before,
  5269. .fa-scissors:before {
  5270. content: "\f0c4";
  5271. }
  5272.  
  5273. .fa-copy:before,
  5274. .fa-files-o:before {
  5275. content: "\f0c5";
  5276. }
  5277.  
  5278. .fa-paperclip:before {
  5279. content: "\f0c6";
  5280. }
  5281.  
  5282. .fa-save:before,
  5283. .fa-floppy-o:before {
  5284. content: "\f0c7";
  5285. }
  5286.  
  5287. .fa-square:before {
  5288. content: "\f0c8";
  5289. }
  5290.  
  5291. .fa-navicon:before,
  5292. .fa-reorder:before,
  5293. .fa-bars:before {
  5294. content: "\f0c9";
  5295. }
  5296.  
  5297. .fa-list-ul:before {
  5298. content: "\f0ca";
  5299. }
  5300.  
  5301. .fa-list-ol:before {
  5302. content: "\f0cb";
  5303. }
  5304.  
  5305. .fa-strikethrough:before {
  5306. content: "\f0cc";
  5307. }
  5308.  
  5309. .fa-underline:before {
  5310. content: "\f0cd";
  5311. }
  5312.  
  5313. .fa-table:before {
  5314. content: "\f0ce";
  5315. }
  5316.  
  5317. .fa-magic:before {
  5318. content: "\f0d0";
  5319. }
  5320.  
  5321. .fa-truck:before {
  5322. content: "\f0d1";
  5323. }
  5324.  
  5325. .fa-pinterest:before {
  5326. content: "\f0d2";
  5327. }
  5328.  
  5329. .fa-pinterest-square:before {
  5330. content: "\f0d3";
  5331. }
  5332.  
  5333. .fa-google-plus-square:before {
  5334. content: "\f0d4";
  5335. }
  5336.  
  5337. .fa-google-plus:before {
  5338. content: "\f0d5";
  5339. }
  5340.  
  5341. .fa-money:before {
  5342. content: "\f0d6";
  5343. }
  5344.  
  5345. .fa-caret-down:before {
  5346. content: "\f0d7";
  5347. }
  5348.  
  5349. .fa-caret-up:before {
  5350. content: "\f0d8";
  5351. }
  5352.  
  5353. .fa-caret-left:before {
  5354. content: "\f0d9";
  5355. }
  5356.  
  5357. .fa-caret-right:before {
  5358. content: "\f0da";
  5359. }
  5360.  
  5361. .fa-columns:before {
  5362. content: "\f0db";
  5363. }
  5364.  
  5365. .fa-unsorted:before,
  5366. .fa-sort:before {
  5367. content: "\f0dc";
  5368. }
  5369.  
  5370. .fa-sort-down:before,
  5371. .fa-sort-desc:before {
  5372. content: "\f0dd";
  5373. }
  5374.  
  5375. .fa-sort-up:before,
  5376. .fa-sort-asc:before {
  5377. content: "\f0de";
  5378. }
  5379.  
  5380. .fa-envelope:before {
  5381. content: "\f0e0";
  5382. }
  5383.  
  5384. .fa-linkedin:before {
  5385. content: "\f0e1";
  5386. }
  5387.  
  5388. .fa-rotate-left:before,
  5389. .fa-undo:before {
  5390. content: "\f0e2";
  5391. }
  5392.  
  5393. .fa-legal:before,
  5394. .fa-gavel:before {
  5395. content: "\f0e3";
  5396. }
  5397.  
  5398. .fa-dashboard:before,
  5399. .fa-tachometer:before {
  5400. content: "\f0e4";
  5401. }
  5402.  
  5403. .fa-comment-o:before {
  5404. content: "\f0e5";
  5405. }
  5406.  
  5407. .fa-comments-o:before {
  5408. content: "\f0e6";
  5409. }
  5410.  
  5411. .fa-flash:before,
  5412. .fa-bolt:before {
  5413. content: "\f0e7";
  5414. }
  5415.  
  5416. .fa-sitemap:before {
  5417. content: "\f0e8";
  5418. }
  5419.  
  5420. .fa-umbrella:before {
  5421. content: "\f0e9";
  5422. }
  5423.  
  5424. .fa-paste:before,
  5425. .fa-clipboard:before {
  5426. content: "\f0ea";
  5427. }
  5428.  
  5429. .fa-lightbulb-o:before {
  5430. content: "\f0eb";
  5431. }
  5432.  
  5433. .fa-exchange:before {
  5434. content: "\f0ec";
  5435. }
  5436.  
  5437. .fa-cloud-download:before {
  5438. content: "\f0ed";
  5439. }
  5440.  
  5441. .fa-cloud-upload:before {
  5442. content: "\f0ee";
  5443. }
  5444.  
  5445. .fa-user-md:before {
  5446. content: "\f0f0";
  5447. }
  5448.  
  5449. .fa-stethoscope:before {
  5450. content: "\f0f1";
  5451. }
  5452.  
  5453. .fa-suitcase:before {
  5454. content: "\f0f2";
  5455. }
  5456.  
  5457. .fa-bell-o:before {
  5458. content: "\f0a2";
  5459. }
  5460.  
  5461. .fa-coffee:before {
  5462. content: "\f0f4";
  5463. }
  5464.  
  5465. .fa-cutlery:before {
  5466. content: "\f0f5";
  5467. }
  5468.  
  5469. .fa-file-text-o:before {
  5470. content: "\f0f6";
  5471. }
  5472.  
  5473. .fa-building-o:before {
  5474. content: "\f0f7";
  5475. }
  5476.  
  5477. .fa-hospital-o:before {
  5478. content: "\f0f8";
  5479. }
  5480.  
  5481. .fa-ambulance:before {
  5482. content: "\f0f9";
  5483. }
  5484.  
  5485. .fa-medkit:before {
  5486. content: "\f0fa";
  5487. }
  5488.  
  5489. .fa-fighter-jet:before {
  5490. content: "\f0fb";
  5491. }
  5492.  
  5493. .fa-beer:before {
  5494. content: "\f0fc";
  5495. }
  5496.  
  5497. .fa-h-square:before {
  5498. content: "\f0fd";
  5499. }
  5500.  
  5501. .fa-plus-square:before {
  5502. content: "\f0fe";
  5503. }
  5504.  
  5505. .fa-angle-double-left:before {
  5506. content: "\f100";
  5507. }
  5508.  
  5509. .fa-angle-double-right:before {
  5510. content: "\f101";
  5511. }
  5512.  
  5513. .fa-angle-double-up:before {
  5514. content: "\f102";
  5515. }
  5516.  
  5517. .fa-angle-double-down:before {
  5518. content: "\f103";
  5519. }
  5520.  
  5521. .fa-angle-left:before {
  5522. content: "\f104";
  5523. }
  5524.  
  5525. .fa-angle-right:before {
  5526. content: "\f105";
  5527. }
  5528.  
  5529. .fa-angle-up:before {
  5530. content: "\f106";
  5531. }
  5532.  
  5533. .fa-angle-down:before {
  5534. content: "\f107";
  5535. }
  5536.  
  5537. .fa-desktop:before {
  5538. content: "\f108";
  5539. }
  5540.  
  5541. .fa-laptop:before {
  5542. content: "\f109";
  5543. }
  5544.  
  5545. .fa-tablet:before {
  5546. content: "\f10a";
  5547. }
  5548.  
  5549. .fa-mobile-phone:before,
  5550. .fa-mobile:before {
  5551. content: "\f10b";
  5552. }
  5553.  
  5554. .fa-circle-o:before {
  5555. content: "\f10c";
  5556. }
  5557.  
  5558. .fa-quote-left:before {
  5559. content: "\f10d";
  5560. }
  5561.  
  5562. .fa-quote-right:before {
  5563. content: "\f10e";
  5564. }
  5565.  
  5566. .fa-spinner:before {
  5567. content: "\f110";
  5568. }
  5569.  
  5570. .fa-circle:before {
  5571. content: "\f111";
  5572. }
  5573.  
  5574. .fa-mail-reply:before,
  5575. .fa-reply:before {
  5576. content: "\f112";
  5577. }
  5578.  
  5579. .fa-github-alt:before {
  5580. content: "\f113";
  5581. }
  5582.  
  5583. .fa-folder-o:before {
  5584. content: "\f114";
  5585. }
  5586.  
  5587. .fa-folder-open-o:before {
  5588. content: "\f115";
  5589. }
  5590.  
  5591. .fa-smile-o:before {
  5592. content: "\f118";
  5593. }
  5594.  
  5595. .fa-frown-o:before {
  5596. content: "\f119";
  5597. }
  5598.  
  5599. .fa-meh-o:before {
  5600. content: "\f11a";
  5601. }
  5602.  
  5603. .fa-gamepad:before {
  5604. content: "\f11b";
  5605. }
  5606.  
  5607. .fa-keyboard-o:before {
  5608. content: "\f11c";
  5609. }
  5610.  
  5611. .fa-flag-o:before {
  5612. content: "\f11d";
  5613. }
  5614.  
  5615. .fa-flag-checkered:before {
  5616. content: "\f11e";
  5617. }
  5618.  
  5619. .fa-terminal:before {
  5620. content: "\f120";
  5621. }
  5622.  
  5623. .fa-code:before {
  5624. content: "\f121";
  5625. }
  5626.  
  5627. .fa-mail-reply-all:before,
  5628. .fa-reply-all:before {
  5629. content: "\f122";
  5630. }
  5631.  
  5632. .fa-star-half-empty:before,
  5633. .fa-star-half-full:before,
  5634. .fa-star-half-o:before {
  5635. content: "\f123";
  5636. }
  5637.  
  5638. .fa-location-arrow:before {
  5639. content: "\f124";
  5640. }
  5641.  
  5642. .fa-crop:before {
  5643. content: "\f125";
  5644. }
  5645.  
  5646. .fa-code-fork:before {
  5647. content: "\f126";
  5648. }
  5649.  
  5650. .fa-unlink:before,
  5651. .fa-chain-broken:before {
  5652. content: "\f127";
  5653. }
  5654.  
  5655. .fa-question:before {
  5656. content: "\f128";
  5657. }
  5658.  
  5659. .fa-info:before {
  5660. content: "\f129";
  5661. }
  5662.  
  5663. .fa-exclamation:before {
  5664. content: "\f12a";
  5665. }
  5666.  
  5667. .fa-superscript:before {
  5668. content: "\f12b";
  5669. }
  5670.  
  5671. .fa-subscript:before {
  5672. content: "\f12c";
  5673. }
  5674.  
  5675. .fa-eraser:before {
  5676. content: "\f12d";
  5677. }
  5678.  
  5679. .fa-puzzle-piece:before {
  5680. content: "\f12e";
  5681. }
  5682.  
  5683. .fa-microphone:before {
  5684. content: "\f130";
  5685. }
  5686.  
  5687. .fa-microphone-slash:before {
  5688. content: "\f131";
  5689. }
  5690.  
  5691. .fa-shield:before {
  5692. content: "\f132";
  5693. }
  5694.  
  5695. .fa-calendar-o:before {
  5696. content: "\f133";
  5697. }
  5698.  
  5699. .fa-fire-extinguisher:before {
  5700. content: "\f134";
  5701. }
  5702.  
  5703. .fa-rocket:before {
  5704. content: "\f135";
  5705. }
  5706.  
  5707. .fa-maxcdn:before {
  5708. content: "\f136";
  5709. }
  5710.  
  5711. .fa-chevron-circle-left:before {
  5712. content: "\f137";
  5713. }
  5714.  
  5715. .fa-chevron-circle-right:before {
  5716. content: "\f138";
  5717. }
  5718.  
  5719. .fa-chevron-circle-up:before {
  5720. content: "\f139";
  5721. }
  5722.  
  5723. .fa-chevron-circle-down:before {
  5724. content: "\f13a";
  5725. }
  5726.  
  5727. .fa-html5:before {
  5728. content: "\f13b";
  5729. }
  5730.  
  5731. .fa-css3:before {
  5732. content: "\f13c";
  5733. }
  5734.  
  5735. .fa-anchor:before {
  5736. content: "\f13d";
  5737. }
  5738.  
  5739. .fa-unlock-alt:before {
  5740. content: "\f13e";
  5741. }
  5742.  
  5743. .fa-bullseye:before {
  5744. content: "\f140";
  5745. }
  5746.  
  5747. .fa-ellipsis-h:before {
  5748. content: "\f141";
  5749. }
  5750.  
  5751. .fa-ellipsis-v:before {
  5752. content: "\f142";
  5753. }
  5754.  
  5755. .fa-rss-square:before {
  5756. content: "\f143";
  5757. }
  5758.  
  5759. .fa-play-circle:before {
  5760. content: "\f144";
  5761. }
  5762.  
  5763. .fa-ticket:before {
  5764. content: "\f145";
  5765. }
  5766.  
  5767. .fa-minus-square:before {
  5768. content: "\f146";
  5769. }
  5770.  
  5771. .fa-minus-square-o:before {
  5772. content: "\f147";
  5773. }
  5774.  
  5775. .fa-level-up:before {
  5776. content: "\f148";
  5777. }
  5778.  
  5779. .fa-level-down:before {
  5780. content: "\f149";
  5781. }
  5782.  
  5783. .fa-check-square:before {
  5784. content: "\f14a";
  5785. }
  5786.  
  5787. .fa-pencil-square:before {
  5788. content: "\f14b";
  5789. }
  5790.  
  5791. .fa-external-link-square:before {
  5792. content: "\f14c";
  5793. }
  5794.  
  5795. .fa-share-square:before {
  5796. content: "\f14d";
  5797. }
  5798.  
  5799. .fa-compass:before {
  5800. content: "\f14e";
  5801. }
  5802.  
  5803. .fa-toggle-down:before,
  5804. .fa-caret-square-o-down:before {
  5805. content: "\f150";
  5806. }
  5807.  
  5808. .fa-toggle-up:before,
  5809. .fa-caret-square-o-up:before {
  5810. content: "\f151";
  5811. }
  5812.  
  5813. .fa-toggle-right:before,
  5814. .fa-caret-square-o-right:before {
  5815. content: "\f152";
  5816. }
  5817.  
  5818. .fa-euro:before,
  5819. .fa-eur:before {
  5820. content: "\f153";
  5821. }
  5822.  
  5823. .fa-gbp:before {
  5824. content: "\f154";
  5825. }
  5826.  
  5827. .fa-dollar:before,
  5828. .fa-usd:before {
  5829. content: "\f155";
  5830. }
  5831.  
  5832. .fa-rupee:before,
  5833. .fa-inr:before {
  5834. content: "\f156";
  5835. }
  5836.  
  5837. .fa-cny:before,
  5838. .fa-rmb:before,
  5839. .fa-yen:before,
  5840. .fa-jpy:before {
  5841. content: "\f157";
  5842. }
  5843.  
  5844. .fa-ruble:before,
  5845. .fa-rouble:before,
  5846. .fa-rub:before {
  5847. content: "\f158";
  5848. }
  5849.  
  5850. .fa-won:before,
  5851. .fa-krw:before {
  5852. content: "\f159";
  5853. }
  5854.  
  5855. .fa-bitcoin:before,
  5856. .fa-btc:before {
  5857. content: "\f15a";
  5858. }
  5859.  
  5860. .fa-file:before {
  5861. content: "\f15b";
  5862. }
  5863.  
  5864. .fa-file-text:before {
  5865. content: "\f15c";
  5866. }
  5867.  
  5868. .fa-sort-alpha-asc:before {
  5869. content: "\f15d";
  5870. }
  5871.  
  5872. .fa-sort-alpha-desc:before {
  5873. content: "\f15e";
  5874. }
  5875.  
  5876. .fa-sort-amount-asc:before {
  5877. content: "\f160";
  5878. }
  5879.  
  5880. .fa-sort-amount-desc:before {
  5881. content: "\f161";
  5882. }
  5883.  
  5884. .fa-sort-numeric-asc:before {
  5885. content: "\f162";
  5886. }
  5887.  
  5888. .fa-sort-numeric-desc:before {
  5889. content: "\f163";
  5890. }
  5891.  
  5892. .fa-thumbs-up:before {
  5893. content: "\f164";
  5894. }
  5895.  
  5896. .fa-thumbs-down:before {
  5897. content: "\f165";
  5898. }
  5899.  
  5900. .fa-youtube-square:before {
  5901. content: "\f166";
  5902. }
  5903.  
  5904. .fa-youtube:before {
  5905. content: "\f167";
  5906. }
  5907.  
  5908. .fa-xing:before {
  5909. content: "\f168";
  5910. }
  5911.  
  5912. .fa-xing-square:before {
  5913. content: "\f169";
  5914. }
  5915.  
  5916. .fa-youtube-play:before {
  5917. content: "\f16a";
  5918. }
  5919.  
  5920. .fa-dropbox:before {
  5921. content: "\f16b";
  5922. }
  5923.  
  5924. .fa-stack-overflow:before {
  5925. content: "\f16c";
  5926. }
  5927.  
  5928. .fa-instagram:before {
  5929. content: "\f16d";
  5930. }
  5931.  
  5932. .fa-flickr:before {
  5933. content: "\f16e";
  5934. }
  5935.  
  5936. .fa-adn:before {
  5937. content: "\f170";
  5938. }
  5939.  
  5940. .fa-bitbucket:before {
  5941. content: "\f171";
  5942. }
  5943.  
  5944. .fa-bitbucket-square:before {
  5945. content: "\f172";
  5946. }
  5947.  
  5948. .fa-tumblr:before {
  5949. content: "\f173";
  5950. }
  5951.  
  5952. .fa-tumblr-square:before {
  5953. content: "\f174";
  5954. }
  5955.  
  5956. .fa-long-arrow-down:before {
  5957. content: "\f175";
  5958. }
  5959.  
  5960. .fa-long-arrow-up:before {
  5961. content: "\f176";
  5962. }
  5963.  
  5964. .fa-long-arrow-left:before {
  5965. content: "\f177";
  5966. }
  5967.  
  5968. .fa-long-arrow-right:before {
  5969. content: "\f178";
  5970. }
  5971.  
  5972. .fa-apple:before {
  5973. content: "\f179";
  5974. }
  5975.  
  5976. .fa-windows:before {
  5977. content: "\f17a";
  5978. }
  5979.  
  5980. .fa-android:before {
  5981. content: "\f17b";
  5982. }
  5983.  
  5984. .fa-linux:before {
  5985. content: "\f17c";
  5986. }
  5987.  
  5988. .fa-dribbble:before {
  5989. content: "\f17d";
  5990. }
  5991.  
  5992. .fa-skype:before {
  5993. content: "\f17e";
  5994. }
  5995.  
  5996. .fa-foursquare:before {
  5997. content: "\f180";
  5998. }
  5999.  
  6000. .fa-trello:before {
  6001. content: "\f181";
  6002. }
  6003.  
  6004. .fa-female:before {
  6005. content: "\f182";
  6006. }
  6007.  
  6008. .fa-male:before {
  6009. content: "\f183";
  6010. }
  6011.  
  6012. .fa-gittip:before,
  6013. .fa-gratipay:before {
  6014. content: "\f184";
  6015. }
  6016.  
  6017. .fa-sun-o:before {
  6018. content: "\f185";
  6019. }
  6020.  
  6021. .fa-moon-o:before {
  6022. content: "\f186";
  6023. }
  6024.  
  6025. .fa-archive:before {
  6026. content: "\f187";
  6027. }
  6028.  
  6029. .fa-bug:before {
  6030. content: "\f188";
  6031. }
  6032.  
  6033. .fa-vk:before {
  6034. content: "\f189";
  6035. }
  6036.  
  6037. .fa-weibo:before {
  6038. content: "\f18a";
  6039. }
  6040.  
  6041. .fa-renren:before {
  6042. content: "\f18b";
  6043. }
  6044.  
  6045. .fa-pagelines:before {
  6046. content: "\f18c";
  6047. }
  6048.  
  6049. .fa-stack-exchange:before {
  6050. content: "\f18d";
  6051. }
  6052.  
  6053. .fa-arrow-circle-o-right:before {
  6054. content: "\f18e";
  6055. }
  6056.  
  6057. .fa-arrow-circle-o-left:before {
  6058. content: "\f190";
  6059. }
  6060.  
  6061. .fa-toggle-left:before,
  6062. .fa-caret-square-o-left:before {
  6063. content: "\f191";
  6064. }
  6065.  
  6066. .fa-dot-circle-o:before {
  6067. content: "\f192";
  6068. }
  6069.  
  6070. .fa-wheelchair:before {
  6071. content: "\f193";
  6072. }
  6073.  
  6074. .fa-vimeo-square:before {
  6075. content: "\f194";
  6076. }
  6077.  
  6078. .fa-turkish-lira:before,
  6079. .fa-try:before {
  6080. content: "\f195";
  6081. }
  6082.  
  6083. .fa-plus-square-o:before {
  6084. content: "\f196";
  6085. }
  6086.  
  6087. .fa-space-shuttle:before {
  6088. content: "\f197";
  6089. }
  6090.  
  6091. .fa-slack:before {
  6092. content: "\f198";
  6093. }
  6094.  
  6095. .fa-envelope-square:before {
  6096. content: "\f199";
  6097. }
  6098.  
  6099. .fa-wordpress:before {
  6100. content: "\f19a";
  6101. }
  6102.  
  6103. .fa-openid:before {
  6104. content: "\f19b";
  6105. }
  6106.  
  6107. .fa-institution:before,
  6108. .fa-bank:before,
  6109. .fa-university:before {
  6110. content: "\f19c";
  6111. }
  6112.  
  6113. .fa-mortar-board:before,
  6114. .fa-graduation-cap:before {
  6115. content: "\f19d";
  6116. }
  6117.  
  6118. .fa-yahoo:before {
  6119. content: "\f19e";
  6120. }
  6121.  
  6122. .fa-google:before {
  6123. content: "\f1a0";
  6124. }
  6125.  
  6126. .fa-reddit:before {
  6127. content: "\f1a1";
  6128. }
  6129.  
  6130. .fa-reddit-square:before {
  6131. content: "\f1a2";
  6132. }
  6133.  
  6134. .fa-stumbleupon-circle:before {
  6135. content: "\f1a3";
  6136. }
  6137.  
  6138. .fa-stumbleupon:before {
  6139. content: "\f1a4";
  6140. }
  6141.  
  6142. .fa-delicious:before {
  6143. content: "\f1a5";
  6144. }
  6145.  
  6146. .fa-digg:before {
  6147. content: "\f1a6";
  6148. }
  6149.  
  6150. .fa-pied-piper-pp:before {
  6151. content: "\f1a7";
  6152. }
  6153.  
  6154. .fa-pied-piper-alt:before {
  6155. content: "\f1a8";
  6156. }
  6157.  
  6158. .fa-drupal:before {
  6159. content: "\f1a9";
  6160. }
  6161.  
  6162. .fa-joomla:before {
  6163. content: "\f1aa";
  6164. }
  6165.  
  6166. .fa-language:before {
  6167. content: "\f1ab";
  6168. }
  6169.  
  6170. .fa-fax:before {
  6171. content: "\f1ac";
  6172. }
  6173.  
  6174. .fa-building:before {
  6175. content: "\f1ad";
  6176. }
  6177.  
  6178. .fa-child:before {
  6179. content: "\f1ae";
  6180. }
  6181.  
  6182. .fa-paw:before {
  6183. content: "\f1b0";
  6184. }
  6185.  
  6186. .fa-spoon:before {
  6187. content: "\f1b1";
  6188. }
  6189.  
  6190. .fa-cube:before {
  6191. content: "\f1b2";
  6192. }
  6193.  
  6194. .fa-cubes:before {
  6195. content: "\f1b3";
  6196. }
  6197.  
  6198. .fa-behance:before {
  6199. content: "\f1b4";
  6200. }
  6201.  
  6202. .fa-behance-square:before {
  6203. content: "\f1b5";
  6204. }
  6205.  
  6206. .fa-steam:before {
  6207. content: "\f1b6";
  6208. }
  6209.  
  6210. .fa-steam-square:before {
  6211. content: "\f1b7";
  6212. }
  6213.  
  6214. .fa-recycle:before {
  6215. content: "\f1b8";
  6216. }
  6217.  
  6218. .fa-automobile:before,
  6219. .fa-car:before {
  6220. content: "\f1b9";
  6221. }
  6222.  
  6223. .fa-cab:before,
  6224. .fa-taxi:before {
  6225. content: "\f1ba";
  6226. }
  6227.  
  6228. .fa-tree:before {
  6229. content: "\f1bb";
  6230. }
  6231.  
  6232. .fa-spotify:before {
  6233. content: "\f1bc";
  6234. }
  6235.  
  6236. .fa-deviantart:before {
  6237. content: "\f1bd";
  6238. }
  6239.  
  6240. .fa-soundcloud:before {
  6241. content: "\f1be";
  6242. }
  6243.  
  6244. .fa-database:before {
  6245. content: "\f1c0";
  6246. }
  6247.  
  6248. .fa-file-pdf-o:before {
  6249. content: "\f1c1";
  6250. }
  6251.  
  6252. .fa-file-word-o:before {
  6253. content: "\f1c2";
  6254. }
  6255.  
  6256. .fa-file-excel-o:before {
  6257. content: "\f1c3";
  6258. }
  6259.  
  6260. .fa-file-powerpoint-o:before {
  6261. content: "\f1c4";
  6262. }
  6263.  
  6264. .fa-file-photo-o:before,
  6265. .fa-file-picture-o:before,
  6266. .fa-file-image-o:before {
  6267. content: "\f1c5";
  6268. }
  6269.  
  6270. .fa-file-zip-o:before,
  6271. .fa-file-archive-o:before {
  6272. content: "\f1c6";
  6273. }
  6274.  
  6275. .fa-file-sound-o:before,
  6276. .fa-file-audio-o:before {
  6277. content: "\f1c7";
  6278. }
  6279.  
  6280. .fa-file-movie-o:before,
  6281. .fa-file-video-o:before {
  6282. content: "\f1c8";
  6283. }
  6284.  
  6285. .fa-file-code-o:before {
  6286. content: "\f1c9";
  6287. }
  6288.  
  6289. .fa-vine:before {
  6290. content: "\f1ca";
  6291. }
  6292.  
  6293. .fa-codepen:before {
  6294. content: "\f1cb";
  6295. }
  6296.  
  6297. .fa-jsfiddle:before {
  6298. content: "\f1cc";
  6299. }
  6300.  
  6301. .fa-life-bouy:before,
  6302. .fa-life-buoy:before,
  6303. .fa-life-saver:before,
  6304. .fa-support:before,
  6305. .fa-life-ring:before {
  6306. content: "\f1cd";
  6307. }
  6308.  
  6309. .fa-circle-o-notch:before {
  6310. content: "\f1ce";
  6311. }
  6312.  
  6313. .fa-ra:before,
  6314. .fa-resistance:before,
  6315. .fa-rebel:before {
  6316. content: "\f1d0";
  6317. }
  6318.  
  6319. .fa-ge:before,
  6320. .fa-empire:before {
  6321. content: "\f1d1";
  6322. }
  6323.  
  6324. .fa-git-square:before {
  6325. content: "\f1d2";
  6326. }
  6327.  
  6328. .fa-git:before {
  6329. content: "\f1d3";
  6330. }
  6331.  
  6332. .fa-y-combinator-square:before,
  6333. .fa-yc-square:before,
  6334. .fa-hacker-news:before {
  6335. content: "\f1d4";
  6336. }
  6337.  
  6338. .fa-tencent-weibo:before {
  6339. content: "\f1d5";
  6340. }
  6341.  
  6342. .fa-qq:before {
  6343. content: "\f1d6";
  6344. }
  6345.  
  6346. .fa-wechat:before,
  6347. .fa-weixin:before {
  6348. content: "\f1d7";
  6349. }
  6350.  
  6351. .fa-send:before,
  6352. .fa-paper-plane:before {
  6353. content: "\f1d8";
  6354. }
  6355.  
  6356. .fa-send-o:before,
  6357. .fa-paper-plane-o:before {
  6358. content: "\f1d9";
  6359. }
  6360.  
  6361. .fa-history:before {
  6362. content: "\f1da";
  6363. }
  6364.  
  6365. .fa-circle-thin:before {
  6366. content: "\f1db";
  6367. }
  6368.  
  6369. .fa-header:before {
  6370. content: "\f1dc";
  6371. }
  6372.  
  6373. .fa-paragraph:before {
  6374. content: "\f1dd";
  6375. }
  6376.  
  6377. .fa-sliders:before {
  6378. content: "\f1de";
  6379. }
  6380.  
  6381. .fa-share-alt:before {
  6382. content: "\f1e0";
  6383. }
  6384.  
  6385. .fa-share-alt-square:before {
  6386. content: "\f1e1";
  6387. }
  6388.  
  6389. .fa-bomb:before {
  6390. content: "\f1e2";
  6391. }
  6392.  
  6393. .fa-soccer-ball-o:before,
  6394. .fa-futbol-o:before {
  6395. content: "\f1e3";
  6396. }
  6397.  
  6398. .fa-tty:before {
  6399. content: "\f1e4";
  6400. }
  6401.  
  6402. .fa-binoculars:before {
  6403. content: "\f1e5";
  6404. }
  6405.  
  6406. .fa-plug:before {
  6407. content: "\f1e6";
  6408. }
  6409.  
  6410. .fa-slideshare:before {
  6411. content: "\f1e7";
  6412. }
  6413.  
  6414. .fa-twitch:before {
  6415. content: "\f1e8";
  6416. }
  6417.  
  6418. .fa-yelp:before {
  6419. content: "\f1e9";
  6420. }
  6421.  
  6422. .fa-newspaper-o:before {
  6423. content: "\f1ea";
  6424. }
  6425.  
  6426. .fa-wifi:before {
  6427. content: "\f1eb";
  6428. }
  6429.  
  6430. .fa-calculator:before {
  6431. content: "\f1ec";
  6432. }
  6433.  
  6434. .fa-paypal:before {
  6435. content: "\f1ed";
  6436. }
  6437.  
  6438. .fa-google-wallet:before {
  6439. content: "\f1ee";
  6440. }
  6441.  
  6442. .fa-cc-visa:before {
  6443. content: "\f1f0";
  6444. }
  6445.  
  6446. .fa-cc-mastercard:before {
  6447. content: "\f1f1";
  6448. }
  6449.  
  6450. .fa-cc-discover:before {
  6451. content: "\f1f2";
  6452. }
  6453.  
  6454. .fa-cc-amex:before {
  6455. content: "\f1f3";
  6456. }
  6457.  
  6458. .fa-cc-paypal:before {
  6459. content: "\f1f4";
  6460. }
  6461.  
  6462. .fa-cc-stripe:before {
  6463. content: "\f1f5";
  6464. }
  6465.  
  6466. .fa-bell-slash:before {
  6467. content: "\f1f6";
  6468. }
  6469.  
  6470. .fa-bell-slash-o:before {
  6471. content: "\f1f7";
  6472. }
  6473.  
  6474. .fa-trash:before {
  6475. content: "\f1f8";
  6476. }
  6477.  
  6478. .fa-copyright:before {
  6479. content: "\f1f9";
  6480. }
  6481.  
  6482. .fa-at:before {
  6483. content: "\f1fa";
  6484. }
  6485.  
  6486. .fa-eyedropper:before {
  6487. content: "\f1fb";
  6488. }
  6489.  
  6490. .fa-paint-brush:before {
  6491. content: "\f1fc";
  6492. }
  6493.  
  6494. .fa-birthday-cake:before {
  6495. content: "\f1fd";
  6496. }
  6497.  
  6498. .fa-area-chart:before {
  6499. content: "\f1fe";
  6500. }
  6501.  
  6502. .fa-pie-chart:before {
  6503. content: "\f200";
  6504. }
  6505.  
  6506. .fa-line-chart:before {
  6507. content: "\f201";
  6508. }
  6509.  
  6510. .fa-lastfm:before {
  6511. content: "\f202";
  6512. }
  6513.  
  6514. .fa-lastfm-square:before {
  6515. content: "\f203";
  6516. }
  6517.  
  6518. .fa-toggle-off:before {
  6519. content: "\f204";
  6520. }
  6521.  
  6522. .fa-toggle-on:before {
  6523. content: "\f205";
  6524. }
  6525.  
  6526. .fa-bicycle:before {
  6527. content: "\f206";
  6528. }
  6529.  
  6530. .fa-bus:before {
  6531. content: "\f207";
  6532. }
  6533.  
  6534. .fa-ioxhost:before {
  6535. content: "\f208";
  6536. }
  6537.  
  6538. .fa-angellist:before {
  6539. content: "\f209";
  6540. }
  6541.  
  6542. .fa-cc:before {
  6543. content: "\f20a";
  6544. }
  6545.  
  6546. .fa-shekel:before,
  6547. .fa-sheqel:before,
  6548. .fa-ils:before {
  6549. content: "\f20b";
  6550. }
  6551.  
  6552. .fa-meanpath:before {
  6553. content: "\f20c";
  6554. }
  6555.  
  6556. .fa-buysellads:before {
  6557. content: "\f20d";
  6558. }
  6559.  
  6560. .fa-connectdevelop:before {
  6561. content: "\f20e";
  6562. }
  6563.  
  6564. .fa-dashcube:before {
  6565. content: "\f210";
  6566. }
  6567.  
  6568. .fa-forumbee:before {
  6569. content: "\f211";
  6570. }
  6571.  
  6572. .fa-leanpub:before {
  6573. content: "\f212";
  6574. }
  6575.  
  6576. .fa-sellsy:before {
  6577. content: "\f213";
  6578. }
  6579.  
  6580. .fa-shirtsinbulk:before {
  6581. content: "\f214";
  6582. }
  6583.  
  6584. .fa-simplybuilt:before {
  6585. content: "\f215";
  6586. }
  6587.  
  6588. .fa-skyatlas:before {
  6589. content: "\f216";
  6590. }
  6591.  
  6592. .fa-cart-plus:before {
  6593. content: "\f217";
  6594. }
  6595.  
  6596. .fa-cart-arrow-down:before {
  6597. content: "\f218";
  6598. }
  6599.  
  6600. .fa-diamond:before {
  6601. content: "\f219";
  6602. }
  6603.  
  6604. .fa-ship:before {
  6605. content: "\f21a";
  6606. }
  6607.  
  6608. .fa-user-secret:before {
  6609. content: "\f21b";
  6610. }
  6611.  
  6612. .fa-motorcycle:before {
  6613. content: "\f21c";
  6614. }
  6615.  
  6616. .fa-street-view:before {
  6617. content: "\f21d";
  6618. }
  6619.  
  6620. .fa-heartbeat:before {
  6621. content: "\f21e";
  6622. }
  6623.  
  6624. .fa-venus:before {
  6625. content: "\f221";
  6626. }
  6627.  
  6628. .fa-mars:before {
  6629. content: "\f222";
  6630. }
  6631.  
  6632. .fa-mercury:before {
  6633. content: "\f223";
  6634. }
  6635.  
  6636. .fa-intersex:before,
  6637. .fa-transgender:before {
  6638. content: "\f224";
  6639. }
  6640.  
  6641. .fa-transgender-alt:before {
  6642. content: "\f225";
  6643. }
  6644.  
  6645. .fa-venus-double:before {
  6646. content: "\f226";
  6647. }
  6648.  
  6649. .fa-mars-double:before {
  6650. content: "\f227";
  6651. }
  6652.  
  6653. .fa-venus-mars:before {
  6654. content: "\f228";
  6655. }
  6656.  
  6657. .fa-mars-stroke:before {
  6658. content: "\f229";
  6659. }
  6660.  
  6661. .fa-mars-stroke-v:before {
  6662. content: "\f22a";
  6663. }
  6664.  
  6665. .fa-mars-stroke-h:before {
  6666. content: "\f22b";
  6667. }
  6668.  
  6669. .fa-neuter:before {
  6670. content: "\f22c";
  6671. }
  6672.  
  6673. .fa-genderless:before {
  6674. content: "\f22d";
  6675. }
  6676.  
  6677. .fa-facebook-official:before {
  6678. content: "\f230";
  6679. }
  6680.  
  6681. .fa-pinterest-p:before {
  6682. content: "\f231";
  6683. }
  6684.  
  6685. .fa-whatsapp:before {
  6686. content: "\f232";
  6687. }
  6688.  
  6689. .fa-server:before {
  6690. content: "\f233";
  6691. }
  6692.  
  6693. .fa-user-plus:before {
  6694. content: "\f234";
  6695. }
  6696.  
  6697. .fa-user-times:before {
  6698. content: "\f235";
  6699. }
  6700.  
  6701. .fa-hotel:before,
  6702. .fa-bed:before {
  6703. content: "\f236";
  6704. }
  6705.  
  6706. .fa-viacoin:before {
  6707. content: "\f237";
  6708. }
  6709.  
  6710. .fa-train:before {
  6711. content: "\f238";
  6712. }
  6713.  
  6714. .fa-subway:before {
  6715. content: "\f239";
  6716. }
  6717.  
  6718. .fa-medium:before {
  6719. content: "\f23a";
  6720. }
  6721.  
  6722. .fa-yc:before,
  6723. .fa-y-combinator:before {
  6724. content: "\f23b";
  6725. }
  6726.  
  6727. .fa-optin-monster:before {
  6728. content: "\f23c";
  6729. }
  6730.  
  6731. .fa-opencart:before {
  6732. content: "\f23d";
  6733. }
  6734.  
  6735. .fa-expeditedssl:before {
  6736. content: "\f23e";
  6737. }
  6738.  
  6739. .fa-battery-4:before,
  6740. .fa-battery:before,
  6741. .fa-battery-full:before {
  6742. content: "\f240";
  6743. }
  6744.  
  6745. .fa-battery-3:before,
  6746. .fa-battery-three-quarters:before {
  6747. content: "\f241";
  6748. }
  6749.  
  6750. .fa-battery-2:before,
  6751. .fa-battery-half:before {
  6752. content: "\f242";
  6753. }
  6754.  
  6755. .fa-battery-1:before,
  6756. .fa-battery-quarter:before {
  6757. content: "\f243";
  6758. }
  6759.  
  6760. .fa-battery-0:before,
  6761. .fa-battery-empty:before {
  6762. content: "\f244";
  6763. }
  6764.  
  6765. .fa-mouse-pointer:before {
  6766. content: "\f245";
  6767. }
  6768.  
  6769. .fa-i-cursor:before {
  6770. content: "\f246";
  6771. }
  6772.  
  6773. .fa-object-group:before {
  6774. content: "\f247";
  6775. }
  6776.  
  6777. .fa-object-ungroup:before {
  6778. content: "\f248";
  6779. }
  6780.  
  6781. .fa-sticky-note:before {
  6782. content: "\f249";
  6783. }
  6784.  
  6785. .fa-sticky-note-o:before {
  6786. content: "\f24a";
  6787. }
  6788.  
  6789. .fa-cc-jcb:before {
  6790. content: "\f24b";
  6791. }
  6792.  
  6793. .fa-cc-diners-club:before {
  6794. content: "\f24c";
  6795. }
  6796.  
  6797. .fa-clone:before {
  6798. content: "\f24d";
  6799. }
  6800.  
  6801. .fa-balance-scale:before {
  6802. content: "\f24e";
  6803. }
  6804.  
  6805. .fa-hourglass-o:before {
  6806. content: "\f250";
  6807. }
  6808.  
  6809. .fa-hourglass-1:before,
  6810. .fa-hourglass-start:before {
  6811. content: "\f251";
  6812. }
  6813.  
  6814. .fa-hourglass-2:before,
  6815. .fa-hourglass-half:before {
  6816. content: "\f252";
  6817. }
  6818.  
  6819. .fa-hourglass-3:before,
  6820. .fa-hourglass-end:before {
  6821. content: "\f253";
  6822. }
  6823.  
  6824. .fa-hourglass:before {
  6825. content: "\f254";
  6826. }
  6827.  
  6828. .fa-hand-grab-o:before,
  6829. .fa-hand-rock-o:before {
  6830. content: "\f255";
  6831. }
  6832.  
  6833. .fa-hand-stop-o:before,
  6834. .fa-hand-paper-o:before {
  6835. content: "\f256";
  6836. }
  6837.  
  6838. .fa-hand-scissors-o:before {
  6839. content: "\f257";
  6840. }
  6841.  
  6842. .fa-hand-lizard-o:before {
  6843. content: "\f258";
  6844. }
  6845.  
  6846. .fa-hand-spock-o:before {
  6847. content: "\f259";
  6848. }
  6849.  
  6850. .fa-hand-pointer-o:before {
  6851. content: "\f25a";
  6852. }
  6853.  
  6854. .fa-hand-peace-o:before {
  6855. content: "\f25b";
  6856. }
  6857.  
  6858. .fa-trademark:before {
  6859. content: "\f25c";
  6860. }
  6861.  
  6862. .fa-registered:before {
  6863. content: "\f25d";
  6864. }
  6865.  
  6866. .fa-creative-commons:before {
  6867. content: "\f25e";
  6868. }
  6869.  
  6870. .fa-gg:before {
  6871. content: "\f260";
  6872. }
  6873.  
  6874. .fa-gg-circle:before {
  6875. content: "\f261";
  6876. }
  6877.  
  6878. .fa-tripadvisor:before {
  6879. content: "\f262";
  6880. }
  6881.  
  6882. .fa-odnoklassniki:before {
  6883. content: "\f263";
  6884. }
  6885.  
  6886. .fa-odnoklassniki-square:before {
  6887. content: "\f264";
  6888. }
  6889.  
  6890. .fa-get-pocket:before {
  6891. content: "\f265";
  6892. }
  6893.  
  6894. .fa-wikipedia-w:before {
  6895. content: "\f266";
  6896. }
  6897.  
  6898. .fa-safari:before {
  6899. content: "\f267";
  6900. }
  6901.  
  6902. .fa-chrome:before {
  6903. content: "\f268";
  6904. }
  6905.  
  6906. .fa-firefox:before {
  6907. content: "\f269";
  6908. }
  6909.  
  6910. .fa-opera:before {
  6911. content: "\f26a";
  6912. }
  6913.  
  6914. .fa-internet-explorer:before {
  6915. content: "\f26b";
  6916. }
  6917.  
  6918. .fa-tv:before,
  6919. .fa-television:before {
  6920. content: "\f26c";
  6921. }
  6922.  
  6923. .fa-contao:before {
  6924. content: "\f26d";
  6925. }
  6926.  
  6927. .fa-500px:before {
  6928. content: "\f26e";
  6929. }
  6930.  
  6931. .fa-amazon:before {
  6932. content: "\f270";
  6933. }
  6934.  
  6935. .fa-calendar-plus-o:before {
  6936. content: "\f271";
  6937. }
  6938.  
  6939. .fa-calendar-minus-o:before {
  6940. content: "\f272";
  6941. }
  6942.  
  6943. .fa-calendar-times-o:before {
  6944. content: "\f273";
  6945. }
  6946.  
  6947. .fa-calendar-check-o:before {
  6948. content: "\f274";
  6949. }
  6950.  
  6951. .fa-industry:before {
  6952. content: "\f275";
  6953. }
  6954.  
  6955. .fa-map-pin:before {
  6956. content: "\f276";
  6957. }
  6958.  
  6959. .fa-map-signs:before {
  6960. content: "\f277";
  6961. }
  6962.  
  6963. .fa-map-o:before {
  6964. content: "\f278";
  6965. }
  6966.  
  6967. .fa-map:before {
  6968. content: "\f279";
  6969. }
  6970.  
  6971. .fa-commenting:before {
  6972. content: "\f27a";
  6973. }
  6974.  
  6975. .fa-commenting-o:before {
  6976. content: "\f27b";
  6977. }
  6978.  
  6979. .fa-houzz:before {
  6980. content: "\f27c";
  6981. }
  6982.  
  6983. .fa-vimeo:before {
  6984. content: "\f27d";
  6985. }
  6986.  
  6987. .fa-black-tie:before {
  6988. content: "\f27e";
  6989. }
  6990.  
  6991. .fa-fonticons:before {
  6992. content: "\f280";
  6993. }
  6994.  
  6995. .fa-reddit-alien:before {
  6996. content: "\f281";
  6997. }
  6998.  
  6999. .fa-edge:before {
  7000. content: "\f282";
  7001. }
  7002.  
  7003. .fa-credit-card-alt:before {
  7004. content: "\f283";
  7005. }
  7006.  
  7007. .fa-codiepie:before {
  7008. content: "\f284";
  7009. }
  7010.  
  7011. .fa-modx:before {
  7012. content: "\f285";
  7013. }
  7014.  
  7015. .fa-fort-awesome:before {
  7016. content: "\f286";
  7017. }
  7018.  
  7019. .fa-usb:before {
  7020. content: "\f287";
  7021. }
  7022.  
  7023. .fa-product-hunt:before {
  7024. content: "\f288";
  7025. }
  7026.  
  7027. .fa-mixcloud:before {
  7028. content: "\f289";
  7029. }
  7030.  
  7031. .fa-scribd:before {
  7032. content: "\f28a";
  7033. }
  7034.  
  7035. .fa-pause-circle:before {
  7036. content: "\f28b";
  7037. }
  7038.  
  7039. .fa-pause-circle-o:before {
  7040. content: "\f28c";
  7041. }
  7042.  
  7043. .fa-stop-circle:before {
  7044. content: "\f28d";
  7045. }
  7046.  
  7047. .fa-stop-circle-o:before {
  7048. content: "\f28e";
  7049. }
  7050.  
  7051. .fa-shopping-bag:before {
  7052. content: "\f290";
  7053. }
  7054.  
  7055. .fa-shopping-basket:before {
  7056. content: "\f291";
  7057. }
  7058.  
  7059. .fa-hashtag:before {
  7060. content: "\f292";
  7061. }
  7062.  
  7063. .fa-bluetooth:before {
  7064. content: "\f293";
  7065. }
  7066.  
  7067. .fa-bluetooth-b:before {
  7068. content: "\f294";
  7069. }
  7070.  
  7071. .fa-percent:before {
  7072. content: "\f295";
  7073. }
  7074.  
  7075. .fa-gitlab:before {
  7076. content: "\f296";
  7077. }
  7078.  
  7079. .fa-wpbeginner:before {
  7080. content: "\f297";
  7081. }
  7082.  
  7083. .fa-wpforms:before {
  7084. content: "\f298";
  7085. }
  7086.  
  7087. .fa-envira:before {
  7088. content: "\f299";
  7089. }
  7090.  
  7091. .fa-universal-access:before {
  7092. content: "\f29a";
  7093. }
  7094.  
  7095. .fa-wheelchair-alt:before {
  7096. content: "\f29b";
  7097. }
  7098.  
  7099. .fa-question-circle-o:before {
  7100. content: "\f29c";
  7101. }
  7102.  
  7103. .fa-blind:before {
  7104. content: "\f29d";
  7105. }
  7106.  
  7107. .fa-audio-description:before {
  7108. content: "\f29e";
  7109. }
  7110.  
  7111. .fa-volume-control-phone:before {
  7112. content: "\f2a0";
  7113. }
  7114.  
  7115. .fa-braille:before {
  7116. content: "\f2a1";
  7117. }
  7118.  
  7119. .fa-assistive-listening-systems:before {
  7120. content: "\f2a2";
  7121. }
  7122.  
  7123. .fa-asl-interpreting:before,
  7124. .fa-american-sign-language-interpreting:before {
  7125. content: "\f2a3";
  7126. }
  7127.  
  7128. .fa-deafness:before,
  7129. .fa-hard-of-hearing:before,
  7130. .fa-deaf:before {
  7131. content: "\f2a4";
  7132. }
  7133.  
  7134. .fa-glide:before {
  7135. content: "\f2a5";
  7136. }
  7137.  
  7138. .fa-glide-g:before {
  7139. content: "\f2a6";
  7140. }
  7141.  
  7142. .fa-signing:before,
  7143. .fa-sign-language:before {
  7144. content: "\f2a7";
  7145. }
  7146.  
  7147. .fa-low-vision:before {
  7148. content: "\f2a8";
  7149. }
  7150.  
  7151. .fa-viadeo:before {
  7152. content: "\f2a9";
  7153. }
  7154.  
  7155. .fa-viadeo-square:before {
  7156. content: "\f2aa";
  7157. }
  7158.  
  7159. .fa-snapchat:before {
  7160. content: "\f2ab";
  7161. }
  7162.  
  7163. .fa-snapchat-ghost:before {
  7164. content: "\f2ac";
  7165. }
  7166.  
  7167. .fa-snapchat-square:before {
  7168. content: "\f2ad";
  7169. }
  7170.  
  7171. .fa-pied-piper:before {
  7172. content: "\f2ae";
  7173. }
  7174.  
  7175. .fa-first-order:before {
  7176. content: "\f2b0";
  7177. }
  7178.  
  7179. .fa-yoast:before {
  7180. content: "\f2b1";
  7181. }
  7182.  
  7183. .fa-themeisle:before {
  7184. content: "\f2b2";
  7185. }
  7186.  
  7187. .fa-google-plus-circle:before,
  7188. .fa-google-plus-official:before {
  7189. content: "\f2b3";
  7190. }
  7191.  
  7192. .fa-fa:before,
  7193. .fa-font-awesome:before {
  7194. content: "\f2b4";
  7195. }
  7196.  
  7197. .fa-handshake-o:before {
  7198. content: "\f2b5";
  7199. }
  7200.  
  7201. .fa-envelope-open:before {
  7202. content: "\f2b6";
  7203. }
  7204.  
  7205. .fa-envelope-open-o:before {
  7206. content: "\f2b7";
  7207. }
  7208.  
  7209. .fa-linode:before {
  7210. content: "\f2b8";
  7211. }
  7212.  
  7213. .fa-address-book:before {
  7214. content: "\f2b9";
  7215. }
  7216.  
  7217. .fa-address-book-o:before {
  7218. content: "\f2ba";
  7219. }
  7220.  
  7221. .fa-vcard:before,
  7222. .fa-address-card:before {
  7223. content: "\f2bb";
  7224. }
  7225.  
  7226. .fa-vcard-o:before,
  7227. .fa-address-card-o:before {
  7228. content: "\f2bc";
  7229. }
  7230.  
  7231. .fa-user-circle:before {
  7232. content: "\f2bd";
  7233. }
  7234.  
  7235. .fa-user-circle-o:before {
  7236. content: "\f2be";
  7237. }
  7238.  
  7239. .fa-user-o:before {
  7240. content: "\f2c0";
  7241. }
  7242.  
  7243. .fa-id-badge:before {
  7244. content: "\f2c1";
  7245. }
  7246.  
  7247. .fa-drivers-license:before,
  7248. .fa-id-card:before {
  7249. content: "\f2c2";
  7250. }
  7251.  
  7252. .fa-drivers-license-o:before,
  7253. .fa-id-card-o:before {
  7254. content: "\f2c3";
  7255. }
  7256.  
  7257. .fa-quora:before {
  7258. content: "\f2c4";
  7259. }
  7260.  
  7261. .fa-free-code-camp:before {
  7262. content: "\f2c5";
  7263. }
  7264.  
  7265. .fa-telegram:before {
  7266. content: "\f2c6";
  7267. }
  7268.  
  7269. .fa-thermometer-4:before,
  7270. .fa-thermometer:before,
  7271. .fa-thermometer-full:before {
  7272. content: "\f2c7";
  7273. }
  7274.  
  7275. .fa-thermometer-3:before,
  7276. .fa-thermometer-three-quarters:before {
  7277. content: "\f2c8";
  7278. }
  7279.  
  7280. .fa-thermometer-2:before,
  7281. .fa-thermometer-half:before {
  7282. content: "\f2c9";
  7283. }
  7284.  
  7285. .fa-thermometer-1:before,
  7286. .fa-thermometer-quarter:before {
  7287. content: "\f2ca";
  7288. }
  7289.  
  7290. .fa-thermometer-0:before,
  7291. .fa-thermometer-empty:before {
  7292. content: "\f2cb";
  7293. }
  7294.  
  7295. .fa-shower:before {
  7296. content: "\f2cc";
  7297. }
  7298.  
  7299. .fa-bathtub:before,
  7300. .fa-s15:before,
  7301. .fa-bath:before {
  7302. content: "\f2cd";
  7303. }
  7304.  
  7305. .fa-podcast:before {
  7306. content: "\f2ce";
  7307. }
  7308.  
  7309. .fa-window-maximize:before {
  7310. content: "\f2d0";
  7311. }
  7312.  
  7313. .fa-window-minimize:before {
  7314. content: "\f2d1";
  7315. }
  7316.  
  7317. .fa-window-restore:before {
  7318. content: "\f2d2";
  7319. }
  7320.  
  7321. .fa-times-rectangle:before,
  7322. .fa-window-close:before {
  7323. content: "\f2d3";
  7324. }
  7325.  
  7326. .fa-times-rectangle-o:before,
  7327. .fa-window-close-o:before {
  7328. content: "\f2d4";
  7329. }
  7330.  
  7331. .fa-bandcamp:before {
  7332. content: "\f2d5";
  7333. }
  7334.  
  7335. .fa-grav:before {
  7336. content: "\f2d6";
  7337. }
  7338.  
  7339. .fa-etsy:before {
  7340. content: "\f2d7";
  7341. }
  7342.  
  7343. .fa-imdb:before {
  7344. content: "\f2d8";
  7345. }
  7346.  
  7347. .fa-ravelry:before {
  7348. content: "\f2d9";
  7349. }
  7350.  
  7351. .fa-eercast:before {
  7352. content: "\f2da";
  7353. }
  7354.  
  7355. .fa-microchip:before {
  7356. content: "\f2db";
  7357. }
  7358.  
  7359. .fa-snowflake-o:before {
  7360. content: "\f2dc";
  7361. }
  7362.  
  7363. .fa-superpowers:before {
  7364. content: "\f2dd";
  7365. }
  7366.  
  7367. .fa-wpexplorer:before {
  7368. content: "\f2de";
  7369. }
  7370.  
  7371. .fa-meetup:before {
  7372. content: "\f2e0";
  7373. }
  7374.  
  7375. .sr-only {
  7376. position: absolute;
  7377. width: 1px;
  7378. height: 1px;
  7379. padding: 0;
  7380. margin: -1px;
  7381. overflow: hidden;
  7382. clip: rect(0, 0, 0, 0);
  7383. border: 0;
  7384. }
  7385.  
  7386. .sr-only-focusable:active,
  7387. .sr-only-focusable:focus {
  7388. position: static;
  7389. width: auto;
  7390. height: auto;
  7391. margin: 0;
  7392. overflow: visible;
  7393. clip: auto;
  7394. }
  7395.  
  7396. .ipsApp select {
  7397. border: 1px solid #b3b3b3;
  7398. border-radius: 3px;
  7399. padding: 4px;
  7400. background: rgb(255, 255, 255);
  7401. font-size: 13px !important;
  7402. position: relative;
  7403. }
  7404.  
  7405. .ipsApp select::-ms-expand {
  7406. display: none;
  7407. }
  7408.  
  7409. .ipsApp select:not( [multiple]) {
  7410. -webkit-appearance: button;
  7411. height: 33px;
  7412. line-height: 1.4;
  7413. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7414. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
  7415. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7416. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png"), -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7417. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png"), -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7418. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png"), linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7419. background-position: right center;
  7420. background-size: 18px 9px, 100% 100%;
  7421. background-repeat: no-repeat, repeat;
  7422. cursor: pointer;
  7423. padding: 7px 30px 7px 7px;
  7424. -moz-appearance: none;
  7425. text-indent: 0.01px;
  7426. text-overflow: '';
  7427. }
  7428.  
  7429. html[dir="rtl"] .ipsApp select:not( [multiple]) {
  7430. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown_rtl.png"), -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7431. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown_rtl.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
  7432. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown_rtl.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7433. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown_rtl.png"), -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7434. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown_rtl.png"), -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7435. background-image: url("https://forums.definitive.network/uploads/set_resources_5/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown_rtl.png"), linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  7436. background-position: left center;
  7437. padding: 7px 7px 7px 30px;
  7438. }
  7439.  
  7440. .ipsApp select[disabled] {
  7441. opacity: 0.6;
  7442. pointer-events: none;
  7443. }
  7444.  
  7445. .ipsApp select:not( [multiple]):after {
  7446. top: 0;
  7447. width: 30px;
  7448. height: 30px;
  7449. content: '';
  7450. display: block;
  7451. }
  7452.  
  7453. html[dir="ltr"] .ipsApp select:not( [multiple]):after {
  7454. right: 0;
  7455. }
  7456.  
  7457. html[dir="rtl"] .ipsApp select:not( [multiple]):after {
  7458. left: 0;
  7459. }
  7460.  
  7461. input[type="datetime"],
  7462. input[type="datetime-local"],
  7463. input[type="date"],
  7464. input[type="month"],
  7465. input[type="time"],
  7466. input[type="week"] {
  7467. -webkit-appearance: none;
  7468. min-height: 32px;
  7469. }
  7470.  
  7471. ul.ipsForm,
  7472. ol.ipsForm {
  7473. list-style: none;
  7474. padding: 0;
  7475. margin: 0;
  7476. }
  7477.  
  7478. .ipsForm[data-role="advancedSearch"] {
  7479. margin-top: 15px;
  7480. padding-bottom: 15px;
  7481. }
  7482.  
  7483. .ipsFieldRow:not( :last-child) {
  7484. margin-bottom: 15px;
  7485. }
  7486.  
  7487. .ipsFieldRow_noLabel>label,
  7488. .ipsFieldRow_noLabel>.ipsFieldRow_content>label {
  7489. display: none;
  7490. }
  7491.  
  7492. .ipsFieldRow_searchResult {
  7493. background-color: #f2e6d4;
  7494. border: 1px solid #d1aa6e;
  7495. }
  7496.  
  7497. .ipsFieldRow.ipsFieldRow_searchResult .ipsFieldRow_desc {
  7498. color: #ad884e;
  7499. }
  7500.  
  7501. .ipsFieldRow_checkbox {
  7502. margin-bottom: 5px;
  7503. }
  7504.  
  7505. .ipsFieldRow_checkbox+.ipsFieldRow:not( .ipsFieldRow_checkbox) {
  7506. margin-top: 15px;
  7507. }
  7508.  
  7509. .ipsFieldRow_checkbox input[type="checkbox"],
  7510. .ipsFieldRow_checkbox input[type="radio"],
  7511. .ipsFieldRow_checkbox .ipsCustomInput {
  7512. float: left;
  7513. margin-top: 3px;
  7514. }
  7515.  
  7516. html[dir="rtl"] .ipsFieldRow_checkbox input[type="checkbox"],
  7517. html[dir="rtl"] .ipsFieldRow_checkbox input[type="radio"],
  7518. html[dir="rtl"] .ipsFieldRow_checkbox .ipsCustomInput {
  7519. float: right;
  7520. }
  7521.  
  7522. html[dir="ltr"] .ipsFieldRow_checkbox .ipsFieldRow_content {
  7523. margin-left: 24px;
  7524. }
  7525.  
  7526. html[dir="rtl"] .ipsFieldRow_checkbox .ipsFieldRow_content {
  7527. margin-right: 24px;
  7528. }
  7529.  
  7530. .ipsFieldRow_checkbox label {
  7531. display: block;
  7532. }
  7533.  
  7534. .ipsFieldRow_inlineCheckbox {
  7535. margin-top: 6px;
  7536. display: inline-block;
  7537. position: relative;
  7538. }
  7539.  
  7540. html[dir="ltr"] .ipsFieldRow_inlineCheckbox {
  7541. margin-right: 15px;
  7542. }
  7543.  
  7544. html[dir="rtl"] .ipsFieldRow_inlineCheckbox {
  7545. margin-left: 15px;
  7546. }
  7547.  
  7548. html[dir="ltr"] .ipsFieldRow_inlineCheckbox .ipsCustomInput,
  7549. html[dir="ltr"] .ipsToggle {
  7550. margin-right: 3px;
  7551. }
  7552.  
  7553. html[dir="rtl"] .ipsFieldRow_inlineCheckbox .ipsCustomInput,
  7554. html[dir="rtl"] .ipsToggle {
  7555. margin-left: 3px;
  7556. }
  7557.  
  7558. .ipsField_fieldList {
  7559. list-style: none;
  7560. margin: 0;
  7561. padding: 7px 0 0 0;
  7562. }
  7563.  
  7564. .ipsField_fieldList>li {
  7565. margin-bottom: 10px;
  7566. }
  7567.  
  7568. .ipsField_fieldList>li:last-child {
  7569. margin-bottom: 0px;
  7570. }
  7571.  
  7572. .ipsField_fieldList input[type="radio"],
  7573. .ipsField_fieldList input[type="checkbox"],
  7574. .ipsField_fieldList .ipsCustomInput {
  7575. float: left;
  7576. margin-top: 3px;
  7577. }
  7578.  
  7579. html[dir="rtl"] .ipsField_fieldList input[type="radio"],
  7580. html[dir="rtl"] .ipsField_fieldList input[type="checkbox"],
  7581. html[dir="rtl"] .ipsField_fieldList .ipsCustomInput {
  7582. float: right;
  7583. }
  7584.  
  7585. html[dir="ltr"] .ipsField_fieldList_content {
  7586. margin-left: 24px;
  7587. }
  7588.  
  7589. html[dir="rtl"] .ipsField_fieldList_content {
  7590. margin-right: 24px;
  7591. }
  7592.  
  7593. .ipsApp .ipsFieldRow_fullWidth input[type="text"],
  7594. .ipsApp .ipsForm_fullWidth .ipsFieldRow input[type="text"],
  7595. .ipsApp .ipsFieldRow_fullWidth input[type="email"],
  7596. .ipsApp .ipsForm_fullWidth .ipsFieldRow input[type="email"],
  7597. .ipsApp .ipsFieldRow_fullWidth input[type="password"],
  7598. .ipsApp .ipsForm_fullWidth .ipsFieldRow input[type="password"],
  7599. .ipsApp .ipsFieldRow_fullWidth input[type="submit"],
  7600. .ipsApp .ipsForm_fullWidth .ipsFieldRow input[type="submit"],
  7601. .ipsApp .ipsFieldRow_fullWidth select,
  7602. .ipsApp .ipsForm_fullWidth .ipsFieldRow select,
  7603. .ipsApp .ipsFieldRow_fullWidth button,
  7604. .ipsApp .ipsForm_fullWidth .ipsFieldRow button,
  7605. .ipsApp .ipsFieldRow_fullWidth textarea,
  7606. .ipsApp .ipsForm_fullWidth .ipsFieldRow textarea,
  7607. .ipsApp .ipsFieldRow_fullWidth .ipsField_autocomplete,
  7608. .ipsApp .ipsForm_fullWidth .ipsFieldRow .ipsField_autocomplete,
  7609. .ipsApp .ipsFieldRow_fullWidth .ipsSelectTree,
  7610. .ipsApp .ipsForm_fullWidth .ipsFieldRow .ipsSelectTree,
  7611. .ipsApp input.ipsField_fullWidth,
  7612. .ipsApp textarea.ipsField_fullWidth,
  7613. .ipsApp .ipsField_autocomplete.ipsField_fullWidth,
  7614. .ipsApp select.ipsField_fullWidth,
  7615. .ipsApp .ipsSelectTree.ipsField_fullWidth,
  7616. .ipsApp .ipsField_dummy.ipsField_fullWidth {
  7617. width: 100%;
  7618. max-width: 100% !important;
  7619. }
  7620.  
  7621. .ipsFieldRow_desc {
  7622. font-size: 12px;
  7623. color: #686f7d;
  7624. margin-top: 3px;
  7625. display: inline-block;
  7626. }
  7627.  
  7628. .ipsFieldRow:not( .ipsFieldRow_checkbox) .ipsFieldRow_label,
  7629. .ipsFieldRow:not( .ipsFieldRow_checkbox) .ipsFieldRow_title {
  7630. font-size: 15px;
  7631. font-weight: 600;
  7632. margin-bottom: 5px;
  7633. display: inline-block;
  7634. padding-top: 5px;
  7635. }
  7636.  
  7637. .ipsFieldRow.ipsFieldRow_yesNo .ipsFieldRow_label,
  7638. .ipsFieldRow.ipsFieldRow_yesNo .ipsFieldRow_title {
  7639. padding-top: 0;
  7640. }
  7641.  
  7642. .ipsApp .ipsField_primary,
  7643. .ipsApp .ipsField_primary.ipsField_autocomplete input,
  7644. .ipsApp .ipsFieldRow_primary input {
  7645. font-size: 18px;
  7646. }
  7647.  
  7648. .ipsFieldRow_required {
  7649. font-size: 10px;
  7650. text-transform: uppercase;
  7651. color: #c02222;
  7652. font-weight: normal;
  7653. }
  7654.  
  7655. html[dir="ltr"] .ipsFieldRow_required {
  7656. margin-left: 10px;
  7657. }
  7658.  
  7659. html[dir="rtl"] .ipsFieldRow_required {
  7660. margin-right: 10px;
  7661. }
  7662.  
  7663. .ipsForm_horizontal .ipsFieldRow>.ipsFieldRow_label,
  7664. .ipsForm_horizontal .ipsFieldRow>.ipsFieldRow_title {
  7665. width: 185px;
  7666. line-height: 1.3;
  7667. font-size: 14px;
  7668. font-weight: 600;
  7669. }
  7670.  
  7671. html[dir="ltr"] .ipsForm_horizontal .ipsFieldRow>.ipsFieldRow_label,
  7672. html[dir="ltr"] .ipsForm_horizontal .ipsFieldRow>.ipsFieldRow_title {
  7673. float: left;
  7674. padding-right: 15px;
  7675. text-align: right;
  7676. }
  7677.  
  7678. html[dir="rtl"] .ipsForm_horizontal .ipsFieldRow>.ipsFieldRow_label,
  7679. html[dir="rtl"] .ipsForm_horizontal .ipsFieldRow>.ipsFieldRow_title {
  7680. float: right;
  7681. padding-left: 15px;
  7682. text-align: left;
  7683. }
  7684.  
  7685. .ipsForm.ipsForm_horizontal .ipsFieldRow.ipsFieldRow_shortTitle>.ipsFieldRow_title {
  7686. width: 85px;
  7687. }
  7688.  
  7689. html[dir="ltr"] .ipsForm_horizontal .ipsFieldRow:not( .ipsFieldRow_checkbox) .ipsFieldRow_content {
  7690. margin-left: 185px;
  7691. }
  7692.  
  7693. html[dir="ltr"] .ipsForm_horizontal .ipsFieldRow.ipsFieldRow_shortTitle:not( .ipsFieldRow_checkbox) .ipsFieldRow_content {
  7694. margin-left: 95px;
  7695. }
  7696.  
  7697. html[dir="ltr"] .ipsForm_horizontal .ipsFieldRow_checkbox {
  7698. margin-left: 185px;
  7699. }
  7700.  
  7701. html[dir="rtl"] .ipsForm_horizontal .ipsFieldRow:not( .ipsFieldRow_checkbox) .ipsFieldRow_content {
  7702. margin-right: 185px;
  7703. }
  7704.  
  7705. html[dir="rtl"] .ipsForm_horizontal .ipsFieldRow.ipsFieldRow_shortTitle:not( .ipsFieldRow_checkbox) .ipsFieldRow_content {
  7706. margin-right: 95px;
  7707. }
  7708.  
  7709. html[dir="rtl"] .ipsForm_horizontal .ipsFieldRow_checkbox {
  7710. margin-right: 185px;
  7711. }
  7712.  
  7713. .ipsForm_horizontal .ipsFieldRow_required {
  7714. font-size: 0;
  7715. margin: 0;
  7716. }
  7717.  
  7718. .ipsForm_horizontal .ipsFieldRow_required:before {
  7719. content: '*';
  7720. display: inline;
  7721. color: #c02222;
  7722. font-size: 16px;
  7723. }
  7724.  
  7725. .ipsForm_horizontal .ipsFieldRow_textValue .ipsFieldRow_content {
  7726. padding-top: 7px;
  7727. }
  7728.  
  7729. .ipsForm_horizontal .ipsFieldRow_content .ipsRating {
  7730. margin-top: 3px;
  7731. }
  7732.  
  7733. .ipsForm_vertical .ipsFieldRow>.ipsFieldRow_label,
  7734. .ipsForm_vertical .ipsFieldRow>.ipsFieldRow_title {
  7735. float: none !important;
  7736. width: 100%;
  7737. text-align: left;
  7738. }
  7739.  
  7740. html[dir="rtl"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_label,
  7741. html[dir="rtl"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_title {
  7742. text-align: right;
  7743. }
  7744.  
  7745. html[dir="rtl"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox),
  7746. html[dir="rtl"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_label,
  7747. html[dir="rtl"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_content,
  7748. html[dir="rtl"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_title {
  7749. margin-right: 0px;
  7750. }
  7751.  
  7752. html[dir="ltr"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox),
  7753. html[dir="ltr"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_label,
  7754. html[dir="ltr"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_content,
  7755. html[dir="ltr"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_title {
  7756. margin-left: 0px !important;
  7757. }
  7758.  
  7759. html[dir="ltr"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_label,
  7760. html[dir="ltr"] .ipsForm_vertical .ipsFieldRow:not( .ipsFieldRow_checkbox)>.ipsFieldRow_title {
  7761. text-align: left;
  7762. }
  7763.  
  7764. .ipsForm_group {
  7765. margin-bottom: 15px;
  7766. padding-top: 15px;
  7767. border: 0;
  7768. border-bottom: 1px solid #f0f0f0;
  7769. }
  7770.  
  7771. .ipsForm_group>.ipsForm_groupTitle {
  7772. float: left;
  7773. font-size: 16px;
  7774. font-weight: 500;
  7775. margin: 0;
  7776. }
  7777.  
  7778. html[dir="rtl"] .ipsForm_group>.ipsForm_groupTitle {
  7779. float: right;
  7780. }
  7781.  
  7782. .ipsForm_group>.ipsForm_groupContent {
  7783. list-style: none;
  7784. }
  7785.  
  7786. html[dir="ltr"] .ipsForm_group>.ipsForm_groupContent {
  7787. margin: 0 0 0 175px;
  7788. padding: 0 0 0 15px;
  7789. border-left: 1px solid #f6f6f6;
  7790. }
  7791.  
  7792. html[dir="rtl"] .ipsForm_group>.ipsForm_groupContent {
  7793. margin: 0 175px 0 0;
  7794. padding: 0 15px 0 0;
  7795. border-right: 1px solid #f6f6f6;
  7796. }
  7797.  
  7798. .ipsForm .ipsForm_group:last-child {
  7799. border-bottom: 0;
  7800. }
  7801.  
  7802. .ipsApp label:not( .ipsField_unlimited),
  7803. .ipsApp input,
  7804. .ipsApp button,
  7805. .ipsApp select,
  7806. .ipsApp textarea {
  7807. font-size: 14px;
  7808. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  7809. vertical-align: middle;
  7810. }
  7811.  
  7812. .ipsApp .ipsField_dummy {
  7813. height: 32px;
  7814. }
  7815.  
  7816. .ipsApp .ipsField_autocomplete {
  7817. position: relative;
  7818. outline: 0;
  7819. display: inline-block;
  7820. }
  7821.  
  7822. html[dir="ltr"] .ipsApp .ipsField_autocomplete {
  7823. padding-right: 35px;
  7824. }
  7825.  
  7826. html[dir="rtl"] .ipsApp .ipsField_autocomplete {
  7827. padding-left: 35px;
  7828. }
  7829.  
  7830. .ipsApp .ipsField_autocomplete input[type="text"] {
  7831. border: 0;
  7832. border-radius: 0px;
  7833. padding: 0;
  7834. background: transparent;
  7835. width: 20px;
  7836. max-width: 100%;
  7837. box-shadow: none;
  7838. }
  7839.  
  7840. .ipsApp .ipsField_autocomplete input[type="text"]:focus {
  7841. outline: 0;
  7842. box-shadow: none;
  7843. }
  7844.  
  7845. .ipsApp .ipsField_autocomplete.ipsField_autocompleteDisabled {
  7846. pointer-events: none;
  7847. }
  7848.  
  7849. .ipsApp .ipsField_autocomplete.ipsField_autocompleteDisabled .cToken {
  7850. opacity: 0.6;
  7851. }
  7852.  
  7853. html[dir="ltr"] .ipsApp .ipsField_autocomplete_loading {
  7854. position: absolute;
  7855. right: 10px;
  7856. }
  7857.  
  7858. html[dir="rtl"] .ipsApp .ipsField_autocomplete_loading {
  7859. position: absolute;
  7860. left: 10px;
  7861. }
  7862.  
  7863. .ipsApp .ipsField_autocomplete [data-action='addToken'] {
  7864. font-size: 13px;
  7865. }
  7866.  
  7867. .ipsApp input[type="color"] {
  7868. min-width: 50px;
  7869. }
  7870.  
  7871. .ipsApp .ipsField_autocomplete,
  7872. .ipsApp textarea,
  7873. .ipsApp input[type="text"],
  7874. .ipsApp input[type="password"],
  7875. .ipsApp input[type="datetime"],
  7876. .ipsApp input[type="datetime-local"],
  7877. .ipsApp input[type="date"],
  7878. .ipsApp input[type="month"],
  7879. .ipsApp input[type="time"],
  7880. .ipsApp input[type="week"],
  7881. .ipsApp input[type="number"],
  7882. .ipsApp input[type="email"],
  7883. .ipsApp input[type="url"],
  7884. .ipsApp input[type="search"],
  7885. .ipsApp input[type="tel"],
  7886. .ipsApp .ipsField_dummy {
  7887. background-color: #ffffff;
  7888. border-width: 1px;
  7889. border-style: solid;
  7890. border-color: rgba(0, 0, 0, 0.2);
  7891. border-radius: 3px;
  7892. width: 100%;
  7893. max-width: 350px;
  7894. padding: 7px;
  7895. }
  7896.  
  7897. .CodeMirror {
  7898. border-width: 1px;
  7899. border-style: solid;
  7900. border-color: #d9d9d9;
  7901. border-radius: 3px;
  7902. cursor: text;
  7903. }
  7904.  
  7905. html[dir="rtl"] .CodeMirror {
  7906. direction: ltr;
  7907. }
  7908.  
  7909. .ipsApp textarea.ipsField_short,
  7910. .ipsApp input[type="text"].ipsField_short,
  7911. .ipsApp input[type="password"].ipsField_short,
  7912. .ipsApp input[type="datetime"].ipsField_short,
  7913. .ipsApp input[type="datetime-local"].ipsField_short,
  7914. .ipsApp input[type="date"].ipsField_short,
  7915. .ipsApp input[type="month"].ipsField_short,
  7916. .ipsApp input[type="time"].ipsField_short,
  7917. .ipsApp input[type="week"].ipsField_short,
  7918. .ipsApp input[type="number"].ipsField_short,
  7919. .ipsApp input[type="email"].ipsField_short,
  7920. .ipsApp input[type="url"].ipsField_short,
  7921. .ipsApp input[type="search"].ipsField_short,
  7922. .ipsApp input[type="tel"].ipsField_short,
  7923. .ipsApp input[type="color"].ipsField_short,
  7924. .ipsApp select.ipsField_short {
  7925. width: 200px;
  7926. max-width: 200px;
  7927. }
  7928.  
  7929. .ipsApp textarea.ipsField_medium,
  7930. .ipsApp input[type="text"].ipsField_medium,
  7931. .ipsApp input[type="password"].ipsField_medium,
  7932. .ipsApp input[type="datetime"].ipsField_medium,
  7933. .ipsApp input[type="datetime-local"].ipsField_medium,
  7934. .ipsApp input[type="date"].ipsField_medium,
  7935. .ipsApp input[type="month"].ipsField_medium,
  7936. .ipsApp input[type="time"].ipsField_medium,
  7937. .ipsApp input[type="week"].ipsField_medium,
  7938. .ipsApp input[type="number"].ipsField_medium,
  7939. .ipsApp input[type="email"].ipsField_medium,
  7940. .ipsApp input[type="url"].ipsField_medium,
  7941. .ipsApp input[type="search"].ipsField_medium,
  7942. .ipsApp input[type="tel"].ipsField_medium,
  7943. .ipsApp input[type="color"].ipsField_medium,
  7944. .ipsApp select.ipsField_medium {
  7945. width: 270px;
  7946. max-width: 270px;
  7947. }
  7948.  
  7949. .ipsApp textarea.ipsField_tiny,
  7950. .ipsApp input[type="text"].ipsField_tiny,
  7951. .ipsApp input[type="password"].ipsField_tiny,
  7952. .ipsApp input[type="datetime"].ipsField_tiny,
  7953. .ipsApp input[type="datetime-local"].ipsField_tiny,
  7954. .ipsApp input[type="date"].ipsField_tiny,
  7955. .ipsApp input[type="month"].ipsField_tiny,
  7956. .ipsApp input[type="time"].ipsField_tiny,
  7957. .ipsApp input[type="week"].ipsField_tiny,
  7958. .ipsApp input[type="number"].ipsField_tiny,
  7959. .ipsApp input[type="email"].ipsField_tiny,
  7960. .ipsApp input[type="url"].ipsField_tiny,
  7961. .ipsApp input[type="search"].ipsField_tiny,
  7962. .ipsApp input[type="tel"].ipsField_tiny,
  7963. .ipsApp input[type="color"].ipsField_tiny,
  7964. .ipsApp select.ipsField_tiny {
  7965. width: 60px;
  7966. max-width: 60px;
  7967. }
  7968.  
  7969. .ipsApp select.ipsField_short,
  7970. .ipsApp select.ipsField_medium,
  7971. .ipsApp select.ipsField_tiny {
  7972. text-overflow: ellipsis;
  7973. }
  7974.  
  7975. .ipsApp textarea:focus,
  7976. .ipsApp input[type="text"]:focus,
  7977. .ipsApp input[type="password"]:focus,
  7978. .ipsApp input[type="datetime"]:focus,
  7979. .ipsApp input[type="datetime-local"]:focus,
  7980. .ipsApp input[type="date"]:focus,
  7981. .ipsApp input[type="month"]:focus,
  7982. .ipsApp input[type="time"]:focus,
  7983. .ipsApp input[type="week"]:focus,
  7984. .ipsApp input[type="number"]:focus,
  7985. .ipsApp input[type="email"]:focus,
  7986. .ipsApp input[type="url"]:focus,
  7987. .ipsApp input[type="search"]:focus,
  7988. .ipsApp input[type="tel"]:focus,
  7989. .ipsApp input[type="color"]:focus {
  7990. box-shadow: 0px 0px 5px rgba(82, 168, 236, 0.6);
  7991. border-color: #3480bb;
  7992. outline: 0;
  7993. }
  7994.  
  7995. .ipsApp textarea[disabled],
  7996. .ipsApp input[type="text"][disabled],
  7997. .ipsApp input[type="password"][disabled],
  7998. .ipsApp input[type="datetime"][disabled],
  7999. .ipsApp input[type="datetime-local"][disabled],
  8000. .ipsApp input[type="date"][disabled],
  8001. .ipsApp input[type="month"][disabled],
  8002. .ipsApp input[type="time"][disabled],
  8003. .ipsApp input[type="week"][disabled],
  8004. .ipsApp input[type="number"][disabled],
  8005. .ipsApp input[type="email"][disabled],
  8006. .ipsApp input[type="url"][disabled],
  8007. .ipsApp input[type="search"][disabled],
  8008. .ipsApp input[type="tel"][disabled],
  8009. .ipsApp input[type="color"][disabled] {
  8010. background: #f7f7f7;
  8011. opacity: 0.7;
  8012. }
  8013.  
  8014. .ipsApp textarea {
  8015. white-space: pre-wrap;
  8016. }
  8017.  
  8018. .ipsApp .ipsToggle:focus,
  8019. .ipsApp .ipsCustomInput input:focus+span {
  8020. border-color: rgba(82, 168, 236, 0.8);
  8021. outline: 0;
  8022. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0px 1px 5px rgba(82, 168, 236, 0.6);
  8023. }
  8024.  
  8025. .ipsFieldRow_content [data-role="prefixRow"] {
  8026. margin-top: 5px;
  8027. }
  8028.  
  8029. .ipsApp textarea:not([data-ipsAutocomplete]) {
  8030. height: auto;
  8031. max-width: 100%;
  8032. }
  8033.  
  8034. .ipsFieldRow .ipsFieldRow_icon {
  8035. position: relative;
  8036. }
  8037.  
  8038. html[dir="ltr"] .ipsFieldRow .ipsFieldRow_icon input[type="text"] {
  8039. padding-left: 35px;
  8040. }
  8041.  
  8042. html[dir="rtl"] .ipsFieldRow .ipsFieldRow_icon input[type="text"] {
  8043. padding-right: 35px;
  8044. }
  8045.  
  8046. .ipsFieldRow .ipsFieldRow_icon:after {
  8047. font-family: 'FontAwesome';
  8048. font-size: 16px;
  8049. position: absolute;
  8050. top: 3px;
  8051. color: #404040;
  8052. display: inline-block;
  8053. width: 30px;
  8054. height: 30px;
  8055. }
  8056.  
  8057. html[dir="ltr"] .ipsFieldRow .ipsFieldRow_icon:after {
  8058. left: 3px;
  8059. }
  8060.  
  8061. html[dir="rtl"] .ipsFieldRow .ipsFieldRow_icon:after {
  8062. right: 3px;
  8063. }
  8064.  
  8065. .ipsFieldRow .ipsFieldRow_icon[data-icon="search"] {
  8066. content: "\f002";
  8067. }
  8068.  
  8069. .ipsFieldRow.ipsFieldRow_primary .ipsFieldRow_icon:after {
  8070. font-size: 18px;
  8071. top: 0;
  8072. }
  8073.  
  8074. html[dir="ltr"] .ipsFieldRow.ipsFieldRow_primary .ipsFieldRow_icon:after {
  8075. left: 10px;
  8076. }
  8077.  
  8078. html[dir="rtl"] .ipsFieldRow.ipsFieldRow_primary .ipsFieldRow_icon:after {
  8079. right: 10px;
  8080. }
  8081.  
  8082. .ipsApp .ipsField_loading {
  8083. background-image: url("https://forums.definitive.network/uploads/set_resources_5/cf5a1e7fc191338071d07df134b620d0_tiny_loading.gif");
  8084. background-size: 14px 14px;
  8085. background-repeat: no-repeat;
  8086. background-position: right 5px center;
  8087. }
  8088.  
  8089. @media screen and (-webkit-min-device-pixel-ratio:2),
  8090. (min-resolution:192dpi) {
  8091. .ipsApp .ipsField_loading {
  8092. background-image: url("https://forums.definitive.network/uploads/set_resources_5/cf5a1e7fc191338071d07df134b620d0_tiny_loading@2x.gif");
  8093. }
  8094. }
  8095.  
  8096. html[dir="rtl"] .ipsApp .ipsField_loading {
  8097. background-position: left 5px center;
  8098. }
  8099.  
  8100. .ipsFieldRow_section {
  8101. background: #f9f9f9;
  8102. color: #333;
  8103. padding: 15px;
  8104. font-size: 16px;
  8105. }
  8106.  
  8107. .ipsApp input.ipsField_error,
  8108. .ipsFieldRow_error textarea:not( .ipsFieldRow_errorExclude),
  8109. .ipsFieldRow_error input[type="text"]:not( .ipsFieldRow_errorExclude),
  8110. .ipsFieldRow_error input[type="password"]:not( .ipsFieldRow_errorExclude),
  8111. .ipsFieldRow_error input[type="datetime"]:not( .ipsFieldRow_errorExclude),
  8112. .ipsFieldRow_error input[type="datetime-local"]:not( .ipsFieldRow_errorExclude),
  8113. .ipsFieldRow_error input[type="date"]:not( .ipsFieldRow_errorExclude),
  8114. .ipsFieldRow_error input[type="month"]:not( .ipsFieldRow_errorExclude),
  8115. .ipsFieldRow_error input[type="time"]:not( .ipsFieldRow_errorExclude),
  8116. .ipsFieldRow_error input[type="week"]:not( .ipsFieldRow_errorExclude),
  8117. .ipsFieldRow_error input[type="number"]:not( .ipsFieldRow_errorExclude),
  8118. .ipsFieldRow_error input[type="email"]:not( .ipsFieldRow_errorExclude),
  8119. .ipsFieldRow_error input[type="url"]:not( .ipsFieldRow_errorExclude),
  8120. .ipsFieldRow_error input[type="search"]:not( .ipsFieldRow_errorExclude),
  8121. .ipsFieldRow_error input[type="tel"]:not( .ipsFieldRow_errorExclude),
  8122. .ipsFieldRow_error input[type="color"]:not( .ipsFieldRow_errorExclude),
  8123. .ipsFieldRow_error .ipsField_dummy,
  8124. .ipsFieldRow_error.ipsField_dummy {
  8125. background-color: #f8e6e9;
  8126. border-color: #ba7b84;
  8127. }
  8128.  
  8129. .ipsApp input.ipsField_success,
  8130. .ipsApp textarea.ipsField_success,
  8131. .ipsFieldRow_success textarea,
  8132. .ipsFieldRow_success input[type="text"],
  8133. .ipsFieldRow_success input[type="password"],
  8134. .ipsFieldRow_success input[type="datetime"],
  8135. .ipsFieldRow_success input[type="datetime-local"],
  8136. .ipsFieldRow_success input[type="date"],
  8137. .ipsFieldRow_success input[type="month"],
  8138. .ipsFieldRow_success input[type="time"],
  8139. .ipsFieldRow_success input[type="week"],
  8140. .ipsFieldRow_success input[type="number"],
  8141. .ipsFieldRow_success input[type="email"],
  8142. .ipsFieldRow_success input[type="url"],
  8143. .ipsFieldRow_success input[type="search"],
  8144. .ipsFieldRow_success input[type="tel"],
  8145. .ipsFieldRow_success input[type="color"] {
  8146. background-color: #ebf2e5;
  8147. border-color: #4a7c20;
  8148. }
  8149.  
  8150. textarea.ipsField_codeInput {
  8151. font-family: "Courier New", Courier, monospace;
  8152. }
  8153.  
  8154. input[type="text"].ipsField_tinyText {
  8155. font-size: 11px;
  8156. padding: 4px;
  8157. }
  8158.  
  8159. input[type="checkbox"]:disabled+.ipsToggle {
  8160. opacity: 0.4;
  8161. cursor: default !important;
  8162. }
  8163.  
  8164. input[type="checkbox"]:disabled+.ipsToggle:not( [data-ipsTooltip]) {
  8165. pointer-events: none;
  8166. }
  8167.  
  8168. .ipsToggle {
  8169. width: 50px;
  8170. background: red;
  8171. display: inline-block;
  8172. height: 22px;
  8173. line-height: 22px;
  8174. border-radius: 11px;
  8175. position: relative;
  8176. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
  8177. border: 1px solid rgba(0, 0, 0, 0.3);
  8178. overflow: hidden;
  8179. vertical-align: middle;
  8180. cursor: pointer;
  8181. -webkit-transition: all 0.3s linear;
  8182. -moz-transition: all 0.3s linear;
  8183. -ms-transition: all 0.3s linear;
  8184. -o-transition: all 0.3s linear;
  8185. transition: all 0.3s linear;
  8186. }
  8187.  
  8188. .ipsToggle.ipsToggle_off {
  8189. background: #c2c2c2;
  8190. }
  8191.  
  8192. .ipsToggle.ipsToggle_on {
  8193. background: #5a895c;
  8194. }
  8195.  
  8196. .ipsToggle input {
  8197. opacity: 0.001;
  8198. }
  8199.  
  8200. .ipsToggle span {
  8201. background: #f5f5f5;
  8202. border-radius: 9px;
  8203. height: 18px;
  8204. width: 18px;
  8205. top: 1px;
  8206. text-indent: 100%;
  8207. white-space: nowrap;
  8208. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  8209. display: block;
  8210. position: absolute;
  8211. pointer-events: none;
  8212. -webkit-transition: all 0.2s linear;
  8213. -moz-transition: all 0.2s linear;
  8214. -ms-transition: all 0.2s linear;
  8215. -o-transition: all 0.2s linear;
  8216. transition: all 0.2s linear;
  8217. }
  8218.  
  8219. html[dir="ltr"] .ipsToggle.ipsToggle_on span {
  8220. right: 1px;
  8221. }
  8222.  
  8223. html[dir="rtl"] .ipsToggle.ipsToggle_on span {
  8224. left: 1px;
  8225. }
  8226.  
  8227. html[dir="ltr"] .ipsToggle.ipsToggle_off span {
  8228. right: 29px;
  8229. }
  8230.  
  8231. html[dir="rtl"] .ipsToggle.ipsToggle_off span {
  8232. left: 29px;
  8233. }
  8234.  
  8235. .ipsToggle span:before {
  8236. content: '\f0c9';
  8237. font-family: 'FontAwesome';
  8238. font-size: 10px;
  8239. line-height: 20px;
  8240. display: block;
  8241. position: absolute;
  8242. width: 18px;
  8243. height: 18px;
  8244. top: -1px;
  8245. color: rgba(0, 0, 0, 0.2);
  8246. }
  8247.  
  8248. html[dir="ltr"] .ipsToggle span:before {
  8249. left: -13px;
  8250. }
  8251.  
  8252. html[dir="rtl"] .ipsToggle span:before {
  8253. right: -13px;
  8254. }
  8255.  
  8256. .ipsToggle span:after {
  8257. content: '\f00c';
  8258. font-family: 'FontAwesome';
  8259. font-size: 12px;
  8260. text-transform: uppercase;
  8261. display: block;
  8262. color: #fff;
  8263. position: absolute;
  8264. top: 0px;
  8265. line-height: 18px;
  8266. text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  8267. }
  8268.  
  8269. html[dir="ltr"] .ipsToggle span:after {
  8270. left: -38px;
  8271. }
  8272.  
  8273. html[dir="rtl"] .ipsToggle span:after {
  8274. right: -38px;
  8275. }
  8276.  
  8277. .ipsToggle.ipsToggle_off span:after {
  8278. content: '\f00d';
  8279. }
  8280.  
  8281. html[dir="ltr"] .ipsToggle.ipsToggle_off span:after {
  8282. left: 10px;
  8283. }
  8284.  
  8285. html[dir="rtl"] .ipsToggle.ipsToggle_off span:after {
  8286. right: 10px;
  8287. }
  8288.  
  8289. .ipsField_yesNo {
  8290. display: inline-block;
  8291. margin: 0;
  8292. padding: 0;
  8293. }
  8294.  
  8295. html[dir="ltr"] .ipsField_yesNo li {
  8296. float: left;
  8297. }
  8298.  
  8299. html[dir="rtl"] .ipsField_yesNo li {
  8300. float: right;
  8301. }
  8302.  
  8303. .ipsField_yesNo input[type="radio"] {
  8304. display: none;
  8305. }
  8306.  
  8307. .ipsField_yesNo label {
  8308. display: block;
  8309. height: 32px;
  8310. line-height: 32px;
  8311. text-align: center;
  8312. width: 40px;
  8313. background: #f2f2f2;
  8314. overflow: hidden;
  8315. text-indent: 100%;
  8316. whitespace: no-wrap;
  8317. cursor: pointer;
  8318. position: relative;
  8319. -webkit-transition: 0.2s all linear;
  8320. -moz-transition: 0.2s all linear;
  8321. -ms-transition: 0.2s all linear;
  8322. -o-transition: 0.2s all linear;
  8323. transition: 0.2s all linear;
  8324. }
  8325.  
  8326. .ipsField_yesNo label:after {
  8327. color: #d5d5d5;
  8328. font-family: "FontAwesome";
  8329. position: absolute;
  8330. top: 0;
  8331. text-indent: 0;
  8332. font-size: 18px;
  8333. }
  8334.  
  8335. html[dir="ltr"] .ipsField_yesNo label:after {
  8336. left: 50%;
  8337. }
  8338.  
  8339. html[dir="rtl"] .ipsField_yesNo label:after {
  8340. right: 50%;
  8341. }
  8342.  
  8343. .ipsField_yesNo .ipsField_yesNo_yes label:after {
  8344. content: "\f00c";
  8345. }
  8346.  
  8347. html[dir="ltr"] .ipsField_yesNo .ipsField_yesNo_yes label:after {
  8348. margin-left: -9px;
  8349. }
  8350.  
  8351. html[dir="rtl"] .ipsField_yesNo .ipsField_yesNo_yes label:after {
  8352. margin-right: -9px;
  8353. }
  8354.  
  8355. .ipsField_yesNo .ipsField_yesNo_yes input[type="radio"]:checked+label {
  8356. background: #68a72f;
  8357. }
  8358.  
  8359. .ipsField_yesNo .ipsField_yesNo_no label:after {
  8360. content: "\f00d";
  8361. }
  8362.  
  8363. html[dir="ltr"] .ipsField_yesNo .ipsField_yesNo_no label:after {
  8364. margin-left: -7px;
  8365. }
  8366.  
  8367. html[dir="rtl"] .ipsField_yesNo .ipsField_yesNo_no label:after {
  8368. margin-right: -7px;
  8369. }
  8370.  
  8371. .ipsField_yesNo .ipsField_yesNo_no input[type="radio"]:checked+label {
  8372. background: #a72f35;
  8373. }
  8374.  
  8375. .ipsField_yesNo li:first-child label {
  8376. border-radius: 3px 0 0 3px;
  8377. }
  8378.  
  8379. html[dir="rtl"] .ipsField_yesNo li:first-child label {
  8380. border-radius: 0 3px 3px 0;
  8381. }
  8382.  
  8383. .ipsField_yesNo li:last-child label {
  8384. border-radius: 0 3px 3px 0;
  8385. }
  8386.  
  8387. html[dir="rtl"] .ipsField_yesNo li:last-child label {
  8388. border-radius: 3px 0 0 3px;
  8389. }
  8390.  
  8391. .ipsField_yesNo input[type="radio"]:checked+label:after {
  8392. color: #fff;
  8393. }
  8394.  
  8395. .ipsField_yesNo.ipsField_yesNo_disabled {
  8396. opacity: 0.5;
  8397. }
  8398.  
  8399. .ipsCustomInput {
  8400. position: relative;
  8401. }
  8402.  
  8403. .ipsCustomInput,
  8404. .ipsCustomInput>span {
  8405. width: 15px;
  8406. height: 15px;
  8407. display: inline-block;
  8408. font-size: 0;
  8409. }
  8410.  
  8411. .ipsCustomInput>span {
  8412. border: 1px solid #bdbdbd;
  8413. background: #fff;
  8414. position: absolute;
  8415. top: -1px;
  8416. left: 0;
  8417. pointer-events: none;
  8418. display: inline-block;
  8419. }
  8420.  
  8421. .ipsCustomInput input[type="checkbox"]+span {
  8422. border-radius: 3px;
  8423. }
  8424.  
  8425. .ipsCustomInput input[type="radio"]+span {
  8426. border-radius: 8px;
  8427. }
  8428.  
  8429. .ipsCustomInput input:hover:not( :disabled)+span {
  8430. border-color: #385e8a;
  8431. }
  8432.  
  8433. .ipsCustomInput input:disabled+span {
  8434. opacity: 0.6;
  8435. }
  8436.  
  8437. .ipsCustomInput input:not( :checked):disabled+span {
  8438. background: #f5f5f5;
  8439. }
  8440.  
  8441. .ipsCustomInput input:checked:disabled+span {
  8442. background: #ebebeb;
  8443. border-color: #757575;
  8444. }
  8445.  
  8446. .ipsCustomInput input[type="checkbox"]:checked:disabled+span:after {
  8447. color: #757575;
  8448. }
  8449.  
  8450. .ipsCustomInput input[type="radio"]:checked:disabled+span:after {
  8451. background-color: #757575;
  8452. }
  8453.  
  8454. .ipsCustomInput input:active:not( :checked):not( :disabled)+span {
  8455. background: #ebebeb;
  8456. }
  8457.  
  8458. .ipsCustomInput input:active:checked:not( :disabled)+span {
  8459. background: #ebebeb;
  8460. }
  8461.  
  8462. .ipsCustomInput input:checked+span {
  8463. border-color: #385e8a;
  8464. }
  8465.  
  8466. .ipsCustomInput input[type="checkbox"]:checked+span:after {
  8467. content: '\f00c';
  8468. font-family: "FontAwesome";
  8469. color: #385e8a;
  8470. position: absolute;
  8471. top: -1px;
  8472. left: 0;
  8473. bottom: 0;
  8474. right: 0;
  8475. line-height: 15px;
  8476. text-align: center;
  8477. font-size: 11px;
  8478. }
  8479.  
  8480. .ipsCustomInput input[type="radio"]:checked+span:after {
  8481. width: 7px;
  8482. height: 7px;
  8483. display: block;
  8484. content: '';
  8485. position: absolute;
  8486. top: 3px;
  8487. left: 3px;
  8488. border-radius: 8px;
  8489. background: #385e8a;
  8490. }
  8491.  
  8492. .ipsCustomInput input {
  8493. opacity: 0.000001;
  8494. position: relative;
  8495. z-index: 1;
  8496. width: 15px;
  8497. height: 15px;
  8498. cursor: pointer;
  8499. top: -2px;
  8500. }
  8501.  
  8502. html[dir="ltr"] .ipsCustomInput+label {
  8503. margin-left: 3px;
  8504. }
  8505.  
  8506. html[dir="rtl"] .ipsCustomInput+label {
  8507. margin-right: 3px;
  8508. }
  8509.  
  8510. .ipsField_translatable li {
  8511. margin-bottom: 5px;
  8512. position: relative;
  8513. }
  8514.  
  8515. .ipsField_translatable li span.ipsFlag {
  8516. display: inline-block;
  8517. position: absolute;
  8518. top: 9px;
  8519. }
  8520.  
  8521. html[dir="ltr"] .ipsField_translatable li span.ipsFlag {
  8522. left: 8px;
  8523. }
  8524.  
  8525. html[dir="rtl"] .ipsField_translatable li span.ipsFlag {
  8526. right: 8px;
  8527. }
  8528.  
  8529. .ipsField_translatable li p.ipsFlagEditor span.ipsFlag {
  8530. top: 4px;
  8531. }
  8532.  
  8533. html[dir="ltr"] .ipsField_translatable li .ipsFlag+input[type="text"],
  8534. html[dir="ltr"] .ipsField_translatable li .ipsFlag+input[type="password"] {
  8535. padding-left: 30px;
  8536. }
  8537.  
  8538. html[dir="rtl"] .ipsField_translatable li .ipsFlag+input[type="text"],
  8539. html[dir="rtl"] .ipsField_translatable li .ipsFlag+input[type="password"] {
  8540. padding-right: 30px;
  8541. }
  8542.  
  8543. .ipsField_translatable li .ipsFlag+span.ipsFlagLabel {
  8544. font-weight: bold;
  8545. }
  8546.  
  8547. html[dir="ltr"] .ipsField_translatable li .ipsFlag+span.ipsFlagLabel {
  8548. margin-left: 30px;
  8549. }
  8550.  
  8551. html[dir="rtl"] .ipsField_translatable li .ipsFlag+span.ipsFlagLabel {
  8552. margin-right: 30px;
  8553. }
  8554.  
  8555. .ipsFieldRow:not( .ipsFieldRow_fullWidth) .ipsField_stack {
  8556. max-width: 350px;
  8557. }
  8558.  
  8559. .ipsField_stackItem {
  8560. margin-bottom: 5px;
  8561. position: relative;
  8562. padding-left: 32px;
  8563. }
  8564.  
  8565. .ipsField_stackItem .ipsField_stackDrag,
  8566. .ipsField_stackItem .ipsField_stackDelete {
  8567. position: absolute;
  8568. width: 32px;
  8569. height: 32px;
  8570. line-height: 34px;
  8571. top: 0;
  8572. text-align: center;
  8573. }
  8574.  
  8575. html[dir="ltr"] .ipsField_stackItem .ipsField_stackDrag {
  8576. left: 0;
  8577. }
  8578.  
  8579. html[dir="rtl"] .ipsField_stackItem .ipsField_stackDrag {
  8580. right: 0;
  8581. }
  8582.  
  8583. .ipsField_stackItem .ipsDrag_dragHandle {
  8584. opacity: 0.2;
  8585. }
  8586.  
  8587. .ipsField_stackItem .ipsField_stackDelete {
  8588. background: #323232;
  8589. color: #fff;
  8590. width: 19px;
  8591. height: 19px;
  8592. border-radius: 19px;
  8593. line-height: 17px;
  8594. top: 5px;
  8595. }
  8596.  
  8597. html[dir="ltr"] .ipsField_stackDelete {
  8598. right: 0;
  8599. }
  8600.  
  8601. html[dir="rtl"] .ipsField_stackDelete {
  8602. left: 0;
  8603. }
  8604.  
  8605. .ipsField_stackItem input[type="text"]:not(.ipsField_stackItemNoMargin),
  8606. .ipsField_stackItem input[type="url"]:not(.ipsField_stackItemNoMargin),
  8607. .ipsField_stackItem input[type="tel"]:not(.ipsField_stackItemNoMargin),
  8608. .ipsField_stackItem input[type="email"]:not(.ipsField_stackItemNoMargin),
  8609. .ipsField_stackItem input[type="number"]:not(.ipsField_stackItemNoMargin),
  8610. .ipsField_stackItem input[type="search"]:not(.ipsField_stackItemNoMargin),
  8611. .ipsField_stackItem input[type="password"]:not(.ipsField_stackItemNoMargin),
  8612. .ipsField_stackItem input[type="datetime"]:not(.ipsField_stackItemNoMargin),
  8613. .ipsField_stackItem input[type="datetime-local"]:not(.ipsField_stackItemNoMargin),
  8614. .ipsField_stackItem input[type="date"]:not(.ipsField_stackItemNoMargin),
  8615. .ipsField_stackItem input[type="week"]:not(.ipsField_stackItemNoMargin),
  8616. .ipsField_stackItem input[type="month"]:not(.ipsField_stackItemNoMargin),
  8617. .ipsField_stackItem input[type="time"]:not(.ipsField_stackItemNoMargin) {
  8618. margin-left: -32px;
  8619. padding-left: 32px;
  8620. }
  8621.  
  8622. html[dir="ltr"] .ipsField_stackItem input[type="button"],
  8623. html[dir="ltr"] .ipsField_stackItem input[type="checkbox"],
  8624. html[dir="ltr"] .ipsField_stackItem input[type="color"],
  8625. html[dir="ltr"] .ipsField_stackItem input[type="file"],
  8626. html[dir="ltr"] .ipsField_stackItem input[type="radio"],
  8627. html[dir="ltr"] .ipsField_stackItem input[type="range"],
  8628. html[dir="ltr"] .ipsField_stackItem input[type="submit"],
  8629. html[dir="ltr"] .ipsField_stackItem select,
  8630. html[dir="ltr"] .ipsField_stackItem textarea {
  8631. margin-left: 36px;
  8632. }
  8633.  
  8634. html[dir="rtl"] .ipsField_stackItem input[type="button"],
  8635. html[dir="rtl"] .ipsField_stackItem input[type="checkbox"],
  8636. html[dir="rtl"] .ipsField_stackItem input[type="color"],
  8637. html[dir="rtl"] .ipsField_stackItem input[type="file"],
  8638. html[dir="rtl"] .ipsField_stackItem input[type="radio"],
  8639. html[dir="rtl"] .ipsField_stackItem input[type="range"],
  8640. html[dir="rtl"] .ipsField_stackItem input[type="submit"],
  8641. html[dir="rtl"] .ipsField_stackItem select,
  8642. html[dir="rtl"] .ipsField_stackItem textarea {
  8643. margin-right: 36px;
  8644. }
  8645.  
  8646. html[dir="ltr"] .ipsField_stackItem_keyValue span input[type="text"] {
  8647. margin-left: 0px;
  8648. padding-left: 6px;
  8649. }
  8650.  
  8651. html[dir="rtl"] .ipsField_stackItem_keyValue span input[type="text"] {
  8652. margin-right: 0px;
  8653. padding-right: 6px;
  8654. }
  8655.  
  8656. .ipsField_stackItem_keyValue {
  8657. padding-top: 8px;
  8658. }
  8659.  
  8660. html[dir="ltr"] .ipsField_stackItem_keyValue {
  8661. margin-left: 36px;
  8662. }
  8663.  
  8664. html[dir="rtl"] .ipsField_stackItem_keyValue {
  8665. margin-right: 36px;
  8666. }
  8667.  
  8668. .ipsField_uploader {
  8669. border: 1px solid #efefef;
  8670. border-bottom: 1px solid #dedede;
  8671. box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset;
  8672. background: #f6f6f6;
  8673. padding: 15px;
  8674. text-shadow: 0px 1px 0px #fff;
  8675. position: relative;
  8676. }
  8677.  
  8678. .ipsField_uploader .ipsField_uploader_icon {
  8679. font-size: 36px;
  8680. vertical-align: middle;
  8681. -webkit-transition: all 0.2s linear;
  8682. -moz-transition: all 0.2s linear;
  8683. -ms-transition: all 0.2s linear;
  8684. -o-transition: all 0.2s linear;
  8685. transition: all 0.2s linear;
  8686. }
  8687.  
  8688. html[dir="ltr"] .ipsField_uploader .ipsField_uploader_icon {
  8689. margin-right: 10px;
  8690. float: left;
  8691. }
  8692.  
  8693. html[dir="rtl"] .ipsField_uploader .ipsField_uploader_icon {
  8694. margin-left: 10px;
  8695. float: right;
  8696. }
  8697.  
  8698. .ipsField_uploader:hover .ipsField_uploader_icon {
  8699. -webkit-transform: scale(1.3);
  8700. -moz-transform: scale(1.3);
  8701. -ms-transform: scale(1.3);
  8702. -o-transform: scale(1.3);
  8703. transform: scale(1.3);
  8704. }
  8705.  
  8706. .ipsField_uploader .ipsField_uploader_msg span {
  8707. font-size: 14px;
  8708. font-weight: bold;
  8709. display: block;
  8710. }
  8711.  
  8712. .ipsField_uploader .ipsField_uploader_msg span+span {
  8713. opacity: 0.7;
  8714. font-weight: normal;
  8715. font-size: 12px;
  8716. }
  8717.  
  8718. .ipsAttachments_list {
  8719. border: 1px solid #efefef;
  8720. }
  8721.  
  8722. .ipsAttachments_list>li {
  8723. padding: 15px;
  8724. background: #fcfcfc;
  8725. border-bottom: 1px solid #efefef;
  8726. }
  8727.  
  8728. .ipsAttachments_list>li:last-child {
  8729. border-bottom: 0;
  8730. }
  8731.  
  8732. .ipsAttachment_name {
  8733. font-weight: bold;
  8734. }
  8735.  
  8736. .ipsAttachment_size {
  8737. opacity: 0.7;
  8738. font-size: 12px;
  8739. }
  8740.  
  8741. .ipsAttachments_tools {
  8742. opacity: 0;
  8743. -webkit-transition: 0.5s all linear;
  8744. -moz-transition: 0.5s all linear;
  8745. -ms-transition: 0.5s all linear;
  8746. -o-transition: 0.5s all linear;
  8747. transition: 0.5s all linear;
  8748. }
  8749.  
  8750. .ipsAttachments_list>li:hover .ipsAttachments_tools {
  8751. opacity: 0.4;
  8752. }
  8753.  
  8754. .ipsAttachments_list>li .ipsAttachments_tools:hover {
  8755. opacity: 1;
  8756. }
  8757.  
  8758. .ipsAttachment_progress {
  8759. border: 1px solid #dedede;
  8760. height: 12px;
  8761. border-radius: 10px;
  8762. width: 150px;
  8763. display: inline-block;
  8764. background: #fff;
  8765. }
  8766.  
  8767. .ipsAttachment_progress>span {
  8768. background: #151515;
  8769. width: 0%;
  8770. display: block;
  8771. height: 10px;
  8772. border-radius: 10px;
  8773. }
  8774.  
  8775. .ipsImageAttach .ipsAttachment_progress {
  8776. width: 70%;
  8777. position: absolute;
  8778. top: 45%;
  8779. }
  8780.  
  8781. html[dir="ltr"] .ipsImageAttach .ipsAttachment_progress {
  8782. margin-left: -35%;
  8783. left: 50%;
  8784. }
  8785.  
  8786. html[dir="rtl"] .ipsImageAttach .ipsAttachment_progress {
  8787. margin-right: -35%;
  8788. right: 50%;
  8789. }
  8790.  
  8791. .ipsField_uploader+.ipsAttachments_list {
  8792. border-top: 0;
  8793. }
  8794.  
  8795. html[dir="ltr"] .ipsField_uploader+.ipsAttachments_list {
  8796. margin-left: 10px;
  8797. }
  8798.  
  8799. html[dir="rtl"] .ipsField_uploader+.ipsAttachments_list {
  8800. margin-right: 10px;
  8801. }
  8802.  
  8803. .ipsAttachment_supportDrag {
  8804. display: none;
  8805. }
  8806.  
  8807. .cToken {
  8808. height: 22px;
  8809. line-height: 22px;
  8810. background: #385e8a;
  8811. color: #fff;
  8812. display: inline-block;
  8813. font-size: 13px;
  8814. border-radius: 12px;
  8815. padding: 0 10px;
  8816. cursor: pointer;
  8817. margin: 1px 5px 1px 0 !important;
  8818. max-width: 100%;
  8819. overflow: hidden;
  8820. }
  8821.  
  8822. html[dir="rtl"] .cToken {
  8823. margin: 1px 0 1px 5px !important;
  8824. }
  8825.  
  8826. .cToken.cToken_selected {
  8827. background: #3a5a78;
  8828. }
  8829.  
  8830. ul.ipsContentItemSelector li {
  8831. margin-top: 10px;
  8832. }
  8833.  
  8834. ul.ipsContentItemSelector li:first-child {
  8835. margin-top: 5px;
  8836. }
  8837.  
  8838. ul.ipsContentItemSelector li div[data-role="contentItemRow"] {
  8839. padding-left: 5px;
  8840. }
  8841.  
  8842. .cContentItem_delete {
  8843. height: 18px;
  8844. line-height: 18px;
  8845. background: #385e8a;
  8846. color: #fff;
  8847. display: inline-block;
  8848. font-size: 13px;
  8849. border-radius: 12px;
  8850. padding: 0 10px;
  8851. cursor: pointer;
  8852. margin: 1px 5px 1px 0 !important;
  8853. float: left;
  8854. }
  8855.  
  8856. .ipsSelectTree {
  8857. min-height: 32px;
  8858. border: 1px solid #b3b3b3;
  8859. width: 100%;
  8860. max-width: 350px;
  8861. border-radius: 3px;
  8862. padding: 7px 25px 5px 7px;
  8863. position: relative;
  8864. background: rgb(255, 255, 255);
  8865. background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  8866. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
  8867. background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  8868. background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  8869. background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  8870. background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  8871. cursor: pointer;
  8872. margin-bottom: 5px;
  8873. }
  8874.  
  8875. html[dir="rtl"] .ipsSelectTree {
  8876. padding: 7px 7px 5px 25px;
  8877. }
  8878.  
  8879. .ipsSelectTree.ipsSelectTree_disabled,
  8880. .ipsSelectTree.ipsSelectTree_disabled .ipsSelectTree_expand {
  8881. opacity: 0.6;
  8882. pointer-events: none;
  8883. }
  8884.  
  8885. .ipsSelectTree_active {
  8886. border-bottom: 0;
  8887. border-radius: 3px 3px 0 0;
  8888. border-color: rgba(82, 168, 236, 0.8);
  8889. }
  8890.  
  8891. .ipsSelectTree_expand {
  8892. position: absolute;
  8893. top: -1px;
  8894. bottom: -1px;
  8895. line-height: 32px;
  8896. border-radius: 0 3px 3px 0;
  8897. width: 26px;
  8898. text-align: center;
  8899. color: #333;
  8900. }
  8901.  
  8902. html[dir="ltr"] .ipsSelectTree_expand {
  8903. right: -1px;
  8904. }
  8905.  
  8906. html[dir="rtl"] .ipsSelectTree_expand {
  8907. left: -1px;
  8908. }
  8909.  
  8910. .ipsSelectTree [data-role="tokenList"] li {
  8911. line-height: 1;
  8912. }
  8913.  
  8914. html[dir="ltr"] .ipsSelectTree [data-role="tokenList"] li {
  8915. margin-right: 5px;
  8916. }
  8917.  
  8918. html[dir="rtl"] .ipsSelectTree [data-role="tokenList"] li {
  8919. margin-left: 5px;
  8920. }
  8921.  
  8922. .ipsSelectTree [data-role="tokenList"] .cToken {
  8923. background: #385e8a;
  8924. color: #fff;
  8925. margin-bottom: 4px;
  8926. }
  8927.  
  8928. .ipsSelectTree_nodes {
  8929. position: absolute;
  8930. top: 100%;
  8931. margin: -4px 0 0 -1px;
  8932. max-width: 500px;
  8933. border: 1px solid rgba(82, 168, 236, 0.8);
  8934. border-top: 0;
  8935. border-bottom-right-radius: 3px;
  8936. border-bottom-left-radius: 3px;
  8937. padding: 7px;
  8938. background: rgb(242, 242, 242);
  8939. }
  8940.  
  8941. html[dir="rtl"] .ipsSelectTree_nodes {
  8942. margin: -4px -1px 0 0;
  8943. }
  8944.  
  8945. .ipsSelectTree_nodes [data-role="nodeList"] {
  8946. background: #fff;
  8947. border: 1px solid rgba(0, 0, 0, 0.1);
  8948. max-height: 300px;
  8949. overflow: auto;
  8950. }
  8951.  
  8952. .ipsSelectTree_nodes [data-role="nodeList"] .ipsTabs_panel {
  8953. min-height: 264px;
  8954. }
  8955.  
  8956. .ipsSelectTree_nodes [data-role="nodeList"] li {
  8957. position: relative;
  8958. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  8959. }
  8960.  
  8961. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item {
  8962. padding: 7px 25px 7px 22px;
  8963. }
  8964.  
  8965. html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item {
  8966. padding: 7px 22px 7px 25px;
  8967. }
  8968.  
  8969. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_withChildren {
  8970. padding: 7px 4px;
  8971. }
  8972.  
  8973. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:not( .ipsSelectTree_itemDisabled):hover {
  8974. background: #ebf4f9;
  8975. }
  8976.  
  8977. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:not( .ipsSelectTree_itemDisabled).ipsSelectTree_selected:hover {
  8978. background: #333333;
  8979. }
  8980.  
  8981. .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
  8982. border-top: 1px solid rgba(0, 0, 0, 0.05);
  8983. }
  8984.  
  8985. html[dir="ltr"] .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
  8986. margin-left: 15px;
  8987. border-left: 1px dotted rgba(0, 0, 0, 0.2);
  8988. }
  8989.  
  8990. html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
  8991. margin-right: 15px;
  8992. border-right: 1px dotted rgba(0, 0, 0, 0.2);
  8993. }
  8994.  
  8995. .ipsSelectTree_nodes [data-role="nodeList"] li:last-child {
  8996. border: 0;
  8997. }
  8998.  
  8999. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_toggle {
  9000. width: 16px;
  9001. height: 19px;
  9002. display: inline-block;
  9003. color: inherit;
  9004. position: relative;
  9005. vertical-align: middle;
  9006. float: left;
  9007. }
  9008.  
  9009. html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_toggle {
  9010. float: right;
  9011. }
  9012.  
  9013. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_toggle+[data-role="nodeTitle"] {
  9014. display: block;
  9015. }
  9016.  
  9017. html[dir="ltr"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_toggle+[data-role="nodeTitle"] {
  9018. margin-left: 20px;
  9019. }
  9020.  
  9021. html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_toggle+[data-role="nodeTitle"] {
  9022. margin-right: 20px;
  9023. }
  9024.  
  9025. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item>.ipsSelectTree_toggle:before {
  9026. text-align: center;
  9027. font-size: 11px;
  9028. display: block;
  9029. width: 20px;
  9030. height: 19px;
  9031. position: absolute;
  9032. top: 0;
  9033. content: '\f04b';
  9034. font-family: 'FontAwesome';
  9035. }
  9036.  
  9037. html[dir="ltr"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item>.ipsSelectTree_toggle:before {
  9038. left: 0;
  9039. }
  9040.  
  9041. html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item>.ipsSelectTree_toggle:before {
  9042. right: 0;
  9043. }
  9044.  
  9045. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_itemOpen>.ipsSelectTree_toggle:before {
  9046. -webkit-transform: rotate(90deg);
  9047. -moz-transform: rotate(90deg);
  9048. -ms-transform: rotate(90deg);
  9049. -o-transform: rotate(90deg);
  9050. transform: rotate(90deg);
  9051. }
  9052.  
  9053. html[dir="ltr"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_itemOpen>.ipsSelectTree_toggle:before {
  9054. left: -2px;
  9055. }
  9056.  
  9057. html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_itemOpen>.ipsSelectTree_toggle:before {
  9058. right: -2px;
  9059. }
  9060.  
  9061. .ipsSelectTree_nodes [data-role="nodeList"] .ipsTabs li {
  9062. border-bottom: 0;
  9063. }
  9064.  
  9065. .ipsSelectTree_selected {
  9066. background: #474747;
  9067. color: #fff;
  9068. }
  9069.  
  9070. .ipsSelectTree_selected:after {
  9071. content: '\f00c';
  9072. font-family: 'FontAwesome';
  9073. position: absolute;
  9074. top: 7px;
  9075. color: #fff;
  9076. }
  9077.  
  9078. html[dir="ltr"] .ipsSelectTree_selected:after {
  9079. right: 7px;
  9080. }
  9081.  
  9082. html[dir="rtl"] .ipsSelectTree_selected:after {
  9083. left: 7px;
  9084. }
  9085.  
  9086. .ipsSelectTree_itemDisabled>[data-role="nodeTitle"] {
  9087. color: #a6a6a6;
  9088. cursor: default;
  9089. }
  9090.  
  9091. .ipsSelectTree_placeholder {
  9092. color: #909090;
  9093. }
  9094.  
  9095. .ipsSelectTree_search {
  9096. margin-top: 7px;
  9097. position: relative;
  9098. }
  9099.  
  9100. .ipsApp .ipsSelectTree_search input {
  9101. border: 1px solid rgba(0, 0, 0, 0.3);
  9102. font-size: 12px;
  9103. }
  9104.  
  9105. html[dir="ltr"] .ipsApp .ipsSelectTree_search input {
  9106. padding-left: 26px;
  9107. }
  9108.  
  9109. html[dir="rtl"] .ipsApp .ipsSelectTree_search input {
  9110. padding-right: 26px;
  9111. }
  9112.  
  9113. .ipsSelectTree_search:after {
  9114. content: '\f002';
  9115. font-family: "FontAwesome";
  9116. position: absolute;
  9117. top: 7px;
  9118. }
  9119.  
  9120. html[dir="ltr"] .ipsSelectTree_search:after {
  9121. left: 7px;
  9122. }
  9123.  
  9124. html[dir="rtl"] .ipsSelectTree_search:after {
  9125. right: 7px;
  9126. }
  9127.  
  9128. .ipsForm_noLabels .ipsFieldRow_label,
  9129. .ipsForm_noLabels .ipsFieldRow_title,
  9130. .ipsForm_noLabels .ipsFieldRow:not( .ipsFieldRow_checkbox) .ipsFieldRow_label,
  9131. .ipsForm_noLabels .ipsFieldRow:not( .ipsFieldRow_checkbox) .ipsFieldRow_title {
  9132. display: none;
  9133. }
  9134.  
  9135. input.ipsField_vle {
  9136. color: black;
  9137. font-weight: normal;
  9138. }
  9139.  
  9140. html[dir="rtl"] #recaptcha_table:not( .recaptcha_theme_clean) {
  9141. direction: ltr !important;
  9142. }
  9143.  
  9144. _:-ms-input-placeholder,
  9145. :root .cke_source {
  9146. min-width: 100% !important;
  9147. }
  9148.  
  9149. .ipsForm_meter {
  9150. max-width: 350px;
  9151. width: 100%;
  9152. height: 7px;
  9153. display: block;
  9154. margin-top: 7px;
  9155. border-radius: 2px;
  9156. }
  9157.  
  9158. .ipsForm_meterAdvice {
  9159. font-size: 10px;
  9160. font-weight: bold;
  9161. display: block;
  9162. }
  9163.  
  9164. .ipsForm_meter[data-adviceValue="1"]+.ipsForm_meterAdvice {
  9165. color: #C62828;
  9166. }
  9167.  
  9168. .ipsForm_meter[data-adviceValue="2"]+.ipsForm_meterAdvice {
  9169. color: #D84315;
  9170. }
  9171.  
  9172. .ipsForm_meter[data-adviceValue="3"]+.ipsForm_meterAdvice {
  9173. color: #FF8F00;
  9174. }
  9175.  
  9176. .ipsForm_meter[data-adviceValue="4"]+.ipsForm_meterAdvice {
  9177. color: #9E9D24;
  9178. }
  9179.  
  9180. .ipsForm_meter[data-adviceValue="5"]+.ipsForm_meterAdvice {
  9181. color: #2E7D32;
  9182. }
  9183.  
  9184. .ipsForm_meter::-webkit-meter-bar {
  9185. background: none;
  9186. border-radius: 2px;
  9187. background-color: #f0f0f0;
  9188. }
  9189.  
  9190. .ipsForm_meter[data-adviceValue="1"]::-webkit-meter-optimum-value {
  9191. background: #C62828;
  9192. }
  9193.  
  9194. .ipsForm_meter[data-adviceValue="2"]::-webkit-meter-optimum-value {
  9195. background: #D84315;
  9196. }
  9197.  
  9198. .ipsForm_meter[data-adviceValue="3"]::-webkit-meter-optimum-value {
  9199. background: #FF8F00;
  9200. }
  9201.  
  9202. .ipsForm_meter[data-adviceValue="4"]::-webkit-meter-optimum-value {
  9203. background: #9E9D24;
  9204. }
  9205.  
  9206. .ipsForm_meter[data-adviceValue="5"]::-webkit-meter-optimum-value {
  9207. background: #2E7D32;
  9208. }
  9209.  
  9210. .ipsForm_meter[data-adviceValue="1"]::-moz-meter-bar {
  9211. background: #C62828;
  9212. }
  9213.  
  9214. .ipsForm_meter[data-adviceValue="2"]::-moz-meter-bar {
  9215. background: #D84315;
  9216. }
  9217.  
  9218. .ipsForm_meter[data-adviceValue="3"]::-moz-meter-bar {
  9219. background: #FF8F00;
  9220. }
  9221.  
  9222. .ipsForm_meter[data-adviceValue="4"]::-moz-meter-bar {
  9223. background: #9E9D24;
  9224. }
  9225.  
  9226. .ipsForm_meter[data-adviceValue="5"]::-moz-meter-bar {
  9227. background: #2E7D32;
  9228. }
  9229.  
  9230. [data-role="cropper"] {
  9231. margin: 0 auto;
  9232. max-width: 100%;
  9233. }
  9234.  
  9235. .ipsForm_cropper {
  9236. max-width: 100%;
  9237. }
  9238.  
  9239. .ipsForm_cropper>img {
  9240. max-width: 100%;
  9241. }
  9242.  
  9243. .pac-container {
  9244. z-index: 100000;
  9245. }
  9246.  
  9247. .cropper-container {
  9248. position: relative;
  9249. overflow: hidden;
  9250. -webkit-user-select: none;
  9251. -moz-user-select: none;
  9252. -ms-user-select: none;
  9253. user-select: none;
  9254. -webkit-tap-highlight-color: transparent;
  9255. -webkit-touch-callout: none
  9256. }
  9257.  
  9258. .cropper-container img {
  9259. display: block;
  9260. width: 100%;
  9261. min-width: 0!important;
  9262. max-width: none!important;
  9263. height: 100%;
  9264. min-height: 0!important;
  9265. max-height: none!important
  9266. }
  9267.  
  9268. .cropper-canvas,
  9269. .cropper-modal {
  9270. position: absolute;
  9271. top: 0;
  9272. right: 0;
  9273. bottom: 0;
  9274. left: 0
  9275. }
  9276.  
  9277. .cropper-canvas {
  9278. background-color: #fff;
  9279. filter: alpha(opacity=0);
  9280. opacity: 0
  9281. }
  9282.  
  9283. .cropper-modal {
  9284. background-color: #000;
  9285. filter: alpha(opacity=50);
  9286. opacity: .5
  9287. }
  9288.  
  9289. .cropper-cropbox {
  9290. position: absolute;
  9291. top: 10%;
  9292. left: 10%;
  9293. width: 80%;
  9294. height: 80%
  9295. }
  9296.  
  9297. .cropper-viewer {
  9298. display: block;
  9299. width: 100%;
  9300. height: 100%;
  9301. overflow: hidden;
  9302. outline: #69f solid 1px;
  9303. outline-color: rgba(102, 153, 255, .75)
  9304. }
  9305.  
  9306. .cropper-dashed {
  9307. position: absolute;
  9308. display: block;
  9309. filter: alpha(opacity=50);
  9310. border: 0 dashed #fff;
  9311. opacity: .5
  9312. }
  9313.  
  9314. .cropper-dashed.dashed-h {
  9315. top: 33.33333333%;
  9316. left: 0;
  9317. width: 100%;
  9318. height: 33.33333333%;
  9319. border-top-width: 1px;
  9320. border-bottom-width: 1px
  9321. }
  9322.  
  9323. .cropper-dashed.dashed-v {
  9324. top: 0;
  9325. left: 33.33333333%;
  9326. width: 33.33333333%;
  9327. height: 100%;
  9328. border-right-width: 1px;
  9329. border-left-width: 1px
  9330. }
  9331.  
  9332. .cropper-face,
  9333. .cropper-line,
  9334. .cropper-point {
  9335. position: absolute;
  9336. display: block;
  9337. width: 100%;
  9338. height: 100%;
  9339. filter: alpha(opacity=10);
  9340. opacity: .1
  9341. }
  9342.  
  9343. .cropper-face {
  9344. top: 0;
  9345. left: 0;
  9346. cursor: move;
  9347. background-color: #fff
  9348. }
  9349.  
  9350. .cropper-line {
  9351. background-color: #69f
  9352. }
  9353.  
  9354. .cropper-line.line-e {
  9355. top: 0;
  9356. right: -3px;
  9357. width: 5px;
  9358. cursor: e-resize
  9359. }
  9360.  
  9361. .cropper-line.line-n {
  9362. top: -3px;
  9363. left: 0;
  9364. height: 5px;
  9365. cursor: n-resize
  9366. }
  9367.  
  9368. .cropper-line.line-w {
  9369. top: 0;
  9370. left: -3px;
  9371. width: 5px;
  9372. cursor: w-resize
  9373. }
  9374.  
  9375. .cropper-line.line-s {
  9376. bottom: -3px;
  9377. left: 0;
  9378. height: 5px;
  9379. cursor: s-resize
  9380. }
  9381.  
  9382. .cropper-point {
  9383. width: 5px;
  9384. height: 5px;
  9385. background-color: #69f;
  9386. filter: alpha(opacity=75);
  9387. opacity: .75
  9388. }
  9389.  
  9390. .cropper-point.point-e {
  9391. top: 50%;
  9392. right: -3px;
  9393. margin-top: -3px;
  9394. cursor: e-resize
  9395. }
  9396.  
  9397. .cropper-point.point-n {
  9398. top: -3px;
  9399. left: 50%;
  9400. margin-left: -3px;
  9401. cursor: n-resize
  9402. }
  9403.  
  9404. .cropper-point.point-w {
  9405. top: 50%;
  9406. left: -3px;
  9407. margin-top: -3px;
  9408. cursor: w-resize
  9409. }
  9410.  
  9411. .cropper-point.point-s {
  9412. bottom: -3px;
  9413. left: 50%;
  9414. margin-left: -3px;
  9415. cursor: s-resize
  9416. }
  9417.  
  9418. .cropper-point.point-ne {
  9419. top: -3px;
  9420. right: -3px;
  9421. cursor: ne-resize
  9422. }
  9423.  
  9424. .cropper-point.point-nw {
  9425. top: -3px;
  9426. left: -3px;
  9427. cursor: nw-resize
  9428. }
  9429.  
  9430. .cropper-point.point-sw {
  9431. bottom: -3px;
  9432. left: -3px;
  9433. cursor: sw-resize
  9434. }
  9435.  
  9436. .cropper-point.point-se {
  9437. right: -3px;
  9438. bottom: -3px;
  9439. width: 20px;
  9440. height: 20px;
  9441. cursor: se-resize;
  9442. filter: alpha(opacity=100);
  9443. opacity: 1
  9444. }
  9445.  
  9446. .cropper-point.point-se:before {
  9447. position: absolute;
  9448. right: -50%;
  9449. bottom: -50%;
  9450. display: block;
  9451. width: 200%;
  9452. height: 200%;
  9453. content: " ";
  9454. background-color: #69f;
  9455. filter: alpha(opacity=0);
  9456. opacity: 0
  9457. }
  9458.  
  9459. @media (min-width:768px) {
  9460. .cropper-point.point-se {
  9461. width: 15px;
  9462. height: 15px
  9463. }
  9464. }
  9465.  
  9466. @media (min-width:992px) {
  9467. .cropper-point.point-se {
  9468. width: 10px;
  9469. height: 10px
  9470. }
  9471. }
  9472.  
  9473. @media (min-width:1200px) {
  9474. .cropper-point.point-se {
  9475. width: 5px;
  9476. height: 5px;
  9477. filter: alpha(opacity=75);
  9478. opacity: .75
  9479. }
  9480. }
  9481.  
  9482. .cropper-bg {
  9483. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
  9484. }
  9485.  
  9486. .cropper-invisible {
  9487. filter: alpha(opacity=0);
  9488. opacity: 0
  9489. }
  9490.  
  9491. .cropper-hide {
  9492. position: fixed;
  9493. top: 0;
  9494. left: 0;
  9495. z-index: -1;
  9496. width: auto!important;
  9497. max-width: none!important;
  9498. height: auto!important;
  9499. max-height: none!important;
  9500. filter: alpha(opacity=0);
  9501. opacity: 0
  9502. }
  9503.  
  9504. .cropper-hidden {
  9505. display: none!important
  9506. }
  9507.  
  9508. .cropper-move {
  9509. cursor: move
  9510. }
  9511.  
  9512. .cropper-crop {
  9513. cursor: crosshair
  9514. }
  9515.  
  9516. .cropper-disabled .cropper-canvas,
  9517. .cropper-disabled .cropper-face,
  9518. .cropper-disabled .cropper-line,
  9519. .cropper-disabled .cropper-point {
  9520. cursor: not-allowed
  9521. }
  9522.  
  9523. @-webkit-viewport {
  9524. width: device-width;
  9525. }
  9526.  
  9527. @-moz-viewport {
  9528. width: device-width;
  9529. }
  9530.  
  9531. @-ms-viewport {
  9532. width: device-width;
  9533. }
  9534.  
  9535. @-o-viewport {
  9536. width: device-width;
  9537. }
  9538.  
  9539. @-viewport {
  9540. width: device-width;
  9541. }
  9542.  
  9543. *,
  9544. .ipsApp input[type="search"] {
  9545. -webkit-box-sizing: border-box;
  9546. -moz-box-sizing: border-box;
  9547. box-sizing: border-box;
  9548. }
  9549.  
  9550. html {
  9551. min-height: 100%;
  9552. position: relative;
  9553. }
  9554.  
  9555. .acpAppList #elLogo img {
  9556. background-image: url("https://i.imgur.com/OldDfDH.png") !important;
  9557. }
  9558.  
  9559. body {
  9560. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  9561. font-size: 13px;
  9562. line-height: 18px;
  9563. color: #ffffff;
  9564. height: 100%;
  9565. background-color: #111318;
  9566. margin: 0;
  9567. }
  9568.  
  9569. span.ipsEmoji,
  9570. div.ipsEmoji {
  9571. font-weight: normal;
  9572. font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  9573. }
  9574.  
  9575. img.ipsEmoji {
  9576. height: 1.25em;
  9577. width: 1.25em;
  9578. margin: 0 .05em 0 .1em;
  9579. vertical-align: -0.1em;
  9580. }
  9581.  
  9582. main {
  9583. display: block;
  9584. }
  9585.  
  9586. .ipsLayout_noBackground {
  9587. background: none;
  9588. }
  9589.  
  9590. body.ipsNoScroll {
  9591. overflow: hidden;
  9592. }
  9593.  
  9594. a {
  9595. color: #ff6236;
  9596. text-decoration: none;
  9597. }
  9598.  
  9599. a:hover {
  9600. color: #fb4430;
  9601. }
  9602.  
  9603. a:active,
  9604. a:focus,
  9605. a:hover {
  9606. outline: 0 !important;
  9607. }
  9608.  
  9609. img {
  9610. vertical-align: middle;
  9611. }
  9612.  
  9613. .ipsApp fieldset {
  9614. border: 0;
  9615. }
  9616.  
  9617. html[dir="rtl"] i.fa[class$="-right"],
  9618. html[dir="rtl"] i.fa[class$="-left"],
  9619. html[dir="rtl"] i.fa[class$="-reply"],
  9620. html[dir="rtl"] i.fa[class$="-forward"],
  9621. html[dir="rtl"] i.fa[class$="-backward"] {
  9622. -webkit-transform: scaleX(-1);
  9623. -moz-transform: scaleX(-1);
  9624. -ms-transform: scaleX(-1);
  9625. -o-transform: scaleX(-1);
  9626. transform: scaleX(-1);
  9627. filter: FlipH;
  9628. -ms-filter: "FlipH";
  9629. }
  9630.  
  9631. #elSiteTitle {
  9632. color: #fff;
  9633. font-size: 28px;
  9634. line-height: 58px;
  9635. text-decoration: none;
  9636. font-weight: 300;
  9637. -webkit-font-smoothing: antialiased;
  9638. }
  9639.  
  9640. #elLogo img {
  9641. max-width: 100%;
  9642. }
  9643.  
  9644. #elMobileNav {
  9645. background: #15181e;
  9646. position: relative;
  9647. }
  9648.  
  9649. #ipsLayout_header nav ul li.ipsHide,
  9650. #ipsLayout_header #elMobileNav li.ipsHide {
  9651. display: none;
  9652. }
  9653.  
  9654. #ipsLayout_mainNav>li>a {
  9655. display: block;
  9656. position: relative;
  9657. font-size: 13px;
  9658. color: #fff;
  9659. text-decoration: none;
  9660. padding: 0 20px;
  9661. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  9662. }
  9663.  
  9664. #ipsLayout_mainNav>li>a .ipsNotificationCount {
  9665. top: -3px;
  9666. }
  9667.  
  9668. html[dir="ltr"] #ipsLayout_mainNav>li>a .ipsNotificationCount {
  9669. right: -3px;
  9670. }
  9671.  
  9672. html[dir="rtl"] #ipsLayout_mainNav>li>a .ipsNotificationCount {
  9673. left: -3px;
  9674. }
  9675.  
  9676. #ipsLayout_header nav a.ipsNavActive {
  9677. color: #fff;
  9678. text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
  9679. background: rgba(0, 0, 0, 0.3);
  9680. font-weight: bold;
  9681. opacity: 1;
  9682. }
  9683.  
  9684. #ipsLayout_header nav a.ipsNavActive.ipsNavActive_menu {
  9685. background: rgba(0, 0, 0, 0.5);
  9686. }
  9687.  
  9688. #ipsLayout_header header {
  9689. padding: 5px 0;
  9690. background-color: #15181e;
  9691. padding-bottom: 40px;
  9692. }
  9693.  
  9694. #ipsLayout_header header>.ipsLayout_container {
  9695. min-height: 60px;
  9696. }
  9697.  
  9698. #ipsLayout_header nav {
  9699. background: #1a1d24;
  9700. height: 40px;
  9701. }
  9702.  
  9703. #ipsLayout_header nav.ipsNavBar_noSubBars,
  9704. .ipsLayout_minimal #ipsLayout_header nav {
  9705. height: auto;
  9706. background: transparent;
  9707. margin-top: -40px;
  9708. }
  9709.  
  9710. #ipsLayout_header nav.ipsNavBar_noSubBars:after {
  9711. content: '';
  9712. position: absolute;
  9713. width: 100%;
  9714. height: 10px;
  9715. bottom: 0;
  9716. left: 0;
  9717. right: 0;
  9718. background: #1a1d24;
  9719. }
  9720.  
  9721. body.ipsLayout_minimal.ipsLayout_minimalNoHome #ipsLayout_header header {
  9722. padding-bottom: 0;
  9723. }
  9724.  
  9725. body.ipsLayout_minimal.ipsLayout_minimalNoHome #ipsLayout_header nav {
  9726. display: none;
  9727. }
  9728.  
  9729. #ipsLayout_mainNav>li>a {
  9730. opacity: 0.6;
  9731. }
  9732.  
  9733. #ipsLayout_mainNav>li>a:hover {
  9734. opacity: 1;
  9735. color: #fff;
  9736. }
  9737.  
  9738. #ipsLayout_mobileNav {
  9739. display: none;
  9740. }
  9741.  
  9742. #elAjaxLoading {
  9743. background: #323232;
  9744. width: 150px;
  9745. padding: 15px;
  9746. color: #fff;
  9747. position: fixed;
  9748. bottom: 15px;
  9749. border-radius: 4px;
  9750. font-size: 16px;
  9751. text-align: center;
  9752. z-index: 15000;
  9753. }
  9754.  
  9755. html[dir="ltr"] #elAjaxLoading {
  9756. left: 50%;
  9757. margin-left: -75px;
  9758. }
  9759.  
  9760. html[dir="rtl"] #elAjaxLoading {
  9761. right: 50%;
  9762. margin-right: -75px;
  9763. }
  9764.  
  9765. html[dir="ltr"] #elAjaxLoading img {
  9766. margin-right: 20px;
  9767. }
  9768.  
  9769. html[dir="rtl"] #elAjaxLoading img {
  9770. margin-left: 20px;
  9771. }
  9772.  
  9773. #elSearch {
  9774. border-radius: 20px;
  9775. padding: 4px 10px 4px 10px;
  9776. background: #fff;
  9777. margin: 0;
  9778. height: 26px;
  9779. width: 170px;
  9780. position: relative;
  9781. }
  9782.  
  9783. html[dir="ltr"] #elSearch {
  9784. margin-right: 5px;
  9785. }
  9786.  
  9787. html[dir="rtl"] #elSearch {
  9788. margin-left: 5px;
  9789. }
  9790.  
  9791. #elSearch input:-webkit-autofill {
  9792. height: 26px !important;
  9793. }
  9794.  
  9795. #elSearchExpanded {
  9796. background: white;
  9797. width: 280px;
  9798. position: absolute;
  9799. top: 36px;
  9800. box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  9801. border: 1px solid #ddd;
  9802. border-top: 0px;
  9803. border-radius: 0px 0px 4px 4px;
  9804. z-index: 10000;
  9805. display: none;
  9806. padding: 10px 10px 10px 10px;
  9807. background: #fff;
  9808. }
  9809.  
  9810. html[dir="ltr"] #elSearchExpanded {
  9811. right: -12px;
  9812. }
  9813.  
  9814. html[dir="rtl"] #elSearchExpanded {
  9815. left: -12px;
  9816. }
  9817.  
  9818. #elSearch input[type="search"] {
  9819. background: transparent;
  9820. box-shadow: none;
  9821. font-size: 13px;
  9822. position: absolute;
  9823. border: 0px;
  9824. width: 130px;
  9825. line-height: 28px;
  9826. height: 28px;
  9827. z-index: 20000;
  9828. top: 0px;
  9829. padding: 0px 0px 0px 7px;
  9830. }
  9831.  
  9832. html[dir="rtl"] #elSearch input[type="search"] {
  9833. padding: 0px 7px 0px 0px;
  9834. }
  9835.  
  9836. #elSearchWrapper .cSearchSubmit {
  9837. float: right;
  9838. border: 0px;
  9839. background: transparent;
  9840. cursor: pointer;
  9841. }
  9842.  
  9843. html[dir="rtl"] #elSearchWrapper .cSearchSubmit {
  9844. float: left;
  9845. }
  9846.  
  9847. #elSearchWrapper.cSearchExpanded {
  9848. padding: 10px 6px 10px 10px;
  9849. background: rgba( 255, 255, 255, 0.2);
  9850. border-radius: 4px 4px 0px 0px;
  9851. margin: -10px -6px 0px -10px;
  9852. }
  9853.  
  9854. html[dir="rtl"] #elSearchWrapper.cSearchExpanded {
  9855. padding: 10px 10px 10px 6px;
  9856. margin: -10px -10px 0px -6px;
  9857. }
  9858.  
  9859. #elNavigationSearch {
  9860. float: right;
  9861. }
  9862.  
  9863. html[dir="rtl"] #elNavigationSearch {
  9864. float: left;
  9865. }
  9866.  
  9867. #elSearchExpanded .ipsSideMenu_list {
  9868. margin: 0px 0px 15px 0px;
  9869. background: #f5f5f5;
  9870. border: 1px solid #ddd;
  9871. border-radius: 0px 0px 4px 4px;
  9872. font-size: 12px !important;
  9873. }
  9874.  
  9875. #elSearchExpanded .ipsSideMenu_list:last-child {
  9876. margin: 0px 0px 5px 0px;
  9877. }
  9878.  
  9879. #elSearchExpanded label {
  9880. font-size: 12px !important;
  9881. cursor: pointer;
  9882. }
  9883.  
  9884. #elSearchExpanded .ipsMenu_title {
  9885. font-weight: bold;
  9886. border-radius: 4px 4px 0px 0px;
  9887. border: 1px solid #ddd;
  9888. background: #e5e5e5;
  9889. padding: 10px;
  9890. margin-bottom: 0px;
  9891. border-bottom: 0px;
  9892. }
  9893.  
  9894. #elUserNav {
  9895. position: absolute;
  9896. top: 10px;
  9897. line-height: 36px;
  9898. text-decoration: none;
  9899. }
  9900.  
  9901. #elFooterSocialLinks {
  9902. line-height: 36px;
  9903. text-decoration: none;
  9904. }
  9905.  
  9906. #elUserNav .ipsType_medium {
  9907. line-height: inherit;
  9908. }
  9909.  
  9910. html[dir="ltr"] #elUserNav {
  9911. right: 20px;
  9912. }
  9913.  
  9914. html[dir="rtl"] #elUserNav {
  9915. left: 20px;
  9916. }
  9917.  
  9918. #elUserNav.cSignedOut {
  9919. line-height: 15px;
  9920. }
  9921.  
  9922. #elUserNav>li>a,
  9923. #elFooterSocialLinks>li>a {
  9924. color: #fff;
  9925. font-size: 13px;
  9926. vertical-align: middle;
  9927. line-height: 1;
  9928. }
  9929.  
  9930. #elUserNav>li>a .fa,
  9931. #elUserNav_mobile>li>a .fa,
  9932. #elFooterSocialLinks>li>a .fa {
  9933. font-size: 20px;
  9934. }
  9935.  
  9936. #elUserNav>li>a .fa-caret-down,
  9937. #elUserNav>li>a .fa-plus {
  9938. font-size: 14px;
  9939. }
  9940.  
  9941. .cUserNav_icon a {
  9942. display: block;
  9943. position: relative;
  9944. color: #fff;
  9945. }
  9946.  
  9947. #elUserNav>li>a#elRegisterButton {
  9948. color: #ffffff;
  9949. }
  9950.  
  9951. .elUserNav_sep {
  9952. border-right: 2px solid rgba(255, 255, 255, 0.1);
  9953. height: 36px;
  9954. width: 0;
  9955. display: block;
  9956. }
  9957.  
  9958. #cUserLink .ipsUserPhoto {
  9959. padding: 0;
  9960. }
  9961.  
  9962. html[dir="ltr"] #cUserLink .ipsUserPhoto {
  9963. margin-right: 5px;
  9964. }
  9965.  
  9966. html[dir="rtl"] #cUserLink .ipsUserPhoto {
  9967. margin-left: 5px;
  9968. }
  9969.  
  9970. #cUserLink .ipsUserPhoto img {
  9971. width: 26px;
  9972. height: 26px;
  9973. }
  9974.  
  9975. #elUserNav_mobile {
  9976. text-align: center;
  9977. padding: 20px 0;
  9978. }
  9979.  
  9980. html[dir="ltr"] #cRegisterButton {
  9981. margin-left: 20px;
  9982. }
  9983.  
  9984. html[dir="rtl"] #cRegisterButton {
  9985. margin-right: 20px;
  9986. }
  9987.  
  9988. #elCart .ipsNotificationCount {
  9989. left: 10px;
  9990. right: auto;
  9991. }
  9992.  
  9993. #elFlashMessage {
  9994. background: rgba(0, 0, 0, 0.9);
  9995. color: #fff;
  9996. position: fixed;
  9997. width: 600px;
  9998. font-size: 15px;
  9999. border-radius: 4px;
  10000. text-align: center;
  10001. }
  10002.  
  10003. #elFlashMessage:not( .ipsPad_half) {
  10004. padding: 15px;
  10005. }
  10006.  
  10007. html[dir="ltr"] #elFlashMessage {
  10008. left: 50%;
  10009. margin-left: -300px;
  10010. }
  10011.  
  10012. html[dir="rtl"] #elFlashMessage {
  10013. right: 50%;
  10014. margin-right: -300px;
  10015. }
  10016.  
  10017. #elFlashMessage.ipsFlashMsg_top {
  10018. top: 20px;
  10019. }
  10020.  
  10021. #elFlashMessage.ipsFlashMsg_bottom {
  10022. bottom: 20px;
  10023. }
  10024.  
  10025. #elFlashMessage [data-action='dismissFlashMessage'] {
  10026. display: none;
  10027. }
  10028.  
  10029. #elFlashMessage.ipsFlashMsg_dismissable [data-action='dismissFlashMessage'] {
  10030. display: block;
  10031. position: absolute;
  10032. top: -10px;
  10033. right: -10px;
  10034. border-radius: 30px;
  10035. width: 30px;
  10036. height: 30px;
  10037. line-height: 30px;
  10038. color: #fff;
  10039. background: #000;
  10040. font-family: arial, sans-serif;
  10041. text-align: center;
  10042. font-size: 20px;
  10043. border: 0;
  10044. }
  10045.  
  10046. #elFlashMessage a {
  10047. color: #fff;
  10048. border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  10049. }
  10050.  
  10051. #elFlashMessage a:hover {
  10052. color: #fff;
  10053. }
  10054.  
  10055. .ipsModal.ipsDrawer_modal {
  10056. background: rgba(30, 30, 30, 0.4);
  10057. overflow: hidden !important;
  10058. }
  10059.  
  10060. .ipsDrawer,
  10061. .ipsDrawer_menu,
  10062. .ipsDrawer_content {
  10063. overflow: auto;
  10064. }
  10065.  
  10066. .ipsDrawer {
  10067. position: fixed;
  10068. top: 0;
  10069. left: 0;
  10070. bottom: 0;
  10071. right: 0;
  10072. }
  10073.  
  10074. .ipsDrawer_menu {
  10075. position: absolute;
  10076. top: 0;
  10077. bottom: 0;
  10078. width: 280px;
  10079. background: #11171c;
  10080. box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
  10081. }
  10082.  
  10083. html[dir="ltr"] .ipsDrawer_menu {
  10084. right: 0;
  10085. }
  10086.  
  10087. html[dir="rtl"] .ipsDrawer_menu {
  10088. left: 0;
  10089. }
  10090.  
  10091. .ipsDrawer_content {
  10092. position: absolute;
  10093. top: 0;
  10094. left: 0;
  10095. bottom: 0;
  10096. right: 0;
  10097. }
  10098.  
  10099. .ipsDrawer_close {
  10100. background: #11171c;
  10101. width: 40px;
  10102. height: 40px;
  10103. border-radius: 40px;
  10104. color: #fff;
  10105. text-align: center;
  10106. font-size: 24px;
  10107. display: block;
  10108. position: absolute;
  10109. top: 5px;
  10110. z-index: 2000;
  10111. }
  10112.  
  10113. html[dir="ltr"] .ipsDrawer_close {
  10114. right: 285px;
  10115. }
  10116.  
  10117. html[dir="rtl"] .ipsDrawer_close {
  10118. left: 285px;
  10119. }
  10120.  
  10121. .ipsDrawer_close>span {
  10122. font-family: arial, sans-serif;
  10123. line-height: 40px;
  10124. }
  10125.  
  10126. .ipsDrawer_list {
  10127. width: 100%;
  10128. position: relative;
  10129. list-style: none;
  10130. padding: 0 0 30px 0;
  10131. margin: 0;
  10132. }
  10133.  
  10134. .ipsDrawer_list>li>a:not( .ipsButton),
  10135. .ipsDrawer_list>li:not( .ipsDrawer_itemParent)>a:not( .ipsButton) {
  10136. color: #fff;
  10137. display: block;
  10138. padding: 10px 15px;
  10139. border-bottom: 1px solid #000;
  10140. border-top: 1px solid rgba(255, 255, 255, 0.05);
  10141. }
  10142.  
  10143. .ipsDrawer_list>li>a:active {
  10144. background: #000;
  10145. }
  10146.  
  10147. .ipsDrawer_itemParent>.ipsDrawer_list>li>a:not( .ipsButton) {
  10148. padding: 10px 30px;
  10149. }
  10150.  
  10151. .ipsDrawer_section {
  10152. color: rgba(255, 255, 255, 0.4);
  10153. font-size: 11px;
  10154. padding: 15px 30px 5px;
  10155. text-transform: uppercase;
  10156. }
  10157.  
  10158. .ipsDrawer_itemParent>h4 {
  10159. font-weight: normal;
  10160. color: #fff;
  10161. padding: 10px 15px;
  10162. position: relative;
  10163. cursor: pointer;
  10164. margin: 0;
  10165. border-bottom: 1px solid #000;
  10166. border-top: 1px solid rgba(255, 255, 255, 0.05);
  10167. }
  10168.  
  10169. .ipsDrawer_itemParent>.ipsDrawer_list>.ipsDrawer_itemParent>h4 {
  10170. padding: 10px 30px;
  10171. }
  10172.  
  10173. html[dir="ltr"] .ipsDrawer_itemParent>h4:after {
  10174. content: "\f105";
  10175. right: 14px;
  10176. }
  10177.  
  10178. html[dir="rtl"] .ipsDrawer_itemParent>h4:after {
  10179. content: "\f104";
  10180. left: 14px;
  10181. }
  10182.  
  10183. .ipsDrawer_itemParent>h4>a {
  10184. color: inherit;
  10185. display: block;
  10186. }
  10187.  
  10188. .ipsDrawer_list .ipsDrawer_list {
  10189. position: absolute;
  10190. top: 0;
  10191. }
  10192.  
  10193. html[dir="ltr"] .ipsDrawer_list .ipsDrawer_list {
  10194. left: 100%;
  10195. }
  10196.  
  10197. html[dir="rtl"] .ipsDrawer_list .ipsDrawer_list {
  10198. right: 100%;
  10199. }
  10200.  
  10201. .ipsDrawer_list [data-action="back"] a {
  10202. position: relative;
  10203. background: #000;
  10204. color: #a9a9a9;
  10205. }
  10206.  
  10207. html[dir="ltr"] .ipsDrawer_list [data-action="back"] a {
  10208. padding-left: 30px;
  10209. }
  10210.  
  10211. html[dir="rtl"] .ipsDrawer_list [data-action="back"] a {
  10212. padding-right: 30px;
  10213. }
  10214.  
  10215. html[dir="ltr"] .ipsDrawer_list [data-action="back"] a:before {
  10216. content: "\f104";
  10217. left: 14px;
  10218. }
  10219.  
  10220. html[dir="rtl"] .ipsDrawer_list [data-action="back"] a:before {
  10221. content: "\f105";
  10222. right: 14px;
  10223. }
  10224.  
  10225. .ipsDrawer_itemParent>h4:after,
  10226. .ipsDrawer_list [data-action="back"] a:before {
  10227. font-family: "FontAwesome";
  10228. font-size: 20px;
  10229. position: absolute;
  10230. top: 50%;
  10231. margin-top: -10px;
  10232. }
  10233.  
  10234. .ipsDrawer_listTitle {
  10235. font-size: 14px;
  10236. background: rgba(255, 255, 255, 0.1);
  10237. padding: 10px;
  10238. color: #c8c8c8;
  10239. margin-top: 10px;
  10240. }
  10241.  
  10242. @media screen and (-webkit-min-device-pixel-ratio:2),
  10243. (min-resolution:192dpi) {
  10244. html[dir="ltr"] .ipsApp .ipsStepBar>.ipsStep>a,
  10245. html[dir="ltr"] .ipsApp .ipsStepBar>.ipsStep>span {
  10246. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_large@2x.png");
  10247. }
  10248. html[dir="rtl"] .ipsApp .ipsStepBar>.ipsStep>a,
  10249. html[dir="rtl"] .ipsApp .ipsStepBar>.ipsStep>span {
  10250. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_large_rtl@2x.png");
  10251. }
  10252. html[dir="ltr"] .ipsApp .ipsStepBar>.ipsStep+.ipsStep.ipsStep_active:after {
  10253. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_extra@2x.png");
  10254. }
  10255. html[dir="rtl"] .ipsApp .ipsStepBar>.ipsStep+.ipsStep.ipsStep_active:after {
  10256. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_extra_rtl@2x.png");
  10257. }
  10258. html[dir="ltr"] .ipsApp .ipsDataItem_subList {
  10259. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_subitem_stem@2x.png");
  10260. }
  10261. html[dir="rtl"] .ipsApp .ipsDataItem_subList {
  10262. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_subitem_stem_rtl@2x.png");
  10263. }
  10264. }
  10265.  
  10266. .ipsRedirect {
  10267. text-align: center;
  10268. }
  10269.  
  10270. .ipsRedirect_loading {
  10271. height: 100px;
  10272. }
  10273.  
  10274. .ipsRedirect_progress {
  10275. margin-bottom: 20px;
  10276. }
  10277.  
  10278. .ipsRedirectMessage {
  10279. margin: 50px;
  10280. }
  10281.  
  10282. .ipsRedirect_manualButton {
  10283. margin-top: 20px;
  10284. }
  10285.  
  10286. .ipsResponsive_showDesktop,
  10287. .ipsResponsive_showDesktop.ipsResponsive_inline {
  10288. display: inline !important;
  10289. }
  10290.  
  10291. .ipsResponsive_showDesktop.ipsResponsive_inlineBlock {
  10292. display: inline-block !important;
  10293. }
  10294.  
  10295. .ipsResponsive_showDesktop.ipsResponsive_block {
  10296. display: block !important;
  10297. }
  10298.  
  10299. .ipsResponsive_showPhone.ipsResponsive_inline,
  10300. .ipsResponsive_showPhone.ipsResponsive_inlineBlock,
  10301. .ipsResponsive_showPhone.ipsResponsive_block,
  10302. .ipsResponsive_showTablet.ipsResponsive_inline,
  10303. .ipsResponsive_showTablet.ipsResponsive_inlineBlock,
  10304. .ipsResponsive_showTablet.ipsResponsive_block,
  10305. .ipsResponsive_hideDesktop.ipsResponsive_inline,
  10306. .ipsResponsive_hideDesktop.ipsResponsive_inlineBlock,
  10307. .ipsResponsive_hideDesktop.ipsResponsive_block {
  10308. display: none !important;
  10309. }
  10310.  
  10311. #elNavLang_menu li button,
  10312. #elNavTheme_menu li button {
  10313. text-align: left;
  10314. }
  10315.  
  10316. #elLicenseKey {
  10317. margin: 0;
  10318. border-radius: 0;
  10319. font-size: 14px;
  10320. padding-right: 40px;
  10321. }
  10322.  
  10323. #elLicenseKey .ipsList_inline {
  10324. margin-top: 15px;
  10325. }
  10326.  
  10327. #elLicenseKey [data-role="closeMessage"] {
  10328. display: inline-block;
  10329. background: rgba(0, 0, 0, 0.6);
  10330. width: 30px;
  10331. height: 30px;
  10332. border-radius: 30px;
  10333. line-height: 28px;
  10334. text-align: center;
  10335. color: #fff;
  10336. border-bottom: 0;
  10337. font-size: 18px;
  10338. position: absolute;
  10339. right: 15px;
  10340. top: 15px;
  10341. }
  10342.  
  10343. #ipsLayout_body {
  10344. margin: 0 auto;
  10345. }
  10346.  
  10347. #ipsLayout_header {
  10348. position: relative;
  10349. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  10350. }
  10351.  
  10352. #ipsLayout_contentArea {
  10353. display: table;
  10354. width: 100%;
  10355. border-top: 0;
  10356. }
  10357.  
  10358. #ipsLayout_contentWrapper {
  10359. width: 100%;
  10360. background-color: transparent;
  10361. }
  10362.  
  10363. #ipsLayout_mainArea,
  10364. #ipsLayout_sidebar {
  10365. display: table-cell;
  10366. height: 100%;
  10367. vertical-align: top;
  10368. -webkit-box-sizing: border-box;
  10369. -moz-box-sizing: border-box;
  10370. -ms-box-sizing: border-box;
  10371. -o-box-sizing: border-box;
  10372. box-sizing: border-box;
  10373. }
  10374.  
  10375. #ipsLayout_mainArea:only-of-type {
  10376. display: block;
  10377. }
  10378.  
  10379. #ipsLayout_mainArea {
  10380. width: 100%;
  10381. min-height: 350px;
  10382. padding: 0px;
  10383. }
  10384.  
  10385. .ipsLayout_minimal #ipsLayout_mainArea {
  10386. padding-top: 15px;
  10387. padding-bottom: 15px;
  10388. }
  10389.  
  10390. #ipsLayout_sidebar {
  10391. min-width: 315px;
  10392. max-width: 315px;
  10393. padding: 10px 0 15px 0;
  10394. overflow: hidden;
  10395. border-radius: 0;
  10396. }
  10397.  
  10398. html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft,
  10399. html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
  10400. padding-right: 20px;
  10401. }
  10402.  
  10403. html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarright,
  10404. html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarleft {
  10405. padding-left: 20px;
  10406. }
  10407.  
  10408. body:not( .cWidgetsManaging) #ipsLayout_sidebar.ipsLayout_sidebarUnused,
  10409. body.ipsLayout_sidebarUnused:not( .cWidgetsManaging) #ipsLayout_sidebar {
  10410. min-width: 1px;
  10411. width: 0;
  10412. padding: 0 !important;
  10413. }
  10414.  
  10415. #ipsLayout_contentWrapper #ipsLayout_sidebar:first-child {
  10416. padding: 15px 15px 15px 15px;
  10417. }
  10418.  
  10419. #elContextualTools {
  10420. padding: 20px 15px 30px 15px;
  10421. margin: -15px -15px 10px -15px;
  10422. -webkit-transition: box-shadow 0.3s linear;
  10423. -moz-transition: box-shadow 0.3s linear;
  10424. -ms-transition: box-shadow 0.3s linear;
  10425. -o-transition: box-shadow 0.3s linear;
  10426. transition: box-shadow 0.3s linear;
  10427. }
  10428.  
  10429. #elContextualTools.ipsSticky {
  10430. margin-top: 0;
  10431. padding: 15px;
  10432. }
  10433.  
  10434. #ipsLayout_footer {
  10435. margin: 20px 0;
  10436. }
  10437.  
  10438. #ipsLayout_footer p {
  10439. margin: 0;
  10440. }
  10441.  
  10442. #ipsLayout_footer a,
  10443. #ipsLayout_footer p {
  10444. font-size: 14px;
  10445. text-decoration: none;
  10446. color: #686f7d;
  10447. }
  10448.  
  10449. #ipsLayout_footer #elCopyright {
  10450. opacity: 0.6;
  10451. font-size: 12px;
  10452. margin-top: 5px;
  10453. text-align: center;
  10454. }
  10455.  
  10456. #elCopyright_userLine {
  10457. display: block;
  10458. }
  10459.  
  10460. .ipsLayout_container {
  10461. max-width: 1340px;
  10462. padding: 0 15px;
  10463. margin: 0 auto;
  10464. position: relative;
  10465. }
  10466.  
  10467. .ipsLayout_minimal #ipsLayout_header #elUserNav,
  10468. .ipsLayout_minimal #elSearch,
  10469. .ipsLayout_minimal #ipsLayout_mainNav li,
  10470. .ipsLayout_minimal #elMobileNav,
  10471. .ipsLayout_minimal .ipsBreadcrumb {
  10472. display: none !important;
  10473. }
  10474.  
  10475. .ipsLayout_minimal .ipsLayout_container {
  10476. max-width: 1000px;
  10477. }
  10478.  
  10479. .ipsApp .ipsSpacer_top,
  10480. .ipsApp .ipsSpacer_both {
  10481. margin-top: 15px;
  10482. }
  10483.  
  10484. .ipsApp .ipsSpacer_top.ipsSpacer_double,
  10485. .ipsApp .ipsSpacer_both.ipsSpacer_double {
  10486. margin-top: 30px;
  10487. }
  10488.  
  10489. .ipsApp .ipsSpacer_top.ipsSpacer_half,
  10490. .ipsApp .ipsSpacer_both.ipsSpacer_half {
  10491. margin-top: 7px;
  10492. }
  10493.  
  10494. .ipsApp .ipsSpacer_bottom,
  10495. .ipsApp .ipsSpacer_both {
  10496. margin-bottom: 15px;
  10497. }
  10498.  
  10499. .ipsApp .ipsSpacer_bottom.ipsSpacer_double,
  10500. .ipsApp .ipsSpacer_both.ipsSpacer_double {
  10501. margin-bottom: 30px;
  10502. }
  10503.  
  10504. .ipsApp .ipsSpacer_bottom.ipsSpacer_half,
  10505. .ipsApp .ipsSpacer_both.ipsSpacer_half {
  10506. margin-bottom: 7px;
  10507. }
  10508.  
  10509. .ipsColumns {
  10510. width: 100%;
  10511. display: table;
  10512. table-layout: fixed;
  10513. border-collapse: collapse;
  10514. border-spacing: 0;
  10515. }
  10516.  
  10517. .ipsColumns.ipsColumns_horizontalSpacing,
  10518. .ipsColumns.ipsColumns_verticalSpacing,
  10519. .ipsColumns.ipsColumns_bothSpacing,
  10520. .ipsColumns.ipsColumns_noSpacing {
  10521. border-collapse: separate;
  10522. }
  10523.  
  10524. .ipsColumns.ipsColumns_horizontalSpacing {
  10525. border-spacing: 15px 0;
  10526. }
  10527.  
  10528. .ipsColumns.ipsColumns_horizontalSpacing.ipsColumns_halfSpacing {
  10529. border-spacing: 7px 0;
  10530. }
  10531.  
  10532. .ipsColumns.ipsColumns_verticalSpacing {
  10533. border-spacing: 0 15px;
  10534. }
  10535.  
  10536. .ipsColumns.ipsColumns_verticalSpacing.ipsColumns_halfSpacing {
  10537. border-spacing: 0 7px;
  10538. }
  10539.  
  10540. .ipsColumns.ipsColumns_bothSpacing {
  10541. border-spacing: 15px;
  10542. }
  10543.  
  10544. .ipsColumns.ipsColumns_bothSpacing.ipsColumns_halfSpacing {
  10545. border-spacing: 7px;
  10546. }
  10547.  
  10548. html[dir="ltr"] .ipsColumns>.ipsColumn:first-child:not( .ipsPad),
  10549. html[dir="ltr"] .ipsColumns.ipsColumns_noSpacing>.ipsColumn:not( .ipsPad) {
  10550. padding-left: 0;
  10551. }
  10552.  
  10553. html[dir="ltr"] .ipsColumns>.ipsColumn:last-child:not( .ipsPad),
  10554. html[dir="ltr"] .ipsColumns.ipsColumns_noSpacing>.ipsColumn:not( .ipsPad) {
  10555. padding-right: 0;
  10556. }
  10557.  
  10558. html[dir="rtl"] .ipsColumns>.ipsColumn:first-child:not( .ipsPad),
  10559. html[dir="rtl"] .ipsColumns.ipsColumns_noSpacing>.ipsColumn:not( .ipsPad) {
  10560. padding-right: 0;
  10561. }
  10562.  
  10563. html[dir="rtl"] .ipsColumns>.ipsColumn:last-child:not( .ipsPad),
  10564. html[dir="rtl"] .ipsColumns.ipsColumns_noSpacing>.ipsColumn:not( .ipsPad) {
  10565. padding-left: 0;
  10566. }
  10567.  
  10568. .ipsColumn {
  10569. display: table-cell;
  10570. position: relative;
  10571. vertical-align: top;
  10572. padding: 0 7px;
  10573. }
  10574.  
  10575. .ipsColumn_veryNarrow {
  10576. width: 50px;
  10577. }
  10578.  
  10579. .ipsColumn_narrow {
  10580. width: 120px;
  10581. }
  10582.  
  10583. .ipsColumn_medium {
  10584. width: 200px;
  10585. }
  10586.  
  10587. .ipsColumn_wide {
  10588. width: 280px;
  10589. }
  10590.  
  10591. .ipsColumn_veryWide {
  10592. width: 360px;
  10593. }
  10594.  
  10595. .ipsColumn_fluid {
  10596. width: 100%;
  10597. }
  10598.  
  10599. .ipsFilter_layout {
  10600. position: absolute !important;
  10601. max-width: 100%;
  10602. }
  10603.  
  10604. ul.ipsGrid,
  10605. ol.ipsGrid {
  10606. padding: 0;
  10607. margin: 0;
  10608. }
  10609.  
  10610. .ipsGrid:before,
  10611. .ipsGrid:after {
  10612. display: table;
  10613. content: "";
  10614. line-height: 0;
  10615. }
  10616.  
  10617. .ipsGrid:after {
  10618. clear: both;
  10619. }
  10620.  
  10621. .ipsGrid>[class*="ipsGrid_span"] {
  10622. display: block;
  10623. width: 100%;
  10624. min-height: 30px;
  10625. -webkit-box-sizing: border-box;
  10626. -moz-box-sizing: border-box;
  10627. -ms-box-sizing: border-box;
  10628. -o-box-sizing: border-box;
  10629. box-sizing: border-box;
  10630. }
  10631.  
  10632. html[dir="ltr"] .ipsGrid>[class*="ipsGrid_span"] {
  10633. float: left;
  10634. margin-left: 2.127659574468085%;
  10635. }
  10636.  
  10637. html[dir="rtl"] .ipsGrid>[class*="ipsGrid_span"] {
  10638. float: right;
  10639. margin-right: 2.127659574468085%;
  10640. }
  10641.  
  10642. html[dir="ltr"] .ipsGrid>[class*="ipsGrid_span"]:first-child {
  10643. margin-left: 0;
  10644. }
  10645.  
  10646. html[dir="rtl"] .ipsGrid>[class*="ipsGrid_span"]:first-child {
  10647. margin-right: 0;
  10648. }
  10649.  
  10650. html[dir="ltr"] .ipsGrid .controls-row [class*="ipsGrid_span"]+[class*="ipsGrid_span"] {
  10651. margin-left: 2.127659574468085%;
  10652. }
  10653.  
  10654. html[dir="rtl"] .ipsGrid .controls-row [class*="ipsGrid_span"]+[class*="ipsGrid_span"] {
  10655. margin-right: 2.127659574468085%;
  10656. }
  10657.  
  10658. .ipsApp .ipsGrid>.ipsGrid_span12 {
  10659. width: 100%;
  10660. }
  10661.  
  10662. .ipsApp .ipsGrid>.ipsGrid_span11 {
  10663. width: 91.48936170212765%;
  10664. }
  10665.  
  10666. .ipsApp .ipsGrid>.ipsGrid_span10 {
  10667. width: 82.97872340425532%;
  10668. }
  10669.  
  10670. .ipsApp .ipsGrid>.ipsGrid_span9 {
  10671. width: 74.46808510638297%;
  10672. }
  10673.  
  10674. .ipsApp .ipsGrid>.ipsGrid_span8 {
  10675. width: 65.95744680851064%;
  10676. }
  10677.  
  10678. .ipsApp .ipsGrid>.ipsGrid_span7 {
  10679. width: 57.44680851063829%;
  10680. }
  10681.  
  10682. .ipsApp .ipsGrid>.ipsGrid_span6 {
  10683. width: 48.93617021276595%;
  10684. }
  10685.  
  10686. .ipsApp .ipsGrid>.ipsGrid_span5 {
  10687. width: 40.42553191489362%;
  10688. }
  10689.  
  10690. .ipsApp .ipsGrid>.ipsGrid_span4 {
  10691. width: 31.914893617021278%;
  10692. }
  10693.  
  10694. .ipsApp .ipsGrid>.ipsGrid_span3 {
  10695. width: 23.404255319148934%;
  10696. }
  10697.  
  10698. .ipsApp .ipsGrid>.ipsGrid_span2 {
  10699. width: 14.893617021276595%;
  10700. }
  10701.  
  10702. .ipsApp .ipsGrid>.ipsGrid_span1 {
  10703. width: 6.382978723404255%;
  10704. }
  10705.  
  10706. ol.ipsGrid>li,
  10707. ul.ipsGrid>li {
  10708. margin-bottom: 15px;
  10709. }
  10710.  
  10711. html[dir="ltr"] .ipsGrid_span12:nth-child( 1n),
  10712. html[dir="ltr"] .ipsGrid_span12+[class*="ipsGrid_span"],
  10713. html[dir="ltr"] .ipsGrid_span6:nth-child( odd),
  10714. html[dir="ltr"] .ipsGrid_span4:nth-child( 3n+1),
  10715. html[dir="ltr"] .ipsGrid_span3:nth-child( 4n+1),
  10716. html[dir="ltr"] .ipsGrid_span2:nth-child( 6n+1),
  10717. html[dir="ltr"] .ipsGrid_span1:nth-child( 12n+1) {
  10718. margin-left: 0;
  10719. }
  10720.  
  10721. html[dir="rtl"] .ipsGrid_span12:nth-child( 1n),
  10722. html[dir="rtl"] .ipsGrid_span12+[class*="ipsGrid_span"],
  10723. html[dir="rtl"] .ipsGrid_span6:nth-child( odd),
  10724. html[dir="rtl"] .ipsGrid_span4:nth-child( 3n+1),
  10725. html[dir="rtl"] .ipsGrid_span3:nth-child( 4n+1),
  10726. html[dir="rtl"] .ipsGrid_span2:nth-child( 6n+1),
  10727. html[dir="rtl"] .ipsGrid_span1:nth-child( 12n+1) {
  10728. margin-right: 0;
  10729. }
  10730.  
  10731. .ipsPatchwork>li {
  10732. margin-bottom: 0 !important;
  10733. }
  10734.  
  10735. .ipsJS_has [data-ipsPatchwork] [data-role="patchworkItem"] {
  10736. opacity: 0.01;
  10737. }
  10738.  
  10739. .ipsGrid>li [data-role="patchworkItem"]+[data-role="patchworkItem"] {
  10740. margin-top: 15px;
  10741. }
  10742.  
  10743. .ipsItemControls {
  10744. display: flex;
  10745. align-items: center;
  10746. padding-top: 7px;
  10747. margin-top: 15px;
  10748. border-top: 1px solid rgba(0, 0, 0, 0.075);
  10749. justify-content: flex-end;
  10750. flex-wrap: wrap;
  10751. width: 100%;
  10752. }
  10753.  
  10754. .ipsItemControls_left {
  10755. order: 1;
  10756. flex-grow: 1;
  10757. }
  10758.  
  10759. .ipsItemControls_right {
  10760. order: 2;
  10761. flex-grow: 1;
  10762. }
  10763.  
  10764. .ipsLightbox {
  10765. background: rgba(20, 20, 20, 0.95);
  10766. position: fixed;
  10767. top: 40px;
  10768. bottom: 40px;
  10769. left: 40px;
  10770. right: 40px;
  10771. box-shadow: 0px 5px 55px rgba(0, 0, 0, 0.4);
  10772. }
  10773.  
  10774. .ipsLightbox_imagePanel {
  10775. position: absolute !important;
  10776. top: 0px;
  10777. bottom: 0px;
  10778. overflow: hidden;
  10779. }
  10780.  
  10781. html[dir="ltr"] .ipsLightbox_imagePanel {
  10782. left: 0px;
  10783. right: 0;
  10784. margin-left: 35px;
  10785. margin-right: 25px;
  10786. }
  10787.  
  10788. html[dir="rtl"] .ipsLightbox_imagePanel {
  10789. right: 0px;
  10790. left: 0;
  10791. margin-left: 25px;
  10792. margin-right: 35px;
  10793. }
  10794.  
  10795. hmtl[dir="ltr"] .ipsLightbox_imagePanel.ipsLightbox_withComments {
  10796. right: 350px;
  10797. }
  10798.  
  10799. hmtl[dir="rtl"] .ipsLightbox_imagePanel.ipsLightbox_withComments {
  10800. left: 350px;
  10801. }
  10802.  
  10803. .ipsLightbox_imagePanel .ipsLightbox_image {
  10804. max-width: 100%;
  10805. max-height: 100%;
  10806. position: absolute;
  10807. z-index: 1000;
  10808. }
  10809.  
  10810. .ipsLightbox_commentsPanel {
  10811. position: absolute;
  10812. top: 0;
  10813. bottom: 0;
  10814. width: 350px;
  10815. background-color: #fff;
  10816. overflow-y: auto;
  10817. }
  10818.  
  10819. html[dir="ltr"] .ipsLightbox_commentsPanel {
  10820. right: 0;
  10821. }
  10822.  
  10823. html[dir="rtl"] .ipsLightbox_commentsPanel {
  10824. left: 0;
  10825. }
  10826.  
  10827. .ipsLightbox_commentsPanel.ipsLoading {
  10828. min-height: 100px;
  10829. }
  10830.  
  10831. .ipsLightbox_next,
  10832. .ipsLightbox_prev {
  10833. font-size: 65px;
  10834. line-height: 65px;
  10835. color: #fff;
  10836. position: absolute;
  10837. top: 50%;
  10838. margin-top: -32px;
  10839. opacity: 0;
  10840. cursor: pointer;
  10841. z-index: 5000;
  10842. -webkit-transition: opacity 0.3s linear;
  10843. -moz-transition: opacity 0.3s linear;
  10844. -ms-transition: opacity 0.3s linear;
  10845. -o-transition: opacity 0.3s linear;
  10846. transition: opacity 0.3s linear;
  10847. text-shadow: 0px 0px 3px #000;
  10848. }
  10849.  
  10850. .ipsLightbox_fullSize {
  10851. position: absolute;
  10852. z-index: 4999;
  10853. color: #fff;
  10854. opacity: 0.4;
  10855. text-align: center;
  10856. display: none;
  10857. font-size: 20px;
  10858. cursor: zoom-in;
  10859. }
  10860.  
  10861. .ipsLightbox_fullSize i.fa {
  10862. font-size: 80px;
  10863. }
  10864.  
  10865. .ipsLightbox_fullSize:hover {
  10866. color: #fff;
  10867. }
  10868.  
  10869. .ipsLightbox:hover .ipsLightbox_fullSize {}
  10870.  
  10871. html[dir="ltr"] .ipsLightbox_next {
  10872. right: 20px;
  10873. }
  10874.  
  10875. html[dir="ltr"] .ipsLightbox_prev {
  10876. left: 20px;
  10877. }
  10878.  
  10879. html[dir="rtl"] .ipsLightbox_next {
  10880. left: 20px;
  10881. }
  10882.  
  10883. html[dir="rtl"] .ipsLightbox_prev {
  10884. right: 20px;
  10885. }
  10886.  
  10887. .ipsLightbox_imagePanel:hover .ipsLightbox_next,
  10888. .ipsLightbox_imagePanel:hover .ipsLightbox_prev {
  10889. opacity: 0.5;
  10890. }
  10891.  
  10892. .ipsLightbox_imagePanel .ipsLightbox_next:hover,
  10893. .ipsLightbox_imagePanel .ipsLightbox_prev:hover {
  10894. opacity: 1;
  10895. color: #fff;
  10896. }
  10897.  
  10898. .ipsLightbox_meta {
  10899. position: absolute;
  10900. top: 0;
  10901. left: 0;
  10902. right: 0;
  10903. background: #000;
  10904. min-height: 50px;
  10905. z-index: 10000;
  10906. opacity: 0;
  10907. padding: 15px;
  10908. color: #fff;
  10909. -webkit-transition: all 0.2s linear;
  10910. -moz-transition: all 0.2s linear;
  10911. -ms-transition: all 0.2s linear;
  10912. -o-transition: all 0.2s linear;
  10913. transition: all 0.2s linear;
  10914. }
  10915.  
  10916. html[dir="ltr"] .ipsLightbox_imagePanel.ipsLightbox_withComments+.ipsLightbox_meta {
  10917. right: 350px;
  10918. }
  10919.  
  10920. html[dir="rtl"] .ipsLightbox_imagePanel.ipsLightbox_withComments+.ipsLightbox_meta {
  10921. left: 350px;
  10922. }
  10923.  
  10924. .ipsLightbox_imagePanel:hover+.ipsLightbox_meta {
  10925. opacity: 1;
  10926. }
  10927.  
  10928. .ipsLightbox_close {
  10929. font-size: 38px;
  10930. color: #fff;
  10931. position: absolute;
  10932. top: 10px;
  10933. cursor: pointer;
  10934. z-index: 5000;
  10935. }
  10936.  
  10937. html[dir="ltr"] .ipsLightbox_close {
  10938. right: 10px;
  10939. }
  10940.  
  10941. html[dir="rtl"] .ipsLightbox_close {
  10942. left: 10px;
  10943. }
  10944.  
  10945. .ipsLightbox_close:hover {
  10946. color: #fff;
  10947. }
  10948.  
  10949. .ipsMenu {
  10950. background: #fff;
  10951. box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  10952. border: 1px solid #ddd;
  10953. border-radius: 3px;
  10954. z-index: 10000;
  10955. position: absolute;
  10956. }
  10957.  
  10958. .ipsMenu .ipsMenu_item:first-child a,
  10959. .ipsMenu .ipsMenu_item:first-child>span {
  10960. border-top-left-radius: 3px;
  10961. border-top-right-radius: 3px;
  10962. }
  10963.  
  10964. .ipsMenu .ipsMenu_item:last-child a,
  10965. .ipsMenu .ipsMenu_item:last-child>span {
  10966. border-bottom-left-radius: 3px;
  10967. border-bottom-right-radius: 3px;
  10968. }
  10969.  
  10970. ul.ipsMenu,
  10971. .ipsMenu>ul {
  10972. list-style: none;
  10973. padding: 0;
  10974. margin: 0;
  10975. }
  10976.  
  10977. .ipsJS_none .ipsMenu:target {
  10978. display: block !important;
  10979. }
  10980.  
  10981. .ipsMenu_innerContent {
  10982. max-height: 350px;
  10983. overflow: auto;
  10984. }
  10985.  
  10986. .ipsMenu_innerContent .ipsDataList {
  10987. position: static;
  10988. }
  10989.  
  10990. .ipsMenu.ipsLoading {
  10991. min-height: 100px;
  10992. }
  10993.  
  10994. .ipsMenu_auto {
  10995. min-width: 200px;
  10996. max-width: 500px;
  10997. }
  10998.  
  10999. .ipsMenu_veryNarrow {
  11000. width: 140px;
  11001. }
  11002.  
  11003. .ipsMenu_narrow {
  11004. width: 200px;
  11005. }
  11006.  
  11007. .ipsMenu_normal {
  11008. width: 300px;
  11009. }
  11010.  
  11011. .ipsMenu_wide {
  11012. width: 450px;
  11013. }
  11014.  
  11015. .ipsMenu_item {
  11016. text-align: left;
  11017. line-height: 1.4;
  11018. }
  11019.  
  11020. html[dir="rtl"] .ipsMenu_item {
  11021. text-align: right;
  11022. }
  11023.  
  11024. .ipsMenu_item>a:not( .ipsMenu_itemInline),
  11025. .ipsMenu_item>span:not( .ipsMenu_itemInline) {
  11026. display: block;
  11027. padding: 8px 15px;
  11028. color: #333;
  11029. white-space: nowrap;
  11030. overflow: hidden;
  11031. text-overflow: ellipsis;
  11032. }
  11033.  
  11034. ul:not( .ipsMenu_keyNav) .ipsMenu_item:not( .ipsMenu_itemClicked):not( .ipsMenu_itemDisabled) a:not( .ipsMenu_itemInline):hover,
  11035. .ipsMenu_item[data-selected] a,
  11036. .ipsMenu_item[data-selected] span,
  11037. .ipsMenu_item.ipsMenu_hover {
  11038. background: #f0f0f0;
  11039. }
  11040.  
  11041. .ipsMenu_itemDisabled>a,
  11042. .ipsMenu_itemDisabled>span {
  11043. color: #c2c2c2;
  11044. font-style: italic;
  11045. cursor: default;
  11046. pointer-events: none;
  11047. }
  11048.  
  11049. .ipsMenu_sep {
  11050. border-top: 1px solid #e2e2e2;
  11051. margin: 4px;
  11052. }
  11053.  
  11054. .ipsMenu_sep hr {
  11055. display: none;
  11056. }
  11057.  
  11058. .ipsMenu_subItems>a,
  11059. .ipsMenu_subItems>span {
  11060. position: relative;
  11061. }
  11062.  
  11063. html[dir="ltr"] .ipsMenu_subItems>a,
  11064. html[dir="ltr"] .ipsMenu_subItems>span {
  11065. padding-right: 25px;
  11066. }
  11067.  
  11068. html[dir="rtl"] .ipsMenu_subItems>a,
  11069. html[dir="rtl"] .ipsMenu_subItems>span {
  11070. padding-left: 25px;
  11071. }
  11072.  
  11073. .ipsMenu_subItems>a:after {
  11074. font-family: "FontAwesome";
  11075. position: absolute;
  11076. top: 9px;
  11077. }
  11078.  
  11079. html[dir="ltr"] .ipsMenu_subItems>a:after,
  11080. html[dir="ltr"] .ipsMenu_subItems>span:after {
  11081. content: '\f0da';
  11082. right: 9px;
  11083. }
  11084.  
  11085. html[dir="rtl"] .ipsMenu_subItems>a:after,
  11086. html[dir="rtl"] .ipsMenu_subItems>span:after {
  11087. content: '\f0d9';
  11088. left: 9px;
  11089. }
  11090.  
  11091. .ipsMenu_subItems .ipsMenu {
  11092. position: absolute;
  11093. }
  11094.  
  11095. .ipsMenu:not( .ipsMenu_noStem):after,
  11096. .ipsMenu:not( .ipsMenu_noStem):before {
  11097. content: '';
  11098. display: none;
  11099. position: absolute;
  11100. width: 0;
  11101. height: 0;
  11102. border-style: solid;
  11103. }
  11104.  
  11105. .ipsMenu:not( .ipsMenu_noStem):after {
  11106. border-width: 15px;
  11107. z-index: 200;
  11108. }
  11109.  
  11110. .ipsMenu:not( .ipsMenu_noStem):before {
  11111. border-width: 16px;
  11112. z-index: 100;
  11113. }
  11114.  
  11115. .ipsMenu_topLeft:after,
  11116. .ipsMenu_topRight:after,
  11117. .ipsMenu_topCenter:after,
  11118. .ipsMenu_bottomLeft:after,
  11119. .ipsMenu_bottomRight:after,
  11120. .ipsMenu_bottomCenter:after,
  11121. .ipsMenu_topLeft:before,
  11122. .ipsMenu_topRight:before,
  11123. .ipsMenu_topCenter:before,
  11124. .ipsMenu_bottomLeft:before,
  11125. .ipsMenu_bottomRight:before,
  11126. .ipsMenu_bottomCenter:before {
  11127. pointer-events: none;
  11128. display: block !important;
  11129. }
  11130.  
  11131. .ipsMenu.ipsMenu_topLeft,
  11132. .ipsMenu.ipsMenu_topRight,
  11133. .ipsMenu.ipsMenu_topCenter {
  11134. margin-top: -10px;
  11135. }
  11136.  
  11137. .ipsMenu.ipsMenu_bottomLeft,
  11138. .ipsMenu.ipsMenu_bottomRight,
  11139. .ipsMenu.ipsMenu_bottomCenter {
  11140. margin-top: 10px;
  11141. }
  11142.  
  11143. .ipsMenu.ipsMenu_topLeft:after {
  11144. border-color: #fff transparent transparent transparent;
  11145. left: 10px;
  11146. top: 100%;
  11147. }
  11148.  
  11149. .ipsMenu.ipsMenu_topLeft:before {
  11150. border-color: #ddd transparent transparent transparent;
  11151. left: 9px;
  11152. top: 100%;
  11153. }
  11154.  
  11155. .ipsMenu.ipsMenu_topRight:after {
  11156. border-color: #fff transparent transparent transparent;
  11157. right: 10px;
  11158. top: 100%;
  11159. }
  11160.  
  11161. .ipsMenu.ipsMenu_topRight:before {
  11162. border-color: #ddd transparent transparent transparent;
  11163. right: 9px;
  11164. top: 100%;
  11165. }
  11166.  
  11167. .ipsMenu.ipsMenu_topCenter:after {
  11168. border-color: #fff transparent transparent transparent;
  11169. left: 50%;
  11170. margin-left: -15px;
  11171. top: 100%;
  11172. }
  11173.  
  11174. .ipsMenu.ipsMenu_topCenter:before {
  11175. border-color: #ebebeb transparent transparent transparent;
  11176. left: 50%;
  11177. margin-left: -16px;
  11178. top: 100%;
  11179. }
  11180.  
  11181. .ipsMenu.ipsMenu_bottomRight:after {
  11182. border-color: transparent transparent #fff transparent;
  11183. right: 10px;
  11184. bottom: 100%;
  11185. }
  11186.  
  11187. .ipsMenu.ipsMenu_bottomRight:before {
  11188. border-color: transparent transparent #ebebeb transparent;
  11189. right: 9px;
  11190. bottom: 100%;
  11191. }
  11192.  
  11193. .ipsMenu.ipsMenu_bottomLeft:after {
  11194. border-color: transparent transparent #fff transparent;
  11195. left: 10px;
  11196. bottom: 100%;
  11197. }
  11198.  
  11199. .ipsMenu.ipsMenu_bottomLeft:before {
  11200. border-color: transparent transparent #ebebeb transparent;
  11201. left: 9px;
  11202. bottom: 100%;
  11203. }
  11204.  
  11205. .ipsMenu.ipsMenu_bottomCenter:after {
  11206. border-color: transparent transparent #fff transparent;
  11207. left: 50%;
  11208. margin-left: -15px;
  11209. bottom: 100%;
  11210. }
  11211.  
  11212. .ipsMenu.ipsMenu_bottomCenter:before {
  11213. border-color: transparent transparent #ebebeb transparent;
  11214. left: 50%;
  11215. margin-left: -16px;
  11216. margin-top: -1px;
  11217. bottom: 100%;
  11218. }
  11219.  
  11220. .ipsMenu_title {
  11221. background: #e5e5e5;
  11222. padding: 10px 15px;
  11223. font-size: 11px;
  11224. font-weight: 500;
  11225. text-transform: uppercase;
  11226. }
  11227.  
  11228. .ipsMenu_headerBar,
  11229. .ipsMenu_footerBar {
  11230. padding: 10px;
  11231. line-height: 24px;
  11232. background: #f5f5f5;
  11233. }
  11234.  
  11235. .ipsMenu_headerBar {
  11236. border-bottom: 1px solid #e0e0e0;
  11237. border-radius: 3px 3px 0px 0px;
  11238. }
  11239.  
  11240. .ipsMenu_footerBar {
  11241. border-top: 1px solid #e0e0e0;
  11242. border-radius: 0px 0px 3px 3px;
  11243. }
  11244.  
  11245. .ipsMenu_itemCount,
  11246. .ipsSideMenu_itemCount {
  11247. line-height: 18px;
  11248. padding: 0 5px;
  11249. background: #f7f7f7;
  11250. color: #6d6d6d;
  11251. font-size: 10px;
  11252. font-weight: bold;
  11253. border-radius: 2px;
  11254. }
  11255.  
  11256. html[dir="ltr"] .ipsMenu_itemCount,
  11257. html[dir="ltr"] .ipsSideMenu_itemCount {
  11258. float: right;
  11259. margin-right: -5px;
  11260. margin-left: 5px;
  11261. }
  11262.  
  11263. html[dir="rtl"] .ipsMenu_itemCount,
  11264. html[dir="rtl"] .ipsSideMenu_itemCount {
  11265. float: left;
  11266. margin-left: -5px;
  11267. margin-right: 5px;
  11268. }
  11269.  
  11270. .ipsMenu_item:not( .ipsMenu_itemClicked) a:hover .ipsMenu_itemCount,
  11271. .ipsMenu_item:not( .ipsMenu_itemClicked) button:hover .ipsMenu_itemCount {
  11272. background: #fff;
  11273. }
  11274.  
  11275. .ipsSideMenu_itemActive .ipsSideMenu_itemCount {
  11276. background: rgba(255, 255, 255, 0.2);
  11277. color: #fff;
  11278. }
  11279.  
  11280. .ipsSideMenu_itemActive .ipsSideMenu_itemCount.ipsSideMenu_clearCount {
  11281. background: transparent;
  11282. }
  11283.  
  11284. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) a,
  11285. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect)>span,
  11286. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) button {
  11287. padding-left: 30px;
  11288. }
  11289.  
  11290. html[dir="rtl"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) a,
  11291. html[dir="rtl"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect)>span,
  11292. html[dir="rtl"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) button {
  11293. padding-right: 30px;
  11294. }
  11295.  
  11296. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) a:before,
  11297. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect)>span:before,
  11298. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) button:before {
  11299. content: '\f10c';
  11300. font-size: 14px;
  11301. position: absolute;
  11302. font-family: 'FontAwesome';
  11303. padding-left: 10px;
  11304. color: rgba(0, 0, 0, 0.05);
  11305. }
  11306.  
  11307. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) a:before,
  11308. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect)>span:before,
  11309. html[dir="ltr"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) button:before {
  11310. left: 0;
  11311. padding-left: 10px;
  11312. }
  11313.  
  11314. html[dir="rtl"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) a:before,
  11315. html[dir="rtl"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect)>span:before,
  11316. html[dir="rtl"] .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect) button:before {
  11317. right: 0;
  11318. padding-right: 10px;
  11319. }
  11320.  
  11321. .ipsMenu_selectable .ipsMenu_item.ipsMenu_itemChecked a,
  11322. .ipsMenu_selectable .ipsMenu_item.ipsMenu_itemChecked>span,
  11323. .ipsMenu_selectable .ipsMenu_item.ipsMenu_itemChecked button {
  11324. font-weight: bold;
  11325. }
  11326.  
  11327. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect).ipsMenu_itemChecked a:before,
  11328. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect).ipsMenu_itemChecked>span:before,
  11329. .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect).ipsMenu_itemChecked button:before {
  11330. content: '\f00c';
  11331. color: inherit;
  11332. }
  11333.  
  11334. .ipsMenu_selectable button {
  11335. width: 100%;
  11336. }
  11337.  
  11338. html[dir="ltr"] .ipsMenu_selectable button:not( .ipsButton_fullWidth) {
  11339. text-align: left;
  11340. }
  11341.  
  11342. html[dir="rtl"] .ipsMenu_selectable button:not( .ipsButton_fullWidth) {
  11343. text-align: right;
  11344. }
  11345.  
  11346. .ipsMenu_selectable .ipsMenu_item:not( [data-noselect]) input[type="radio"],
  11347. .ipsMenu_selectable .ipsMenu_item:not( [data-noselect]) input[type="checkbox"] {
  11348. display: none;
  11349. }
  11350.  
  11351. .ipsMenu_selectable .ipsMenu_item a[data-role="selectAll"] {
  11352. margin-right: 15px;
  11353. }
  11354.  
  11355. .ipsAutocompleteMenu {
  11356. background: #fff;
  11357. box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  11358. border-radius: 3px;
  11359. z-index: 10000;
  11360. position: absolute;
  11361. max-height: 200px;
  11362. overflow: auto;
  11363. }
  11364.  
  11365. .ipsAutocompleteMenu_item {
  11366. padding: 8px;
  11367. }
  11368.  
  11369. .ipsAutocompleteMenu_item[data-selected] {
  11370. background: #ebf4f9;
  11371. cursor: pointer;
  11372. }
  11373.  
  11374. .ipsSideMenu_mainTitle {
  11375. display: none;
  11376. margin: 0;
  11377. }
  11378.  
  11379. .ipsSideMenu_title {
  11380. text-transform: uppercase;
  11381. font-weight: bold;
  11382. margin: 0 0 5px 0;
  11383. padding-bottom: 5px;
  11384. color: #000;
  11385. }
  11386.  
  11387. html[dir="ltr"] .ipsSideMenu_title {
  11388. padding-left: 10px;
  11389. }
  11390.  
  11391. html[dir="rtl"] .ipsSideMenu_title {
  11392. padding-right: 10px;
  11393. }
  11394.  
  11395. .ipsSideMenu_titleExtra {
  11396. text-transform: none;
  11397. font-weight: normal;
  11398. font-size: 12px;
  11399. }
  11400.  
  11401. .ipsSideMenu_subTitle {
  11402. margin: 5px 0 0;
  11403. padding: 8px 10px;
  11404. font-size: 13px;
  11405. }
  11406.  
  11407. .ipsSideMenu_item {}
  11408.  
  11409. .ipsSideMenu_item a,
  11410. a.ipsSideMenu_item,
  11411. span.ipsSideMenu_item {
  11412. display: block;
  11413. padding: 8px 10px;
  11414. position: relative;
  11415. margin-bottom: 2px;
  11416. color: inherit;
  11417. cursor: pointer;
  11418. }
  11419.  
  11420. .ipsSideMenu_item .fa:first-child {
  11421. width: 30px;
  11422. text-align: center;
  11423. font-size: 16px;
  11424. vertical-align: middle;
  11425. }
  11426.  
  11427. .ipsSideMenu_small .ipsSideMenu_item {
  11428. padding: 5px 10px;
  11429. }
  11430.  
  11431. .ipsSideMenu_item:not( .ipsSideMenu_itemActive) a:hover,
  11432. a.ipsSideMenu_item:not( .ipsSideMenu_itemActive):hover,
  11433. span.ipsSideMenu_item:not( .ipsSideMenu_itemActive):hover {
  11434. background: #f5f5f5;
  11435. }
  11436.  
  11437. .ipsSideMenu_item .ipsBadge {
  11438. position: relative;
  11439. }
  11440.  
  11441. html[dir="ltr"] .ipsSideMenu_withChecks .ipsSideMenu_item a,
  11442. html[dir="ltr"] .ipsSideMenu_withChecks a.ipsSideMenu_item,
  11443. html[dir="ltr"] .ipsSideMenu_withChecks span.ipsSideMenu_item,
  11444. html[dir="ltr"] .ipsSideMenu_withRadios .ipsSideMenu_item a,
  11445. html[dir="ltr"] .ipsSideMenu_withRadios a.ipsSideMenu_item,
  11446. html[dir="ltr"] .ipsSideMenu_withRadios span.ipsSideMenu_item {
  11447. padding-left: 28px;
  11448. }
  11449.  
  11450. html[dir="rtl"] .ipsSideMenu_withChecks .ipsSideMenu_item a,
  11451. html[dir="rtl"] .ipsSideMenu_withChecks a.ipsSideMenu_item,
  11452. html[dir="rtl"] .ipsSideMenu_withChecks span.ipsSideMenu_item,
  11453. html[dir="rtl"] .ipsSideMenu_withRadios .ipsSideMenu_item a,
  11454. html[dir="rtl"] .ipsSideMenu_withRadios a.ipsSideMenu_item,
  11455. html[dir="rtl"] .ipsSideMenu_withRadios span.ipsSideMenu_item {
  11456. padding-right: 28px;
  11457. }
  11458.  
  11459. .ipsJS_has .ipsSideMenu_withChecks .ipsSideMenu_item>input[type="checkbox"],
  11460. .ipsJS_has .ipsSideMenu_withRadios .ipsSideMenu_item>input[type="radio"] {
  11461. display: none;
  11462. }
  11463.  
  11464. .ipsSideMenu_withChecks .ipsSideMenu_item a:after,
  11465. .ipsSideMenu_withChecks a.ipsSideMenu_item:after,
  11466. .ipsSideMenu_withChecks span.ipsSideMenu_item:after,
  11467. .ipsSideMenu_withRadios .ipsSideMenu_item a:after,
  11468. .ipsSideMenu_withRadios a.ipsSideMenu_item:after,
  11469. .ipsSideMenu_withRadios span.ipsSideMenu_item:after {
  11470. content: '\f10c';
  11471. font-family: 'FontAwesome';
  11472. width: 20px;
  11473. height: 20px;
  11474. position: absolute;
  11475. top: 50%;
  11476. margin-top: -10px;
  11477. color: #e5e5e5;
  11478. }
  11479.  
  11480. html[dir="ltr"] .ipsSideMenu_withChecks .ipsSideMenu_item a:after,
  11481. html[dir="ltr"] .ipsSideMenu_withChecks a.ipsSideMenu_item:after,
  11482. html[dir="ltr"] .ipsSideMenu_withChecks span.ipsSideMenu_item:after,
  11483. html[dir="ltr"] .ipsSideMenu_withRadios .ipsSideMenu_item a:after,
  11484. html[dir="ltr"] .ipsSideMenu_withRadios a.ipsSideMenu_item:after,
  11485. html[dir="ltr"] .ipsSideMenu_withRadios span.ipsSideMenu_item:after {
  11486. left: 8px;
  11487. }
  11488.  
  11489. html[dir="rtl"] .ipsSideMenu_withChecks .ipsSideMenu_item a:after,
  11490. html[dir="rtl"] .ipsSideMenu_withChecks a.ipsSideMenu_item:after,
  11491. html[dir="rtl"] .ipsSideMenu_withChecks span.ipsSideMenu_item:after,
  11492. html[dir="rtl"] .ipsSideMenu_withRadios .ipsSideMenu_item a:after,
  11493. html[dir="rtl"] .ipsSideMenu_withRadios a.ipsSideMenu_item:after,
  11494. html[dir="rtl"] .ipsSideMenu_withRadios span.ipsSideMenu_item:after {
  11495. right: 8px;
  11496. }
  11497.  
  11498. .ipsSideMenu_withChecks .ipsSideMenu_item a:after,
  11499. .ipsSideMenu_withChecks a.ipsSideMenu_item:after,
  11500. .ipsSideMenu_withChecks span.ipsSideMenu_item:after {
  11501. content: '\f096';
  11502. font-family: 'FontAwesome';
  11503. }
  11504.  
  11505. .ipsSideMenu_list {
  11506. margin: 0 0 5px 0;
  11507. padding: 0;
  11508. list-style: none;
  11509. }
  11510.  
  11511. .ipsSideMenu_list+.ipsSideMenu_title {
  11512. margin-top: 20px;
  11513. }
  11514.  
  11515. .ipsSideMenu_itemActive a,
  11516. a.ipsSideMenu_itemActive,
  11517. span.ipsSideMenu_itemActive,
  11518. .ipsSideMenu_withChecks .ipsSideMenu_item>input[type="checkbox"]:checked~a,
  11519. .ipsSideMenu_withChecks .ipsSideMenu_item>input[type="checkbox"]:checked~span,
  11520. .ipsSideMenu_withRadios .ipsSideMenu_item>input[type="radio"]:checked~a,
  11521. .ipsSideMenu_withRadios .ipsSideMenu_item>input[type="radio"]:checked~span {
  11522. background: #151515;
  11523. color: #fff;
  11524. }
  11525.  
  11526. .ipsSideMenu_withChecks .ipsSideMenu_itemActive a:after,
  11527. .ipsSideMenu_withChecks a.ipsSideMenu_itemActive:after,
  11528. .ipsSideMenu_withChecks span.ipsSideMenu_itemActive:after,
  11529. .ipsSideMenu_withRadios .ipsSideMenu_itemActive a:after,
  11530. .ipsSideMenu_withRadios a.ipsSideMenu_itemActive:after,
  11531. .ipsSideMenu_withRadios span.ipsSideMenu_itemActive:after,
  11532. .ipsSideMenu_withChecks .ipsSideMenu_item>input[type="checkbox"]:checked~a:after,
  11533. .ipsSideMenu_withChecks .ipsSideMenu_item>input[type="checkbox"]:checked~span:not(.ipsSideMenu_noCheck):after,
  11534. .ipsSideMenu_withRadios .ipsSideMenu_item>input[type="radio"]:checked~a:after,
  11535. .ipsSideMenu_withRadios .ipsSideMenu_item>input[type="radio"]:checked~span:not(.ipsSideMenu_noCheck):after {
  11536. content: '\f00c';
  11537. font-family: 'FontAwesome';
  11538. color: #fff;
  11539. }
  11540.  
  11541. .ipsSideMenu_itemDisabled a,
  11542. a.ipsSideMenu_itemDisabled,
  11543. span.ipsSideMenu_itemDisabled {
  11544. opacity: 0.6;
  11545. color: #7f7f7f;
  11546. cursor: default;
  11547. }
  11548.  
  11549. html[dir="ltr"] .ipsSideMenu_item+.ipsSideMenu_list {
  11550. margin: 0 0 10px 15px;
  11551. border-left: 1px solid rgba(0, 0, 0, 0.2);
  11552. }
  11553.  
  11554. html[dir="rtl"] .ipsSideMenu_item+.ipsSideMenu_list {
  11555. margin: 0 15px 10px 0;
  11556. border-right: 1px solid rgba(0, 0, 0, 0.2);
  11557. }
  11558.  
  11559. .ipsSideMenu_item+.ipsSideMenu_list .ipsSideMenu_item {
  11560. padding: 1px 10px;
  11561. margin: 0;
  11562. font-size: 12px;
  11563. }
  11564.  
  11565. .ipsMessage {
  11566. padding: 15px 15px 15px 45px;
  11567. border-radius: 2px;
  11568. position: relative;
  11569. margin-bottom: 10px;
  11570. color: #fff;
  11571. text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  11572. }
  11573.  
  11574. html[dir="rtl"] .ipsMessage {
  11575. padding: 15px 45px 15px 15px;
  11576. }
  11577.  
  11578. .ipsMessage:before {
  11579. font-family: 'FontAwesome';
  11580. position: absolute;
  11581. top: 15px;
  11582. font-size: 20px;
  11583. }
  11584.  
  11585. html[dir="ltr"] .ipsMessage:before {
  11586. left: 15px;
  11587. }
  11588.  
  11589. html[dir="rtl"] .ipsMessage:before {
  11590. right: 15px;
  11591. }
  11592.  
  11593. .ipsMessage a {
  11594. color: #fff;
  11595. border-bottom: 1px dotted #fff;
  11596. }
  11597.  
  11598. .ipsMessage_title {
  11599. margin: 0;
  11600. padding: 0;
  11601. font-size: 16px;
  11602. line-height: 1;
  11603. margin-bottom: 5px;
  11604. }
  11605.  
  11606. .ipsMessage a.ipsButton {
  11607. margin-top: -5px;
  11608. }
  11609.  
  11610. html[dir] .ipsMessage .ipsButton_link {
  11611. border-color: #fff;
  11612. color: #fff;
  11613. opacity: 0.7;
  11614. }
  11615.  
  11616. .ipsMessage_code {
  11617. padding: 7px;
  11618. display: inline-block;
  11619. background: rgba(0, 0, 0, 0.2);
  11620. border-radius: 3px;
  11621. margin-top: -7px;
  11622. color: rgba(255, 255, 255, 0.8);
  11623. }
  11624.  
  11625. html[dir="rtl"] .ipsMessage_code {
  11626. float: left;
  11627. margin-right: -7px;
  11628. }
  11629.  
  11630. html[dir="rtl"] .ipsMessage_code {
  11631. float: left;
  11632. margin-left: -7px;
  11633. }
  11634.  
  11635. .ipsMessage_error {
  11636. background: #cc5353;
  11637. }
  11638.  
  11639. .ipsMessage_error:before {
  11640. content: '\f06a';
  11641. }
  11642.  
  11643. .ipsMessage_success {
  11644. background: #479c87;
  11645. }
  11646.  
  11647. .ipsMessage_success:before {
  11648. content: '\f00c';
  11649. }
  11650.  
  11651. .ipsMessage_warning {
  11652. background: #d87c4f;
  11653. }
  11654.  
  11655. .ipsMessage_warning:before {
  11656. content: '\f071';
  11657. }
  11658.  
  11659. .ipsMessage a.ipsMessage_close {
  11660. border-bottom: none;
  11661. }
  11662.  
  11663. .ipsMessage_info,
  11664. .ipsMessage_information {
  11665. background: #5e95bc;
  11666. }
  11667.  
  11668. .ipsMessage_info:before,
  11669. .ipsMessage_information:before {
  11670. content: '\f05a';
  11671. }
  11672.  
  11673. .ipsMessage_general {
  11674. background: #7f858d;
  11675. }
  11676.  
  11677. .ipsMessage_general:before {
  11678. content: '\f05a';
  11679. }
  11680.  
  11681. .ipsBox {
  11682. border: 1px solid #e0e0e0;
  11683. box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  11684. border-radius: 3px;
  11685. }
  11686.  
  11687. .ipsBox:not( .ipsBox_transparent):not( .ipsModerated) {
  11688. background-color: #fff;
  11689. }
  11690.  
  11691. .ipsBox.ipsModerated {
  11692. border-color: #ede4e4;
  11693. }
  11694.  
  11695. .ipsBox_alt,
  11696. #ipsLayout_mainArea>.ipsForm {}
  11697.  
  11698. .ipsPageHeader {
  11699. background: transparent;
  11700. border-bottom: 0;
  11701. position: relative;
  11702. margin: 10px 0;
  11703. }
  11704.  
  11705. .ipsPageHeader h1 {
  11706. display: inline;
  11707. }
  11708.  
  11709. .ipsPageHeader .ipsPageHeader_info,
  11710. .ipsPageHeader_info p:first-child {
  11711. margin: 5px 0;
  11712. }
  11713.  
  11714. .ipsPageHeader .ipsFollow {
  11715. margin-top: 0;
  11716. }
  11717.  
  11718. .ipsPageHeader .ipsPromote {
  11719. margin-right: 10px;
  11720. }
  11721.  
  11722. .ipsJS_none .ipsJS_show {
  11723. display: none;
  11724. }
  11725.  
  11726. .ipsJS_has .ipsJS_hide {
  11727. display: none;
  11728. }
  11729.  
  11730. .ipsAreaBackground {
  11731. background: #1a1d24;
  11732. }
  11733.  
  11734. .ipsAreaBackground_light {
  11735. background: #191c23;
  11736. }
  11737.  
  11738. .ipsAreaBackground_reset {
  11739. background: #0d0f13;
  11740. }
  11741.  
  11742. .ipsAreaBackground_dark {
  11743. background: #0c1018;
  11744. color: #fff;
  11745. }
  11746.  
  11747. .ipsAreaBackground_dark a {
  11748. color: #fff;
  11749. }
  11750.  
  11751. .ipsAreaBackground_positive {
  11752. background: #598f5b;
  11753. color: #fff;
  11754. }
  11755.  
  11756. .ipsAreaBackground_negative {
  11757. background: #b14848;
  11758. color: #fff;
  11759. }
  11760.  
  11761. .ipsAreaBackground_positive .ipsType_sectionHead,
  11762. .ipsAreaBackground_positive .ipsType_sectionTitle,
  11763. .ipsAreaBackground_negative .ipsType_sectionHead,
  11764. .ipsAreaBackground_negative .ipsType_sectionTitle {
  11765. color: #fff;
  11766. }
  11767.  
  11768. .ipsAreaBackground_rounded {
  11769. border-radius: 3px;
  11770. }
  11771.  
  11772. .ipsUserPhoto {
  11773. background: #fff;
  11774. vertical-align: middle;
  11775. display: inline-block;
  11776. line-height: 1px;
  11777. position: relative;
  11778. margin: 2px;
  11779. border-radius: 150px;
  11780. }
  11781.  
  11782. .ipsUserPhoto:after {
  11783. content: '';
  11784. display: none;
  11785. position: absolute;
  11786. }
  11787.  
  11788. .ipsUserPhoto_tinier img,
  11789. img.ipsUserPhoto_tinier,
  11790. .ipsUserPhoto_tinier:after {
  11791. width: 24px;
  11792. height: 24px;
  11793. border-radius: 12px;
  11794. }
  11795.  
  11796. .ipsUserPhoto_tiny img,
  11797. img.ipsUserPhoto_tiny,
  11798. .ipsUserPhoto_tiny:after {
  11799. width: 34px;
  11800. height: 34px;
  11801. border-radius: 17px;
  11802. }
  11803.  
  11804. .ipsUserPhoto_mini img,
  11805. img.ipsUserPhoto_mini,
  11806. .ipsUserPhoto_mini:after {
  11807. width: 44px;
  11808. height: 44px;
  11809. border-radius: 22px;
  11810. }
  11811.  
  11812. .ipsUserPhoto_small img,
  11813. img.ipsUserPhoto_small,
  11814. .ipsUserPhoto_small:after {
  11815. width: 54px;
  11816. height: 54px;
  11817. border-radius: 27px;
  11818. }
  11819.  
  11820. .ipsUserPhoto_medium img,
  11821. img.ipsUserPhoto_medium,
  11822. .ipsUserPhoto_medium:after {
  11823. width: 75px;
  11824. height: 75px;
  11825. border-radius: 38px;
  11826. }
  11827.  
  11828. .ipsUserPhoto_large img,
  11829. img.ipsUserPhoto_large,
  11830. .ipsUserPhoto_large:after {
  11831. width: 90px;
  11832. height: 90px;
  11833. border-radius: 45px;
  11834. }
  11835.  
  11836. .ipsUserPhoto_xlarge img,
  11837. img.ipsUserPhoto_xlarge,
  11838. .ipsUserPhoto_xlarge:after {
  11839. width: 120px;
  11840. height: 120px;
  11841. border-radius: 60px;
  11842. }
  11843.  
  11844. .ipsPhotoPanel>.ipsUserPhoto {
  11845. float: left;
  11846. line-height: 0;
  11847. }
  11848.  
  11849. html[dir="rtl"] .ipsPhotoPanel>.ipsUserPhoto {
  11850. float: right;
  11851. }
  11852.  
  11853. html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_tiny>div {
  11854. margin-left: 45px;
  11855. }
  11856.  
  11857. html[dir="rtl"] .ipsPhotoPanel.ipsPhotoPanel_tiny>div {
  11858. margin-right: 45px;
  11859. }
  11860.  
  11861. html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_mini>div {
  11862. margin-left: 55px;
  11863. }
  11864.  
  11865. html[dir="rtl"] .ipsPhotoPanel.ipsPhotoPanel_mini>div {
  11866. margin-right: 55px;
  11867. }
  11868.  
  11869. html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_small>div {
  11870. margin-left: 70px;
  11871. }
  11872.  
  11873. html[dir="rtl"] .ipsPhotoPanel.ipsPhotoPanel_small>div {
  11874. margin-right: 70px;
  11875. }
  11876.  
  11877. html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_medium>div {
  11878. margin-left: 90px;
  11879. }
  11880.  
  11881. html[dir="rtl"] .ipsPhotoPanel.ipsPhotoPanel_medium>div {
  11882. margin-right: 90px;
  11883. }
  11884.  
  11885. html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_large>div {
  11886. margin-left: 105px;
  11887. }
  11888.  
  11889. html[dir="rtl"] .ipsPhotoPanel.ipsPhotoPanel_large>div {
  11890. margin-right: 105px;
  11891. }
  11892.  
  11893. .ipsPhotoPanel .ipsType_sectionHead {
  11894. line-height: 1.3;
  11895. }
  11896.  
  11897. .ipsImage {
  11898. max-width: 100%;
  11899. height: auto;
  11900. }
  11901.  
  11902. .ipsImage_thumbnailed {
  11903. border: 1px solid #E2E2E2;
  11904. padding: 1px;
  11905. }
  11906.  
  11907. .ipsThumb {
  11908. border: 1px solid #E2E2E2;
  11909. }
  11910.  
  11911. .ipsThumb_embed {
  11912. margin: 5px auto;
  11913. }
  11914.  
  11915. span.ipsThumb,
  11916. a.ipsThumb {
  11917. display: block;
  11918. }
  11919.  
  11920. .ipsThumb_bg {
  11921. background-size: cover;
  11922. background-repeat: no-repeat;
  11923. background-position: 50% 50%;
  11924. background-color: #ebebeb;
  11925. }
  11926.  
  11927. .ipsThumb_bg img {
  11928. display: none;
  11929. }
  11930.  
  11931. .ipsThumb_bg.ipsThumb_embed {
  11932. width: 400px;
  11933. height: 400px;
  11934. }
  11935.  
  11936. .ipsThumb_large {
  11937. max-width: 175px;
  11938. max-height: 175px;
  11939. }
  11940.  
  11941. .ipsThumb_bg.ipsThumb_large {
  11942. width: 175px;
  11943. height: 175px;
  11944. }
  11945.  
  11946. .ipsThumb_medium {
  11947. max-width: 125px;
  11948. max-height: 125px;
  11949. }
  11950.  
  11951. .ipsThumb_bg.ipsThumb_medium {
  11952. width: 125px;
  11953. height: 125px;
  11954. }
  11955.  
  11956. .ipsThumb_small {
  11957. max-width: 75px;
  11958. max-height: 75px;
  11959. }
  11960.  
  11961. .ipsThumb_bg.ipsThumb_small {
  11962. width: 75px;
  11963. height: 75px;
  11964. }
  11965.  
  11966. .ipsThumb_tiny {
  11967. max-width: 40px;
  11968. max-height: 40px;
  11969. }
  11970.  
  11971. .ipsThumb_bg.ipsThumb_tiny {
  11972. width: 40px;
  11973. height: 40px;
  11974. }
  11975.  
  11976. .ipsNoThumb {
  11977. background: #262e33;
  11978. text-align: center;
  11979. position: relative;
  11980. width: 200px;
  11981. height: 200px;
  11982. }
  11983.  
  11984. .ipsNoThumb.ipsThumb_embed {
  11985. width: 400px;
  11986. height: 400px;
  11987. }
  11988.  
  11989. .ipsNoThumb:after {
  11990. content: '\f030';
  11991. font-family: 'FontAwesome';
  11992. font-size: 30px;
  11993. color: rgba(255, 255, 255, 0.075);
  11994. position: absolute;
  11995. top: 50%;
  11996. margin-top: -10px;
  11997. left: 0;
  11998. right: 0;
  11999. text-align: center;
  12000. }
  12001.  
  12002. .ipsNoThumb_video:after {
  12003. content: '\f008';
  12004. }
  12005.  
  12006. .ipsNoThumb_product:after {
  12007. content: '\f1b2';
  12008. }
  12009.  
  12010. .ipsNoThumb_gift:after {
  12011. content: '\f06b';
  12012. }
  12013.  
  12014. .ipsContained {
  12015. display: table;
  12016. table-layout: fixed;
  12017. width: 100%;
  12018. }
  12019.  
  12020. .ipsContained_container {
  12021. display: table !important;
  12022. }
  12023.  
  12024. .ipsDataList .ipsContained_container {
  12025. width: 100%;
  12026. }
  12027.  
  12028. .ipsContained_container .ipsTag_prefix {
  12029. display: inline-block;
  12030. }
  12031.  
  12032. html[dir="ltr"] .ipsContained_container>span:not( .ipsHide) {
  12033. display: table-cell;
  12034. padding-right: 3px;
  12035. }
  12036.  
  12037. html[dir="rtl"] .ipsContained_container>span:not( .ipsHide) {
  12038. display: table-cell;
  12039. padding-left: 3px;
  12040. }
  12041.  
  12042. html[dir] .ipsContained_container>span.ipsContained {
  12043. display: table;
  12044. }
  12045.  
  12046. @media screen and (min-width:768px) {
  12047. _::-moz-svg-foreign-content,
  12048. :root .ipsContained_container {
  12049. width: 100% !important;
  12050. }
  12051. _::-moz-svg-foreign-content,
  12052. :root .ipsContained_container>span {
  12053. display: inline-block !important;
  12054. float: left;
  12055. }
  12056. }
  12057.  
  12058. _:window-inactive,
  12059. body:nth-last-child(n0) .ipsContained_container {
  12060. width: 100% !important;
  12061. }
  12062.  
  12063. _:window-inactive,
  12064. body:nth-last-child(n0) .ipsContained_container>span {
  12065. display: inline-block !important;
  12066. }
  12067.  
  12068. hr.ipsHr {
  12069. margin: 15px 0;
  12070. height: 0;
  12071. padding: 0;
  12072. border-width: 2px 0 0 0;
  12073. border-style: solid;
  12074. border-color: rgba(0, 0, 0, 0.05);
  12075. }
  12076.  
  12077. .ipsAreaBackground_dark hr.ipsHr {
  12078. border-color: rgba(255, 255, 255, 0.1);
  12079. }
  12080.  
  12081. hr.ipsHr.ipsHr_thick {
  12082. border-width: 10px 0 0 0;
  12083. border-color: #394248;
  12084. }
  12085.  
  12086. hr.ipsHr.ipsHr_small {
  12087. margin: 7px 0;
  12088. }
  12089.  
  12090. @-webkit-keyframes spinner {
  12091. 0% {
  12092. -webkit-transform: rotate(0deg);
  12093. transform: rotate(0deg);
  12094. }
  12095. 100% {
  12096. -webkit-transform: rotate(359deg);
  12097. transform: rotate(359deg);
  12098. }
  12099. }
  12100.  
  12101. @keyframes spinner {
  12102. 0% {
  12103. -webkit-transform: rotate(0deg);
  12104. transform: rotate(0deg);
  12105. }
  12106. 100% {
  12107. -webkit-transform: rotate(359deg);
  12108. transform: rotate(359deg);
  12109. }
  12110. }
  12111.  
  12112. .ipsLoading {
  12113. position: relative;
  12114. }
  12115.  
  12116. .ipsLoading:before {
  12117. font-family: 'icomoon';
  12118. content: '\e97b';
  12119. display: block;
  12120. color: #444;
  12121. position: absolute;
  12122. top: 50%;
  12123. left: 50%;
  12124. margin-top: -25px;
  12125. margin-left: -25px;
  12126. font-size: 50px;
  12127. line-height: 1 !important;
  12128. }
  12129.  
  12130. .ipsLoading:not( .ipsLoading_noAnim):before {
  12131. -webkit-animation: spinner 0.75s infinite linear;
  12132. animation: spinner 0.75s infinite linear;
  12133. }
  12134.  
  12135. .ipsLoading.ipsLoading_small:before {
  12136. font-size: 23px;
  12137. margin-top: -12px;
  12138. margin-left: -12px;
  12139. color: #222;
  12140. }
  12141.  
  12142. .ipsLoading.ipsLoading_tiny:before {
  12143. font-size: 16px;
  12144. margin-top: -8px;
  12145. margin-left: -8px;
  12146. color: #222;
  12147. }
  12148.  
  12149. .ipsLoading.ipsLoading_dark:before {
  12150. color: #fff;
  12151. }
  12152.  
  12153. .ipsLoading_tinyIcon {
  12154. width: 16px;
  12155. height: 16px;
  12156. font-size: 17px;
  12157. display: inline-block;
  12158. }
  12159.  
  12160. .ipsPad,
  12161. .ipsApp ul.ipsPad,
  12162. .ipsApp ol.ipsPad {
  12163. padding: 15px;
  12164. }
  12165.  
  12166. .ipsPad_double,
  12167. .ipsApp ul.ipsPad_double,
  12168. .ipsApp ol.ipsPad_double {
  12169. padding: 30px;
  12170. }
  12171.  
  12172. .ipsPad_half,
  12173. .ipsApp ul.ipsPad_half,
  12174. .ipsApp ol.ipsPad_half {
  12175. padding: 7px;
  12176. }
  12177.  
  12178. .ipsPad_top {
  12179. padding-top: 7px;
  12180. }
  12181.  
  12182. .ipsPad_bottom {
  12183. padding-bottom: 7px;
  12184. }
  12185.  
  12186. .ipsPos_left {
  12187. float: left;
  12188. }
  12189.  
  12190. html[dir="rtl"] .ipsPos_left {
  12191. float: right;
  12192. }
  12193.  
  12194. .ipsPos_right {
  12195. float: right;
  12196. }
  12197.  
  12198. html[dir="rtl"] .ipsPos_right {
  12199. float: left;
  12200. }
  12201.  
  12202. .ipsPos_center {
  12203. margin: 0 auto;
  12204. }
  12205.  
  12206. .ipsPos_middle {
  12207. vertical-align: middle;
  12208. }
  12209.  
  12210. .ipsPos_top {
  12211. vertical-align: top;
  12212. }
  12213.  
  12214. .ipsClear {
  12215. clear: both;
  12216. }
  12217.  
  12218. .ipsClearfix:after {
  12219. visibility: hidden;
  12220. display: block;
  12221. font-size: 0;
  12222. content: " ";
  12223. clear: both;
  12224. height: 0;
  12225. }
  12226.  
  12227. .ipsOverflow {
  12228. width: 100%;
  12229. overflow: auto;
  12230. }
  12231.  
  12232. .ipsApp .ipsHide {
  12233. display: none;
  12234. }
  12235.  
  12236. .ipsFaded {
  12237. opacity: 0.4;
  12238. }
  12239.  
  12240. .ipsFaded_unavailable {
  12241. pointer-events: none;
  12242. }
  12243.  
  12244. .ipsFaded.ipsFaded_more {
  12245. opacity: 0.25;
  12246. }
  12247.  
  12248. .ipsFaded_withHover {
  12249. -webkit-transition: 0.2s all linear;
  12250. -moz-transition: 0.2s all linear;
  12251. -ms-transition: 0.2s all linear;
  12252. -o-transition: 0.2s all linear;
  12253. transition: 0.2s all linear;
  12254. }
  12255.  
  12256. .ipsFaded_withHover:hover,
  12257. .ipsFaded_withHover:hover .ipsFaded,
  12258. .ipsFaded.ipsFaded_cancel {
  12259. opacity: 1;
  12260. }
  12261.  
  12262. .ipsList_inline,
  12263. .ipsList_reset {
  12264. margin: 0;
  12265. padding: 0;
  12266. list-style: none;
  12267. }
  12268.  
  12269. html[dir="ltr"] .ipsList_leftAlign {
  12270. padding-left: 20px;
  12271. }
  12272.  
  12273. html[dir="rtl"] .ipsList_leftAlign {
  12274. padding-right: 20px;
  12275. }
  12276.  
  12277. .ipsList_inline>li {
  12278. display: inline-block;
  12279. vertical-align: middle;
  12280. }
  12281.  
  12282. html[dir="ltr"] .ipsList_inline>li {
  12283. margin-right: 15px;
  12284. }
  12285.  
  12286. html[dir="rtl"] .ipsList_inline>li {
  12287. margin-left: 15px;
  12288. }
  12289.  
  12290. html[dir="ltr"] .ipsList_inline>li:last-child,
  12291. html[dir="ltr"] .ipsList_inline.ipsList_noSpacing>li {
  12292. margin-right: 0;
  12293. }
  12294.  
  12295. html[dir="rtl"] .ipsList_inline>li:last-child,
  12296. html[dir="rtl"] .ipsList_inline.ipsList_noSpacing>li {
  12297. margin-left: 0;
  12298. }
  12299.  
  12300. html[dir="ltr"] .ipsList_inline.ipsList_noSpacing_left>li {
  12301. margin-left: 0;
  12302. }
  12303.  
  12304. html[dir="rtl"] .ipsList_inline.ipsList_noSpacing_left>li {
  12305. margin-right: 0;
  12306. }
  12307.  
  12308. html[dir="ltr"] .ipsList_inline>li.ipsPos_right:not( .ipsResponsive_noFloat) {
  12309. margin-right: 0;
  12310. margin-left: 15px;
  12311. }
  12312.  
  12313. html[dir="rtl"] .ipsList_inline>li.ipsPos_right:not( .ipsResponsive_noFloat) {
  12314. margin-left: 0;
  12315. margin-right: 15px;
  12316. }
  12317.  
  12318. .ipsList_inline.ipsList_csv li:after {
  12319. content: ',';
  12320. }
  12321.  
  12322. .ipsList_inline.ipsList_csv li:last-child:after {
  12323. content: '';
  12324. }
  12325.  
  12326. .ipsList_bullets {
  12327. list-style-type: disc;
  12328. margin: 0 0 0 26px;
  12329. padding: 0;
  12330. }
  12331.  
  12332. html[dir="rtl"] .ipsList_bullets {
  12333. margin: 0 26px 0 0;
  12334. }
  12335.  
  12336. .ipsList_bullets.ipsList_numbers {
  12337. list-style-type: decimal;
  12338. }
  12339.  
  12340. .ipsOnlineStatus,
  12341. .ipsOnlineStatus_online {
  12342. color: #249168;
  12343. }
  12344.  
  12345. .ipsOnlineStatus_anonymous {
  12346. color: #616161;
  12347. }
  12348.  
  12349. .ipsOnlineStatus_offline {
  12350. color: #c7c7c7;
  12351. }
  12352.  
  12353. .ipsOnlineStatus_away {
  12354. color: #bd9e22;
  12355. }
  12356.  
  12357. .ipsOnlineStatus_busy {
  12358. color: #a03223;
  12359. }
  12360.  
  12361. .ipsCursor_locked {
  12362. cursor: not-allowed;
  12363. }
  12364.  
  12365. .ipsCursor_drag {
  12366. cursor: move;
  12367. }
  12368.  
  12369. .ipsCursor_default {
  12370. cursor: default;
  12371. }
  12372.  
  12373. .ipsCursor_pointer {
  12374. cursor: pointer;
  12375. }
  12376.  
  12377. .ipsCursor_help {
  12378. cursor: help;
  12379. }
  12380.  
  12381. .ipsToolList {
  12382. padding: 0;
  12383. list-style: none;
  12384. margin: 0;
  12385. }
  12386.  
  12387. .ipsToolList.ipsToolList_vertical>li {
  12388. margin-bottom: 15px;
  12389. }
  12390.  
  12391. .ipsToolList.ipsToolList_vertical>li:last-child {
  12392. margin-bottom: 0;
  12393. }
  12394.  
  12395. html[dir="ltr"] .ipsToolList.ipsToolList_horizontal>li,
  12396. html[dir="ltr"] .ipsToolList.ipsToolList_horizontal>li.ipsPos_right {
  12397. float: right;
  12398. margin-left: 10px;
  12399. }
  12400.  
  12401. html[dir="ltr"] .ipsToolList.ipsToolList_horizontal>li.ipsPos_left {
  12402. float: left;
  12403. margin: 0 10px 0 0;
  12404. }
  12405.  
  12406. html[dir="ltr"] .ipsToolList.ipsToolList_horizontal.ipsPos_left>li {
  12407. float: left;
  12408. margin-left: 0;
  12409. margin-right: 10px;
  12410. }
  12411.  
  12412. html[dir="rtl"] .ipsToolList.ipsToolList_horizontal>li,
  12413. html[dir="rtl"] .ipsToolList.ipsToolList_horizontal>li.ipsPos_right {
  12414. float: left;
  12415. margin-right: 10px;
  12416. }
  12417.  
  12418. html[dir="rtl"] .ipsToolList.ipsToolList_horizontal>li.ipsPos_left {
  12419. float: right;
  12420. margin: 0 0 0 10px;
  12421. }
  12422.  
  12423. html[dir="rtl"] .ipsToolList.ipsToolList_horizontal.ipsPos_left>li {
  12424. float: right;
  12425. margin-right: 0;
  12426. margin-left: 10px;
  12427. }
  12428.  
  12429. html[dir] .ipsToolList.ipsToolList_horizontal.ipsPos_center>li {
  12430. float: none;
  12431. display: inline-block;
  12432. }
  12433.  
  12434. .ipsToolList.ipsToolList_horizontal>li.ipsToolList_primaryAction .ipsButton:not( .ipsButton_link) {
  12435. min-width: 200px;
  12436. }
  12437.  
  12438. .ipsToolList.ipsToolList_horizontal>li.ipsPos_right {
  12439. min-width: 150px;
  12440. }
  12441.  
  12442. .ipsModerated {
  12443. background: #191c23;
  12444. color: #ffffff;
  12445. }
  12446.  
  12447. .ipsModerated a {
  12448. color: #ffffff;
  12449. }
  12450.  
  12451. .ipsModerated .ipsType_light {
  12452. color: #ffffff;
  12453. }
  12454.  
  12455. .ipsStepBar {
  12456. background: #f7f7f7;
  12457. width: 100%;
  12458. overflow: hidden;
  12459. margin: 0;
  12460. padding: 0;
  12461. list-style: none;
  12462. }
  12463.  
  12464. .ipsStepBar>li {
  12465. float: left;
  12466. position: relative;
  12467. line-height: 1.3;
  12468. }
  12469.  
  12470. html[dir="rtl"] .ipsStepBar>li {
  12471. float: right;
  12472. }
  12473.  
  12474. .ipsStepBar>.ipsStep>a,
  12475. .ipsStepBar>.ipsStep>span {
  12476. padding: 11px 33px 11px 18px;
  12477. background-color: #f0f0f0;
  12478. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_large.png");
  12479. background-repeat: no-repeat;
  12480. background-position: bottom right;
  12481. background-size: 200% 200%;
  12482. height: 55px;
  12483. min-height: 35px;
  12484. display: inline-block;
  12485. position: relative;
  12486. min-width: 115px;
  12487. color: #686f7d;
  12488. }
  12489.  
  12490. html[dir="rtl"] .ipsStepBar>.ipsStep>a,
  12491. html[dir="rtl"] .ipsStepBar>.ipsStep>span {
  12492. padding: 11px 18px 11px 33px;
  12493. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_large_rtl.png");
  12494. background-position: bottom left;
  12495. }
  12496.  
  12497. .ipsStepBar>.ipsStep.ipsStep_active>a,
  12498. .ipsStepBar>.ipsStep.ipsStep_active>span {
  12499. background-position: top right;
  12500. color: #fff;
  12501. }
  12502.  
  12503. html[dir="rtl"] .ipsStepBar>.ipsStep.ipsStep_active>a,
  12504. html[dir="rtl"] .ipsStepBar>.ipsStep.ipsStep_active>span {
  12505. background-position: top left;
  12506. }
  12507.  
  12508. .ipsStepBar>.ipsStep+.ipsStep.ipsStep_active:after {
  12509. background-size: 23px 100%;
  12510. background-repeat: no-repeat;
  12511. width: 23px;
  12512. height: 100%;
  12513. position: absolute;
  12514. top: 0;
  12515. content: '';
  12516. display: inline-block;
  12517. }
  12518.  
  12519. html[dir="ltr"] .ipsStepBar>.ipsStep+.ipsStep.ipsStep_active:after {
  12520. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_extra.png");
  12521. left: -23px;
  12522. }
  12523.  
  12524. html[dir="rtl"] .ipsStepBar>.ipsStep+.ipsStep.ipsStep_active:after {
  12525. background-image: url("https://forums.definitive.network/uploads/set_resources_5/d0e70b4cbb9ab8afb1bc1065a3f8487a_wizard_step_extra_rtl.png");
  12526. right: -23px;
  12527. }
  12528.  
  12529. .ipsStep_title {
  12530. display: block;
  12531. }
  12532.  
  12533. .ipsStep_desc {
  12534. font-size: 11px;
  12535. }
  12536.  
  12537. .ipsPageHead_special {
  12538. border-radius: 4px 4px 0px 0px;
  12539. padding: 15px;
  12540. color: #fff;
  12541. position: relative;
  12542. background-color: #111823;
  12543. }
  12544.  
  12545. .ipsPageHead_barText,
  12546. .ipsPageHead_barText_small {
  12547. display: inline-block;
  12548. background: rgba(0, 0, 0, 0.6);
  12549. line-height: 1;
  12550. padding: 7px 10px;
  12551. font-weight: 300;
  12552. }
  12553.  
  12554. .ipsPageHead_barText_small {
  12555. padding: 3px 10px;
  12556. }
  12557.  
  12558. .ipsPageHead_special .ipsType_pageTitle {
  12559. color: #fff;
  12560. }
  12561.  
  12562. .ipsPageHead_special .ipsType_pageTitle input {
  12563. color: #000;
  12564. }
  12565.  
  12566. .ipsCommentCount {
  12567. padding: 5px 10px;
  12568. border-radius: 3px;
  12569. background: #1685aa;
  12570. display: inline-block;
  12571. font-size: 12px;
  12572. text-transform: uppercase;
  12573. position: relative;
  12574. text-align: center;
  12575. line-height: 15px;
  12576. color: #ffffff;
  12577. margin-bottom: 3px;
  12578. }
  12579.  
  12580. html[dir="ltr"] .ipsCommentCount {
  12581. margin-left: 10px;
  12582. }
  12583.  
  12584. html[dir="rtl"] .ipsCommentCount {
  12585. margin-right: 10px;
  12586. }
  12587.  
  12588. .ipsCommentCount.ipsFaded {
  12589. background: #ececec;
  12590. color: #333;
  12591. }
  12592.  
  12593. .ipsCommentCount strong {
  12594. font-size: 15px;
  12595. display: block;
  12596. font-weight: normal;
  12597. }
  12598.  
  12599. .ipsCommentCount:after {
  12600. position: absolute;
  12601. top: 50%;
  12602. margin-top: -7px;
  12603. content: "";
  12604. display: block;
  12605. width: 0;
  12606. height: 0;
  12607. border-width: 7px 5px;
  12608. border-style: solid;
  12609. }
  12610.  
  12611. html[dir="ltr"] .ipsCommentCount:after {
  12612. right: 100%;
  12613. border-color: transparent #1685aa transparent transparent;
  12614. }
  12615.  
  12616. html[dir="ltr"] .ipsCommentCount.ipsFaded:after {
  12617. border-color: transparent #ececec transparent transparent;
  12618. }
  12619.  
  12620. html[dir="rtl"] .ipsCommentCount:after {
  12621. left: 100%;
  12622. border-color: transparent transparent transparent #1685aa;
  12623. }
  12624.  
  12625. html[dir="rtl"] .ipsCommentCount.ipsFaded:after {
  12626. border-color: transparent transparent transparent #ececec;
  12627. }
  12628.  
  12629. .ipsCommentCount_hot {
  12630. background: #da8619;
  12631. color: #fff;
  12632. }
  12633.  
  12634. .ipsCommentCount_hot:after {
  12635. border-color: transparent #da8619 transparent transparent;
  12636. }
  12637.  
  12638. html[dir="rtl"].ipsCommentCount_hot:after {
  12639. border-color: transparent transparent transparent #da8619;
  12640. }
  12641.  
  12642. .ipsSideMenu_item a .ipsCommentCount {
  12643. margin-top: -4px;
  12644. }
  12645.  
  12646. .ipsApp .ipsNotificationCount {
  12647. position: absolute;
  12648. top: -10px;
  12649. font-size: 11px;
  12650. color: #fff;
  12651. display: inline-block;
  12652. text-indent: 0%;
  12653. line-height: 18px;
  12654. padding: 0 6px;
  12655. border-radius: 8px;
  12656. z-index: 2;
  12657. background: #1685aa;
  12658. }
  12659.  
  12660. html[dir="ltr"] .ipsApp .ipsNotificationCount {
  12661. right: -10px;
  12662. }
  12663.  
  12664. html[dir="rtl"] .ipsApp .ipsNotificationCount {
  12665. left: -10px;
  12666. }
  12667.  
  12668. .ipsJS_has .ipsNotificationCount[data-role="autoCheckCount"] {
  12669. display: none;
  12670. }
  12671.  
  12672. .ipsApp .ipsNotificationCount.ipsHide {
  12673. display: none;
  12674. }
  12675.  
  12676. .ipsChart {
  12677. border-width: 0 4px 4px 4px;
  12678. border-style: solid;
  12679. border-color: #ebebeb;
  12680. }
  12681.  
  12682. .ipsChart .ipsChart_chart {
  12683. overflow: hidden;
  12684. }
  12685.  
  12686. .ipsChart .ipsButtonRow li>a:not( .ipsButtonRow_active) {
  12687. background: #fff;
  12688. color: #6f6f6f;
  12689. }
  12690.  
  12691. .ipsChart .ipsType_sectionHead {
  12692. margin-bottom: 15px;
  12693. }
  12694.  
  12695. #ipsAccessibility_border {
  12696. width: 0;
  12697. height: 300px;
  12698. }
  12699.  
  12700. html[dir="ltr"] #ipsAccessibility_border {
  12701. border-left: 3px solid #d91f4b;
  12702. }
  12703.  
  12704. html[dir="rtl"] #ipsAccessibility_border {
  12705. border-right: 3px solid #d91f4b;
  12706. }
  12707.  
  12708. #ipsAccessibility_arrow {
  12709. width: 0;
  12710. height: 0;
  12711. border-width: 10px;
  12712. border-style: solid;
  12713. border-color: transparent transparent transparent red;
  12714. }
  12715.  
  12716. .ipsSticky {
  12717. background: #fff;
  12718. }
  12719.  
  12720. .ipsSticky.ipsSticky_bottom:before,
  12721. .ipsSticky.ipsSticky_top:before {
  12722. content: '';
  12723. display: block;
  12724. position: absolute;
  12725. height: 6px;
  12726. left: 0;
  12727. right: 0;
  12728. }
  12729.  
  12730. .ipsSticky.ipsSticky_top {
  12731. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  12732. }
  12733.  
  12734. .ipsSticky.ipsSticky_top:before {
  12735. bottom: -6px;
  12736. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0) 100%);
  12737. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.075)), color-stop(100%, rgba(0, 0, 0, 0)));
  12738. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0) 100%);
  12739. background: -o-linear-gradient(top, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0) 100%);
  12740. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0) 100%);
  12741. background: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0) 100%);
  12742. pointer-events: none;
  12743. }
  12744.  
  12745. .ipsSticky.ipsSticky_bottom:before {
  12746. top: -30px;
  12747. height: 30px;
  12748. background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  12749. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
  12750. background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  12751. background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  12752. background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  12753. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  12754. pointer-events: none;
  12755. }
  12756.  
  12757. .ipsSticky.ipsSticky_noFade:before {
  12758. display: none;
  12759. }
  12760.  
  12761. .ipsScrollbar::-webkit-scrollbar {
  12762. width: 8px;
  12763. height: 8px;
  12764. }
  12765.  
  12766. .ipsScrollbar::-webkit-scrollbar-thumb {
  12767. background-color: rgba(0, 0, 0, 0.4);
  12768. border-radius: 3px;
  12769. }
  12770.  
  12771. .ipsScrollbar.ipsScrollbar_light::-webkit-scrollbar-thumb {
  12772. background-color: rgba(255, 255, 255, 0.4);
  12773. border-radius: 3px;
  12774. }
  12775.  
  12776. .ipsScrollbar::-webkit-scrollbar-track-piece {
  12777. background-color: rgba(0, 0, 0, 0.05);
  12778. }
  12779.  
  12780. .ipsScrollbar.ipsScrollbar_light::-webkit-scrollbar-track-piece {
  12781. background-color: rgba(255, 255, 255, 0.05);
  12782. }
  12783.  
  12784. #ipsMultiQuoter {
  12785. position: fixed;
  12786. bottom: 20px;
  12787. background: #333333;
  12788. padding: 15px;
  12789. border-radius: 3px;
  12790. z-index: 6000;
  12791. box-shadow: 0px 15px 110px rgba(0, 0, 0, 0.2);
  12792. }
  12793.  
  12794. html[dir="ltr"] #ipsMultiQuoter {
  12795. right: 20px;
  12796. }
  12797.  
  12798. html[dir="rtl"] #ipsMultiQuoter {
  12799. left: 20px;
  12800. }
  12801.  
  12802. #ipsMultiQuoter a {
  12803. color: #fff;
  12804. }
  12805.  
  12806. .ipsEmpty {
  12807. padding: 30px 0 0;
  12808. font-size: 22px;
  12809. color: #e5e5e5;
  12810. }
  12811.  
  12812. .ipsEmpty i {
  12813. font-size: 120px;
  12814. margin-bottom: 15px;
  12815. }
  12816.  
  12817. .ipsCalendarDate {
  12818. width: 40px;
  12819. display: block;
  12820. border: 1px solid rgba(0, 0, 0, 0.2);
  12821. background: #fafafa;
  12822. padding: 4px 0;
  12823. border-radius: 3px;
  12824. overflow: hidden;
  12825. }
  12826.  
  12827. .ipsWidget .ipsCalendarDate {
  12828. background: #fff;
  12829. }
  12830.  
  12831. .ipsCalendarDate>span {
  12832. display: block;
  12833. text-align: center;
  12834. }
  12835.  
  12836. .ipsCalendarDate_month {
  12837. color: #a93848;
  12838. text-transform: uppercase;
  12839. font-size: 10px;
  12840. line-height: 1;
  12841. font-weight: bold;
  12842. }
  12843.  
  12844. .ipsCalendarDate_date {
  12845. font-size: 20px;
  12846. line-height: 20px;
  12847. }
  12848.  
  12849. .ipsCalendarDate.ipsCalendarDate_large {
  12850. width: 80px;
  12851. }
  12852.  
  12853. .ipsCalendarDate.ipsCalendarDate_large .ipsCalendarDate_month {
  12854. font-size: 20px;
  12855. font-weight: 500;
  12856. }
  12857.  
  12858. .ipsCalendarDate.ipsCalendarDate_large .ipsCalendarDate_date {
  12859. font-size: 40px;
  12860. line-height: 42px;
  12861. font-weight: 300;
  12862. }
  12863.  
  12864. .ipsCarousel {
  12865. position: relative;
  12866. }
  12867.  
  12868. .ipsCarousel .ipsCarousel_inner {
  12869. overflow: hidden;
  12870. position: relative;
  12871. }
  12872.  
  12873. .ipsCarousel .ipsCarousel_inner::-webkit-scrollbar {
  12874. display: none;
  12875. }
  12876.  
  12877. html[dir="ltr"] .ipsCarousel:not( [data-ipsCarousel-fullSizeItems]) .ipsCarousel_item {
  12878. margin-right: 15px;
  12879. }
  12880.  
  12881. html[dir="rtl"] .ipsCarousel:not( [data-ipsCarousel-fullSizeItems]) .ipsCarousel_item {
  12882. margin-left: 15px;
  12883. }
  12884.  
  12885. html[dir="ltr"] .ipsCarousel .ipsCarousel_item:last-child {
  12886. margin-right: 0;
  12887. }
  12888.  
  12889. html[dir="rtl"] .ipsCarousel .ipsCarousel_item:last-child {
  12890. margin-left: 0;
  12891. }
  12892.  
  12893. .ipsCarousel .ipsCarousel_nav {
  12894. position: absolute;
  12895. top: 50%;
  12896. margin-top: -20px;
  12897. background: #fff;
  12898. color: #323232;
  12899. width: 30px;
  12900. height: 50px;
  12901. text-align: center;
  12902. line-height: 50px;
  12903. font-size: 18px;
  12904. box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
  12905. opacity: 0.4;
  12906. }
  12907.  
  12908. html[dir="ltr"] .ipsCarousel .ipsCarousel_nav[data-action='prev'] {
  12909. left: 0;
  12910. }
  12911.  
  12912. html[dir="ltr"] .ipsCarousel .ipsCarousel_nav[data-action='next'] {
  12913. right: 0;
  12914. }
  12915.  
  12916. html[dir="rtl"] .ipsCarousel .ipsCarousel_nav[data-action='prev'] {
  12917. right: 0;
  12918. }
  12919.  
  12920. html[dir="rtl"] .ipsCarousel .ipsCarousel_nav[data-action='next'] {
  12921. left: 0;
  12922. }
  12923.  
  12924. .ipsCarousel:hover .ipsCarousel_nav {
  12925. opacity: 1;
  12926. }
  12927.  
  12928. .ipsCarousel .ipsCarousel_inner>[data-role="carouselItems"] {
  12929. padding: 0;
  12930. margin: 0;
  12931. list-style: none;
  12932. white-space: nowrap;
  12933. position: absolute;
  12934. transition: transform .2s ease-in-out;
  12935. display: flex;
  12936. }
  12937.  
  12938. .ipsCarousel_item {
  12939. flex-shrink: 0;
  12940. }
  12941.  
  12942. .ipsCarousel_shadow {
  12943. position: absolute;
  12944. top: 0;
  12945. bottom: 0;
  12946. width: 20px;
  12947. display: block;
  12948. pointer-events: none;
  12949. }
  12950.  
  12951. html[dir="ltr"] .ipsCarousel_shadowLeft {
  12952. left: 0;
  12953. background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12954. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(76%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0)));
  12955. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12956. background: -o-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12957. background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12958. background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12959. }
  12960.  
  12961. html[dir="rtl"] .ipsCarousel_shadowLeft {
  12962. right: 0;
  12963. background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12964. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(24%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  12965. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12966. background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12967. background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12968. background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12969. }
  12970.  
  12971. html[dir="ltr"] .ipsCarousel_shadowRight {
  12972. right: 0;
  12973. background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12974. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(24%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  12975. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12976. background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12977. background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12978. background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.25) 100%);
  12979. }
  12980.  
  12981. html[dir="rtl"] .ipsCarousel_shadowRight {
  12982. left: 0;
  12983. background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12984. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(76%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0)));
  12985. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12986. background: -o-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12987. background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12988. background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0) 100%);
  12989. }
  12990.  
  12991. .ipsJS_none .ipsCarousel {
  12992. min-height: 200px;
  12993. }
  12994.  
  12995. .ipsJS_none .ipsCarousel .ipsCarousel_nav,
  12996. .ipsJS_none .ipsCarousel_shadow {
  12997. display: none;
  12998. }
  12999.  
  13000. @-webkit-keyframes progress-bar-stripes {
  13001. from {
  13002. background-position: 40px 0;
  13003. }
  13004. to {
  13005. background-position: 0 0;
  13006. }
  13007. }
  13008.  
  13009. @-moz-keyframes progress-bar-stripes {
  13010. from {
  13011. background-position: 40px 0;
  13012. }
  13013. to {
  13014. background-position: 0 0;
  13015. }
  13016. }
  13017.  
  13018. @-ms-keyframes progress-bar-stripes {
  13019. from {
  13020. background-position: 40px 0;
  13021. }
  13022. to {
  13023. background-position: 0 0;
  13024. }
  13025. }
  13026.  
  13027. @-o-keyframes progress-bar-stripes {
  13028. from {
  13029. background-position: 0 0;
  13030. }
  13031. to {
  13032. background-position: 40px 0;
  13033. }
  13034. }
  13035.  
  13036. @keyframes progress-bar-stripes {
  13037. from {
  13038. background-position: 40px 0;
  13039. }
  13040. to {
  13041. background-position: 0 0;
  13042. }
  13043. }
  13044.  
  13045. .ipsProgressBar {
  13046. width: 50%;
  13047. margin: auto;
  13048. height: 26px;
  13049. overflow: hidden;
  13050. background: rgb(156, 156, 156);
  13051. background: -moz-linear-gradient(top, rgba(156, 156, 156, 1) 0%, rgba(180, 180, 180, 1) 100%);
  13052. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(156, 156, 156, 1)), color-stop(100%, rgba(180, 180, 180, 1)));
  13053. background: -webkit-linear-gradient(top, rgba(156, 156, 156, 1) 0%, rgba(180, 180, 180, 1) 100%);
  13054. background: -o-linear-gradient(top, rgba(156, 156, 156, 1) 0%, rgba(180, 180, 180, 1) 100%);
  13055. background: -ms-linear-gradient(top, rgba(156, 156, 156, 1) 0%, rgba(180, 180, 180, 1) 100%);
  13056. background: linear-gradient(to bottom, rgba(156, 156, 156, 1) 0%, rgba(180, 180, 180, 1) 100%);
  13057. border-radius: 4px;
  13058. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  13059. }
  13060.  
  13061. .ipsProgressBar.ipsProgressBar_small {
  13062. height: 18px;
  13063. }
  13064.  
  13065. .ipsProgressBar.ipsProgressBar_small .ipsProgressBar_progress {
  13066. line-height: 18px;
  13067. font-size: 10px;
  13068. }
  13069.  
  13070. .ipsProgressBar.ipsProgressBar_fullWidth {
  13071. width: 100%;
  13072. }
  13073.  
  13074. .ipsProgressBar.ipsProgressBar_animated .ipsProgressBar_progress {
  13075. background-color: #5490c0;
  13076. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  13077. 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);
  13078. background-image: -moz-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);
  13079. 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);
  13080. 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);
  13081. background-size: 40px 40px;
  13082. -webkit-animation: progress-bar-stripes 2s linear infinite;
  13083. -moz-animation: progress-bar-stripes 2s linear infinite;
  13084. -ms-animation: progress-bar-stripes 2s linear infinite;
  13085. -o-animation: progress-bar-stripes 2s linear infinite;
  13086. animation: progress-bar-stripes 2s linear infinite;
  13087. }
  13088.  
  13089. .ipsProgressBar_progress {
  13090. float: left;
  13091. width: 0;
  13092. height: 100%;
  13093. font-size: 12px;
  13094. font-weight: bold;
  13095. color: #ffffff;
  13096. text-align: center;
  13097. text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
  13098. background: #5490c0;
  13099. position: relative;
  13100. white-space: nowrap;
  13101. line-height: 26px;
  13102. padding-left: 0;
  13103. text-indent: 3px;
  13104. }
  13105.  
  13106. html[dir="rtl"] .ipsProgressBar_progress {
  13107. float: right;
  13108. }
  13109.  
  13110. .ipsProgressBar_warning .ipsProgressBar_progress {
  13111. background: #c05454;
  13112. }
  13113.  
  13114. html[dir="ltr"] .ipsProgressBar>span:first-child {
  13115. padding-left: 7px;
  13116. }
  13117.  
  13118. html[dir="rtl"] .ipsProgressBar>span:first-child {
  13119. padding-right: 7px;
  13120. }
  13121.  
  13122. .ipsProgressBar_progress[data-progress]:after {
  13123. position: absolute;
  13124. top: 0;
  13125. line-height: 32px;
  13126. color: #fff;
  13127. content: attr(data-progress);
  13128. display: block;
  13129. font-weight: bold;
  13130. }
  13131.  
  13132. html[dir="ltr"] .ipsProgressBar_progress[data-progress]:after {
  13133. right: 5px;
  13134. }
  13135.  
  13136. html[dir="rtl"] .ipsProgressBar_progress[data-progress]:after {
  13137. left: 5px;
  13138. }
  13139.  
  13140. .ipsCoverPhoto {
  13141. position: relative;
  13142. }
  13143.  
  13144. .ipsCoverPhoto .ipsType_pageTitle {
  13145. font-weight: 300;
  13146. }
  13147.  
  13148. .ipsCoverPhoto_container {
  13149. position: absolute;
  13150. top: 0;
  13151. bottom: 0;
  13152. left: 0;
  13153. right: 0;
  13154. overflow: hidden;
  13155. text-align: left;
  13156. }
  13157.  
  13158. .ipsCoverPhoto_container:after {
  13159. position: absolute;
  13160. height: 50%;
  13161. left: 0;
  13162. bottom: 0;
  13163. right: 0;
  13164. display: block;
  13165. content: '';
  13166. pointer-events: none;
  13167. }
  13168.  
  13169. .ipsCoverPhoto_photo {
  13170. width: 100%;
  13171. opacity: 0.0001;
  13172. }
  13173.  
  13174. .ipsCoverPhoto_container [data-role="coverPhotoControls"] {
  13175. position: absolute;
  13176. top: 10px;
  13177. }
  13178.  
  13179. html[dir="ltr"] .ipsCoverPhoto_container [data-role="coverPhotoControls"] {
  13180. right: 10px;
  13181. }
  13182.  
  13183. html[dir="rtl"] .ipsCoverPhoto_container [data-role="coverPhotoControls"] {
  13184. left: 10px;
  13185. }
  13186.  
  13187. .ipsCoverPhoto_button {
  13188. position: absolute;
  13189. top: 10px;
  13190. }
  13191.  
  13192. html[dir="ltr"] .ipsCoverPhoto_button {
  13193. right: 10px;
  13194. }
  13195.  
  13196. html[dir="rtl"] .ipsCoverPhoto_button {
  13197. left: 10px;
  13198. }
  13199.  
  13200. .ipsPrint {
  13201. margin-left: 50px;
  13202. margin-right: 50px;
  13203. -webkit-print-color-adjust: exact;
  13204. }
  13205.  
  13206. .ipsPrint table {
  13207. width: 100%;
  13208. padding: 5px;
  13209. }
  13210.  
  13211. .ipsPrint th {
  13212. background: #000;
  13213. color: #FFF;
  13214. padding: 5px;
  13215. text-align: left;
  13216. border: 2px solid #000;
  13217. }
  13218.  
  13219. .ipsPrint tbody td {
  13220. padding: 5px;
  13221. border: 2px solid #000;
  13222. }
  13223.  
  13224. .ipsPrint tfoot td {
  13225. padding: 5px;
  13226. text-align: right;
  13227. }
  13228.  
  13229. .ipsPrint tfoot td:last-child {
  13230. padding: 5px;
  13231. text-align: left;
  13232. }
  13233.  
  13234. .ipsPrint_doubleHeight {
  13235. height: 50px;
  13236. }
  13237.  
  13238. .ipsPrint_tripleHeight {
  13239. height: 75px;
  13240. }
  13241.  
  13242. .ipsMap {
  13243. width: 100%;
  13244. height: 500px;
  13245. background: #191c23;
  13246. }
  13247.  
  13248. .ipsMap_small {
  13249. height: 200px;
  13250. }
  13251.  
  13252. .ipsProgressBar_close {
  13253. position: absolute;
  13254. top: 0;
  13255. display: block;
  13256. color: #000;
  13257. width: 44px;
  13258. height: 44px;
  13259. line-height: 48px;
  13260. font-size: 34px;
  13261. font-weight: 300;
  13262. text-align: center;
  13263. z-index: 1000;
  13264. -webkit-transition: 0.2s all linear;
  13265. -moz-transition: 0.2s all linear;
  13266. -ms-transition: 0.2s all linear;
  13267. -o-transition: 0.2s all linear;
  13268. transition: 0.2s all linear;
  13269. }
  13270.  
  13271. html[dir="ltr"] .ipsProgressBar_close {
  13272. right: 0;
  13273. }
  13274.  
  13275. html[dir="rtl"] .ipsProgressBar_close {
  13276. left: 0;
  13277. }
  13278.  
  13279. .cActiveUserEditor {
  13280. font-style: italic;
  13281. }
  13282.  
  13283. .ipsNavBar_primary>ul,
  13284. .ipsNavBar_secondary {
  13285. margin: 0;
  13286. padding: 0;
  13287. list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  13288. }
  13289.  
  13290. .ipsNavBar_primary>ul>li,
  13291. .ipsNavBar_secondary>li {
  13292. display: inline-block;
  13293. }
  13294.  
  13295. html[dir="ltr"] .ipsNavBar_primary>ul>li,
  13296. html[dir="ltr"] .ipsNavBar_secondary>li {
  13297. float: left;
  13298. }
  13299.  
  13300. html[dir="rtl"] .ipsNavBar_primary>ul>li,
  13301. html[dir="rtl"] .ipsNavBar_secondary>li {
  13302. float: right;
  13303. }
  13304.  
  13305. .ipsNavBar_secondary>li {
  13306. position: relative;
  13307. }
  13308.  
  13309. .ipsNavBar_secondary>li .ipsNotificationCount {
  13310. top: 3px;
  13311. }
  13312.  
  13313. .ipsNavBar_primary>ul>li>a,
  13314. .ipsNavBar_secondary>li>a {
  13315. display: block;
  13316. position: relative;
  13317. text-align: center;
  13318. text-decoration: none;
  13319. }
  13320.  
  13321. .ipsNavBar_primary {
  13322. position: relative;
  13323. padding-bottom: 40px;
  13324. top: -36px;
  13325. z-index: 2000;
  13326. border-radius: 2px 2px 0px 0px;
  13327. }
  13328.  
  13329. .ipsLayout_minimalNoHome .ipsNavBar_primary {
  13330. display: none;
  13331. }
  13332.  
  13333. .ipsNavBar_primary.ipsNavBar_noSubBars {
  13334. padding-bottom: 10px;
  13335. top: 0;
  13336. margin-top: 4px;
  13337. }
  13338.  
  13339. .ipsNavBar_primary>ul>li>a {
  13340. background: rgba(26, 29, 36, 0.04);
  13341. font-size: 14px;
  13342. color: rgba(255, 255, 255, 0.7);
  13343. padding: 9px 25px;
  13344. border-radius: 2px 2px 0px 0px;
  13345. }
  13346.  
  13347. html[dir="ltr"] .ipsNavBar_primary>ul>li>a {
  13348. margin-right: 5px;
  13349. }
  13350.  
  13351. html[dir="rtl"] .ipsNavBar_primary>ul>li>a {
  13352. margin-left: 5px;
  13353. }
  13354.  
  13355. html[dir="ltr"] .ipsNavBar_primary>ul>li>a .ipsNotificationCount {
  13356. top: -2px;
  13357. right: 2px;
  13358. }
  13359.  
  13360. html[dir="rtl"] .ipsNavBar_primary>ul>li>a .ipsNotificationCount {
  13361. top: -2px;
  13362. left: 2px;
  13363. }
  13364.  
  13365. .ipsNavBar_primary>ul>li>a:hover {
  13366. background: rgba(26, 29, 36, 0.1);
  13367. }
  13368.  
  13369. .ipsNavBar_primary>ul>li.ipsNavBar_active>a {
  13370. background: #1a1d24;
  13371. color: #ffffff;
  13372. }
  13373.  
  13374. .ipsNavBar_primary.ipsNavBar_noSubBars>ul>li.ipsNavBar_active>a {
  13375. background: #1a1d24;
  13376. }
  13377.  
  13378. .ipsNavBar_primary>ul>li.ipsNavBar_active>.ipsNavBar_secondary,
  13379. .ipsJS_none .ipsNavBar_primary>ul>li>a:hover+.ipsNavBar_secondary {
  13380. display: block;
  13381. }
  13382.  
  13383. .ipsNavBar_primary:not( .ipsNavBar_noSubBars)>ul:before {
  13384. content: '';
  13385. display: block;
  13386. position: absolute;
  13387. bottom: 0;
  13388. left: 0;
  13389. right: 0;
  13390. height: 40px;
  13391. z-index: 100;
  13392. background: #1a1d24;
  13393. }
  13394.  
  13395. .ipsNavBar_secondary {
  13396. position: absolute;
  13397. bottom: 0;
  13398. left: 0;
  13399. right: 0;
  13400. height: 40px;
  13401. z-index: 1000;
  13402. display: none;
  13403. background: #1a1d24;
  13404. }
  13405.  
  13406. .ipsNavBar_secondary>li>a {
  13407. color: rgba(255, 255, 255, 0.6);
  13408. font-size: 13px;
  13409. padding: 12px 18px 8px;
  13410. float: left;
  13411. }
  13412.  
  13413. .ipsNavBar_secondary>li>a:hover {
  13414. color: rgba(255, 255, 255, 0.8);
  13415. }
  13416.  
  13417. .ipsNavBar_secondary>li.ipsNavBar_active a {
  13418. font-weight: bold;
  13419. color: #ffffff;
  13420. }
  13421.  
  13422. .ipsNavBar_primary .ipsMenu:not( #elSearchFilter_menu),
  13423. .ipsNavBar_secondary .ipsMenu {
  13424. margin-top: 0px;
  13425. }
  13426.  
  13427. .ipsBreadcrumb.ipsBreadcrumb_top {
  13428. margin: 0px 0 15px 0;
  13429. padding: 12px 0;
  13430. opacity: 0.6;
  13431. }
  13432.  
  13433. .ipsBreadcrumb.ipsBreadcrumb_bottom {
  13434. padding: 12px 0;
  13435. margin: 25px 0 0 0;
  13436. opacity: 0.6;
  13437. }
  13438.  
  13439. .ipsBreadcrumb {}
  13440.  
  13441. .ipsBreadcrumb>ul {
  13442. margin: 0;
  13443. padding: 0;
  13444. }
  13445.  
  13446. .ipsBreadcrumb>ul>li {
  13447. display: inline-block;
  13448. line-height: 1;
  13449. font-size: 13px;
  13450. font-weight: 400;
  13451. max-width: 500px;
  13452. height: 15px;
  13453. white-space: nowrap;
  13454. overflow: hidden;
  13455. text-overflow: ellipsis;
  13456. vertical-align: bottom;
  13457. color: #616161;
  13458. }
  13459.  
  13460. .ipsBreadcrumb>ul>li .fa:not( .fa-home) {
  13461. margin: 0 3px;
  13462. }
  13463.  
  13464. .ipsBreadcrumb>ul>li>a {
  13465. color: inherit;
  13466. text-decoration: none;
  13467. }
  13468.  
  13469. .ipsBreadcrumb>ul:last-child>li:last-child {
  13470. opacity: 0.6;
  13471. }
  13472.  
  13473. .ipsBreadcrumb [data-action="defaultStream"],
  13474. .ipsBreadcrumb [data-action="markSiteRead"] {
  13475. font-size: 12px;
  13476. font-weight: 400;
  13477. color: #ffffff
  13478. }
  13479.  
  13480. #elBackHome {
  13481. display: block;
  13482. color: #fff;
  13483. }
  13484.  
  13485. html[dir="ltr"] #elBackHome {
  13486. padding: 0 0 12px 0;
  13487. }
  13488.  
  13489. html[dir="rtl"] #elBackHome {
  13490. padding: 0 0 12px 0;
  13491. }
  13492.  
  13493. html {
  13494. line-height: 1.15;
  13495. -ms-text-size-adjust: 100%;
  13496. -webkit-text-size-adjust: 100%;
  13497. }
  13498.  
  13499. article,
  13500. aside,
  13501. footer,
  13502. header,
  13503. nav,
  13504. section {
  13505. display: block;
  13506. }
  13507.  
  13508. h1 {
  13509. font-size: 2em;
  13510. margin: 0.67em 0;
  13511. }
  13512.  
  13513. figcaption,
  13514. figure,
  13515. main {
  13516. display: block;
  13517. }
  13518.  
  13519. figure {
  13520. margin: 1em 40px;
  13521. }
  13522.  
  13523. hr {
  13524. box-sizing: content-box;
  13525. height: 0;
  13526. overflow: visible;
  13527. }
  13528.  
  13529. pre {
  13530. font-family: monospace, monospace;
  13531. font-size: 1em;
  13532. }
  13533.  
  13534. a {
  13535. background-color: transparent;
  13536. -webkit-text-decoration-skip: objects;
  13537. }
  13538.  
  13539. abbr[title] {
  13540. border-bottom: none;
  13541. text-decoration: underline;
  13542. text-decoration: underline dotted;
  13543. }
  13544.  
  13545. b,
  13546. strong {
  13547. font-weight: inherit;
  13548. }
  13549.  
  13550. b,
  13551. strong {
  13552. font-weight: bolder;
  13553. }
  13554.  
  13555. code,
  13556. kbd,
  13557. samp {
  13558. font-family: monospace, monospace;
  13559. font-size: 1em;
  13560. }
  13561.  
  13562. dfn {
  13563. font-style: italic;
  13564. }
  13565.  
  13566. mark {
  13567. background-color: #ff0;
  13568. color: #000;
  13569. }
  13570.  
  13571. small {
  13572. font-size: 80%;
  13573. }
  13574.  
  13575. sub,
  13576. sup {
  13577. font-size: 75%;
  13578. line-height: 0;
  13579. position: relative;
  13580. vertical-align: baseline;
  13581. }
  13582.  
  13583. sub {
  13584. bottom: -0.25em;
  13585. }
  13586.  
  13587. sup {
  13588. top: -0.5em;
  13589. }
  13590.  
  13591. audio,
  13592. video {
  13593. display: inline-block;
  13594. }
  13595.  
  13596. audio:not([controls]) {
  13597. display: none;
  13598. height: 0;
  13599. }
  13600.  
  13601. img {
  13602. border-style: none;
  13603. }
  13604.  
  13605. svg:not(:root) {
  13606. overflow: hidden;
  13607. }
  13608.  
  13609. button,
  13610. input,
  13611. optgroup,
  13612. select,
  13613. textarea {
  13614. margin: 0;
  13615. }
  13616.  
  13617. button,
  13618. input {
  13619. overflow: visible;
  13620. }
  13621.  
  13622. button,
  13623. select {
  13624. text-transform: none;
  13625. }
  13626.  
  13627. button,
  13628. html [type="button"],
  13629. [type="reset"],
  13630. [type="submit"] {
  13631. -webkit-appearance: button;
  13632. }
  13633.  
  13634. button::-moz-focus-inner,
  13635. [type="button"]::-moz-focus-inner,
  13636. [type="reset"]::-moz-focus-inner,
  13637. [type="submit"]::-moz-focus-inner {
  13638. border-style: none;
  13639. padding: 0;
  13640. }
  13641.  
  13642. button:-moz-focusring,
  13643. [type="button"]:-moz-focusring,
  13644. [type="reset"]:-moz-focusring,
  13645. [type="submit"]:-moz-focusring {
  13646. outline: 1px dotted ButtonText;
  13647. }
  13648.  
  13649. legend {
  13650. box-sizing: border-box;
  13651. color: inherit;
  13652. display: table;
  13653. max-width: 100%;
  13654. padding: 0;
  13655. white-space: normal;
  13656. }
  13657.  
  13658. progress {
  13659. display: inline-block;
  13660. vertical-align: baseline;
  13661. }
  13662.  
  13663. textarea {
  13664. overflow: auto;
  13665. }
  13666.  
  13667. [type="checkbox"],
  13668. [type="radio"] {
  13669. box-sizing: border-box;
  13670. padding: 0;
  13671. }
  13672.  
  13673. [type="number"]::-webkit-inner-spin-button,
  13674. [type="number"]::-webkit-outer-spin-button {
  13675. height: auto;
  13676. }
  13677.  
  13678. [type="search"] {
  13679. -webkit-appearance: textfield;
  13680. outline-offset: -2px;
  13681. }
  13682.  
  13683. [type="search"]::-webkit-search-cancel-button,
  13684. [type="search"]::-webkit-search-decoration {
  13685. -webkit-appearance: none;
  13686. }
  13687.  
  13688. ::-webkit-file-upload-button {
  13689. -webkit-appearance: button;
  13690. font: inherit;
  13691. }
  13692.  
  13693. details,
  13694. menu {
  13695. display: block;
  13696. }
  13697.  
  13698. summary {
  13699. display: list-item;
  13700. }
  13701.  
  13702. canvas {
  13703. display: inline-block;
  13704. }
  13705.  
  13706. template {
  13707. display: none;
  13708. }
  13709.  
  13710. [hidden] {
  13711. display: none;
  13712. }
  13713.  
  13714. .ipsPagination {
  13715. padding: 0 10px 0 0;
  13716. margin: 0;
  13717. border-radius: 30px;
  13718. display: inline-block;
  13719. line-height: 26px;
  13720. font-size: 11px;
  13721. -webkit-font-smoothing: antialiased;
  13722. }
  13723.  
  13724. html[dir="rtl"] .ipsPagination {
  13725. padding: 0 0 0 10px;
  13726. }
  13727.  
  13728. .ipsPagination>li,
  13729. .ipsPagination a {
  13730. display: inline-block;
  13731. font-weight: 500;
  13732. text-decoration: none;
  13733. }
  13734.  
  13735. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_page a,
  13736. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_next a,
  13737. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_prev a,
  13738. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_first a,
  13739. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_last a {
  13740. padding: 0 10px;
  13741. border-radius: 2px;
  13742. font-weight: bold;
  13743. text-align: center;
  13744. background: #f0f0f0;
  13745. color: #414141;
  13746. vertical-align: middle;
  13747. text-decoration: none;
  13748. }
  13749.  
  13750. .ipsPagination .ipsPagination_page.ipsPagination_active a {
  13751. background: #1e222a;
  13752. border-color: #1e222a;
  13753. color: #fff;
  13754. box-shadow: none;
  13755. text-shadow: none;
  13756. }
  13757.  
  13758. .ipsPagination .ipsPagination_page a {
  13759. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  13760. }
  13761.  
  13762. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_first a,
  13763. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_last a,
  13764. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_next a,
  13765. .ipsPagination:not( .ipsPagination_mini) .ipsPagination_prev a {
  13766. font-size: 10px;
  13767. text-transform: uppercase;
  13768. -webkit-transition: all 0.3s linear;
  13769. -moz-transition: all 0.3s linear;
  13770. -ms-transition: all 0.3s linear;
  13771. -o-transition: all 0.3s linear;
  13772. transition: all 0.3s linear;
  13773. }
  13774.  
  13775. .ipsPagination:hover a {
  13776. opacity: 1;
  13777. }
  13778.  
  13779. html[dir="ltr"] .ipsPagination .ipsPagination_pageJump {
  13780. margin-left: 15px;
  13781. }
  13782.  
  13783. html[dir="rtl"] .ipsPagination .ipsPagination_pageJump {
  13784. margin-right: 15px;
  13785. }
  13786.  
  13787. .ipsPagination .ipsPagination_pageJump a {
  13788. color: #787878;
  13789. font-size: 11px;
  13790. }
  13791.  
  13792. .ipsPagination li:not( .ipsPagination_pageJump):not( .ipsPagination_mini) .fa {
  13793. font-size: 14px;
  13794. position: relative;
  13795. top: 1px;
  13796. }
  13797.  
  13798. .ipsPagination>li.ipsPagination_inactive {
  13799. display: none;
  13800. }
  13801.  
  13802. .ipsPagination.ipsPagination_mini {
  13803. display: inline;
  13804. line-height: 16px;
  13805. opacity: 0.3;
  13806. -webkit-transition: all 0.3s linear;
  13807. -moz-transition: all 0.3s linear;
  13808. -ms-transition: all 0.3s linear;
  13809. -o-transition: all 0.3s linear;
  13810. transition: all 0.3s linear;
  13811. }
  13812.  
  13813. html[dir="ltr"] .ipsPagination.ipsPagination_mini {
  13814. margin-left: 5px;
  13815. }
  13816.  
  13817. html[dir="rtl"] .ipsPagination.ipsPagination_mini {
  13818. margin-right: 5px;
  13819. }
  13820.  
  13821. .ipsPagination.ipsPagination_mini:hover,
  13822. .ipsDataItem:hover .ipsPagination_mini {
  13823. opacity: 1;
  13824. }
  13825.  
  13826. .ipsPagination.ipsPagination_mini a {
  13827. background: rgba(0, 0, 0, 0.05);
  13828. padding: 0 4px;
  13829. color: #333;
  13830. border-radius: 2px;
  13831. }
  13832.  
  13833. .ipsPager .ipsPager_next a,
  13834. .ipsPager .ipsPager_prev a {
  13835. display: inline-block;
  13836. position: relative;
  13837. padding: 15px;
  13838. max-width: 100%;
  13839. }
  13840.  
  13841. .ipsPager.ipsPager_small .ipsPager_next a,
  13842. .ipsPager.ipsPager_small .ipsPager_prev a {
  13843. padding: 0;
  13844. }
  13845.  
  13846. .ipsPager .ipsPager_next a:after,
  13847. .ipsPager .ipsPager_prev a:after {
  13848. content: '\f105';
  13849. font-family: 'FontAwesome';
  13850. font-size: 45px;
  13851. position: absolute;
  13852. top: 23px;
  13853. color: #404040;
  13854. -webkit-transition: all 0.2s linear;
  13855. -moz-transition: all 0.2s linear;
  13856. -ms-transition: all 0.2s linear;
  13857. -o-transition: all 0.2s linear;
  13858. transition: all 0.2s linear;
  13859. }
  13860.  
  13861. .ipsPager.ipsPager_small .ipsPager_next a:after,
  13862. .ipsPager.ipsPager_small .ipsPager_prev a:after {
  13863. top: 7px;
  13864. }
  13865.  
  13866. .ipsPager .ipsPager_noDesc .ipsPager_type {
  13867. margin-top: 10px;
  13868. }
  13869.  
  13870. html[dir="ltr"] .ipsPager .ipsPager_next a,
  13871. html[dir="rtl"] .ipsPager .ipsPager_prev a {
  13872. padding-right: 45px;
  13873. }
  13874.  
  13875. html[dir="ltr"] .ipsPager.ipsPager_small .ipsPager_next a,
  13876. html[dir="rtl"] .ipsPager.ipsPager_small .ipsPager_prev a {
  13877. padding-right: 30px;
  13878. }
  13879.  
  13880. html[dir="ltr"] .ipsPager .ipsPager_prev a,
  13881. html[dir="rtl"] .ipsPager .ipsPager_next a {
  13882. padding-left: 45px;
  13883. }
  13884.  
  13885. html[dir="ltr"] .ipsPager.ipsPager_small .ipsPager_prev a,
  13886. html[dir="rtl"] .ipsPager.ipsPager_small .ipsPager_next a {
  13887. padding-left: 30px;
  13888. }
  13889.  
  13890. html[dir="ltr"] .ipsPager .ipsPager_next a:after,
  13891. html[dir="rtl"] .ipsPager .ipsPager_prev a:after {
  13892. content: '\f105';
  13893. right: 15px;
  13894. }
  13895.  
  13896. html[dir="ltr"] .ipsPager.ipsPager_small .ipsPager_next a:after,
  13897. html[dir="rtl"] .ipsPager.ipsPager_small .ipsPager_prev a:after {
  13898. right: 0;
  13899. }
  13900.  
  13901. html[dir="ltr"] .ipsPager .ipsPager_prev a:after,
  13902. html[dir="rtl"] .ipsPager .ipsPager_next a:after {
  13903. content: '\f104';
  13904. left: 15px;
  13905. }
  13906.  
  13907. html[dir="rtl"] .ipsPager.ipsPager_small .ipsPager_next a:after,
  13908. html[dir="ltr"] .ipsPager.ipsPager_small .ipsPager_prev a:after {
  13909. left: 0;
  13910. }
  13911.  
  13912. .ipsPager_type {
  13913. text-transform: uppercase;
  13914. font-size: 11px;
  13915. font-weight: bold;
  13916. color: #404040;
  13917. }
  13918.  
  13919. .ipsPager_title,
  13920. .ipsPager_type {
  13921. display: block;
  13922. height: 18px;
  13923. overflow: hidden;
  13924. text-overflow: ellipsis;
  13925. max-width: 100%;
  13926. }
  13927.  
  13928. .ipsModal {
  13929. background: rgba(30, 30, 30, 0.7);
  13930. position: fixed;
  13931. top: 0;
  13932. bottom: 0;
  13933. left: 0;
  13934. right: 0;
  13935. z-index: 15000;
  13936. }
  13937.  
  13938. .ipsDialog {
  13939. position: absolute;
  13940. top: 0;
  13941. left: 0;
  13942. bottom: 0;
  13943. right: 0;
  13944. z-index: 20000;
  13945. padding-bottom: 15px;
  13946. }
  13947.  
  13948. .ipsDialog>* {}
  13949.  
  13950. .ipsDialog.ipsDialog_fixed {
  13951. position: fixed;
  13952. }
  13953.  
  13954. .ipsDialog>div {
  13955. display: block;
  13956. width: 90%;
  13957. max-width: 1200px;
  13958. background: #fff;
  13959. margin: 3% auto 0 auto;
  13960. box-shadow: 0px 5px 55px rgba(0, 0, 0, 0.4);
  13961. position: relative;
  13962. }
  13963.  
  13964. .ipsDialog.ipsDialog_fixed>div {
  13965. height: 90%;
  13966. max-height: 90%;
  13967. }
  13968.  
  13969. .ipsDialog .ipsDialog_loading {
  13970. background-color: #fff;
  13971. height: 200px;
  13972. }
  13973.  
  13974. .ipsDialog.ipsDialog_narrow>div {
  13975. max-width: 500px;
  13976. }
  13977.  
  13978. .ipsDialog.ipsDialog_medium>div {
  13979. max-width: 850px;
  13980. }
  13981.  
  13982. .ipsDialog.ipsDialog_wide>div {
  13983. max-width: 1000px;
  13984. }
  13985.  
  13986. .ipsDialog.ipsDialog_fullscreen>div {
  13987. position: absolute;
  13988. top: 10px;
  13989. right: 10px;
  13990. bottom: 10px;
  13991. left: 10px;
  13992. max-width: 100%;
  13993. max-height: 100%;
  13994. width: auto;
  13995. height: auto;
  13996. margin: 0;
  13997. }
  13998.  
  13999. .ipsDialog_close {
  14000. position: absolute;
  14001. top: 0;
  14002. display: block;
  14003. color: #000;
  14004. width: 44px;
  14005. height: 44px;
  14006. line-height: 48px;
  14007. font-size: 34px;
  14008. font-weight: 300;
  14009. text-align: center;
  14010. z-index: 1000;
  14011. -webkit-transition: 0.2s all linear;
  14012. -moz-transition: 0.2s all linear;
  14013. -ms-transition: 0.2s all linear;
  14014. -o-transition: 0.2s all linear;
  14015. transition: 0.2s all linear;
  14016. }
  14017.  
  14018. html[dir="ltr"] .ipsDialog_close {
  14019. right: 0;
  14020. }
  14021.  
  14022. html[dir="rtl"] .ipsDialog_close {
  14023. left: 0;
  14024. }
  14025.  
  14026. .ipsDialog_title {
  14027. color: #333;
  14028. font-size: 26px;
  14029. font-weight: 300;
  14030. text-align: left;
  14031. line-height: 1.2;
  14032. white-space: nowrap;
  14033. text-overflow: ellipsis;
  14034. overflow: hidden;
  14035. margin: 0;
  14036. padding: 12px 15px 0 15px;
  14037. }
  14038.  
  14039. html[dir="rtl"] .ipsDialog_title {
  14040. text-align: right;
  14041. }
  14042.  
  14043. .ipsDialog_title~.ipsHr {
  14044. margin: 12px 15px 0 15px;
  14045. }
  14046.  
  14047. .ipsDialog_fixed .ipsDialog_content {
  14048. top: 0;
  14049. bottom: 0;
  14050. left: 0;
  14051. right: 0;
  14052. position: absolute;
  14053. display: -webkit-box;
  14054. -webkit-box-orient: vertical;
  14055. -webkit-box-align: stretch;
  14056. -webkit-box-flex: 1;
  14057. -webkit-overflow-scrolling: touch;
  14058. overflow: auto;
  14059. }
  14060.  
  14061. .ipsDialog_fixed .ipsDialog_title~.ipsDialog_content {
  14062. top: 56px;
  14063. }
  14064.  
  14065. .ipsDialog_footer {
  14066. position: fixed;
  14067. bottom: 60px;
  14068. left: 0;
  14069. right: 0;
  14070. }
  14071.  
  14072. .ipsHovercard {
  14073. background: #fff;
  14074. box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  14075. border: 1px solid #ddd;
  14076. border-radius: 4px;
  14077. position: relative;
  14078. }
  14079.  
  14080. .ipsHovercard>div {
  14081. width: 100%;
  14082. height: 100%;
  14083. overflow: hidden;
  14084. }
  14085.  
  14086. .ipsHovercard:not( .ipsHovercard_noStem) .ipsHovercard_stem {
  14087. display: block;
  14088. position: absolute;
  14089. width: 0;
  14090. height: 0;
  14091. border-width: 15px;
  14092. border-style: solid;
  14093. pointer-events: none !important;
  14094. }
  14095.  
  14096. .ipsHovercard:not( .ipsHovercard_noStem) .ipsHovercard_stem:before {
  14097. content: '';
  14098. display: block;
  14099. position: absolute;
  14100. width: 0;
  14101. height: 0;
  14102. border-style: solid;
  14103. border-width: 16px;
  14104. z-index: -1;
  14105. }
  14106.  
  14107. .ipsHovercard.ipsHovercard_stemTop {
  14108. margin-top: -10px;
  14109. }
  14110.  
  14111. .ipsHovercard.ipsHovercard_stemBottom {
  14112. margin-top: 10px;
  14113. }
  14114.  
  14115. .ipsHovercard.ipsHovercard_stemLeft {
  14116. margin-left: -15px;
  14117. }
  14118.  
  14119. .ipsHovercard.ipsHovercard_stemRight {
  14120. margin-left: 15px;
  14121. }
  14122.  
  14123. .ipsHovercard_stemLeft .ipsHovercard_stem {
  14124. left: 15px;
  14125. }
  14126.  
  14127. .ipsHovercard_stemLeft .ipsHovercard_stem:before {
  14128. left: -16px;
  14129. }
  14130.  
  14131. .ipsHovercard_stemRight .ipsHovercard_stem {
  14132. right: 15px;
  14133. }
  14134.  
  14135. .ipsHovercard_stemRight .ipsHovercard_stem:before {
  14136. right: -16px;
  14137. }
  14138.  
  14139. .ipsHovercard_stemTop .ipsHovercard_stem {
  14140. top: 100%;
  14141. border-color: #fff transparent transparent transparent;
  14142. }
  14143.  
  14144. .ipsHovercard_stemTop .ipsHovercard_stem:before {
  14145. bottom: -17px;
  14146. border-color: #ddd transparent transparent transparent;
  14147. }
  14148.  
  14149. .ipsHovercard_stemBottom .ipsHovercard_stem {
  14150. bottom: 100%;
  14151. border-color: transparent transparent #fff transparent;
  14152. }
  14153.  
  14154. .ipsHovercard_stemBottom .ipsHovercard_stem:before {
  14155. top: -17px;
  14156. border-color: transparent transparent #ddd transparent;
  14157. }
  14158.  
  14159. .ipsHovercard_loading {
  14160. width: 30px;
  14161. height: 30px;
  14162. border-radius: 4px;
  14163. padding: 5px;
  14164. box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.4);
  14165. background-color: #fff;
  14166. pointer-events: none;
  14167. }
  14168.  
  14169. .ipsHovercard_loading .ipsLoading_tinyIcon {
  14170. width: 20px;
  14171. height: 20px;
  14172. font-size: 20px;
  14173. }
  14174.  
  14175. .ipsHovercard_loading:after {
  14176. content: '';
  14177. display: block;
  14178. position: absolute;
  14179. width: 0;
  14180. height: 0;
  14181. border-width: 5px;
  14182. border-style: solid;
  14183. border-color: #fff transparent transparent transparent;
  14184. left: 50%;
  14185. top: 100%;
  14186. }
  14187.  
  14188. html[dir="ltr"] .ipsHovercard_loading:after {
  14189. margin-left: -5px;
  14190. }
  14191.  
  14192. html[dir="rtl"] .ipsHovercard_loading:after {
  14193. margin-right: -5px;
  14194. }
  14195.  
  14196. .ipsTooltip {
  14197. background: #2a2a2a;
  14198. padding-top: 4px !important;
  14199. padding-bottom: 4px !important;
  14200. font-size: 12px;
  14201. color: #fff;
  14202. position: absolute;
  14203. padding: 0 8px;
  14204. pointer-events: none;
  14205. border-radius: 2px;
  14206. -webkit-user-select: none;
  14207. -moz-user-select: none;
  14208. -ms-user-select: none;
  14209. -o-user-select: none;
  14210. user-select: none;
  14211. }
  14212.  
  14213. body[data-dragging] .ipsTooltip {
  14214. display: none !important;
  14215. }
  14216.  
  14217. .ipsTooltip.ipsTooltip_top {
  14218. margin-top: -2px;
  14219. }
  14220.  
  14221. .ipsTooltip.ipsTooltip_bottom {
  14222. margin-top: 2px;
  14223. }
  14224.  
  14225. .ipsTooltip:after {
  14226. content: '';
  14227. display: block;
  14228. position: absolute;
  14229. width: 0;
  14230. height: 0;
  14231. border-width: 5px;
  14232. border-style: solid;
  14233. left: 50%;
  14234. margin-left: -5px;
  14235. }
  14236.  
  14237. .ipsTooltip.ipsTooltip_right:after {
  14238. left: auto;
  14239. right: 4px;
  14240. margin-left: 0;
  14241. }
  14242.  
  14243. .ipsTooltip.ipsTooltip_left:after {
  14244. left: 4px;
  14245. margin-left: 0;
  14246. }
  14247.  
  14248. .ipsTooltip.ipsTooltip_top:after {
  14249. border-color: #2a2a2a transparent transparent transparent;
  14250. bottom: -10px;
  14251. }
  14252.  
  14253. .ipsTooltip.ipsTooltip_bottom:after {
  14254. border-color: transparent transparent #2a2a2a transparent;
  14255. top: -10px;
  14256. }
  14257.  
  14258. .ipsTooltip a {
  14259. color: #fff;
  14260. border-bottom: 1px dotted #fff;
  14261. }
  14262.  
  14263. .ipsPageAction {
  14264. background: rgb(32, 32, 32);
  14265. background: -moz-linear-gradient(top, rgba(49, 49, 49, 1) 0%, rgba(32, 32, 32, 1) 100%);
  14266. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(49, 49, 49, 1)), color-stop(100%, rgba(32, 32, 32, 1)));
  14267. background: -webkit-linear-gradient(top, rgba(49, 49, 49, 1) 0%, rgba(32, 32, 32, 1) 100%);
  14268. background: -o-linear-gradient(top, rgba(49, 49, 49, 1) 0%, rgba(32, 32, 32, 1) 100%);
  14269. background: -ms-linear-gradient(top, rgba(49, 49, 49, 1) 0%, rgba(32, 32, 32, 1) 100%);
  14270. background: linear-gradient(to bottom, rgba(49, 49, 49, 1) 0%, rgba(32, 32, 32, 1) 100%);
  14271. border: 1px solid rgba(0, 0, 0, 0.4);
  14272. box-shadow: 0px 15px 110px rgba(0, 0, 0, 0.2);
  14273. position: fixed;
  14274. left: 50%;
  14275. bottom: 10px;
  14276. border-radius: 5px;
  14277. z-index: 2000;
  14278. color: #cdcdcd;
  14279. }
  14280.  
  14281. .ipsPageAction>ul[data-role='actionItems']>li {
  14282. padding: 5px 10px;
  14283. margin: 0;
  14284. float: left;
  14285. border-right: 1px solid rgba(0, 0, 0, 0.3);
  14286. min-width: 58px;
  14287. line-height: 29px;
  14288. text-align: center;
  14289. }
  14290.  
  14291. html[dir="rtl"] .ipsPageAction>ul[data-role='actionItems']>li {
  14292. float: right;
  14293. }
  14294.  
  14295. .ipsPageAction>ul[data-role='actionItems']>li:first-child {
  14296. background: #000;
  14297. }
  14298.  
  14299. .ipsPageAction>ul>li.ipsPageAction_active {
  14300. background: #000;
  14301. }
  14302.  
  14303. .ipsPageAction>ul>li.ipsPageAction_active .ipsPageAction_icon {
  14304. color: #fff;
  14305. }
  14306.  
  14307. .ipsPageAction .ipsPageAction_icon {
  14308. display: inline-block;
  14309. min-width: 26px;
  14310. line-height: 32px;
  14311. color: #d9d9d9;
  14312. font-size: 26px;
  14313. text-shadow: 0px 1px 2px #000;
  14314. border-radius: 2px;
  14315. vertical-align: middle;
  14316. text-align: center;
  14317. }
  14318.  
  14319. .ipsPageAction [data-role="actionMenu"]:hover,
  14320. .ipsPageAction [data-role="actionButton"]:hover {
  14321. cursor: pointer;
  14322. }
  14323.  
  14324. .ipsPageAction [data-role="actionMenu"]:hover .ipsPageAction_icon,
  14325. .ipsPageAction [data-role="actionButton"]:hover .ipsPageAction_icon {
  14326. color: #fff;
  14327. }
  14328.  
  14329. .ipsPageAction select {
  14330. padding: 5px 10px;
  14331. }
  14332.  
  14333. .ipsAlert {
  14334. background: #fff;
  14335. padding: 30px;
  14336. width: 480px;
  14337. position: fixed;
  14338. top: 100px;
  14339. border-radius: 4px;
  14340. box-shadow: 0px 5px 55px rgba(0, 0, 0, 0.4);
  14341. }
  14342.  
  14343. html[dir="ltr"] .ipsAlert {
  14344. left: 50%;
  14345. margin-left: -240px;
  14346. }
  14347.  
  14348. html[dir="rtl"] .ipsAlert {
  14349. right: 50%;
  14350. margin-right: -240px;
  14351. }
  14352.  
  14353. .ipsAlert_icon {
  14354. font-size: 60px;
  14355. float: left;
  14356. }
  14357.  
  14358. html[dir="rtl"] .ipsAlert_icon {
  14359. float: right;
  14360. }
  14361.  
  14362. html[dir="ltr"] .ipsAlert_icon+.ipsAlert_msg {
  14363. margin-left: 80px;
  14364. }
  14365.  
  14366. html[dir="rtl"] .ipsAlert_icon+.ipsAlert_msg {
  14367. margin-right: 80px;
  14368. }
  14369.  
  14370. .ipsAlert_msg {
  14371. font-size: 16px;
  14372. line-height: 20px;
  14373. }
  14374.  
  14375. .ipsAlert_msg>.ipsType_normal {
  14376. line-height: 18px !important;
  14377. margin-top: 7px;
  14378. }
  14379.  
  14380. .ipsApp .ipsAlert_buttonRow {
  14381. margin-top: 25px;
  14382. margin-bottom: 0;
  14383. }
  14384.  
  14385. html[dir="ltr"] .ipsAlert_buttonRow li {
  14386. margin-right: 5px;
  14387. }
  14388.  
  14389. html[dir="rtl"] .ipsAlert_buttonRow li {
  14390. margin-left: 5px;
  14391. }
  14392.  
  14393. .ui-datepicker {
  14394. background: white;
  14395. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58);
  14396. width: 375px;
  14397. border-radius: 6px;
  14398. z-index: 10051 !important;
  14399. }
  14400.  
  14401. .ui-datepicker-header {
  14402. line-height: 36px;
  14403. font-size: 14px;
  14404. text-align: center;
  14405. background: #333;
  14406. color: #fff;
  14407. border-bottom: 1px solid #333;
  14408. -moz-border-radius-topleft: 5px;
  14409. -moz-border-radius-topright: 5px;
  14410. border-top-left-radius: 5px;
  14411. border-top-right-radius: 5px;
  14412. }
  14413.  
  14414. .ui-datepicker-prev,
  14415. .ui-datepicker-next {
  14416. position: absolute;
  14417. top: 10px;
  14418. cursor: pointer;
  14419. }
  14420.  
  14421. .ui-datepicker-prev:after,
  14422. .ui-datepicker-next:after {
  14423. font-family: 'FontAwesome';
  14424. color: #fff;
  14425. display: block;
  14426. position: absolute;
  14427. top: -9px;
  14428. width: 20px;
  14429. height: 20px;
  14430. }
  14431.  
  14432. html[dir="ltr"] .ui-datepicker-prev:after,
  14433. .ui-datepicker-next:after {
  14434. right: 9px;
  14435. }
  14436.  
  14437. html[dir="rtl"] .ui-datepicker-prev:after,
  14438. .ui-datepicker-next:after {
  14439. left: 9px;
  14440. }
  14441.  
  14442. html[dir="ltr"] .ui-datepicker-next {
  14443. right: 9px;
  14444. }
  14445.  
  14446. html[dir="rtl"] .ui-datepicker-next {
  14447. left: 9px;
  14448. }
  14449.  
  14450. html[dir="ltr"] .ui-datepicker-next:after {
  14451. content: '\f054';
  14452. }
  14453.  
  14454. html[dir="rtl"] .ui-datepicker-next:after {
  14455. content: '\f053';
  14456. }
  14457.  
  14458. html[dir="ltr"] .ui-datepicker-prev {
  14459. left: 0px;
  14460. }
  14461.  
  14462. html[dir="rtl"] .ui-datepicker-prev {
  14463. right: 0px;
  14464. }
  14465.  
  14466. html[dir="ltr"] .ui-datepicker-prev:after {
  14467. content: '\f053';
  14468. }
  14469.  
  14470. html[dir="rtl"] .ui-datepicker-prev:after {
  14471. content: '\f054';
  14472. }
  14473.  
  14474. .ui-datepicker-next span,
  14475. .ui-datepicker-prev span {
  14476. visibility: hidden;
  14477. }
  14478.  
  14479. .ui-datepicker table {
  14480. width: 100%;
  14481. margin-bottom: 5px;
  14482. }
  14483.  
  14484. .ui-datepicker th {
  14485. padding: 4px 0;
  14486. background: #f5f5f5;
  14487. }
  14488.  
  14489. .ui-datepicker td,
  14490. .ui-datepicker th {
  14491. text-align: center;
  14492. }
  14493.  
  14494. .ui-datepicker td a {
  14495. display: block;
  14496. width: 50px;
  14497. height: 100%;
  14498. padding: 5px 0px;
  14499. }
  14500.  
  14501. .ui-datepicker td a:hover,
  14502. .ui-datepicker-current-day {
  14503. background-color: #dbdbdb;
  14504. }
  14505.  
  14506. .ui-datepicker-today {
  14507. background-color: #eaeaea;
  14508. }
  14509.  
  14510. .ui-datepicker-title select,
  14511. .ui-datepicker-title option {
  14512. color: #000;
  14513. }
  14514.  
  14515. .cke_source {
  14516. min-height: 300px !important;
  14517. min-width: 300px !important;
  14518. }
  14519.  
  14520. .cke_wysiwyg_div {
  14521. padding: 15px !important;
  14522. min-height: 200px;
  14523. }
  14524.  
  14525. .cke_wysiwyg_div>p:first-child {
  14526. margin-top: 0 !important;
  14527. }
  14528.  
  14529. .ipsApp .cke_widget_wrapper:hover>.cke_widget_element,
  14530. .ipsApp .cke_widget_wrapper:hover .cke_widget_editable {
  14531. outline-width: 1px;
  14532. outline-style: solid;
  14533. outline-color: #8ec2ed;
  14534. }
  14535.  
  14536. .ipsApp .cke_widget_wrapper:hover .cke_widget_editable.cke_widget_editable_focused {
  14537. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0px 1px 9px rgba(82, 168, 236, 0.7);
  14538. }
  14539.  
  14540. .ipsMenu_item[data-mentionid]>a {
  14541. padding: 3px 15px;
  14542. }
  14543.  
  14544. .cke_wysiwyg_div ul {
  14545. list-style-type: disc;
  14546. }
  14547.  
  14548. .cke_wysiwyg_div ul ul,
  14549. .cke_wysiwyg_div ol ul {
  14550. list-style-type: circle;
  14551. }
  14552.  
  14553. .cke_wysiwyg_div ul ul ul,
  14554. .cke_wysiwyg_div ol ol ul,
  14555. .cke_wysiwyg_div ol ul ul,
  14556. .cke_wysiwyg_div ul ol ul {
  14557. list-style-type: square;
  14558. }
  14559.  
  14560. pre {
  14561. overflow: auto;
  14562. }
  14563.  
  14564. .ipsQuote {
  14565. margin: 0;
  14566. padding: 0px 15px;
  14567. border-width: 1px 1px 1px 2px;
  14568. border-color: #ededed #e8e8e8 #dbdbdb #666666;
  14569. border-style: solid;
  14570. position: relative;
  14571. background: #fbfbfb;
  14572. clear: both;
  14573. }
  14574.  
  14575. .ipsQuote+.ipsQuote {
  14576. margin-top: 15px;
  14577. }
  14578.  
  14579. html[dir="rtl"] .ipsQuote {
  14580. border-width: 1px 2px 1px 2px;
  14581. border-color: #ededed #666666 #dbdbdb #e8e8e8;
  14582. }
  14583.  
  14584. .ipsQuote_citation {
  14585. background: #f3f3f3;
  14586. margin: 0px -15px;
  14587. padding: 5px 15px;
  14588. color: #222;
  14589. font-weight: bold;
  14590. font-size: 13px;
  14591. display: block;
  14592. }
  14593.  
  14594. .ipsQuote .ipsQuote_citation a {
  14595. color: #222;
  14596. text-decoration: none;
  14597. }
  14598.  
  14599. .ipsQuote_citation [data-action='toggleQuote'] {
  14600. vertical-align: middle;
  14601. font-family: 'FontAwesome';
  14602. font-size: 16px;
  14603. margin-top: -4px;
  14604. }
  14605.  
  14606. .ipsQuote_citation.ipsQuote_closed [data-action='toggleQuote']:before {
  14607. content: "\f138";
  14608. }
  14609.  
  14610. html[dir="rtl"] .ipsQuote_citation.ipsQuote_closed [data-action='toggleQuote']:before {
  14611. content: "\f137";
  14612. }
  14613.  
  14614. .ipsQuote_citation.ipsQuote_open [data-action='toggleQuote']:before {
  14615. content: "\f13a";
  14616. color: #bdbdbd;
  14617. }
  14618.  
  14619. .ipsQuote_citation .fa {
  14620. line-height: 23px;
  14621. opacity: 0.1;
  14622. -webkit-transition: all 0.3s linear;
  14623. -moz-transition: all 0.3s linear;
  14624. -ms-transition: all 0.3s linear;
  14625. -o-transition: all 0.3s linear;
  14626. transition: all 0.3s linear;
  14627. }
  14628.  
  14629. .ipsQuote_citation:hover .fa {
  14630. opacity: 1;
  14631. }
  14632.  
  14633. a[data-mentionid] {
  14634. display: inline-block;
  14635. border-radius: 2px;
  14636. padding: 0px 5px;
  14637. font-size: 90%;
  14638. color: #fff;
  14639. text-decoration: none !important;
  14640. background: #3d5dff;
  14641. }
  14642.  
  14643. .ipsCode {
  14644. background: #fafafa;
  14645. padding: 15px !important;
  14646. border: 0 !important;
  14647. border-left: 4px solid #e0e0e0 !important;
  14648. clear: both;
  14649. direction: ltr;
  14650. word-wrap: normal;
  14651. }
  14652.  
  14653. .ipsSpoiler,
  14654. .ipsStyle_spoiler {
  14655. margin: 0;
  14656. padding: 0px 15px;
  14657. border-width: 1px 1px 1px 1px;
  14658. border-color: #e5e5e5;
  14659. border-style: solid;
  14660. position: relative;
  14661. background: #fafafa;
  14662. clear: both;
  14663. }
  14664.  
  14665. .ipsSpoiler_header {
  14666. background: #e5e5e5;
  14667. margin: 0px -15px;
  14668. padding: 5px 15px;
  14669. color: #353535;
  14670. font-weight: bold;
  14671. font-size: 13px;
  14672. display: block;
  14673. cursor: pointer;
  14674. }
  14675.  
  14676. .ipsSpoiler .ipsSpoiler_header a,
  14677. .ipsStyle_spoiler .ipsSpoiler_header a {
  14678. color: #222;
  14679. text-decoration: none;
  14680. }
  14681.  
  14682. .ipsSpoiler_header [data-action='toggleSpoiler'] {
  14683. vertical-align: middle;
  14684. font-family: 'FontAwesome';
  14685. font-size: 16px;
  14686. margin-top: -4px;
  14687. }
  14688.  
  14689. .ipsSpoiler_header.ipsSpoiler_closed [data-action='toggleSpoiler']:before {
  14690. content: "\f138";
  14691. }
  14692.  
  14693. html[dir="rtl"] .ipsSpoiler_header.ipsSpoiler_closed [data-action='toggleSpoiler']:before {
  14694. content: "\f137";
  14695. }
  14696.  
  14697. .ipsSpoiler_header.ipsSpoiler_open [data-action='toggleSpoiler']:before {
  14698. content: "\f13a";
  14699. color: #bdbdbd;
  14700. }
  14701.  
  14702. .ipsAttachLink_image,
  14703. .ipsAttachLink {
  14704. margin-bottom: 15px;
  14705. }
  14706.  
  14707. html[dir="ltr"] .ipsAttachLink_image.ipsAttachLink_right,
  14708. html[dir="ltr"] .ipsAttachLink.ipsAttachLink_right,
  14709. html[dir="rtl"] .ipsAttachLink_image.ipsAttachLink_left,
  14710. html[dir="rtl"] .ipsAttachLink.ipsAttachLink_left {
  14711. margin-left: 30px;
  14712. }
  14713.  
  14714. html[dir="ltr"] .ipsAttachLink_image.ipsAttachLink_left,
  14715. html[dir="ltr"] .ipsAttachLink.ipsAttachLink_left,
  14716. html[dir="rtl"] .ipsAttachLink_image.ipsAttachLink_right,
  14717. html[dir="rtl"] .ipsAttachLink.ipsAttachLink_right {
  14718. margin-right: 30px;
  14719. }
  14720.  
  14721. iframe[data-embedContent] {
  14722. width: 100%;
  14723. min-height: 165px;
  14724. max-width: 500px;
  14725. min-width: 250px;
  14726. margin: 10px 0;
  14727. border: 1px solid transparent;
  14728. position: relative;
  14729. background-size: 40px 40px;
  14730. border-radius: 2px;
  14731. display: block;
  14732. }
  14733.  
  14734. iframe[data-embedContent].ipsEmbed_finishedLoading {
  14735. background-color: #fcfcfc;
  14736. background-image: none;
  14737. border: 1px solid rgba(0, 0, 0, 0.1);
  14738. }
  14739.  
  14740. .ipsRichEmbed .ipsRichEmbed_masthead {
  14741. background: #0c1018;
  14742. }
  14743.  
  14744. .ipsRichEmbed .ipsRichEmbed_mastheadBg>a,
  14745. .ipsRichEmbed .ipsRichEmbed_mastheadBg>span {
  14746. background-position: center;
  14747. background-repeat: no-repeat;
  14748. background-size: cover;
  14749. height: 120px;
  14750. display: block;
  14751. }
  14752.  
  14753. .ipsRichEmbed .ipsRichEmbed_mastheadBg.ipsRichEmbed_mastheadBg_small>a,
  14754. .ipsRichEmbed .ipsRichEmbed_mastheadBg.ipsRichEmbed_mastheadBg_small>span {
  14755. height: 80px;
  14756. }
  14757.  
  14758. .ipsRichEmbed .ipsImage {
  14759. max-height: 350px;
  14760. }
  14761.  
  14762. .ipsRichEmbed_header {
  14763. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  14764. padding: 10px 45px 10px 15px;
  14765. }
  14766.  
  14767. .ipsRichEmbed_openItem {
  14768. font-size: 26px;
  14769. position: absolute;
  14770. right: 15px;
  14771. top: 15px;
  14772. color: #000;
  14773. opacity: 0.1;
  14774. -webkit-transition: all 0.2s ease-in-out;
  14775. -moz-transition: all 0.2s ease-in-out;
  14776. -ms-transition: all 0.2s ease-in-out;
  14777. -o-transition: all 0.2s ease-in-out;
  14778. transition: all 0.2s ease-in-out;
  14779. }
  14780.  
  14781. .ipsRichEmbed_openItem:hover {
  14782. color: inherit;
  14783. opacity: 1;
  14784. }
  14785.  
  14786. .ipsRichEmbed_title {
  14787. font-size: 14px;
  14788. font-weight: 600;
  14789. padding-top: 2px;
  14790. }
  14791.  
  14792. .ipsRichEmbed_moreInfo {
  14793. border-top: 1px solid rgba(0, 0, 0, 0.05);
  14794. }
  14795.  
  14796. .ipsRichEmbed_metaLine {}
  14797.  
  14798. .ipsApp .ipsRichEmbed_stats.ipsSpacer_top {
  14799. border-top: 1px solid rgba(0, 0, 0, 0.1);
  14800. padding-top: 10px;
  14801. margin-top: 10px;
  14802. }
  14803.  
  14804. .ipsRichEmbed_originalItem {
  14805. border: 1px solid rgba(0, 0, 0, 0.1);
  14806. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  14807. }
  14808.  
  14809. .ipsRichEmbed_originalItem.ipsPad,
  14810. .ipsRichEmbed_originalItem .ipsPad {
  14811. padding: 10px;
  14812. }
  14813.  
  14814. .ipsRichEmbed_itemTitle {
  14815. margin: 0;
  14816. font-size: 17px;
  14817. color: #ffffff;
  14818. font-weight: 400;
  14819. line-height: 1.2;
  14820. }
  14821.  
  14822. .ipsRichEmbed_phone .ipsPhotoPanel>.ipsUserPhoto {
  14823. display: none !important;
  14824. }
  14825.  
  14826. html[dir] .ipsRichEmbed_phone .ipsPhotoPanel>div {
  14827. margin-left: 0;
  14828. margin-right: 0;
  14829. }
  14830.  
  14831. html[dir="ltr"] .ipsList_inline .ipsRichEmbed_commentPhoto {
  14832. margin-right: 2px;
  14833. }
  14834.  
  14835. html[dir="rtl"] .ipsList_inline .ipsRichEmbed_commentPhoto {
  14836. margin-left: 2px;
  14837. }
  14838.  
  14839. .ipsRichEmbed hr.ipsHr {
  14840. margin-top: 10px;
  14841. margin-bottom: 10px;
  14842. }
  14843.  
  14844. .ipsEmbedded {
  14845. width: 1px;
  14846. min-width: 100%;
  14847. *width: 100%;
  14848. }
  14849.  
  14850. .ipsEmbedded_image {
  14851. background-color: #333;
  14852. background-size: cover;
  14853. background-position: 50%;
  14854. background-repeat: no-repeat;
  14855. overflow: hidden;
  14856. }
  14857.  
  14858. .ipsEmbedded_image,
  14859. .ipsEmbedded_image a {
  14860. width: 110px;
  14861. height: 110px;
  14862. }
  14863.  
  14864. .ipsEmbedded_image a {
  14865. display: block;
  14866. }
  14867.  
  14868. .ipsEmbedded_image img {
  14869. display: none;
  14870. }
  14871.  
  14872. .ipsEmbedded_withImage .ipsEmbedded_image {
  14873. position: absolute;
  14874. top: 10px;
  14875. border: 3px solid #fff;
  14876. }
  14877.  
  14878. html[dir="ltr"] .ipsEmbedded_withImage .ipsEmbedded_image {
  14879. left: 10px;
  14880. }
  14881.  
  14882. html[dir="rtl"] .ipsEmbedded_withImage .ipsEmbedded_image {
  14883. right: 10px;
  14884. }
  14885.  
  14886. .ipsEmbedded_headerArea {
  14887. background: #efefef;
  14888. border-bottom: 1px solid rgba(0, 0, 0, 0.055);
  14889. padding: 10px;
  14890. line-height: 1;
  14891. font-size: 16px;
  14892. }
  14893.  
  14894. .ipsEmbedded_headerArea .ipsEmbedded_type {
  14895. font-size: 12px;
  14896. }
  14897.  
  14898. .ipsEmbedded .ipsType_medium,
  14899. .ipsEmbedded .ipsType_small {
  14900. line-height: 1.3;
  14901. }
  14902.  
  14903. .ipsEmbedded_content {
  14904. padding: 9px 7px 7px;
  14905. background-color: #fcfcfc;
  14906. min-height: 75px;
  14907. }
  14908.  
  14909. .ipsEmbedded_stats {
  14910. margin-top: 9px;
  14911. padding: 7px 0;
  14912. border-top: 1px solid rgba(0, 0, 0, 0.05);
  14913. }
  14914.  
  14915. .ipsEmbedded .ipsUserPhoto_tiny img {
  14916. width: 30px;
  14917. height: 30px;
  14918. }
  14919.  
  14920. html[dir="ltr"] .ipsEmbedded_withImage .ipsEmbedded_headerArea,
  14921. html[dir="ltr"] .ipsEmbedded_withImage .ipsEmbedded_content {
  14922. padding-left: 130px;
  14923. }
  14924.  
  14925. html[dir="rtl"] .ipsEmbedded_withImage .ipsEmbedded_headerArea,
  14926. html[dir="rtl"] .ipsEmbedded_withImage .ipsEmbedded_content {
  14927. padding-right: 130px;
  14928. }
  14929.  
  14930. .ipsEmbedded_error {
  14931. text-align: center;
  14932. padding-top: 50px;
  14933. font-size: 12px;
  14934. color: rgba(0, 0, 0, 0.3);
  14935. }
  14936.  
  14937. .ipsEmbeddedVideo iframe {
  14938. position: absolute;
  14939. top: 0;
  14940. left: 0;
  14941. width: 100%;
  14942. height: 100%;
  14943. }
  14944.  
  14945. .ipsEmbeddedVideo {
  14946. float: none;
  14947. clear: both;
  14948. width: 100%;
  14949. overflow: auto;
  14950. position: relative;
  14951. }
  14952.  
  14953. .ipsEmbeddedVideo:not( video) {
  14954. padding-bottom: 56.25%;
  14955. padding-top: 25px;
  14956. }
  14957.  
  14958. .ipsQuote .ipsEmbeddedVideo {
  14959. width: 98%;
  14960. margin-bottom: 15px;
  14961. }
  14962.  
  14963. .ipsEmbeddedOther iframe {
  14964. float: none;
  14965. clear: both;
  14966. width: 100%;
  14967. position: relative;
  14968. border: none;
  14969. }
  14970.  
  14971. .ipsReviewResponse {
  14972. border-left: 1px solid #c5c5c5;
  14973. }
  14974.  
  14975. html[dir="ltr"] .ipsReviewResponse {
  14976. margin-left: 20px;
  14977. }
  14978.  
  14979. html[dir="rtl"] .ipsReviewResponse {
  14980. margin-right: 20px;
  14981. }
  14982.  
  14983. .pln {
  14984. color: #000
  14985. }
  14986.  
  14987. @media screen {
  14988. .str {
  14989. color: #080
  14990. }
  14991. .kwd {
  14992. color: #008
  14993. }
  14994. .com {
  14995. color: #800
  14996. }
  14997. .typ {
  14998. color: #606
  14999. }
  15000. .lit {
  15001. color: #066
  15002. }
  15003. .pun,
  15004. .opn,
  15005. .clo {
  15006. color: #660
  15007. }
  15008. .tag {
  15009. color: #008
  15010. }
  15011. .atn {
  15012. color: #606
  15013. }
  15014. .atv {
  15015. color: #080
  15016. }
  15017. .dec,
  15018. .var {
  15019. color: #606
  15020. }
  15021. .fun {
  15022. color: red
  15023. }
  15024. }
  15025.  
  15026. @media print,
  15027. projection {
  15028. .str {
  15029. color: #060
  15030. }
  15031. .kwd {
  15032. color: #006;
  15033. font-weight: bold
  15034. }
  15035. .com {
  15036. color: #600;
  15037. font-style: italic
  15038. }
  15039. .typ {
  15040. color: #404;
  15041. font-weight: bold
  15042. }
  15043. .lit {
  15044. color: #044
  15045. }
  15046. .pun,
  15047. .opn,
  15048. .clo {
  15049. color: #440
  15050. }
  15051. .tag {
  15052. color: #006;
  15053. font-weight: bold
  15054. }
  15055. .atn {
  15056. color: #404
  15057. }
  15058. .atv {
  15059. color: #060
  15060. }
  15061. }
  15062.  
  15063. pre.prettyprint {
  15064. padding: 2px;
  15065. border: 1px solid #888
  15066. }
  15067.  
  15068. ol.linenums {
  15069. margin-top: 0;
  15070. margin-bottom: 0
  15071. }
  15072.  
  15073. li.L0,
  15074. li.L1,
  15075. li.L2,
  15076. li.L3,
  15077. li.L5,
  15078. li.L6,
  15079. li.L7,
  15080. li.L8 {
  15081. list-style-type: none
  15082. }
  15083.  
  15084. li.L1,
  15085. li.L3,
  15086. li.L5,
  15087. li.L7,
  15088. li.L9 {
  15089. background: #eee
  15090. }
  15091.  
  15092. html[dir="ltr"] .ipsStream.ipsStream_withTimeline {
  15093. border-left: 3px solid #1a222b;
  15094. margin-left: 20px;
  15095. }
  15096.  
  15097. html[dir="rtl"] .ipsStream.ipsStream_withTimeline {
  15098. border-right: 3px solid #1a222b;
  15099. margin-right: 20px;
  15100. }
  15101.  
  15102. .ipsStreamItem {
  15103. margin-top: 10px;
  15104. margin-bottom: 10px;
  15105. position: relative;
  15106. }
  15107.  
  15108. .ipsStreamItem.ipsStreamItem_contentBlock {
  15109. border: 1px solid #d9d9d9;
  15110. padding: 15px;
  15111. border-radius: 3px;
  15112. }
  15113.  
  15114. .ipsStreamItem.ipsStreamItem_actionBlock {
  15115. padding-top: 4px;
  15116. padding-bottom: 4px;
  15117. background: transparent;
  15118. }
  15119.  
  15120. html[dir="ltr"] .ipsStreamItem.ipsStreamItem_actionBlock time {
  15121. margin-left: 15px;
  15122. }
  15123.  
  15124. html[dir="rtl"] .ipsStreamItem.ipsStreamItem_actionBlock time {
  15125. margin-right: 15px;
  15126. }
  15127.  
  15128. html[dir="ltr"] .ipsStreamItem.ipsStreamItem_contentBlock.ipsStreamItem_active {
  15129. border-right: 2px solid #333;
  15130. }
  15131.  
  15132. html[dir="rtl"] .ipsStreamItem.ipsStreamItem_contentBlock.ipsStreamItem_active {
  15133. border-left: 2px solid #333;
  15134. }
  15135.  
  15136. .ipsStreamItem_snippet {
  15137. margin-top: 15px;
  15138. margin-bottom: 15px;
  15139. }
  15140.  
  15141. .ipsStreamItem_snippet .ipsType_richText {
  15142. color: #555;
  15143. }
  15144.  
  15145. .ipsStream .ipsStreamItem:first-child {
  15146. margin-top: 0;
  15147. }
  15148.  
  15149. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem {
  15150. margin-left: 30px;
  15151. }
  15152.  
  15153. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem {
  15154. margin-right: 30px;
  15155. }
  15156.  
  15157. .ipsStreamItem_title {
  15158. color: #000;
  15159. font-size: 20px;
  15160. font-weight: 400;
  15161. line-height: 1.2;
  15162. }
  15163.  
  15164. .ipsStreamItem_titleSmall {
  15165. font-weight: 400;
  15166. font-size: 17px;
  15167. }
  15168.  
  15169. .ipsStreamItem_unread .ipsStreamItem_title,
  15170. .ipsStreamItem_unread .ipsStreamItem_titleSmall {
  15171. font-weight: bold;
  15172. }
  15173.  
  15174. .ipsStreamItem_status {
  15175. font-size: 14px;
  15176. }
  15177.  
  15178. html[dir="ltr"] .ipsStreamItem_snippet,
  15179. html[dir="ltr"] .ipsStreamItem_meta {
  15180. margin-left: 55px;
  15181. }
  15182.  
  15183. html[dir="rtl"] .ipsStreamItem_snippet,
  15184. html[dir="rtl"] .ipsStreamItem_meta {
  15185. margin-right: 55px;
  15186. }
  15187.  
  15188. html[dir="ltr"] .ipsStreamItem_loadMore {
  15189. margin-left: 25px;
  15190. margin-top: 15px;
  15191. }
  15192.  
  15193. html[dir="rtl"] .ipsStreamItem_loadMore {
  15194. margin-right: 25px;
  15195. margin-top: 15px;
  15196. }
  15197.  
  15198. html[dir="ltr"] .ipsStreamItem_bar hr.ipsHr {
  15199. border-color: #3d5e78;
  15200. margin-left: 25px;
  15201. }
  15202.  
  15203. html[dir="rtl"] .ipsStreamItem_bar hr.ipsHr {
  15204. border-color: #3d5e78;
  15205. margin-right: 25px;
  15206. }
  15207.  
  15208. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before,
  15209. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:after {
  15210. content: '';
  15211. width: 0;
  15212. height: 0;
  15213. border-style: solid;
  15214. position: absolute;
  15215. pointer-events: none;
  15216. }
  15217.  
  15218. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before {
  15219. border-width: 12px;
  15220. top: 7px;
  15221. z-index: 100;
  15222. }
  15223.  
  15224. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before {
  15225. border-color: transparent #d9d9d9 transparent transparent;
  15226. left: -24px;
  15227. }
  15228.  
  15229. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before {
  15230. border-color: transparent transparent transparent #d9d9d9;
  15231. right: -24px;
  15232. }
  15233.  
  15234. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated:before {
  15235. border-color: transparent #ede4e4 transparent transparent;
  15236. }
  15237.  
  15238. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated:before {
  15239. border-color: transparent transparent transparent #ede4e4;
  15240. }
  15241.  
  15242. .ipsStream_withTimeline .ipsStreamItem:after {
  15243. border-width: 11px;
  15244. top: 8px;
  15245. z-index: 200;
  15246. }
  15247.  
  15248. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem:after {
  15249. left: -22px;
  15250. border-color: transparent #fff transparent transparent;
  15251. }
  15252.  
  15253. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem:after {
  15254. right: -22px;
  15255. border-color: transparent transparent transparent #fff;
  15256. }
  15257.  
  15258. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsModerated:after {
  15259. border-color: transparent #191c23 transparent transparent;
  15260. }
  15261.  
  15262. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsModerated:after {
  15263. border-color: transparent transparent transparent #191c23;
  15264. }
  15265.  
  15266. .ipsStream_withTimeline .ipsStreamItem_container:before {
  15267. content: '';
  15268. box-sizing: border-box;
  15269. display: block;
  15270. position: absolute;
  15271. }
  15272.  
  15273. .ipsStream_comment {
  15274. background: #191c23;
  15275. }
  15276.  
  15277. html[dir="ltr"] .ipsStream_comment {
  15278. margin-left: 30px;
  15279. }
  15280.  
  15281. html[dir="rtl"] .ipsStream_comment {
  15282. margin-right: 30px;
  15283. }
  15284.  
  15285. .ipsStream_comment:before {
  15286. content: '';
  15287. display: block;
  15288. width: 0;
  15289. height: 0;
  15290. position: absolute;
  15291. top: 10px;
  15292. border-width: 15px;
  15293. border-style: solid;
  15294. }
  15295.  
  15296. html[dir="ltr"] .ipsStream_comment:before {
  15297. left: 0px;
  15298. border-color: transparent #191c23 transparent transparent;
  15299. }
  15300.  
  15301. html[dir="rtl"] .ipsStream_comment:before {
  15302. right: 0px;
  15303. border-color: transparent transparent transparent #191c23;
  15304. }
  15305.  
  15306. .ipsStreamItem_actionBlock {
  15307. font-size: 13px;
  15308. }
  15309.  
  15310. html[dir] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_actionBlock:after {
  15311. content: '';
  15312. width: 9px;
  15313. height: 9px;
  15314. border-radius: 9px;
  15315. position: absolute;
  15316. top: 50%;
  15317. margin-top: -4px;
  15318. background: #1a222b;
  15319. }
  15320.  
  15321. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_actionBlock:after {
  15322. left: -36px;
  15323. }
  15324.  
  15325. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_actionBlock:after {
  15326. right: -36px;
  15327. }
  15328.  
  15329. .ipsStreamItem_time {
  15330. display: inline-block;
  15331. border-radius: 20px;
  15332. background: #1a222b;
  15333. color: #fff;
  15334. line-height: 24px;
  15335. font-size: 12px;
  15336. padding: 0 20px;
  15337. }
  15338.  
  15339. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem_time {
  15340. margin-left: -20px;
  15341. }
  15342.  
  15343. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem_time {
  15344. margin-right: -20px;
  15345. }
  15346.  
  15347. .ipsStreamItem.ipsStreamItem_condensed~.ipsStreamItem_time {
  15348. margin-top: 7px;
  15349. margin-bottom: 7px;
  15350. }
  15351.  
  15352. .ipsStream .ipsStreamItem_time:first-child {
  15353. margin-bottom: 7px;
  15354. }
  15355.  
  15356. .ipsStreamItem_terminator {
  15357. width: 13px;
  15358. height: 13px;
  15359. border-radius: 13px;
  15360. background: #1a222b;
  15361. }
  15362.  
  15363. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem_terminator {
  15364. margin-left: -8px;
  15365. }
  15366.  
  15367. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem_terminator {
  15368. margin-right: -8px;
  15369. }
  15370.  
  15371. .ipsStream .ipsStreamItem_contentType {
  15372. position: absolute;
  15373. display: block;
  15374. width: 30px;
  15375. height: 30px;
  15376. border-radius: 30px;
  15377. line-height: 25px;
  15378. font-size: 15px;
  15379. text-align: center;
  15380. background: #fff;
  15381. z-index: 500;
  15382. border: 2px solid #1a222b;
  15383. }
  15384.  
  15385. .ipsStreamItem.ipsModerated .ipsStreamItem_contentType {
  15386. background: #e8dfdf;
  15387. }
  15388.  
  15389. html[dir="ltr"] .ipsStream.ipsStream_withTimeline .ipsStreamItem_contentType {
  15390. left: -48px;
  15391. top: 5px;
  15392. }
  15393.  
  15394. html[dir="ltr"] .ipsStream:not( .ipsStream_withTimeline) .ipsStreamItem_contentType {
  15395. right: 7px;
  15396. top: 7px;
  15397. }
  15398.  
  15399. html[dir="rtl"] .ipsStream.ipsStream_withTimeline .ipsStreamItem_contentType {
  15400. right: -48px;
  15401. top: 5px;
  15402. }
  15403.  
  15404. html[dir="rtl"] .ipsStream:not( .ipsStream_withTimeline) .ipsStreamItem_contentType {
  15405. left: 7px;
  15406. top: 7px;
  15407. }
  15408.  
  15409. .ipsStream_price {
  15410. color: #b63f3f;
  15411. font-weight: bold;
  15412. font-size: 16px;
  15413. }
  15414.  
  15415. .ipsStream_snippetInfo {
  15416. border-style: solid;
  15417. border-color: rgba(0, 0, 0, 0.1);
  15418. padding-left: 15px;
  15419. }
  15420.  
  15421. html[dir="ltr"] .ipsStream_snippetInfo {
  15422. border-width: 0 0 0 1px;
  15423. }
  15424.  
  15425. html[dir="rtl"] .ipsStream_snippetInfo {
  15426. border-width: 0 1px 0 0;
  15427. }
  15428.  
  15429. html[dir="ltr"] .ipsStreamItem.ipsStreamItem_actionBlock.ipsStreamItem_expanded {
  15430. padding-left: 0;
  15431. margin-left: 30px;
  15432. }
  15433.  
  15434. html[dir="rtl"] .ipsStreamItem.ipsStreamItem_actionBlock.ipsStreamItem_expanded {
  15435. padding-right: 0;
  15436. margin-right: 30px;
  15437. }
  15438.  
  15439. .ipsStreamItem_condensed .ipsStreamItem_titleSmall {
  15440. font-size: 15px;
  15441. }
  15442.  
  15443. .ipsStreamItem_condensed.ipsStreamItem {
  15444. margin-top: 5px;
  15445. margin-bottom: 5px;
  15446. }
  15447.  
  15448. .ipsStreamItem_condensed.ipsStreamItem.ipsStreamItem_contentBlock {
  15449. padding: 10px;
  15450. line-height: 1.6;
  15451. }
  15452.  
  15453. html[dir="ltr"] .ipsStreamItem.ipsStreamItem_actionBlock.ipsStreamItem_condensed {
  15454. padding-left: 0;
  15455. }
  15456.  
  15457. html[dir="rtl"] .ipsStreamItem.ipsStreamItem_actionBlock.ipsStreamItem_condensed {
  15458. padding-right: 0;
  15459. }
  15460.  
  15461. .ipsStreamItem_condensed .ipsUserPhoto_tiny img {
  15462. width: 30px;
  15463. height: 30px;
  15464. }
  15465.  
  15466. html[dir="ltr"] .ipsStreamItem_condensed .ipsPhotoPanel_small>div {
  15467. margin-left: 85px;
  15468. }
  15469.  
  15470. html[dir="rtl"] .ipsStreamItem_condensed .ipsPhotoPanel_small>div {
  15471. margin-right: 85px;
  15472. }
  15473.  
  15474. html[dir="ltr"] .ipsStreamItem_condensed .ipsPhotoPanel_mini>div {
  15475. margin-left: 45px;
  15476. margin-right: 200px;
  15477. }
  15478.  
  15479. html[dir="rtl"] .ipsStreamItem_condensed .ipsPhotoPanel_mini>div {
  15480. margin-right: 45px;
  15481. margin-left: 200px;
  15482. }
  15483.  
  15484. .ipsStreamItem_condensed .ipsCalendarDate {
  15485. width: 75px;
  15486. }
  15487.  
  15488. .ipsStreamItem_condensed .ipsStreamItem_status {
  15489. font-size: 13px;
  15490. }
  15491.  
  15492. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_condensed.ipsStreamItem_contentBlock:before,
  15493. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_condensed.ipsStreamItem_contentBlock:after {
  15494. top: 50%;
  15495. }
  15496.  
  15497. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_condensed.ipsStreamItem_contentBlock:before {
  15498. margin-top: -12px;
  15499. }
  15500.  
  15501. .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_condensed.ipsStreamItem_contentBlock:after {
  15502. margin-top: -11px;
  15503. }
  15504.  
  15505. html[dir] .ipsStream.ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_contentType {
  15506. top: 50%;
  15507. margin-top: -15px;
  15508. }
  15509.  
  15510. .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats {
  15511. width: 200px;
  15512. line-height: 24px;
  15513. position: absolute;
  15514. top: 15px;
  15515. }
  15516.  
  15517. html[dir="ltr"] .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats {
  15518. border-left: 1px solid rgba(0, 0, 0, 0.2);
  15519. padding-left: 15px;
  15520. right: 0;
  15521. }
  15522.  
  15523. html[dir="rtl"] .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats {
  15524. border-right: 1px solid rgba(0, 0, 0, 0.2);
  15525. padding-right: 15px;
  15526. left: 0;
  15527. }
  15528.  
  15529. .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats time,
  15530. .ipsStreamItem.ipsStreamItem_condensed.ipsStreamItem_actionBlock time {
  15531. font-size: 0px;
  15532. line-height: 1;
  15533. }
  15534.  
  15535. .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats time:after,
  15536. .ipsStreamItem.ipsStreamItem_condensed.ipsStreamItem_actionBlock time:after {
  15537. content: attr(data-short);
  15538. font-size: 13px;
  15539. line-height: inherit;
  15540. }
  15541.  
  15542. table {
  15543. border-collapse: collapse;
  15544. border-spacing: 0;
  15545. }
  15546.  
  15547. .ipsTable {
  15548. width: 100%;
  15549. border-collapse: collapse;
  15550. }
  15551.  
  15552. .ipsTable th {
  15553. text-align: left;
  15554. background: #f3f3f3;
  15555. padding: 15px 20px 15px 10px;
  15556. font-size: 13px;
  15557. }
  15558.  
  15559. html[dir="rtl"] .ipsTable th {
  15560. text-align: right;
  15561. padding: 15px 10px 15px 20px;
  15562. }
  15563.  
  15564. .ipsTable th a {
  15565. color: inherit;
  15566. }
  15567.  
  15568. .ipsTable th:not( .ipsMatrixHeader),
  15569. .ipsTable td {
  15570. vertical-align: middle;
  15571. white-space: nowrap;
  15572. }
  15573.  
  15574. .ipsTable td.ipsTable_wrap,
  15575. .ipsTable td.ipsMatrix_rowTitle {
  15576. white-space: normal;
  15577. word-wrap: break-word;
  15578. max-width: 500px;
  15579. }
  15580.  
  15581. .ipsTable th.ipsPos_top,
  15582. .ipsTable td.ipsPos_top {
  15583. vertical-align: top;
  15584. }
  15585.  
  15586. .ipsTable td {
  15587. padding: 7px;
  15588. border-bottom: 1px solid rgba(0, 0, 0, 0.01);
  15589. }
  15590.  
  15591. .ipsTable_zebra tbody tr:nth-child( even):not(.ipsTable_highlight):not(.ipsModerated) {
  15592. background: #f9f9f9;
  15593. }
  15594.  
  15595. .ipsTable_zebra.ipsTable td {
  15596. border-bottom: 0;
  15597. }
  15598.  
  15599. .ipsTable tr[data-tableClickTarget]:hover {
  15600. background: #f3f3f3 !important;
  15601. cursor: pointer;
  15602. }
  15603.  
  15604. .ipsTable code {
  15605. cursor: text !important;
  15606. }
  15607.  
  15608. .ipsTable_highlight {
  15609. background: #f2eae2;
  15610. }
  15611.  
  15612. .ipsTable td.ipsTable_icon {
  15613. width: 65px;
  15614. text-align: center;
  15615. }
  15616.  
  15617. .ipsTable td.ipsTable_controls {
  15618. width: 120px;
  15619. }
  15620.  
  15621. .ipsTable_sortable {
  15622. position: relative;
  15623. }
  15624.  
  15625. .ipsTable_sortable:hover {
  15626. background: rgba(0, 0, 0, 0.06);
  15627. cursor: pointer;
  15628. }
  15629.  
  15630. .ipsTable_sortable:hover:after {
  15631. opacity: 0.3;
  15632. }
  15633.  
  15634. .ipsTable_sortable a {
  15635. display: block;
  15636. position: relative;
  15637. }
  15638.  
  15639. .ipsTable_sortIcon {
  15640. display: block;
  15641. position: absolute;
  15642. top: 50%;
  15643. margin-top: -8px;
  15644. }
  15645.  
  15646. html[dir="ltr"] .ipsTable_sortIcon {
  15647. right: -10px;
  15648. }
  15649.  
  15650. html[dir="rtl"] .ipsTable_sortIcon {
  15651. right: auto;
  15652. left: -10px;
  15653. }
  15654.  
  15655. .ipsTable_sortable .ipsTable_sortIcon:after {
  15656. font-family: 'FontAwesome';
  15657. display: block;
  15658. color: #000;
  15659. opacity: 0.15;
  15660. }
  15661.  
  15662. .ipsTable_sortable.ipsTable_sortableDesc .ipsTable_sortIcon:after {
  15663. content: '\f0d7';
  15664. }
  15665.  
  15666. .ipsTable_sortable.ipsTable_sortableAsc .ipsTable_sortIcon:after {
  15667. content: '\f0d8';
  15668. }
  15669.  
  15670. .ipsTable_sortable.ipsTable_sortableActive {
  15671. background: #4791c4;
  15672. color: #fff;
  15673. }
  15674.  
  15675. .ipsTable_sortable.ipsTable_sortableActive .ipsTable_sortIcon:after {
  15676. color: #fff;
  15677. opacity: 1;
  15678. }
  15679.  
  15680. .ipsTable.ipsMatrix thead th {
  15681. background: #262e33;
  15682. color: #fff;
  15683. text-align: center;
  15684. }
  15685.  
  15686. .ipsTable.ipsMatrix .ipsMatrix_subHeader {
  15687. background: #f9f9f9;
  15688. color: #333;
  15689. padding: 15px;
  15690. font-size: 16px;
  15691. font-weight: normal;
  15692. }
  15693.  
  15694. .ipsTable.ipsMatrix td {
  15695. padding: 15px;
  15696. }
  15697.  
  15698. .ipsTable.ipsMatrix .ipsMatrix_error {
  15699. background: #f9eef1;
  15700. }
  15701.  
  15702. .ipsTable.ipsMatrix .ipsButton[data-action] {
  15703. line-height: 18px;
  15704. padding: 0 5px;
  15705. font-size: 10px;
  15706. }
  15707.  
  15708. .ipsTable.ipsMatrix .ipsMatrix_highlighted {
  15709. background: #FBE9E7;
  15710. }
  15711.  
  15712. .ipsTabs {
  15713. background: #1a1d24;
  15714. padding: 10px 10px 0 10px;
  15715. margin: 0;
  15716. list-style: none;
  15717. }
  15718.  
  15719. .ipsTabs [data-action='expandTabs'] {
  15720. display: none !important;
  15721. }
  15722.  
  15723. .ipsTabs [role="tablist"] {
  15724. margin: 0;
  15725. padding: 0;
  15726. list-style: none;
  15727. }
  15728.  
  15729. .ipsTabs.ipsTabs_stretch [role="tablist"] {
  15730. display: table;
  15731. table-layout: fixed;
  15732. width: 100%;
  15733. }
  15734.  
  15735. .ipsTabs.ipsTabs_stretch [role="tablist"]>li {
  15736. display: table-cell;
  15737. }
  15738.  
  15739. .ipsTabs_small {
  15740. padding: 4px 4px 0 4px;
  15741. }
  15742.  
  15743. .ipsTabs_item {
  15744. display: block;
  15745. float: left;
  15746. white-space: nowrap;
  15747. line-height: 38px;
  15748. font-size: 14px;
  15749. color: #fff;
  15750. background: rgba(255, 255, 255, 0.1);
  15751. padding: 0 20px;
  15752. text-overflow: ellipsis;
  15753. max-width: 100%;
  15754. overflow: hidden;
  15755. margin-right: 2px;
  15756. }
  15757.  
  15758. html[dir="rtl"] .ipsTabs_item {
  15759. float: right;
  15760. margin-left: 2px;
  15761. }
  15762.  
  15763. .ipsTabs_item.ipsTabs_itemDisabled {
  15764. opacity: 0.5;
  15765. font-style: italic;
  15766. pointer-events: none;
  15767. color: rgba(255, 255, 255, 0.6);
  15768. }
  15769.  
  15770. .ipsTabs.ipsTabs_stretch .ipsTabs_item {
  15771. float: none;
  15772. }
  15773.  
  15774. .ipsTabs.ipsTabs_stretch.ipsTabs_small .ipsTabs_item {
  15775. padding: 0 10px;
  15776. text-align: center;
  15777. }
  15778.  
  15779. html[dir="ltr"] .ipsTabs [role="tablist"]>li:last-child .ipsTabs_item {
  15780. margin-right: 0;
  15781. }
  15782.  
  15783. html[dir="rtl"] .ipsTabs [role="tablist"]>li:last-child .ipsTabs_item {
  15784. margin-left: 0;
  15785. }
  15786.  
  15787. .ipsTabs.ipsTabs_small .ipsTabs_item {
  15788. font-size: 12px;
  15789. line-height: 30px;
  15790. margin: 0;
  15791. }
  15792.  
  15793. .ipsTabs_activeItem {
  15794. background: #fff;
  15795. color: #333;
  15796. font-weight: bold;
  15797. }
  15798.  
  15799. .ipsTabs_activeItem:hover {
  15800. color: #333;
  15801. }
  15802.  
  15803. .ipsTabs_item:not( .ipsTabs_activeItem):hover {
  15804. background: rgba(255, 255, 255, 0.2);
  15805. color: #fff;
  15806. }
  15807.  
  15808. .ipsTabs_withIcons .ipsTabs_item {
  15809. text-align: center;
  15810. padding: 8px 15px;
  15811. line-height: 24px;
  15812. min-width: 125px;
  15813. }
  15814.  
  15815. .ipsTabs_withIcons .ipsTabs_item i {
  15816. font-size: 20px;
  15817. display: block;
  15818. margin: 0 auto;
  15819. text-align: center;
  15820. }
  15821.  
  15822. .ipsTabs_dummyItem {
  15823. background: #4e5b62;
  15824. color: #fff;
  15825. }
  15826.  
  15827. .ipsTabs_panel {
  15828. height: 100%;
  15829. background: #fff;
  15830. }
  15831.  
  15832. .ipsTabs_panels.ipsTabs_contained {
  15833. border-width: 1px;
  15834. border-style: solid;
  15835. border-color: #e8e8e8;
  15836. border-top: 0;
  15837. }
  15838.  
  15839. .ipsTabs_panels.ipsTabs_contained .ipsTabs_panel {
  15840. padding: 15px;
  15841. }
  15842.  
  15843. .ipsTabs_panels.ipsTabs_contained .ipsTabs_panel .ipsTabs_pullOut {
  15844. margin: -15px;
  15845. }
  15846.  
  15847. .ipsTabs.ipsTabs_contained {
  15848. padding: 0;
  15849. border-width: 1px 1px 0px 1px;
  15850. border-style: solid;
  15851. border-color: #ededed #e8e8e8 transparent #ededed;
  15852. }
  15853.  
  15854. .ipsTabs_loadingContent {
  15855. min-height: 150px;
  15856. }
  15857.  
  15858. .ipsTags_inline {
  15859. display: inline;
  15860. }
  15861.  
  15862. html[dir="ltr"] .ipsTags>li {
  15863. margin-right: 0;
  15864. }
  15865.  
  15866. html[dir="rtl"] .ipsTags>li {
  15867. margin-left: 0;
  15868. }
  15869.  
  15870. .ipsTags li {
  15871. position: relative;
  15872. display: inline-block;
  15873. height: 18px;
  15874. }
  15875.  
  15876. html[dir="ltr"] .ipsTags li:first-child .ipsTag {
  15877. margin-left: 8px;
  15878. }
  15879.  
  15880. html[dir="rtl"] .ipsTags li:first-child .ipsTag {
  15881. margin-right: 8px;
  15882. }
  15883.  
  15884. html[dir="ltr"] .ipsTags li.ipsTags_edit:not( :only-child) a {
  15885. margin-left: 5px;
  15886. }
  15887.  
  15888. html[dir="rtl"] .ipsTags li.ipsTags_edit:not( :only-child) a {
  15889. margin-right: 5px;
  15890. }
  15891.  
  15892. .ipsTags .ipsTag,
  15893. .ipsTag_prefix {
  15894. background: #313a40;
  15895. color: #fff !important;
  15896. font-size: 10px;
  15897. vertical-align: middle;
  15898. line-height: 18px;
  15899. height: 18px;
  15900. padding: 0 7px;
  15901. margin: 0 3px 0 8px;
  15902. display: block;
  15903. position: relative;
  15904. letter-spacing: 0;
  15905. border-radius: 0px 4px 4px 0;
  15906. }
  15907.  
  15908. html[dir="rtl"] .ipsTags .ipsTag,
  15909. html[dir="rtl"] .ipsTag_prefix {
  15910. margin: 0 8px 0 3px;
  15911. border-radius: 4px 0 0 4px;
  15912. }
  15913.  
  15914. .ipsTags .ipsTag>span,
  15915. .ipsTag_prefix>span {
  15916. display: inline-block;
  15917. max-width: 250px;
  15918. text-overflow: ellipsis;
  15919. overflow: hidden;
  15920. white-space: nowrap;
  15921. }
  15922.  
  15923. .ipsTags .ipsTag:hover {
  15924. background: #707070;
  15925. }
  15926.  
  15927. html[dir="ltr"] .ipsTags .ipsTag:hover:before {
  15928. border-color: transparent transparent #707070 #707070;
  15929. }
  15930.  
  15931. html[dir="rtl"] .ipsTags .ipsTag:hover:before {
  15932. border-color: #707070 #707070 transparent transparent;
  15933. }
  15934.  
  15935. .ipsTags .ipsTag:before,
  15936. .ipsTag_prefix:before {
  15937. display: block;
  15938. position: absolute;
  15939. font-size: 28px;
  15940. line-height: 30px;
  15941. overflow: hidden;
  15942. text-shadow: none;
  15943. content: '';
  15944. top: 0;
  15945. bottom: 0;
  15946. width: 0px;
  15947. border-style: solid;
  15948. border-width: 9px;
  15949. -webkit-transform: scaleX(0.666667) rotate(45deg);
  15950. -moz-transform: scaleX(0.666667) rotate(45deg);
  15951. -ms-transform: scaleX(0.666667) rotate(45deg);
  15952. -o-transform: scaleX(0.666667) rotate(45deg);
  15953. transform: scaleX(0.666667) rotate(45deg);
  15954. }
  15955.  
  15956. html[dir="ltr"] .ipsTags .ipsTag:before,
  15957. html[dir="ltr"] .ipsTag_prefix:before {
  15958. left: -8px;
  15959. border-radius: 10px 9px 10px 1px;
  15960. border-color: transparent transparent #313a40 #313a40;
  15961. }
  15962.  
  15963. html[dir="rtl"] .ipsTags .ipsTag:before,
  15964. html[dir="rtl"] .ipsTag_prefix:before {
  15965. right: -8px;
  15966. border-radius: 10px 1px 10px 9px;
  15967. border-color: #313a40 #313a40 transparent transparent;
  15968. }
  15969.  
  15970. .ipsTags .ipsTag:after,
  15971. .ipsTag_prefix:after {
  15972. content: '';
  15973. display: block;
  15974. width: 4px;
  15975. height: 4px;
  15976. border-radius: 4px;
  15977. background: #fff;
  15978. position: absolute;
  15979. top: 7px;
  15980. }
  15981.  
  15982. html[dir="ltr"] .ipsTags .ipsTag:after,
  15983. html[dir="ltr"] .ipsTag_prefix:after {
  15984. left: -3px;
  15985. }
  15986.  
  15987. html[dir="rtl"] .ipsTags .ipsTag:after,
  15988. html[dir="rtl"] .ipsTag_prefix:after {
  15989. right: -3px;
  15990. }
  15991.  
  15992. .ipsTags a mark,
  15993. .ipsTag_prefix mark {
  15994. background: #fff !important;
  15995. border-bottom: none;
  15996. }
  15997.  
  15998. .ipsTags_deletable .ipsTag {
  15999. padding-right: 20px;
  16000. }
  16001.  
  16002. .ipsTag_remove {
  16003. background: #000;
  16004. color: #fff;
  16005. display: block;
  16006. height: 18px;
  16007. width: 16px;
  16008. position: absolute;
  16009. top: 0;
  16010. font-size: 11px;
  16011. line-height: 18px;
  16012. text-align: center;
  16013. -webkit-transition: 0.1s all linear;
  16014. -moz-transition: 0.1s all linear;
  16015. -ms-transition: 0.1s all linear;
  16016. -o-transition: 0.1s all linear;
  16017. transition: 0.1s all linear;
  16018. }
  16019.  
  16020. html[dir="ltr"] .ipsTag_remove {
  16021. right: 0;
  16022. border-radius: 0 4px 4px 0;
  16023. }
  16024.  
  16025. html[dir="rtl"] .ipsTag_remove {
  16026. left: 0;
  16027. border-radius: 4px 0 0 4px;
  16028. }
  16029.  
  16030. .ipsTag_remove:hover {
  16031. background: #000;
  16032. color: #fff;
  16033. }
  16034.  
  16035. .ipsTags_edit .ipsButton_veryVerySmall {
  16036. line-height: 15px;
  16037. height: 18px;
  16038. margin-top: -3px;
  16039. }
  16040.  
  16041. .ipsTag_prefix {
  16042. background: #ff5629;
  16043. color: #fff !important;
  16044. }
  16045.  
  16046. html[dir="ltr"] .ipsTag_prefix {
  16047. margin-left: 8px;
  16048. }
  16049.  
  16050. html[dir="rtl"] .ipsTag_prefix {
  16051. margin-right: 8px;
  16052. }
  16053.  
  16054. html[dir="ltr"] .ipsTag_prefix:before {
  16055. border-color: transparent transparent #ff5629 #ff5629;
  16056. }
  16057.  
  16058. html[dir="rtl"] .ipsTag_prefix:before {
  16059. border-color: #ff5629 #ff5629 transparent transparent;
  16060. }
  16061.  
  16062. .ipsApp .ipsToolbox {
  16063. background: #212223;
  16064. }
  16065.  
  16066. .ipsApp .ipsToolbox a:not( .ipsButton) {
  16067. color: #a8bed5;
  16068. }
  16069.  
  16070. .ipsApp .ipsToolbox .ipsToolbox_title {
  16071. color: #fff;
  16072. margin-bottom: 15px;
  16073. }
  16074.  
  16075. .ipsApp .ipsToolbox .ipsToolbox_sectionTitle {
  16076. background: #000;
  16077. color: #dfdfdf;
  16078. padding: 10px 15px;
  16079. font-weight: normal;
  16080. }
  16081.  
  16082. .ipsApp .ipsToolbox input,
  16083. .ipsApp .ipsToolbox select,
  16084. .ipsApp .ipsToolbox textarea {
  16085. background-color: rgba(255, 255, 255, 0.1);
  16086. border: 1px solid rgba(0, 0, 0, 0.6);
  16087. color: #fff;
  16088. }
  16089.  
  16090. .ipsApp .ipsToolbox input:focus,
  16091. .ipsApp .ipsToolbox textarea:focus {
  16092. background: rgba(255, 255, 255, 0.2);
  16093. }
  16094.  
  16095. .ipsApp .ipsToolbox select {
  16096. background: rgba(0, 0, 0, 0.6);
  16097. width: 100%;
  16098. max-width: 350px;
  16099. }
  16100.  
  16101. .ipsApp .ipsToolbox input[type=number] {
  16102. width: 100%;
  16103. max-width: 350px;
  16104. }
  16105.  
  16106. .ipsType_pageTitle,
  16107. .ipsType_sectionTitle,
  16108. .ipsType_secondaryTitle,
  16109. .ipsType_sectionHead,
  16110. .ipsType_minorHeading {
  16111. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  16112. }
  16113.  
  16114. .ipsType_pageTitle {
  16115. font-size: 28px;
  16116. font-weight: 400;
  16117. line-height: 1.2;
  16118. margin: 0;
  16119. color: #000;
  16120. }
  16121.  
  16122. .ipsType_pageTitle.ipsType_largeTitle {
  16123. font-size: 27px;
  16124. }
  16125.  
  16126. .ipsType_pageTitle>.fa {
  16127. font-size: 18px;
  16128. }
  16129.  
  16130. .ipsType_pageTitle a:not( .ipsBadge):not( .ipsButton) {
  16131. color: inherit;
  16132. }
  16133.  
  16134. .ipsType_sectionTitle {
  16135. font-size: 13px;
  16136. font-weight: 500;
  16137. text-transform: uppercase;
  16138. padding: 12px 15px;
  16139. margin-top: 0;
  16140. background: #0a0f16;
  16141. color: #ffffff;
  16142. border-radius: 2px 2px 0px 0px;
  16143. }
  16144.  
  16145. a.ipsType_sectionTitle,
  16146. .ipsType_sectionTitle a {
  16147. color: #ffffff;
  16148. }
  16149.  
  16150. .ipsType_sectionTitle .ipsButton {
  16151. position: relative;
  16152. top: -5px;
  16153. }
  16154.  
  16155. .ipsType_sectionTitle .ipsButton.ipsButton_veryVerySmall {
  16156. top: -2px;
  16157. }
  16158.  
  16159. .ipsType_sectionTitle>.ipsType_light {
  16160. color: rgba(255, 255, 255, 0.5);
  16161. }
  16162.  
  16163. .ipsType_secondaryTitle {
  16164. font-size: 14px;
  16165. font-weight: 400;
  16166. padding: 10px 15px 10px 15px;
  16167. margin-top: 0;
  16168. border-radius: 3px 3px 0 0;
  16169. background: #0a0f16;
  16170. color: #ffffff;
  16171. }
  16172.  
  16173. a.ipsType_secondaryTitle,
  16174. .ipsType_secondaryTitle a {
  16175. color: #ffffff;
  16176. }
  16177.  
  16178. .ipsType_sectionHead {
  16179. font-size: 20px;
  16180. color: #000;
  16181. line-height: 24px;
  16182. font-weight: 400;
  16183. display: inline-block;
  16184. margin: 0;
  16185. }
  16186.  
  16187. .ipsType_minorHeading {
  16188. color: #686f7d;
  16189. text-transform: uppercase;
  16190. font-size: 11px;
  16191. margin: 0;
  16192. }
  16193.  
  16194. .ipsType_center {
  16195. text-align: center;
  16196. }
  16197.  
  16198. .ipsType_left {
  16199. text-align: left;
  16200. }
  16201.  
  16202. html[dir="rtl"] .ipsType_left {
  16203. text-align: right;
  16204. }
  16205.  
  16206. .ipsType_right {
  16207. text-align: right;
  16208. }
  16209.  
  16210. html[dir="rtl"] .ipsType_right {
  16211. text-align: left;
  16212. }
  16213.  
  16214. .ipsType_bold {
  16215. font-weight: bold;
  16216. }
  16217.  
  16218. .ipsType_unbold {
  16219. font-weight: normal;
  16220. }
  16221.  
  16222. .ipsType_monospace {
  16223. font-family: monospace;
  16224. }
  16225.  
  16226. .ipsType_noBreak {
  16227. white-space: nowrap !important;
  16228. }
  16229.  
  16230. .ipsType_break {
  16231. word-wrap: break-word;
  16232. }
  16233.  
  16234. .ipsType_richText {
  16235. word-wrap: break-word;
  16236. overflow-wrap: break-word;
  16237. line-height: 1.6;
  16238. color: #ffffff;
  16239. }
  16240.  
  16241. @media screen and (max-width:767px) {
  16242. _:-webkit-full-screen,
  16243. :root .ipsType_break {
  16244. word-break: break-word;
  16245. }
  16246. _:-webkit-full-screen,
  16247. :root .ipsType_richText {
  16248. word-break: break-word;
  16249. }
  16250. }
  16251.  
  16252. .ipsType_normal.ipsType_richText {
  16253. line-height: 1.6;
  16254. }
  16255.  
  16256. .ipsType_richText a {
  16257. text-decoration: underline;
  16258. }
  16259.  
  16260. .ipsType_richText .ipsForm a {
  16261. text-decoration: none;
  16262. }
  16263.  
  16264. a.ipsType_blendLinks,
  16265. .ipsType_blendLinks a {
  16266. color: inherit;
  16267. }
  16268.  
  16269. a.ipsType_blendLinks:not( .ipsType_noUnderline):hover,
  16270. .ipsType_blendLinks:not( .ipsType_noUnderline) a:not( .ipsType_noUnderline):hover {
  16271. color: #fb4430;
  16272. }
  16273.  
  16274. .ipsType_reset {
  16275. margin: 0;
  16276. }
  16277.  
  16278. .ipsType_uppercase {
  16279. text-transform: uppercase;
  16280. }
  16281.  
  16282. .ipsType_noLinkStyling,
  16283. .ipsType_noLinkStyling:hover {
  16284. text-decoration: none !important;
  16285. color: #272a34;
  16286. }
  16287.  
  16288. mark {
  16289. background: #FBE9E7;
  16290. padding: 0 5px;
  16291. color: #000 !important;
  16292. font-weight: bold !important;
  16293. display: inline-block;
  16294. }
  16295.  
  16296. .ipsType_small {
  16297. font-size: 11px;
  16298. }
  16299.  
  16300. .ipsType_small:not( .ipsType_richText) {
  16301. line-height: 16px;
  16302. }
  16303.  
  16304. .ipsType_medium {
  16305. font-size: 13px;
  16306. }
  16307.  
  16308. .ipsType_medium:not( .ipsType_richText) {
  16309. line-height: 20px;
  16310. }
  16311.  
  16312. .ipsType_normal {
  16313. font-size: 14px;
  16314. }
  16315.  
  16316. .ipsType_normal:not( .ipsType_richText) {
  16317. line-height: 21px;
  16318. }
  16319.  
  16320. .ipsType_large {
  16321. font-size: 16px;
  16322. }
  16323.  
  16324. .ipsType_large:not( .ipsType_richText) {
  16325. line-height: 20px;
  16326. }
  16327.  
  16328. .ipsType_veryLarge {
  16329. font-size: 44px;
  16330. line-height: 52px;
  16331. font-weight: 300;
  16332. color: #ffffff;
  16333. }
  16334.  
  16335. .ipsType_huge {
  16336. font-size: 72px;
  16337. line-height: 80px;
  16338. font-weight: 300;
  16339. color: #ffffff;
  16340. }
  16341.  
  16342. .ipsType_light {
  16343. color: #686f7d;
  16344. }
  16345.  
  16346. .ipsType_warning,
  16347. .ipsType_negative {
  16348. color: #c75050;
  16349. }
  16350.  
  16351. .ipsType_spammer {
  16352. color: #990000;
  16353. }
  16354.  
  16355. .ipsType_issue {
  16356. color: #d69625;
  16357. }
  16358.  
  16359. .ipsType_success,
  16360. .ipsType_positive {
  16361. color: #598f5b;
  16362. }
  16363.  
  16364. .ipsType_neutral {
  16365. color: #959595;
  16366. }
  16367.  
  16368. .ipsType_code {
  16369. background: #fafafa;
  16370. padding: 5px;
  16371. border: 1px solid #e0e0e0;
  16372. border-radius: 4px;
  16373. color: #d72f42;
  16374. }
  16375.  
  16376. .ipsType_richText>p:first-child {
  16377. margin-top: 0;
  16378. }
  16379.  
  16380. .ipsType_richText>p:last-child {
  16381. margin-bottom: 0;
  16382. }
  16383.  
  16384. .ipsType_richText img {
  16385. max-width: 100%;
  16386. }
  16387.  
  16388. .ipsTruncate {
  16389. overflow: hidden;
  16390. }
  16391.  
  16392. .ipsTruncate.ipsTruncate_line {
  16393. white-space: nowrap;
  16394. text-overflow: ellipsis;
  16395. display: block;
  16396. width: 100%;
  16397. }
  16398.  
  16399. a.ipsTruncate.ipsTruncate_line,
  16400. span.ipsTruncate.ipsTruncate_line {
  16401. display: inline-block;
  16402. vertical-align: middle;
  16403. }
  16404.  
  16405. .ipsTruncate+.ipsTruncate_more {
  16406. display: inline-block;
  16407. text-decoration: none !important;
  16408. cursor: pointer;
  16409. margin-top: 5px;
  16410. }
  16411.  
  16412. .ipsTruncate>.ipsTruncate_more span {
  16413. z-index: 40;
  16414. }
  16415.  
  16416. .ipsType_pageTitle [data-role="editableTitle"]:hover,
  16417. .ipsType_pageTitle[data-role="editableTitle"]:hover,
  16418. .ipsType_editable:hover {
  16419. background: #FFFFDD;
  16420. color: #000;
  16421. }
Add Comment
Please, Sign In to add comment