Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 
 

16462 řádky
301 KiB

  1. html {
  2. min-height: 100%;
  3. position: relative
  4. }
  5. body {
  6. padding-bottom: 0;
  7. background-color: #e4e6e9;
  8. min-height: 100%;
  9. font-family: '微软雅黑';
  10. font-size: 13px;
  11. color: #393939;
  12. line-height: 1.5
  13. }
  14. body.navbar-fixed {
  15. padding-top: 45px
  16. }
  17. body.breadcrumbs-fixed {
  18. padding-top: 86px
  19. }
  20. .main-container {
  21. position: static;
  22. padding: 0
  23. }
  24. .main-container:after {
  25. background-color: #FFF;
  26. bottom: 0;
  27. content: "";
  28. display: block;
  29. max-width: inherit;
  30. position: fixed;
  31. top: 0;
  32. width: 100%;
  33. z-index: -2
  34. }
  35. @media(min-width:768px) {
  36. .container.main-container:after {
  37. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  38. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
  39. }
  40. }
  41. .main-container>.main-container-inner {
  42. position: relative
  43. }
  44. .container.main-container .sidebar.sidebar-fixed,
  45. .container.main-container .sidebar.sidebar-fixed:before {
  46. left: auto
  47. }
  48. .main-content {
  49. margin-left: 190px;
  50. margin-right: 0;
  51. margin-top: 0;
  52. min-height: 100%;
  53. padding: 0
  54. }
  55. .page-content {
  56. background: #fff;
  57. margin: 0;
  58. padding: 8px 20px 24px
  59. }
  60. .page-header {
  61. margin: 0 0 12px;
  62. border-bottom: 1px dotted #e2e2e2;
  63. padding-bottom: 16px;
  64. padding-top: 7px
  65. }
  66. .page-header h1 {
  67. padding: 0;
  68. margin: 0 8px;
  69. font-size: 24px;
  70. font-weight: lighter;
  71. color: #2679b5
  72. }
  73. .page-header h1 small {
  74. margin: 0 6px;
  75. font-size: 14px;
  76. font-weight: normal;
  77. color: #8089a0
  78. }
  79. [class*=" icon-"],
  80. [class^="icon-"] {
  81. display: inline-block;
  82. text-align: center
  83. }
  84. a:focus,
  85. a:active {
  86. text-decoration: none
  87. }
  88. h1 {
  89. font-size: 32px;
  90. font-weight: normal;
  91. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
  92. }
  93. h1.smaller {
  94. font-size: 31px
  95. }
  96. h1.bigger {
  97. font-size: 33px
  98. }
  99. h1.block {
  100. margin-bottom: 16px
  101. }
  102. h2 {
  103. font-size: 26px;
  104. font-weight: normal;
  105. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
  106. }
  107. h2.smaller {
  108. font-size: 25px
  109. }
  110. h2.bigger {
  111. font-size: 27px
  112. }
  113. h2.block {
  114. margin-bottom: 16px
  115. }
  116. h3 {
  117. font-size: 22px;
  118. font-weight: normal;
  119. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
  120. }
  121. h3.smaller {
  122. font-size: 21px
  123. }
  124. h3.bigger {
  125. font-size: 23px
  126. }
  127. h3.block {
  128. margin-bottom: 16px
  129. }
  130. h4 {
  131. font-size: 18px;
  132. font-weight: normal;
  133. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
  134. }
  135. h4.smaller {
  136. font-size: 17px
  137. }
  138. h4.bigger {
  139. font-size: 19px
  140. }
  141. h4.block {
  142. margin-bottom: 16px
  143. }
  144. h5 {
  145. font-size: 15px;
  146. font-weight: normal;
  147. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
  148. }
  149. h5.smaller {
  150. font-size: 14px
  151. }
  152. h5.bigger {
  153. font-size: 16px
  154. }
  155. h5.block {
  156. margin-bottom: 16px
  157. }
  158. h6 {
  159. font-size: 13px;
  160. font-weight: normal;
  161. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
  162. }
  163. h6.smaller {
  164. font-size: 12px
  165. }
  166. h6.bigger {
  167. font-size: 14px
  168. }
  169. h6.block {
  170. margin-bottom: 16px
  171. }
  172. ul,
  173. ol {
  174. margin: 0 0 10px 25px;
  175. padding: 0
  176. }
  177. ul.margin-5,
  178. ol.margin-5 {
  179. margin-left: 5px
  180. }
  181. ul.margin-10,
  182. ol.margin-10 {
  183. margin-left: 10px
  184. }
  185. ul.margin-15,
  186. ol.margin-15 {
  187. margin-left: 15px
  188. }
  189. ul.margin-20,
  190. ol.margin-20 {
  191. margin-left: 20px
  192. }
  193. li>ul,
  194. li>ol {
  195. margin-left: 18px
  196. }
  197. .list-unstyled,
  198. .list-inline {
  199. margin-left: 0
  200. }
  201. .list-unstyled>li>[class*="icon-"]:first-child,
  202. .list-inline>li>[class*="icon-"]:first-child {
  203. width: 18px;
  204. text-align: center
  205. }
  206. .spaced>li {
  207. margin-top: 9px;
  208. margin-bottom: 9px
  209. }
  210. .spaced2>li {
  211. margin-top: 15px;
  212. margin-bottom: 15px
  213. }
  214. li.divider {
  215. margin-top: 3px;
  216. margin-bottom: 3px;
  217. height: 0;
  218. font-size: 0
  219. }
  220. .spaced>li.divider {
  221. margin-top: 5px;
  222. margin-bottom: 5px
  223. }
  224. .spaced2>li.divider {
  225. margin-top: 8px;
  226. margin-bottom: 8px
  227. }
  228. li.divider:before {
  229. content: "";
  230. display: inline-block
  231. }
  232. blockquote,
  233. blockquote.pull-right {
  234. border-color: #e5eaf1
  235. }
  236. .modal-content {
  237. border-radius: 0;
  238. -webkit-box-shadow: none;
  239. box-shadow: none
  240. }
  241. .modal-footer {
  242. padding-top: 12px;
  243. padding-bottom: 14px;
  244. border-top-color: #e4e9ee;
  245. -webkit-box-shadow: none;
  246. box-shadow: none;
  247. background-color: #eff3f8
  248. }
  249. .modal-header .close {
  250. font-size: 32px
  251. }
  252. .well {
  253. border-radius: 0
  254. }
  255. .well h1,
  256. .well h2,
  257. .well h3,
  258. .well h4,
  259. .well h5,
  260. .well h6 {
  261. margin-top: 0
  262. }
  263. .well h1,
  264. .well h2,
  265. .well h3 {
  266. line-height: 36px
  267. }
  268. .alert {
  269. font-size: 14px;
  270. border-radius: 0
  271. }
  272. .alert .close {
  273. font-size: 16px
  274. }
  275. .alert-block p+p {
  276. margin-top: 10px
  277. }
  278. .pagination>li>a,
  279. .pager>li>a,
  280. .pagination>li>span,
  281. .pager>li>span {
  282. border-width: 1px;
  283. border-radius: 0!important
  284. }
  285. .pagination>li>a,
  286. .pager>li>a {
  287. color: #2283c5;
  288. background-color: #fafafa;
  289. margin: 0 -1px 0 0;
  290. border-color: #e0e8eb
  291. }
  292. .pagination>li>a:hover,
  293. .pager>li>a:hover {
  294. background-color: #eaeff2
  295. }
  296. .pagination>li>a:focus,
  297. .pager>li>a:focus {
  298. background-color: #eaeef2
  299. }
  300. .pagination>li.disabled>a,
  301. .pagination>li.disabled>a:hover,
  302. .pager>li.disabled>a,
  303. .pager>li.disabled>a:hover {
  304. background-color: #f9f9f9;
  305. border-color: #d9d9d9
  306. }
  307. .pagination>li.active>a,
  308. .pagination>li.active>a:hover {
  309. background-color: #6faed9;
  310. border-color: #6faed9;
  311. color: #fff;
  312. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
  313. }
  314. .list-group-item {
  315. border-radius: 0!important
  316. }
  317. .lighter {
  318. font-weight: lighter
  319. }
  320. .bolder {
  321. font-weight: bolder
  322. }
  323. .inline {
  324. display: inline-block!important
  325. }
  326. .block {
  327. display: block!important
  328. }
  329. .center,
  330. .align-center {
  331. text-align: center!important
  332. }
  333. .align-left {
  334. text-align: left!important
  335. }
  336. .align-right {
  337. text-align: right!important
  338. }
  339. .middle {
  340. vertical-align: middle
  341. }
  342. .align-middle {
  343. vertical-align: middle!important
  344. }
  345. .align-top {
  346. vertical-align: top!important
  347. }
  348. .align-bottom {
  349. vertical-align: bottom!important
  350. }
  351. .position-relative {
  352. position: relative
  353. }
  354. .position-absolute {
  355. position: absolute
  356. }
  357. .line-height-normal {
  358. line-height: normal!important
  359. }
  360. .line-height-1 {
  361. line-height: 1!important
  362. }
  363. .dark {
  364. color: #333!important
  365. }
  366. .white {
  367. color: #fff!important
  368. }
  369. .red {
  370. color: #dd5a43!important
  371. }
  372. .light-red {
  373. color: #f77!important
  374. }
  375. .blue {
  376. color: #478fca!important
  377. }
  378. .light-blue {
  379. color: #93cbf9!important
  380. }
  381. .green {
  382. color: #69aa46!important
  383. }
  384. .light-green {
  385. color: #b0d877!important
  386. }
  387. .orange {
  388. color: #ff892a!important
  389. }
  390. .light-orange {
  391. color: #fcac6f!important
  392. }
  393. .orange2 {
  394. color: #feb902!important
  395. }
  396. .purple {
  397. color: #a069c3!important
  398. }
  399. .pink {
  400. color: #c6699f!important
  401. }
  402. .pink2 {
  403. color: #d6487e!important
  404. }
  405. .brown {
  406. color: #a52a2a!important
  407. }
  408. .grey {
  409. color: #777!important
  410. }
  411. .light-grey {
  412. color: #bbb!important
  413. }
  414. .bigger-110 {
  415. font-size: 110%
  416. }
  417. .bigger-120 {
  418. font-size: 120%
  419. }
  420. .bigger-130 {
  421. font-size: 130%
  422. }
  423. .bigger-140 {
  424. font-size: 140%
  425. }
  426. .bigger-150 {
  427. font-size: 150%
  428. }
  429. .bigger-160 {
  430. font-size: 160%
  431. }
  432. .bigger-170 {
  433. font-size: 170%
  434. }
  435. .bigger-180 {
  436. font-size: 180%
  437. }
  438. .bigger-190 {
  439. font-size: 190%
  440. }
  441. .bigger-200 {
  442. font-size: 200%
  443. }
  444. .bigger-210 {
  445. font-size: 210%
  446. }
  447. .bigger-220 {
  448. font-size: 220%
  449. }
  450. .bigger-230 {
  451. font-size: 230%
  452. }
  453. .bigger-240 {
  454. font-size: 240%
  455. }
  456. .bigger-250 {
  457. font-size: 250%
  458. }
  459. .bigger-260 {
  460. font-size: 260%
  461. }
  462. .bigger-270 {
  463. font-size: 270%
  464. }
  465. .bigger-280 {
  466. font-size: 280%
  467. }
  468. .bigger-290 {
  469. font-size: 290%
  470. }
  471. .bigger-300 {
  472. font-size: 300%
  473. }
  474. .bigger-125 {
  475. font-size: 125%
  476. }
  477. .bigger-175 {
  478. font-size: 175%
  479. }
  480. .bigger-225 {
  481. font-size: 225%
  482. }
  483. .bigger-275 {
  484. font-size: 275%
  485. }
  486. .smaller-90 {
  487. font-size: 90%
  488. }
  489. .smaller-80 {
  490. font-size: 80%
  491. }
  492. .smaller-70 {
  493. font-size: 70%
  494. }
  495. .smaller-60 {
  496. font-size: 60%
  497. }
  498. .smaller-50 {
  499. font-size: 50%
  500. }
  501. .smaller-40 {
  502. font-size: 40%
  503. }
  504. .smaller-30 {
  505. font-size: 30%
  506. }
  507. .smaller-20 {
  508. font-size: 20%
  509. }
  510. .smaller-75 {
  511. font-size: 75%
  512. }
  513. .width-20 {
  514. width: 20%!important
  515. }
  516. .width-25 {
  517. width: 25%!important
  518. }
  519. .width-30 {
  520. width: 30%!important
  521. }
  522. .width-35 {
  523. width: 35%!important
  524. }
  525. .width-40 {
  526. width: 40%!important
  527. }
  528. .width-45 {
  529. width: 45%!important
  530. }
  531. .width-50 {
  532. width: 50%!important
  533. }
  534. .width-55 {
  535. width: 55%!important
  536. }
  537. .width-60 {
  538. width: 60%!important
  539. }
  540. .width-65 {
  541. width: 65%!important
  542. }
  543. .width-70 {
  544. width: 70%!important
  545. }
  546. .width-75 {
  547. width: 75%!important
  548. }
  549. .width-80 {
  550. width: 80%!important
  551. }
  552. .width-85 {
  553. width: 85%!important
  554. }
  555. .width-90 {
  556. width: 90%!important
  557. }
  558. .width-95 {
  559. width: 95%!important
  560. }
  561. .width-100 {
  562. width: 100%!important
  563. }
  564. .width-48 {
  565. width: 48%!important
  566. }
  567. .width-auto {
  568. width: auto!important
  569. }
  570. .height-auto {
  571. height: auto!important
  572. }
  573. .no-padding {
  574. padding: 0!important
  575. }
  576. .no-padding-bottom {
  577. padding-bottom: 0!important
  578. }
  579. .no-padding-top {
  580. padding-top: 0!important
  581. }
  582. .no-padding-left {
  583. padding-left: 0!important
  584. }
  585. .no-padding-right {
  586. padding-right: 0!important
  587. }
  588. .no-margin {
  589. margin: 0!important
  590. }
  591. .no-margin-bottom {
  592. margin-bottom: 0!important
  593. }
  594. .no-margin-top {
  595. margin-top: 0!important
  596. }
  597. .no-margin-left {
  598. margin-left: 0!important
  599. }
  600. .no-margin-right {
  601. margin-right: 0!important
  602. }
  603. .no-border {
  604. border: 0
  605. }
  606. .no-border-bottom {
  607. border-bottom: 0
  608. }
  609. .no-border-top {
  610. border-top: 0
  611. }
  612. .no-border-left {
  613. border-left: none
  614. }
  615. .no-border-right {
  616. border-right: 0
  617. }
  618. .no-underline {
  619. text-decoration: none!important
  620. }
  621. .no-hover-underline:hover {
  622. text-decoration: none!important
  623. }
  624. .no-shadow,
  625. .no-box-shadow {
  626. -webkit-box-shadow: none!important;
  627. box-shadow: none!important
  628. }
  629. .no-text-shadow {
  630. text-shadow: none!important
  631. }
  632. .overflow-hidden {
  633. overflow: hidden!important
  634. }
  635. .overflow-auto {
  636. overflow: auto!important
  637. }
  638. .overflow-scroll {
  639. overflow: scroll!important
  640. }
  641. .overflow-visible {
  642. overflow: visible!important
  643. }
  644. .hr {
  645. display: block;
  646. height: 0;
  647. overflow: hidden;
  648. font-size: 0;
  649. border-top: 1px solid #e3e3e3;
  650. margin: 12px 0
  651. }
  652. .hr-double {
  653. height: 3px;
  654. border-top: 1px solid #e3e3e3;
  655. border-bottom: 1px solid #e3e3e3
  656. }
  657. .hr.dotted,
  658. .hr-dotted {
  659. border-top-style: dotted
  660. }
  661. .hr-double.dotted {
  662. border-bottom-style: dotted
  663. }
  664. .hr-32,
  665. .hr32 {
  666. margin: 32px 0
  667. }
  668. .hr-30,
  669. .hr30 {
  670. margin: 30px 0
  671. }
  672. .hr-28,
  673. .hr28 {
  674. margin: 28px 0
  675. }
  676. .hr-26,
  677. .hr26 {
  678. margin: 26px 0
  679. }
  680. .hr-24,
  681. .hr24 {
  682. margin: 24px 0
  683. }
  684. .hr-22,
  685. .hr22 {
  686. margin: 22px 0
  687. }
  688. .hr-20,
  689. .hr20 {
  690. margin: 20px 0
  691. }
  692. .hr-18,
  693. .hr18 {
  694. margin: 18px 0
  695. }
  696. .hr-16,
  697. .hr16 {
  698. margin: 16px 0
  699. }
  700. .hr-14,
  701. .hr14 {
  702. margin: 14px 0
  703. }
  704. .hr-12,
  705. .hr12 {
  706. margin: 12px 0
  707. }
  708. .hr-10,
  709. .hr10 {
  710. margin: 10px 0
  711. }
  712. .hr-8,
  713. .hr8 {
  714. margin: 8px 0
  715. }
  716. .hr-6,
  717. .hr6 {
  718. margin: 6px 0
  719. }
  720. .hr-4,
  721. .hr4 {
  722. margin: 4px 0
  723. }
  724. .hr-2,
  725. .hr2 {
  726. margin: 2px 0
  727. }
  728. .space {
  729. max-height: 1px;
  730. min-height: 1px;
  731. overflow: hidden;
  732. margin: 12px 0
  733. }
  734. .vspace-xs,
  735. .vspace-sm,
  736. .vspace-md,
  737. .vspace-lg {
  738. max-height: 1px;
  739. min-height: 1px;
  740. overflow: hidden;
  741. display: none;
  742. margin: 12px 0
  743. }
  744. .space-32 {
  745. max-height: 1px;
  746. min-height: 1px;
  747. overflow: hidden;
  748. margin: 12px 0;
  749. margin: 32px 0 31px
  750. }
  751. .vspace-32,
  752. .vspace-xs-32,
  753. .vspace-sm-32,
  754. .vspace-md-32,
  755. .vspace-lg-32 {
  756. max-height: 1px;
  757. min-height: 1px;
  758. overflow: hidden;
  759. margin: 12px 0;
  760. margin: 32px 0 31px 0
  761. }
  762. .space-30 {
  763. max-height: 1px;
  764. min-height: 1px;
  765. overflow: hidden;
  766. margin: 12px 0;
  767. margin: 30px 0 29px
  768. }
  769. .vspace-30,
  770. .vspace-xs-30,
  771. .vspace-sm-30,
  772. .vspace-md-30,
  773. .vspace-lg-30 {
  774. max-height: 1px;
  775. min-height: 1px;
  776. overflow: hidden;
  777. margin: 12px 0;
  778. margin: 30px 0 29px 0
  779. }
  780. .space-28 {
  781. max-height: 1px;
  782. min-height: 1px;
  783. overflow: hidden;
  784. margin: 12px 0;
  785. margin: 28px 0 27px
  786. }
  787. .vspace-28,
  788. .vspace-xs-28,
  789. .vspace-sm-28,
  790. .vspace-md-28,
  791. .vspace-lg-28 {
  792. max-height: 1px;
  793. min-height: 1px;
  794. overflow: hidden;
  795. margin: 12px 0;
  796. margin: 28px 0 27px 0
  797. }
  798. .space-26 {
  799. max-height: 1px;
  800. min-height: 1px;
  801. overflow: hidden;
  802. margin: 12px 0;
  803. margin: 26px 0 25px
  804. }
  805. .vspace-26,
  806. .vspace-xs-26,
  807. .vspace-sm-26,
  808. .vspace-md-26,
  809. .vspace-lg-26 {
  810. max-height: 1px;
  811. min-height: 1px;
  812. overflow: hidden;
  813. margin: 12px 0;
  814. margin: 26px 0 25px 0
  815. }
  816. .space-24 {
  817. max-height: 1px;
  818. min-height: 1px;
  819. overflow: hidden;
  820. margin: 12px 0;
  821. margin: 24px 0 23px
  822. }
  823. .vspace-24,
  824. .vspace-xs-24,
  825. .vspace-sm-24,
  826. .vspace-md-24,
  827. .vspace-lg-24 {
  828. max-height: 1px;
  829. min-height: 1px;
  830. overflow: hidden;
  831. margin: 12px 0;
  832. margin: 24px 0 23px 0
  833. }
  834. .space-22 {
  835. max-height: 1px;
  836. min-height: 1px;
  837. overflow: hidden;
  838. margin: 12px 0;
  839. margin: 22px 0 21px
  840. }
  841. .vspace-22,
  842. .vspace-xs-22,
  843. .vspace-sm-22,
  844. .vspace-md-22,
  845. .vspace-lg-22 {
  846. max-height: 1px;
  847. min-height: 1px;
  848. overflow: hidden;
  849. margin: 12px 0;
  850. margin: 22px 0 21px 0
  851. }
  852. .space-20 {
  853. max-height: 1px;
  854. min-height: 1px;
  855. overflow: hidden;
  856. margin: 12px 0;
  857. margin: 20px 0 19px
  858. }
  859. .vspace-20,
  860. .vspace-xs-20,
  861. .vspace-sm-20,
  862. .vspace-md-20,
  863. .vspace-lg-20 {
  864. max-height: 1px;
  865. min-height: 1px;
  866. overflow: hidden;
  867. margin: 12px 0;
  868. margin: 20px 0 19px 0
  869. }
  870. .space-18 {
  871. max-height: 1px;
  872. min-height: 1px;
  873. overflow: hidden;
  874. margin: 12px 0;
  875. margin: 18px 0 17px
  876. }
  877. .vspace-18,
  878. .vspace-xs-18,
  879. .vspace-sm-18,
  880. .vspace-md-18,
  881. .vspace-lg-18 {
  882. max-height: 1px;
  883. min-height: 1px;
  884. overflow: hidden;
  885. margin: 12px 0;
  886. margin: 18px 0 17px 0
  887. }
  888. .space-16 {
  889. max-height: 1px;
  890. min-height: 1px;
  891. overflow: hidden;
  892. margin: 12px 0;
  893. margin: 16px 0 15px
  894. }
  895. .vspace-16,
  896. .vspace-xs-16,
  897. .vspace-sm-16,
  898. .vspace-md-16,
  899. .vspace-lg-16 {
  900. max-height: 1px;
  901. min-height: 1px;
  902. overflow: hidden;
  903. margin: 12px 0;
  904. margin: 16px 0 15px 0
  905. }
  906. .space-14 {
  907. max-height: 1px;
  908. min-height: 1px;
  909. overflow: hidden;
  910. margin: 12px 0;
  911. margin: 14px 0 13px
  912. }
  913. .vspace-14,
  914. .vspace-xs-14,
  915. .vspace-sm-14,
  916. .vspace-md-14,
  917. .vspace-lg-14 {
  918. max-height: 1px;
  919. min-height: 1px;
  920. overflow: hidden;
  921. margin: 12px 0;
  922. margin: 14px 0 13px 0
  923. }
  924. .space-12 {
  925. max-height: 1px;
  926. min-height: 1px;
  927. overflow: hidden;
  928. margin: 12px 0;
  929. margin: 12px 0 11px
  930. }
  931. .vspace-12,
  932. .vspace-xs-12,
  933. .vspace-sm-12,
  934. .vspace-md-12,
  935. .vspace-lg-12 {
  936. max-height: 1px;
  937. min-height: 1px;
  938. overflow: hidden;
  939. margin: 12px 0;
  940. margin: 12px 0 11px 0
  941. }
  942. .space-10 {
  943. max-height: 1px;
  944. min-height: 1px;
  945. overflow: hidden;
  946. margin: 12px 0;
  947. margin: 10px 0 9px
  948. }
  949. .vspace-10,
  950. .vspace-xs-10,
  951. .vspace-sm-10,
  952. .vspace-md-10,
  953. .vspace-lg-10 {
  954. max-height: 1px;
  955. min-height: 1px;
  956. overflow: hidden;
  957. margin: 12px 0;
  958. margin: 10px 0 9px 0
  959. }
  960. .space-8 {
  961. max-height: 1px;
  962. min-height: 1px;
  963. overflow: hidden;
  964. margin: 12px 0;
  965. margin: 8px 0 7px
  966. }
  967. .vspace-8,
  968. .vspace-xs-8,
  969. .vspace-sm-8,
  970. .vspace-md-8,
  971. .vspace-lg-8 {
  972. max-height: 1px;
  973. min-height: 1px;
  974. overflow: hidden;
  975. margin: 12px 0;
  976. margin: 8px 0 7px 0
  977. }
  978. .space-6 {
  979. max-height: 1px;
  980. min-height: 1px;
  981. overflow: hidden;
  982. margin: 12px 0;
  983. margin: 6px 0 5px
  984. }
  985. .vspace-6,
  986. .vspace-xs-6,
  987. .vspace-sm-6,
  988. .vspace-md-6,
  989. .vspace-lg-6 {
  990. max-height: 1px;
  991. min-height: 1px;
  992. overflow: hidden;
  993. margin: 12px 0;
  994. margin: 6px 0 5px 0
  995. }
  996. .space-4 {
  997. max-height: 1px;
  998. min-height: 1px;
  999. overflow: hidden;
  1000. margin: 12px 0;
  1001. margin: 4px 0 3px
  1002. }
  1003. .vspace-4,
  1004. .vspace-xs-4,
  1005. .vspace-sm-4,
  1006. .vspace-md-4,
  1007. .vspace-lg-4 {
  1008. max-height: 1px;
  1009. min-height: 1px;
  1010. overflow: hidden;
  1011. margin: 12px 0;
  1012. margin: 4px 0 3px 0
  1013. }
  1014. .space-2 {
  1015. max-height: 1px;
  1016. min-height: 1px;
  1017. overflow: hidden;
  1018. margin: 12px 0;
  1019. margin: 2px 0 1px
  1020. }
  1021. .vspace-2,
  1022. .vspace-xs-2,
  1023. .vspace-sm-2,
  1024. .vspace-md-2,
  1025. .vspace-lg-2 {
  1026. max-height: 1px;
  1027. min-height: 1px;
  1028. overflow: hidden;
  1029. margin: 12px 0;
  1030. margin: 2px 0 1px 0
  1031. }
  1032. .header {
  1033. line-height: 28px;
  1034. margin-bottom: 16px;
  1035. margin-top: 18px;
  1036. padding-bottom: 4px;
  1037. border-bottom: 1px solid #CCC
  1038. }
  1039. .header.blue {
  1040. border-bottom-color: #d5e3ef
  1041. }
  1042. .header.green {
  1043. border-bottom-color: #cce2c1
  1044. }
  1045. .header.purple {
  1046. border-bottom-color: #e0d1ea
  1047. }
  1048. .header.orange {
  1049. border-bottom-color: #fdd0ac
  1050. }
  1051. .header.orange2 {
  1052. border-bottom-color: #fbd36b
  1053. }
  1054. .header.red {
  1055. border-bottom-color: #f3cdc6
  1056. }
  1057. .header.grey {
  1058. border-bottom-color: #c3c3c3
  1059. }
  1060. .header.pink {
  1061. border-bottom-color: #f2e0eb
  1062. }
  1063. .header.pink2 {
  1064. border-bottom-color: #e69eb9
  1065. }
  1066. .header.light-blue {
  1067. border-bottom-color: #dceefc
  1068. }
  1069. .header.light-red {
  1070. border-bottom-color: #fec5c5
  1071. }
  1072. .header.light-green {
  1073. border-bottom-color: #d2e7b5
  1074. }
  1075. .header.brown {
  1076. border-bottom-color: #df9393
  1077. }
  1078. .header>[class*="icon-"] {
  1079. margin-right: 2px
  1080. }
  1081. .no-radius {
  1082. border-radius: 0!important
  1083. }
  1084. .action-buttons a {
  1085. margin: 0 3px;
  1086. display: inline-block;
  1087. opacity: .85;
  1088. -webkit-transition: all .1s;
  1089. transition: all .1s
  1090. }
  1091. .action-buttons a:hover {
  1092. text-decoration: none;
  1093. -moz-transform: scale(1.2);
  1094. -webkit-transform: scale(1.2);
  1095. -o-transform: scale(1.2);
  1096. -ms-transform: scale(1.2);
  1097. transform: scale(1.2);
  1098. opacity: 1
  1099. }
  1100. .navbar {
  1101. margin-bottom: 0
  1102. }
  1103. .navbar {
  1104. margin-left: 0;
  1105. margin-right: 0;
  1106. border: 0;
  1107. -webkit-box-shadow: none;
  1108. box-shadow: none;
  1109. border-radius: 0;
  1110. margin: 0;
  1111. padding-left: 0;
  1112. padding-right: 0;
  1113. min-height: 45px;
  1114. position: relative;
  1115. background: #438eb9
  1116. }
  1117. .navbar>.container {
  1118. padding-left: 0;
  1119. padding-right: 0
  1120. }
  1121. .navbar .navbar-text,
  1122. .navbar .navbar-link {
  1123. color: #fff
  1124. }
  1125. .navbar .navbar-brand {
  1126. color: #fff;
  1127. font-size: 24px;
  1128. text-shadow: none;
  1129. padding-top: 10px;
  1130. padding-bottom: 10px
  1131. }
  1132. .navbar .navbar-brand:hover,
  1133. .navbar .navbar-brand:focus {
  1134. color: #fff
  1135. }
  1136. .navbar .navbar-header {
  1137. margin: 0!important
  1138. }
  1139. .navbar .navbar-nav>li>a,
  1140. .navbar .navbar-nav>li>a:hover,
  1141. .navbar .navbar-nav>li>a:focus {
  1142. font-size: 13px;
  1143. text-shadow: none;
  1144. color: #fff
  1145. }
  1146. .navbar-fixed-top,
  1147. .navbar-fixed-bottom {
  1148. position: fixed
  1149. }
  1150. .navbar-container {
  1151. padding-left: 10px;
  1152. padding-right: 20px
  1153. }
  1154. .navbar-container.container {
  1155. padding-left: 0;
  1156. padding-right: 0
  1157. }
  1158. .ace-nav {
  1159. height: 100%;
  1160. margin: 0!important
  1161. }
  1162. .ace-nav>li {
  1163. line-height: 45px;
  1164. height: 45px;
  1165. border-left: 1px solid #DDD;
  1166. padding: 0;
  1167. position: relative;
  1168. float: left!important
  1169. }
  1170. .ace-nav>li:first-child {
  1171. border-left: none
  1172. }
  1173. .ace-nav>li>a {
  1174. background-color: #2e6589;
  1175. color: #FFF;
  1176. display: block;
  1177. line-height: inherit;
  1178. text-align: center;
  1179. height: 100%;
  1180. width: auto;
  1181. min-width: 50px;
  1182. padding: 0 8px;
  1183. position: relative
  1184. }
  1185. .ace-nav>li>a>[class*="icon-"] {
  1186. font-size: 16px;
  1187. color: #FFF;
  1188. display: inline-block;
  1189. width: 20px;
  1190. text-align: center
  1191. }
  1192. .ace-nav>li>a>.badge {
  1193. position: relative;
  1194. top: -4px;
  1195. left: 2px;
  1196. padding-right: 5px;
  1197. padding-left: 5px
  1198. }
  1199. .ace-nav>li>a:hover,
  1200. .ace-nav>li>a:focus {
  1201. background-color: #2c5976
  1202. }
  1203. .ace-nav>li.open>a {
  1204. background-color: #2c5976!important
  1205. }
  1206. .ace-nav>li.open>a {
  1207. color: #FFF!important
  1208. }
  1209. .ace-nav>li.grey>a {
  1210. background-color: #555
  1211. }
  1212. .ace-nav>li.grey>a:hover,
  1213. .ace-nav>li.grey>a:focus {
  1214. background-color: #4b4b4b
  1215. }
  1216. .ace-nav>li.open.grey>a {
  1217. background-color: #4b4b4b!important
  1218. }
  1219. .ace-nav>li.purple>a {
  1220. background-color: #892e65
  1221. }
  1222. .ace-nav>li.purple>a:hover,
  1223. .ace-nav>li.purple>a:focus {
  1224. background-color: #762c59
  1225. }
  1226. .ace-nav>li.open.purple>a {
  1227. background-color: #762c59!important
  1228. }
  1229. .ace-nav>li.green>a {
  1230. background-color: #2e8965
  1231. }
  1232. .ace-nav>li.green>a:hover,
  1233. .ace-nav>li.green>a:focus {
  1234. background-color: #2c7659
  1235. }
  1236. .ace-nav>li.open.green>a {
  1237. background-color: #2c7659!important
  1238. }
  1239. .ace-nav>li.light-blue>a {
  1240. background-color: #62a8d1
  1241. }
  1242. .ace-nav>li.light-blue>a:hover,
  1243. .ace-nav>li.light-blue>a:focus {
  1244. background-color: #579ec8
  1245. }
  1246. .ace-nav>li.open.light-blue>a {
  1247. background-color: #579ec8!important
  1248. }
  1249. .ace-nav>li.light-blue2>a {
  1250. background-color: #42a8e1
  1251. }
  1252. .ace-nav>li.light-blue2>a:hover,
  1253. .ace-nav>li.light-blue2>a:focus {
  1254. background-color: #359fd9
  1255. }
  1256. .ace-nav>li.open.light-blue2>a {
  1257. background-color: #359fd9!important
  1258. }
  1259. .ace-nav>li.red>a {
  1260. background-color: #b74635
  1261. }
  1262. .ace-nav>li.red>a:hover,
  1263. .ace-nav>li.red>a:focus {
  1264. background-color: #a34335
  1265. }
  1266. .ace-nav>li.open.red>a {
  1267. background-color: #a34335!important
  1268. }
  1269. .ace-nav>li.light-green>a {
  1270. background-color: #9abc32
  1271. }
  1272. .ace-nav>li.light-green>a:hover,
  1273. .ace-nav>li.light-green>a:focus {
  1274. background-color: #8ba832
  1275. }
  1276. .ace-nav>li.open.light-green>a {
  1277. background-color: #8ba832!important
  1278. }
  1279. .ace-nav>li.light-purple>a {
  1280. background-color: #cb6fd7
  1281. }
  1282. .ace-nav>li.light-purple>a:hover,
  1283. .ace-nav>li.light-purple>a:focus {
  1284. background-color: #c263ce
  1285. }
  1286. .ace-nav>li.open.light-purple>a {
  1287. background-color: #c263ce!important
  1288. }
  1289. .ace-nav>li.light-orange>a {
  1290. background-color: #f79263
  1291. }
  1292. .ace-nav>li.light-orange>a:hover,
  1293. .ace-nav>li.light-orange>a:focus {
  1294. background-color: #f28653
  1295. }
  1296. .ace-nav>li.open.light-orange>a {
  1297. background-color: #f28653!important
  1298. }
  1299. .ace-nav>li.light-pink>a {
  1300. background-color: #f4dae5
  1301. }
  1302. .ace-nav>li.light-pink>a:hover,
  1303. .ace-nav>li.light-pink>a:focus {
  1304. background-color: #eeccda
  1305. }
  1306. .ace-nav>li.open.light-pink>a {
  1307. background-color: #eeccda!important
  1308. }
  1309. .ace-nav>li.dark>a {
  1310. background-color: #404040
  1311. }
  1312. .ace-nav>li.dark>a:hover,
  1313. .ace-nav>li.dark>a:focus {
  1314. background-color: #363636
  1315. }
  1316. .ace-nav>li.open.dark>a {
  1317. background-color: #363636!important
  1318. }
  1319. .ace-nav>li.white-opaque>a {
  1320. background-color: rgba(255, 255, 255, 0.8)
  1321. }
  1322. .ace-nav>li.white-opaque>a:hover,
  1323. .ace-nav>li.white-opaque>a:focus {
  1324. background-color: rgba(245, 245, 245, 0.8)
  1325. }
  1326. .ace-nav>li.open.white-opaque>a {
  1327. background-color: rgba(245, 245, 245, 0.8)!important
  1328. }
  1329. .ace-nav>li.dark-opaque>a {
  1330. background-color: rgba(0, 0, 0, 0.2)
  1331. }
  1332. .ace-nav>li.dark-opaque>a:hover,
  1333. .ace-nav>li.dark-opaque>a:focus {
  1334. background-color: rgba(0, 0, 0, 0.2)
  1335. }
  1336. .ace-nav>li.open.dark-opaque>a {
  1337. background-color: rgba(0, 0, 0, 0.2)!important
  1338. }
  1339. .ace-nav>li.margin-4 {
  1340. margin-left: 4px
  1341. }
  1342. .ace-nav>li.margin-3 {
  1343. margin-left: 3px
  1344. }
  1345. .ace-nav>li.margin-2 {
  1346. margin-left: 2px
  1347. }
  1348. .ace-nav>li.margin-1 {
  1349. margin-left: 1px
  1350. }
  1351. .ace-nav>li.no-border {
  1352. border: none!important
  1353. }
  1354. .ace-nav>li .dropdown-menu {
  1355. z-index: 1031
  1356. }
  1357. .ace-nav .nav-user-photo {
  1358. margin: -4px 8px 0 0;
  1359. border-radius: 100%;
  1360. border: 2px solid #FFF;
  1361. max-width: 40px
  1362. }
  1363. .ace-nav li:last-child a [class^="icon-"] {
  1364. display: inline-block;
  1365. width: 1.25em;
  1366. text-align: center
  1367. }
  1368. @media only screen and (max-width:767px) {
  1369. .navbar-container {
  1370. padding-left: 0;
  1371. padding-right: 0
  1372. }
  1373. }
  1374. @media only screen and (max-width:767px) {
  1375. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right {
  1376. right: -80px
  1377. }
  1378. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:before,
  1379. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after {
  1380. right: 100px
  1381. }
  1382. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right {
  1383. right: -40px
  1384. }
  1385. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:before,
  1386. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:after {
  1387. right: 60px
  1388. }
  1389. .user-menu.dropdown-close.pull-right {
  1390. right: 0!important
  1391. }
  1392. }
  1393. @media only screen and (max-width:480px) {
  1394. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right {
  1395. right: -120px
  1396. }
  1397. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:before,
  1398. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after {
  1399. right: 140px
  1400. }
  1401. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right {
  1402. right: -80px
  1403. }
  1404. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:before,
  1405. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:after {
  1406. right: 100px
  1407. }
  1408. .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right {
  1409. right: -50px
  1410. }
  1411. .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:before,
  1412. .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:after {
  1413. right: 70px
  1414. }
  1415. }
  1416. @media only screen and (max-width:460px) {
  1417. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right {
  1418. left: -5px;
  1419. right: auto
  1420. }
  1421. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:before,
  1422. .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after {
  1423. right: auto;
  1424. left: 25px
  1425. }
  1426. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right {
  1427. left: -60px;
  1428. right: auto
  1429. }
  1430. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:before,
  1431. .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:after {
  1432. left: 80px;
  1433. right: auto
  1434. }
  1435. .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right {
  1436. left: -110px;
  1437. right: auto
  1438. }
  1439. .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:before,
  1440. .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:after {
  1441. left: 130px;
  1442. right: auto
  1443. }
  1444. }
  1445. @media only screen and (max-width:460px) {
  1446. .navbar .navbar-header.pull-left {
  1447. display: block;
  1448. float: none!important
  1449. }
  1450. .navbar .navbar-header.pull-right {
  1451. display: block;
  1452. float: none!important
  1453. }
  1454. .ace-nav {
  1455. display: block;
  1456. float: none!important;
  1457. text-align: center;
  1458. background-color: #404040;
  1459. border: 1px solid #DDD;
  1460. border-width: 1px 0;
  1461. letter-spacing: -3px
  1462. }
  1463. .ace-nav>li {
  1464. display: inline-block;
  1465. float: none!important;
  1466. text-align: left;
  1467. letter-spacing: normal
  1468. }
  1469. .ace-nav>li:first-child {
  1470. border-left: 1px solid #DDD
  1471. }
  1472. .ace-nav>li:last-child {
  1473. border-right: 1px solid #DDD
  1474. }
  1475. }
  1476. @media only screen and (max-width:320px) {
  1477. .ace-nav>li>a {
  1478. padding: 0 5px!important
  1479. }
  1480. }
  1481. .user-menu>li>a {
  1482. padding: 4px 12px
  1483. }
  1484. .user-menu>li>a>[class*="icon-"] {
  1485. margin-right: 6px;
  1486. font-size: 120%
  1487. }
  1488. .user-info {
  1489. max-width: 100px;
  1490. display: inline-block;
  1491. overflow: hidden;
  1492. text-overflow: ellipsis;
  1493. white-space: nowrap;
  1494. text-align: left;
  1495. vertical-align: top;
  1496. line-height: 15px;
  1497. position: relative;
  1498. top: 6px
  1499. }
  1500. .user-info small {
  1501. display: block
  1502. }
  1503. @media(min-width:461px) and (max-width:480px),
  1504. (max-width:360px) {
  1505. .user-menu {
  1506. padding-top: 42px!important
  1507. }
  1508. .ace-nav .nav-user-photo {
  1509. margin-right: 0
  1510. }
  1511. .user-info {
  1512. position: absolute!important;
  1513. margin-top: 40px;
  1514. margin-left: 1px;
  1515. right: 2px;
  1516. z-index: 1032;
  1517. color: #777;
  1518. font-size: 14px;
  1519. width: 156px;
  1520. max-width: 156px;
  1521. padding-left: 8px;
  1522. padding-right: 8px;
  1523. height: 32px;
  1524. line-height: 26px!important;
  1525. display: none;
  1526. border-bottom: 1px solid #e5e5e5;
  1527. text-align: center;
  1528. vertical-align: none;
  1529. line-height: normal
  1530. }
  1531. .user-info>small {
  1532. display: inline;
  1533. opacity: 1
  1534. }
  1535. li.open .user-info {
  1536. display: inline-block
  1537. }
  1538. }
  1539. .breadcrumbs {
  1540. position: relative;
  1541. border-bottom: 1px solid #e5e5e5;
  1542. background-color: #f5f5f5;
  1543. min-height: 41px;
  1544. line-height: 40px;
  1545. padding: 0 12px 0 0;
  1546. display: block
  1547. }
  1548. .breadcrumbs.fixed,
  1549. .breadcrumbs.breadcrumbs-fixed {
  1550. position: fixed;
  1551. right: 0;
  1552. left: 190px;
  1553. top: 45px;
  1554. z-index: 1028
  1555. }
  1556. .breadcrumb {
  1557. background-color: transparent;
  1558. display: inline-block;
  1559. line-height: 24px;
  1560. margin: 0 22px 0 12px;
  1561. padding: 0;
  1562. font-size: 13px;
  1563. color: #333;
  1564. border-radius: 0
  1565. }
  1566. .breadcrumb>li,
  1567. .breadcrumb>li.active {
  1568. color: #555
  1569. }
  1570. .breadcrumb>li>a {
  1571. display: inline-block;
  1572. padding: 0 4px;
  1573. color: #4c8fbd
  1574. }
  1575. .breadcrumb>li+li:before {
  1576. font-family: FontAwesome;
  1577. font-size: 14px;
  1578. content: "\f105";
  1579. color: #b2b6bf;
  1580. margin-right: 2px;
  1581. padding: 0 5px 0 2px;
  1582. position: relative;
  1583. top: 1px
  1584. }
  1585. .breadcrumb .home-icon {
  1586. margin-left: 4px;
  1587. margin-right: 2px;
  1588. font-size: 20px;
  1589. position: relative;
  1590. top: 2px
  1591. }
  1592. @media only screen and (max-width:991px) {
  1593. .breadcrumb {
  1594. margin-left: 90px
  1595. }
  1596. .breadcrumbs.fixed,
  1597. .breadcrumbs.breadcrumbs-fixed {
  1598. position: relative!important;
  1599. left: auto!important;
  1600. right: auto!important;
  1601. top: auto!important;
  1602. z-index: auto!important
  1603. }
  1604. body.breadcrumbs-fixed .ace-settings-container {
  1605. top: 50px
  1606. }
  1607. }
  1608. @media only screen and (max-width:480px) {
  1609. .breadcrumb>li>a {
  1610. padding: 0 1px
  1611. }
  1612. }
  1613. @media only screen and (max-width:320px) {
  1614. .breadcrumb {
  1615. margin-left: 36px
  1616. }
  1617. }
  1618. .container.main-container .breadcrumbs.breadcrumbs-fixed {
  1619. left: auto!important;
  1620. right: auto!important
  1621. }
  1622. @media(min-width:768px) {
  1623. .container.main-container .breadcrumbs.breadcrumbs-fixed {
  1624. width: 554px
  1625. }
  1626. .container.main-container .menu-min+.main-content .breadcrumbs.breadcrumbs-fixed {
  1627. width: 701px
  1628. }
  1629. }
  1630. @media(min-width:992px) {
  1631. .container.main-container .breadcrumbs.breadcrumbs-fixed {
  1632. width: 774px
  1633. }
  1634. .container.main-container .menu-min+.main-content .breadcrumbs.breadcrumbs-fixed {
  1635. width: 921px
  1636. }
  1637. }
  1638. @media(min-width:1200px) {
  1639. .container.main-container .breadcrumbs.breadcrumbs-fixed {
  1640. width: 974px
  1641. }
  1642. .container.main-container .menu-min+.main-content .breadcrumbs.breadcrumbs-fixed {
  1643. width: 1121px
  1644. }
  1645. }
  1646. .nav-search {
  1647. position: absolute;
  1648. top: 6px;
  1649. right: 22px;
  1650. line-height: 24px
  1651. }
  1652. .nav-search .form-search {
  1653. margin-bottom: 0
  1654. }
  1655. .nav-search .nav-search-input {
  1656. border: 1px solid #6fb3e0;
  1657. width: 152px;
  1658. height: 28px!important;
  1659. border-radius: 4px!important;
  1660. font-size: 13px;
  1661. color: #666!important;
  1662. z-index: 11;
  1663. -webkit-transition: width ease .15s;
  1664. transition: width ease .15s
  1665. }
  1666. .nav-search .nav-search-input+.dropdown-menu {
  1667. min-width: 0;
  1668. left: 0;
  1669. right: 0
  1670. }
  1671. .nav-search .nav-search-input:focus,
  1672. .nav-search .nav-search-input:hover {
  1673. border-color: #6fb3e0
  1674. }
  1675. .nav-search .nav-search-icon {
  1676. color: #6fb3e0!important;
  1677. font-size: 14px!important;
  1678. line-height: 24px!important
  1679. }
  1680. .nav-search.minimized .nav-search-input {
  1681. width: 0;
  1682. opacity: 0;
  1683. filter: alpha(opacity=0);
  1684. max-width: 0
  1685. }
  1686. .nav-search.minimized:hover .nav-search-input,
  1687. .nav-search.minimized .nav-search-btn:active+.nav-search-input,
  1688. .nav-search.minimized .nav-search-input:focus,
  1689. .nav-search.minimized .nav-search-input:hover,
  1690. .nav-search.minimized .nav-search-input:active {
  1691. opacity: 1;
  1692. filter: alpha(opacity=100);
  1693. width: 152px;
  1694. max-width: 152px
  1695. }
  1696. .nav-search.minimized .nav-search-icon {
  1697. border: 1px solid;
  1698. border-radius: 100%;
  1699. background-color: #FFF;
  1700. padding: 0 5px!important
  1701. }
  1702. .nav-search.minimized:hover .nav-search-icon,
  1703. .nav-search.minimized .nav-search-input:focus~ .nav-search-icon,
  1704. .nav-search.minimized .nav-search-input:hover~ .nav-search-icon,
  1705. .nav-search.minimized .nav-search-input:active~ .nav-search-icon {
  1706. border: 0;
  1707. border-radius: 0;
  1708. padding: 0 3px!important
  1709. }
  1710. .nav-search-icon {
  1711. border: 0;
  1712. border-radius: 0;
  1713. padding: 0 3px!important
  1714. }
  1715. .sidebar>.nav-search {
  1716. position: static;
  1717. background-color: #fafafa;
  1718. border-bottom: 1px solid #DDD;
  1719. text-align: center;
  1720. height: 35px;
  1721. padding-top: 6px
  1722. }
  1723. .sidebar>.nav-search .nav-search-input {
  1724. width: 162px!important;
  1725. border-radius: 0!important;
  1726. max-width: 162px!important;
  1727. opacity: 1!important;
  1728. filter: alpha(opacity=100)!important
  1729. }
  1730. .sidebar>.nav-search .nav-search-input+.dropdown-menu {
  1731. text-align: left
  1732. }
  1733. .sidebar.menu-min .nav-search .form-search {
  1734. position: absolute;
  1735. left: 5px;
  1736. z-index: 14
  1737. }
  1738. .sidebar.menu-min .nav-search .nav-search-input {
  1739. width: 0!important;
  1740. max-width: 0!important;
  1741. opacity: 0!important;
  1742. filter: alpha(opacity=0)!important
  1743. }
  1744. .sidebar.menu-min .nav-search .nav-search-input:hover,
  1745. .sidebar.menu-min .nav-search .nav-search-input:focus,
  1746. .sidebar.menu-min .nav-search .nav-search-input:active {
  1747. width: 162px!important;
  1748. max-width: 162px!important;
  1749. opacity: 1!important;
  1750. filter: alpha(opacity=100)!important
  1751. }
  1752. .sidebar.menu-min .nav-search .nav-search-input:hover~ #nav-search-icon,
  1753. .sidebar.menu-min .nav-search .nav-search-input:focus~ #nav-search-icon,
  1754. .sidebar.menu-min .nav-search .nav-search-input:active~ #nav-search-icon {
  1755. border: 0;
  1756. border-radius: 0;
  1757. padding: 0 3px!important
  1758. }
  1759. .sidebar.menu-min .nav-search:hover .nav-search-input {
  1760. width: 162px!important;
  1761. max-width: 162px!important;
  1762. opacity: 1!important;
  1763. filter: alpha(opacity=100)!important
  1764. }
  1765. .sidebar.menu-min .nav-search:hover .nav-search-input~ .nav-search-icon {
  1766. border: 0;
  1767. border-radius: 0;
  1768. padding: 0 3px!important
  1769. }
  1770. .sidebar.menu-min .nav-search .nav-search-icon {
  1771. border: 1px solid;
  1772. border-radius: 32px;
  1773. background-color: #FFF;
  1774. padding: 0 5px!important
  1775. }
  1776. @media only screen and (max-width:767px) {
  1777. .nav-search {
  1778. right: 5px
  1779. }
  1780. .nav-search .nav-search-input {
  1781. width: 105px
  1782. }
  1783. .nav-search:hover .nav-search-input,
  1784. .nav-search .nav-search-btn:active+.nav-search-input,
  1785. .nav-search .nav-search-input:focus,
  1786. .nav-search .nav-search-input:hover,
  1787. .nav-search .nav-search-input:active {
  1788. width: 145px
  1789. }
  1790. }
  1791. @media only screen and (max-width:480px) {
  1792. .nav-search .nav-search-input {
  1793. width: 0;
  1794. opacity: 0;
  1795. filter: alpha(opacity=0);
  1796. max-width: 0
  1797. }
  1798. .nav-search:hover .nav-search-input,
  1799. .nav-search .nav-search-btn:active+.nav-search-input,
  1800. .nav-search .nav-search-input:focus,
  1801. .nav-search .nav-search-input:hover,
  1802. .nav-search .nav-search-input:active {
  1803. opacity: 1;
  1804. filter: alpha(opacity=100);
  1805. width: 152px;
  1806. max-width: 152px
  1807. }
  1808. .nav-search .nav-search-icon {
  1809. border: 1px solid;
  1810. border-radius: 100%;
  1811. background-color: #FFF;
  1812. padding: 0 5px!important
  1813. }
  1814. .nav-search:hover .nav-search-icon,
  1815. .nav-search .nav-search-input:focus~ .nav-search-icon,
  1816. .nav-search .nav-search-input:hover~ .nav-search-icon,
  1817. .nav-search .nav-search-input:active~ .nav-search-icon {
  1818. border: 0;
  1819. border-radius: 0;
  1820. padding: 0 3px!important
  1821. }
  1822. }
  1823. .sidebar {
  1824. width: 190px;
  1825. float: left;
  1826. position: relative;
  1827. border: 1px solid #ccc;
  1828. border-width: 0 1px 0 0;
  1829. background-color: #f2f2f2
  1830. }
  1831. .sidebar:before {
  1832. content: "";
  1833. display: block;
  1834. width: 190px;
  1835. position: fixed;
  1836. bottom: 0;
  1837. top: 0;
  1838. z-index: -1;
  1839. background-color: #f2f2f2;
  1840. border: 1px solid #ccc;
  1841. border-width: 0 1px 0 0
  1842. }
  1843. .sidebar.fixed,
  1844. .sidebar.sidebar-fixed {
  1845. position: fixed;
  1846. z-index: 1029;
  1847. top: 45px;
  1848. left: 0
  1849. }
  1850. .sidebar.fixed:before,
  1851. .sidebar.sidebar-fixed:before {
  1852. left: 0;
  1853. right: auto
  1854. }
  1855. li [class^="icon-"],
  1856. li [class*=" icon-"],
  1857. .nav-list li [class^="icon-"],
  1858. .nav-list li [class*=" icon-"] {
  1859. width: auto
  1860. }
  1861. .nav-list {
  1862. margin: 0;
  1863. padding: 0;
  1864. list-style: none
  1865. }
  1866. .nav-list .open>a,
  1867. .nav-list .open>a:hover,
  1868. .nav-list .open>a:focus {
  1869. background-color: #fafafa
  1870. }
  1871. .nav-list>li>a,
  1872. .nav-list .nav-header {
  1873. margin: 0
  1874. }
  1875. .nav-list>li {
  1876. display: block;
  1877. padding: 0;
  1878. margin: 0;
  1879. border: 0;
  1880. border-top: 1px solid #fcfcfc;
  1881. border-bottom: 1px solid #e5e5e5;
  1882. position: relative
  1883. }
  1884. .nav-list>li:first-child {
  1885. border-top: 0
  1886. }
  1887. .nav-list li>a:focus {
  1888. outline: 0
  1889. }
  1890. .nav-list>li>a {
  1891. display: block;
  1892. height: 38px;
  1893. line-height: 36px;
  1894. padding: 0 16px 0 7px;
  1895. background-color: #f9f9f9;
  1896. color: #585858;
  1897. text-shadow: none!important;
  1898. font-size: 13px;
  1899. text-decoration: none
  1900. }
  1901. .nav-list>li>a>[class*="icon-"]:first-child {
  1902. display: inline-block;
  1903. vertical-align: middle;
  1904. min-width: 30px;
  1905. text-align: center;
  1906. font-size: 18px;
  1907. font-weight: normal;
  1908. margin-right: 2px
  1909. }
  1910. .nav-list>li>a:focus {
  1911. background-color: #f9f9f9;
  1912. color: #1963aa
  1913. }
  1914. .nav-list>li>a:hover {
  1915. background-color: #FFF;
  1916. color: #1963aa
  1917. }
  1918. .nav-list>li>a:hover:before {
  1919. display: block;
  1920. content: "";
  1921. position: absolute;
  1922. top: -1px;
  1923. bottom: 0;
  1924. left: 0;
  1925. width: 3px;
  1926. max-width: 3px;
  1927. overflow: hidden;
  1928. background-color: #3382af
  1929. }
  1930. .nav-list>li a>.arrow {
  1931. display: inline-block;
  1932. width: 14px!important;
  1933. height: 14px;
  1934. line-height: 14px;
  1935. text-shadow: none;
  1936. font-size: 18px;
  1937. position: absolute;
  1938. right: 11px;
  1939. top: 11px;
  1940. padding: 0;
  1941. color: #666
  1942. }
  1943. .nav-list>li a:hover>.arrow,
  1944. .nav-list>li.active>a>.arrow,
  1945. .nav-list>li.open>a>.arrow {
  1946. color: #1963aa
  1947. }
  1948. .nav-list>li.separator {
  1949. height: 3px;
  1950. background-color: transparent;
  1951. position: static;
  1952. margin: 1px 0;
  1953. -webkit-box-shadow: none;
  1954. box-shadow: none
  1955. }
  1956. .nav-list>li.open>a {
  1957. background-color: #fafafa;
  1958. color: #1963aa
  1959. }
  1960. .nav-list>li.active {
  1961. background-color: #fff
  1962. }
  1963. .nav-list>li.active>a,
  1964. .nav-list>li.active>a:hover,
  1965. .nav-list>li.active>a:focus,
  1966. .nav-list>li.active>a:active {
  1967. background-color: #fff;
  1968. color: #2b7dbc;
  1969. font-weight: bold;
  1970. font-size: 13px
  1971. }
  1972. .nav-list>li.active>a>[class*="icon-"] {
  1973. font-weight: normal
  1974. }
  1975. .nav-list>li.active>a:hover:before {
  1976. display: none
  1977. }
  1978. .nav-list>li.active:after {
  1979. display: inline-block;
  1980. content: "";
  1981. position: absolute;
  1982. right: -2px;
  1983. top: -1px;
  1984. bottom: 0;
  1985. z-index: 1;
  1986. border: 2px solid #2b7dbc;
  1987. border-width: 0 2px 0 0
  1988. }
  1989. .nav-list>li.open {
  1990. border-bottom-color: #e5e5e5
  1991. }
  1992. .nav-list>li.active .submenu {
  1993. display: block
  1994. }
  1995. .nav-list>li .submenu {
  1996. display: none;
  1997. list-style: none;
  1998. margin: 0;
  1999. padding: 0;
  2000. position: relative;
  2001. background-color: #fff;
  2002. border-top: 1px solid #e5e5e5
  2003. }
  2004. .nav-list>li .submenu>li {
  2005. margin-left: 0;
  2006. position: relative
  2007. }
  2008. .nav-list>li .submenu>li>a {
  2009. display: block;
  2010. position: relative;
  2011. color: #616161;
  2012. padding: 7px 0 9px 37px;
  2013. margin: 0;
  2014. border-top: 1px dotted #e4e4e4
  2015. }
  2016. .nav-list>li .submenu>li>a:focus {
  2017. text-decoration: none
  2018. }
  2019. .nav-list>li .submenu>li>a:hover {
  2020. text-decoration: none;
  2021. color: #4b88b7
  2022. }
  2023. .nav-list>li .submenu>li.active>a {
  2024. color: #2b7dbc
  2025. }
  2026. .nav-list>li .submenu>li a>[class*="icon-"]:first-child {
  2027. display: none;
  2028. font-size: 12px;
  2029. font-weight: normal;
  2030. width: 18px;
  2031. height: auto;
  2032. line-height: 12px;
  2033. text-align: center;
  2034. position: absolute;
  2035. left: 10px;
  2036. top: 11px;
  2037. z-index: 1;
  2038. background-color: #FFF
  2039. }
  2040. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child,
  2041. .nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
  2042. display: inline-block
  2043. }
  2044. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child {
  2045. color: #c86139
  2046. }
  2047. /*.nav-list>li>.submenu>li:before {
  2048. content: "";
  2049. display: inline-block;
  2050. position: absolute;
  2051. width: 7px;
  2052. left: 20px;
  2053. top: 17px;
  2054. border-top: 1px dotted #9dbdd6
  2055. }*/
  2056. .nav-list>li>.submenu>li:first-child>a {
  2057. border-top: 1px solid #fafafa
  2058. }
  2059. .nav-list>li>.submenu:before {
  2060. content: "";
  2061. display: block;
  2062. position: absolute;
  2063. z-index: 1;
  2064. left: 18px;
  2065. top: 0;
  2066. bottom: 0;
  2067. border: 1px dotted #9dbdd6;
  2068. border-width: 0 0 0 1px
  2069. }
  2070. .nav-list>li.active>.submenu>li:before {
  2071. border-top-color: #8eb3d0
  2072. }
  2073. .nav-list>li.active>.submenu:before {
  2074. border-left-color: #8eb3d0
  2075. }
  2076. .nav-list li .submenu {
  2077. overflow: hidden
  2078. }
  2079. .nav-list li.active>a:after {
  2080. display: block;
  2081. content: "";
  2082. position: absolute!important;
  2083. right: 0;
  2084. top: 4px;
  2085. border: 8px solid transparent;
  2086. border-width: 14px 10px;
  2087. border-right-color: #2b7dbc
  2088. }
  2089. .nav-list li.open>a:after {
  2090. display: none
  2091. }
  2092. .nav-list li.active.open>.submenu>li.active.open>a.dropdown-toggle:after {
  2093. display: none
  2094. }
  2095. .nav-list li.active>.submenu>li.active>a:after {
  2096. display: none
  2097. }
  2098. .nav-list li.active.open>.submenu>li.active>a:after {
  2099. display: block
  2100. }
  2101. .nav-list li.active.no-active-child>a:after {
  2102. display: inline-block!important
  2103. }
  2104. .nav-list a .badge,
  2105. .nav-list a .label {
  2106. font-size: 12px;
  2107. padding-left: 6px;
  2108. padding-right: 6px;
  2109. position: absolute;
  2110. top: 9px;
  2111. right: 11px;
  2112. opacity: .88
  2113. }
  2114. .nav-list a .badge [class*="icon-"],
  2115. .nav-list a .label [class*="icon-"] {
  2116. vertical-align: middle;
  2117. margin: 0
  2118. }
  2119. .nav-list a.dropdown-toggle .badge,
  2120. .nav-list a.dropdown-toggle .label {
  2121. right: 28px
  2122. }
  2123. .nav-list a:hover .badge,
  2124. .nav-list a:hover .label {
  2125. opacity: 1
  2126. }
  2127. .nav-list .submenu .submenu a .badge,
  2128. .nav-list .submenu .submenu a .label {
  2129. top: 6px
  2130. }
  2131. .sidebar-collapse {
  2132. border-bottom: 1px solid #e0e0e0;
  2133. background-color: #f3f3f3;
  2134. text-align: center;
  2135. padding: 3px 0;
  2136. position: relative
  2137. }
  2138. .sidebar-collapse>[class*="icon-"] {
  2139. display: inline-block;
  2140. cursor: pointer;
  2141. font-size: 14px;
  2142. color: #aaa;
  2143. border: 1px solid #bbb;
  2144. padding: 0 5px;
  2145. line-height: 18px;
  2146. border-radius: 16px;
  2147. background-color: #fff;
  2148. position: relative
  2149. }
  2150. .sidebar-collapse:before {
  2151. content: "";
  2152. display: inline-block;
  2153. height: 0;
  2154. border-top: 1px solid #e0e0e0;
  2155. position: absolute;
  2156. left: 15px;
  2157. right: 15px;
  2158. top: 13px
  2159. }
  2160. .sidebar-shortcuts {
  2161. background-color: #fafafa;
  2162. border-bottom: 1px solid #ddd;
  2163. text-align: center;
  2164. line-height: 39px;
  2165. max-height: 41px;
  2166. margin-bottom: 0
  2167. }
  2168. .sidebar-shortcuts-large {
  2169. padding-bottom: 4px
  2170. }
  2171. .sidebar-shortcuts-large>.btn {
  2172. width: 41px;
  2173. line-height: 24px;
  2174. margin-top: -2px;
  2175. padding: 0;
  2176. border-width: 4px;
  2177. text-align: center
  2178. }
  2179. .sidebar-shortcuts-large>.btn>[class*="icon-"] {
  2180. margin: 0
  2181. }
  2182. .sidebar-shortcuts-mini {
  2183. display: none;
  2184. font-size: 0;
  2185. width: 42px;
  2186. line-height: 18px;
  2187. padding-top: 2px;
  2188. padding-bottom: 2px;
  2189. background-color: #fff
  2190. }
  2191. .sidebar-shortcuts-mini>.btn {
  2192. border-width: 0!important;
  2193. font-size: 0;
  2194. line-height: 0;
  2195. padding: 8px!important;
  2196. margin: 0 1px;
  2197. border-radius: 0!important;
  2198. opacity: .85;
  2199. filter: alpha(opacity=85)
  2200. }
  2201. @media screen and (-webkit-min-device-pixel-ratio:0) {
  2202. ::safari-only,
  2203. .sidebar-shortcuts-mini>.btn {
  2204. margin: 0
  2205. }
  2206. }
  2207. .nav-list>li>.submenu li>.submenu {
  2208. border-top: 0;
  2209. background-color: transparent;
  2210. display: none
  2211. }
  2212. .nav-list>li>.submenu li.active>.submenu {
  2213. display: block
  2214. }
  2215. .nav-list>li>.submenu a>.arrow {
  2216. right: 11px;
  2217. top: 10px;
  2218. font-size: 16px;
  2219. color: #6b828e
  2220. }
  2221. .nav-list>li>.submenu .open>a,
  2222. .nav-list>li>.submenu .open>a:hover,
  2223. .nav-list>li>.submenu .open>a:focus {
  2224. background-color: transparent;
  2225. border-color: #e4e4e4
  2226. }
  2227. .nav-list>li>.submenu li>.submenu>li>a>.arrow {
  2228. right: 12px;
  2229. top: 9px
  2230. }
  2231. .nav-list>li>.submenu li>.submenu>li {
  2232. line-height: 16px
  2233. }
  2234. .nav-list>li>.submenu li>.submenu>li:before {
  2235. display: none
  2236. }
  2237. .nav-list>li>.submenu li>.submenu>li>a {
  2238. margin-left: 35px;
  2239. padding-left: 22px
  2240. }
  2241. .nav-list>li>.submenu li>.submenu>li>.submenu>li>a {
  2242. margin-left: 20px;
  2243. padding-left: 38px
  2244. }
  2245. .nav-list>li>.submenu li>.submenu>li a>[class*="icon-"]:first-child {
  2246. display: inline-block;
  2247. color: inherit;
  2248. font-size: 14px;
  2249. position: static;
  2250. background-color: transparent;
  2251. margin-right: 1px
  2252. }
  2253. .nav-list>li>.submenu li>.submenu>li a {
  2254. font-size: 11px;
  2255. color: #777
  2256. }
  2257. .nav-list>li>.submenu li>.submenu>li a:hover {
  2258. color: #316292;
  2259. text-decoration: underline
  2260. }
  2261. .nav-list>li>.submenu li>.submenu>li a:hover [class*="icon-"] {
  2262. text-decoration: none;
  2263. color: #316292
  2264. }
  2265. .nav-list>li>.submenu li.open>a {
  2266. color: #25639e
  2267. }
  2268. .nav-list>li>.submenu li.open>a>[class*="icon-"]:first-child {
  2269. display: inline-block
  2270. }
  2271. .nav-list>li>.submenu li.open>a .arrow {
  2272. color: #25639e
  2273. }
  2274. .nav-list>li>.submenu li>.submenu li.open>a {
  2275. color: #25639e
  2276. }
  2277. .nav-list>li>.submenu li>.submenu li.open>a>[class*="icon-"]:first-child {
  2278. display: inline-block;
  2279. color: #1963aa
  2280. }
  2281. .nav-list>li>.submenu li>.submenu li.open>a .arrow {
  2282. color: #25639e
  2283. }
  2284. .nav-list>li>.submenu li>.submenu li.active>a {
  2285. color: #347cb3
  2286. }
  2287. .nav-list>li>.submenu li>.submenu li.active>a>[class*="icon-"]:first-child {
  2288. display: inline-block;
  2289. color: #347cb3
  2290. }
  2291. .nav-list>li.active.open li.active>a:after {
  2292. top: 2px;
  2293. border-width: 14px 8px
  2294. }
  2295. .nav-list>li.active.open li.active.open li.active>a:after {
  2296. top: 0
  2297. }
  2298. .menu-min.sidebar {
  2299. width: 43px
  2300. }
  2301. .menu-min.sidebar:before {
  2302. width: 43px
  2303. }
  2304. .menu-min.sidebar+.main-content {
  2305. margin-left: 43px
  2306. }
  2307. .menu-min.sidebar+.main-content .breadcrumbs.fixed,
  2308. .menu-min.sidebar+.main-content .breadcrumbs.breadcrumbs-fixed {
  2309. left: 43px
  2310. }
  2311. .menu-min .nav-list a .badge,
  2312. .menu-min .nav-list a .label {
  2313. position: relative;
  2314. top: -1px;
  2315. right: auto;
  2316. left: 4px
  2317. }
  2318. .menu-min .nav-list .submenu .submenu a .badge,
  2319. .menu-min .nav-list .submenu .submenu a .label {
  2320. top: 0
  2321. }
  2322. .menu-min .nav-list>li>a {
  2323. position: relative
  2324. }
  2325. .menu-min .nav-list>li>a>.menu-text {
  2326. display: none;
  2327. position: absolute;
  2328. left: 42px;
  2329. top: -2px;
  2330. width: 174px;
  2331. height: 40px;
  2332. line-height: 38px;
  2333. background-color: #f5f5f5;
  2334. z-index: 121;
  2335. -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  2336. box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  2337. border: 1px solid #ccc;
  2338. padding-left: 12px
  2339. }
  2340. .menu-min .nav-list>li>a.dropdown-toggle>.menu-text {
  2341. -webkit-box-shadow: none;
  2342. box-shadow: none;
  2343. border: 0;
  2344. top: -1px;
  2345. left: 43px;
  2346. width: 174px;
  2347. border-bottom: 1px solid #ddd
  2348. }
  2349. .menu-min .nav-list>li>a .arrow {
  2350. display: none
  2351. }
  2352. .menu-min .nav-list>li>a:hover:before {
  2353. width: 2px
  2354. }
  2355. .menu-min .nav-list>li:hover>a {
  2356. color: #1963aa
  2357. }
  2358. .menu-min .nav-list>li:hover>a>.menu-text {
  2359. display: block
  2360. }
  2361. .menu-min .nav-list>li.active>a>.menu-text {
  2362. border-left-color: #1963aa
  2363. }
  2364. .menu-min .nav-list>li.open>a {
  2365. background-color: #fafafa;
  2366. color: #585858
  2367. }
  2368. .menu-min .nav-list>li.open.active>a {
  2369. background-color: #fff
  2370. }
  2371. .menu-min .nav-list>li.open:hover>a {
  2372. color: #1963aa
  2373. }
  2374. .menu-min .nav-list>li.active>a {
  2375. color: #2b7dbc
  2376. }
  2377. .menu-min .nav-list>li.active>a:after {
  2378. border-width: 10px 6px;
  2379. top: 8px
  2380. }
  2381. .menu-min .nav-list>li.active.open>a:after {
  2382. display: block
  2383. }
  2384. .menu-min .nav-list>li.active.open li.active>a:after {
  2385. display: none
  2386. }
  2387. .menu-min .nav-list>li>.submenu {
  2388. background: #fff;
  2389. position: absolute;
  2390. z-index: 120;
  2391. left: 42px;
  2392. top: -2px;
  2393. width: 176px;
  2394. border: 1px solid #ccc;
  2395. -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  2396. box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  2397. padding-top: 40px;
  2398. padding-bottom: 2px;
  2399. display: none!important
  2400. }
  2401. .menu-min .nav-list>li>.submenu:before {
  2402. display: none
  2403. }
  2404. .menu-min .nav-list>li>.submenu li:before {
  2405. display: none
  2406. }
  2407. .menu-min .nav-list>li>.submenu li>a {
  2408. margin-left: 0;
  2409. padding-left: 24px
  2410. }
  2411. .menu-min .nav-list>li>.submenu li>a>[class*="icon-"]:first-child {
  2412. left: 4px
  2413. }
  2414. .menu-min .nav-list>li:hover>.submenu {
  2415. display: block!important
  2416. }
  2417. .menu-min .nav-list>li.active>.submenu {
  2418. border-left-color: #2b7dbc
  2419. }
  2420. .menu-min .sidebar-shortcuts {
  2421. position: relative
  2422. }
  2423. .menu-min .sidebar-shortcuts-mini {
  2424. display: block
  2425. }
  2426. .menu-min .sidebar-shortcuts-large {
  2427. display: none;
  2428. position: absolute;
  2429. z-index: 20;
  2430. top: -1px;
  2431. left: 42px;
  2432. width: 182px;
  2433. padding: 0 2px 1px;
  2434. background-color: #fff;
  2435. -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  2436. box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  2437. border: 1px solid #ccc
  2438. }
  2439. .menu-min .sidebar-shortcuts:hover .sidebar-shortcuts-large {
  2440. display: block
  2441. }
  2442. .menu-min .sidebar-collapse:before {
  2443. left: 5px;
  2444. right: 5px
  2445. }
  2446. .menu-min .sidebar-collapse>[class*="icon-"] {
  2447. font-size: 13px;
  2448. padding: 0 4px;
  2449. line-height: 15px;
  2450. border-width: 1px;
  2451. border-color: #aeaeae
  2452. }
  2453. .menu-min .nav-list>li>.submenu li>.submenu>li>a {
  2454. margin-left: 0;
  2455. padding-left: 30px
  2456. }
  2457. .menu-min .nav-list>li>.submenu li>.submenu>li>.submenu>li>a {
  2458. margin-left: 0;
  2459. padding-left: 45px
  2460. }
  2461. .menu-min .nav-list>li>.submenu li.active>a:after {
  2462. display: none
  2463. }
  2464. .menu-min .nav-list li.active.open>.submenu>li.active>a:after {
  2465. display: none
  2466. }
  2467. .menu-toggler {
  2468. display: none
  2469. }
  2470. @media only screen and (max-width:991px) {
  2471. .sidebar:before {
  2472. display: none
  2473. }
  2474. .sidebar {
  2475. display: none;
  2476. float: none;
  2477. position: absolute;
  2478. z-index: 999;
  2479. left: 0;
  2480. bottom: auto;
  2481. top: auto!important;
  2482. margin-top: 40px;
  2483. border: 1px solid #CCC;
  2484. border-left-width: 0;
  2485. box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2)
  2486. }
  2487. .sidebar.display {
  2488. display: block
  2489. }
  2490. .menu-toggler {
  2491. display: inline-block;
  2492. position: absolute;
  2493. left: 0;
  2494. z-index: 998;
  2495. width: 52px;
  2496. height: 32px;
  2497. margin-right: 2px;
  2498. line-height: normal;
  2499. padding-left: 33px;
  2500. padding-top: 7px;
  2501. padding-bottom: 1px;
  2502. font-size: 13px;
  2503. font-weight: bold;
  2504. text-transform: uppercase;
  2505. background-color: #444;
  2506. color: #f3f3f3;
  2507. -webkit-box-sizing: content-box;
  2508. -moz-box-sizing: content-box;
  2509. box-sizing: content-box
  2510. }
  2511. .menu-toggler:hover {
  2512. text-decoration: none
  2513. }
  2514. .menu-toggler:before {
  2515. border-top: 1px solid #87b87f;
  2516. border-bottom: 1px solid #6fb3e0;
  2517. height: 2px;
  2518. width: 24px;
  2519. content: "";
  2520. position: absolute;
  2521. z-index: 11;
  2522. top: 13px;
  2523. left: 4px;
  2524. -webkit-transition: all .1s ease;
  2525. transition: all .1s ease;
  2526. -o-transition: none;
  2527. -webkit-box-sizing: content-box;
  2528. -moz-box-sizing: content-box;
  2529. box-sizing: content-box
  2530. }
  2531. .menu-toggler:after {
  2532. border-top: 1px solid #ffa24d;
  2533. border-bottom: 1px solid #d15b47;
  2534. content: "";
  2535. height: 2px;
  2536. width: 24px;
  2537. position: absolute;
  2538. top: 19px;
  2539. left: 4px;
  2540. -webkit-transition: all .1s ease;
  2541. transition: all .1s ease;
  2542. -o-transition: none;
  2543. -webkit-box-sizing: content-box;
  2544. -moz-box-sizing: content-box;
  2545. box-sizing: content-box
  2546. }
  2547. .menu-toggler.display:before {
  2548. height: 4px;
  2549. top: 8px;
  2550. border-width: 2px
  2551. }
  2552. .menu-toggler.display:after {
  2553. height: 4px;
  2554. top: 20px;
  2555. border-width: 2px
  2556. }
  2557. .menu-toggler>.menu-text {
  2558. display: block;
  2559. position: absolute;
  2560. bottom: -18px;
  2561. left: 0;
  2562. border: 1px solid transparent;
  2563. border-width: 9px 42px;
  2564. border-top-color: #444
  2565. }
  2566. .menu-toggler>.menu-text:after {
  2567. display: block;
  2568. color: #FFF;
  2569. content: "MENU";
  2570. position: absolute;
  2571. left: -8px;
  2572. top: -41px
  2573. }
  2574. .nav-list>li.active:after {
  2575. display: none
  2576. }
  2577. .nav-list li.active>a:after {
  2578. display: none
  2579. }
  2580. .nav-list li.active.open>.submenu>li.active>a:after {
  2581. display: none
  2582. }
  2583. .menu-min .nav-list>li.active:after {
  2584. display: block
  2585. }
  2586. .menu-min .nav-list>li.active>a:after {
  2587. display: block
  2588. }
  2589. }
  2590. @media only screen and (max-width:320px) {
  2591. .menu-toggler {
  2592. width: 0
  2593. }
  2594. .menu-toggler>.menu-text {
  2595. border-width: 7px 16px;
  2596. bottom: -14px
  2597. }
  2598. .menu-toggler>.menu-text:after {
  2599. font-size: 9px;
  2600. font-weight: normal;
  2601. color: #FFF;
  2602. position: absolute;
  2603. left: -13px;
  2604. top: -42px
  2605. }
  2606. .menu-toggler:before,
  2607. .menu-toggler:after {
  2608. margin-top: 8px
  2609. }
  2610. .menu-toggler.display:before,
  2611. .menu-toggler.display:after {
  2612. height: 2px;
  2613. border-width: 1px
  2614. }
  2615. .menu-toggler.display:before {
  2616. top: 13px
  2617. }
  2618. .menu-toggler.display:after {
  2619. top: 19px
  2620. }
  2621. }
  2622. .btn {
  2623. display: inline-block;
  2624. color: #FFF!important;
  2625. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  2626. background-image: none!important;
  2627. border: 5px solid #FFF;
  2628. border-radius: 0;
  2629. box-shadow: none!important;
  2630. -webkit-transition: all ease .15s;
  2631. transition: all ease .15s;
  2632. cursor: pointer;
  2633. vertical-align: middle;
  2634. margin: 0;
  2635. position: relative
  2636. }
  2637. .btn-lg {
  2638. border-width: 5px;
  2639. line-height: 1.35;
  2640. padding: 7px 16px
  2641. }
  2642. .btn-sm {
  2643. border-width: 4px;
  2644. font-size: 13px;
  2645. padding: 4px 9px;
  2646. line-height: 1.39
  2647. }
  2648. .btn-xs {
  2649. border-width: 3px
  2650. }
  2651. .btn-minier {
  2652. padding: 0 4px;
  2653. line-height: 18px;
  2654. border-width: 2px;
  2655. font-size: 12px
  2656. }
  2657. button.btn:active {
  2658. top: 1px;
  2659. left: 1px
  2660. }
  2661. .btn,
  2662. .btn-default,
  2663. .btn:focus,
  2664. .btn-default:focus {
  2665. background-color: #abbac3!important;
  2666. border-color: #abbac3
  2667. }
  2668. .btn:hover,
  2669. .btn-default:hover,
  2670. .open .btn.dropdown-toggle,
  2671. .open .btn-default.dropdown-toggle {
  2672. background-color: #8b9aa3!important;
  2673. border-color: #abbac3
  2674. }
  2675. .btn.no-border:hover,
  2676. .btn-default.no-border:hover {
  2677. border-color: #8b9aa3
  2678. }
  2679. .btn.no-hover:hover,
  2680. .btn-default.no-hover:hover {
  2681. background-color: #abbac3!important
  2682. }
  2683. .btn.active,
  2684. .btn-default.active {
  2685. background-color: #9baab3!important;
  2686. border-color: #8799a4
  2687. }
  2688. .btn.no-border.active,
  2689. .btn-default.no-border.active {
  2690. background-color: #92a3ac!important;
  2691. border-color: #92a3ac
  2692. }
  2693. .btn.disabled,
  2694. .btn-default.disabled,
  2695. .btn[disabled],
  2696. .btn-default[disabled],
  2697. fieldset[disabled] .btn,
  2698. fieldset[disabled] .btn-default,
  2699. .btn.disabled:hover,
  2700. .btn-default.disabled:hover,
  2701. .btn[disabled]:hover,
  2702. .btn-default[disabled]:hover,
  2703. fieldset[disabled] .btn:hover,
  2704. fieldset[disabled] .btn-default:hover,
  2705. .btn.disabled:focus,
  2706. .btn-default.disabled:focus,
  2707. .btn[disabled]:focus,
  2708. .btn-default[disabled]:focus,
  2709. fieldset[disabled] .btn:focus,
  2710. fieldset[disabled] .btn-default:focus,
  2711. .btn.disabled:active,
  2712. .btn-default.disabled:active,
  2713. .btn[disabled]:active,
  2714. .btn-default[disabled]:active,
  2715. fieldset[disabled] .btn:active,
  2716. fieldset[disabled] .btn-default:active,
  2717. .btn.disabled.active,
  2718. .btn-default.disabled.active,
  2719. .btn[disabled].active,
  2720. .btn-default[disabled].active,
  2721. fieldset[disabled] .btn.active,
  2722. fieldset[disabled] .btn-default.active {
  2723. background-color: #abbac3!important;
  2724. border-color: #abbac3
  2725. }
  2726. .btn-primary,
  2727. .btn-primary:focus {
  2728. background-color: #428bca!important;
  2729. border-color: #428bca
  2730. }
  2731. .btn-primary:hover,
  2732. .open .btn-primary.dropdown-toggle {
  2733. background-color: #1b6aaa!important;
  2734. border-color: #428bca
  2735. }
  2736. .btn-primary.no-border:hover {
  2737. border-color: #1b6aaa
  2738. }
  2739. .btn-primary.no-hover:hover {
  2740. background-color: #428bca!important
  2741. }
  2742. .btn-primary.active {
  2743. background-color: #2f7bba!important;
  2744. border-color: #27689d
  2745. }
  2746. .btn-primary.no-border.active {
  2747. background-color: #2b72ae!important;
  2748. border-color: #2b72ae
  2749. }
  2750. .btn-primary.disabled,
  2751. .btn-primary[disabled],
  2752. fieldset[disabled] .btn-primary,
  2753. .btn-primary.disabled:hover,
  2754. .btn-primary[disabled]:hover,
  2755. fieldset[disabled] .btn-primary:hover,
  2756. .btn-primary.disabled:focus,
  2757. .btn-primary[disabled]:focus,
  2758. fieldset[disabled] .btn-primary:focus,
  2759. .btn-primary.disabled:active,
  2760. .btn-primary[disabled]:active,
  2761. fieldset[disabled] .btn-primary:active,
  2762. .btn-primary.disabled.active,
  2763. .btn-primary[disabled].active,
  2764. fieldset[disabled] .btn-primary.active {
  2765. background-color: #428bca!important;
  2766. border-color: #428bca
  2767. }
  2768. .btn-info,
  2769. .btn-info:focus {
  2770. background-color: #6fb3e0!important;
  2771. border-color: #6fb3e0
  2772. }
  2773. .btn-info:hover,
  2774. .open .btn-info.dropdown-toggle {
  2775. background-color: #4f99c6!important;
  2776. border-color: #6fb3e0
  2777. }
  2778. .btn-info.no-border:hover {
  2779. border-color: #4f99c6
  2780. }
  2781. .btn-info.no-hover:hover {
  2782. background-color: #6fb3e0!important
  2783. }
  2784. .btn-info.active {
  2785. background-color: #5fa6d3!important;
  2786. border-color: #4396cb
  2787. }
  2788. .btn-info.no-border.active {
  2789. background-color: #539fd0!important;
  2790. border-color: #539fd0
  2791. }
  2792. .btn-info.disabled,
  2793. .btn-info[disabled],
  2794. fieldset[disabled] .btn-info,
  2795. .btn-info.disabled:hover,
  2796. .btn-info[disabled]:hover,
  2797. fieldset[disabled] .btn-info:hover,
  2798. .btn-info.disabled:focus,
  2799. .btn-info[disabled]:focus,
  2800. fieldset[disabled] .btn-info:focus,
  2801. .btn-info.disabled:active,
  2802. .btn-info[disabled]:active,
  2803. fieldset[disabled] .btn-info:active,
  2804. .btn-info.disabled.active,
  2805. .btn-info[disabled].active,
  2806. fieldset[disabled] .btn-info.active {
  2807. background-color: #6fb3e0!important;
  2808. border-color: #6fb3e0
  2809. }
  2810. .btn-success,
  2811. .btn-success:focus {
  2812. background-color: #87b87f!important;
  2813. border-color: #87b87f
  2814. }
  2815. .btn-success:hover,
  2816. .open .btn-success.dropdown-toggle {
  2817. background-color: #629b58!important;
  2818. border-color: #87b87f
  2819. }
  2820. .btn-success.no-border:hover {
  2821. border-color: #629b58
  2822. }
  2823. .btn-success.no-hover:hover {
  2824. background-color: #87b87f!important
  2825. }
  2826. .btn-success.active {
  2827. background-color: #75aa6c!important;
  2828. border-color: #629959
  2829. }
  2830. .btn-success.no-border.active {
  2831. background-color: #6ba462!important;
  2832. border-color: #6ba462
  2833. }
  2834. .btn-success.disabled,
  2835. .btn-success[disabled],
  2836. fieldset[disabled] .btn-success,
  2837. .btn-success.disabled:hover,
  2838. .btn-success[disabled]:hover,
  2839. fieldset[disabled] .btn-success:hover,
  2840. .btn-success.disabled:focus,
  2841. .btn-success[disabled]:focus,
  2842. fieldset[disabled] .btn-success:focus,
  2843. .btn-success.disabled:active,
  2844. .btn-success[disabled]:active,
  2845. fieldset[disabled] .btn-success:active,
  2846. .btn-success.disabled.active,
  2847. .btn-success[disabled].active,
  2848. fieldset[disabled] .btn-success.active {
  2849. background-color: #87b87f!important;
  2850. border-color: #87b87f
  2851. }
  2852. .btn-warning,
  2853. .btn-warning:focus {
  2854. background-color: #ffb752!important;
  2855. border-color: #ffb752
  2856. }
  2857. .btn-warning:hover,
  2858. .open .btn-warning.dropdown-toggle {
  2859. background-color: #e59729!important;
  2860. border-color: #ffb752
  2861. }
  2862. .btn-warning.no-border:hover {
  2863. border-color: #e59729
  2864. }
  2865. .btn-warning.no-hover:hover {
  2866. background-color: #ffb752!important
  2867. }
  2868. .btn-warning.active {
  2869. background-color: #f2a73e!important;
  2870. border-color: #f0981c
  2871. }
  2872. .btn-warning.no-border.active {
  2873. background-color: #f1a02f!important;
  2874. border-color: #f1a02f
  2875. }
  2876. .btn-warning.disabled,
  2877. .btn-warning[disabled],
  2878. fieldset[disabled] .btn-warning,
  2879. .btn-warning.disabled:hover,
  2880. .btn-warning[disabled]:hover,
  2881. fieldset[disabled] .btn-warning:hover,
  2882. .btn-warning.disabled:focus,
  2883. .btn-warning[disabled]:focus,
  2884. fieldset[disabled] .btn-warning:focus,
  2885. .btn-warning.disabled:active,
  2886. .btn-warning[disabled]:active,
  2887. fieldset[disabled] .btn-warning:active,
  2888. .btn-warning.disabled.active,
  2889. .btn-warning[disabled].active,
  2890. fieldset[disabled] .btn-warning.active {
  2891. background-color: #ffb752!important;
  2892. border-color: #ffb752
  2893. }
  2894. .btn-danger,
  2895. .btn-danger:focus {
  2896. background-color: #d15b47!important;
  2897. border-color: #d15b47
  2898. }
  2899. .btn-danger:hover,
  2900. .open .btn-danger.dropdown-toggle {
  2901. background-color: #b74635!important;
  2902. border-color: #d15b47
  2903. }
  2904. .btn-danger.no-border:hover {
  2905. border-color: #b74635
  2906. }
  2907. .btn-danger.no-hover:hover {
  2908. background-color: #d15b47!important
  2909. }
  2910. .btn-danger.active {
  2911. background-color: #c4513e!important;
  2912. border-color: #aa4434
  2913. }
  2914. .btn-danger.no-border.active {
  2915. background-color: #ba4b39!important;
  2916. border-color: #ba4b39
  2917. }
  2918. .btn-danger.disabled,
  2919. .btn-danger[disabled],
  2920. fieldset[disabled] .btn-danger,
  2921. .btn-danger.disabled:hover,
  2922. .btn-danger[disabled]:hover,
  2923. fieldset[disabled] .btn-danger:hover,
  2924. .btn-danger.disabled:focus,
  2925. .btn-danger[disabled]:focus,
  2926. fieldset[disabled] .btn-danger:focus,
  2927. .btn-danger.disabled:active,
  2928. .btn-danger[disabled]:active,
  2929. fieldset[disabled] .btn-danger:active,
  2930. .btn-danger.disabled.active,
  2931. .btn-danger[disabled].active,
  2932. fieldset[disabled] .btn-danger.active {
  2933. background-color: #d15b47!important;
  2934. border-color: #d15b47
  2935. }
  2936. .btn-inverse,
  2937. .btn-inverse:focus {
  2938. background-color: #555!important;
  2939. border-color: #555
  2940. }
  2941. .btn-inverse:hover,
  2942. .open .btn-inverse.dropdown-toggle {
  2943. background-color: #303030!important;
  2944. border-color: #555
  2945. }
  2946. .btn-inverse.no-border:hover {
  2947. border-color: #303030
  2948. }
  2949. .btn-inverse.no-hover:hover {
  2950. background-color: #555!important
  2951. }
  2952. .btn-inverse.active {
  2953. background-color: #434343!important;
  2954. border-color: #313131
  2955. }
  2956. .btn-inverse.no-border.active {
  2957. background-color: #3b3b3b!important;
  2958. border-color: #3b3b3b
  2959. }
  2960. .btn-inverse.disabled,
  2961. .btn-inverse[disabled],
  2962. fieldset[disabled] .btn-inverse,
  2963. .btn-inverse.disabled:hover,
  2964. .btn-inverse[disabled]:hover,
  2965. fieldset[disabled] .btn-inverse:hover,
  2966. .btn-inverse.disabled:focus,
  2967. .btn-inverse[disabled]:focus,
  2968. fieldset[disabled] .btn-inverse:focus,
  2969. .btn-inverse.disabled:active,
  2970. .btn-inverse[disabled]:active,
  2971. fieldset[disabled] .btn-inverse:active,
  2972. .btn-inverse.disabled.active,
  2973. .btn-inverse[disabled].active,
  2974. fieldset[disabled] .btn-inverse.active {
  2975. background-color: #555!important;
  2976. border-color: #555
  2977. }
  2978. .btn-pink,
  2979. .btn-pink:focus {
  2980. background-color: #d6487e!important;
  2981. border-color: #d6487e
  2982. }
  2983. .btn-pink:hover,
  2984. .open .btn-pink.dropdown-toggle {
  2985. background-color: #b73766!important;
  2986. border-color: #d6487e
  2987. }
  2988. .btn-pink.no-border:hover {
  2989. border-color: #b73766
  2990. }
  2991. .btn-pink.no-hover:hover {
  2992. background-color: #d6487e!important
  2993. }
  2994. .btn-pink.active {
  2995. background-color: #c74072!important;
  2996. border-color: #af3462
  2997. }
  2998. .btn-pink.no-border.active {
  2999. background-color: #be386a!important;
  3000. border-color: #be386a
  3001. }
  3002. .btn-pink.disabled,
  3003. .btn-pink[disabled],
  3004. fieldset[disabled] .btn-pink,
  3005. .btn-pink.disabled:hover,
  3006. .btn-pink[disabled]:hover,
  3007. fieldset[disabled] .btn-pink:hover,
  3008. .btn-pink.disabled:focus,
  3009. .btn-pink[disabled]:focus,
  3010. fieldset[disabled] .btn-pink:focus,
  3011. .btn-pink.disabled:active,
  3012. .btn-pink[disabled]:active,
  3013. fieldset[disabled] .btn-pink:active,
  3014. .btn-pink.disabled.active,
  3015. .btn-pink[disabled].active,
  3016. fieldset[disabled] .btn-pink.active {
  3017. background-color: #d6487e!important;
  3018. border-color: #d6487e
  3019. }
  3020. .btn-purple,
  3021. .btn-purple:focus {
  3022. background-color: #9585bf!important;
  3023. border-color: #9585bf
  3024. }
  3025. .btn-purple:hover,
  3026. .open .btn-purple.dropdown-toggle {
  3027. background-color: #7461aa!important;
  3028. border-color: #9585bf
  3029. }
  3030. .btn-purple.no-border:hover {
  3031. border-color: #7461aa
  3032. }
  3033. .btn-purple.no-hover:hover {
  3034. background-color: #9585bf!important
  3035. }
  3036. .btn-purple.active {
  3037. background-color: #8573b5!important;
  3038. border-color: #705ca8
  3039. }
  3040. .btn-purple.no-border.active {
  3041. background-color: #7c69af!important;
  3042. border-color: #7c69af
  3043. }
  3044. .btn-purple.disabled,
  3045. .btn-purple[disabled],
  3046. fieldset[disabled] .btn-purple,
  3047. .btn-purple.disabled:hover,
  3048. .btn-purple[disabled]:hover,
  3049. fieldset[disabled] .btn-purple:hover,
  3050. .btn-purple.disabled:focus,
  3051. .btn-purple[disabled]:focus,
  3052. fieldset[disabled] .btn-purple:focus,
  3053. .btn-purple.disabled:active,
  3054. .btn-purple[disabled]:active,
  3055. fieldset[disabled] .btn-purple:active,
  3056. .btn-purple.disabled.active,
  3057. .btn-purple[disabled].active,
  3058. fieldset[disabled] .btn-purple.active {
  3059. background-color: #9585bf!important;
  3060. border-color: #9585bf
  3061. }
  3062. .btn-grey,
  3063. .btn-grey:focus {
  3064. background-color: #a0a0a0!important;
  3065. border-color: #a0a0a0
  3066. }
  3067. .btn-grey:hover,
  3068. .open .btn-grey.dropdown-toggle {
  3069. background-color: #888!important;
  3070. border-color: #a0a0a0
  3071. }
  3072. .btn-grey.no-border:hover {
  3073. border-color: #888
  3074. }
  3075. .btn-grey.no-hover:hover {
  3076. background-color: #a0a0a0!important
  3077. }
  3078. .btn-grey.active {
  3079. background-color: #949494!important;
  3080. border-color: #828282
  3081. }
  3082. .btn-grey.no-border.active {
  3083. background-color: #8c8c8c!important;
  3084. border-color: #8c8c8c
  3085. }
  3086. .btn-grey.disabled,
  3087. .btn-grey[disabled],
  3088. fieldset[disabled] .btn-grey,
  3089. .btn-grey.disabled:hover,
  3090. .btn-grey[disabled]:hover,
  3091. fieldset[disabled] .btn-grey:hover,
  3092. .btn-grey.disabled:focus,
  3093. .btn-grey[disabled]:focus,
  3094. fieldset[disabled] .btn-grey:focus,
  3095. .btn-grey.disabled:active,
  3096. .btn-grey[disabled]:active,
  3097. fieldset[disabled] .btn-grey:active,
  3098. .btn-grey.disabled.active,
  3099. .btn-grey[disabled].active,
  3100. fieldset[disabled] .btn-grey.active {
  3101. background-color: #a0a0a0!important;
  3102. border-color: #a0a0a0
  3103. }
  3104. .btn-yellow {
  3105. color: #963!important;
  3106. text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4)!important
  3107. }
  3108. .btn-yellow,
  3109. .btn-yellow:focus {
  3110. background-color: #fee188!important;
  3111. border-color: #fee188
  3112. }
  3113. .btn-yellow:hover,
  3114. .open .btn-yellow.dropdown-toggle {
  3115. background-color: #f7d05b!important;
  3116. border-color: #fee188
  3117. }
  3118. .btn-yellow.no-border:hover {
  3119. border-color: #f7d05b
  3120. }
  3121. .btn-yellow.no-hover:hover {
  3122. background-color: #fee188!important
  3123. }
  3124. .btn-yellow.active {
  3125. background-color: #fbd972!important;
  3126. border-color: #f9cf4f
  3127. }
  3128. .btn-yellow.no-border.active {
  3129. background-color: #fad463!important;
  3130. border-color: #fad463
  3131. }
  3132. .btn-yellow.disabled,
  3133. .btn-yellow[disabled],
  3134. fieldset[disabled] .btn-yellow,
  3135. .btn-yellow.disabled:hover,
  3136. .btn-yellow[disabled]:hover,
  3137. fieldset[disabled] .btn-yellow:hover,
  3138. .btn-yellow.disabled:focus,
  3139. .btn-yellow[disabled]:focus,
  3140. fieldset[disabled] .btn-yellow:focus,
  3141. .btn-yellow.disabled:active,
  3142. .btn-yellow[disabled]:active,
  3143. fieldset[disabled] .btn-yellow:active,
  3144. .btn-yellow.disabled.active,
  3145. .btn-yellow[disabled].active,
  3146. fieldset[disabled] .btn-yellow.active {
  3147. background-color: #fee188!important;
  3148. border-color: #fee188
  3149. }
  3150. .btn-light {
  3151. color: #888!important;
  3152. text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25)!important
  3153. }
  3154. .btn-light,
  3155. .btn-light:focus {
  3156. background-color: #e7e7e7!important;
  3157. border-color: #e7e7e7
  3158. }
  3159. .btn-light:hover,
  3160. .open .btn-light.dropdown-toggle {
  3161. background-color: #d9d9d9!important;
  3162. border-color: #e7e7e7
  3163. }
  3164. .btn-light.no-border:hover {
  3165. border-color: #d9d9d9
  3166. }
  3167. .btn-light.no-hover:hover {
  3168. background-color: #e7e7e7!important
  3169. }
  3170. .btn-light.active {
  3171. background-color: #e0e0e0!important;
  3172. border-color: #cecece
  3173. }
  3174. .btn-light.no-border.active {
  3175. background-color: #d8d8d8!important;
  3176. border-color: #d8d8d8
  3177. }
  3178. .btn-light.disabled,
  3179. .btn-light[disabled],
  3180. fieldset[disabled] .btn-light,
  3181. .btn-light.disabled:hover,
  3182. .btn-light[disabled]:hover,
  3183. fieldset[disabled] .btn-light:hover,
  3184. .btn-light.disabled:focus,
  3185. .btn-light[disabled]:focus,
  3186. fieldset[disabled] .btn-light:focus,
  3187. .btn-light.disabled:active,
  3188. .btn-light[disabled]:active,
  3189. fieldset[disabled] .btn-light:active,
  3190. .btn-light.disabled.active,
  3191. .btn-light[disabled].active,
  3192. fieldset[disabled] .btn-light.active {
  3193. background-color: #e7e7e7!important;
  3194. border-color: #e7e7e7
  3195. }
  3196. .btn-light.btn-xs:after {
  3197. left: -2px;
  3198. right: -2px;
  3199. top: -2px;
  3200. bottom: -2px
  3201. }
  3202. .btn-light.btn-sm:after {
  3203. left: -4px;
  3204. right: -4px;
  3205. top: -4px;
  3206. bottom: -4px
  3207. }
  3208. .btn-light.btn-large:after {
  3209. left: -6px;
  3210. right: -6px;
  3211. top: -6px;
  3212. bottom: -6px
  3213. }
  3214. .btn.btn-white {
  3215. border-width: 1px;
  3216. border-color: #CCC;
  3217. color: #444!important;
  3218. text-shadow: none!important;
  3219. background-color: #FFF!important
  3220. }
  3221. .btn.btn-white:hover,
  3222. .btn.btn-white:focus {
  3223. background-color: #ebebeb!important
  3224. }
  3225. .btn.btn-white.no-border {
  3226. border-color: #CCC
  3227. }
  3228. .btn.disabled.active,
  3229. .btn[disabled].active,
  3230. .btn.disabled:focus,
  3231. .btn[disabled]:focus,
  3232. .btn.disabled:active,
  3233. .btn[disabled]:active {
  3234. outline: 0
  3235. }
  3236. .btn.disabled:active,
  3237. .btn[disabled]:active {
  3238. top: 0;
  3239. left: 0
  3240. }
  3241. .btn.active {
  3242. color: #efe5b5
  3243. }
  3244. .btn.active:after {
  3245. display: inline-block;
  3246. content: "";
  3247. position: absolute;
  3248. border-bottom: 1px solid #efe5b5;
  3249. left: -4px;
  3250. right: -4px;
  3251. bottom: -4px
  3252. }
  3253. .btn.active.btn-sm:after {
  3254. left: -3px;
  3255. right: -3px;
  3256. bottom: -3px
  3257. }
  3258. .btn.active.btn-large:after {
  3259. left: -5px;
  3260. right: -5px;
  3261. bottom: -5px
  3262. }
  3263. .btn.active.btn-xs:after,
  3264. .btn.active.btn-minier:after {
  3265. left: -1px;
  3266. right: -1px;
  3267. bottom: -2px
  3268. }
  3269. .btn.active.btn-minier:after {
  3270. bottom: -1px
  3271. }
  3272. .btn.active.btn-yellow:after {
  3273. border-bottom-color: #c96338
  3274. }
  3275. .btn.active.btn-light {
  3276. color: #515151
  3277. }
  3278. .btn.active.btn-light:after {
  3279. border-bottom-color: #b5b5b5
  3280. }
  3281. .btn>[class*="icon-"] {
  3282. display: inline;
  3283. margin-right: 4px
  3284. }
  3285. .btn>[class*="icon-"].icon-on-right {
  3286. margin-right: 0;
  3287. margin-left: 4px
  3288. }
  3289. .btn>.icon-only[class*="icon-"] {
  3290. margin: 0;
  3291. vertical-align: middle;
  3292. text-align: center;
  3293. padding: 0
  3294. }
  3295. .btn-large>[class*="icon-"] {
  3296. margin-right: 6px
  3297. }
  3298. .btn-large>[class*="icon-"].icon-on-right {
  3299. margin-right: 0;
  3300. margin-left: 6px
  3301. }
  3302. .btn-sm>[class*="icon-"] {
  3303. margin-right: 3px
  3304. }
  3305. .btn-sm>[class*="icon-"].icon-on-right {
  3306. margin-right: 0;
  3307. margin-left: 3px
  3308. }
  3309. .btn-xs>[class*="icon-"],
  3310. .btn-minier>[class*="icon-"] {
  3311. margin-right: 2px
  3312. }
  3313. .btn-xs>[class*="icon-"].icon-on-right,
  3314. .btn-minier>[class*="icon-"].icon-on-right {
  3315. margin-right: 0;
  3316. margin-left: 2px
  3317. }
  3318. .btn.btn-link {
  3319. border: none!important;
  3320. background: transparent none!important;
  3321. color: #08c!important;
  3322. text-shadow: none!important;
  3323. padding: 4px 12px!important;
  3324. line-height: 20px!important
  3325. }
  3326. .btn.btn-link:hover {
  3327. background: none!important;
  3328. text-shadow: none!important
  3329. }
  3330. .btn.btn-link.active {
  3331. background: none!important;
  3332. text-decoration: underline;
  3333. color: #009ceb!important
  3334. }
  3335. .btn.btn-link.active:after {
  3336. display: none
  3337. }
  3338. .btn.btn-link.disabled,
  3339. .btn.btn-link[disabled] {
  3340. background: 0;
  3341. opacity: .65;
  3342. filter: alpha(opacity=65)
  3343. }
  3344. .btn.btn-link.disabled:hover,
  3345. .btn.btn-link[disabled]:hover {
  3346. background: none!important;
  3347. text-decoration: none!important
  3348. }
  3349. .btn.btn-no-border {
  3350. border-width: 0!important
  3351. }
  3352. .btn-group>.btn,
  3353. .btn-group>.btn+.btn {
  3354. margin: 0 1px 0 0
  3355. }
  3356. .btn-group>.btn:first-child {
  3357. margin: 0 1px 0 0
  3358. }
  3359. .btn-group>.btn:first-child,
  3360. .btn-group>.btn:last-child {
  3361. border-radius: 0
  3362. }
  3363. .btn-group>.btn>.caret {
  3364. margin-top: 15px;
  3365. margin-left: 1px;
  3366. border-width: 5px;
  3367. border-top-color: #FFF
  3368. }
  3369. .btn-group>.btn.btn-sm>.caret {
  3370. margin-top: 10px;
  3371. border-width: 4px
  3372. }
  3373. .btn-group>.btn.btn-large>.caret {
  3374. margin-top: 18px;
  3375. border-width: 6px
  3376. }
  3377. .btn-group>.btn.btn-xs>.caret {
  3378. margin-top: 9px;
  3379. border-width: 4px
  3380. }
  3381. .btn-group>.btn.btn-minier>.caret {
  3382. margin-top: 7px;
  3383. border-width: 3px
  3384. }
  3385. .btn-group>.btn+.btn.dropdown-toggle {
  3386. padding-right: 3px;
  3387. padding-left: 3px
  3388. }
  3389. .btn-group>.btn+.btn-large.dropdown-toggle {
  3390. padding-right: 4px;
  3391. padding-left: 4px
  3392. }
  3393. .btn-group .dropdown-toggle {
  3394. border-radius: 0
  3395. }
  3396. .btn-group>.btn,
  3397. .btn-group+.btn {
  3398. margin: 0 1px 0 0;
  3399. border-width: 3px
  3400. }
  3401. .btn-group>.btn.active:after,
  3402. .btn-group+.btn.active:after {
  3403. left: -2px;
  3404. right: -2px;
  3405. bottom: -2px;
  3406. border-bottom-width: 1px
  3407. }
  3408. .btn-group>.btn-large,
  3409. .btn-group+.btn-large {
  3410. border-width: 4px
  3411. }
  3412. .btn-group>.btn-large.active:after,
  3413. .btn-group+.btn-large.active:after {
  3414. left: -3px;
  3415. right: -3px;
  3416. bottom: -3px;
  3417. border-bottom-width: 1px
  3418. }
  3419. .btn-group>.btn-sm,
  3420. .btn-group+.btn-sm {
  3421. border-width: 2px
  3422. }
  3423. .btn-group>.btn-sm.active:after,
  3424. .btn-group+.btn-sm.active:after {
  3425. left: -1px;
  3426. right: -1px;
  3427. bottom: -1px;
  3428. border-bottom-width: 1px
  3429. }
  3430. .btn-group>.btn-xs,
  3431. .btn-group+.btn-xs {
  3432. border-width: 1px
  3433. }
  3434. .btn-group>.btn-xs.active:after,
  3435. .btn-group+.btn-xs.active:after {
  3436. left: 0;
  3437. right: 0;
  3438. bottom: 0;
  3439. border-bottom-width: 1px
  3440. }
  3441. .btn-group>.btn-minier,
  3442. .btn-group+.btn-minier {
  3443. border-width: 1px
  3444. }
  3445. .btn-group>.btn-minier.active:after,
  3446. .btn-group+.btn-minier.active:after {
  3447. left: 0;
  3448. right: 0;
  3449. bottom: 0;
  3450. border-bottom-width: 1px
  3451. }
  3452. .btn-group>.btn {
  3453. border-radius: 0!important
  3454. }
  3455. .btn-group-vertical>.btn,
  3456. .btn-group-vertical>.btn+.btn {
  3457. margin: 1px 0 0
  3458. }
  3459. .btn-group-vertical>.btn:first-child {
  3460. margin-right: 0
  3461. }
  3462. .btn.btn-app {
  3463. display: inline-block;
  3464. width: 100px;
  3465. font-size: 18px;
  3466. font-weight: normal;
  3467. color: #FFF;
  3468. text-align: center;
  3469. text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2)!important;
  3470. border: 0;
  3471. border-radius: 12px;
  3472. padding: 12px 0 8px;
  3473. margin: 2px;
  3474. line-height: 1.7;
  3475. position: relative
  3476. }
  3477. .btn-app,
  3478. .btn-app.btn-default,
  3479. .btn-app.no-hover:hover,
  3480. .btn-app.btn-default.no-hover:hover,
  3481. .btn-app.disabled:hover,
  3482. .btn-app.btn-default.disabled:hover {
  3483. background: #b4c2cc!important;
  3484. background-image: -webkit-gradient(linear, left 0, left 100%, from(#bcc9d5), to(#abbac3))!important;
  3485. background-image: -webkit-linear-gradient(top, #bcc9d5, 0%, #abbac3, 100%)!important;
  3486. background-image: -moz-linear-gradient(top, #bcc9d5 0, #abbac3 100%)!important;
  3487. background-image: linear-gradient(to bottom, #bcc9d5 0, #abbac3 100%)!important;
  3488. background-repeat: repeat-x!important;
  3489. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0)!important
  3490. }
  3491. .btn-app:hover,
  3492. .btn-app.btn-default:hover {
  3493. background: #9baebc!important;
  3494. background-image: -webkit-gradient(linear, left 0, left 100%, from(#a3b5c5), to(#93a6b2))!important;
  3495. background-image: -webkit-linear-gradient(top, #a3b5c5, 0%, #93a6b2, 100%)!important;
  3496. background-image: -moz-linear-gradient(top, #a3b5c5 0, #93a6b2 100%)!important;
  3497. background-image: linear-gradient(to bottom, #a3b5c5 0, #93a6b2 100%)!important;
  3498. background-repeat: repeat-x!important;
  3499. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0)!important
  3500. }
  3501. .btn-app.btn-primary,
  3502. .btn-app.btn-primary.no-hover:hover,
  3503. .btn-app.btn-primary.disabled:hover {
  3504. background: #2a8bcc!important;
  3505. background-image: -webkit-gradient(linear, left 0, left 100%, from(#3b98d6), to(#197ec1))!important;
  3506. background-image: -webkit-linear-gradient(top, #3b98d6, 0%, #197ec1, 100%)!important;
  3507. background-image: -moz-linear-gradient(top, #3b98d6 0, #197ec1 100%)!important;
  3508. background-image: linear-gradient(to bottom, #3b98d6 0, #197ec1 100%)!important;
  3509. background-repeat: repeat-x!important;
  3510. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0)!important
  3511. }
  3512. .btn-app.btn-primary:hover {
  3513. background: #1d6fa6!important;
  3514. background-image: -webkit-gradient(linear, left 0, left 100%, from(#267eb8), to(#136194))!important;
  3515. background-image: -webkit-linear-gradient(top, #267eb8, 0%, #136194, 100%)!important;
  3516. background-image: -moz-linear-gradient(top, #267eb8 0, #136194 100%)!important;
  3517. background-image: linear-gradient(to bottom, #267eb8 0, #136194 100%)!important;
  3518. background-repeat: repeat-x!important;
  3519. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0)!important
  3520. }
  3521. .btn-app.btn-info,
  3522. .btn-app.btn-info.no-hover:hover,
  3523. .btn-app.btn-info.disabled:hover {
  3524. background: #68adde!important;
  3525. background-image: -webkit-gradient(linear, left 0, left 100%, from(#75b5e6), to(#5ba4d5))!important;
  3526. background-image: -webkit-linear-gradient(top, #75b5e6, 0%, #5ba4d5, 100%)!important;
  3527. background-image: -moz-linear-gradient(top, #75b5e6 0, #5ba4d5 100%)!important;
  3528. background-image: linear-gradient(to bottom, #75b5e6 0, #5ba4d5 100%)!important;
  3529. background-repeat: repeat-x!important;
  3530. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0)!important
  3531. }
  3532. .btn-app.btn-info:hover {
  3533. background: #3f96d4!important;
  3534. background-image: -webkit-gradient(linear, left 0, left 100%, from(#4a9ede), to(#348dc9))!important;
  3535. background-image: -webkit-linear-gradient(top, #4a9ede, 0%, #348dc9, 100%)!important;
  3536. background-image: -moz-linear-gradient(top, #4a9ede 0, #348dc9 100%)!important;
  3537. background-image: linear-gradient(to bottom, #4a9ede 0, #348dc9 100%)!important;
  3538. background-repeat: repeat-x!important;
  3539. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0)!important
  3540. }
  3541. .btn-app.btn-success,
  3542. .btn-app.btn-success.no-hover:hover,
  3543. .btn-app.btn-success.disabled:hover {
  3544. background: #86b558!important;
  3545. background-image: -webkit-gradient(linear, left 0, left 100%, from(#8ebf60), to(#7daa50))!important;
  3546. background-image: -webkit-linear-gradient(top, #8ebf60, 0%, #7daa50, 100%)!important;
  3547. background-image: -moz-linear-gradient(top, #8ebf60 0, #7daa50 100%)!important;
  3548. background-image: linear-gradient(to bottom, #8ebf60 0, #7daa50 100%)!important;
  3549. background-repeat: repeat-x!important;
  3550. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0)!important
  3551. }
  3552. .btn-app.btn-success:hover {
  3553. background: #6c9842!important;
  3554. background-image: -webkit-gradient(linear, left 0, left 100%, from(#74a844), to(#648740))!important;
  3555. background-image: -webkit-linear-gradient(top, #74a844, 0%, #648740, 100%)!important;
  3556. background-image: -moz-linear-gradient(top, #74a844 0, #648740 100%)!important;
  3557. background-image: linear-gradient(to bottom, #74a844 0, #648740 100%)!important;
  3558. background-repeat: repeat-x!important;
  3559. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0)!important
  3560. }
  3561. .btn-app.btn-danger,
  3562. .btn-app.btn-danger.no-hover:hover,
  3563. .btn-app.btn-danger.disabled:hover {
  3564. background: #d3413b!important;
  3565. background-image: -webkit-gradient(linear, left 0, left 100%, from(#d55b52), to(#d12723))!important;
  3566. background-image: -webkit-linear-gradient(top, #d55b52, 0%, #d12723, 100%)!important;
  3567. background-image: -moz-linear-gradient(top, #d55b52 0, #d12723 100%)!important;
  3568. background-image: linear-gradient(to bottom, #d55b52 0, #d12723 100%)!important;
  3569. background-repeat: repeat-x!important;
  3570. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0)!important
  3571. }
  3572. .btn-app.btn-danger:hover {
  3573. background: #b52c26!important;
  3574. background-image: -webkit-gradient(linear, left 0, left 100%, from(#c43a30), to(#a51f1c))!important;
  3575. background-image: -webkit-linear-gradient(top, #c43a30, 0%, #a51f1c, 100%)!important;
  3576. background-image: -moz-linear-gradient(top, #c43a30 0, #a51f1c 100%)!important;
  3577. background-image: linear-gradient(to bottom, #c43a30 0, #a51f1c 100%)!important;
  3578. background-repeat: repeat-x!important;
  3579. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0)!important
  3580. }
  3581. .btn-app.btn-warning,
  3582. .btn-app.btn-warning.no-hover:hover,
  3583. .btn-app.btn-warning.disabled:hover {
  3584. background: #ffb44b!important;
  3585. background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffbf66), to(#ffa830))!important;
  3586. background-image: -webkit-linear-gradient(top, #ffbf66, 0%, #ffa830, 100%)!important;
  3587. background-image: -moz-linear-gradient(top, #ffbf66 0, #ffa830 100%)!important;
  3588. background-image: linear-gradient(to bottom, #ffbf66 0, #ffa830 100%)!important;
  3589. background-repeat: repeat-x!important;
  3590. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0)!important
  3591. }
  3592. .btn-app.btn-warning:hover {
  3593. background: #fe9e19!important;
  3594. background-image: -webkit-gradient(linear, left 0, left 100%, from(#fa3), to(#fc9200))!important;
  3595. background-image: -webkit-linear-gradient(top, #fa3, 0%, #fc9200, 100%)!important;
  3596. background-image: -moz-linear-gradient(top, #fa3 0, #fc9200 100%)!important;
  3597. background-image: linear-gradient(to bottom, #fa3 0, #fc9200 100%)!important;
  3598. background-repeat: repeat-x!important;
  3599. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0)!important
  3600. }
  3601. .btn-app.btn-purple,
  3602. .btn-app.btn-purple.no-hover:hover,
  3603. .btn-app.btn-purple.disabled:hover {
  3604. background: #9889c1!important;
  3605. background-image: -webkit-gradient(linear, left 0, left 100%, from(#a696ce), to(#8a7cb4))!important;
  3606. background-image: -webkit-linear-gradient(top, #a696ce, 0%, #8a7cb4, 100%)!important;
  3607. background-image: -moz-linear-gradient(top, #a696ce 0, #8a7cb4 100%)!important;
  3608. background-image: linear-gradient(to bottom, #a696ce 0, #8a7cb4 100%)!important;
  3609. background-repeat: repeat-x!important;
  3610. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0)!important
  3611. }
  3612. .btn-app.btn-purple:hover {
  3613. background: #7b68af!important;
  3614. background-image: -webkit-gradient(linear, left 0, left 100%, from(#8973be), to(#6d5ca1))!important;
  3615. background-image: -webkit-linear-gradient(top, #8973be, 0%, #6d5ca1, 100%)!important;
  3616. background-image: -moz-linear-gradient(top, #8973be 0, #6d5ca1 100%)!important;
  3617. background-image: linear-gradient(to bottom, #8973be 0, #6d5ca1 100%)!important;
  3618. background-repeat: repeat-x!important;
  3619. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0)!important
  3620. }
  3621. .btn-app.btn-pink,
  3622. .btn-app.btn-pink.no-hover:hover,
  3623. .btn-app.btn-pink.disabled:hover {
  3624. background: #d54c7e!important;
  3625. background-image: -webkit-gradient(linear, left 0, left 100%, from(#db5e8c), to(#ce3970))!important;
  3626. background-image: -webkit-linear-gradient(top, #db5e8c, 0%, #ce3970, 100%)!important;
  3627. background-image: -moz-linear-gradient(top, #db5e8c 0, #ce3970 100%)!important;
  3628. background-image: linear-gradient(to bottom, #db5e8c 0, #ce3970 100%)!important;
  3629. background-repeat: repeat-x!important;
  3630. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0)!important
  3631. }
  3632. .btn-app.btn-pink:hover {
  3633. background: #be2f64!important;
  3634. background-image: -webkit-gradient(linear, left 0, left 100%, from(#d2346e), to(#aa2a59))!important;
  3635. background-image: -webkit-linear-gradient(top, #d2346e, 0%, #aa2a59, 100%)!important;
  3636. background-image: -moz-linear-gradient(top, #d2346e 0, #aa2a59 100%)!important;
  3637. background-image: linear-gradient(to bottom, #d2346e 0, #aa2a59 100%)!important;
  3638. background-repeat: repeat-x!important;
  3639. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0)!important
  3640. }
  3641. .btn-app.btn-inverse,
  3642. .btn-app.btn-inverse.no-hover:hover,
  3643. .btn-app.btn-inverse.disabled:hover {
  3644. background: #444!important;
  3645. background-image: -webkit-gradient(linear, left 0, left 100%, from(#555), to(#333))!important;
  3646. background-image: -webkit-linear-gradient(top, #555, 0%, #333, 100%)!important;
  3647. background-image: -moz-linear-gradient(top, #555 0, #333 100%)!important;
  3648. background-image: linear-gradient(to bottom, #555 0, #333 100%)!important;
  3649. background-repeat: repeat-x!important;
  3650. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0)!important
  3651. }
  3652. .btn-app.btn-inverse:hover {
  3653. background: #2b2b2b!important;
  3654. background-image: -webkit-gradient(linear, left 0, left 100%, from(#3b3b3b), to(#1a1a1a))!important;
  3655. background-image: -webkit-linear-gradient(top, #3b3b3b, 0%, #1a1a1a, 100%)!important;
  3656. background-image: -moz-linear-gradient(top, #3b3b3b 0, #1a1a1a 100%)!important;
  3657. background-image: linear-gradient(to bottom, #3b3b3b 0, #1a1a1a 100%)!important;
  3658. background-repeat: repeat-x!important;
  3659. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0)!important
  3660. }
  3661. .btn-app.btn-grey,
  3662. .btn-app.btn-grey.no-hover:hover,
  3663. .btn-app.btn-grey.disabled:hover {
  3664. background: #797979!important;
  3665. background-image: -webkit-gradient(linear, left 0, left 100%, from(#898989), to(#696969))!important;
  3666. background-image: -webkit-linear-gradient(top, #898989, 0%, #696969, 100%)!important;
  3667. background-image: -moz-linear-gradient(top, #898989 0, #696969 100%)!important;
  3668. background-image: linear-gradient(to bottom, #898989 0, #696969 100%)!important;
  3669. background-repeat: repeat-x!important;
  3670. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0)!important
  3671. }
  3672. .btn-app.btn-grey:hover {
  3673. background: #6c6c6c!important;
  3674. background-image: -webkit-gradient(linear, left 0, left 100%, from(#7c7c7c), to(#5c5c5c))!important;
  3675. background-image: -webkit-linear-gradient(top, #7c7c7c, 0%, #5c5c5c, 100%)!important;
  3676. background-image: -moz-linear-gradient(top, #7c7c7c 0, #5c5c5c 100%)!important;
  3677. background-image: linear-gradient(to bottom, #7c7c7c 0, #5c5c5c 100%)!important;
  3678. background-repeat: repeat-x!important;
  3679. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0)!important
  3680. }
  3681. .btn.btn-app.btn-light {
  3682. color: #5a5a5a!important;
  3683. text-shadow: 0 1px 1px #EEE!important
  3684. }
  3685. .btn.btn-app.btn-light,
  3686. .btn.btn-app.btn-light.no-hover:hover,
  3687. .btn.btn-app.btn-light.disabled:hover {
  3688. background: #ededed!important;
  3689. background-image: -webkit-gradient(linear, left 0, left 100%, from(#f4f4f4), to(#e6e6e6))!important;
  3690. background-image: -webkit-linear-gradient(top, #f4f4f4, 0%, #e6e6e6, 100%)!important;
  3691. background-image: -moz-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%)!important;
  3692. background-image: linear-gradient(to bottom, #f4f4f4 0, #e6e6e6 100%)!important;
  3693. background-repeat: repeat-x!important;
  3694. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0)!important
  3695. }
  3696. .btn.btn-app.btn-light:hover {
  3697. background: #e0e0e0!important;
  3698. background-image: -webkit-gradient(linear, left 0, left 100%, from(#e7e7e7), to(#d9d9d9))!important;
  3699. background-image: -webkit-linear-gradient(top, #e7e7e7, 0%, #d9d9d9, 100%)!important;
  3700. background-image: -moz-linear-gradient(top, #e7e7e7 0, #d9d9d9 100%)!important;
  3701. background-image: linear-gradient(to bottom, #e7e7e7 0, #d9d9d9 100%)!important;
  3702. background-repeat: repeat-x!important;
  3703. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0)!important
  3704. }
  3705. .btn.btn-app.btn-yellow {
  3706. color: #963!important;
  3707. text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4)!important
  3708. }
  3709. .btn.btn-app.btn-yellow,
  3710. .btn.btn-app.btn-yellow.no-hover:hover,
  3711. .btn.btn-app.btn-yellow.disabled:hover {
  3712. background: #fee088!important;
  3713. background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffe8a5), to(#fcd76a))!important;
  3714. background-image: -webkit-linear-gradient(top, #ffe8a5, 0%, #fcd76a, 100%)!important;
  3715. background-image: -moz-linear-gradient(top, #ffe8a5 0, #fcd76a 100%)!important;
  3716. background-image: linear-gradient(to bottom, #ffe8a5 0, #fcd76a 100%)!important;
  3717. background-repeat: repeat-x!important;
  3718. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0)!important
  3719. }
  3720. .btn.btn-app.btn-yellow:hover {
  3721. background: #fdd96e!important;
  3722. background-image: -webkit-gradient(linear, left 0, left 100%, from(#ffe18b), to(#fbd051))!important;
  3723. background-image: -webkit-linear-gradient(top, #ffe18b, 0%, #fbd051, 100%)!important;
  3724. background-image: -moz-linear-gradient(top, #ffe18b 0, #fbd051 100%)!important;
  3725. background-image: linear-gradient(to bottom, #ffe18b 0, #fbd051 100%)!important;
  3726. background-repeat: repeat-x!important;
  3727. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0)!important
  3728. }
  3729. .btn.btn-app.btn-sm {
  3730. width: 80px;
  3731. font-size: 16px;
  3732. border-radius: 10px;
  3733. line-height: 1.5
  3734. }
  3735. .btn.btn-app.btn-xs {
  3736. width: 64px;
  3737. font-size: 15px;
  3738. border-radius: 8px;
  3739. padding-bottom: 7px;
  3740. padding-top: 8px;
  3741. line-height: 1.45
  3742. }
  3743. .btn.btn-app>[class*=icon] {
  3744. display: block;
  3745. font-size: 42px;
  3746. margin: 0 0 4px;
  3747. line-height: 36px;
  3748. min-width: 0;
  3749. padding: 0
  3750. }
  3751. .btn.btn-app.btn-sm>[class*=icon] {
  3752. display: block;
  3753. font-size: 32px;
  3754. line-height: 30px;
  3755. margin: 0 0 3px
  3756. }
  3757. .btn.btn-app.btn-xs>[class*=icon] {
  3758. display: block;
  3759. font-size: 24px;
  3760. line-height: 24px;
  3761. margin: 0
  3762. }
  3763. .btn.btn-app.no-radius {
  3764. border-radius: 0
  3765. }
  3766. .btn.btn-app.radius-4 {
  3767. border-radius: 4px
  3768. }
  3769. .btn.btn-app>.badge,
  3770. .btn.btn-app>.label {
  3771. position: absolute!important;
  3772. top: -2px;
  3773. right: -2px;
  3774. padding: 1px 3px;
  3775. text-align: center;
  3776. font-size: 12px
  3777. }
  3778. .btn.btn-app>.badge.badge-left,
  3779. .btn.btn-app>.label.badge-left,
  3780. .btn.btn-app>.badge.label-left,
  3781. .btn.btn-app>.label.label-left {
  3782. right: auto;
  3783. left: -2px
  3784. }
  3785. .btn.btn-app>.label {
  3786. padding: 1px 6px 3px;
  3787. font-size: 13px
  3788. }
  3789. .btn.btn-app.radius-4>.badge,
  3790. .btn.btn-app.no-radius>.badge {
  3791. border-radius: 3px
  3792. }
  3793. .btn.btn-app.radius-4>.badge.no-radius,
  3794. .btn.btn-app.no-radius>.badge.no-radius {
  3795. border-radius: 0
  3796. }
  3797. .btn.btn-app.active {
  3798. color: #fff
  3799. }
  3800. .btn.btn-app.active:after {
  3801. display: none
  3802. }
  3803. .btn.btn-app.active.btn-yellow {
  3804. color: #963;
  3805. border-color: #fee188
  3806. }
  3807. .btn.btn-app.active.btn-light {
  3808. color: #515151
  3809. }
  3810. .btn.btn-app.btn-light,
  3811. .btn.btn-app.btn-yellow {
  3812. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset!important;
  3813. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset!important
  3814. }
  3815. .label {
  3816. border-radius: 0;
  3817. text-shadow: none;
  3818. font-weight: normal;
  3819. display: inline-block;
  3820. background-color: #abbac3!important
  3821. }
  3822. .label[class*="col-"][class*="arrow"] {
  3823. min-height: 0
  3824. }
  3825. @media screen and (-webkit-min-device-pixel-ratio:0) {
  3826. ::safari-only,
  3827. .label:empty {
  3828. display: inline-block
  3829. }
  3830. ::safari-only,
  3831. .badge:empty {
  3832. display: inline-block
  3833. }
  3834. }
  3835. .badge {
  3836. text-shadow: none;
  3837. font-size: 12px;
  3838. padding-top: 1px;
  3839. padding-bottom: 3px;
  3840. font-weight: normal;
  3841. line-height: 15px;
  3842. background-color: #abbac3!important
  3843. }
  3844. .badge.no-radius {
  3845. border-radius: 0
  3846. }
  3847. .badge.radius-1 {
  3848. border-radius: 1px
  3849. }
  3850. .badge.radius-2 {
  3851. border-radius: 2px
  3852. }
  3853. .badge.radius-3 {
  3854. border-radius: 3px
  3855. }
  3856. .badge.radius-4 {
  3857. border-radius: 4px
  3858. }
  3859. .badge.radius-5 {
  3860. border-radius: 5px
  3861. }
  3862. .badge.radius-6 {
  3863. border-radius: 6px
  3864. }
  3865. .label-transparent,
  3866. .badge-transparent {
  3867. background-color: transparent!important
  3868. }
  3869. .label-grey,
  3870. .badge-grey {
  3871. background-color: #a0a0a0!important
  3872. }
  3873. .label-info,
  3874. .badge-info {
  3875. background-color: #3a87ad!important
  3876. }
  3877. .label-primary,
  3878. .badge-primary {
  3879. background-color: #428bca!important
  3880. }
  3881. .label-success,
  3882. .badge-success {
  3883. background-color: #82af6f!important
  3884. }
  3885. .label-danger,
  3886. .badge-danger {
  3887. background-color: #d15b47!important
  3888. }
  3889. .label-important,
  3890. .badge-important {
  3891. background-color: #d15b47!important
  3892. }
  3893. .label-inverse,
  3894. .badge-inverse {
  3895. background-color: #333!important
  3896. }
  3897. .label-warning,
  3898. .badge-warning {
  3899. background-color: #f89406!important
  3900. }
  3901. .label-pink,
  3902. .badge-pink {
  3903. background-color: #d6487e!important
  3904. }
  3905. .label-purple,
  3906. .badge-purple {
  3907. background-color: #9585bf!important
  3908. }
  3909. .label-yellow,
  3910. .badge-yellow {
  3911. background-color: #fee188!important
  3912. }
  3913. .label-light,
  3914. .badge-light {
  3915. background-color: #e7e7e7!important
  3916. }
  3917. .badge-yellow,
  3918. .label-yellow {
  3919. color: #963!important;
  3920. border-color: #fee188
  3921. }
  3922. .badge-light,
  3923. .label-light {
  3924. color: #888!important
  3925. }
  3926. .label.arrowed,
  3927. .label.arrowed-in {
  3928. position: relative;
  3929. z-index: 1
  3930. }
  3931. .label.arrowed:before,
  3932. .label.arrowed-in:before {
  3933. display: inline-block;
  3934. content: "";
  3935. position: absolute;
  3936. top: 0;
  3937. z-index: -1;
  3938. border: 1px solid transparent;
  3939. border-right-color: #abbac3
  3940. }
  3941. .label.arrowed-in:before {
  3942. border-color: #abbac3;
  3943. border-left-color: transparent!important
  3944. }
  3945. .label.arrowed-right,
  3946. .label.arrowed-in-right {
  3947. position: relative;
  3948. z-index: 1
  3949. }
  3950. .label.arrowed-right:after,
  3951. .label.arrowed-in-right:after {
  3952. display: inline-block;
  3953. content: "";
  3954. position: absolute;
  3955. top: 0;
  3956. z-index: -1;
  3957. border: 1px solid transparent;
  3958. border-left-color: #abbac3
  3959. }
  3960. .label.arrowed-in-right:after {
  3961. border-color: #abbac3;
  3962. border-right-color: transparent!important
  3963. }
  3964. .label-info.arrowed:before {
  3965. border-right-color: #3a87ad
  3966. }
  3967. .label-info.arrowed-in:before {
  3968. border-color: #3a87ad
  3969. }
  3970. .label-info.arrowed-right:after {
  3971. border-left-color: #3a87ad
  3972. }
  3973. .label-info.arrowed-in-right:after {
  3974. border-color: #3a87ad
  3975. }
  3976. .label-primary.arrowed:before {
  3977. border-right-color: #428bca
  3978. }
  3979. .label-primary.arrowed-in:before {
  3980. border-color: #428bca
  3981. }
  3982. .label-primary.arrowed-right:after {
  3983. border-left-color: #428bca
  3984. }
  3985. .label-primary.arrowed-in-right:after {
  3986. border-color: #428bca
  3987. }
  3988. .label-success.arrowed:before {
  3989. border-right-color: #82af6f
  3990. }
  3991. .label-success.arrowed-in:before {
  3992. border-color: #82af6f
  3993. }
  3994. .label-success.arrowed-right:after {
  3995. border-left-color: #82af6f
  3996. }
  3997. .label-success.arrowed-in-right:after {
  3998. border-color: #82af6f
  3999. }
  4000. .label-warning.arrowed:before {
  4001. border-right-color: #f89406
  4002. }
  4003. .label-warning.arrowed-in:before {
  4004. border-color: #f89406
  4005. }
  4006. .label-warning.arrowed-right:after {
  4007. border-left-color: #f89406
  4008. }
  4009. .label-warning.arrowed-in-right:after {
  4010. border-color: #f89406
  4011. }
  4012. .label-important.arrowed:before {
  4013. border-right-color: #d15b47
  4014. }
  4015. .label-important.arrowed-in:before {
  4016. border-color: #d15b47
  4017. }
  4018. .label-important.arrowed-right:after {
  4019. border-left-color: #d15b47
  4020. }
  4021. .label-important.arrowed-in-right:after {
  4022. border-color: #d15b47
  4023. }
  4024. .label-danger.arrowed:before {
  4025. border-right-color: #d15b47
  4026. }
  4027. .label-danger.arrowed-in:before {
  4028. border-color: #d15b47
  4029. }
  4030. .label-danger.arrowed-right:after {
  4031. border-left-color: #d15b47
  4032. }
  4033. .label-danger.arrowed-in-right:after {
  4034. border-color: #d15b47
  4035. }
  4036. .label-inverse.arrowed:before {
  4037. border-right-color: #333
  4038. }
  4039. .label-inverse.arrowed-in:before {
  4040. border-color: #333
  4041. }
  4042. .label-inverse.arrowed-right:after {
  4043. border-left-color: #333
  4044. }
  4045. .label-inverse.arrowed-in-right:after {
  4046. border-color: #333
  4047. }
  4048. .label-pink.arrowed:before {
  4049. border-right-color: #d6487e
  4050. }
  4051. .label-pink.arrowed-in:before {
  4052. border-color: #d6487e
  4053. }
  4054. .label-pink.arrowed-right:after {
  4055. border-left-color: #d6487e
  4056. }
  4057. .label-pink.arrowed-in-right:after {
  4058. border-color: #d6487e
  4059. }
  4060. .label-purple.arrowed:before {
  4061. border-right-color: #9585bf
  4062. }
  4063. .label-purple.arrowed-in:before {
  4064. border-color: #9585bf
  4065. }
  4066. .label-purple.arrowed-right:after {
  4067. border-left-color: #9585bf
  4068. }
  4069. .label-purple.arrowed-in-right:after {
  4070. border-color: #9585bf
  4071. }
  4072. .label-yellow.arrowed:before {
  4073. border-right-color: #fee188
  4074. }
  4075. .label-yellow.arrowed-in:before {
  4076. border-color: #fee188
  4077. }
  4078. .label-yellow.arrowed-right:after {
  4079. border-left-color: #fee188
  4080. }
  4081. .label-yellow.arrowed-in-right:after {
  4082. border-color: #fee188
  4083. }
  4084. .label-light.arrowed:before {
  4085. border-right-color: #e7e7e7
  4086. }
  4087. .label-light.arrowed-in:before {
  4088. border-color: #e7e7e7
  4089. }
  4090. .label-light.arrowed-right:after {
  4091. border-left-color: #e7e7e7
  4092. }
  4093. .label-light.arrowed-in-right:after {
  4094. border-color: #e7e7e7
  4095. }
  4096. .label-grey.arrowed:before {
  4097. border-right-color: #a0a0a0
  4098. }
  4099. .label-grey.arrowed-in:before {
  4100. border-color: #a0a0a0
  4101. }
  4102. .label-grey.arrowed-right:after {
  4103. border-left-color: #a0a0a0
  4104. }
  4105. .label-grey.arrowed-in-right:after {
  4106. border-color: #a0a0a0
  4107. }
  4108. .label {
  4109. font-size: 12px;
  4110. line-height: 1.15;
  4111. height: 20px
  4112. }
  4113. .label.arrowed {
  4114. margin-left: 5px
  4115. }
  4116. .label.arrowed:before {
  4117. left: -10px;
  4118. border-width: 10px 5px
  4119. }
  4120. .label.arrowed-in {
  4121. margin-left: 5px
  4122. }
  4123. .label.arrowed-in:before {
  4124. left: -5px;
  4125. border-width: 10px 5px
  4126. }
  4127. .label.arrowed-right {
  4128. margin-right: 5px
  4129. }
  4130. .label.arrowed-right:after {
  4131. right: -10px;
  4132. border-width: 10px 5px
  4133. }
  4134. .label.arrowed-in-right {
  4135. margin-right: 5px
  4136. }
  4137. .label.arrowed-in-right:after {
  4138. right: -5px;
  4139. border-width: 10px 5px
  4140. }
  4141. .label-lg {
  4142. padding: .3em .6em .4em;
  4143. font-size: 13px;
  4144. line-height: 1.1;
  4145. height: 24px
  4146. }
  4147. .label-lg.arrowed {
  4148. margin-left: 6px
  4149. }
  4150. .label-lg.arrowed:before {
  4151. left: -12px;
  4152. border-width: 12px 6px
  4153. }
  4154. .label-lg.arrowed-in {
  4155. margin-left: 6px
  4156. }
  4157. .label-lg.arrowed-in:before {
  4158. left: -6px;
  4159. border-width: 12px 6px
  4160. }
  4161. .label-lg.arrowed-right {
  4162. margin-right: 6px
  4163. }
  4164. .label-lg.arrowed-right:after {
  4165. right: -12px;
  4166. border-width: 12px 6px
  4167. }
  4168. .label-lg.arrowed-in-right {
  4169. margin-right: 6px
  4170. }
  4171. .label-lg.arrowed-in-right:after {
  4172. right: -6px;
  4173. border-width: 12px 6px
  4174. }
  4175. .label-xlg {
  4176. padding: .3em .7em .4em;
  4177. font-size: 14px;
  4178. line-height: 1.3;
  4179. height: 28px
  4180. }
  4181. .label-xlg.arrowed {
  4182. margin-left: 7px
  4183. }
  4184. .label-xlg.arrowed:before {
  4185. left: -14px;
  4186. border-width: 14px 7px
  4187. }
  4188. .label-xlg.arrowed-in {
  4189. margin-left: 7px
  4190. }
  4191. .label-xlg.arrowed-in:before {
  4192. left: -7px;
  4193. border-width: 14px 7px
  4194. }
  4195. .label-xlg.arrowed-right {
  4196. margin-right: 7px
  4197. }
  4198. .label-xlg.arrowed-right:after {
  4199. right: -14px;
  4200. border-width: 14px 7px
  4201. }
  4202. .label-xlg.arrowed-in-right {
  4203. margin-right: 7px
  4204. }
  4205. .label-xlg.arrowed-in-right:after {
  4206. right: -7px;
  4207. border-width: 14px 7px
  4208. }
  4209. .label-sm {
  4210. padding: .2em .4em .3em;
  4211. font-size: 11px;
  4212. line-height: 1;
  4213. height: 18px
  4214. }
  4215. .label-sm.arrowed {
  4216. margin-left: 4px
  4217. }
  4218. .label-sm.arrowed:before {
  4219. left: -8px;
  4220. border-width: 9px 4px
  4221. }
  4222. .label-sm.arrowed-in {
  4223. margin-left: 4px
  4224. }
  4225. .label-sm.arrowed-in:before {
  4226. left: -4px;
  4227. border-width: 9px 4px
  4228. }
  4229. .label-sm.arrowed-right {
  4230. margin-right: 4px
  4231. }
  4232. .label-sm.arrowed-right:after {
  4233. right: -8px;
  4234. border-width: 9px 4px
  4235. }
  4236. .label-sm.arrowed-in-right {
  4237. margin-right: 4px
  4238. }
  4239. .label-sm.arrowed-in-right:after {
  4240. right: -4px;
  4241. border-width: 9px 4px
  4242. }
  4243. .label>span,
  4244. .label>[class*="icon-"] {
  4245. line-height: 1;
  4246. vertical-align: bottom
  4247. }
  4248. .icon-white,
  4249. .nav-pills>.active>a>[class^="icon-"],
  4250. .nav-pills>.active>a>[class*=" icon-"],
  4251. .nav-list>.active>a>[class^="icon-"],
  4252. .nav-list>.active>a>[class*=" icon-"],
  4253. .navbar-inverse .nav>.active>a>[class^="icon-"],
  4254. .navbar-inverse .nav>.active>a>[class*=" icon-"],
  4255. .dropdown-menu>li>a:hover>[class^="icon-"],
  4256. .dropdown-menu>li>a:focus>[class^="icon-"],
  4257. .dropdown-menu>li>a:hover>[class*=" icon-"],
  4258. .dropdown-menu>li>a:focus>[class*=" icon-"],
  4259. .dropdown-menu>.active>a>[class^="icon-"],
  4260. .dropdown-menu>.active>a>[class*=" icon-"],
  4261. .dropdown-submenu:hover>a>[class^="icon-"],
  4262. .dropdown-submenu:focus>a>[class^="icon-"],
  4263. .dropdown-submenu:hover>a>[class*=" icon-"],
  4264. .dropdown-submenu:focus>a>[class*=" icon-"] {
  4265. background-image: none
  4266. }
  4267. .dropdown-menu {
  4268. border-radius: 0!important;
  4269. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  4270. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  4271. }
  4272. .dropdown-menu>li>a {
  4273. font-size: 13px;
  4274. padding-left: 11px;
  4275. padding-right: 11px;
  4276. margin-bottom: 1px;
  4277. margin-top: 1px
  4278. }
  4279. .dropdown-menu.dropdown-only-icon {
  4280. min-width: 50px
  4281. }
  4282. .dropdown-menu.dropdown-only-icon>li {
  4283. float: left;
  4284. margin: 0 4px
  4285. }
  4286. .dropdown-menu.dropdown-only-icon>li>a [class*="icon-"] {
  4287. width: 18px;
  4288. display: inline-block
  4289. }
  4290. .dropdown-menu.dropdown-only-icon>li>a .icon-2x {
  4291. width: 36px
  4292. }
  4293. .dropdown-menu li a:hover,
  4294. .dropdown-menu li a:focus,
  4295. .dropdown-menu li a:active,
  4296. .dropdown-menu li.active a,
  4297. .dropdown-menu li.active a:hover,
  4298. .dropdown-menu .dropdown-submenu:hover>a,
  4299. .nav-tabs .dropdown-menu li>a:focus {
  4300. background: #4f99c6;
  4301. color: #fff
  4302. }
  4303. .dropdown-default li a:hover,
  4304. .dropdown-default li a:focus,
  4305. .dropdown-default li a:active,
  4306. .dropdown-default li.active a,
  4307. .dropdown-default li.active a:hover,
  4308. .dropdown-default .dropdown-submenu:hover>a,
  4309. .nav-tabs .dropdown-default li>a:focus {
  4310. background: #abbac3;
  4311. color: #fff
  4312. }
  4313. .dropdown-info li a:hover,
  4314. .dropdown-info li a:focus,
  4315. .dropdown-info li a:active,
  4316. .dropdown-info li.active a,
  4317. .dropdown-info li.active a:hover,
  4318. .dropdown-info .dropdown-submenu:hover>a,
  4319. .nav-tabs .dropdown-info li>a:focus {
  4320. background: #6fb3e0;
  4321. color: #fff
  4322. }
  4323. .dropdown-primary li a:hover,
  4324. .dropdown-primary li a:focus,
  4325. .dropdown-primary li a:active,
  4326. .dropdown-primary li.active a,
  4327. .dropdown-primary li.active a:hover,
  4328. .dropdown-primary .dropdown-submenu:hover>a,
  4329. .nav-tabs .dropdown-primary li>a:focus {
  4330. background: #428bca;
  4331. color: #fff
  4332. }
  4333. .dropdown-success li a:hover,
  4334. .dropdown-success li a:focus,
  4335. .dropdown-success li a:active,
  4336. .dropdown-success li.active a,
  4337. .dropdown-success li.active a:hover,
  4338. .dropdown-success .dropdown-submenu:hover>a,
  4339. .nav-tabs .dropdown-success li>a:focus {
  4340. background: #87b87f;
  4341. color: #fff
  4342. }
  4343. .dropdown-warning li a:hover,
  4344. .dropdown-warning li a:focus,
  4345. .dropdown-warning li a:active,
  4346. .dropdown-warning li.active a,
  4347. .dropdown-warning li.active a:hover,
  4348. .dropdown-warning .dropdown-submenu:hover>a,
  4349. .nav-tabs .dropdown-warning li>a:focus {
  4350. background: #ffa24d;
  4351. color: #fff
  4352. }
  4353. .dropdown-danger li a:hover,
  4354. .dropdown-danger li a:focus,
  4355. .dropdown-danger li a:active,
  4356. .dropdown-danger li.active a,
  4357. .dropdown-danger li.active a:hover,
  4358. .dropdown-danger .dropdown-submenu:hover>a,
  4359. .nav-tabs .dropdown-danger li>a:focus {
  4360. background: #d15b47;
  4361. color: #fff
  4362. }
  4363. .dropdown-inverse li a:hover,
  4364. .dropdown-inverse li a:focus,
  4365. .dropdown-inverse li a:active,
  4366. .dropdown-inverse li.active a,
  4367. .dropdown-inverse li.active a:hover,
  4368. .dropdown-inverse .dropdown-submenu:hover>a,
  4369. .nav-tabs .dropdown-inverse li>a:focus {
  4370. background: #555;
  4371. color: #fff
  4372. }
  4373. .dropdown-purple li a:hover,
  4374. .dropdown-purple li a:focus,
  4375. .dropdown-purple li a:active,
  4376. .dropdown-purple li.active a,
  4377. .dropdown-purple li.active a:hover,
  4378. .dropdown-purple .dropdown-submenu:hover>a,
  4379. .nav-tabs .dropdown-purple li>a:focus {
  4380. background: #9585bf;
  4381. color: #fff
  4382. }
  4383. .dropdown-pink li a:hover,
  4384. .dropdown-pink li a:focus,
  4385. .dropdown-pink li a:active,
  4386. .dropdown-pink li.active a,
  4387. .dropdown-pink li.active a:hover,
  4388. .dropdown-pink .dropdown-submenu:hover>a,
  4389. .nav-tabs .dropdown-pink li>a:focus {
  4390. background: #d6487e;
  4391. color: #fff
  4392. }
  4393. .dropdown-grey li a:hover,
  4394. .dropdown-grey li a:focus,
  4395. .dropdown-grey li a:active,
  4396. .dropdown-grey li.active a,
  4397. .dropdown-grey li.active a:hover,
  4398. .dropdown-grey .dropdown-submenu:hover>a,
  4399. .nav-tabs .dropdown-grey li>a:focus {
  4400. background: #a0a0a0;
  4401. color: #fff
  4402. }
  4403. .dropdown-light li a:hover,
  4404. .dropdown-light li a:focus,
  4405. .dropdown-light li a:active,
  4406. .dropdown-light li.active a,
  4407. .dropdown-light li.active a:hover,
  4408. .dropdown-light .dropdown-submenu:hover>a,
  4409. .nav-tabs .dropdown-light li>a:focus {
  4410. background: #e7e7e7;
  4411. color: #333
  4412. }
  4413. .dropdown-lighter li a:hover,
  4414. .dropdown-lighter li a:focus,
  4415. .dropdown-lighter li a:active,
  4416. .dropdown-lighter li.active a,
  4417. .dropdown-lighter li.active a:hover,
  4418. .dropdown-lighter .dropdown-submenu:hover>a,
  4419. .nav-tabs .dropdown-lighter li>a:focus {
  4420. background: #efefef;
  4421. color: #444
  4422. }
  4423. .dropdown-lightest li a:hover,
  4424. .dropdown-lightest li a:focus,
  4425. .dropdown-lightest li a:active,
  4426. .dropdown-lightest li.active a,
  4427. .dropdown-lightest li.active a:hover,
  4428. .dropdown-lightest .dropdown-submenu:hover>a,
  4429. .nav-tabs .dropdown-lightest li>a:focus {
  4430. background: #f3f3f3;
  4431. color: #444
  4432. }
  4433. .dropdown-yellow li a:hover,
  4434. .dropdown-yellow li a:focus,
  4435. .dropdown-yellow li a:active,
  4436. .dropdown-yellow li.active a,
  4437. .dropdown-yellow li.active a:hover,
  4438. .dropdown-yellow .dropdown-submenu:hover>a,
  4439. .nav-tabs .dropdown-yellow li>a:focus {
  4440. background: #fee188;
  4441. color: #444
  4442. }
  4443. .dropdown-yellow2 li a:hover,
  4444. .dropdown-yellow2 li a:focus,
  4445. .dropdown-yellow2 li a:active,
  4446. .dropdown-yellow2 li.active a,
  4447. .dropdown-yellow2 li.active a:hover,
  4448. .dropdown-yellow2 .dropdown-submenu:hover>a,
  4449. .nav-tabs .dropdown-yellow2 li>a:focus {
  4450. background: #f9e8b3;
  4451. color: #444
  4452. }
  4453. .dropdown-light-blue li a:hover,
  4454. .dropdown-light-blue li a:focus,
  4455. .dropdown-light-blue li a:active,
  4456. .dropdown-light-blue li.active a,
  4457. .dropdown-light-blue li.active a:hover,
  4458. .dropdown-light-blue .dropdown-submenu:hover>a,
  4459. .nav-tabs .dropdown-light-blue li>a:focus {
  4460. background: #ecf3f9;
  4461. color: #456
  4462. }
  4463. .dropdown-light .dropdown-submenu:hover>a:after,
  4464. .dropdown-lighter .dropdown-submenu:hover>a:after,
  4465. .dropdown-lightest .dropdown-submenu:hover>a:after {
  4466. border-left-color: #444
  4467. }
  4468. .dropdown-menu.dropdown-close {
  4469. top: 92%;
  4470. left: -5px
  4471. }
  4472. .dropdown-menu.dropdown-close.pull-right {
  4473. left: auto;
  4474. right: -5px
  4475. }
  4476. .dropdown-menu.dropdown-closer {
  4477. top: 80%;
  4478. left: -10px
  4479. }
  4480. .dropdown-menu.dropdown-closer.pull-right {
  4481. right: -10px;
  4482. left: auto
  4483. }
  4484. .dropdown-submenu>.dropdown-menu {
  4485. border-radius: 0
  4486. }
  4487. .dropdown-submenu>a:after {
  4488. margin-right: -5px
  4489. }
  4490. .dropdown-colorpicker>.dropdown-menu {
  4491. top: 80%;
  4492. left: -7px;
  4493. padding: 4px;
  4494. min-width: 130px;
  4495. max-width: 130px
  4496. }
  4497. .dropdown-colorpicker>.dropdown-menu.pull-right {
  4498. right: -7px;
  4499. left: auto
  4500. }
  4501. .dropdown-colorpicker>.dropdown-menu>li {
  4502. display: block;
  4503. float: left;
  4504. width: 20px;
  4505. height: 20px;
  4506. margin: 2px
  4507. }
  4508. .dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn {
  4509. display: block;
  4510. width: 20px;
  4511. height: 20px;
  4512. margin: 0;
  4513. padding: 0;
  4514. border-radius: 0;
  4515. position: relative;
  4516. -webkit-transition: all ease .1s;
  4517. transition: all ease .1s
  4518. }
  4519. .dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn:hover {
  4520. text-decoration: none;
  4521. opacity: .8;
  4522. filter: alpha(opacity=80);
  4523. -webkit-transform: scale(1.08);
  4524. -ms-transform: scale(1.08);
  4525. transform: scale(1.08)
  4526. }
  4527. .dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn.selected:after {
  4528. content: "\f00c";
  4529. display: inline-block;
  4530. font-family: FontAwesome;
  4531. font-size: 11px;
  4532. color: #FFF;
  4533. position: absolute;
  4534. left: 0;
  4535. right: 0;
  4536. text-align: center;
  4537. line-height: 20px
  4538. }
  4539. .btn-colorpicker {
  4540. display: inline-block;
  4541. width: 20px;
  4542. height: 20px;
  4543. background-color: #DDD;
  4544. vertical-align: middle;
  4545. border-radius: 0
  4546. }
  4547. .dropdown-navbar {
  4548. padding: 0;
  4549. width: 240px;
  4550. -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  4551. box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  4552. border-color: #bcd4e5
  4553. }
  4554. .dropdown-navbar>li {
  4555. padding: 0 8px;
  4556. background-color: #fff
  4557. }
  4558. .dropdown-navbar>li.dropdown-header {
  4559. text-shadow: none;
  4560. padding-top: 0;
  4561. padding-bottom: 0;
  4562. line-height: 34px;
  4563. font-size: 13px;
  4564. font-weight: bold;
  4565. text-transform: none;
  4566. border-bottom: 1px solid
  4567. }
  4568. .dropdown-navbar>li>[class*="icon-"],
  4569. .dropdown-navbar>li>a>[class*="icon-"] {
  4570. margin-right: 5px!important;
  4571. color: #555;
  4572. font-size: 14px
  4573. }
  4574. .dropdown-navbar>li>a {
  4575. padding: 10px 2px;
  4576. margin: 0;
  4577. border-bottom: 1px solid;
  4578. font-size: 12px;
  4579. line-height: 16px;
  4580. color: #555
  4581. }
  4582. .dropdown-navbar>li>a:active,
  4583. .dropdown-navbar>li>a:hover,
  4584. .dropdown-navbar>li>a:focus {
  4585. background-color: transparent!important;
  4586. color: #555
  4587. }
  4588. .dropdown-navbar>li>a .progress {
  4589. margin-bottom: 0;
  4590. margin-top: 4px
  4591. }
  4592. .dropdown-navbar>li>a .badge {
  4593. line-height: 16px;
  4594. padding-right: 4px;
  4595. padding-left: 4px;
  4596. font-size: 12px
  4597. }
  4598. .dropdown-navbar>li:last-child>a {
  4599. border-bottom: 0 solid #DDD;
  4600. border-top: 1px dotted transparent;
  4601. color: #4f99c6;
  4602. text-align: center;
  4603. font-size: 13px
  4604. }
  4605. .dropdown-navbar>li:last-child>a:hover {
  4606. background-color: #FFF;
  4607. color: #4f99c6;
  4608. text-decoration: underline
  4609. }
  4610. .dropdown-navbar>li:last-child>a:hover>[class*="icon-"] {
  4611. text-decoration: none
  4612. }
  4613. .dropdown-navbar>li:hover {
  4614. background-color: #f4f9fc!important
  4615. }
  4616. .dropdown-navbar>li.dropdown-header {
  4617. background-color: #ecf2f7!important;
  4618. color: #8090a0;
  4619. border-bottom-color: #bcd4e5
  4620. }
  4621. .dropdown-navbar>li.dropdown-header>[class*="icon-"] {
  4622. color: #8090a0
  4623. }
  4624. .dropdown-navbar>li>a {
  4625. border-bottom-color: #e4ecf3
  4626. }
  4627. .dropdown-navbar.navbar-pink {
  4628. border-color: #e5bcd4
  4629. }
  4630. .dropdown-navbar.navbar-pink>li:hover {
  4631. background-color: #fcf4f9!important
  4632. }
  4633. .dropdown-navbar.navbar-pink>li.dropdown-header {
  4634. background-color: #f7ecf2!important;
  4635. color: #b471a0;
  4636. border-bottom-color: #e5bcd4
  4637. }
  4638. .dropdown-navbar.navbar-pink>li.dropdown-header>[class*="icon-"] {
  4639. color: #c06090
  4640. }
  4641. .dropdown-navbar.navbar-pink>li>a {
  4642. border-bottom-color: #f3e4ec
  4643. }
  4644. .dropdown-navbar.navbar-grey {
  4645. border-color: #e5e5e5
  4646. }
  4647. .dropdown-navbar.navbar-grey>li:hover {
  4648. background-color: #f8f8f8!important
  4649. }
  4650. .dropdown-navbar.navbar-grey>li.dropdown-header {
  4651. background-color: #f2f2f2!important;
  4652. color: #3a87ad;
  4653. border-bottom-color: #e5e5e5
  4654. }
  4655. .dropdown-navbar.navbar-grey>li.dropdown-header>[class*="icon-"] {
  4656. color: #3a87ad
  4657. }
  4658. .dropdown-navbar.navbar-grey>li>a {
  4659. border-bottom-color: #eee
  4660. }
  4661. .dropdown-navbar.navbar-green {
  4662. border-color: #b4d5ac
  4663. }
  4664. .dropdown-navbar.navbar-green>li:hover {
  4665. background-color: #f4f9ef!important
  4666. }
  4667. .dropdown-navbar.navbar-green>li.dropdown-header {
  4668. background-color: #ebf7e4!important;
  4669. color: #8a6;
  4670. border-bottom-color: #b4d5ac
  4671. }
  4672. .dropdown-navbar.navbar-green>li.dropdown-header>[class*="icon-"] {
  4673. color: #90c060
  4674. }
  4675. .dropdown-navbar.navbar-green>li>a {
  4676. border-bottom-color: #ecf3e4
  4677. }
  4678. .dropdown-navbar [class*="btn"][class*="icon-"] {
  4679. display: inline-block;
  4680. margin: 0 5px 0 0;
  4681. width: 24px;
  4682. text-align: center;
  4683. padding-left: 0;
  4684. padding-right: 0
  4685. }
  4686. .dropdown-navbar .msg-photo {
  4687. margin-right: 6px;
  4688. max-width: 42px
  4689. }
  4690. .dropdown-navbar .msg-body {
  4691. display: inline-block;
  4692. line-height: 20px;
  4693. white-space: normal;
  4694. vertical-align: middle;
  4695. max-width: 175px
  4696. }
  4697. .dropdown-navbar .msg-title {
  4698. display: inline-block;
  4699. line-height: 14px
  4700. }
  4701. .dropdown-navbar .msg-time {
  4702. display: block;
  4703. font-size: 11px;
  4704. color: #777
  4705. }
  4706. .dropdown-navbar .msg-time>[class*="icon-"] {
  4707. font-size: 14px;
  4708. color: #555
  4709. }
  4710. .dropdown-100 {
  4711. min-width: 100px
  4712. }
  4713. .dropdown-125 {
  4714. min-width: 125px
  4715. }
  4716. .dropdown-150 {
  4717. min-width: 150px
  4718. }
  4719. .dropdown-hover {
  4720. position: relative
  4721. }
  4722. .dropdown-hover:hover>.dropdown-menu {
  4723. display: block
  4724. }
  4725. .form-line {
  4726. margin-bottom: 24px;
  4727. padding-bottom: 12px;
  4728. border-bottom: 1px solid #EEE
  4729. }
  4730. .form-actions {
  4731. display: block;
  4732. background-color: #f5f5f5;
  4733. border-top: 1px solid #e5e5e5;
  4734. margin-bottom: 20px;
  4735. margin-top: 20px;
  4736. padding: 19px 20px 20px
  4737. }
  4738. .help-button {
  4739. display: inline-block;
  4740. height: 22px;
  4741. width: 22px;
  4742. line-height: 22px;
  4743. text-align: center;
  4744. padding: 0;
  4745. background-color: #65bcda;
  4746. color: #FFF;
  4747. font-size: 12px;
  4748. font-weight: bold;
  4749. cursor: default;
  4750. margin-left: 4px;
  4751. border-radius: 100%;
  4752. border-color: #FFF;
  4753. border: 2px solid #FFF;
  4754. -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
  4755. box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2)
  4756. }
  4757. .help-button:hover {
  4758. background-color: #65bcda;
  4759. text-shadow: none
  4760. }
  4761. label {
  4762. font-weight: normal;
  4763. font-size: 14px
  4764. }
  4765. .form-group>label[class*="col-"] {
  4766. padding-top: 4px;
  4767. margin-bottom: 4px
  4768. }
  4769. label,
  4770. .lbl {
  4771. vertical-align: middle
  4772. }
  4773. td>label,
  4774. th>label,
  4775. label.inline {
  4776. margin-bottom: 0;
  4777. line-height: inherit
  4778. }
  4779. textarea,
  4780. input[type="text"],
  4781. input[type="password"],
  4782. input[type="datetime"],
  4783. input[type="datetime-local"],
  4784. input[type="date"],
  4785. input[type="month"],
  4786. input[type="time"],
  4787. input[type="week"],
  4788. input[type="number"],
  4789. input[type="email"],
  4790. input[type="url"],
  4791. input[type="search"],
  4792. input[type="tel"],
  4793. input[type="color"] {
  4794. border-radius: 0!important;
  4795. color: #858585;
  4796. background-color: #fff;
  4797. border: 1px solid #d5d5d5;
  4798. padding: 5px 4px;
  4799. line-height: 1.2;
  4800. font-size: 14px;
  4801. font-family: inherit;
  4802. -webkit-box-shadow: none!important;
  4803. box-shadow: none!important;
  4804. -webkit-transition-duration: .1s;
  4805. transition-duration: .1s
  4806. }
  4807. textarea:hover,
  4808. input[type="text"]:hover,
  4809. input[type="password"]:hover,
  4810. input[type="datetime"]:hover,
  4811. input[type="datetime-local"]:hover,
  4812. input[type="date"]:hover,
  4813. input[type="month"]:hover,
  4814. input[type="time"]:hover,
  4815. input[type="week"]:hover,
  4816. input[type="number"]:hover,
  4817. input[type="email"]:hover,
  4818. input[type="url"]:hover,
  4819. input[type="search"]:hover,
  4820. input[type="tel"]:hover,
  4821. input[type="color"]:hover {
  4822. border-color: #b5b5b5
  4823. }
  4824. textarea:focus,
  4825. input[type="text"]:focus,
  4826. input[type="password"]:focus,
  4827. input[type="datetime"]:focus,
  4828. input[type="datetime-local"]:focus,
  4829. input[type="date"]:focus,
  4830. input[type="month"]:focus,
  4831. input[type="time"]:focus,
  4832. input[type="week"]:focus,
  4833. input[type="number"]:focus,
  4834. input[type="email"]:focus,
  4835. input[type="url"]:focus,
  4836. input[type="search"]:focus,
  4837. input[type="tel"]:focus,
  4838. input[type="color"]:focus {
  4839. -webkit-box-shadow: none;
  4840. box-shadow: none;
  4841. color: #696969;
  4842. border-color: #f59942;
  4843. background-color: #fff;
  4844. outline: 0
  4845. }
  4846. .form-control,
  4847. select {
  4848. border-radius: 0;
  4849. -webkit-box-shadow: none!important;
  4850. box-shadow: none!important;
  4851. color: #858585;
  4852. background-color: #fff;
  4853. border: 1px solid #d5d5d5
  4854. }
  4855. .form-control:focus,
  4856. select:focus {
  4857. color: #696969;
  4858. border-color: #f59942;
  4859. background-color: #fff;
  4860. outline: 0
  4861. }
  4862. textarea.form-control {
  4863. padding: 5px 9px
  4864. }
  4865. select {
  4866. padding: 3px 4px;
  4867. height: 30px
  4868. }
  4869. select.form-control {
  4870. padding: 4px 6px;
  4871. height: 32px
  4872. }
  4873. select[multiple],
  4874. select.form-control[multiple] {
  4875. height: auto
  4876. }
  4877. input.block {
  4878. display: block;
  4879. margin-bottom: 9px
  4880. }
  4881. textarea.autosize-transition {
  4882. -webkit-transition-duration: "height 0.2s";
  4883. transition-duration: "height 0.2s"
  4884. }
  4885. .limiterBox {
  4886. border: 1px solid #222;
  4887. border-top: 0;
  4888. background-color: #333;
  4889. padding: 3px 6px;
  4890. font-size: 12px;
  4891. color: #FFF;
  4892. margin-top: 6px
  4893. }
  4894. .limiterBox:after {
  4895. display: none
  4896. }
  4897. .limiterBox:before {
  4898. display: block;
  4899. content: "";
  4900. position: absolute;
  4901. width: 0;
  4902. height: 0;
  4903. top: -8px;
  4904. left: 50%;
  4905. margin-left: -5px;
  4906. border-color: transparent;
  4907. border-style: solid;
  4908. border-bottom-color: #333;
  4909. border-width: 0 8px 8px
  4910. }
  4911. select option,
  4912. select.form-control option {
  4913. padding: 3px 4px
  4914. }
  4915. select option:active,
  4916. select.form-control option:active,
  4917. select option:hover,
  4918. select.form-control option:hover,
  4919. select option:focus,
  4920. select.form-control option:focus {
  4921. background-color: #e5e9ee;
  4922. color: #111
  4923. }
  4924. select option[value=""],
  4925. select.form-control option[value=""] {
  4926. padding: 0
  4927. }
  4928. input[disabled] {
  4929. color: #848484!important;
  4930. background-color: #eee!important
  4931. }
  4932. input[disabled]:hover {
  4933. border-color: #d5d5d5!important
  4934. }
  4935. input[readonly] {
  4936. color: #939192;
  4937. background: #f5f5f5!important;
  4938. cursor: default
  4939. }
  4940. input[readonly]:hover {
  4941. border-color: #c3c3c3
  4942. }
  4943. input[readonly]:focus {
  4944. -webkit-box-shadow: none;
  4945. box-shadow: none;
  4946. border-color: #aaa;
  4947. background-color: #f9f9f9
  4948. }
  4949. .help-inline {
  4950. font-size: 13px!important
  4951. }
  4952. .input-icon {
  4953. position: relative
  4954. }
  4955. span.input-icon {
  4956. display: inline-block
  4957. }
  4958. .input-icon>input {
  4959. padding-left: 24px;
  4960. padding-right: 6px
  4961. }
  4962. .input-icon.input-icon-right>input {
  4963. padding-left: 6px;
  4964. padding-right: 24px
  4965. }
  4966. .input-icon>[class*="icon-"] {
  4967. padding: 0 3px;
  4968. z-index: 2;
  4969. position: absolute;
  4970. top: 1px;
  4971. bottom: 1px;
  4972. left: 3px;
  4973. line-height: 28px;
  4974. display: inline-block;
  4975. color: #909090;
  4976. font-size: 16px
  4977. }
  4978. .input-icon.input-icon-right>[class*="icon-"] {
  4979. left: auto;
  4980. right: 3px
  4981. }
  4982. .input-icon>input:focus+[class*="icon-"] {
  4983. color: #579
  4984. }
  4985. .input-icon~ .help-inline {
  4986. padding-left: 8px
  4987. }
  4988. .form-search .radio [type=radio]+label,
  4989. .form-inline .radio [type=radio]+label,
  4990. .form-search .checkbox [type=checkbox]+label,
  4991. .form-inline .checkbox [type=checkbox]+label {
  4992. float: left;
  4993. margin-left: -20px
  4994. }
  4995. .form-search .form-search .radio [type=radio]+label,
  4996. .form-search .form-inline .radio [type=radio]+label,
  4997. .form-search .form-search .checkbox [type=checkbox]+label,
  4998. .form-search .form-inline .checkbox [type=checkbox]+label,
  4999. .form-inline .form-search .radio [type=radio]+label,
  5000. .form-inline .form-inline .radio [type=radio]+label,
  5001. .form-inline .form-search .checkbox [type=checkbox]+label,
  5002. .form-inline .form-inline .checkbox [type=checkbox]+label {
  5003. margin-left: 0;
  5004. margin-right: 3px
  5005. }
  5006. .form-search .input-append .search-query:focus,
  5007. .form-search .input-prepend .search-query:focus {
  5008. -webkit-box-shadow: none;
  5009. box-shadow: none
  5010. }
  5011. .input-append input,
  5012. .input-prepend input,
  5013. .input-append select,
  5014. .input-prepend select,
  5015. .input-append .uneditable-input,
  5016. .input-prepend .uneditable-input {
  5017. border-radius: 0
  5018. }
  5019. .input-mini {
  5020. width: 60px;
  5021. max-width: 100%
  5022. }
  5023. .input-small {
  5024. width: 90px;
  5025. max-width: 100%
  5026. }
  5027. .input-medium {
  5028. width: 150px;
  5029. max-width: 100%
  5030. }
  5031. .input-large {
  5032. width: 210px;
  5033. max-width: 100%
  5034. }
  5035. .input-xlarge {
  5036. width: 270px;
  5037. max-width: 100%
  5038. }
  5039. .input-xxlarge {
  5040. width: 530px;
  5041. max-width: 100%
  5042. }
  5043. input.input-lg {
  5044. font-size: 18px
  5045. }
  5046. input.input-sm {
  5047. font-size: 12px
  5048. }
  5049. input[type=checkbox].ace,
  5050. input[type=radio].ace {
  5051. opacity: 0;
  5052. position: absolute;
  5053. z-index: 12;
  5054. width: 18px;
  5055. height: 18px;
  5056. cursor: pointer
  5057. }
  5058. input[type=checkbox].ace:checked,
  5059. input[type=radio].ace:checked,
  5060. input[type=checkbox].ace:focus,
  5061. input[type=radio].ace:focus {
  5062. outline: none!important
  5063. }
  5064. input[type=checkbox].ace+.lbl,
  5065. input[type=radio].ace+.lbl {
  5066. position: relative;
  5067. z-index: 11;
  5068. display: inline-block;
  5069. margin: 0;
  5070. line-height: 20px;
  5071. min-height: 18px;
  5072. min-width: 18px;
  5073. font-weight: normal
  5074. }
  5075. input[type=checkbox].ace+.lbl.padding-16::before,
  5076. input[type=radio].ace+.lbl.padding-16::before {
  5077. margin-right: 16px
  5078. }
  5079. input[type=checkbox].ace+.lbl.padding-12::before,
  5080. input[type=radio].ace+.lbl.padding-12::before {
  5081. margin-right: 12px
  5082. }
  5083. input[type=checkbox].ace+.lbl.padding-8::before,
  5084. input[type=radio].ace+.lbl.padding-8::before {
  5085. margin-right: 8px
  5086. }
  5087. input[type=checkbox].ace+.lbl.padding-4::before,
  5088. input[type=radio].ace+.lbl.padding-4::before {
  5089. margin-right: 4px
  5090. }
  5091. input[type=checkbox].ace+.lbl.padding-0::before,
  5092. input[type=radio].ace+.lbl.padding-0::before {
  5093. margin-right: 0
  5094. }
  5095. input[type=checkbox].ace+.lbl::before,
  5096. input[type=radio].ace+.lbl::before {
  5097. font-family: fontAwesome;
  5098. font-weight: normal;
  5099. font-size: 12px;
  5100. color: #32a3ce;
  5101. content: "\a0";
  5102. background-color: #fafafa;
  5103. border: 1px solid #c8c8c8;
  5104. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  5105. border-radius: 0;
  5106. display: inline-block;
  5107. text-align: center;
  5108. vertical-align: middle;
  5109. height: 16px;
  5110. line-height: 14px;
  5111. min-width: 16px;
  5112. margin-right: 1px
  5113. }
  5114. input[type=checkbox].ace:checked+.lbl::before,
  5115. input[type=radio].ace:checked+.lbl::before {
  5116. display: inline-block;
  5117. content: '\f00c';
  5118. background-color: #f5f8fc;
  5119. border-color: #adb8c0;
  5120. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1)
  5121. }
  5122. input[type=checkbox].ace:hover+.lbl::before,
  5123. input[type=radio].ace:hover+.lbl::before,
  5124. input[type=checkbox].ace+.lbl:hover::before,
  5125. input[type=radio].ace+.lbl:hover::before {
  5126. border-color: #ff893c
  5127. }
  5128. input[type=checkbox].ace:active+.lbl::before,
  5129. input[type=radio].ace:active+.lbl::before,
  5130. input[type=checkbox].ace:checked:active+.lbl::before,
  5131. input[type=radio].ace:checked:active+.lbl::before {
  5132. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1)
  5133. }
  5134. input[type=checkbox].ace.ace-checkbox-2+.lbl::before,
  5135. input[type=radio].ace.ace-checkbox-2+.lbl::before {
  5136. box-shadow: none
  5137. }
  5138. input[type=checkbox].ace.ace-checkbox-2:checked+.lbl::before,
  5139. input[type=radio].ace.ace-checkbox-2:checked+.lbl::before {
  5140. background-color: #f9a021;
  5141. border-color: #f9a021;
  5142. color: #FFF
  5143. }
  5144. input[type=checkbox].ace:disabled+.lbl::before,
  5145. input[type=radio].ace:disabled+.lbl::before,
  5146. input[type=checkbox].ace[disabled]+.lbl::before,
  5147. input[type=radio].ace[disabled]+.lbl::before,
  5148. input[type=checkbox].ace.disabled+.lbl::before,
  5149. input[type=radio].ace.disabled+.lbl::before {
  5150. background-color: #DDD!important;
  5151. border-color: #CCC!important;
  5152. box-shadow: none!important;
  5153. color: #BBB
  5154. }
  5155. input[type=radio].ace+.lbl::before {
  5156. border-radius: 100%;
  5157. font-size: 11px;
  5158. font-family: FontAwesome;
  5159. text-shadow: 0 0 1px #32a3ce;
  5160. line-height: 15px;
  5161. height: 17px;
  5162. min-width: 17px
  5163. }
  5164. input[type=radio].ace:checked+.lbl::before {
  5165. content: "\f111"
  5166. }
  5167. input[type=checkbox].ace.ace-switch {
  5168. width: 55px;
  5169. height: 25px
  5170. }
  5171. input[type=checkbox].ace.ace-switch+.lbl {
  5172. margin: 0 4px;
  5173. min-height: 24px
  5174. }
  5175. input[type=checkbox].ace.ace-switch+.lbl::before {
  5176. font-family: Arial, Helvetica, sans-serif;
  5177. content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
  5178. color: #999;
  5179. font-weight: bold;
  5180. font-size: 11px;
  5181. line-height: 18px;
  5182. line-height: 21px\9;
  5183. height: 20px;
  5184. overflow: hidden;
  5185. border-radius: 12px;
  5186. background-color: #f5f5f5;
  5187. -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .2);
  5188. box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .2);
  5189. border: 1px solid #CCC;
  5190. text-align: left;
  5191. float: left;
  5192. padding: 0;
  5193. width: 52px;
  5194. text-indent: -19px;
  5195. text-indent: -21px\9;
  5196. margin-right: 0;
  5197. -webkit-transition: text-indent .4s ease;
  5198. transition: text-indent .4s ease
  5199. }
  5200. input[type=checkbox].ace.ace-switch+.lbl::after {
  5201. font-family: Arial, Helvetica, sans-serif;
  5202. content: '|||';
  5203. font-size: 10px;
  5204. font-weight: lighter;
  5205. color: #d5d5d5;
  5206. background-color: #FFF;
  5207. text-shadow: -1px 0 0 rgba(0, 0, 0, 0.15);
  5208. text-align: center;
  5209. border-radius: 100%;
  5210. width: 22px;
  5211. height: 22px;
  5212. line-height: 20px;
  5213. position: absolute;
  5214. top: -2px;
  5215. left: -3px;
  5216. padding: 0;
  5217. -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
  5218. box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
  5219. -webkit-transition: left .4s ease;
  5220. transition: left .4s ease
  5221. }
  5222. input[type=checkbox].ace.ace-switch:checked+.lbl::before {
  5223. text-indent: 9px;
  5224. color: #FFF;
  5225. background-color: #8ab2c9;
  5226. border-color: #468fcc
  5227. }
  5228. input[type=checkbox].ace.ace-switch:checked+.lbl::after {
  5229. left: 34px;
  5230. background-color: #FFF;
  5231. color: #8ab2c9
  5232. }
  5233. input[type=checkbox].ace.ace-switch.ace-switch-2+.lbl::before {
  5234. content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO"
  5235. }
  5236. input[type=checkbox].ace.ace-switch.ace-switch-3+.lbl::after {
  5237. font-family: FontAwesome;
  5238. font-size: 13px;
  5239. line-height: 23px;
  5240. content: "\f00d";
  5241. top: -1px
  5242. }
  5243. input[type=checkbox].ace.ace-switch.ace-switch-3:checked+.lbl::after {
  5244. content: "\f00c"
  5245. }
  5246. input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,
  5247. input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
  5248. content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
  5249. font-family: Arial, Helvetica, sans-serif;
  5250. font-weight: bolder;
  5251. font-size: 12px;
  5252. line-height: 23px;
  5253. height: 24px;
  5254. overflow: hidden;
  5255. line-height: 25px\9;
  5256. border-radius: 12px;
  5257. background-color: #8b9aa3;
  5258. border: 1px solid #8b9aa3;
  5259. color: #FFF;
  5260. width: 56px;
  5261. text-indent: -25px;
  5262. text-indent: -28px\9;
  5263. display: inline-block;
  5264. position: relative;
  5265. box-shadow: none;
  5266. -webkit-transition: all .4s ease;
  5267. transition: all .4s ease
  5268. }
  5269. input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after,
  5270. input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
  5271. font-family: Helvetica, Arial, sans-serif;
  5272. content: '|||';
  5273. text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
  5274. font-size: 8px;
  5275. font-weight: lighter;
  5276. color: #8b9aa3;
  5277. text-align: center;
  5278. position: absolute;
  5279. border-radius: 12px;
  5280. color: #5b6a73;
  5281. top: 2px;
  5282. left: 2px;
  5283. width: 20px;
  5284. height: 20px;
  5285. line-height: 18px;
  5286. background-color: #FFF;
  5287. -webkit-transition: all .4s ease;
  5288. transition: all .4s ease
  5289. }
  5290. input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,
  5291. input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
  5292. text-indent: 9px;
  5293. background-color: #468fcc;
  5294. border-color: #468fcc
  5295. }
  5296. input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after,
  5297. input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
  5298. left: 34px;
  5299. background-color: #FFF
  5300. }
  5301. input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
  5302. content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"
  5303. }
  5304. input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
  5305. text-indent: 8px
  5306. }
  5307. input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl {
  5308. position: relative
  5309. }
  5310. input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::before {
  5311. font-family: FontAwesome;
  5312. content: "\f00d";
  5313. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  5314. box-shadow: none;
  5315. border: 0;
  5316. font-weight: lighter;
  5317. font-size: 16px;
  5318. border-radius: 12px;
  5319. display: inline-block;
  5320. background-color: #888;
  5321. color: #f2f2f2;
  5322. width: 52px;
  5323. height: 22px;
  5324. line-height: 20px;
  5325. text-indent: 32px;
  5326. -webkit-transition: background .1s ease;
  5327. transition: background .1s ease
  5328. }
  5329. input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::after {
  5330. content: '';
  5331. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  5332. position: absolute;
  5333. top: 2px;
  5334. left: 3px;
  5335. border-radius: 12px;
  5336. box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  5337. width: 18px;
  5338. height: 18px;
  5339. text-align: center;
  5340. background-color: #f2f2f2;
  5341. border: 4px solid #f2f2f2;
  5342. -webkit-transition: left .2s ease;
  5343. transition: left .2s ease
  5344. }
  5345. input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::before {
  5346. content: "\f00c";
  5347. text-indent: 6px;
  5348. color: #FFF;
  5349. border-color: #b7d3e5;
  5350. background-color: #ff893c
  5351. }
  5352. input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::after {
  5353. left: 32px;
  5354. background-color: #FFF;
  5355. border: 4px solid #FFF;
  5356. text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25)
  5357. }
  5358. input[type=checkbox].ace.ace-switch.ace-switch-7 {
  5359. width: 75px
  5360. }
  5361. input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl {
  5362. position: relative
  5363. }
  5364. input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::before {
  5365. content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
  5366. font-weight: bolder;
  5367. font-size: 14px;
  5368. line-height: 20px;
  5369. background-color: #FFF;
  5370. border: 2px solid #AAA;
  5371. border-radius: 0;
  5372. box-shadow: none;
  5373. color: #aaa;
  5374. width: 74px;
  5375. height: 26px;
  5376. line-height: 22px;
  5377. overflow: hidden;
  5378. text-indent: 4px;
  5379. display: inline-block;
  5380. position: relative;
  5381. -webkit-transition: all .2s ease;
  5382. transition: all .2s ease
  5383. }
  5384. input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::after {
  5385. content: '\f00d';
  5386. font-family: FontAwesome;
  5387. font-size: 16px;
  5388. position: absolute;
  5389. top: 3px;
  5390. left: 39px;
  5391. width: 32px;
  5392. height: 20px;
  5393. line-height: 18px;
  5394. text-align: center;
  5395. background-color: #aaa;
  5396. color: #FFF;
  5397. border-radius: 0;
  5398. box-shadow: none;
  5399. -webkit-transition: all .2s ease-in-out;
  5400. transition: all .2s ease-in-out
  5401. }
  5402. input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::before {
  5403. color: #468fcc;
  5404. background-color: #FFF;
  5405. text-indent: -33px;
  5406. border-color: #6fb3e0
  5407. }
  5408. input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::after {
  5409. left: 3px;
  5410. content: '\f00c';
  5411. background-color: #468fcc;
  5412. color: #FFF
  5413. }
  5414. .input-group .input-group-addon {
  5415. border-radius: 0!important
  5416. }
  5417. .form-group.has-success .input-group .input-group-addon {
  5418. border-color: #92bf65
  5419. }
  5420. .form-group.has-error .input-group .input-group-addon {
  5421. border-color: #f09784
  5422. }
  5423. .form-group.has-warning .input-group .input-group-addon {
  5424. border-color: #e0c43a
  5425. }
  5426. .form-group.has-info .input-group .input-group-addon {
  5427. border-color: #64a6bc
  5428. }
  5429. .input-group>.btn {
  5430. line-height: 20px;
  5431. padding: 0 6px;
  5432. border-radius: 0!important
  5433. }
  5434. .input-group>.btn.btn-sm {
  5435. line-height: 22px
  5436. }
  5437. .input-group>.btn+.btn {
  5438. margin-left: 1px
  5439. }
  5440. .input-group>.btn-group>.btn {
  5441. line-height: 23px
  5442. }
  5443. .input-group>.btn-group>.btn.btn-sm {
  5444. line-height: 26px
  5445. }
  5446. .input-group>.btn>.caret,
  5447. .input-group>.btn-group>.btn>.caret,
  5448. .input-group>.btn.btn-sm>.caret,
  5449. .input-group>.btn-group>.btn.btn-sm>.caret {
  5450. margin-top: 10px
  5451. }
  5452. .ace-file-input {
  5453. position: relative;
  5454. height: 38px;
  5455. line-height: 38px;
  5456. margin-bottom: 9px
  5457. }
  5458. .ace-file-input input[type=file] {
  5459. position: fixed;
  5460. z-index: -2;
  5461. opacity: 0;
  5462. filter: alpha(opacity=0)
  5463. }
  5464. .ace-file-input .file-label {
  5465. display: block;
  5466. position: absolute;
  5467. top: 0;
  5468. left: 0;
  5469. right: 0;
  5470. height: 30px;
  5471. background-color: #fff;
  5472. border: 1px solid #d5d5d5;
  5473. cursor: pointer;
  5474. -webkit-box-shadow: none;
  5475. box-shadow: none;
  5476. -webkit-transition: all .15s;
  5477. transition: all .15s
  5478. }
  5479. .ace-file-input .file-label:hover {
  5480. -webkit-box-shadow: none;
  5481. box-shadow: none;
  5482. border-color: #f59942
  5483. }
  5484. .ace-file-input .file-label:before {
  5485. display: inline-block;
  5486. content: attr(data-title);
  5487. position: absolute;
  5488. right: 0;
  5489. top: 0;
  5490. bottom: 0;
  5491. padding: 0 8px;
  5492. line-height: 24px;
  5493. text-align: center;
  5494. background-color: #6fb3e0;
  5495. color: #FFF;
  5496. font-size: 11px;
  5497. font-weight: bold;
  5498. border: 2px solid #FFF;
  5499. border-left-width: 4px;
  5500. -webkit-transition: all .3s;
  5501. transition: all .3s
  5502. }
  5503. .ace-file-input .file-label .file-name {
  5504. display: inline-block;
  5505. height: 28px;
  5506. max-width: 80%;
  5507. white-space: nowrap;
  5508. overflow: hidden;
  5509. line-height: 28px;
  5510. color: #888;
  5511. font-size: 13px;
  5512. vertical-align: top;
  5513. position: static;
  5514. padding-left: 30px
  5515. }
  5516. .ace-file-input .file-label .file-name:after {
  5517. display: inline-block;
  5518. content: attr(data-title)
  5519. }
  5520. .ace-file-input .file-label.selected {
  5521. right: 16px
  5522. }
  5523. .ace-file-input .file-label.selected .file-name {
  5524. color: #666
  5525. }
  5526. .ace-file-input .file-label [class*="icon-"] {
  5527. display: inline-block;
  5528. position: absolute;
  5529. left: 0;
  5530. top: 0;
  5531. bottom: 0;
  5532. line-height: 24px;
  5533. width: 26px;
  5534. text-align: center;
  5535. font-family: FontAwesome;
  5536. font-size: 13px;
  5537. border: 2px solid #FFF;
  5538. color: #FFF;
  5539. -webkit-transition: all .1s;
  5540. transition: all .1s;
  5541. background-color: #d1d1d1
  5542. }
  5543. .ace-file-input .file-label.selected .file-name [class*="icon-"] {
  5544. background-color: #efad62
  5545. }
  5546. .ace-file-input .file-label.selected .file-name .icon-picture {
  5547. background-color: #bd7a9d
  5548. }
  5549. .ace-file-input .file-label.selected .file-name .icon-film {
  5550. background-color: #87b87f
  5551. }
  5552. .ace-file-input .file-label.selected .file-name .icon-music {
  5553. background-color: #8b7ac9
  5554. }
  5555. .ace-file-input .file-label.selected .file-name .icon-archive {
  5556. background-color: #efad62
  5557. }
  5558. .ace-file-input .file-label.hide-placeholder:before {
  5559. display: none
  5560. }
  5561. .ace-file-input a:hover {
  5562. text-decoration: none
  5563. }
  5564. .ace-file-input .remove {
  5565. position: absolute;
  5566. right: -8px;
  5567. top: 6px;
  5568. display: none;
  5569. width: 17px;
  5570. text-align: center;
  5571. height: 17px;
  5572. line-height: 15px;
  5573. font-size: 11px;
  5574. font-weight: normal;
  5575. background-color: #fb7142;
  5576. border-radius: 100%;
  5577. color: #FFF;
  5578. text-decoration: none
  5579. }
  5580. .ace-file-input .file-label.selected+.remove {
  5581. display: inline-block
  5582. }
  5583. .ace-file-multiple {
  5584. height: auto
  5585. }
  5586. .ace-file-multiple .file-label {
  5587. position: relative;
  5588. height: auto;
  5589. border: 1px dashed #aaa;
  5590. border-radius: 4px;
  5591. text-align: center
  5592. }
  5593. .ace-file-multiple .file-label:before {
  5594. display: inline-block;
  5595. content: attr(data-title);
  5596. position: relative;
  5597. right: 0;
  5598. left: 0;
  5599. margin: 12px;
  5600. line-height: 22px;
  5601. background-color: #FFF;
  5602. color: #CCC;
  5603. font-size: 18px;
  5604. font-weight: bold;
  5605. border: 0
  5606. }
  5607. .ace-file-multiple .file-label.selected .file-name [class*="icon-"] {
  5608. display: inline-block;
  5609. position: absolute;
  5610. left: 0;
  5611. top: 0;
  5612. bottom: 0;
  5613. line-height: 24px;
  5614. width: 26px;
  5615. text-align: center;
  5616. font-family: FontAwesome;
  5617. font-size: 13px;
  5618. border: 2px solid #FFF;
  5619. color: #FFF;
  5620. -webkit-transition: all .1s;
  5621. transition: all .1s
  5622. }
  5623. .ace-file-multiple .file-label .file-name {
  5624. position: relative;
  5625. display: block;
  5626. padding: 0;
  5627. height: auto;
  5628. width: auto;
  5629. max-width: 100%;
  5630. margin: 0 4px;
  5631. border-bottom: 1px solid #DDD;
  5632. text-align: left
  5633. }
  5634. .ace-file-multiple .file-label .file-name:first-child {
  5635. margin-top: 1px
  5636. }
  5637. .ace-file-multiple .file-label .file-name:last-child {
  5638. border-bottom-width: 0;
  5639. margin-bottom: 1px
  5640. }
  5641. .ace-file-multiple .file-label .file-name img {
  5642. padding: 2px;
  5643. border: 1px solid #d7d7d7;
  5644. background-color: #FFF;
  5645. background-repeat: no-repeat;
  5646. background-position: center;
  5647. margin: 4px 8px 4px 1px
  5648. }
  5649. .ace-file-multiple .file-label .file-name:after {
  5650. display: none
  5651. }
  5652. .ace-file-multiple .file-label.selected .file-name:after {
  5653. display: inline-block;
  5654. white-space: pre
  5655. }
  5656. .ace-file-multiple .file-label .file-name img+[class*="icon-"],
  5657. .ace-file-multiple .file-label.selected .file-name img+[class*="icon-"] {
  5658. display: none
  5659. }
  5660. .ace-file-multiple .remove {
  5661. right: -11px;
  5662. top: -11px;
  5663. border: 3px solid #BBB;
  5664. border-radius: 32px;
  5665. background-color: #FFF;
  5666. color: red;
  5667. width: 22px;
  5668. height: 22px;
  5669. line-height: 15px
  5670. }
  5671. .ace-file-multiple .file-label.selected+.remove:hover {
  5672. border-color: #f4c0b1
  5673. }
  5674. .ace-file-multiple .file-label .file-name [class*="icon-"] {
  5675. position: relative;
  5676. display: block;
  5677. text-align: center;
  5678. height: auto;
  5679. line-height: 64px;
  5680. width: auto;
  5681. font-size: 64px;
  5682. color: #d5d5d5;
  5683. margin: 4px 0;
  5684. background-color: transparent
  5685. }
  5686. .ace-file-multiple .file-label.selected:after {
  5687. display: none
  5688. }
  5689. .ace-file-multiple .file-label.selected .file-name [class*="icon-"] {
  5690. position: relative;
  5691. margin-right: 4px;
  5692. margin-left: 2px;
  5693. line-height: 24px
  5694. }
  5695. .ace-file-multiple .file-label .file-name.large {
  5696. text-align: center;
  5697. border-bottom: 2px solid #222;
  5698. margin: 0 1px 3px
  5699. }
  5700. .ace-file-multiple .file-label .file-name.large:last-child {
  5701. margin: 0 1px;
  5702. border-bottom-width: 0
  5703. }
  5704. .ace-file-multiple .file-label .file-name.large:after {
  5705. position: absolute;
  5706. top: auto;
  5707. bottom: 0;
  5708. left: 0;
  5709. right: 0;
  5710. padding: 0 4px;
  5711. background-color: #555;
  5712. color: #FFF;
  5713. opacity: .8;
  5714. filter: alpha(opacity=80)
  5715. }
  5716. .ace-file-multiple .file-label .file-name.large img {
  5717. border-width: 0;
  5718. margin: 0;
  5719. padding: 0
  5720. }
  5721. .ace-file-input input[type=file].disabled+.file-label,
  5722. .ace-file-input input[type=file][disabled]+.file-label,
  5723. .ace-file-input input[type=file][readonly]+.file-label {
  5724. cursor: not-allowed;
  5725. background-color: #EEE
  5726. }
  5727. .ace-file-input input[type=file].disabled+.file-label:hover,
  5728. .ace-file-input input[type=file][disabled]+.file-label:hover,
  5729. .ace-file-input input[type=file][readonly]+.file-label:hover {
  5730. -webkit-box-shadow: none;
  5731. box-shadow: none;
  5732. border-color: #e3e3e3
  5733. }
  5734. .ace-file-input input[type=file].disabled+.file-label:before,
  5735. .ace-file-input input[type=file][disabled]+.file-label:before,
  5736. .ace-file-input input[type=file][readonly]+.file-label:before {
  5737. border-color: #EEE;
  5738. background-color: #a1aaaf
  5739. }
  5740. .ace-file-input input[type=file][readonly]+.file-label {
  5741. cursor: default
  5742. }
  5743. .ace-file-multiple input[type=file].disabled+.file-label:hover,
  5744. .ace-file-multiple input[type=file][disabled]+.file-label:hover,
  5745. .ace-file-multiple input[type=file][readonly]+.file-label:hover {
  5746. border-color: #AAA
  5747. }
  5748. .ace-file-multiple input[type=file].disabled+.file-label:before,
  5749. .ace-file-multiple input[type=file][disabled]+.file-label:before,
  5750. .ace-file-multiple input[type=file][readonly]+.file-label:before {
  5751. background-color: transparent
  5752. }
  5753. .ace-file-multiple input[type=file].disabled+.file-label [class*="icon-"],
  5754. .ace-file-multiple input[type=file][disabled]+.file-label [class*="icon-"],
  5755. .ace-file-multiple input[type=file][readonly]+.file-label [class*="icon-"] {
  5756. border-color: #EEE
  5757. }
  5758. .ace-file-input input[type=file] {
  5759. width: 100% \0/;
  5760. height: 30px \0/;
  5761. position: absolute \0/;
  5762. z-index: 1 \0/;
  5763. filter: alpha(opacity=0);
  5764. cursor: pointer \0/
  5765. }
  5766. .ace-file-input input[type=file]:hover+.file-label {
  5767. border-color: #f59942 \0/
  5768. }
  5769. .ace-file-multiple input[type=file] {
  5770. height: 100%\0/
  5771. }
  5772. .ace-file-input .remove {
  5773. z-index: 2\0/
  5774. }
  5775. .form-group select,
  5776. .form-group textarea,
  5777. .form-group input[type="text"],
  5778. .form-group input[type="password"],
  5779. .form-group input[type="datetime"],
  5780. .form-group input[type="datetime-local"],
  5781. .form-group input[type="date"],
  5782. .form-group input[type="month"],
  5783. .form-group input[type="time"],
  5784. .form-group input[type="week"],
  5785. .form-group input[type="number"],
  5786. .form-group input[type="email"],
  5787. .form-group input[type="url"],
  5788. .form-group input[type="search"],
  5789. .form-group input[type="tel"],
  5790. .form-group input[type="color"] {
  5791. background: #FFF
  5792. }
  5793. .form-group.has-success input,
  5794. .form-group.has-success select,
  5795. .form-group.has-success textarea {
  5796. border-color: #92bf65;
  5797. color: #8bad4c;
  5798. -webkit-box-shadow: none;
  5799. box-shadow: none
  5800. }
  5801. .form-group.has-success input:focus,
  5802. .form-group.has-success select:focus,
  5803. .form-group.has-success textarea:focus {
  5804. -webkit-box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
  5805. box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
  5806. color: #786;
  5807. border-color: #81a85a
  5808. }
  5809. .form-group.has-success input:focus+[class*="icon-"],
  5810. .form-group.has-success select:focus+[class*="icon-"],
  5811. .form-group.has-success textarea:focus+[class*="icon-"] {
  5812. color: #8bad4c
  5813. }
  5814. .form-group.has-success [class*="icon-"] {
  5815. color: #8bad4c
  5816. }
  5817. .form-group.has-success .btn [class*="icon-"] {
  5818. color: inherit
  5819. }
  5820. .form-group.has-success .control-label,
  5821. .form-group.has-success .help-block,
  5822. .form-group.has-success .help-inline {
  5823. color: #7ba065
  5824. }
  5825. .form-group.has-info input,
  5826. .form-group.has-info select,
  5827. .form-group.has-info textarea {
  5828. border-color: #64a6bc;
  5829. color: #4b89aa;
  5830. -webkit-box-shadow: none;
  5831. box-shadow: none
  5832. }
  5833. .form-group.has-info input:focus,
  5834. .form-group.has-info select:focus,
  5835. .form-group.has-info textarea:focus {
  5836. -webkit-box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);
  5837. box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);
  5838. color: #678;
  5839. border-color: #5a81a8
  5840. }
  5841. .form-group.has-info input:focus+[class*="icon-"],
  5842. .form-group.has-info select:focus+[class*="icon-"],
  5843. .form-group.has-info textarea:focus+[class*="icon-"] {
  5844. color: #4b89aa
  5845. }
  5846. .form-group.has-info [class*="icon-"] {
  5847. color: #4b89aa
  5848. }
  5849. .form-group.has-info .btn [class*="icon-"] {
  5850. color: inherit
  5851. }
  5852. .form-group.has-info .control-label,
  5853. .form-group.has-info .help-block,
  5854. .form-group.has-info .help-inline {
  5855. color: #657ba0
  5856. }
  5857. .form-group.has-error input,
  5858. .form-group.has-error select,
  5859. .form-group.has-error textarea {
  5860. border-color: #f09784;
  5861. color: #d68273;
  5862. -webkit-box-shadow: none;
  5863. box-shadow: none
  5864. }
  5865. .form-group.has-error input:focus,
  5866. .form-group.has-error select:focus,
  5867. .form-group.has-error textarea:focus {
  5868. -webkit-box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
  5869. box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
  5870. color: #866;
  5871. border-color: #db8978
  5872. }
  5873. .form-group.has-error input:focus+[class*="icon-"],
  5874. .form-group.has-error select:focus+[class*="icon-"],
  5875. .form-group.has-error textarea:focus+[class*="icon-"] {
  5876. color: #d68273
  5877. }
  5878. .form-group.has-error [class*="icon-"] {
  5879. color: #d68273
  5880. }
  5881. .form-group.has-error .btn [class*="icon-"] {
  5882. color: inherit
  5883. }
  5884. .form-group.has-error .control-label,
  5885. .form-group.has-error .help-block,
  5886. .form-group.has-error .help-inline {
  5887. color: #d16e6c
  5888. }
  5889. .form-group.has-warning input,
  5890. .form-group.has-warning select,
  5891. .form-group.has-warning textarea {
  5892. border-color: #e0c43a;
  5893. color: #d3bd50;
  5894. -webkit-box-shadow: none;
  5895. box-shadow: none
  5896. }
  5897. .form-group.has-warning input:focus,
  5898. .form-group.has-warning select:focus,
  5899. .form-group.has-warning textarea:focus {
  5900. -webkit-box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3);
  5901. box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3);
  5902. color: #875;
  5903. border-color: #d8bc41
  5904. }
  5905. .form-group.has-warning input:focus+[class*="icon-"],
  5906. .form-group.has-warning select:focus+[class*="icon-"],
  5907. .form-group.has-warning textarea:focus+[class*="icon-"] {
  5908. color: #d3bd50
  5909. }
  5910. .form-group.has-warning [class*="icon-"] {
  5911. color: #d3bd50
  5912. }
  5913. .form-group.has-warning .btn [class*="icon-"] {
  5914. color: inherit
  5915. }
  5916. .form-group.has-warning .control-label,
  5917. .form-group.has-warning .help-block,
  5918. .form-group.has-warning .help-inline {
  5919. color: #d19d59
  5920. }
  5921. .form-group input[disabled],
  5922. .form-group input:disabled {
  5923. color: #848484!important;
  5924. background-color: #eee!important
  5925. }
  5926. @media only screen and (max-width:767px) {
  5927. .help-inline,
  5928. .input-icon+.help-inline {
  5929. padding-left: 0;
  5930. display: block!important
  5931. }
  5932. }
  5933. .tab-content {
  5934. border: 1px solid #c5d0dc;
  5935. padding: 16px 12px;
  5936. position: relative;
  5937. z-index: 11
  5938. }
  5939. .tab-content.no-padding {
  5940. padding: 0
  5941. }
  5942. .tab-content.no-border {
  5943. border: 0;
  5944. padding: 12px
  5945. }
  5946. .tab-content.padding-32 {
  5947. padding: 32px 24px
  5948. }
  5949. .tab-content.no-border.padding-32 {
  5950. padding: 32px
  5951. }
  5952. .tab-content.padding-30 {
  5953. padding: 30px 23px
  5954. }
  5955. .tab-content.no-border.padding-30 {
  5956. padding: 30px
  5957. }
  5958. .tab-content.padding-28 {
  5959. padding: 28px 21px
  5960. }
  5961. .tab-content.no-border.padding-28 {
  5962. padding: 28px
  5963. }
  5964. .tab-content.padding-26 {
  5965. padding: 26px 20px
  5966. }
  5967. .tab-content.no-border.padding-26 {
  5968. padding: 26px
  5969. }
  5970. .tab-content.padding-24 {
  5971. padding: 24px 18px
  5972. }
  5973. .tab-content.no-border.padding-24 {
  5974. padding: 24px
  5975. }
  5976. .tab-content.padding-22 {
  5977. padding: 22px 17px
  5978. }
  5979. .tab-content.no-border.padding-22 {
  5980. padding: 22px
  5981. }
  5982. .tab-content.padding-20 {
  5983. padding: 20px 15px
  5984. }
  5985. .tab-content.no-border.padding-20 {
  5986. padding: 20px
  5987. }
  5988. .tab-content.padding-18 {
  5989. padding: 18px 14px
  5990. }
  5991. .tab-content.no-border.padding-18 {
  5992. padding: 18px
  5993. }
  5994. .tab-content.padding-16 {
  5995. padding: 16px 12px
  5996. }
  5997. .tab-content.no-border.padding-16 {
  5998. padding: 16px
  5999. }
  6000. .tab-content.padding-14 {
  6001. padding: 14px 11px
  6002. }
  6003. .tab-content.no-border.padding-14 {
  6004. padding: 14px
  6005. }
  6006. .tab-content.padding-12 {
  6007. padding: 12px 9px
  6008. }
  6009. .tab-content.no-border.padding-12 {
  6010. padding: 12px
  6011. }
  6012. .tab-content.padding-10 {
  6013. padding: 10px 8px
  6014. }
  6015. .tab-content.no-border.padding-10 {
  6016. padding: 10px
  6017. }
  6018. .tab-content.padding-8 {
  6019. padding: 8px 6px
  6020. }
  6021. .tab-content.no-border.padding-8 {
  6022. padding: 8px
  6023. }
  6024. .tab-content.padding-6 {
  6025. padding: 6px 5px
  6026. }
  6027. .tab-content.no-border.padding-6 {
  6028. padding: 6px
  6029. }
  6030. .tab-content.padding-4 {
  6031. padding: 4px 3px
  6032. }
  6033. .tab-content.no-border.padding-4 {
  6034. padding: 4px
  6035. }
  6036. .tab-content.padding-2 {
  6037. padding: 2px 2px
  6038. }
  6039. .tab-content.no-border.padding-2 {
  6040. padding: 2px
  6041. }
  6042. .tab-content.padding-0 {
  6043. padding: 0
  6044. }
  6045. .tab-content.no-border.padding-0 {
  6046. padding: 0
  6047. }
  6048. .nav-tabs.padding-32 {
  6049. padding-left: 32px
  6050. }
  6051. .tabs-right>.nav-tabs.padding-32,
  6052. .tabs-left>.nav-tabs.padding-32 {
  6053. padding-left: 0;
  6054. padding-top: 32px
  6055. }
  6056. .nav-tabs.padding-30 {
  6057. padding-left: 30px
  6058. }
  6059. .tabs-right>.nav-tabs.padding-30,
  6060. .tabs-left>.nav-tabs.padding-30 {
  6061. padding-left: 0;
  6062. padding-top: 30px
  6063. }
  6064. .nav-tabs.padding-28 {
  6065. padding-left: 28px
  6066. }
  6067. .tabs-right>.nav-tabs.padding-28,
  6068. .tabs-left>.nav-tabs.padding-28 {
  6069. padding-left: 0;
  6070. padding-top: 28px
  6071. }
  6072. .nav-tabs.padding-26 {
  6073. padding-left: 26px
  6074. }
  6075. .tabs-right>.nav-tabs.padding-26,
  6076. .tabs-left>.nav-tabs.padding-26 {
  6077. padding-left: 0;
  6078. padding-top: 26px
  6079. }
  6080. .nav-tabs.padding-24 {
  6081. padding-left: 24px
  6082. }
  6083. .tabs-right>.nav-tabs.padding-24,
  6084. .tabs-left>.nav-tabs.padding-24 {
  6085. padding-left: 0;
  6086. padding-top: 24px
  6087. }
  6088. .nav-tabs.padding-22 {
  6089. padding-left: 22px
  6090. }
  6091. .tabs-right>.nav-tabs.padding-22,
  6092. .tabs-left>.nav-tabs.padding-22 {
  6093. padding-left: 0;
  6094. padding-top: 22px
  6095. }
  6096. .nav-tabs.padding-20 {
  6097. padding-left: 20px
  6098. }
  6099. .tabs-right>.nav-tabs.padding-20,
  6100. .tabs-left>.nav-tabs.padding-20 {
  6101. padding-left: 0;
  6102. padding-top: 20px
  6103. }
  6104. .nav-tabs.padding-18 {
  6105. padding-left: 18px
  6106. }
  6107. .tabs-right>.nav-tabs.padding-18,
  6108. .tabs-left>.nav-tabs.padding-18 {
  6109. padding-left: 0;
  6110. padding-top: 18px
  6111. }
  6112. .nav-tabs.padding-16 {
  6113. padding-left: 16px
  6114. }
  6115. .tabs-right>.nav-tabs.padding-16,
  6116. .tabs-left>.nav-tabs.padding-16 {
  6117. padding-left: 0;
  6118. padding-top: 16px
  6119. }
  6120. .nav-tabs.padding-14 {
  6121. padding-left: 14px
  6122. }
  6123. .tabs-right>.nav-tabs.padding-14,
  6124. .tabs-left>.nav-tabs.padding-14 {
  6125. padding-left: 0;
  6126. padding-top: 14px
  6127. }
  6128. .nav-tabs.padding-12 {
  6129. padding-left: 12px
  6130. }
  6131. .tabs-right>.nav-tabs.padding-12,
  6132. .tabs-left>.nav-tabs.padding-12 {
  6133. padding-left: 0;
  6134. padding-top: 12px
  6135. }
  6136. .nav-tabs.padding-10 {
  6137. padding-left: 10px
  6138. }
  6139. .tabs-right>.nav-tabs.padding-10,
  6140. .tabs-left>.nav-tabs.padding-10 {
  6141. padding-left: 0;
  6142. padding-top: 10px
  6143. }
  6144. .nav-tabs.padding-8 {
  6145. padding-left: 8px
  6146. }
  6147. .tabs-right>.nav-tabs.padding-8,
  6148. .tabs-left>.nav-tabs.padding-8 {
  6149. padding-left: 0;
  6150. padding-top: 8px
  6151. }
  6152. .nav-tabs.padding-6 {
  6153. padding-left: 6px
  6154. }
  6155. .tabs-right>.nav-tabs.padding-6,
  6156. .tabs-left>.nav-tabs.padding-6 {
  6157. padding-left: 0;
  6158. padding-top: 6px
  6159. }
  6160. .nav-tabs.padding-4 {
  6161. padding-left: 4px
  6162. }
  6163. .tabs-right>.nav-tabs.padding-4,
  6164. .tabs-left>.nav-tabs.padding-4 {
  6165. padding-left: 0;
  6166. padding-top: 4px
  6167. }
  6168. .nav-tabs.padding-2 {
  6169. padding-left: 2px
  6170. }
  6171. .tabs-right>.nav-tabs.padding-2,
  6172. .tabs-left>.nav-tabs.padding-2 {
  6173. padding-left: 0;
  6174. padding-top: 2px
  6175. }
  6176. .nav-tabs {
  6177. border-color: #c5d0dc;
  6178. margin-bottom: 0;
  6179. margin-left: 0;
  6180. position: relative;
  6181. top: 1px
  6182. }
  6183. .nav-tabs>li>a {
  6184. padding: 8px 12px
  6185. }
  6186. .nav-tabs>li>a,
  6187. .nav-tabs>li>a:focus {
  6188. border-radius: 0!important;
  6189. background-color: #f9f9f9;
  6190. color: #999;
  6191. margin-right: -1px;
  6192. line-height: 16px;
  6193. position: relative;
  6194. z-index: 11;
  6195. border-color: #c5d0dc
  6196. }
  6197. .nav-tabs>li>a:hover {
  6198. background-color: #FFF;
  6199. color: #4c8fbd;
  6200. border-color: #c5d0dc
  6201. }
  6202. .nav-tabs>li>a:active,
  6203. .nav-tabs>li>a:focus {
  6204. outline: none!important
  6205. }
  6206. .nav-tabs>li:first-child>a {
  6207. margin-left: 0
  6208. }
  6209. .nav-tabs>li.active>a,
  6210. .nav-tabs>li.active>a:hover,
  6211. .nav-tabs>li.active>a:focus {
  6212. color: #576373;
  6213. border-color: #c5d0dc;
  6214. border-top: 2px solid #4c8fbd;
  6215. border-bottom-color: transparent;
  6216. background-color: #FFF;
  6217. z-index: 12;
  6218. line-height: 16px;
  6219. margin-top: -1px;
  6220. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15)
  6221. }
  6222. .tabs-below>.nav-tabs {
  6223. top: auto;
  6224. margin-bottom: 0;
  6225. margin-top: -1px;
  6226. border-color: #c5d0dc;
  6227. border-bottom-width: 0
  6228. }
  6229. .tabs-below>.nav-tabs>li>a,
  6230. .tabs-below>.nav-tabs>li>a:hover,
  6231. .tabs-below>.nav-tabs>li>a:focus {
  6232. border-color: #c5d0dc
  6233. }
  6234. .tabs-below>.nav-tabs>li.active>a,
  6235. .tabs-below>.nav-tabs>li.active>a:hover,
  6236. .tabs-below>.nav-tabs>li.active>a:focus {
  6237. border-color: #c5d0dc;
  6238. border-top-width: 1px;
  6239. border-bottom: 2px solid #4c8fbd;
  6240. border-top-color: transparent;
  6241. margin-top: 0;
  6242. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15)
  6243. }
  6244. .tabs-left>.nav-tabs>li>a,
  6245. .tabs-right>.nav-tabs>li>a {
  6246. min-width: 60px
  6247. }
  6248. .tabs-left>.nav-tabs {
  6249. top: auto;
  6250. margin-bottom: 0;
  6251. border-color: #c5d0dc;
  6252. float: left
  6253. }
  6254. .tabs-left>.nav-tabs>li {
  6255. float: none
  6256. }
  6257. .tabs-left>.nav-tabs>li>a,
  6258. .tabs-left>.nav-tabs>li>a:focus,
  6259. .tabs-left>.nav-tabs>li>a:hover {
  6260. border-color: #c5d0dc;
  6261. margin: 0 -1px 0 0
  6262. }
  6263. .tabs-left>.nav-tabs>li.active>a,
  6264. .tabs-left>.nav-tabs>li.active>a:focus,
  6265. .tabs-left>.nav-tabs>li.active>a:hover {
  6266. border-color: #c5d0dc;
  6267. border-top-width: 1px;
  6268. border-left: 2px solid #4c8fbd;
  6269. border-right-color: transparent;
  6270. margin: 0 -1px 0 -1px;
  6271. -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15);
  6272. box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15)
  6273. }
  6274. .tabs-right>.nav-tabs {
  6275. top: auto;
  6276. margin-bottom: 0;
  6277. border-color: #c5d0dc;
  6278. float: right
  6279. }
  6280. .tabs-right>.nav-tabs>li {
  6281. float: none
  6282. }
  6283. .tabs-right>.nav-tabs>li>a,
  6284. .tabs-right>.nav-tabs>li>a:focus,
  6285. .tabs-right>.nav-tabs>li>a:hover {
  6286. border-color: #c5d0dc;
  6287. margin: 0 -1px
  6288. }
  6289. .tabs-right>.nav-tabs>li.active>a,
  6290. .tabs-right>.nav-tabs>li.active>a:focus,
  6291. .tabs-right>.nav-tabs>li.active>a:hover {
  6292. border-color: #c5d0dc;
  6293. border-top-width: 1px;
  6294. border-right: 2px solid #4c8fbd;
  6295. border-left-color: transparent;
  6296. margin: 0 -2px 0 -1px;
  6297. -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15);
  6298. box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15)
  6299. }
  6300. .nav-tabs>li>a>.badge {
  6301. padding: 0 4px;
  6302. line-height: 15px;
  6303. opacity: .7
  6304. }
  6305. .nav-tabs>li>a>[class*="icon-"] {
  6306. opacity: .75
  6307. }
  6308. .nav-tabs>li.active>a>.badge,
  6309. .nav-tabs>li.active>a>[class*="icon-"] {
  6310. opacity: 1
  6311. }
  6312. .nav-tabs li [class*=" icon-"],
  6313. .nav-tabs li [class^="icon-"] {
  6314. width: 1.25em;
  6315. display: inline-block;
  6316. text-align: center
  6317. }
  6318. .nav-tabs>li.open .dropdown-toggle {
  6319. background-color: #4f99c6;
  6320. border-color: #4f99c6;
  6321. color: #FFF
  6322. }
  6323. .nav-tabs>li.open .dropdown-toggle>[class*="icon-"] {
  6324. color: #FFF!important
  6325. }
  6326. .tabs-left .tab-content,
  6327. .tabs-right .tab-content {
  6328. overflow: auto
  6329. }
  6330. .nav-pills .open .dropdown-toggle,
  6331. .nav>li.dropdown.open.active>a:hover,
  6332. .nav>li.dropdown.open.active>a:focus {
  6333. background-color: #4f99c6;
  6334. border-color: #4f99c6;
  6335. color: #fff
  6336. }
  6337. .nav-pills .open .dropdown-toggle>[class*="icon-"],
  6338. .nav>li.dropdown.open.active>a:hover>[class*="icon-"],
  6339. .nav>li.dropdown.open.active>a:focus>[class*="icon-"] {
  6340. color: #FFF!important
  6341. }
  6342. .nav-tabs>li:not(.active):not(.open)>a:not(:hover)>[class*="icon-"]:first-child.disabled {
  6343. color: #909090!important
  6344. }
  6345. .nav-tabs.tab-size-bigger>li>a {
  6346. padding-left: 14px;
  6347. padding-right: 14px
  6348. }
  6349. .nav-tabs.tab-size-bigger>li>a>[class*="icon-"]:first-child {
  6350. display: block;
  6351. margin-bottom: 6px;
  6352. width: auto
  6353. }
  6354. .nav-tabs.tab-space-1>li>a {
  6355. margin-right: 1px
  6356. }
  6357. .nav-tabs.tab-space-2>li>a {
  6358. margin-right: 2px
  6359. }
  6360. .nav-tabs.tab-space-3>li>a {
  6361. margin-right: 3px
  6362. }
  6363. .nav-tabs.tab-space-4>li>a {
  6364. margin-right: 4px
  6365. }
  6366. .nav-tabs[class*="tab-color-"]>li>a,
  6367. .nav-tabs[class*="tab-color-"]>li>a:focus,
  6368. .nav-tabs[class*="tab-color-"]>li>a:hover {
  6369. color: #FFF;
  6370. border-color: transparent;
  6371. margin-right: 3px
  6372. }
  6373. .nav-tabs[class*="tab-color-"]>li>a>.badge {
  6374. border-radius: 2px
  6375. }
  6376. .nav-tabs[class*="tab-color-"]>li:not(.active)>a:hover {
  6377. opacity: .85;
  6378. border-color: rgba(0, 0, 0, 0.15);
  6379. border-bottom-color: transparent
  6380. }
  6381. .nav-tabs[class*="tab-color-"]>li:not(.active)>a>[class*="icon-"]:first-child {
  6382. color: #FFF!important
  6383. }
  6384. .nav-tabs[class*="tab-color-"]>li:not(.active)>a>.badge {
  6385. color: rgba(0, 0, 0, 0.4)!important;
  6386. background-color: #FFF!important;
  6387. border-radius: 2px
  6388. }
  6389. .nav-tabs.tab-color-blue>li>a,
  6390. .nav-tabs.tab-color-blue>li>a:focus {
  6391. background-color: #7db4d8
  6392. }
  6393. .nav-tabs[class*="tab-color-"]>li.active>a,
  6394. .nav-tabs[class*="tab-color-"]>li.active>a:focus,
  6395. .nav-tabs[class*="tab-color-"]>li.active>a:hover {
  6396. background-color: #FFF;
  6397. color: #4f80a0;
  6398. box-shadow: none
  6399. }
  6400. .nav-tabs.tab-color-blue>li.active>a,
  6401. .nav-tabs.tab-color-blue>li.active>a:focus,
  6402. .nav-tabs.tab-color-blue>li.active>a:hover {
  6403. color: #4c718a;
  6404. border-color: #7db4d8 #7db4d8 transparent
  6405. }
  6406. .tabs-below .nav-tabs.tab-color-blue>li.active>a {
  6407. border-color: transparent #7db4d8 #7db4d8
  6408. }
  6409. .nav-tabs.tab-color-blue {
  6410. border-bottom-color: #c5d0dc
  6411. }
  6412. .nav-tabs.background-blue {
  6413. padding-top: 6px;
  6414. background-color: #eff3f8;
  6415. border: 1px solid #c5d0dc
  6416. }
  6417. .tabs-below .nav-tabs.background-blue {
  6418. padding-top: 0;
  6419. padding-bottom: 6px
  6420. }
  6421. .tabs-below .nav-tabs.tab-color-blue {
  6422. border-top: 0;
  6423. border-bottom-color: #c5d0dc
  6424. }
  6425. .accordion-style1.panel-group .panel {
  6426. border-radius: 0;
  6427. border-color: #cdd8e3;
  6428. background-color: #FFF;
  6429. box-shadow: none
  6430. }
  6431. .accordion-style1.panel-group .panel:last-child {
  6432. border-bottom-width: 1px
  6433. }
  6434. .accordion-style1.panel-group .panel .collapse {
  6435. background-color: #FFF
  6436. }
  6437. .accordion-style1.panel-group .panel+.panel {
  6438. margin-top: 2px
  6439. }
  6440. .accordion-style1.panel-group .panel-heading+.panel-collapse .panel-body {
  6441. border-top-color: #cdd8e3!important
  6442. }
  6443. .accordion-style1.panel-group .panel-heading {
  6444. padding: 0
  6445. }
  6446. .accordion-style1.panel-group .panel-heading .accordion-toggle {
  6447. color: #4c8fbd;
  6448. background-color: #eef4f9;
  6449. position: relative;
  6450. font-weight: bold;
  6451. font-size: 13px;
  6452. line-height: 1;
  6453. padding: 10px;
  6454. display: block
  6455. }
  6456. .accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed {
  6457. color: #478fca;
  6458. font-weight: normal;
  6459. background-color: #f9f9f9
  6460. }
  6461. .accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
  6462. color: #6ea6cc;
  6463. background-color: #f1f8fd;
  6464. text-decoration: none
  6465. }
  6466. .accordion-style1.panel-group .panel-heading .accordion-toggle:focus,
  6467. .accordion-style1.panel-group .panel-heading .accordion-toggle:active {
  6468. outline: 0;
  6469. text-decoration: none
  6470. }
  6471. .accordion-style1.panel-group .panel-heading .accordion-toggle>[class*="icon-"]:first-child {
  6472. width: 16px
  6473. }
  6474. .accordion-style1.panel-group .panel-heading .accordion-toggle:hover>[class*="icon-"]:first-child {
  6475. text-decoration: none
  6476. }
  6477. .accordion-style1.panel-group .panel-body,
  6478. .accordion-style1.panel-group .collapse.in>.panel-body {
  6479. border-top: 1px solid #cdd8e3
  6480. }
  6481. .accordion-style1.panel-group.no-padding {
  6482. padding: 0
  6483. }
  6484. .accordion-style2.panel-group .panel {
  6485. border-width: 0
  6486. }
  6487. .accordion-style2.panel-group .panel:last-child {
  6488. border-bottom-width: 0
  6489. }
  6490. .accordion-style2.panel-group .panel+.panel {
  6491. margin-top: 4px
  6492. }
  6493. .accordion-style2.panel-group .panel .panel-body {
  6494. border-top: 0
  6495. }
  6496. .accordion-style2.panel-group .panel-heading .accordion-toggle {
  6497. background-color: #edf3f7;
  6498. border: 2px solid #6eaed1;
  6499. border-width: 0 0 0 2px
  6500. }
  6501. .accordion-style2.panel-group .panel-heading .accordion-toggle:hover {
  6502. text-decoration: none
  6503. }
  6504. .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
  6505. background-color: #f3f3f3;
  6506. color: #606060;
  6507. border-width: 0 0 0 1px;
  6508. border-color: #d9d9d9
  6509. }
  6510. .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed:hover {
  6511. background-color: #f6f6f6;
  6512. color: #438eb9;
  6513. text-decoration: none
  6514. }
  6515. .accordion-style2.panel-group .panel-body,
  6516. .accordion-style2.panel-group .collapse.in>.panel-body {
  6517. border-top: 0
  6518. }
  6519. .accordion-style2.panel-group .accordion-style2.panel-group .panel {
  6520. border-bottom: 1px dotted #d9d9d9
  6521. }
  6522. .accordion-style2.panel-group .accordion-style2.panel-group .panel:last-child {
  6523. border-bottom: 0
  6524. }
  6525. .accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading,
  6526. .accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading .accordion-toggle {
  6527. background-color: transparent;
  6528. border-width: 0;
  6529. font-size: 13px;
  6530. padding-top: 6px;
  6531. padding-bottom: 8px
  6532. }
  6533. .accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading {
  6534. padding-top: 0;
  6535. padding-bottom: 0
  6536. }
  6537. th,
  6538. td,
  6539. .table-bordered {
  6540. border-radius: 0!important
  6541. }
  6542. .table thead tr {
  6543. color: #707070;
  6544. font-weight: normal;
  6545. background: #f2f2f2;
  6546. background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec));
  6547. background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%);
  6548. background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  6549. background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  6550. background-repeat: repeat-x;
  6551. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)
  6552. }
  6553. .table thead tr th {
  6554. border-color: #DDD;
  6555. font-weight: bold
  6556. }
  6557. .table thead tr th [class*="icon-"]:first-child {
  6558. margin-right: 2px
  6559. }
  6560. .table thead tr th:first-child {
  6561. border-left-color: #f1f1f1
  6562. }
  6563. .table thead tr th:left-child {
  6564. border-right-color: #f1f1f1
  6565. }
  6566. .table.table-bordered thead tr th {
  6567. vertical-align: middle
  6568. }
  6569. .table.table-bordered thead tr th:first-child {
  6570. border-left-color: #DDD
  6571. }
  6572. th.center,
  6573. td.center {
  6574. text-align: center
  6575. }
  6576. th .lbl,
  6577. td .lbl {
  6578. margin-bottom: 0
  6579. }
  6580. th .lbl:only-child,
  6581. td .lbl:only-child {
  6582. vertical-align: top
  6583. }
  6584. .table-header {
  6585. background-color: #307ecc;
  6586. color: #FFF;
  6587. font-size: 14px;
  6588. line-height: 38px;
  6589. padding-left: 12px;
  6590. margin-bottom: 1px
  6591. }
  6592. .table-header .close {
  6593. margin-right: 8px;
  6594. margin-top: 0;
  6595. opacity: .45;
  6596. filter: alpha(opacity=45)
  6597. }
  6598. .table-header .close:hover {
  6599. opacity: .75;
  6600. filter: alpha(opacity=75)
  6601. }
  6602. .dataTables_length select {
  6603. width: 70px;
  6604. height: 25px;
  6605. padding: 2px 3px
  6606. }
  6607. .dataTables_length label {
  6608. font-weight: normal
  6609. }
  6610. .dataTables_filter {
  6611. text-align: right
  6612. }
  6613. .dataTables_filter input[type=text] {
  6614. width: 125px;
  6615. height: 18px;
  6616. line-height: 18px;
  6617. -webkit-box-sizing: content-box;
  6618. -moz-box-sizing: content-box;
  6619. box-sizing: content-box;
  6620. padding: 4px 6px
  6621. }
  6622. .dataTables_filter label {
  6623. font-weight: normal
  6624. }
  6625. .dataTables_info {
  6626. font-size: 14px
  6627. }
  6628. .dataTables_paginate {
  6629. text-align: right
  6630. }
  6631. .dataTables_paginate .pagination {
  6632. margin: 0 12px
  6633. }
  6634. .dataTables_wrapper label {
  6635. display: inline-block;
  6636. font-size: 13px
  6637. }
  6638. .dataTables_wrapper input[type=text],
  6639. .dataTables_wrapper select {
  6640. margin-bottom: 0!important;
  6641. margin: 0 4px
  6642. }
  6643. .dataTables_wrapper .row {
  6644. margin: 0
  6645. }
  6646. .dataTables_wrapper .row:first-child {
  6647. padding-top: 12px;
  6648. padding-bottom: 12px;
  6649. background-color: #eff3f8
  6650. }
  6651. .dataTables_wrapper .row:first-child+.dataTable {
  6652. border-top: 1px solid #DDD;
  6653. border-bottom: 1px solid #DDD
  6654. }
  6655. .dataTables_wrapper .row:last-child {
  6656. border-top: 1px solid #DDD;
  6657. padding-top: 12px;
  6658. padding-bottom: 12px;
  6659. background-color: #eff3f8;
  6660. border-bottom: 1px solid #DDD
  6661. }
  6662. .dataTable {
  6663. margin-bottom: 0
  6664. }
  6665. .dataTable th[class*=sort] {
  6666. cursor: pointer
  6667. }
  6668. .dataTable th[class*=sort]:after {
  6669. content: "\f0dc";
  6670. display: inline-block;
  6671. color: #555;
  6672. font-family: FontAwesome;
  6673. font-size: 13px;
  6674. font-weight: normal;
  6675. float: right;
  6676. margin-right: 4px;
  6677. position: relative
  6678. }
  6679. .dataTable th[class*=sort]:hover {
  6680. color: #547ea8
  6681. }
  6682. .dataTable th[class*=sorting_] {
  6683. color: #307ecc
  6684. }
  6685. .dataTable th.sorting_desc,
  6686. .dataTable th.sorting_asc {
  6687. background-image: -webkit-gradient(linear, left 0, left 100%, from(#eff3f8), to(#e3e7ed));
  6688. background-image: -webkit-linear-gradient(top, #eff3f8, 0%, #e3e7ed, 100%);
  6689. background-image: -moz-linear-gradient(top, #eff3f8 0, #e3e7ed 100%);
  6690. background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);
  6691. background-repeat: repeat-x;
  6692. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0)
  6693. }
  6694. .dataTable th.sorting_desc:after {
  6695. content: "\f0dd";
  6696. top: -6px;
  6697. color: #307ecc
  6698. }
  6699. .dataTable th.sorting_asc:after {
  6700. content: "\f0de";
  6701. top: 4px;
  6702. color: #307ecc
  6703. }
  6704. .dataTable th.sorting_disabled {
  6705. cursor: inherit
  6706. }
  6707. .dataTable th.sorting_disabled:after {
  6708. display: none
  6709. }
  6710. .widget-box {
  6711. padding: 0;
  6712. -webkit-box-shadow: none;
  6713. box-shadow: none;
  6714. margin: 3px 0;
  6715. border-bottom: 1px solid #CCC
  6716. }
  6717. @media only screen and (max-width:767px) {
  6718. .widget-box {
  6719. margin-top: 7px;
  6720. margin-bottom: 7px
  6721. }
  6722. }
  6723. .widget-header {
  6724. -webkit-box-sizing: content-box;
  6725. -moz-box-sizing: content-box;
  6726. box-sizing: content-box;
  6727. position: relative;
  6728. min-height: 38px;
  6729. background: #f7f7f7;
  6730. background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#eee));
  6731. background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
  6732. background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
  6733. background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  6734. background-repeat: repeat-x;
  6735. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  6736. color: #669fc7;
  6737. border: 1px solid #CCC;
  6738. border-bottom: 1px solid #DDD;
  6739. padding-left: 12px
  6740. }
  6741. .widget-header:before,
  6742. .widget-header:after {
  6743. content: "";
  6744. display: table;
  6745. line-height: 0
  6746. }
  6747. .widget-header:after {
  6748. clear: right
  6749. }
  6750. .collapsed .widget-header {
  6751. border-bottom-width: 0
  6752. }
  6753. .collapsed .widget-body {
  6754. display: none
  6755. }
  6756. .widget-header-flat {
  6757. background: #f7f7f7;
  6758. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
  6759. }
  6760. .widget-header-large {
  6761. min-height: 49px;
  6762. padding-left: 18px
  6763. }
  6764. .widget-header-small {
  6765. min-height: 31px;
  6766. padding-left: 10px
  6767. }
  6768. .widget-header>.widget-caption,
  6769. .widget-header>:first-child {
  6770. line-height: 36px;
  6771. padding: 0;
  6772. margin: 0;
  6773. display: inline
  6774. }
  6775. .widget-header>.widget-caption>[class*="icon-"],
  6776. .widget-header>:first-child>[class*="icon-"] {
  6777. margin-right: 5px;
  6778. font-weight: normal;
  6779. display: inline-block
  6780. }
  6781. .widget-header-large>.widget-caption,
  6782. .widget-header-large>:first-child {
  6783. line-height: 48px
  6784. }
  6785. .widget-header-small>.widget-caption,
  6786. .widget-header-small>:first-child {
  6787. line-height: 30px
  6788. }
  6789. .widget-toolbar {
  6790. display: inline-block;
  6791. padding: 0 10px;
  6792. line-height: 37px;
  6793. float: right;
  6794. position: relative
  6795. }
  6796. .widget-header-large>.widget-toolbar {
  6797. line-height: 48px
  6798. }
  6799. .widget-header-small>.widget-toolbar {
  6800. line-height: 29px
  6801. }
  6802. .widget-toolbar.no-padding {
  6803. padding: 0
  6804. }
  6805. .widget-toolbar.padding-5 {
  6806. padding: 0 5px
  6807. }
  6808. .widget-toolbar:before {
  6809. display: inline-block;
  6810. content: "";
  6811. position: absolute;
  6812. top: 3px;
  6813. bottom: 3px;
  6814. left: -1px;
  6815. border: 1px solid #d9d9d9;
  6816. border-width: 0 1px 0 0
  6817. }
  6818. .widget-header-large>.widget-toolbar:before {
  6819. top: 6px;
  6820. bottom: 6px
  6821. }
  6822. [class*="header-color-"]>.widget-toolbar:before {
  6823. border-color: #EEE
  6824. }
  6825. .header-color-orange>.widget-toolbar:before {
  6826. border-color: #FEA
  6827. }
  6828. .header-color-dark>.widget-toolbar:before {
  6829. border-color: #222;
  6830. box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1)
  6831. }
  6832. .widget-toolbar.no-border:before {
  6833. display: none
  6834. }
  6835. .widget-toolbar label {
  6836. display: inline-block;
  6837. vertical-align: middle;
  6838. margin-bottom: 0
  6839. }
  6840. .widget-toolbar>a {
  6841. font-size: 14px;
  6842. margin: 0 1px;
  6843. display: inline-block;
  6844. padding: 0;
  6845. line-height: 24px
  6846. }
  6847. .widget-toolbar>a:hover {
  6848. text-decoration: none
  6849. }
  6850. .widget-header-large>.widget-toolbar>a {
  6851. font-size: 15px;
  6852. margin: 0 1px
  6853. }
  6854. .widget-toolbar>.btn {
  6855. line-height: 27px;
  6856. margin-top: -2px
  6857. }
  6858. .widget-toolbar>.btn.smaller {
  6859. line-height: 26px
  6860. }
  6861. .widget-toolbar>.btn.bigger {
  6862. line-height: 28px
  6863. }
  6864. .widget-toolbar>.btn-sm {
  6865. line-height: 24px
  6866. }
  6867. .widget-toolbar>.btn-sm.smaller {
  6868. line-height: 23px
  6869. }
  6870. .widget-toolbar>.btn-sm.bigger {
  6871. line-height: 25px
  6872. }
  6873. .widget-toolbar>.btn-xs {
  6874. line-height: 22px
  6875. }
  6876. .widget-toolbar>.btn-xs.smaller {
  6877. line-height: 21px
  6878. }
  6879. .widget-toolbar>.btn-xs.bigger {
  6880. line-height: 23px
  6881. }
  6882. .widget-toolbar>.btn-minier {
  6883. line-height: 18px
  6884. }
  6885. .widget-toolbar>.btn-minier.smaller {
  6886. line-height: 17px
  6887. }
  6888. .widget-toolbar>.btn-minier.bigger {
  6889. line-height: 19px
  6890. }
  6891. .widget-toolbar>.btn-lg {
  6892. line-height: 36px
  6893. }
  6894. .widget-toolbar>.btn-lg.smaller {
  6895. line-height: 34px
  6896. }
  6897. .widget-toolbar>.btn-lg.bigger {
  6898. line-height: 38px
  6899. }
  6900. .widget-toolbar-dark {
  6901. background: #444
  6902. }
  6903. .widget-toolbar-light {
  6904. background: rgba(255, 255, 255, 0.85)
  6905. }
  6906. .widget-toolbar>[data-action]>[class*="icon-"] {
  6907. margin-right: 0
  6908. }
  6909. .widget-toolbar>[data-action]:focus {
  6910. text-decoration: none
  6911. }
  6912. [class*="header-color-"]>.widget-toolbar>[data-action] {
  6913. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
  6914. }
  6915. [class*="header-color-"]>.widget-toolbar>[data-action="settings"] {
  6916. color: #d3e4ed
  6917. }
  6918. [class*="header-color-"]>.widget-toolbar>[data-action="reload"] {
  6919. color: #deead3
  6920. }
  6921. [class*="header-color-"]>.widget-toolbar>[data-action="collapse"] {
  6922. color: #e2e2e2
  6923. }
  6924. [class*="header-color-"]>.widget-toolbar>[data-action="close"] {
  6925. color: #ffd9d5
  6926. }
  6927. .header-color-orange>.widget-toolbar>[data-action] {
  6928. text-shadow: none
  6929. }
  6930. .header-color-orange>.widget-toolbar>[data-action="settings"] {
  6931. color: #559aab
  6932. }
  6933. .header-color-orange>.widget-toolbar>[data-action="reload"] {
  6934. color: #7ca362
  6935. }
  6936. .header-color-orange>.widget-toolbar>[data-action="collapse"] {
  6937. color: #777
  6938. }
  6939. .header-color-orange>.widget-toolbar>[data-action="close"] {
  6940. color: #a05656
  6941. }
  6942. .widget-toolbar>[data-action="settings"],
  6943. .header-color-dark>.widget-toolbar>[data-action="settings"] {
  6944. color: #99cadb
  6945. }
  6946. .widget-toolbar>[data-action="reload"],
  6947. .header-color-dark>.widget-toolbar>[data-action="reload"] {
  6948. color: #acd392
  6949. }
  6950. .widget-toolbar>[data-action="collapse"],
  6951. .header-color-dark>.widget-toolbar>[data-action="collapse"] {
  6952. color: #aaa
  6953. }
  6954. .widget-toolbar>[data-action="close"],
  6955. .header-color-dark>.widget-toolbar>[data-action="close"] {
  6956. color: #e09e96
  6957. }
  6958. .widget-body {
  6959. border: 1px solid #CCC;
  6960. border-top: 0;
  6961. background-color: #FFF
  6962. }
  6963. .widget-main {
  6964. padding: 12px
  6965. }
  6966. .widget-main.padding-32 {
  6967. padding: 32px
  6968. }
  6969. .widget-main.padding-30 {
  6970. padding: 30px
  6971. }
  6972. .widget-main.padding-28 {
  6973. padding: 28px
  6974. }
  6975. .widget-main.padding-26 {
  6976. padding: 26px
  6977. }
  6978. .widget-main.padding-24 {
  6979. padding: 24px
  6980. }
  6981. .widget-main.padding-22 {
  6982. padding: 22px
  6983. }
  6984. .widget-main.padding-20 {
  6985. padding: 20px
  6986. }
  6987. .widget-main.padding-18 {
  6988. padding: 18px
  6989. }
  6990. .widget-main.padding-16 {
  6991. padding: 16px
  6992. }
  6993. .widget-main.padding-14 {
  6994. padding: 14px
  6995. }
  6996. .widget-main.padding-12 {
  6997. padding: 12px
  6998. }
  6999. .widget-main.padding-10 {
  7000. padding: 10px
  7001. }
  7002. .widget-main.padding-8 {
  7003. padding: 8px
  7004. }
  7005. .widget-main.padding-6 {
  7006. padding: 6px
  7007. }
  7008. .widget-main.padding-4 {
  7009. padding: 4px
  7010. }
  7011. .widget-main.padding-2 {
  7012. padding: 2px
  7013. }
  7014. .widget-main.padding-0 {
  7015. padding: 0
  7016. }
  7017. .widget-main.no-padding {
  7018. padding: 0
  7019. }
  7020. .widget-toolbar .progress {
  7021. vertical-align: middle;
  7022. display: inline-block;
  7023. margin: 0
  7024. }
  7025. .widget-toolbar>.dropdown,
  7026. .widget-toolbar>.dropup {
  7027. display: inline-block
  7028. }
  7029. .widget-toolbar>.dropdown>.dropdown-menu:before,
  7030. .dropdown-menu.dropdown-caret:before {
  7031. border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  7032. border-left: 7px solid transparent;
  7033. border-right: 7px solid transparent;
  7034. content: "";
  7035. display: inline-block;
  7036. left: 9px;
  7037. position: absolute;
  7038. top: -7px
  7039. }
  7040. .widget-toolbar>.dropdown>.dropdown-menu:after,
  7041. .dropdown-menu.dropdown-caret:after {
  7042. border-bottom: 6px solid #fff;
  7043. border-left: 6px solid transparent;
  7044. border-right: 6px solid transparent;
  7045. content: "";
  7046. display: inline-block;
  7047. left: 10px;
  7048. position: absolute;
  7049. top: -6px
  7050. }
  7051. .widget-toolbar>.dropdown>.dropdown-menu.pull-right:before,
  7052. .dropdown-menu.pull-right.dropdown-caret:before {
  7053. left: auto;
  7054. right: 9px
  7055. }
  7056. .widget-toolbar>.dropdown>.dropdown-menu.pull-right:after,
  7057. .dropdown-menu.pull-right.dropdown-caret:after {
  7058. left: auto;
  7059. right: 10px
  7060. }
  7061. .widget-header[class*="header-color-"] {
  7062. color: #FFF;
  7063. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
  7064. }
  7065. .header-color-blue {
  7066. background: #307ecc;
  7067. border-color: #307ecc
  7068. }
  7069. .header-color-blue+.widget-body {
  7070. border-color: #307ecc
  7071. }
  7072. .header-color-blue2 {
  7073. background: #5090c1;
  7074. border-color: #5090c1
  7075. }
  7076. .header-color-blue2+.widget-body {
  7077. border-color: #5090c1
  7078. }
  7079. .header-color-blue3 {
  7080. background: #6379aa;
  7081. border-color: #6379aa
  7082. }
  7083. .header-color-blue3+.widget-body {
  7084. border-color: #6379aa
  7085. }
  7086. .header-color-green {
  7087. background: #82af6f;
  7088. border-color: #82af6f
  7089. }
  7090. .header-color-green+.widget-body {
  7091. border-color: #82af6f
  7092. }
  7093. .header-color-green2 {
  7094. background: #2e8965;
  7095. border-color: #2e8965
  7096. }
  7097. .header-color-green2+.widget-body {
  7098. border-color: #2e8965
  7099. }
  7100. .header-color-green3 {
  7101. background: #4ebc30;
  7102. border-color: #4ebc30
  7103. }
  7104. .header-color-green3+.widget-body {
  7105. border-color: #4ebc30
  7106. }
  7107. .header-color-red {
  7108. background: #e2755f;
  7109. border-color: #e2755f
  7110. }
  7111. .header-color-red+.widget-body {
  7112. border-color: #e2755f
  7113. }
  7114. .header-color-red2 {
  7115. background: #e04141;
  7116. border-color: #e04141
  7117. }
  7118. .header-color-red2+.widget-body {
  7119. border-color: #e04141
  7120. }
  7121. .header-color-red3 {
  7122. background: #d15b47;
  7123. border-color: #d15b47
  7124. }
  7125. .header-color-red3+.widget-body {
  7126. border-color: #d15b47
  7127. }
  7128. .header-color-purple {
  7129. background: #7e6eb0;
  7130. border-color: #7e6eb0
  7131. }
  7132. .header-color-purple+.widget-body {
  7133. border-color: #7e6eb0
  7134. }
  7135. .header-color-pink {
  7136. background: #ce6f9e;
  7137. border-color: #ce6f9e
  7138. }
  7139. .header-color-pink+.widget-body {
  7140. border-color: #ce6f9e
  7141. }
  7142. .header-color-orange {
  7143. background: #ffc657;
  7144. border-color: #e8b10d;
  7145. color: #855d10!important
  7146. }
  7147. .header-color-orange+.widget-body {
  7148. border-color: #e8b10d
  7149. }
  7150. .header-color-dark {
  7151. background: #404040;
  7152. border-color: #454545
  7153. }
  7154. .header-color-dark+.widget-body {
  7155. border-color: #666
  7156. }
  7157. .header-color-grey {
  7158. background: #848484;
  7159. border-color: #989898
  7160. }
  7161. .header-color-grey+.widget-body {
  7162. border-color: #aaa
  7163. }
  7164. .widget-box.light-border>[class*="header-color-"]+.widget-body {
  7165. border-color: #d6d6d6!important
  7166. }
  7167. .widget-box.no-border {
  7168. border-bottom: 0
  7169. }
  7170. .widget-box.no-border>.widget-body {
  7171. border: 0
  7172. }
  7173. .widget-box.transparent {
  7174. border: 0;
  7175. box-shadow: none
  7176. }
  7177. .widget-box.transparent>.widget-header {
  7178. background: 0;
  7179. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  7180. border: 0;
  7181. border-bottom: 1px solid #dce8f1;
  7182. color: #4383b4;
  7183. padding-left: 3px
  7184. }
  7185. .widget-box.transparent>.widget-header-large {
  7186. padding-left: 5px
  7187. }
  7188. .widget-box.transparent>.widget-header-small {
  7189. padding-left: 1px
  7190. }
  7191. .widget-box.transparent .widget-body {
  7192. border: 0;
  7193. background-color: transparent
  7194. }
  7195. .widget-box.transparent .widget-main.no-padding-left {
  7196. padding-left: 0
  7197. }
  7198. .widget-box.transparent .widget-main.no-padding-right {
  7199. padding-right: 0
  7200. }
  7201. .widget-box.transparent .widget-main.no-padding-top {
  7202. padding-top: 0
  7203. }
  7204. .widget-box.transparent .widget-main.no-padding-bottom {
  7205. padding-bottom: 0
  7206. }
  7207. .widget-body .table {
  7208. border-top: 1px solid #e5e5e5
  7209. }
  7210. .widget-body .table thead:first-child tr {
  7211. background: #FFF
  7212. }
  7213. [class*="header-color-"]+.widget-body .table thead:first-child tr {
  7214. background: #f2f2f2;
  7215. background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec));
  7216. background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%);
  7217. background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  7218. background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  7219. background-repeat: repeat-x;
  7220. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)
  7221. }
  7222. .widget-body .table.table-bordered thead:first-child>tr {
  7223. border-top: 0
  7224. }
  7225. .widget-main.no-padding .table,
  7226. .widget-main.padding-0 .table {
  7227. margin-bottom: 0;
  7228. border: 0
  7229. }
  7230. .widget-main.no-padding .table-bordered th:first-child,
  7231. .widget-main.padding-0 .table-bordered th:first-child,
  7232. .widget-main.no-padding .table-bordered td:first-child,
  7233. .widget-main.padding-0 .table-bordered td:first-child {
  7234. border-left-width: 0
  7235. }
  7236. .transparent .widget-main .table-bordered>thead>tr>th:last-child,
  7237. .widget-main.no-padding .table-bordered>thead>tr>th:last-child,
  7238. .transparent .widget-main .table-bordered>tbody>tr>td:last-child,
  7239. .widget-main.no-padding .table-bordered>tbody>tr>td:last-child,
  7240. .transparent .widget-main .table-bordered>tfoot>tr>td:last-child,
  7241. .widget-main.no-padding .table-bordered>tfoot>tr>td:last-child {
  7242. border-right-width: 0!important
  7243. }
  7244. .transparent .widget-main .table-bordered>tbody>tr:last-child>td,
  7245. .widget-main.no-padding .table-bordered>tbody>tr:last-child>td {
  7246. border-bottom-width: 0!important
  7247. }
  7248. .table-bordered>thead.thin-border-bottom>tr>th,
  7249. .table-bordered>thead.thin-border-bottom>tr>td {
  7250. border-bottom-width: 1px
  7251. }
  7252. .widget-body .alert:last-child {
  7253. margin-bottom: 0
  7254. }
  7255. .widget-main .tab-content {
  7256. border: 0
  7257. }
  7258. .widget-toolbar>.nav-tabs {
  7259. border-bottom: 0;
  7260. margin-bottom: 0;
  7261. position: relative;
  7262. top: 5px
  7263. }
  7264. .widget-toolbar>.nav-tabs>li>a {
  7265. box-shadow: none
  7266. }
  7267. .widget-toolbar>.nav-tabs>li:not(.active)>a {
  7268. border-color: transparent;
  7269. background-color: transparent
  7270. }
  7271. .widget-toolbar>.nav-tabs>li:not(.active)>a:hover {
  7272. background-color: transparent
  7273. }
  7274. .widget-toolbar>.nav-tabs>li.active>a {
  7275. background-color: #FFF;
  7276. border-bottom-color: transparent;
  7277. box-shadow: none
  7278. }
  7279. .widget-header-small>.widget-toolbar>.nav-tabs {
  7280. top: 5px
  7281. }
  7282. .widget-header-small>.widget-toolbar>.nav-tabs>li>a {
  7283. line-height: 16px;
  7284. padding-top: 6px;
  7285. padding-bottom: 6px
  7286. }
  7287. .widget-header-small>.widget-toolbar>.nav-tabs>li.active>a {
  7288. border-top-width: 2px;
  7289. margin-top: -1px
  7290. }
  7291. .widget-header-large>.widget-toolbar>.nav-tabs {
  7292. top: 8px
  7293. }
  7294. .widget-header-large>.widget-toolbar>.nav-tabs>li>a {
  7295. line-height: 22px;
  7296. padding-top: 9px;
  7297. padding-bottom: 9px
  7298. }
  7299. [class*="header-color-"]>.widget-toolbar>.nav-tabs>li>a {
  7300. border-color: transparent;
  7301. background-color: transparent;
  7302. color: #FFF;
  7303. margin-right: 1px
  7304. }
  7305. [class*="header-color-"]>.widget-toolbar>.nav-tabs>li>a:hover {
  7306. background-color: #FFF;
  7307. color: #555;
  7308. border-top-color: #FFF
  7309. }
  7310. [class*="header-color-"]>.widget-toolbar>.nav-tabs>li.active>a {
  7311. background-color: #FFF;
  7312. color: #555;
  7313. border-top-width: 1px;
  7314. margin-top: 0
  7315. }
  7316. .header-color-orange>.widget-toolbar>.nav-tabs>li>a {
  7317. color: #855d10
  7318. }
  7319. .transparent .widget-toolbar>.nav-tabs>li>a {
  7320. color: #555;
  7321. background-color: transparent;
  7322. border-right: 1px solid transparent;
  7323. border-left: 1px solid transparent
  7324. }
  7325. .transparent .widget-toolbar>.nav-tabs>li.active>a {
  7326. border-top-color: #4c8fbd;
  7327. border-right: 1px solid #c5d0dc;
  7328. border-left: 1px solid #c5d0dc;
  7329. background-color: #FFF;
  7330. box-shadow: none
  7331. }
  7332. .widget-toolbox {
  7333. background-color: #EEE
  7334. }
  7335. .widget-toolbox:first-child {
  7336. padding: 2px;
  7337. border-bottom: 1px solid #CCC
  7338. }
  7339. .widget-toolbox:last-child {
  7340. padding: 2px;
  7341. border-top: 1px solid #CCC
  7342. }
  7343. .transparent .widget-toolbox:last-child {
  7344. border: 0;
  7345. border-top: 1px solid #CCC
  7346. }
  7347. .widget-toolbox>.btn-toolbar {
  7348. margin: 0;
  7349. padding: 0
  7350. }
  7351. .widget-toolbox.center {
  7352. text-align: center
  7353. }
  7354. .widget-toolbox.padding-16 {
  7355. padding: 16px
  7356. }
  7357. .widget-toolbox.padding-14 {
  7358. padding: 14px
  7359. }
  7360. .widget-toolbox.padding-12 {
  7361. padding: 12px
  7362. }
  7363. .widget-toolbox.padding-10 {
  7364. padding: 10px
  7365. }
  7366. .widget-toolbox.padding-8 {
  7367. padding: 8px
  7368. }
  7369. .widget-toolbox.padding-6 {
  7370. padding: 6px
  7371. }
  7372. .widget-toolbox.padding-4 {
  7373. padding: 4px
  7374. }
  7375. .widget-toolbox.padding-2 {
  7376. padding: 2px
  7377. }
  7378. .widget-toolbox.padding-0 {
  7379. padding: 0
  7380. }
  7381. .widget-box-overlay {
  7382. position: absolute;
  7383. top: 0;
  7384. bottom: 0;
  7385. right: 0;
  7386. left: 0;
  7387. background-color: rgba(0, 0, 0, 0.3);
  7388. z-index: 21
  7389. }
  7390. .widget-box-overlay>[class*="icon-"] {
  7391. position: absolute;
  7392. top: 15%;
  7393. left: 0;
  7394. right: 0;
  7395. text-align: center
  7396. }
  7397. .widget-box.collapsed .widget-box-overlay>[class*="icon-"] {
  7398. top: 5%
  7399. }
  7400. .widget-box-overlay>.icon-spin {
  7401. -moz-animation-duration: 1.2s;
  7402. -webkit-animation-duration: 1.2s;
  7403. -o-animation-duration: 1.2s;
  7404. -ms-animation-duration: 1.2s;
  7405. animation-duration: 1.2s
  7406. }
  7407. .widget-main>form {
  7408. margin-bottom: 0
  7409. }
  7410. .widget-main>form .input-append,
  7411. .widget-main>form .input-prepend {
  7412. margin-bottom: 0
  7413. }
  7414. .widget-main.no-padding>form>fieldset,
  7415. .widget-main.padding-0>form>fieldset {
  7416. padding: 16px
  7417. }
  7418. .widget-main.no-padding>form>fieldset+.form-actions,
  7419. .widget-main.padding-0>form>fieldset+.form-actions {
  7420. padding: 10px 0 12px
  7421. }
  7422. .widget-main.no-padding>form>.form-actions,
  7423. .widget-main.padding-0>form>.form-actions {
  7424. margin: 0;
  7425. padding: 10px 12px 12px
  7426. }
  7427. .widget-placeholder {
  7428. border: 2px dashed #d9d9d9
  7429. }
  7430. .tooltip.in {
  7431. opacity: 1;
  7432. filter: alpha(opacity=100)
  7433. }
  7434. .tooltip-inner {
  7435. background-color: #333;
  7436. color: #FFF;
  7437. font-size: 12px;
  7438. text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5);
  7439. border-radius: 0;
  7440. padding: 5px 9px
  7441. }
  7442. .tooltip.top .tooltip-arrow {
  7443. border-top-color: #333
  7444. }
  7445. .tooltip.right .tooltip-arrow {
  7446. border-right-color: #333
  7447. }
  7448. .tooltip.left .tooltip-arrow {
  7449. border-left-color: #333
  7450. }
  7451. .tooltip.bottom .tooltip-arrow {
  7452. border-bottom-color: #333
  7453. }
  7454. .tooltip-error+.tooltip>.tooltip-inner {
  7455. background-color: #c94d32;
  7456. color: #FFF;
  7457. text-shadow: 1px 1px 0 rgba(100, 60, 20, 0.3);
  7458. border-radius: 0
  7459. }
  7460. .tooltip-error+.tooltip.top .tooltip-arrow {
  7461. border-top-color: #c94d32
  7462. }
  7463. .tooltip-error+.tooltip.right .tooltip-arrow {
  7464. border-right-color: #c94d32
  7465. }
  7466. .tooltip-error+.tooltip.left .tooltip-arrow {
  7467. border-left-color: #c94d32
  7468. }
  7469. .tooltip-error+.tooltip.bottom .tooltip-arrow {
  7470. border-bottom-color: #c94d32
  7471. }
  7472. .tooltip-success+.tooltip>.tooltip-inner {
  7473. background-color: #629b58;
  7474. color: #FFF;
  7475. text-shadow: 1px 1px 0 rgba(60, 100, 20, 0.3);
  7476. border-radius: 0
  7477. }
  7478. .tooltip-success+.tooltip.top .tooltip-arrow {
  7479. border-top-color: #629b58
  7480. }
  7481. .tooltip-success+.tooltip.right .tooltip-arrow {
  7482. border-right-color: #629b58
  7483. }
  7484. .tooltip-success+.tooltip.left .tooltip-arrow {
  7485. border-left-color: #629b58
  7486. }
  7487. .tooltip-success+.tooltip.bottom .tooltip-arrow {
  7488. border-bottom-color: #629b58
  7489. }
  7490. .tooltip-warning+.tooltip>.tooltip-inner {
  7491. background-color: #ed9421;
  7492. color: #FFF;
  7493. text-shadow: 1px 1px 0 rgba(100, 90, 10, 0.3);
  7494. border-radius: 0
  7495. }
  7496. .tooltip-warning+.tooltip.top .tooltip-arrow {
  7497. border-top-color: #ed9421
  7498. }
  7499. .tooltip-warning+.tooltip.right .tooltip-arrow {
  7500. border-right-color: #ed9421
  7501. }
  7502. .tooltip-warning+.tooltip.left .tooltip-arrow {
  7503. border-left-color: #ed9421
  7504. }
  7505. .tooltip-warning+.tooltip.bottom .tooltip-arrow {
  7506. border-bottom-color: #ed9421
  7507. }
  7508. .tooltip-info+.tooltip>.tooltip-inner {
  7509. background-color: #4b89aa;
  7510. color: #FFF;
  7511. text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3);
  7512. border-radius: 0
  7513. }
  7514. .tooltip-info+.tooltip.top .tooltip-arrow {
  7515. border-top-color: #4b89aa
  7516. }
  7517. .tooltip-info+.tooltip.right .tooltip-arrow {
  7518. border-right-color: #4b89aa
  7519. }
  7520. .tooltip-info+.tooltip.left .tooltip-arrow {
  7521. border-left-color: #4b89aa
  7522. }
  7523. .tooltip-info+.tooltip.bottom .tooltip-arrow {
  7524. border-bottom-color: #4b89aa
  7525. }
  7526. .popover {
  7527. border-radius: 0;
  7528. padding: 0;
  7529. border-color: #ccc;
  7530. border-width: 1px;
  7531. -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  7532. box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  7533. color: #4d6883
  7534. }
  7535. .popover-title {
  7536. border-radius: 0;
  7537. background-color: #eff3f8;
  7538. color: #555;
  7539. border-bottom: 1px solid #dfe3e8;
  7540. text-shadow: 1px 1px 1px rgba(220, 220, 220, 0.2)
  7541. }
  7542. .popover.bottom .arrow:after {
  7543. top: 1px;
  7544. margin-left: -10px;
  7545. border-bottom-color: #eff3f8;
  7546. border-top-width: 0
  7547. }
  7548. .tooltip-error+.popover {
  7549. color: #555;
  7550. border: 1px solid #f7f0ef
  7551. }
  7552. .tooltip-error+.popover .popover-title {
  7553. background-color: #f7f0ef;
  7554. border-bottom-color: #e8e0df;
  7555. color: #b75445;
  7556. text-shadow: none
  7557. }
  7558. .tooltip-warning+.popover {
  7559. color: #555;
  7560. border: 1px solid #f4eee3
  7561. }
  7562. .tooltip-warning+.popover .popover-title {
  7563. background-color: #f4eee3;
  7564. border-bottom-color: #e4dcd3;
  7565. color: #d67e31;
  7566. text-shadow: none
  7567. }
  7568. .tooltip-success+.popover {
  7569. color: #555;
  7570. border: 1px solid #e8f2e3
  7571. }
  7572. .tooltip-success+.popover .popover-title {
  7573. background-color: #e8f2e3;
  7574. border-bottom-color: #d8e2d3;
  7575. color: #629b58;
  7576. text-shadow: none
  7577. }
  7578. .tooltip-info+.popover {
  7579. color: #555;
  7580. border: 1px solid #e5edf8
  7581. }
  7582. .tooltip-info+.popover .popover-title {
  7583. background-color: #e5edf8;
  7584. border-bottom-color: #d5dde8;
  7585. color: #3f79b6;
  7586. text-shadow: none
  7587. }
  7588. .popover-notitle+.popover .popover-title {
  7589. display: none
  7590. }
  7591. .popover-notitle+.popover.top .arrow:after {
  7592. border-top-color: #FFF
  7593. }
  7594. .popover-notitle+.popover.bottom .arrow:after {
  7595. border-bottom-color: #FFF
  7596. }
  7597. .popover-notitle+.popover.left .arrow:after {
  7598. border-left-color: #FFF
  7599. }
  7600. .popover-notitle+.popover.right .arrow:after {
  7601. border-left-color: #FFF
  7602. }
  7603. .progress {
  7604. border-radius: 0;
  7605. -webkit-box-shadow: none;
  7606. box-shadow: none;
  7607. background: #dadada;
  7608. height: 18px
  7609. }
  7610. .progress .progress-bar {
  7611. -webkit-box-shadow: none;
  7612. box-shadow: none;
  7613. line-height: 18px
  7614. }
  7615. .progress[data-percent] {
  7616. position: relative
  7617. }
  7618. .progress[data-percent]:after {
  7619. display: inline-block;
  7620. content: attr(data-percent);
  7621. color: #FFF;
  7622. position: absolute;
  7623. left: 0;
  7624. right: 0;
  7625. top: 0;
  7626. bottom: 0;
  7627. line-height: 16px;
  7628. text-align: center;
  7629. font-size: 12px;
  7630. font-family: Verdana
  7631. }
  7632. .progress.progress-yellow[data-percent]:after {
  7633. color: #963
  7634. }
  7635. .progress.progress-small {
  7636. height: 12px
  7637. }
  7638. .progress.progress-small .progress-bar {
  7639. line-height: 10px;
  7640. font-size: 11px
  7641. }
  7642. .progress.progress-small[data-percent]:after {
  7643. line-height: 10px;
  7644. font-size: 11px
  7645. }
  7646. .progress.progress-mini {
  7647. height: 9px
  7648. }
  7649. .progress.progress-mini .progress-bar {
  7650. line-height: 8px;
  7651. font-size: 11px
  7652. }
  7653. .progress.progress-mini[data-percent]:after {
  7654. line-height: 8px;
  7655. font-size: 11px
  7656. }
  7657. .progress-bar {
  7658. background-color: #2a91d8
  7659. }
  7660. .progress-striped .progress-bar {
  7661. 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));
  7662. 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);
  7663. 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);
  7664. 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)
  7665. }
  7666. .progress-bar-danger {
  7667. background-color: #ca5952
  7668. }
  7669. .progress-striped .progress-bar-danger {
  7670. 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));
  7671. 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);
  7672. 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);
  7673. 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)
  7674. }
  7675. .progress-bar-success {
  7676. background-color: #59a84b
  7677. }
  7678. .progress-striped .progress-bar-success {
  7679. 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));
  7680. 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);
  7681. 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);
  7682. 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)
  7683. }
  7684. .progress-bar-warning {
  7685. background-color: #f2bb46
  7686. }
  7687. .progress-striped .progress-bar-warning {
  7688. 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));
  7689. 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);
  7690. 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);
  7691. 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)
  7692. }
  7693. .progress-bar-pink {
  7694. background-color: #d6487e
  7695. }
  7696. .progress-striped .progress-bar-pink {
  7697. 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));
  7698. 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);
  7699. 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);
  7700. 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)
  7701. }
  7702. .progress-bar-purple {
  7703. background-color: #9585bf
  7704. }
  7705. .progress-striped .progress-bar-purple {
  7706. 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));
  7707. 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);
  7708. 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);
  7709. 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)
  7710. }
  7711. .progress-bar-yellow {
  7712. background-color: #ffd259
  7713. }
  7714. .progress-striped .progress-bar-yellow {
  7715. 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));
  7716. 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);
  7717. 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);
  7718. 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)
  7719. }
  7720. .progress-bar-inverse {
  7721. background-color: #404040
  7722. }
  7723. .progress-striped .progress-bar-inverse {
  7724. 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));
  7725. 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);
  7726. 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);
  7727. 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)
  7728. }
  7729. .progress-bar-grey {
  7730. background-color: #8a8a8a
  7731. }
  7732. .progress-striped .progress-bar-grey {
  7733. 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));
  7734. 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);
  7735. 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);
  7736. 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)
  7737. }
  7738. .progress {
  7739. position: relative
  7740. }
  7741. .progress:before {
  7742. display: inline-block;
  7743. content: "";
  7744. position: absolute;
  7745. left: 0;
  7746. right: 0;
  7747. top: 0;
  7748. bottom: 0;
  7749. background: radial-gradient(9px 9px 0deg, circle cover, #0ff 0, rgba(0, 0, 255, 0) 100%, #00f 95%)
  7750. }
  7751. .infobox-container {
  7752. text-align: center;
  7753. font-size: 0
  7754. }
  7755. .infobox {
  7756. display: inline-block;
  7757. width: 210px;
  7758. height: 66px;
  7759. color: #555;
  7760. background-color: #FFF;
  7761. box-shadow: none;
  7762. border-radius: 0;
  7763. margin: -1px 0 0 -1px;
  7764. padding: 8px 3px 6px 9px;
  7765. border: 1px dotted;
  7766. border-color: #d8d8d8!important;
  7767. vertical-align: middle;
  7768. text-align: left;
  7769. position: relative
  7770. }
  7771. .infobox>.infobox-icon {
  7772. display: inline-block;
  7773. vertical-align: top;
  7774. width: 44px
  7775. }
  7776. .infobox>.infobox-icon>[class*="icon-"] {
  7777. display: inline-block;
  7778. height: 42px;
  7779. margin: 0;
  7780. padding: 1px 1px 0 2px;
  7781. background-color: transparent;
  7782. border: 0;
  7783. text-align: center;
  7784. position: relative;
  7785. border-radius: 100%;
  7786. -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  7787. box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2)
  7788. }
  7789. .infobox>.infobox-icon>[class*="icon-"]:before {
  7790. font-size: 24px;
  7791. display: block;
  7792. padding: 6px 0 7px;
  7793. width: 40px;
  7794. text-align: center;
  7795. border-radius: 100%;
  7796. color: rgba(255, 255, 255, 0.9);
  7797. background-color: rgba(255, 255, 255, 0.2);
  7798. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14)
  7799. }
  7800. .infobox .infobox-content {
  7801. color: #555
  7802. }
  7803. .infobox .infobox-content:first-child {
  7804. font-weight: bold
  7805. }
  7806. .infobox>.infobox-data {
  7807. display: inline-block;
  7808. border: 0;
  7809. border-top-width: 0;
  7810. font-size: 13px;
  7811. text-align: left;
  7812. line-height: 21px;
  7813. min-width: 130px;
  7814. padding-left: 8px;
  7815. position: relative;
  7816. top: 0
  7817. }
  7818. .infobox>.infobox-data>.infobox-data-number {
  7819. display: block;
  7820. font-size: 22px;
  7821. margin: 2px 0 4px;
  7822. position: relative;
  7823. text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15)
  7824. }
  7825. .infobox>.infobox-data>.infobox-text {
  7826. display: block;
  7827. font-size: 16px;
  7828. margin: 2px 0 4px;
  7829. position: relative;
  7830. text-shadow: none
  7831. }
  7832. .infobox.no-border {
  7833. border: none!important
  7834. }
  7835. @media only screen and (max-width:460px) {
  7836. .infobox {
  7837. min-width: 95%;
  7838. margin-top: 2px;
  7839. margin-bottom: 2px
  7840. }
  7841. }
  7842. .infobox-purple {
  7843. color: #6f3cc4;
  7844. border-color: #6f3cc4
  7845. }
  7846. .infobox-purple>.infobox-icon>[class*="icon-"] {
  7847. background-color: #6f3cc4
  7848. }
  7849. .infobox-purple.infobox-dark {
  7850. background-color: #6f3cc4;
  7851. border-color: #6f3cc4
  7852. }
  7853. .infobox-purple2 {
  7854. color: #5f47b0;
  7855. border-color: #5f47b0
  7856. }
  7857. .infobox-purple2>.infobox-icon>[class*="icon-"] {
  7858. background-color: #5f47b0
  7859. }
  7860. .infobox-purple2.infobox-dark {
  7861. background-color: #5f47b0;
  7862. border-color: #5f47b0
  7863. }
  7864. .infobox-pink {
  7865. color: #cb6fd7;
  7866. border-color: #cb6fd7
  7867. }
  7868. .infobox-pink>.infobox-icon>[class*="icon-"] {
  7869. background-color: #cb6fd7
  7870. }
  7871. .infobox-pink.infobox-dark {
  7872. background-color: #cb6fd7;
  7873. border-color: #cb6fd7
  7874. }
  7875. .infobox-blue {
  7876. color: #6fb3e0;
  7877. border-color: #6fb3e0
  7878. }
  7879. .infobox-blue>.infobox-icon>[class*="icon-"] {
  7880. background-color: #6fb3e0
  7881. }
  7882. .infobox-blue.infobox-dark {
  7883. background-color: #6fb3e0;
  7884. border-color: #6fb3e0
  7885. }
  7886. .infobox-blue2 {
  7887. color: #3983c2;
  7888. border-color: #3983c2
  7889. }
  7890. .infobox-blue2>.infobox-icon>[class*="icon-"] {
  7891. background-color: #3983c2
  7892. }
  7893. .infobox-blue2.infobox-dark {
  7894. background-color: #3983c2;
  7895. border-color: #3983c2
  7896. }
  7897. .infobox-blue3 {
  7898. color: #1144eb;
  7899. border-color: #1144eb
  7900. }
  7901. .infobox-blue3>.infobox-icon>[class*="icon-"] {
  7902. background-color: #1144eb
  7903. }
  7904. .infobox-blue3.infobox-dark {
  7905. background-color: #1144eb;
  7906. border-color: #1144eb
  7907. }
  7908. .infobox-red {
  7909. color: #d53f40;
  7910. border-color: #d53f40
  7911. }
  7912. .infobox-red>.infobox-icon>[class*="icon-"] {
  7913. background-color: #d53f40
  7914. }
  7915. .infobox-red.infobox-dark {
  7916. background-color: #d53f40;
  7917. border-color: #d53f40
  7918. }
  7919. .infobox-brown {
  7920. color: #c67a3e;
  7921. border-color: #c67a3e
  7922. }
  7923. .infobox-brown>.infobox-icon>[class*="icon-"] {
  7924. background-color: #c67a3e
  7925. }
  7926. .infobox-brown.infobox-dark {
  7927. background-color: #c67a3e;
  7928. border-color: #c67a3e
  7929. }
  7930. .infobox-wood {
  7931. color: #7b3f25;
  7932. border-color: #7b3f25
  7933. }
  7934. .infobox-wood>.infobox-icon>[class*="icon-"] {
  7935. background-color: #7b3f25
  7936. }
  7937. .infobox-wood.infobox-dark {
  7938. background-color: #7b3f25;
  7939. border-color: #7b3f25
  7940. }
  7941. .infobox-light-brown {
  7942. color: #cebea5;
  7943. border-color: #cebea5
  7944. }
  7945. .infobox-light-brown>.infobox-icon>[class*="icon-"] {
  7946. background-color: #cebea5
  7947. }
  7948. .infobox-light-brown.infobox-dark {
  7949. background-color: #cebea5;
  7950. border-color: #cebea5
  7951. }
  7952. .infobox-orange {
  7953. color: #e8b110;
  7954. border-color: #e8b110
  7955. }
  7956. .infobox-orange>.infobox-icon>[class*="icon-"] {
  7957. background-color: #e8b110
  7958. }
  7959. .infobox-orange.infobox-dark {
  7960. background-color: #e8b110;
  7961. border-color: #e8b110
  7962. }
  7963. .infobox-orange2 {
  7964. color: #f79263;
  7965. border-color: #f79263
  7966. }
  7967. .infobox-orange2>.infobox-icon>[class*="icon-"] {
  7968. background-color: #f79263
  7969. }
  7970. .infobox-orange2.infobox-dark {
  7971. background-color: #f79263;
  7972. border-color: #f79263
  7973. }
  7974. .infobox-green {
  7975. color: #9abc32;
  7976. border-color: #9abc32
  7977. }
  7978. .infobox-green>.infobox-icon>[class*="icon-"] {
  7979. background-color: #9abc32
  7980. }
  7981. .infobox-green.infobox-dark {
  7982. background-color: #9abc32;
  7983. border-color: #9abc32
  7984. }
  7985. .infobox-green2 {
  7986. color: #0490a6;
  7987. border-color: #0490a6
  7988. }
  7989. .infobox-green2>.infobox-icon>[class*="icon-"] {
  7990. background-color: #0490a6
  7991. }
  7992. .infobox-green2.infobox-dark {
  7993. background-color: #0490a6;
  7994. border-color: #0490a6
  7995. }
  7996. .infobox-grey {
  7997. color: #999;
  7998. border-color: #999
  7999. }
  8000. .infobox-grey>.infobox-icon>[class*="icon-"] {
  8001. background-color: #999
  8002. }
  8003. .infobox-grey.infobox-dark {
  8004. background-color: #999;
  8005. border-color: #999
  8006. }
  8007. .infobox-black {
  8008. color: #393939;
  8009. border-color: #393939
  8010. }
  8011. .infobox-black>.infobox-icon>[class*="icon-"] {
  8012. background-color: #393939
  8013. }
  8014. .infobox-black.infobox-dark {
  8015. background-color: #393939;
  8016. border-color: #393939
  8017. }
  8018. .infobox-dark {
  8019. margin: 1px 1px 0 0;
  8020. border-color: transparent!important;
  8021. border: 0;
  8022. color: #FFF;
  8023. padding: 4px
  8024. }
  8025. .infobox-dark>.infobox-icon>[class*="icon-"],
  8026. .infobox-dark>.infobox-icon>[class*="icon-"]:before {
  8027. background-color: transparent;
  8028. box-shadow: none;
  8029. text-shadow: none;
  8030. border-radius: 0;
  8031. font-size: 30px
  8032. }
  8033. .infobox-dark>.infobox-icon>[class*="icon-"]:before {
  8034. opacity: 1;
  8035. filter: alpha(opacity=100)
  8036. }
  8037. .infobox-dark .infobox-content {
  8038. color: #FFF
  8039. }
  8040. .infobox>.infobox-progress {
  8041. padding-top: 0;
  8042. display: inline-block;
  8043. vertical-align: top;
  8044. width: 44px
  8045. }
  8046. .infobox>.infobox-chart {
  8047. padding-top: 0;
  8048. display: inline-block;
  8049. vertical-align: text-bottom;
  8050. width: 44px;
  8051. text-align: center
  8052. }
  8053. .infobox>.infobox-chart>.sparkline {
  8054. font-size: 24px
  8055. }
  8056. .infobox>.infobox-chart canvas {
  8057. vertical-align: middle!important
  8058. }
  8059. .infobox>.stat {
  8060. display: inline-block;
  8061. position: absolute;
  8062. right: 20px;
  8063. top: 11px;
  8064. text-shadow: none;
  8065. color: #abbac3;
  8066. font-size: 13px;
  8067. font-weight: bold;
  8068. padding-right: 18px;
  8069. padding-top: 3px
  8070. }
  8071. .infobox>.stat:before {
  8072. display: inline-block;
  8073. content: "";
  8074. width: 8px;
  8075. height: 11px;
  8076. background-color: #abbac3;
  8077. position: absolute;
  8078. right: 4px;
  8079. top: 7px
  8080. }
  8081. .infobox>.stat:after {
  8082. display: inline-block;
  8083. content: "";
  8084. position: absolute;
  8085. right: 1px;
  8086. top: -8px;
  8087. border: 12px solid transparent;
  8088. border-width: 8px 7px;
  8089. border-bottom-color: #abbac3
  8090. }
  8091. .infobox>.stat.stat-success {
  8092. color: #77c646
  8093. }
  8094. .infobox>.stat.stat-success:before {
  8095. background-color: #77c646
  8096. }
  8097. .infobox>.stat.stat-success:after {
  8098. border-bottom-color: #77c646
  8099. }
  8100. .infobox>.stat.stat-important {
  8101. color: #e4564f
  8102. }
  8103. .infobox>.stat.stat-important:before {
  8104. background-color: #e4564f;
  8105. top: 3px
  8106. }
  8107. .infobox>.stat.stat-important:after {
  8108. border-top-color: #e4564f;
  8109. border-bottom-color: transparent;
  8110. bottom: -6px;
  8111. top: auto
  8112. }
  8113. .infobox.infobox-dark>.stat {
  8114. color: #FFF
  8115. }
  8116. .infobox.infobox-dark>.stat:before {
  8117. background-color: #e1e5e8
  8118. }
  8119. .infobox.infobox-dark>.stat:after {
  8120. border-bottom-color: #e1e5e8
  8121. }
  8122. .infobox.infobox-dark>.stat.stat-success {
  8123. color: #FFF
  8124. }
  8125. .infobox.infobox-dark>.stat.stat-success:before {
  8126. background-color: #d0e29e
  8127. }
  8128. .infobox.infobox-dark>.stat.stat-success:after {
  8129. border-bottom-color: #d0e29e
  8130. }
  8131. .infobox.infobox-dark>.stat.stat-important {
  8132. color: #FFF
  8133. }
  8134. .infobox.infobox-dark>.stat.stat-important:before {
  8135. background-color: #ff8482;
  8136. top: 3px
  8137. }
  8138. .infobox.infobox-dark>.stat.stat-important:after {
  8139. border-top-color: #ff8482;
  8140. border-bottom-color: transparent;
  8141. bottom: -6px;
  8142. top: auto
  8143. }
  8144. .infobox>.badge {
  8145. position: absolute;
  8146. right: 20px;
  8147. top: 11px;
  8148. border-radius: 0;
  8149. text-shadow: none;
  8150. color: #FFF;
  8151. font-size: 11px;
  8152. font-weight: bold;
  8153. line-height: 15px;
  8154. height: 16px;
  8155. padding: 0 1px
  8156. }
  8157. .infobox.infobox-dark>.badge {
  8158. color: #FFF;
  8159. background-color: rgba(255, 255, 255, 0.2)!important;
  8160. border: 1px solid #f1f1f1;
  8161. top: 2px;
  8162. right: 2px
  8163. }
  8164. .infobox.infobox-dark>.badge.badge-success>[class*="icon-"] {
  8165. color: #c6e9a1
  8166. }
  8167. .infobox.infobox-dark>.badge.badge-important>[class*="icon-"] {
  8168. color: #ecb792
  8169. }
  8170. .infobox.infobox-dark>.badge.badge-warning>[class*="icon-"] {
  8171. color: #ecb792
  8172. }
  8173. .infobox-small {
  8174. width: 135px;
  8175. height: 52px;
  8176. text-align: left;
  8177. padding-bottom: 5px
  8178. }
  8179. .infobox-small>.infobox-icon,
  8180. .infobox-small>.infobox-chart,
  8181. .infobox-small>.infobox-progress {
  8182. display: inline-block;
  8183. width: 40px;
  8184. max-width: 40px;
  8185. height: 42px;
  8186. line-height: 38px;
  8187. vertical-align: middle
  8188. }
  8189. .infobox-small>.infobox-data {
  8190. display: inline-block;
  8191. text-align: left;
  8192. vertical-align: middle;
  8193. max-width: 72px;
  8194. min-width: 0
  8195. }
  8196. .infobox-small>.infobox-chart>.sparkline {
  8197. font-size: 14px;
  8198. margin-left: 2px
  8199. }
  8200. .percentage {
  8201. font-size: 14px;
  8202. font-weight: bold;
  8203. display: inline-block;
  8204. vertical-align: top
  8205. }
  8206. .infobox-small .percentage {
  8207. font-size: 13px;
  8208. font-weight: normal;
  8209. margin-top: 2px;
  8210. margin-left: 2px
  8211. }
  8212. .pricing-box:not(:first-child) {
  8213. padding-left: 7px
  8214. }
  8215. .pricing-box:not(:last-child) {
  8216. padding-right: 7px
  8217. }
  8218. .pricing-box .price {
  8219. font-size: 22px;
  8220. line-height: 20px;
  8221. height: 28px;
  8222. text-align: center;
  8223. color: #555
  8224. }
  8225. .pricing-box .price small {
  8226. font-size: 14px
  8227. }
  8228. .pricing-box .btn {
  8229. font-size: 16px
  8230. }
  8231. .pricing-box .widget-header {
  8232. text-align: center;
  8233. padding-left: 0
  8234. }
  8235. @media only screen and (max-width:768px) {
  8236. .pricing-box {
  8237. margin: 0;
  8238. margin-bottom: 16px;
  8239. padding-left: 0!important;
  8240. padding-right: 0!important;
  8241. margin-left: -1px
  8242. }
  8243. .pricing-box:nth-child(odd) {
  8244. padding-left: 12px!important
  8245. }
  8246. .pricing-box:nth-child(even) {
  8247. padding-right: 12px!important
  8248. }
  8249. }
  8250. @media only screen and (max-width:460px) {
  8251. .pricing-box {
  8252. margin: 0;
  8253. margin-bottom: 16px;
  8254. width: 100%;
  8255. padding-left: 12px!important;
  8256. padding-right: 12px!important
  8257. }
  8258. }
  8259. .pricing-table-header {
  8260. padding-top: 0;
  8261. margin-top: 0;
  8262. text-align: left
  8263. }
  8264. .pricing-table-header>li {
  8265. padding: 7px 0 7px 11px;
  8266. font-size: 13px
  8267. }
  8268. .pricing-table {
  8269. margin-top: 0
  8270. }
  8271. .pricing-table>li {
  8272. text-align: center;
  8273. padding: 7px 0;
  8274. font-size: 13px
  8275. }
  8276. .list-striped>li:nth-child(odd) {
  8277. background-color: #FFF
  8278. }
  8279. .list-striped>li:nth-child(even) {
  8280. background-color: #f2f3eb
  8281. }
  8282. .list-striped.pricing-table-header>li:nth-child(even) {
  8283. background-color: #EEE
  8284. }
  8285. .pricing-box-small {
  8286. box-shadow: none;
  8287. margin-left: -2px;
  8288. background-color: #FFF;
  8289. position: relative;
  8290. z-index: 10
  8291. }
  8292. .pricing-box-small .price {
  8293. line-height: 20px;
  8294. height: 28px;
  8295. text-align: center
  8296. }
  8297. .pricing-box-small .price .label:before,
  8298. .pricing-box-small .price .label:after {
  8299. margin-top: -2px;
  8300. opacity: .9;
  8301. filter: alpha(opacity=90)
  8302. }
  8303. .pricing-box-small:hover {
  8304. box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
  8305. z-index: 11;
  8306. -webkit-transform: scale(1.04);
  8307. -ms-transform: scale(1.04);
  8308. transform: scale(1.04)
  8309. }
  8310. .pricing-box-small:hover .price>.label {
  8311. -webkit-transform: scale(0.96);
  8312. -ms-transform: scale(0.96);
  8313. transform: scale(0.96)
  8314. }
  8315. .pricing-span {
  8316. margin: 0;
  8317. width: 19%;
  8318. max-width: 150px!important;
  8319. min-width: 110px!important;
  8320. float: left!important
  8321. }
  8322. .pricing-span-header {
  8323. padding-right: 0
  8324. }
  8325. @media only screen and (min-width:481px) {
  8326. .pricing-span-body {
  8327. padding-left: 0;
  8328. padding-right: 0
  8329. }
  8330. }
  8331. @media only screen and (max-width:480px) {
  8332. .pricing-span-header,
  8333. .pricing-span-body {
  8334. width: 100%;
  8335. padding-right: 12px
  8336. }
  8337. }
  8338. .login-container {
  8339. width: 375px;
  8340. margin: 0 auto
  8341. }
  8342. .login-layout {
  8343. background-color: #1d2024
  8344. }
  8345. .login-layout .main-container:after {
  8346. display: none
  8347. }
  8348. .login-layout .main-content {
  8349. margin-left: 0;
  8350. min-height: 100%;
  8351. padding-left: 15px;
  8352. padding-right: 15px
  8353. }
  8354. .login-layout label {
  8355. margin-bottom: 11px
  8356. }
  8357. .login-layout .widget-box {
  8358. visibility: hidden;
  8359. position: absolute;
  8360. overflow: hidden;
  8361. width: 100%;
  8362. border-bottom: 0;
  8363. box-shadow: none;
  8364. padding: 6px;
  8365. background-color: #394557;
  8366. -moz-transform: scale(0, 1) translate(-150px);
  8367. -webkit-transform: scale(0, 1) translate(-150px);
  8368. -o-transform: scale(0, 1) translate(-150px);
  8369. -ms-transform: scale(0, 1) translate(-150px);
  8370. transform: scale(0, 1) translate(-150px)
  8371. }
  8372. .login-layout .widget-box.visible {
  8373. visibility: visible;
  8374. -moz-transform: scale(1, 1) translate(0);
  8375. -webkit-transform: scale(1, 1) translate(0);
  8376. -o-transform: scale(1, 1) translate(0);
  8377. -ms-transform: scale(1, 1) translate(0);
  8378. transform: scale(1, 1) translate(0);
  8379. -webkit-transition: all .3s ease;
  8380. transition: all .3s ease;
  8381. -o-transition: none;
  8382. -webkit-transition: none
  8383. }
  8384. .login-layout .widget-box .widget-main {
  8385. padding: 16px 36px 36px;
  8386. background: #f7f7f7
  8387. }
  8388. .login-layout .widget-box .widget-main form {
  8389. margin: 0
  8390. }
  8391. .login-layout .widget-box .widget-body .toolbar>div>a {
  8392. font-size: 15px;
  8393. font-weight: 400;
  8394. text-shadow: 1px 0 1px rgba(0, 0, 0, 0.25)
  8395. }
  8396. .login-box .forgot-password-link {
  8397. color: #FE9
  8398. }
  8399. .login-box .user-signup-link {
  8400. color: #CF7
  8401. }
  8402. .login-box .toolbar {
  8403. background: #5090c1;
  8404. border-top: 2px solid #597597
  8405. }
  8406. .login-box .toolbar>div {
  8407. width: 50%;
  8408. display: inline-block;
  8409. padding: 9px 0 11px
  8410. }
  8411. .login-box .toolbar>div:first-child {
  8412. float: left;
  8413. text-align: left
  8414. }
  8415. .login-box .toolbar>div:first-child>a {
  8416. margin-left: 11px
  8417. }
  8418. .login-box .toolbar>div:first-child+div {
  8419. float: right;
  8420. text-align: right
  8421. }
  8422. .login-box .toolbar>div:first-child+div>a {
  8423. margin-right: 11px
  8424. }
  8425. .forgot-box .toolbar {
  8426. background: #c16050;
  8427. border-top: 2px solid #976559;
  8428. padding: 9px 18px
  8429. }
  8430. .signup-box .toolbar {
  8431. background: #76b774;
  8432. border-top: 2px solid #759759;
  8433. padding: 9px 18px
  8434. }
  8435. .forgot-box .back-to-login-link,
  8436. .signup-box .back-to-login-link {
  8437. color: #FE9;
  8438. font-size: 14px;
  8439. font-weight: bold;
  8440. text-shadow: 1px 0 1px rgba(0, 0, 0, 0.25)
  8441. }
  8442. .login-layout .login-box .widget-main {
  8443. padding-bottom: 16px
  8444. }
  8445. .login-box .social-or-login {
  8446. margin-top: 4px;
  8447. position: relative;
  8448. z-index: 1
  8449. }
  8450. .login-box .social-or-login:first-child {
  8451. display: inline-block;
  8452. background: #f7f7f7;
  8453. padding: 0 8px;
  8454. color: #5090c1;
  8455. font-size: 13px
  8456. }
  8457. .login-box .social-or-login:before {
  8458. content: "";
  8459. display: block;
  8460. position: absolute;
  8461. z-index: -1;
  8462. top: 50%;
  8463. left: 0;
  8464. right: 0;
  8465. border-top: 1px dotted #a6c4db
  8466. }
  8467. .login-box .social-login {
  8468. margin-top: 12px
  8469. }
  8470. .login-box .social-login a {
  8471. border-radius: 100%;
  8472. width: 42px;
  8473. height: 42px;
  8474. line-height: 46px;
  8475. padding: 0;
  8476. margin: 0 1px;
  8477. border: 0
  8478. }
  8479. .login-box .social-login a>[class*="icon-"] {
  8480. font-size: 24px;
  8481. margin: 0
  8482. }
  8483. @media only screen and (max-width:480px) {
  8484. .login-layout .widget-box .widget-main {
  8485. padding: 16px
  8486. }
  8487. }
  8488. @media only screen and (max-width:480px) {
  8489. .login-container {
  8490. width: 98%
  8491. }
  8492. .login-layout .widget-box {
  8493. padding: 0
  8494. }
  8495. .login-box .toolbar>div {
  8496. width: auto
  8497. }
  8498. }
  8499. @media only screen and (max-width:767px) {
  8500. .login-layout .widget-box.visible {
  8501. -webkit-transition: none;
  8502. transition: none
  8503. }
  8504. }
  8505. .invoice-info {
  8506. line-height: 24px!important;
  8507. color: #444;
  8508. vertical-align: bottom;
  8509. margin-left: 9px;
  8510. margin-right: 9px
  8511. }
  8512. .invoice-info-label {
  8513. display: inline-block;
  8514. max-width: 100px;
  8515. text-align: right;
  8516. font-size: 14px
  8517. }
  8518. .invoice-box .label-large[class*="arrowed"] {
  8519. margin-left: 11px!important;
  8520. max-width: 95%
  8521. }
  8522. .error-container {
  8523. margin: 20px;
  8524. padding: 0;
  8525. background: #FFF
  8526. }
  8527. .ace-thumbnails {
  8528. list-style: none;
  8529. margin: 0;
  8530. padding: 0
  8531. }
  8532. .ace-thumbnails>li {
  8533. float: left;
  8534. display: block;
  8535. position: relative;
  8536. overflow: hidden;
  8537. margin: 2px;
  8538. border: 2px solid #333
  8539. }
  8540. .ace-thumbnails>li>:first-child {
  8541. display: block;
  8542. position: relative
  8543. }
  8544. .ace-thumbnails>li .tags {
  8545. display: inline-block;
  8546. position: absolute;
  8547. bottom: 0;
  8548. right: 0;
  8549. left: 0;
  8550. overflow: visible;
  8551. direction: rtl;
  8552. padding: 0;
  8553. margin: 0;
  8554. height: auto;
  8555. width: auto;
  8556. background-color: transparent;
  8557. border: 0;
  8558. vertical-align: inherit
  8559. }
  8560. .ace-thumbnails>li .tags>.label-holder {
  8561. opacity: .92;
  8562. filter: alpha(opacity=92);
  8563. display: table;
  8564. margin: 1px 0 0 0;
  8565. direction: ltr;
  8566. text-align: left
  8567. }
  8568. .ace-thumbnails>li .tags>.label-holder:hover {
  8569. opacity: 1;
  8570. filter: alpha(opacity=100)
  8571. }
  8572. .ace-thumbnails>li>.tools {
  8573. position: absolute;
  8574. top: 0;
  8575. bottom: 0;
  8576. left: -30px;
  8577. width: 24px;
  8578. background-color: rgba(0, 0, 0, 0.55);
  8579. text-align: center;
  8580. vertical-align: middle;
  8581. -webkit-transition: all .2s ease;
  8582. transition: all .2s ease
  8583. }
  8584. .ace-thumbnails>li>.tools.tools-right {
  8585. left: auto;
  8586. right: -30px
  8587. }
  8588. .ace-thumbnails>li>.tools.tools-bottom {
  8589. width: auto;
  8590. height: 28px;
  8591. left: 0;
  8592. right: 0;
  8593. top: auto;
  8594. bottom: -30px
  8595. }
  8596. .ace-thumbnails>li>.tools.tools-top {
  8597. width: auto;
  8598. height: 28px;
  8599. left: 0;
  8600. right: 0;
  8601. top: -30px;
  8602. bottom: auto
  8603. }
  8604. .ace-thumbnails>li:hover>.tools {
  8605. left: 0
  8606. }
  8607. .ace-thumbnails>li:hover>.tools.tools-bottom {
  8608. top: auto;
  8609. bottom: 0
  8610. }
  8611. .ace-thumbnails>li:hover>.tools.tools-top {
  8612. bottom: auto;
  8613. top: 0
  8614. }
  8615. .ace-thumbnails>li:hover>.tools.tools-right {
  8616. left: auto;
  8617. right: 0
  8618. }
  8619. .ace-thumbnails>li>.tools>a,
  8620. .ace-thumbnails>li>:first-child .inner a {
  8621. display: inline-block;
  8622. color: #FFF;
  8623. font-size: 18px;
  8624. font-weight: normal;
  8625. padding: 0 4px
  8626. }
  8627. .ace-thumbnails>li>.tools>a:hover,
  8628. .ace-thumbnails>li>:first-child .inner a:hover {
  8629. text-decoration: none;
  8630. color: #c9e2ea
  8631. }
  8632. .ace-thumbnails>li .tools.tools-bottom>a,
  8633. .ace-thumbnails>li .tools.tools-top>a {
  8634. display: inline-block
  8635. }
  8636. .ace-thumbnails>li>:first-child>.text {
  8637. position: absolute;
  8638. right: 0;
  8639. left: 0;
  8640. bottom: 0;
  8641. top: 0;
  8642. text-align: center;
  8643. color: #FFF;
  8644. background-color: rgba(0, 0, 0, 0.55);
  8645. opacity: 0;
  8646. filter: alpha(opacity=0);
  8647. -webkit-transition: all .2s ease;
  8648. transition: all .2s ease
  8649. }
  8650. .ace-thumbnails>li>:first-child>.text:before {
  8651. content: '';
  8652. display: inline-block;
  8653. height: 100%;
  8654. vertical-align: middle;
  8655. margin-right: 0
  8656. }
  8657. .ace-thumbnails>li>:first-child>.text>.inner {
  8658. padding: 4px 0;
  8659. margin: 0;
  8660. display: inline-block;
  8661. vertical-align: middle;
  8662. max-width: 90%
  8663. }
  8664. .ace-thumbnails>li:hover>:first-child>.text {
  8665. opacity: 1;
  8666. filter: alpha(opacity=100)
  8667. }
  8668. @media only screen and (max-width:480px) {
  8669. .ace-thumbnails {
  8670. text-align: center
  8671. }
  8672. .ace-thumbnails>li {
  8673. float: none;
  8674. display: inline-block
  8675. }
  8676. }
  8677. .dialogs {
  8678. padding: 9px 9px 0;
  8679. position: relative
  8680. }
  8681. .itemdiv {
  8682. padding-right: 3px;
  8683. min-height: 66px;
  8684. position: relative
  8685. }
  8686. .itemdiv>.user {
  8687. display: inline-block;
  8688. width: 42px;
  8689. position: absolute;
  8690. left: 0
  8691. }
  8692. .itemdiv>.user>img {
  8693. border-radius: 100%;
  8694. border: 2px solid #5293c4;
  8695. max-width: 40px;
  8696. position: relative
  8697. }
  8698. .itemdiv>.body {
  8699. width: auto;
  8700. margin-left: 50px;
  8701. margin-right: 12px;
  8702. position: relative
  8703. }
  8704. .itemdiv>.body>.time {
  8705. display: block;
  8706. font-size: 11px;
  8707. font-weight: bold;
  8708. color: #666;
  8709. position: absolute;
  8710. right: 9px;
  8711. top: 0
  8712. }
  8713. .itemdiv>.body>.time [class*="icon-"] {
  8714. font-size: 14px;
  8715. font-weight: normal
  8716. }
  8717. .itemdiv>.body>.name {
  8718. display: block;
  8719. color: #999
  8720. }
  8721. .itemdiv>.body>.name>b {
  8722. color: #777
  8723. }
  8724. .itemdiv>.body>.text {
  8725. display: block;
  8726. position: relative;
  8727. margin-top: 2px;
  8728. padding-bottom: 19px;
  8729. padding-left: 7px;
  8730. font-size: 13px
  8731. }
  8732. .itemdiv>.body>.text:after {
  8733. display: block;
  8734. content: "";
  8735. height: 1px;
  8736. font-size: 0;
  8737. overflow: hidden;
  8738. position: absolute;
  8739. left: 16px;
  8740. right: -12px;
  8741. margin-top: 9px;
  8742. border-top: 1px solid #e4ecf3
  8743. }
  8744. .itemdiv>.body>.text>[class*="icon-quote-"]:first-child {
  8745. color: #dce3ed;
  8746. margin-right: 4px
  8747. }
  8748. .itemdiv:last-child>.body>.text {
  8749. border-bottom: 0
  8750. }
  8751. .itemdiv:last-child>.body>.text:after {
  8752. display: none
  8753. }
  8754. .itemdiv.dialogdiv {
  8755. padding-bottom: 14px
  8756. }
  8757. .itemdiv.dialogdiv:before {
  8758. position: absolute;
  8759. display: block;
  8760. content: "";
  8761. top: 0;
  8762. bottom: 0;
  8763. left: 19px;
  8764. width: 3px;
  8765. max-width: 3px;
  8766. background-color: #e1e6ed;
  8767. border: 1px solid #d7dbdd;
  8768. border-width: 0 1px
  8769. }
  8770. .itemdiv.dialogdiv:last-child:before {
  8771. display: none
  8772. }
  8773. .itemdiv.dialogdiv>.user>img {
  8774. border-color: #c9d6e5
  8775. }
  8776. .itemdiv.dialogdiv>.body {
  8777. border: 1px solid #dde4ed;
  8778. padding: 5px 8px 8px;
  8779. border-left-width: 2px;
  8780. margin-right: 1px
  8781. }
  8782. .itemdiv.dialogdiv>.body:before {
  8783. content: "";
  8784. display: block;
  8785. position: absolute;
  8786. left: -7px;
  8787. top: 11px;
  8788. width: 8px;
  8789. height: 8px;
  8790. border: 2px solid #dde4ed;
  8791. border-width: 2px 0 0 2px;
  8792. background-color: #FFF;
  8793. -webkit-box-sizing: content-box;
  8794. -moz-box-sizing: content-box;
  8795. box-sizing: content-box;
  8796. -webkit-transform: rotate(-45deg);
  8797. -ms-transform: rotate(-45deg);
  8798. transform: rotate(-45deg)
  8799. }
  8800. .itemdiv.dialogdiv>.body>.time {
  8801. position: static;
  8802. float: right
  8803. }
  8804. .itemdiv.dialogdiv>.body>.text {
  8805. padding-left: 0;
  8806. padding-bottom: 0
  8807. }
  8808. .itemdiv.dialogdiv>.body>.text:after {
  8809. display: none
  8810. }
  8811. .itemdiv.dialogdiv .tooltip-inner {
  8812. word-break: break-all
  8813. }
  8814. .itemdiv.memberdiv {
  8815. width: 175px;
  8816. padding: 2px;
  8817. margin: 3px 0;
  8818. float: left;
  8819. border-bottom: 1px solid #e8e8e8
  8820. }
  8821. .itemdiv.memberdiv>.user>img {
  8822. border-color: #dce3ed
  8823. }
  8824. .itemdiv.memberdiv>.body>.time {
  8825. position: static
  8826. }
  8827. .itemdiv.memberdiv>.body>.name {
  8828. line-height: 18px;
  8829. height: 18px;
  8830. margin-bottom: 0
  8831. }
  8832. .itemdiv.memberdiv>.body>.name>a {
  8833. display: inline-block;
  8834. max-width: 100px;
  8835. max-height: 18px;
  8836. overflow: hidden;
  8837. text-overflow: ellipsis;
  8838. word-break: break-all
  8839. }
  8840. .itemdiv .tools {
  8841. position: absolute;
  8842. right: 5px;
  8843. bottom: 10px;
  8844. display: none
  8845. }
  8846. .itemdiv .tools .btn {
  8847. border-radius: 36px;
  8848. margin: 1px 0
  8849. }
  8850. .itemdiv .body .tools {
  8851. bottom: 4px
  8852. }
  8853. .itemdiv.commentdiv .tools {
  8854. right: 9px
  8855. }
  8856. .itemdiv:hover .tools {
  8857. display: inline-block
  8858. }
  8859. .item-list {
  8860. margin: 0;
  8861. padding: 0;
  8862. list-style: none
  8863. }
  8864. .item-list>li {
  8865. padding: 9px;
  8866. background-color: #FFF;
  8867. margin-top: -1px;
  8868. position: relative
  8869. }
  8870. .item-list>li.selected {
  8871. color: #8090a0;
  8872. background-color: #f4f9fc
  8873. }
  8874. .item-list>li.selected label,
  8875. .item-list>li.selected .lbl {
  8876. text-decoration: line-through;
  8877. color: #8090a0
  8878. }
  8879. .item-list>li>.checkbox {
  8880. display: inline-block
  8881. }
  8882. .item-list>li>label.inline {
  8883. display: inline-block
  8884. }
  8885. .item-list>li label {
  8886. font-size: 13px
  8887. }
  8888. .item-list>li .percentage {
  8889. font-size: 11px;
  8890. font-weight: bold;
  8891. color: #777
  8892. }
  8893. .item-list>li.ui-sortable-helper {
  8894. cursor: move
  8895. }
  8896. li[class*="item-"] {
  8897. border: 1px solid #DDD;
  8898. border-left-width: 3px
  8899. }
  8900. li.item-orange {
  8901. border-left-color: #e8b110
  8902. }
  8903. li.item-orange2 {
  8904. border-left-color: #f79263
  8905. }
  8906. li.item-red {
  8907. border-left-color: #d53f40
  8908. }
  8909. li.item-red2 {
  8910. border-left-color: #d15b47
  8911. }
  8912. li.item-green {
  8913. border-left-color: #9abc32
  8914. }
  8915. li.item-green2 {
  8916. border-left-color: #0490a6
  8917. }
  8918. li.item-blue {
  8919. border-left-color: #4f99c6
  8920. }
  8921. li.item-blue2 {
  8922. border-left-color: #3983c2
  8923. }
  8924. li.item-blue3 {
  8925. border-left-color: #1144eb
  8926. }
  8927. li.item-pink {
  8928. border-left-color: #cb6fd7
  8929. }
  8930. li.item-purple {
  8931. border-left-color: #6f3cc4
  8932. }
  8933. li.item-black {
  8934. border-left-color: #505050
  8935. }
  8936. li.item-grey {
  8937. border-left-color: #a0a0a0
  8938. }
  8939. li.item-brown {
  8940. border-left-color: #a52a2a
  8941. }
  8942. li.item-default {
  8943. border-left-color: #abbac3
  8944. }
  8945. .ui-sortable-placeholder,
  8946. .ui-sortable-helper,
  8947. .ui-sortable-placeholder>a,
  8948. .ui-sortable-helper>a {
  8949. cursor: move!important
  8950. }
  8951. @media only screen and (max-width:480px) {
  8952. .itemdiv.memberdiv {
  8953. float: none;
  8954. width: auto
  8955. }
  8956. }
  8957. .profile-user-info {
  8958. margin: 0 12px
  8959. }
  8960. .profile-info-row {
  8961. position: relative
  8962. }
  8963. .profile-info-name {
  8964. position: absolute;
  8965. width: 110px;
  8966. text-align: right;
  8967. padding: 6px 10px 6px 0;
  8968. left: 0;
  8969. top: 0;
  8970. bottom: 0;
  8971. font-weight: normal;
  8972. color: #667e99;
  8973. background-color: transparent;
  8974. border-top: 1px dotted #d5e4f1
  8975. }
  8976. .profile-info-value {
  8977. padding: 6px 4px 6px 6px;
  8978. margin-left: 120px;
  8979. border-top: 1px dotted #d5e4f1
  8980. }
  8981. .profile-info-value>span+span:before {
  8982. display: inline;
  8983. content: ",";
  8984. margin-left: 1px;
  8985. margin-right: 3px;
  8986. color: #666;
  8987. border-bottom: 1px solid #FFF
  8988. }
  8989. .profile-info-value>span+span.editable-container:before {
  8990. display: none
  8991. }
  8992. .profile-info-row:first-child .profile-info-name {
  8993. border-top: 0
  8994. }
  8995. .profile-info-row:first-child .profile-info-value {
  8996. border-top: 0
  8997. }
  8998. .profile-user-info-striped {
  8999. margin-left: -50px;
  9000. }
  9001. .profile-user-info-striped .profile-info-name {
  9002. color: #336199;
  9003. border-top: 1px solid #f7fbff
  9004. }
  9005. .profile-user-info-striped .profile-info-value {
  9006. border-top: 1px dotted #dcebf7;
  9007. padding-left: 12px
  9008. }
  9009. .profile-picture {
  9010. border: 1px solid #CCC;
  9011. background-color: #FFF;
  9012. padding: 4px;
  9013. display: inline-block;
  9014. max-width: 100%;
  9015. -moz-box-sizing: border-box;
  9016. box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)
  9017. }
  9018. .profile-activity {
  9019. padding: 10px 4px;
  9020. border-bottom: 1px dotted #d0d8e0;
  9021. position: relative;
  9022. border-left: 1px dotted #FFF;
  9023. border-right: 1px dotted #FFF
  9024. }
  9025. .profile-activity:first-child {
  9026. border-top: 1px dotted transparent
  9027. }
  9028. .profile-activity:first-child:hover {
  9029. border-top-color: #d0d8e0
  9030. }
  9031. .profile-activity:hover {
  9032. background-color: #f4f9fd;
  9033. border-left: 1px dotted #d0d8e0;
  9034. border-right: 1px dotted #d0d8e0
  9035. }
  9036. .profile-activity img {
  9037. border: 2px solid #c9d6e5;
  9038. border-radius: 100%;
  9039. max-width: 40px;
  9040. margin-right: 10px;
  9041. margin-left: 0;
  9042. box-shadow: none
  9043. }
  9044. .profile-activity .thumbicon {
  9045. background-color: #74abd7;
  9046. display: inline-block;
  9047. border-radius: 100%;
  9048. width: 38px;
  9049. height: 38px;
  9050. color: #FFF;
  9051. font-size: 18px;
  9052. text-align: center;
  9053. line-height: 38px;
  9054. margin-right: 10px;
  9055. margin-left: 0;
  9056. text-shadow: none!important
  9057. }
  9058. .profile-activity .time {
  9059. display: block;
  9060. margin-top: 4px;
  9061. color: #777
  9062. }
  9063. .profile-activity a.user {
  9064. font-weight: bold;
  9065. color: #9585bf
  9066. }
  9067. .profile-activity .tools {
  9068. position: absolute;
  9069. right: 12px;
  9070. bottom: 8px;
  9071. display: none
  9072. }
  9073. .profile-activity:hover .tools {
  9074. display: block
  9075. }
  9076. .user-profile .ace-thumbnails li {
  9077. border: 1px solid #CCC;
  9078. padding: 3px;
  9079. margin: 6px
  9080. }
  9081. .user-profile .ace-thumbnails li .tools {
  9082. left: 3px;
  9083. right: 3px
  9084. }
  9085. .user-profile .ace-thumbnails li:hover .tools {
  9086. bottom: 3px
  9087. }
  9088. .user-profile .user-title-label:hover {
  9089. text-decoration: none
  9090. }
  9091. .user-profile .user-title-label+.dropdown-menu {
  9092. margin-left: -12px
  9093. }
  9094. .profile-contact-links {
  9095. padding: 4px 2px 5px;
  9096. border: 1px solid #e0e2e5;
  9097. background-color: #f8fafc
  9098. }
  9099. .profile-contact-info .btn-link:hover>[class*="icon-"],
  9100. .profile-contact-info .btn-link:focus>[class*="icon-"] {
  9101. text-decoration: none
  9102. }
  9103. .profile-social-links>a {
  9104. text-decoration: none;
  9105. margin: 0 1px
  9106. }
  9107. .profile-social-links>a:hover>[class*="icon-"] {
  9108. text-decoration: none
  9109. }
  9110. .profile-skills .progress {
  9111. height: 26px;
  9112. margin-bottom: 2px;
  9113. background-color: transparent
  9114. }
  9115. .profile-skills .progress .progress-bar {
  9116. line-height: 26px;
  9117. font-size: 13px;
  9118. font-weight: bold;
  9119. font-family: "Open Sans";
  9120. padding: 0 8px
  9121. }
  9122. .profile-users .user {
  9123. display: block;
  9124. position: static;
  9125. text-align: center;
  9126. width: auto
  9127. }
  9128. .profile-users .user img {
  9129. padding: 2px;
  9130. border-radius: 100%;
  9131. border: 1px solid #AAA;
  9132. max-width: none;
  9133. width: 64px;
  9134. -webkit-transition: all .1s;
  9135. transition: all .1s
  9136. }
  9137. .profile-users .user img:hover {
  9138. -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33);
  9139. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33)
  9140. }
  9141. .profile-users .memberdiv {
  9142. background-color: #FFF;
  9143. width: 100px;
  9144. -webkit-box-sizing: border-box;
  9145. -moz-box-sizing: border-box;
  9146. box-sizing: border-box;
  9147. border: 0;
  9148. text-align: center;
  9149. margin: 0 8px 24px
  9150. }
  9151. .profile-users .memberdiv .name a:hover [class*="icon-"] {
  9152. text-decoration: none
  9153. }
  9154. .profile-users .memberdiv .body {
  9155. display: inline-block;
  9156. margin: 8px 0 0 0
  9157. }
  9158. .profile-users .memberdiv .popover {
  9159. visibility: hidden;
  9160. min-width: 150px;
  9161. margin-left: 0;
  9162. margin-right: 0;
  9163. top: -5%;
  9164. left: auto;
  9165. right: auto;
  9166. z-index: -1;
  9167. opacity: 0;
  9168. display: none;
  9169. -webkit-transition: visibility 0s linear .2s, z-index 0s linear .2s, opacity .2s linear 0s;
  9170. transition: visibility 0s linear .2s, z-index 0s linear .2s, opacity .2s linear 0s
  9171. }
  9172. .profile-users .memberdiv .popover.right {
  9173. left: 100%;
  9174. right: auto;
  9175. display: block
  9176. }
  9177. .profile-users .memberdiv .popover.left {
  9178. left: auto;
  9179. right: 100%;
  9180. display: block
  9181. }
  9182. .profile-users .memberdiv>:first-child:hover .popover {
  9183. visibility: visible;
  9184. opacity: 1;
  9185. z-index: 1010;
  9186. -webkit-transition-delay: 0s;
  9187. -moz-transition-delay: 0s;
  9188. -o-transition-delay: 0s;
  9189. transition-delay: 0s
  9190. }
  9191. .profile-users .memberdiv .tools {
  9192. position: static;
  9193. display: block;
  9194. width: 100%;
  9195. margin-top: 2px
  9196. }
  9197. .profile-users .memberdiv .tools>a {
  9198. margin: 0 2px
  9199. }
  9200. .profile-users .memberdiv .tools>a:hover {
  9201. text-decoration: none
  9202. }
  9203. .user-status {
  9204. display: inline-block;
  9205. width: 11px;
  9206. height: 11px;
  9207. background-color: #FFF;
  9208. border: 3px solid #AAA;
  9209. border-radius: 100%;
  9210. vertical-align: middle;
  9211. margin-right: 1px
  9212. }
  9213. .user-status.status-online {
  9214. border-color: #8ac16c
  9215. }
  9216. .user-status.status-busy {
  9217. border-color: #e07f69
  9218. }
  9219. .user-status.status-idle {
  9220. border-color: #ffb752
  9221. }
  9222. .tab-content.profile-edit-tab-content {
  9223. border: 1px solid #DDD;
  9224. padding: 8px 32px 32px;
  9225. -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  9226. box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  9227. background-color: #FFF
  9228. }
  9229. @media only screen and (max-width:480px) {
  9230. .profile-info-name {
  9231. width: 80px
  9232. }
  9233. .profile-info-value {
  9234. margin-left: 90px
  9235. }
  9236. .profile-user-info-striped .profile-info-name {
  9237. position: static;
  9238. width: auto;
  9239. text-align: left;
  9240. padding: 6px 0 6px 10px
  9241. }
  9242. .profile-user-info-striped .profile-info-value {
  9243. margin-left: 10px
  9244. }
  9245. }
  9246. @media only screen and (max-width:480px) {
  9247. .user-profile .memberdiv {
  9248. width: 50%;
  9249. margin-left: 0;
  9250. margin-right: 0
  9251. }
  9252. }
  9253. .inbox-tabs.nav-tabs>li>a {
  9254. background-color: #fafafa
  9255. }
  9256. .inbox-tabs.nav-tabs>li.active:not(.open)>a,
  9257. .inbox-tabs.nav-tabs>li.active:not(.open)>a:hover,
  9258. .inbox-tabs.nav-tabs>li.active:not(.open)>a:focus {
  9259. background-color: #f1f5fa;
  9260. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
  9261. color: #48768e
  9262. }
  9263. .inbox-tabs.nav-tabs>li>a.btn-new-mail {
  9264. background-color: transparent;
  9265. border: none!important;
  9266. padding: 0!important
  9267. }
  9268. .inbox-tabs.nav-tabs>li>a.btn-new-mail>.btn {
  9269. border-width: 0!important;
  9270. border-radius: 3px!important;
  9271. padding: 0 6px!important;
  9272. position: relative;
  9273. transition: none!important
  9274. }
  9275. .inbox-tabs.nav-tabs>li.active>a.btn-new-mail {
  9276. box-shadow: none!important
  9277. }
  9278. .inbox-tabs.nav-tabs>li.active>a.btn-new-mail>.btn:before {
  9279. content: "";
  9280. display: block;
  9281. position: absolute;
  9282. top: 100%;
  9283. left: 35%;
  9284. left: calc(50% - 6px);
  9285. border-width: 6px 8px;
  9286. border-style: solid;
  9287. border-color: transparent;
  9288. border-top-color: inherit
  9289. }
  9290. .inbox-tabs.nav-tabs.tab-size-bigger>li>a {
  9291. padding: 5px 15px 7px;
  9292. font-size: 14px
  9293. }
  9294. .inbox-tabs.nav-tabs.tab-size-bigger>li>a>[class*="icon-"]:first-child {
  9295. margin-bottom: 5px
  9296. }
  9297. .inbox-tabs.nav-tabs.tab-size-bigger>li>a.btn-new-mail>.btn {
  9298. padding: 10px!important;
  9299. border-radius: 7px!important
  9300. }
  9301. .inbox-tabs.nav-tabs.tab-size-bigger>li.active>a.btn-new-mail {
  9302. margin-top: 0!important;
  9303. top: 1px
  9304. }
  9305. .inbox-tabs.nav-tabs.tab-size-bigger>li.active>a.btn-new-mail>.btn:before {
  9306. left: 35%;
  9307. left: calc(50% - 8px);
  9308. border-width: 8px 10px
  9309. }
  9310. @media only screen and (max-width:475px) {
  9311. .inbox-tabs>.li-new-mail {
  9312. display: block;
  9313. text-align: right;
  9314. margin-bottom: 8px!important;
  9315. float: none!important
  9316. }
  9317. .inbox-tabs>.li-new-mail>.btn-new-mail {
  9318. display: inline-block;
  9319. width: auto
  9320. }
  9321. }
  9322. .message-container {
  9323. position: relative
  9324. }
  9325. .message-list {
  9326. position: relative
  9327. }
  9328. .message-item {
  9329. border: 1px solid #eaedf1;
  9330. border-bottom-width: 0;
  9331. padding: 12px 12px 14px;
  9332. line-height: 18px;
  9333. position: relative;
  9334. background-color: #FFF
  9335. }
  9336. .message-item:first-child {
  9337. border-top-width: 0
  9338. }
  9339. .message-item:hover {
  9340. border-color: #e2eaf2;
  9341. background-color: #f2f6f9
  9342. }
  9343. .message-item:hover+.message-item {
  9344. border-top-color: #e2eaf2
  9345. }
  9346. .message-item:hover+.message-item.selected {
  9347. border-top-color: #FFF
  9348. }
  9349. .message-item.selected {
  9350. background-color: #eff4f7;
  9351. border-color: #FFF #e2eaf2
  9352. }
  9353. .message-item.selected+.message-item {
  9354. border-top-color: #FFF
  9355. }
  9356. .message-item.selected+.message-item:hover+.message-item {
  9357. border-top-color: #FFF
  9358. }
  9359. .message-item .sender {
  9360. margin: 0 6px 0 4px;
  9361. vertical-align: middle;
  9362. color: #467287;
  9363. display: inline-block;
  9364. width: 110px;
  9365. height: 18px;
  9366. text-overflow: ellipsis;
  9367. overflow: hidden;
  9368. white-space: nowrap;
  9369. cursor: pointer
  9370. }
  9371. .message-item.message-unread .sender {
  9372. color: #6a9cba;
  9373. font-weight: bold
  9374. }
  9375. .message-item .summary {
  9376. vertical-align: middle;
  9377. display: inline-block;
  9378. position: relative;
  9379. margin-left: 30px;
  9380. max-width: 250px;
  9381. max-width: calc(100% - 300px);
  9382. min-width: 200px;
  9383. white-space: nowrap
  9384. }
  9385. .message-item .summary .text {
  9386. color: #555;
  9387. vertical-align: middle;
  9388. display: inline-block;
  9389. width: auto;
  9390. max-width: 100%;
  9391. height: 18px;
  9392. text-overflow: ellipsis;
  9393. overflow: hidden;
  9394. white-space: nowrap;
  9395. cursor: pointer
  9396. }
  9397. .message-item .summary .text:hover {
  9398. text-decoration: underline
  9399. }
  9400. .message-item .summary .message-flags {
  9401. display: block;
  9402. position: absolute;
  9403. right: 101%;
  9404. right: calc(100%+4px);
  9405. height: 18px;
  9406. white-space: nowrap
  9407. }
  9408. .message-item.message-unread .summary .text {
  9409. color: #609fc4;
  9410. font-weight: bold
  9411. }
  9412. .message-item .time {
  9413. float: right;
  9414. width: 60px;
  9415. height: 18px;
  9416. text-overflow: ellipsis;
  9417. overflow: hidden;
  9418. white-space: nowrap;
  9419. color: #666
  9420. }
  9421. .message-item.message-unread .time {
  9422. font-weight: bold;
  9423. color: #609fc4
  9424. }
  9425. .message-item .attachment {
  9426. color: #999;
  9427. font-size: 18px;
  9428. vertical-align: middle;
  9429. float: right;
  9430. margin: 0 12px;
  9431. position: relative
  9432. }
  9433. .message-item.message-unread .attachment {
  9434. color: #4f99c6
  9435. }
  9436. .message-content .time {
  9437. font-weight: normal
  9438. }
  9439. .message-star {
  9440. vertical-align: middle;
  9441. margin: 2px 4px 0 6px;
  9442. font-size: 15px;
  9443. cursor: pointer
  9444. }
  9445. .message-star:hover {
  9446. color: #feb902!important;
  9447. text-decoration: none
  9448. }
  9449. .mail-tag:empty {
  9450. display: inline-block;
  9451. width: 8px;
  9452. height: 11px;
  9453. padding: 0;
  9454. line-height: normal;
  9455. vertical-align: middle;
  9456. margin: 0 1px 0 0
  9457. }
  9458. .badge.mail-tag {
  9459. border-radius: 2px
  9460. }
  9461. @media only screen and (max-width:979px) {
  9462. .message-item .summary {
  9463. min-width: 0
  9464. }
  9465. .message-item .sender {
  9466. width: 100px
  9467. }
  9468. }
  9469. @media only screen and (max-width:550px) {
  9470. .message-item .summary {
  9471. margin: 8px 0 0 32px;
  9472. max-width: 95%;
  9473. min-width: 0;
  9474. display: block
  9475. }
  9476. .message-item .sender {
  9477. width: auto;
  9478. max-width: 150px
  9479. }
  9480. .message-item .summary .text {
  9481. max-width: 95%
  9482. }
  9483. }
  9484. .btn-message,
  9485. .btn-message:hover,
  9486. .btn-message:focus,
  9487. .btn-message:active,
  9488. .open .btn-message.dropdown-toggle {
  9489. background-color: #FFF!important;
  9490. border: 1px solid #94b9ce!important;
  9491. color: #7ca3ba!important;
  9492. text-shadow: none!important
  9493. }
  9494. .message-content {
  9495. padding: 16px 12px;
  9496. border: 1px solid #e9e9e9;
  9497. -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02);
  9498. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02);
  9499. background-color: rgba(255, 255, 255, 0.8);
  9500. border-top-width: 0
  9501. }
  9502. .message-item .message-content {
  9503. margin-top: 16px;
  9504. border-top-width: 1px
  9505. }
  9506. .message-body {
  9507. padding: 0 9px;
  9508. color: #6a7177
  9509. }
  9510. .message-navbar {
  9511. line-height: 24px;
  9512. padding: 10px 12px;
  9513. border: 1px solid #d6e1ea;
  9514. border-color: #d6e1ea transparent;
  9515. background-color: #f1f5fa;
  9516. position: relative
  9517. }
  9518. .message-navbar .dropdown-toggle,
  9519. .message-content .dropdown-toggle {
  9520. color: #777
  9521. }
  9522. .message-navbar .dropdown-toggle:hover,
  9523. .message-content .dropdown-toggle:hover,
  9524. .message-navbar .dropdown-toggle:focus,
  9525. .message-content .dropdown-toggle:focus {
  9526. text-decoration: none;
  9527. color: #2283c5
  9528. }
  9529. .message-bar {
  9530. display: inline-block;
  9531. min-height: 28px
  9532. }
  9533. @media only screen and (max-width:480px) {
  9534. .message-bar {
  9535. display: block;
  9536. min-height: 60px
  9537. }
  9538. }
  9539. .message-footer {
  9540. background-color: #f1f1f1;
  9541. padding: 12px 16px;
  9542. border: 1px solid #e6e6e6;
  9543. border-width: 1px 0;
  9544. border-top: 1px solid #e4e9ee
  9545. }
  9546. .message-footer .pagination {
  9547. margin: 0
  9548. }
  9549. .message-footer .pagination>li {
  9550. margin: 0;
  9551. padding: 0
  9552. }
  9553. .message-footer .pagination>li>a,
  9554. .message-footer .pagination>li>span {
  9555. color: #777;
  9556. padding: 3px;
  9557. margin-left: 3px;
  9558. margin-right: 3px;
  9559. background-color: transparent;
  9560. border: 0
  9561. }
  9562. .message-footer .pagination>li.disabled>span {
  9563. color: #bbb;
  9564. cursor: default
  9565. }
  9566. .message-footer .pagination>li>a:hover {
  9567. color: #2283c5;
  9568. text-decoration: none
  9569. }
  9570. .message-footer input[type=text] {
  9571. font-size: 12px;
  9572. width: 34px;
  9573. height: 24px;
  9574. line-height: 20px;
  9575. margin-bottom: 0;
  9576. padding: 3px;
  9577. vertical-align: middle;
  9578. text-align: center
  9579. }
  9580. .message-footer-style2 .pagination>li>a,
  9581. .message-footer-style2 .pagination>li>span {
  9582. border: 1px solid #b5b5b5;
  9583. border-radius: 100%!important;
  9584. width: 26px;
  9585. height: 26px;
  9586. line-height: 24px;
  9587. display: inline-block;
  9588. text-align: center;
  9589. padding: 0
  9590. }
  9591. .message-footer-style2 .pagination>li>span {
  9592. border-color: #CCC
  9593. }
  9594. .message-footer-style2 .pagination>li>a:hover {
  9595. border-color: #84afc9;
  9596. background-color: #f7f7f7
  9597. }
  9598. .message-item.message-inline-open {
  9599. background-color: #f2f6f9;
  9600. border: 1px solid #DDD;
  9601. border-bottom-color: #CCC
  9602. }
  9603. .message-item.message-inline-open:first-child {
  9604. border-top-color: #EEE
  9605. }
  9606. .message-item.message-inline-open:last-child {
  9607. border-bottom-color: #DDD
  9608. }
  9609. .message-item.message-inline-open+.message-item {
  9610. border-bottom-color: transparent
  9611. }
  9612. .message-loading-overlay {
  9613. position: absolute;
  9614. z-index: 14;
  9615. top: 0;
  9616. bottom: 0;
  9617. right: 0;
  9618. left: 0;
  9619. background-color: rgba(255, 255, 255, 0.5);
  9620. text-align: center
  9621. }
  9622. .message-loading-overlay>[class*="icon-"] {
  9623. position: absolute;
  9624. top: 15%;
  9625. left: 0;
  9626. right: 0;
  9627. text-align: center
  9628. }
  9629. .message-content .sender {
  9630. color: #6a9cba;
  9631. font-weight: bold;
  9632. width: auto;
  9633. text-overflow: inherit;
  9634. vertical-align: middle;
  9635. margin: 0
  9636. }
  9637. .message-content .time {
  9638. width: auto;
  9639. text-overflow: inherit;
  9640. white-space: normal;
  9641. float: none;
  9642. vertical-align: middle
  9643. }
  9644. ul.attachment-list {
  9645. margin: 6px 0 4px 8px
  9646. }
  9647. ul.attachment-list>li {
  9648. margin-bottom: 3px
  9649. }
  9650. .message-attachment {
  9651. padding-left: 10px;
  9652. padding-right: 10px
  9653. }
  9654. .attached-file {
  9655. color: #777;
  9656. width: 200px
  9657. }
  9658. .attached-file>[class*="icon-"] {
  9659. display: inline-block;
  9660. width: 16px;
  9661. margin-right: 2px
  9662. }
  9663. .attached-file:hover {
  9664. text-decoration: none;
  9665. color: #438eb9
  9666. }
  9667. .attached-file:hover .attached-name {
  9668. color: #2283c5
  9669. }
  9670. .attached-file .attached-name {
  9671. display: inline-block;
  9672. max-width: 175px;
  9673. text-overflow: ellipsis;
  9674. overflow: hidden;
  9675. white-space: nowrap
  9676. }
  9677. .messagebar-item-left,
  9678. .messagebar-item-right {
  9679. position: absolute;
  9680. bottom: 14px;
  9681. left: 12px;
  9682. text-align: left
  9683. }
  9684. .messagebar-item-right {
  9685. right: 12px;
  9686. left: auto
  9687. }
  9688. .message-navbar .nav-search {
  9689. right: auto;
  9690. left: 60px;
  9691. top: auto;
  9692. bottom: 11px
  9693. }
  9694. .message-form {
  9695. border: 1px solid #ddd;
  9696. border-top: 0;
  9697. padding-top: 22px
  9698. }
  9699. @media only screen and (max-width:480px) {
  9700. .message-form {
  9701. padding-left: 16px;
  9702. padding-right: 16px
  9703. }
  9704. }
  9705. .message-form .form-actions {
  9706. margin-bottom: 0
  9707. }
  9708. .message-form .wysiwyg-editor {
  9709. overflow: auto;
  9710. min-height: 150px;
  9711. max-height: 250px;
  9712. height: auto
  9713. }
  9714. .btn-send-message {
  9715. position: relative;
  9716. top: 6px
  9717. }
  9718. .btn-back-message-list {
  9719. color: #777
  9720. }
  9721. .btn-back-message-list:hover {
  9722. color: #478fca;
  9723. text-decoration: none
  9724. }
  9725. .message-condensed .message-item {
  9726. padding-top: 8px;
  9727. padding-bottom: 9px
  9728. }
  9729. .message-condensed .message-navbar,
  9730. .message-condensed .message-footer {
  9731. padding-top: 7px;
  9732. padding-bottom: 7px
  9733. }
  9734. .message-condensed .messagebar-item-left,
  9735. .message-condensed .messagebar-item-right {
  9736. bottom: 9px
  9737. }
  9738. .message-condensed .message-navbar .nav-search {
  9739. bottom: 7px
  9740. }
  9741. @media only screen and (max-width:480px) {
  9742. .message-condensed .message-bar {
  9743. min-height: 42px
  9744. }
  9745. }
  9746. .inbox-folders .btn-block {
  9747. margin-top: 0
  9748. }
  9749. @media only screen and (max-width:767px) {
  9750. .inbox-folders.inbox-folders-responsive .btn-block {
  9751. width: 24%
  9752. }
  9753. }
  9754. @media only screen and (max-width:600px) {
  9755. .inbox-folders.inbox-folders-responsive .btn-block {
  9756. width: 48%
  9757. }
  9758. }
  9759. @media only screen and (max-width:320px) {
  9760. .inbox-folders.inbox-folders-responsive .btn-block {
  9761. width: 99%
  9762. }
  9763. }
  9764. .inbox-folders .btn-lighter,
  9765. .inbox-folders .btn-lighter.active {
  9766. background-color: #f4f4f4!important;
  9767. text-shadow: none!important;
  9768. color: #7c8395!important;
  9769. border: 1px solid #FFF!important;
  9770. padding: 5px 11px
  9771. }
  9772. .inbox-folders .btn-lighter.active {
  9773. background-color: #edf2f8!important;
  9774. color: #53617c!important
  9775. }
  9776. .inbox-folders .btn-lighter:hover {
  9777. background-color: #efefef!important;
  9778. color: #6092c4!important
  9779. }
  9780. .inbox-folders .btn>[class*="icon-"]:first-child {
  9781. display: inline-block;
  9782. width: 14px;
  9783. text-align: left
  9784. }
  9785. .inbox-folders .btn-lighter+.btn-lighter {
  9786. border-top-width: 0!important
  9787. }
  9788. .inbox-folders .btn.active:before {
  9789. display: block;
  9790. content: "";
  9791. position: absolute;
  9792. top: 1px;
  9793. bottom: 1px;
  9794. left: -1px;
  9795. border-left: 3px solid #4f99c6
  9796. }
  9797. .inbox-folders .btn.active:after {
  9798. display: none
  9799. }
  9800. .inbox-folders .btn .counter {
  9801. border-radius: 3px;
  9802. position: absolute;
  9803. right: 8px;
  9804. top: 8px;
  9805. padding-left: 6px;
  9806. padding-right: 6px;
  9807. opacity: .75;
  9808. filter: alpha(opacity=75)
  9809. }
  9810. .inbox-folders .btn:hover .badge {
  9811. opacity: 1;
  9812. filter: alpha(opacity=100)
  9813. }
  9814. .timeline-container {
  9815. position: relative;
  9816. padding-top: 4px;
  9817. margin-bottom: 32px
  9818. }
  9819. .timeline-container:last-child {
  9820. margin-bottom: 0
  9821. }
  9822. .timeline-container:before {
  9823. content: "";
  9824. display: block;
  9825. position: absolute;
  9826. left: 28px;
  9827. top: 0;
  9828. bottom: 0;
  9829. border: 1px solid #e2e3e7;
  9830. background-color: #e7eaef;
  9831. width: 4px;
  9832. border-width: 0 1px
  9833. }
  9834. .timeline-container:first-child:before {
  9835. border-top-width: 1px
  9836. }
  9837. .timeline-container:last-child:before {
  9838. border-bottom-width: 1px
  9839. }
  9840. .timeline-item {
  9841. position: relative;
  9842. margin-bottom: 8px
  9843. }
  9844. .timeline-item .widget-box {
  9845. background-color: #f2f6f9;
  9846. color: #595c66
  9847. }
  9848. .timeline-item .transparent.widget-box {
  9849. border-left: 3px solid #dae1e5
  9850. }
  9851. .timeline-item .transparent .widget-header {
  9852. background-color: #ecf1f4;
  9853. border-bottom: 0
  9854. }
  9855. .timeline-item .transparent .widget-header>:first-child {
  9856. margin-left: 8px
  9857. }
  9858. .timeline-item:nth-child(even) .widget-box {
  9859. background-color: #f3f3f3;
  9860. color: #616161
  9861. }
  9862. .timeline-item:nth-child(even) .widget-box.transparent {
  9863. border-left-color: #dbdbdb!important
  9864. }
  9865. .timeline-item:nth-child(even) .widget-box.transparent .widget-header {
  9866. background-color: #EEE!important
  9867. }
  9868. .timeline-item .widget-box {
  9869. margin: 0;
  9870. position: relative;
  9871. max-width: none;
  9872. border-bottom: 0;
  9873. margin-left: 60px
  9874. }
  9875. .timeline-item .widget-main {
  9876. margin: 0;
  9877. position: relative;
  9878. max-width: none;
  9879. border-bottom: 0
  9880. }
  9881. .timeline-item .widget-body {
  9882. background-color: transparent
  9883. }
  9884. .timeline-item .widget-toolbox {
  9885. padding: 4px 8px 0!important;
  9886. background-color: transparent!important;
  9887. border: 0 solid #CCC!important;
  9888. border-top: none!important;
  9889. margin: 0 0!important
  9890. }
  9891. .timeline-info {
  9892. float: left;
  9893. width: 60px;
  9894. text-align: center;
  9895. position: relative
  9896. }
  9897. .timeline-info img {
  9898. border-radius: 100%;
  9899. max-width: 42px
  9900. }
  9901. .timeline-info .label,
  9902. .timeline-info .badge {
  9903. font-size: 12px
  9904. }
  9905. .timeline-container:not(.timeline-style2) .timeline-indicator {
  9906. opacity: 1;
  9907. border-radius: 100%;
  9908. display: inline-block;
  9909. font-size: 16px;
  9910. height: 36px;
  9911. line-height: 30px;
  9912. width: 36px;
  9913. text-align: center;
  9914. text-shadow: none!important;
  9915. padding: 0;
  9916. cursor: default;
  9917. border: 3px solid #FFF!important
  9918. }
  9919. .timeline-label {
  9920. display: block;
  9921. clear: both;
  9922. margin: 0 0 18px;
  9923. margin-left: 34px
  9924. }
  9925. .timeline-item img {
  9926. border: 1px solid #AAA;
  9927. padding: 2px;
  9928. background-color: #FFF
  9929. }
  9930. .timeline-style2:before {
  9931. display: none
  9932. }
  9933. .timeline-style2 .timeline-item {
  9934. padding-bottom: 22px;
  9935. margin-bottom: 0
  9936. }
  9937. .timeline-style2 .timeline-item:last-child {
  9938. padding-bottom: 0
  9939. }
  9940. .timeline-style2 .timeline-item:before {
  9941. content: "";
  9942. display: block;
  9943. position: absolute;
  9944. left: 90px;
  9945. top: 5px;
  9946. bottom: -5px;
  9947. border-width: 0;
  9948. background-color: #DDD;
  9949. width: 2px;
  9950. max-width: 2px
  9951. }
  9952. .timeline-style2 .timeline-item:last-child:before {
  9953. display: none
  9954. }
  9955. .timeline-style2 .timeline-item:first-child:before {
  9956. display: block
  9957. }
  9958. .timeline-style2 .timeline-item .transparent .widget-header {
  9959. background-color: transparent!important
  9960. }
  9961. .timeline-style2 .timeline-item .transparent.widget-box {
  9962. background-color: transparent!important;
  9963. border-left: none!important
  9964. }
  9965. .timeline-style2 .timeline-info {
  9966. width: 100px
  9967. }
  9968. .timeline-style2 .timeline-indicator {
  9969. font-size: 0;
  9970. height: 12px;
  9971. line-height: 12px;
  9972. width: 12px;
  9973. border-width: 1px!important;
  9974. background-color: #fff!important;
  9975. position: absolute;
  9976. left: 85px;
  9977. top: 3px;
  9978. opacity: 1;
  9979. border-radius: 100%;
  9980. display: inline-block;
  9981. padding: 0
  9982. }
  9983. .timeline-style2 .timeline-date {
  9984. display: inline-block;
  9985. width: 72px;
  9986. text-align: right;
  9987. margin-right: 25px;
  9988. color: #777
  9989. }
  9990. .timeline-style2 .timeline-item .widget-box {
  9991. margin-left: 112px
  9992. }
  9993. .timeline-style2 .timeline-label {
  9994. width: 75px;
  9995. text-align: center;
  9996. margin-left: 0;
  9997. margin-bottom: 10px;
  9998. text-align: right;
  9999. color: #666;
  10000. font-size: 14px
  10001. }
  10002. .timeline-time {
  10003. text-align: center;
  10004. position: static
  10005. }
  10006. .fc-header-title>h2 {
  10007. font-size: 22px;
  10008. color: #65a0ce
  10009. }
  10010. .fc-widget-header,
  10011. .fc-widget-content {
  10012. border: 1px solid #bcd4e5
  10013. }
  10014. .fc-state-highlight {
  10015. background: #FFC
  10016. }
  10017. .fc-event-skin {
  10018. border: none!important;
  10019. background-color: #abbac3;
  10020. padding: 0 0 1px 2px
  10021. }
  10022. .label-yellow .fc-event-skin {
  10023. color: #963
  10024. }
  10025. .label-light .fc-event-skin {
  10026. color: #888
  10027. }
  10028. [class*="label-"]>.fc-event-skin,
  10029. [class*="label-"]>.fc-event-skin>.fc-event-skin.fc-event-head {
  10030. background-color: inherit
  10031. }
  10032. .fc-event-skin.ui-draggable-dragging {
  10033. cursor: move
  10034. }
  10035. .fc-event-skin.fc-event-vert,
  10036. .fc-event-vert>.fc-event-skin {
  10037. padding: 0 0 1px
  10038. }
  10039. .fc-grid .fc-day-number {
  10040. color: #2e6589
  10041. }
  10042. .fc-widget-header {
  10043. background: #ecf2f7;
  10044. color: #8090a0
  10045. }
  10046. .fc-event-hori,
  10047. .fc-event-vert {
  10048. border-radius: 0!important;
  10049. border-color: transparent
  10050. }
  10051. .fc-event-vert .fc-event-content {
  10052. padding-left: 1px;
  10053. padding-right: 1px
  10054. }
  10055. .fc-event-vert .fc-event-time {
  10056. padding: 0
  10057. }
  10058. .fc-state-default {
  10059. border: 0
  10060. }
  10061. .fc-state-default,
  10062. .fc-state-default .fc-button-inner {
  10063. border: 0;
  10064. background-color: #abbac3;
  10065. color: #FFF;
  10066. background-image: none;
  10067. box-shadow: none;
  10068. text-shadow: none;
  10069. border-radius: 0!important;
  10070. margin-left: 2px
  10071. }
  10072. .fc-state-default .fc-button-effect {
  10073. display: none
  10074. }
  10075. .fc-state-disabled,
  10076. .fc-state-disabled .fc-button-inner {
  10077. opacity: .75;
  10078. filter: alpha(opacity=75);
  10079. color: #DDD
  10080. }
  10081. .fc-state-active,
  10082. .fc-state-active .fc-button-inner {
  10083. border-color: #4f99c6;
  10084. background-color: #6fb3e0
  10085. }
  10086. .fc-state-hover,
  10087. .fc-state-hover .fc-button-inner {
  10088. background-color: #8b9aa3
  10089. }
  10090. .external-event {
  10091. margin: 6px 0;
  10092. padding: 0;
  10093. cursor: default;
  10094. display: block;
  10095. color: #FFF;
  10096. background-color: #abbac3;
  10097. font-size: 13px;
  10098. line-height: 28px
  10099. }
  10100. .external-event:hover {
  10101. opacity: 1;
  10102. filter: alpha(opacity=100)
  10103. }
  10104. .external-event.ui-draggable-dragging {
  10105. cursor: move
  10106. }
  10107. .external-event>[class*="icon-"]:first-child {
  10108. display: inline-block;
  10109. height: 32px;
  10110. width: 32px;
  10111. text-align: center;
  10112. line-height: 30px;
  10113. margin-right: 5px;
  10114. font-size: 15px;
  10115. border-right: 1px solid #FFF
  10116. }
  10117. .widget-main .fc {
  10118. position: relative;
  10119. top: -40px
  10120. }
  10121. .widget-main .fc>.fc-header {
  10122. position: relative;
  10123. z-index: 10
  10124. }
  10125. .widget-main .fc .fc-header-space {
  10126. padding-left: 2px
  10127. }
  10128. .widget-main .fc-header-title>h2 {
  10129. font-size: 18px;
  10130. line-height: 36px
  10131. }
  10132. .widget-main .fc-content {
  10133. top: -14px;
  10134. z-index: 11
  10135. }
  10136. .widget-main .fc-button-content {
  10137. height: 37px;
  10138. line-height: 36px
  10139. }
  10140. @media only screen and (max-width:480px) {
  10141. .fc-header td {
  10142. display: block;
  10143. width: auto;
  10144. text-align: left
  10145. }
  10146. }
  10147. .chosen-container+.help-inline {
  10148. vertical-align: middle
  10149. }
  10150. .chosen-select {
  10151. display: inline!important;
  10152. visibility: hidden;
  10153. opacity: 0;
  10154. position: absolute;
  10155. z-index: -1
  10156. }
  10157. .chosen-container,
  10158. [class*="chosen-container"] {
  10159. vertical-align: middle
  10160. }
  10161. .chosen-container>.chosen-single,
  10162. [class*="chosen-container"]>.chosen-single {
  10163. line-height: 28px;
  10164. height: 30px;
  10165. box-shadow: none;
  10166. background: #fafafa
  10167. }
  10168. .chosen-choices {
  10169. box-shadow: none!important
  10170. }
  10171. .chosen-container-single .chosen-single abbr {
  10172. background: 0
  10173. }
  10174. .chosen-container-single .chosen-single abbr:after {
  10175. content: "\f00d";
  10176. display: inline-block;
  10177. color: #888;
  10178. font-family: FontAwesome;
  10179. font-size: 13px;
  10180. position: absolute;
  10181. right: 0;
  10182. top: -7px
  10183. }
  10184. .chosen-container-single .chosen-single abbr:hover:after {
  10185. color: #464646
  10186. }
  10187. .chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
  10188. color: #464646
  10189. }
  10190. .chosen-single div b {
  10191. background: none!important
  10192. }
  10193. .chosen-single div b:before {
  10194. content: "\f0d7";
  10195. display: inline-block;
  10196. color: #888;
  10197. font-family: FontAwesome;
  10198. font-size: 12px;
  10199. position: relative;
  10200. top: -1px;
  10201. left: 1px
  10202. }
  10203. .chosen-container-active.chosen-with-drop .chosen-single div b:before {
  10204. content: "\f0d8"
  10205. }
  10206. .chosen-container-single .chosen-search {
  10207. position: relative
  10208. }
  10209. .chosen-container-single .chosen-search input[type="text"] {
  10210. background: 0;
  10211. border-radius: 0;
  10212. line-height: 28px;
  10213. height: 28px
  10214. }
  10215. .chosen-container-single .chosen-search:after {
  10216. content: "\f002";
  10217. display: inline-block;
  10218. color: #888;
  10219. font-family: FontAwesome;
  10220. font-size: 14px;
  10221. position: absolute;
  10222. top: 8px;
  10223. right: 12px
  10224. }
  10225. .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  10226. height: 25px
  10227. }
  10228. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  10229. background: 0
  10230. }
  10231. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  10232. content: "\f00d";
  10233. display: inline-block;
  10234. color: #888;
  10235. font-family: FontAwesome;
  10236. font-size: 13px;
  10237. position: absolute;
  10238. right: 2px;
  10239. top: -1px
  10240. }
  10241. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  10242. text-decoration: none
  10243. }
  10244. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
  10245. color: #464646
  10246. }
  10247. .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
  10248. color: #464646
  10249. }
  10250. .chosen-container .chosen-results-scroll-down span,
  10251. .chosen-container .chosen-results-scroll-up span {
  10252. background: 0
  10253. }
  10254. .chosen-container .chosen-results-scroll-down span:before,
  10255. .chosen-container .chosen-results-scroll-up span:before {
  10256. content: "\f0d7";
  10257. display: inline-block;
  10258. color: #888;
  10259. font-family: FontAwesome;
  10260. font-size: 12px;
  10261. position: relative;
  10262. top: -1px;
  10263. left: 1px
  10264. }
  10265. .chosen-container .chosen-results-scroll-up span:before {
  10266. content: "\f0d8"
  10267. }
  10268. .chosen-container-active .chosen-single-with-drop div b:before {
  10269. content: "\f0d8"
  10270. }
  10271. .chosen-rtl .chosen-search input[type="text"] {
  10272. background: 0
  10273. }
  10274. .chosen-rtl .chosen-search:after {
  10275. content: "";
  10276. display: none
  10277. }
  10278. .chosen-rtl .chosen-search:before {
  10279. content: "\f002";
  10280. display: inline-block;
  10281. color: #888;
  10282. font-family: FontAwesome;
  10283. font-size: 14px;
  10284. position: absolute;
  10285. top: 9px;
  10286. left: 12px
  10287. }
  10288. .chosen-container-single .chosen-single {
  10289. border-radius: 0
  10290. }
  10291. .chosen-container .chosen-results li.highlighted {
  10292. background: #86bd6f;
  10293. background: #4492c9;
  10294. background: #316ac5;
  10295. color: #FFF
  10296. }
  10297. .chosen-container-single .chosen-drop {
  10298. border-radius: 0;
  10299. border-bottom: 3px solid #4492c9;
  10300. border-color: #4492c9
  10301. }
  10302. .chosen-single.chosen-single-with-drop,
  10303. .chosen-container-active .chosen-single {
  10304. border-color: #4492c9
  10305. }
  10306. .form-group.has-error .chosen-single {
  10307. border-color: #f09784!important
  10308. }
  10309. .form-group.has-info .chosen-single {
  10310. border-color: #64a6bc!important
  10311. }
  10312. .form-group.has-warning .chosen-single {
  10313. border-color: #e0c43a!important
  10314. }
  10315. .form-group.has-success .chosen-single {
  10316. border-color: #92bf65!important
  10317. }
  10318. .chosen-rtl .chosen-container-single-nosearch .chosen-search {
  10319. left: -9999px
  10320. }
  10321. .chosen-rtl .chosen-drop {
  10322. left: -9999px
  10323. }
  10324. .modal .chosen-rtl .chosen-container-single-nosearch .chosen-search {
  10325. left: 9999px
  10326. }
  10327. .modal .chosen-rtl .chosen-drop {
  10328. left: 9999px
  10329. }
  10330. .rtl .modal .chosen-container.chosen-with-drop .chosen-drop {
  10331. left: auto;
  10332. right: 0
  10333. }
  10334. .chosen-container-active.chosen-with-drop .chosen-single {
  10335. border-color: #4492c9
  10336. }
  10337. @media only screen and (-webkit-min-device-pixel-ratio:2),
  10338. only screen and (min-resolution:144dpi) {
  10339. .chosen-rtl .chosen-search input[type="text"],
  10340. .chosen-container-single .chosen-single abbr,
  10341. .chosen-container-single .chosen-single div b,
  10342. .chosen-container-single .chosen-search input[type="text"],
  10343. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
  10344. .chosen-container .chosen-results-scroll-down span,
  10345. .chosen-container .chosen-results-scroll-up span {
  10346. background-image: none!important;
  10347. background-repeat: no-repeat!important;
  10348. background-size: auto!important
  10349. }
  10350. }
  10351. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice {
  10352. background-image: none;
  10353. background-color: #91b8d0;
  10354. color: #fff;
  10355. display: inline-block;
  10356. font-size: 13px;
  10357. font-weight: normal;
  10358. margin-bottom: 3px;
  10359. margin-right: 0;
  10360. padding: 6px 22px 7px 9px;
  10361. position: relative;
  10362. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  10363. transition: all .2s ease 0s;
  10364. vertical-align: baseline;
  10365. white-space: nowrap;
  10366. border: 0;
  10367. -webkit-box-shadow: none;
  10368. box-shadow: none;
  10369. border-radius: 0
  10370. }
  10371. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  10372. position: absolute;
  10373. top: 0;
  10374. bottom: 0;
  10375. right: 0;
  10376. width: 18px;
  10377. height: auto;
  10378. line-height: 25px;
  10379. text-align: center
  10380. }
  10381. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  10382. color: #FFF;
  10383. position: static;
  10384. font-size: 11px
  10385. }
  10386. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  10387. background-color: rgba(0, 0, 0, 0.2)
  10388. }
  10389. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
  10390. color: #FFF
  10391. }
  10392. .tag-input-style+.chosen-container-multi.chosen-rtl .chosen-choices li.search-choice {
  10393. padding: 6px 9px 7px 22px;
  10394. margin-left: 0;
  10395. margin-right: 3px
  10396. }
  10397. .tag-input-style+.chosen-container-multi.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  10398. right: auto;
  10399. left: 0
  10400. }
  10401. .select2-container .select2-choice {
  10402. border-radius: 0;
  10403. height: 30px
  10404. }
  10405. .select2-container.select2-drop-above .select2-choice {
  10406. border-radius: 0
  10407. }
  10408. .select2-container .select2-choice abbr,
  10409. .select2-search-choice-close {
  10410. background: 0
  10411. }
  10412. .select2-container .select2-choice abbr:before,
  10413. .select2-search-choice-close:before {
  10414. font-family: FontAwesome;
  10415. font-size: 12px;
  10416. display: inline;
  10417. content: "\f00d";
  10418. color: #888;
  10419. position: relative;
  10420. top: -1px
  10421. }
  10422. .select2-container .select2-choice abbr:hover:before,
  10423. .select2-search-choice-close:hover:before {
  10424. color: #555
  10425. }
  10426. .select2-container .select2-choice abbr:before {
  10427. top: -7px
  10428. }
  10429. .select2-search-choice-close:hover {
  10430. text-decoration: none!important
  10431. }
  10432. .select2-drop {
  10433. border-radius: 0;
  10434. border: 1px solid #4492c9;
  10435. border-width: 0 1px 3px
  10436. }
  10437. .select2-drop.select2-drop-above {
  10438. border-radius: 0
  10439. }
  10440. .select2-container .select2-choice {
  10441. background: #fafafa none
  10442. }
  10443. .select2-container-active .select2-choice,
  10444. .select2-container-active .select2-choices,
  10445. .select2-dropdown-open.select2-drop-above .select2-choice,
  10446. .select2-dropdown-open.select2-drop-above .select2-choices,
  10447. .select2-container-multi.select2-container-active .select2-choices {
  10448. border-color: #4492c9
  10449. }
  10450. .select2-results .select2-highlighted {
  10451. background: #316ac5
  10452. }
  10453. .select2-container .select2-choice .select2-arrow {
  10454. border-radius: 0;
  10455. background: transparent none;
  10456. border: 0
  10457. }
  10458. .select2-container .select2-choice .select2-arrow b {
  10459. background: 0
  10460. }
  10461. .select2-container .select2-choice .select2-arrow b:before {
  10462. font-family: FontAwesome;
  10463. font-size: 12px;
  10464. display: inline;
  10465. content: "\f0d7";
  10466. color: #888;
  10467. position: relative;
  10468. left: 5px
  10469. }
  10470. .select2-dropdown-open .select2-choice .select2-arrow b:before {
  10471. content: "\f0d8"
  10472. }
  10473. .select2-search .select2-input {
  10474. background: #fff none;
  10475. margin-top: 4px
  10476. }
  10477. .select2-search:after {
  10478. font-family: FontAwesome;
  10479. font-size: 14px;
  10480. display: inline;
  10481. content: "\f002";
  10482. color: #777;
  10483. position: relative;
  10484. top: 0;
  10485. left: -20px;
  10486. z-index: 0
  10487. }
  10488. .select2-container-multi .select2-choices .select2-search-field input {
  10489. border: none!important;
  10490. -webkit-box-shadow: none!important;
  10491. box-shadow: none!important;
  10492. background: none!important
  10493. }
  10494. .select2-container-active .select2-choice,
  10495. .select2-container-active .select2-choices,
  10496. .select2-container-multi.select2-container-active .select2-choices,
  10497. .select2-dropdown-open.select2-drop-above .select2-choice,
  10498. .select2-dropdown-open.select2-drop-above .select2-choices {
  10499. -webkit-box-shadow: none;
  10500. box-shadow: none
  10501. }
  10502. .select2-search input.select2-active {
  10503. background-color: #FFF;
  10504. position: relative;
  10505. z-index: 1
  10506. }
  10507. @media only screen and (-webkit-min-device-pixel-ratio:1.5),
  10508. only screen and (min-resolution:144dpi) {
  10509. .select2-search input,
  10510. .select2-search-choice-close,
  10511. .select2-container .select2-choice abbr,
  10512. .select2-container .select2-choice div b {
  10513. background-image: none!important;
  10514. background-size: auto!important
  10515. }
  10516. .select2-search input {
  10517. background-position: auto!important
  10518. }
  10519. }
  10520. .select2-container-active.select2-dropdown-open .select2-choice {
  10521. background-image: -webkit-gradient(linear, left 0, left 100%, from(#eee), to(#fff));
  10522. background-image: -webkit-linear-gradient(top, #eee, 0%, #fff, 100%);
  10523. background-image: -moz-linear-gradient(top, #eee 0, #fff 100%);
  10524. background-image: linear-gradient(to bottom, #eee 0, #fff 100%);
  10525. background-repeat: repeat-x;
  10526. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0)
  10527. }
  10528. .select2-container-active.select2-drop-above .select2-choice {
  10529. background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#eee));
  10530. background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
  10531. background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
  10532. background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  10533. background-repeat: repeat-x;
  10534. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0)
  10535. }
  10536. .form-group.has-error .select2-choice,
  10537. .form-group.has-error .select2-choices {
  10538. border-color: #f09784!important
  10539. }
  10540. .form-group.has-info .select2-choice,
  10541. .form-group.has-info .select2-choices {
  10542. border-color: #64a6bc!important
  10543. }
  10544. .form-group.has-warning .select2-choice,
  10545. .form-group.has-warning .select2-choices {
  10546. border-color: #e0c43a!important
  10547. }
  10548. .form-group.has-success .select2-choice,
  10549. .form-group.has-success .select2-choices {
  10550. border-color: #92bf65!important
  10551. }
  10552. @media only screen and (-webkit-min-device-pixel-ratio:1.5),
  10553. only screen and (min-resolution:144dpi) {
  10554. .select2-search input,
  10555. .select2-search-choice-close,
  10556. .select2-container .select2-choice abbr,
  10557. .select2-container .select2-choice .select2-arrow b {
  10558. background-image: none!important;
  10559. background-repeat: no-repeat!important;
  10560. background-size: auto!important
  10561. }
  10562. .select2-search input {
  10563. background-position: auto!important
  10564. }
  10565. }
  10566. #colorbox:focus,
  10567. #colorbox:active {
  10568. outline: 0
  10569. }
  10570. #cboxTopLeft,
  10571. #cboxTopCenter,
  10572. #cboxTopRight,
  10573. #cboxMiddleLeft,
  10574. #cboxMiddleRight,
  10575. #cboxBottomLeft,
  10576. #cboxBottomCenter,
  10577. #cboxBottomRight {
  10578. background: none!important;
  10579. opacity: 0
  10580. }
  10581. #cboxContent {
  10582. border: 12px solid #000;
  10583. background-color: #FFF;
  10584. padding: 7px
  10585. }
  10586. #cboxOverlay {
  10587. background: rgba(0, 0, 0, 0.95);
  10588. background: #000
  10589. }
  10590. #cboxCurrent {
  10591. left: 64px;
  10592. margin-bottom: 4px;
  10593. font-size: 14px
  10594. }
  10595. #cboxTitle {
  10596. margin-bottom: 4px;
  10597. font-size: 14px;
  10598. color: #777
  10599. }
  10600. #cboxNext,
  10601. #cboxPrevious,
  10602. #cboxClose {
  10603. background: 0;
  10604. text-indent: 0;
  10605. width: 26px;
  10606. height: 26px;
  10607. line-height: 22px;
  10608. padding: 0 4px;
  10609. text-align: center;
  10610. border: 2px solid #999;
  10611. border-radius: 16px;
  10612. color: #666;
  10613. font-size: 12px;
  10614. margin-left: 5px;
  10615. margin-bottom: 5px
  10616. }
  10617. #cboxNext:hover,
  10618. #cboxPrevious:hover {
  10619. color: #333;
  10620. border-color: #666
  10621. }
  10622. #cboxContent {
  10623. overflow: visible
  10624. }
  10625. #cboxClose {
  10626. background-color: #000;
  10627. border: 2px solid #fff;
  10628. border-radius: 32px;
  10629. color: #fff;
  10630. font-size: 21px;
  10631. height: 28px;
  10632. width: 28px;
  10633. padding-bottom: 2px;
  10634. margin-left: 0;
  10635. right: -14px;
  10636. top: -14px
  10637. }
  10638. #cboxLoadingOverlay {
  10639. background: none!important
  10640. }
  10641. #cboxLoadingGraphic {
  10642. background: #FFF none!important;
  10643. text-align: center
  10644. }
  10645. #cboxLoadingGraphic>[class*="icon-"] {
  10646. display: inline-block;
  10647. background-color: #FFF;
  10648. border-radius: 8px;
  10649. width: 32px;
  10650. height: 32px;
  10651. position: relative;
  10652. top: 48%;
  10653. text-align: center;
  10654. vertical-align: middle;
  10655. -moz-animation: spin 1.5s infinite linear;
  10656. -webkit-animation: spin 1.5s infinite linear;
  10657. -o-animation: spin 1.5s infinite linear;
  10658. -ms-animation: spin 1.5s infinite linear;
  10659. animation: spin 1.5s infinite linear;
  10660. font-size: 24px;
  10661. color: #fe7e3e
  10662. }
  10663. .ace-spinner {
  10664. display: inline-block
  10665. }
  10666. .ace-spinner .spinner-buttons {
  10667. min-width: 18px
  10668. }
  10669. .ace-spinner .spinner-buttons>.btn {
  10670. border-radius: 0!important;
  10671. font-size: 10px;
  10672. padding: 0;
  10673. width: 18px;
  10674. height: 14px;
  10675. line-height: 10px
  10676. }
  10677. .ace-spinner .spinner-buttons>.btn:first-child {
  10678. margin-top: 0
  10679. }
  10680. .ace-spinner .spinner-buttons>.btn>[class*="icon-"] {
  10681. margin: 0;
  10682. padding: 0
  10683. }
  10684. .ace-spinner .spinner-buttons>button.btn:active {
  10685. left: auto;
  10686. top: auto
  10687. }
  10688. .ace-spinner .spinner-input {
  10689. text-align: center;
  10690. height: 29px;
  10691. line-height: 28px;
  10692. color: #777
  10693. }
  10694. .ace-spinner input[type=text].spinner-input.form-control {
  10695. width: auto\0/!important;
  10696. line-height: 1\0/!important;
  10697. padding-bottom: 4px\0/!important
  10698. }
  10699. .ace-spinner.touch-spinner .spinner-buttons {
  10700. margin: 0;
  10701. font-size: 0
  10702. }
  10703. .ace-spinner.touch-spinner .spinner-buttons>.btn {
  10704. height: 29px;
  10705. line-height: 20px;
  10706. width: 24px;
  10707. font-size: 18px;
  10708. display: inline-block;
  10709. vertical-align: sub;
  10710. margin: 0 1px
  10711. }
  10712. .ace-spinner.touch-spinner .spinner-buttons>.btn>[class*="icon-"] {
  10713. vertical-align: middle;
  10714. display: inline-block
  10715. }
  10716. .wizard-steps {
  10717. list-style: none;
  10718. display: table;
  10719. width: 100%;
  10720. padding: 0;
  10721. margin: 0;
  10722. position: relative
  10723. }
  10724. .wizard-steps li {
  10725. display: table-cell;
  10726. text-align: center;
  10727. width: 1%
  10728. }
  10729. .wizard-steps li .step {
  10730. border: 5px solid #ced1d6;
  10731. color: #546474;
  10732. font-size: 15px;
  10733. border-radius: 100%;
  10734. background-color: #FFF;
  10735. position: relative;
  10736. z-index: 2;
  10737. display: inline-block;
  10738. width: 40px;
  10739. height: 40px;
  10740. line-height: 30px;
  10741. text-align: center
  10742. }
  10743. .wizard-steps li:before {
  10744. display: block;
  10745. content: "";
  10746. width: 100%;
  10747. height: 1px;
  10748. font-size: 0;
  10749. overflow: hidden;
  10750. border-top: 4px solid #ced1d6;
  10751. position: relative;
  10752. top: 21px;
  10753. z-index: 1
  10754. }
  10755. .wizard-steps li:last-child:before {
  10756. max-width: 50%;
  10757. width: 50%
  10758. }
  10759. .wizard-steps li:first-child:before {
  10760. max-width: 51%;
  10761. left: 50%
  10762. }
  10763. .wizard-steps li.active:before,
  10764. .wizard-steps li.complete:before,
  10765. .wizard-steps li.active .step,
  10766. .wizard-steps li.complete .step {
  10767. border-color: #5293c4
  10768. }
  10769. .wizard-steps li.complete .step {
  10770. cursor: default;
  10771. color: #FFF;
  10772. -webkit-transition: transform ease .1s;
  10773. transition: transform ease .1s
  10774. }
  10775. .wizard-steps li.complete .step:before {
  10776. display: block;
  10777. position: absolute;
  10778. top: 0;
  10779. left: 0;
  10780. bottom: 0;
  10781. right: 0;
  10782. line-height: 30px;
  10783. text-align: center;
  10784. border-radius: 100%;
  10785. content: "\f00c";
  10786. background-color: #FFF;
  10787. z-index: 3;
  10788. font-family: FontAwesome;
  10789. font-size: 17px;
  10790. color: #87ba21
  10791. }
  10792. .wizard-steps li.complete:hover .step {
  10793. -moz-transform: scale(1.1);
  10794. -webkit-transform: scale(1.1);
  10795. -o-transform: scale(1.1);
  10796. -ms-transform: scale(1.1);
  10797. transform: scale(1.1);
  10798. border-color: #80afd4
  10799. }
  10800. .wizard-steps li.complete:hover:before {
  10801. border-color: #80afd4
  10802. }
  10803. .wizard-steps li .title {
  10804. display: block;
  10805. margin-top: 4px;
  10806. max-width: 100%;
  10807. color: #949ea7;
  10808. font-size: 14px;
  10809. z-index: 104;
  10810. text-align: center;
  10811. table-layout: fixed;
  10812. word-wrap: break-word
  10813. }
  10814. .wizard-steps li.complete .title,
  10815. .wizard-steps li.active .title {
  10816. color: #2b3d53
  10817. }
  10818. .step-content .step-pane {
  10819. display: none;
  10820. min-height: 200px;
  10821. padding: 4px 8px 12px
  10822. }
  10823. .step-content .active {
  10824. display: block
  10825. }
  10826. .wizard-actions {
  10827. text-align: right
  10828. }
  10829. @media only screen and (max-width:767px) {
  10830. .wizard-steps li .step {
  10831. width: 30px;
  10832. height: 30px;
  10833. line-height: 24px;
  10834. border-width: 3px
  10835. }
  10836. .wizard-steps li:before,
  10837. .wizard-steps li:after {
  10838. border-width: 3px
  10839. }
  10840. .wizard-steps li.complete .step:before {
  10841. line-height: 24px;
  10842. font-size: 13px
  10843. }
  10844. .wizard-steps li:before {
  10845. top: 16px
  10846. }
  10847. .step-content .step-pane {
  10848. padding: 4px 4px 6px
  10849. }
  10850. }
  10851. .tree {
  10852. padding-left: 9px;
  10853. overflow-x: hidden;
  10854. overflow-y: auto;
  10855. position: relative
  10856. }
  10857. .tree:before {
  10858. display: inline-block;
  10859. content: "";
  10860. position: absolute;
  10861. top: -20px;
  10862. bottom: 16px;
  10863. left: 0;
  10864. border: 1px dotted #67b2dd;
  10865. border-width: 0 0 0 1px;
  10866. z-index: 1
  10867. }
  10868. .tree .tree-folder {
  10869. width: auto;
  10870. min-height: 20px;
  10871. cursor: pointer
  10872. }
  10873. .tree .tree-folder .tree-folder-header {
  10874. position: relative;
  10875. height: 20px;
  10876. line-height: 20px
  10877. }
  10878. .tree .tree-folder .tree-folder-header:hover {
  10879. background-color: #f0f7fc
  10880. }
  10881. .tree .tree-folder .tree-folder-header .tree-folder-name,
  10882. .tree .tree-item .tree-item-name {
  10883. display: inline;
  10884. z-index: 2
  10885. }
  10886. .tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,
  10887. .tree .tree-item>[class*="icon-"]:first-child {
  10888. display: inline-block;
  10889. position: relative;
  10890. z-index: 2;
  10891. top: -1px
  10892. }
  10893. .tree .tree-folder .tree-folder-header .tree-folder-name {
  10894. margin-left: 2px
  10895. }
  10896. .tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child {
  10897. margin: -2px 0 0 -2px
  10898. }
  10899. .tree .tree-folder:last-child:after {
  10900. display: inline-block;
  10901. content: "";
  10902. position: absolute;
  10903. z-index: 1;
  10904. top: 15px;
  10905. bottom: 0;
  10906. left: -15px;
  10907. border-left: 1px solid #FFF
  10908. }
  10909. .tree .tree-folder .tree-folder-content {
  10910. margin-left: 23px;
  10911. position: relative
  10912. }
  10913. .tree .tree-folder .tree-folder-content:before {
  10914. display: inline-block;
  10915. content: "";
  10916. position: absolute;
  10917. z-index: 1;
  10918. top: -14px;
  10919. bottom: 16px;
  10920. left: -14px;
  10921. border: 1px dotted #67b2dd;
  10922. border-width: 0 0 0 1px
  10923. }
  10924. .tree .tree-item {
  10925. position: relative;
  10926. height: 20px;
  10927. line-height: 20px;
  10928. cursor: pointer
  10929. }
  10930. .tree .tree-item:hover {
  10931. background-color: #f0f7fc
  10932. }
  10933. .tree .tree-item .tree-item-name {
  10934. margin-left: 3px
  10935. }
  10936. .tree .tree-item .tree-item-name>[class*="icon-"]:first-child {
  10937. margin-right: 3px
  10938. }
  10939. .tree .tree-item>[class*="icon-"]:first-child {
  10940. margin-top: -1px
  10941. }
  10942. .tree .tree-folder,
  10943. .tree .tree-item {
  10944. position: relative
  10945. }
  10946. .tree .tree-folder:before,
  10947. .tree .tree-item:before {
  10948. display: inline-block;
  10949. content: "";
  10950. position: absolute;
  10951. top: 14px;
  10952. left: -13px;
  10953. width: 18px;
  10954. height: 0;
  10955. border-top: 1px dotted #67b2dd;
  10956. z-index: 1
  10957. }
  10958. .tree .tree-selected {
  10959. background-color: rgba(98, 168, 209, 0.1);
  10960. color: #6398b0
  10961. }
  10962. .tree .tree-selected:hover {
  10963. background-color: rgba(98, 168, 209, 0.1)
  10964. }
  10965. .tree .tree-item,
  10966. .tree .tree-folder {
  10967. border: 1px solid #FFF
  10968. }
  10969. .tree .tree-folder .tree-folder-header {
  10970. border-radius: 0
  10971. }
  10972. .tree .tree-item,
  10973. .tree .tree-folder .tree-folder-header {
  10974. margin: 0;
  10975. padding: 5px;
  10976. color: #4d6878;
  10977. -webkit-box-sizing: content-box;
  10978. -moz-box-sizing: content-box;
  10979. box-sizing: content-box
  10980. }
  10981. .tree .tree-item>[class*="icon-"]:first-child {
  10982. color: #f9e8ce;
  10983. width: 13px;
  10984. height: 13px;
  10985. line-height: 13px;
  10986. font-size: 11px;
  10987. text-align: center;
  10988. border-radius: 3px;
  10989. -webkit-box-sizing: content-box;
  10990. -moz-box-sizing: content-box;
  10991. box-sizing: content-box;
  10992. background-color: #fafafa;
  10993. border: 1px solid #CCC;
  10994. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
  10995. }
  10996. .tree .tree-selected>[class*="icon-"]:first-child {
  10997. background-color: #f9a021;
  10998. border-color: #f9a021;
  10999. color: #FFF
  11000. }
  11001. .tree .icon-plus[class*="icon-"]:first-child,
  11002. .tree .icon-minus[class*="icon-"]:first-child {
  11003. border: 1px solid #DDD;
  11004. vertical-align: middle;
  11005. height: 11px;
  11006. width: 11px;
  11007. -webkit-box-sizing: content-box;
  11008. -moz-box-sizing: content-box;
  11009. box-sizing: content-box;
  11010. text-align: center;
  11011. border: 1px solid #8baebf;
  11012. line-height: 10px;
  11013. background-color: #FFF;
  11014. position: relative;
  11015. z-index: 1
  11016. }
  11017. .tree .icon-plus[class*="icon-"]:first-child:before {
  11018. display: block;
  11019. content: "+";
  11020. font-family: "Open Sans";
  11021. font-size: 16px;
  11022. position: relative;
  11023. z-index: 1
  11024. }
  11025. .tree .icon-minus[class*="icon-"]:first-child:before {
  11026. content: "";
  11027. display: block;
  11028. width: 7px;
  11029. height: 0;
  11030. border-top: 1px solid #4d6878;
  11031. position: absolute;
  11032. top: 5px;
  11033. left: 2px
  11034. }
  11035. .tree .tree-unselectable .tree-item>[class*="icon-"]:first-child {
  11036. color: #5084a0;
  11037. width: 13px;
  11038. height: 13px;
  11039. line-height: 13px;
  11040. font-size: 10px;
  11041. text-align: center;
  11042. border-radius: 0;
  11043. background-color: transparent;
  11044. border: 0;
  11045. box-shadow: none
  11046. }
  11047. .tree [class*="icon-"][class*="-down"] {
  11048. transform: rotate(-45deg)
  11049. }
  11050. .tree .icon-spin {
  11051. height: auto
  11052. }
  11053. .tree .tree-loading {
  11054. margin-left: 36px
  11055. }
  11056. .tree img {
  11057. display: inline;
  11058. veritcal-align: middle
  11059. }
  11060. .gritter-item-wrapper {
  11061. background-image: none!important;
  11062. box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  11063. background: rgba(50, 50, 50, 0.92)
  11064. }
  11065. .gritter-item-wrapper.gritter-info {
  11066. background: rgba(49, 81, 133, 0.92)
  11067. }
  11068. .gritter-item-wrapper.gritter-error {
  11069. background: rgba(153, 40, 18, 0.92)
  11070. }
  11071. .gritter-item-wrapper.gritter-success {
  11072. background: rgba(89, 131, 75, 0.92)
  11073. }
  11074. .gritter-item-wrapper.gritter-warning {
  11075. background: rgba(190, 112, 31, 0.92)
  11076. }
  11077. .gritter-item-wrapper.gritter-light {
  11078. background: rgba(245, 245, 245, 0.95);
  11079. border: 1px solid #BBB
  11080. }
  11081. .gritter-item-wrapper.gritter-light.gritter-info {
  11082. background: rgba(232, 242, 255, 0.95)
  11083. }
  11084. .gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
  11085. color: #4a577d
  11086. }
  11087. .gritter-item-wrapper.gritter-light.gritter-error {
  11088. background: rgba(255, 235, 235, 0.95)
  11089. }
  11090. .gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
  11091. color: #894a38
  11092. }
  11093. .gritter-item-wrapper.gritter-light.gritter-success {
  11094. background: rgba(239, 250, 227, 0.95)
  11095. }
  11096. .gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
  11097. color: #416131
  11098. }
  11099. .gritter-item-wrapper.gritter-light.gritter-warning {
  11100. background: rgba(252, 248, 227, 0.95)
  11101. }
  11102. .gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
  11103. color: #946446
  11104. }
  11105. .gritter-item p {
  11106. line-height: 1.8
  11107. }
  11108. .gritter-top,
  11109. .gritter-bottom,
  11110. .gritter-item {
  11111. background-image: none
  11112. }
  11113. .gritter-close {
  11114. left: auto;
  11115. right: 3px;
  11116. background-image: none;
  11117. width: 18px;
  11118. height: 18px;
  11119. line-height: 17px;
  11120. text-align: center;
  11121. border: 2px solid transparent;
  11122. border-radius: 16px;
  11123. color: #e17b67
  11124. }
  11125. .gritter-close:before {
  11126. font-family: FontAwesome;
  11127. font-size: 16px;
  11128. content: "\f00d"
  11129. }
  11130. .gritter-info .gritter-close {
  11131. color: #ffa500
  11132. }
  11133. .gritter-error .gritter-close,
  11134. .gritter-success .gritter-close,
  11135. .gritter-warning .gritter-close {
  11136. color: #ffea07
  11137. }
  11138. .gritter-close:hover {
  11139. color: #FFF!important
  11140. }
  11141. .gritter-title {
  11142. text-shadow: none
  11143. }
  11144. .gritter-light .gritter-item,
  11145. .gritter-light .gritter-bottom,
  11146. .gritter-light .gritter-top,
  11147. .gritter-light .gritter-close {
  11148. background-image: none;
  11149. color: #444
  11150. }
  11151. .gritter-light .gritter-title {
  11152. text-shadow: none
  11153. }
  11154. .gritter-light .gritter-close:hover {
  11155. color: #8a3104!important
  11156. }
  11157. .gritter-center {
  11158. position: fixed;
  11159. left: 33%;
  11160. right: 33%;
  11161. top: 33%
  11162. }
  11163. @media only screen and (max-width:767px) {
  11164. .gritter-center {
  11165. left: 16%;
  11166. right: 16%;
  11167. top: 30%
  11168. }
  11169. }
  11170. @media only screen and (max-width:480px) {
  11171. .gritter-center {
  11172. left: 30px;
  11173. right: 30px
  11174. }
  11175. }
  11176. @media only screen and (max-width:320px) {
  11177. .gritter-center {
  11178. left: 10px;
  11179. right: 10px
  11180. }
  11181. }
  11182. .wysiwyg-editor {
  11183. max-height: 250px;
  11184. height: 250px;
  11185. background-color: #f7f8fa;
  11186. border-collapse: separate;
  11187. border: 1px solid #bbc0ca;
  11188. padding: 4px;
  11189. box-sizing: content-box;
  11190. overflow-y: scroll;
  11191. overflow-x: hidden;
  11192. outline: 0
  11193. }
  11194. .wysiwyg-editor:focus {
  11195. background-color: #FFF
  11196. }
  11197. .wysiwyg-toolbar {
  11198. line-height: 32px;
  11199. margin: 0!important
  11200. }
  11201. .wysiwyg-toolbar .dropdown-menu {
  11202. text-align: left
  11203. }
  11204. .wysiwyg-toolbar .btn-group {
  11205. float: none;
  11206. font-size: 0
  11207. }
  11208. .wysiwyg-toolbar .btn-group>.btn,
  11209. .wysiwyg-toolbar .btn-group>.inline>.btn {
  11210. float: none;
  11211. padding-left: 0;
  11212. padding-right: 0;
  11213. text-align: center;
  11214. border-width: 2px;
  11215. margin-left: 1px
  11216. }
  11217. .wysiwyg-toolbar .btn-group>.btn>[class*="icon-"]:first-child,
  11218. .wysiwyg-toolbar .btn-group>.inline>.btn>[class*="icon-"]:first-child {
  11219. font-size: 14px;
  11220. width: 25px;
  11221. max-width: 25px;
  11222. display: inline-block;
  11223. border-width: 1px!important
  11224. }
  11225. .wysiwyg-toolbar .btn-group>.btn.dropdown-toggle>[class*="icon-"]:last-child,
  11226. .wysiwyg-toolbar .btn-group>.inline>.btn.dropdown-toggle>[class*="icon-"]:last-child {
  11227. margin-right: 4px
  11228. }
  11229. .wysiwyg-toolbar .btn-group>.btn.active:after,
  11230. .wysiwyg-toolbar .btn-group>.inline>.btn.active:after {
  11231. border-color: transparent;
  11232. border-style: solid;
  11233. border-top-color: inherit;
  11234. border-width: 6px 14px;
  11235. bottom: -13px;
  11236. left: 0;
  11237. right: 0
  11238. }
  11239. .wysiwyg-style1 .btn-group>.btn,
  11240. .wysiwyg-style2 .btn-group>.btn,
  11241. .wysiwyg-style1 .btn-group>.inline>.btn,
  11242. .wysiwyg-style2 .btn-group>.inline>.btn {
  11243. margin: 0!important;
  11244. background: #FFF!important;
  11245. border: none!important;
  11246. color: #adb3be!important;
  11247. text-shadow: none!important
  11248. }
  11249. .wysiwyg-style1 .btn-group>.btn.active,
  11250. .wysiwyg-style2 .btn-group>.btn.active,
  11251. .wysiwyg-style1 .btn-group>.inline>.btn.active,
  11252. .wysiwyg-style2 .btn-group>.inline>.btn.active {
  11253. color: #5b80ce!important
  11254. }
  11255. .wysiwyg-style1 .btn-group>.btn.active:after,
  11256. .wysiwyg-style2 .btn-group>.btn.active:after,
  11257. .wysiwyg-style1 .btn-group>.inline>.btn.active:after,
  11258. .wysiwyg-style2 .btn-group>.inline>.btn.active:after {
  11259. display: none
  11260. }
  11261. .wysiwyg-style1 .btn-group,
  11262. .wysiwyg-style2 .btn-group {
  11263. position: relative
  11264. }
  11265. .wysiwyg-style1 .btn-group:after,
  11266. .wysiwyg-style2 .btn-group:after {
  11267. display: block;
  11268. content: "";
  11269. position: absolute;
  11270. left: -2px;
  11271. width: 0;
  11272. max-width: 0;
  11273. top: 6px;
  11274. bottom: 6px;
  11275. border-left: 1px solid #e1e6ea
  11276. }
  11277. .wysiwyg-style1 .btn-group:first-child:after,
  11278. .wysiwyg-style2 .btn-group:first-child:after {
  11279. display: none
  11280. }
  11281. .wysiwyg-style2 {
  11282. background-color: #e5e5e5
  11283. }
  11284. .wysiwyg-style2+.wysiwyg-editor {
  11285. border-color: #DDD;
  11286. background-color: #FFF;
  11287. border-top: 0
  11288. }
  11289. .wysiwyg-style2 .btn-group>.btn,
  11290. .wysiwyg-style2 .btn-group>.inline>.btn {
  11291. margin: 0 1px 0 0!important;
  11292. background: #FFF!important;
  11293. border: none!important;
  11294. color: #8d939e!important;
  11295. text-shadow: none!important
  11296. }
  11297. .wysiwyg-style2 .btn-group>.btn.active,
  11298. .wysiwyg-style2 .btn-group>.inline>.btn.active {
  11299. color: #FFF!important;
  11300. background: #6aaedf!important
  11301. }
  11302. .wysiwyg-style2 .btn-group:after {
  11303. display: none
  11304. }
  11305. .wysiwyg-toolbar .btn-colorpicker {
  11306. width: 24px;
  11307. height: 24px;
  11308. position: relative;
  11309. background: #87b87f;
  11310. background: -moz-linear-gradient(top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100%);
  11311. background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #fff), color-stop(30%, #2283c5), color-stop(40%, #fff), color-stop(50%, #87b87f), color-stop(60%, #fff), color-stop(70%, #ffb752), color-stop(80%, #fff), color-stop(90%, #d15b47), color-stop(100%, #fff));
  11312. background: -webkit-linear-gradient(top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100%);
  11313. background: -o-linear-gradient(top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100%);
  11314. background: -ms-linear-gradient(top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100%);
  11315. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
  11316. background: linear-gradient(top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100%)
  11317. }
  11318. .wysiwyg-toolbar .dropdown-colorpicker>.dropdown-menu {
  11319. top: inherit
  11320. }
  11321. .wysiwyg-toolbar input[type=file] {
  11322. position: fixed;
  11323. z-index: -10;
  11324. opacity: 0;
  11325. max-width: 0;
  11326. max-height: 0;
  11327. display: block
  11328. }
  11329. .wysiwyg-toolbar .wysiwyg-choose-file {
  11330. display: inline-block;
  11331. width: auto;
  11332. margin: 4px auto 0;
  11333. padding-left: 5px;
  11334. padding-right: 5px
  11335. }
  11336. .wysiwyg-toolbar .dropdown-menu input[type=text] {
  11337. margin-left: 8px;
  11338. margin-bottom: 0
  11339. }
  11340. .wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
  11341. min-width: 150px
  11342. }
  11343. .wysiwyg-toolbar .dropdown-menu .btn {
  11344. margin-right: 8px;
  11345. margin-left: 1px
  11346. }
  11347. .wysiwyg-style1 .btn-colorpicker {
  11348. width: 20px;
  11349. height: 20px
  11350. }
  11351. @media screen and (-webkit-min-device-pixel-ratio:0) {
  11352. .wysiwyg-editor img {
  11353. display: inline!important
  11354. }
  11355. .wysiwyg-editor .ui-wrapper {
  11356. border: 1px dotted #D00;
  11357. overflow: visible!important;
  11358. display: inline-block!important;
  11359. vertical-align: middle
  11360. }
  11361. .wysiwyg-editor .ui-wrapper:after {
  11362. content: "";
  11363. display: block;
  11364. position: absolute;
  11365. right: -3px;
  11366. bottom: -3px;
  11367. width: 7px;
  11368. height: 7px;
  11369. border: 1px solid #D00;
  11370. background-color: #FFF;
  11371. z-index: 1
  11372. }
  11373. }
  11374. .widget-header .wysiwyg-toolbar {
  11375. background-color: transparent
  11376. }
  11377. .widget-header .wysiwyg-toolbar .btn-group>.btn,
  11378. .widget-header .wysiwyg-toolbar .btn-group>.inline>.btn {
  11379. border-color: transparent;
  11380. background: rgba(255, 255, 255, 0.25)!important;
  11381. color: #FFF!important;
  11382. border-width: 1px
  11383. }
  11384. .widget-header .wysiwyg-toolbar .btn-group>.btn.active,
  11385. .widget-header .wysiwyg-toolbar .btn-group>.inline>.btn.active {
  11386. background: rgba(0, 0, 0, 0.25)!important
  11387. }
  11388. .widget-body .wysiwyg-editor {
  11389. border: 0
  11390. }
  11391. .wysiwyg-speech-input {
  11392. width: 20px!important;
  11393. color: transparent!important;
  11394. background: transparent none!important;
  11395. border: none!important;
  11396. -moz-transform: scale(2.0, 2.0);
  11397. -webkit-transform: scale(2.0, 2.0);
  11398. -o-transform: scale(2.0, 2.0);
  11399. -ms-transform: scale(2.0, 2.0);
  11400. transform: scale(2.0, 2.0);
  11401. -webkit-box-shadow: none!important;
  11402. box-shadow: none!important;
  11403. cursor: pointer
  11404. }
  11405. .wysiwyg-speech-input:focus {
  11406. -webkit-box-shadow: none!important;
  11407. box-shadow: none!important
  11408. }
  11409. .widget-body .md-header {
  11410. margin-top: -30px;
  11411. margin-left: 9px
  11412. }
  11413. .widget-body .md-header .btn {
  11414. border-color: transparent;
  11415. background: rgba(255, 255, 255, 0.25)!important;
  11416. color: #FFF!important;
  11417. text-align: center;
  11418. padding-left: 0;
  11419. padding-right: 0;
  11420. border-width: 1px!important;
  11421. padding-top: 2px;
  11422. padding-bottom: 4px
  11423. }
  11424. .widget-body .md-header .btn>[class*="icon-"] {
  11425. font-size: 14px;
  11426. width: 25px;
  11427. max-width: 25px;
  11428. display: inline-block
  11429. }
  11430. .widget-body .md-header .btn-inverse {
  11431. background: rgba(0, 0, 0, 0.25)!important;
  11432. padding-right: 5px;
  11433. margin-left: 4px
  11434. }
  11435. .widget-body .md-preview {
  11436. padding: 8px;
  11437. min-height: 200px
  11438. }
  11439. .widget-body .md-input {
  11440. border: none!important;
  11441. box-shadow: none!important;
  11442. display: block;
  11443. margin-bottom: 0;
  11444. background-color: rgba(48, 126, 204, 0.07);
  11445. padding: 8px;
  11446. width: 100%
  11447. }
  11448. .widget-body .md-input:focus {
  11449. background-color: #FFF;
  11450. box-shadow: none!important
  11451. }
  11452. .editable-container .popover-title {
  11453. color: #438eb9
  11454. }
  11455. .editable-click {
  11456. border-bottom: 1px dashed #BBB;
  11457. cursor: pointer;
  11458. font-weight: normal
  11459. }
  11460. img.editable-click {
  11461. border: 1px dotted #BBB
  11462. }
  11463. .editable-click:hover {
  11464. border-color: #08c;
  11465. color: #08c
  11466. }
  11467. img.editable-click:hover {
  11468. opacity: .75;
  11469. filter: alpha(opacity=75)
  11470. }
  11471. .editable-buttons,
  11472. .editable-input {
  11473. display: inline-block
  11474. }
  11475. .editable-buttons {
  11476. margin-left: 1px
  11477. }
  11478. .editable-buttons .btn {
  11479. padding: 0;
  11480. width: 28px;
  11481. line-height: 24px;
  11482. border-width: 3px;
  11483. font-size: 12px;
  11484. margin: 0 1px 0 0
  11485. }
  11486. .editable-buttons .btn>[class*="icon-"] {
  11487. margin: 0
  11488. }
  11489. .editable-clear-x {
  11490. cursor: pointer;
  11491. color: #888;
  11492. background: 0
  11493. }
  11494. .editable-clear-x:hover {
  11495. color: #d15b47
  11496. }
  11497. .editable-clear-x:before {
  11498. display: inline-block;
  11499. content: "\f057";
  11500. font-family: FontAwesome;
  11501. font-size: 15px;
  11502. position: absolute;
  11503. margin-top: -9px;
  11504. width: 16px;
  11505. height: 30px;
  11506. line-height: 30px;
  11507. text-align: center
  11508. }
  11509. .editable-input .ace-spinner {
  11510. margin-right: 8px
  11511. }
  11512. .editable-inline .editable-slider {
  11513. margin-top: 10px;
  11514. margin-right: 4px
  11515. }
  11516. .editable-popup .editable-slider {
  11517. display: block;
  11518. margin-bottom: 16px;
  11519. margin-top: 4px
  11520. }
  11521. .editable-slider input {
  11522. display: none
  11523. }
  11524. .editable-input .ace-file-input {
  11525. display: block
  11526. }
  11527. .editable-image .ace-file-multiple label.selected {
  11528. border-color: transparent
  11529. }
  11530. .editable-image+.editable-buttons,
  11531. .editable-wysiwyg+.editable-buttons {
  11532. display: block;
  11533. text-align: center;
  11534. margin-top: 8px
  11535. }
  11536. .editable-wysiwyg {
  11537. width: 95%
  11538. }
  11539. .editable-wysiwyg .wysiwyg-editor {
  11540. height: auto;
  11541. overflow-y: hidden
  11542. }
  11543. .editableform .input-append.dropdown-menu {
  11544. display: none
  11545. }
  11546. .editableform .open .input-append.dropdown-menu {
  11547. display: block
  11548. }
  11549. .editable-container .editableform {
  11550. margin-bottom: 10px
  11551. }
  11552. .editable-inline .editableform {
  11553. margin-bottom: 0
  11554. }
  11555. .editableform-loading {
  11556. background: 0
  11557. }
  11558. .editableform-loading [class*="icon-"],
  11559. .editableform-loading .progress {
  11560. position: relative;
  11561. top: 35%
  11562. }
  11563. .ui-slider {
  11564. background-color: #CCC
  11565. }
  11566. .ui-slider-horizontal {
  11567. height: 9px
  11568. }
  11569. .ui-slider-vertical {
  11570. width: 9px
  11571. }
  11572. .ui-slider .ui-slider-handle {
  11573. border-radius: 0;
  11574. width: 1.45em;
  11575. height: 1.45em;
  11576. background-color: #f5f5f5;
  11577. border: 1px solid
  11578. }
  11579. .ui-slider .ui-slider-handle:before {
  11580. display: inline-block;
  11581. content: "|||";
  11582. font-size: 8px;
  11583. font-family: Helvetica, Arial, sans-serif;
  11584. position: absolute;
  11585. top: 0;
  11586. bottom: 0;
  11587. left: 0;
  11588. right: 0;
  11589. text-align: center;
  11590. line-height: 15px
  11591. }
  11592. .ui-slider .ui-slider-handle:hover {
  11593. background-color: #FFF
  11594. }
  11595. .ui-slider .ui-slider-handle:hover,
  11596. .ui-slider .ui-slider-handle:focus,
  11597. .ui-slider .ui-slider-handle:active {
  11598. outline: 0;
  11599. box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  11600. text-decoration: none
  11601. }
  11602. .ui-slider .ui-slider-handle:hover:before,
  11603. .ui-slider .ui-slider-handle:focus:before,
  11604. .ui-slider .ui-slider-handle:active:before {
  11605. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
  11606. }
  11607. .ui-slider-horizontal .ui-slider-handle {
  11608. margin-left: -0.725em;
  11609. top: -0.4em
  11610. }
  11611. .ui-slider-vertical .ui-slider-handle {
  11612. left: -0.35em;
  11613. margin-bottom: -0.65em
  11614. }
  11615. .ui-slider-small.ui-slider-horizontal {
  11616. height: 5px
  11617. }
  11618. .ui-slider-small.ui-slider-vertical {
  11619. width: 5px
  11620. }
  11621. .ui-slider-small .ui-slider-handle {
  11622. border-radius: 24px;
  11623. width: 16px;
  11624. height: 16px;
  11625. top: -5px
  11626. }
  11627. .ui-slider-small .ui-slider-handle:before {
  11628. font-size: 6px;
  11629. line-height: 13px
  11630. }
  11631. .ui-slider-range {
  11632. background-color: #4aa4ce
  11633. }
  11634. .ui-slider-handle {
  11635. outline: none!important
  11636. }
  11637. .ui-slider-handle,
  11638. .ui-slider-handle:hover,
  11639. .ui-slider-handle:focus,
  11640. .ui-slider-handle:active {
  11641. border-color: #4aa4ce;
  11642. color: #4aa4ce
  11643. }
  11644. .ui-slider-green .ui-slider-range {
  11645. background-color: #8bbc67
  11646. }
  11647. .ui-slider-green .ui-slider-handle,
  11648. .ui-slider-green .ui-slider-handle:hover,
  11649. .ui-slider-green .ui-slider-handle:focus,
  11650. .ui-slider-green .ui-slider-handle:active {
  11651. border-color: #8bbc67;
  11652. color: #8bbc67
  11653. }
  11654. .ui-slider-red .ui-slider-range {
  11655. background-color: #d36e6e
  11656. }
  11657. .ui-slider-red .ui-slider-handle,
  11658. .ui-slider-red .ui-slider-handle:hover,
  11659. .ui-slider-red .ui-slider-handle:focus,
  11660. .ui-slider-red .ui-slider-handle:active {
  11661. border-color: #d36e6e;
  11662. color: #d36e6e
  11663. }
  11664. .ui-slider-purple .ui-slider-range {
  11665. background-color: #ac68ba
  11666. }
  11667. .ui-slider-purple .ui-slider-handle,
  11668. .ui-slider-purple .ui-slider-handle:hover,
  11669. .ui-slider-purple .ui-slider-handle:focus,
  11670. .ui-slider-purple .ui-slider-handle:active {
  11671. border-color: #ac68ba;
  11672. color: #ac68ba
  11673. }
  11674. .ui-slider-orange .ui-slider-range {
  11675. background-color: #efad62
  11676. }
  11677. .ui-slider-orange .ui-slider-handle,
  11678. .ui-slider-orange .ui-slider-handle:hover,
  11679. .ui-slider-orange .ui-slider-handle:focus,
  11680. .ui-slider-orange .ui-slider-handle:active {
  11681. border-color: #efad62;
  11682. color: #efad62
  11683. }
  11684. .ui-slider-dark .ui-slider-range {
  11685. background-color: #606060
  11686. }
  11687. .ui-slider-dark .ui-slider-handle,
  11688. .ui-slider-dark .ui-slider-handle:hover,
  11689. .ui-slider-dark .ui-slider-handle:focus,
  11690. .ui-slider-dark .ui-slider-handle:active {
  11691. border-color: #606060;
  11692. color: #606060
  11693. }
  11694. .ui-slider-pink .ui-slider-range {
  11695. background-color: #d6487e
  11696. }
  11697. .ui-slider-pink .ui-slider-handle,
  11698. .ui-slider-pink .ui-slider-handle:hover,
  11699. .ui-slider-pink .ui-slider-handle:focus,
  11700. .ui-slider-pink .ui-slider-handle:active {
  11701. border-color: #d6487e;
  11702. color: #d6487e
  11703. }
  11704. .ui-datepicker {
  11705. background-color: #FFF;
  11706. border: 1px solid rgba(0, 0, 0, 0.2);
  11707. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11708. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  11709. }
  11710. .ui-datepicker .ui-datepicker-prev,
  11711. .ui-datepicker .ui-datepicker-next {
  11712. height: 26px;
  11713. min-width: 32px;
  11714. max-width: 32px;
  11715. text-align: center;
  11716. cursor: pointer;
  11717. color: transparent;
  11718. line-height: 26px;
  11719. -webkit-box-sizing: content-box;
  11720. -moz-box-sizing: content-box;
  11721. box-sizing: content-box
  11722. }
  11723. .ui-datepicker .ui-datepicker-prev .ui-icon,
  11724. .ui-datepicker .ui-datepicker-next .ui-icon {
  11725. color: transparent;
  11726. visibility: hidden
  11727. }
  11728. .ui-datepicker .ui-datepicker-prev:hover,
  11729. .ui-datepicker .ui-datepicker-next:hover {
  11730. background-color: #EEE;
  11731. text-decoration: none
  11732. }
  11733. .ui-datepicker .ui-datepicker-prev:before,
  11734. .ui-datepicker .ui-datepicker-next:before {
  11735. display: inline;
  11736. font-family: FontAwesome;
  11737. font-size: 14px;
  11738. content: "\f060";
  11739. color: #393939
  11740. }
  11741. .ui-datepicker .ui-datepicker-prev-hover,
  11742. .ui-datepicker .ui-datepicker-next-hover {
  11743. top: 2px
  11744. }
  11745. .ui-datepicker .ui-datepicker-next:before {
  11746. content: "\f061"
  11747. }
  11748. .ui-datepicker .ui-datepicker-prev-hover {
  11749. left: 2px
  11750. }
  11751. .ui-datepicker .ui-datepicker-next-hover {
  11752. right: 2px
  11753. }
  11754. .ui-datepicker td {
  11755. padding: 0
  11756. }
  11757. .ui-datepicker td>a,
  11758. .ui-datepicker td>span {
  11759. display: inline-block;
  11760. height: 22px;
  11761. min-width: 24px;
  11762. max-width: 24px;
  11763. text-align: center;
  11764. color: #393939;
  11765. font-size: 13px;
  11766. -webkit-box-sizing: content-box;
  11767. -moz-box-sizing: content-box;
  11768. box-sizing: content-box
  11769. }
  11770. .ui-datepicker td>a:hover {
  11771. background-color: #EEE
  11772. }
  11773. .ui-datepicker td>a.ui-state-highlight {
  11774. background-color: #d5e5ef
  11775. }
  11776. .ui-datepicker td>a.ui-state-active {
  11777. background-color: #2283c5;
  11778. color: #FFF
  11779. }
  11780. .ui-datepicker td>a.ui-priority-secondary {
  11781. color: #888
  11782. }
  11783. .ui-datepicker td>span {
  11784. color: #999
  11785. }
  11786. .ui-datepicker td .ui-datepicker-title select {
  11787. height: 24px;
  11788. line-height: 24px;
  11789. padding: 2px 3px
  11790. }
  11791. .ui-datepicker td .ui-datepicker-buttonpane {
  11792. background-color: #DDD;
  11793. height: 1px
  11794. }
  11795. .ui-widget-overlay {
  11796. background: rgba(0, 0, 0, 0.25);
  11797. opacity: 1!important;
  11798. filter: alpha(opacity=100)!important;
  11799. z-index: 1040!important
  11800. }
  11801. .ui-dialog,
  11802. .ui-jqdialog {
  11803. z-index: 1050!important;
  11804. background-color: #FFF;
  11805. padding: 0;
  11806. border: 1px solid #DDD;
  11807. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11808. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  11809. }
  11810. .ui-dialog .ui-dialog-titlebar,
  11811. .ui-jqdialog .ui-dialog-titlebar,
  11812. .ui-dialog .ui-jqdialog-titlebar,
  11813. .ui-jqdialog .ui-jqdialog-titlebar {
  11814. background-color: #f1f1f1;
  11815. font-size: 16px;
  11816. color: #669fc7;
  11817. padding: 0
  11818. }
  11819. .ui-dialog .ui-dialog-title,
  11820. .ui-jqdialog .ui-dialog-title,
  11821. .ui-dialog .ui-jqdialog-title,
  11822. .ui-jqdialog .ui-jqdialog-title {
  11823. float: none;
  11824. width: auto
  11825. }
  11826. .ui-dialog .widget-header,
  11827. .ui-jqdialog .widget-header {
  11828. margin: 0;
  11829. border-width: 0 0 1px 0
  11830. }
  11831. .ui-dialog .ui-dialog-buttonpane,
  11832. .ui-jqdialog .ui-dialog-buttonpane,
  11833. .ui-dialog .ui-jqdialog-buttonpane,
  11834. .ui-jqdialog .ui-jqdialog-buttonpane {
  11835. background-color: #eff3f8;
  11836. border-top: 1px solid #e4e9ee
  11837. }
  11838. .ui-dialog .ui-dialog-buttonpane button,
  11839. .ui-jqdialog .ui-dialog-buttonpane button,
  11840. .ui-dialog .ui-jqdialog-buttonpane button,
  11841. .ui-jqdialog .ui-jqdialog-buttonpane button {
  11842. font-size: 14px
  11843. }
  11844. .ui-dialog .ui-dialog-titlebar-close,
  11845. .ui-jqdialog .ui-dialog-titlebar-close,
  11846. .ui-dialog .ui-jqdialog-titlebar-close,
  11847. .ui-jqdialog .ui-jqdialog-titlebar-close {
  11848. border: 0;
  11849. background: transparent;
  11850. opacity: .4;
  11851. color: #d15b47;
  11852. padding: 0;
  11853. top: 50%;
  11854. right: 8px!important;
  11855. text-align: center
  11856. }
  11857. .ui-dialog .ui-dialog-titlebar-close:before,
  11858. .ui-jqdialog .ui-dialog-titlebar-close:before,
  11859. .ui-dialog .ui-jqdialog-titlebar-close:before,
  11860. .ui-jqdialog .ui-jqdialog-titlebar-close:before {
  11861. content: "\f00d";
  11862. display: inline;
  11863. font-family: FontAwesome;
  11864. font-size: 16px
  11865. }
  11866. .ui-dialog .ui-dialog-titlebar-close:hover,
  11867. .ui-jqdialog .ui-dialog-titlebar-close:hover,
  11868. .ui-dialog .ui-jqdialog-titlebar-close:hover,
  11869. .ui-jqdialog .ui-jqdialog-titlebar-close:hover {
  11870. opacity: 1;
  11871. text-decoration: none;
  11872. padding: 0
  11873. }
  11874. .ui-dialog .ui-dialog-titlebar-close .ui-button-text,
  11875. .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
  11876. .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
  11877. .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
  11878. text-indent: 0;
  11879. visibility: hidden
  11880. }
  11881. .ui-dialog .widget-header .ui-dialog-titlebar-close,
  11882. .ui-jqdialog .widget-header .ui-dialog-titlebar-close,
  11883. .ui-dialog .widget-header .ui-jqdialog-titlebar-close,
  11884. .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
  11885. right: 10px!important
  11886. }
  11887. .ui-accordion .ui-accordion-header {
  11888. color: #478fca;
  11889. font-weight: normal;
  11890. background-color: #f9f9f9;
  11891. border: 1px solid #cdd8e3;
  11892. padding: 8px 8px 9px 24px
  11893. }
  11894. .ui-accordion .ui-accordion-header:hover {
  11895. color: #6ea6cc;
  11896. background-color: #f1f8fd
  11897. }
  11898. .ui-accordion .ui-accordion-header.ui-state-active {
  11899. color: #4c8fbd;
  11900. background-color: #eef4f9;
  11901. position: relative;
  11902. font-weight: bold
  11903. }
  11904. .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  11905. text-indent: 0;
  11906. margin-top: 0;
  11907. position: absolute;
  11908. left: 10px;
  11909. top: 7px
  11910. }
  11911. .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
  11912. display: inline;
  11913. font-family: FontAwesome;
  11914. font-size: 15px;
  11915. content: "\f0da"
  11916. }
  11917. .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
  11918. content: "\f0d7";
  11919. font-weight: normal
  11920. }
  11921. .ui-accordion .ui-accordion-content {
  11922. border: 1px solid #cdd8e3;
  11923. border-top-width: 0;
  11924. padding: 11px 16px
  11925. }
  11926. .ui-tabs .ui-tabs-nav {
  11927. padding: 0;
  11928. border-bottom: 1px solid #c5d0dc
  11929. }
  11930. .ui-tabs .ui-tabs-nav li.ui-state-default>a {
  11931. background-color: #f9f9f9;
  11932. border: 1px solid #c5d0dc;
  11933. border-bottom-width: 0;
  11934. color: #999;
  11935. line-height: 16px;
  11936. margin-right: -1px;
  11937. z-index: 11;
  11938. padding: 8px 12px;
  11939. position: relative;
  11940. top: 2px
  11941. }
  11942. .ui-tabs .ui-tabs-nav li>a:focus {
  11943. outline: 0
  11944. }
  11945. .ui-tabs .ui-tabs-nav li.ui-tabs-active>a {
  11946. background-color: #FFF;
  11947. border: 1px solid;
  11948. border-color: #4c8fbd #c5d0dc transparent;
  11949. border-top-width: 2px;
  11950. -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  11951. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  11952. color: #576373;
  11953. position: relative;
  11954. top: 1px
  11955. }
  11956. .ui-tabs .ui-tabs-panel {
  11957. border: 1px solid #c5d0dc;
  11958. border-top-width: 0;
  11959. margin: 0;
  11960. left: auto;
  11961. right: auto;
  11962. top: auto;
  11963. bottom: auto
  11964. }
  11965. .ui-menu {
  11966. -webkit-box-sizing: content-box;
  11967. -moz-box-sizing: content-box;
  11968. box-sizing: content-box;
  11969. width: 150px;
  11970. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11971. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11972. background-color: #FFF;
  11973. border: 1px solid rgba(0, 0, 0, 0.2);
  11974. padding: 3px
  11975. }
  11976. .ui-menu .ui-menu-item a {
  11977. padding: 4px 7px 5px;
  11978. color: #444;
  11979. cursor: pointer;
  11980. -webkit-box-sizing: inherit;
  11981. -moz-box-sizing: inherit;
  11982. box-sizing: inherit
  11983. }
  11984. .ui-menu .ui-menu-item a .ui-menu-icon {
  11985. float: right;
  11986. position: relative;
  11987. top: 0;
  11988. left: auto;
  11989. right: auto;
  11990. bottom: auto;
  11991. text-indent: 0
  11992. }
  11993. .ui-menu .ui-menu-item a .ui-menu-icon:before {
  11994. content: "\f105";
  11995. font-family: FontAwesome;
  11996. font-size: 14px;
  11997. display: inline
  11998. }
  11999. .ui-menu .ui-menu-item a:hover,
  12000. .ui-menu .ui-menu-item a.ui-state-focus,
  12001. .ui-menu .ui-menu-item a.ui-state-active {
  12002. background-color: #4f99c6;
  12003. color: #FFF;
  12004. margin: auto;
  12005. font-weight: normal
  12006. }
  12007. .ui-menu .ui-menu-item a:hover .ui-menu-icon,
  12008. .ui-menu .ui-menu-item a.ui-state-focus .ui-menu-icon,
  12009. .ui-menu .ui-menu-item a.ui-state-active .ui-menu-icon {
  12010. color: #FFF
  12011. }
  12012. .ui-menu .ui-state-disabled a {
  12013. color: #999;
  12014. cursor: default
  12015. }
  12016. .ui-menu .ui-state-disabled a:hover,
  12017. .ui-menu .ui-state-disabled a.ui-state-focus,
  12018. .ui-menu .ui-state-disabled a.ui-state-active {
  12019. background-color: #FFF;
  12020. color: #999
  12021. }
  12022. .ui-autocomplete {
  12023. background-color: #FFF;
  12024. border: 1px solid rgba(0, 0, 0, 0.2);
  12025. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  12026. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  12027. }
  12028. .ui-autocomplete-category {
  12029. padding: 6px;
  12030. position: relative;
  12031. background-color: #eef4f9;
  12032. color: #478fca;
  12033. font-weight: bolder;
  12034. border: 1px solid #dae6ed;
  12035. border-width: 1px 0
  12036. }
  12037. .ui-spinner-button {
  12038. border-width: 0!important;
  12039. font-size: 10px;
  12040. height: 14px;
  12041. line-height: 14px;
  12042. width: 18px;
  12043. color: #fff!important;
  12044. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  12045. display: inline-block;
  12046. position: absolute;
  12047. text-align: center;
  12048. padding: 0
  12049. }
  12050. .ui-spinner-button>[class*="icon-"] {
  12051. width: 18px;
  12052. display: inline-block
  12053. }
  12054. .ui-spinner-up {
  12055. top: 0;
  12056. right: 5px
  12057. }
  12058. .ui-spinner-down {
  12059. bottom: 3px;
  12060. right: 5px
  12061. }
  12062. .ui-spinner-input {
  12063. margin-top: 0;
  12064. padding: 5px;
  12065. max-width: 100px;
  12066. font-size: 14px
  12067. }
  12068. .ui-tooltip {
  12069. background-color: #444;
  12070. color: #FFF
  12071. }
  12072. .ui-progressbar {
  12073. background-color: #dadada;
  12074. height: 22px
  12075. }
  12076. .ui-progressbar .ui-progressbar-value {
  12077. margin: 0
  12078. }
  12079. .ui-progressbar .ui-progressbar-value[class="progress-bar"] {
  12080. background-color: #2a91d8
  12081. }
  12082. .ui-jqgrid .ui-jqgrid-view,
  12083. .ui-jqgrid .ui-paging-info,
  12084. .ui-jqgrid .ui-pg-table,
  12085. .ui-jqgrid .ui-pg-selbox {
  12086. font-size: 13px
  12087. }
  12088. .ui-jqgrid .ui-jqgrid-title {
  12089. float: left;
  12090. margin: 8px
  12091. }
  12092. .ui-jqgrid .ui-jqgrid-title-rtl {
  12093. float: right;
  12094. margin: 8px
  12095. }
  12096. .ui-jqgrid-view>.ui-jqgrid-titlebar {
  12097. height: 40px;
  12098. line-height: 24px;
  12099. color: #FFF;
  12100. background: #307ecc;
  12101. padding: 0;
  12102. font-size: 15px
  12103. }
  12104. .ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
  12105. border-right: 0;
  12106. border-left: 1px solid #e1e1e1
  12107. }
  12108. .ui-jqgrid .ui-jqgrid-hdiv {
  12109. background-color: #eff3f8;
  12110. border: 1px solid #d3d3d3;
  12111. border-width: 1px 0 0 1px;
  12112. line-height: 15px;
  12113. font-weight: bold;
  12114. color: #777;
  12115. text-shadow: none
  12116. }
  12117. .ui-jqgrid .ui-jqgrid-htable thead {
  12118. background-color: #eff3f8
  12119. }
  12120. .ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
  12121. height: 45px!important
  12122. }
  12123. .ui-jqgrid .ui-jqgrid-htable th div {
  12124. padding-top: 12px;
  12125. padding-bottom: 12px
  12126. }
  12127. .ui-jqgrid-hdiv .ui-jqgrid-htable {
  12128. border-top: 0
  12129. }
  12130. .ui-jqgrid-hdiv .ui-jqgrid-htable {
  12131. border-top: 1px solid #e1e1e1
  12132. }
  12133. .ui-jqgrid-titlebar {
  12134. position: relative;
  12135. top: 1px;
  12136. z-index: 1
  12137. }
  12138. .ui-jqgrid tr.jqgrow,
  12139. .ui-jqgrid tr.ui-row-ltr,
  12140. .ui-jqgrid tr.ui-row-rtl {
  12141. border: 0
  12142. }
  12143. .ui-jqgrid tr.ui-row-ltr td,
  12144. .ui-jqgrid tr.ui-row-rtl td {
  12145. border-bottom: 1px solid #e1e1e1;
  12146. padding: 6px 4px;
  12147. border-color: #e1e1e1
  12148. }
  12149. .ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
  12150. border-right-color: #c7d3a9
  12151. }
  12152. .ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
  12153. border-left-color: #c7d3a9
  12154. }
  12155. .ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
  12156. background-image: none;
  12157. background-color: #f9f9f9;
  12158. opacity: 1
  12159. }
  12160. .ui-jqgrid-btable .ui-widget-content.ui-state-hover {
  12161. background-image: none;
  12162. background-color: #eff4f7;
  12163. opacity: 1
  12164. }
  12165. .ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
  12166. background-color: #e4efc9
  12167. }
  12168. .ui-jqgrid .ui-jqgrid-pager {
  12169. line-height: 15px;
  12170. height: 55px;
  12171. padding-top: 3px!important;
  12172. padding-bottom: 5px!important;
  12173. background-color: #eff3f8!important;
  12174. border-bottom: 1px solid #e1e1e1!important;
  12175. border-top: 1px solid #e1e1e1!important
  12176. }
  12177. .ui-jqgrid .ui-pg-input {
  12178. font-size: inherit;
  12179. width: 24px;
  12180. height: 20px;
  12181. line-height: 16px;
  12182. -webkit-box-sizing: content-box;
  12183. -moz-box-sizing: content-box;
  12184. box-sizing: content-box;
  12185. text-align: center;
  12186. padding-top: 1px;
  12187. padding-bottom: 1px
  12188. }
  12189. .ui-jqgrid .ui-pg-selbox {
  12190. display: block;
  12191. height: 24px;
  12192. width: 60px;
  12193. margin: 0;
  12194. padding: 1px;
  12195. line-height: normal
  12196. }
  12197. .ui-jqgrid .ui-jqgrid-htable th div {
  12198. overflow: visible
  12199. }
  12200. .ui-jqgrid .ui-pager-control {
  12201. height: 50px;
  12202. position: relative;
  12203. padding-left: 9px;
  12204. padding-right: 9px
  12205. }
  12206. .ui-jqgrid .ui-jqgrid-toppager {
  12207. height: auto!important;
  12208. background-color: #eff3f8;
  12209. border-bottom: 1px solid #e1e1e1!important
  12210. }
  12211. .ui-jqgrid .jqgrow .editable {
  12212. max-width: 90%;
  12213. max-width: calc(92%)!important
  12214. }
  12215. .ui-pg-table .navtable .ui-corner-all {
  12216. border-radius: 0
  12217. }
  12218. .ui-jqgrid .ui-pg-button:hover {
  12219. padding: 1px
  12220. }
  12221. .ui-jqgrid .ui-pg-button .ui-separator {
  12222. margin-left: 4px;
  12223. margin-right: 4px;
  12224. border-color: #c9d4db
  12225. }
  12226. .ui-jqgrid .ui-jqgrid-btable {
  12227. border-left: 1px solid #e1e1e1
  12228. }
  12229. .ui-jqgrid .ui-jqgrid-bdiv {
  12230. border-top: 1px solid #e1e1e1
  12231. }
  12232. .ui-jqgrid .loading {
  12233. position: absolute;
  12234. top: 45%;
  12235. left: 45%;
  12236. width: auto;
  12237. height: auto;
  12238. z-index: 101;
  12239. padding: 6px;
  12240. margin: 5px;
  12241. text-align: center;
  12242. display: none;
  12243. font-weight: bold;
  12244. font-size: 12px;
  12245. background-color: #FFF;
  12246. border: 2px solid #8eb8d1;
  12247. color: #e2b018
  12248. }
  12249. .ui-jqgrid .ui-search-toolbar {
  12250. border-top: 1px solid #e1e1e1
  12251. }
  12252. .ui-jqgrid .ui-jqgrid-labels {
  12253. border-bottom: 0;
  12254. background: #f2f2f2;
  12255. background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec));
  12256. background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%);
  12257. background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  12258. background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  12259. background-repeat: repeat-x;
  12260. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
  12261. padding: 0!important;
  12262. border-left: 1px solid #e1e1e1!important
  12263. }
  12264. .ui-jqgrid .ui-jqgrid-labels th {
  12265. border-right: 1px solid #e1e1e1!important;
  12266. text-align: left!important
  12267. }
  12268. .ui-jqgrid-labels th[id*="_cb"]:first-child>div {
  12269. padding-top: 0;
  12270. text-align: center!important
  12271. }
  12272. .ui-jqgrid-sortable {
  12273. padding-left: 4px;
  12274. font-size: 13px;
  12275. color: #777;
  12276. font-weight: bold
  12277. }
  12278. .ui-jqgrid-sortable:hover {
  12279. color: #547ea8
  12280. }
  12281. th[aria-selected=true] {
  12282. background-image: -webkit-gradient(linear, left 0, left 100%, from(#eff3f8), to(#e3e7ed));
  12283. background-image: -webkit-linear-gradient(top, #eff3f8, 0%, #e3e7ed, 100%);
  12284. background-image: -moz-linear-gradient(top, #eff3f8 0, #e3e7ed 100%);
  12285. background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);
  12286. background-repeat: repeat-x;
  12287. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0)
  12288. }
  12289. th[aria-selected=true] .ui-jqgrid-sortable {
  12290. color: #307ecc
  12291. }
  12292. .ui-icon {
  12293. text-indent: 0;
  12294. color: #307ecc;
  12295. float: none;
  12296. right: 2px;
  12297. position: absolute
  12298. }
  12299. .rtl .ui-icon {
  12300. right: auto;
  12301. left: 2px
  12302. }
  12303. .ui-grid-ico-sort:before {
  12304. display: inline;
  12305. content: "\f0d7";
  12306. font-family: FontAwesome;
  12307. font-size: 12px
  12308. }
  12309. .ui-icon-asc:before {
  12310. content: "\f0d8"
  12311. }
  12312. .ui-state-disabled {
  12313. color: #BBB
  12314. }
  12315. .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon {
  12316. display: inline-block;
  12317. padding: 0;
  12318. width: 24px;
  12319. height: 24px;
  12320. line-height: 22px;
  12321. text-align: center;
  12322. position: static;
  12323. float: none;
  12324. margin: 0 2px!important;
  12325. color: #808080;
  12326. border: 1px solid #CCC;
  12327. background-color: #FFF;
  12328. border-radius: 100%
  12329. }
  12330. .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon:hover {
  12331. color: #699ab5;
  12332. border-color: #699ab5
  12333. }
  12334. .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon:before {
  12335. width: 20px;
  12336. text-align: center;
  12337. display: inline-block
  12338. }
  12339. .ui-pg-table>tbody>tr>.ui-pg-button.ui-state-disabled .ui-icon {
  12340. color: #b0b0b0;
  12341. background-color: #f7f7f7;
  12342. border-color: #DDD;
  12343. -moz-transform: scale(0.9);
  12344. -webkit-transform: scale(0.9);
  12345. -o-transform: scale(0.9);
  12346. -ms-transform: scale(0.9);
  12347. transform: scale(0.9)
  12348. }
  12349. .ui-jqgrid-btable input,
  12350. .ui-jqgrid-btable textarea,
  12351. .ui-jqgrid-btable select {
  12352. padding: 2px;
  12353. width: auto;
  12354. max-width: 100%;
  12355. margin-bottom: 0
  12356. }
  12357. .ui-jqgrid-btable select {
  12358. padding: 1px;
  12359. height: 25px;
  12360. line-height: 25px
  12361. }
  12362. .ui-pg-div .ui-icon {
  12363. display: inline-block;
  12364. width: 18px;
  12365. float: none;
  12366. position: static;
  12367. text-align: center;
  12368. opacity: .85;
  12369. -webkit-transition: all .12s;
  12370. transition: all .12s;
  12371. margin: 0 1px;
  12372. vertical-align: middle;
  12373. cursor: pointer;
  12374. font-size: 17px
  12375. }
  12376. .ui-pg-div .ui-icon:hover {
  12377. -moz-transform: scale(1.2);
  12378. -webkit-transform: scale(1.2);
  12379. -o-transform: scale(1.2);
  12380. -ms-transform: scale(1.2);
  12381. transform: scale(1.2);
  12382. opacity: 1;
  12383. position: static;
  12384. margin: 0 1px
  12385. }
  12386. .ui-pg-div .ui-icon:before {
  12387. font-family: FontAwesome;
  12388. display: inline
  12389. }
  12390. .ui-icon-pencil {
  12391. color: #478fca
  12392. }
  12393. .ui-icon-pencil:before {
  12394. content: "\f040"
  12395. }
  12396. .ui-icon-trash {
  12397. color: #dd5a43
  12398. }
  12399. .ui-icon-trash:before {
  12400. content: "\f014"
  12401. }
  12402. .ui-icon-disk {
  12403. color: #69aa46
  12404. }
  12405. .ui-icon-disk:before {
  12406. content: "\f00c"
  12407. }
  12408. .ui-icon-cancel {
  12409. color: #dd5a43
  12410. }
  12411. .ui-icon-cancel:before {
  12412. content: "\f00d"
  12413. }
  12414. .ui-jqdialog-content,
  12415. .ui-jqdialog .ui-jqdialog-content {
  12416. font-size: 13px;
  12417. padding: 4px 0 0
  12418. }
  12419. .ui-jqdialog-content .formdata,
  12420. .ui-jqdialog .ui-jqdialog-content .formdata {
  12421. font-size: 13px;
  12422. padding: 6px 12px
  12423. }
  12424. .ui-jqdialog-content .form-view-data,
  12425. .ui-jqdialog .ui-jqdialog-content .form-view-data {
  12426. vertical-align: middle;
  12427. font-size: 13px
  12428. }
  12429. .ui-jqdialog-content[id*="alertcnt_"],
  12430. .ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"] {
  12431. padding: 8px 11px
  12432. }
  12433. .ui-jqdialog-content .CaptionTD {
  12434. font-size: 12px;
  12435. text-align: right;
  12436. color: #666
  12437. }
  12438. .ui-jqdialog-content .FormData {
  12439. border-bottom: 1px dotted #e8e8e8
  12440. }
  12441. .ui-jqdialog-content .FormData:last-child {
  12442. border-bottom: 0
  12443. }
  12444. .ui-jqdialog-content .FormData>td {
  12445. padding-top: 6px;
  12446. padding-bottom: 6px
  12447. }
  12448. .ui-jqdialog-content input.FormElement {
  12449. width: auto
  12450. }
  12451. .ui-jqdialog-content select.FormElement {
  12452. padding: 1px;
  12453. height: 25px;
  12454. line-height: 25px;
  12455. width: auto
  12456. }
  12457. .ui-jqdialog-content td.EditButton {
  12458. padding: 8px
  12459. }
  12460. .EditTable {
  12461. background-color: #eff3f8;
  12462. border-top: 1px solid #d6e1ea!important;
  12463. padding: 8px
  12464. }
  12465. .EditTable tr:first-child {
  12466. display: none
  12467. }
  12468. .EditTable .navButton .fm-button {
  12469. float: none!important;
  12470. width: auto!important;
  12471. margin: 1px 1px 2px!important;
  12472. background-color: transparent;
  12473. border-radius: 100%
  12474. }
  12475. .EditTable .navButton .fm-button:hover {
  12476. background-color: transparent
  12477. }
  12478. .EditTable .navButton .fm-button:focus {
  12479. outline: 0
  12480. }
  12481. .EditTable .navButton .fm-button [class*="icon-"] {
  12482. display: inline-block;
  12483. color: #999;
  12484. border: 1px solid #AAA;
  12485. width: 26px;
  12486. height: 26px;
  12487. line-height: 26px;
  12488. text-align: center;
  12489. border-radius: 100%;
  12490. background-color: #FFF
  12491. }
  12492. .EditTable .navButton .fm-button:hover [class*="icon-"] {
  12493. color: #699ab5;
  12494. border-color: #699ab5
  12495. }
  12496. .EditTable .navButton .fm-button.ui-state-disabled [class*="icon-"],
  12497. .EditTable .navButton .fm-button.ui-state-disabled:hover [class*="icon-"] {
  12498. color: #BBB;
  12499. border-color: #CCC;
  12500. -moz-transform: scale(0.88);
  12501. -webkit-transform: scale(0.88);
  12502. -o-transform: scale(0.88);
  12503. -ms-transform: scale(0.88);
  12504. transform: scale(0.88)
  12505. }
  12506. .FormGrid .EditTable {
  12507. background-color: #FFF;
  12508. border-top: none!important;
  12509. padding: 0
  12510. }
  12511. .FormGrid .EditTable tr:first-child {
  12512. display: none
  12513. }
  12514. .ui-jqdialog-content .searchFilter select {
  12515. padding: 1px;
  12516. height: 26px;
  12517. line-height: 26px;
  12518. width: auto;
  12519. max-width: 95%;
  12520. margin-bottom: 0
  12521. }
  12522. .ui-jqdialog-content .searchFilter .input-elm {
  12523. margin-bottom: 0;
  12524. height: 18px;
  12525. line-height: 18px;
  12526. width: 95%!important;
  12527. padding-left: 1px;
  12528. padding-right: 1px;
  12529. -webkit-box-sizing: content-box;
  12530. -moz-box-sizing: content-box;
  12531. box-sizing: content-box
  12532. }
  12533. .ui-jqdialog-content .searchFilter table {
  12534. margin-left: 4px
  12535. }
  12536. .ui-jqdialog-content .searchFilter tr td {
  12537. padding: 5px 0
  12538. }
  12539. .ui-jqdialog-content .searchFilter .add-group,
  12540. .ui-jqdialog-content .searchFilter .add-rule,
  12541. .ui-jqdialog-content .searchFilter .delete-group {
  12542. margin-left: 4px!important;
  12543. font-size: 15px!important
  12544. }
  12545. .ui-jqdialog-content .searchFilter .delete-rule {
  12546. border: 0;
  12547. background-color: #FFF;
  12548. color: #d15b47;
  12549. font-size: 20px;
  12550. width: 22px;
  12551. line-height: 10px;
  12552. padding: 0;
  12553. text-shadow: none!important;
  12554. display: inline-block;
  12555. -webkit-transition: all .1s;
  12556. transition: all .1s;
  12557. opacity: .85
  12558. }
  12559. .ui-jqdialog-content .searchFilter .delete-rule:hover {
  12560. -moz-transform: scale(1.1);
  12561. -webkit-transform: scale(1.1);
  12562. -o-transform: scale(1.1);
  12563. -ms-transform: scale(1.1);
  12564. transform: scale(1.1);
  12565. color: #b74635;
  12566. opacity: 1
  12567. }
  12568. .ui-jqdialog-content .searchFilter .queryresult {
  12569. margin-bottom: 11px
  12570. }
  12571. .ui-jqdialog-content .searchFilter .queryresult td.query {
  12572. padding: 6px 11px;
  12573. border: 1px solid #e1e1e1;
  12574. background-color: #eee
  12575. }
  12576. .ui-jqdialog-content .searchFilter .queryresult td.query:empty {
  12577. display: none
  12578. }
  12579. .ui-state-error {
  12580. background-color: #f2dede;
  12581. border: 1px solid #eed3d7;
  12582. color: #b94a48;
  12583. margin: 4px 4px 8px;
  12584. padding: 6px 10px;
  12585. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  12586. font-size: 13px
  12587. }
  12588. .ui-jqdialog .ui-widget-header {
  12589. background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#eee));
  12590. background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
  12591. background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
  12592. background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  12593. background-repeat: repeat-x;
  12594. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  12595. border-image: none;
  12596. border-bottom: 1px solid solid;
  12597. color: #669fc7;
  12598. min-height: 38px;
  12599. position: relative
  12600. }
  12601. .ui-jqdialog .ui-widget-header .ui-jqdialog-title {
  12602. line-height: 38px;
  12603. margin: 0;
  12604. padding: 0;
  12605. padding-left: 12px;
  12606. text-align: left
  12607. }
  12608. .widget-header .ui-jqdialog-title {
  12609. padding-left: 0!important;
  12610. padding-right: 0!important
  12611. }
  12612. .ui-jqdialog .ui-widget-header .widget-header {
  12613. border-bottom: 0
  12614. }
  12615. .ui-jqdialog .ui-jqdialog-titlebar {
  12616. border-bottom: 1px solid #DDD!important
  12617. }
  12618. .fm-button {
  12619. margin: 0 4px
  12620. }
  12621. .fm-button:not(.btn) {
  12622. background-color: #abbac3;
  12623. border-radius: 0;
  12624. box-shadow: none;
  12625. color: #fff;
  12626. cursor: pointer;
  12627. display: inline-block;
  12628. font-size: 13px;
  12629. line-height: 28px;
  12630. padding: 0 12px 1px;
  12631. margin: 0 8px;
  12632. position: relative;
  12633. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  12634. -webkit-transition: all .15s;
  12635. transition: all .15s;
  12636. vertical-align: middle
  12637. }
  12638. .fm-button.ui-state-default:hover {
  12639. background-color: #8b9aa3
  12640. }
  12641. .dd {
  12642. position: relative;
  12643. display: block;
  12644. margin: 0;
  12645. padding: 0;
  12646. max-width: 600px;
  12647. list-style: none;
  12648. line-height: 20px
  12649. }
  12650. .dd-list {
  12651. display: block;
  12652. position: relative;
  12653. margin: 0;
  12654. padding: 0;
  12655. list-style: none
  12656. }
  12657. .dd-list .dd-list {
  12658. padding-left: 30px
  12659. }
  12660. .dd-collapsed .dd-list {
  12661. display: none
  12662. }
  12663. .dd-item,
  12664. .dd-empty,
  12665. .dd-placeholder {
  12666. display: block;
  12667. position: relative;
  12668. margin: 0;
  12669. padding: 0;
  12670. min-height: 20px;
  12671. line-height: 20px
  12672. }
  12673. .dd-handle,
  12674. .dd2-content {
  12675. display: block;
  12676. min-height: 38px;
  12677. margin: 5px 0;
  12678. padding: 8px 12px;
  12679. background: #f8faff;
  12680. border: 1px solid #dae2ea;
  12681. color: #7c9eb2;
  12682. text-decoration: none;
  12683. font-weight: bold;
  12684. -webkit-box-sizing: border-box;
  12685. -moz-box-sizing: border-box;
  12686. box-sizing: border-box
  12687. }
  12688. .dd-handle:hover,
  12689. .dd2-content:hover {
  12690. color: #438eb9;
  12691. background: #f4f6f7;
  12692. border-color: #dce2e8
  12693. }
  12694. .dd-handle[class*="btn-"],
  12695. .dd2-content[class*="btn-"] {
  12696. color: #FFF;
  12697. border: 0;
  12698. padding: 9px 12px
  12699. }
  12700. .dd-handle[class*="btn-"]:hover,
  12701. .dd2-content[class*="btn-"]:hover {
  12702. opacity: .85;
  12703. color: #FFF
  12704. }
  12705. .dd2-handle+.dd2-content,
  12706. .dd2-handle+.dd2-content[class*="btn-"] {
  12707. padding-left: 44px
  12708. }
  12709. .dd-handle[class*="btn-"]:hover,
  12710. .dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover+.dd2-content[class*="btn-"] {
  12711. color: #FFF
  12712. }
  12713. .dd-item>button:hover~ .dd-handle,
  12714. .dd-item>button:hover~ .dd2-content {
  12715. color: #438eb9;
  12716. background: #f4f6f7;
  12717. border-color: #dce2e8
  12718. }
  12719. .dd-item>button:hover~ .dd-handle[class*="btn-"],
  12720. .dd-item>button:hover~ .dd2-content[class*="btn-"] {
  12721. opacity: .85;
  12722. color: #FFF
  12723. }
  12724. .dd2-handle:hover~ .dd2-content {
  12725. color: #438eb9;
  12726. background: #f4f6f7;
  12727. border-color: #dce2e8
  12728. }
  12729. .dd2-handle:hover~ .dd2-content[class*="btn-"] {
  12730. opacity: .85;
  12731. color: #FFF
  12732. }
  12733. .dd2-item.dd-item>button {
  12734. margin-left: 34px
  12735. }
  12736. .dd-item>button {
  12737. display: block;
  12738. position: relative;
  12739. z-index: 1;
  12740. cursor: pointer;
  12741. float: left;
  12742. width: 25px;
  12743. height: 20px;
  12744. margin: 5px 1px 5px 5px;
  12745. padding: 0;
  12746. text-indent: 100%;
  12747. white-space: nowrap;
  12748. overflow: hidden;
  12749. border: 0;
  12750. background: transparent;
  12751. font-size: 12px;
  12752. line-height: 1;
  12753. text-align: center;
  12754. font-weight: bold;
  12755. top: 4px;
  12756. left: 1px;
  12757. color: #707070
  12758. }
  12759. .dd-item>button:before {
  12760. font-family: FontAwesome;
  12761. content: '\f067';
  12762. display: block;
  12763. position: absolute;
  12764. width: 100%;
  12765. text-align: center;
  12766. text-indent: 0;
  12767. font-weight: normal;
  12768. font-size: 14px
  12769. }
  12770. .dd-item>button[data-action="collapse"]:before {
  12771. content: '\f068'
  12772. }
  12773. .dd-item>button:hover {
  12774. color: #707070
  12775. }
  12776. .dd-item.dd-colored>button,
  12777. .dd-item.dd-colored>button:hover {
  12778. color: #EEE
  12779. }
  12780. .dd-placeholder,
  12781. .dd-empty {
  12782. margin: 5px 0;
  12783. padding: 0;
  12784. min-height: 30px;
  12785. background: #f0f9ff;
  12786. border: 2px dashed #bed2db;
  12787. -webkit-box-sizing: border-box;
  12788. -moz-box-sizing: border-box;
  12789. box-sizing: border-box
  12790. }
  12791. .dd-empty {
  12792. border-color: #AAA;
  12793. border-style: solid;
  12794. background-color: #e5e5e5
  12795. }
  12796. .dd-dragel {
  12797. position: absolute;
  12798. pointer-events: none;
  12799. z-index: 999;
  12800. opacity: .8
  12801. }
  12802. .dd-dragel>li>.dd-handle {
  12803. color: #4b92be;
  12804. background: #f1f5fa;
  12805. border-color: #d6e1ea;
  12806. border-left: 2px solid #777;
  12807. position: relative
  12808. }
  12809. .dd-dragel>li>.dd-handle[class*="btn-"] {
  12810. color: #FFF
  12811. }
  12812. .dd-dragel>.dd-item>.dd-handle {
  12813. margin-top: 0
  12814. }
  12815. .dd-list>li[class*="item-"] {
  12816. border-width: 0;
  12817. padding: 0
  12818. }
  12819. .dd-list>li[class*="item-"]>.dd-handle {
  12820. border-left: 2px solid;
  12821. border-left-color: inherit
  12822. }
  12823. .dd-list>li>.dd-handle .sticker {
  12824. position: absolute;
  12825. right: 0;
  12826. top: 0
  12827. }
  12828. .dd2-handle,
  12829. .dd-dragel>li>.dd2-handle {
  12830. left: 0;
  12831. top: 0;
  12832. width: 36px;
  12833. margin: 0;
  12834. border-width: 1px 1px 0 0;
  12835. text-align: center;
  12836. padding: 0!important;
  12837. line-height: 38px;
  12838. height: 38px;
  12839. background: #ebedf2;
  12840. border: 1px solid #dee4ea;
  12841. cursor: pointer;
  12842. overflow: hidden;
  12843. position: absolute;
  12844. z-index: 1
  12845. }
  12846. .dd2-handle:hover,
  12847. .dd-dragel>li>.dd2-handle {
  12848. background: #e3e8ed
  12849. }
  12850. .dd2-content[class*="btn-"] {
  12851. text-shadow: none!important
  12852. }
  12853. .dd2-handle[class*="btn-"] {
  12854. text-shadow: none!important;
  12855. background: rgba(0, 0, 0, 0.1)!important;
  12856. border-right: 1px solid #EEE
  12857. }
  12858. .dd2-handle[class*="btn-"]:hover {
  12859. background: rgba(0, 0, 0, 0.08)!important
  12860. }
  12861. .dd-dragel .dd2-handle[class*="btn-"] {
  12862. border-color: transparent;
  12863. border-right-color: #EEE
  12864. }
  12865. .dd2-handle.btn-yellow {
  12866. text-shadow: none!important;
  12867. background: rgba(0, 0, 0, 0.05)!important;
  12868. border-right: 1px solid #FFF
  12869. }
  12870. .dd2-handle.btn-yellow:hover {
  12871. background: rgba(0, 0, 0, 0.08)!important
  12872. }
  12873. .dd-dragel .dd2-handle.btn-yellow {
  12874. border-color: transparent;
  12875. border-right-color: #FFF
  12876. }
  12877. .dd-item>.dd2-handle .drag-icon {
  12878. display: none
  12879. }
  12880. .dd-dragel>.dd-item>.dd2-handle .drag-icon {
  12881. display: inline
  12882. }
  12883. .dd-dragel>.dd-item>.dd2-handle .normal-icon {
  12884. display: none
  12885. }
  12886. .dropzone {
  12887. border-radius: 0;
  12888. border: 1px solid rgba(0, 0, 0, 0.06)
  12889. }
  12890. .dropzone .dz-default.dz-message {
  12891. background-image: none;
  12892. font-size: 24px;
  12893. text-align: center;
  12894. line-height: 32px;
  12895. left: 0;
  12896. width: 100%;
  12897. margin-left: auto
  12898. }
  12899. .dropzone .dz-default.dz-message span {
  12900. display: inline;
  12901. color: #555
  12902. }
  12903. .dropzone .dz-default.dz-message span .upload-icon {
  12904. opacity: .7;
  12905. filter: alpha(opacity=70);
  12906. margin-top: 8px;
  12907. cursor: pointer
  12908. }
  12909. .dropzone .dz-default.dz-message span .upload-icon:hover {
  12910. opacity: 1;
  12911. filter: alpha(opacity=100)
  12912. }
  12913. .dropzone .dz-preview .dz-error-mark,
  12914. .dropzone-previews .dz-preview .dz-error-mark,
  12915. .dropzone .dz-preview .dz-success-mark,
  12916. .dropzone-previews .dz-preview .dz-success-mark {
  12917. background-image: none;
  12918. background-color: rgba(255, 255, 255, 0.8);
  12919. border-radius: 100%;
  12920. text-align: center;
  12921. line-height: 35px
  12922. }
  12923. .dropzone .dz-preview .dz-error-mark:before,
  12924. .dropzone-previews .dz-preview .dz-error-mark:before {
  12925. font-family: FontAwesome;
  12926. font-size: 30px;
  12927. color: #db6262;
  12928. content: "\f00d"
  12929. }
  12930. .dropzone .dz-preview .dz-success-mark:before,
  12931. .dropzone-previews .dz-preview .dz-success-mark:before {
  12932. font-family: FontAwesome;
  12933. font-size: 30px;
  12934. color: #6da552;
  12935. content: "\f00c"
  12936. }
  12937. .dropzone a.dz-remove,
  12938. .dropzone-previews a.dz-remove {
  12939. border: 0;
  12940. border-radius: 0;
  12941. color: #FFF;
  12942. background: #d15b47;
  12943. cursor: pointer
  12944. }
  12945. .dropzone a.dz-remove:hover,
  12946. .dropzone-previews a.dz-remove:hover {
  12947. color: #FFF;
  12948. background: #b74635
  12949. }
  12950. .dropzone .progress,
  12951. .dropzone-previews .progress {
  12952. margin-bottom: 0
  12953. }
  12954. .dropzone .dz-preview.dz-success .progress,
  12955. .dropzone-previews .dz-preview.dz-success .progress,
  12956. .dropzone .dz-preview.dz-error .progress,
  12957. .dropzone-previews .dz-preview.dz-error .progress {
  12958. display: none
  12959. }
  12960. .icon-animated-bell {
  12961. display: inline-block;
  12962. -moz-animation: ringing 2.0s 5 ease 1.0s;
  12963. -webkit-animation: ringing 2.0s 5 ease 1.0s;
  12964. -o-animation: ringing 2.0s 5 ease 1.0s;
  12965. -ms-animation: ringing 2.0s 5 ease 1.0s;
  12966. animation: ringing 2.0s 5 ease 1.0s;
  12967. -moz-transform-origin: 50% 0;
  12968. -webkit-transform-origin: 50% 0;
  12969. -o-transform-origin: 50% 0;
  12970. -ms-transform-origin: 50% 0;
  12971. transform-origin: 50% 0
  12972. }
  12973. @-moz-keyframes ringing {
  12974. 0% {
  12975. -moz-transform: rotate(-15deg)
  12976. }
  12977. 2% {
  12978. -moz-transform: rotate(15deg)
  12979. }
  12980. 4% {
  12981. -moz-transform: rotate(-18deg)
  12982. }
  12983. 6% {
  12984. -moz-transform: rotate(18deg)
  12985. }
  12986. 8% {
  12987. -moz-transform: rotate(-22deg)
  12988. }
  12989. 10% {
  12990. -moz-transform: rotate(22deg)
  12991. }
  12992. 12% {
  12993. -moz-transform: rotate(-18deg)
  12994. }
  12995. 14% {
  12996. -moz-transform: rotate(18deg)
  12997. }
  12998. 16% {
  12999. -moz-transform: rotate(-12deg)
  13000. }
  13001. 18% {
  13002. -moz-transform: rotate(12deg)
  13003. }
  13004. 20% {
  13005. -moz-transform: rotate(0deg)
  13006. }
  13007. }
  13008. @-webkit-keyframes ringing {
  13009. 0% {
  13010. -webkit-transform: rotate(-15deg)
  13011. }
  13012. 2% {
  13013. -webkit-transform: rotate(15deg)
  13014. }
  13015. 4% {
  13016. -webkit-transform: rotate(-18deg)
  13017. }
  13018. 6% {
  13019. -webkit-transform: rotate(18deg)
  13020. }
  13021. 8% {
  13022. -webkit-transform: rotate(-22deg)
  13023. }
  13024. 10% {
  13025. -webkit-transform: rotate(22deg)
  13026. }
  13027. 12% {
  13028. -webkit-transform: rotate(-18deg)
  13029. }
  13030. 14% {
  13031. -webkit-transform: rotate(18deg)
  13032. }
  13033. 16% {
  13034. -webkit-transform: rotate(-12deg)
  13035. }
  13036. 18% {
  13037. -webkit-transform: rotate(12deg)
  13038. }
  13039. 20% {
  13040. -webkit-transform: rotate(0deg)
  13041. }
  13042. }
  13043. @-ms-keyframes ringing {
  13044. 0% {
  13045. -ms-transform: rotate(-15deg)
  13046. }
  13047. 2% {
  13048. -ms-transform: rotate(15deg)
  13049. }
  13050. 4% {
  13051. -ms-transform: rotate(-18deg)
  13052. }
  13053. 6% {
  13054. -ms-transform: rotate(18deg)
  13055. }
  13056. 8% {
  13057. -ms-transform: rotate(-22deg)
  13058. }
  13059. 10% {
  13060. -ms-transform: rotate(22deg)
  13061. }
  13062. 12% {
  13063. -ms-transform: rotate(-18deg)
  13064. }
  13065. 14% {
  13066. -ms-transform: rotate(18deg)
  13067. }
  13068. 16% {
  13069. -ms-transform: rotate(-12deg)
  13070. }
  13071. 18% {
  13072. -ms-transform: rotate(12deg)
  13073. }
  13074. 20% {
  13075. -ms-transform: rotate(0deg)
  13076. }
  13077. }
  13078. @keyframes ringing {
  13079. 0% {
  13080. transform: rotate(-15deg)
  13081. }
  13082. 2% {
  13083. transform: rotate(15deg)
  13084. }
  13085. 4% {
  13086. transform: rotate(-18deg)
  13087. }
  13088. 6% {
  13089. transform: rotate(18deg)
  13090. }
  13091. 8% {
  13092. transform: rotate(-22deg)
  13093. }
  13094. 10% {
  13095. transform: rotate(22deg)
  13096. }
  13097. 12% {
  13098. transform: rotate(-18deg)
  13099. }
  13100. 14% {
  13101. transform: rotate(18deg)
  13102. }
  13103. 16% {
  13104. transform: rotate(-12deg)
  13105. }
  13106. 18% {
  13107. transform: rotate(12deg)
  13108. }
  13109. 20% {
  13110. transform: rotate(0deg)
  13111. }
  13112. }
  13113. .icon-animated-vertical {
  13114. display: inline-block;
  13115. -moz-animation: vertical 2.0s 5 ease 2.0s;
  13116. -webkit-animation: vertical 2.0s 5 ease 2.0s;
  13117. -o-animation: vertical 2.0s 5 ease 2.0s;
  13118. -ms-animation: vertical 2.0s 5 ease 2.0s;
  13119. animation: vertical 2.0s 5 ease 2.0s
  13120. }
  13121. @-moz-keyframes vertical {
  13122. 0% {
  13123. -moz-transform: translate(0, -3px)
  13124. }
  13125. 4% {
  13126. -moz-transform: translate(0, 3px)
  13127. }
  13128. 8% {
  13129. -moz-transform: translate(0, -3px)
  13130. }
  13131. 12% {
  13132. -moz-transform: translate(0, 3px)
  13133. }
  13134. 16% {
  13135. -moz-transform: translate(0, -3px)
  13136. }
  13137. 20% {
  13138. -moz-transform: translate(0, 3px)
  13139. }
  13140. 22% {
  13141. -moz-transform: translate(0, 0)
  13142. }
  13143. }
  13144. @-webkit-keyframes vertical {
  13145. 0% {
  13146. -webkit-transform: translate(0, -3px)
  13147. }
  13148. 4% {
  13149. -webkit-transform: translate(0, 3px)
  13150. }
  13151. 8% {
  13152. -webkit-transform: translate(0, -3px)
  13153. }
  13154. 12% {
  13155. -webkit-transform: translate(0, 3px)
  13156. }
  13157. 16% {
  13158. -webkit-transform: translate(0, -3px)
  13159. }
  13160. 20% {
  13161. -webkit-transform: translate(0, 3px)
  13162. }
  13163. 22% {
  13164. -webkit-transform: translate(0, 0)
  13165. }
  13166. }
  13167. @-ms-keyframes vertical {
  13168. 0% {
  13169. -ms-transform: translate(0, -3px)
  13170. }
  13171. 4% {
  13172. -ms-transform: translate(0, 3px)
  13173. }
  13174. 8% {
  13175. -ms-transform: translate(0, -3px)
  13176. }
  13177. 12% {
  13178. -ms-transform: translate(0, 3px)
  13179. }
  13180. 16% {
  13181. -ms-transform: translate(0, -3px)
  13182. }
  13183. 20% {
  13184. -ms-transform: translate(0, 3px)
  13185. }
  13186. 22% {
  13187. -ms-transform: translate(0, 0)
  13188. }
  13189. }
  13190. @keyframes vertical {
  13191. 0% {
  13192. transform: translate(0, -3px)
  13193. }
  13194. 4% {
  13195. transform: translate(0, 3px)
  13196. }
  13197. 8% {
  13198. transform: translate(0, -3px)
  13199. }
  13200. 12% {
  13201. transform: translate(0, 3px)
  13202. }
  13203. 16% {
  13204. transform: translate(0, -3px)
  13205. }
  13206. 20% {
  13207. transform: translate(0, 3px)
  13208. }
  13209. 22% {
  13210. transform: translate(0, 0)
  13211. }
  13212. }
  13213. .icon-animated-hand-pointer {
  13214. display: inline-block;
  13215. -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
  13216. -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
  13217. -o-animation: hand-pointer 2.0s 4 ease 2.0s;
  13218. -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
  13219. animation: hand-pointer 2.0s 4 ease 2.0s
  13220. }
  13221. @-moz-keyframes hand-pointer {
  13222. 0% {
  13223. -moz-transform: translate(0, 0)
  13224. }
  13225. 6% {
  13226. -moz-transform: translate(5px, 0)
  13227. }
  13228. 12% {
  13229. -moz-transform: translate(0, 0)
  13230. }
  13231. 18% {
  13232. -moz-transform: translate(5px, 0)
  13233. }
  13234. 24% {
  13235. -moz-transform: translate(0, 0)
  13236. }
  13237. 30% {
  13238. -moz-transform: translate(5px, 0)
  13239. }
  13240. 36% {
  13241. -moz-transform: translate(0, 0)
  13242. }
  13243. }
  13244. .icon-animated-wrench {
  13245. display: inline-block;
  13246. -moz-animation: wrenching 2.5s 4 ease;
  13247. -webkit-animation: wrenching 2.5s 4 ease;
  13248. -o-animation: wrenching 2.5s 4 ease;
  13249. -ms-animation: wrenching 2.5s 4 ease;
  13250. animation: wrenching 2.5s 4 ease;
  13251. -moz-transform-origin: 90% 35%;
  13252. -webkit-transform-origin: 90% 35%;
  13253. -o-transform-origin: 90% 35%;
  13254. -ms-transform-origin: 90% 35%;
  13255. transform-origin: 90% 35%
  13256. }
  13257. @-moz-keyframes wrenching {
  13258. 0% {
  13259. -moz-transform: rotate(-12deg)
  13260. }
  13261. 8% {
  13262. -moz-transform: rotate(12deg)
  13263. }
  13264. 10% {
  13265. -moz-transform: rotate(24deg)
  13266. }
  13267. 18% {
  13268. -moz-transform: rotate(-24deg)
  13269. }
  13270. 20% {
  13271. -moz-transform: rotate(-24deg)
  13272. }
  13273. 28% {
  13274. -moz-transform: rotate(24deg)
  13275. }
  13276. 30% {
  13277. -moz-transform: rotate(24deg)
  13278. }
  13279. 38% {
  13280. -moz-transform: rotate(-24deg)
  13281. }
  13282. 40% {
  13283. -moz-transform: rotate(-24deg)
  13284. }
  13285. 48% {
  13286. -moz-transform: rotate(24deg)
  13287. }
  13288. 50% {
  13289. -moz-transform: rotate(24deg)
  13290. }
  13291. 58% {
  13292. -moz-transform: rotate(-24deg)
  13293. }
  13294. 60% {
  13295. -moz-transform: rotate(-24deg)
  13296. }
  13297. 68% {
  13298. -moz-transform: rotate(24deg)
  13299. }
  13300. 75% {
  13301. -moz-transform: rotate(0deg)
  13302. }
  13303. }
  13304. @-webkit-keyframes wrenching {
  13305. 0% {
  13306. -webkit-transform: rotate(-12deg)
  13307. }
  13308. 8% {
  13309. -webkit-transform: rotate(12deg)
  13310. }
  13311. 10% {
  13312. -webkit-transform: rotate(24deg)
  13313. }
  13314. 18% {
  13315. -webkit-transform: rotate(-24deg)
  13316. }
  13317. 20% {
  13318. -webkit-transform: rotate(-24deg)
  13319. }
  13320. 28% {
  13321. -webkit-transform: rotate(24deg)
  13322. }
  13323. 30% {
  13324. -webkit-transform: rotate(24deg)
  13325. }
  13326. 38% {
  13327. -webkit-transform: rotate(-24deg)
  13328. }
  13329. 40% {
  13330. -webkit-transform: rotate(-24deg)
  13331. }
  13332. 48% {
  13333. -webkit-transform: rotate(24deg)
  13334. }
  13335. 50% {
  13336. -webkit-transform: rotate(24deg)
  13337. }
  13338. 58% {
  13339. -webkit-transform: rotate(-24deg)
  13340. }
  13341. 60% {
  13342. -webkit-transform: rotate(-24deg)
  13343. }
  13344. 68% {
  13345. -webkit-transform: rotate(24deg)
  13346. }
  13347. 75% {
  13348. -webkit-transform: rotate(0deg)
  13349. }
  13350. }
  13351. @-o-keyframes wrenching {
  13352. 0% {
  13353. -o-transform: rotate(-12deg)
  13354. }
  13355. 8% {
  13356. -o-transform: rotate(12deg)
  13357. }
  13358. 10% {
  13359. -o-transform: rotate(24deg)
  13360. }
  13361. 18% {
  13362. -o-transform: rotate(-24deg)
  13363. }
  13364. 20% {
  13365. -o-transform: rotate(-24deg)
  13366. }
  13367. 28% {
  13368. -o-transform: rotate(24deg)
  13369. }
  13370. 30% {
  13371. -o-transform: rotate(24deg)
  13372. }
  13373. 38% {
  13374. -o-transform: rotate(-24deg)
  13375. }
  13376. 40% {
  13377. -o-transform: rotate(-24deg)
  13378. }
  13379. 48% {
  13380. -o-transform: rotate(24deg)
  13381. }
  13382. 50% {
  13383. -o-transform: rotate(24deg)
  13384. }
  13385. 58% {
  13386. -o-transform: rotate(-24deg)
  13387. }
  13388. 60% {
  13389. -o-transform: rotate(-24deg)
  13390. }
  13391. 68% {
  13392. -o-transform: rotate(24deg)
  13393. }
  13394. 75% {
  13395. -o-transform: rotate(0deg)
  13396. }
  13397. }
  13398. @-ms-keyframes wrenching {
  13399. 0% {
  13400. -ms-transform: rotate(-12deg)
  13401. }
  13402. 8% {
  13403. -ms-transform: rotate(12deg)
  13404. }
  13405. 10% {
  13406. -ms-transform: rotate(24deg)
  13407. }
  13408. 18% {
  13409. -ms-transform: rotate(-24deg)
  13410. }
  13411. 20% {
  13412. -ms-transform: rotate(-24deg)
  13413. }
  13414. 28% {
  13415. -ms-transform: rotate(24deg)
  13416. }
  13417. 30% {
  13418. -ms-transform: rotate(24deg)
  13419. }
  13420. 38% {
  13421. -ms-transform: rotate(-24deg)
  13422. }
  13423. 40% {
  13424. -ms-transform: rotate(-24deg)
  13425. }
  13426. 48% {
  13427. -ms-transform: rotate(24deg)
  13428. }
  13429. 50% {
  13430. -ms-transform: rotate(24deg)
  13431. }
  13432. 58% {
  13433. -ms-transform: rotate(-24deg)
  13434. }
  13435. 60% {
  13436. -ms-transform: rotate(-24deg)
  13437. }
  13438. 68% {
  13439. -ms-transform: rotate(24deg)
  13440. }
  13441. 75% {
  13442. -ms-transform: rotate(0deg)
  13443. }
  13444. }
  13445. @keyframes wrenching {
  13446. 0% {
  13447. transform: rotate(-12deg)
  13448. }
  13449. 8% {
  13450. transform: rotate(12deg)
  13451. }
  13452. 10% {
  13453. transform: rotate(24deg)
  13454. }
  13455. 18% {
  13456. transform: rotate(-24deg)
  13457. }
  13458. 20% {
  13459. transform: rotate(-24deg)
  13460. }
  13461. 28% {
  13462. transform: rotate(24deg)
  13463. }
  13464. 30% {
  13465. transform: rotate(24deg)
  13466. }
  13467. 38% {
  13468. transform: rotate(-24deg)
  13469. }
  13470. 40% {
  13471. transform: rotate(-24deg)
  13472. }
  13473. 48% {
  13474. transform: rotate(24deg)
  13475. }
  13476. 50% {
  13477. transform: rotate(24deg)
  13478. }
  13479. 58% {
  13480. transform: rotate(-24deg)
  13481. }
  13482. 60% {
  13483. transform: rotate(-24deg)
  13484. }
  13485. 68% {
  13486. transform: rotate(24deg)
  13487. }
  13488. 75% {
  13489. transform: rotate(0deg)
  13490. }
  13491. }
  13492. .ace-settings-container {
  13493. position: absolute;
  13494. right: 0;
  13495. top: 50px;
  13496. z-index: 12
  13497. }
  13498. .breadcrumbs-fixed .ace-settings-container {
  13499. top: 9px
  13500. }
  13501. .btn.ace-settings-btn {
  13502. float: left;
  13503. display: inline-block;
  13504. width: 42px!important;
  13505. text-align: center;
  13506. border-radius: 6px 0 0 6px!important;
  13507. opacity: .55;
  13508. filter: alpha(opacity=55.00000000000001);
  13509. vertical-align: top;
  13510. margin: 0
  13511. }
  13512. .btn.ace-settings-btn:hover,
  13513. .btn.ace-settings-btn.open {
  13514. opacity: 1;
  13515. filter: alpha(opacity=100)
  13516. }
  13517. .ace-settings-box {
  13518. display: none;
  13519. float: left;
  13520. width: 175px;
  13521. padding: 0 14px;
  13522. background-color: #FFF;
  13523. border: 2px solid #ffb34b
  13524. }
  13525. .ace-settings-box.open {
  13526. display: inline-block
  13527. }
  13528. .ace-settings-box>div {
  13529. margin: 6px 0;
  13530. color: #444;
  13531. max-height: 24px
  13532. }
  13533. .ace-settings-box>div>label {
  13534. font-size: 13px
  13535. }
  13536. .btn-scroll-up {
  13537. border: 0;
  13538. position: absolute;
  13539. right: 2px;
  13540. bottom: 2px;
  13541. z-index: 11
  13542. }
  13543. @media(min-width:768px) {
  13544. .main-container.container>.btn-scroll-up {
  13545. right: auto;
  13546. margin-left: 708px
  13547. }
  13548. }
  13549. @media(min-width:992px) {
  13550. .main-container.container>.btn-scroll-up {
  13551. right: auto;
  13552. margin-left: 928px
  13553. }
  13554. }
  13555. @media(min-width:1200px) {
  13556. .main-container.container>.btn-scroll-up {
  13557. right: auto;
  13558. margin-left: 1128px
  13559. }
  13560. }
  13561. .grid2,
  13562. .grid3,
  13563. .grid4 {
  13564. -webkit-box-sizing: border-box;
  13565. -moz-box-sizing: border-box;
  13566. box-sizing: border-box;
  13567. display: block;
  13568. margin: 0;
  13569. float: left;
  13570. border-left: 1px solid #e3e3e3
  13571. }
  13572. .grid2:first-child,
  13573. .grid3:first-child,
  13574. .grid4:first-child {
  13575. border-left: none
  13576. }
  13577. .grid2 {
  13578. width: 48%;
  13579. padding: 0 2%
  13580. }
  13581. .grid3 {
  13582. width: 33%;
  13583. padding: 0 2%
  13584. }
  13585. .grid4 {
  13586. width: 23%;
  13587. margin: 0 1%;
  13588. padding: 0 1%
  13589. }
  13590. .draggable-placeholder {
  13591. border: 2px dashed #d9d9d9!important;
  13592. background-color: #f7f7f7!important
  13593. }
  13594. .slimScrollBar {
  13595. border-radius: 0!important
  13596. }
  13597. .slimScrollRail {
  13598. border-radius: 0!important
  13599. }
  13600. .datepicker td,
  13601. .daterangepicker td,
  13602. .datepicker th,
  13603. .daterangepicker th {
  13604. border-radius: 0!important;
  13605. font-size: 13px
  13606. }
  13607. .datepicker td.active,
  13608. .daterangepicker td.active,
  13609. .datepicker td.active:hover,
  13610. .daterangepicker td.active:hover {
  13611. background: #2283c5!important
  13612. }
  13613. .datepicker td.active.disabled,
  13614. .daterangepicker td.active.disabled,
  13615. .datepicker td.active.disabled:hover,
  13616. .daterangepicker td.active.disabled:hover {
  13617. background: #8b9aa3!important
  13618. }
  13619. .datepicker td,
  13620. .datepicker th {
  13621. min-width: 32px
  13622. }
  13623. .datepicker-months .month,
  13624. .datepicker-years .year {
  13625. border-radius: 0!important
  13626. }
  13627. .datepicker-months .month.active,
  13628. .datepicker-years .year.active,
  13629. .datepicker-months .month.active:hover,
  13630. .datepicker-years .year.active:hover,
  13631. .datepicker-months .month.active:focus,
  13632. .datepicker-years .year.active:focus,
  13633. .datepicker-months .month.active:active,
  13634. .datepicker-years .year.active:active {
  13635. background-image: none!important;
  13636. background-color: #2283c5!important
  13637. }
  13638. .bootstrap-timepicker-widget table td input {
  13639. width: 32px
  13640. }
  13641. .bootstrap-timepicker-widget table td a:hover {
  13642. border-radius: 0
  13643. }
  13644. .well .datepicker table tr td.day:hover {
  13645. background-color: #7d8893;
  13646. color: #FFF
  13647. }
  13648. .easyPieChart {
  13649. position: relative;
  13650. text-align: center
  13651. }
  13652. .easyPieChart canvas {
  13653. position: absolute;
  13654. top: 0;
  13655. left: 0
  13656. }
  13657. .knob-container {
  13658. direction: ltr;
  13659. text-align: left
  13660. }
  13661. .navbar .navbar-inner,
  13662. .navbar .btn-navbar {
  13663. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13664. }
  13665. .dropdown-menu li>a,
  13666. .dropdown-submenu>a {
  13667. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13668. }
  13669. .btn {
  13670. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13671. }
  13672. .progress,
  13673. .progress .bar {
  13674. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13675. }
  13676. .tags {
  13677. display: inline-block;
  13678. padding: 4px 6px;
  13679. color: #777;
  13680. vertical-align: middle;
  13681. background-color: #FFF;
  13682. border: 1px solid #d5d5d5;
  13683. width: 206px
  13684. }
  13685. .tags:hover {
  13686. border-color: #b5b5b5
  13687. }
  13688. .tags-hover,
  13689. .tags-hover:hover {
  13690. border-color: #f59942;
  13691. outline: 0;
  13692. outline: thin dotted \9
  13693. }
  13694. .tags[class*="span"] {
  13695. float: none;
  13696. margin-left: 0
  13697. }
  13698. .tags input[type="text"],
  13699. .tags input[type="text"]:focus {
  13700. border: 0;
  13701. display: inline;
  13702. outline: 0;
  13703. margin: 0;
  13704. padding: 0;
  13705. line-height: 14px;
  13706. -webkit-box-shadow: none;
  13707. box-shadow: none;
  13708. width: 100%
  13709. }
  13710. .tags .tag {
  13711. display: inline-block;
  13712. position: relative;
  13713. font-size: 13px;
  13714. font-weight: normal;
  13715. vertical-align: baseline;
  13716. white-space: nowrap;
  13717. background-color: #91b8d0;
  13718. color: #FFF;
  13719. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  13720. padding: 4px 22px 5px 9px;
  13721. margin-bottom: 3px;
  13722. margin-right: 3px;
  13723. -webkit-transition: all .2s;
  13724. transition: all .2s
  13725. }
  13726. .tags .tag:empty {
  13727. display: none
  13728. }
  13729. .tags .tag-important {
  13730. background-color: #d15b47
  13731. }
  13732. .tags .tag-warning {
  13733. background-color: #ffb752
  13734. }
  13735. .tags .tag-success {
  13736. background-color: #87b87f
  13737. }
  13738. .tags .tag-info {
  13739. background-color: #6fb3e0
  13740. }
  13741. .tags .tag-inverse {
  13742. background-color: #555
  13743. }
  13744. .tags .tag .close {
  13745. font-size: 15px;
  13746. line-height: 20px;
  13747. opacity: 1;
  13748. filter: alpha(opacity=100);
  13749. color: #FFF;
  13750. text-shadow: none;
  13751. float: none;
  13752. position: absolute;
  13753. right: 0;
  13754. top: 0;
  13755. bottom: 0;
  13756. width: 18px;
  13757. text-align: center
  13758. }
  13759. .tags .tag .close:hover {
  13760. background-color: rgba(0, 0, 0, 0.2)
  13761. }
  13762. .col-xs-12,
  13763. .col-sm-12,
  13764. .col-md-12,
  13765. .col-lg-12 {
  13766. float: left
  13767. }
  13768. .col-xs-reset {
  13769. width: auto;
  13770. padding-left: 0;
  13771. padding-right: 0;
  13772. float: none
  13773. }
  13774. @media(min-width:768px) {
  13775. .col-sm-reset {
  13776. width: auto;
  13777. padding-left: 0;
  13778. padding-right: 0;
  13779. float: none
  13780. }
  13781. }
  13782. @media(min-width:992px) {
  13783. .col-md-reset {
  13784. width: auto;
  13785. padding-left: 0;
  13786. padding-right: 0;
  13787. float: none
  13788. }
  13789. }
  13790. @media(min-width:1200px) {
  13791. .col-lg-reset {
  13792. width: auto;
  13793. padding-left: 0;
  13794. padding-right: 0;
  13795. float: none
  13796. }
  13797. }
  13798. .jqstooltip,
  13799. .legendColorBox div {
  13800. -webkit-box-sizing: content-box;
  13801. -moz-box-sizing: content-box;
  13802. box-sizing: content-box
  13803. }
  13804. .legendLabel {
  13805. -webkit-box-sizing: content-box;
  13806. -moz-box-sizing: content-box;
  13807. box-sizing: content-box;
  13808. height: 20px;
  13809. font-size: 10px
  13810. }
  13811. @media only screen and (max-width:480px) {
  13812. .hidden-480 {
  13813. display: none!important
  13814. }
  13815. }
  13816. @media only screen and (max-width:320px) {
  13817. .hidden-320 {
  13818. display: none!important
  13819. }
  13820. }
  13821. @media only screen and (max-width:480px) {
  13822. [class*="vspace-xs"] {
  13823. display: block
  13824. }
  13825. }
  13826. @media only screen and (max-width:767px) {
  13827. [class*="vspace-sm"] {
  13828. display: block
  13829. }
  13830. }
  13831. @media only screen and (max-width:991px) {
  13832. [class*="vspace-md"] {
  13833. display: block
  13834. }
  13835. }
  13836. @media only screen and (max-width:1199px) {
  13837. [class*="vspace-lg"] {
  13838. display: block
  13839. }
  13840. }
  13841. @media only screen and (max-width:991px) {
  13842. .main-content {
  13843. margin-left: 0!important
  13844. }
  13845. }
  13846. @media only screen and (max-width:767px) {
  13847. .page-content {
  13848. padding-left: 12px;
  13849. padding-right: 12px
  13850. }
  13851. }
  13852. @media(max-width:991px) {
  13853. body.breadcrumbs-fixed {
  13854. padding-top: 45px
  13855. }
  13856. .navbar-fixed-top {
  13857. margin-bottom: 0
  13858. }
  13859. .sidebar.fixed,
  13860. .sidebar.sidebar-fixed {
  13861. position: absolute
  13862. }
  13863. }
  13864. @media(max-width:460px) {
  13865. body.navbar-fixed {
  13866. padding-top: 90px
  13867. }
  13868. }
  13869. @media only screen and (max-width:767px) {
  13870. .error-container {
  13871. margin: 12px
  13872. }
  13873. }
  13874. @media only screen and (max-width:480px) {
  13875. .error-container {
  13876. margin: 6px
  13877. }
  13878. }
  13879. @media only screen and (max-width:360px) {
  13880. .grid2,
  13881. .grid3,
  13882. .grid4 {
  13883. float: none;
  13884. display: block;
  13885. width: 96%;
  13886. border-left: none;
  13887. position: relative;
  13888. margin-bottom: 11px;
  13889. border-bottom: 1px solid #e3e3e3;
  13890. padding-bottom: 4px
  13891. }
  13892. .grid2>[class*="pull-"],
  13893. .grid3>[class*="pull-"],
  13894. .grid4>[class*="pull-"] {
  13895. float: none!important;
  13896. display: inline-block;
  13897. position: absolute;
  13898. right: 11px;
  13899. top: 0;
  13900. margin-top: 0
  13901. }
  13902. .grid2:last-child,
  13903. .grid3:last-child,
  13904. .grid4:last-child {
  13905. border-bottom: 0
  13906. }
  13907. }
  13908. @media only screen and (max-width:480px) {
  13909. .ace-settings-container,
  13910. body.breadcrumbs-fixed .ace-settings-container {
  13911. top: 65px
  13912. }
  13913. }