_all-skins.css 48 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806
  1. /*
  2. * Skin: Blue
  3. * ----------
  4. */
  5. .skin-blue .main-header .navbar {
  6. background-color: #3c8dbc;
  7. }
  8. .skin-blue .main-header .navbar .nav > li > a {
  9. color: #ffffff;
  10. }
  11. .skin-blue .main-header .navbar .nav > li > a:hover,
  12. .skin-blue .main-header .navbar .nav > li > a:active,
  13. .skin-blue .main-header .navbar .nav > li > a:focus,
  14. .skin-blue .main-header .navbar .nav .open > a,
  15. .skin-blue .main-header .navbar .nav .open > a:hover,
  16. .skin-blue .main-header .navbar .nav .open > a:focus,
  17. .skin-blue .main-header .navbar .nav > .active > a {
  18. background: rgba(0, 0, 0, 0.1);
  19. color: #f6f6f6;
  20. }
  21. .skin-blue .main-header .navbar .sidebar-toggle {
  22. color: #ffffff;
  23. }
  24. .skin-blue .main-header .navbar .sidebar-toggle:hover {
  25. color: #f6f6f6;
  26. background: rgba(0, 0, 0, 0.1);
  27. }
  28. .skin-blue .main-header .navbar .sidebar-toggle {
  29. color: #fff;
  30. }
  31. .skin-blue .main-header .navbar .sidebar-toggle:hover {
  32. background-color: #367fa9;
  33. }
  34. @media (max-width: 767px) {
  35. .skin-blue .main-header .navbar .dropdown-menu li.divider {
  36. background-color: rgba(255, 255, 255, 0.1);
  37. }
  38. .skin-blue .main-header .navbar .dropdown-menu li a {
  39. color: #fff;
  40. }
  41. .skin-blue .main-header .navbar .dropdown-menu li a:hover {
  42. background: #367fa9;
  43. }
  44. }
  45. .skin-blue .main-header .logo {
  46. background-color: #367fa9;
  47. color: #ffffff;
  48. border-bottom: 0 solid transparent;
  49. }
  50. .skin-blue .main-header .logo:hover {
  51. background-color: #357ca5;
  52. }
  53. .skin-blue .main-header li.user-header {
  54. background-color: #3c8dbc;
  55. }
  56. .skin-blue .content-header {
  57. background: transparent;
  58. }
  59. .skin-blue .wrapper,
  60. .skin-blue .main-sidebar,
  61. .skin-blue .left-side {
  62. background-color: #222d32;
  63. }
  64. .skin-blue .user-panel > .info,
  65. .skin-blue .user-panel > .info > a {
  66. color: #fff;
  67. }
  68. .skin-blue .sidebar-menu > li.header {
  69. color: #4b646f;
  70. background: #1a2226;
  71. }
  72. .skin-blue .sidebar-menu > li > a {
  73. border-left: 3px solid transparent;
  74. }
  75. .skin-blue .sidebar-menu > li:hover > a,
  76. .skin-blue .sidebar-menu > li.active > a {
  77. color: #ffffff;
  78. background: #1e282c;
  79. border-left-color: #3c8dbc;
  80. }
  81. .skin-blue .sidebar-menu > li > .treeview-menu {
  82. margin: 0 1px;
  83. background: #2c3b41;
  84. }
  85. .skin-blue .sidebar a {
  86. color: #b8c7ce;
  87. }
  88. .skin-blue .sidebar a:hover {
  89. text-decoration: none;
  90. }
  91. .skin-blue .treeview-menu > li > a {
  92. color: #8aa4af;
  93. }
  94. .skin-blue .treeview-menu > li.active > a,
  95. .skin-blue .treeview-menu > li > a:hover {
  96. color: #ffffff;
  97. }
  98. .skin-blue .sidebar-form {
  99. border-radius: 3px;
  100. border: 1px solid #374850;
  101. margin: 10px 10px;
  102. }
  103. .skin-blue .sidebar-form input[type="text"],
  104. .skin-blue .sidebar-form .btn {
  105. box-shadow: none;
  106. background-color: #374850;
  107. border: 1px solid transparent;
  108. height: 35px;
  109. -webkit-transition: all 0.3s ease-in-out;
  110. -o-transition: all 0.3s ease-in-out;
  111. transition: all 0.3s ease-in-out;
  112. }
  113. .skin-blue .sidebar-form input[type="text"] {
  114. color: #666;
  115. border-top-left-radius: 2px;
  116. border-top-right-radius: 0;
  117. border-bottom-right-radius: 0;
  118. border-bottom-left-radius: 2px;
  119. }
  120. .skin-blue .sidebar-form input[type="text"]:focus,
  121. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  122. background-color: #fff;
  123. color: #666;
  124. }
  125. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  126. border-left-color: #fff;
  127. }
  128. .skin-blue .sidebar-form .btn {
  129. color: #999;
  130. border-top-left-radius: 0;
  131. border-top-right-radius: 2px;
  132. border-bottom-right-radius: 2px;
  133. border-bottom-left-radius: 0;
  134. }
  135. .skin-blue.layout-top-nav .main-header > .logo {
  136. background-color: #3c8dbc;
  137. color: #ffffff;
  138. border-bottom: 0 solid transparent;
  139. }
  140. .skin-blue.layout-top-nav .main-header > .logo:hover {
  141. background-color: #3b8ab8;
  142. }
  143. /*
  144. * Skin: Blue
  145. * ----------
  146. */
  147. .skin-blue-light .main-header .navbar {
  148. background-color: #3c8dbc;
  149. }
  150. .skin-blue-light .main-header .navbar .nav > li > a {
  151. color: #ffffff;
  152. }
  153. .skin-blue-light .main-header .navbar .nav > li > a:hover,
  154. .skin-blue-light .main-header .navbar .nav > li > a:active,
  155. .skin-blue-light .main-header .navbar .nav > li > a:focus,
  156. .skin-blue-light .main-header .navbar .nav .open > a,
  157. .skin-blue-light .main-header .navbar .nav .open > a:hover,
  158. .skin-blue-light .main-header .navbar .nav .open > a:focus,
  159. .skin-blue-light .main-header .navbar .nav > .active > a {
  160. background: rgba(0, 0, 0, 0.1);
  161. color: #f6f6f6;
  162. }
  163. .skin-blue-light .main-header .navbar .sidebar-toggle {
  164. color: #ffffff;
  165. }
  166. .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  167. color: #f6f6f6;
  168. background: rgba(0, 0, 0, 0.1);
  169. }
  170. .skin-blue-light .main-header .navbar .sidebar-toggle {
  171. color: #fff;
  172. }
  173. .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  174. background-color: #367fa9;
  175. }
  176. @media (max-width: 767px) {
  177. .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
  178. background-color: rgba(255, 255, 255, 0.1);
  179. }
  180. .skin-blue-light .main-header .navbar .dropdown-menu li a {
  181. color: #fff;
  182. }
  183. .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
  184. background: #367fa9;
  185. }
  186. }
  187. .skin-blue-light .main-header .logo {
  188. background-color: #3c8dbc;
  189. color: #ffffff;
  190. border-bottom: 0 solid transparent;
  191. }
  192. .skin-blue-light .main-header .logo:hover {
  193. background-color: #3b8ab8;
  194. }
  195. .skin-blue-light .main-header li.user-header {
  196. background-color: #3c8dbc;
  197. }
  198. .skin-blue-light .content-header {
  199. background: transparent;
  200. }
  201. .skin-blue-light .wrapper,
  202. .skin-blue-light .main-sidebar,
  203. .skin-blue-light .left-side {
  204. background-color: #f9fafc;
  205. }
  206. .skin-blue-light .content-wrapper,
  207. .skin-blue-light .main-footer {
  208. border-left: 1px solid #d2d6de;
  209. }
  210. .skin-blue-light .user-panel > .info,
  211. .skin-blue-light .user-panel > .info > a {
  212. color: #444444;
  213. }
  214. .skin-blue-light .sidebar-menu > li {
  215. -webkit-transition: border-left-color 0.3s ease;
  216. -o-transition: border-left-color 0.3s ease;
  217. transition: border-left-color 0.3s ease;
  218. }
  219. .skin-blue-light .sidebar-menu > li.header {
  220. color: #848484;
  221. background: #f9fafc;
  222. }
  223. .skin-blue-light .sidebar-menu > li > a {
  224. border-left: 3px solid transparent;
  225. font-weight: 600;
  226. }
  227. .skin-blue-light .sidebar-menu > li:hover > a,
  228. .skin-blue-light .sidebar-menu > li.active > a {
  229. color: #000000;
  230. background: #f4f4f5;
  231. }
  232. .skin-blue-light .sidebar-menu > li.active {
  233. border-left-color: #3c8dbc;
  234. }
  235. .skin-blue-light .sidebar-menu > li.active > a {
  236. font-weight: 600;
  237. }
  238. .skin-blue-light .sidebar-menu > li > .treeview-menu {
  239. background: #f4f4f5;
  240. }
  241. .skin-blue-light .sidebar a {
  242. color: #444444;
  243. }
  244. .skin-blue-light .sidebar a:hover {
  245. text-decoration: none;
  246. }
  247. .skin-blue-light .treeview-menu > li > a {
  248. color: #777777;
  249. }
  250. .skin-blue-light .treeview-menu > li.active > a,
  251. .skin-blue-light .treeview-menu > li > a:hover {
  252. color: #000000;
  253. }
  254. .skin-blue-light .treeview-menu > li.active > a {
  255. font-weight: 600;
  256. }
  257. .skin-blue-light .sidebar-form {
  258. border-radius: 3px;
  259. border: 1px solid #d2d6de;
  260. margin: 10px 10px;
  261. }
  262. .skin-blue-light .sidebar-form input[type="text"],
  263. .skin-blue-light .sidebar-form .btn {
  264. box-shadow: none;
  265. background-color: #fff;
  266. border: 1px solid transparent;
  267. height: 35px;
  268. -webkit-transition: all 0.3s ease-in-out;
  269. -o-transition: all 0.3s ease-in-out;
  270. transition: all 0.3s ease-in-out;
  271. }
  272. .skin-blue-light .sidebar-form input[type="text"] {
  273. color: #666;
  274. border-top-left-radius: 2px;
  275. border-top-right-radius: 0;
  276. border-bottom-right-radius: 0;
  277. border-bottom-left-radius: 2px;
  278. }
  279. .skin-blue-light .sidebar-form input[type="text"]:focus,
  280. .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  281. background-color: #fff;
  282. color: #666;
  283. }
  284. .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  285. border-left-color: #fff;
  286. }
  287. .skin-blue-light .sidebar-form .btn {
  288. color: #999;
  289. border-top-left-radius: 0;
  290. border-top-right-radius: 2px;
  291. border-bottom-right-radius: 2px;
  292. border-bottom-left-radius: 0;
  293. }
  294. @media (min-width: 768px) {
  295. .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  296. border-left: 1px solid #d2d6de;
  297. }
  298. }
  299. .skin-blue-light .main-footer {
  300. border-top-color: #d2d6de;
  301. }
  302. .skin-blue.layout-top-nav .main-header > .logo {
  303. background-color: #3c8dbc;
  304. color: #ffffff;
  305. border-bottom: 0 solid transparent;
  306. }
  307. .skin-blue.layout-top-nav .main-header > .logo:hover {
  308. background-color: #3b8ab8;
  309. }
  310. /*
  311. * Skin: Black
  312. * -----------
  313. */
  314. /* skin-black navbar */
  315. .skin-black .main-header {
  316. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  317. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  318. }
  319. .skin-black .main-header .navbar-toggle {
  320. color: #333;
  321. }
  322. .skin-black .main-header .navbar-brand {
  323. color: #333;
  324. border-right: 1px solid #eee;
  325. }
  326. .skin-black .main-header > .navbar {
  327. background-color: #ffffff;
  328. }
  329. .skin-black .main-header > .navbar .nav > li > a {
  330. color: #333333;
  331. }
  332. .skin-black .main-header > .navbar .nav > li > a:hover,
  333. .skin-black .main-header > .navbar .nav > li > a:active,
  334. .skin-black .main-header > .navbar .nav > li > a:focus,
  335. .skin-black .main-header > .navbar .nav .open > a,
  336. .skin-black .main-header > .navbar .nav .open > a:hover,
  337. .skin-black .main-header > .navbar .nav .open > a:focus,
  338. .skin-black .main-header > .navbar .nav > .active > a {
  339. background: #ffffff;
  340. color: #999999;
  341. }
  342. .skin-black .main-header > .navbar .sidebar-toggle {
  343. color: #333333;
  344. }
  345. .skin-black .main-header > .navbar .sidebar-toggle:hover {
  346. color: #999999;
  347. background: #ffffff;
  348. }
  349. .skin-black .main-header > .navbar > .sidebar-toggle {
  350. color: #333;
  351. border-right: 1px solid #eee;
  352. }
  353. .skin-black .main-header > .navbar .navbar-nav > li > a {
  354. border-right: 1px solid #eee;
  355. }
  356. .skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
  357. .skin-black .main-header > .navbar .navbar-right > li > a {
  358. border-left: 1px solid #eee;
  359. border-right-width: 0;
  360. }
  361. .skin-black .main-header > .logo {
  362. background-color: #ffffff;
  363. color: #333333;
  364. border-bottom: 0 solid transparent;
  365. border-right: 1px solid #eee;
  366. }
  367. .skin-black .main-header > .logo:hover {
  368. background-color: #fcfcfc;
  369. }
  370. @media (max-width: 767px) {
  371. .skin-black .main-header > .logo {
  372. background-color: #222222;
  373. color: #ffffff;
  374. border-bottom: 0 solid transparent;
  375. border-right: none;
  376. }
  377. .skin-black .main-header > .logo:hover {
  378. background-color: #1f1f1f;
  379. }
  380. }
  381. .skin-black .main-header li.user-header {
  382. background-color: #222;
  383. }
  384. .skin-black .content-header {
  385. background: transparent;
  386. box-shadow: none;
  387. }
  388. .skin-black .wrapper,
  389. .skin-black .main-sidebar,
  390. .skin-black .left-side {
  391. background-color: #222d32;
  392. }
  393. .skin-black .user-panel > .info,
  394. .skin-black .user-panel > .info > a {
  395. color: #fff;
  396. }
  397. .skin-black .sidebar-menu > li.header {
  398. color: #4b646f;
  399. background: #1a2226;
  400. }
  401. .skin-black .sidebar-menu > li > a {
  402. border-left: 3px solid transparent;
  403. }
  404. .skin-black .sidebar-menu > li:hover > a,
  405. .skin-black .sidebar-menu > li.active > a {
  406. color: #ffffff;
  407. background: #1e282c;
  408. border-left-color: #ffffff;
  409. }
  410. .skin-black .sidebar-menu > li > .treeview-menu {
  411. margin: 0 1px;
  412. background: #2c3b41;
  413. }
  414. .skin-black .sidebar a {
  415. color: #b8c7ce;
  416. }
  417. .skin-black .sidebar a:hover {
  418. text-decoration: none;
  419. }
  420. .skin-black .treeview-menu > li > a {
  421. color: #8aa4af;
  422. }
  423. .skin-black .treeview-menu > li.active > a,
  424. .skin-black .treeview-menu > li > a:hover {
  425. color: #ffffff;
  426. }
  427. .skin-black .sidebar-form {
  428. border-radius: 3px;
  429. border: 1px solid #374850;
  430. margin: 10px 10px;
  431. }
  432. .skin-black .sidebar-form input[type="text"],
  433. .skin-black .sidebar-form .btn {
  434. box-shadow: none;
  435. background-color: #374850;
  436. border: 1px solid transparent;
  437. height: 35px;
  438. -webkit-transition: all 0.3s ease-in-out;
  439. -o-transition: all 0.3s ease-in-out;
  440. transition: all 0.3s ease-in-out;
  441. }
  442. .skin-black .sidebar-form input[type="text"] {
  443. color: #666;
  444. border-top-left-radius: 2px;
  445. border-top-right-radius: 0;
  446. border-bottom-right-radius: 0;
  447. border-bottom-left-radius: 2px;
  448. }
  449. .skin-black .sidebar-form input[type="text"]:focus,
  450. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  451. background-color: #fff;
  452. color: #666;
  453. }
  454. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  455. border-left-color: #fff;
  456. }
  457. .skin-black .sidebar-form .btn {
  458. color: #999;
  459. border-top-left-radius: 0;
  460. border-top-right-radius: 2px;
  461. border-bottom-right-radius: 2px;
  462. border-bottom-left-radius: 0;
  463. }
  464. .skin-black .pace .pace-progress {
  465. background: #222;
  466. }
  467. .skin-black .pace .pace-activity {
  468. border-top-color: #222;
  469. border-left-color: #222;
  470. }
  471. /*
  472. * Skin: Black
  473. * -----------
  474. */
  475. /* skin-black navbar */
  476. .skin-black-light .main-header {
  477. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  478. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  479. }
  480. .skin-black-light .main-header .navbar-toggle {
  481. color: #333;
  482. }
  483. .skin-black-light .main-header .navbar-brand {
  484. color: #333;
  485. border-right: 1px solid #eee;
  486. }
  487. .skin-black-light .main-header > .navbar {
  488. background-color: #ffffff;
  489. }
  490. .skin-black-light .main-header > .navbar .nav > li > a {
  491. color: #333333;
  492. }
  493. .skin-black-light .main-header > .navbar .nav > li > a:hover,
  494. .skin-black-light .main-header > .navbar .nav > li > a:active,
  495. .skin-black-light .main-header > .navbar .nav > li > a:focus,
  496. .skin-black-light .main-header > .navbar .nav .open > a,
  497. .skin-black-light .main-header > .navbar .nav .open > a:hover,
  498. .skin-black-light .main-header > .navbar .nav .open > a:focus,
  499. .skin-black-light .main-header > .navbar .nav > .active > a {
  500. background: #ffffff;
  501. color: #999999;
  502. }
  503. .skin-black-light .main-header > .navbar .sidebar-toggle {
  504. color: #333333;
  505. }
  506. .skin-black-light .main-header > .navbar .sidebar-toggle:hover {
  507. color: #999999;
  508. background: #ffffff;
  509. }
  510. .skin-black-light .main-header > .navbar > .sidebar-toggle {
  511. color: #333;
  512. border-right: 1px solid #eee;
  513. }
  514. .skin-black-light .main-header > .navbar .navbar-nav > li > a {
  515. border-right: 1px solid #eee;
  516. }
  517. .skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
  518. .skin-black-light .main-header > .navbar .navbar-right > li > a {
  519. border-left: 1px solid #eee;
  520. border-right-width: 0;
  521. }
  522. .skin-black-light .main-header > .logo {
  523. background-color: #ffffff;
  524. color: #333333;
  525. border-bottom: 0 solid transparent;
  526. border-right: 1px solid #eee;
  527. }
  528. .skin-black-light .main-header > .logo:hover {
  529. background-color: #fcfcfc;
  530. }
  531. @media (max-width: 767px) {
  532. .skin-black-light .main-header > .logo {
  533. background-color: #222222;
  534. color: #ffffff;
  535. border-bottom: 0 solid transparent;
  536. border-right: none;
  537. }
  538. .skin-black-light .main-header > .logo:hover {
  539. background-color: #1f1f1f;
  540. }
  541. }
  542. .skin-black-light .main-header li.user-header {
  543. background-color: #222;
  544. }
  545. .skin-black-light .content-header {
  546. background: transparent;
  547. box-shadow: none;
  548. }
  549. .skin-black-light .wrapper,
  550. .skin-black-light .main-sidebar,
  551. .skin-black-light .left-side {
  552. background-color: #f9fafc;
  553. }
  554. .skin-black-light .content-wrapper,
  555. .skin-black-light .main-footer {
  556. border-left: 1px solid #d2d6de;
  557. }
  558. .skin-black-light .user-panel > .info,
  559. .skin-black-light .user-panel > .info > a {
  560. color: #444444;
  561. }
  562. .skin-black-light .sidebar-menu > li {
  563. -webkit-transition: border-left-color 0.3s ease;
  564. -o-transition: border-left-color 0.3s ease;
  565. transition: border-left-color 0.3s ease;
  566. }
  567. .skin-black-light .sidebar-menu > li.header {
  568. color: #848484;
  569. background: #f9fafc;
  570. }
  571. .skin-black-light .sidebar-menu > li > a {
  572. border-left: 3px solid transparent;
  573. font-weight: 600;
  574. }
  575. .skin-black-light .sidebar-menu > li:hover > a,
  576. .skin-black-light .sidebar-menu > li.active > a {
  577. color: #000000;
  578. background: #f4f4f5;
  579. }
  580. .skin-black-light .sidebar-menu > li.active {
  581. border-left-color: #ffffff;
  582. }
  583. .skin-black-light .sidebar-menu > li.active > a {
  584. font-weight: 600;
  585. }
  586. .skin-black-light .sidebar-menu > li > .treeview-menu {
  587. background: #f4f4f5;
  588. }
  589. .skin-black-light .sidebar a {
  590. color: #444444;
  591. }
  592. .skin-black-light .sidebar a:hover {
  593. text-decoration: none;
  594. }
  595. .skin-black-light .treeview-menu > li > a {
  596. color: #777777;
  597. }
  598. .skin-black-light .treeview-menu > li.active > a,
  599. .skin-black-light .treeview-menu > li > a:hover {
  600. color: #000000;
  601. }
  602. .skin-black-light .treeview-menu > li.active > a {
  603. font-weight: 600;
  604. }
  605. .skin-black-light .sidebar-form {
  606. border-radius: 3px;
  607. border: 1px solid #d2d6de;
  608. margin: 10px 10px;
  609. }
  610. .skin-black-light .sidebar-form input[type="text"],
  611. .skin-black-light .sidebar-form .btn {
  612. box-shadow: none;
  613. background-color: #fff;
  614. border: 1px solid transparent;
  615. height: 35px;
  616. -webkit-transition: all 0.3s ease-in-out;
  617. -o-transition: all 0.3s ease-in-out;
  618. transition: all 0.3s ease-in-out;
  619. }
  620. .skin-black-light .sidebar-form input[type="text"] {
  621. color: #666;
  622. border-top-left-radius: 2px;
  623. border-top-right-radius: 0;
  624. border-bottom-right-radius: 0;
  625. border-bottom-left-radius: 2px;
  626. }
  627. .skin-black-light .sidebar-form input[type="text"]:focus,
  628. .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  629. background-color: #fff;
  630. color: #666;
  631. }
  632. .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  633. border-left-color: #fff;
  634. }
  635. .skin-black-light .sidebar-form .btn {
  636. color: #999;
  637. border-top-left-radius: 0;
  638. border-top-right-radius: 2px;
  639. border-bottom-right-radius: 2px;
  640. border-bottom-left-radius: 0;
  641. }
  642. @media (min-width: 768px) {
  643. .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  644. border-left: 1px solid #d2d6de;
  645. }
  646. }
  647. /*
  648. * Skin: Green
  649. * -----------
  650. */
  651. .skin-green .main-header .navbar {
  652. background-color: #00a65a;
  653. }
  654. .skin-green .main-header .navbar .nav > li > a {
  655. color: #ffffff;
  656. }
  657. .skin-green .main-header .navbar .nav > li > a:hover,
  658. .skin-green .main-header .navbar .nav > li > a:active,
  659. .skin-green .main-header .navbar .nav > li > a:focus,
  660. .skin-green .main-header .navbar .nav .open > a,
  661. .skin-green .main-header .navbar .nav .open > a:hover,
  662. .skin-green .main-header .navbar .nav .open > a:focus,
  663. .skin-green .main-header .navbar .nav > .active > a {
  664. background: rgba(0, 0, 0, 0.1);
  665. color: #f6f6f6;
  666. }
  667. .skin-green .main-header .navbar .sidebar-toggle {
  668. color: #ffffff;
  669. }
  670. .skin-green .main-header .navbar .sidebar-toggle:hover {
  671. color: #f6f6f6;
  672. background: rgba(0, 0, 0, 0.1);
  673. }
  674. .skin-green .main-header .navbar .sidebar-toggle {
  675. color: #fff;
  676. }
  677. .skin-green .main-header .navbar .sidebar-toggle:hover {
  678. background-color: #008d4c;
  679. }
  680. @media (max-width: 767px) {
  681. .skin-green .main-header .navbar .dropdown-menu li.divider {
  682. background-color: rgba(255, 255, 255, 0.1);
  683. }
  684. .skin-green .main-header .navbar .dropdown-menu li a {
  685. color: #fff;
  686. }
  687. .skin-green .main-header .navbar .dropdown-menu li a:hover {
  688. background: #008d4c;
  689. }
  690. }
  691. .skin-green .main-header .logo {
  692. background-color: #008d4c;
  693. color: #ffffff;
  694. border-bottom: 0 solid transparent;
  695. }
  696. .skin-green .main-header .logo:hover {
  697. background-color: #008749;
  698. }
  699. .skin-green .main-header li.user-header {
  700. background-color: #00a65a;
  701. }
  702. .skin-green .content-header {
  703. background: transparent;
  704. }
  705. .skin-green .wrapper,
  706. .skin-green .main-sidebar,
  707. .skin-green .left-side {
  708. background-color: #222d32;
  709. }
  710. .skin-green .user-panel > .info,
  711. .skin-green .user-panel > .info > a {
  712. color: #fff;
  713. }
  714. .skin-green .sidebar-menu > li.header {
  715. color: #4b646f;
  716. background: #1a2226;
  717. }
  718. .skin-green .sidebar-menu > li > a {
  719. border-left: 3px solid transparent;
  720. }
  721. .skin-green .sidebar-menu > li:hover > a,
  722. .skin-green .sidebar-menu > li.active > a {
  723. color: #ffffff;
  724. background: #1e282c;
  725. border-left-color: #00a65a;
  726. }
  727. .skin-green .sidebar-menu > li > .treeview-menu {
  728. margin: 0 1px;
  729. background: #2c3b41;
  730. }
  731. .skin-green .sidebar a {
  732. color: #b8c7ce;
  733. }
  734. .skin-green .sidebar a:hover {
  735. text-decoration: none;
  736. }
  737. .skin-green .treeview-menu > li > a {
  738. color: #8aa4af;
  739. }
  740. .skin-green .treeview-menu > li.active > a,
  741. .skin-green .treeview-menu > li > a:hover {
  742. color: #ffffff;
  743. }
  744. .skin-green .sidebar-form {
  745. border-radius: 3px;
  746. border: 1px solid #374850;
  747. margin: 10px 10px;
  748. }
  749. .skin-green .sidebar-form input[type="text"],
  750. .skin-green .sidebar-form .btn {
  751. box-shadow: none;
  752. background-color: #374850;
  753. border: 1px solid transparent;
  754. height: 35px;
  755. -webkit-transition: all 0.3s ease-in-out;
  756. -o-transition: all 0.3s ease-in-out;
  757. transition: all 0.3s ease-in-out;
  758. }
  759. .skin-green .sidebar-form input[type="text"] {
  760. color: #666;
  761. border-top-left-radius: 2px;
  762. border-top-right-radius: 0;
  763. border-bottom-right-radius: 0;
  764. border-bottom-left-radius: 2px;
  765. }
  766. .skin-green .sidebar-form input[type="text"]:focus,
  767. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  768. background-color: #fff;
  769. color: #666;
  770. }
  771. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  772. border-left-color: #fff;
  773. }
  774. .skin-green .sidebar-form .btn {
  775. color: #999;
  776. border-top-left-radius: 0;
  777. border-top-right-radius: 2px;
  778. border-bottom-right-radius: 2px;
  779. border-bottom-left-radius: 0;
  780. }
  781. /*
  782. * Skin: Green
  783. * -----------
  784. */
  785. .skin-green-light .main-header .navbar {
  786. background-color: #00a65a;
  787. }
  788. .skin-green-light .main-header .navbar .nav > li > a {
  789. color: #ffffff;
  790. }
  791. .skin-green-light .main-header .navbar .nav > li > a:hover,
  792. .skin-green-light .main-header .navbar .nav > li > a:active,
  793. .skin-green-light .main-header .navbar .nav > li > a:focus,
  794. .skin-green-light .main-header .navbar .nav .open > a,
  795. .skin-green-light .main-header .navbar .nav .open > a:hover,
  796. .skin-green-light .main-header .navbar .nav .open > a:focus,
  797. .skin-green-light .main-header .navbar .nav > .active > a {
  798. background: rgba(0, 0, 0, 0.1);
  799. color: #f6f6f6;
  800. }
  801. .skin-green-light .main-header .navbar .sidebar-toggle {
  802. color: #ffffff;
  803. }
  804. .skin-green-light .main-header .navbar .sidebar-toggle:hover {
  805. color: #f6f6f6;
  806. background: rgba(0, 0, 0, 0.1);
  807. }
  808. .skin-green-light .main-header .navbar .sidebar-toggle {
  809. color: #fff;
  810. }
  811. .skin-green-light .main-header .navbar .sidebar-toggle:hover {
  812. background-color: #008d4c;
  813. }
  814. @media (max-width: 767px) {
  815. .skin-green-light .main-header .navbar .dropdown-menu li.divider {
  816. background-color: rgba(255, 255, 255, 0.1);
  817. }
  818. .skin-green-light .main-header .navbar .dropdown-menu li a {
  819. color: #fff;
  820. }
  821. .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
  822. background: #008d4c;
  823. }
  824. }
  825. .skin-green-light .main-header .logo {
  826. background-color: #00a65a;
  827. color: #ffffff;
  828. border-bottom: 0 solid transparent;
  829. }
  830. .skin-green-light .main-header .logo:hover {
  831. background-color: #00a157;
  832. }
  833. .skin-green-light .main-header li.user-header {
  834. background-color: #00a65a;
  835. }
  836. .skin-green-light .content-header {
  837. background: transparent;
  838. }
  839. .skin-green-light .wrapper,
  840. .skin-green-light .main-sidebar,
  841. .skin-green-light .left-side {
  842. background-color: #f9fafc;
  843. }
  844. .skin-green-light .content-wrapper,
  845. .skin-green-light .main-footer {
  846. border-left: 1px solid #d2d6de;
  847. }
  848. .skin-green-light .user-panel > .info,
  849. .skin-green-light .user-panel > .info > a {
  850. color: #444444;
  851. }
  852. .skin-green-light .sidebar-menu > li {
  853. -webkit-transition: border-left-color 0.3s ease;
  854. -o-transition: border-left-color 0.3s ease;
  855. transition: border-left-color 0.3s ease;
  856. }
  857. .skin-green-light .sidebar-menu > li.header {
  858. color: #848484;
  859. background: #f9fafc;
  860. }
  861. .skin-green-light .sidebar-menu > li > a {
  862. border-left: 3px solid transparent;
  863. font-weight: 600;
  864. }
  865. .skin-green-light .sidebar-menu > li:hover > a,
  866. .skin-green-light .sidebar-menu > li.active > a {
  867. color: #000000;
  868. background: #f4f4f5;
  869. }
  870. .skin-green-light .sidebar-menu > li.active {
  871. border-left-color: #00a65a;
  872. }
  873. .skin-green-light .sidebar-menu > li.active > a {
  874. font-weight: 600;
  875. }
  876. .skin-green-light .sidebar-menu > li > .treeview-menu {
  877. background: #f4f4f5;
  878. }
  879. .skin-green-light .sidebar a {
  880. color: #444444;
  881. }
  882. .skin-green-light .sidebar a:hover {
  883. text-decoration: none;
  884. }
  885. .skin-green-light .treeview-menu > li > a {
  886. color: #777777;
  887. }
  888. .skin-green-light .treeview-menu > li.active > a,
  889. .skin-green-light .treeview-menu > li > a:hover {
  890. color: #000000;
  891. }
  892. .skin-green-light .treeview-menu > li.active > a {
  893. font-weight: 600;
  894. }
  895. .skin-green-light .sidebar-form {
  896. border-radius: 3px;
  897. border: 1px solid #d2d6de;
  898. margin: 10px 10px;
  899. }
  900. .skin-green-light .sidebar-form input[type="text"],
  901. .skin-green-light .sidebar-form .btn {
  902. box-shadow: none;
  903. background-color: #fff;
  904. border: 1px solid transparent;
  905. height: 35px;
  906. -webkit-transition: all 0.3s ease-in-out;
  907. -o-transition: all 0.3s ease-in-out;
  908. transition: all 0.3s ease-in-out;
  909. }
  910. .skin-green-light .sidebar-form input[type="text"] {
  911. color: #666;
  912. border-top-left-radius: 2px;
  913. border-top-right-radius: 0;
  914. border-bottom-right-radius: 0;
  915. border-bottom-left-radius: 2px;
  916. }
  917. .skin-green-light .sidebar-form input[type="text"]:focus,
  918. .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  919. background-color: #fff;
  920. color: #666;
  921. }
  922. .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  923. border-left-color: #fff;
  924. }
  925. .skin-green-light .sidebar-form .btn {
  926. color: #999;
  927. border-top-left-radius: 0;
  928. border-top-right-radius: 2px;
  929. border-bottom-right-radius: 2px;
  930. border-bottom-left-radius: 0;
  931. }
  932. @media (min-width: 768px) {
  933. .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  934. border-left: 1px solid #d2d6de;
  935. }
  936. }
  937. /*
  938. * Skin: Red
  939. * ---------
  940. */
  941. .skin-red .main-header .navbar {
  942. background-color: #dd4b39;
  943. }
  944. .skin-red .main-header .navbar .nav > li > a {
  945. color: #ffffff;
  946. }
  947. .skin-red .main-header .navbar .nav > li > a:hover,
  948. .skin-red .main-header .navbar .nav > li > a:active,
  949. .skin-red .main-header .navbar .nav > li > a:focus,
  950. .skin-red .main-header .navbar .nav .open > a,
  951. .skin-red .main-header .navbar .nav .open > a:hover,
  952. .skin-red .main-header .navbar .nav .open > a:focus,
  953. .skin-red .main-header .navbar .nav > .active > a {
  954. background: rgba(0, 0, 0, 0.1);
  955. color: #f6f6f6;
  956. }
  957. .skin-red .main-header .navbar .sidebar-toggle {
  958. color: #ffffff;
  959. }
  960. .skin-red .main-header .navbar .sidebar-toggle:hover {
  961. color: #f6f6f6;
  962. background: rgba(0, 0, 0, 0.1);
  963. }
  964. .skin-red .main-header .navbar .sidebar-toggle {
  965. color: #fff;
  966. }
  967. .skin-red .main-header .navbar .sidebar-toggle:hover {
  968. background-color: #d73925;
  969. }
  970. @media (max-width: 767px) {
  971. .skin-red .main-header .navbar .dropdown-menu li.divider {
  972. background-color: rgba(255, 255, 255, 0.1);
  973. }
  974. .skin-red .main-header .navbar .dropdown-menu li a {
  975. color: #fff;
  976. }
  977. .skin-red .main-header .navbar .dropdown-menu li a:hover {
  978. background: #d73925;
  979. }
  980. }
  981. .skin-red .main-header .logo {
  982. background-color: #d73925;
  983. color: #ffffff;
  984. border-bottom: 0 solid transparent;
  985. }
  986. .skin-red .main-header .logo:hover {
  987. background-color: #d33724;
  988. }
  989. .skin-red .main-header li.user-header {
  990. background-color: #dd4b39;
  991. }
  992. .skin-red .content-header {
  993. background: transparent;
  994. }
  995. .skin-red .wrapper,
  996. .skin-red .main-sidebar,
  997. .skin-red .left-side {
  998. background-color: #222d32;
  999. }
  1000. .skin-red .user-panel > .info,
  1001. .skin-red .user-panel > .info > a {
  1002. color: #fff;
  1003. }
  1004. .skin-red .sidebar-menu > li.header {
  1005. color: #4b646f;
  1006. background: #1a2226;
  1007. }
  1008. .skin-red .sidebar-menu > li > a {
  1009. border-left: 3px solid transparent;
  1010. }
  1011. .skin-red .sidebar-menu > li:hover > a,
  1012. .skin-red .sidebar-menu > li.active > a {
  1013. color: #ffffff;
  1014. background: #1e282c;
  1015. border-left-color: #dd4b39;
  1016. }
  1017. .skin-red .sidebar-menu > li > .treeview-menu {
  1018. margin: 0 1px;
  1019. background: #2c3b41;
  1020. }
  1021. .skin-red .sidebar a {
  1022. color: #b8c7ce;
  1023. }
  1024. .skin-red .sidebar a:hover {
  1025. text-decoration: none;
  1026. }
  1027. .skin-red .treeview-menu > li > a {
  1028. color: #8aa4af;
  1029. }
  1030. .skin-red .treeview-menu > li.active > a,
  1031. .skin-red .treeview-menu > li > a:hover {
  1032. color: #ffffff;
  1033. }
  1034. .skin-red .sidebar-form {
  1035. border-radius: 3px;
  1036. border: 1px solid #374850;
  1037. margin: 10px 10px;
  1038. }
  1039. .skin-red .sidebar-form input[type="text"],
  1040. .skin-red .sidebar-form .btn {
  1041. box-shadow: none;
  1042. background-color: #374850;
  1043. border: 1px solid transparent;
  1044. height: 35px;
  1045. -webkit-transition: all 0.3s ease-in-out;
  1046. -o-transition: all 0.3s ease-in-out;
  1047. transition: all 0.3s ease-in-out;
  1048. }
  1049. .skin-red .sidebar-form input[type="text"] {
  1050. color: #666;
  1051. border-top-left-radius: 2px;
  1052. border-top-right-radius: 0;
  1053. border-bottom-right-radius: 0;
  1054. border-bottom-left-radius: 2px;
  1055. }
  1056. .skin-red .sidebar-form input[type="text"]:focus,
  1057. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1058. background-color: #fff;
  1059. color: #666;
  1060. }
  1061. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1062. border-left-color: #fff;
  1063. }
  1064. .skin-red .sidebar-form .btn {
  1065. color: #999;
  1066. border-top-left-radius: 0;
  1067. border-top-right-radius: 2px;
  1068. border-bottom-right-radius: 2px;
  1069. border-bottom-left-radius: 0;
  1070. }
  1071. /*
  1072. * Skin: Red
  1073. * ---------
  1074. */
  1075. .skin-red-light .main-header .navbar {
  1076. background-color: #dd4b39;
  1077. }
  1078. .skin-red-light .main-header .navbar .nav > li > a {
  1079. color: #ffffff;
  1080. }
  1081. .skin-red-light .main-header .navbar .nav > li > a:hover,
  1082. .skin-red-light .main-header .navbar .nav > li > a:active,
  1083. .skin-red-light .main-header .navbar .nav > li > a:focus,
  1084. .skin-red-light .main-header .navbar .nav .open > a,
  1085. .skin-red-light .main-header .navbar .nav .open > a:hover,
  1086. .skin-red-light .main-header .navbar .nav .open > a:focus,
  1087. .skin-red-light .main-header .navbar .nav > .active > a {
  1088. background: rgba(0, 0, 0, 0.1);
  1089. color: #f6f6f6;
  1090. }
  1091. .skin-red-light .main-header .navbar .sidebar-toggle {
  1092. color: #ffffff;
  1093. }
  1094. .skin-red-light .main-header .navbar .sidebar-toggle:hover {
  1095. color: #f6f6f6;
  1096. background: rgba(0, 0, 0, 0.1);
  1097. }
  1098. .skin-red-light .main-header .navbar .sidebar-toggle {
  1099. color: #fff;
  1100. }
  1101. .skin-red-light .main-header .navbar .sidebar-toggle:hover {
  1102. background-color: #d73925;
  1103. }
  1104. @media (max-width: 767px) {
  1105. .skin-red-light .main-header .navbar .dropdown-menu li.divider {
  1106. background-color: rgba(255, 255, 255, 0.1);
  1107. }
  1108. .skin-red-light .main-header .navbar .dropdown-menu li a {
  1109. color: #fff;
  1110. }
  1111. .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
  1112. background: #d73925;
  1113. }
  1114. }
  1115. .skin-red-light .main-header .logo {
  1116. background-color: #dd4b39;
  1117. color: #ffffff;
  1118. border-bottom: 0 solid transparent;
  1119. }
  1120. .skin-red-light .main-header .logo:hover {
  1121. background-color: #dc4735;
  1122. }
  1123. .skin-red-light .main-header li.user-header {
  1124. background-color: #dd4b39;
  1125. }
  1126. .skin-red-light .content-header {
  1127. background: transparent;
  1128. }
  1129. .skin-red-light .wrapper,
  1130. .skin-red-light .main-sidebar,
  1131. .skin-red-light .left-side {
  1132. background-color: #f9fafc;
  1133. }
  1134. .skin-red-light .content-wrapper,
  1135. .skin-red-light .main-footer {
  1136. border-left: 1px solid #d2d6de;
  1137. }
  1138. .skin-red-light .user-panel > .info,
  1139. .skin-red-light .user-panel > .info > a {
  1140. color: #444444;
  1141. }
  1142. .skin-red-light .sidebar-menu > li {
  1143. -webkit-transition: border-left-color 0.3s ease;
  1144. -o-transition: border-left-color 0.3s ease;
  1145. transition: border-left-color 0.3s ease;
  1146. }
  1147. .skin-red-light .sidebar-menu > li.header {
  1148. color: #848484;
  1149. background: #f9fafc;
  1150. }
  1151. .skin-red-light .sidebar-menu > li > a {
  1152. border-left: 3px solid transparent;
  1153. font-weight: 600;
  1154. }
  1155. .skin-red-light .sidebar-menu > li:hover > a,
  1156. .skin-red-light .sidebar-menu > li.active > a {
  1157. color: #000000;
  1158. background: #f4f4f5;
  1159. }
  1160. .skin-red-light .sidebar-menu > li.active {
  1161. border-left-color: #dd4b39;
  1162. }
  1163. .skin-red-light .sidebar-menu > li.active > a {
  1164. font-weight: 600;
  1165. }
  1166. .skin-red-light .sidebar-menu > li > .treeview-menu {
  1167. background: #f4f4f5;
  1168. }
  1169. .skin-red-light .sidebar a {
  1170. color: #444444;
  1171. }
  1172. .skin-red-light .sidebar a:hover {
  1173. text-decoration: none;
  1174. }
  1175. .skin-red-light .treeview-menu > li > a {
  1176. color: #777777;
  1177. }
  1178. .skin-red-light .treeview-menu > li.active > a,
  1179. .skin-red-light .treeview-menu > li > a:hover {
  1180. color: #000000;
  1181. }
  1182. .skin-red-light .treeview-menu > li.active > a {
  1183. font-weight: 600;
  1184. }
  1185. .skin-red-light .sidebar-form {
  1186. border-radius: 3px;
  1187. border: 1px solid #d2d6de;
  1188. margin: 10px 10px;
  1189. }
  1190. .skin-red-light .sidebar-form input[type="text"],
  1191. .skin-red-light .sidebar-form .btn {
  1192. box-shadow: none;
  1193. background-color: #fff;
  1194. border: 1px solid transparent;
  1195. height: 35px;
  1196. -webkit-transition: all 0.3s ease-in-out;
  1197. -o-transition: all 0.3s ease-in-out;
  1198. transition: all 0.3s ease-in-out;
  1199. }
  1200. .skin-red-light .sidebar-form input[type="text"] {
  1201. color: #666;
  1202. border-top-left-radius: 2px;
  1203. border-top-right-radius: 0;
  1204. border-bottom-right-radius: 0;
  1205. border-bottom-left-radius: 2px;
  1206. }
  1207. .skin-red-light .sidebar-form input[type="text"]:focus,
  1208. .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1209. background-color: #fff;
  1210. color: #666;
  1211. }
  1212. .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1213. border-left-color: #fff;
  1214. }
  1215. .skin-red-light .sidebar-form .btn {
  1216. color: #999;
  1217. border-top-left-radius: 0;
  1218. border-top-right-radius: 2px;
  1219. border-bottom-right-radius: 2px;
  1220. border-bottom-left-radius: 0;
  1221. }
  1222. @media (min-width: 768px) {
  1223. .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1224. border-left: 1px solid #d2d6de;
  1225. }
  1226. }
  1227. /*
  1228. * Skin: Yellow
  1229. * ------------
  1230. */
  1231. .skin-yellow .main-header .navbar {
  1232. background-color: #f39c12;
  1233. }
  1234. .skin-yellow .main-header .navbar .nav > li > a {
  1235. color: #ffffff;
  1236. }
  1237. .skin-yellow .main-header .navbar .nav > li > a:hover,
  1238. .skin-yellow .main-header .navbar .nav > li > a:active,
  1239. .skin-yellow .main-header .navbar .nav > li > a:focus,
  1240. .skin-yellow .main-header .navbar .nav .open > a,
  1241. .skin-yellow .main-header .navbar .nav .open > a:hover,
  1242. .skin-yellow .main-header .navbar .nav .open > a:focus,
  1243. .skin-yellow .main-header .navbar .nav > .active > a {
  1244. background: rgba(0, 0, 0, 0.1);
  1245. color: #f6f6f6;
  1246. }
  1247. .skin-yellow .main-header .navbar .sidebar-toggle {
  1248. color: #ffffff;
  1249. }
  1250. .skin-yellow .main-header .navbar .sidebar-toggle:hover {
  1251. color: #f6f6f6;
  1252. background: rgba(0, 0, 0, 0.1);
  1253. }
  1254. .skin-yellow .main-header .navbar .sidebar-toggle {
  1255. color: #fff;
  1256. }
  1257. .skin-yellow .main-header .navbar .sidebar-toggle:hover {
  1258. background-color: #e08e0b;
  1259. }
  1260. @media (max-width: 767px) {
  1261. .skin-yellow .main-header .navbar .dropdown-menu li.divider {
  1262. background-color: rgba(255, 255, 255, 0.1);
  1263. }
  1264. .skin-yellow .main-header .navbar .dropdown-menu li a {
  1265. color: #fff;
  1266. }
  1267. .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
  1268. background: #e08e0b;
  1269. }
  1270. }
  1271. .skin-yellow .main-header .logo {
  1272. background-color: #e08e0b;
  1273. color: #ffffff;
  1274. border-bottom: 0 solid transparent;
  1275. }
  1276. .skin-yellow .main-header .logo:hover {
  1277. background-color: #db8b0b;
  1278. }
  1279. .skin-yellow .main-header li.user-header {
  1280. background-color: #f39c12;
  1281. }
  1282. .skin-yellow .content-header {
  1283. background: transparent;
  1284. }
  1285. .skin-yellow .wrapper,
  1286. .skin-yellow .main-sidebar,
  1287. .skin-yellow .left-side {
  1288. background-color: #222d32;
  1289. }
  1290. .skin-yellow .user-panel > .info,
  1291. .skin-yellow .user-panel > .info > a {
  1292. color: #fff;
  1293. }
  1294. .skin-yellow .sidebar-menu > li.header {
  1295. color: #4b646f;
  1296. background: #1a2226;
  1297. }
  1298. .skin-yellow .sidebar-menu > li > a {
  1299. border-left: 3px solid transparent;
  1300. }
  1301. .skin-yellow .sidebar-menu > li:hover > a,
  1302. .skin-yellow .sidebar-menu > li.active > a {
  1303. color: #ffffff;
  1304. background: #1e282c;
  1305. border-left-color: #f39c12;
  1306. }
  1307. .skin-yellow .sidebar-menu > li > .treeview-menu {
  1308. margin: 0 1px;
  1309. background: #2c3b41;
  1310. }
  1311. .skin-yellow .sidebar a {
  1312. color: #b8c7ce;
  1313. }
  1314. .skin-yellow .sidebar a:hover {
  1315. text-decoration: none;
  1316. }
  1317. .skin-yellow .treeview-menu > li > a {
  1318. color: #8aa4af;
  1319. }
  1320. .skin-yellow .treeview-menu > li.active > a,
  1321. .skin-yellow .treeview-menu > li > a:hover {
  1322. color: #ffffff;
  1323. }
  1324. .skin-yellow .sidebar-form {
  1325. border-radius: 3px;
  1326. border: 1px solid #374850;
  1327. margin: 10px 10px;
  1328. }
  1329. .skin-yellow .sidebar-form input[type="text"],
  1330. .skin-yellow .sidebar-form .btn {
  1331. box-shadow: none;
  1332. background-color: #374850;
  1333. border: 1px solid transparent;
  1334. height: 35px;
  1335. -webkit-transition: all 0.3s ease-in-out;
  1336. -o-transition: all 0.3s ease-in-out;
  1337. transition: all 0.3s ease-in-out;
  1338. }
  1339. .skin-yellow .sidebar-form input[type="text"] {
  1340. color: #666;
  1341. border-top-left-radius: 2px;
  1342. border-top-right-radius: 0;
  1343. border-bottom-right-radius: 0;
  1344. border-bottom-left-radius: 2px;
  1345. }
  1346. .skin-yellow .sidebar-form input[type="text"]:focus,
  1347. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1348. background-color: #fff;
  1349. color: #666;
  1350. }
  1351. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1352. border-left-color: #fff;
  1353. }
  1354. .skin-yellow .sidebar-form .btn {
  1355. color: #999;
  1356. border-top-left-radius: 0;
  1357. border-top-right-radius: 2px;
  1358. border-bottom-right-radius: 2px;
  1359. border-bottom-left-radius: 0;
  1360. }
  1361. /*
  1362. * Skin: Yellow
  1363. * ------------
  1364. */
  1365. .skin-yellow-light .main-header .navbar {
  1366. background-color: #f39c12;
  1367. }
  1368. .skin-yellow-light .main-header .navbar .nav > li > a {
  1369. color: #ffffff;
  1370. }
  1371. .skin-yellow-light .main-header .navbar .nav > li > a:hover,
  1372. .skin-yellow-light .main-header .navbar .nav > li > a:active,
  1373. .skin-yellow-light .main-header .navbar .nav > li > a:focus,
  1374. .skin-yellow-light .main-header .navbar .nav .open > a,
  1375. .skin-yellow-light .main-header .navbar .nav .open > a:hover,
  1376. .skin-yellow-light .main-header .navbar .nav .open > a:focus,
  1377. .skin-yellow-light .main-header .navbar .nav > .active > a {
  1378. background: rgba(0, 0, 0, 0.1);
  1379. color: #f6f6f6;
  1380. }
  1381. .skin-yellow-light .main-header .navbar .sidebar-toggle {
  1382. color: #ffffff;
  1383. }
  1384. .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  1385. color: #f6f6f6;
  1386. background: rgba(0, 0, 0, 0.1);
  1387. }
  1388. .skin-yellow-light .main-header .navbar .sidebar-toggle {
  1389. color: #fff;
  1390. }
  1391. .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  1392. background-color: #e08e0b;
  1393. }
  1394. @media (max-width: 767px) {
  1395. .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
  1396. background-color: rgba(255, 255, 255, 0.1);
  1397. }
  1398. .skin-yellow-light .main-header .navbar .dropdown-menu li a {
  1399. color: #fff;
  1400. }
  1401. .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
  1402. background: #e08e0b;
  1403. }
  1404. }
  1405. .skin-yellow-light .main-header .logo {
  1406. background-color: #f39c12;
  1407. color: #ffffff;
  1408. border-bottom: 0 solid transparent;
  1409. }
  1410. .skin-yellow-light .main-header .logo:hover {
  1411. background-color: #f39a0d;
  1412. }
  1413. .skin-yellow-light .main-header li.user-header {
  1414. background-color: #f39c12;
  1415. }
  1416. .skin-yellow-light .content-header {
  1417. background: transparent;
  1418. }
  1419. .skin-yellow-light .wrapper,
  1420. .skin-yellow-light .main-sidebar,
  1421. .skin-yellow-light .left-side {
  1422. background-color: #f9fafc;
  1423. }
  1424. .skin-yellow-light .content-wrapper,
  1425. .skin-yellow-light .main-footer {
  1426. border-left: 1px solid #d2d6de;
  1427. }
  1428. .skin-yellow-light .user-panel > .info,
  1429. .skin-yellow-light .user-panel > .info > a {
  1430. color: #444444;
  1431. }
  1432. .skin-yellow-light .sidebar-menu > li {
  1433. -webkit-transition: border-left-color 0.3s ease;
  1434. -o-transition: border-left-color 0.3s ease;
  1435. transition: border-left-color 0.3s ease;
  1436. }
  1437. .skin-yellow-light .sidebar-menu > li.header {
  1438. color: #848484;
  1439. background: #f9fafc;
  1440. }
  1441. .skin-yellow-light .sidebar-menu > li > a {
  1442. border-left: 3px solid transparent;
  1443. font-weight: 600;
  1444. }
  1445. .skin-yellow-light .sidebar-menu > li:hover > a,
  1446. .skin-yellow-light .sidebar-menu > li.active > a {
  1447. color: #000000;
  1448. background: #f4f4f5;
  1449. }
  1450. .skin-yellow-light .sidebar-menu > li.active {
  1451. border-left-color: #f39c12;
  1452. }
  1453. .skin-yellow-light .sidebar-menu > li.active > a {
  1454. font-weight: 600;
  1455. }
  1456. .skin-yellow-light .sidebar-menu > li > .treeview-menu {
  1457. background: #f4f4f5;
  1458. }
  1459. .skin-yellow-light .sidebar a {
  1460. color: #444444;
  1461. }
  1462. .skin-yellow-light .sidebar a:hover {
  1463. text-decoration: none;
  1464. }
  1465. .skin-yellow-light .treeview-menu > li > a {
  1466. color: #777777;
  1467. }
  1468. .skin-yellow-light .treeview-menu > li.active > a,
  1469. .skin-yellow-light .treeview-menu > li > a:hover {
  1470. color: #000000;
  1471. }
  1472. .skin-yellow-light .treeview-menu > li.active > a {
  1473. font-weight: 600;
  1474. }
  1475. .skin-yellow-light .sidebar-form {
  1476. border-radius: 3px;
  1477. border: 1px solid #d2d6de;
  1478. margin: 10px 10px;
  1479. }
  1480. .skin-yellow-light .sidebar-form input[type="text"],
  1481. .skin-yellow-light .sidebar-form .btn {
  1482. box-shadow: none;
  1483. background-color: #fff;
  1484. border: 1px solid transparent;
  1485. height: 35px;
  1486. -webkit-transition: all 0.3s ease-in-out;
  1487. -o-transition: all 0.3s ease-in-out;
  1488. transition: all 0.3s ease-in-out;
  1489. }
  1490. .skin-yellow-light .sidebar-form input[type="text"] {
  1491. color: #666;
  1492. border-top-left-radius: 2px;
  1493. border-top-right-radius: 0;
  1494. border-bottom-right-radius: 0;
  1495. border-bottom-left-radius: 2px;
  1496. }
  1497. .skin-yellow-light .sidebar-form input[type="text"]:focus,
  1498. .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1499. background-color: #fff;
  1500. color: #666;
  1501. }
  1502. .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1503. border-left-color: #fff;
  1504. }
  1505. .skin-yellow-light .sidebar-form .btn {
  1506. color: #999;
  1507. border-top-left-radius: 0;
  1508. border-top-right-radius: 2px;
  1509. border-bottom-right-radius: 2px;
  1510. border-bottom-left-radius: 0;
  1511. }
  1512. @media (min-width: 768px) {
  1513. .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1514. border-left: 1px solid #d2d6de;
  1515. }
  1516. }
  1517. /*
  1518. * Skin: Purple
  1519. * ------------
  1520. */
  1521. .skin-purple .main-header .navbar {
  1522. background-color: #605ca8;
  1523. }
  1524. .skin-purple .main-header .navbar .nav > li > a {
  1525. color: #ffffff;
  1526. }
  1527. .skin-purple .main-header .navbar .nav > li > a:hover,
  1528. .skin-purple .main-header .navbar .nav > li > a:active,
  1529. .skin-purple .main-header .navbar .nav > li > a:focus,
  1530. .skin-purple .main-header .navbar .nav .open > a,
  1531. .skin-purple .main-header .navbar .nav .open > a:hover,
  1532. .skin-purple .main-header .navbar .nav .open > a:focus,
  1533. .skin-purple .main-header .navbar .nav > .active > a {
  1534. background: rgba(0, 0, 0, 0.1);
  1535. color: #f6f6f6;
  1536. }
  1537. .skin-purple .main-header .navbar .sidebar-toggle {
  1538. color: #ffffff;
  1539. }
  1540. .skin-purple .main-header .navbar .sidebar-toggle:hover {
  1541. color: #f6f6f6;
  1542. background: rgba(0, 0, 0, 0.1);
  1543. }
  1544. .skin-purple .main-header .navbar .sidebar-toggle {
  1545. color: #fff;
  1546. }
  1547. .skin-purple .main-header .navbar .sidebar-toggle:hover {
  1548. background-color: #555299;
  1549. }
  1550. @media (max-width: 767px) {
  1551. .skin-purple .main-header .navbar .dropdown-menu li.divider {
  1552. background-color: rgba(255, 255, 255, 0.1);
  1553. }
  1554. .skin-purple .main-header .navbar .dropdown-menu li a {
  1555. color: #fff;
  1556. }
  1557. .skin-purple .main-header .navbar .dropdown-menu li a:hover {
  1558. background: #555299;
  1559. }
  1560. }
  1561. .skin-purple .main-header .logo {
  1562. background-color: #555299;
  1563. color: #ffffff;
  1564. border-bottom: 0 solid transparent;
  1565. }
  1566. .skin-purple .main-header .logo:hover {
  1567. background-color: #545096;
  1568. }
  1569. .skin-purple .main-header li.user-header {
  1570. background-color: #605ca8;
  1571. }
  1572. .skin-purple .content-header {
  1573. background: transparent;
  1574. }
  1575. .skin-purple .wrapper,
  1576. .skin-purple .main-sidebar,
  1577. .skin-purple .left-side {
  1578. background-color: #222d32;
  1579. }
  1580. .skin-purple .user-panel > .info,
  1581. .skin-purple .user-panel > .info > a {
  1582. color: #fff;
  1583. }
  1584. .skin-purple .sidebar-menu > li.header {
  1585. color: #4b646f;
  1586. background: #1a2226;
  1587. }
  1588. .skin-purple .sidebar-menu > li > a {
  1589. border-left: 3px solid transparent;
  1590. }
  1591. .skin-purple .sidebar-menu > li:hover > a,
  1592. .skin-purple .sidebar-menu > li.active > a {
  1593. color: #ffffff;
  1594. background: #1e282c;
  1595. border-left-color: #605ca8;
  1596. }
  1597. .skin-purple .sidebar-menu > li > .treeview-menu {
  1598. margin: 0 1px;
  1599. background: #2c3b41;
  1600. }
  1601. .skin-purple .sidebar a {
  1602. color: #b8c7ce;
  1603. }
  1604. .skin-purple .sidebar a:hover {
  1605. text-decoration: none;
  1606. }
  1607. .skin-purple .treeview-menu > li > a {
  1608. color: #8aa4af;
  1609. }
  1610. .skin-purple .treeview-menu > li.active > a,
  1611. .skin-purple .treeview-menu > li > a:hover {
  1612. color: #ffffff;
  1613. }
  1614. .skin-purple .sidebar-form {
  1615. border-radius: 3px;
  1616. border: 1px solid #374850;
  1617. margin: 10px 10px;
  1618. }
  1619. .skin-purple .sidebar-form input[type="text"],
  1620. .skin-purple .sidebar-form .btn {
  1621. box-shadow: none;
  1622. background-color: #374850;
  1623. border: 1px solid transparent;
  1624. height: 35px;
  1625. -webkit-transition: all 0.3s ease-in-out;
  1626. -o-transition: all 0.3s ease-in-out;
  1627. transition: all 0.3s ease-in-out;
  1628. }
  1629. .skin-purple .sidebar-form input[type="text"] {
  1630. color: #666;
  1631. border-top-left-radius: 2px;
  1632. border-top-right-radius: 0;
  1633. border-bottom-right-radius: 0;
  1634. border-bottom-left-radius: 2px;
  1635. }
  1636. .skin-purple .sidebar-form input[type="text"]:focus,
  1637. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1638. background-color: #fff;
  1639. color: #666;
  1640. }
  1641. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1642. border-left-color: #fff;
  1643. }
  1644. .skin-purple .sidebar-form .btn {
  1645. color: #999;
  1646. border-top-left-radius: 0;
  1647. border-top-right-radius: 2px;
  1648. border-bottom-right-radius: 2px;
  1649. border-bottom-left-radius: 0;
  1650. }
  1651. /*
  1652. * Skin: Purple
  1653. * ------------
  1654. */
  1655. .skin-purple-light .main-header .navbar {
  1656. background-color: #605ca8;
  1657. }
  1658. .skin-purple-light .main-header .navbar .nav > li > a {
  1659. color: #ffffff;
  1660. }
  1661. .skin-purple-light .main-header .navbar .nav > li > a:hover,
  1662. .skin-purple-light .main-header .navbar .nav > li > a:active,
  1663. .skin-purple-light .main-header .navbar .nav > li > a:focus,
  1664. .skin-purple-light .main-header .navbar .nav .open > a,
  1665. .skin-purple-light .main-header .navbar .nav .open > a:hover,
  1666. .skin-purple-light .main-header .navbar .nav .open > a:focus,
  1667. .skin-purple-light .main-header .navbar .nav > .active > a {
  1668. background: rgba(0, 0, 0, 0.1);
  1669. color: #f6f6f6;
  1670. }
  1671. .skin-purple-light .main-header .navbar .sidebar-toggle {
  1672. color: #ffffff;
  1673. }
  1674. .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  1675. color: #f6f6f6;
  1676. background: rgba(0, 0, 0, 0.1);
  1677. }
  1678. .skin-purple-light .main-header .navbar .sidebar-toggle {
  1679. color: #fff;
  1680. }
  1681. .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  1682. background-color: #555299;
  1683. }
  1684. @media (max-width: 767px) {
  1685. .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
  1686. background-color: rgba(255, 255, 255, 0.1);
  1687. }
  1688. .skin-purple-light .main-header .navbar .dropdown-menu li a {
  1689. color: #fff;
  1690. }
  1691. .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
  1692. background: #555299;
  1693. }
  1694. }
  1695. .skin-purple-light .main-header .logo {
  1696. background-color: #605ca8;
  1697. color: #ffffff;
  1698. border-bottom: 0 solid transparent;
  1699. }
  1700. .skin-purple-light .main-header .logo:hover {
  1701. background-color: #5d59a6;
  1702. }
  1703. .skin-purple-light .main-header li.user-header {
  1704. background-color: #605ca8;
  1705. }
  1706. .skin-purple-light .content-header {
  1707. background: transparent;
  1708. }
  1709. .skin-purple-light .wrapper,
  1710. .skin-purple-light .main-sidebar,
  1711. .skin-purple-light .left-side {
  1712. background-color: #f9fafc;
  1713. }
  1714. .skin-purple-light .content-wrapper,
  1715. .skin-purple-light .main-footer {
  1716. border-left: 1px solid #d2d6de;
  1717. }
  1718. .skin-purple-light .user-panel > .info,
  1719. .skin-purple-light .user-panel > .info > a {
  1720. color: #444444;
  1721. }
  1722. .skin-purple-light .sidebar-menu > li {
  1723. -webkit-transition: border-left-color 0.3s ease;
  1724. -o-transition: border-left-color 0.3s ease;
  1725. transition: border-left-color 0.3s ease;
  1726. }
  1727. .skin-purple-light .sidebar-menu > li.header {
  1728. color: #848484;
  1729. background: #f9fafc;
  1730. }
  1731. .skin-purple-light .sidebar-menu > li > a {
  1732. border-left: 3px solid transparent;
  1733. font-weight: 600;
  1734. }
  1735. .skin-purple-light .sidebar-menu > li:hover > a,
  1736. .skin-purple-light .sidebar-menu > li.active > a {
  1737. color: #000000;
  1738. background: #f4f4f5;
  1739. }
  1740. .skin-purple-light .sidebar-menu > li.active {
  1741. border-left-color: #605ca8;
  1742. }
  1743. .skin-purple-light .sidebar-menu > li.active > a {
  1744. font-weight: 600;
  1745. }
  1746. .skin-purple-light .sidebar-menu > li > .treeview-menu {
  1747. background: #f4f4f5;
  1748. }
  1749. .skin-purple-light .sidebar a {
  1750. color: #444444;
  1751. }
  1752. .skin-purple-light .sidebar a:hover {
  1753. text-decoration: none;
  1754. }
  1755. .skin-purple-light .treeview-menu > li > a {
  1756. color: #777777;
  1757. }
  1758. .skin-purple-light .treeview-menu > li.active > a,
  1759. .skin-purple-light .treeview-menu > li > a:hover {
  1760. color: #000000;
  1761. }
  1762. .skin-purple-light .treeview-menu > li.active > a {
  1763. font-weight: 600;
  1764. }
  1765. .skin-purple-light .sidebar-form {
  1766. border-radius: 3px;
  1767. border: 1px solid #d2d6de;
  1768. margin: 10px 10px;
  1769. }
  1770. .skin-purple-light .sidebar-form input[type="text"],
  1771. .skin-purple-light .sidebar-form .btn {
  1772. box-shadow: none;
  1773. background-color: #fff;
  1774. border: 1px solid transparent;
  1775. height: 35px;
  1776. -webkit-transition: all 0.3s ease-in-out;
  1777. -o-transition: all 0.3s ease-in-out;
  1778. transition: all 0.3s ease-in-out;
  1779. }
  1780. .skin-purple-light .sidebar-form input[type="text"] {
  1781. color: #666;
  1782. border-top-left-radius: 2px;
  1783. border-top-right-radius: 0;
  1784. border-bottom-right-radius: 0;
  1785. border-bottom-left-radius: 2px;
  1786. }
  1787. .skin-purple-light .sidebar-form input[type="text"]:focus,
  1788. .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1789. background-color: #fff;
  1790. color: #666;
  1791. }
  1792. .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1793. border-left-color: #fff;
  1794. }
  1795. .skin-purple-light .sidebar-form .btn {
  1796. color: #999;
  1797. border-top-left-radius: 0;
  1798. border-top-right-radius: 2px;
  1799. border-bottom-right-radius: 2px;
  1800. border-bottom-left-radius: 0;
  1801. }
  1802. @media (min-width: 768px) {
  1803. .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1804. border-left: 1px solid #d2d6de;
  1805. }
  1806. }