_all-skins.css 55 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746
  1. /* * Skin: Blue * ----------*/.skin-blue .main-header .navbar{background-color: #3c8dbc;}
  2. .skin-blue .main-header .navbar .nav > li > a{color: #ffffff;}
  3. .skin-blue .main-header .navbar .nav > li > a:hover,
  4. .skin-blue .main-header .navbar .nav > li > a:active,
  5. .skin-blue .main-header .navbar .nav > li > a:focus,
  6. .skin-blue .main-header .navbar .nav .open > a,
  7. .skin-blue .main-header .navbar .nav .open > a:hover,
  8. .skin-blue .main-header .navbar .nav .open > a:focus,
  9. .skin-blue .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  10. .skin-blue .main-header .navbar .sidebar-toggle{color: #ffffff;}
  11. .skin-blue .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  12. .skin-blue .main-header .navbar .sidebar-toggle{color: #fff;}
  13. .skin-blue .main-header .navbar .sidebar-toggle:hover{background-color: #367fa9;}
  14. @media (max-width: 767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  15. .skin-blue .main-header .navbar .dropdown-menu li a{color: #fff;}
  16. .skin-blue .main-header .navbar .dropdown-menu li a:hover{background: #367fa9;}}
  17. .skin-blue .main-header .logo{background-color: #367fa9;color: #ffffff;border-bottom: 0 solid transparent;}
  18. .skin-blue .main-header .logo:hover{background-color: #357ca5;}
  19. .skin-blue .main-header li.user-header{background-color: #3c8dbc;}
  20. .skin-blue .content-header{background: transparent;}
  21. .skin-blue .wrapper,
  22. .skin-blue .main-sidebar,
  23. .skin-blue .left-side{background-color: #222d32;}
  24. .skin-blue .user-panel > .info,
  25. .skin-blue .user-panel > .info > a{color: #fff;}
  26. .skin-blue .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
  27. .skin-blue .sidebar-menu > li > a{border-left: 3px solid transparent;}
  28. .skin-blue .sidebar-menu > li:hover > a,
  29. .skin-blue .sidebar-menu > li.active > a{color: #ffffff;background: #1e282c;border-left-color: #3c8dbc;}
  30. .skin-blue .sidebar-menu > li > .treeview-menu{margin: 0 1px;background: #2c3b41;}
  31. .skin-blue .sidebar a{color: #b8c7ce;}
  32. .skin-blue .sidebar a:hover{text-decoration: none;}
  33. .skin-blue .treeview-menu > li > a{/*color: #8aa4af;*/}
  34. .skin-blue .treeview-menu > li.active > a,
  35. .skin-blue .treeview-menu > li > a:hover{color: #ffffff;}
  36. .skin-blue .sidebar-form{border-radius: 3px;border: 0px solid #374850;margin: 10px 10px;}
  37. .skin-blue .sidebar-form input[type="text"],
  38. .skin-blue .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  39. .skin-blue .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  40. .skin-blue .sidebar-form input[type="text"]:focus,
  41. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  42. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  43. .skin-blue .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  44. .skin-blue.layout-top-nav .main-header > .logo{background-color: #3c8dbc;color: #ffffff;border-bottom: 0 solid transparent;}
  45. .skin-blue.layout-top-nav .main-header > .logo:hover{background-color: #3b8ab8;}
  46. /* * Skin: Blue * ----------*/.skin-blue-light .main-header .navbar{background-color: #3c8dbc;}
  47. .skin-blue-light .main-header .navbar .nav > li > a{color: #ffffff;}
  48. .skin-blue-light .main-header .navbar .nav > li > a:hover,
  49. .skin-blue-light .main-header .navbar .nav > li > a:active,
  50. .skin-blue-light .main-header .navbar .nav > li > a:focus,
  51. .skin-blue-light .main-header .navbar .nav .open > a,
  52. .skin-blue-light .main-header .navbar .nav .open > a:hover,
  53. .skin-blue-light .main-header .navbar .nav .open > a:focus,
  54. .skin-blue-light .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  55. .skin-blue-light .main-header .navbar .sidebar-toggle{color: #ffffff;}
  56. .skin-blue-light .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  57. .skin-blue-light .main-header .navbar .sidebar-toggle{color: #fff;}
  58. .skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color: #367fa9;}
  59. @media (max-width: 767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  60. .skin-blue-light .main-header .navbar .dropdown-menu li a{color: #fff;}
  61. .skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background: #367fa9;}}
  62. .skin-blue-light .main-header .logo{background-color: #3c8dbc;color: #ffffff;border-bottom: 0 solid transparent;}
  63. .skin-blue-light .main-header .logo:hover{background-color: #3b8ab8;}
  64. .skin-blue-light .main-header li.user-header{background-color: #3c8dbc;}
  65. .skin-blue-light .content-header{background: transparent;}
  66. .skin-blue-light .wrapper,
  67. .skin-blue-light .main-sidebar,
  68. .skin-blue-light .left-side{background-color: #f9fafc;}
  69. .skin-blue-light .content-wrapper,
  70. .skin-blue-light .main-footer{border-left: 1px solid #d2d6de;}
  71. .skin-blue-light .user-panel > .info,
  72. .skin-blue-light .user-panel > .info > a{color: #444444;}
  73. .skin-blue-light .sidebar-menu > li{-webkit-transition: border-left-color 0.3s ease;-o-transition: border-left-color 0.3s ease;transition: border-left-color 0.3s ease;}
  74. .skin-blue-light .sidebar-menu > li.header{color: #848484;background: #f9fafc;}
  75. .skin-blue-light .sidebar-menu > li > a{border-left: 3px solid transparent;font-weight: 600;}
  76. .skin-blue-light .sidebar-menu > li:hover > a,
  77. .skin-blue-light .sidebar-menu > li.active > a{color: #000000;background: #f4f4f5;}
  78. .skin-blue-light .sidebar-menu > li.active{border-left-color: #3c8dbc;}
  79. .skin-blue-light .sidebar-menu > li.active > a{font-weight: 600;}
  80. .skin-blue-light .sidebar-menu > li > .treeview-menu{background: #f4f4f5;}
  81. .skin-blue-light .sidebar a{color: #444444;}
  82. .skin-blue-light .sidebar a:hover{text-decoration: none;}
  83. .skin-blue-light .treeview-menu > li > a{color: #777777;}
  84. .skin-blue-light .treeview-menu > li.active > a,
  85. .skin-blue-light .treeview-menu > li > a:hover{color: #000000;}
  86. .skin-blue-light .treeview-menu > li.active > a{font-weight: 600;}
  87. .skin-blue-light .sidebar-form{border-radius: 3px;border: 0px solid #d2d6de;margin: 10px 10px;}
  88. .skin-blue-light .sidebar-form input[type="text"],
  89. .skin-blue-light .sidebar-form .btn{box-shadow: none;background-color: #fff;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  90. .skin-blue-light .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  91. .skin-blue-light .sidebar-form input[type="text"]:focus,
  92. .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  93. .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  94. .skin-blue-light .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  95. @media (min-width: 768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{border-left: 1px solid #d2d6de;}}
  96. .skin-blue-light .main-footer{border-top-color: #d2d6de;}
  97. .skin-blue.layout-top-nav .main-header > .logo{background-color: #3c8dbc;color: #ffffff;border-bottom: 0 solid transparent;}
  98. .skin-blue.layout-top-nav .main-header > .logo:hover{background-color: #3b8ab8;}
  99. /* * Skin: Black * -----------*//* skin-black navbar*/.skin-black .main-header{-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);}
  100. .skin-black .main-header .navbar-toggle{color: #333;}
  101. .skin-black .main-header .navbar-brand{color: #333;border-right: 1px solid #eee;}
  102. .skin-black .main-header > .navbar{background-color: #ffffff;}
  103. .skin-black .main-header > .navbar .nav > li > a{color: #333333;}
  104. .skin-black .main-header > .navbar .nav > li > a:hover,
  105. .skin-black .main-header > .navbar .nav > li > a:active,
  106. .skin-black .main-header > .navbar .nav > li > a:focus,
  107. .skin-black .main-header > .navbar .nav .open > a,
  108. .skin-black .main-header > .navbar .nav .open > a:hover,
  109. .skin-black .main-header > .navbar .nav .open > a:focus,
  110. .skin-black .main-header > .navbar .nav > .active > a{background: #ffffff;color: #999999;}
  111. .skin-black .main-header > .navbar .sidebar-toggle{color: #333333;}
  112. .skin-black .main-header > .navbar .sidebar-toggle:hover{color: #999999;background: #ffffff;}
  113. .skin-black .main-header > .navbar > .sidebar-toggle{color: #333;border-right: 1px solid #eee;}
  114. .skin-black .main-header > .navbar .navbar-nav > li > a{border-right: 1px solid #eee;}
  115. .skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
  116. .skin-black .main-header > .navbar .navbar-right > li > a{border-left: 1px solid #eee;border-right-width: 0;}
  117. .skin-black .main-header > .logo{background-color: #ffffff;color: #333333;border-bottom: 0 solid transparent;border-right: 1px solid #eee;}
  118. .skin-black .main-header > .logo:hover{background-color: #fcfcfc;}
  119. @media (max-width: 767px){.skin-black .main-header > .logo{background-color: #222222;color: #ffffff;border-bottom: 0 solid transparent;border-right: none;}
  120. .skin-black .main-header > .logo:hover{background-color: #1f1f1f;}}
  121. .skin-black .main-header li.user-header{background-color: #222;}
  122. .skin-black .content-header{background: transparent;box-shadow: none;}
  123. .skin-black .wrapper,
  124. .skin-black .main-sidebar,
  125. .skin-black .left-side{background-color: #222d32;}
  126. .skin-black .user-panel > .info,
  127. .skin-black .user-panel > .info > a{color: #fff;}
  128. .skin-black .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
  129. .skin-black .sidebar-menu > li > a{border-left: 3px solid transparent;}
  130. .skin-black .sidebar-menu > li:hover > a,
  131. .skin-black .sidebar-menu > li.active > a{color: #ffffff;background: #1e282c;border-left-color: #ffffff;}
  132. .skin-black .sidebar-menu > li > .treeview-menu{margin: 0 1px;background: #2c3b41;}
  133. .skin-black .sidebar a{color: #b8c7ce;}
  134. .skin-black .sidebar a:hover{text-decoration: none;}
  135. .skin-black .treeview-menu > li > a{/*color: #8aa4af;*/}
  136. .skin-black .treeview-menu > li.active > a,
  137. .skin-black .treeview-menu > li > a:hover{color: #ffffff;}
  138. .skin-black .sidebar-form{border-radius: 3px;border: 0px solid #374850;margin: 10px 10px;}
  139. .skin-black .sidebar-form input[type="text"],
  140. .skin-black .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  141. .skin-black .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  142. .skin-black .sidebar-form input[type="text"]:focus,
  143. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  144. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  145. .skin-black .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  146. .skin-black .pace .pace-progress{background: #222;}
  147. .skin-black .pace .pace-activity{border-top-color: #222;border-left-color: #222;}
  148. /* * Skin: Black * -----------*//* skin-black navbar*/.skin-black-light .main-header{-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);}
  149. .skin-black-light .main-header .navbar-toggle{color: #333;}
  150. .skin-black-light .main-header .navbar-brand{color: #333;border-right: 1px solid #eee;}
  151. .skin-black-light .main-header > .navbar{background-color: #ffffff;}
  152. .skin-black-light .main-header > .navbar .nav > li > a{color: #333333;}
  153. .skin-black-light .main-header > .navbar .nav > li > a:hover,
  154. .skin-black-light .main-header > .navbar .nav > li > a:active,
  155. .skin-black-light .main-header > .navbar .nav > li > a:focus,
  156. .skin-black-light .main-header > .navbar .nav .open > a,
  157. .skin-black-light .main-header > .navbar .nav .open > a:hover,
  158. .skin-black-light .main-header > .navbar .nav .open > a:focus,
  159. .skin-black-light .main-header > .navbar .nav > .active > a{background: #ffffff;color: #999999;}
  160. .skin-black-light .main-header > .navbar .sidebar-toggle{color: #333333;}
  161. .skin-black-light .main-header > .navbar .sidebar-toggle:hover{color: #999999;background: #ffffff;}
  162. .skin-black-light .main-header > .navbar > .sidebar-toggle{color: #333;border-right: 1px solid #eee;}
  163. .skin-black-light .main-header > .navbar .navbar-nav > li > a{border-right: 1px solid #eee;}
  164. .skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
  165. .skin-black-light .main-header > .navbar .navbar-right > li > a{border-left: 1px solid #eee;border-right-width: 0;}
  166. .skin-black-light .main-header > .logo{background-color: #ffffff;color: #333333;border-bottom: 0 solid transparent;border-right: 1px solid #eee;}
  167. .skin-black-light .main-header > .logo:hover{background-color: #fcfcfc;}
  168. @media (max-width: 767px){.skin-black-light .main-header > .logo{background-color: #222222;color: #ffffff;border-bottom: 0 solid transparent;border-right: none;}
  169. .skin-black-light .main-header > .logo:hover{background-color: #1f1f1f;}}
  170. .skin-black-light .main-header li.user-header{background-color: #222;}
  171. .skin-black-light .content-header{background: transparent;box-shadow: none;}
  172. .skin-black-light .wrapper,
  173. .skin-black-light .main-sidebar,
  174. .skin-black-light .left-side{background-color: #f9fafc;}
  175. .skin-black-light .content-wrapper,
  176. .skin-black-light .main-footer{border-left: 1px solid #d2d6de;}
  177. .skin-black-light .user-panel > .info,
  178. .skin-black-light .user-panel > .info > a{color: #444444;}
  179. .skin-black-light .sidebar-menu > li{-webkit-transition: border-left-color 0.3s ease;-o-transition: border-left-color 0.3s ease;transition: border-left-color 0.3s ease;}
  180. .skin-black-light .sidebar-menu > li.header{color: #848484;background: #f9fafc;}
  181. .skin-black-light .sidebar-menu > li > a{border-left: 3px solid transparent;font-weight: 600;}
  182. .skin-black-light .sidebar-menu > li:hover > a,
  183. .skin-black-light .sidebar-menu > li.active > a{color: #000000;background: #f4f4f5;}
  184. .skin-black-light .sidebar-menu > li.active{border-left-color: #ffffff;}
  185. .skin-black-light .sidebar-menu > li.active > a{font-weight: 600;}
  186. .skin-black-light .sidebar-menu > li > .treeview-menu{background: #f4f4f5;}
  187. .skin-black-light .sidebar a{color: #444444;}
  188. .skin-black-light .sidebar a:hover{text-decoration: none;}
  189. .skin-black-light .treeview-menu > li > a{color: #777777;}
  190. .skin-black-light .treeview-menu > li.active > a,
  191. .skin-black-light .treeview-menu > li > a:hover{color: #000000;}
  192. .skin-black-light .treeview-menu > li.active > a{font-weight: 600;}
  193. .skin-black-light .sidebar-form{border-radius: 3px;border: 0px solid #d2d6de;margin: 10px 10px;}
  194. .skin-black-light .sidebar-form input[type="text"],
  195. .skin-black-light .sidebar-form .btn{box-shadow: none;background-color: #fff;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  196. .skin-black-light .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  197. .skin-black-light .sidebar-form input[type="text"]:focus,
  198. .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  199. .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  200. .skin-black-light .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  201. @media (min-width: 768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{border-left: 1px solid #d2d6de;}}
  202. /* * Skin: Green * -----------*/.skin-green .main-header .navbar{background-color: #00a65a;}
  203. .skin-green .main-header .navbar .nav > li > a{color: #ffffff;}
  204. .skin-green .main-header .navbar .nav > li > a:hover,
  205. .skin-green .main-header .navbar .nav > li > a:active,
  206. .skin-green .main-header .navbar .nav > li > a:focus,
  207. .skin-green .main-header .navbar .nav .open > a,
  208. .skin-green .main-header .navbar .nav .open > a:hover,
  209. .skin-green .main-header .navbar .nav .open > a:focus,
  210. .skin-green .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  211. .skin-green .main-header .navbar .sidebar-toggle{color: #ffffff;}
  212. .skin-green .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  213. .skin-green .main-header .navbar .sidebar-toggle{color: #fff;}
  214. .skin-green .main-header .navbar .sidebar-toggle:hover{background-color: #008d4c;}
  215. @media (max-width: 767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  216. .skin-green .main-header .navbar .dropdown-menu li a{color: #fff;}
  217. .skin-green .main-header .navbar .dropdown-menu li a:hover{background: #008d4c;}}
  218. .skin-green .main-header .logo{background-color: #008d4c;color: #ffffff;border-bottom: 0 solid transparent;}
  219. .skin-green .main-header .logo:hover{background-color: #008749;}
  220. .skin-green .main-header li.user-header{background-color: #00a65a;}
  221. .skin-green .content-header{background: transparent;}
  222. .skin-green .wrapper,
  223. .skin-green .main-sidebar,
  224. .skin-green .left-side{background-color: #222d32;}
  225. .skin-green .user-panel > .info,
  226. .skin-green .user-panel > .info > a{color: #fff;}
  227. .skin-green .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
  228. .skin-green .sidebar-menu > li > a{border-left: 3px solid transparent;}
  229. .skin-green .sidebar-menu > li:hover > a,
  230. .skin-green .sidebar-menu > li.active > a{color: #ffffff;background: #1e282c;border-left-color: #00a65a;}
  231. .skin-green .sidebar-menu > li > .treeview-menu{margin: 0 1px;background: #2c3b41;}
  232. .skin-green .sidebar a{color: #b8c7ce;}
  233. .skin-green .sidebar a:hover{text-decoration: none;}
  234. .skin-green .treeview-menu > li > a{/*color: #8aa4af;*/}
  235. .skin-green .treeview-menu > li.active > a,
  236. .skin-green .treeview-menu > li > a:hover{color: #ffffff;}
  237. .skin-green .sidebar-form{border-radius: 3px;border: 0px solid #374850;margin: 10px 10px;}
  238. .skin-green .sidebar-form input[type="text"],
  239. .skin-green .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  240. .skin-green .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  241. .skin-green .sidebar-form input[type="text"]:focus,
  242. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  243. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  244. .skin-green .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  245. /* * Skin: Green * -----------*/.skin-green-light .main-header .navbar{background-color: #00a65a;}
  246. .skin-green-light .main-header .navbar .nav > li > a{color: #ffffff;}
  247. .skin-green-light .main-header .navbar .nav > li > a:hover,
  248. .skin-green-light .main-header .navbar .nav > li > a:active,
  249. .skin-green-light .main-header .navbar .nav > li > a:focus,
  250. .skin-green-light .main-header .navbar .nav .open > a,
  251. .skin-green-light .main-header .navbar .nav .open > a:hover,
  252. .skin-green-light .main-header .navbar .nav .open > a:focus,
  253. .skin-green-light .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  254. .skin-green-light .main-header .navbar .sidebar-toggle{color: #ffffff;}
  255. .skin-green-light .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  256. .skin-green-light .main-header .navbar .sidebar-toggle{color: #fff;}
  257. .skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color: #008d4c;}
  258. @media (max-width: 767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  259. .skin-green-light .main-header .navbar .dropdown-menu li a{color: #fff;}
  260. .skin-green-light .main-header .navbar .dropdown-menu li a:hover{background: #008d4c;}}
  261. .skin-green-light .main-header .logo{background-color: #00a65a;color: #ffffff;border-bottom: 0 solid transparent;}
  262. .skin-green-light .main-header .logo:hover{background-color: #00a157;}
  263. .skin-green-light .main-header li.user-header{background-color: #00a65a;}
  264. .skin-green-light .content-header{background: transparent;}
  265. .skin-green-light .wrapper,
  266. .skin-green-light .main-sidebar,
  267. .skin-green-light .left-side{background-color: #f9fafc;}
  268. .skin-green-light .content-wrapper,
  269. .skin-green-light .main-footer{border-left: 1px solid #d2d6de;}
  270. .skin-green-light .user-panel > .info,
  271. .skin-green-light .user-panel > .info > a{color: #444444;}
  272. .skin-green-light .sidebar-menu > li{-webkit-transition: border-left-color 0.3s ease;-o-transition: border-left-color 0.3s ease;transition: border-left-color 0.3s ease;}
  273. .skin-green-light .sidebar-menu > li.header{color: #848484;background: #f9fafc;}
  274. .skin-green-light .sidebar-menu > li > a{border-left: 3px solid transparent;font-weight: 600;}
  275. .skin-green-light .sidebar-menu > li:hover > a,
  276. .skin-green-light .sidebar-menu > li.active > a{color: #000000;background: #f4f4f5;}
  277. .skin-green-light .sidebar-menu > li.active{border-left-color: #00a65a;}
  278. .skin-green-light .sidebar-menu > li.active > a{font-weight: 600;}
  279. .skin-green-light .sidebar-menu > li > .treeview-menu{background: #f4f4f5;}
  280. .skin-green-light .sidebar a{color: #444444;}
  281. .skin-green-light .sidebar a:hover{text-decoration: none;}
  282. .skin-green-light .treeview-menu > li > a{color: #777777;}
  283. .skin-green-light .treeview-menu > li.active > a,
  284. .skin-green-light .treeview-menu > li > a:hover{color: #000000;}
  285. .skin-green-light .treeview-menu > li.active > a{font-weight: 600;}
  286. .skin-green-light .sidebar-form{border-radius: 3px;border: 0px solid #d2d6de;margin: 10px 10px;}
  287. .skin-green-light .sidebar-form input[type="text"],
  288. .skin-green-light .sidebar-form .btn{box-shadow: none;background-color: #fff;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  289. .skin-green-light .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  290. .skin-green-light .sidebar-form input[type="text"]:focus,
  291. .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  292. .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  293. .skin-green-light .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  294. @media (min-width: 768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{border-left: 1px solid #d2d6de;}}
  295. /* * Skin: Red * ---------*/.skin-red .main-header .navbar{background-color: #dd4b39;}
  296. .skin-red .main-header .navbar .nav > li > a{color: #ffffff;}
  297. .skin-red .main-header .navbar .nav > li > a:hover,
  298. .skin-red .main-header .navbar .nav > li > a:active,
  299. .skin-red .main-header .navbar .nav > li > a:focus,
  300. .skin-red .main-header .navbar .nav .open > a,
  301. .skin-red .main-header .navbar .nav .open > a:hover,
  302. .skin-red .main-header .navbar .nav .open > a:focus,
  303. .skin-red .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  304. .skin-red .main-header .navbar .sidebar-toggle{color: #ffffff;}
  305. .skin-red .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  306. .skin-red .main-header .navbar .sidebar-toggle{color: #fff;}
  307. .skin-red .main-header .navbar .sidebar-toggle:hover{background-color: #d73925;}
  308. @media (max-width: 767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  309. .skin-red .main-header .navbar .dropdown-menu li a{color: #fff;}
  310. .skin-red .main-header .navbar .dropdown-menu li a:hover{background: #d73925;}}
  311. .skin-red .main-header .logo{background-color: #d73925;color: #ffffff;border-bottom: 0 solid transparent;}
  312. .skin-red .main-header .logo:hover{background-color: #d33724;}
  313. .skin-red .main-header li.user-header{background-color: #dd4b39;}
  314. .skin-red .content-header{background: transparent;}
  315. .skin-red .wrapper,
  316. .skin-red .main-sidebar,
  317. .skin-red .left-side{background-color: #222d32;}
  318. .skin-red .user-panel > .info,
  319. .skin-red .user-panel > .info > a{color: #fff;}
  320. .skin-red .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
  321. .skin-red .sidebar-menu > li > a{border-left: 3px solid transparent;}
  322. .skin-red .sidebar-menu > li:hover > a,
  323. .skin-red .sidebar-menu > li.active > a{color: #ffffff;background: #1e282c;border-left-color: #dd4b39;}
  324. .skin-red .sidebar-menu > li > .treeview-menu{margin: 0 1px;background: #2c3b41;}
  325. .skin-red .sidebar a{color: #b8c7ce;}
  326. .skin-red .sidebar a:hover{text-decoration: none;}
  327. .skin-red .treeview-menu > li > a{/*color: #8aa4af;*/}
  328. .skin-red .treeview-menu > li.active > a,
  329. .skin-red .treeview-menu > li > a:hover{color: #ffffff;}
  330. .skin-red .sidebar-form{border-radius: 3px;border: 0px solid #374850;margin: 10px 10px;}
  331. .skin-red .sidebar-form input[type="text"],
  332. .skin-red .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  333. .skin-red .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  334. .skin-red .sidebar-form input[type="text"]:focus,
  335. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  336. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  337. .skin-red .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  338. /* * Skin: Red * ---------*/.skin-red-light .main-header .navbar{background-color: #dd4b39;}
  339. .skin-red-light .main-header .navbar .nav > li > a{color: #ffffff;}
  340. .skin-red-light .main-header .navbar .nav > li > a:hover,
  341. .skin-red-light .main-header .navbar .nav > li > a:active,
  342. .skin-red-light .main-header .navbar .nav > li > a:focus,
  343. .skin-red-light .main-header .navbar .nav .open > a,
  344. .skin-red-light .main-header .navbar .nav .open > a:hover,
  345. .skin-red-light .main-header .navbar .nav .open > a:focus,
  346. .skin-red-light .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  347. .skin-red-light .main-header .navbar .sidebar-toggle{color: #ffffff;}
  348. .skin-red-light .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  349. .skin-red-light .main-header .navbar .sidebar-toggle{color: #fff;}
  350. .skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color: #d73925;}
  351. @media (max-width: 767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  352. .skin-red-light .main-header .navbar .dropdown-menu li a{color: #fff;}
  353. .skin-red-light .main-header .navbar .dropdown-menu li a:hover{background: #d73925;}}
  354. .skin-red-light .main-header .logo{background-color: #dd4b39;color: #ffffff;border-bottom: 0 solid transparent;}
  355. .skin-red-light .main-header .logo:hover{background-color: #dc4735;}
  356. .skin-red-light .main-header li.user-header{background-color: #dd4b39;}
  357. .skin-red-light .content-header{background: transparent;}
  358. .skin-red-light .wrapper,
  359. .skin-red-light .main-sidebar,
  360. .skin-red-light .left-side{background-color: #f9fafc;}
  361. .skin-red-light .content-wrapper,
  362. .skin-red-light .main-footer{border-left: 1px solid #d2d6de;}
  363. .skin-red-light .user-panel > .info,
  364. .skin-red-light .user-panel > .info > a{color: #444444;}
  365. .skin-red-light .sidebar-menu > li{-webkit-transition: border-left-color 0.3s ease;-o-transition: border-left-color 0.3s ease;transition: border-left-color 0.3s ease;}
  366. .skin-red-light .sidebar-menu > li.header{color: #848484;background: #f9fafc;}
  367. .skin-red-light .sidebar-menu > li > a{border-left: 3px solid transparent;font-weight: 600;}
  368. .skin-red-light .sidebar-menu > li:hover > a,
  369. .skin-red-light .sidebar-menu > li.active > a{color: #000000;background: #f4f4f5;}
  370. .skin-red-light .sidebar-menu > li.active{border-left-color: #dd4b39;}
  371. .skin-red-light .sidebar-menu > li.active > a{font-weight: 600;}
  372. .skin-red-light .sidebar-menu > li > .treeview-menu{background: #f4f4f5;}
  373. .skin-red-light .sidebar a{color: #444444;}
  374. .skin-red-light .sidebar a:hover{text-decoration: none;}
  375. .skin-red-light .treeview-menu > li > a{color: #777777;}
  376. .skin-red-light .treeview-menu > li.active > a,
  377. .skin-red-light .treeview-menu > li > a:hover{color: #000000;}
  378. .skin-red-light .treeview-menu > li.active > a{font-weight: 600;}
  379. .skin-red-light .sidebar-form{border-radius: 3px;border: 0px solid #d2d6de;margin: 10px 10px;}
  380. .skin-red-light .sidebar-form input[type="text"],
  381. .skin-red-light .sidebar-form .btn{box-shadow: none;background-color: #fff;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  382. .skin-red-light .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  383. .skin-red-light .sidebar-form input[type="text"]:focus,
  384. .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  385. .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  386. .skin-red-light .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  387. @media (min-width: 768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{border-left: 1px solid #d2d6de;}}
  388. /* * Skin: Yellow * ------------*/.skin-yellow .main-header .navbar{background-color: #f39c12;}
  389. .skin-yellow .main-header .navbar .nav > li > a{color: #ffffff;}
  390. .skin-yellow .main-header .navbar .nav > li > a:hover,
  391. .skin-yellow .main-header .navbar .nav > li > a:active,
  392. .skin-yellow .main-header .navbar .nav > li > a:focus,
  393. .skin-yellow .main-header .navbar .nav .open > a,
  394. .skin-yellow .main-header .navbar .nav .open > a:hover,
  395. .skin-yellow .main-header .navbar .nav .open > a:focus,
  396. .skin-yellow .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  397. .skin-yellow .main-header .navbar .sidebar-toggle{color: #ffffff;}
  398. .skin-yellow .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  399. .skin-yellow .main-header .navbar .sidebar-toggle{color: #fff;}
  400. .skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color: #e08e0b;}
  401. @media (max-width: 767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  402. .skin-yellow .main-header .navbar .dropdown-menu li a{color: #fff;}
  403. .skin-yellow .main-header .navbar .dropdown-menu li a:hover{background: #e08e0b;}}
  404. .skin-yellow .main-header .logo{background-color: #e08e0b;color: #ffffff;border-bottom: 0 solid transparent;}
  405. .skin-yellow .main-header .logo:hover{background-color: #db8b0b;}
  406. .skin-yellow .main-header li.user-header{background-color: #f39c12;}
  407. .skin-yellow .content-header{background: transparent;}
  408. .skin-yellow .wrapper,
  409. .skin-yellow .main-sidebar,
  410. .skin-yellow .left-side{background-color: #222d32;}
  411. .skin-yellow .user-panel > .info,
  412. .skin-yellow .user-panel > .info > a{color: #fff;}
  413. .skin-yellow .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
  414. .skin-yellow .sidebar-menu > li > a{border-left: 3px solid transparent;}
  415. .skin-yellow .sidebar-menu > li:hover > a,
  416. .skin-yellow .sidebar-menu > li.active > a{color: #ffffff;background: #1e282c;border-left-color: #f39c12;}
  417. .skin-yellow .sidebar-menu > li > .treeview-menu{margin: 0 1px;background: #2c3b41;}
  418. .skin-yellow .sidebar a{color: #b8c7ce;}
  419. .skin-yellow .sidebar a:hover{text-decoration: none;}
  420. .skin-yellow .treeview-menu > li > a{/*color: #8aa4af;*/}
  421. .skin-yellow .treeview-menu > li.active > a,
  422. .skin-yellow .treeview-menu > li > a:hover{color: #ffffff;}
  423. .skin-yellow .sidebar-form{border-radius: 3px;border: 0px solid #374850;margin: 10px 10px;}
  424. .skin-yellow .sidebar-form input[type="text"],
  425. .skin-yellow .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  426. .skin-yellow .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  427. .skin-yellow .sidebar-form input[type="text"]:focus,
  428. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  429. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  430. .skin-yellow .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  431. /* * Skin: Yellow * ------------*/.skin-yellow-light .main-header .navbar{background-color: #f39c12;}
  432. .skin-yellow-light .main-header .navbar .nav > li > a{color: #ffffff;}
  433. .skin-yellow-light .main-header .navbar .nav > li > a:hover,
  434. .skin-yellow-light .main-header .navbar .nav > li > a:active,
  435. .skin-yellow-light .main-header .navbar .nav > li > a:focus,
  436. .skin-yellow-light .main-header .navbar .nav .open > a,
  437. .skin-yellow-light .main-header .navbar .nav .open > a:hover,
  438. .skin-yellow-light .main-header .navbar .nav .open > a:focus,
  439. .skin-yellow-light .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  440. .skin-yellow-light .main-header .navbar .sidebar-toggle{color: #ffffff;}
  441. .skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  442. .skin-yellow-light .main-header .navbar .sidebar-toggle{color: #fff;}
  443. .skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color: #e08e0b;}
  444. @media (max-width: 767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  445. .skin-yellow-light .main-header .navbar .dropdown-menu li a{color: #fff;}
  446. .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background: #e08e0b;}}
  447. .skin-yellow-light .main-header .logo{background-color: #f39c12;color: #ffffff;border-bottom: 0 solid transparent;}
  448. .skin-yellow-light .main-header .logo:hover{background-color: #f39a0d;}
  449. .skin-yellow-light .main-header li.user-header{background-color: #f39c12;}
  450. .skin-yellow-light .content-header{background: transparent;}
  451. .skin-yellow-light .wrapper,
  452. .skin-yellow-light .main-sidebar,
  453. .skin-yellow-light .left-side{background-color: #f9fafc;}
  454. .skin-yellow-light .content-wrapper,
  455. .skin-yellow-light .main-footer{border-left: 1px solid #d2d6de;}
  456. .skin-yellow-light .user-panel > .info,
  457. .skin-yellow-light .user-panel > .info > a{color: #444444;}
  458. .skin-yellow-light .sidebar-menu > li{-webkit-transition: border-left-color 0.3s ease;-o-transition: border-left-color 0.3s ease;transition: border-left-color 0.3s ease;}
  459. .skin-yellow-light .sidebar-menu > li.header{color: #848484;background: #f9fafc;}
  460. .skin-yellow-light .sidebar-menu > li > a{border-left: 3px solid transparent;font-weight: 600;}
  461. .skin-yellow-light .sidebar-menu > li:hover > a,
  462. .skin-yellow-light .sidebar-menu > li.active > a{color: #000000;background: #f4f4f5;}
  463. .skin-yellow-light .sidebar-menu > li.active{border-left-color: #f39c12;}
  464. .skin-yellow-light .sidebar-menu > li.active > a{font-weight: 600;}
  465. .skin-yellow-light .sidebar-menu > li > .treeview-menu{background: #f4f4f5;}
  466. .skin-yellow-light .sidebar a{color: #444444;}
  467. .skin-yellow-light .sidebar a:hover{text-decoration: none;}
  468. .skin-yellow-light .treeview-menu > li > a{color: #777777;}
  469. .skin-yellow-light .treeview-menu > li.active > a,
  470. .skin-yellow-light .treeview-menu > li > a:hover{color: #000000;}
  471. .skin-yellow-light .treeview-menu > li.active > a{font-weight: 600;}
  472. .skin-yellow-light .sidebar-form{border-radius: 3px;border: 0px solid #d2d6de;margin: 10px 10px;}
  473. .skin-yellow-light .sidebar-form input[type="text"],
  474. .skin-yellow-light .sidebar-form .btn{box-shadow: none;background-color: #fff;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  475. .skin-yellow-light .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  476. .skin-yellow-light .sidebar-form input[type="text"]:focus,
  477. .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  478. .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  479. .skin-yellow-light .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  480. @media (min-width: 768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{border-left: 1px solid #d2d6de;}}
  481. /* * Skin: Purple * ------------*/.skin-purple .main-header .navbar{background-color: #605ca8;}
  482. .skin-purple .main-header .navbar .nav > li > a{color: #ffffff;}
  483. .skin-purple .main-header .navbar .nav > li > a:hover,
  484. .skin-purple .main-header .navbar .nav > li > a:active,
  485. .skin-purple .main-header .navbar .nav > li > a:focus,
  486. .skin-purple .main-header .navbar .nav .open > a,
  487. .skin-purple .main-header .navbar .nav .open > a:hover,
  488. .skin-purple .main-header .navbar .nav .open > a:focus,
  489. .skin-purple .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  490. .skin-purple .main-header .navbar .sidebar-toggle{color: #ffffff;}
  491. .skin-purple .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  492. .skin-purple .main-header .navbar .sidebar-toggle{color: #fff;}
  493. .skin-purple .main-header .navbar .sidebar-toggle:hover{background-color: #555299;}
  494. @media (max-width: 767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  495. .skin-purple .main-header .navbar .dropdown-menu li a{color: #fff;}
  496. .skin-purple .main-header .navbar .dropdown-menu li a:hover{background: #555299;}}
  497. .skin-purple .main-header .logo{background-color: #555299;color: #ffffff;border-bottom: 0 solid transparent;}
  498. .skin-purple .main-header .logo:hover{background-color: #545096;}
  499. .skin-purple .main-header li.user-header{background-color: #605ca8;}
  500. .skin-purple .content-header{background: transparent;}
  501. .skin-purple .wrapper,
  502. .skin-purple .main-sidebar,
  503. .skin-purple .left-side{background-color: #222d32;}
  504. .skin-purple .user-panel > .info,
  505. .skin-purple .user-panel > .info > a{color: #fff;}
  506. .skin-purple .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
  507. .skin-purple .sidebar-menu > li > a{border-left: 3px solid transparent;}
  508. .skin-purple .sidebar-menu > li:hover > a,
  509. .skin-purple .sidebar-menu > li.active > a{color: #ffffff;background: #1e282c;border-left-color: #605ca8;}
  510. .skin-purple .sidebar-menu > li > .treeview-menu{margin: 0 1px;background: #2c3b41;}
  511. .skin-purple .sidebar a{color: #b8c7ce;}
  512. .skin-purple .sidebar a:hover{text-decoration: none;}
  513. .skin-purple .treeview-menu > li > a{/*color: #8aa4af;*/}
  514. .skin-purple .treeview-menu > li.active > a,
  515. .skin-purple .treeview-menu > li > a:hover{color: #ffffff;}
  516. .skin-purple .sidebar-form{border-radius: 3px;border: 0px solid #374850;margin: 10px 10px;}
  517. .skin-purple .sidebar-form input[type="text"],
  518. .skin-purple .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  519. .skin-purple .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  520. .skin-purple .sidebar-form input[type="text"]:focus,
  521. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  522. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  523. .skin-purple .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  524. /* * Skin: Purple * ------------*/.skin-purple-light .main-header .navbar{background-color: #605ca8;}
  525. .skin-purple-light .main-header .navbar .nav > li > a{color: #ffffff;}
  526. .skin-purple-light .main-header .navbar .nav > li > a:hover,
  527. .skin-purple-light .main-header .navbar .nav > li > a:active,
  528. .skin-purple-light .main-header .navbar .nav > li > a:focus,
  529. .skin-purple-light .main-header .navbar .nav .open > a,
  530. .skin-purple-light .main-header .navbar .nav .open > a:hover,
  531. .skin-purple-light .main-header .navbar .nav .open > a:focus,
  532. .skin-purple-light .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
  533. .skin-purple-light .main-header .navbar .sidebar-toggle{color: #ffffff;}
  534. .skin-purple-light .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
  535. .skin-purple-light .main-header .navbar .sidebar-toggle{color: #fff;}
  536. .skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color: #555299;}
  537. @media (max-width: 767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
  538. .skin-purple-light .main-header .navbar .dropdown-menu li a{color: #fff;}
  539. .skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background: #555299;}}
  540. .skin-purple-light .main-header .logo{background-color: #605ca8;color: #ffffff;border-bottom: 0 solid transparent;}
  541. .skin-purple-light .main-header .logo:hover{background-color: #5d59a6;}
  542. .skin-purple-light .main-header li.user-header{background-color: #605ca8;}
  543. .skin-purple-light .content-header{background: transparent;}
  544. .skin-purple-light .wrapper,
  545. .skin-purple-light .main-sidebar,
  546. .skin-purple-light .left-side{background-color: #f9fafc;}
  547. .skin-purple-light .content-wrapper,
  548. .skin-purple-light .main-footer{border-left: 1px solid #d2d6de;}
  549. .skin-purple-light .user-panel > .info,
  550. .skin-purple-light .user-panel > .info > a{color: #444444;}
  551. .skin-purple-light .sidebar-menu > li{-webkit-transition: border-left-color 0.3s ease;-o-transition: border-left-color 0.3s ease;transition: border-left-color 0.3s ease;}
  552. .skin-purple-light .sidebar-menu > li.header{color: #848484;background: #f9fafc;}
  553. .skin-purple-light .sidebar-menu > li > a{border-left: 3px solid transparent;font-weight: 600;}
  554. .skin-purple-light .sidebar-menu > li:hover > a,
  555. .skin-purple-light .sidebar-menu > li.active > a{color: #000000;background: #f4f4f5;}
  556. .skin-purple-light .sidebar-menu > li.active{border-left-color: #605ca8;}
  557. .skin-purple-light .sidebar-menu > li.active > a{font-weight: 600;}
  558. .skin-purple-light .sidebar-menu > li > .treeview-menu{background: #f4f4f5;}
  559. .skin-purple-light .sidebar a{color: #444444;}
  560. .skin-purple-light .sidebar a:hover{text-decoration: none;}
  561. .skin-purple-light .treeview-menu > li > a{color: #777777;}
  562. .skin-purple-light .treeview-menu > li.active > a,
  563. .skin-purple-light .treeview-menu > li > a:hover{color: #000000;}
  564. .skin-purple-light .treeview-menu > li.active > a{font-weight: 600;}
  565. .skin-purple-light .sidebar-form{border-radius: 3px;border: 0px solid #d2d6de;margin: 10px 10px;}
  566. .skin-purple-light .sidebar-form input[type="text"],
  567. .skin-purple-light .sidebar-form .btn{box-shadow: none;background-color: #fff;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  568. .skin-purple-light .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
  569. .skin-purple-light .sidebar-form input[type="text"]:focus,
  570. .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
  571. .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
  572. .skin-purple-light .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
  573. @media (min-width: 768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{border-left: 1px solid #d2d6de;}}
  574. .bg-red,
  575. .bg-yellow,
  576. .bg-aqua,
  577. .bg-blue,
  578. .bg-light-blue,
  579. .bg-green,
  580. .bg-navy,
  581. .bg-teal,
  582. .bg-olive,
  583. .bg-lime,
  584. .bg-orange,
  585. .bg-fuchsia,
  586. .bg-purple,
  587. .bg-maroon,
  588. .bg-black,
  589. .bg-red-active,
  590. .bg-yellow-active,
  591. .bg-aqua-active,
  592. .bg-blue-active,
  593. .bg-light-blue-active,
  594. .bg-green-active,
  595. .bg-navy-active,
  596. .bg-teal-active,
  597. .bg-olive-active,
  598. .bg-lime-active,
  599. .bg-orange-active,
  600. .bg-fuchsia-active,
  601. .bg-purple-active,
  602. .bg-maroon-active,
  603. .bg-black-active,
  604. .callout.callout-danger,
  605. .callout.callout-warning,
  606. .callout.callout-info,
  607. .callout.callout-success,
  608. .alert-success,
  609. .alert-danger,
  610. .alert-error,
  611. .alert-warning,
  612. .alert-info,
  613. .label-danger,
  614. .label-info,
  615. .label-warning,
  616. .label-primary,
  617. .label-success,
  618. .modal-primary .modal-body,
  619. .modal-primary .modal-header,
  620. .modal-primary .modal-footer,
  621. .modal-warning .modal-body,
  622. .modal-warning .modal-header,
  623. .modal-warning .modal-footer,
  624. .modal-info .modal-body,
  625. .modal-info .modal-header,
  626. .modal-info .modal-footer,
  627. .modal-success .modal-body,
  628. .modal-success .modal-header,
  629. .modal-success .modal-footer,
  630. .modal-danger .modal-body,
  631. .modal-danger .modal-header,
  632. .modal-danger .modal-footer{color: #fff !important;}
  633. .bg-gray{color: #000;background-color: #d2d6de !important;}
  634. .bg-gray-light{background-color: #f7f7f7;}
  635. .bg-black{background-color: #111111 !important;}
  636. .bg-red,
  637. .callout.callout-danger,
  638. .alert-danger,
  639. .alert-error,
  640. .label-danger,
  641. .modal-danger .modal-body{background-color: #dd4b39 !important;}
  642. .bg-yellow,
  643. .callout.callout-warning,
  644. .alert-warning,
  645. .label-warning,
  646. .modal-warning .modal-body{background-color: #f39c12 !important;}
  647. .bg-aqua,
  648. .callout.callout-info,
  649. .alert-info,
  650. .label-info,
  651. .modal-info .modal-body{background-color: #00c0ef !important;}
  652. .bg-blue{background-color: #0073b7 !important;}
  653. .bg-light-blue,
  654. .label-primary,
  655. .modal-primary .modal-body{background-color: #3c8dbc !important;}
  656. .bg-green,
  657. .callout.callout-success,
  658. .alert-success,
  659. .label-success,
  660. .modal-success .modal-body{background-color: #00a65a !important;}
  661. .bg-navy{background-color: #001f3f !important;}
  662. .bg-teal{background-color: #39cccc !important;}
  663. .bg-olive{background-color: #3d9970 !important;}
  664. .bg-lime{background-color: #01ff70 !important;}
  665. .bg-orange{background-color: #ff851b !important;}
  666. .bg-fuchsia{background-color: #f012be !important;}
  667. .bg-purple{background-color: #605ca8 !important;}
  668. .bg-maroon{background-color: #d81b60 !important;}
  669. .bg-gray-active{color: #000;background-color: #b5bbc8 !important;}
  670. .bg-black-active{background-color: #000000 !important;}
  671. .bg-red-active,
  672. .modal-danger .modal-header,
  673. .modal-danger .modal-footer{background-color: #d33724 !important;}
  674. .bg-yellow-active,
  675. .modal-warning .modal-header,
  676. .modal-warning .modal-footer{background-color: #db8b0b !important;}
  677. .bg-aqua-active,
  678. .modal-info .modal-header,
  679. .modal-info .modal-footer{background-color: #00a7d0 !important;}
  680. .bg-blue-active{background-color: #005384 !important;}
  681. .bg-light-blue-active,
  682. .modal-primary .modal-header,
  683. .modal-primary .modal-footer{background-color: #357ca5 !important;}
  684. .bg-green-active,
  685. .modal-success .modal-header,
  686. .modal-success .modal-footer{background-color: #008d4c !important;}
  687. .bg-navy-active{background-color: #001a35 !important;}
  688. .bg-teal-active{background-color: #30bbbb !important;}
  689. .bg-olive-active{background-color: #368763 !important;}
  690. .bg-lime-active{background-color: #00e765 !important;}
  691. .bg-orange-active{background-color: #ff7701 !important;}
  692. .bg-fuchsia-active{background-color: #db0ead !important;}
  693. .bg-purple-active{background-color: #555299 !important;}
  694. .bg-maroon-active{background-color: #ca195a !important;}
  695. [class^="bg-"].disabled{opacity: 0.65;filter: alpha(opacity=65);}
  696. .text-red{color: #dd4b39 !important;}
  697. .text-yellow{color: #f39c12 !important;}
  698. .text-aqua{color: #00c0ef !important;}
  699. .text-blue{color: #0073b7 !important;}
  700. .text-black{color: #111111 !important;}
  701. .text-light-blue{color: #3c8dbc !important;}
  702. .text-green{color: #00a65a !important;}
  703. .text-gray{color: #d2d6de !important;}
  704. .text-navy{color: #001f3f !important;}
  705. .text-teal{color: #39cccc !important;}
  706. .text-olive{color: #3d9970 !important;}
  707. .text-lime{color: #01ff70 !important;}
  708. .text-orange{color: #ff851b !important;}
  709. .text-fuchsia{color: #f012be !important;}
  710. .text-purple{color: #605ca8 !important;}
  711. .text-maroon{color: #d81b60 !important;}
  712. .link-muted{color: #7a869d;}
  713. .link-muted:hover,
  714. .link-muted:focus{color: #606c84;}
  715. .link-black{color: #666;}
  716. .link-black:hover,
  717. .link-black:focus{color: #999;}
  718. .hide{display: none !important;}
  719. .no-border{border: 0 !important;}
  720. .no-padding{padding: 0 !important;}
  721. .no-margin{margin: 0 !important;}
  722. .no-shadow{box-shadow: none !important;}
  723. .list-unstyled,
  724. .chart-legend,
  725. .contacts-list,
  726. .users-list,
  727. .mailbox-attachments{list-style: none;margin: 0;padding: 0;}
  728. .list-group-unbordered > .list-group-item{border-left: 0;border-right: 0;border-radius: 0;padding-left: 0;padding-right: 0;}
  729. .flat{border-radius: 0 !important;}
  730. .text-bold,
  731. .text-bold.table td,
  732. .text-bold.table th{font-weight: 700;}
  733. .text-sm{font-size: 12px;}
  734. .jqstooltip{padding: 5px !important;width: auto !important;height: auto !important;}
  735. .bg-teal-gradient{background: #39cccc !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;background: -o-linear-gradient(#7adddd, #39cccc) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;color: #fff;}
  736. .bg-light-blue-gradient{background: #3c8dbc !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;color: #fff;}
  737. .bg-blue-gradient{background: #0073b7 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;background: -o-linear-gradient(#0089db, #0073b7) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;color: #fff;}
  738. .bg-aqua-gradient{background: #00c0ef !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;background: -o-linear-gradient(#14d1ff, #00c0ef) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;color: #fff;}
  739. .bg-yellow-gradient{background: #f39c12 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;background: -o-linear-gradient(#f7bc60, #f39c12) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;color: #fff;}
  740. .bg-purple-gradient{background: #605ca8 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;background: -o-linear-gradient(#9491c4, #605ca8) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;color: #fff;}
  741. .bg-green-gradient{background: #00a65a !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;background: -o-linear-gradient(#00ca6d, #00a65a) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;color: #fff;}
  742. .bg-red-gradient{background: #dd4b39 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;background: -o-linear-gradient(#e47365, #dd4b39) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;color: #fff;}
  743. .bg-black-gradient{background: #111111 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;background: -o-linear-gradient(#2b2b2b, #111111) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;color: #fff;}
  744. .bg-maroon-gradient{background: #d81b60 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;background: -o-linear-gradient(#e73f7c, #d81b60) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;color: #fff;}