You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

16465 rivejä
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: 'Open Sans';
  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: 1px solid #2b7dbc;
  1987. border-width: 0 1px 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: 20px;
  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: 13px;
  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: 2px 30px;
  2646. line-height: 1.39
  2647. }
  2648. .btn-xs {
  2649. border-width: 3px
  2650. }
  2651. .btn-minier {
  2652. padding: 4px 34px;
  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. /*border: 1px solid #dcebf7*/
  9000. }
  9001. .profile-user-info-striped .profile-info-name {
  9002. /*color: #336199;
  9003. background-color: #edf3f4;
  9004. border-top: 1px solid #f7fbff*/
  9005. }
  9006. .profile-user-info-striped .profile-info-value {
  9007. /*border-top: 1px dotted #dcebf7;*/
  9008. border-top: 0px dotted #dcebf7;
  9009. padding-left: 12px
  9010. }
  9011. .profile-picture {
  9012. border: 1px solid #CCC;
  9013. background-color: #FFF;
  9014. padding: 4px;
  9015. display: inline-block;
  9016. max-width: 100%;
  9017. -moz-box-sizing: border-box;
  9018. box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)
  9019. }
  9020. .profile-activity {
  9021. padding: 10px 4px;
  9022. border-bottom: 1px dotted #d0d8e0;
  9023. position: relative;
  9024. border-left: 1px dotted #FFF;
  9025. border-right: 1px dotted #FFF
  9026. }
  9027. .profile-activity:first-child {
  9028. border-top: 1px dotted transparent
  9029. }
  9030. .profile-activity:first-child:hover {
  9031. border-top-color: #d0d8e0
  9032. }
  9033. .profile-activity:hover {
  9034. background-color: #f4f9fd;
  9035. border-left: 1px dotted #d0d8e0;
  9036. border-right: 1px dotted #d0d8e0
  9037. }
  9038. .profile-activity img {
  9039. border: 2px solid #c9d6e5;
  9040. border-radius: 100%;
  9041. max-width: 40px;
  9042. margin-right: 10px;
  9043. margin-left: 0;
  9044. box-shadow: none
  9045. }
  9046. .profile-activity .thumbicon {
  9047. background-color: #74abd7;
  9048. display: inline-block;
  9049. border-radius: 100%;
  9050. width: 38px;
  9051. height: 38px;
  9052. color: #FFF;
  9053. font-size: 18px;
  9054. text-align: center;
  9055. line-height: 38px;
  9056. margin-right: 10px;
  9057. margin-left: 0;
  9058. text-shadow: none!important
  9059. }
  9060. .profile-activity .time {
  9061. display: block;
  9062. margin-top: 4px;
  9063. color: #777
  9064. }
  9065. .profile-activity a.user {
  9066. font-weight: bold;
  9067. color: #9585bf
  9068. }
  9069. .profile-activity .tools {
  9070. position: absolute;
  9071. right: 12px;
  9072. bottom: 8px;
  9073. display: none
  9074. }
  9075. .profile-activity:hover .tools {
  9076. display: block
  9077. }
  9078. .user-profile .ace-thumbnails li {
  9079. border: 1px solid #CCC;
  9080. padding: 3px;
  9081. margin: 6px
  9082. }
  9083. .user-profile .ace-thumbnails li .tools {
  9084. left: 3px;
  9085. right: 3px
  9086. }
  9087. .user-profile .ace-thumbnails li:hover .tools {
  9088. bottom: 3px
  9089. }
  9090. .user-profile .user-title-label:hover {
  9091. text-decoration: none
  9092. }
  9093. .user-profile .user-title-label+.dropdown-menu {
  9094. margin-left: -12px
  9095. }
  9096. .profile-contact-links {
  9097. padding: 4px 2px 5px;
  9098. border: 1px solid #e0e2e5;
  9099. background-color: #f8fafc
  9100. }
  9101. .profile-contact-info .btn-link:hover>[class*="icon-"],
  9102. .profile-contact-info .btn-link:focus>[class*="icon-"] {
  9103. text-decoration: none
  9104. }
  9105. .profile-social-links>a {
  9106. text-decoration: none;
  9107. margin: 0 1px
  9108. }
  9109. .profile-social-links>a:hover>[class*="icon-"] {
  9110. text-decoration: none
  9111. }
  9112. .profile-skills .progress {
  9113. height: 26px;
  9114. margin-bottom: 2px;
  9115. background-color: transparent
  9116. }
  9117. .profile-skills .progress .progress-bar {
  9118. line-height: 26px;
  9119. font-size: 13px;
  9120. font-weight: bold;
  9121. font-family: "Open Sans";
  9122. padding: 0 8px
  9123. }
  9124. .profile-users .user {
  9125. display: block;
  9126. position: static;
  9127. text-align: center;
  9128. width: auto
  9129. }
  9130. .profile-users .user img {
  9131. padding: 2px;
  9132. border-radius: 100%;
  9133. border: 1px solid #AAA;
  9134. max-width: none;
  9135. width: 64px;
  9136. -webkit-transition: all .1s;
  9137. transition: all .1s
  9138. }
  9139. .profile-users .user img:hover {
  9140. -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33);
  9141. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33)
  9142. }
  9143. .profile-users .memberdiv {
  9144. background-color: #FFF;
  9145. width: 100px;
  9146. -webkit-box-sizing: border-box;
  9147. -moz-box-sizing: border-box;
  9148. box-sizing: border-box;
  9149. border: 0;
  9150. text-align: center;
  9151. margin: 0 8px 24px
  9152. }
  9153. .profile-users .memberdiv .name a:hover [class*="icon-"] {
  9154. text-decoration: none
  9155. }
  9156. .profile-users .memberdiv .body {
  9157. display: inline-block;
  9158. margin: 8px 0 0 0
  9159. }
  9160. .profile-users .memberdiv .popover {
  9161. visibility: hidden;
  9162. min-width: 150px;
  9163. margin-left: 0;
  9164. margin-right: 0;
  9165. top: -5%;
  9166. left: auto;
  9167. right: auto;
  9168. z-index: -1;
  9169. opacity: 0;
  9170. display: none;
  9171. -webkit-transition: visibility 0s linear .2s, z-index 0s linear .2s, opacity .2s linear 0s;
  9172. transition: visibility 0s linear .2s, z-index 0s linear .2s, opacity .2s linear 0s
  9173. }
  9174. .profile-users .memberdiv .popover.right {
  9175. left: 100%;
  9176. right: auto;
  9177. display: block
  9178. }
  9179. .profile-users .memberdiv .popover.left {
  9180. left: auto;
  9181. right: 100%;
  9182. display: block
  9183. }
  9184. .profile-users .memberdiv>:first-child:hover .popover {
  9185. visibility: visible;
  9186. opacity: 1;
  9187. z-index: 1010;
  9188. -webkit-transition-delay: 0s;
  9189. -moz-transition-delay: 0s;
  9190. -o-transition-delay: 0s;
  9191. transition-delay: 0s
  9192. }
  9193. .profile-users .memberdiv .tools {
  9194. position: static;
  9195. display: block;
  9196. width: 100%;
  9197. margin-top: 2px
  9198. }
  9199. .profile-users .memberdiv .tools>a {
  9200. margin: 0 2px
  9201. }
  9202. .profile-users .memberdiv .tools>a:hover {
  9203. text-decoration: none
  9204. }
  9205. .user-status {
  9206. display: inline-block;
  9207. width: 11px;
  9208. height: 11px;
  9209. background-color: #FFF;
  9210. border: 3px solid #AAA;
  9211. border-radius: 100%;
  9212. vertical-align: middle;
  9213. margin-right: 1px
  9214. }
  9215. .user-status.status-online {
  9216. border-color: #8ac16c
  9217. }
  9218. .user-status.status-busy {
  9219. border-color: #e07f69
  9220. }
  9221. .user-status.status-idle {
  9222. border-color: #ffb752
  9223. }
  9224. .tab-content.profile-edit-tab-content {
  9225. border: 1px solid #DDD;
  9226. padding: 8px 32px 32px;
  9227. -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  9228. box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  9229. background-color: #FFF
  9230. }
  9231. @media only screen and (max-width:480px) {
  9232. .profile-info-name {
  9233. width: 80px
  9234. }
  9235. .profile-info-value {
  9236. margin-left: 90px
  9237. }
  9238. .profile-user-info-striped .profile-info-name {
  9239. position: static;
  9240. width: auto;
  9241. text-align: left;
  9242. padding: 6px 0 6px 10px
  9243. }
  9244. .profile-user-info-striped .profile-info-value {
  9245. margin-left: 10px
  9246. }
  9247. }
  9248. @media only screen and (max-width:480px) {
  9249. .user-profile .memberdiv {
  9250. width: 50%;
  9251. margin-left: 0;
  9252. margin-right: 0
  9253. }
  9254. }
  9255. .inbox-tabs.nav-tabs>li>a {
  9256. background-color: #fafafa
  9257. }
  9258. .inbox-tabs.nav-tabs>li.active:not(.open)>a,
  9259. .inbox-tabs.nav-tabs>li.active:not(.open)>a:hover,
  9260. .inbox-tabs.nav-tabs>li.active:not(.open)>a:focus {
  9261. background-color: #f1f5fa;
  9262. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
  9263. color: #48768e
  9264. }
  9265. .inbox-tabs.nav-tabs>li>a.btn-new-mail {
  9266. background-color: transparent;
  9267. border: none!important;
  9268. padding: 0!important
  9269. }
  9270. .inbox-tabs.nav-tabs>li>a.btn-new-mail>.btn {
  9271. border-width: 0!important;
  9272. border-radius: 3px!important;
  9273. padding: 0 6px!important;
  9274. position: relative;
  9275. transition: none!important
  9276. }
  9277. .inbox-tabs.nav-tabs>li.active>a.btn-new-mail {
  9278. box-shadow: none!important
  9279. }
  9280. .inbox-tabs.nav-tabs>li.active>a.btn-new-mail>.btn:before {
  9281. content: "";
  9282. display: block;
  9283. position: absolute;
  9284. top: 100%;
  9285. left: 35%;
  9286. left: calc(50% - 6px);
  9287. border-width: 6px 8px;
  9288. border-style: solid;
  9289. border-color: transparent;
  9290. border-top-color: inherit
  9291. }
  9292. .inbox-tabs.nav-tabs.tab-size-bigger>li>a {
  9293. padding: 5px 15px 7px;
  9294. font-size: 14px
  9295. }
  9296. .inbox-tabs.nav-tabs.tab-size-bigger>li>a>[class*="icon-"]:first-child {
  9297. margin-bottom: 5px
  9298. }
  9299. .inbox-tabs.nav-tabs.tab-size-bigger>li>a.btn-new-mail>.btn {
  9300. padding: 10px!important;
  9301. border-radius: 7px!important
  9302. }
  9303. .inbox-tabs.nav-tabs.tab-size-bigger>li.active>a.btn-new-mail {
  9304. margin-top: 0!important;
  9305. top: 1px
  9306. }
  9307. .inbox-tabs.nav-tabs.tab-size-bigger>li.active>a.btn-new-mail>.btn:before {
  9308. left: 35%;
  9309. left: calc(50% - 8px);
  9310. border-width: 8px 10px
  9311. }
  9312. @media only screen and (max-width:475px) {
  9313. .inbox-tabs>.li-new-mail {
  9314. display: block;
  9315. text-align: right;
  9316. margin-bottom: 8px!important;
  9317. float: none!important
  9318. }
  9319. .inbox-tabs>.li-new-mail>.btn-new-mail {
  9320. display: inline-block;
  9321. width: auto
  9322. }
  9323. }
  9324. .message-container {
  9325. position: relative
  9326. }
  9327. .message-list {
  9328. position: relative
  9329. }
  9330. .message-item {
  9331. border: 1px solid #eaedf1;
  9332. border-bottom-width: 0;
  9333. padding: 12px 12px 14px;
  9334. line-height: 18px;
  9335. position: relative;
  9336. background-color: #FFF
  9337. }
  9338. .message-item:first-child {
  9339. border-top-width: 0
  9340. }
  9341. .message-item:hover {
  9342. border-color: #e2eaf2;
  9343. background-color: #f2f6f9
  9344. }
  9345. .message-item:hover+.message-item {
  9346. border-top-color: #e2eaf2
  9347. }
  9348. .message-item:hover+.message-item.selected {
  9349. border-top-color: #FFF
  9350. }
  9351. .message-item.selected {
  9352. background-color: #eff4f7;
  9353. border-color: #FFF #e2eaf2
  9354. }
  9355. .message-item.selected+.message-item {
  9356. border-top-color: #FFF
  9357. }
  9358. .message-item.selected+.message-item:hover+.message-item {
  9359. border-top-color: #FFF
  9360. }
  9361. .message-item .sender {
  9362. margin: 0 6px 0 4px;
  9363. vertical-align: middle;
  9364. color: #467287;
  9365. display: inline-block;
  9366. width: 110px;
  9367. height: 18px;
  9368. text-overflow: ellipsis;
  9369. overflow: hidden;
  9370. white-space: nowrap;
  9371. cursor: pointer
  9372. }
  9373. .message-item.message-unread .sender {
  9374. color: #6a9cba;
  9375. font-weight: bold
  9376. }
  9377. .message-item .summary {
  9378. vertical-align: middle;
  9379. display: inline-block;
  9380. position: relative;
  9381. margin-left: 30px;
  9382. max-width: 250px;
  9383. max-width: calc(100% - 300px);
  9384. min-width: 200px;
  9385. white-space: nowrap
  9386. }
  9387. .message-item .summary .text {
  9388. color: #555;
  9389. vertical-align: middle;
  9390. display: inline-block;
  9391. width: auto;
  9392. max-width: 100%;
  9393. height: 18px;
  9394. text-overflow: ellipsis;
  9395. overflow: hidden;
  9396. white-space: nowrap;
  9397. cursor: pointer
  9398. }
  9399. .message-item .summary .text:hover {
  9400. text-decoration: underline
  9401. }
  9402. .message-item .summary .message-flags {
  9403. display: block;
  9404. position: absolute;
  9405. right: 101%;
  9406. right: calc(100%+4px);
  9407. height: 18px;
  9408. white-space: nowrap
  9409. }
  9410. .message-item.message-unread .summary .text {
  9411. color: #609fc4;
  9412. font-weight: bold
  9413. }
  9414. .message-item .time {
  9415. float: right;
  9416. width: 60px;
  9417. height: 18px;
  9418. text-overflow: ellipsis;
  9419. overflow: hidden;
  9420. white-space: nowrap;
  9421. color: #666
  9422. }
  9423. .message-item.message-unread .time {
  9424. font-weight: bold;
  9425. color: #609fc4
  9426. }
  9427. .message-item .attachment {
  9428. color: #999;
  9429. font-size: 18px;
  9430. vertical-align: middle;
  9431. float: right;
  9432. margin: 0 12px;
  9433. position: relative
  9434. }
  9435. .message-item.message-unread .attachment {
  9436. color: #4f99c6
  9437. }
  9438. .message-content .time {
  9439. font-weight: normal
  9440. }
  9441. .message-star {
  9442. vertical-align: middle;
  9443. margin: 2px 4px 0 6px;
  9444. font-size: 15px;
  9445. cursor: pointer
  9446. }
  9447. .message-star:hover {
  9448. color: #feb902!important;
  9449. text-decoration: none
  9450. }
  9451. .mail-tag:empty {
  9452. display: inline-block;
  9453. width: 8px;
  9454. height: 11px;
  9455. padding: 0;
  9456. line-height: normal;
  9457. vertical-align: middle;
  9458. margin: 0 1px 0 0
  9459. }
  9460. .badge.mail-tag {
  9461. border-radius: 2px
  9462. }
  9463. @media only screen and (max-width:979px) {
  9464. .message-item .summary {
  9465. min-width: 0
  9466. }
  9467. .message-item .sender {
  9468. width: 100px
  9469. }
  9470. }
  9471. @media only screen and (max-width:550px) {
  9472. .message-item .summary {
  9473. margin: 8px 0 0 32px;
  9474. max-width: 95%;
  9475. min-width: 0;
  9476. display: block
  9477. }
  9478. .message-item .sender {
  9479. width: auto;
  9480. max-width: 150px
  9481. }
  9482. .message-item .summary .text {
  9483. max-width: 95%
  9484. }
  9485. }
  9486. .btn-message,
  9487. .btn-message:hover,
  9488. .btn-message:focus,
  9489. .btn-message:active,
  9490. .open .btn-message.dropdown-toggle {
  9491. background-color: #FFF!important;
  9492. border: 1px solid #94b9ce!important;
  9493. color: #7ca3ba!important;
  9494. text-shadow: none!important
  9495. }
  9496. .message-content {
  9497. padding: 16px 12px;
  9498. border: 1px solid #e9e9e9;
  9499. -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02);
  9500. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02);
  9501. background-color: rgba(255, 255, 255, 0.8);
  9502. border-top-width: 0
  9503. }
  9504. .message-item .message-content {
  9505. margin-top: 16px;
  9506. border-top-width: 1px
  9507. }
  9508. .message-body {
  9509. padding: 0 9px;
  9510. color: #6a7177
  9511. }
  9512. .message-navbar {
  9513. line-height: 24px;
  9514. padding: 10px 12px;
  9515. border: 1px solid #d6e1ea;
  9516. border-color: #d6e1ea transparent;
  9517. background-color: #f1f5fa;
  9518. position: relative
  9519. }
  9520. .message-navbar .dropdown-toggle,
  9521. .message-content .dropdown-toggle {
  9522. color: #777
  9523. }
  9524. .message-navbar .dropdown-toggle:hover,
  9525. .message-content .dropdown-toggle:hover,
  9526. .message-navbar .dropdown-toggle:focus,
  9527. .message-content .dropdown-toggle:focus {
  9528. text-decoration: none;
  9529. color: #2283c5
  9530. }
  9531. .message-bar {
  9532. display: inline-block;
  9533. min-height: 28px
  9534. }
  9535. @media only screen and (max-width:480px) {
  9536. .message-bar {
  9537. display: block;
  9538. min-height: 60px
  9539. }
  9540. }
  9541. .message-footer {
  9542. background-color: #f1f1f1;
  9543. padding: 12px 16px;
  9544. border: 1px solid #e6e6e6;
  9545. border-width: 1px 0;
  9546. border-top: 1px solid #e4e9ee
  9547. }
  9548. .message-footer .pagination {
  9549. margin: 0
  9550. }
  9551. .message-footer .pagination>li {
  9552. margin: 0;
  9553. padding: 0
  9554. }
  9555. .message-footer .pagination>li>a,
  9556. .message-footer .pagination>li>span {
  9557. color: #777;
  9558. padding: 3px;
  9559. margin-left: 3px;
  9560. margin-right: 3px;
  9561. background-color: transparent;
  9562. border: 0
  9563. }
  9564. .message-footer .pagination>li.disabled>span {
  9565. color: #bbb;
  9566. cursor: default
  9567. }
  9568. .message-footer .pagination>li>a:hover {
  9569. color: #2283c5;
  9570. text-decoration: none
  9571. }
  9572. .message-footer input[type=text] {
  9573. font-size: 12px;
  9574. width: 34px;
  9575. height: 24px;
  9576. line-height: 20px;
  9577. margin-bottom: 0;
  9578. padding: 3px;
  9579. vertical-align: middle;
  9580. text-align: center
  9581. }
  9582. .message-footer-style2 .pagination>li>a,
  9583. .message-footer-style2 .pagination>li>span {
  9584. border: 1px solid #b5b5b5;
  9585. border-radius: 100%!important;
  9586. width: 26px;
  9587. height: 26px;
  9588. line-height: 24px;
  9589. display: inline-block;
  9590. text-align: center;
  9591. padding: 0
  9592. }
  9593. .message-footer-style2 .pagination>li>span {
  9594. border-color: #CCC
  9595. }
  9596. .message-footer-style2 .pagination>li>a:hover {
  9597. border-color: #84afc9;
  9598. background-color: #f7f7f7
  9599. }
  9600. .message-item.message-inline-open {
  9601. background-color: #f2f6f9;
  9602. border: 1px solid #DDD;
  9603. border-bottom-color: #CCC
  9604. }
  9605. .message-item.message-inline-open:first-child {
  9606. border-top-color: #EEE
  9607. }
  9608. .message-item.message-inline-open:last-child {
  9609. border-bottom-color: #DDD
  9610. }
  9611. .message-item.message-inline-open+.message-item {
  9612. border-bottom-color: transparent
  9613. }
  9614. .message-loading-overlay {
  9615. position: absolute;
  9616. z-index: 14;
  9617. top: 0;
  9618. bottom: 0;
  9619. right: 0;
  9620. left: 0;
  9621. background-color: rgba(255, 255, 255, 0.5);
  9622. text-align: center
  9623. }
  9624. .message-loading-overlay>[class*="icon-"] {
  9625. position: absolute;
  9626. top: 15%;
  9627. left: 0;
  9628. right: 0;
  9629. text-align: center
  9630. }
  9631. .message-content .sender {
  9632. color: #6a9cba;
  9633. font-weight: bold;
  9634. width: auto;
  9635. text-overflow: inherit;
  9636. vertical-align: middle;
  9637. margin: 0
  9638. }
  9639. .message-content .time {
  9640. width: auto;
  9641. text-overflow: inherit;
  9642. white-space: normal;
  9643. float: none;
  9644. vertical-align: middle
  9645. }
  9646. ul.attachment-list {
  9647. margin: 6px 0 4px 8px
  9648. }
  9649. ul.attachment-list>li {
  9650. margin-bottom: 3px
  9651. }
  9652. .message-attachment {
  9653. padding-left: 10px;
  9654. padding-right: 10px
  9655. }
  9656. .attached-file {
  9657. color: #777;
  9658. width: 200px
  9659. }
  9660. .attached-file>[class*="icon-"] {
  9661. display: inline-block;
  9662. width: 16px;
  9663. margin-right: 2px
  9664. }
  9665. .attached-file:hover {
  9666. text-decoration: none;
  9667. color: #438eb9
  9668. }
  9669. .attached-file:hover .attached-name {
  9670. color: #2283c5
  9671. }
  9672. .attached-file .attached-name {
  9673. display: inline-block;
  9674. max-width: 175px;
  9675. text-overflow: ellipsis;
  9676. overflow: hidden;
  9677. white-space: nowrap
  9678. }
  9679. .messagebar-item-left,
  9680. .messagebar-item-right {
  9681. position: absolute;
  9682. bottom: 14px;
  9683. left: 12px;
  9684. text-align: left
  9685. }
  9686. .messagebar-item-right {
  9687. right: 12px;
  9688. left: auto
  9689. }
  9690. .message-navbar .nav-search {
  9691. right: auto;
  9692. left: 60px;
  9693. top: auto;
  9694. bottom: 11px
  9695. }
  9696. .message-form {
  9697. border: 1px solid #ddd;
  9698. border-top: 0;
  9699. padding-top: 22px
  9700. }
  9701. @media only screen and (max-width:480px) {
  9702. .message-form {
  9703. padding-left: 16px;
  9704. padding-right: 16px
  9705. }
  9706. }
  9707. .message-form .form-actions {
  9708. margin-bottom: 0
  9709. }
  9710. .message-form .wysiwyg-editor {
  9711. overflow: auto;
  9712. min-height: 150px;
  9713. max-height: 250px;
  9714. height: auto
  9715. }
  9716. .btn-send-message {
  9717. position: relative;
  9718. top: 6px
  9719. }
  9720. .btn-back-message-list {
  9721. color: #777
  9722. }
  9723. .btn-back-message-list:hover {
  9724. color: #478fca;
  9725. text-decoration: none
  9726. }
  9727. .message-condensed .message-item {
  9728. padding-top: 8px;
  9729. padding-bottom: 9px
  9730. }
  9731. .message-condensed .message-navbar,
  9732. .message-condensed .message-footer {
  9733. padding-top: 7px;
  9734. padding-bottom: 7px
  9735. }
  9736. .message-condensed .messagebar-item-left,
  9737. .message-condensed .messagebar-item-right {
  9738. bottom: 9px
  9739. }
  9740. .message-condensed .message-navbar .nav-search {
  9741. bottom: 7px
  9742. }
  9743. @media only screen and (max-width:480px) {
  9744. .message-condensed .message-bar {
  9745. min-height: 42px
  9746. }
  9747. }
  9748. .inbox-folders .btn-block {
  9749. margin-top: 0
  9750. }
  9751. @media only screen and (max-width:767px) {
  9752. .inbox-folders.inbox-folders-responsive .btn-block {
  9753. width: 24%
  9754. }
  9755. }
  9756. @media only screen and (max-width:600px) {
  9757. .inbox-folders.inbox-folders-responsive .btn-block {
  9758. width: 48%
  9759. }
  9760. }
  9761. @media only screen and (max-width:320px) {
  9762. .inbox-folders.inbox-folders-responsive .btn-block {
  9763. width: 99%
  9764. }
  9765. }
  9766. .inbox-folders .btn-lighter,
  9767. .inbox-folders .btn-lighter.active {
  9768. background-color: #f4f4f4!important;
  9769. text-shadow: none!important;
  9770. color: #7c8395!important;
  9771. border: 1px solid #FFF!important;
  9772. padding: 5px 11px
  9773. }
  9774. .inbox-folders .btn-lighter.active {
  9775. background-color: #edf2f8!important;
  9776. color: #53617c!important
  9777. }
  9778. .inbox-folders .btn-lighter:hover {
  9779. background-color: #efefef!important;
  9780. color: #6092c4!important
  9781. }
  9782. .inbox-folders .btn>[class*="icon-"]:first-child {
  9783. display: inline-block;
  9784. width: 14px;
  9785. text-align: left
  9786. }
  9787. .inbox-folders .btn-lighter+.btn-lighter {
  9788. border-top-width: 0!important
  9789. }
  9790. .inbox-folders .btn.active:before {
  9791. display: block;
  9792. content: "";
  9793. position: absolute;
  9794. top: 1px;
  9795. bottom: 1px;
  9796. left: -1px;
  9797. border-left: 3px solid #4f99c6
  9798. }
  9799. .inbox-folders .btn.active:after {
  9800. display: none
  9801. }
  9802. .inbox-folders .btn .counter {
  9803. border-radius: 3px;
  9804. position: absolute;
  9805. right: 8px;
  9806. top: 8px;
  9807. padding-left: 6px;
  9808. padding-right: 6px;
  9809. opacity: .75;
  9810. filter: alpha(opacity=75)
  9811. }
  9812. .inbox-folders .btn:hover .badge {
  9813. opacity: 1;
  9814. filter: alpha(opacity=100)
  9815. }
  9816. .timeline-container {
  9817. position: relative;
  9818. padding-top: 4px;
  9819. margin-bottom: 32px
  9820. }
  9821. .timeline-container:last-child {
  9822. margin-bottom: 0
  9823. }
  9824. .timeline-container:before {
  9825. content: "";
  9826. display: block;
  9827. position: absolute;
  9828. left: 28px;
  9829. top: 0;
  9830. bottom: 0;
  9831. border: 1px solid #e2e3e7;
  9832. background-color: #e7eaef;
  9833. width: 4px;
  9834. border-width: 0 1px
  9835. }
  9836. .timeline-container:first-child:before {
  9837. border-top-width: 1px
  9838. }
  9839. .timeline-container:last-child:before {
  9840. border-bottom-width: 1px
  9841. }
  9842. .timeline-item {
  9843. position: relative;
  9844. margin-bottom: 8px
  9845. }
  9846. .timeline-item .widget-box {
  9847. background-color: #f2f6f9;
  9848. color: #595c66
  9849. }
  9850. .timeline-item .transparent.widget-box {
  9851. border-left: 3px solid #dae1e5
  9852. }
  9853. .timeline-item .transparent .widget-header {
  9854. background-color: #ecf1f4;
  9855. border-bottom: 0
  9856. }
  9857. .timeline-item .transparent .widget-header>:first-child {
  9858. margin-left: 8px
  9859. }
  9860. .timeline-item:nth-child(even) .widget-box {
  9861. background-color: #f3f3f3;
  9862. color: #616161
  9863. }
  9864. .timeline-item:nth-child(even) .widget-box.transparent {
  9865. border-left-color: #dbdbdb!important
  9866. }
  9867. .timeline-item:nth-child(even) .widget-box.transparent .widget-header {
  9868. background-color: #EEE!important
  9869. }
  9870. .timeline-item .widget-box {
  9871. margin: 0;
  9872. position: relative;
  9873. max-width: none;
  9874. border-bottom: 0;
  9875. margin-left: 60px
  9876. }
  9877. .timeline-item .widget-main {
  9878. margin: 0;
  9879. position: relative;
  9880. max-width: none;
  9881. border-bottom: 0
  9882. }
  9883. .timeline-item .widget-body {
  9884. background-color: transparent
  9885. }
  9886. .timeline-item .widget-toolbox {
  9887. padding: 4px 8px 0!important;
  9888. background-color: transparent!important;
  9889. border: 0 solid #CCC!important;
  9890. border-top: none!important;
  9891. margin: 0 0!important
  9892. }
  9893. .timeline-info {
  9894. float: left;
  9895. width: 60px;
  9896. text-align: center;
  9897. position: relative
  9898. }
  9899. .timeline-info img {
  9900. border-radius: 100%;
  9901. max-width: 42px
  9902. }
  9903. .timeline-info .label,
  9904. .timeline-info .badge {
  9905. font-size: 12px
  9906. }
  9907. .timeline-container:not(.timeline-style2) .timeline-indicator {
  9908. opacity: 1;
  9909. border-radius: 100%;
  9910. display: inline-block;
  9911. font-size: 16px;
  9912. height: 36px;
  9913. line-height: 30px;
  9914. width: 36px;
  9915. text-align: center;
  9916. text-shadow: none!important;
  9917. padding: 0;
  9918. cursor: default;
  9919. border: 3px solid #FFF!important
  9920. }
  9921. .timeline-label {
  9922. display: block;
  9923. clear: both;
  9924. margin: 0 0 18px;
  9925. margin-left: 34px
  9926. }
  9927. .timeline-item img {
  9928. border: 1px solid #AAA;
  9929. padding: 2px;
  9930. background-color: #FFF
  9931. }
  9932. .timeline-style2:before {
  9933. display: none
  9934. }
  9935. .timeline-style2 .timeline-item {
  9936. padding-bottom: 22px;
  9937. margin-bottom: 0
  9938. }
  9939. .timeline-style2 .timeline-item:last-child {
  9940. padding-bottom: 0
  9941. }
  9942. .timeline-style2 .timeline-item:before {
  9943. content: "";
  9944. display: block;
  9945. position: absolute;
  9946. left: 90px;
  9947. top: 5px;
  9948. bottom: -5px;
  9949. border-width: 0;
  9950. background-color: #DDD;
  9951. width: 2px;
  9952. max-width: 2px
  9953. }
  9954. .timeline-style2 .timeline-item:last-child:before {
  9955. display: none
  9956. }
  9957. .timeline-style2 .timeline-item:first-child:before {
  9958. display: block
  9959. }
  9960. .timeline-style2 .timeline-item .transparent .widget-header {
  9961. background-color: transparent!important
  9962. }
  9963. .timeline-style2 .timeline-item .transparent.widget-box {
  9964. background-color: transparent!important;
  9965. border-left: none!important
  9966. }
  9967. .timeline-style2 .timeline-info {
  9968. width: 100px
  9969. }
  9970. .timeline-style2 .timeline-indicator {
  9971. font-size: 0;
  9972. height: 12px;
  9973. line-height: 12px;
  9974. width: 12px;
  9975. border-width: 1px!important;
  9976. background-color: #fff!important;
  9977. position: absolute;
  9978. left: 85px;
  9979. top: 3px;
  9980. opacity: 1;
  9981. border-radius: 100%;
  9982. display: inline-block;
  9983. padding: 0
  9984. }
  9985. .timeline-style2 .timeline-date {
  9986. display: inline-block;
  9987. width: 72px;
  9988. text-align: right;
  9989. margin-right: 25px;
  9990. color: #777
  9991. }
  9992. .timeline-style2 .timeline-item .widget-box {
  9993. margin-left: 112px
  9994. }
  9995. .timeline-style2 .timeline-label {
  9996. width: 75px;
  9997. text-align: center;
  9998. margin-left: 0;
  9999. margin-bottom: 10px;
  10000. text-align: right;
  10001. color: #666;
  10002. font-size: 14px
  10003. }
  10004. .timeline-time {
  10005. text-align: center;
  10006. position: static
  10007. }
  10008. .fc-header-title>h2 {
  10009. font-size: 22px;
  10010. color: #65a0ce
  10011. }
  10012. .fc-widget-header,
  10013. .fc-widget-content {
  10014. border: 1px solid #bcd4e5
  10015. }
  10016. .fc-state-highlight {
  10017. background: #FFC
  10018. }
  10019. .fc-event-skin {
  10020. border: none!important;
  10021. background-color: #abbac3;
  10022. padding: 0 0 1px 2px
  10023. }
  10024. .label-yellow .fc-event-skin {
  10025. color: #963
  10026. }
  10027. .label-light .fc-event-skin {
  10028. color: #888
  10029. }
  10030. [class*="label-"]>.fc-event-skin,
  10031. [class*="label-"]>.fc-event-skin>.fc-event-skin.fc-event-head {
  10032. background-color: inherit
  10033. }
  10034. .fc-event-skin.ui-draggable-dragging {
  10035. cursor: move
  10036. }
  10037. .fc-event-skin.fc-event-vert,
  10038. .fc-event-vert>.fc-event-skin {
  10039. padding: 0 0 1px
  10040. }
  10041. .fc-grid .fc-day-number {
  10042. color: #2e6589
  10043. }
  10044. .fc-widget-header {
  10045. background: #ecf2f7;
  10046. color: #8090a0
  10047. }
  10048. .fc-event-hori,
  10049. .fc-event-vert {
  10050. border-radius: 0!important;
  10051. border-color: transparent
  10052. }
  10053. .fc-event-vert .fc-event-content {
  10054. padding-left: 1px;
  10055. padding-right: 1px
  10056. }
  10057. .fc-event-vert .fc-event-time {
  10058. padding: 0
  10059. }
  10060. .fc-state-default {
  10061. border: 0
  10062. }
  10063. .fc-state-default,
  10064. .fc-state-default .fc-button-inner {
  10065. border: 0;
  10066. background-color: #abbac3;
  10067. color: #FFF;
  10068. background-image: none;
  10069. box-shadow: none;
  10070. text-shadow: none;
  10071. border-radius: 0!important;
  10072. margin-left: 2px
  10073. }
  10074. .fc-state-default .fc-button-effect {
  10075. display: none
  10076. }
  10077. .fc-state-disabled,
  10078. .fc-state-disabled .fc-button-inner {
  10079. opacity: .75;
  10080. filter: alpha(opacity=75);
  10081. color: #DDD
  10082. }
  10083. .fc-state-active,
  10084. .fc-state-active .fc-button-inner {
  10085. border-color: #4f99c6;
  10086. background-color: #6fb3e0
  10087. }
  10088. .fc-state-hover,
  10089. .fc-state-hover .fc-button-inner {
  10090. background-color: #8b9aa3
  10091. }
  10092. .external-event {
  10093. margin: 6px 0;
  10094. padding: 0;
  10095. cursor: default;
  10096. display: block;
  10097. color: #FFF;
  10098. background-color: #abbac3;
  10099. font-size: 13px;
  10100. line-height: 28px
  10101. }
  10102. .external-event:hover {
  10103. opacity: 1;
  10104. filter: alpha(opacity=100)
  10105. }
  10106. .external-event.ui-draggable-dragging {
  10107. cursor: move
  10108. }
  10109. .external-event>[class*="icon-"]:first-child {
  10110. display: inline-block;
  10111. height: 32px;
  10112. width: 32px;
  10113. text-align: center;
  10114. line-height: 30px;
  10115. margin-right: 5px;
  10116. font-size: 15px;
  10117. border-right: 1px solid #FFF
  10118. }
  10119. .widget-main .fc {
  10120. position: relative;
  10121. top: -40px
  10122. }
  10123. .widget-main .fc>.fc-header {
  10124. position: relative;
  10125. z-index: 10
  10126. }
  10127. .widget-main .fc .fc-header-space {
  10128. padding-left: 2px
  10129. }
  10130. .widget-main .fc-header-title>h2 {
  10131. font-size: 18px;
  10132. line-height: 36px
  10133. }
  10134. .widget-main .fc-content {
  10135. top: -14px;
  10136. z-index: 11
  10137. }
  10138. .widget-main .fc-button-content {
  10139. height: 37px;
  10140. line-height: 36px
  10141. }
  10142. @media only screen and (max-width:480px) {
  10143. .fc-header td {
  10144. display: block;
  10145. width: auto;
  10146. text-align: left
  10147. }
  10148. }
  10149. .chosen-container+.help-inline {
  10150. vertical-align: middle
  10151. }
  10152. .chosen-select {
  10153. display: inline!important;
  10154. visibility: hidden;
  10155. opacity: 0;
  10156. position: absolute;
  10157. z-index: -1
  10158. }
  10159. .chosen-container,
  10160. [class*="chosen-container"] {
  10161. vertical-align: middle
  10162. }
  10163. .chosen-container>.chosen-single,
  10164. [class*="chosen-container"]>.chosen-single {
  10165. line-height: 28px;
  10166. height: 30px;
  10167. box-shadow: none;
  10168. background: #fafafa
  10169. }
  10170. .chosen-choices {
  10171. box-shadow: none!important
  10172. }
  10173. .chosen-container-single .chosen-single abbr {
  10174. background: 0
  10175. }
  10176. .chosen-container-single .chosen-single abbr:after {
  10177. content: "\f00d";
  10178. display: inline-block;
  10179. color: #888;
  10180. font-family: FontAwesome;
  10181. font-size: 13px;
  10182. position: absolute;
  10183. right: 0;
  10184. top: -7px
  10185. }
  10186. .chosen-container-single .chosen-single abbr:hover:after {
  10187. color: #464646
  10188. }
  10189. .chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
  10190. color: #464646
  10191. }
  10192. .chosen-single div b {
  10193. background: none!important
  10194. }
  10195. .chosen-single div b:before {
  10196. content: "\f0d7";
  10197. display: inline-block;
  10198. color: #888;
  10199. font-family: FontAwesome;
  10200. font-size: 12px;
  10201. position: relative;
  10202. top: -1px;
  10203. left: 1px
  10204. }
  10205. .chosen-container-active.chosen-with-drop .chosen-single div b:before {
  10206. content: "\f0d8"
  10207. }
  10208. .chosen-container-single .chosen-search {
  10209. position: relative
  10210. }
  10211. .chosen-container-single .chosen-search input[type="text"] {
  10212. background: 0;
  10213. border-radius: 0;
  10214. line-height: 28px;
  10215. height: 28px
  10216. }
  10217. .chosen-container-single .chosen-search:after {
  10218. content: "\f002";
  10219. display: inline-block;
  10220. color: #888;
  10221. font-family: FontAwesome;
  10222. font-size: 14px;
  10223. position: absolute;
  10224. top: 8px;
  10225. right: 12px
  10226. }
  10227. .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  10228. height: 25px
  10229. }
  10230. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  10231. background: 0
  10232. }
  10233. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  10234. content: "\f00d";
  10235. display: inline-block;
  10236. color: #888;
  10237. font-family: FontAwesome;
  10238. font-size: 13px;
  10239. position: absolute;
  10240. right: 2px;
  10241. top: -1px
  10242. }
  10243. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  10244. text-decoration: none
  10245. }
  10246. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
  10247. color: #464646
  10248. }
  10249. .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
  10250. color: #464646
  10251. }
  10252. .chosen-container .chosen-results-scroll-down span,
  10253. .chosen-container .chosen-results-scroll-up span {
  10254. background: 0
  10255. }
  10256. .chosen-container .chosen-results-scroll-down span:before,
  10257. .chosen-container .chosen-results-scroll-up span:before {
  10258. content: "\f0d7";
  10259. display: inline-block;
  10260. color: #888;
  10261. font-family: FontAwesome;
  10262. font-size: 12px;
  10263. position: relative;
  10264. top: -1px;
  10265. left: 1px
  10266. }
  10267. .chosen-container .chosen-results-scroll-up span:before {
  10268. content: "\f0d8"
  10269. }
  10270. .chosen-container-active .chosen-single-with-drop div b:before {
  10271. content: "\f0d8"
  10272. }
  10273. .chosen-rtl .chosen-search input[type="text"] {
  10274. background: 0
  10275. }
  10276. .chosen-rtl .chosen-search:after {
  10277. content: "";
  10278. display: none
  10279. }
  10280. .chosen-rtl .chosen-search:before {
  10281. content: "\f002";
  10282. display: inline-block;
  10283. color: #888;
  10284. font-family: FontAwesome;
  10285. font-size: 14px;
  10286. position: absolute;
  10287. top: 9px;
  10288. left: 12px
  10289. }
  10290. .chosen-container-single .chosen-single {
  10291. border-radius: 0
  10292. }
  10293. .chosen-container .chosen-results li.highlighted {
  10294. background: #86bd6f;
  10295. background: #4492c9;
  10296. background: #316ac5;
  10297. color: #FFF
  10298. }
  10299. .chosen-container-single .chosen-drop {
  10300. border-radius: 0;
  10301. border-bottom: 3px solid #4492c9;
  10302. border-color: #4492c9
  10303. }
  10304. .chosen-single.chosen-single-with-drop,
  10305. .chosen-container-active .chosen-single {
  10306. border-color: #4492c9
  10307. }
  10308. .form-group.has-error .chosen-single {
  10309. border-color: #f09784!important
  10310. }
  10311. .form-group.has-info .chosen-single {
  10312. border-color: #64a6bc!important
  10313. }
  10314. .form-group.has-warning .chosen-single {
  10315. border-color: #e0c43a!important
  10316. }
  10317. .form-group.has-success .chosen-single {
  10318. border-color: #92bf65!important
  10319. }
  10320. .chosen-rtl .chosen-container-single-nosearch .chosen-search {
  10321. left: -9999px
  10322. }
  10323. .chosen-rtl .chosen-drop {
  10324. left: -9999px
  10325. }
  10326. .modal .chosen-rtl .chosen-container-single-nosearch .chosen-search {
  10327. left: 9999px
  10328. }
  10329. .modal .chosen-rtl .chosen-drop {
  10330. left: 9999px
  10331. }
  10332. .rtl .modal .chosen-container.chosen-with-drop .chosen-drop {
  10333. left: auto;
  10334. right: 0
  10335. }
  10336. .chosen-container-active.chosen-with-drop .chosen-single {
  10337. border-color: #4492c9
  10338. }
  10339. @media only screen and (-webkit-min-device-pixel-ratio:2),
  10340. only screen and (min-resolution:144dpi) {
  10341. .chosen-rtl .chosen-search input[type="text"],
  10342. .chosen-container-single .chosen-single abbr,
  10343. .chosen-container-single .chosen-single div b,
  10344. .chosen-container-single .chosen-search input[type="text"],
  10345. .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
  10346. .chosen-container .chosen-results-scroll-down span,
  10347. .chosen-container .chosen-results-scroll-up span {
  10348. background-image: none!important;
  10349. background-repeat: no-repeat!important;
  10350. background-size: auto!important
  10351. }
  10352. }
  10353. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice {
  10354. background-image: none;
  10355. background-color: #91b8d0;
  10356. color: #fff;
  10357. display: inline-block;
  10358. font-size: 13px;
  10359. font-weight: normal;
  10360. margin-bottom: 3px;
  10361. margin-right: 0;
  10362. padding: 6px 22px 7px 9px;
  10363. position: relative;
  10364. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  10365. transition: all .2s ease 0s;
  10366. vertical-align: baseline;
  10367. white-space: nowrap;
  10368. border: 0;
  10369. -webkit-box-shadow: none;
  10370. box-shadow: none;
  10371. border-radius: 0
  10372. }
  10373. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  10374. position: absolute;
  10375. top: 0;
  10376. bottom: 0;
  10377. right: 0;
  10378. width: 18px;
  10379. height: auto;
  10380. line-height: 25px;
  10381. text-align: center
  10382. }
  10383. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  10384. color: #FFF;
  10385. position: static;
  10386. font-size: 11px
  10387. }
  10388. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  10389. background-color: rgba(0, 0, 0, 0.2)
  10390. }
  10391. .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
  10392. color: #FFF
  10393. }
  10394. .tag-input-style+.chosen-container-multi.chosen-rtl .chosen-choices li.search-choice {
  10395. padding: 6px 9px 7px 22px;
  10396. margin-left: 0;
  10397. margin-right: 3px
  10398. }
  10399. .tag-input-style+.chosen-container-multi.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  10400. right: auto;
  10401. left: 0
  10402. }
  10403. .select2-container .select2-choice {
  10404. border-radius: 0;
  10405. height: 30px
  10406. }
  10407. .select2-container.select2-drop-above .select2-choice {
  10408. border-radius: 0
  10409. }
  10410. .select2-container .select2-choice abbr,
  10411. .select2-search-choice-close {
  10412. background: 0
  10413. }
  10414. .select2-container .select2-choice abbr:before,
  10415. .select2-search-choice-close:before {
  10416. font-family: FontAwesome;
  10417. font-size: 12px;
  10418. display: inline;
  10419. content: "\f00d";
  10420. color: #888;
  10421. position: relative;
  10422. top: -1px
  10423. }
  10424. .select2-container .select2-choice abbr:hover:before,
  10425. .select2-search-choice-close:hover:before {
  10426. color: #555
  10427. }
  10428. .select2-container .select2-choice abbr:before {
  10429. top: -7px
  10430. }
  10431. .select2-search-choice-close:hover {
  10432. text-decoration: none!important
  10433. }
  10434. .select2-drop {
  10435. border-radius: 0;
  10436. border: 1px solid #4492c9;
  10437. border-width: 0 1px 3px
  10438. }
  10439. .select2-drop.select2-drop-above {
  10440. border-radius: 0
  10441. }
  10442. .select2-container .select2-choice {
  10443. background: #fafafa none
  10444. }
  10445. .select2-container-active .select2-choice,
  10446. .select2-container-active .select2-choices,
  10447. .select2-dropdown-open.select2-drop-above .select2-choice,
  10448. .select2-dropdown-open.select2-drop-above .select2-choices,
  10449. .select2-container-multi.select2-container-active .select2-choices {
  10450. border-color: #4492c9
  10451. }
  10452. .select2-results .select2-highlighted {
  10453. background: #316ac5
  10454. }
  10455. .select2-container .select2-choice .select2-arrow {
  10456. border-radius: 0;
  10457. background: transparent none;
  10458. border: 0
  10459. }
  10460. .select2-container .select2-choice .select2-arrow b {
  10461. background: 0
  10462. }
  10463. .select2-container .select2-choice .select2-arrow b:before {
  10464. font-family: FontAwesome;
  10465. font-size: 12px;
  10466. display: inline;
  10467. content: "\f0d7";
  10468. color: #888;
  10469. position: relative;
  10470. left: 5px
  10471. }
  10472. .select2-dropdown-open .select2-choice .select2-arrow b:before {
  10473. content: "\f0d8"
  10474. }
  10475. .select2-search .select2-input {
  10476. background: #fff none;
  10477. margin-top: 4px
  10478. }
  10479. .select2-search:after {
  10480. font-family: FontAwesome;
  10481. font-size: 14px;
  10482. display: inline;
  10483. content: "\f002";
  10484. color: #777;
  10485. position: relative;
  10486. top: 0;
  10487. left: -20px;
  10488. z-index: 0
  10489. }
  10490. .select2-container-multi .select2-choices .select2-search-field input {
  10491. border: none!important;
  10492. -webkit-box-shadow: none!important;
  10493. box-shadow: none!important;
  10494. background: none!important
  10495. }
  10496. .select2-container-active .select2-choice,
  10497. .select2-container-active .select2-choices,
  10498. .select2-container-multi.select2-container-active .select2-choices,
  10499. .select2-dropdown-open.select2-drop-above .select2-choice,
  10500. .select2-dropdown-open.select2-drop-above .select2-choices {
  10501. -webkit-box-shadow: none;
  10502. box-shadow: none
  10503. }
  10504. .select2-search input.select2-active {
  10505. background-color: #FFF;
  10506. position: relative;
  10507. z-index: 1
  10508. }
  10509. @media only screen and (-webkit-min-device-pixel-ratio:1.5),
  10510. only screen and (min-resolution:144dpi) {
  10511. .select2-search input,
  10512. .select2-search-choice-close,
  10513. .select2-container .select2-choice abbr,
  10514. .select2-container .select2-choice div b {
  10515. background-image: none!important;
  10516. background-size: auto!important
  10517. }
  10518. .select2-search input {
  10519. background-position: auto!important
  10520. }
  10521. }
  10522. .select2-container-active.select2-dropdown-open .select2-choice {
  10523. background-image: -webkit-gradient(linear, left 0, left 100%, from(#eee), to(#fff));
  10524. background-image: -webkit-linear-gradient(top, #eee, 0%, #fff, 100%);
  10525. background-image: -moz-linear-gradient(top, #eee 0, #fff 100%);
  10526. background-image: linear-gradient(to bottom, #eee 0, #fff 100%);
  10527. background-repeat: repeat-x;
  10528. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0)
  10529. }
  10530. .select2-container-active.select2-drop-above .select2-choice {
  10531. background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#eee));
  10532. background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
  10533. background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
  10534. background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  10535. background-repeat: repeat-x;
  10536. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0)
  10537. }
  10538. .form-group.has-error .select2-choice,
  10539. .form-group.has-error .select2-choices {
  10540. border-color: #f09784!important
  10541. }
  10542. .form-group.has-info .select2-choice,
  10543. .form-group.has-info .select2-choices {
  10544. border-color: #64a6bc!important
  10545. }
  10546. .form-group.has-warning .select2-choice,
  10547. .form-group.has-warning .select2-choices {
  10548. border-color: #e0c43a!important
  10549. }
  10550. .form-group.has-success .select2-choice,
  10551. .form-group.has-success .select2-choices {
  10552. border-color: #92bf65!important
  10553. }
  10554. @media only screen and (-webkit-min-device-pixel-ratio:1.5),
  10555. only screen and (min-resolution:144dpi) {
  10556. .select2-search input,
  10557. .select2-search-choice-close,
  10558. .select2-container .select2-choice abbr,
  10559. .select2-container .select2-choice .select2-arrow b {
  10560. background-image: none!important;
  10561. background-repeat: no-repeat!important;
  10562. background-size: auto!important
  10563. }
  10564. .select2-search input {
  10565. background-position: auto!important
  10566. }
  10567. }
  10568. #colorbox:focus,
  10569. #colorbox:active {
  10570. outline: 0
  10571. }
  10572. #cboxTopLeft,
  10573. #cboxTopCenter,
  10574. #cboxTopRight,
  10575. #cboxMiddleLeft,
  10576. #cboxMiddleRight,
  10577. #cboxBottomLeft,
  10578. #cboxBottomCenter,
  10579. #cboxBottomRight {
  10580. background: none!important;
  10581. opacity: 0
  10582. }
  10583. #cboxContent {
  10584. border: 12px solid #000;
  10585. background-color: #FFF;
  10586. padding: 7px
  10587. }
  10588. #cboxOverlay {
  10589. background: rgba(0, 0, 0, 0.95);
  10590. background: #000
  10591. }
  10592. #cboxCurrent {
  10593. left: 64px;
  10594. margin-bottom: 4px;
  10595. font-size: 14px
  10596. }
  10597. #cboxTitle {
  10598. margin-bottom: 4px;
  10599. font-size: 14px;
  10600. color: #777
  10601. }
  10602. #cboxNext,
  10603. #cboxPrevious,
  10604. #cboxClose {
  10605. background: 0;
  10606. text-indent: 0;
  10607. width: 26px;
  10608. height: 26px;
  10609. line-height: 22px;
  10610. padding: 0 4px;
  10611. text-align: center;
  10612. border: 2px solid #999;
  10613. border-radius: 16px;
  10614. color: #666;
  10615. font-size: 12px;
  10616. margin-left: 5px;
  10617. margin-bottom: 5px
  10618. }
  10619. #cboxNext:hover,
  10620. #cboxPrevious:hover {
  10621. color: #333;
  10622. border-color: #666
  10623. }
  10624. #cboxContent {
  10625. overflow: visible
  10626. }
  10627. #cboxClose {
  10628. background-color: #000;
  10629. border: 2px solid #fff;
  10630. border-radius: 32px;
  10631. color: #fff;
  10632. font-size: 21px;
  10633. height: 28px;
  10634. width: 28px;
  10635. padding-bottom: 2px;
  10636. margin-left: 0;
  10637. right: -14px;
  10638. top: -14px
  10639. }
  10640. #cboxLoadingOverlay {
  10641. background: none!important
  10642. }
  10643. #cboxLoadingGraphic {
  10644. background: #FFF none!important;
  10645. text-align: center
  10646. }
  10647. #cboxLoadingGraphic>[class*="icon-"] {
  10648. display: inline-block;
  10649. background-color: #FFF;
  10650. border-radius: 8px;
  10651. width: 32px;
  10652. height: 32px;
  10653. position: relative;
  10654. top: 48%;
  10655. text-align: center;
  10656. vertical-align: middle;
  10657. -moz-animation: spin 1.5s infinite linear;
  10658. -webkit-animation: spin 1.5s infinite linear;
  10659. -o-animation: spin 1.5s infinite linear;
  10660. -ms-animation: spin 1.5s infinite linear;
  10661. animation: spin 1.5s infinite linear;
  10662. font-size: 24px;
  10663. color: #fe7e3e
  10664. }
  10665. .ace-spinner {
  10666. display: inline-block
  10667. }
  10668. .ace-spinner .spinner-buttons {
  10669. min-width: 18px
  10670. }
  10671. .ace-spinner .spinner-buttons>.btn {
  10672. border-radius: 0!important;
  10673. font-size: 10px;
  10674. padding: 0;
  10675. width: 18px;
  10676. height: 14px;
  10677. line-height: 10px
  10678. }
  10679. .ace-spinner .spinner-buttons>.btn:first-child {
  10680. margin-top: 0
  10681. }
  10682. .ace-spinner .spinner-buttons>.btn>[class*="icon-"] {
  10683. margin: 0;
  10684. padding: 0
  10685. }
  10686. .ace-spinner .spinner-buttons>button.btn:active {
  10687. left: auto;
  10688. top: auto
  10689. }
  10690. .ace-spinner .spinner-input {
  10691. text-align: center;
  10692. height: 29px;
  10693. line-height: 28px;
  10694. color: #777
  10695. }
  10696. .ace-spinner input[type=text].spinner-input.form-control {
  10697. width: auto\0/!important;
  10698. line-height: 1\0/!important;
  10699. padding-bottom: 4px\0/!important
  10700. }
  10701. .ace-spinner.touch-spinner .spinner-buttons {
  10702. margin: 0;
  10703. font-size: 0
  10704. }
  10705. .ace-spinner.touch-spinner .spinner-buttons>.btn {
  10706. height: 29px;
  10707. line-height: 20px;
  10708. width: 24px;
  10709. font-size: 18px;
  10710. display: inline-block;
  10711. vertical-align: sub;
  10712. margin: 0 1px
  10713. }
  10714. .ace-spinner.touch-spinner .spinner-buttons>.btn>[class*="icon-"] {
  10715. vertical-align: middle;
  10716. display: inline-block
  10717. }
  10718. .wizard-steps {
  10719. list-style: none;
  10720. display: table;
  10721. width: 100%;
  10722. padding: 0;
  10723. margin: 0;
  10724. position: relative
  10725. }
  10726. .wizard-steps li {
  10727. display: table-cell;
  10728. text-align: center;
  10729. width: 1%
  10730. }
  10731. .wizard-steps li .step {
  10732. border: 5px solid #ced1d6;
  10733. color: #546474;
  10734. font-size: 15px;
  10735. border-radius: 100%;
  10736. background-color: #FFF;
  10737. position: relative;
  10738. z-index: 2;
  10739. display: inline-block;
  10740. width: 40px;
  10741. height: 40px;
  10742. line-height: 30px;
  10743. text-align: center
  10744. }
  10745. .wizard-steps li:before {
  10746. display: block;
  10747. content: "";
  10748. width: 100%;
  10749. height: 1px;
  10750. font-size: 0;
  10751. overflow: hidden;
  10752. border-top: 4px solid #ced1d6;
  10753. position: relative;
  10754. top: 21px;
  10755. z-index: 1
  10756. }
  10757. .wizard-steps li:last-child:before {
  10758. max-width: 50%;
  10759. width: 50%
  10760. }
  10761. .wizard-steps li:first-child:before {
  10762. max-width: 51%;
  10763. left: 50%
  10764. }
  10765. .wizard-steps li.active:before,
  10766. .wizard-steps li.complete:before,
  10767. .wizard-steps li.active .step,
  10768. .wizard-steps li.complete .step {
  10769. border-color: #5293c4
  10770. }
  10771. .wizard-steps li.complete .step {
  10772. cursor: default;
  10773. color: #FFF;
  10774. -webkit-transition: transform ease .1s;
  10775. transition: transform ease .1s
  10776. }
  10777. .wizard-steps li.complete .step:before {
  10778. display: block;
  10779. position: absolute;
  10780. top: 0;
  10781. left: 0;
  10782. bottom: 0;
  10783. right: 0;
  10784. line-height: 30px;
  10785. text-align: center;
  10786. border-radius: 100%;
  10787. content: "\f00c";
  10788. background-color: #FFF;
  10789. z-index: 3;
  10790. font-family: FontAwesome;
  10791. font-size: 17px;
  10792. color: #87ba21
  10793. }
  10794. .wizard-steps li.complete:hover .step {
  10795. -moz-transform: scale(1.1);
  10796. -webkit-transform: scale(1.1);
  10797. -o-transform: scale(1.1);
  10798. -ms-transform: scale(1.1);
  10799. transform: scale(1.1);
  10800. border-color: #80afd4
  10801. }
  10802. .wizard-steps li.complete:hover:before {
  10803. border-color: #80afd4
  10804. }
  10805. .wizard-steps li .title {
  10806. display: block;
  10807. margin-top: 4px;
  10808. max-width: 100%;
  10809. color: #949ea7;
  10810. font-size: 14px;
  10811. z-index: 104;
  10812. text-align: center;
  10813. table-layout: fixed;
  10814. word-wrap: break-word
  10815. }
  10816. .wizard-steps li.complete .title,
  10817. .wizard-steps li.active .title {
  10818. color: #2b3d53
  10819. }
  10820. .step-content .step-pane {
  10821. display: none;
  10822. min-height: 200px;
  10823. padding: 4px 8px 12px
  10824. }
  10825. .step-content .active {
  10826. display: block
  10827. }
  10828. .wizard-actions {
  10829. text-align: right
  10830. }
  10831. @media only screen and (max-width:767px) {
  10832. .wizard-steps li .step {
  10833. width: 30px;
  10834. height: 30px;
  10835. line-height: 24px;
  10836. border-width: 3px
  10837. }
  10838. .wizard-steps li:before,
  10839. .wizard-steps li:after {
  10840. border-width: 3px
  10841. }
  10842. .wizard-steps li.complete .step:before {
  10843. line-height: 24px;
  10844. font-size: 13px
  10845. }
  10846. .wizard-steps li:before {
  10847. top: 16px
  10848. }
  10849. .step-content .step-pane {
  10850. padding: 4px 4px 6px
  10851. }
  10852. }
  10853. .tree {
  10854. padding-left: 9px;
  10855. overflow-x: hidden;
  10856. overflow-y: auto;
  10857. position: relative
  10858. }
  10859. .tree:before {
  10860. display: inline-block;
  10861. content: "";
  10862. position: absolute;
  10863. top: -20px;
  10864. bottom: 16px;
  10865. left: 0;
  10866. border: 1px dotted #67b2dd;
  10867. border-width: 0 0 0 1px;
  10868. z-index: 1
  10869. }
  10870. .tree .tree-folder {
  10871. width: auto;
  10872. min-height: 20px;
  10873. cursor: pointer
  10874. }
  10875. .tree .tree-folder .tree-folder-header {
  10876. position: relative;
  10877. height: 20px;
  10878. line-height: 20px
  10879. }
  10880. .tree .tree-folder .tree-folder-header:hover {
  10881. background-color: #f0f7fc
  10882. }
  10883. .tree .tree-folder .tree-folder-header .tree-folder-name,
  10884. .tree .tree-item .tree-item-name {
  10885. display: inline;
  10886. z-index: 2
  10887. }
  10888. .tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,
  10889. .tree .tree-item>[class*="icon-"]:first-child {
  10890. display: inline-block;
  10891. position: relative;
  10892. z-index: 2;
  10893. top: -1px
  10894. }
  10895. .tree .tree-folder .tree-folder-header .tree-folder-name {
  10896. margin-left: 2px
  10897. }
  10898. .tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child {
  10899. margin: -2px 0 0 -2px
  10900. }
  10901. .tree .tree-folder:last-child:after {
  10902. display: inline-block;
  10903. content: "";
  10904. position: absolute;
  10905. z-index: 1;
  10906. top: 15px;
  10907. bottom: 0;
  10908. left: -15px;
  10909. border-left: 1px solid #FFF
  10910. }
  10911. .tree .tree-folder .tree-folder-content {
  10912. margin-left: 23px;
  10913. position: relative
  10914. }
  10915. .tree .tree-folder .tree-folder-content:before {
  10916. display: inline-block;
  10917. content: "";
  10918. position: absolute;
  10919. z-index: 1;
  10920. top: -14px;
  10921. bottom: 16px;
  10922. left: -14px;
  10923. border: 1px dotted #67b2dd;
  10924. border-width: 0 0 0 1px
  10925. }
  10926. .tree .tree-item {
  10927. position: relative;
  10928. height: 20px;
  10929. line-height: 20px;
  10930. cursor: pointer
  10931. }
  10932. .tree .tree-item:hover {
  10933. background-color: #f0f7fc
  10934. }
  10935. .tree .tree-item .tree-item-name {
  10936. margin-left: 3px
  10937. }
  10938. .tree .tree-item .tree-item-name>[class*="icon-"]:first-child {
  10939. margin-right: 3px
  10940. }
  10941. .tree .tree-item>[class*="icon-"]:first-child {
  10942. margin-top: -1px
  10943. }
  10944. .tree .tree-folder,
  10945. .tree .tree-item {
  10946. position: relative
  10947. }
  10948. .tree .tree-folder:before,
  10949. .tree .tree-item:before {
  10950. display: inline-block;
  10951. content: "";
  10952. position: absolute;
  10953. top: 14px;
  10954. left: -13px;
  10955. width: 18px;
  10956. height: 0;
  10957. border-top: 1px dotted #67b2dd;
  10958. z-index: 1
  10959. }
  10960. .tree .tree-selected {
  10961. background-color: rgba(98, 168, 209, 0.1);
  10962. color: #6398b0
  10963. }
  10964. .tree .tree-selected:hover {
  10965. background-color: rgba(98, 168, 209, 0.1)
  10966. }
  10967. .tree .tree-item,
  10968. .tree .tree-folder {
  10969. border: 1px solid #FFF
  10970. }
  10971. .tree .tree-folder .tree-folder-header {
  10972. border-radius: 0
  10973. }
  10974. .tree .tree-item,
  10975. .tree .tree-folder .tree-folder-header {
  10976. margin: 0;
  10977. padding: 5px;
  10978. color: #4d6878;
  10979. -webkit-box-sizing: content-box;
  10980. -moz-box-sizing: content-box;
  10981. box-sizing: content-box
  10982. }
  10983. .tree .tree-item>[class*="icon-"]:first-child {
  10984. color: #f9e8ce;
  10985. width: 13px;
  10986. height: 13px;
  10987. line-height: 13px;
  10988. font-size: 11px;
  10989. text-align: center;
  10990. border-radius: 3px;
  10991. -webkit-box-sizing: content-box;
  10992. -moz-box-sizing: content-box;
  10993. box-sizing: content-box;
  10994. background-color: #fafafa;
  10995. border: 1px solid #CCC;
  10996. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
  10997. }
  10998. .tree .tree-selected>[class*="icon-"]:first-child {
  10999. background-color: #f9a021;
  11000. border-color: #f9a021;
  11001. color: #FFF
  11002. }
  11003. .tree .icon-plus[class*="icon-"]:first-child,
  11004. .tree .icon-minus[class*="icon-"]:first-child {
  11005. border: 1px solid #DDD;
  11006. vertical-align: middle;
  11007. height: 11px;
  11008. width: 11px;
  11009. -webkit-box-sizing: content-box;
  11010. -moz-box-sizing: content-box;
  11011. box-sizing: content-box;
  11012. text-align: center;
  11013. border: 1px solid #8baebf;
  11014. line-height: 10px;
  11015. background-color: #FFF;
  11016. position: relative;
  11017. z-index: 1
  11018. }
  11019. .tree .icon-plus[class*="icon-"]:first-child:before {
  11020. display: block;
  11021. content: "+";
  11022. font-family: "Open Sans";
  11023. font-size: 16px;
  11024. position: relative;
  11025. z-index: 1
  11026. }
  11027. .tree .icon-minus[class*="icon-"]:first-child:before {
  11028. content: "";
  11029. display: block;
  11030. width: 7px;
  11031. height: 0;
  11032. border-top: 1px solid #4d6878;
  11033. position: absolute;
  11034. top: 5px;
  11035. left: 2px
  11036. }
  11037. .tree .tree-unselectable .tree-item>[class*="icon-"]:first-child {
  11038. color: #5084a0;
  11039. width: 13px;
  11040. height: 13px;
  11041. line-height: 13px;
  11042. font-size: 10px;
  11043. text-align: center;
  11044. border-radius: 0;
  11045. background-color: transparent;
  11046. border: 0;
  11047. box-shadow: none
  11048. }
  11049. .tree [class*="icon-"][class*="-down"] {
  11050. transform: rotate(-45deg)
  11051. }
  11052. .tree .icon-spin {
  11053. height: auto
  11054. }
  11055. .tree .tree-loading {
  11056. margin-left: 36px
  11057. }
  11058. .tree img {
  11059. display: inline;
  11060. veritcal-align: middle
  11061. }
  11062. .gritter-item-wrapper {
  11063. background-image: none!important;
  11064. box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  11065. background: rgba(50, 50, 50, 0.92)
  11066. }
  11067. .gritter-item-wrapper.gritter-info {
  11068. background: rgba(49, 81, 133, 0.92)
  11069. }
  11070. .gritter-item-wrapper.gritter-error {
  11071. background: rgba(153, 40, 18, 0.92)
  11072. }
  11073. .gritter-item-wrapper.gritter-success {
  11074. background: rgba(89, 131, 75, 0.92)
  11075. }
  11076. .gritter-item-wrapper.gritter-warning {
  11077. background: rgba(190, 112, 31, 0.92)
  11078. }
  11079. .gritter-item-wrapper.gritter-light {
  11080. background: rgba(245, 245, 245, 0.95);
  11081. border: 1px solid #BBB
  11082. }
  11083. .gritter-item-wrapper.gritter-light.gritter-info {
  11084. background: rgba(232, 242, 255, 0.95)
  11085. }
  11086. .gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
  11087. color: #4a577d
  11088. }
  11089. .gritter-item-wrapper.gritter-light.gritter-error {
  11090. background: rgba(255, 235, 235, 0.95)
  11091. }
  11092. .gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
  11093. color: #894a38
  11094. }
  11095. .gritter-item-wrapper.gritter-light.gritter-success {
  11096. background: rgba(239, 250, 227, 0.95)
  11097. }
  11098. .gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
  11099. color: #416131
  11100. }
  11101. .gritter-item-wrapper.gritter-light.gritter-warning {
  11102. background: rgba(252, 248, 227, 0.95)
  11103. }
  11104. .gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
  11105. color: #946446
  11106. }
  11107. .gritter-item p {
  11108. line-height: 1.8
  11109. }
  11110. .gritter-top,
  11111. .gritter-bottom,
  11112. .gritter-item {
  11113. background-image: none
  11114. }
  11115. .gritter-close {
  11116. left: auto;
  11117. right: 3px;
  11118. background-image: none;
  11119. width: 18px;
  11120. height: 18px;
  11121. line-height: 17px;
  11122. text-align: center;
  11123. border: 2px solid transparent;
  11124. border-radius: 16px;
  11125. color: #e17b67
  11126. }
  11127. .gritter-close:before {
  11128. font-family: FontAwesome;
  11129. font-size: 16px;
  11130. content: "\f00d"
  11131. }
  11132. .gritter-info .gritter-close {
  11133. color: #ffa500
  11134. }
  11135. .gritter-error .gritter-close,
  11136. .gritter-success .gritter-close,
  11137. .gritter-warning .gritter-close {
  11138. color: #ffea07
  11139. }
  11140. .gritter-close:hover {
  11141. color: #FFF!important
  11142. }
  11143. .gritter-title {
  11144. text-shadow: none
  11145. }
  11146. .gritter-light .gritter-item,
  11147. .gritter-light .gritter-bottom,
  11148. .gritter-light .gritter-top,
  11149. .gritter-light .gritter-close {
  11150. background-image: none;
  11151. color: #444
  11152. }
  11153. .gritter-light .gritter-title {
  11154. text-shadow: none
  11155. }
  11156. .gritter-light .gritter-close:hover {
  11157. color: #8a3104!important
  11158. }
  11159. .gritter-center {
  11160. position: fixed;
  11161. left: 33%;
  11162. right: 33%;
  11163. top: 33%
  11164. }
  11165. @media only screen and (max-width:767px) {
  11166. .gritter-center {
  11167. left: 16%;
  11168. right: 16%;
  11169. top: 30%
  11170. }
  11171. }
  11172. @media only screen and (max-width:480px) {
  11173. .gritter-center {
  11174. left: 30px;
  11175. right: 30px
  11176. }
  11177. }
  11178. @media only screen and (max-width:320px) {
  11179. .gritter-center {
  11180. left: 10px;
  11181. right: 10px
  11182. }
  11183. }
  11184. .wysiwyg-editor {
  11185. max-height: 250px;
  11186. height: 250px;
  11187. background-color: #f7f8fa;
  11188. border-collapse: separate;
  11189. border: 1px solid #bbc0ca;
  11190. padding: 4px;
  11191. box-sizing: content-box;
  11192. overflow-y: scroll;
  11193. overflow-x: hidden;
  11194. outline: 0
  11195. }
  11196. .wysiwyg-editor:focus {
  11197. background-color: #FFF
  11198. }
  11199. .wysiwyg-toolbar {
  11200. line-height: 32px;
  11201. margin: 0!important
  11202. }
  11203. .wysiwyg-toolbar .dropdown-menu {
  11204. text-align: left
  11205. }
  11206. .wysiwyg-toolbar .btn-group {
  11207. float: none;
  11208. font-size: 0
  11209. }
  11210. .wysiwyg-toolbar .btn-group>.btn,
  11211. .wysiwyg-toolbar .btn-group>.inline>.btn {
  11212. float: none;
  11213. padding-left: 0;
  11214. padding-right: 0;
  11215. text-align: center;
  11216. border-width: 2px;
  11217. margin-left: 1px
  11218. }
  11219. .wysiwyg-toolbar .btn-group>.btn>[class*="icon-"]:first-child,
  11220. .wysiwyg-toolbar .btn-group>.inline>.btn>[class*="icon-"]:first-child {
  11221. font-size: 14px;
  11222. width: 25px;
  11223. max-width: 25px;
  11224. display: inline-block;
  11225. border-width: 1px!important
  11226. }
  11227. .wysiwyg-toolbar .btn-group>.btn.dropdown-toggle>[class*="icon-"]:last-child,
  11228. .wysiwyg-toolbar .btn-group>.inline>.btn.dropdown-toggle>[class*="icon-"]:last-child {
  11229. margin-right: 4px
  11230. }
  11231. .wysiwyg-toolbar .btn-group>.btn.active:after,
  11232. .wysiwyg-toolbar .btn-group>.inline>.btn.active:after {
  11233. border-color: transparent;
  11234. border-style: solid;
  11235. border-top-color: inherit;
  11236. border-width: 6px 14px;
  11237. bottom: -13px;
  11238. left: 0;
  11239. right: 0
  11240. }
  11241. .wysiwyg-style1 .btn-group>.btn,
  11242. .wysiwyg-style2 .btn-group>.btn,
  11243. .wysiwyg-style1 .btn-group>.inline>.btn,
  11244. .wysiwyg-style2 .btn-group>.inline>.btn {
  11245. margin: 0!important;
  11246. background: #FFF!important;
  11247. border: none!important;
  11248. color: #adb3be!important;
  11249. text-shadow: none!important
  11250. }
  11251. .wysiwyg-style1 .btn-group>.btn.active,
  11252. .wysiwyg-style2 .btn-group>.btn.active,
  11253. .wysiwyg-style1 .btn-group>.inline>.btn.active,
  11254. .wysiwyg-style2 .btn-group>.inline>.btn.active {
  11255. color: #5b80ce!important
  11256. }
  11257. .wysiwyg-style1 .btn-group>.btn.active:after,
  11258. .wysiwyg-style2 .btn-group>.btn.active:after,
  11259. .wysiwyg-style1 .btn-group>.inline>.btn.active:after,
  11260. .wysiwyg-style2 .btn-group>.inline>.btn.active:after {
  11261. display: none
  11262. }
  11263. .wysiwyg-style1 .btn-group,
  11264. .wysiwyg-style2 .btn-group {
  11265. position: relative
  11266. }
  11267. .wysiwyg-style1 .btn-group:after,
  11268. .wysiwyg-style2 .btn-group:after {
  11269. display: block;
  11270. content: "";
  11271. position: absolute;
  11272. left: -2px;
  11273. width: 0;
  11274. max-width: 0;
  11275. top: 6px;
  11276. bottom: 6px;
  11277. border-left: 1px solid #e1e6ea
  11278. }
  11279. .wysiwyg-style1 .btn-group:first-child:after,
  11280. .wysiwyg-style2 .btn-group:first-child:after {
  11281. display: none
  11282. }
  11283. .wysiwyg-style2 {
  11284. background-color: #e5e5e5
  11285. }
  11286. .wysiwyg-style2+.wysiwyg-editor {
  11287. border-color: #DDD;
  11288. background-color: #FFF;
  11289. border-top: 0
  11290. }
  11291. .wysiwyg-style2 .btn-group>.btn,
  11292. .wysiwyg-style2 .btn-group>.inline>.btn {
  11293. margin: 0 1px 0 0!important;
  11294. background: #FFF!important;
  11295. border: none!important;
  11296. color: #8d939e!important;
  11297. text-shadow: none!important
  11298. }
  11299. .wysiwyg-style2 .btn-group>.btn.active,
  11300. .wysiwyg-style2 .btn-group>.inline>.btn.active {
  11301. color: #FFF!important;
  11302. background: #6aaedf!important
  11303. }
  11304. .wysiwyg-style2 .btn-group:after {
  11305. display: none
  11306. }
  11307. .wysiwyg-toolbar .btn-colorpicker {
  11308. width: 24px;
  11309. height: 24px;
  11310. position: relative;
  11311. background: #87b87f;
  11312. 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%);
  11313. 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));
  11314. 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%);
  11315. 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%);
  11316. 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%);
  11317. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
  11318. background: linear-gradient(top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100%)
  11319. }
  11320. .wysiwyg-toolbar .dropdown-colorpicker>.dropdown-menu {
  11321. top: inherit
  11322. }
  11323. .wysiwyg-toolbar input[type=file] {
  11324. position: fixed;
  11325. z-index: -10;
  11326. opacity: 0;
  11327. max-width: 0;
  11328. max-height: 0;
  11329. display: block
  11330. }
  11331. .wysiwyg-toolbar .wysiwyg-choose-file {
  11332. display: inline-block;
  11333. width: auto;
  11334. margin: 4px auto 0;
  11335. padding-left: 5px;
  11336. padding-right: 5px
  11337. }
  11338. .wysiwyg-toolbar .dropdown-menu input[type=text] {
  11339. margin-left: 8px;
  11340. margin-bottom: 0
  11341. }
  11342. .wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
  11343. min-width: 150px
  11344. }
  11345. .wysiwyg-toolbar .dropdown-menu .btn {
  11346. margin-right: 8px;
  11347. margin-left: 1px
  11348. }
  11349. .wysiwyg-style1 .btn-colorpicker {
  11350. width: 20px;
  11351. height: 20px
  11352. }
  11353. @media screen and (-webkit-min-device-pixel-ratio:0) {
  11354. .wysiwyg-editor img {
  11355. display: inline!important
  11356. }
  11357. .wysiwyg-editor .ui-wrapper {
  11358. border: 1px dotted #D00;
  11359. overflow: visible!important;
  11360. display: inline-block!important;
  11361. vertical-align: middle
  11362. }
  11363. .wysiwyg-editor .ui-wrapper:after {
  11364. content: "";
  11365. display: block;
  11366. position: absolute;
  11367. right: -3px;
  11368. bottom: -3px;
  11369. width: 7px;
  11370. height: 7px;
  11371. border: 1px solid #D00;
  11372. background-color: #FFF;
  11373. z-index: 1
  11374. }
  11375. }
  11376. .widget-header .wysiwyg-toolbar {
  11377. background-color: transparent
  11378. }
  11379. .widget-header .wysiwyg-toolbar .btn-group>.btn,
  11380. .widget-header .wysiwyg-toolbar .btn-group>.inline>.btn {
  11381. border-color: transparent;
  11382. background: rgba(255, 255, 255, 0.25)!important;
  11383. color: #FFF!important;
  11384. border-width: 1px
  11385. }
  11386. .widget-header .wysiwyg-toolbar .btn-group>.btn.active,
  11387. .widget-header .wysiwyg-toolbar .btn-group>.inline>.btn.active {
  11388. background: rgba(0, 0, 0, 0.25)!important
  11389. }
  11390. .widget-body .wysiwyg-editor {
  11391. border: 0
  11392. }
  11393. .wysiwyg-speech-input {
  11394. width: 20px!important;
  11395. color: transparent!important;
  11396. background: transparent none!important;
  11397. border: none!important;
  11398. -moz-transform: scale(2.0, 2.0);
  11399. -webkit-transform: scale(2.0, 2.0);
  11400. -o-transform: scale(2.0, 2.0);
  11401. -ms-transform: scale(2.0, 2.0);
  11402. transform: scale(2.0, 2.0);
  11403. -webkit-box-shadow: none!important;
  11404. box-shadow: none!important;
  11405. cursor: pointer
  11406. }
  11407. .wysiwyg-speech-input:focus {
  11408. -webkit-box-shadow: none!important;
  11409. box-shadow: none!important
  11410. }
  11411. .widget-body .md-header {
  11412. margin-top: -30px;
  11413. margin-left: 9px
  11414. }
  11415. .widget-body .md-header .btn {
  11416. border-color: transparent;
  11417. background: rgba(255, 255, 255, 0.25)!important;
  11418. color: #FFF!important;
  11419. text-align: center;
  11420. padding-left: 0;
  11421. padding-right: 0;
  11422. border-width: 1px!important;
  11423. padding-top: 2px;
  11424. padding-bottom: 4px
  11425. }
  11426. .widget-body .md-header .btn>[class*="icon-"] {
  11427. font-size: 14px;
  11428. width: 25px;
  11429. max-width: 25px;
  11430. display: inline-block
  11431. }
  11432. .widget-body .md-header .btn-inverse {
  11433. background: rgba(0, 0, 0, 0.25)!important;
  11434. padding-right: 5px;
  11435. margin-left: 4px
  11436. }
  11437. .widget-body .md-preview {
  11438. padding: 8px;
  11439. min-height: 200px
  11440. }
  11441. .widget-body .md-input {
  11442. border: none!important;
  11443. box-shadow: none!important;
  11444. display: block;
  11445. margin-bottom: 0;
  11446. background-color: rgba(48, 126, 204, 0.07);
  11447. padding: 8px;
  11448. width: 100%
  11449. }
  11450. .widget-body .md-input:focus {
  11451. background-color: #FFF;
  11452. box-shadow: none!important
  11453. }
  11454. .editable-container .popover-title {
  11455. color: #438eb9
  11456. }
  11457. .editable-click {
  11458. /*border-bottom: 1px dashed #BBB;*/
  11459. cursor: pointer;
  11460. font-weight: normal
  11461. }
  11462. img.editable-click {
  11463. border: 1px dotted #BBB
  11464. }
  11465. .editable-click:hover {
  11466. border-color: #08c;
  11467. color: #08c
  11468. }
  11469. img.editable-click:hover {
  11470. opacity: .75;
  11471. filter: alpha(opacity=75)
  11472. }
  11473. .editable-buttons,
  11474. .editable-input {
  11475. display: inline-block
  11476. }
  11477. .editable-buttons {
  11478. margin-left: 1px
  11479. }
  11480. .editable-buttons .btn {
  11481. padding: 0;
  11482. width: 28px;
  11483. line-height: 24px;
  11484. border-width: 3px;
  11485. font-size: 12px;
  11486. margin: 0 1px 0 0
  11487. }
  11488. .editable-buttons .btn>[class*="icon-"] {
  11489. margin: 0
  11490. }
  11491. .editable-clear-x {
  11492. cursor: pointer;
  11493. color: #888;
  11494. background: 0
  11495. }
  11496. .editable-clear-x:hover {
  11497. color: #d15b47
  11498. }
  11499. .editable-clear-x:before {
  11500. display: inline-block;
  11501. content: "\f057";
  11502. font-family: FontAwesome;
  11503. font-size: 15px;
  11504. position: absolute;
  11505. margin-top: -9px;
  11506. width: 16px;
  11507. height: 30px;
  11508. line-height: 30px;
  11509. text-align: center
  11510. }
  11511. .editable-input .ace-spinner {
  11512. margin-right: 8px
  11513. }
  11514. .editable-inline .editable-slider {
  11515. margin-top: 10px;
  11516. margin-right: 4px
  11517. }
  11518. .editable-popup .editable-slider {
  11519. display: block;
  11520. margin-bottom: 16px;
  11521. margin-top: 4px
  11522. }
  11523. .editable-slider input {
  11524. display: none
  11525. }
  11526. .editable-input .ace-file-input {
  11527. display: block
  11528. }
  11529. .editable-image .ace-file-multiple label.selected {
  11530. border-color: transparent
  11531. }
  11532. .editable-image+.editable-buttons,
  11533. .editable-wysiwyg+.editable-buttons {
  11534. display: block;
  11535. text-align: center;
  11536. margin-top: 8px
  11537. }
  11538. .editable-wysiwyg {
  11539. width: 95%
  11540. }
  11541. .editable-wysiwyg .wysiwyg-editor {
  11542. height: auto;
  11543. overflow-y: hidden
  11544. }
  11545. .editableform .input-append.dropdown-menu {
  11546. display: none
  11547. }
  11548. .editableform .open .input-append.dropdown-menu {
  11549. display: block
  11550. }
  11551. .editable-container .editableform {
  11552. margin-bottom: 10px
  11553. }
  11554. .editable-inline .editableform {
  11555. margin-bottom: 0
  11556. }
  11557. .editableform-loading {
  11558. background: 0
  11559. }
  11560. .editableform-loading [class*="icon-"],
  11561. .editableform-loading .progress {
  11562. position: relative;
  11563. top: 35%
  11564. }
  11565. .ui-slider {
  11566. background-color: #CCC
  11567. }
  11568. .ui-slider-horizontal {
  11569. height: 9px
  11570. }
  11571. .ui-slider-vertical {
  11572. width: 9px
  11573. }
  11574. .ui-slider .ui-slider-handle {
  11575. border-radius: 0;
  11576. width: 1.45em;
  11577. height: 1.45em;
  11578. background-color: #f5f5f5;
  11579. border: 1px solid
  11580. }
  11581. .ui-slider .ui-slider-handle:before {
  11582. display: inline-block;
  11583. content: "|||";
  11584. font-size: 8px;
  11585. font-family: Helvetica, Arial, sans-serif;
  11586. position: absolute;
  11587. top: 0;
  11588. bottom: 0;
  11589. left: 0;
  11590. right: 0;
  11591. text-align: center;
  11592. line-height: 15px
  11593. }
  11594. .ui-slider .ui-slider-handle:hover {
  11595. background-color: #FFF
  11596. }
  11597. .ui-slider .ui-slider-handle:hover,
  11598. .ui-slider .ui-slider-handle:focus,
  11599. .ui-slider .ui-slider-handle:active {
  11600. outline: 0;
  11601. box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  11602. text-decoration: none
  11603. }
  11604. .ui-slider .ui-slider-handle:hover:before,
  11605. .ui-slider .ui-slider-handle:focus:before,
  11606. .ui-slider .ui-slider-handle:active:before {
  11607. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
  11608. }
  11609. .ui-slider-horizontal .ui-slider-handle {
  11610. margin-left: -0.725em;
  11611. top: -0.4em
  11612. }
  11613. .ui-slider-vertical .ui-slider-handle {
  11614. left: -0.35em;
  11615. margin-bottom: -0.65em
  11616. }
  11617. .ui-slider-small.ui-slider-horizontal {
  11618. height: 5px
  11619. }
  11620. .ui-slider-small.ui-slider-vertical {
  11621. width: 5px
  11622. }
  11623. .ui-slider-small .ui-slider-handle {
  11624. border-radius: 24px;
  11625. width: 16px;
  11626. height: 16px;
  11627. top: -5px
  11628. }
  11629. .ui-slider-small .ui-slider-handle:before {
  11630. font-size: 6px;
  11631. line-height: 13px
  11632. }
  11633. .ui-slider-range {
  11634. background-color: #4aa4ce
  11635. }
  11636. .ui-slider-handle {
  11637. outline: none!important
  11638. }
  11639. .ui-slider-handle,
  11640. .ui-slider-handle:hover,
  11641. .ui-slider-handle:focus,
  11642. .ui-slider-handle:active {
  11643. border-color: #4aa4ce;
  11644. color: #4aa4ce
  11645. }
  11646. .ui-slider-green .ui-slider-range {
  11647. background-color: #8bbc67
  11648. }
  11649. .ui-slider-green .ui-slider-handle,
  11650. .ui-slider-green .ui-slider-handle:hover,
  11651. .ui-slider-green .ui-slider-handle:focus,
  11652. .ui-slider-green .ui-slider-handle:active {
  11653. border-color: #8bbc67;
  11654. color: #8bbc67
  11655. }
  11656. .ui-slider-red .ui-slider-range {
  11657. background-color: #d36e6e
  11658. }
  11659. .ui-slider-red .ui-slider-handle,
  11660. .ui-slider-red .ui-slider-handle:hover,
  11661. .ui-slider-red .ui-slider-handle:focus,
  11662. .ui-slider-red .ui-slider-handle:active {
  11663. border-color: #d36e6e;
  11664. color: #d36e6e
  11665. }
  11666. .ui-slider-purple .ui-slider-range {
  11667. background-color: #ac68ba
  11668. }
  11669. .ui-slider-purple .ui-slider-handle,
  11670. .ui-slider-purple .ui-slider-handle:hover,
  11671. .ui-slider-purple .ui-slider-handle:focus,
  11672. .ui-slider-purple .ui-slider-handle:active {
  11673. border-color: #ac68ba;
  11674. color: #ac68ba
  11675. }
  11676. .ui-slider-orange .ui-slider-range {
  11677. background-color: #efad62
  11678. }
  11679. .ui-slider-orange .ui-slider-handle,
  11680. .ui-slider-orange .ui-slider-handle:hover,
  11681. .ui-slider-orange .ui-slider-handle:focus,
  11682. .ui-slider-orange .ui-slider-handle:active {
  11683. border-color: #efad62;
  11684. color: #efad62
  11685. }
  11686. .ui-slider-dark .ui-slider-range {
  11687. background-color: #606060
  11688. }
  11689. .ui-slider-dark .ui-slider-handle,
  11690. .ui-slider-dark .ui-slider-handle:hover,
  11691. .ui-slider-dark .ui-slider-handle:focus,
  11692. .ui-slider-dark .ui-slider-handle:active {
  11693. border-color: #606060;
  11694. color: #606060
  11695. }
  11696. .ui-slider-pink .ui-slider-range {
  11697. background-color: #d6487e
  11698. }
  11699. .ui-slider-pink .ui-slider-handle,
  11700. .ui-slider-pink .ui-slider-handle:hover,
  11701. .ui-slider-pink .ui-slider-handle:focus,
  11702. .ui-slider-pink .ui-slider-handle:active {
  11703. border-color: #d6487e;
  11704. color: #d6487e
  11705. }
  11706. .ui-datepicker {
  11707. background-color: #FFF;
  11708. border: 1px solid rgba(0, 0, 0, 0.2);
  11709. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11710. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  11711. }
  11712. .ui-datepicker .ui-datepicker-prev,
  11713. .ui-datepicker .ui-datepicker-next {
  11714. height: 26px;
  11715. min-width: 32px;
  11716. max-width: 32px;
  11717. text-align: center;
  11718. cursor: pointer;
  11719. color: transparent;
  11720. line-height: 26px;
  11721. -webkit-box-sizing: content-box;
  11722. -moz-box-sizing: content-box;
  11723. box-sizing: content-box
  11724. }
  11725. .ui-datepicker .ui-datepicker-prev .ui-icon,
  11726. .ui-datepicker .ui-datepicker-next .ui-icon {
  11727. color: transparent;
  11728. visibility: hidden
  11729. }
  11730. .ui-datepicker .ui-datepicker-prev:hover,
  11731. .ui-datepicker .ui-datepicker-next:hover {
  11732. background-color: #EEE;
  11733. text-decoration: none
  11734. }
  11735. .ui-datepicker .ui-datepicker-prev:before,
  11736. .ui-datepicker .ui-datepicker-next:before {
  11737. display: inline;
  11738. font-family: FontAwesome;
  11739. font-size: 14px;
  11740. content: "\f060";
  11741. color: #393939
  11742. }
  11743. .ui-datepicker .ui-datepicker-prev-hover,
  11744. .ui-datepicker .ui-datepicker-next-hover {
  11745. top: 2px
  11746. }
  11747. .ui-datepicker .ui-datepicker-next:before {
  11748. content: "\f061"
  11749. }
  11750. .ui-datepicker .ui-datepicker-prev-hover {
  11751. left: 2px
  11752. }
  11753. .ui-datepicker .ui-datepicker-next-hover {
  11754. right: 2px
  11755. }
  11756. .ui-datepicker td {
  11757. padding: 0
  11758. }
  11759. .ui-datepicker td>a,
  11760. .ui-datepicker td>span {
  11761. display: inline-block;
  11762. height: 22px;
  11763. min-width: 24px;
  11764. max-width: 24px;
  11765. text-align: center;
  11766. color: #393939;
  11767. font-size: 13px;
  11768. -webkit-box-sizing: content-box;
  11769. -moz-box-sizing: content-box;
  11770. box-sizing: content-box
  11771. }
  11772. .ui-datepicker td>a:hover {
  11773. background-color: #EEE
  11774. }
  11775. .ui-datepicker td>a.ui-state-highlight {
  11776. background-color: #d5e5ef
  11777. }
  11778. .ui-datepicker td>a.ui-state-active {
  11779. background-color: #2283c5;
  11780. color: #FFF
  11781. }
  11782. .ui-datepicker td>a.ui-priority-secondary {
  11783. color: #888
  11784. }
  11785. .ui-datepicker td>span {
  11786. color: #999
  11787. }
  11788. .ui-datepicker td .ui-datepicker-title select {
  11789. height: 24px;
  11790. line-height: 24px;
  11791. padding: 2px 3px
  11792. }
  11793. .ui-datepicker td .ui-datepicker-buttonpane {
  11794. background-color: #DDD;
  11795. height: 1px
  11796. }
  11797. .ui-widget-overlay {
  11798. background: rgba(0, 0, 0, 0.25);
  11799. opacity: 1!important;
  11800. filter: alpha(opacity=100)!important;
  11801. z-index: 1040!important
  11802. }
  11803. .ui-dialog,
  11804. .ui-jqdialog {
  11805. z-index: 1050!important;
  11806. background-color: #FFF;
  11807. padding: 0;
  11808. border: 1px solid #DDD;
  11809. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11810. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  11811. }
  11812. .ui-dialog .ui-dialog-titlebar,
  11813. .ui-jqdialog .ui-dialog-titlebar,
  11814. .ui-dialog .ui-jqdialog-titlebar,
  11815. .ui-jqdialog .ui-jqdialog-titlebar {
  11816. background-color: #f1f1f1;
  11817. font-size: 16px;
  11818. color: #669fc7;
  11819. padding: 0
  11820. }
  11821. .ui-dialog .ui-dialog-title,
  11822. .ui-jqdialog .ui-dialog-title,
  11823. .ui-dialog .ui-jqdialog-title,
  11824. .ui-jqdialog .ui-jqdialog-title {
  11825. float: none;
  11826. width: auto
  11827. }
  11828. .ui-dialog .widget-header,
  11829. .ui-jqdialog .widget-header {
  11830. margin: 0;
  11831. border-width: 0 0 1px 0
  11832. }
  11833. .ui-dialog .ui-dialog-buttonpane,
  11834. .ui-jqdialog .ui-dialog-buttonpane,
  11835. .ui-dialog .ui-jqdialog-buttonpane,
  11836. .ui-jqdialog .ui-jqdialog-buttonpane {
  11837. background-color: #eff3f8;
  11838. border-top: 1px solid #e4e9ee
  11839. }
  11840. .ui-dialog .ui-dialog-buttonpane button,
  11841. .ui-jqdialog .ui-dialog-buttonpane button,
  11842. .ui-dialog .ui-jqdialog-buttonpane button,
  11843. .ui-jqdialog .ui-jqdialog-buttonpane button {
  11844. font-size: 14px
  11845. }
  11846. .ui-dialog .ui-dialog-titlebar-close,
  11847. .ui-jqdialog .ui-dialog-titlebar-close,
  11848. .ui-dialog .ui-jqdialog-titlebar-close,
  11849. .ui-jqdialog .ui-jqdialog-titlebar-close {
  11850. border: 0;
  11851. background: transparent;
  11852. opacity: .4;
  11853. color: #d15b47;
  11854. padding: 0;
  11855. top: 50%;
  11856. right: 8px!important;
  11857. text-align: center
  11858. }
  11859. .ui-dialog .ui-dialog-titlebar-close:before,
  11860. .ui-jqdialog .ui-dialog-titlebar-close:before,
  11861. .ui-dialog .ui-jqdialog-titlebar-close:before,
  11862. .ui-jqdialog .ui-jqdialog-titlebar-close:before {
  11863. content: "\f00d";
  11864. display: inline;
  11865. font-family: FontAwesome;
  11866. font-size: 16px
  11867. }
  11868. .ui-dialog .ui-dialog-titlebar-close:hover,
  11869. .ui-jqdialog .ui-dialog-titlebar-close:hover,
  11870. .ui-dialog .ui-jqdialog-titlebar-close:hover,
  11871. .ui-jqdialog .ui-jqdialog-titlebar-close:hover {
  11872. opacity: 1;
  11873. text-decoration: none;
  11874. padding: 0
  11875. }
  11876. .ui-dialog .ui-dialog-titlebar-close .ui-button-text,
  11877. .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
  11878. .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
  11879. .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
  11880. text-indent: 0;
  11881. visibility: hidden
  11882. }
  11883. .ui-dialog .widget-header .ui-dialog-titlebar-close,
  11884. .ui-jqdialog .widget-header .ui-dialog-titlebar-close,
  11885. .ui-dialog .widget-header .ui-jqdialog-titlebar-close,
  11886. .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
  11887. right: 10px!important
  11888. }
  11889. .ui-accordion .ui-accordion-header {
  11890. color: #478fca;
  11891. font-weight: normal;
  11892. background-color: #f9f9f9;
  11893. border: 1px solid #cdd8e3;
  11894. padding: 8px 8px 9px 24px
  11895. }
  11896. .ui-accordion .ui-accordion-header:hover {
  11897. color: #6ea6cc;
  11898. background-color: #f1f8fd
  11899. }
  11900. .ui-accordion .ui-accordion-header.ui-state-active {
  11901. color: #4c8fbd;
  11902. background-color: #eef4f9;
  11903. position: relative;
  11904. font-weight: bold
  11905. }
  11906. .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  11907. text-indent: 0;
  11908. margin-top: 0;
  11909. position: absolute;
  11910. left: 10px;
  11911. top: 7px
  11912. }
  11913. .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
  11914. display: inline;
  11915. font-family: FontAwesome;
  11916. font-size: 15px;
  11917. content: "\f0da"
  11918. }
  11919. .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
  11920. content: "\f0d7";
  11921. font-weight: normal
  11922. }
  11923. .ui-accordion .ui-accordion-content {
  11924. border: 1px solid #cdd8e3;
  11925. border-top-width: 0;
  11926. padding: 11px 16px
  11927. }
  11928. .ui-tabs .ui-tabs-nav {
  11929. padding: 0;
  11930. border-bottom: 1px solid #c5d0dc
  11931. }
  11932. .ui-tabs .ui-tabs-nav li.ui-state-default>a {
  11933. background-color: #f9f9f9;
  11934. border: 1px solid #c5d0dc;
  11935. border-bottom-width: 0;
  11936. color: #999;
  11937. line-height: 16px;
  11938. margin-right: -1px;
  11939. z-index: 11;
  11940. padding: 8px 12px;
  11941. position: relative;
  11942. top: 2px
  11943. }
  11944. .ui-tabs .ui-tabs-nav li>a:focus {
  11945. outline: 0
  11946. }
  11947. .ui-tabs .ui-tabs-nav li.ui-tabs-active>a {
  11948. background-color: #FFF;
  11949. border: 1px solid;
  11950. border-color: #4c8fbd #c5d0dc transparent;
  11951. border-top-width: 2px;
  11952. -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  11953. box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  11954. color: #576373;
  11955. position: relative;
  11956. top: 1px
  11957. }
  11958. .ui-tabs .ui-tabs-panel {
  11959. border: 1px solid #c5d0dc;
  11960. border-top-width: 0;
  11961. margin: 0;
  11962. left: auto;
  11963. right: auto;
  11964. top: auto;
  11965. bottom: auto
  11966. }
  11967. .ui-menu {
  11968. -webkit-box-sizing: content-box;
  11969. -moz-box-sizing: content-box;
  11970. box-sizing: content-box;
  11971. width: 150px;
  11972. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11973. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  11974. background-color: #FFF;
  11975. border: 1px solid rgba(0, 0, 0, 0.2);
  11976. padding: 3px
  11977. }
  11978. .ui-menu .ui-menu-item a {
  11979. padding: 4px 7px 5px;
  11980. color: #444;
  11981. cursor: pointer;
  11982. -webkit-box-sizing: inherit;
  11983. -moz-box-sizing: inherit;
  11984. box-sizing: inherit
  11985. }
  11986. .ui-menu .ui-menu-item a .ui-menu-icon {
  11987. float: right;
  11988. position: relative;
  11989. top: 0;
  11990. left: auto;
  11991. right: auto;
  11992. bottom: auto;
  11993. text-indent: 0
  11994. }
  11995. .ui-menu .ui-menu-item a .ui-menu-icon:before {
  11996. content: "\f105";
  11997. font-family: FontAwesome;
  11998. font-size: 14px;
  11999. display: inline
  12000. }
  12001. .ui-menu .ui-menu-item a:hover,
  12002. .ui-menu .ui-menu-item a.ui-state-focus,
  12003. .ui-menu .ui-menu-item a.ui-state-active {
  12004. background-color: #4f99c6;
  12005. color: #FFF;
  12006. margin: auto;
  12007. font-weight: normal
  12008. }
  12009. .ui-menu .ui-menu-item a:hover .ui-menu-icon,
  12010. .ui-menu .ui-menu-item a.ui-state-focus .ui-menu-icon,
  12011. .ui-menu .ui-menu-item a.ui-state-active .ui-menu-icon {
  12012. color: #FFF
  12013. }
  12014. .ui-menu .ui-state-disabled a {
  12015. color: #999;
  12016. cursor: default
  12017. }
  12018. .ui-menu .ui-state-disabled a:hover,
  12019. .ui-menu .ui-state-disabled a.ui-state-focus,
  12020. .ui-menu .ui-state-disabled a.ui-state-active {
  12021. background-color: #FFF;
  12022. color: #999
  12023. }
  12024. .ui-autocomplete {
  12025. background-color: #FFF;
  12026. border: 1px solid rgba(0, 0, 0, 0.2);
  12027. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  12028. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  12029. }
  12030. .ui-autocomplete-category {
  12031. padding: 6px;
  12032. position: relative;
  12033. background-color: #eef4f9;
  12034. color: #478fca;
  12035. font-weight: bolder;
  12036. border: 1px solid #dae6ed;
  12037. border-width: 1px 0
  12038. }
  12039. .ui-spinner-button {
  12040. border-width: 0!important;
  12041. font-size: 10px;
  12042. height: 14px;
  12043. line-height: 14px;
  12044. width: 18px;
  12045. color: #fff!important;
  12046. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  12047. display: inline-block;
  12048. position: absolute;
  12049. text-align: center;
  12050. padding: 0
  12051. }
  12052. .ui-spinner-button>[class*="icon-"] {
  12053. width: 18px;
  12054. display: inline-block
  12055. }
  12056. .ui-spinner-up {
  12057. top: 0;
  12058. right: 5px
  12059. }
  12060. .ui-spinner-down {
  12061. bottom: 3px;
  12062. right: 5px
  12063. }
  12064. .ui-spinner-input {
  12065. margin-top: 0;
  12066. padding: 5px;
  12067. max-width: 100px;
  12068. font-size: 14px
  12069. }
  12070. .ui-tooltip {
  12071. background-color: #444;
  12072. color: #FFF
  12073. }
  12074. .ui-progressbar {
  12075. background-color: #dadada;
  12076. height: 22px
  12077. }
  12078. .ui-progressbar .ui-progressbar-value {
  12079. margin: 0
  12080. }
  12081. .ui-progressbar .ui-progressbar-value[class="progress-bar"] {
  12082. background-color: #2a91d8
  12083. }
  12084. .ui-jqgrid .ui-jqgrid-view,
  12085. .ui-jqgrid .ui-paging-info,
  12086. .ui-jqgrid .ui-pg-table,
  12087. .ui-jqgrid .ui-pg-selbox {
  12088. font-size: 13px
  12089. }
  12090. .ui-jqgrid .ui-jqgrid-title {
  12091. float: left;
  12092. margin: 8px
  12093. }
  12094. .ui-jqgrid .ui-jqgrid-title-rtl {
  12095. float: right;
  12096. margin: 8px
  12097. }
  12098. .ui-jqgrid-view>.ui-jqgrid-titlebar {
  12099. height: 40px;
  12100. line-height: 24px;
  12101. color: #FFF;
  12102. background: #307ecc;
  12103. padding: 0;
  12104. font-size: 15px
  12105. }
  12106. .ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
  12107. border-right: 0;
  12108. border-left: 1px solid #e1e1e1
  12109. }
  12110. .ui-jqgrid .ui-jqgrid-hdiv {
  12111. background-color: #eff3f8;
  12112. border: 1px solid #d3d3d3;
  12113. border-width: 1px 0 0 1px;
  12114. line-height: 15px;
  12115. font-weight: bold;
  12116. color: #777;
  12117. text-shadow: none
  12118. }
  12119. .ui-jqgrid .ui-jqgrid-htable thead {
  12120. background-color: #eff3f8
  12121. }
  12122. .ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
  12123. height: 45px!important
  12124. }
  12125. .ui-jqgrid .ui-jqgrid-htable th div {
  12126. padding-top: 12px;
  12127. padding-bottom: 12px
  12128. }
  12129. .ui-jqgrid-hdiv .ui-jqgrid-htable {
  12130. border-top: 0
  12131. }
  12132. .ui-jqgrid-hdiv .ui-jqgrid-htable {
  12133. border-top: 1px solid #e1e1e1
  12134. }
  12135. .ui-jqgrid-titlebar {
  12136. position: relative;
  12137. top: 1px;
  12138. z-index: 1
  12139. }
  12140. .ui-jqgrid tr.jqgrow,
  12141. .ui-jqgrid tr.ui-row-ltr,
  12142. .ui-jqgrid tr.ui-row-rtl {
  12143. border: 0
  12144. }
  12145. .ui-jqgrid tr.ui-row-ltr td,
  12146. .ui-jqgrid tr.ui-row-rtl td {
  12147. border-bottom: 1px solid #e1e1e1;
  12148. padding: 6px 4px;
  12149. border-color: #e1e1e1
  12150. }
  12151. .ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
  12152. border-right-color: #c7d3a9
  12153. }
  12154. .ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
  12155. border-left-color: #c7d3a9
  12156. }
  12157. .ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
  12158. background-image: none;
  12159. background-color: #f9f9f9;
  12160. opacity: 1
  12161. }
  12162. .ui-jqgrid-btable .ui-widget-content.ui-state-hover {
  12163. background-image: none;
  12164. background-color: #eff4f7;
  12165. opacity: 1
  12166. }
  12167. .ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
  12168. background-color: #e4efc9
  12169. }
  12170. .ui-jqgrid .ui-jqgrid-pager {
  12171. line-height: 15px;
  12172. height: 55px;
  12173. padding-top: 3px!important;
  12174. padding-bottom: 5px!important;
  12175. background-color: #eff3f8!important;
  12176. border-bottom: 1px solid #e1e1e1!important;
  12177. border-top: 1px solid #e1e1e1!important
  12178. }
  12179. .ui-jqgrid .ui-pg-input {
  12180. font-size: inherit;
  12181. width: 24px;
  12182. height: 20px;
  12183. line-height: 16px;
  12184. -webkit-box-sizing: content-box;
  12185. -moz-box-sizing: content-box;
  12186. box-sizing: content-box;
  12187. text-align: center;
  12188. padding-top: 1px;
  12189. padding-bottom: 1px
  12190. }
  12191. .ui-jqgrid .ui-pg-selbox {
  12192. display: block;
  12193. height: 24px;
  12194. width: 60px;
  12195. margin: 0;
  12196. padding: 1px;
  12197. line-height: normal
  12198. }
  12199. .ui-jqgrid .ui-jqgrid-htable th div {
  12200. overflow: visible
  12201. }
  12202. .ui-jqgrid .ui-pager-control {
  12203. height: 50px;
  12204. position: relative;
  12205. padding-left: 9px;
  12206. padding-right: 9px
  12207. }
  12208. .ui-jqgrid .ui-jqgrid-toppager {
  12209. height: auto!important;
  12210. background-color: #eff3f8;
  12211. border-bottom: 1px solid #e1e1e1!important
  12212. }
  12213. .ui-jqgrid .jqgrow .editable {
  12214. max-width: 90%;
  12215. max-width: calc(92%)!important
  12216. }
  12217. .ui-pg-table .navtable .ui-corner-all {
  12218. border-radius: 0
  12219. }
  12220. .ui-jqgrid .ui-pg-button:hover {
  12221. padding: 1px
  12222. }
  12223. .ui-jqgrid .ui-pg-button .ui-separator {
  12224. margin-left: 4px;
  12225. margin-right: 4px;
  12226. border-color: #c9d4db
  12227. }
  12228. .ui-jqgrid .ui-jqgrid-btable {
  12229. border-left: 1px solid #e1e1e1
  12230. }
  12231. .ui-jqgrid .ui-jqgrid-bdiv {
  12232. border-top: 1px solid #e1e1e1
  12233. }
  12234. .ui-jqgrid .loading {
  12235. position: absolute;
  12236. top: 45%;
  12237. left: 45%;
  12238. width: auto;
  12239. height: auto;
  12240. z-index: 101;
  12241. padding: 6px;
  12242. margin: 5px;
  12243. text-align: center;
  12244. display: none;
  12245. font-weight: bold;
  12246. font-size: 12px;
  12247. background-color: #FFF;
  12248. border: 2px solid #8eb8d1;
  12249. color: #e2b018
  12250. }
  12251. .ui-jqgrid .ui-search-toolbar {
  12252. border-top: 1px solid #e1e1e1
  12253. }
  12254. .ui-jqgrid .ui-jqgrid-labels {
  12255. border-bottom: 0;
  12256. background: #f2f2f2;
  12257. background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec));
  12258. background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%);
  12259. background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  12260. background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  12261. background-repeat: repeat-x;
  12262. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
  12263. padding: 0!important;
  12264. border-left: 1px solid #e1e1e1!important
  12265. }
  12266. .ui-jqgrid .ui-jqgrid-labels th {
  12267. border-right: 1px solid #e1e1e1!important;
  12268. text-align: left!important
  12269. }
  12270. .ui-jqgrid-labels th[id*="_cb"]:first-child>div {
  12271. padding-top: 0;
  12272. text-align: center!important
  12273. }
  12274. .ui-jqgrid-sortable {
  12275. padding-left: 4px;
  12276. font-size: 13px;
  12277. color: #777;
  12278. font-weight: bold
  12279. }
  12280. .ui-jqgrid-sortable:hover {
  12281. color: #547ea8
  12282. }
  12283. th[aria-selected=true] {
  12284. background-image: -webkit-gradient(linear, left 0, left 100%, from(#eff3f8), to(#e3e7ed));
  12285. background-image: -webkit-linear-gradient(top, #eff3f8, 0%, #e3e7ed, 100%);
  12286. background-image: -moz-linear-gradient(top, #eff3f8 0, #e3e7ed 100%);
  12287. background-image: linear-gradient(to bottom, #eff3f8 0, #e3e7ed 100%);
  12288. background-repeat: repeat-x;
  12289. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0)
  12290. }
  12291. th[aria-selected=true] .ui-jqgrid-sortable {
  12292. color: #307ecc
  12293. }
  12294. .ui-icon {
  12295. text-indent: 0;
  12296. color: #307ecc;
  12297. float: none;
  12298. right: 2px;
  12299. position: absolute
  12300. }
  12301. .rtl .ui-icon {
  12302. right: auto;
  12303. left: 2px
  12304. }
  12305. .ui-grid-ico-sort:before {
  12306. display: inline;
  12307. content: "\f0d7";
  12308. font-family: FontAwesome;
  12309. font-size: 12px
  12310. }
  12311. .ui-icon-asc:before {
  12312. content: "\f0d8"
  12313. }
  12314. .ui-state-disabled {
  12315. color: #BBB
  12316. }
  12317. .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon {
  12318. display: inline-block;
  12319. padding: 0;
  12320. width: 24px;
  12321. height: 24px;
  12322. line-height: 22px;
  12323. text-align: center;
  12324. position: static;
  12325. float: none;
  12326. margin: 0 2px!important;
  12327. color: #808080;
  12328. border: 1px solid #CCC;
  12329. background-color: #FFF;
  12330. border-radius: 100%
  12331. }
  12332. .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon:hover {
  12333. color: #699ab5;
  12334. border-color: #699ab5
  12335. }
  12336. .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon:before {
  12337. width: 20px;
  12338. text-align: center;
  12339. display: inline-block
  12340. }
  12341. .ui-pg-table>tbody>tr>.ui-pg-button.ui-state-disabled .ui-icon {
  12342. color: #b0b0b0;
  12343. background-color: #f7f7f7;
  12344. border-color: #DDD;
  12345. -moz-transform: scale(0.9);
  12346. -webkit-transform: scale(0.9);
  12347. -o-transform: scale(0.9);
  12348. -ms-transform: scale(0.9);
  12349. transform: scale(0.9)
  12350. }
  12351. .ui-jqgrid-btable input,
  12352. .ui-jqgrid-btable textarea,
  12353. .ui-jqgrid-btable select {
  12354. padding: 2px;
  12355. width: auto;
  12356. max-width: 100%;
  12357. margin-bottom: 0
  12358. }
  12359. .ui-jqgrid-btable select {
  12360. padding: 1px;
  12361. height: 25px;
  12362. line-height: 25px
  12363. }
  12364. .ui-pg-div .ui-icon {
  12365. display: inline-block;
  12366. width: 18px;
  12367. float: none;
  12368. position: static;
  12369. text-align: center;
  12370. opacity: .85;
  12371. -webkit-transition: all .12s;
  12372. transition: all .12s;
  12373. margin: 0 1px;
  12374. vertical-align: middle;
  12375. cursor: pointer;
  12376. font-size: 17px
  12377. }
  12378. .ui-pg-div .ui-icon:hover {
  12379. -moz-transform: scale(1.2);
  12380. -webkit-transform: scale(1.2);
  12381. -o-transform: scale(1.2);
  12382. -ms-transform: scale(1.2);
  12383. transform: scale(1.2);
  12384. opacity: 1;
  12385. position: static;
  12386. margin: 0 1px
  12387. }
  12388. .ui-pg-div .ui-icon:before {
  12389. font-family: FontAwesome;
  12390. display: inline
  12391. }
  12392. .ui-icon-pencil {
  12393. color: #478fca
  12394. }
  12395. .ui-icon-pencil:before {
  12396. content: "\f040"
  12397. }
  12398. .ui-icon-trash {
  12399. color: #dd5a43
  12400. }
  12401. .ui-icon-trash:before {
  12402. content: "\f014"
  12403. }
  12404. .ui-icon-disk {
  12405. color: #69aa46
  12406. }
  12407. .ui-icon-disk:before {
  12408. content: "\f00c"
  12409. }
  12410. .ui-icon-cancel {
  12411. color: #dd5a43
  12412. }
  12413. .ui-icon-cancel:before {
  12414. content: "\f00d"
  12415. }
  12416. .ui-jqdialog-content,
  12417. .ui-jqdialog .ui-jqdialog-content {
  12418. font-size: 13px;
  12419. padding: 4px 0 0
  12420. }
  12421. .ui-jqdialog-content .formdata,
  12422. .ui-jqdialog .ui-jqdialog-content .formdata {
  12423. font-size: 13px;
  12424. padding: 6px 12px
  12425. }
  12426. .ui-jqdialog-content .form-view-data,
  12427. .ui-jqdialog .ui-jqdialog-content .form-view-data {
  12428. vertical-align: middle;
  12429. font-size: 13px
  12430. }
  12431. .ui-jqdialog-content[id*="alertcnt_"],
  12432. .ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"] {
  12433. padding: 8px 11px
  12434. }
  12435. .ui-jqdialog-content .CaptionTD {
  12436. font-size: 12px;
  12437. text-align: right;
  12438. color: #666
  12439. }
  12440. .ui-jqdialog-content .FormData {
  12441. border-bottom: 1px dotted #e8e8e8
  12442. }
  12443. .ui-jqdialog-content .FormData:last-child {
  12444. border-bottom: 0
  12445. }
  12446. .ui-jqdialog-content .FormData>td {
  12447. padding-top: 6px;
  12448. padding-bottom: 6px
  12449. }
  12450. .ui-jqdialog-content input.FormElement {
  12451. width: auto
  12452. }
  12453. .ui-jqdialog-content select.FormElement {
  12454. padding: 1px;
  12455. height: 25px;
  12456. line-height: 25px;
  12457. width: auto
  12458. }
  12459. .ui-jqdialog-content td.EditButton {
  12460. padding: 8px
  12461. }
  12462. .EditTable {
  12463. background-color: #eff3f8;
  12464. border-top: 1px solid #d6e1ea!important;
  12465. padding: 8px
  12466. }
  12467. .EditTable tr:first-child {
  12468. display: none
  12469. }
  12470. .EditTable .navButton .fm-button {
  12471. float: none!important;
  12472. width: auto!important;
  12473. margin: 1px 1px 2px!important;
  12474. background-color: transparent;
  12475. border-radius: 100%
  12476. }
  12477. .EditTable .navButton .fm-button:hover {
  12478. background-color: transparent
  12479. }
  12480. .EditTable .navButton .fm-button:focus {
  12481. outline: 0
  12482. }
  12483. .EditTable .navButton .fm-button [class*="icon-"] {
  12484. display: inline-block;
  12485. color: #999;
  12486. border: 1px solid #AAA;
  12487. width: 26px;
  12488. height: 26px;
  12489. line-height: 26px;
  12490. text-align: center;
  12491. border-radius: 100%;
  12492. background-color: #FFF
  12493. }
  12494. .EditTable .navButton .fm-button:hover [class*="icon-"] {
  12495. color: #699ab5;
  12496. border-color: #699ab5
  12497. }
  12498. .EditTable .navButton .fm-button.ui-state-disabled [class*="icon-"],
  12499. .EditTable .navButton .fm-button.ui-state-disabled:hover [class*="icon-"] {
  12500. color: #BBB;
  12501. border-color: #CCC;
  12502. -moz-transform: scale(0.88);
  12503. -webkit-transform: scale(0.88);
  12504. -o-transform: scale(0.88);
  12505. -ms-transform: scale(0.88);
  12506. transform: scale(0.88)
  12507. }
  12508. .FormGrid .EditTable {
  12509. background-color: #FFF;
  12510. border-top: none!important;
  12511. padding: 0
  12512. }
  12513. .FormGrid .EditTable tr:first-child {
  12514. display: none
  12515. }
  12516. .ui-jqdialog-content .searchFilter select {
  12517. padding: 1px;
  12518. height: 26px;
  12519. line-height: 26px;
  12520. width: auto;
  12521. max-width: 95%;
  12522. margin-bottom: 0
  12523. }
  12524. .ui-jqdialog-content .searchFilter .input-elm {
  12525. margin-bottom: 0;
  12526. height: 18px;
  12527. line-height: 18px;
  12528. width: 95%!important;
  12529. padding-left: 1px;
  12530. padding-right: 1px;
  12531. -webkit-box-sizing: content-box;
  12532. -moz-box-sizing: content-box;
  12533. box-sizing: content-box
  12534. }
  12535. .ui-jqdialog-content .searchFilter table {
  12536. margin-left: 4px
  12537. }
  12538. .ui-jqdialog-content .searchFilter tr td {
  12539. padding: 5px 0
  12540. }
  12541. .ui-jqdialog-content .searchFilter .add-group,
  12542. .ui-jqdialog-content .searchFilter .add-rule,
  12543. .ui-jqdialog-content .searchFilter .delete-group {
  12544. margin-left: 4px!important;
  12545. font-size: 15px!important
  12546. }
  12547. .ui-jqdialog-content .searchFilter .delete-rule {
  12548. border: 0;
  12549. background-color: #FFF;
  12550. color: #d15b47;
  12551. font-size: 20px;
  12552. width: 22px;
  12553. line-height: 10px;
  12554. padding: 0;
  12555. text-shadow: none!important;
  12556. display: inline-block;
  12557. -webkit-transition: all .1s;
  12558. transition: all .1s;
  12559. opacity: .85
  12560. }
  12561. .ui-jqdialog-content .searchFilter .delete-rule:hover {
  12562. -moz-transform: scale(1.1);
  12563. -webkit-transform: scale(1.1);
  12564. -o-transform: scale(1.1);
  12565. -ms-transform: scale(1.1);
  12566. transform: scale(1.1);
  12567. color: #b74635;
  12568. opacity: 1
  12569. }
  12570. .ui-jqdialog-content .searchFilter .queryresult {
  12571. margin-bottom: 11px
  12572. }
  12573. .ui-jqdialog-content .searchFilter .queryresult td.query {
  12574. padding: 6px 11px;
  12575. border: 1px solid #e1e1e1;
  12576. background-color: #eee
  12577. }
  12578. .ui-jqdialog-content .searchFilter .queryresult td.query:empty {
  12579. display: none
  12580. }
  12581. .ui-state-error {
  12582. background-color: #f2dede;
  12583. border: 1px solid #eed3d7;
  12584. color: #b94a48;
  12585. margin: 4px 4px 8px;
  12586. padding: 6px 10px;
  12587. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  12588. font-size: 13px
  12589. }
  12590. .ui-jqdialog .ui-widget-header {
  12591. background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#eee));
  12592. background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
  12593. background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
  12594. background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  12595. background-repeat: repeat-x;
  12596. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  12597. border-image: none;
  12598. border-bottom: 1px solid solid;
  12599. color: #669fc7;
  12600. min-height: 38px;
  12601. position: relative
  12602. }
  12603. .ui-jqdialog .ui-widget-header .ui-jqdialog-title {
  12604. line-height: 38px;
  12605. margin: 0;
  12606. padding: 0;
  12607. padding-left: 12px;
  12608. text-align: left
  12609. }
  12610. .widget-header .ui-jqdialog-title {
  12611. padding-left: 0!important;
  12612. padding-right: 0!important
  12613. }
  12614. .ui-jqdialog .ui-widget-header .widget-header {
  12615. border-bottom: 0
  12616. }
  12617. .ui-jqdialog .ui-jqdialog-titlebar {
  12618. border-bottom: 1px solid #DDD!important
  12619. }
  12620. .fm-button {
  12621. margin: 0 4px
  12622. }
  12623. .fm-button:not(.btn) {
  12624. background-color: #abbac3;
  12625. border-radius: 0;
  12626. box-shadow: none;
  12627. color: #fff;
  12628. cursor: pointer;
  12629. display: inline-block;
  12630. font-size: 13px;
  12631. line-height: 28px;
  12632. padding: 0 12px 1px;
  12633. margin: 0 8px;
  12634. position: relative;
  12635. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  12636. -webkit-transition: all .15s;
  12637. transition: all .15s;
  12638. vertical-align: middle
  12639. }
  12640. .fm-button.ui-state-default:hover {
  12641. background-color: #8b9aa3
  12642. }
  12643. .dd {
  12644. position: relative;
  12645. display: block;
  12646. margin: 0;
  12647. padding: 0;
  12648. max-width: 600px;
  12649. list-style: none;
  12650. line-height: 20px
  12651. }
  12652. .dd-list {
  12653. display: block;
  12654. position: relative;
  12655. margin: 0;
  12656. padding: 0;
  12657. list-style: none
  12658. }
  12659. .dd-list .dd-list {
  12660. padding-left: 30px
  12661. }
  12662. .dd-collapsed .dd-list {
  12663. display: none
  12664. }
  12665. .dd-item,
  12666. .dd-empty,
  12667. .dd-placeholder {
  12668. display: block;
  12669. position: relative;
  12670. margin: 0;
  12671. padding: 0;
  12672. min-height: 20px;
  12673. line-height: 20px
  12674. }
  12675. .dd-handle,
  12676. .dd2-content {
  12677. display: block;
  12678. min-height: 38px;
  12679. margin: 5px 0;
  12680. padding: 8px 12px;
  12681. background: #f8faff;
  12682. border: 1px solid #dae2ea;
  12683. color: #7c9eb2;
  12684. text-decoration: none;
  12685. font-weight: bold;
  12686. -webkit-box-sizing: border-box;
  12687. -moz-box-sizing: border-box;
  12688. box-sizing: border-box
  12689. }
  12690. .dd-handle:hover,
  12691. .dd2-content:hover {
  12692. color: #438eb9;
  12693. background: #f4f6f7;
  12694. border-color: #dce2e8
  12695. }
  12696. .dd-handle[class*="btn-"],
  12697. .dd2-content[class*="btn-"] {
  12698. color: #FFF;
  12699. border: 0;
  12700. padding: 9px 12px
  12701. }
  12702. .dd-handle[class*="btn-"]:hover,
  12703. .dd2-content[class*="btn-"]:hover {
  12704. opacity: .85;
  12705. color: #FFF
  12706. }
  12707. .dd2-handle+.dd2-content,
  12708. .dd2-handle+.dd2-content[class*="btn-"] {
  12709. padding-left: 44px
  12710. }
  12711. .dd-handle[class*="btn-"]:hover,
  12712. .dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover+.dd2-content[class*="btn-"] {
  12713. color: #FFF
  12714. }
  12715. .dd-item>button:hover ~ .dd-handle,
  12716. .dd-item>button:hover ~ .dd2-content {
  12717. color: #438eb9;
  12718. background: #f4f6f7;
  12719. border-color: #dce2e8
  12720. }
  12721. .dd-item>button:hover ~ .dd-handle[class*="btn-"],
  12722. .dd-item>button:hover ~ .dd2-content[class*="btn-"] {
  12723. opacity: .85;
  12724. color: #FFF
  12725. }
  12726. .dd2-handle:hover ~ .dd2-content {
  12727. color: #438eb9;
  12728. background: #f4f6f7;
  12729. border-color: #dce2e8
  12730. }
  12731. .dd2-handle:hover ~ .dd2-content[class*="btn-"] {
  12732. opacity: .85;
  12733. color: #FFF
  12734. }
  12735. .dd2-item.dd-item>button {
  12736. margin-left: 34px
  12737. }
  12738. .dd-item>button {
  12739. display: block;
  12740. position: relative;
  12741. z-index: 1;
  12742. cursor: pointer;
  12743. float: left;
  12744. width: 25px;
  12745. height: 20px;
  12746. margin: 5px 1px 5px 5px;
  12747. padding: 0;
  12748. text-indent: 100%;
  12749. white-space: nowrap;
  12750. overflow: hidden;
  12751. border: 0;
  12752. background: transparent;
  12753. font-size: 12px;
  12754. line-height: 1;
  12755. text-align: center;
  12756. font-weight: bold;
  12757. top: 4px;
  12758. left: 1px;
  12759. color: #707070
  12760. }
  12761. .dd-item>button:before {
  12762. font-family: FontAwesome;
  12763. content: '\f067';
  12764. display: block;
  12765. position: absolute;
  12766. width: 100%;
  12767. text-align: center;
  12768. text-indent: 0;
  12769. font-weight: normal;
  12770. font-size: 14px
  12771. }
  12772. .dd-item>button[data-action="collapse"]:before {
  12773. content: '\f068'
  12774. }
  12775. .dd-item>button:hover {
  12776. color: #707070
  12777. }
  12778. .dd-item.dd-colored>button,
  12779. .dd-item.dd-colored>button:hover {
  12780. color: #EEE
  12781. }
  12782. .dd-placeholder,
  12783. .dd-empty {
  12784. margin: 5px 0;
  12785. padding: 0;
  12786. min-height: 30px;
  12787. background: #f0f9ff;
  12788. border: 2px dashed #bed2db;
  12789. -webkit-box-sizing: border-box;
  12790. -moz-box-sizing: border-box;
  12791. box-sizing: border-box
  12792. }
  12793. .dd-empty {
  12794. border-color: #AAA;
  12795. border-style: solid;
  12796. background-color: #e5e5e5
  12797. }
  12798. .dd-dragel {
  12799. position: absolute;
  12800. pointer-events: none;
  12801. z-index: 999;
  12802. opacity: .8
  12803. }
  12804. .dd-dragel>li>.dd-handle {
  12805. color: #4b92be;
  12806. background: #f1f5fa;
  12807. border-color: #d6e1ea;
  12808. border-left: 2px solid #777;
  12809. position: relative
  12810. }
  12811. .dd-dragel>li>.dd-handle[class*="btn-"] {
  12812. color: #FFF
  12813. }
  12814. .dd-dragel>.dd-item>.dd-handle {
  12815. margin-top: 0
  12816. }
  12817. .dd-list>li[class*="item-"] {
  12818. border-width: 0;
  12819. padding: 0
  12820. }
  12821. .dd-list>li[class*="item-"]>.dd-handle {
  12822. border-left: 2px solid;
  12823. border-left-color: inherit
  12824. }
  12825. .dd-list>li>.dd-handle .sticker {
  12826. position: absolute;
  12827. right: 0;
  12828. top: 0
  12829. }
  12830. .dd2-handle,
  12831. .dd-dragel>li>.dd2-handle {
  12832. left: 0;
  12833. top: 0;
  12834. width: 36px;
  12835. margin: 0;
  12836. border-width: 1px 1px 0 0;
  12837. text-align: center;
  12838. padding: 0!important;
  12839. line-height: 38px;
  12840. height: 38px;
  12841. background: #ebedf2;
  12842. border: 1px solid #dee4ea;
  12843. cursor: pointer;
  12844. overflow: hidden;
  12845. position: absolute;
  12846. z-index: 1
  12847. }
  12848. .dd2-handle:hover,
  12849. .dd-dragel>li>.dd2-handle {
  12850. background: #e3e8ed
  12851. }
  12852. .dd2-content[class*="btn-"] {
  12853. text-shadow: none!important
  12854. }
  12855. .dd2-handle[class*="btn-"] {
  12856. text-shadow: none!important;
  12857. background: rgba(0, 0, 0, 0.1)!important;
  12858. border-right: 1px solid #EEE
  12859. }
  12860. .dd2-handle[class*="btn-"]:hover {
  12861. background: rgba(0, 0, 0, 0.08)!important
  12862. }
  12863. .dd-dragel .dd2-handle[class*="btn-"] {
  12864. border-color: transparent;
  12865. border-right-color: #EEE
  12866. }
  12867. .dd2-handle.btn-yellow {
  12868. text-shadow: none!important;
  12869. background: rgba(0, 0, 0, 0.05)!important;
  12870. border-right: 1px solid #FFF
  12871. }
  12872. .dd2-handle.btn-yellow:hover {
  12873. background: rgba(0, 0, 0, 0.08)!important
  12874. }
  12875. .dd-dragel .dd2-handle.btn-yellow {
  12876. border-color: transparent;
  12877. border-right-color: #FFF
  12878. }
  12879. .dd-item>.dd2-handle .drag-icon {
  12880. display: none
  12881. }
  12882. .dd-dragel>.dd-item>.dd2-handle .drag-icon {
  12883. display: inline
  12884. }
  12885. .dd-dragel>.dd-item>.dd2-handle .normal-icon {
  12886. display: none
  12887. }
  12888. .dropzone {
  12889. border-radius: 0;
  12890. border: 1px solid rgba(0, 0, 0, 0.06)
  12891. }
  12892. .dropzone .dz-default.dz-message {
  12893. background-image: none;
  12894. font-size: 24px;
  12895. text-align: center;
  12896. line-height: 32px;
  12897. left: 0;
  12898. width: 100%;
  12899. margin-left: auto
  12900. }
  12901. .dropzone .dz-default.dz-message span {
  12902. display: inline;
  12903. color: #555
  12904. }
  12905. .dropzone .dz-default.dz-message span .upload-icon {
  12906. opacity: .7;
  12907. filter: alpha(opacity=70);
  12908. margin-top: 8px;
  12909. cursor: pointer
  12910. }
  12911. .dropzone .dz-default.dz-message span .upload-icon:hover {
  12912. opacity: 1;
  12913. filter: alpha(opacity=100)
  12914. }
  12915. .dropzone .dz-preview .dz-error-mark,
  12916. .dropzone-previews .dz-preview .dz-error-mark,
  12917. .dropzone .dz-preview .dz-success-mark,
  12918. .dropzone-previews .dz-preview .dz-success-mark {
  12919. background-image: none;
  12920. background-color: rgba(255, 255, 255, 0.8);
  12921. border-radius: 100%;
  12922. text-align: center;
  12923. line-height: 35px
  12924. }
  12925. .dropzone .dz-preview .dz-error-mark:before,
  12926. .dropzone-previews .dz-preview .dz-error-mark:before {
  12927. font-family: FontAwesome;
  12928. font-size: 30px;
  12929. color: #db6262;
  12930. content: "\f00d"
  12931. }
  12932. .dropzone .dz-preview .dz-success-mark:before,
  12933. .dropzone-previews .dz-preview .dz-success-mark:before {
  12934. font-family: FontAwesome;
  12935. font-size: 30px;
  12936. color: #6da552;
  12937. content: "\f00c"
  12938. }
  12939. .dropzone a.dz-remove,
  12940. .dropzone-previews a.dz-remove {
  12941. border: 0;
  12942. border-radius: 0;
  12943. color: #FFF;
  12944. background: #d15b47;
  12945. cursor: pointer
  12946. }
  12947. .dropzone a.dz-remove:hover,
  12948. .dropzone-previews a.dz-remove:hover {
  12949. color: #FFF;
  12950. background: #b74635
  12951. }
  12952. .dropzone .progress,
  12953. .dropzone-previews .progress {
  12954. margin-bottom: 0
  12955. }
  12956. .dropzone .dz-preview.dz-success .progress,
  12957. .dropzone-previews .dz-preview.dz-success .progress,
  12958. .dropzone .dz-preview.dz-error .progress,
  12959. .dropzone-previews .dz-preview.dz-error .progress {
  12960. display: none
  12961. }
  12962. .icon-animated-bell {
  12963. display: inline-block;
  12964. -moz-animation: ringing 2.0s 5 ease 1.0s;
  12965. -webkit-animation: ringing 2.0s 5 ease 1.0s;
  12966. -o-animation: ringing 2.0s 5 ease 1.0s;
  12967. -ms-animation: ringing 2.0s 5 ease 1.0s;
  12968. animation: ringing 2.0s 5 ease 1.0s;
  12969. -moz-transform-origin: 50% 0;
  12970. -webkit-transform-origin: 50% 0;
  12971. -o-transform-origin: 50% 0;
  12972. -ms-transform-origin: 50% 0;
  12973. transform-origin: 50% 0
  12974. }
  12975. @-moz-keyframes ringing {
  12976. 0% {
  12977. -moz-transform: rotate(-15deg)
  12978. }
  12979. 2% {
  12980. -moz-transform: rotate(15deg)
  12981. }
  12982. 4% {
  12983. -moz-transform: rotate(-18deg)
  12984. }
  12985. 6% {
  12986. -moz-transform: rotate(18deg)
  12987. }
  12988. 8% {
  12989. -moz-transform: rotate(-22deg)
  12990. }
  12991. 10% {
  12992. -moz-transform: rotate(22deg)
  12993. }
  12994. 12% {
  12995. -moz-transform: rotate(-18deg)
  12996. }
  12997. 14% {
  12998. -moz-transform: rotate(18deg)
  12999. }
  13000. 16% {
  13001. -moz-transform: rotate(-12deg)
  13002. }
  13003. 18% {
  13004. -moz-transform: rotate(12deg)
  13005. }
  13006. 20% {
  13007. -moz-transform: rotate(0deg)
  13008. }
  13009. }
  13010. @-webkit-keyframes ringing {
  13011. 0% {
  13012. -webkit-transform: rotate(-15deg)
  13013. }
  13014. 2% {
  13015. -webkit-transform: rotate(15deg)
  13016. }
  13017. 4% {
  13018. -webkit-transform: rotate(-18deg)
  13019. }
  13020. 6% {
  13021. -webkit-transform: rotate(18deg)
  13022. }
  13023. 8% {
  13024. -webkit-transform: rotate(-22deg)
  13025. }
  13026. 10% {
  13027. -webkit-transform: rotate(22deg)
  13028. }
  13029. 12% {
  13030. -webkit-transform: rotate(-18deg)
  13031. }
  13032. 14% {
  13033. -webkit-transform: rotate(18deg)
  13034. }
  13035. 16% {
  13036. -webkit-transform: rotate(-12deg)
  13037. }
  13038. 18% {
  13039. -webkit-transform: rotate(12deg)
  13040. }
  13041. 20% {
  13042. -webkit-transform: rotate(0deg)
  13043. }
  13044. }
  13045. @-ms-keyframes ringing {
  13046. 0% {
  13047. -ms-transform: rotate(-15deg)
  13048. }
  13049. 2% {
  13050. -ms-transform: rotate(15deg)
  13051. }
  13052. 4% {
  13053. -ms-transform: rotate(-18deg)
  13054. }
  13055. 6% {
  13056. -ms-transform: rotate(18deg)
  13057. }
  13058. 8% {
  13059. -ms-transform: rotate(-22deg)
  13060. }
  13061. 10% {
  13062. -ms-transform: rotate(22deg)
  13063. }
  13064. 12% {
  13065. -ms-transform: rotate(-18deg)
  13066. }
  13067. 14% {
  13068. -ms-transform: rotate(18deg)
  13069. }
  13070. 16% {
  13071. -ms-transform: rotate(-12deg)
  13072. }
  13073. 18% {
  13074. -ms-transform: rotate(12deg)
  13075. }
  13076. 20% {
  13077. -ms-transform: rotate(0deg)
  13078. }
  13079. }
  13080. @keyframes ringing {
  13081. 0% {
  13082. transform: rotate(-15deg)
  13083. }
  13084. 2% {
  13085. transform: rotate(15deg)
  13086. }
  13087. 4% {
  13088. transform: rotate(-18deg)
  13089. }
  13090. 6% {
  13091. transform: rotate(18deg)
  13092. }
  13093. 8% {
  13094. transform: rotate(-22deg)
  13095. }
  13096. 10% {
  13097. transform: rotate(22deg)
  13098. }
  13099. 12% {
  13100. transform: rotate(-18deg)
  13101. }
  13102. 14% {
  13103. transform: rotate(18deg)
  13104. }
  13105. 16% {
  13106. transform: rotate(-12deg)
  13107. }
  13108. 18% {
  13109. transform: rotate(12deg)
  13110. }
  13111. 20% {
  13112. transform: rotate(0deg)
  13113. }
  13114. }
  13115. .icon-animated-vertical {
  13116. display: inline-block;
  13117. -moz-animation: vertical 2.0s 5 ease 2.0s;
  13118. -webkit-animation: vertical 2.0s 5 ease 2.0s;
  13119. -o-animation: vertical 2.0s 5 ease 2.0s;
  13120. -ms-animation: vertical 2.0s 5 ease 2.0s;
  13121. animation: vertical 2.0s 5 ease 2.0s
  13122. }
  13123. @-moz-keyframes vertical {
  13124. 0% {
  13125. -moz-transform: translate(0, -3px)
  13126. }
  13127. 4% {
  13128. -moz-transform: translate(0, 3px)
  13129. }
  13130. 8% {
  13131. -moz-transform: translate(0, -3px)
  13132. }
  13133. 12% {
  13134. -moz-transform: translate(0, 3px)
  13135. }
  13136. 16% {
  13137. -moz-transform: translate(0, -3px)
  13138. }
  13139. 20% {
  13140. -moz-transform: translate(0, 3px)
  13141. }
  13142. 22% {
  13143. -moz-transform: translate(0, 0)
  13144. }
  13145. }
  13146. @-webkit-keyframes vertical {
  13147. 0% {
  13148. -webkit-transform: translate(0, -3px)
  13149. }
  13150. 4% {
  13151. -webkit-transform: translate(0, 3px)
  13152. }
  13153. 8% {
  13154. -webkit-transform: translate(0, -3px)
  13155. }
  13156. 12% {
  13157. -webkit-transform: translate(0, 3px)
  13158. }
  13159. 16% {
  13160. -webkit-transform: translate(0, -3px)
  13161. }
  13162. 20% {
  13163. -webkit-transform: translate(0, 3px)
  13164. }
  13165. 22% {
  13166. -webkit-transform: translate(0, 0)
  13167. }
  13168. }
  13169. @-ms-keyframes vertical {
  13170. 0% {
  13171. -ms-transform: translate(0, -3px)
  13172. }
  13173. 4% {
  13174. -ms-transform: translate(0, 3px)
  13175. }
  13176. 8% {
  13177. -ms-transform: translate(0, -3px)
  13178. }
  13179. 12% {
  13180. -ms-transform: translate(0, 3px)
  13181. }
  13182. 16% {
  13183. -ms-transform: translate(0, -3px)
  13184. }
  13185. 20% {
  13186. -ms-transform: translate(0, 3px)
  13187. }
  13188. 22% {
  13189. -ms-transform: translate(0, 0)
  13190. }
  13191. }
  13192. @keyframes vertical {
  13193. 0% {
  13194. transform: translate(0, -3px)
  13195. }
  13196. 4% {
  13197. transform: translate(0, 3px)
  13198. }
  13199. 8% {
  13200. transform: translate(0, -3px)
  13201. }
  13202. 12% {
  13203. transform: translate(0, 3px)
  13204. }
  13205. 16% {
  13206. transform: translate(0, -3px)
  13207. }
  13208. 20% {
  13209. transform: translate(0, 3px)
  13210. }
  13211. 22% {
  13212. transform: translate(0, 0)
  13213. }
  13214. }
  13215. .icon-animated-hand-pointer {
  13216. display: inline-block;
  13217. -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
  13218. -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
  13219. -o-animation: hand-pointer 2.0s 4 ease 2.0s;
  13220. -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
  13221. animation: hand-pointer 2.0s 4 ease 2.0s
  13222. }
  13223. @-moz-keyframes hand-pointer {
  13224. 0% {
  13225. -moz-transform: translate(0, 0)
  13226. }
  13227. 6% {
  13228. -moz-transform: translate(5px, 0)
  13229. }
  13230. 12% {
  13231. -moz-transform: translate(0, 0)
  13232. }
  13233. 18% {
  13234. -moz-transform: translate(5px, 0)
  13235. }
  13236. 24% {
  13237. -moz-transform: translate(0, 0)
  13238. }
  13239. 30% {
  13240. -moz-transform: translate(5px, 0)
  13241. }
  13242. 36% {
  13243. -moz-transform: translate(0, 0)
  13244. }
  13245. }
  13246. .icon-animated-wrench {
  13247. display: inline-block;
  13248. -moz-animation: wrenching 2.5s 4 ease;
  13249. -webkit-animation: wrenching 2.5s 4 ease;
  13250. -o-animation: wrenching 2.5s 4 ease;
  13251. -ms-animation: wrenching 2.5s 4 ease;
  13252. animation: wrenching 2.5s 4 ease;
  13253. -moz-transform-origin: 90% 35%;
  13254. -webkit-transform-origin: 90% 35%;
  13255. -o-transform-origin: 90% 35%;
  13256. -ms-transform-origin: 90% 35%;
  13257. transform-origin: 90% 35%
  13258. }
  13259. @-moz-keyframes wrenching {
  13260. 0% {
  13261. -moz-transform: rotate(-12deg)
  13262. }
  13263. 8% {
  13264. -moz-transform: rotate(12deg)
  13265. }
  13266. 10% {
  13267. -moz-transform: rotate(24deg)
  13268. }
  13269. 18% {
  13270. -moz-transform: rotate(-24deg)
  13271. }
  13272. 20% {
  13273. -moz-transform: rotate(-24deg)
  13274. }
  13275. 28% {
  13276. -moz-transform: rotate(24deg)
  13277. }
  13278. 30% {
  13279. -moz-transform: rotate(24deg)
  13280. }
  13281. 38% {
  13282. -moz-transform: rotate(-24deg)
  13283. }
  13284. 40% {
  13285. -moz-transform: rotate(-24deg)
  13286. }
  13287. 48% {
  13288. -moz-transform: rotate(24deg)
  13289. }
  13290. 50% {
  13291. -moz-transform: rotate(24deg)
  13292. }
  13293. 58% {
  13294. -moz-transform: rotate(-24deg)
  13295. }
  13296. 60% {
  13297. -moz-transform: rotate(-24deg)
  13298. }
  13299. 68% {
  13300. -moz-transform: rotate(24deg)
  13301. }
  13302. 75% {
  13303. -moz-transform: rotate(0deg)
  13304. }
  13305. }
  13306. @-webkit-keyframes wrenching {
  13307. 0% {
  13308. -webkit-transform: rotate(-12deg)
  13309. }
  13310. 8% {
  13311. -webkit-transform: rotate(12deg)
  13312. }
  13313. 10% {
  13314. -webkit-transform: rotate(24deg)
  13315. }
  13316. 18% {
  13317. -webkit-transform: rotate(-24deg)
  13318. }
  13319. 20% {
  13320. -webkit-transform: rotate(-24deg)
  13321. }
  13322. 28% {
  13323. -webkit-transform: rotate(24deg)
  13324. }
  13325. 30% {
  13326. -webkit-transform: rotate(24deg)
  13327. }
  13328. 38% {
  13329. -webkit-transform: rotate(-24deg)
  13330. }
  13331. 40% {
  13332. -webkit-transform: rotate(-24deg)
  13333. }
  13334. 48% {
  13335. -webkit-transform: rotate(24deg)
  13336. }
  13337. 50% {
  13338. -webkit-transform: rotate(24deg)
  13339. }
  13340. 58% {
  13341. -webkit-transform: rotate(-24deg)
  13342. }
  13343. 60% {
  13344. -webkit-transform: rotate(-24deg)
  13345. }
  13346. 68% {
  13347. -webkit-transform: rotate(24deg)
  13348. }
  13349. 75% {
  13350. -webkit-transform: rotate(0deg)
  13351. }
  13352. }
  13353. @-o-keyframes wrenching {
  13354. 0% {
  13355. -o-transform: rotate(-12deg)
  13356. }
  13357. 8% {
  13358. -o-transform: rotate(12deg)
  13359. }
  13360. 10% {
  13361. -o-transform: rotate(24deg)
  13362. }
  13363. 18% {
  13364. -o-transform: rotate(-24deg)
  13365. }
  13366. 20% {
  13367. -o-transform: rotate(-24deg)
  13368. }
  13369. 28% {
  13370. -o-transform: rotate(24deg)
  13371. }
  13372. 30% {
  13373. -o-transform: rotate(24deg)
  13374. }
  13375. 38% {
  13376. -o-transform: rotate(-24deg)
  13377. }
  13378. 40% {
  13379. -o-transform: rotate(-24deg)
  13380. }
  13381. 48% {
  13382. -o-transform: rotate(24deg)
  13383. }
  13384. 50% {
  13385. -o-transform: rotate(24deg)
  13386. }
  13387. 58% {
  13388. -o-transform: rotate(-24deg)
  13389. }
  13390. 60% {
  13391. -o-transform: rotate(-24deg)
  13392. }
  13393. 68% {
  13394. -o-transform: rotate(24deg)
  13395. }
  13396. 75% {
  13397. -o-transform: rotate(0deg)
  13398. }
  13399. }
  13400. @-ms-keyframes wrenching {
  13401. 0% {
  13402. -ms-transform: rotate(-12deg)
  13403. }
  13404. 8% {
  13405. -ms-transform: rotate(12deg)
  13406. }
  13407. 10% {
  13408. -ms-transform: rotate(24deg)
  13409. }
  13410. 18% {
  13411. -ms-transform: rotate(-24deg)
  13412. }
  13413. 20% {
  13414. -ms-transform: rotate(-24deg)
  13415. }
  13416. 28% {
  13417. -ms-transform: rotate(24deg)
  13418. }
  13419. 30% {
  13420. -ms-transform: rotate(24deg)
  13421. }
  13422. 38% {
  13423. -ms-transform: rotate(-24deg)
  13424. }
  13425. 40% {
  13426. -ms-transform: rotate(-24deg)
  13427. }
  13428. 48% {
  13429. -ms-transform: rotate(24deg)
  13430. }
  13431. 50% {
  13432. -ms-transform: rotate(24deg)
  13433. }
  13434. 58% {
  13435. -ms-transform: rotate(-24deg)
  13436. }
  13437. 60% {
  13438. -ms-transform: rotate(-24deg)
  13439. }
  13440. 68% {
  13441. -ms-transform: rotate(24deg)
  13442. }
  13443. 75% {
  13444. -ms-transform: rotate(0deg)
  13445. }
  13446. }
  13447. @keyframes wrenching {
  13448. 0% {
  13449. transform: rotate(-12deg)
  13450. }
  13451. 8% {
  13452. transform: rotate(12deg)
  13453. }
  13454. 10% {
  13455. transform: rotate(24deg)
  13456. }
  13457. 18% {
  13458. transform: rotate(-24deg)
  13459. }
  13460. 20% {
  13461. transform: rotate(-24deg)
  13462. }
  13463. 28% {
  13464. transform: rotate(24deg)
  13465. }
  13466. 30% {
  13467. transform: rotate(24deg)
  13468. }
  13469. 38% {
  13470. transform: rotate(-24deg)
  13471. }
  13472. 40% {
  13473. transform: rotate(-24deg)
  13474. }
  13475. 48% {
  13476. transform: rotate(24deg)
  13477. }
  13478. 50% {
  13479. transform: rotate(24deg)
  13480. }
  13481. 58% {
  13482. transform: rotate(-24deg)
  13483. }
  13484. 60% {
  13485. transform: rotate(-24deg)
  13486. }
  13487. 68% {
  13488. transform: rotate(24deg)
  13489. }
  13490. 75% {
  13491. transform: rotate(0deg)
  13492. }
  13493. }
  13494. .ace-settings-container {
  13495. position: absolute;
  13496. right: 0;
  13497. top: 50px;
  13498. z-index: 12
  13499. }
  13500. .breadcrumbs-fixed .ace-settings-container {
  13501. top: 9px
  13502. }
  13503. .btn.ace-settings-btn {
  13504. float: left;
  13505. display: inline-block;
  13506. width: 42px!important;
  13507. text-align: center;
  13508. border-radius: 6px 0 0 6px!important;
  13509. opacity: .55;
  13510. filter: alpha(opacity=55.00000000000001);
  13511. vertical-align: top;
  13512. margin: 0
  13513. }
  13514. .btn.ace-settings-btn:hover,
  13515. .btn.ace-settings-btn.open {
  13516. opacity: 1;
  13517. filter: alpha(opacity=100)
  13518. }
  13519. .ace-settings-box {
  13520. display: none;
  13521. float: left;
  13522. width: 175px;
  13523. padding: 0 14px;
  13524. background-color: #FFF;
  13525. border: 2px solid #ffb34b
  13526. }
  13527. .ace-settings-box.open {
  13528. display: inline-block
  13529. }
  13530. .ace-settings-box>div {
  13531. margin: 6px 0;
  13532. color: #444;
  13533. max-height: 24px
  13534. }
  13535. .ace-settings-box>div>label {
  13536. font-size: 13px
  13537. }
  13538. .btn-scroll-up {
  13539. border: 0;
  13540. position: absolute;
  13541. right: 2px;
  13542. bottom: 2px;
  13543. z-index: 11
  13544. }
  13545. @media(min-width:768px) {
  13546. .main-container.container>.btn-scroll-up {
  13547. right: auto;
  13548. margin-left: 708px
  13549. }
  13550. }
  13551. @media(min-width:992px) {
  13552. .main-container.container>.btn-scroll-up {
  13553. right: auto;
  13554. margin-left: 928px
  13555. }
  13556. }
  13557. @media(min-width:1200px) {
  13558. .main-container.container>.btn-scroll-up {
  13559. right: auto;
  13560. margin-left: 1128px
  13561. }
  13562. }
  13563. .grid2,
  13564. .grid3,
  13565. .grid4 {
  13566. -webkit-box-sizing: border-box;
  13567. -moz-box-sizing: border-box;
  13568. box-sizing: border-box;
  13569. display: block;
  13570. margin: 0;
  13571. float: left;
  13572. border-left: 1px solid #e3e3e3
  13573. }
  13574. .grid2:first-child,
  13575. .grid3:first-child,
  13576. .grid4:first-child {
  13577. border-left: none
  13578. }
  13579. .grid2 {
  13580. width: 48%;
  13581. padding: 0 2%
  13582. }
  13583. .grid3 {
  13584. width: 33%;
  13585. padding: 0 2%
  13586. }
  13587. .grid4 {
  13588. width: 23%;
  13589. margin: 0 1%;
  13590. padding: 0 1%
  13591. }
  13592. .draggable-placeholder {
  13593. border: 2px dashed #d9d9d9!important;
  13594. background-color: #f7f7f7!important
  13595. }
  13596. .slimScrollBar {
  13597. border-radius: 0!important
  13598. }
  13599. .slimScrollRail {
  13600. border-radius: 0!important
  13601. }
  13602. .datepicker td,
  13603. .daterangepicker td,
  13604. .datepicker th,
  13605. .daterangepicker th {
  13606. border-radius: 0!important;
  13607. font-size: 13px
  13608. }
  13609. .datepicker td.active,
  13610. .daterangepicker td.active,
  13611. .datepicker td.active:hover,
  13612. .daterangepicker td.active:hover {
  13613. background: #2283c5!important
  13614. }
  13615. .datepicker td.active.disabled,
  13616. .daterangepicker td.active.disabled,
  13617. .datepicker td.active.disabled:hover,
  13618. .daterangepicker td.active.disabled:hover {
  13619. background: #8b9aa3!important
  13620. }
  13621. .datepicker td,
  13622. .datepicker th {
  13623. min-width: 32px
  13624. }
  13625. .datepicker-months .month,
  13626. .datepicker-years .year {
  13627. border-radius: 0!important
  13628. }
  13629. .datepicker-months .month.active,
  13630. .datepicker-years .year.active,
  13631. .datepicker-months .month.active:hover,
  13632. .datepicker-years .year.active:hover,
  13633. .datepicker-months .month.active:focus,
  13634. .datepicker-years .year.active:focus,
  13635. .datepicker-months .month.active:active,
  13636. .datepicker-years .year.active:active {
  13637. background-image: none!important;
  13638. background-color: #2283c5!important
  13639. }
  13640. .bootstrap-timepicker-widget table td input {
  13641. width: 32px
  13642. }
  13643. .bootstrap-timepicker-widget table td a:hover {
  13644. border-radius: 0
  13645. }
  13646. .well .datepicker table tr td.day:hover {
  13647. background-color: #7d8893;
  13648. color: #FFF
  13649. }
  13650. .easyPieChart {
  13651. position: relative;
  13652. text-align: center
  13653. }
  13654. .easyPieChart canvas {
  13655. position: absolute;
  13656. top: 0;
  13657. left: 0
  13658. }
  13659. .knob-container {
  13660. direction: ltr;
  13661. text-align: left
  13662. }
  13663. .navbar .navbar-inner,
  13664. .navbar .btn-navbar {
  13665. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13666. }
  13667. .dropdown-menu li>a,
  13668. .dropdown-submenu>a {
  13669. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13670. }
  13671. .btn {
  13672. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13673. }
  13674. .progress,
  13675. .progress .bar {
  13676. filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important
  13677. }
  13678. .tags {
  13679. display: inline-block;
  13680. padding: 4px 6px;
  13681. color: #777;
  13682. vertical-align: middle;
  13683. background-color: #FFF;
  13684. border: 1px solid #d5d5d5;
  13685. width: 206px
  13686. }
  13687. .tags:hover {
  13688. border-color: #b5b5b5
  13689. }
  13690. .tags-hover,
  13691. .tags-hover:hover {
  13692. border-color: #f59942;
  13693. outline: 0;
  13694. outline: thin dotted \9
  13695. }
  13696. .tags[class*="span"] {
  13697. float: none;
  13698. margin-left: 0
  13699. }
  13700. .tags input[type="text"],
  13701. .tags input[type="text"]:focus {
  13702. border: 0;
  13703. display: inline;
  13704. outline: 0;
  13705. margin: 0;
  13706. padding: 0;
  13707. line-height: 14px;
  13708. -webkit-box-shadow: none;
  13709. box-shadow: none;
  13710. width: 100%
  13711. }
  13712. .tags .tag {
  13713. display: inline-block;
  13714. position: relative;
  13715. font-size: 13px;
  13716. font-weight: normal;
  13717. vertical-align: baseline;
  13718. white-space: nowrap;
  13719. background-color: #91b8d0;
  13720. color: #FFF;
  13721. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  13722. padding: 4px 22px 5px 9px;
  13723. margin-bottom: 3px;
  13724. margin-right: 3px;
  13725. -webkit-transition: all .2s;
  13726. transition: all .2s
  13727. }
  13728. .tags .tag:empty {
  13729. display: none
  13730. }
  13731. .tags .tag-important {
  13732. background-color: #d15b47
  13733. }
  13734. .tags .tag-warning {
  13735. background-color: #ffb752
  13736. }
  13737. .tags .tag-success {
  13738. background-color: #87b87f
  13739. }
  13740. .tags .tag-info {
  13741. background-color: #6fb3e0
  13742. }
  13743. .tags .tag-inverse {
  13744. background-color: #555
  13745. }
  13746. .tags .tag .close {
  13747. font-size: 15px;
  13748. line-height: 20px;
  13749. opacity: 1;
  13750. filter: alpha(opacity=100);
  13751. color: #FFF;
  13752. text-shadow: none;
  13753. float: none;
  13754. position: absolute;
  13755. right: 0;
  13756. top: 0;
  13757. bottom: 0;
  13758. width: 18px;
  13759. text-align: center
  13760. }
  13761. .tags .tag .close:hover {
  13762. background-color: rgba(0, 0, 0, 0.2)
  13763. }
  13764. .col-xs-12,
  13765. .col-sm-12,
  13766. .col-md-12,
  13767. .col-lg-12 {
  13768. float: left
  13769. }
  13770. .col-xs-reset {
  13771. width: auto;
  13772. padding-left: 0;
  13773. padding-right: 0;
  13774. float: none
  13775. }
  13776. @media(min-width:768px) {
  13777. .col-sm-reset {
  13778. width: auto;
  13779. padding-left: 0;
  13780. padding-right: 0;
  13781. float: none
  13782. }
  13783. }
  13784. @media(min-width:992px) {
  13785. .col-md-reset {
  13786. width: auto;
  13787. padding-left: 0;
  13788. padding-right: 0;
  13789. float: none
  13790. }
  13791. }
  13792. @media(min-width:1200px) {
  13793. .col-lg-reset {
  13794. width: auto;
  13795. padding-left: 0;
  13796. padding-right: 0;
  13797. float: none
  13798. }
  13799. }
  13800. .jqstooltip,
  13801. .legendColorBox div {
  13802. -webkit-box-sizing: content-box;
  13803. -moz-box-sizing: content-box;
  13804. box-sizing: content-box
  13805. }
  13806. .legendLabel {
  13807. -webkit-box-sizing: content-box;
  13808. -moz-box-sizing: content-box;
  13809. box-sizing: content-box;
  13810. height: 20px;
  13811. font-size: 10px
  13812. }
  13813. @media only screen and (max-width:480px) {
  13814. .hidden-480 {
  13815. display: none!important
  13816. }
  13817. }
  13818. @media only screen and (max-width:320px) {
  13819. .hidden-320 {
  13820. display: none!important
  13821. }
  13822. }
  13823. @media only screen and (max-width:480px) {
  13824. [class*="vspace-xs"] {
  13825. display: block
  13826. }
  13827. }
  13828. @media only screen and (max-width:767px) {
  13829. [class*="vspace-sm"] {
  13830. display: block
  13831. }
  13832. }
  13833. @media only screen and (max-width:991px) {
  13834. [class*="vspace-md"] {
  13835. display: block
  13836. }
  13837. }
  13838. @media only screen and (max-width:1199px) {
  13839. [class*="vspace-lg"] {
  13840. display: block
  13841. }
  13842. }
  13843. @media only screen and (max-width:991px) {
  13844. .main-content {
  13845. margin-left: 0!important
  13846. }
  13847. }
  13848. @media only screen and (max-width:767px) {
  13849. .page-content {
  13850. padding-left: 12px;
  13851. padding-right: 12px
  13852. }
  13853. }
  13854. @media(max-width:991px) {
  13855. body.breadcrumbs-fixed {
  13856. padding-top: 45px
  13857. }
  13858. .navbar-fixed-top {
  13859. margin-bottom: 0
  13860. }
  13861. .sidebar.fixed,
  13862. .sidebar.sidebar-fixed {
  13863. position: absolute
  13864. }
  13865. }
  13866. @media(max-width:460px) {
  13867. body.navbar-fixed {
  13868. padding-top: 90px
  13869. }
  13870. }
  13871. @media only screen and (max-width:767px) {
  13872. .error-container {
  13873. margin: 12px
  13874. }
  13875. }
  13876. @media only screen and (max-width:480px) {
  13877. .error-container {
  13878. margin: 6px
  13879. }
  13880. }
  13881. @media only screen and (max-width:360px) {
  13882. .grid2,
  13883. .grid3,
  13884. .grid4 {
  13885. float: none;
  13886. display: block;
  13887. width: 96%;
  13888. border-left: none;
  13889. position: relative;
  13890. margin-bottom: 11px;
  13891. border-bottom: 1px solid #e3e3e3;
  13892. padding-bottom: 4px
  13893. }
  13894. .grid2>[class*="pull-"],
  13895. .grid3>[class*="pull-"],
  13896. .grid4>[class*="pull-"] {
  13897. float: none!important;
  13898. display: inline-block;
  13899. position: absolute;
  13900. right: 11px;
  13901. top: 0;
  13902. margin-top: 0
  13903. }
  13904. .grid2:last-child,
  13905. .grid3:last-child,
  13906. .grid4:last-child {
  13907. border-bottom: 0
  13908. }
  13909. }
  13910. @media only screen and (max-width:480px) {
  13911. .ace-settings-container,
  13912. body.breadcrumbs-fixed .ace-settings-container {
  13913. top: 65px
  13914. }
  13915. }