API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 6th, 2016
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 121.40 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
  2.  
  3. /*!
  4.  
  5.  *   AdminLTE v2.3.2
  6.  
  7.  *   Author: Almsaeed Studio
  8.  
  9.  *   Website: Almsaeed Studio <http://almsaeedstudio.com>
  10.  
  11.  *   License: Open source - MIT
  12.  
  13.  *           Please visit http://opensource.org/licenses/MIT for more information
  14.  
  15. !*/
  16.  
  17. /*
  18.  
  19.  * Core: General Layout Style
  20.  
  21.  * -------------------------
  22.  
  23.  */
  24.  
  25. html,
  26.  
  27. body {
  28.  
  29.   min-height: 100%;
  30.  
  31. }
  32.  
  33. .layout-boxed html,
  34.  
  35. .layout-boxed body {
  36.  
  37.   height: 100%;
  38.  
  39. }
  40.  
  41. body {
  42.  
  43.   -webkit-font-smoothing: antialiased;
  44.  
  45.   -moz-osx-font-smoothing: grayscale;
  46.  
  47.   font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  48.  
  49.   font-weight: 400;
  50.  
  51.   overflow-x: hidden;
  52.  
  53.   overflow-y: auto;
  54.  
  55.   color: #FFFFFF !important;
  56.  
  57.   background-color: #dd4b39 !important;
  58.  
  59. }
  60.  
  61. /* Layout */
  62.  
  63. .wrapper {
  64.  
  65.   min-height: 100%;
  66.  
  67.   position: relative;
  68.  
  69.   overflow: hidden;
  70.  
  71. }
  72.  
  73. .wrapper:before,
  74.  
  75. .wrapper:after {
  76.  
  77.   content: " ";
  78.  
  79.   display: table;
  80.  
  81. }
  82.  
  83. .wrapper:after {
  84.  
  85.   clear: both;
  86.  
  87. }
  88.  
  89. .layout-boxed .wrapper {
  90.  
  91.   max-width: 1250px;
  92.  
  93.   margin: 0 auto;
  94.  
  95.   min-height: 100%;
  96.  
  97.   box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  98.  
  99.   position: relative;
  100.  
  101. }
  102.  
  103. .layout-boxed {
  104.  
  105.   background: url('../img/boxed-bg.jpg') repeat fixed;
  106.  
  107. }
  108.  
  109. /*
  110.  
  111.  * Content Wrapper - contains the main content
  112.  
  113.  * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
  114.  
  115.  */
  116.  
  117. .content-wrapper,
  118.  
  119. .right-side,
  120.  
  121. .main-footer {
  122.  
  123.   -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  124.  
  125.   -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  126.  
  127.   -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  128.  
  129.   transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  130.  
  131.   margin-left: 230px;
  132.  
  133.   z-index: 820;
  134.  
  135. }
  136.  
  137. .layout-top-nav .content-wrapper,
  138.  
  139. .layout-top-nav .right-side,
  140.  
  141. .layout-top-nav .main-footer {
  142.  
  143.   margin-left: 0;
  144.  
  145. }
  146.  
  147. @media (max-width: 767px) {
  148.  
  149.   .content-wrapper,
  150.  
  151.   .right-side,
  152.  
  153.   .main-footer {
  154.  
  155.     margin-left: 0;
  156.  
  157.   }
  158.  
  159. }
  160.  
  161. @media (min-width: 768px) {
  162.  
  163.   .sidebar-collapse .content-wrapper,
  164.  
  165.   .sidebar-collapse .right-side,
  166.  
  167.   .sidebar-collapse .main-footer {
  168.  
  169.     margin-left: 0;
  170.  
  171.   }
  172.  
  173. }
  174.  
  175. @media (max-width: 767px) {
  176.  
  177.   .sidebar-open .content-wrapper,
  178.  
  179.   .sidebar-open .right-side,
  180.  
  181.   .sidebar-open .main-footer {
  182.  
  183.     -webkit-transform: translate(230px, 0);
  184.  
  185.     -ms-transform: translate(230px, 0);
  186.  
  187.     -o-transform: translate(230px, 0);
  188.  
  189.     transform: translate(230px, 0);
  190.  
  191.   }
  192.  
  193. }
  194.  
  195. .content-wrapper,
  196.  
  197. .right-side {
  198.  
  199.   min-height: 100%;
  200.  
  201.   background-color: #121211;
  202.  
  203.   z-index: 800;
  204.  
  205. }
  206.  
  207. .main-footer {
  208.  
  209.   background: #121211;
  210.  
  211.   padding: 15px;
  212.  
  213.   color: #444;
  214.  
  215.   border-top: 1px solid #121211;
  216.  
  217. }
  218.  
  219. /* Fixed layout */
  220.  
  221. .fixed .main-header,
  222.  
  223. .fixed .main-sidebar,
  224.  
  225. .fixed .left-side {
  226.  
  227.   position: fixed;
  228.  
  229. }
  230.  
  231. .fixed .main-header {
  232.  
  233.   top: 0;
  234.  
  235.   right: 0;
  236.  
  237.   left: 0;
  238.  
  239. }
  240.  
  241. .fixed .content-wrapper,
  242.  
  243. .fixed .right-side {
  244.  
  245.   padding-top: 50px;
  246.  
  247. }
  248.  
  249. @media (max-width: 767px) {
  250.  
  251.   .fixed .content-wrapper,
  252.  
  253.   .fixed .right-side {
  254.  
  255.     padding-top: 100px;
  256.  
  257.   }
  258.  
  259. }
  260.  
  261. .fixed.layout-boxed .wrapper {
  262.  
  263.   max-width: 100%;
  264.  
  265. }
  266.  
  267. body.hold-transition .content-wrapper,
  268.  
  269. body.hold-transition .right-side,
  270.  
  271. body.hold-transition .main-footer,
  272.  
  273. body.hold-transition .main-sidebar,
  274.  
  275. body.hold-transition .left-side,
  276.  
  277. body.hold-transition .main-header > .navbar,
  278.  
  279. body.hold-transition .main-header .logo {
  280.  
  281.   /* Fix for IE */
  282.  
  283.   -webkit-transition: none;
  284.  
  285.   -o-transition: none;
  286.  
  287.   transition: none;
  288.  
  289. }
  290.  
  291. /* Content */
  292.  
  293. .content {
  294.  
  295.   min-height: 250px;
  296.  
  297.   padding: 15px;
  298.  
  299.   margin-right: auto;
  300.  
  301.   margin-left: auto;
  302.  
  303.   padding-left: 15px;
  304.  
  305.   padding-right: 15px;
  306.  
  307. }
  308.  
  309. /* H1 - H6 font */
  310.  
  311. h1,
  312.  
  313. h2,
  314.  
  315. h3,
  316.  
  317. h4,
  318.  
  319. h5,
  320.  
  321. h6,
  322.  
  323. .h1,
  324.  
  325. .h2,
  326.  
  327. .h3,
  328.  
  329. .h4,
  330.  
  331. .h5,
  332.  
  333. .h6 {
  334.  
  335.   font-family: 'Source Sans Pro', sans-serif;
  336.   color: white !important;
  337. }
  338.  
  339. /* General Links */
  340.  
  341. a {
  342.  
  343.   color: #3c8dbc;
  344.  
  345. }
  346.  
  347. a:hover,
  348.  
  349. a:active,
  350.  
  351. a:focus {
  352.  
  353.   outline: none;
  354.  
  355.   text-decoration: none;
  356.  
  357.   color: #72afd2;
  358.  
  359. }
  360.  
  361. /* Page Header */
  362.  
  363. .page-header {
  364.  
  365.   margin: 10px 0 20px 0;
  366.  
  367.   font-size: 22px;
  368.  
  369. }
  370.  
  371. .page-header > small {
  372.  
  373.   color: #666;
  374.  
  375.   display: block;
  376.  
  377.   margin-top: 5px;
  378.  
  379. }
  380.  
  381. /*
  382.  
  383.  * Component: Main Header
  384.  
  385.  * ----------------------
  386.  
  387.  */
  388.  
  389. .main-header {
  390.  
  391.   position: relative;
  392.  
  393.   max-height: 100px;
  394.  
  395.   z-index: 1030;
  396.  
  397. }
  398.  
  399. .main-header > .navbar {
  400.  
  401.   -webkit-transition: margin-left 0.3s ease-in-out;
  402.  
  403.   -o-transition: margin-left 0.3s ease-in-out;
  404.  
  405.   transition: margin-left 0.3s ease-in-out;
  406.  
  407.   margin-bottom: 0;
  408.  
  409.   margin-left: 230px;
  410.  
  411.   border: none;
  412.  
  413.   min-height: 50px;
  414.  
  415.   border-radius: 0;
  416.  
  417. }
  418.  
  419. .layout-top-nav .main-header > .navbar {
  420.  
  421.   margin-left: 0;
  422.  
  423. }
  424.  
  425. .main-header #navbar-search-input.form-control {
  426.  
  427.   background: rgba(255, 255, 255, 0.2);
  428.  
  429.   border-color: transparent;
  430.  
  431. }
  432.  
  433. .main-header #navbar-search-input.form-control:focus,
  434.  
  435. .main-header #navbar-search-input.form-control:active {
  436.  
  437.   border-color: rgba(0, 0, 0, 0.1);
  438.  
  439.   background: rgba(255, 255, 255, 0.9);
  440.  
  441. }
  442.  
  443. .main-header #navbar-search-input.form-control::-moz-placeholder {
  444.  
  445.   color: #ccc;
  446.  
  447.   opacity: 1;
  448.  
  449. }
  450.  
  451. .main-header #navbar-search-input.form-control:-ms-input-placeholder {
  452.  
  453.   color: #ccc;
  454.  
  455. }
  456.  
  457. .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  458.  
  459.   color: #ccc;
  460.  
  461. }
  462.  
  463. .main-header .navbar-custom-menu,
  464.  
  465. .main-header .navbar-right {
  466.  
  467.   float: right;
  468.  
  469. }
  470.  
  471. @media (max-width: 991px) {
  472.  
  473.   .main-header .navbar-custom-menu a,
  474.  
  475.   .main-header .navbar-right a {
  476.  
  477.     color: inherit;
  478.  
  479.     background: transparent;
  480.  
  481.   }
  482.  
  483. }
  484.  
  485. @media (max-width: 767px) {
  486.  
  487.   .main-header .navbar-right {
  488.  
  489.     float: none;
  490.  
  491.   }
  492.  
  493.   .navbar-collapse .main-header .navbar-right {
  494.  
  495.     margin: 7.5px -15px;
  496.  
  497.   }
  498.  
  499.   .main-header .navbar-right > li {
  500.  
  501.     color: inherit;
  502.  
  503.     border: 0;
  504.  
  505.   }
  506.  
  507. }
  508.  
  509. .main-header .sidebar-toggle {
  510.  
  511.   float: left;
  512.  
  513.   background-color: transparent;
  514.  
  515.   background-image: none;
  516.  
  517.   padding: 15px 15px;
  518.  
  519.   font-family: fontAwesome;
  520.  
  521. }
  522.  
  523. .main-header .sidebar-toggle:before {
  524.  
  525.   content: "\f0c9";
  526.  
  527. }
  528.  
  529. .main-header .sidebar-toggle:hover {
  530.  
  531.   color: #fff;
  532.  
  533. }
  534.  
  535. .main-header .sidebar-toggle:focus,
  536.  
  537. .main-header .sidebar-toggle:active {
  538.  
  539.   background: transparent;
  540.  
  541. }
  542.  
  543. .main-header .sidebar-toggle .icon-bar {
  544.  
  545.   display: none;
  546.  
  547. }
  548.  
  549. .main-header .navbar .nav > li.user > a > .fa,
  550.  
  551. .main-header .navbar .nav > li.user > a > .glyphicon,
  552.  
  553. .main-header .navbar .nav > li.user > a > .ion {
  554.  
  555.   margin-right: 5px;
  556.  
  557. }
  558.  
  559. .main-header .navbar .nav > li > a > .label {
  560.  
  561.   position: absolute;
  562.  
  563.   top: 9px;
  564.  
  565.   right: 7px;
  566.  
  567.   text-align: center;
  568.  
  569.   font-size: 9px;
  570.  
  571.   padding: 2px 3px;
  572.  
  573.   line-height: .9;
  574.  
  575. }
  576.  
  577. .main-header .logo {
  578.  
  579.   -webkit-transition: width 0.3s ease-in-out;
  580.  
  581.   -o-transition: width 0.3s ease-in-out;
  582.  
  583.   transition: width 0.3s ease-in-out;
  584.  
  585.   display: block;
  586.  
  587.   float: left;
  588.  
  589.   height: 50px;
  590.  
  591.   font-size: 20px;
  592.  
  593.   line-height: 50px;
  594.  
  595.   text-align: center;
  596.  
  597.   width: 230px;
  598.  
  599.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  600.  
  601.   padding: 0 15px;
  602.  
  603.   font-weight: 300;
  604.  
  605.   overflow: hidden;
  606.  
  607. }
  608.  
  609. .main-header .logo .logo-lg {
  610.  
  611.   display: block;
  612.  
  613. }
  614.  
  615. .main-header .logo .logo-mini {
  616.  
  617.   display: none;
  618.  
  619. }
  620.  
  621. .main-header .navbar-brand {
  622.  
  623.   color: #fff;
  624.  
  625. }
  626.  
  627. .content-header {
  628.  
  629.   position: relative;
  630.  
  631.   padding: 15px 15px 0 15px;
  632.  
  633. }
  634.  
  635. .content-header > h1 {
  636.  
  637.   margin: 0;
  638.  
  639.   font-size: 24px;
  640.  
  641. }
  642.  
  643. .content-header > h1 > small {
  644.  
  645.   font-size: 15px;
  646.  
  647.   display: inline-block;
  648.  
  649.   padding-left: 4px;
  650.  
  651.   font-weight: 300;
  652.  
  653. }
  654.  
  655. .content-header > .breadcrumb {
  656.  
  657.   float: right;
  658.  
  659.   background: transparent;
  660.  
  661.   margin-top: 0;
  662.  
  663.   margin-bottom: 0;
  664.  
  665.   font-size: 12px;
  666.  
  667.   padding: 7px 5px;
  668.  
  669.   position: absolute;
  670.  
  671.   top: 15px;
  672.  
  673.   right: 10px;
  674.  
  675.   border-radius: 2px;
  676.  
  677. }
  678.  
  679. .content-header > .breadcrumb > li > a {
  680.  
  681.   color: #444;
  682.  
  683.   text-decoration: none;
  684.  
  685.   display: inline-block;
  686.  
  687. }
  688.  
  689. .content-header > .breadcrumb > li > a > .fa,
  690.  
  691. .content-header > .breadcrumb > li > a > .glyphicon,
  692.  
  693. .content-header > .breadcrumb > li > a > .ion {
  694.  
  695.   margin-right: 5px;
  696.  
  697. }
  698.  
  699. .content-header > .breadcrumb > li + li:before {
  700.  
  701.   content: '>\00a0';
  702.  
  703. }
  704.  
  705. @media (max-width: 991px) {
  706.  
  707.   .content-header > .breadcrumb {
  708.  
  709.     position: relative;
  710.  
  711.     margin-top: 5px;
  712.  
  713.     top: 0;
  714.  
  715.     right: 0;
  716.  
  717.     float: none;
  718.  
  719.     background: #d2d6de;
  720.  
  721.     padding-left: 10px;
  722.  
  723.   }
  724.  
  725.   .content-header > .breadcrumb li:before {
  726.  
  727.     color: #97a0b3;
  728.  
  729.   }
  730.  
  731. }
  732.  
  733. .navbar-toggle {
  734.  
  735.   color: #fff;
  736.  
  737.   border: 0;
  738.  
  739.   margin: 0;
  740.  
  741.   padding: 15px 15px;
  742.  
  743. }
  744.  
  745. @media (max-width: 991px) {
  746.  
  747.   .navbar-custom-menu .navbar-nav > li {
  748.  
  749.     float: left;
  750.  
  751.   }
  752.  
  753.   .navbar-custom-menu .navbar-nav {
  754.  
  755.     margin: 0;
  756.  
  757.     float: left;
  758.  
  759.   }
  760.  
  761.   .navbar-custom-menu .navbar-nav > li > a {
  762.  
  763.     padding-top: 15px;
  764.  
  765.     padding-bottom: 15px;
  766.  
  767.     line-height: 20px;
  768.  
  769.   }
  770.  
  771. }
  772.  
  773. @media (max-width: 767px) {
  774.  
  775.   .main-header {
  776.  
  777.     position: relative;
  778.  
  779.   }
  780.  
  781.   .main-header .logo,
  782.  
  783.   .main-header .navbar {
  784.  
  785.     width: 100%;
  786.  
  787.     float: none;
  788.  
  789.   }
  790.  
  791.   .main-header .navbar {
  792.  
  793.     margin: 0;
  794.  
  795.   }
  796.  
  797.   .main-header .navbar-custom-menu {
  798.  
  799.     float: right;
  800.  
  801.   }
  802.  
  803. }
  804.  
  805. @media (max-width: 991px) {
  806.  
  807.   .navbar-collapse.pull-left {
  808.  
  809.     float: none !important;
  810.  
  811.   }
  812.  
  813.   .navbar-collapse.pull-left + .navbar-custom-menu {
  814.  
  815.     display: block;
  816.  
  817.     position: absolute;
  818.  
  819.     top: 0;
  820.  
  821.     right: 40px;
  822.  
  823.   }
  824.  
  825. }
  826.  
  827. /*
  828.  
  829.  * Component: Sidebar
  830.  
  831.  * ------------------
  832.  
  833.  */
  834.  
  835. .main-sidebar,
  836.  
  837. .left-side {
  838.  
  839.   position: absolute;
  840.  
  841.   top: 0;
  842.  
  843.   left: 0;
  844.  
  845.   padding-top: 50px;
  846.  
  847.   min-height: 100%;
  848.  
  849.   width: 230px;
  850.  
  851.   z-index: 810;
  852.  
  853.   -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  854.  
  855.   -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  856.  
  857.   -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  858.  
  859.   transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
  860.  
  861. }
  862.  
  863. @media (max-width: 767px) {
  864.  
  865.   .main-sidebar,
  866.  
  867.   .left-side {
  868.  
  869.     padding-top: 100px;
  870.  
  871.   }
  872.  
  873. }
  874.  
  875. @media (max-width: 767px) {
  876.  
  877.   .main-sidebar,
  878.  
  879.   .left-side {
  880.  
  881.     -webkit-transform: translate(-230px, 0);
  882.  
  883.     -ms-transform: translate(-230px, 0);
  884.  
  885.     -o-transform: translate(-230px, 0);
  886.  
  887.     transform: translate(-230px, 0);
  888.  
  889.   }
  890.  
  891. }
  892.  
  893. @media (min-width: 768px) {
  894.  
  895.   .sidebar-collapse .main-sidebar,
  896.  
  897.   .sidebar-collapse .left-side {
  898.  
  899.     -webkit-transform: translate(-230px, 0);
  900.  
  901.     -ms-transform: translate(-230px, 0);
  902.  
  903.     -o-transform: translate(-230px, 0);
  904.  
  905.     transform: translate(-230px, 0);
  906.  
  907.   }
  908.  
  909. }
  910.  
  911. @media (max-width: 767px) {
  912.  
  913.   .sidebar-open .main-sidebar,
  914.  
  915.   .sidebar-open .left-side {
  916.  
  917.     -webkit-transform: translate(0, 0);
  918.  
  919.     -ms-transform: translate(0, 0);
  920.  
  921.     -o-transform: translate(0, 0);
  922.  
  923.     transform: translate(0, 0);
  924.  
  925.   }
  926.  
  927. }
  928.  
  929. .sidebar {
  930.  
  931.   padding-bottom: 10px;
  932.  
  933. }
  934.  
  935. .sidebar-form input:focus {
  936.  
  937.   border-color: transparent;
  938.  
  939. }
  940.  
  941. .user-panel {
  942.  
  943.   position: relative;
  944.  
  945.   width: 100%;
  946.  
  947.   padding: 10px;
  948.  
  949.   overflow: hidden;
  950.  
  951. }
  952.  
  953. .user-panel:before,
  954.  
  955. .user-panel:after {
  956.  
  957.   content: " ";
  958.  
  959.   display: table;
  960.  
  961. }
  962.  
  963. .user-panel:after {
  964.  
  965.   clear: both;
  966.  
  967. }
  968.  
  969. .user-panel > .image > img {
  970.  
  971.   width: 100%;
  972.  
  973.   max-width: 45px;
  974.  
  975.   height: auto;
  976.  
  977. }
  978.  
  979. .user-panel > .info {
  980.  
  981.   padding: 5px 5px 5px 15px;
  982.  
  983.   line-height: 1;
  984.  
  985.   position: absolute;
  986.  
  987.   left: 55px;
  988.  
  989. }
  990.  
  991. .user-panel > .info > p {
  992.  
  993.   font-weight: 600;
  994.  
  995.   margin-bottom: 9px;
  996.  
  997. }
  998.  
  999. .user-panel > .info > a {
  1000.  
  1001.   text-decoration: none;
  1002.  
  1003.   padding-right: 5px;
  1004.  
  1005.   margin-top: 3px;
  1006.  
  1007.   font-size: 11px;
  1008.  
  1009. }
  1010.  
  1011. .user-panel > .info > a > .fa,
  1012.  
  1013. .user-panel > .info > a > .ion,
  1014.  
  1015. .user-panel > .info > a > .glyphicon {
  1016.  
  1017.   margin-right: 3px;
  1018.  
  1019. }
  1020.  
  1021. .sidebar-menu {
  1022.  
  1023.   list-style: none;
  1024.  
  1025.   margin: 0;
  1026.  
  1027.   padding: 0;
  1028.  
  1029. }
  1030.  
  1031. .sidebar-menu > li {
  1032.  
  1033.   position: relative;
  1034.  
  1035.   margin: 0;
  1036.  
  1037.   padding: 0;
  1038.  
  1039. }
  1040.  
  1041. .sidebar-menu > li > a {
  1042.  
  1043.   padding: 12px 5px 12px 15px;
  1044.  
  1045.   display: block;
  1046.  
  1047. }
  1048.  
  1049. .sidebar-menu > li > a > .fa,
  1050.  
  1051. .sidebar-menu > li > a > .glyphicon,
  1052.  
  1053. .sidebar-menu > li > a > .ion {
  1054.  
  1055.   width: 20px;
  1056.  
  1057. }
  1058.  
  1059. .sidebar-menu > li .label,
  1060.  
  1061. .sidebar-menu > li .badge {
  1062.  
  1063.   margin-top: 3px;
  1064.  
  1065.   margin-right: 5px;
  1066.  
  1067. }
  1068.  
  1069. .sidebar-menu li.header {
  1070.  
  1071.   padding: 10px 25px 10px 15px;
  1072.  
  1073.   font-size: 12px;
  1074.  
  1075. }
  1076.  
  1077. .sidebar-menu li > a > .fa-angle-left {
  1078.  
  1079.   width: auto;
  1080.  
  1081.   height: auto;
  1082.  
  1083.   padding: 0;
  1084.  
  1085.   margin-right: 10px;
  1086.  
  1087.   margin-top: 3px;
  1088.  
  1089. }
  1090.  
  1091. .sidebar-menu li.active > a > .fa-angle-left {
  1092.  
  1093.   -webkit-transform: rotate(-90deg);
  1094.  
  1095.   -ms-transform: rotate(-90deg);
  1096.  
  1097.   -o-transform: rotate(-90deg);
  1098.  
  1099.   transform: rotate(-90deg);
  1100.  
  1101. }
  1102.  
  1103. .sidebar-menu li.active > .treeview-menu {
  1104.  
  1105.   display: block;
  1106.  
  1107. }
  1108.  
  1109. .sidebar-menu .treeview-menu {
  1110.  
  1111.   display: none;
  1112.  
  1113.   list-style: none;
  1114.  
  1115.   padding: 0;
  1116.  
  1117.   margin: 0;
  1118.  
  1119.   padding-left: 5px;
  1120.  
  1121. }
  1122.  
  1123. .sidebar-menu .treeview-menu .treeview-menu {
  1124.  
  1125.   padding-left: 20px;
  1126.  
  1127. }
  1128.  
  1129. .sidebar-menu .treeview-menu > li {
  1130.  
  1131.   margin: 0;
  1132.  
  1133. }
  1134.  
  1135. .sidebar-menu .treeview-menu > li > a {
  1136.  
  1137.   padding: 5px 5px 5px 15px;
  1138.  
  1139.   display: block;
  1140.  
  1141.   font-size: 14px;
  1142.  
  1143. }
  1144.  
  1145. .sidebar-menu .treeview-menu > li > a > .fa,
  1146.  
  1147. .sidebar-menu .treeview-menu > li > a > .glyphicon,
  1148.  
  1149. .sidebar-menu .treeview-menu > li > a > .ion {
  1150.  
  1151.   width: 20px;
  1152.  
  1153. }
  1154.  
  1155. .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
  1156.  
  1157. .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  1158.  
  1159.   width: auto;
  1160.  
  1161. }
  1162.  
  1163. /*
  1164.  
  1165.  * Component: Sidebar Mini
  1166.  
  1167.  */
  1168.  
  1169. @media (min-width: 768px) {
  1170.  
  1171.   .sidebar-mini.sidebar-collapse .content-wrapper,
  1172.  
  1173.   .sidebar-mini.sidebar-collapse .right-side,
  1174.  
  1175.   .sidebar-mini.sidebar-collapse .main-footer {
  1176.  
  1177.     margin-left: 50px !important;
  1178.  
  1179.     z-index: 840;
  1180.  
  1181.   }
  1182.  
  1183.   .sidebar-mini.sidebar-collapse .main-sidebar {
  1184.  
  1185.     -webkit-transform: translate(0, 0);
  1186.  
  1187.     -ms-transform: translate(0, 0);
  1188.  
  1189.     -o-transform: translate(0, 0);
  1190.  
  1191.     transform: translate(0, 0);
  1192.  
  1193.     width: 50px !important;
  1194.  
  1195.     z-index: 850;
  1196.  
  1197.   }
  1198.  
  1199.   .sidebar-mini.sidebar-collapse .sidebar-menu > li {
  1200.  
  1201.     position: relative;
  1202.  
  1203.   }
  1204.  
  1205.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
  1206.  
  1207.     margin-right: 0;
  1208.  
  1209.   }
  1210.  
  1211.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
  1212.  
  1213.     border-top-right-radius: 4px;
  1214.  
  1215.   }
  1216.  
  1217.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
  1218.  
  1219.     border-bottom-right-radius: 4px;
  1220.  
  1221.   }
  1222.  
  1223.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1224.  
  1225.     padding-top: 5px;
  1226.  
  1227.     padding-bottom: 5px;
  1228.  
  1229.     border-bottom-right-radius: 4px;
  1230.  
  1231.   }
  1232.  
  1233.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  1234.  
  1235.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  1236.  
  1237.     display: block !important;
  1238.  
  1239.     position: absolute;
  1240.  
  1241.     width: 180px;
  1242.  
  1243.     left: 50px;
  1244.  
  1245.   }
  1246.  
  1247.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
  1248.  
  1249.     top: 0;
  1250.  
  1251.     margin-left: -3px;
  1252.  
  1253.     padding: 12px 5px 12px 20px;
  1254.  
  1255.     background-color: inherit;
  1256.  
  1257.   }
  1258.  
  1259.   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  1260.  
  1261.     top: 44px;
  1262.  
  1263.     margin-left: 0;
  1264.  
  1265.   }
  1266.  
  1267.   .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  1268.  
  1269.   .sidebar-mini.sidebar-collapse .sidebar-form,
  1270.  
  1271.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  1272.  
  1273.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  1274.  
  1275.   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  1276.  
  1277.   .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
  1278.  
  1279.     display: none !important;
  1280.  
  1281.     -webkit-transform: translateZ(0);
  1282.  
  1283.   }
  1284.  
  1285.   .sidebar-mini.sidebar-collapse .main-header .logo {
  1286.  
  1287.     width: 50px;
  1288.  
  1289.   }
  1290.  
  1291.   .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
  1292.  
  1293.     display: block;
  1294.  
  1295.     margin-left: -15px;
  1296.  
  1297.     margin-right: -15px;
  1298.  
  1299.     font-size: 18px;
  1300.  
  1301.   }
  1302.  
  1303.   .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
  1304.  
  1305.     display: none;
  1306.  
  1307.   }
  1308.  
  1309.   .sidebar-mini.sidebar-collapse .main-header .navbar {
  1310.  
  1311.     margin-left: 50px;
  1312.  
  1313.   }
  1314.  
  1315. }
  1316.  
  1317. .sidebar-menu,
  1318.  
  1319. .main-sidebar .user-panel,
  1320.  
  1321. .sidebar-menu > li.header {
  1322.  
  1323.   white-space: nowrap;
  1324.  
  1325.   overflow: hidden;
  1326.  
  1327. }
  1328.  
  1329. .sidebar-menu:hover {
  1330.  
  1331.   overflow: visible;
  1332.  
  1333. }
  1334.  
  1335. .sidebar-form,
  1336.  
  1337. .sidebar-menu > li.header {
  1338.  
  1339.   overflow: hidden;
  1340.  
  1341.   text-overflow: clip;
  1342.  
  1343. }
  1344.  
  1345. .sidebar-menu li > a {
  1346.  
  1347.   position: relative;
  1348.  
  1349. }
  1350.  
  1351. .sidebar-menu li > a > .pull-right {
  1352.  
  1353.   position: absolute;
  1354.  
  1355.   right: 10px;
  1356.  
  1357.   top: 50%;
  1358.  
  1359.   margin-top: -7px;
  1360.  
  1361. }
  1362.  
  1363. /*
  1364.  
  1365.  * Component: Control sidebar. By default, this is the right sidebar.
  1366.  
  1367.  */
  1368.  
  1369. .control-sidebar-bg {
  1370.  
  1371.   position: fixed;
  1372.  
  1373.   z-index: 1000;
  1374.  
  1375.   bottom: 0;
  1376.  
  1377. }
  1378.  
  1379. .control-sidebar-bg,
  1380.  
  1381. .control-sidebar {
  1382.  
  1383.   top: 0;
  1384.  
  1385.   right: -230px;
  1386.  
  1387.   width: 230px;
  1388.  
  1389.   -webkit-transition: right 0.3s ease-in-out;
  1390.  
  1391.   -o-transition: right 0.3s ease-in-out;
  1392.  
  1393.   transition: right 0.3s ease-in-out;
  1394.  
  1395. }
  1396.  
  1397. .control-sidebar {
  1398.  
  1399.   position: absolute;
  1400.  
  1401.   padding-top: 50px;
  1402.  
  1403.   z-index: 1010;
  1404.  
  1405. }
  1406.  
  1407. @media (max-width: 768px) {
  1408.  
  1409.   .control-sidebar {
  1410.  
  1411.     padding-top: 100px;
  1412.  
  1413.   }
  1414.  
  1415. }
  1416.  
  1417. .control-sidebar > .tab-content {
  1418.  
  1419.   padding: 10px 15px;
  1420.  
  1421. }
  1422.  
  1423. .control-sidebar.control-sidebar-open,
  1424.  
  1425. .control-sidebar.control-sidebar-open + .control-sidebar-bg {
  1426.  
  1427.   right: 0;
  1428.  
  1429. }
  1430.  
  1431. .control-sidebar-open .control-sidebar-bg,
  1432.  
  1433. .control-sidebar-open .control-sidebar {
  1434.  
  1435.   right: 0;
  1436.  
  1437. }
  1438.  
  1439. @media (min-width: 768px) {
  1440.  
  1441.   .control-sidebar-open .content-wrapper,
  1442.  
  1443.   .control-sidebar-open .right-side,
  1444.  
  1445.   .control-sidebar-open .main-footer {
  1446.  
  1447.     margin-right: 230px;
  1448.  
  1449.   }
  1450.  
  1451. }
  1452.  
  1453. .nav-tabs.control-sidebar-tabs > li:first-of-type > a,
  1454.  
  1455. .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
  1456.  
  1457. .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
  1458.  
  1459.   border-left-width: 0;
  1460.  
  1461. }
  1462.  
  1463. .nav-tabs.control-sidebar-tabs > li > a {
  1464.  
  1465.   border-radius: 0;
  1466.  
  1467. }
  1468.  
  1469. .nav-tabs.control-sidebar-tabs > li > a,
  1470.  
  1471. .nav-tabs.control-sidebar-tabs > li > a:hover {
  1472.  
  1473.   border-top: none;
  1474.  
  1475.   border-right: none;
  1476.  
  1477.   border-left: 1px solid transparent;
  1478.  
  1479.   border-bottom: 1px solid transparent;
  1480.  
  1481. }
  1482.  
  1483. .nav-tabs.control-sidebar-tabs > li > a .icon {
  1484.  
  1485.   font-size: 16px;
  1486.  
  1487. }
  1488.  
  1489. .nav-tabs.control-sidebar-tabs > li.active > a,
  1490.  
  1491. .nav-tabs.control-sidebar-tabs > li.active > a:hover,
  1492.  
  1493. .nav-tabs.control-sidebar-tabs > li.active > a:focus,
  1494.  
  1495. .nav-tabs.control-sidebar-tabs > li.active > a:active {
  1496.  
  1497.   border-top: none;
  1498.  
  1499.   border-right: none;
  1500.  
  1501.   border-bottom: none;
  1502.  
  1503. }
  1504.  
  1505. @media (max-width: 768px) {
  1506.  
  1507.   .nav-tabs.control-sidebar-tabs {
  1508.  
  1509.     display: table;
  1510.  
  1511.   }
  1512.  
  1513.   .nav-tabs.control-sidebar-tabs > li {
  1514.  
  1515.     display: table-cell;
  1516.  
  1517.   }
  1518.  
  1519. }
  1520.  
  1521. .control-sidebar-heading {
  1522.  
  1523.   font-weight: 400;
  1524.  
  1525.   font-size: 16px;
  1526.  
  1527.   padding: 10px 0;
  1528.  
  1529.   margin-bottom: 10px;
  1530.  
  1531. }
  1532.  
  1533. .control-sidebar-subheading {
  1534.  
  1535.   display: block;
  1536.  
  1537.   font-weight: 400;
  1538.  
  1539.   font-size: 14px;
  1540.  
  1541. }
  1542.  
  1543. .control-sidebar-menu {
  1544.  
  1545.   list-style: none;
  1546.  
  1547.   padding: 0;
  1548.  
  1549.   margin: 0 -15px;
  1550.  
  1551. }
  1552.  
  1553. .control-sidebar-menu > li > a {
  1554.  
  1555.   display: block;
  1556.  
  1557.   padding: 10px 15px;
  1558.  
  1559. }
  1560.  
  1561. .control-sidebar-menu > li > a:before,
  1562.  
  1563. .control-sidebar-menu > li > a:after {
  1564.  
  1565.   content: " ";
  1566.  
  1567.   display: table;
  1568.  
  1569. }
  1570.  
  1571. .control-sidebar-menu > li > a:after {
  1572.  
  1573.   clear: both;
  1574.  
  1575. }
  1576.  
  1577. .control-sidebar-menu > li > a > .control-sidebar-subheading {
  1578.  
  1579.   margin-top: 0;
  1580.  
  1581. }
  1582.  
  1583. .control-sidebar-menu .menu-icon {
  1584.  
  1585.   float: left;
  1586.  
  1587.   width: 35px;
  1588.  
  1589.   height: 35px;
  1590.  
  1591.   border-radius: 50%;
  1592.  
  1593.   text-align: center;
  1594.  
  1595.   line-height: 35px;
  1596.  
  1597. }
  1598.  
  1599. .control-sidebar-menu .menu-info {
  1600.  
  1601.   margin-left: 45px;
  1602.  
  1603.   margin-top: 3px;
  1604.  
  1605. }
  1606.  
  1607. .control-sidebar-menu .menu-info > .control-sidebar-subheading {
  1608.  
  1609.   margin: 0;
  1610.  
  1611. }
  1612.  
  1613. .control-sidebar-menu .menu-info > p {
  1614.  
  1615.   margin: 0;
  1616.  
  1617.   font-size: 11px;
  1618.  
  1619. }
  1620.  
  1621. .control-sidebar-menu .progress {
  1622.  
  1623.   margin: 0;
  1624.  
  1625. }
  1626.  
  1627. .control-sidebar-dark {
  1628.  
  1629.   color: #b8c7ce;
  1630.  
  1631. }
  1632.  
  1633. .control-sidebar-dark,
  1634.  
  1635. .control-sidebar-dark + .control-sidebar-bg {
  1636.  
  1637.   background: #222d32;
  1638.  
  1639. }
  1640.  
  1641. .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  1642.  
  1643.   border-bottom: #1c2529;
  1644.  
  1645. }
  1646.  
  1647. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  1648.  
  1649.   background: #181f23;
  1650.  
  1651.   color: #b8c7ce;
  1652.  
  1653. }
  1654.  
  1655. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
  1656.  
  1657. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
  1658.  
  1659. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  1660.  
  1661.   border-left-color: #141a1d;
  1662.  
  1663.   border-bottom-color: #141a1d;
  1664.  
  1665. }
  1666.  
  1667. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
  1668.  
  1669. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
  1670.  
  1671. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  1672.  
  1673.   background: #1c2529;
  1674.  
  1675. }
  1676.  
  1677. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  1678.  
  1679.   color: #fff;
  1680.  
  1681. }
  1682.  
  1683. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
  1684.  
  1685. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
  1686.  
  1687. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
  1688.  
  1689. .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  1690.  
  1691.   background: #222d32;
  1692.  
  1693.   color: #fff;
  1694.  
  1695. }
  1696.  
  1697. .control-sidebar-dark .control-sidebar-heading,
  1698.  
  1699. .control-sidebar-dark .control-sidebar-subheading {
  1700.  
  1701.   color: #fff;
  1702.  
  1703. }
  1704.  
  1705. .control-sidebar-dark .control-sidebar-menu > li > a:hover {
  1706.  
  1707.   background: #1e282c;
  1708.  
  1709. }
  1710.  
  1711. .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  1712.  
  1713.   color: #b8c7ce;
  1714.  
  1715. }
  1716.  
  1717. .control-sidebar-light {
  1718.  
  1719.   color: #5e5e5e;
  1720.  
  1721. }
  1722.  
  1723. .control-sidebar-light,
  1724.  
  1725. .control-sidebar-light + .control-sidebar-bg {
  1726.  
  1727.   background: #f9fafc;
  1728.  
  1729.   border-left: 1px solid #d2d6de;
  1730.  
  1731. }
  1732.  
  1733. .control-sidebar-light .nav-tabs.control-sidebar-tabs {
  1734.  
  1735.   border-bottom: #d2d6de;
  1736.  
  1737. }
  1738.  
  1739. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
  1740.  
  1741.   background: #e8ecf4;
  1742.  
  1743.   color: #444444;
  1744.  
  1745. }
  1746.  
  1747. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
  1748.  
  1749. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
  1750.  
  1751. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
  1752.  
  1753.   border-left-color: #d2d6de;
  1754.  
  1755.   border-bottom-color: #d2d6de;
  1756.  
  1757. }
  1758.  
  1759. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
  1760.  
  1761. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
  1762.  
  1763. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
  1764.  
  1765.   background: #eff1f7;
  1766.  
  1767. }
  1768.  
  1769. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
  1770.  
  1771. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
  1772.  
  1773. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
  1774.  
  1775. .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
  1776.  
  1777.   background: #f9fafc;
  1778.  
  1779.   color: #111;
  1780.  
  1781. }
  1782.  
  1783. .control-sidebar-light .control-sidebar-heading,
  1784.  
  1785. .control-sidebar-light .control-sidebar-subheading {
  1786.  
  1787.   color: #111;
  1788.  
  1789. }
  1790.  
  1791. .control-sidebar-light .control-sidebar-menu {
  1792.  
  1793.   margin-left: -14px;
  1794.  
  1795. }
  1796.  
  1797. .control-sidebar-light .control-sidebar-menu > li > a:hover {
  1798.  
  1799.   background: #f4f4f5;
  1800.  
  1801. }
  1802.  
  1803. .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
  1804.  
  1805.   color: #5e5e5e;
  1806.  
  1807. }
  1808.  
  1809. /*
  1810.  
  1811.  * Component: Dropdown menus
  1812.  
  1813.  * -------------------------
  1814.  
  1815.  */
  1816.  
  1817. /*Dropdowns in general*/
  1818.  
  1819. .dropdown-menu {
  1820.  
  1821.   box-shadow: none;
  1822.  
  1823.   border-color: #eee;
  1824.  
  1825. }
  1826.  
  1827. .dropdown-menu > li > a {
  1828.  
  1829.   color: #777;
  1830.  
  1831. }
  1832.  
  1833. .dropdown-menu > li > a > .glyphicon,
  1834.  
  1835. .dropdown-menu > li > a > .fa,
  1836.  
  1837. .dropdown-menu > li > a > .ion {
  1838.  
  1839.   margin-right: 10px;
  1840.  
  1841. }
  1842.  
  1843. .dropdown-menu > li > a:hover {
  1844.  
  1845.   background-color: #e1e3e9;
  1846.  
  1847.   color: #333;
  1848.  
  1849. }
  1850.  
  1851. .dropdown-menu > .divider {
  1852.  
  1853.   background-color: #eee;
  1854.  
  1855. }
  1856.  
  1857. .navbar-nav > .notifications-menu > .dropdown-menu,
  1858.  
  1859. .navbar-nav > .messages-menu > .dropdown-menu,
  1860.  
  1861. .navbar-nav > .tasks-menu > .dropdown-menu {
  1862.  
  1863.   width: 280px;
  1864.  
  1865.   padding: 0 0 0 0;
  1866.  
  1867.   margin: 0;
  1868.  
  1869.   top: 100%;
  1870.  
  1871. }
  1872.  
  1873. .navbar-nav > .notifications-menu > .dropdown-menu > li,
  1874.  
  1875. .navbar-nav > .messages-menu > .dropdown-menu > li,
  1876.  
  1877. .navbar-nav > .tasks-menu > .dropdown-menu > li {
  1878.  
  1879.   position: relative;
  1880.  
  1881. }
  1882.  
  1883. .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
  1884.  
  1885. .navbar-nav > .messages-menu > .dropdown-menu > li.header,
  1886.  
  1887. .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  1888.  
  1889.   border-top-left-radius: 4px;
  1890.  
  1891.   border-top-right-radius: 4px;
  1892.  
  1893.   border-bottom-right-radius: 0;
  1894.  
  1895.   border-bottom-left-radius: 0;
  1896.  
  1897.   background-color: #ffffff;
  1898.  
  1899.   padding: 7px 10px;
  1900.  
  1901.   border-bottom: 1px solid #f4f4f4;
  1902.  
  1903.   color: #444444;
  1904.  
  1905.   font-size: 14px;
  1906.  
  1907. }
  1908.  
  1909. .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  1910.  
  1911. .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  1912.  
  1913. .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  1914.  
  1915.   border-top-left-radius: 0;
  1916.  
  1917.   border-top-right-radius: 0;
  1918.  
  1919.   border-bottom-right-radius: 4px;
  1920.  
  1921.   border-bottom-left-radius: 4px;
  1922.  
  1923.   font-size: 12px;
  1924.  
  1925.   background-color: #fff;
  1926.  
  1927.   padding: 7px 10px;
  1928.  
  1929.   border-bottom: 1px solid #eeeeee;
  1930.  
  1931.   color: #444 !important;
  1932.  
  1933.   text-align: center;
  1934.  
  1935. }
  1936.  
  1937. @media (max-width: 991px) {
  1938.  
  1939.   .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  1940.  
  1941.   .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  1942.  
  1943.   .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  1944.  
  1945.     background: #fff !important;
  1946.  
  1947.     color: #444 !important;
  1948.  
  1949.   }
  1950.  
  1951. }
  1952.  
  1953. .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
  1954.  
  1955. .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
  1956.  
  1957. .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  1958.  
  1959.   text-decoration: none;
  1960.  
  1961.   font-weight: normal;
  1962.  
  1963. }
  1964.  
  1965. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
  1966.  
  1967. .navbar-nav > .messages-menu > .dropdown-menu > li .menu,
  1968.  
  1969. .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  1970.  
  1971.   max-height: 200px;
  1972.  
  1973.   margin: 0;
  1974.  
  1975.   padding: 0;
  1976.  
  1977.   list-style: none;
  1978.  
  1979.   overflow-x: hidden;
  1980.  
  1981. }
  1982.  
  1983. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
  1984.  
  1985. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
  1986.  
  1987. .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  1988.  
  1989.   display: block;
  1990.  
  1991.   white-space: nowrap;
  1992.  
  1993.   /* Prevent text from breaking */
  1994.  
  1995.   border-bottom: 1px solid #f4f4f4;
  1996.  
  1997. }
  1998.  
  1999. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
  2000.  
  2001. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
  2002.  
  2003. .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  2004.  
  2005.   background: #f4f4f4;
  2006.  
  2007.   text-decoration: none;
  2008.  
  2009. }
  2010.  
  2011. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  2012.  
  2013.   color: #444444;
  2014.  
  2015.   overflow: hidden;
  2016.  
  2017.   text-overflow: ellipsis;
  2018.  
  2019.   padding: 10px;
  2020.  
  2021. }
  2022.  
  2023. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
  2024.  
  2025. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
  2026.  
  2027. .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  2028.  
  2029.   width: 20px;
  2030.  
  2031. }
  2032.  
  2033. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  2034.  
  2035.   margin: 0;
  2036.  
  2037.   padding: 10px 10px;
  2038.  
  2039. }
  2040.  
  2041. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  2042.  
  2043.   margin: auto 10px auto auto;
  2044.  
  2045.   width: 40px;
  2046.  
  2047.   height: 40px;
  2048.  
  2049. }
  2050.  
  2051. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  2052.  
  2053.   padding: 0;
  2054.  
  2055.   margin: 0 0 0 45px;
  2056.  
  2057.   color: #444444;
  2058.  
  2059.   font-size: 15px;
  2060.  
  2061.   position: relative;
  2062.  
  2063. }
  2064.  
  2065. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  2066.  
  2067.   color: #999999;
  2068.  
  2069.   font-size: 10px;
  2070.  
  2071.   position: absolute;
  2072.  
  2073.   top: 0;
  2074.  
  2075.   right: 0;
  2076.  
  2077. }
  2078.  
  2079. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  2080.  
  2081.   margin: 0 0 0 45px;
  2082.  
  2083.   font-size: 12px;
  2084.  
  2085.   color: #888888;
  2086.  
  2087. }
  2088.  
  2089. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
  2090.  
  2091. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  2092.  
  2093.   content: " ";
  2094.  
  2095.   display: table;
  2096.  
  2097. }
  2098.  
  2099. .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  2100.  
  2101.   clear: both;
  2102.  
  2103. }
  2104.  
  2105. .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  2106.  
  2107.   padding: 10px;
  2108.  
  2109. }
  2110.  
  2111. .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  2112.  
  2113.   font-size: 14px;
  2114.  
  2115.   padding: 0;
  2116.  
  2117.   margin: 0 0 10px 0;
  2118.  
  2119.   color: #666666;
  2120.  
  2121. }
  2122.  
  2123. .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  2124.  
  2125.   padding: 0;
  2126.  
  2127.   margin: 0;
  2128.  
  2129. }
  2130.  
  2131. .navbar-nav > .user-menu > .dropdown-menu {
  2132.  
  2133.   border-top-right-radius: 0;
  2134.  
  2135.   border-top-left-radius: 0;
  2136.  
  2137.   padding: 1px 0 0 0;
  2138.  
  2139.   border-top-width: 0;
  2140.  
  2141.   width: 280px;
  2142.  
  2143. }
  2144.  
  2145. .navbar-nav > .user-menu > .dropdown-menu,
  2146.  
  2147. .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  2148.  
  2149.   border-bottom-right-radius: 4px;
  2150.  
  2151.   border-bottom-left-radius: 4px;
  2152.  
  2153. }
  2154.  
  2155. .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  2156.  
  2157.   height: 175px;
  2158.  
  2159.   padding: 10px;
  2160.  
  2161.   text-align: center;
  2162.  
  2163. }
  2164.  
  2165. .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  2166.  
  2167.   z-index: 5;
  2168.  
  2169.   height: 90px;
  2170.  
  2171.   width: 90px;
  2172.  
  2173.   border: 3px solid;
  2174.  
  2175.   border-color: transparent;
  2176.  
  2177.   border-color: rgba(255, 255, 255, 0.2);
  2178.  
  2179. }
  2180.  
  2181. .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  2182.  
  2183.   z-index: 5;
  2184.  
  2185.   color: #fff;
  2186.  
  2187.   color: rgba(255, 255, 255, 0.8);
  2188.  
  2189.   font-size: 17px;
  2190.  
  2191.   margin-top: 10px;
  2192.  
  2193. }
  2194.  
  2195. .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  2196.  
  2197.   display: block;
  2198.  
  2199.   font-size: 12px;
  2200.  
  2201. }
  2202.  
  2203. .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  2204.  
  2205.   padding: 15px;
  2206.  
  2207.   border-bottom: 1px solid #f4f4f4;
  2208.  
  2209.   border-top: 1px solid #dddddd;
  2210.  
  2211. }
  2212.  
  2213. .navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
  2214.  
  2215. .navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  2216.  
  2217.   content: " ";
  2218.  
  2219.   display: table;
  2220.  
  2221. }
  2222.  
  2223. .navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  2224.  
  2225.   clear: both;
  2226.  
  2227. }
  2228.  
  2229. .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  2230.  
  2231.   color: #444 !important;
  2232.  
  2233. }
  2234.  
  2235. @media (max-width: 991px) {
  2236.  
  2237.   .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  2238.  
  2239.     background: #fff !important;
  2240.  
  2241.     color: #444 !important;
  2242.  
  2243.   }
  2244.  
  2245. }
  2246.  
  2247. .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  2248.  
  2249.   background-color: #f9f9f9;
  2250.  
  2251.   padding: 10px;
  2252.  
  2253. }
  2254.  
  2255. .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
  2256.  
  2257. .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  2258.  
  2259.   content: " ";
  2260.  
  2261.   display: table;
  2262.  
  2263. }
  2264.  
  2265. .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  2266.  
  2267.   clear: both;
  2268.  
  2269. }
  2270.  
  2271. .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  2272.  
  2273.   color: #666666;
  2274.  
  2275. }
  2276.  
  2277. @media (max-width: 991px) {
  2278.  
  2279.   .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
  2280.  
  2281.     background-color: #f9f9f9;
  2282.  
  2283.   }
  2284.  
  2285. }
  2286.  
  2287. .navbar-nav > .user-menu .user-image {
  2288.  
  2289.   float: left;
  2290.  
  2291.   width: 25px;
  2292.  
  2293.   height: 25px;
  2294.  
  2295.   border-radius: 50%;
  2296.  
  2297.   margin-right: 10px;
  2298.  
  2299.   margin-top: -2px;
  2300.  
  2301. }
  2302.  
  2303. @media (max-width: 767px) {
  2304.  
  2305.   .navbar-nav > .user-menu .user-image {
  2306.  
  2307.     float: none;
  2308.  
  2309.     margin-right: 0;
  2310.  
  2311.     margin-top: -8px;
  2312.  
  2313.     line-height: 10px;
  2314.  
  2315.   }
  2316.  
  2317. }
  2318.  
  2319. /* Add fade animation to dropdown menus by appending
  2320.  
  2321.  the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
  2322.  
  2323. .open:not(.dropup) > .animated-dropdown-menu {
  2324.  
  2325.   backface-visibility: visible !important;
  2326.  
  2327.   -webkit-animation: flipInX 0.7s both;
  2328.  
  2329.   -o-animation: flipInX 0.7s both;
  2330.  
  2331.   animation: flipInX 0.7s both;
  2332.  
  2333. }
  2334.  
  2335. @keyframes flipInX {
  2336.  
  2337.   0% {
  2338.  
  2339.     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2340.  
  2341.     transition-timing-function: ease-in;
  2342.  
  2343.     opacity: 0;
  2344.  
  2345.   }
  2346.  
  2347.   40% {
  2348.  
  2349.     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2350.  
  2351.     transition-timing-function: ease-in;
  2352.  
  2353.   }
  2354.  
  2355.   60% {
  2356.  
  2357.     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  2358.  
  2359.     opacity: 1;
  2360.  
  2361.   }
  2362.  
  2363.   80% {
  2364.  
  2365.     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  2366.  
  2367.   }
  2368.  
  2369.   100% {
  2370.  
  2371.     transform: perspective(400px);
  2372.  
  2373.   }
  2374.  
  2375. }
  2376.  
  2377. @-webkit-keyframes flipInX {
  2378.  
  2379.   0% {
  2380.  
  2381.     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2382.  
  2383.     -webkit-transition-timing-function: ease-in;
  2384.  
  2385.     opacity: 0;
  2386.  
  2387.   }
  2388.  
  2389.   40% {
  2390.  
  2391.     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2392.  
  2393.     -webkit-transition-timing-function: ease-in;
  2394.  
  2395.   }
  2396.  
  2397.   60% {
  2398.  
  2399.     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  2400.  
  2401.     opacity: 1;
  2402.  
  2403.   }
  2404.  
  2405.   80% {
  2406.  
  2407.     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  2408.  
  2409.   }
  2410.  
  2411.   100% {
  2412.  
  2413.     -webkit-transform: perspective(400px);
  2414.  
  2415.   }
  2416.  
  2417. }
  2418.  
  2419. /* Fix dropdown menu in navbars */
  2420.  
  2421. .navbar-custom-menu > .navbar-nav > li {
  2422.  
  2423.   position: relative;
  2424.  
  2425. }
  2426.  
  2427. .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  2428.  
  2429.   position: absolute;
  2430.  
  2431.   right: 0;
  2432.  
  2433.   left: auto;
  2434.  
  2435. }
  2436.  
  2437. @media (max-width: 991px) {
  2438.  
  2439.   .navbar-custom-menu > .navbar-nav {
  2440.  
  2441.     float: right;
  2442.  
  2443.   }
  2444.  
  2445.   .navbar-custom-menu > .navbar-nav > li {
  2446.  
  2447.     position: static;
  2448.  
  2449.   }
  2450.  
  2451.   .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  2452.  
  2453.     position: absolute;
  2454.  
  2455.     right: 5%;
  2456.  
  2457.     left: auto;
  2458.  
  2459.     border: 1px solid #ddd;
  2460.  
  2461.     background: #fff;
  2462.  
  2463.   }
  2464.  
  2465. }
  2466.  
  2467. /*
  2468.  
  2469.  * Component: Form
  2470.  
  2471.  * ---------------
  2472.  
  2473.  */
  2474.  
  2475. .form-control {
  2476.  
  2477.   border-radius: 0;
  2478.  
  2479.   box-shadow: none;
  2480.  
  2481.   border-color: #d2d6de;
  2482.  
  2483.   background-color: #222D32;
  2484.  
  2485. }
  2486.  
  2487. .form-control:focus {
  2488.  
  2489.   border-color: #3c8dbc;
  2490.  
  2491.   box-shadow: none;
  2492.  
  2493. }
  2494.  
  2495. .form-control::-moz-placeholder,
  2496.  
  2497. .form-control:-ms-input-placeholder,
  2498.  
  2499. .form-control::-webkit-input-placeholder {
  2500.  
  2501.   color: #bbb;
  2502.  
  2503.   opacity: 1;
  2504.  
  2505. }
  2506.  
  2507. .form-control:not(select) {
  2508.  
  2509.   -webkit-appearance: none;
  2510.  
  2511.   -moz-appearance: none;
  2512.  
  2513.   appearance: none;
  2514.  
  2515. }
  2516.  
  2517. .form-group.has-success label {
  2518.  
  2519.   color: #00a65a;
  2520.  
  2521. }
  2522.  
  2523. .form-group.has-success .form-control {
  2524.  
  2525.   border-color: #00a65a;
  2526.  
  2527.   box-shadow: none;
  2528.  
  2529. }
  2530.  
  2531. .form-group.has-warning label {
  2532.  
  2533.   color: #f39c12;
  2534.  
  2535. }
  2536.  
  2537. .form-group.has-warning .form-control {
  2538.  
  2539.   border-color: #f39c12;
  2540.  
  2541.   box-shadow: none;
  2542.  
  2543. }
  2544.  
  2545. .form-group.has-error label {
  2546.  
  2547.   color: #dd4b39;
  2548.  
  2549. }
  2550.  
  2551. .form-group.has-error .form-control {
  2552.  
  2553.   border-color: #dd4b39;
  2554.  
  2555.   box-shadow: none;
  2556.  
  2557. }
  2558.  
  2559. /* Input group */
  2560.  
  2561. .input-group .input-group-addon {
  2562.  
  2563.   border-radius: 0;
  2564.  
  2565.   border-color: #d2d6de;
  2566.  
  2567.   background-color: #fff;
  2568.  
  2569. }
  2570.  
  2571. /* button groups */
  2572.  
  2573. .btn-group-vertical .btn.btn-flat:first-of-type,
  2574.  
  2575. .btn-group-vertical .btn.btn-flat:last-of-type {
  2576.  
  2577.   border-radius: 0;
  2578.  
  2579. }
  2580.  
  2581. .icheck > label {
  2582.  
  2583.   padding-left: 0;
  2584.  
  2585. }
  2586.  
  2587. /* support Font Awesome icons in form-control */
  2588.  
  2589. .form-control-feedback.fa {
  2590.  
  2591.   line-height: 34px;
  2592.  
  2593. }
  2594.  
  2595. .input-lg + .form-control-feedback.fa,
  2596.  
  2597. .input-group-lg + .form-control-feedback.fa,
  2598.  
  2599. .form-group-lg .form-control + .form-control-feedback.fa {
  2600.  
  2601.   line-height: 46px;
  2602.  
  2603. }
  2604.  
  2605. .input-sm + .form-control-feedback.fa,
  2606.  
  2607. .input-group-sm + .form-control-feedback.fa,
  2608.  
  2609. .form-group-sm .form-control + .form-control-feedback.fa {
  2610.  
  2611.   line-height: 30px;
  2612.  
  2613. }
  2614.  
  2615. /*
  2616.  
  2617.  * Component: Progress Bar
  2618.  
  2619.  * -----------------------
  2620.  
  2621.  */
  2622.  
  2623. .progress,
  2624.  
  2625. .progress > .progress-bar {
  2626.  
  2627.   -webkit-box-shadow: none;
  2628.  
  2629.   box-shadow: none;
  2630.  
  2631. }
  2632.  
  2633. .progress,
  2634.  
  2635. .progress > .progress-bar,
  2636.  
  2637. .progress .progress-bar,
  2638.  
  2639. .progress > .progress-bar .progress-bar {
  2640.  
  2641.   border-radius: 1px;
  2642.  
  2643. }
  2644.  
  2645. /* size variation */
  2646.  
  2647. .progress.sm,
  2648.  
  2649. .progress-sm {
  2650.  
  2651.   height: 10px;
  2652.  
  2653. }
  2654.  
  2655. .progress.sm,
  2656.  
  2657. .progress-sm,
  2658.  
  2659. .progress.sm .progress-bar,
  2660.  
  2661. .progress-sm .progress-bar {
  2662.  
  2663.   border-radius: 1px;
  2664.  
  2665. }
  2666.  
  2667. .progress.xs,
  2668.  
  2669. .progress-xs {
  2670.  
  2671.   height: 7px;
  2672.  
  2673. }
  2674.  
  2675. .progress.xs,
  2676.  
  2677. .progress-xs,
  2678.  
  2679. .progress.xs .progress-bar,
  2680.  
  2681. .progress-xs .progress-bar {
  2682.  
  2683.   border-radius: 1px;
  2684.  
  2685. }
  2686.  
  2687. .progress.xxs,
  2688.  
  2689. .progress-xxs {
  2690.  
  2691.   height: 3px;
  2692.  
  2693. }
  2694.  
  2695. .progress.xxs,
  2696.  
  2697. .progress-xxs,
  2698.  
  2699. .progress.xxs .progress-bar,
  2700.  
  2701. .progress-xxs .progress-bar {
  2702.  
  2703.   border-radius: 1px;
  2704.  
  2705. }
  2706.  
  2707. /* Vertical bars */
  2708.  
  2709. .progress.vertical {
  2710.  
  2711.   position: relative;
  2712.  
  2713.   width: 30px;
  2714.  
  2715.   height: 200px;
  2716.  
  2717.   display: inline-block;
  2718.  
  2719.   margin-right: 10px;
  2720.  
  2721. }
  2722.  
  2723. .progress.vertical > .progress-bar {
  2724.  
  2725.   width: 100%;
  2726.  
  2727.   position: absolute;
  2728.  
  2729.   bottom: 0;
  2730.  
  2731. }
  2732.  
  2733. .progress.vertical.sm,
  2734.  
  2735. .progress.vertical.progress-sm {
  2736.  
  2737.   width: 20px;
  2738.  
  2739. }
  2740.  
  2741. .progress.vertical.xs,
  2742.  
  2743. .progress.vertical.progress-xs {
  2744.  
  2745.   width: 10px;
  2746.  
  2747. }
  2748.  
  2749. .progress.vertical.xxs,
  2750.  
  2751. .progress.vertical.progress-xxs {
  2752.  
  2753.   width: 3px;
  2754.  
  2755. }
  2756.  
  2757. .progress-group .progress-text {
  2758.  
  2759.   font-weight: 600;
  2760.  
  2761. }
  2762.  
  2763. .progress-group .progress-number {
  2764.  
  2765.   float: right;
  2766.  
  2767. }
  2768.  
  2769. /* Remove margins from progress bars when put in a table */
  2770.  
  2771. .table tr > td .progress {
  2772.  
  2773.   margin: 0;
  2774.  
  2775. }
  2776.  
  2777. .progress-bar-light-blue,
  2778.  
  2779. .progress-bar-primary {
  2780.  
  2781.   background-color: #3c8dbc;
  2782.  
  2783. }
  2784.  
  2785. .progress-striped .progress-bar-light-blue,
  2786.  
  2787. .progress-striped .progress-bar-primary {
  2788.  
  2789.   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);
  2790.  
  2791.   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  2792.  
  2793.   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);
  2794.  
  2795. }
  2796.  
  2797. .progress-bar-green,
  2798.  
  2799. .progress-bar-success {
  2800.  
  2801.   background-color: #00a65a;
  2802.  
  2803. }
  2804.  
  2805. .progress-striped .progress-bar-green,
  2806.  
  2807. .progress-striped .progress-bar-success {
  2808.  
  2809.   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);
  2810.  
  2811.   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  2812.  
  2813.   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);
  2814.  
  2815. }
  2816.  
  2817. .progress-bar-aqua,
  2818.  
  2819. .progress-bar-info {
  2820.  
  2821.   background-color: #00c0ef;
  2822.  
  2823. }
  2824.  
  2825. .progress-striped .progress-bar-aqua,
  2826.  
  2827. .progress-striped .progress-bar-info {
  2828.  
  2829.   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);
  2830.  
  2831.   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  2832.  
  2833.   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);
  2834.  
  2835. }
  2836.  
  2837. .progress-bar-yellow,
  2838.  
  2839. .progress-bar-warning {
  2840.  
  2841.   background-color: #f39c12;
  2842.  
  2843. }
  2844.  
  2845. .progress-striped .progress-bar-yellow,
  2846.  
  2847. .progress-striped .progress-bar-warning {
  2848.  
  2849.   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);
  2850.  
  2851.   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  2852.  
  2853.   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);
  2854.  
  2855. }
  2856.  
  2857. .progress-bar-red,
  2858.  
  2859. .progress-bar-danger {
  2860.  
  2861.   background-color: #dd4b39;
  2862.  
  2863. }
  2864.  
  2865. .progress-striped .progress-bar-red,
  2866.  
  2867. .progress-striped .progress-bar-danger {
  2868.  
  2869.   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);
  2870.  
  2871.   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  2872.  
  2873.   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);
  2874.  
  2875. }
  2876.  
  2877. /*
  2878.  
  2879.  * Component: Small Box
  2880.  
  2881.  * --------------------
  2882.  
  2883.  */
  2884.  
  2885. .small-box {
  2886.  
  2887.   border-radius: 2px;
  2888.  
  2889.   position: relative;
  2890.  
  2891.   display: block;
  2892.  
  2893.   margin-bottom: 20px;
  2894.  
  2895.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2896.  
  2897. }
  2898.  
  2899. .small-box > .inner {
  2900.  
  2901.   padding: 10px;
  2902.  
  2903. }
  2904.  
  2905. .small-box > .small-box-footer {
  2906.  
  2907.   position: relative;
  2908.  
  2909.   text-align: center;
  2910.  
  2911.   padding: 3px 0;
  2912.  
  2913.   color: #fff;
  2914.  
  2915.   color: rgba(255, 255, 255, 0.8);
  2916.  
  2917.   display: block;
  2918.  
  2919.   z-index: 10;
  2920.  
  2921.   background: rgba(0, 0, 0, 0.1);
  2922.  
  2923.   text-decoration: none;
  2924.  
  2925. }
  2926.  
  2927. .small-box > .small-box-footer:hover {
  2928.  
  2929.   color: #fff;
  2930.  
  2931.   background: rgba(0, 0, 0, 0.15);
  2932.  
  2933. }
  2934.  
  2935. .small-box h3 {
  2936.  
  2937.   font-size: 38px;
  2938.  
  2939.   font-weight: bold;
  2940.  
  2941.   margin: 0 0 10px 0;
  2942.  
  2943.   white-space: nowrap;
  2944.  
  2945.   padding: 0;
  2946.  
  2947. }
  2948.  
  2949. .small-box p {
  2950.  
  2951.   font-size: 15px;
  2952.  
  2953. }
  2954.  
  2955. .small-box p > small {
  2956.  
  2957.   display: block;
  2958.  
  2959.   color: #f9f9f9;
  2960.  
  2961.   font-size: 13px;
  2962.  
  2963.   margin-top: 5px;
  2964.  
  2965. }
  2966.  
  2967. .small-box h3,
  2968.  
  2969. .small-box p {
  2970.  
  2971.   z-index: 5px;
  2972.  
  2973. }
  2974.  
  2975. .small-box .icon {
  2976.  
  2977.   -webkit-transition: all 0.3s linear;
  2978.  
  2979.   -o-transition: all 0.3s linear;
  2980.  
  2981.   transition: all 0.3s linear;
  2982.  
  2983.   position: absolute;
  2984.  
  2985.   top: -10px;
  2986.  
  2987.   right: 10px;
  2988.  
  2989.   z-index: 0;
  2990.  
  2991.   font-size: 90px;
  2992.  
  2993.   color: rgba(0, 0, 0, 0.15);
  2994.  
  2995. }
  2996.  
  2997. .small-box:hover {
  2998.  
  2999.   text-decoration: none;
  3000.  
  3001.   color: #f9f9f9;
  3002.  
  3003. }
  3004.  
  3005. .small-box:hover .icon {
  3006.  
  3007.   font-size: 95px;
  3008.  
  3009. }
  3010.  
  3011. @media (max-width: 767px) {
  3012.  
  3013.   .small-box {
  3014.  
  3015.     text-align: center;
  3016.  
  3017.   }
  3018.  
  3019.   .small-box .icon {
  3020.  
  3021.     display: none;
  3022.  
  3023.   }
  3024.  
  3025.   .small-box p {
  3026.  
  3027.     font-size: 12px;
  3028.  
  3029.   }
  3030.  
  3031. }
  3032.  
  3033. /*
  3034.  
  3035.  * Component: Box
  3036.  
  3037.  * --------------
  3038.  
  3039.  */
  3040.  
  3041. .box {
  3042.  
  3043.   position: relative;
  3044.  
  3045.   border-radius: 3px;
  3046.  
  3047.   background: #2b2b2b;
  3048.  
  3049.   border-top: 3px solid #d2d6de;
  3050.  
  3051.   margin-bottom: 20px;
  3052.  
  3053.   width: 100%;
  3054.  
  3055.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  3056.  
  3057. }
  3058.  
  3059. .box.box-primary {
  3060.  
  3061.   border-top-color: #3c8dbc;
  3062.  
  3063. }
  3064.  
  3065. .box.box-info {
  3066.  
  3067.   border-top-color: #00c0ef;
  3068.  
  3069. }
  3070.  
  3071. .box.box-danger {
  3072.  
  3073.   border-top-color: #dd4b39;
  3074.  
  3075. }
  3076.  
  3077. .box.box-warning {
  3078.  
  3079.   border-top-color: #f39c12;
  3080.  
  3081. }
  3082.  
  3083. .box.box-success {
  3084.  
  3085.   border-top-color: #00a65a;
  3086.  
  3087. }
  3088.  
  3089. .box.box-default {
  3090.  
  3091.   border-top-color: #d2d6de;
  3092.  
  3093. }
  3094.  
  3095. .box.collapsed-box .box-body,
  3096.  
  3097. .box.collapsed-box .box-footer {
  3098.  
  3099.   display: none;
  3100.  
  3101. }
  3102.  
  3103. .box .nav-stacked > li {
  3104.  
  3105.   border-bottom: 1px solid #f4f4f4;
  3106.  
  3107.   margin: 0;
  3108.  
  3109. }
  3110.  
  3111. .box .nav-stacked > li:last-of-type {
  3112.  
  3113.   border-bottom: none;
  3114.  
  3115. }
  3116.  
  3117. .box.height-control .box-body {
  3118.  
  3119.   max-height: 300px;
  3120.  
  3121.   overflow: auto;
  3122.  
  3123. }
  3124.  
  3125. .box .border-right {
  3126.  
  3127.   border-right: 1px solid #f4f4f4;
  3128.  
  3129. }
  3130.  
  3131. .box .border-left {
  3132.  
  3133.   border-left: 1px solid #f4f4f4;
  3134.  
  3135. }
  3136.  
  3137. .box.box-solid {
  3138.  
  3139.   border-top: 0;
  3140.  
  3141. }
  3142.  
  3143. .box.box-solid > .box-header .btn.btn-default {
  3144.  
  3145.   background: transparent;
  3146.  
  3147. }
  3148.  
  3149. .box.box-solid > .box-header .btn:hover,
  3150.  
  3151. .box.box-solid > .box-header a:hover {
  3152.  
  3153.   background: rgba(0, 0, 0, 0.1);
  3154.  
  3155. }
  3156.  
  3157. .box.box-solid.box-default {
  3158.  
  3159.   border: 1px solid #d2d6de;
  3160.  
  3161. }
  3162.  
  3163. .box.box-solid.box-default > .box-header {
  3164.  
  3165.   color: #444444;
  3166.  
  3167.   background: #d2d6de;
  3168.  
  3169.   background-color: #d2d6de;
  3170.  
  3171. }
  3172.  
  3173. .box.box-solid.box-default > .box-header a,
  3174.  
  3175. .box.box-solid.box-default > .box-header .btn {
  3176.  
  3177.   color: #444444;
  3178.  
  3179. }
  3180.  
  3181. .box.box-solid.box-primary {
  3182.  
  3183.   border: 1px solid #3c8dbc;
  3184.  
  3185. }
  3186.  
  3187. .box.box-solid.box-primary > .box-header {
  3188.  
  3189.   color: #ffffff;
  3190.  
  3191.   background: #3c8dbc;
  3192.  
  3193.   background-color: #3c8dbc;
  3194.  
  3195. }
  3196.  
  3197. .box.box-solid.box-primary > .box-header a,
  3198.  
  3199. .box.box-solid.box-primary > .box-header .btn {
  3200.  
  3201.   color: #ffffff;
  3202.  
  3203. }
  3204.  
  3205. .box.box-solid.box-info {
  3206.  
  3207.   border: 1px solid #00c0ef;
  3208.  
  3209. }
  3210.  
  3211. .box.box-solid.box-info > .box-header {
  3212.  
  3213.   color: #ffffff;
  3214.  
  3215.   background: #00c0ef;
  3216.  
  3217.   background-color: #00c0ef;
  3218.  
  3219. }
  3220.  
  3221. .box.box-solid.box-info > .box-header a,
  3222.  
  3223. .box.box-solid.box-info > .box-header .btn {
  3224.  
  3225.   color: #ffffff;
  3226.  
  3227. }
  3228.  
  3229. .box.box-solid.box-danger {
  3230.  
  3231.   border: 1px solid #dd4b39;
  3232.  
  3233. }
  3234.  
  3235. .box.box-solid.box-danger > .box-header {
  3236.  
  3237.   color: #ffffff;
  3238.  
  3239.   background: #dd4b39;
  3240.  
  3241.   background-color: #dd4b39;
  3242.  
  3243. }
  3244.  
  3245. .box.box-solid.box-danger > .box-header a,
  3246.  
  3247. .box.box-solid.box-danger > .box-header .btn {
  3248.  
  3249.   color: #ffffff;
  3250.  
  3251. }
  3252.  
  3253. .box.box-solid.box-warning {
  3254.  
  3255.   border: 1px solid #f39c12;
  3256.  
  3257. }
  3258.  
  3259. .box.box-solid.box-warning > .box-header {
  3260.  
  3261.   color: #ffffff;
  3262.  
  3263.   background: #f39c12;
  3264.  
  3265.   background-color: #f39c12;
  3266.  
  3267. }
  3268.  
  3269. .box.box-solid.box-warning > .box-header a,
  3270.  
  3271. .box.box-solid.box-warning > .box-header .btn {
  3272.  
  3273.   color: #ffffff;
  3274.  
  3275. }
  3276.  
  3277. .box.box-solid.box-success {
  3278.  
  3279.   border: 1px solid #00a65a;
  3280.  
  3281. }
  3282.  
  3283. .box.box-solid.box-success > .box-header {
  3284.  
  3285.   color: #ffffff;
  3286.  
  3287.   background: #00a65a;
  3288.  
  3289.   background-color: #00a65a;
  3290.  
  3291. }
  3292.  
  3293. .box.box-solid.box-success > .box-header a,
  3294.  
  3295. .box.box-solid.box-success > .box-header .btn {
  3296.  
  3297.   color: #ffffff;
  3298.  
  3299. }
  3300.  
  3301. .box.box-solid > .box-header > .box-tools .btn {
  3302.  
  3303.   border: 0;
  3304.  
  3305.   box-shadow: none;
  3306.  
  3307. }
  3308.  
  3309. .box.box-solid[class*='bg'] > .box-header {
  3310.  
  3311.   color: #fff;
  3312.  
  3313. }
  3314.  
  3315. .box .box-group > .box {
  3316.  
  3317.   margin-bottom: 5px;
  3318.  
  3319. }
  3320.  
  3321. .box .knob-label {
  3322.  
  3323.   text-align: center;
  3324.  
  3325.   color: #333;
  3326.  
  3327.   font-weight: 100;
  3328.  
  3329.   font-size: 12px;
  3330.  
  3331.   margin-bottom: 0.3em;
  3332.  
  3333. }
  3334.  
  3335. .box > .overlay,
  3336.  
  3337. .overlay-wrapper > .overlay,
  3338.  
  3339. .box > .loading-img,
  3340.  
  3341. .overlay-wrapper > .loading-img {
  3342.  
  3343.   position: absolute;
  3344.  
  3345.   top: 0;
  3346.  
  3347.   left: 0;
  3348.  
  3349.   width: 100%;
  3350.  
  3351.   height: 100%;
  3352.  
  3353. }
  3354.  
  3355. .box .overlay,
  3356.  
  3357. .overlay-wrapper .overlay {
  3358.  
  3359.   z-index: 50;
  3360.  
  3361.   background: rgba(255, 255, 255, 0.7);
  3362.  
  3363.   border-radius: 3px;
  3364.  
  3365. }
  3366.  
  3367. .box .overlay > .fa,
  3368.  
  3369. .overlay-wrapper .overlay > .fa {
  3370.  
  3371.   position: absolute;
  3372.  
  3373.   top: 50%;
  3374.  
  3375.   left: 50%;
  3376.  
  3377.   margin-left: -15px;
  3378.  
  3379.   margin-top: -15px;
  3380.  
  3381.   color: #000;
  3382.  
  3383.   font-size: 30px;
  3384.  
  3385. }
  3386.  
  3387. .box .overlay.dark,
  3388.  
  3389. .overlay-wrapper .overlay.dark {
  3390.  
  3391.   background: rgba(0, 0, 0, 0.5);
  3392.  
  3393. }
  3394.  
  3395. .box-header:before,
  3396.  
  3397. .box-body:before,
  3398.  
  3399. .box-footer:before,
  3400.  
  3401. .box-header:after,
  3402.  
  3403. .box-body:after,
  3404.  
  3405. .box-footer:after {
  3406.  
  3407.   content: " ";
  3408.  
  3409.   display: table;
  3410.  
  3411. }
  3412.  
  3413. .box-header:after,
  3414.  
  3415. .box-body:after,
  3416.  
  3417. .box-footer:after {
  3418.  
  3419.   clear: both;
  3420.  
  3421. }
  3422.  
  3423. .box-header {
  3424.  
  3425.   color: #444;
  3426.  
  3427.   display: block;
  3428.  
  3429.   padding: 10px;
  3430.  
  3431.   position: relative;
  3432.  
  3433. }
  3434.  
  3435. .box-header.with-border {
  3436.  
  3437.   border-bottom: 1px solid #f4f4f4;
  3438.  
  3439. }
  3440.  
  3441. .collapsed-box .box-header.with-border {
  3442.  
  3443.   border-bottom: none;
  3444.  
  3445. }
  3446.  
  3447. .box-header > .fa,
  3448.  
  3449. .box-header > .glyphicon,
  3450.  
  3451. .box-header > .ion,
  3452.  
  3453. .box-header .box-title {
  3454.  
  3455.   display: inline-block;
  3456.  
  3457.   font-size: 18px;
  3458.  
  3459.   margin: 0;
  3460.  
  3461.   line-height: 1;
  3462.  
  3463.   color: #e5e1e1;
  3464.  
  3465. }
  3466.  
  3467. .box-header > .fa,
  3468.  
  3469. .box-header > .glyphicon,
  3470.  
  3471. .box-header > .ion {
  3472.  
  3473.   margin-right: 5px;
  3474.  
  3475. }
  3476.  
  3477. .box-header > .box-tools {
  3478.  
  3479.   position: absolute;
  3480.  
  3481.   right: 10px;
  3482.  
  3483.   top: 5px;
  3484.  
  3485. }
  3486.  
  3487. .box-header > .box-tools [data-toggle="tooltip"] {
  3488.  
  3489.   position: relative;
  3490.  
  3491. }
  3492.  
  3493. .box-header > .box-tools.pull-right .dropdown-menu {
  3494.  
  3495.   right: 0;
  3496.  
  3497.   left: auto;
  3498.  
  3499. }
  3500.  
  3501. .btn-box-tool {
  3502.  
  3503.   padding: 5px;
  3504.  
  3505.   font-size: 12px;
  3506.  
  3507.   background: transparent;
  3508.  
  3509.   color: #97a0b3;
  3510.  
  3511. }
  3512.  
  3513. .open .btn-box-tool,
  3514.  
  3515. .btn-box-tool:hover {
  3516.  
  3517.   color: #606c84;
  3518.  
  3519. }
  3520.  
  3521. .btn-box-tool.btn:active {
  3522.  
  3523.   box-shadow: none;
  3524.  
  3525. }
  3526.  
  3527. .box-body {
  3528.  
  3529.   border-top-left-radius: 0;
  3530.  
  3531.   border-top-right-radius: 0;
  3532.  
  3533.   border-bottom-right-radius: 3px;
  3534.  
  3535.   border-bottom-left-radius: 3px;
  3536.  
  3537.   padding: 10px;
  3538.  
  3539. }
  3540.  
  3541. .no-header .box-body {
  3542.  
  3543.   border-top-right-radius: 3px;
  3544.  
  3545.   border-top-left-radius: 3px;
  3546.  
  3547. }
  3548.  
  3549. .box-body > .table {
  3550.  
  3551.   margin-bottom: 0;
  3552.  
  3553.  
  3554. }
  3555.  
  3556. .box-body .fc {
  3557.  
  3558.   margin-top: 5px;
  3559.  
  3560. }
  3561.  
  3562. .box-body .full-width-chart {
  3563.  
  3564.   margin: -19px;
  3565.  
  3566. }
  3567.  
  3568. .box-body.no-padding .full-width-chart {
  3569.  
  3570.   margin: -9px;
  3571.  
  3572. }
  3573.  
  3574. .box-body .box-pane {
  3575.  
  3576.   border-top-left-radius: 0;
  3577.  
  3578.   border-top-right-radius: 0;
  3579.  
  3580.   border-bottom-right-radius: 0;
  3581.  
  3582.   border-bottom-left-radius: 3px;
  3583.  
  3584. }
  3585.  
  3586. .box-body .box-pane-right {
  3587.  
  3588.   border-top-left-radius: 0;
  3589.  
  3590.   border-top-right-radius: 0;
  3591.  
  3592.   border-bottom-right-radius: 3px;
  3593.  
  3594.   border-bottom-left-radius: 0;
  3595.  
  3596. }
  3597.  
  3598. .box-footer {
  3599.  
  3600.   border-top-left-radius: 0;
  3601.  
  3602.   border-top-right-radius: 0;
  3603.  
  3604.   border-bottom-right-radius: 3px;
  3605.  
  3606.   border-bottom-left-radius: 3px;
  3607.  
  3608.   border-top: 1px solid #f4f4f4;
  3609.  
  3610.   padding: 10px;
  3611.  
  3612.   background-color: #2b2b2b;
  3613.  
  3614. }
  3615.  
  3616. .chart-legend {
  3617.  
  3618.   margin: 10px 0;
  3619.  
  3620. }
  3621.  
  3622. @media (max-width: 991px) {
  3623.  
  3624.   .chart-legend > li {
  3625.  
  3626.     float: left;
  3627.  
  3628.     margin-right: 10px;
  3629.  
  3630.   }
  3631.  
  3632. }
  3633.  
  3634. .box-comments {
  3635.  
  3636.   background: #f7f7f7;
  3637.  
  3638. }
  3639.  
  3640. .box-comments .box-comment {
  3641.  
  3642.   padding: 8px 0;
  3643.  
  3644.   border-bottom: 1px solid #eee;
  3645.  
  3646. }
  3647.  
  3648. .box-comments .box-comment:before,
  3649.  
  3650. .box-comments .box-comment:after {
  3651.  
  3652.   content: " ";
  3653.  
  3654.   display: table;
  3655.  
  3656. }
  3657.  
  3658. .box-comments .box-comment:after {
  3659.  
  3660.   clear: both;
  3661.  
  3662. }
  3663.  
  3664. .box-comments .box-comment:last-of-type {
  3665.  
  3666.   border-bottom: 0;
  3667.  
  3668. }
  3669.  
  3670. .box-comments .box-comment:first-of-type {
  3671.  
  3672.   padding-top: 0;
  3673.  
  3674. }
  3675.  
  3676. .box-comments .box-comment img {
  3677.  
  3678.   float: left;
  3679.  
  3680. }
  3681.  
  3682. .box-comments .comment-text {
  3683.  
  3684.   margin-left: 40px;
  3685.  
  3686.   color: #555;
  3687.  
  3688. }
  3689.  
  3690. .box-comments .username {
  3691.  
  3692.   color: #444;
  3693.  
  3694.   display: block;
  3695.  
  3696.   font-weight: 600;
  3697.  
  3698. }
  3699.  
  3700. .box-comments .text-muted {
  3701.  
  3702.   font-weight: 400;
  3703.  
  3704.   font-size: 12px;
  3705.  
  3706. }
  3707.  
  3708. /* Widget: TODO LIST */
  3709.  
  3710. .todo-list {
  3711.  
  3712.   margin: 0;
  3713.  
  3714.   padding: 0;
  3715.  
  3716.   list-style: none;
  3717.  
  3718.   overflow: auto;
  3719.  
  3720. }
  3721.  
  3722. .todo-list > li {
  3723.  
  3724.   border-radius: 2px;
  3725.  
  3726.   padding: 10px;
  3727.  
  3728.   background: #f4f4f4;
  3729.  
  3730.   margin-bottom: 2px;
  3731.  
  3732.   border-left: 2px solid #e6e7e8;
  3733.  
  3734.   color: #444;
  3735.  
  3736. }
  3737.  
  3738. .todo-list > li:last-of-type {
  3739.  
  3740.   margin-bottom: 0;
  3741.  
  3742. }
  3743.  
  3744. .todo-list > li > input[type='checkbox'] {
  3745.  
  3746.   margin: 0 10px 0 5px;
  3747.  
  3748. }
  3749.  
  3750. .todo-list > li .text {
  3751.  
  3752.   display: inline-block;
  3753.  
  3754.   margin-left: 5px;
  3755.  
  3756.   font-weight: 600;
  3757.  
  3758. }
  3759.  
  3760. .todo-list > li .label {
  3761.  
  3762.   margin-left: 10px;
  3763.  
  3764.   font-size: 9px;
  3765.  
  3766. }
  3767.  
  3768. .todo-list > li .tools {
  3769.  
  3770.   display: none;
  3771.  
  3772.   float: right;
  3773.  
  3774.   color: #dd4b39;
  3775.  
  3776. }
  3777.  
  3778. .todo-list > li .tools > .fa,
  3779.  
  3780. .todo-list > li .tools > .glyphicon,
  3781.  
  3782. .todo-list > li .tools > .ion {
  3783.  
  3784.   margin-right: 5px;
  3785.  
  3786.   cursor: pointer;
  3787.  
  3788. }
  3789.  
  3790. .todo-list > li:hover .tools {
  3791.  
  3792.   display: inline-block;
  3793.  
  3794. }
  3795.  
  3796. .todo-list > li.done {
  3797.  
  3798.   color: #999;
  3799.  
  3800. }
  3801.  
  3802. .todo-list > li.done .text {
  3803.  
  3804.   text-decoration: line-through;
  3805.  
  3806.   font-weight: 500;
  3807.  
  3808. }
  3809.  
  3810. .todo-list > li.done .label {
  3811.  
  3812.   background: #d2d6de !important;
  3813.  
  3814. }
  3815.  
  3816. .todo-list .danger {
  3817.  
  3818.   border-left-color: #dd4b39;
  3819.  
  3820. }
  3821.  
  3822. .todo-list .warning {
  3823.  
  3824.   border-left-color: #f39c12;
  3825.  
  3826. }
  3827.  
  3828. .todo-list .info {
  3829.  
  3830.   border-left-color: #00c0ef;
  3831.  
  3832. }
  3833.  
  3834. .todo-list .success {
  3835.  
  3836.   border-left-color: #00a65a;
  3837.  
  3838. }
  3839.  
  3840. .todo-list .primary {
  3841.  
  3842.   border-left-color: #3c8dbc;
  3843.  
  3844. }
  3845.  
  3846. .todo-list .handle {
  3847.  
  3848.   display: inline-block;
  3849.  
  3850.   cursor: move;
  3851.  
  3852.   margin: 0 5px;
  3853.  
  3854. }
  3855.  
  3856. /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
  3857.  
  3858. .chat {
  3859.  
  3860.   padding: 5px 20px 5px 10px;
  3861.  
  3862. }
  3863.  
  3864. .chat .item {
  3865.  
  3866.   margin-bottom: 10px;
  3867.  
  3868. }
  3869.  
  3870. .chat .item:before,
  3871.  
  3872. .chat .item:after {
  3873.  
  3874.   content: " ";
  3875.  
  3876.   display: table;
  3877.  
  3878. }
  3879.  
  3880. .chat .item:after {
  3881.  
  3882.   clear: both;
  3883.  
  3884. }
  3885.  
  3886. .chat .item > img {
  3887.  
  3888.   width: 40px;
  3889.  
  3890.   height: 40px;
  3891.  
  3892.   border: 2px solid transparent;
  3893.  
  3894.   border-radius: 50%;
  3895.  
  3896. }
  3897.  
  3898. .chat .item > .online {
  3899.  
  3900.   border: 2px solid #00a65a;
  3901.  
  3902. }
  3903.  
  3904. .chat .item > .offline {
  3905.  
  3906.   border: 2px solid #dd4b39;
  3907.  
  3908. }
  3909.  
  3910. .chat .item > .message {
  3911.  
  3912.   margin-left: 55px;
  3913.  
  3914.   margin-top: -40px;
  3915.  
  3916. }
  3917.  
  3918. .chat .item > .message > .name {
  3919.  
  3920.   display: block;
  3921.  
  3922.   font-weight: 600;
  3923.  
  3924. }
  3925.  
  3926. .chat .item > .attachment {
  3927.  
  3928.   border-radius: 3px;
  3929.  
  3930.   background: #f4f4f4;
  3931.  
  3932.   margin-left: 65px;
  3933.  
  3934.   margin-right: 15px;
  3935.  
  3936.   padding: 10px;
  3937.  
  3938. }
  3939.  
  3940. .chat .item > .attachment > h4 {
  3941.  
  3942.   margin: 0 0 5px 0;
  3943.  
  3944.   font-weight: 600;
  3945.  
  3946.   font-size: 14px;
  3947.  
  3948. }
  3949.  
  3950. .chat .item > .attachment > p,
  3951.  
  3952. .chat .item > .attachment > .filename {
  3953.  
  3954.   font-weight: 600;
  3955.  
  3956.   font-size: 13px;
  3957.  
  3958.   font-style: italic;
  3959.  
  3960.   margin: 0;
  3961.  
  3962. }
  3963.  
  3964. .chat .item > .attachment:before,
  3965.  
  3966. .chat .item > .attachment:after {
  3967.  
  3968.   content: " ";
  3969.  
  3970.   display: table;
  3971.  
  3972. }
  3973.  
  3974. .chat .item > .attachment:after {
  3975.  
  3976.   clear: both;
  3977.  
  3978. }
  3979.  
  3980. .box-input {
  3981.  
  3982.   max-width: 200px;
  3983.  
  3984. }
  3985.  
  3986. .modal .panel-body {
  3987.  
  3988.   color: #444;
  3989.  
  3990. }
  3991.  
  3992. /*
  3993.  
  3994.  * Component: Info Box
  3995.  
  3996.  * -------------------
  3997.  
  3998.  */
  3999.  
  4000. .info-box {
  4001.  
  4002.   display: block;
  4003.  
  4004.   min-height: 90px;
  4005.  
  4006.   background: #2b2b2b;
  4007.  
  4008.   width: 100%;
  4009.  
  4010.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  4011.  
  4012.   border-radius: 2px;
  4013.  
  4014.   margin-bottom: 15px;
  4015.  
  4016. }
  4017.  
  4018. .info-box small {
  4019.  
  4020.   font-size: 14px;
  4021.  
  4022. }
  4023.  
  4024. .info-box .progress {
  4025.  
  4026.   background: rgba(0, 0, 0, 0.2);
  4027.  
  4028.   margin: 5px -10px 5px -10px;
  4029.  
  4030.   height: 2px;
  4031.  
  4032. }
  4033.  
  4034. .info-box .progress,
  4035.  
  4036. .info-box .progress .progress-bar {
  4037.  
  4038.   border-radius: 0;
  4039.  
  4040. }
  4041.  
  4042. .info-box .progress .progress-bar {
  4043.  
  4044.   background: #fff;
  4045.  
  4046. }
  4047.  
  4048. .info-box-icon {
  4049.  
  4050.   border-top-left-radius: 2px;
  4051.  
  4052.   border-top-right-radius: 0;
  4053.  
  4054.   border-bottom-right-radius: 0;
  4055.  
  4056.   border-bottom-left-radius: 2px;
  4057.  
  4058.   display: block;
  4059.  
  4060.   float: left;
  4061.  
  4062.   height: 90px;
  4063.  
  4064.   width: 90px;
  4065.  
  4066.   text-align: center;
  4067.  
  4068.   font-size: 45px;
  4069.  
  4070.   line-height: 90px;
  4071.  
  4072.   background: rgba(0, 0, 0, 0.2);
  4073.  
  4074. }
  4075.  
  4076. .info-box-icon > img {
  4077.  
  4078.   max-width: 100%;
  4079.  
  4080. }
  4081.  
  4082. .info-box-content {
  4083.  
  4084.   padding: 5px 10px;
  4085.  
  4086.   margin-left: 90px;
  4087.  
  4088. }
  4089.  
  4090. .info-box-number {
  4091.  
  4092.   display: block;
  4093.  
  4094.   font-weight: bold;
  4095.  
  4096.   font-size: 18px;
  4097.  
  4098. }
  4099.  
  4100. .progress-description,
  4101.  
  4102. .info-box-text {
  4103.  
  4104.   display: block;
  4105.  
  4106.   font-size: 14px;
  4107.  
  4108.   white-space: nowrap;
  4109.  
  4110.   overflow: hidden;
  4111.  
  4112.   text-overflow: ellipsis;
  4113.  
  4114. }
  4115.  
  4116. .info-box-text {
  4117.  
  4118.   text-transform: uppercase;
  4119.  
  4120. }
  4121.  
  4122. .info-box-more {
  4123.  
  4124.   display: block;
  4125.  
  4126. }
  4127.  
  4128. .progress-description {
  4129.  
  4130.   margin: 0;
  4131.  
  4132. }
  4133.  
  4134. /*
  4135.  
  4136.  * Component: Timeline
  4137.  
  4138.  * -------------------
  4139.  
  4140.  */
  4141.  
  4142. .timeline {
  4143.  
  4144.   position: relative;
  4145.  
  4146.   margin: 0 0 30px 0;
  4147.  
  4148.   padding: 0;
  4149.  
  4150.   list-style: none;
  4151.  
  4152. }
  4153.  
  4154. .timeline:before {
  4155.  
  4156.   content: '';
  4157.  
  4158.   position: absolute;
  4159.  
  4160.   top: 0;
  4161.  
  4162.   bottom: 0;
  4163.  
  4164.   width: 4px;
  4165.  
  4166.   background: #ddd;
  4167.  
  4168.   left: 31px;
  4169.  
  4170.   margin: 0;
  4171.  
  4172.   border-radius: 2px;
  4173.  
  4174. }
  4175.  
  4176. .timeline > li {
  4177.  
  4178.   position: relative;
  4179.  
  4180.   margin-right: 10px;
  4181.  
  4182.   margin-bottom: 15px;
  4183.  
  4184. }
  4185.  
  4186. .timeline > li:before,
  4187.  
  4188. .timeline > li:after {
  4189.  
  4190.   content: " ";
  4191.  
  4192.   display: table;
  4193.  
  4194. }
  4195.  
  4196. .timeline > li:after {
  4197.  
  4198.   clear: both;
  4199.  
  4200. }
  4201.  
  4202. .timeline > li > .timeline-item {
  4203.  
  4204.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  4205.  
  4206.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  4207.  
  4208.   border-radius: 3px;
  4209.  
  4210.   margin-top: 0;
  4211.  
  4212.   background: #fff;
  4213.  
  4214.   color: #444;
  4215.  
  4216.   margin-left: 60px;
  4217.  
  4218.   margin-right: 15px;
  4219.  
  4220.   padding: 0;
  4221.  
  4222.   position: relative;
  4223.  
  4224. }
  4225.  
  4226. .timeline > li > .timeline-item > .time {
  4227.  
  4228.   color: #999;
  4229.  
  4230.   float: right;
  4231.  
  4232.   padding: 10px;
  4233.  
  4234.   font-size: 12px;
  4235.  
  4236. }
  4237.  
  4238. .timeline > li > .timeline-item > .timeline-header {
  4239.  
  4240.   margin: 0;
  4241.  
  4242.   color: #555;
  4243.  
  4244.   border-bottom: 1px solid #f4f4f4;
  4245.  
  4246.   padding: 10px;
  4247.  
  4248.   font-size: 16px;
  4249.  
  4250.   line-height: 1.1;
  4251.  
  4252. }
  4253.  
  4254. .timeline > li > .timeline-item > .timeline-header > a {
  4255.  
  4256.   font-weight: 600;
  4257.  
  4258. }
  4259.  
  4260. .timeline > li > .timeline-item > .timeline-body,
  4261.  
  4262. .timeline > li > .timeline-item > .timeline-footer {
  4263.  
  4264.   padding: 10px;
  4265.  
  4266. }
  4267.  
  4268. .timeline > li > .fa,
  4269.  
  4270. .timeline > li > .glyphicon,
  4271.  
  4272. .timeline > li > .ion {
  4273.  
  4274.   width: 30px;
  4275.  
  4276.   height: 30px;
  4277.  
  4278.   font-size: 15px;
  4279.  
  4280.   line-height: 30px;
  4281.  
  4282.   position: absolute;
  4283.  
  4284.   color: #666;
  4285.  
  4286.   background: #d2d6de;
  4287.  
  4288.   border-radius: 50%;
  4289.  
  4290.   text-align: center;
  4291.  
  4292.   left: 18px;
  4293.  
  4294.   top: 0;
  4295.  
  4296. }
  4297.  
  4298. .timeline > .time-label > span {
  4299.  
  4300.   font-weight: 600;
  4301.  
  4302.   padding: 5px;
  4303.  
  4304.   display: inline-block;
  4305.  
  4306.   background-color: #fff;
  4307.  
  4308.   border-radius: 4px;
  4309.  
  4310. }
  4311.  
  4312. .timeline-inverse > li > .timeline-item {
  4313.  
  4314.   background: #f0f0f0;
  4315.  
  4316.   border: 1px solid #ddd;
  4317.  
  4318.   -webkit-box-shadow: none;
  4319.  
  4320.   box-shadow: none;
  4321.  
  4322. }
  4323.  
  4324. .timeline-inverse > li > .timeline-item > .timeline-header {
  4325.  
  4326.   border-bottom-color: #ddd;
  4327.  
  4328. }
  4329.  
  4330. /*
  4331.  
  4332.  * Component: Button
  4333.  
  4334.  * -----------------
  4335.  
  4336.  */
  4337.  
  4338. .btn {
  4339.  
  4340.   border-radius: 3px;
  4341.  
  4342.   -webkit-box-shadow: none;
  4343.  
  4344.   box-shadow: none;
  4345.  
  4346.   border: 1px solid transparent;
  4347.  
  4348. }
  4349.  
  4350. .btn.uppercase {
  4351.  
  4352.   text-transform: uppercase;
  4353.  
  4354. }
  4355.  
  4356. .btn.btn-flat {
  4357.  
  4358.   border-radius: 0;
  4359.  
  4360.   -webkit-box-shadow: none;
  4361.  
  4362.   -moz-box-shadow: none;
  4363.  
  4364.   box-shadow: none;
  4365.  
  4366.   border-width: 1px;
  4367.  
  4368. }
  4369.  
  4370. .btn:active {
  4371.  
  4372.   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4373.  
  4374.   -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4375.  
  4376.   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4377.  
  4378. }
  4379.  
  4380. .btn:focus {
  4381.  
  4382.   outline: none;
  4383.  
  4384. }
  4385.  
  4386. .btn.btn-file {
  4387.  
  4388.   position: relative;
  4389.  
  4390.   overflow: hidden;
  4391.  
  4392. }
  4393.  
  4394. .btn.btn-file > input[type='file'] {
  4395.  
  4396.   position: absolute;
  4397.  
  4398.   top: 0;
  4399.  
  4400.   right: 0;
  4401.  
  4402.   min-width: 100%;
  4403.  
  4404.   min-height: 100%;
  4405.  
  4406.   font-size: 100px;
  4407.  
  4408.   text-align: right;
  4409.  
  4410.   opacity: 0;
  4411.  
  4412.   filter: alpha(opacity=0);
  4413.  
  4414.   outline: none;
  4415.  
  4416.   background: white;
  4417.  
  4418.   cursor: inherit;
  4419.  
  4420.   display: block;
  4421.  
  4422. }
  4423.  
  4424. .btn-default {
  4425.  
  4426.   background-color: #f4f4f4;
  4427.  
  4428.   color: #444;
  4429.  
  4430.   border-color: #ddd;
  4431.  
  4432. }
  4433.  
  4434. .btn-default:hover,
  4435.  
  4436. .btn-default:active,
  4437.  
  4438. .btn-default.hover {
  4439.  
  4440.   background-color: #e7e7e7;
  4441.  
  4442. }
  4443.  
  4444. .btn-primary {
  4445.  
  4446.   background-color: #3c8dbc;
  4447.  
  4448.   border-color: #367fa9;
  4449.  
  4450. }
  4451.  
  4452. .btn-primary:hover,
  4453.  
  4454. .btn-primary:active,
  4455.  
  4456. .btn-primary.hover {
  4457.  
  4458.   background-color: #367fa9;
  4459.  
  4460. }
  4461.  
  4462. .btn-success {
  4463.  
  4464.   background-color: #00a65a;
  4465.  
  4466.   border-color: #008d4c;
  4467.  
  4468. }
  4469.  
  4470. .btn-success:hover,
  4471.  
  4472. .btn-success:active,
  4473.  
  4474. .btn-success.hover {
  4475.  
  4476.   background-color: #008d4c;
  4477.  
  4478. }
  4479.  
  4480. .btn-info {
  4481.  
  4482.   background-color: #00c0ef;
  4483.  
  4484.   border-color: #00acd6;
  4485.  
  4486. }
  4487.  
  4488. .btn-info:hover,
  4489.  
  4490. .btn-info:active,
  4491.  
  4492. .btn-info.hover {
  4493.  
  4494.   background-color: #00acd6;
  4495.  
  4496. }
  4497.  
  4498. .btn-danger {
  4499.  
  4500.   background-color: #dd4b39;
  4501.  
  4502.   border-color: #d73925;
  4503.  
  4504. }
  4505.  
  4506. .btn-danger:hover,
  4507.  
  4508. .btn-danger:active,
  4509.  
  4510. .btn-danger.hover {
  4511.  
  4512.   background-color: #d73925;
  4513.  
  4514. }
  4515.  
  4516. .btn-warning {
  4517.  
  4518.   background-color: #f39c12;
  4519.  
  4520.   border-color: #e08e0b;
  4521.  
  4522. }
  4523.  
  4524. .btn-warning:hover,
  4525.  
  4526. .btn-warning:active,
  4527.  
  4528. .btn-warning.hover {
  4529.  
  4530.   background-color: #e08e0b;
  4531.  
  4532. }
  4533.  
  4534. .btn-outline {
  4535.  
  4536.   border: 1px solid #fff;
  4537.  
  4538.   background: transparent;
  4539.  
  4540.   color: #fff;
  4541.  
  4542. }
  4543.  
  4544. .btn-outline:hover,
  4545.  
  4546. .btn-outline:focus,
  4547.  
  4548. .btn-outline:active {
  4549.  
  4550.   color: rgba(255, 255, 255, 0.7);
  4551.  
  4552.   border-color: rgba(255, 255, 255, 0.7);
  4553.  
  4554. }
  4555.  
  4556. .btn-link {
  4557.  
  4558.   -webkit-box-shadow: none;
  4559.  
  4560.   box-shadow: none;
  4561.  
  4562. }
  4563.  
  4564. .btn[class*='bg-']:hover {
  4565.  
  4566.   -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  4567.  
  4568.   box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  4569.  
  4570. }
  4571.  
  4572. .btn-app {
  4573.  
  4574.   border-radius: 3px;
  4575.  
  4576.   position: relative;
  4577.  
  4578.   padding: 15px 5px;
  4579.  
  4580.   margin: 0 0 10px 10px;
  4581.  
  4582.   min-width: 80px;
  4583.  
  4584.   height: 60px;
  4585.  
  4586.   text-align: center;
  4587.  
  4588.   color: #666;
  4589.  
  4590.   border: 1px solid #ddd;
  4591.  
  4592.   background-color: #f4f4f4;
  4593.  
  4594.   font-size: 12px;
  4595.  
  4596. }
  4597.  
  4598. .btn-app > .fa,
  4599.  
  4600. .btn-app > .glyphicon,
  4601.  
  4602. .btn-app > .ion {
  4603.  
  4604.   font-size: 20px;
  4605.  
  4606.   display: block;
  4607.  
  4608. }
  4609.  
  4610. .btn-app:hover {
  4611.  
  4612.   background: #f4f4f4;
  4613.  
  4614.   color: #444;
  4615.  
  4616.   border-color: #aaa;
  4617.  
  4618. }
  4619.  
  4620. .btn-app:active,
  4621.  
  4622. .btn-app:focus {
  4623.  
  4624.   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4625.  
  4626.   -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4627.  
  4628.   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4629.  
  4630. }
  4631.  
  4632. .btn-app > .badge {
  4633.  
  4634.   position: absolute;
  4635.  
  4636.   top: -3px;
  4637.  
  4638.   right: -10px;
  4639.  
  4640.   font-size: 10px;
  4641.  
  4642.   font-weight: 400;
  4643.  
  4644. }
  4645.  
  4646. /*
  4647.  
  4648.  * Component: Callout
  4649.  
  4650.  * ------------------
  4651.  
  4652.  */
  4653.  
  4654. .callout {
  4655.  
  4656.   border-radius: 3px;
  4657.  
  4658.   margin: 0 0 20px 0;
  4659.  
  4660.   padding: 15px 30px 15px 15px;
  4661.  
  4662.   border-left: 5px solid #eee;
  4663.  
  4664. }
  4665.  
  4666. .callout a {
  4667.  
  4668.   color: #fff;
  4669.  
  4670.   text-decoration: underline;
  4671.  
  4672. }
  4673.  
  4674. .callout a:hover {
  4675.  
  4676.   color: #eee;
  4677.  
  4678. }
  4679.  
  4680. .callout h4 {
  4681.  
  4682.   margin-top: 0;
  4683.  
  4684.   font-weight: 600;
  4685.  
  4686. }
  4687.  
  4688. .callout p:last-child {
  4689.  
  4690.   margin-bottom: 0;
  4691.  
  4692. }
  4693.  
  4694. .callout code,
  4695.  
  4696. .callout .highlight {
  4697.  
  4698.   background-color: #fff;
  4699.  
  4700. }
  4701.  
  4702. .callout.callout-danger {
  4703.  
  4704.   border-color: #c23321;
  4705.  
  4706. }
  4707.  
  4708. .callout.callout-warning {
  4709.  
  4710.   border-color: #c87f0a;
  4711.  
  4712. }
  4713.  
  4714. .callout.callout-info {
  4715.  
  4716.   border-color: #0097bc;
  4717.  
  4718. }
  4719.  
  4720. .callout.callout-success {
  4721.  
  4722.   border-color: #00733e;
  4723.  
  4724. }
  4725.  
  4726. /*
  4727.  
  4728.  * Component: alert
  4729.  
  4730.  * ----------------
  4731.  
  4732.  */
  4733.  
  4734. .alert {
  4735.  
  4736.   border-radius: 3px;
  4737.  
  4738. }
  4739.  
  4740. .alert h4 {
  4741.  
  4742.   font-weight: 600;
  4743.  
  4744. }
  4745.  
  4746. .alert .icon {
  4747.  
  4748.   margin-right: 10px;
  4749.  
  4750. }
  4751.  
  4752. .alert .close {
  4753.  
  4754.   color: #000;
  4755.  
  4756.   opacity: 0.2;
  4757.  
  4758.   filter: alpha(opacity=20);
  4759.  
  4760. }
  4761.  
  4762. .alert .close:hover {
  4763.  
  4764.   opacity: 0.5;
  4765.  
  4766.   filter: alpha(opacity=50);
  4767.  
  4768. }
  4769.  
  4770. .alert a {
  4771.  
  4772.   color: #fff;
  4773.  
  4774.   text-decoration: underline;
  4775.  
  4776. }
  4777.  
  4778. .alert-success {
  4779.  
  4780.   border-color: #008d4c;
  4781.  
  4782. }
  4783.  
  4784. .alert-danger,
  4785.  
  4786. .alert-error {
  4787.  
  4788.   border-color: #d73925;
  4789.  
  4790. }
  4791.  
  4792. .alert-warning {
  4793.  
  4794.   border-color: #e08e0b;
  4795.  
  4796. }
  4797.  
  4798. .alert-info {
  4799.  
  4800.   border-color: #00acd6;
  4801.  
  4802. }
  4803.  
  4804. /*
  4805.  
  4806.  * Component: Nav
  4807.  
  4808.  * --------------
  4809.  
  4810.  */
  4811.  
  4812. .nav > li > a:hover,
  4813.  
  4814. .nav > li > a:active,
  4815.  
  4816. .nav > li > a:focus {
  4817.  
  4818.   color: #444;
  4819.  
  4820.   background: #f7f7f7;
  4821.  
  4822. }
  4823.  
  4824. /* NAV PILLS */
  4825.  
  4826. .nav-pills > li > a {
  4827.  
  4828.   border-radius: 0;
  4829.  
  4830.   border-top: 3px solid transparent;
  4831.  
  4832.   color: #444;
  4833.  
  4834. }
  4835.  
  4836. .nav-pills > li > a > .fa,
  4837.  
  4838. .nav-pills > li > a > .glyphicon,
  4839.  
  4840. .nav-pills > li > a > .ion {
  4841.  
  4842.   margin-right: 5px;
  4843.  
  4844. }
  4845.  
  4846. .nav-pills > li.active > a,
  4847.  
  4848. .nav-pills > li.active > a:hover,
  4849.  
  4850. .nav-pills > li.active > a:focus {
  4851.  
  4852.   border-top-color: #3c8dbc;
  4853.  
  4854. }
  4855.  
  4856. .nav-pills > li.active > a {
  4857.  
  4858.   font-weight: 600;
  4859.  
  4860. }
  4861.  
  4862. /* NAV STACKED */
  4863.  
  4864. .nav-stacked > li > a {
  4865.  
  4866.   border-radius: 0;
  4867.  
  4868.   border-top: 0;
  4869.  
  4870.   border-left: 3px solid transparent;
  4871.  
  4872.   color: #444;
  4873.  
  4874. }
  4875.  
  4876. .nav-stacked > li.active > a,
  4877.  
  4878. .nav-stacked > li.active > a:hover {
  4879.  
  4880.   background: transparent;
  4881.  
  4882.   color: #444;
  4883.  
  4884.   border-top: 0;
  4885.  
  4886.   border-left-color: #3c8dbc;
  4887.  
  4888. }
  4889.  
  4890. .nav-stacked > li.header {
  4891.  
  4892.   border-bottom: 1px solid #ddd;
  4893.  
  4894.   color: #777;
  4895.  
  4896.   margin-bottom: 10px;
  4897.  
  4898.   padding: 5px 10px;
  4899.  
  4900.   text-transform: uppercase;
  4901.  
  4902. }
  4903.  
  4904. /* NAV TABS */
  4905.  
  4906. .nav-tabs-custom {
  4907.  
  4908.   margin-bottom: 20px;
  4909.  
  4910.   background: #222d32;
  4911.  
  4912.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  4913.  
  4914.   border-radius: 3px;
  4915.  
  4916. }
  4917.  
  4918. .nav-tabs-custom > .nav-tabs {
  4919.  
  4920.   margin: 0;
  4921.  
  4922.   border-bottom-color: #3C8DBC;
  4923.  
  4924.   border-top-right-radius: 3px;
  4925.  
  4926.   border-top-left-radius: 3px;
  4927.  
  4928. }
  4929.  
  4930. .nav-tabs-custom > .nav-tabs > li {
  4931.  
  4932.   border-top: 3px solid transparent;
  4933.  
  4934.   margin-bottom: -2px;
  4935.  
  4936.   margin-right: 5px;
  4937.  
  4938. }
  4939.  
  4940. .nav-tabs-custom > .nav-tabs > li > a {
  4941.  
  4942.   color: #fff;
  4943.  
  4944.   border-radius: 0;
  4945.  
  4946. }
  4947.  
  4948. .nav-tabs-custom > .nav-tabs > li > a.text-muted {
  4949.  
  4950.   color: #999;
  4951.  
  4952. }
  4953.  
  4954. .nav-tabs-custom > .nav-tabs > li > a,
  4955.  
  4956. .nav-tabs-custom > .nav-tabs > li > a:hover {
  4957.  
  4958.   background: transparent;
  4959.  
  4960.   margin: 0;
  4961.  
  4962. }
  4963.  
  4964. .nav-tabs-custom > .nav-tabs > li > a:hover {
  4965.  
  4966.   color: #999;
  4967.  
  4968. }
  4969.  
  4970. .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
  4971.  
  4972. .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
  4973.  
  4974. .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  4975.  
  4976.   border-color: transparent;
  4977.  
  4978.  
  4979. }
  4980.  
  4981. .nav-tabs-custom > .nav-tabs > li.active {
  4982.  
  4983.   border-top-color: #3c8dbc;
  4984.  
  4985. }
  4986.  
  4987. .nav-tabs-custom > .nav-tabs > li.active > a,
  4988.  
  4989. .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  4990.  
  4991.   background-color: #2b2b2b;
  4992.  
  4993.   color: #fff;
  4994.  
  4995. }
  4996.  
  4997. .nav-tabs-custom > .nav-tabs > li.active > a {
  4998.  
  4999.   border-top-color: transparent;
  5000.  
  5001.   border-left-color: #3C8DBC;
  5002.  
  5003.   border-right-color: #3C8DBC;
  5004.  
  5005. }
  5006.  
  5007. .nav-tabs-custom > .nav-tabs > li:first-of-type {
  5008.  
  5009.   margin-left: 0;
  5010.  
  5011. }
  5012.  
  5013. .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  5014.  
  5015.   border-left-color: transparent;
  5016.  
  5017. }
  5018.  
  5019. .nav-tabs-custom > .nav-tabs.pull-right {
  5020.  
  5021.   float: none !important;
  5022.  
  5023. }
  5024.  
  5025. .nav-tabs-custom > .nav-tabs.pull-right > li {
  5026.  
  5027.   float: right;
  5028.  
  5029. }
  5030.  
  5031. .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  5032.  
  5033.   margin-right: 0;
  5034.  
  5035. }
  5036.  
  5037. .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  5038.  
  5039.   border-left-width: 1px;
  5040.  
  5041. }
  5042.  
  5043. .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  5044.  
  5045.   border-left-color: #f4f4f4;
  5046.  
  5047.   border-right-color: transparent;
  5048.  
  5049. }
  5050.  
  5051. .nav-tabs-custom > .nav-tabs > li.header {
  5052.  
  5053.   line-height: 35px;
  5054.  
  5055.   padding: 0 10px;
  5056.  
  5057.   font-size: 20px;
  5058.  
  5059.   color: #000;
  5060.  
  5061. }
  5062.  
  5063. .nav-tabs-custom > .nav-tabs > li.header > .fa,
  5064.  
  5065. .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
  5066.  
  5067. .nav-tabs-custom > .nav-tabs > li.header > .ion {
  5068.  
  5069.   margin-right: 5px;
  5070.  
  5071. }
  5072.  
  5073. .nav-tabs-custom > .tab-content {
  5074.  
  5075.   background: #2b2b2b;
  5076.  
  5077.   padding: 10px;
  5078.  
  5079.   border-bottom-right-radius: 3px;
  5080.  
  5081.   border-bottom-left-radius: 3px;
  5082.  
  5083. }
  5084.  
  5085. .nav-tabs-custom .dropdown.open > a:active,
  5086.  
  5087. .nav-tabs-custom .dropdown.open > a:focus {
  5088.  
  5089.   background: transparent;
  5090.  
  5091.   color: #999;
  5092.  
  5093. }
  5094.  
  5095. .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  5096.  
  5097.   border-top-color: #3c8dbc;
  5098.  
  5099. }
  5100.  
  5101. .nav-tabs-custom.tab-info > .nav-tabs > li.active {
  5102.  
  5103.   border-top-color: #00c0ef;
  5104.  
  5105. }
  5106.  
  5107. .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  5108.  
  5109.   border-top-color: #dd4b39;
  5110.  
  5111. }
  5112.  
  5113. .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  5114.  
  5115.   border-top-color: #f39c12;
  5116.  
  5117. }
  5118.  
  5119. .nav-tabs-custom.tab-success > .nav-tabs > li.active {
  5120.  
  5121.   border-top-color: #00a65a;
  5122.  
  5123. }
  5124.  
  5125. .nav-tabs-custom.tab-default > .nav-tabs > li.active {
  5126.  
  5127.   border-top-color: #d2d6de;
  5128.  
  5129. }
  5130.  
  5131. /* PAGINATION */
  5132.  
  5133. .pagination > li > a {
  5134.  
  5135.   background: #fafafa;
  5136.  
  5137.   color: #666;
  5138.  
  5139. }
  5140.  
  5141. .pagination.pagination-flat > li > a {
  5142.  
  5143.   border-radius: 0 !important;
  5144.  
  5145. }
  5146.  
  5147. /*
  5148.  
  5149.  * Component: Products List
  5150.  
  5151.  * ------------------------
  5152.  
  5153.  */
  5154.  
  5155. .products-list {
  5156.  
  5157.   list-style: none;
  5158.  
  5159.   margin: 0;
  5160.  
  5161.   padding: 0;
  5162.  
  5163. }
  5164.  
  5165. .products-list > .item {
  5166.  
  5167.   border-radius: 3px;
  5168.  
  5169.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  5170.  
  5171.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  5172.  
  5173.   padding: 10px 0;
  5174.  
  5175.   background: #fff;
  5176.  
  5177. }
  5178.  
  5179. .products-list > .item:before,
  5180.  
  5181. .products-list > .item:after {
  5182.  
  5183.   content: " ";
  5184.  
  5185.   display: table;
  5186.  
  5187. }
  5188.  
  5189. .products-list > .item:after {
  5190.  
  5191.   clear: both;
  5192.  
  5193. }
  5194.  
  5195. .products-list .product-img {
  5196.  
  5197.   float: left;
  5198.  
  5199. }
  5200.  
  5201. .products-list .product-img img {
  5202.  
  5203.   width: 50px;
  5204.  
  5205.   height: 50px;
  5206.  
  5207. }
  5208.  
  5209. .products-list .product-info {
  5210.  
  5211.   margin-left: 60px;
  5212.  
  5213. }
  5214.  
  5215. .products-list .product-title {
  5216.  
  5217.   font-weight: 600;
  5218.  
  5219. }
  5220.  
  5221. .products-list .product-description {
  5222.  
  5223.   display: block;
  5224.  
  5225.   color: #999;
  5226.  
  5227.   overflow: hidden;
  5228.  
  5229.   white-space: nowrap;
  5230.  
  5231.   text-overflow: ellipsis;
  5232.  
  5233. }
  5234.  
  5235. .product-list-in-box > .item {
  5236.  
  5237.   -webkit-box-shadow: none;
  5238.  
  5239.   box-shadow: none;
  5240.  
  5241.   border-radius: 0;
  5242.  
  5243.   border-bottom: 1px solid #f4f4f4;
  5244.  
  5245. }
  5246.  
  5247. .product-list-in-box > .item:last-of-type {
  5248.  
  5249.   border-bottom-width: 0;
  5250.  
  5251. }
  5252.  
  5253. /*
  5254.  
  5255.  * Component: Table
  5256.  
  5257.  * ----------------
  5258.  
  5259.  */
  5260.  
  5261. .table > thead > tr > th,
  5262.  
  5263. .table > tbody > tr > th,
  5264.  
  5265. .table > tfoot > tr > th,
  5266.  
  5267. .table > thead > tr > td,
  5268.  
  5269. .table > tbody > tr > td,
  5270.  
  5271. .table > tfoot > tr > td {
  5272.  
  5273.   border-top: 1px solid #5b5a5a;
  5274.  
  5275. }
  5276.  
  5277. .table > thead > tr > th {
  5278.  
  5279.   border-bottom: 2px solid #5b5a5a;
  5280.  
  5281. }
  5282.  
  5283. .table tr td .progress {
  5284.  
  5285.   margin-top: 5px;
  5286.  
  5287. }
  5288.  
  5289. .table-bordered {
  5290.  
  5291.   border: 1px solid #5b5a5a;
  5292.  
  5293. }
  5294.  
  5295. .table-bordered > thead > tr > th,
  5296.  
  5297. .table-bordered > tbody > tr > th,
  5298.  
  5299. .table-bordered > tfoot > tr > th,
  5300.  
  5301. .table-bordered > thead > tr > td,
  5302.  
  5303. .table-bordered > tbody > tr > td,
  5304.  
  5305. .table-bordered > tfoot > tr > td {
  5306.  
  5307.   border: 1px solid #5b5a5a;
  5308.  
  5309. }
  5310.  
  5311. .table-bordered > thead > tr > th,
  5312.  
  5313. .table-bordered > thead > tr > td {
  5314.  
  5315.   border-bottom-width: 2px;
  5316.  
  5317. }
  5318.  
  5319. .table-striped > tbody > tr:nth-child(2n+1) {
  5320.     background-color: #5b5a5a !important;
  5321. }
  5322.  
  5323. .table.no-border,
  5324.  
  5325. .table.no-border td,
  5326.  
  5327. .table.no-border th {
  5328.  
  5329.   border: 0;
  5330.  
  5331. }
  5332.  
  5333. /* .text-center in tables */
  5334.  
  5335. table.text-center,
  5336.  
  5337. table.text-center td,
  5338.  
  5339. table.text-center th {
  5340.  
  5341.   text-align: center;
  5342.  
  5343. }
  5344.  
  5345. .table.align th {
  5346.  
  5347.   text-align: left;
  5348.  
  5349. }
  5350.  
  5351. .table.align td {
  5352.  
  5353.   text-align: right;
  5354.  
  5355. }
  5356.  
  5357. /*
  5358.  
  5359.  * Component: Label
  5360.  
  5361.  * ----------------
  5362.  
  5363.  */
  5364.  
  5365. .label-default {
  5366.  
  5367.   background-color: #d2d6de;
  5368.  
  5369.   color: #444;
  5370.  
  5371. }
  5372.  
  5373. /*
  5374.  
  5375.  * Component: Direct Chat
  5376.  
  5377.  * ----------------------
  5378.  
  5379.  */
  5380.  
  5381. .direct-chat .box-body {
  5382.  
  5383.   border-bottom-right-radius: 0;
  5384.  
  5385.   border-bottom-left-radius: 0;
  5386.  
  5387.   position: relative;
  5388.  
  5389.   overflow-x: hidden;
  5390.  
  5391.   padding: 0;
  5392.  
  5393. }
  5394.  
  5395. .direct-chat.chat-pane-open .direct-chat-contacts {
  5396.  
  5397.   -webkit-transform: translate(0, 0);
  5398.  
  5399.   -ms-transform: translate(0, 0);
  5400.  
  5401.   -o-transform: translate(0, 0);
  5402.  
  5403.   transform: translate(0, 0);
  5404.  
  5405. }
  5406.  
  5407. .direct-chat-messages {
  5408.  
  5409.   -webkit-transform: translate(0, 0);
  5410.  
  5411.   -ms-transform: translate(0, 0);
  5412.  
  5413.   -o-transform: translate(0, 0);
  5414.  
  5415.   transform: translate(0, 0);
  5416.  
  5417.   padding: 10px;
  5418.  
  5419.   height: 250px;
  5420.  
  5421.   overflow: auto;
  5422.  
  5423. }
  5424.  
  5425. .direct-chat-msg,
  5426.  
  5427. .direct-chat-text {
  5428.  
  5429.   display: block;
  5430.  
  5431. }
  5432.  
  5433. .direct-chat-msg {
  5434.  
  5435.   margin-bottom: 10px;
  5436.  
  5437. }
  5438.  
  5439. .direct-chat-msg:before,
  5440.  
  5441. .direct-chat-msg:after {
  5442.  
  5443.   content: " ";
  5444.  
  5445.   display: table;
  5446.  
  5447. }
  5448.  
  5449. .direct-chat-msg:after {
  5450.  
  5451.   clear: both;
  5452.  
  5453. }
  5454.  
  5455. .direct-chat-messages,
  5456.  
  5457. .direct-chat-contacts {
  5458.  
  5459.   -webkit-transition: -webkit-transform 0.5s ease-in-out;
  5460.  
  5461.   -moz-transition: -moz-transform 0.5s ease-in-out;
  5462.  
  5463.   -o-transition: -o-transform 0.5s ease-in-out;
  5464.  
  5465.   transition: transform 0.5s ease-in-out;
  5466.  
  5467. }
  5468.  
  5469. .direct-chat-text {
  5470.  
  5471.   border-radius: 5px;
  5472.  
  5473.   position: relative;
  5474.  
  5475.   padding: 5px 10px;
  5476.  
  5477.   background: #d2d6de;
  5478.  
  5479.   border: 1px solid #d2d6de;
  5480.  
  5481.   margin: 5px 0 0 50px;
  5482.  
  5483.   color: #444444;
  5484.  
  5485. }
  5486.  
  5487. .direct-chat-text:after,
  5488.  
  5489. .direct-chat-text:before {
  5490.  
  5491.   position: absolute;
  5492.  
  5493.   right: 100%;
  5494.  
  5495.   top: 15px;
  5496.  
  5497.   border: solid transparent;
  5498.  
  5499.   border-right-color: #d2d6de;
  5500.  
  5501.   content: ' ';
  5502.  
  5503.   height: 0;
  5504.  
  5505.   width: 0;
  5506.  
  5507.   pointer-events: none;
  5508.  
  5509. }
  5510.  
  5511. .direct-chat-text:after {
  5512.  
  5513.   border-width: 5px;
  5514.  
  5515.   margin-top: -5px;
  5516.  
  5517. }
  5518.  
  5519. .direct-chat-text:before {
  5520.  
  5521.   border-width: 6px;
  5522.  
  5523.   margin-top: -6px;
  5524.  
  5525. }
  5526.  
  5527. .right .direct-chat-text {
  5528.  
  5529.   margin-right: 50px;
  5530.  
  5531.   margin-left: 0;
  5532.  
  5533. }
  5534.  
  5535. .right .direct-chat-text:after,
  5536.  
  5537. .right .direct-chat-text:before {
  5538.  
  5539.   right: auto;
  5540.  
  5541.   left: 100%;
  5542.  
  5543.   border-right-color: transparent;
  5544.  
  5545.   border-left-color: #d2d6de;
  5546.  
  5547. }
  5548.  
  5549. .direct-chat-img {
  5550.  
  5551.   border-radius: 50%;
  5552.  
  5553.   float: left;
  5554.  
  5555.   width: 40px;
  5556.  
  5557.   height: 40px;
  5558.  
  5559. }
  5560.  
  5561. .right .direct-chat-img {
  5562.  
  5563.   float: right;
  5564.  
  5565. }
  5566.  
  5567. .direct-chat-info {
  5568.  
  5569.   display: block;
  5570.  
  5571.   margin-bottom: 2px;
  5572.  
  5573.   font-size: 12px;
  5574.  
  5575. }
  5576.  
  5577. .direct-chat-name {
  5578.  
  5579.   font-weight: 600;
  5580.  
  5581. }
  5582.  
  5583. .direct-chat-timestamp {
  5584.  
  5585.   color: #999;
  5586.  
  5587. }
  5588.  
  5589. .direct-chat-contacts-open .direct-chat-contacts {
  5590.  
  5591.   -webkit-transform: translate(0, 0);
  5592.  
  5593.   -ms-transform: translate(0, 0);
  5594.  
  5595.   -o-transform: translate(0, 0);
  5596.  
  5597.   transform: translate(0, 0);
  5598.  
  5599. }
  5600.  
  5601. .direct-chat-contacts {
  5602.  
  5603.   -webkit-transform: translate(101%, 0);
  5604.  
  5605.   -ms-transform: translate(101%, 0);
  5606.  
  5607.   -o-transform: translate(101%, 0);
  5608.  
  5609.   transform: translate(101%, 0);
  5610.  
  5611.   position: absolute;
  5612.  
  5613.   top: 0;
  5614.  
  5615.   bottom: 0;
  5616.  
  5617.   height: 250px;
  5618.  
  5619.   width: 100%;
  5620.  
  5621.   background: #222d32;
  5622.  
  5623.   color: #fff;
  5624.  
  5625.   overflow: auto;
  5626.  
  5627. }
  5628.  
  5629. .contacts-list > li {
  5630.  
  5631.   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  5632.  
  5633.   padding: 10px;
  5634.  
  5635.   margin: 0;
  5636.  
  5637. }
  5638.  
  5639. .contacts-list > li:before,
  5640.  
  5641. .contacts-list > li:after {
  5642.  
  5643.   content: " ";
  5644.  
  5645.   display: table;
  5646.  
  5647. }
  5648.  
  5649. .contacts-list > li:after {
  5650.  
  5651.   clear: both;
  5652.  
  5653. }
  5654.  
  5655. .contacts-list > li:last-of-type {
  5656.  
  5657.   border-bottom: none;
  5658.  
  5659. }
  5660.  
  5661. .contacts-list-img {
  5662.  
  5663.   border-radius: 50%;
  5664.  
  5665.   width: 40px;
  5666.  
  5667.   float: left;
  5668.  
  5669. }
  5670.  
  5671. .contacts-list-info {
  5672.  
  5673.   margin-left: 45px;
  5674.  
  5675.   color: #fff;
  5676.  
  5677. }
  5678.  
  5679. .contacts-list-name,
  5680.  
  5681. .contacts-list-status {
  5682.  
  5683.   display: block;
  5684.  
  5685. }
  5686.  
  5687. .contacts-list-name {
  5688.  
  5689.   font-weight: 600;
  5690.  
  5691. }
  5692.  
  5693. .contacts-list-status {
  5694.  
  5695.   font-size: 12px;
  5696.  
  5697. }
  5698.  
  5699. .contacts-list-date {
  5700.  
  5701.   color: #aaa;
  5702.  
  5703.   font-weight: normal;
  5704.  
  5705. }
  5706.  
  5707. .contacts-list-msg {
  5708.  
  5709.   color: #999;
  5710.  
  5711. }
  5712.  
  5713. .direct-chat-danger .right > .direct-chat-text {
  5714.  
  5715.   background: #dd4b39;
  5716.  
  5717.   border-color: #dd4b39;
  5718.  
  5719.   color: #ffffff;
  5720.  
  5721. }
  5722.  
  5723. .direct-chat-danger .right > .direct-chat-text:after,
  5724.  
  5725. .direct-chat-danger .right > .direct-chat-text:before {
  5726.  
  5727.   border-left-color: #dd4b39;
  5728.  
  5729. }
  5730.  
  5731. .direct-chat-primary .right > .direct-chat-text {
  5732.  
  5733.   background: #3c8dbc;
  5734.  
  5735.   border-color: #3c8dbc;
  5736.  
  5737.   color: #ffffff;
  5738.  
  5739. }
  5740.  
  5741. .direct-chat-primary .right > .direct-chat-text:after,
  5742.  
  5743. .direct-chat-primary .right > .direct-chat-text:before {
  5744.  
  5745.   border-left-color: #3c8dbc;
  5746.  
  5747. }
  5748.  
  5749. .direct-chat-warning .right > .direct-chat-text {
  5750.  
  5751.   background: #f39c12;
  5752.  
  5753.   border-color: #f39c12;
  5754.  
  5755.   color: #ffffff;
  5756.  
  5757. }
  5758.  
  5759. .direct-chat-warning .right > .direct-chat-text:after,
  5760.  
  5761. .direct-chat-warning .right > .direct-chat-text:before {
  5762.  
  5763.   border-left-color: #f39c12;
  5764.  
  5765. }
  5766.  
  5767. .direct-chat-info .right > .direct-chat-text {
  5768.  
  5769.   background: #00c0ef;
  5770.  
  5771.   border-color: #00c0ef;
  5772.  
  5773.   color: #ffffff;
  5774.  
  5775. }
  5776.  
  5777. .direct-chat-info .right > .direct-chat-text:after,
  5778.  
  5779. .direct-chat-info .right > .direct-chat-text:before {
  5780.  
  5781.   border-left-color: #00c0ef;
  5782.  
  5783. }
  5784.  
  5785. .direct-chat-success .right > .direct-chat-text {
  5786.  
  5787.   background: #00a65a;
  5788.  
  5789.   border-color: #00a65a;
  5790.  
  5791.   color: #ffffff;
  5792.  
  5793. }
  5794.  
  5795. .direct-chat-success .right > .direct-chat-text:after,
  5796.  
  5797. .direct-chat-success .right > .direct-chat-text:before {
  5798.  
  5799.   border-left-color: #00a65a;
  5800.  
  5801. }
  5802.  
  5803. /*
  5804.  
  5805.  * Component: Users List
  5806.  
  5807.  * ---------------------
  5808.  
  5809.  */
  5810.  
  5811. .users-list > li {
  5812.  
  5813.   width: 25%;
  5814.  
  5815.   float: left;
  5816.  
  5817.   padding: 10px;
  5818.  
  5819.   text-align: center;
  5820.  
  5821. }
  5822.  
  5823. .users-list > li img {
  5824.  
  5825.   border-radius: 50%;
  5826.  
  5827.   max-width: 100%;
  5828.  
  5829.   height: auto;
  5830.  
  5831. }
  5832.  
  5833. .users-list > li > a:hover,
  5834.  
  5835. .users-list > li > a:hover .users-list-name {
  5836.  
  5837.   color: #999;
  5838.  
  5839. }
  5840.  
  5841. .users-list-name,
  5842.  
  5843. .users-list-date {
  5844.  
  5845.   display: block;
  5846.  
  5847. }
  5848.  
  5849. .users-list-name {
  5850.  
  5851.   font-weight: 600;
  5852.  
  5853.   color: #444;
  5854.  
  5855.   overflow: hidden;
  5856.  
  5857.   white-space: nowrap;
  5858.  
  5859.   text-overflow: ellipsis;
  5860.  
  5861. }
  5862.  
  5863. .users-list-date {
  5864.  
  5865.   color: #999;
  5866.  
  5867.   font-size: 12px;
  5868.  
  5869. }
  5870.  
  5871. /*
  5872.  
  5873.  * Component: Carousel
  5874.  
  5875.  * -------------------
  5876.  
  5877.  */
  5878.  
  5879. .carousel-control.left,
  5880.  
  5881. .carousel-control.right {
  5882.  
  5883.   background-image: none;
  5884.  
  5885. }
  5886.  
  5887. .carousel-control > .fa {
  5888.  
  5889.   font-size: 40px;
  5890.  
  5891.   position: absolute;
  5892.  
  5893.   top: 50%;
  5894.  
  5895.   z-index: 5;
  5896.  
  5897.   display: inline-block;
  5898.  
  5899.   margin-top: -20px;
  5900.  
  5901. }
  5902.  
  5903. /*
  5904.  
  5905.  * Component: modal
  5906.  
  5907.  * ----------------
  5908.  
  5909.  */
  5910.  
  5911. .modal {
  5912.  
  5913.   background: rgba(0, 0, 0, 0.3);
  5914.  
  5915. }
  5916.  
  5917. .modal-content {
  5918.  
  5919.   border-radius: 0;
  5920.  
  5921.   -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  5922.  
  5923.   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  5924.  
  5925.   border: 0;
  5926.  
  5927. }
  5928.  
  5929. @media (min-width: 768px) {
  5930.  
  5931.   .modal-content {
  5932.  
  5933.     -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  5934.  
  5935.     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  5936.  
  5937.   }
  5938.  
  5939. }
  5940.  
  5941. .modal-header {
  5942.  
  5943.   border-bottom-color: #f4f4f4;
  5944.  
  5945. }
  5946.  
  5947. .modal-footer {
  5948.  
  5949.   border-top-color: #f4f4f4;
  5950.  
  5951. }
  5952.  
  5953. .modal-primary .modal-header,
  5954.  
  5955. .modal-primary .modal-footer {
  5956.  
  5957.   border-color: #307095;
  5958.  
  5959. }
  5960.  
  5961. .modal-warning .modal-header,
  5962.  
  5963. .modal-warning .modal-footer {
  5964.  
  5965.   border-color: #c87f0a;
  5966.  
  5967. }
  5968.  
  5969. .modal-info .modal-header,
  5970.  
  5971. .modal-info .modal-footer {
  5972.  
  5973.   border-color: #0097bc;
  5974.  
  5975. }
  5976.  
  5977. .modal-success .modal-header,
  5978.  
  5979. .modal-success .modal-footer {
  5980.  
  5981.   border-color: #00733e;
  5982.  
  5983. }
  5984.  
  5985. .modal-danger .modal-header,
  5986.  
  5987. .modal-danger .modal-footer {
  5988.  
  5989.   border-color: #c23321;
  5990.  
  5991. }
  5992.  
  5993. /*
  5994.  
  5995.  * Component: Social Widgets
  5996.  
  5997.  * -------------------------
  5998.  
  5999.  */
  6000.  
  6001. .box-widget {
  6002.  
  6003.   border: none;
  6004.  
  6005.   position: relative;
  6006.  
  6007. }
  6008.  
  6009. .widget-user .widget-user-header {
  6010.  
  6011.   padding: 20px;
  6012.  
  6013.   height: 120px;
  6014.  
  6015.   border-top-right-radius: 3px;
  6016.  
  6017.   border-top-left-radius: 3px;
  6018.  
  6019. }
  6020.  
  6021. .widget-user .widget-user-username {
  6022.  
  6023.   margin-top: 0;
  6024.  
  6025.   margin-bottom: 5px;
  6026.  
  6027.   font-size: 25px;
  6028.  
  6029.   font-weight: 300;
  6030.  
  6031.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  6032.  
  6033. }
  6034.  
  6035. .widget-user .widget-user-desc {
  6036.  
  6037.   margin-top: 0;
  6038.  
  6039. }
  6040.  
  6041. .widget-user .widget-user-image {
  6042.  
  6043.   position: absolute;
  6044.  
  6045.   top: 65px;
  6046.  
  6047.   left: 50%;
  6048.  
  6049.   margin-left: -45px;
  6050.  
  6051. }
  6052.  
  6053. .widget-user .widget-user-image > img {
  6054.  
  6055.   width: 90px;
  6056.  
  6057.   height: auto;
  6058.  
  6059.   border: 3px solid #fff;
  6060.  
  6061. }
  6062.  
  6063. .widget-user .box-footer {
  6064.  
  6065.   padding-top: 30px;
  6066.  
  6067. }
  6068.  
  6069. .widget-user-2 .widget-user-header {
  6070.  
  6071.   padding: 20px;
  6072.  
  6073.   border-top-right-radius: 3px;
  6074.  
  6075.   border-top-left-radius: 3px;
  6076.  
  6077. }
  6078.  
  6079. .widget-user-2 .widget-user-username {
  6080.  
  6081.   margin-top: 5px;
  6082.  
  6083.   margin-bottom: 5px;
  6084.  
  6085.   font-size: 25px;
  6086.  
  6087.   font-weight: 300;
  6088.  
  6089. }
  6090.  
  6091. .widget-user-2 .widget-user-desc {
  6092.  
  6093.   margin-top: 0;
  6094.  
  6095. }
  6096.  
  6097. .widget-user-2 .widget-user-username,
  6098.  
  6099. .widget-user-2 .widget-user-desc {
  6100.  
  6101.   margin-left: 75px;
  6102.  
  6103. }
  6104.  
  6105. .widget-user-2 .widget-user-image > img {
  6106.  
  6107.   width: 65px;
  6108.  
  6109.   height: auto;
  6110.  
  6111.   float: left;
  6112.  
  6113. }
  6114.  
  6115. /*
  6116.  
  6117.  * Page: Mailbox
  6118.  
  6119.  * -------------
  6120.  
  6121.  */
  6122.  
  6123. .mailbox-messages > .table {
  6124.  
  6125.   margin: 0;
  6126.  
  6127. }
  6128.  
  6129. .mailbox-controls {
  6130.  
  6131.   padding: 5px;
  6132.  
  6133. }
  6134.  
  6135. .mailbox-controls.with-border {
  6136.  
  6137.   border-bottom: 1px solid #f4f4f4;
  6138.  
  6139. }
  6140.  
  6141. .mailbox-read-info {
  6142.  
  6143.   border-bottom: 1px solid #f4f4f4;
  6144.  
  6145.   padding: 10px;
  6146.  
  6147. }
  6148.  
  6149. .mailbox-read-info h3 {
  6150.  
  6151.   font-size: 20px;
  6152.  
  6153.   margin: 0;
  6154.  
  6155. }
  6156.  
  6157. .mailbox-read-info h5 {
  6158.  
  6159.   margin: 0;
  6160.  
  6161.   padding: 5px 0 0 0;
  6162.  
  6163. }
  6164.  
  6165. .mailbox-read-time {
  6166.  
  6167.   color: #999;
  6168.  
  6169.   font-size: 13px;
  6170.  
  6171. }
  6172.  
  6173. .mailbox-read-message {
  6174.  
  6175.   padding: 10px;
  6176.  
  6177. }
  6178.  
  6179. .mailbox-attachments li {
  6180.  
  6181.   float: left;
  6182.  
  6183.   width: 200px;
  6184.  
  6185.   border: 1px solid #eee;
  6186.  
  6187.   margin-bottom: 10px;
  6188.  
  6189.   margin-right: 10px;
  6190.  
  6191. }
  6192.  
  6193. .mailbox-attachment-name {
  6194.  
  6195.   font-weight: bold;
  6196.  
  6197.   color: #666;
  6198.  
  6199. }
  6200.  
  6201. .mailbox-attachment-icon,
  6202.  
  6203. .mailbox-attachment-info,
  6204.  
  6205. .mailbox-attachment-size {
  6206.  
  6207.   display: block;
  6208.  
  6209. }
  6210.  
  6211. .mailbox-attachment-info {
  6212.  
  6213.   padding: 10px;
  6214.  
  6215.   background: #f4f4f4;
  6216.  
  6217. }
  6218.  
  6219. .mailbox-attachment-size {
  6220.  
  6221.   color: #999;
  6222.  
  6223.   font-size: 12px;
  6224.  
  6225. }
  6226.  
  6227. .mailbox-attachment-icon {
  6228.  
  6229.   text-align: center;
  6230.  
  6231.   font-size: 65px;
  6232.  
  6233.   color: #666;
  6234.  
  6235.   padding: 20px 10px;
  6236.  
  6237. }
  6238.  
  6239. .mailbox-attachment-icon.has-img {
  6240.  
  6241.   padding: 0;
  6242.  
  6243. }
  6244.  
  6245. .mailbox-attachment-icon.has-img > img {
  6246.  
  6247.   max-width: 100%;
  6248.  
  6249.   height: auto;
  6250.  
  6251. }
  6252.  
  6253. /*
  6254.  
  6255.  * Page: Lock Screen
  6256.  
  6257.  * -----------------
  6258.  
  6259.  */
  6260.  
  6261. /* ADD THIS CLASS TO THE <BODY> TAG */
  6262.  
  6263. .lockscreen {
  6264.  
  6265.   background: #d2d6de;
  6266.  
  6267. }
  6268.  
  6269. .lockscreen-logo {
  6270.  
  6271.   font-size: 35px;
  6272.  
  6273.   text-align: center;
  6274.  
  6275.   margin-bottom: 25px;
  6276.  
  6277.   font-weight: 300;
  6278.  
  6279. }
  6280.  
  6281. .lockscreen-logo a {
  6282.  
  6283.   color: #444;
  6284.  
  6285. }
  6286.  
  6287. .lockscreen-wrapper {
  6288.  
  6289.   max-width: 400px;
  6290.  
  6291.   margin: 0 auto;
  6292.  
  6293.   margin-top: 10%;
  6294.  
  6295. }
  6296.  
  6297. /* User name [optional] */
  6298.  
  6299. .lockscreen .lockscreen-name {
  6300.  
  6301.   text-align: center;
  6302.  
  6303.   font-weight: 600;
  6304.  
  6305. }
  6306.  
  6307. /* Will contain the image and the sign in form */
  6308.  
  6309. .lockscreen-item {
  6310.  
  6311.   border-radius: 4px;
  6312.  
  6313.   padding: 0;
  6314.  
  6315.   background: #fff;
  6316.  
  6317.   position: relative;
  6318.  
  6319.   margin: 10px auto 30px auto;
  6320.  
  6321.   width: 290px;
  6322.  
  6323. }
  6324.  
  6325. /* User image */
  6326.  
  6327. .lockscreen-image {
  6328.  
  6329.   border-radius: 50%;
  6330.  
  6331.   position: absolute;
  6332.  
  6333.   left: -10px;
  6334.  
  6335.   top: -25px;
  6336.  
  6337.   background: #fff;
  6338.  
  6339.   padding: 5px;
  6340.  
  6341.   z-index: 10;
  6342.  
  6343. }
  6344.  
  6345. .lockscreen-image > img {
  6346.  
  6347.   border-radius: 50%;
  6348.  
  6349.   width: 70px;
  6350.  
  6351.   height: 70px;
  6352.  
  6353. }
  6354.  
  6355. /* Contains the password input and the login button */
  6356.  
  6357. .lockscreen-credentials {
  6358.  
  6359.   margin-left: 70px;
  6360.  
  6361. }
  6362.  
  6363. .lockscreen-credentials .form-control {
  6364.  
  6365.   border: 0;
  6366.  
  6367. }
  6368.  
  6369. .lockscreen-credentials .btn {
  6370.  
  6371.   background-color: #fff;
  6372.  
  6373.   border: 0;
  6374.  
  6375.   padding: 0 10px;
  6376.  
  6377. }
  6378.  
  6379. .lockscreen-footer {
  6380.  
  6381.   margin-top: 10px;
  6382.  
  6383. }
  6384.  
  6385. /*
  6386.  
  6387.  * Page: Login & Register
  6388.  
  6389.  * ----------------------
  6390.  
  6391.  */
  6392.  
  6393. .login-logo,
  6394.  
  6395. .register-logo {
  6396.  
  6397.   font-size: 35px;
  6398.  
  6399.   text-align: center;
  6400.  
  6401.   margin-bottom: 25px;
  6402.  
  6403.   font-weight: 300;
  6404.  
  6405. }
  6406.  
  6407. .login-logo a,
  6408.  
  6409. .register-logo a {
  6410.  
  6411.   color: #444;
  6412.  
  6413. }
  6414.  
  6415. .login-page,
  6416.  
  6417. .register-page {
  6418.  
  6419.   background: #d2d6de;
  6420.  
  6421. }
  6422.  
  6423. .login-box,
  6424.  
  6425. .register-box {
  6426.  
  6427.   width: 360px;
  6428.  
  6429.   margin: 7% auto;
  6430.  
  6431. }
  6432.  
  6433. @media (max-width: 768px) {
  6434.  
  6435.   .login-box,
  6436.  
  6437.   .register-box {
  6438.  
  6439.     width: 90%;
  6440.  
  6441.     margin-top: 20px;
  6442.  
  6443.   }
  6444.  
  6445. }
  6446.  
  6447. .login-box-body,
  6448.  
  6449. .register-box-body {
  6450.  
  6451.   background: #fff;
  6452.  
  6453.   padding: 20px;
  6454.  
  6455.   border-top: 0;
  6456.  
  6457.   color: #666;
  6458.  
  6459. }
  6460.  
  6461. .login-box-body .form-control-feedback,
  6462.  
  6463. .register-box-body .form-control-feedback {
  6464.  
  6465.   color: #777;
  6466.  
  6467. }
  6468.  
  6469. .login-box-msg,
  6470.  
  6471. .register-box-msg {
  6472.  
  6473.   margin: 0;
  6474.  
  6475.   text-align: center;
  6476.  
  6477.   padding: 0 20px 20px 20px;
  6478.  
  6479. }
  6480.  
  6481. .social-auth-links {
  6482.  
  6483.   margin: 10px 0;
  6484.  
  6485. }
  6486.  
  6487. /*
  6488.  
  6489.  * Page: 400 and 500 error pages
  6490.  
  6491.  * ------------------------------
  6492.  
  6493.  */
  6494.  
  6495. .error-page {
  6496.  
  6497.   width: 600px;
  6498.  
  6499.   margin: 20px auto 0 auto;
  6500.  
  6501. }
  6502.  
  6503. @media (max-width: 991px) {
  6504.  
  6505.   .error-page {
  6506.  
  6507.     width: 100%;
  6508.  
  6509.   }
  6510.  
  6511. }
  6512.  
  6513. .error-page > .headline {
  6514.  
  6515.   float: left;
  6516.  
  6517.   font-size: 100px;
  6518.  
  6519.   font-weight: 300;
  6520.  
  6521. }
  6522.  
  6523. @media (max-width: 991px) {
  6524.  
  6525.   .error-page > .headline {
  6526.  
  6527.     float: none;
  6528.  
  6529.     text-align: center;
  6530.  
  6531.   }
  6532.  
  6533. }
  6534.  
  6535. .error-page > .error-content {
  6536.  
  6537.   margin-left: 190px;
  6538.  
  6539.   display: block;
  6540.  
  6541. }
  6542.  
  6543. @media (max-width: 991px) {
  6544.  
  6545.   .error-page > .error-content {
  6546.  
  6547.     margin-left: 0;
  6548.  
  6549.   }
  6550.  
  6551. }
  6552.  
  6553. .error-page > .error-content > h3 {
  6554.  
  6555.   font-weight: 300;
  6556.  
  6557.   font-size: 25px;
  6558.  
  6559. }
  6560.  
  6561. @media (max-width: 991px) {
  6562.  
  6563.   .error-page > .error-content > h3 {
  6564.  
  6565.     text-align: center;
  6566.  
  6567.   }
  6568.  
  6569. }
  6570.  
  6571. /*
  6572.  
  6573.  * Page: Invoice
  6574.  
  6575.  * -------------
  6576.  
  6577.  */
  6578.  
  6579. .invoice {
  6580.  
  6581.   position: relative;
  6582.  
  6583.   background: #fff;
  6584.  
  6585.   border: 1px solid #f4f4f4;
  6586.  
  6587.   padding: 20px;
  6588.  
  6589.   margin: 10px 25px;
  6590.  
  6591. }
  6592.  
  6593. .invoice-title {
  6594.  
  6595.   margin-top: 0;
  6596.  
  6597. }
  6598.  
  6599. /*
  6600.  
  6601.  * Page: Profile
  6602.  
  6603.  * -------------
  6604.  
  6605.  */
  6606.  
  6607. .profile-user-img {
  6608.  
  6609.   margin: 0 auto;
  6610.  
  6611.   width: 100px;
  6612.  
  6613.   padding: 3px;
  6614.  
  6615.   border: 3px solid #d2d6de;
  6616.  
  6617. }
  6618.  
  6619. .profile-username {
  6620.  
  6621.   font-size: 21px;
  6622.  
  6623.   margin-top: 5px;
  6624.  
  6625. }
  6626.  
  6627. .post {
  6628.  
  6629.   border-bottom: 1px solid #d2d6de;
  6630.  
  6631.   margin-bottom: 15px;
  6632.  
  6633.   padding-bottom: 15px;
  6634.  
  6635.   color: #666;
  6636.  
  6637. }
  6638.  
  6639. .post:last-of-type {
  6640.  
  6641.   border-bottom: 0;
  6642.  
  6643.   margin-bottom: 0;
  6644.  
  6645.   padding-bottom: 0;
  6646.  
  6647. }
  6648.  
  6649. .post .user-block {
  6650.  
  6651.   margin-bottom: 15px;
  6652.  
  6653. }
  6654.  
  6655. /*
  6656.  
  6657.  * Social Buttons for Bootstrap
  6658.  
  6659.  *
  6660.  
  6661.  * Copyright 2013-2015 Panayiotis Lipiridis
  6662.  
  6663.  * Licensed under the MIT License
  6664.  
  6665.  *
  6666.  
  6667.  * https://github.com/lipis/bootstrap-social
  6668.  
  6669.  */
  6670.  
  6671. .btn-social {
  6672.  
  6673.   position: relative;
  6674.  
  6675.   padding-left: 44px;
  6676.  
  6677.   text-align: left;
  6678.  
  6679.   white-space: nowrap;
  6680.  
  6681.   overflow: hidden;
  6682.  
  6683.   text-overflow: ellipsis;
  6684.  
  6685. }
  6686.  
  6687. .btn-social > :first-child {
  6688.  
  6689.   position: absolute;
  6690.  
  6691.   left: 0;
  6692.  
  6693.   top: 0;
  6694.  
  6695.   bottom: 0;
  6696.  
  6697.   width: 32px;
  6698.  
  6699.   line-height: 34px;
  6700.  
  6701.   font-size: 1.6em;
  6702.  
  6703.   text-align: center;
  6704.  
  6705.   border-right: 1px solid rgba(0, 0, 0, 0.2);
  6706.  
  6707. }
  6708.  
  6709. .btn-social.btn-lg {
  6710.  
  6711.   padding-left: 61px;
  6712.  
  6713. }
  6714.  
  6715. .btn-social.btn-lg > :first-child {
  6716.  
  6717.   line-height: 45px;
  6718.  
  6719.   width: 45px;
  6720.  
  6721.   font-size: 1.8em;
  6722.  
  6723. }
  6724.  
  6725. .btn-social.btn-sm {
  6726.  
  6727.   padding-left: 38px;
  6728.  
  6729. }
  6730.  
  6731. .btn-social.btn-sm > :first-child {
  6732.  
  6733.   line-height: 28px;
  6734.  
  6735.   width: 28px;
  6736.  
  6737.   font-size: 1.4em;
  6738.  
  6739. }
  6740.  
  6741. .btn-social.btn-xs {
  6742.  
  6743.   padding-left: 30px;
  6744.  
  6745. }
  6746.  
  6747. .btn-social.btn-xs > :first-child {
  6748.  
  6749.   line-height: 20px;
  6750.  
  6751.   width: 20px;
  6752.  
  6753.   font-size: 1.2em;
  6754.  
  6755. }
  6756.  
  6757. .btn-social-icon {
  6758.  
  6759.   position: relative;
  6760.  
  6761.   padding-left: 44px;
  6762.  
  6763.   text-align: left;
  6764.  
  6765.   white-space: nowrap;
  6766.  
  6767.   overflow: hidden;
  6768.  
  6769.   text-overflow: ellipsis;
  6770.  
  6771.   height: 34px;
  6772.  
  6773.   width: 34px;
  6774.  
  6775.   padding: 0;
  6776.  
  6777. }
  6778.  
  6779. .btn-social-icon > :first-child {
  6780.  
  6781.   position: absolute;
  6782.  
  6783.   left: 0;
  6784.  
  6785.   top: 0;
  6786.  
  6787.   bottom: 0;
  6788.  
  6789.   width: 32px;
  6790.  
  6791.   line-height: 34px;
  6792.  
  6793.   font-size: 1.6em;
  6794.  
  6795.   text-align: center;
  6796.  
  6797.   border-right: 1px solid rgba(0, 0, 0, 0.2);
  6798.  
  6799. }
  6800.  
  6801. .btn-social-icon.btn-lg {
  6802.  
  6803.   padding-left: 61px;
  6804.  
  6805. }
  6806.  
  6807. .btn-social-icon.btn-lg > :first-child {
  6808.  
  6809.   line-height: 45px;
  6810.  
  6811.   width: 45px;
  6812.  
  6813.   font-size: 1.8em;
  6814.  
  6815. }
  6816.  
  6817. .btn-social-icon.btn-sm {
  6818.  
  6819.   padding-left: 38px;
  6820.  
  6821. }
  6822.  
  6823. .btn-social-icon.btn-sm > :first-child {
  6824.  
  6825.   line-height: 28px;
  6826.  
  6827.   width: 28px;
  6828.  
  6829.   font-size: 1.4em;
  6830.  
  6831. }
  6832.  
  6833. .btn-social-icon.btn-xs {
  6834.  
  6835.   padding-left: 30px;
  6836.  
  6837. }
  6838.  
  6839. .btn-social-icon.btn-xs > :first-child {
  6840.  
  6841.   line-height: 20px;
  6842.  
  6843.   width: 20px;
  6844.  
  6845.   font-size: 1.2em;
  6846.  
  6847. }
  6848.  
  6849. .btn-social-icon > :first-child {
  6850.  
  6851.   border: none;
  6852.  
  6853.   text-align: center;
  6854.  
  6855.   width: 100%;
  6856.  
  6857. }
  6858.  
  6859. .btn-social-icon.btn-lg {
  6860.  
  6861.   height: 45px;
  6862.  
  6863.   width: 45px;
  6864.  
  6865.   padding-left: 0;
  6866.  
  6867.   padding-right: 0;
  6868.  
  6869. }
  6870.  
  6871. .btn-social-icon.btn-sm {
  6872.  
  6873.   height: 30px;
  6874.  
  6875.   width: 30px;
  6876.  
  6877.   padding-left: 0;
  6878.  
  6879.   padding-right: 0;
  6880.  
  6881. }
  6882.  
  6883. .btn-social-icon.btn-xs {
  6884.  
  6885.   height: 22px;
  6886.  
  6887.   width: 22px;
  6888.  
  6889.   padding-left: 0;
  6890.  
  6891.   padding-right: 0;
  6892.  
  6893. }
  6894.  
  6895. .btn-adn {
  6896.  
  6897.   color: #ffffff;
  6898.  
  6899.   background-color: #d87a68;
  6900.  
  6901.   border-color: rgba(0, 0, 0, 0.2);
  6902.  
  6903. }
  6904.  
  6905. .btn-adn:focus,
  6906.  
  6907. .btn-adn.focus {
  6908.  
  6909.   color: #ffffff;
  6910.  
  6911.   background-color: #ce563f;
  6912.  
  6913.   border-color: rgba(0, 0, 0, 0.2);
  6914.  
  6915. }
  6916.  
  6917. .btn-adn:hover {
  6918.  
  6919.   color: #ffffff;
  6920.  
  6921.   background-color: #ce563f;
  6922.  
  6923.   border-color: rgba(0, 0, 0, 0.2);
  6924.  
  6925. }
  6926.  
  6927. .btn-adn:active,
  6928.  
  6929. .btn-adn.active,
  6930.  
  6931. .open > .dropdown-toggle.btn-adn {
  6932.  
  6933.   color: #ffffff;
  6934.  
  6935.   background-color: #ce563f;
  6936.  
  6937.   border-color: rgba(0, 0, 0, 0.2);
  6938.  
  6939. }
  6940.  
  6941. .btn-adn:active,
  6942.  
  6943. .btn-adn.active,
  6944.  
  6945. .open > .dropdown-toggle.btn-adn {
  6946.  
  6947.   background-image: none;
  6948.  
  6949. }
  6950.  
  6951. .btn-adn .badge {
  6952.  
  6953.   color: #d87a68;
  6954.  
  6955.   background-color: #ffffff;
  6956.  
  6957. }
  6958.  
  6959. .btn-bitbucket {
  6960.  
  6961.   color: #ffffff;
  6962.  
  6963.   background-color: #205081;
  6964.  
  6965.   border-color: rgba(0, 0, 0, 0.2);
  6966.  
  6967. }
  6968.  
  6969. .btn-bitbucket:focus,
  6970.  
  6971. .btn-bitbucket.focus {
  6972.  
  6973.   color: #ffffff;
  6974.  
  6975.   background-color: #163758;
  6976.  
  6977.   border-color: rgba(0, 0, 0, 0.2);
  6978.  
  6979. }
  6980.  
  6981. .btn-bitbucket:hover {
  6982.  
  6983.   color: #ffffff;
  6984.  
  6985.   background-color: #163758;
  6986.  
  6987.   border-color: rgba(0, 0, 0, 0.2);
  6988.  
  6989. }
  6990.  
  6991. .btn-bitbucket:active,
  6992.  
  6993. .btn-bitbucket.active,
  6994.  
  6995. .open > .dropdown-toggle.btn-bitbucket {
  6996.  
  6997.   color: #ffffff;
  6998.  
  6999.   background-color: #163758;
  7000.  
  7001.   border-color: rgba(0, 0, 0, 0.2);
  7002.  
  7003. }
  7004.  
  7005. .btn-bitbucket:active,
  7006.  
  7007. .btn-bitbucket.active,
  7008.  
  7009. .open > .dropdown-toggle.btn-bitbucket {
  7010.  
  7011.   background-image: none;
  7012.  
  7013. }
  7014.  
  7015. .btn-bitbucket .badge {
  7016.  
  7017.   color: #205081;
  7018.  
  7019.   background-color: #ffffff;
  7020.  
  7021. }
  7022.  
  7023. .btn-dropbox {
  7024.  
  7025.   color: #ffffff;
  7026.  
  7027.   background-color: #1087dd;
  7028.  
  7029.   border-color: rgba(0, 0, 0, 0.2);
  7030.  
  7031. }
  7032.  
  7033. .btn-dropbox:focus,
  7034.  
  7035. .btn-dropbox.focus {
  7036.  
  7037.   color: #ffffff;
  7038.  
  7039.   background-color: #0d6aad;
  7040.  
  7041.   border-color: rgba(0, 0, 0, 0.2);
  7042.  
  7043. }
  7044.  
  7045. .btn-dropbox:hover {
  7046.  
  7047.   color: #ffffff;
  7048.  
  7049.   background-color: #0d6aad;
  7050.  
  7051.   border-color: rgba(0, 0, 0, 0.2);
  7052.  
  7053. }
  7054.  
  7055. .btn-dropbox:active,
  7056.  
  7057. .btn-dropbox.active,
  7058.  
  7059. .open > .dropdown-toggle.btn-dropbox {
  7060.  
  7061.   color: #ffffff;
  7062.  
  7063.   background-color: #0d6aad;
  7064.  
  7065.   border-color: rgba(0, 0, 0, 0.2);
  7066.  
  7067. }
  7068.  
  7069. .btn-dropbox:active,
  7070.  
  7071. .btn-dropbox.active,
  7072.  
  7073. .open > .dropdown-toggle.btn-dropbox {
  7074.  
  7075.   background-image: none;
  7076.  
  7077. }
  7078.  
  7079. .btn-dropbox .badge {
  7080.  
  7081.   color: #1087dd;
  7082.  
  7083.   background-color: #ffffff;
  7084.  
  7085. }
  7086.  
  7087. .btn-facebook {
  7088.  
  7089.   color: #ffffff;
  7090.  
  7091.   background-color: #3b5998;
  7092.  
  7093.   border-color: rgba(0, 0, 0, 0.2);
  7094.  
  7095. }
  7096.  
  7097. .btn-facebook:focus,
  7098.  
  7099. .btn-facebook.focus {
  7100.  
  7101.   color: #ffffff;
  7102.  
  7103.   background-color: #2d4373;
  7104.  
  7105.   border-color: rgba(0, 0, 0, 0.2);
  7106.  
  7107. }
  7108.  
  7109. .btn-facebook:hover {
  7110.  
  7111.   color: #ffffff;
  7112.  
  7113.   background-color: #2d4373;
  7114.  
  7115.   border-color: rgba(0, 0, 0, 0.2);
  7116.  
  7117. }
  7118.  
  7119. .btn-facebook:active,
  7120.  
  7121. .btn-facebook.active,
  7122.  
  7123. .open > .dropdown-toggle.btn-facebook {
  7124.  
  7125.   color: #ffffff;
  7126.  
  7127.   background-color: #2d4373;
  7128.  
  7129.   border-color: rgba(0, 0, 0, 0.2);
  7130.  
  7131. }
  7132.  
  7133. .btn-facebook:active,
  7134.  
  7135. .btn-facebook.active,
  7136.  
  7137. .open > .dropdown-toggle.btn-facebook {
  7138.  
  7139.   background-image: none;
  7140.  
  7141. }
  7142.  
  7143. .btn-facebook .badge {
  7144.  
  7145.   color: #3b5998;
  7146.  
  7147.   background-color: #ffffff;
  7148.  
  7149. }
  7150.  
  7151. .btn-flickr {
  7152.  
  7153.   color: #ffffff;
  7154.  
  7155.   background-color: #ff0084;
  7156.  
  7157.   border-color: rgba(0, 0, 0, 0.2);
  7158.  
  7159. }
  7160.  
  7161. .btn-flickr:focus,
  7162.  
  7163. .btn-flickr.focus {
  7164.  
  7165.   color: #ffffff;
  7166.  
  7167.   background-color: #cc006a;
  7168.  
  7169.   border-color: rgba(0, 0, 0, 0.2);
  7170.  
  7171. }
  7172.  
  7173. .btn-flickr:hover {
  7174.  
  7175.   color: #ffffff;
  7176.  
  7177.   background-color: #cc006a;
  7178.  
  7179.   border-color: rgba(0, 0, 0, 0.2);
  7180.  
  7181. }
  7182.  
  7183. .btn-flickr:active,
  7184.  
  7185. .btn-flickr.active,
  7186.  
  7187. .open > .dropdown-toggle.btn-flickr {
  7188.  
  7189.   color: #ffffff;
  7190.  
  7191.   background-color: #cc006a;
  7192.  
  7193.   border-color: rgba(0, 0, 0, 0.2);
  7194.  
  7195. }
  7196.  
  7197. .btn-flickr:active,
  7198.  
  7199. .btn-flickr.active,
  7200.  
  7201. .open > .dropdown-toggle.btn-flickr {
  7202.  
  7203.   background-image: none;
  7204.  
  7205. }
  7206.  
  7207. .btn-flickr .badge {
  7208.  
  7209.   color: #ff0084;
  7210.  
  7211.   background-color: #ffffff;
  7212.  
  7213. }
  7214.  
  7215. .btn-foursquare {
  7216.  
  7217.   color: #ffffff;
  7218.  
  7219.   background-color: #f94877;
  7220.  
  7221.   border-color: rgba(0, 0, 0, 0.2);
  7222.  
  7223. }
  7224.  
  7225. .btn-foursquare:focus,
  7226.  
  7227. .btn-foursquare.focus {
  7228.  
  7229.   color: #ffffff;
  7230.  
  7231.   background-color: #f71752;
  7232.  
  7233.   border-color: rgba(0, 0, 0, 0.2);
  7234.  
  7235. }
  7236.  
  7237. .btn-foursquare:hover {
  7238.  
  7239.   color: #ffffff;
  7240.  
  7241.   background-color: #f71752;
  7242.  
  7243.   border-color: rgba(0, 0, 0, 0.2);
  7244.  
  7245. }
  7246.  
  7247. .btn-foursquare:active,
  7248.  
  7249. .btn-foursquare.active,
  7250.  
  7251. .open > .dropdown-toggle.btn-foursquare {
  7252.  
  7253.   color: #ffffff;
  7254.  
  7255.   background-color: #f71752;
  7256.  
  7257.   border-color: rgba(0, 0, 0, 0.2);
  7258.  
  7259. }
  7260.  
  7261. .btn-foursquare:active,
  7262.  
  7263. .btn-foursquare.active,
  7264.  
  7265. .open > .dropdown-toggle.btn-foursquare {
  7266.  
  7267.   background-image: none;
  7268.  
  7269. }
  7270.  
  7271. .btn-foursquare .badge {
  7272.  
  7273.   color: #f94877;
  7274.  
  7275.   background-color: #ffffff;
  7276.  
  7277. }
  7278.  
  7279. .btn-github {
  7280.  
  7281.   color: #ffffff;
  7282.  
  7283.   background-color: #444444;
  7284.  
  7285.   border-color: rgba(0, 0, 0, 0.2);
  7286.  
  7287. }
  7288.  
  7289. .btn-github:focus,
  7290.  
  7291. .btn-github.focus {
  7292.  
  7293.   color: #ffffff;
  7294.  
  7295.   background-color: #2b2b2b;
  7296.  
  7297.   border-color: rgba(0, 0, 0, 0.2);
  7298.  
  7299. }
  7300.  
  7301. .btn-github:hover {
  7302.  
  7303.   color: #ffffff;
  7304.  
  7305.   background-color: #2b2b2b;
  7306.  
  7307.   border-color: rgba(0, 0, 0, 0.2);
  7308.  
  7309. }
  7310.  
  7311. .btn-github:active,
  7312.  
  7313. .btn-github.active,
  7314.  
  7315. .open > .dropdown-toggle.btn-github {
  7316.  
  7317.   color: #ffffff;
  7318.  
  7319.   background-color: #2b2b2b;
  7320.  
  7321.   border-color: rgba(0, 0, 0, 0.2);
  7322.  
  7323. }
  7324.  
  7325. .btn-github:active,
  7326.  
  7327. .btn-github.active,
  7328.  
  7329. .open > .dropdown-toggle.btn-github {
  7330.  
  7331.   background-image: none;
  7332.  
  7333. }
  7334.  
  7335. .btn-github .badge {
  7336.  
  7337.   color: #444444;
  7338.  
  7339.   background-color: #ffffff;
  7340.  
  7341. }
  7342.  
  7343. .btn-google {
  7344.  
  7345.   color: #ffffff;
  7346.  
  7347.   background-color: #dd4b39;
  7348.  
  7349.   border-color: rgba(0, 0, 0, 0.2);
  7350.  
  7351. }
  7352.  
  7353. .btn-google:focus,
  7354.  
  7355. .btn-google.focus {
  7356.  
  7357.   color: #ffffff;
  7358.  
  7359.   background-color: #c23321;
  7360.  
  7361.   border-color: rgba(0, 0, 0, 0.2);
  7362.  
  7363. }
  7364.  
  7365. .btn-google:hover {
  7366.  
  7367.   color: #ffffff;
  7368.  
  7369.   background-color: #c23321;
  7370.  
  7371.   border-color: rgba(0, 0, 0, 0.2);
  7372.  
  7373. }
  7374.  
  7375. .btn-google:active,
  7376.  
  7377. .btn-google.active,
  7378.  
  7379. .open > .dropdown-toggle.btn-google {
  7380.  
  7381.   color: #ffffff;
  7382.  
  7383.   background-color: #c23321;
  7384.  
  7385.   border-color: rgba(0, 0, 0, 0.2);
  7386.  
  7387. }
  7388.  
  7389. .btn-google:active,
  7390.  
  7391. .btn-google.active,
  7392.  
  7393. .open > .dropdown-toggle.btn-google {
  7394.  
  7395.   background-image: none;
  7396.  
  7397. }
  7398.  
  7399. .btn-google .badge {
  7400.  
  7401.   color: #dd4b39;
  7402.  
  7403.   background-color: #ffffff;
  7404.  
  7405. }
  7406.  
  7407. .btn-instagram {
  7408.  
  7409.   color: #ffffff;
  7410.  
  7411.   background-color: #3f729b;
  7412.  
  7413.   border-color: rgba(0, 0, 0, 0.2);
  7414.  
  7415. }
  7416.  
  7417. .btn-instagram:focus,
  7418.  
  7419. .btn-instagram.focus {
  7420.  
  7421.   color: #ffffff;
  7422.  
  7423.   background-color: #305777;
  7424.  
  7425.   border-color: rgba(0, 0, 0, 0.2);
  7426.  
  7427. }
  7428.  
  7429. .btn-instagram:hover {
  7430.  
  7431.   color: #ffffff;
  7432.  
  7433.   background-color: #305777;
  7434.  
  7435.   border-color: rgba(0, 0, 0, 0.2);
  7436.  
  7437. }
  7438.  
  7439. .btn-instagram:active,
  7440.  
  7441. .btn-instagram.active,
  7442.  
  7443. .open > .dropdown-toggle.btn-instagram {
  7444.  
  7445.   color: #ffffff;
  7446.  
  7447.   background-color: #305777;
  7448.  
  7449.   border-color: rgba(0, 0, 0, 0.2);
  7450.  
  7451. }
  7452.  
  7453. .btn-instagram:active,
  7454.  
  7455. .btn-instagram.active,
  7456.  
  7457. .open > .dropdown-toggle.btn-instagram {
  7458.  
  7459.   background-image: none;
  7460.  
  7461. }
  7462.  
  7463. .btn-instagram .badge {
  7464.  
  7465.   color: #3f729b;
  7466.  
  7467.   background-color: #ffffff;
  7468.  
  7469. }
  7470.  
  7471. .btn-linkedin {
  7472.  
  7473.   color: #ffffff;
  7474.  
  7475.   background-color: #007bb6;
  7476.  
  7477.   border-color: rgba(0, 0, 0, 0.2);
  7478.  
  7479. }
  7480.  
  7481. .btn-linkedin:focus,
  7482.  
  7483. .btn-linkedin.focus {
  7484.  
  7485.   color: #ffffff;
  7486.  
  7487.   background-color: #005983;
  7488.  
  7489.   border-color: rgba(0, 0, 0, 0.2);
  7490.  
  7491. }
  7492.  
  7493. .btn-linkedin:hover {
  7494.  
  7495.   color: #ffffff;
  7496.  
  7497.   background-color: #005983;
  7498.  
  7499.   border-color: rgba(0, 0, 0, 0.2);
  7500.  
  7501. }
  7502.  
  7503. .btn-linkedin:active,
  7504.  
  7505. .btn-linkedin.active,
  7506.  
  7507. .open > .dropdown-toggle.btn-linkedin {
  7508.  
  7509.   color: #ffffff;
  7510.  
  7511.   background-color: #005983;
  7512.  
  7513.   border-color: rgba(0, 0, 0, 0.2);
  7514.  
  7515. }
  7516.  
  7517. .btn-linkedin:active,
  7518.  
  7519. .btn-linkedin.active,
  7520.  
  7521. .open > .dropdown-toggle.btn-linkedin {
  7522.  
  7523.   background-image: none;
  7524.  
  7525. }
  7526.  
  7527. .btn-linkedin .badge {
  7528.  
  7529.   color: #007bb6;
  7530.  
  7531.   background-color: #ffffff;
  7532.  
  7533. }
  7534.  
  7535. .btn-microsoft {
  7536.  
  7537.   color: #ffffff;
  7538.  
  7539.   background-color: #2672ec;
  7540.  
  7541.   border-color: rgba(0, 0, 0, 0.2);
  7542.  
  7543. }
  7544.  
  7545. .btn-microsoft:focus,
  7546.  
  7547. .btn-microsoft.focus {
  7548.  
  7549.   color: #ffffff;
  7550.  
  7551.   background-color: #125acd;
  7552.  
  7553.   border-color: rgba(0, 0, 0, 0.2);
  7554.  
  7555. }
  7556.  
  7557. .btn-microsoft:hover {
  7558.  
  7559.   color: #ffffff;
  7560.  
  7561.   background-color: #125acd;
  7562.  
  7563.   border-color: rgba(0, 0, 0, 0.2);
  7564.  
  7565. }
  7566.  
  7567. .btn-microsoft:active,
  7568.  
  7569. .btn-microsoft.active,
  7570.  
  7571. .open > .dropdown-toggle.btn-microsoft {
  7572.  
  7573.   color: #ffffff;
  7574.  
  7575.   background-color: #125acd;
  7576.  
  7577.   border-color: rgba(0, 0, 0, 0.2);
  7578.  
  7579. }
  7580.  
  7581. .btn-microsoft:active,
  7582.  
  7583. .btn-microsoft.active,
  7584.  
  7585. .open > .dropdown-toggle.btn-microsoft {
  7586.  
  7587.   background-image: none;
  7588.  
  7589. }
  7590.  
  7591. .btn-microsoft .badge {
  7592.  
  7593.   color: #2672ec;
  7594.  
  7595.   background-color: #ffffff;
  7596.  
  7597. }
  7598.  
  7599. .btn-openid {
  7600.  
  7601.   color: #ffffff;
  7602.  
  7603.   background-color: #f7931e;
  7604.  
  7605.   border-color: rgba(0, 0, 0, 0.2);
  7606.  
  7607. }
  7608.  
  7609. .btn-openid:focus,
  7610.  
  7611. .btn-openid.focus {
  7612.  
  7613.   color: #ffffff;
  7614.  
  7615.   background-color: #da7908;
  7616.  
  7617.   border-color: rgba(0, 0, 0, 0.2);
  7618.  
  7619. }
  7620.  
  7621. .btn-openid:hover {
  7622.  
  7623.   color: #ffffff;
  7624.  
  7625.   background-color: #da7908;
  7626.  
  7627.   border-color: rgba(0, 0, 0, 0.2);
  7628.  
  7629. }
  7630.  
  7631. .btn-openid:active,
  7632.  
  7633. .btn-openid.active,
  7634.  
  7635. .open > .dropdown-toggle.btn-openid {
  7636.  
  7637.   color: #ffffff;
  7638.  
  7639.   background-color: #da7908;
  7640.  
  7641.   border-color: rgba(0, 0, 0, 0.2);
  7642.  
  7643. }
  7644.  
  7645. .btn-openid:active,
  7646.  
  7647. .btn-openid.active,
  7648.  
  7649. .open > .dropdown-toggle.btn-openid {
  7650.  
  7651.   background-image: none;
  7652.  
  7653. }
  7654.  
  7655. .btn-openid .badge {
  7656.  
  7657.   color: #f7931e;
  7658.  
  7659.   background-color: #ffffff;
  7660.  
  7661. }
  7662.  
  7663. .btn-pinterest {
  7664.  
  7665.   color: #ffffff;
  7666.  
  7667.   background-color: #cb2027;
  7668.  
  7669.   border-color: rgba(0, 0, 0, 0.2);
  7670.  
  7671. }
  7672.  
  7673. .btn-pinterest:focus,
  7674.  
  7675. .btn-pinterest.focus {
  7676.  
  7677.   color: #ffffff;
  7678.  
  7679.   background-color: #9f191f;
  7680.  
  7681.   border-color: rgba(0, 0, 0, 0.2);
  7682.  
  7683. }
  7684.  
  7685. .btn-pinterest:hover {
  7686.  
  7687.   color: #ffffff;
  7688.  
  7689.   background-color: #9f191f;
  7690.  
  7691.   border-color: rgba(0, 0, 0, 0.2);
  7692.  
  7693. }
  7694.  
  7695. .btn-pinterest:active,
  7696.  
  7697. .btn-pinterest.active,
  7698.  
  7699. .open > .dropdown-toggle.btn-pinterest {
  7700.  
  7701.   color: #ffffff;
  7702.  
  7703.   background-color: #9f191f;
  7704.  
  7705.   border-color: rgba(0, 0, 0, 0.2);
  7706.  
  7707. }
  7708.  
  7709. .btn-pinterest:active,
  7710.  
  7711. .btn-pinterest.active,
  7712.  
  7713. .open > .dropdown-toggle.btn-pinterest {
  7714.  
  7715.   background-image: none;
  7716.  
  7717. }
  7718.  
  7719. .btn-pinterest .badge {
  7720.  
  7721.   color: #cb2027;
  7722.  
  7723.   background-color: #ffffff;
  7724.  
  7725. }
  7726.  
  7727. .btn-reddit {
  7728.  
  7729.   color: #000000;
  7730.  
  7731.   background-color: #eff7ff;
  7732.  
  7733.   border-color: rgba(0, 0, 0, 0.2);
  7734.  
  7735. }
  7736.  
  7737. .btn-reddit:focus,
  7738.  
  7739. .btn-reddit.focus {
  7740.  
  7741.   color: #000000;
  7742.  
  7743.   background-color: #bcddff;
  7744.  
  7745.   border-color: rgba(0, 0, 0, 0.2);
  7746.  
  7747. }
  7748.  
  7749. .btn-reddit:hover {
  7750.  
  7751.   color: #000000;
  7752.  
  7753.   background-color: #bcddff;
  7754.  
  7755.   border-color: rgba(0, 0, 0, 0.2);
  7756.  
  7757. }
  7758.  
  7759. .btn-reddit:active,
  7760.  
  7761. .btn-reddit.active,
  7762.  
  7763. .open > .dropdown-toggle.btn-reddit {
  7764.  
  7765.   color: #000000;
  7766.  
  7767.   background-color: #bcddff;
  7768.  
  7769.   border-color: rgba(0, 0, 0, 0.2);
  7770.  
  7771. }
  7772.  
  7773. .btn-reddit:active,
  7774.  
  7775. .btn-reddit.active,
  7776.  
  7777. .open > .dropdown-toggle.btn-reddit {
  7778.  
  7779.   background-image: none;
  7780.  
  7781. }
  7782.  
  7783. .btn-reddit .badge {
  7784.  
  7785.   color: #eff7ff;
  7786.  
  7787.   background-color: #000000;
  7788.  
  7789. }
  7790.  
  7791. .btn-soundcloud {
  7792.  
  7793.   color: #ffffff;
  7794.  
  7795.   background-color: #ff5500;
  7796.  
  7797.   border-color: rgba(0, 0, 0, 0.2);
  7798.  
  7799. }
  7800.  
  7801. .btn-soundcloud:focus,
  7802.  
  7803. .btn-soundcloud.focus {
  7804.  
  7805.   color: #ffffff;
  7806.  
  7807.   background-color: #cc4400;
  7808.  
  7809.   border-color: rgba(0, 0, 0, 0.2);
  7810.  
  7811. }
  7812.  
  7813. .btn-soundcloud:hover {
  7814.  
  7815.   color: #ffffff;
  7816.  
  7817.   background-color: #cc4400;
  7818.  
  7819.   border-color: rgba(0, 0, 0, 0.2);
  7820.  
  7821. }
  7822.  
  7823. .btn-soundcloud:active,
  7824.  
  7825. .btn-soundcloud.active,
  7826.  
  7827. .open > .dropdown-toggle.btn-soundcloud {
  7828.  
  7829.   color: #ffffff;
  7830.  
  7831.   background-color: #cc4400;
  7832.  
  7833.   border-color: rgba(0, 0, 0, 0.2);
  7834.  
  7835. }
  7836.  
  7837. .btn-soundcloud:active,
  7838.  
  7839. .btn-soundcloud.active,
  7840.  
  7841. .open > .dropdown-toggle.btn-soundcloud {
  7842.  
  7843.   background-image: none;
  7844.  
  7845. }
  7846.  
  7847. .btn-soundcloud .badge {
  7848.  
  7849.   color: #ff5500;
  7850.  
  7851.   background-color: #ffffff;
  7852.  
  7853. }
  7854.  
  7855. .btn-tumblr {
  7856.  
  7857.   color: #ffffff;
  7858.  
  7859.   background-color: #2c4762;
  7860.  
  7861.   border-color: rgba(0, 0, 0, 0.2);
  7862.  
  7863. }
  7864.  
  7865. .btn-tumblr:focus,
  7866.  
  7867. .btn-tumblr.focus {
  7868.  
  7869.   color: #ffffff;
  7870.  
  7871.   background-color: #1c2d3f;
  7872.  
  7873.   border-color: rgba(0, 0, 0, 0.2);
  7874.  
  7875. }
  7876.  
  7877. .btn-tumblr:hover {
  7878.  
  7879.   color: #ffffff;
  7880.  
  7881.   background-color: #1c2d3f;
  7882.  
  7883.   border-color: rgba(0, 0, 0, 0.2);
  7884.  
  7885. }
  7886.  
  7887. .btn-tumblr:active,
  7888.  
  7889. .btn-tumblr.active,
  7890.  
  7891. .open > .dropdown-toggle.btn-tumblr {
  7892.  
  7893.   color: #ffffff;
  7894.  
  7895.   background-color: #1c2d3f;
  7896.  
  7897.   border-color: rgba(0, 0, 0, 0.2);
  7898.  
  7899. }
  7900.  
  7901. .btn-tumblr:active,
  7902.  
  7903. .btn-tumblr.active,
  7904.  
  7905. .open > .dropdown-toggle.btn-tumblr {
  7906.  
  7907.   background-image: none;
  7908.  
  7909. }
  7910.  
  7911. .btn-tumblr .badge {
  7912.  
  7913.   color: #2c4762;
  7914.  
  7915.   background-color: #ffffff;
  7916.  
  7917. }
  7918.  
  7919. .btn-twitter {
  7920.  
  7921.   color: #ffffff;
  7922.  
  7923.   background-color: #55acee;
  7924.  
  7925.   border-color: rgba(0, 0, 0, 0.2);
  7926.  
  7927. }
  7928.  
  7929. .btn-twitter:focus,
  7930.  
  7931. .btn-twitter.focus {
  7932.  
  7933.   color: #ffffff;
  7934.  
  7935.   background-color: #2795e9;
  7936.  
  7937.   border-color: rgba(0, 0, 0, 0.2);
  7938.  
  7939. }
  7940.  
  7941. .btn-twitter:hover {
  7942.  
  7943.   color: #ffffff;
  7944.  
  7945.   background-color: #2795e9;
  7946.  
  7947.   border-color: rgba(0, 0, 0, 0.2);
  7948.  
  7949. }
  7950.  
  7951. .btn-twitter:active,
  7952.  
  7953. .btn-twitter.active,
  7954.  
  7955. .open > .dropdown-toggle.btn-twitter {
  7956.  
  7957.   color: #ffffff;
  7958.  
  7959.   background-color: #2795e9;
  7960.  
  7961.   border-color: rgba(0, 0, 0, 0.2);
  7962.  
  7963. }
  7964.  
  7965. .btn-twitter:active,
  7966.  
  7967. .btn-twitter.active,
  7968.  
  7969. .open > .dropdown-toggle.btn-twitter {
  7970.  
  7971.   background-image: none;
  7972.  
  7973. }
  7974.  
  7975. .btn-twitter .badge {
  7976.  
  7977.   color: #55acee;
  7978.  
  7979.   background-color: #ffffff;
  7980.  
  7981. }
  7982.  
  7983. .btn-vimeo {
  7984.  
  7985.   color: #ffffff;
  7986.  
  7987.   background-color: #1ab7ea;
  7988.  
  7989.   border-color: rgba(0, 0, 0, 0.2);
  7990.  
  7991. }
  7992.  
  7993. .btn-vimeo:focus,
  7994.  
  7995. .btn-vimeo.focus {
  7996.  
  7997.   color: #ffffff;
  7998.  
  7999.   background-color: #1295bf;
  8000.  
  8001.   border-color: rgba(0, 0, 0, 0.2);
  8002.  
  8003. }
  8004.  
  8005. .btn-vimeo:hover {
  8006.  
  8007.   color: #ffffff;
  8008.  
  8009.   background-color: #1295bf;
  8010.  
  8011.   border-color: rgba(0, 0, 0, 0.2);
  8012.  
  8013. }
  8014.  
  8015. .btn-vimeo:active,
  8016.  
  8017. .btn-vimeo.active,
  8018.  
  8019. .open > .dropdown-toggle.btn-vimeo {
  8020.  
  8021.   color: #ffffff;
  8022.  
  8023.   background-color: #1295bf;
  8024.  
  8025.   border-color: rgba(0, 0, 0, 0.2);
  8026.  
  8027. }
  8028.  
  8029. .btn-vimeo:active,
  8030.  
  8031. .btn-vimeo.active,
  8032.  
  8033. .open > .dropdown-toggle.btn-vimeo {
  8034.  
  8035.   background-image: none;
  8036.  
  8037. }
  8038.  
  8039. .btn-vimeo .badge {
  8040.  
  8041.   color: #1ab7ea;
  8042.  
  8043.   background-color: #ffffff;
  8044.  
  8045. }
  8046.  
  8047. .btn-vk {
  8048.  
  8049.   color: #ffffff;
  8050.  
  8051.   background-color: #587ea3;
  8052.  
  8053.   border-color: rgba(0, 0, 0, 0.2);
  8054.  
  8055. }
  8056.  
  8057. .btn-vk:focus,
  8058.  
  8059. .btn-vk.focus {
  8060.  
  8061.   color: #ffffff;
  8062.  
  8063.   background-color: #466482;
  8064.  
  8065.   border-color: rgba(0, 0, 0, 0.2);
  8066.  
  8067. }
  8068.  
  8069. .btn-vk:hover {
  8070.  
  8071.   color: #ffffff;
  8072.  
  8073.   background-color: #466482;
  8074.  
  8075.   border-color: rgba(0, 0, 0, 0.2);
  8076.  
  8077. }
  8078.  
  8079. .btn-vk:active,
  8080.  
  8081. .btn-vk.active,
  8082.  
  8083. .open > .dropdown-toggle.btn-vk {
  8084.  
  8085.   color: #ffffff;
  8086.  
  8087.   background-color: #466482;
  8088.  
  8089.   border-color: rgba(0, 0, 0, 0.2);
  8090.  
  8091. }
  8092.  
  8093. .btn-vk:active,
  8094.  
  8095. .btn-vk.active,
  8096.  
  8097. .open > .dropdown-toggle.btn-vk {
  8098.  
  8099.   background-image: none;
  8100.  
  8101. }
  8102.  
  8103. .btn-vk .badge {
  8104.  
  8105.   color: #587ea3;
  8106.  
  8107.   background-color: #ffffff;
  8108.  
  8109. }
  8110.  
  8111. .btn-yahoo {
  8112.  
  8113.   color: #ffffff;
  8114.  
  8115.   background-color: #720e9e;
  8116.  
  8117.   border-color: rgba(0, 0, 0, 0.2);
  8118.  
  8119. }
  8120.  
  8121. .btn-yahoo:focus,
  8122.  
  8123. .btn-yahoo.focus {
  8124.  
  8125.   color: #ffffff;
  8126.  
  8127.   background-color: #500a6f;
  8128.  
  8129.   border-color: rgba(0, 0, 0, 0.2);
  8130.  
  8131. }
  8132.  
  8133. .btn-yahoo:hover {
  8134.  
  8135.   color: #ffffff;
  8136.  
  8137.   background-color: #500a6f;
  8138.  
  8139.   border-color: rgba(0, 0, 0, 0.2);
  8140.  
  8141. }
  8142.  
  8143. .btn-yahoo:active,
  8144.  
  8145. .btn-yahoo.active,
  8146.  
  8147. .open > .dropdown-toggle.btn-yahoo {
  8148.  
  8149.   color: #ffffff;
  8150.  
  8151.   background-color: #500a6f;
  8152.  
  8153.   border-color: rgba(0, 0, 0, 0.2);
  8154.  
  8155. }
  8156.  
  8157. .btn-yahoo:active,
  8158.  
  8159. .btn-yahoo.active,
  8160.  
  8161. .open > .dropdown-toggle.btn-yahoo {
  8162.  
  8163.   background-image: none;
  8164.  
  8165. }
  8166.  
  8167. .btn-yahoo .badge {
  8168.  
  8169.   color: #720e9e;
  8170.  
  8171.   background-color: #ffffff;
  8172.  
  8173. }
  8174.  
  8175. /*
  8176.  
  8177.  * Plugin: Full Calendar
  8178.  
  8179.  * ---------------------
  8180.  
  8181.  */
  8182.  
  8183. .fc-button {
  8184.  
  8185.   background: #f4f4f4;
  8186.  
  8187.   background-image: none;
  8188.  
  8189.   color: #444;
  8190.  
  8191.   border-color: #ddd;
  8192.  
  8193.   border-bottom-color: #ddd;
  8194.  
  8195. }
  8196.  
  8197. .fc-button:hover,
  8198.  
  8199. .fc-button:active,
  8200.  
  8201. .fc-button.hover {
  8202.  
  8203.   background-color: #e9e9e9;
  8204.  
  8205. }
  8206.  
  8207. .fc-header-title h2 {
  8208.  
  8209.   font-size: 15px;
  8210.  
  8211.   line-height: 1.6em;
  8212.  
  8213.   color: #e5e1e1;
  8214.  
  8215.   margin-left: 10px;
  8216.  
  8217. }
  8218.  
  8219. .fc-header-right {
  8220.  
  8221.   padding-right: 10px;
  8222.  
  8223. }
  8224.  
  8225. .fc-header-left {
  8226.  
  8227.   padding-left: 10px;
  8228.  
  8229. }
  8230.  
  8231. .fc-widget-header {
  8232.  
  8233.   background: #fafafa;
  8234.  
  8235. }
  8236.  
  8237. .fc-grid {
  8238.  
  8239.   width: 100%;
  8240.  
  8241.   border: 0;
  8242.  
  8243. }
  8244.  
  8245. .fc-widget-header:first-of-type,
  8246.  
  8247. .fc-widget-content:first-of-type {
  8248.  
  8249.   border-left: 0;
  8250.  
  8251.   border-right: 0;
  8252.  
  8253. }
  8254.  
  8255. .fc-widget-header:last-of-type,
  8256.  
  8257. .fc-widget-content:last-of-type {
  8258.  
  8259.   border-right: 0;
  8260.  
  8261. }
  8262.  
  8263. .fc-toolbar {
  8264.  
  8265.   padding: 10px;
  8266.  
  8267.   margin: 0;
  8268.  
  8269. }
  8270.  
  8271. .fc-day-number {
  8272.  
  8273.   font-size: 20px;
  8274.  
  8275.   font-weight: 300;
  8276.  
  8277.   padding-right: 10px;
  8278.  
  8279. }
  8280.  
  8281. .fc-color-picker {
  8282.  
  8283.   list-style: none;
  8284.  
  8285.   margin: 0;
  8286.  
  8287.   padding: 0;
  8288.  
  8289. }
  8290.  
  8291. .fc-color-picker > li {
  8292.  
  8293.   float: left;
  8294.  
  8295.   font-size: 30px;
  8296.  
  8297.   margin-right: 5px;
  8298.  
  8299.   line-height: 30px;
  8300.  
  8301. }
  8302.  
  8303. .fc-color-picker > li .fa {
  8304.  
  8305.   -webkit-transition: -webkit-transform linear 0.3s;
  8306.  
  8307.   -moz-transition: -moz-transform linear 0.3s;
  8308.  
  8309.   -o-transition: -o-transform linear 0.3s;
  8310.  
  8311.   transition: transform linear 0.3s;
  8312.  
  8313. }
  8314.  
  8315. .fc-color-picker > li .fa:hover {
  8316.  
  8317.   -webkit-transform: rotate(30deg);
  8318.  
  8319.   -ms-transform: rotate(30deg);
  8320.  
  8321.   -o-transform: rotate(30deg);
  8322.  
  8323.   transform: rotate(30deg);
  8324.  
  8325. }
  8326.  
  8327. #add-new-event {
  8328.  
  8329.   -webkit-transition: all linear 0.3s;
  8330.  
  8331.   -o-transition: all linear 0.3s;
  8332.  
  8333.   transition: all linear 0.3s;
  8334.  
  8335. }
  8336.  
  8337. .external-event {
  8338.  
  8339.   padding: 5px 10px;
  8340.  
  8341.   font-weight: bold;
  8342.  
  8343.   margin-bottom: 4px;
  8344.  
  8345.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  8346.  
  8347.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  8348.  
  8349.   border-radius: 3px;
  8350.  
  8351.   cursor: move;
  8352.  
  8353. }
  8354.  
  8355. .external-event:hover {
  8356.  
  8357.   box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
  8358.  
  8359. }
  8360.  
  8361. /*
  8362.  
  8363.  * Plugin: Select2
  8364.  
  8365.  * ---------------
  8366.  
  8367.  */
  8368.  
  8369. .select2-container--default.select2-container--focus,
  8370.  
  8371. .select2-selection.select2-container--focus,
  8372.  
  8373. .select2-container--default:focus,
  8374.  
  8375. .select2-selection:focus,
  8376.  
  8377. .select2-container--default:active,
  8378.  
  8379. .select2-selection:active {
  8380.  
  8381.   outline: none;
  8382.  
  8383. }
  8384.  
  8385. .select2-container--default .select2-selection--single,
  8386.  
  8387. .select2-selection .select2-selection--single {
  8388.  
  8389.   border: 1px solid #d2d6de;
  8390.  
  8391.   border-radius: 0;
  8392.  
  8393.   padding: 6px 12px;
  8394.  
  8395.   height: 34px;
  8396.  
  8397. }
  8398.  
  8399. .select2-container--default.select2-container--open {
  8400.  
  8401.   border-color: #3c8dbc;
  8402.  
  8403. }
  8404.  
  8405. .select2-dropdown {
  8406.  
  8407.   border: 1px solid #d2d6de;
  8408.  
  8409.   border-radius: 0;
  8410.  
  8411. }
  8412.  
  8413. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  8414.  
  8415.   background-color: #3c8dbc;
  8416.  
  8417.   color: white;
  8418.  
  8419. }
  8420.  
  8421. .select2-results__option {
  8422.  
  8423.   padding: 6px 12px;
  8424.  
  8425.   user-select: none;
  8426.  
  8427.   -webkit-user-select: none;
  8428.  
  8429. }
  8430.  
  8431. .select2-container .select2-selection--single .select2-selection__rendered {
  8432.  
  8433.   padding-left: 0;
  8434.  
  8435.   padding-right: 0;
  8436.  
  8437.   height: auto;
  8438.  
  8439.   margin-top: -4px;
  8440.  
  8441. }
  8442.  
  8443. .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  8444.  
  8445.   padding-right: 6px;
  8446.  
  8447.   padding-left: 20px;
  8448.  
  8449. }
  8450.  
  8451. .select2-container--default .select2-selection--single .select2-selection__arrow {
  8452.  
  8453.   height: 28px;
  8454.  
  8455.   right: 3px;
  8456.  
  8457. }
  8458.  
  8459. .select2-container--default .select2-selection--single .select2-selection__arrow b {
  8460.  
  8461.   margin-top: 0;
  8462.  
  8463. }
  8464.  
  8465. .select2-dropdown .select2-search__field,
  8466.  
  8467. .select2-search--inline .select2-search__field {
  8468.  
  8469.   border: 1px solid #d2d6de;
  8470.  
  8471. }
  8472.  
  8473. .select2-dropdown .select2-search__field:focus,
  8474.  
  8475. .select2-search--inline .select2-search__field:focus {
  8476.  
  8477.   outline: none;
  8478.  
  8479.   border: 1px solid #3c8dbc;
  8480.  
  8481. }
  8482.  
  8483. .select2-container--default .select2-results__option[aria-disabled=true] {
  8484.  
  8485.   color: #999;
  8486.  
  8487. }
  8488.  
  8489. .select2-container--default .select2-results__option[aria-selected=true] {
  8490.  
  8491.   background-color: #ddd;
  8492.  
  8493. }
  8494.  
  8495. .select2-container--default .select2-results__option[aria-selected=true],
  8496.  
  8497. .select2-container--default .select2-results__option[aria-selected=true]:hover {
  8498.  
  8499.   color: #444;
  8500.  
  8501. }
  8502.  
  8503. .select2-container--default .select2-selection--multiple {
  8504.  
  8505.   border: 1px solid #d2d6de;
  8506.  
  8507.   border-radius: 0;
  8508.  
  8509. }
  8510.  
  8511. .select2-container--default .select2-selection--multiple:focus {
  8512.  
  8513.   border-color: #3c8dbc;
  8514.  
  8515. }
  8516.  
  8517. .select2-container--default.select2-container--focus .select2-selection--multiple {
  8518.  
  8519.   border-color: #d2d6de;
  8520.  
  8521. }
  8522.  
  8523. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  8524.  
  8525.   background-color: #3c8dbc;
  8526.  
  8527.   border-color: #367fa9;
  8528.  
  8529.   padding: 1px 10px;
  8530.  
  8531.   color: #fff;
  8532.  
  8533. }
  8534.  
  8535. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  8536.  
  8537.   margin-right: 5px;
  8538.  
  8539.   color: rgba(255, 255, 255, 0.7);
  8540.  
  8541. }
  8542.  
  8543. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  8544.  
  8545.   color: #fff;
  8546.  
  8547. }
  8548.  
  8549. .select2-container .select2-selection--single .select2-selection__rendered {
  8550.  
  8551.   padding-right: 10px;
  8552.  
  8553. }
  8554.  
  8555. /*
  8556.  
  8557.  * General: Miscellaneous
  8558.  
  8559.  * ----------------------
  8560.  
  8561.  */
  8562.  
  8563. .pad {
  8564.  
  8565.   padding: 10px;
  8566.  
  8567. }
  8568.  
  8569. .margin {
  8570.  
  8571.   margin: 10px;
  8572.  
  8573. }
  8574.  
  8575. .margin-bottom {
  8576.  
  8577.   margin-bottom: 20px;
  8578.  
  8579. }
  8580.  
  8581. .margin-bottom-none {
  8582.  
  8583.   margin-bottom: 0;
  8584.  
  8585. }
  8586.  
  8587. .margin-r-5 {
  8588.  
  8589.   margin-right: 5px;
  8590.  
  8591. }
  8592.  
  8593. .inline {
  8594.  
  8595.   display: inline;
  8596.  
  8597. }
  8598.  
  8599. .description-block {
  8600.  
  8601.   display: block;
  8602.  
  8603.   margin: 10px 0;
  8604.  
  8605.   text-align: center;
  8606.  
  8607. }
  8608.  
  8609. .description-block.margin-bottom {
  8610.  
  8611.   margin-bottom: 25px;
  8612.  
  8613. }
  8614.  
  8615. .description-block > .description-header {
  8616.  
  8617.   margin: 0;
  8618.  
  8619.   padding: 0;
  8620.  
  8621.   font-weight: 600;
  8622.  
  8623.   font-size: 16px;
  8624.  
  8625. }
  8626.  
  8627. .description-block > .description-text {
  8628.  
  8629.   text-transform: uppercase;
  8630.  
  8631. }
  8632.  
  8633. .bg-red,
  8634.  
  8635. .bg-yellow,
  8636.  
  8637. .bg-aqua,
  8638.  
  8639. .bg-blue,
  8640.  
  8641. .bg-light-blue,
  8642.  
  8643. .bg-green,
  8644.  
  8645. .bg-navy,
  8646.  
  8647. .bg-teal,
  8648.  
  8649. .bg-olive,
  8650.  
  8651. .bg-lime,
  8652.  
  8653. .bg-orange,
  8654.  
  8655. .bg-fuchsia,
  8656.  
  8657. .bg-purple,
  8658.  
  8659. .bg-maroon,
  8660.  
  8661. .bg-black,
  8662.  
  8663. .bg-red-active,
  8664.  
  8665. .bg-yellow-active,
  8666.  
  8667. .bg-aqua-active,
  8668.  
  8669. .bg-blue-active,
  8670.  
  8671. .bg-light-blue-active,
  8672.  
  8673. .bg-green-active,
  8674.  
  8675. .bg-navy-active,
  8676.  
  8677. .bg-teal-active,
  8678.  
  8679. .bg-olive-active,
  8680.  
  8681. .bg-lime-active,
  8682.  
  8683. .bg-orange-active,
  8684.  
  8685. .bg-fuchsia-active,
  8686.  
  8687. .bg-purple-active,
  8688.  
  8689. .bg-maroon-active,
  8690.  
  8691. .bg-black-active,
  8692.  
  8693. .callout.callout-danger,
  8694.  
  8695. .callout.callout-warning,
  8696.  
  8697. .callout.callout-info,
  8698.  
  8699. .callout.callout-success,
  8700.  
  8701. .alert-success,
  8702.  
  8703. .alert-danger,
  8704.  
  8705. .alert-error,
  8706.  
  8707. .alert-warning,
  8708.  
  8709. .alert-info,
  8710.  
  8711. .label-danger,
  8712.  
  8713. .label-info,
  8714.  
  8715. .label-warning,
  8716.  
  8717. .label-primary,
  8718.  
  8719. .label-success,
  8720.  
  8721. .modal-primary .modal-body,
  8722.  
  8723. .modal-primary .modal-header,
  8724.  
  8725. .modal-primary .modal-footer,
  8726.  
  8727. .modal-warning .modal-body,
  8728.  
  8729. .modal-warning .modal-header,
  8730.  
  8731. .modal-warning .modal-footer,
  8732.  
  8733. .modal-info .modal-body,
  8734.  
  8735. .modal-info .modal-header,
  8736.  
  8737. .modal-info .modal-footer,
  8738.  
  8739. .modal-success .modal-body,
  8740.  
  8741. .modal-success .modal-header,
  8742.  
  8743. .modal-success .modal-footer,
  8744.  
  8745. .modal-danger .modal-body,
  8746.  
  8747. .modal-danger .modal-header,
  8748.  
  8749. .modal-danger .modal-footer {
  8750.  
  8751.   color: #fff !important;
  8752.  
  8753. }
  8754.  
  8755. .bg-gray {
  8756.  
  8757.   color: #000;
  8758.  
  8759.   background-color: #d2d6de !important;
  8760.  
  8761. }
  8762.  
  8763. .bg-gray-light {
  8764.  
  8765.   background-color: #f7f7f7;
  8766.  
  8767. }
  8768.  
  8769. .bg-black {
  8770.  
  8771.   background-color: #111111 !important;
  8772.  
  8773. }
  8774.  
  8775. .bg-red,
  8776.  
  8777. .callout.callout-danger,
  8778.  
  8779. .alert-danger,
  8780.  
  8781. .alert-error,
  8782.  
  8783. .label-danger,
  8784.  
  8785. .modal-danger .modal-body {
  8786.  
  8787.   background-color: #dd4b39 !important;
  8788.  
  8789. }
  8790.  
  8791. .bg-yellow,
  8792.  
  8793. .callout.callout-warning,
  8794.  
  8795. .alert-warning,
  8796.  
  8797. .label-warning,
  8798.  
  8799. .modal-warning .modal-body {
  8800.  
  8801.   background-color: #f39c12 !important;
  8802.  
  8803. }
  8804.  
  8805. .bg-aqua,
  8806.  
  8807. .callout.callout-info,
  8808.  
  8809. .alert-info,
  8810.  
  8811. .label-info,
  8812.  
  8813. .modal-info .modal-body {
  8814.  
  8815.   background-color: #00c0ef !important;
  8816.  
  8817. }
  8818.  
  8819. .bg-blue {
  8820.  
  8821.   background-color: #0073b7 !important;
  8822.  
  8823. }
  8824.  
  8825. .bg-light-blue,
  8826.  
  8827. .label-primary,
  8828.  
  8829. .modal-primary .modal-body {
  8830.  
  8831.   background-color: #3c8dbc !important;
  8832.  
  8833. }
  8834.  
  8835. .bg-green,
  8836.  
  8837. .callout.callout-success,
  8838.  
  8839. .alert-success,
  8840.  
  8841. .label-success,
  8842.  
  8843. .modal-success .modal-body {
  8844.  
  8845.   background-color: #00a65a !important;
  8846.  
  8847. }
  8848.  
  8849. .bg-navy {
  8850.  
  8851.   background-color: #001f3f !important;
  8852.  
  8853. }
  8854.  
  8855. .bg-teal {
  8856.  
  8857.   background-color: #39cccc !important;
  8858.  
  8859. }
  8860.  
  8861. .bg-olive {
  8862.  
  8863.   background-color: #3d9970 !important;
  8864.  
  8865. }
  8866.  
  8867. .bg-lime {
  8868.  
  8869.   background-color: #01ff70 !important;
  8870.  
  8871. }
  8872.  
  8873. .bg-orange {
  8874.  
  8875.   background-color: #ff851b !important;
  8876.  
  8877. }
  8878.  
  8879. .bg-fuchsia {
  8880.  
  8881.   background-color: #f012be !important;
  8882.  
  8883. }
  8884.  
  8885. .bg-purple {
  8886.  
  8887.   background-color: #605ca8 !important;
  8888.  
  8889. }
  8890.  
  8891. .bg-maroon {
  8892.  
  8893.   background-color: #d81b60 !important;
  8894.  
  8895. }
  8896.  
  8897. .bg-gray-active {
  8898.  
  8899.   color: #000;
  8900.  
  8901.   background-color: #b5bbc8 !important;
  8902.  
  8903. }
  8904.  
  8905. .bg-black-active {
  8906.  
  8907.   background-color: #000000 !important;
  8908.  
  8909. }
  8910.  
  8911. .bg-red-active,
  8912.  
  8913. .modal-danger .modal-header,
  8914.  
  8915. .modal-danger .modal-footer {
  8916.  
  8917.   background-color: #d33724 !important;
  8918.  
  8919. }
  8920.  
  8921. .bg-yellow-active,
  8922.  
  8923. .modal-warning .modal-header,
  8924.  
  8925. .modal-warning .modal-footer {
  8926.  
  8927.   background-color: #db8b0b !important;
  8928.  
  8929. }
  8930.  
  8931. .bg-aqua-active,
  8932.  
  8933. .modal-info .modal-header,
  8934.  
  8935. .modal-info .modal-footer {
  8936.  
  8937.   background-color: #00a7d0 !important;
  8938.  
  8939. }
  8940.  
  8941. .bg-blue-active {
  8942.  
  8943.   background-color: #005384 !important;
  8944.  
  8945. }
  8946.  
  8947. .bg-light-blue-active,
  8948.  
  8949. .modal-primary .modal-header,
  8950.  
  8951. .modal-primary .modal-footer {
  8952.  
  8953.   background-color: #357ca5 !important;
  8954.  
  8955. }
  8956.  
  8957. .bg-green-active,
  8958.  
  8959. .modal-success .modal-header,
  8960.  
  8961. .modal-success .modal-footer {
  8962.  
  8963.   background-color: #008d4c !important;
  8964.  
  8965. }
  8966.  
  8967. .bg-navy-active {
  8968.  
  8969.   background-color: #001a35 !important;
  8970.  
  8971. }
  8972.  
  8973. .bg-teal-active {
  8974.  
  8975.   background-color: #30bbbb !important;
  8976.  
  8977. }
  8978.  
  8979. .bg-olive-active {
  8980.  
  8981.   background-color: #368763 !important;
  8982.  
  8983. }
  8984.  
  8985. .bg-lime-active {
  8986.  
  8987.   background-color: #00e765 !important;
  8988.  
  8989. }
  8990.  
  8991. .bg-orange-active {
  8992.  
  8993.   background-color: #ff7701 !important;
  8994.  
  8995. }
  8996.  
  8997. .bg-fuchsia-active {
  8998.  
  8999.   background-color: #db0ead !important;
  9000.  
  9001. }
  9002.  
  9003. .bg-purple-active {
  9004.  
  9005.   background-color: #555299 !important;
  9006.  
  9007. }
  9008.  
  9009. .bg-maroon-active {
  9010.  
  9011.   background-color: #ca195a !important;
  9012.  
  9013. }
  9014.  
  9015. [class^="bg-"].disabled {
  9016.  
  9017.   opacity: 0.65;
  9018.  
  9019.   filter: alpha(opacity=65);
  9020.  
  9021. }
  9022.  
  9023. .text-red {
  9024.  
  9025.   color: #dd4b39 !important;
  9026.  
  9027. }
  9028.  
  9029. .text-yellow {
  9030.  
  9031.   color: #f39c12 !important;
  9032.  
  9033. }
  9034.  
  9035. .text-aqua {
  9036.  
  9037.   color: #00c0ef !important;
  9038.  
  9039. }
  9040.  
  9041. .text-blue {
  9042.  
  9043.   color: #0073b7 !important;
  9044.  
  9045. }
  9046.  
  9047. .text-black {
  9048.  
  9049.   color: #111111 !important;
  9050.  
  9051. }
  9052.  
  9053. .text-light-blue {
  9054.  
  9055.   color: #3c8dbc !important;
  9056.  
  9057. }
  9058.  
  9059. .text-green {
  9060.  
  9061.   color: #00a65a !important;
  9062.  
  9063. }
  9064.  
  9065. .text-gray {
  9066.  
  9067.   color: #d2d6de !important;
  9068.  
  9069. }
  9070.  
  9071. .text-navy {
  9072.  
  9073.   color: #001f3f !important;
  9074.  
  9075. }
  9076.  
  9077. .text-teal {
  9078.  
  9079.   color: #39cccc !important;
  9080.  
  9081. }
  9082.  
  9083. .text-olive {
  9084.  
  9085.   color: #3d9970 !important;
  9086.  
  9087. }
  9088.  
  9089. .text-lime {
  9090.  
  9091.   color: #01ff70 !important;
  9092.  
  9093. }
  9094.  
  9095. .text-orange {
  9096.  
  9097.   color: #ff851b !important;
  9098.  
  9099. }
  9100.  
  9101. .text-fuchsia {
  9102.  
  9103.   color: #f012be !important;
  9104.  
  9105. }
  9106.  
  9107. .text-purple {
  9108.  
  9109.   color: #605ca8 !important;
  9110.  
  9111. }
  9112.  
  9113. .text-maroon {
  9114.  
  9115.   color: #d81b60 !important;
  9116.  
  9117. }
  9118.  
  9119. .link-muted {
  9120.  
  9121.   color: #7a869d;
  9122.  
  9123. }
  9124.  
  9125. .link-muted:hover,
  9126.  
  9127. .link-muted:focus {
  9128.  
  9129.   color: #606c84;
  9130.  
  9131. }
  9132.  
  9133. .link-black {
  9134.  
  9135.   color: #666;
  9136.  
  9137. }
  9138.  
  9139. .link-black:hover,
  9140.  
  9141. .link-black:focus {
  9142.  
  9143.   color: #999;
  9144.  
  9145. }
  9146.  
  9147. .hide {
  9148.  
  9149.   display: none !important;
  9150.  
  9151. }
  9152.  
  9153. .no-border {
  9154.  
  9155.   border: 0 !important;
  9156.  
  9157. }
  9158.  
  9159. .no-padding {
  9160.  
  9161.   padding: 0 !important;
  9162.  
  9163. }
  9164.  
  9165. .no-margin {
  9166.  
  9167.   margin: 0 !important;
  9168.  
  9169. }
  9170.  
  9171. .no-shadow {
  9172.  
  9173.   box-shadow: none !important;
  9174.  
  9175. }
  9176.  
  9177. .list-unstyled,
  9178.  
  9179. .chart-legend,
  9180.  
  9181. .contacts-list,
  9182.  
  9183. .users-list,
  9184.  
  9185. .mailbox-attachments {
  9186.  
  9187.   list-style: none;
  9188.  
  9189.   margin: 0;
  9190.  
  9191.   padding: 0;
  9192.  
  9193. }
  9194.  
  9195. .list-group-unbordered > .list-group-item {
  9196.  
  9197.   border-left: 0;
  9198.  
  9199.   border-right: 0;
  9200.  
  9201.   border-radius: 0;
  9202.  
  9203.   padding-left: 0;
  9204.  
  9205.   padding-right: 0;
  9206.  
  9207. }
  9208.  
  9209. .flat {
  9210.  
  9211.   border-radius: 0 !important;
  9212.  
  9213. }
  9214.  
  9215. .text-bold,
  9216.  
  9217. .text-bold.table td,
  9218.  
  9219. .text-bold.table th {
  9220.  
  9221.   font-weight: 700;
  9222.  
  9223. }
  9224.  
  9225. .text-sm {
  9226.  
  9227.   font-size: 12px;
  9228.  
  9229. }
  9230.  
  9231. .jqstooltip {
  9232.  
  9233.   padding: 5px !important;
  9234.  
  9235.   width: auto !important;
  9236.  
  9237.   height: auto !important;
  9238.  
  9239. }
  9240.  
  9241. .bg-teal-gradient {
  9242.  
  9243.   background: #39cccc !important;
  9244.  
  9245.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  9246.  
  9247.   background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  9248.  
  9249.   background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  9250.  
  9251.   background: -o-linear-gradient(#7adddd, #39cccc) !important;
  9252.  
  9253.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  9254.  
  9255.   color: #fff;
  9256.  
  9257. }
  9258.  
  9259. .bg-light-blue-gradient {
  9260.  
  9261.   background: #3c8dbc !important;
  9262.  
  9263.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  9264.  
  9265.   background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  9266.  
  9267.   background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  9268.  
  9269.   background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  9270.  
  9271.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  9272.  
  9273.   color: #fff;
  9274.  
  9275. }
  9276.  
  9277. .bg-blue-gradient {
  9278.  
  9279.   background: #0073b7 !important;
  9280.  
  9281.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  9282.  
  9283.   background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  9284.  
  9285.   background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  9286.  
  9287.   background: -o-linear-gradient(#0089db, #0073b7) !important;
  9288.  
  9289.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  9290.  
  9291.   color: #fff;
  9292.  
  9293. }
  9294.  
  9295. .bg-aqua-gradient {
  9296.  
  9297.   background: #00c0ef !important;
  9298.  
  9299.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  9300.  
  9301.   background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  9302.  
  9303.   background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  9304.  
  9305.   background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  9306.  
  9307.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  9308.  
  9309.   color: #fff;
  9310.  
  9311. }
  9312.  
  9313. .bg-yellow-gradient {
  9314.  
  9315.   background: #f39c12 !important;
  9316.  
  9317.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  9318.  
  9319.   background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  9320.  
  9321.   background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  9322.  
  9323.   background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  9324.  
  9325.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  9326.  
  9327.   color: #fff;
  9328.  
  9329. }
  9330.  
  9331. .bg-purple-gradient {
  9332.  
  9333.   background: #605ca8 !important;
  9334.  
  9335.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  9336.  
  9337.   background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  9338.  
  9339.   background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  9340.  
  9341.   background: -o-linear-gradient(#9491c4, #605ca8) !important;
  9342.  
  9343.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  9344.  
  9345.   color: #fff;
  9346.  
  9347. }
  9348.  
  9349. .bg-green-gradient {
  9350.  
  9351.   background: #00a65a !important;
  9352.  
  9353.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  9354.  
  9355.   background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  9356.  
  9357.   background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  9358.  
  9359.   background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  9360.  
  9361.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  9362.  
  9363.   color: #fff;
  9364.  
  9365. }
  9366.  
  9367. .bg-red-gradient {
  9368.  
  9369.   background: #dd4b39 !important;
  9370.  
  9371.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  9372.  
  9373.   background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  9374.  
  9375.   background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  9376.  
  9377.   background: -o-linear-gradient(#e47365, #dd4b39) !important;
  9378.  
  9379.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  9380.  
  9381.   color: #fff;
  9382.  
  9383. }
  9384.  
  9385. .bg-black-gradient {
  9386.  
  9387.   background: #111111 !important;
  9388.  
  9389.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  9390.  
  9391.   background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  9392.  
  9393.   background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  9394.  
  9395.   background: -o-linear-gradient(#2b2b2b, #111111) !important;
  9396.  
  9397.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  9398.  
  9399.   color: #fff;
  9400.  
  9401. }
  9402.  
  9403. .bg-maroon-gradient {
  9404.  
  9405.   background: #d81b60 !important;
  9406.  
  9407.   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  9408.  
  9409.   background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  9410.  
  9411.   background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  9412.  
  9413.   background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  9414.  
  9415.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  9416.  
  9417.   color: #fff;
  9418.  
  9419. }
  9420.  
  9421. .description-block .description-icon {
  9422.  
  9423.   font-size: 16px;
  9424.  
  9425. }
  9426.  
  9427. .no-pad-top {
  9428.  
  9429.   padding-top: 0;
  9430.  
  9431. }
  9432.  
  9433. .position-static {
  9434.  
  9435.   position: static !important;
  9436.  
  9437. }
  9438.  
  9439. .list-header {
  9440.  
  9441.   font-size: 15px;
  9442.  
  9443.   padding: 10px 4px;
  9444.  
  9445.   font-weight: bold;
  9446.  
  9447.   color: #666;
  9448.  
  9449. }
  9450.  
  9451. .list-seperator {
  9452.  
  9453.   height: 1px;
  9454.  
  9455.   background: #f4f4f4;
  9456.  
  9457.   margin: 15px 0 9px 0;
  9458.  
  9459. }
  9460.  
  9461. .list-link > a {
  9462.  
  9463.   padding: 4px;
  9464.  
  9465.   color: #777;
  9466.  
  9467. }
  9468.  
  9469. .list-link > a:hover {
  9470.  
  9471.   color: #222;
  9472.  
  9473. }
  9474.  
  9475. .font-light {
  9476.  
  9477.   font-weight: 300;
  9478.  
  9479. }
  9480.  
  9481. .user-block:before,
  9482.  
  9483. .user-block:after {
  9484.  
  9485.   content: " ";
  9486.  
  9487.   display: table;
  9488.  
  9489. }
  9490.  
  9491. .user-block:after {
  9492.  
  9493.   clear: both;
  9494.  
  9495. }
  9496.  
  9497. .user-block img {
  9498.  
  9499.   width: 40px;
  9500.  
  9501.   height: 40px;
  9502.  
  9503.   float: left;
  9504.  
  9505. }
  9506.  
  9507. .user-block .username,
  9508.  
  9509. .user-block .description,
  9510.  
  9511. .user-block .comment {
  9512.  
  9513.   display: block;
  9514.  
  9515.   margin-left: 50px;
  9516.  
  9517. }
  9518.  
  9519. .user-block .username {
  9520.  
  9521.   font-size: 16px;
  9522.  
  9523.   font-weight: 600;
  9524.  
  9525. }
  9526.  
  9527. .user-block .description {
  9528.  
  9529.   color: #999;
  9530.  
  9531.   font-size: 13px;
  9532.  
  9533. }
  9534.  
  9535. .user-block.user-block-sm .username,
  9536.  
  9537. .user-block.user-block-sm .description,
  9538.  
  9539. .user-block.user-block-sm .comment {
  9540.  
  9541.   margin-left: 40px;
  9542.  
  9543. }
  9544.  
  9545. .user-block.user-block-sm .username {
  9546.  
  9547.   font-size: 14px;
  9548.  
  9549. }
  9550.  
  9551. .img-sm,
  9552.  
  9553. .img-md,
  9554.  
  9555. .img-lg,
  9556.  
  9557. .box-comments .box-comment img,
  9558.  
  9559. .user-block.user-block-sm img {
  9560.  
  9561.   float: left;
  9562.  
  9563. }
  9564.  
  9565. .img-sm,
  9566.  
  9567. .box-comments .box-comment img,
  9568.  
  9569. .user-block.user-block-sm img {
  9570.  
  9571.   width: 30px !important;
  9572.  
  9573.   height: 30px !important;
  9574.  
  9575. }
  9576.  
  9577. .img-sm + .img-push {
  9578.  
  9579.   margin-left: 40px;
  9580.  
  9581. }
  9582.  
  9583. .img-md {
  9584.  
  9585.   width: 60px;
  9586.  
  9587.   height: 60px;
  9588.  
  9589. }
  9590.  
  9591. .img-md + .img-push {
  9592.  
  9593.   margin-left: 70px;
  9594.  
  9595. }
  9596.  
  9597. .img-lg {
  9598.  
  9599.   width: 100px;
  9600.  
  9601.   height: 100px;
  9602.  
  9603. }
  9604.  
  9605. .img-lg + .img-push {
  9606.  
  9607.   margin-left: 110px;
  9608.  
  9609. }
  9610.  
  9611. .img-bordered {
  9612.  
  9613.   border: 3px solid #d2d6de;
  9614.  
  9615.   padding: 3px;
  9616.  
  9617. }
  9618.  
  9619. .img-bordered-sm {
  9620.  
  9621.   border: 2px solid #d2d6de;
  9622.  
  9623.   padding: 2px;
  9624.  
  9625. }
  9626.  
  9627. .attachment-block {
  9628.  
  9629.   border: 1px solid #f4f4f4;
  9630.  
  9631.   padding: 5px;
  9632.  
  9633.   margin-bottom: 10px;
  9634.  
  9635.   background: #f7f7f7;
  9636.  
  9637. }
  9638.  
  9639. .attachment-block .attachment-img {
  9640.  
  9641.   max-width: 100px;
  9642.  
  9643.   max-height: 100px;
  9644.  
  9645.   height: auto;
  9646.  
  9647.   float: left;
  9648.  
  9649. }
  9650.  
  9651. .attachment-block .attachment-pushed {
  9652.  
  9653.   margin-left: 110px;
  9654.  
  9655. }
  9656.  
  9657. .attachment-block .attachment-heading {
  9658.  
  9659.   margin: 0;
  9660.  
  9661. }
  9662.  
  9663. .attachment-block .attachment-text {
  9664.  
  9665.   color: #555;
  9666.  
  9667. }
  9668.  
  9669. .connectedSortable {
  9670.  
  9671.   min-height: 100px;
  9672.  
  9673. }
  9674.  
  9675. .ui-helper-hidden-accessible {
  9676.  
  9677.   border: 0;
  9678.  
  9679.   clip: rect(0 0 0 0);
  9680.  
  9681.   height: 1px;
  9682.  
  9683.   margin: -1px;
  9684.  
  9685.   overflow: hidden;
  9686.  
  9687.   padding: 0;
  9688.  
  9689.   position: absolute;
  9690.  
  9691.   width: 1px;
  9692.  
  9693. }
  9694.  
  9695. .sort-highlight {
  9696.  
  9697.   background: #f4f4f4;
  9698.  
  9699.   border: 1px dashed #ddd;
  9700.  
  9701.   margin-bottom: 10px;
  9702.  
  9703. }
  9704.  
  9705. .full-opacity-hover {
  9706.  
  9707.   opacity: 0.65;
  9708.  
  9709.   filter: alpha(opacity=65);
  9710.  
  9711. }
  9712.  
  9713. .full-opacity-hover:hover {
  9714.  
  9715.   opacity: 1;
  9716.  
  9717.   filter: alpha(opacity=100);
  9718.  
  9719. }
  9720.  
  9721. .chart {
  9722.  
  9723.   position: relative;
  9724.  
  9725.   overflow: hidden;
  9726.  
  9727.   width: 100%;
  9728.  
  9729. }
  9730.  
  9731. .chart svg,
  9732.  
  9733. .chart canvas {
  9734.  
  9735.   width: 100% !important;
  9736.  
  9737. }
  9738.  
  9739. /*
  9740.  
  9741.  * Misc: print
  9742.  
  9743.  * -----------
  9744.  
  9745.  */
  9746.  
  9747. @media print {
  9748.  
  9749.   .no-print,
  9750.  
  9751.   .main-sidebar,
  9752.  
  9753.   .left-side,
  9754.  
  9755.   .main-header,
  9756.  
  9757.   .content-header {
  9758.  
  9759.     display: none !important;
  9760.  
  9761.   }
  9762.  
  9763.   .content-wrapper,
  9764.  
  9765.   .right-side,
  9766.  
  9767.   .main-footer {
  9768.  
  9769.     margin-left: 0 !important;
  9770.  
  9771.     min-height: 0 !important;
  9772.  
  9773.     -webkit-transform: translate(0, 0) !important;
  9774.  
  9775.     -ms-transform: translate(0, 0) !important;
  9776.  
  9777.     -o-transform: translate(0, 0) !important;
  9778.  
  9779.     transform: translate(0, 0) !important;
  9780.  
  9781.   }
  9782.  
  9783.   .fixed .content-wrapper,
  9784.  
  9785.   .fixed .right-side {
  9786.  
  9787.     padding-top: 0 !important;
  9788.  
  9789.   }
  9790.  
  9791.   .invoice {
  9792.  
  9793.     width: 100%;
  9794.  
  9795.     border: 0;
  9796.  
  9797.     margin: 0;
  9798.  
  9799.     padding: 0;
  9800.  
  9801.   }
  9802.  
  9803.   .invoice-col {
  9804.  
  9805.     float: left;
  9806.  
  9807.     width: 33.3333333%;
  9808.  
  9809.   }
  9810.  
  9811.   .table-responsive {
  9812.  
  9813.     overflow: auto;
  9814.  
  9815.   }
  9816.  
  9817.   .table-responsive > .table tr th,
  9818.  
  9819.   .table-responsive > .table tr td {
  9820.  
  9821.     white-space: normal !important;
  9822.  
  9823.   }
  9824.  
  9825. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!