_all-skins.css 102 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730
  1. /*
  2. * Skin: Blue
  3. * -----------
  4. */
  5. .skin-blue .main-header .navbar-toggle {
  6. color: #333;
  7. }
  8. .skin-blue .main-header .navbar-brand {
  9. color: #333;
  10. border-right: 1px solid #eee;
  11. }
  12. .skin-blue .main-header .navbar {
  13. background-color: #fff;
  14. }
  15. .skin-blue .main-header .navbar .nav > li > a {
  16. color: #444;
  17. }
  18. .skin-blue .main-header .navbar .nav > li > a:hover,
  19. .skin-blue .main-header .navbar .nav > li > a:active,
  20. .skin-blue .main-header .navbar .nav > li > a:focus,
  21. .skin-blue .main-header .navbar .nav .open > a,
  22. .skin-blue .main-header .navbar .nav .open > a:hover,
  23. .skin-blue .main-header .navbar .nav .open > a:focus,
  24. .skin-blue .main-header .navbar .nav > .active > a {
  25. background: rgba(0, 0, 0, 0.02);
  26. color: #4e73df;
  27. }
  28. .skin-blue .main-header .navbar .nav-addtabs li > .close-tab {
  29. color: #4e73df;
  30. }
  31. .skin-blue .main-header .navbar .sidebar-toggle {
  32. color: #444;
  33. }
  34. .skin-blue .main-header .navbar .sidebar-toggle:hover {
  35. color: #4e73df;
  36. background: rgba(0, 0, 0, 0.02);
  37. }
  38. .skin-blue .main-header .navbar > .sidebar-toggle {
  39. color: #333;
  40. border-right: 1px solid #eee;
  41. }
  42. .skin-blue .main-header .navbar .navbar-nav > li > a {
  43. border-right: 1px solid #eee;
  44. }
  45. .skin-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  46. .skin-blue .main-header .navbar .navbar-right > li > a {
  47. border-left: 1px solid #eee;
  48. border-left: none;
  49. border-right-width: 0;
  50. }
  51. .skin-blue .main-header > .logo {
  52. background-color: #4e73df;
  53. color: #fff;
  54. border-bottom: 0 solid transparent;
  55. border-right: 1px solid #4e73df;
  56. box-shadow: none;
  57. }
  58. .skin-blue .main-header > .logo:hover {
  59. background-color: #4a70de;
  60. }
  61. @media (max-width: 767px) {
  62. .skin-blue .main-header > .logo {
  63. background-color: #fff;
  64. color: #222;
  65. border-bottom: 0 solid transparent;
  66. border-right: none;
  67. }
  68. .skin-blue .main-header > .logo:hover {
  69. background-color: #fcfcfc;
  70. }
  71. }
  72. .skin-blue .main-header li.user-header {
  73. background-color: #4e73df;
  74. }
  75. .skin-blue .main-header .nav-addtabs > li > a,
  76. .skin-blue .main-header .nav-addtabs > li.active > a {
  77. border-right-color: transparent;
  78. }
  79. .skin-blue .content-header {
  80. background: transparent;
  81. box-shadow: none;
  82. }
  83. .skin-blue .wrapper,
  84. .skin-blue .main-sidebar,
  85. .skin-blue .left-side {
  86. background-color: #605ca8;
  87. }
  88. .skin-blue .user-panel > .info,
  89. .skin-blue .user-panel > .info > a {
  90. color: #fff;
  91. }
  92. .skin-blue .sidebar-menu .treeview-menu {
  93. padding-left: 3px;
  94. }
  95. .skin-blue .sidebar-menu > li.header {
  96. color: #a19fcb;
  97. background: #57539c;
  98. }
  99. .skin-blue .sidebar-menu > li:hover > a,
  100. .skin-blue .sidebar-menu > li.active > a {
  101. color: #fff;
  102. background: #5b57a3;
  103. border-left-color: #fff;
  104. }
  105. .skin-blue .sidebar-menu > li > .treeview-menu {
  106. background: #555299;
  107. }
  108. .skin-blue .sidebar a {
  109. color: #c8c5ff;
  110. }
  111. .skin-blue .sidebar a:hover {
  112. text-decoration: none;
  113. }
  114. .skin-blue .treeview-menu > li > a {
  115. color: #c8c5ff;
  116. }
  117. .skin-blue .treeview-menu > li.active > a,
  118. .skin-blue .treeview-menu > li > a:hover {
  119. color: #fff;
  120. }
  121. .skin-blue .sidebar-form {
  122. border-radius: 3px;
  123. border: 1px solid #807dba;
  124. background-color: #807dba;
  125. margin: 10px 10px;
  126. }
  127. .skin-blue .sidebar-form input[type="text"],
  128. .skin-blue .sidebar-form .btn {
  129. box-shadow: none;
  130. background-color: #807dba;
  131. border: 1px solid transparent;
  132. height: 35px;
  133. }
  134. .skin-blue .sidebar-form input[type="text"] {
  135. color: #666;
  136. border-top-left-radius: 2px;
  137. border-top-right-radius: 0;
  138. border-bottom-right-radius: 0;
  139. border-bottom-left-radius: 2px;
  140. }
  141. .skin-blue .sidebar-form input[type="text"]:focus,
  142. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  143. background-color: #fff;
  144. color: #666;
  145. }
  146. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
  147. background: #fff;
  148. border-top-left-radius: 0;
  149. border-top-right-radius: 2px;
  150. border-bottom-right-radius: 2px;
  151. border-bottom-left-radius: 0;
  152. }
  153. .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  154. border-left-color: #fff;
  155. }
  156. .skin-blue .sidebar-form .btn {
  157. color: #999;
  158. border-top-left-radius: 0;
  159. border-top-right-radius: 2px;
  160. border-bottom-right-radius: 2px;
  161. border-bottom-left-radius: 0;
  162. }
  163. .skin-blue .sidebar-menu > li > a {
  164. border-left: 3px solid transparent;
  165. padding-left: 12px;
  166. }
  167. @media (min-width: 768px) {
  168. .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  169. margin-left: -3px;
  170. }
  171. }
  172. .skin-blue .sidebar-form input[type="text"]::-moz-placeholder {
  173. color: #fff;
  174. opacity: 1;
  175. }
  176. .skin-blue .sidebar-form input[type="text"]:-ms-input-placeholder {
  177. color: #fff;
  178. }
  179. .skin-blue .sidebar-form input[type="text"]::-webkit-input-placeholder {
  180. color: #fff;
  181. }
  182. .skin-blue .sidebar-form input[type="text"],
  183. .skin-blue .sidebar-form .btn {
  184. color: #fff;
  185. }
  186. @media (max-width: 767px) {
  187. .skin-blue.multiplenav .main-header .navbar {
  188. background-color: #605ca8;
  189. }
  190. .skin-blue.multiplenav .main-header .navbar .nav > li > a {
  191. color: #fff;
  192. }
  193. .skin-blue.multiplenav .main-header .navbar .nav > li > a:hover,
  194. .skin-blue.multiplenav .main-header .navbar .nav > li > a:active,
  195. .skin-blue.multiplenav .main-header .navbar .nav > li > a:focus,
  196. .skin-blue.multiplenav .main-header .navbar .nav .open > a,
  197. .skin-blue.multiplenav .main-header .navbar .nav .open > a:hover,
  198. .skin-blue.multiplenav .main-header .navbar .nav .open > a:focus,
  199. .skin-blue.multiplenav .main-header .navbar .nav > .active > a {
  200. background: rgba(0, 0, 0, 0.1);
  201. color: #f6f6f6;
  202. }
  203. .skin-blue.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
  204. color: #f6f6f6;
  205. }
  206. .skin-blue.multiplenav .main-header .navbar .sidebar-toggle {
  207. color: #fff;
  208. }
  209. .skin-blue.multiplenav .main-header .navbar .sidebar-toggle:hover {
  210. color: #f6f6f6;
  211. background: rgba(0, 0, 0, 0.1);
  212. }
  213. .skin-blue.multiplenav .main-header > .logo {
  214. background-color: #605ca8;
  215. color: #fff;
  216. border-bottom: 0 solid transparent;
  217. }
  218. .skin-blue.multiplenav .main-header > .logo:hover {
  219. background-color: #5d59a6;
  220. }
  221. .skin-blue.multiplenav .sidebar .mobilenav a.btn-app {
  222. background: #807dba;
  223. color: #fff;
  224. }
  225. .skin-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
  226. background: #fff;
  227. color: #807dba;
  228. }
  229. }
  230. /*
  231. * Skin: Blue
  232. * ----------
  233. */
  234. .skin-blue-light .main-header .navbar {
  235. background-color: #4e73df;
  236. }
  237. .skin-blue-light .main-header .navbar .nav > li > a {
  238. color: #fff;
  239. }
  240. .skin-blue-light .main-header .navbar .nav > li > a:hover,
  241. .skin-blue-light .main-header .navbar .nav > li > a:active,
  242. .skin-blue-light .main-header .navbar .nav > li > a:focus,
  243. .skin-blue-light .main-header .navbar .nav .open > a,
  244. .skin-blue-light .main-header .navbar .nav .open > a:hover,
  245. .skin-blue-light .main-header .navbar .nav .open > a:focus,
  246. .skin-blue-light .main-header .navbar .nav > .active > a {
  247. background: rgba(0, 0, 0, 0.05);
  248. color: #f6f6f6;
  249. }
  250. .skin-blue-light .main-header .navbar .nav-addtabs li > .close-tab {
  251. color: #f6f6f6;
  252. }
  253. .skin-blue-light .main-header .navbar .sidebar-toggle {
  254. color: #fff;
  255. }
  256. .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  257. color: #f6f6f6;
  258. background: rgba(0, 0, 0, 0.05);
  259. }
  260. .skin-blue-light .main-header .navbar .sidebar-toggle {
  261. color: #fff;
  262. }
  263. .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  264. background-color: #3862db;
  265. }
  266. @media (max-width: 767px) {
  267. .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
  268. background-color: rgba(255, 255, 255, 0.1);
  269. }
  270. .skin-blue-light .main-header .navbar .dropdown-menu li a {
  271. color: #fff;
  272. }
  273. .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
  274. background: #3862db;
  275. }
  276. }
  277. .skin-blue-light .main-header .logo {
  278. background-color: #4e73df;
  279. color: #fff;
  280. border-bottom: 0 solid transparent;
  281. }
  282. .skin-blue-light .main-header .logo:hover {
  283. background-color: #4a70de;
  284. }
  285. .skin-blue-light .main-header li.user-header {
  286. background-color: #4e73df;
  287. }
  288. .skin-blue-light .content-header {
  289. background: transparent;
  290. }
  291. .skin-blue-light .wrapper,
  292. .skin-blue-light .main-sidebar,
  293. .skin-blue-light .left-side {
  294. background-color: #f9fafc;
  295. }
  296. .skin-blue-light .content-wrapper,
  297. .skin-blue-light .main-footer {
  298. border-left: 1px solid #d2d6de;
  299. }
  300. .skin-blue-light .user-panel > .info,
  301. .skin-blue-light .user-panel > .info > a {
  302. color: #444;
  303. }
  304. .skin-blue-light .sidebar-menu > li {
  305. -webkit-transition: border-left-color 0.3s ease;
  306. -o-transition: border-left-color 0.3s ease;
  307. transition: border-left-color 0.3s ease;
  308. }
  309. .skin-blue-light .sidebar-menu > li.header {
  310. color: #848484;
  311. background: #f9fafc;
  312. }
  313. .skin-blue-light .sidebar-menu > li:hover > a,
  314. .skin-blue-light .sidebar-menu > li.active > a {
  315. color: #000;
  316. background: #f4f4f5;
  317. border-left-color: #4e73df;
  318. }
  319. .skin-blue-light .sidebar-menu > li.active {
  320. border-left-color: #4e73df;
  321. }
  322. .skin-blue-light .sidebar-menu > li > .treeview-menu {
  323. background: #f4f4f5;
  324. }
  325. .skin-blue-light .sidebar a {
  326. color: #444;
  327. }
  328. .skin-blue-light .sidebar a:hover {
  329. text-decoration: none;
  330. }
  331. .skin-blue-light .treeview-menu > li > a {
  332. color: #777;
  333. }
  334. .skin-blue-light .treeview-menu > li.active > a,
  335. .skin-blue-light .treeview-menu > li > a:hover {
  336. color: #000;
  337. }
  338. .skin-blue-light .treeview-menu > li.active > a {
  339. font-weight: 600;
  340. }
  341. .skin-blue-light .sidebar-form {
  342. border-radius: 3px;
  343. border: 1px solid #d2d6de;
  344. margin: 10px 10px;
  345. }
  346. .skin-blue-light .sidebar-form input[type="text"],
  347. .skin-blue-light .sidebar-form .btn {
  348. box-shadow: none;
  349. background-color: #fff;
  350. border: 1px solid transparent;
  351. height: 35px;
  352. }
  353. .skin-blue-light .sidebar-form input[type="text"] {
  354. color: #666;
  355. border-top-left-radius: 2px;
  356. border-top-right-radius: 0;
  357. border-bottom-right-radius: 0;
  358. border-bottom-left-radius: 2px;
  359. }
  360. .skin-blue-light .sidebar-form input[type="text"]:focus,
  361. .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  362. background-color: #fff;
  363. color: #666;
  364. }
  365. .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  366. border-left-color: #fff;
  367. }
  368. .skin-blue-light .sidebar-form .btn {
  369. color: #999;
  370. border-top-left-radius: 0;
  371. border-top-right-radius: 2px;
  372. border-bottom-right-radius: 2px;
  373. border-bottom-left-radius: 0;
  374. }
  375. @media (min-width: 768px) {
  376. .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  377. border-left: 1px solid #d2d6de;
  378. }
  379. }
  380. .skin-blue-light .sidebar-menu > li > a {
  381. border-left: 3px solid transparent;
  382. padding-left: 12px;
  383. }
  384. @media (min-width: 768px) {
  385. .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  386. margin-left: -3px;
  387. }
  388. }
  389. .skin-blue-light .main-footer {
  390. border-top-color: #d2d6de;
  391. }
  392. .skin-blue-light .main-sidebar {
  393. -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  394. box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  395. }
  396. .skin-blue-light .content-wrapper,
  397. .skin-blue-light .main-footer {
  398. border-left: none;
  399. }
  400. @media (max-width: 767px) {
  401. .skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app {
  402. background: #eceff3;
  403. color: #757575;
  404. }
  405. .skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app.active {
  406. background: #4e73df;
  407. color: #fff;
  408. }
  409. }
  410. /*
  411. * Skin: Black
  412. * -----------
  413. */
  414. .skin-black .main-header {
  415. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  416. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  417. }
  418. .skin-black .main-header .navbar-toggle {
  419. color: #333;
  420. }
  421. .skin-black .main-header .navbar-brand {
  422. color: #333;
  423. border-right: 1px solid #eee;
  424. }
  425. .skin-black .main-header .navbar {
  426. background-color: #fff;
  427. }
  428. .skin-black .main-header .navbar .nav > li > a {
  429. color: #666;
  430. }
  431. .skin-black .main-header .navbar .nav > li > a:hover,
  432. .skin-black .main-header .navbar .nav > li > a:active,
  433. .skin-black .main-header .navbar .nav > li > a:focus,
  434. .skin-black .main-header .navbar .nav .open > a,
  435. .skin-black .main-header .navbar .nav .open > a:hover,
  436. .skin-black .main-header .navbar .nav .open > a:focus,
  437. .skin-black .main-header .navbar .nav > .active > a {
  438. background: rgba(0, 0, 0, 0.02);
  439. color: #444;
  440. }
  441. .skin-black .main-header .navbar .nav-addtabs li > .close-tab {
  442. color: #444;
  443. }
  444. .skin-black .main-header .navbar .sidebar-toggle {
  445. color: #666;
  446. }
  447. .skin-black .main-header .navbar .sidebar-toggle:hover {
  448. color: #444;
  449. background: rgba(0, 0, 0, 0.02);
  450. }
  451. .skin-black .main-header .navbar > .sidebar-toggle {
  452. color: #333;
  453. border-right: 1px solid #eee;
  454. }
  455. .skin-black .main-header .navbar .navbar-nav > li > a {
  456. border-right: 1px solid #eee;
  457. }
  458. .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  459. .skin-black .main-header .navbar .navbar-right > li > a {
  460. border-left: 1px solid #eee;
  461. border-left: none;
  462. border-right-width: 0;
  463. }
  464. .skin-black .main-header .logo {
  465. background-color: #605ca8;
  466. color: #fff;
  467. border-bottom: 0 solid transparent;
  468. border-right: 1px solid #605ca8;
  469. }
  470. .skin-black .main-header .logo:hover {
  471. background-color: #5d59a6;
  472. }
  473. @media (max-width: 767px) {
  474. .skin-black .main-header .logo {
  475. background-color: #fff;
  476. color: #222;
  477. border-bottom: 0 solid transparent;
  478. border-right: none;
  479. }
  480. .skin-black .main-header .logo:hover {
  481. background-color: #fcfcfc;
  482. }
  483. }
  484. .skin-black .main-header li.user-header {
  485. background-color: #222;
  486. }
  487. .skin-black .main-header .nav-addtabs > li > a,
  488. .skin-black .main-header .nav-addtabs > li.active > a {
  489. border-right-color: transparent;
  490. }
  491. .skin-black .content-header {
  492. background: transparent;
  493. box-shadow: none;
  494. }
  495. .skin-black .wrapper,
  496. .skin-black .main-sidebar,
  497. .skin-black .left-side {
  498. background-color: #605ca8;
  499. }
  500. .skin-black .user-panel > .info,
  501. .skin-black .user-panel > .info > a {
  502. color: #fff;
  503. }
  504. .skin-black .sidebar-menu .treeview-menu {
  505. padding-left: 3px;
  506. }
  507. .skin-black .sidebar-menu > li.header {
  508. color: #a19fcb;
  509. background: #57539c;
  510. }
  511. .skin-black .sidebar-menu > li:hover > a,
  512. .skin-black .sidebar-menu > li.active > a {
  513. color: #fff;
  514. background: #5b57a3;
  515. border-left-color: #fff;
  516. }
  517. .skin-black .sidebar-menu > li > .treeview-menu {
  518. background: #555299;
  519. }
  520. .skin-black .sidebar a {
  521. color: #c8c5ff;
  522. }
  523. .skin-black .sidebar a:hover {
  524. text-decoration: none;
  525. }
  526. .skin-black .treeview-menu > li > a {
  527. color: #c8c5ff;
  528. }
  529. .skin-black .treeview-menu > li.active > a,
  530. .skin-black .treeview-menu > li > a:hover {
  531. color: #fff;
  532. }
  533. .skin-black .sidebar-form {
  534. border-radius: 3px;
  535. border: 1px solid #807dba;
  536. background-color: #807dba;
  537. margin: 10px 10px;
  538. }
  539. .skin-black .sidebar-form input[type="text"],
  540. .skin-black .sidebar-form .btn {
  541. box-shadow: none;
  542. background-color: #807dba;
  543. border: 1px solid transparent;
  544. height: 35px;
  545. }
  546. .skin-black .sidebar-form input[type="text"] {
  547. color: #666;
  548. border-top-left-radius: 2px;
  549. border-top-right-radius: 0;
  550. border-bottom-right-radius: 0;
  551. border-bottom-left-radius: 2px;
  552. }
  553. .skin-black .sidebar-form input[type="text"]:focus,
  554. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  555. background-color: #fff;
  556. color: #666;
  557. }
  558. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn {
  559. background: #fff;
  560. border-top-left-radius: 0;
  561. border-top-right-radius: 2px;
  562. border-bottom-right-radius: 2px;
  563. border-bottom-left-radius: 0;
  564. }
  565. .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  566. border-left-color: #fff;
  567. }
  568. .skin-black .sidebar-form .btn {
  569. color: #999;
  570. border-top-left-radius: 0;
  571. border-top-right-radius: 2px;
  572. border-bottom-right-radius: 2px;
  573. border-bottom-left-radius: 0;
  574. }
  575. .skin-black .sidebar-menu > li > a {
  576. border-left: 3px solid transparent;
  577. padding-left: 12px;
  578. }
  579. @media (min-width: 768px) {
  580. .skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  581. margin-left: -3px;
  582. }
  583. }
  584. @media (max-width: 767px) {
  585. .skin-black.multiplenav .main-header .navbar {
  586. background-color: #605ca8;
  587. }
  588. .skin-black.multiplenav .main-header .navbar .nav > li > a {
  589. color: #fff;
  590. }
  591. .skin-black.multiplenav .main-header .navbar .nav > li > a:hover,
  592. .skin-black.multiplenav .main-header .navbar .nav > li > a:active,
  593. .skin-black.multiplenav .main-header .navbar .nav > li > a:focus,
  594. .skin-black.multiplenav .main-header .navbar .nav .open > a,
  595. .skin-black.multiplenav .main-header .navbar .nav .open > a:hover,
  596. .skin-black.multiplenav .main-header .navbar .nav .open > a:focus,
  597. .skin-black.multiplenav .main-header .navbar .nav > .active > a {
  598. background: rgba(0, 0, 0, 0.1);
  599. color: #f6f6f6;
  600. }
  601. .skin-black.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
  602. color: #f6f6f6;
  603. }
  604. .skin-black.multiplenav .main-header .navbar .sidebar-toggle {
  605. color: #fff;
  606. }
  607. .skin-black.multiplenav .main-header .navbar .sidebar-toggle:hover {
  608. color: #f6f6f6;
  609. background: rgba(0, 0, 0, 0.1);
  610. }
  611. .skin-black.multiplenav .main-header > .logo {
  612. background-color: #605ca8;
  613. color: #fff;
  614. border-bottom: 0 solid transparent;
  615. }
  616. .skin-black.multiplenav .main-header > .logo:hover {
  617. background-color: #5d59a6;
  618. }
  619. .skin-black.multiplenav .sidebar .mobilenav a.btn-app {
  620. background: #807dba;
  621. color: #fff;
  622. }
  623. .skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
  624. background: #fff;
  625. color: #807dba;
  626. }
  627. }
  628. /*
  629. * Skin: Black light
  630. * -----------
  631. */
  632. .skin-black-light .main-header {
  633. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  634. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  635. }
  636. .skin-black-light .main-header .navbar-toggle {
  637. color: #333;
  638. }
  639. .skin-black-light .main-header .navbar-brand {
  640. color: #333;
  641. border-right: 1px solid #eee;
  642. }
  643. .skin-black-light .main-header .navbar {
  644. background-color: #222d32;
  645. }
  646. .skin-black-light .main-header .navbar .nav > li > a {
  647. color: #fff;
  648. }
  649. .skin-black-light .main-header .navbar .nav > li > a:hover,
  650. .skin-black-light .main-header .navbar .nav > li > a:active,
  651. .skin-black-light .main-header .navbar .nav > li > a:focus,
  652. .skin-black-light .main-header .navbar .nav .open > a,
  653. .skin-black-light .main-header .navbar .nav .open > a:hover,
  654. .skin-black-light .main-header .navbar .nav .open > a:focus,
  655. .skin-black-light .main-header .navbar .nav > .active > a {
  656. background: rgba(0, 0, 0, 0.3);
  657. color: #f6f6f6;
  658. }
  659. .skin-black-light .main-header .navbar .nav-addtabs li > .close-tab {
  660. color: #f6f6f6;
  661. }
  662. .skin-black-light .main-header .navbar .sidebar-toggle {
  663. color: #fff;
  664. }
  665. .skin-black-light .main-header .navbar .sidebar-toggle:hover {
  666. color: #f6f6f6;
  667. background: rgba(0, 0, 0, 0.3);
  668. }
  669. .skin-black-light .main-header .navbar > .sidebar-toggle {
  670. color: #333;
  671. border-right: 1px solid #eee;
  672. }
  673. .skin-black-light .main-header .navbar .navbar-nav > li > a {
  674. color: #fff;
  675. }
  676. .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  677. .skin-black-light .main-header .navbar .navbar-right > li > a {
  678. border-left: none;
  679. border-right-width: 0;
  680. }
  681. .skin-black-light .main-header .logo {
  682. background-color: #222d32;
  683. color: #fff;
  684. border-bottom: 0 solid transparent;
  685. }
  686. .skin-black-light .main-header .logo:hover {
  687. background-color: #202a2f;
  688. }
  689. @media (max-width: 767px) {
  690. .skin-black-light .main-header .logo {
  691. background-color: #222d32;
  692. color: #fff;
  693. border-bottom: 0 solid transparent;
  694. border-right: none;
  695. }
  696. .skin-black-light .main-header .logo:hover {
  697. background-color: #202a2f;
  698. }
  699. }
  700. .skin-black-light .main-header li.user-header {
  701. background-color: #222d32;
  702. }
  703. .skin-black-light .content-header {
  704. background: transparent;
  705. box-shadow: none;
  706. }
  707. .skin-black-light .wrapper,
  708. .skin-black-light .main-sidebar,
  709. .skin-black-light .left-side {
  710. background-color: #f9fafc;
  711. }
  712. .skin-black-light .content-wrapper,
  713. .skin-black-light .main-footer {
  714. border-left: 1px solid #d2d6de;
  715. }
  716. .skin-black-light .user-panel > .info,
  717. .skin-black-light .user-panel > .info > a {
  718. color: #444;
  719. }
  720. .skin-black-light .sidebar-menu > li {
  721. -webkit-transition: border-left-color 0.3s ease;
  722. -o-transition: border-left-color 0.3s ease;
  723. transition: border-left-color 0.3s ease;
  724. }
  725. .skin-black-light .sidebar-menu > li.header {
  726. color: #848484;
  727. background: #f9fafc;
  728. }
  729. .skin-black-light .sidebar-menu > li:hover > a,
  730. .skin-black-light .sidebar-menu > li.active > a {
  731. color: #000;
  732. background: #f4f4f5;
  733. border-left-color: #222d32;
  734. }
  735. .skin-black-light .sidebar-menu > li.active {
  736. border-left-color: #222d32;
  737. }
  738. .skin-black-light .sidebar-menu > li > .treeview-menu {
  739. background: #f4f4f5;
  740. }
  741. .skin-black-light .sidebar a {
  742. color: #444;
  743. }
  744. .skin-black-light .sidebar a:hover {
  745. text-decoration: none;
  746. }
  747. .skin-black-light .treeview-menu > li > a {
  748. color: #777;
  749. }
  750. .skin-black-light .treeview-menu > li.active > a,
  751. .skin-black-light .treeview-menu > li > a:hover {
  752. color: #000;
  753. }
  754. .skin-black-light .treeview-menu > li.active > a {
  755. font-weight: 600;
  756. }
  757. .skin-black-light .sidebar-form {
  758. border-radius: 3px;
  759. border: 1px solid #d2d6de;
  760. margin: 10px 10px;
  761. }
  762. .skin-black-light .sidebar-form input[type="text"],
  763. .skin-black-light .sidebar-form .btn {
  764. box-shadow: none;
  765. background-color: #fff;
  766. border: 1px solid transparent;
  767. height: 35px;
  768. }
  769. .skin-black-light .sidebar-form input[type="text"] {
  770. color: #666;
  771. border-top-left-radius: 2px;
  772. border-top-right-radius: 0;
  773. border-bottom-right-radius: 0;
  774. border-bottom-left-radius: 2px;
  775. }
  776. .skin-black-light .sidebar-form input[type="text"]:focus,
  777. .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  778. background-color: #fff;
  779. color: #666;
  780. }
  781. .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  782. border-left-color: #fff;
  783. }
  784. .skin-black-light .sidebar-form .btn {
  785. color: #999;
  786. border-top-left-radius: 0;
  787. border-top-right-radius: 2px;
  788. border-bottom-right-radius: 2px;
  789. border-bottom-left-radius: 0;
  790. }
  791. @media (min-width: 768px) {
  792. .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  793. border-left: 1px solid #d2d6de;
  794. }
  795. }
  796. .skin-black-light .sidebar-menu > li > a {
  797. border-left: 3px solid transparent;
  798. padding-left: 12px;
  799. }
  800. @media (min-width: 768px) {
  801. .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  802. margin-left: -3px;
  803. }
  804. }
  805. .skin-black-light .main-sidebar {
  806. -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  807. box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  808. }
  809. .skin-black-light .content-wrapper,
  810. .skin-black-light .main-footer {
  811. border-left: none;
  812. }
  813. @media (max-width: 767px) {
  814. .skin-black-light.multiplenav .sidebar .mobilenav a.btn-app {
  815. background: #eceff3;
  816. color: #757575;
  817. }
  818. .skin-black-light.multiplenav .sidebar .mobilenav a.btn-app.active {
  819. background: #222d32;
  820. color: #fff;
  821. }
  822. }
  823. /*
  824. * Skin: Green
  825. * -----------
  826. */
  827. .skin-green .main-header {
  828. background-color: #18bc9c;
  829. }
  830. .skin-green .main-header .navbar {
  831. background-color: #18bc9c;
  832. }
  833. .skin-green .main-header .navbar .nav > li > a {
  834. color: #fff;
  835. }
  836. .skin-green .main-header .navbar .nav > li > a:hover,
  837. .skin-green .main-header .navbar .nav > li > a:active,
  838. .skin-green .main-header .navbar .nav > li > a:focus,
  839. .skin-green .main-header .navbar .nav .open > a,
  840. .skin-green .main-header .navbar .nav .open > a:hover,
  841. .skin-green .main-header .navbar .nav .open > a:focus,
  842. .skin-green .main-header .navbar .nav > .active > a {
  843. background: rgba(0, 0, 0, 0.05);
  844. color: #f6f6f6;
  845. }
  846. .skin-green .main-header .navbar .nav-addtabs li > .close-tab {
  847. color: #f6f6f6;
  848. }
  849. .skin-green .main-header .navbar .sidebar-toggle {
  850. color: #fff;
  851. }
  852. .skin-green .main-header .navbar .sidebar-toggle:hover {
  853. color: #f6f6f6;
  854. background: rgba(0, 0, 0, 0.05);
  855. }
  856. .skin-green .main-header .navbar .sidebar-toggle {
  857. color: #fff;
  858. }
  859. .skin-green .main-header .navbar .sidebar-toggle:hover {
  860. background-color: #15a589;
  861. }
  862. @media (max-width: 767px) {
  863. .skin-green .main-header .navbar .dropdown-menu li.divider {
  864. background-color: rgba(255, 255, 255, 0.1);
  865. }
  866. .skin-green .main-header .navbar .dropdown-menu li a {
  867. color: #fff;
  868. }
  869. .skin-green .main-header .navbar .dropdown-menu li a:hover {
  870. background: #15a589;
  871. }
  872. }
  873. .skin-green .main-header .logo {
  874. background-color: #15a589;
  875. color: #fff;
  876. border-bottom: 0 solid transparent;
  877. }
  878. .skin-green .main-header .logo:hover {
  879. background-color: #15a185;
  880. }
  881. @media (max-width: 767px) {
  882. .skin-green .main-header .logo {
  883. background-color: #18bc9c;
  884. color: #fff;
  885. border-bottom: 0 solid transparent;
  886. border-right: none;
  887. }
  888. .skin-green .main-header .logo:hover {
  889. background-color: #17b798;
  890. }
  891. }
  892. .skin-green .main-header li.user-header {
  893. background-color: #18bc9c;
  894. }
  895. .skin-green .content-header {
  896. background: transparent;
  897. }
  898. .skin-green .wrapper,
  899. .skin-green .main-sidebar,
  900. .skin-green .left-side {
  901. background-color: #605ca8;
  902. }
  903. .skin-green .user-panel > .info,
  904. .skin-green .user-panel > .info > a {
  905. color: #fff;
  906. }
  907. .skin-green .sidebar-menu .treeview-menu {
  908. padding-left: 3px;
  909. }
  910. .skin-green .sidebar-menu > li.header {
  911. color: #a19fcb;
  912. background: #57539c;
  913. }
  914. .skin-green .sidebar-menu > li:hover > a,
  915. .skin-green .sidebar-menu > li.active > a {
  916. color: #fff;
  917. background: #5b57a3;
  918. border-left-color: #18bc9c;
  919. }
  920. .skin-green .sidebar-menu > li > .treeview-menu {
  921. background: #555299;
  922. }
  923. .skin-green .sidebar a {
  924. color: #c8c5ff;
  925. }
  926. .skin-green .sidebar a:hover {
  927. text-decoration: none;
  928. }
  929. .skin-green .treeview-menu > li > a {
  930. color: #c8c5ff;
  931. }
  932. .skin-green .treeview-menu > li.active > a,
  933. .skin-green .treeview-menu > li > a:hover {
  934. color: #fff;
  935. }
  936. .skin-green .sidebar-form {
  937. border-radius: 3px;
  938. border: 1px solid #807dba;
  939. background-color: #807dba;
  940. margin: 10px 10px;
  941. }
  942. .skin-green .sidebar-form input[type="text"],
  943. .skin-green .sidebar-form .btn {
  944. box-shadow: none;
  945. background-color: #807dba;
  946. border: 1px solid transparent;
  947. height: 35px;
  948. }
  949. .skin-green .sidebar-form input[type="text"] {
  950. color: #666;
  951. border-top-left-radius: 2px;
  952. border-top-right-radius: 0;
  953. border-bottom-right-radius: 0;
  954. border-bottom-left-radius: 2px;
  955. }
  956. .skin-green .sidebar-form input[type="text"]:focus,
  957. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  958. background-color: #fff;
  959. color: #666;
  960. }
  961. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn {
  962. background: #fff;
  963. border-top-left-radius: 0;
  964. border-top-right-radius: 2px;
  965. border-bottom-right-radius: 2px;
  966. border-bottom-left-radius: 0;
  967. }
  968. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  969. border-left-color: #fff;
  970. }
  971. .skin-green .sidebar-form .btn {
  972. color: #999;
  973. border-top-left-radius: 0;
  974. border-top-right-radius: 2px;
  975. border-bottom-right-radius: 2px;
  976. border-bottom-left-radius: 0;
  977. }
  978. .skin-green .sidebar-menu > li > a {
  979. border-left: 3px solid transparent;
  980. padding-left: 12px;
  981. }
  982. @media (min-width: 768px) {
  983. .skin-green.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  984. margin-left: -3px;
  985. }
  986. }
  987. @media (max-width: 767px) {
  988. .skin-green.multiplenav .sidebar .mobilenav a.btn-app {
  989. background: #807dba;
  990. color: #fff;
  991. }
  992. .skin-green.multiplenav .sidebar .mobilenav a.btn-app.active {
  993. background: #18bc9c;
  994. color: #fff;
  995. }
  996. }
  997. /*
  998. * Skin: Green
  999. * -----------
  1000. */
  1001. .skin-green-light .main-header {
  1002. background-color: #18bc9c;
  1003. }
  1004. .skin-green-light .main-header .navbar {
  1005. background-color: #18bc9c;
  1006. }
  1007. .skin-green-light .main-header .navbar .nav > li > a {
  1008. color: #fff;
  1009. }
  1010. .skin-green-light .main-header .navbar .nav > li > a:hover,
  1011. .skin-green-light .main-header .navbar .nav > li > a:active,
  1012. .skin-green-light .main-header .navbar .nav > li > a:focus,
  1013. .skin-green-light .main-header .navbar .nav .open > a,
  1014. .skin-green-light .main-header .navbar .nav .open > a:hover,
  1015. .skin-green-light .main-header .navbar .nav .open > a:focus,
  1016. .skin-green-light .main-header .navbar .nav > .active > a {
  1017. background: rgba(0, 0, 0, 0.05);
  1018. color: #f6f6f6;
  1019. }
  1020. .skin-green-light .main-header .navbar .nav-addtabs li > .close-tab {
  1021. color: #f6f6f6;
  1022. }
  1023. .skin-green-light .main-header .navbar .sidebar-toggle {
  1024. color: #fff;
  1025. }
  1026. .skin-green-light .main-header .navbar .sidebar-toggle:hover {
  1027. color: #f6f6f6;
  1028. background: rgba(0, 0, 0, 0.05);
  1029. }
  1030. .skin-green-light .main-header .navbar .sidebar-toggle {
  1031. color: #fff;
  1032. }
  1033. .skin-green-light .main-header .navbar .sidebar-toggle:hover {
  1034. background-color: #15a589;
  1035. }
  1036. @media (max-width: 767px) {
  1037. .skin-green-light .main-header .navbar .dropdown-menu li.divider {
  1038. background-color: rgba(255, 255, 255, 0.1);
  1039. }
  1040. .skin-green-light .main-header .navbar .dropdown-menu li a {
  1041. color: #fff;
  1042. }
  1043. .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
  1044. background: #15a589;
  1045. }
  1046. }
  1047. .skin-green-light .main-header .logo {
  1048. background-color: #18bc9c;
  1049. color: #fff;
  1050. border-bottom: 0 solid transparent;
  1051. }
  1052. .skin-green-light .main-header .logo:hover {
  1053. background-color: #17b798;
  1054. }
  1055. .skin-green-light .main-header li.user-header {
  1056. background-color: #18bc9c;
  1057. }
  1058. .skin-green-light .content-header {
  1059. background: transparent;
  1060. }
  1061. .skin-green-light .wrapper,
  1062. .skin-green-light .main-sidebar,
  1063. .skin-green-light .left-side {
  1064. background-color: #f9fafc;
  1065. }
  1066. .skin-green-light .content-wrapper,
  1067. .skin-green-light .main-footer {
  1068. border-left: 1px solid #d2d6de;
  1069. }
  1070. .skin-green-light .user-panel > .info,
  1071. .skin-green-light .user-panel > .info > a {
  1072. color: #444;
  1073. }
  1074. .skin-green-light .sidebar-menu > li {
  1075. -webkit-transition: border-left-color 0.3s ease;
  1076. -o-transition: border-left-color 0.3s ease;
  1077. transition: border-left-color 0.3s ease;
  1078. }
  1079. .skin-green-light .sidebar-menu > li.header {
  1080. color: #848484;
  1081. background: #f9fafc;
  1082. }
  1083. .skin-green-light .sidebar-menu > li:hover > a,
  1084. .skin-green-light .sidebar-menu > li.active > a {
  1085. color: #000;
  1086. background: #f4f4f5;
  1087. border-left-color: #18bc9c;
  1088. }
  1089. .skin-green-light .sidebar-menu > li.active {
  1090. border-left-color: #18bc9c;
  1091. }
  1092. .skin-green-light .sidebar-menu > li > .treeview-menu {
  1093. background: #f4f4f5;
  1094. }
  1095. .skin-green-light .sidebar a {
  1096. color: #444;
  1097. }
  1098. .skin-green-light .sidebar a:hover {
  1099. text-decoration: none;
  1100. }
  1101. .skin-green-light .treeview-menu > li > a {
  1102. color: #777;
  1103. }
  1104. .skin-green-light .treeview-menu > li.active > a,
  1105. .skin-green-light .treeview-menu > li > a:hover {
  1106. color: #000;
  1107. }
  1108. .skin-green-light .treeview-menu > li.active > a {
  1109. font-weight: 600;
  1110. }
  1111. .skin-green-light .sidebar-form {
  1112. border-radius: 3px;
  1113. border: 1px solid #d2d6de;
  1114. margin: 10px 10px;
  1115. }
  1116. .skin-green-light .sidebar-form input[type="text"],
  1117. .skin-green-light .sidebar-form .btn {
  1118. box-shadow: none;
  1119. background-color: #fff;
  1120. border: 1px solid transparent;
  1121. height: 35px;
  1122. }
  1123. .skin-green-light .sidebar-form input[type="text"] {
  1124. color: #666;
  1125. border-top-left-radius: 2px;
  1126. border-top-right-radius: 0;
  1127. border-bottom-right-radius: 0;
  1128. border-bottom-left-radius: 2px;
  1129. }
  1130. .skin-green-light .sidebar-form input[type="text"]:focus,
  1131. .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1132. background-color: #fff;
  1133. color: #666;
  1134. }
  1135. .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1136. border-left-color: #fff;
  1137. }
  1138. .skin-green-light .sidebar-form .btn {
  1139. color: #999;
  1140. border-top-left-radius: 0;
  1141. border-top-right-radius: 2px;
  1142. border-bottom-right-radius: 2px;
  1143. border-bottom-left-radius: 0;
  1144. }
  1145. @media (min-width: 768px) {
  1146. .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1147. border-left: 1px solid #d2d6de;
  1148. }
  1149. }
  1150. .skin-green-light .sidebar-menu > li > a {
  1151. border-left: 3px solid transparent;
  1152. padding-left: 12px;
  1153. }
  1154. @media (min-width: 768px) {
  1155. .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  1156. margin-left: -3px;
  1157. }
  1158. }
  1159. .skin-green-light .main-sidebar {
  1160. -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  1161. box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  1162. }
  1163. .skin-green-light .content-wrapper,
  1164. .skin-green-light .main-footer {
  1165. border-left: none;
  1166. }
  1167. @media (max-width: 767px) {
  1168. .skin-green-light.multiplenav .sidebar .mobilenav a.btn-app {
  1169. background: #eceff3;
  1170. color: #757575;
  1171. }
  1172. .skin-green-light.multiplenav .sidebar .mobilenav a.btn-app.active {
  1173. background: #18bc9c;
  1174. color: #fff;
  1175. }
  1176. }
  1177. /*
  1178. * Skin: Red
  1179. * ---------
  1180. */
  1181. .skin-red .main-header {
  1182. background-color: #f75444;
  1183. }
  1184. .skin-red .main-header .navbar {
  1185. background-color: #f75444;
  1186. }
  1187. .skin-red .main-header .navbar .nav > li > a {
  1188. color: #fff;
  1189. }
  1190. .skin-red .main-header .navbar .nav > li > a:hover,
  1191. .skin-red .main-header .navbar .nav > li > a:active,
  1192. .skin-red .main-header .navbar .nav > li > a:focus,
  1193. .skin-red .main-header .navbar .nav .open > a,
  1194. .skin-red .main-header .navbar .nav .open > a:hover,
  1195. .skin-red .main-header .navbar .nav .open > a:focus,
  1196. .skin-red .main-header .navbar .nav > .active > a {
  1197. background: rgba(0, 0, 0, 0.05);
  1198. color: #f6f6f6;
  1199. }
  1200. .skin-red .main-header .navbar .nav-addtabs li > .close-tab {
  1201. color: #f6f6f6;
  1202. }
  1203. .skin-red .main-header .navbar .sidebar-toggle {
  1204. color: #fff;
  1205. }
  1206. .skin-red .main-header .navbar .sidebar-toggle:hover {
  1207. color: #f6f6f6;
  1208. background: rgba(0, 0, 0, 0.05);
  1209. }
  1210. .skin-red .main-header .navbar .sidebar-toggle {
  1211. color: #fff;
  1212. }
  1213. .skin-red .main-header .navbar .sidebar-toggle:hover {
  1214. background-color: #f63e2c;
  1215. }
  1216. @media (max-width: 767px) {
  1217. .skin-red .main-header .navbar .dropdown-menu li.divider {
  1218. background-color: rgba(255, 255, 255, 0.1);
  1219. }
  1220. .skin-red .main-header .navbar .dropdown-menu li a {
  1221. color: #fff;
  1222. }
  1223. .skin-red .main-header .navbar .dropdown-menu li a:hover {
  1224. background: #f63e2c;
  1225. }
  1226. }
  1227. .skin-red .main-header .logo {
  1228. background-color: #f63e2c;
  1229. color: #fff;
  1230. border-bottom: 0 solid transparent;
  1231. }
  1232. .skin-red .main-header .logo:hover {
  1233. background-color: #f63927;
  1234. }
  1235. @media (max-width: 767px) {
  1236. .skin-red .main-header .logo {
  1237. background-color: #f75444;
  1238. color: #fff;
  1239. border-bottom: 0 solid transparent;
  1240. border-right: none;
  1241. }
  1242. .skin-red .main-header .logo:hover {
  1243. background-color: #f7503f;
  1244. }
  1245. }
  1246. .skin-red .main-header li.user-header {
  1247. background-color: #f75444;
  1248. }
  1249. .skin-red .content-header {
  1250. background: transparent;
  1251. }
  1252. .skin-red .wrapper,
  1253. .skin-red .main-sidebar,
  1254. .skin-red .left-side {
  1255. background-color: #605ca8;
  1256. }
  1257. .skin-red .user-panel > .info,
  1258. .skin-red .user-panel > .info > a {
  1259. color: #fff;
  1260. }
  1261. .skin-red .sidebar-menu .treeview-menu {
  1262. padding-left: 3px;
  1263. }
  1264. .skin-red .sidebar-menu > li.header {
  1265. color: #a19fcb;
  1266. background: #57539c;
  1267. }
  1268. .skin-red .sidebar-menu > li:hover > a,
  1269. .skin-red .sidebar-menu > li.active > a {
  1270. color: #fff;
  1271. background: #5b57a3;
  1272. border-left-color: #f75444;
  1273. }
  1274. .skin-red .sidebar-menu > li > .treeview-menu {
  1275. background: #555299;
  1276. }
  1277. .skin-red .sidebar a {
  1278. color: #c8c5ff;
  1279. }
  1280. .skin-red .sidebar a:hover {
  1281. text-decoration: none;
  1282. }
  1283. .skin-red .treeview-menu > li > a {
  1284. color: #c8c5ff;
  1285. }
  1286. .skin-red .treeview-menu > li.active > a,
  1287. .skin-red .treeview-menu > li > a:hover {
  1288. color: #fff;
  1289. }
  1290. .skin-red .sidebar-form {
  1291. border-radius: 3px;
  1292. border: 1px solid #807dba;
  1293. background-color: #807dba;
  1294. margin: 10px 10px;
  1295. }
  1296. .skin-red .sidebar-form input[type="text"],
  1297. .skin-red .sidebar-form .btn {
  1298. box-shadow: none;
  1299. background-color: #807dba;
  1300. border: 1px solid transparent;
  1301. height: 35px;
  1302. }
  1303. .skin-red .sidebar-form input[type="text"] {
  1304. color: #666;
  1305. border-top-left-radius: 2px;
  1306. border-top-right-radius: 0;
  1307. border-bottom-right-radius: 0;
  1308. border-bottom-left-radius: 2px;
  1309. }
  1310. .skin-red .sidebar-form input[type="text"]:focus,
  1311. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1312. background-color: #fff;
  1313. color: #666;
  1314. }
  1315. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn {
  1316. background: #fff;
  1317. border-top-left-radius: 0;
  1318. border-top-right-radius: 2px;
  1319. border-bottom-right-radius: 2px;
  1320. border-bottom-left-radius: 0;
  1321. }
  1322. .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1323. border-left-color: #fff;
  1324. }
  1325. .skin-red .sidebar-form .btn {
  1326. color: #999;
  1327. border-top-left-radius: 0;
  1328. border-top-right-radius: 2px;
  1329. border-bottom-right-radius: 2px;
  1330. border-bottom-left-radius: 0;
  1331. }
  1332. .skin-red .sidebar-menu > li > a {
  1333. border-left: 3px solid transparent;
  1334. padding-left: 12px;
  1335. }
  1336. @media (min-width: 768px) {
  1337. .skin-red.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  1338. margin-left: -3px;
  1339. }
  1340. }
  1341. @media (max-width: 767px) {
  1342. .skin-red.multiplenav .sidebar .mobilenav a.btn-app {
  1343. background: #807dba;
  1344. color: #fff;
  1345. }
  1346. .skin-red.multiplenav .sidebar .mobilenav a.btn-app.active {
  1347. background: #f75444;
  1348. color: #fff;
  1349. }
  1350. }
  1351. /*
  1352. * Skin: Red
  1353. * ---------
  1354. */
  1355. .skin-red-light .main-header {
  1356. background-color: #f75444;
  1357. }
  1358. .skin-red-light .main-header .navbar {
  1359. background-color: #f75444;
  1360. }
  1361. .skin-red-light .main-header .navbar .nav > li > a {
  1362. color: #fff;
  1363. }
  1364. .skin-red-light .main-header .navbar .nav > li > a:hover,
  1365. .skin-red-light .main-header .navbar .nav > li > a:active,
  1366. .skin-red-light .main-header .navbar .nav > li > a:focus,
  1367. .skin-red-light .main-header .navbar .nav .open > a,
  1368. .skin-red-light .main-header .navbar .nav .open > a:hover,
  1369. .skin-red-light .main-header .navbar .nav .open > a:focus,
  1370. .skin-red-light .main-header .navbar .nav > .active > a {
  1371. background: rgba(0, 0, 0, 0.05);
  1372. color: #f6f6f6;
  1373. }
  1374. .skin-red-light .main-header .navbar .nav-addtabs li > .close-tab {
  1375. color: #f6f6f6;
  1376. }
  1377. .skin-red-light .main-header .navbar .sidebar-toggle {
  1378. color: #fff;
  1379. }
  1380. .skin-red-light .main-header .navbar .sidebar-toggle:hover {
  1381. color: #f6f6f6;
  1382. background: rgba(0, 0, 0, 0.05);
  1383. }
  1384. .skin-red-light .main-header .navbar .sidebar-toggle {
  1385. color: #fff;
  1386. }
  1387. .skin-red-light .main-header .navbar .sidebar-toggle:hover {
  1388. background-color: #f63e2c;
  1389. }
  1390. @media (max-width: 767px) {
  1391. .skin-red-light .main-header .navbar .dropdown-menu li.divider {
  1392. background-color: rgba(255, 255, 255, 0.1);
  1393. }
  1394. .skin-red-light .main-header .navbar .dropdown-menu li a {
  1395. color: #fff;
  1396. }
  1397. .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
  1398. background: #f63e2c;
  1399. }
  1400. }
  1401. .skin-red-light .main-header .logo {
  1402. background-color: #f75444;
  1403. color: #fff;
  1404. border-bottom: 0 solid transparent;
  1405. }
  1406. .skin-red-light .main-header .logo:hover {
  1407. background-color: #f7503f;
  1408. }
  1409. .skin-red-light .main-header li.user-header {
  1410. background-color: #f75444;
  1411. }
  1412. .skin-red-light .content-header {
  1413. background: transparent;
  1414. }
  1415. .skin-red-light .wrapper,
  1416. .skin-red-light .main-sidebar,
  1417. .skin-red-light .left-side {
  1418. background-color: #f9fafc;
  1419. }
  1420. .skin-red-light .content-wrapper,
  1421. .skin-red-light .main-footer {
  1422. border-left: 1px solid #d2d6de;
  1423. }
  1424. .skin-red-light .user-panel > .info,
  1425. .skin-red-light .user-panel > .info > a {
  1426. color: #444;
  1427. }
  1428. .skin-red-light .sidebar-menu > li {
  1429. -webkit-transition: border-left-color 0.3s ease;
  1430. -o-transition: border-left-color 0.3s ease;
  1431. transition: border-left-color 0.3s ease;
  1432. }
  1433. .skin-red-light .sidebar-menu > li.header {
  1434. color: #848484;
  1435. background: #f9fafc;
  1436. }
  1437. .skin-red-light .sidebar-menu > li:hover > a,
  1438. .skin-red-light .sidebar-menu > li.active > a {
  1439. color: #000;
  1440. background: #f4f4f5;
  1441. border-left-color: #f75444;
  1442. }
  1443. .skin-red-light .sidebar-menu > li.active {
  1444. border-left-color: #f75444;
  1445. }
  1446. .skin-red-light .sidebar-menu > li > .treeview-menu {
  1447. background: #f4f4f5;
  1448. }
  1449. .skin-red-light .sidebar a {
  1450. color: #444;
  1451. }
  1452. .skin-red-light .sidebar a:hover {
  1453. text-decoration: none;
  1454. }
  1455. .skin-red-light .treeview-menu > li > a {
  1456. color: #777;
  1457. }
  1458. .skin-red-light .treeview-menu > li.active > a,
  1459. .skin-red-light .treeview-menu > li > a:hover {
  1460. color: #000;
  1461. }
  1462. .skin-red-light .treeview-menu > li.active > a {
  1463. font-weight: 600;
  1464. }
  1465. .skin-red-light .sidebar-form {
  1466. border-radius: 3px;
  1467. border: 1px solid #d2d6de;
  1468. margin: 10px 10px;
  1469. }
  1470. .skin-red-light .sidebar-form input[type="text"],
  1471. .skin-red-light .sidebar-form .btn {
  1472. box-shadow: none;
  1473. background-color: #fff;
  1474. border: 1px solid transparent;
  1475. height: 35px;
  1476. }
  1477. .skin-red-light .sidebar-form input[type="text"] {
  1478. color: #666;
  1479. border-top-left-radius: 2px;
  1480. border-top-right-radius: 0;
  1481. border-bottom-right-radius: 0;
  1482. border-bottom-left-radius: 2px;
  1483. }
  1484. .skin-red-light .sidebar-form input[type="text"]:focus,
  1485. .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1486. background-color: #fff;
  1487. color: #666;
  1488. }
  1489. .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1490. border-left-color: #fff;
  1491. }
  1492. .skin-red-light .sidebar-form .btn {
  1493. color: #999;
  1494. border-top-left-radius: 0;
  1495. border-top-right-radius: 2px;
  1496. border-bottom-right-radius: 2px;
  1497. border-bottom-left-radius: 0;
  1498. }
  1499. @media (min-width: 768px) {
  1500. .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1501. border-left: 1px solid #d2d6de;
  1502. }
  1503. }
  1504. .skin-red-light .sidebar-menu > li > a {
  1505. border-left: 3px solid transparent;
  1506. padding-left: 12px;
  1507. }
  1508. @media (min-width: 768px) {
  1509. .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  1510. margin-left: -3px;
  1511. }
  1512. }
  1513. .skin-red-light .main-sidebar {
  1514. -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  1515. box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  1516. }
  1517. .skin-red-light .content-wrapper,
  1518. .skin-red-light .main-footer {
  1519. border-left: none;
  1520. }
  1521. @media (max-width: 767px) {
  1522. .skin-red-light.multiplenav .sidebar .mobilenav a.btn-app {
  1523. background: #eceff3;
  1524. color: #757575;
  1525. }
  1526. .skin-red-light.multiplenav .sidebar .mobilenav a.btn-app.active {
  1527. background: #f75444;
  1528. color: #fff;
  1529. }
  1530. }
  1531. /*
  1532. * Skin: Yellow
  1533. * ------------
  1534. */
  1535. .skin-yellow .main-header {
  1536. background-color: #f39c12;
  1537. }
  1538. .skin-yellow .main-header .navbar {
  1539. background-color: #f39c12;
  1540. }
  1541. .skin-yellow .main-header .navbar .nav > li > a {
  1542. color: #fff;
  1543. }
  1544. .skin-yellow .main-header .navbar .nav > li > a:hover,
  1545. .skin-yellow .main-header .navbar .nav > li > a:active,
  1546. .skin-yellow .main-header .navbar .nav > li > a:focus,
  1547. .skin-yellow .main-header .navbar .nav .open > a,
  1548. .skin-yellow .main-header .navbar .nav .open > a:hover,
  1549. .skin-yellow .main-header .navbar .nav .open > a:focus,
  1550. .skin-yellow .main-header .navbar .nav > .active > a {
  1551. background: rgba(0, 0, 0, 0.05);
  1552. color: #f6f6f6;
  1553. }
  1554. .skin-yellow .main-header .navbar .nav-addtabs li > .close-tab {
  1555. color: #f6f6f6;
  1556. }
  1557. .skin-yellow .main-header .navbar .sidebar-toggle {
  1558. color: #fff;
  1559. }
  1560. .skin-yellow .main-header .navbar .sidebar-toggle:hover {
  1561. color: #f6f6f6;
  1562. background: rgba(0, 0, 0, 0.05);
  1563. }
  1564. .skin-yellow .main-header .navbar .sidebar-toggle {
  1565. color: #fff;
  1566. }
  1567. .skin-yellow .main-header .navbar .sidebar-toggle:hover {
  1568. background-color: #e08e0b;
  1569. }
  1570. @media (max-width: 767px) {
  1571. .skin-yellow .main-header .navbar .dropdown-menu li.divider {
  1572. background-color: rgba(255, 255, 255, 0.1);
  1573. }
  1574. .skin-yellow .main-header .navbar .dropdown-menu li a {
  1575. color: #fff;
  1576. }
  1577. .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
  1578. background: #e08e0b;
  1579. }
  1580. }
  1581. .skin-yellow .main-header .logo {
  1582. background-color: #e08e0b;
  1583. color: #fff;
  1584. border-bottom: 0 solid transparent;
  1585. }
  1586. .skin-yellow .main-header .logo:hover {
  1587. background-color: #db8b0b;
  1588. }
  1589. @media (max-width: 767px) {
  1590. .skin-yellow .main-header .logo {
  1591. background-color: #f39c12;
  1592. color: #fff;
  1593. border-bottom: 0 solid transparent;
  1594. border-right: none;
  1595. }
  1596. .skin-yellow .main-header .logo:hover {
  1597. background-color: #f39a0d;
  1598. }
  1599. }
  1600. .skin-yellow .main-header li.user-header {
  1601. background-color: #f39c12;
  1602. }
  1603. .skin-yellow .content-header {
  1604. background: transparent;
  1605. }
  1606. .skin-yellow .wrapper,
  1607. .skin-yellow .main-sidebar,
  1608. .skin-yellow .left-side {
  1609. background-color: #605ca8;
  1610. }
  1611. .skin-yellow .user-panel > .info,
  1612. .skin-yellow .user-panel > .info > a {
  1613. color: #fff;
  1614. }
  1615. .skin-yellow .sidebar-menu .treeview-menu {
  1616. padding-left: 3px;
  1617. }
  1618. .skin-yellow .sidebar-menu > li.header {
  1619. color: #a19fcb;
  1620. background: #57539c;
  1621. }
  1622. .skin-yellow .sidebar-menu > li:hover > a,
  1623. .skin-yellow .sidebar-menu > li.active > a {
  1624. color: #fff;
  1625. background: #5b57a3;
  1626. border-left-color: #f39c12;
  1627. }
  1628. .skin-yellow .sidebar-menu > li > .treeview-menu {
  1629. background: #555299;
  1630. }
  1631. .skin-yellow .sidebar a {
  1632. color: #c8c5ff;
  1633. }
  1634. .skin-yellow .sidebar a:hover {
  1635. text-decoration: none;
  1636. }
  1637. .skin-yellow .treeview-menu > li > a {
  1638. color: #c8c5ff;
  1639. }
  1640. .skin-yellow .treeview-menu > li.active > a,
  1641. .skin-yellow .treeview-menu > li > a:hover {
  1642. color: #fff;
  1643. }
  1644. .skin-yellow .sidebar-form {
  1645. border-radius: 3px;
  1646. border: 1px solid #807dba;
  1647. background-color: #807dba;
  1648. margin: 10px 10px;
  1649. }
  1650. .skin-yellow .sidebar-form input[type="text"],
  1651. .skin-yellow .sidebar-form .btn {
  1652. box-shadow: none;
  1653. background-color: #807dba;
  1654. border: 1px solid transparent;
  1655. height: 35px;
  1656. }
  1657. .skin-yellow .sidebar-form input[type="text"] {
  1658. color: #666;
  1659. border-top-left-radius: 2px;
  1660. border-top-right-radius: 0;
  1661. border-bottom-right-radius: 0;
  1662. border-bottom-left-radius: 2px;
  1663. }
  1664. .skin-yellow .sidebar-form input[type="text"]:focus,
  1665. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1666. background-color: #fff;
  1667. color: #666;
  1668. }
  1669. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
  1670. background: #fff;
  1671. border-top-left-radius: 0;
  1672. border-top-right-radius: 2px;
  1673. border-bottom-right-radius: 2px;
  1674. border-bottom-left-radius: 0;
  1675. }
  1676. .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1677. border-left-color: #fff;
  1678. }
  1679. .skin-yellow .sidebar-form .btn {
  1680. color: #999;
  1681. border-top-left-radius: 0;
  1682. border-top-right-radius: 2px;
  1683. border-bottom-right-radius: 2px;
  1684. border-bottom-left-radius: 0;
  1685. }
  1686. .skin-yellow .sidebar-menu > li > a {
  1687. border-left: 3px solid transparent;
  1688. padding-left: 12px;
  1689. }
  1690. @media (min-width: 768px) {
  1691. .skin-yellow.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  1692. margin-left: -3px;
  1693. }
  1694. }
  1695. @media (max-width: 767px) {
  1696. .skin-yellow.multiplenav .sidebar .mobilenav a.btn-app {
  1697. background: #807dba;
  1698. color: #fff;
  1699. }
  1700. .skin-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
  1701. background: #f39c12;
  1702. color: #fff;
  1703. }
  1704. }
  1705. /*
  1706. * Skin: Yellow light
  1707. * ------------
  1708. */
  1709. .skin-yellow-light .main-header {
  1710. background-color: #f39c12;
  1711. }
  1712. .skin-yellow-light .main-header .navbar {
  1713. background-color: #f39c12;
  1714. }
  1715. .skin-yellow-light .main-header .navbar .nav > li > a {
  1716. color: #fff;
  1717. }
  1718. .skin-yellow-light .main-header .navbar .nav > li > a:hover,
  1719. .skin-yellow-light .main-header .navbar .nav > li > a:active,
  1720. .skin-yellow-light .main-header .navbar .nav > li > a:focus,
  1721. .skin-yellow-light .main-header .navbar .nav .open > a,
  1722. .skin-yellow-light .main-header .navbar .nav .open > a:hover,
  1723. .skin-yellow-light .main-header .navbar .nav .open > a:focus,
  1724. .skin-yellow-light .main-header .navbar .nav > .active > a {
  1725. background: rgba(0, 0, 0, 0.05);
  1726. color: #f6f6f6;
  1727. }
  1728. .skin-yellow-light .main-header .navbar .nav-addtabs li > .close-tab {
  1729. color: #f6f6f6;
  1730. }
  1731. .skin-yellow-light .main-header .navbar .sidebar-toggle {
  1732. color: #fff;
  1733. }
  1734. .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  1735. color: #f6f6f6;
  1736. background: rgba(0, 0, 0, 0.05);
  1737. }
  1738. .skin-yellow-light .main-header .navbar .sidebar-toggle {
  1739. color: #fff;
  1740. }
  1741. .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  1742. background-color: #e08e0b;
  1743. }
  1744. @media (max-width: 767px) {
  1745. .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
  1746. background-color: rgba(255, 255, 255, 0.1);
  1747. }
  1748. .skin-yellow-light .main-header .navbar .dropdown-menu li a {
  1749. color: #fff;
  1750. }
  1751. .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
  1752. background: #e08e0b;
  1753. }
  1754. }
  1755. .skin-yellow-light .main-header .logo {
  1756. background-color: #f39c12;
  1757. color: #fff;
  1758. border-bottom: 0 solid transparent;
  1759. }
  1760. .skin-yellow-light .main-header .logo:hover {
  1761. background-color: #f39a0d;
  1762. }
  1763. .skin-yellow-light .main-header li.user-header {
  1764. background-color: #f39c12;
  1765. }
  1766. .skin-yellow-light .content-header {
  1767. background: transparent;
  1768. }
  1769. .skin-yellow-light .wrapper,
  1770. .skin-yellow-light .main-sidebar,
  1771. .skin-yellow-light .left-side {
  1772. background-color: #f9fafc;
  1773. }
  1774. .skin-yellow-light .content-wrapper,
  1775. .skin-yellow-light .main-footer {
  1776. border-left: 1px solid #d2d6de;
  1777. }
  1778. .skin-yellow-light .user-panel > .info,
  1779. .skin-yellow-light .user-panel > .info > a {
  1780. color: #444;
  1781. }
  1782. .skin-yellow-light .sidebar-menu > li {
  1783. -webkit-transition: border-left-color 0.3s ease;
  1784. -o-transition: border-left-color 0.3s ease;
  1785. transition: border-left-color 0.3s ease;
  1786. }
  1787. .skin-yellow-light .sidebar-menu > li.header {
  1788. color: #848484;
  1789. background: #f9fafc;
  1790. }
  1791. .skin-yellow-light .sidebar-menu > li:hover > a,
  1792. .skin-yellow-light .sidebar-menu > li.active > a {
  1793. color: #000;
  1794. background: #f4f4f5;
  1795. border-left-color: #f39c12;
  1796. }
  1797. .skin-yellow-light .sidebar-menu > li.active {
  1798. border-left-color: #f39c12;
  1799. }
  1800. .skin-yellow-light .sidebar-menu > li > .treeview-menu {
  1801. background: #f4f4f5;
  1802. }
  1803. .skin-yellow-light .sidebar a {
  1804. color: #444;
  1805. }
  1806. .skin-yellow-light .sidebar a:hover {
  1807. text-decoration: none;
  1808. }
  1809. .skin-yellow-light .treeview-menu > li > a {
  1810. color: #777;
  1811. }
  1812. .skin-yellow-light .treeview-menu > li.active > a,
  1813. .skin-yellow-light .treeview-menu > li > a:hover {
  1814. color: #000;
  1815. }
  1816. .skin-yellow-light .treeview-menu > li.active > a {
  1817. font-weight: 600;
  1818. }
  1819. .skin-yellow-light .sidebar-form {
  1820. border-radius: 3px;
  1821. border: 1px solid #d2d6de;
  1822. margin: 10px 10px;
  1823. }
  1824. .skin-yellow-light .sidebar-form input[type="text"],
  1825. .skin-yellow-light .sidebar-form .btn {
  1826. box-shadow: none;
  1827. background-color: #fff;
  1828. border: 1px solid transparent;
  1829. height: 35px;
  1830. }
  1831. .skin-yellow-light .sidebar-form input[type="text"] {
  1832. color: #666;
  1833. border-top-left-radius: 2px;
  1834. border-top-right-radius: 0;
  1835. border-bottom-right-radius: 0;
  1836. border-bottom-left-radius: 2px;
  1837. }
  1838. .skin-yellow-light .sidebar-form input[type="text"]:focus,
  1839. .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1840. background-color: #fff;
  1841. color: #666;
  1842. }
  1843. .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  1844. border-left-color: #fff;
  1845. }
  1846. .skin-yellow-light .sidebar-form .btn {
  1847. color: #999;
  1848. border-top-left-radius: 0;
  1849. border-top-right-radius: 2px;
  1850. border-bottom-right-radius: 2px;
  1851. border-bottom-left-radius: 0;
  1852. }
  1853. @media (min-width: 768px) {
  1854. .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  1855. border-left: 1px solid #d2d6de;
  1856. }
  1857. }
  1858. .skin-yellow-light .sidebar-menu > li > a {
  1859. border-left: 3px solid transparent;
  1860. padding-left: 12px;
  1861. }
  1862. @media (min-width: 768px) {
  1863. .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  1864. margin-left: -3px;
  1865. }
  1866. }
  1867. .skin-yellow-light .main-sidebar {
  1868. -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  1869. box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  1870. }
  1871. .skin-yellow-light .content-wrapper,
  1872. .skin-yellow-light .main-footer {
  1873. border-left: none;
  1874. }
  1875. @media (max-width: 767px) {
  1876. .skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app {
  1877. background: #eceff3;
  1878. color: #757575;
  1879. }
  1880. .skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app.active {
  1881. background: #f39c12;
  1882. color: #fff;
  1883. }
  1884. }
  1885. /*
  1886. * Skin: Purple
  1887. * ------------
  1888. */
  1889. .skin-purple .main-header .navbar {
  1890. background-color: #fff;
  1891. }
  1892. .skin-purple .main-header .navbar .nav > li > a {
  1893. color: #444;
  1894. }
  1895. .skin-purple .main-header .navbar .nav > li > a:hover,
  1896. .skin-purple .main-header .navbar .nav > li > a:active,
  1897. .skin-purple .main-header .navbar .nav > li > a:focus,
  1898. .skin-purple .main-header .navbar .nav .open > a,
  1899. .skin-purple .main-header .navbar .nav .open > a:hover,
  1900. .skin-purple .main-header .navbar .nav .open > a:focus,
  1901. .skin-purple .main-header .navbar .nav > .active > a {
  1902. background: rgba(0, 0, 0, 0.02);
  1903. color: #605ca8;
  1904. }
  1905. .skin-purple .main-header .navbar .nav-addtabs li > .close-tab {
  1906. color: #605ca8;
  1907. }
  1908. .skin-purple .main-header .navbar .sidebar-toggle {
  1909. color: #444;
  1910. }
  1911. .skin-purple .main-header .navbar .sidebar-toggle:hover {
  1912. color: #605ca8;
  1913. background: rgba(0, 0, 0, 0.02);
  1914. }
  1915. @media (max-width: 767px) {
  1916. .skin-purple .main-header .navbar .dropdown-menu li.divider {
  1917. background-color: rgba(255, 255, 255, 0.1);
  1918. }
  1919. .skin-purple .main-header .navbar .dropdown-menu li a {
  1920. color: #fff;
  1921. }
  1922. .skin-purple .main-header .navbar .dropdown-menu li a:hover {
  1923. background: #555299;
  1924. }
  1925. }
  1926. .skin-purple .main-header > .logo {
  1927. background-color: #605ca8;
  1928. color: #fff;
  1929. border-bottom: 0 solid transparent;
  1930. border-right: 1px solid #605ca8;
  1931. box-shadow: none;
  1932. }
  1933. .skin-purple .main-header > .logo:hover {
  1934. background-color: #5d59a6;
  1935. }
  1936. @media (max-width: 767px) {
  1937. .skin-purple .main-header > .logo {
  1938. background-color: #fff;
  1939. color: #222;
  1940. border-bottom: 0 solid transparent;
  1941. border-right: none;
  1942. }
  1943. .skin-purple .main-header > .logo:hover {
  1944. background-color: #fcfcfc;
  1945. }
  1946. }
  1947. .skin-purple .main-header li.user-header {
  1948. background-color: #605ca8;
  1949. }
  1950. .skin-purple .main-header .nav-addtabs > li > a,
  1951. .skin-purple .main-header .nav-addtabs > li.active > a {
  1952. border-right-color: transparent;
  1953. }
  1954. .skin-purple .content-header {
  1955. background: transparent;
  1956. }
  1957. .skin-purple .wrapper,
  1958. .skin-purple .main-sidebar,
  1959. .skin-purple .left-side {
  1960. background-color: #605ca8;
  1961. }
  1962. .skin-purple .user-panel > .info,
  1963. .skin-purple .user-panel > .info > a {
  1964. color: #fff;
  1965. }
  1966. .skin-purple .sidebar-menu .treeview-menu {
  1967. padding-left: 3px;
  1968. }
  1969. .skin-purple .sidebar-menu > li.header {
  1970. color: #a19fcb;
  1971. background: #57539c;
  1972. }
  1973. .skin-purple .sidebar-menu > li:hover > a,
  1974. .skin-purple .sidebar-menu > li.active > a {
  1975. color: #fff;
  1976. background: #5b57a3;
  1977. border-left-color: #fff;
  1978. }
  1979. .skin-purple .sidebar-menu > li > .treeview-menu {
  1980. background: #555299;
  1981. }
  1982. .skin-purple .sidebar a {
  1983. color: #c8c5ff;
  1984. }
  1985. .skin-purple .sidebar a:hover {
  1986. text-decoration: none;
  1987. }
  1988. .skin-purple .treeview-menu > li > a {
  1989. color: #c8c5ff;
  1990. }
  1991. .skin-purple .treeview-menu > li.active > a,
  1992. .skin-purple .treeview-menu > li > a:hover {
  1993. color: #fff;
  1994. }
  1995. .skin-purple .sidebar-form {
  1996. border-radius: 3px;
  1997. border: 1px solid #807dba;
  1998. background-color: #807dba;
  1999. margin: 10px 10px;
  2000. }
  2001. .skin-purple .sidebar-form input[type="text"],
  2002. .skin-purple .sidebar-form .btn {
  2003. box-shadow: none;
  2004. background-color: #807dba;
  2005. border: 1px solid transparent;
  2006. height: 35px;
  2007. }
  2008. .skin-purple .sidebar-form input[type="text"] {
  2009. color: #666;
  2010. border-top-left-radius: 2px;
  2011. border-top-right-radius: 0;
  2012. border-bottom-right-radius: 0;
  2013. border-bottom-left-radius: 2px;
  2014. }
  2015. .skin-purple .sidebar-form input[type="text"]:focus,
  2016. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2017. background-color: #fff;
  2018. color: #666;
  2019. }
  2020. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
  2021. background: #fff;
  2022. border-top-left-radius: 0;
  2023. border-top-right-radius: 2px;
  2024. border-bottom-right-radius: 2px;
  2025. border-bottom-left-radius: 0;
  2026. }
  2027. .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2028. border-left-color: #fff;
  2029. }
  2030. .skin-purple .sidebar-form .btn {
  2031. color: #999;
  2032. border-top-left-radius: 0;
  2033. border-top-right-radius: 2px;
  2034. border-bottom-right-radius: 2px;
  2035. border-bottom-left-radius: 0;
  2036. }
  2037. .skin-purple .sidebar-menu > li > a {
  2038. border-left: 3px solid transparent;
  2039. padding-left: 12px;
  2040. }
  2041. @media (min-width: 768px) {
  2042. .skin-purple.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  2043. margin-left: -3px;
  2044. }
  2045. }
  2046. .skin-purple .sidebar-form input[type="text"]::-moz-placeholder {
  2047. color: #fff;
  2048. opacity: 1;
  2049. }
  2050. .skin-purple .sidebar-form input[type="text"]:-ms-input-placeholder {
  2051. color: #fff;
  2052. }
  2053. .skin-purple .sidebar-form input[type="text"]::-webkit-input-placeholder {
  2054. color: #fff;
  2055. }
  2056. .skin-purple .sidebar-form input[type="text"],
  2057. .skin-purple .sidebar-form .btn {
  2058. color: #fff;
  2059. }
  2060. @media (max-width: 767px) {
  2061. .skin-purple.multiplenav .main-header .navbar {
  2062. background-color: #605ca8;
  2063. }
  2064. .skin-purple.multiplenav .main-header .navbar .nav > li > a {
  2065. color: #fff;
  2066. }
  2067. .skin-purple.multiplenav .main-header .navbar .nav > li > a:hover,
  2068. .skin-purple.multiplenav .main-header .navbar .nav > li > a:active,
  2069. .skin-purple.multiplenav .main-header .navbar .nav > li > a:focus,
  2070. .skin-purple.multiplenav .main-header .navbar .nav .open > a,
  2071. .skin-purple.multiplenav .main-header .navbar .nav .open > a:hover,
  2072. .skin-purple.multiplenav .main-header .navbar .nav .open > a:focus,
  2073. .skin-purple.multiplenav .main-header .navbar .nav > .active > a {
  2074. background: rgba(0, 0, 0, 0.1);
  2075. color: #f6f6f6;
  2076. }
  2077. .skin-purple.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
  2078. color: #f6f6f6;
  2079. }
  2080. .skin-purple.multiplenav .main-header .navbar .sidebar-toggle {
  2081. color: #fff;
  2082. }
  2083. .skin-purple.multiplenav .main-header .navbar .sidebar-toggle:hover {
  2084. color: #f6f6f6;
  2085. background: rgba(0, 0, 0, 0.1);
  2086. }
  2087. .skin-purple.multiplenav .main-header > .logo {
  2088. background-color: #605ca8;
  2089. color: #fff;
  2090. border-bottom: 0 solid transparent;
  2091. }
  2092. .skin-purple.multiplenav .main-header > .logo:hover {
  2093. background-color: #5d59a6;
  2094. }
  2095. .skin-purple.multiplenav .sidebar .mobilenav a.btn-app {
  2096. background: #807dba;
  2097. color: #fff;
  2098. }
  2099. .skin-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
  2100. background: #fff;
  2101. color: #807dba;
  2102. }
  2103. }
  2104. /*
  2105. * Skin: Purple
  2106. * ------------
  2107. */
  2108. .skin-purple-light .main-header {
  2109. background-color: #605ca8;
  2110. }
  2111. .skin-purple-light .main-header .navbar {
  2112. background-color: #605ca8;
  2113. }
  2114. .skin-purple-light .main-header .navbar .nav > li > a {
  2115. color: #fff;
  2116. }
  2117. .skin-purple-light .main-header .navbar .nav > li > a:hover,
  2118. .skin-purple-light .main-header .navbar .nav > li > a:active,
  2119. .skin-purple-light .main-header .navbar .nav > li > a:focus,
  2120. .skin-purple-light .main-header .navbar .nav .open > a,
  2121. .skin-purple-light .main-header .navbar .nav .open > a:hover,
  2122. .skin-purple-light .main-header .navbar .nav .open > a:focus,
  2123. .skin-purple-light .main-header .navbar .nav > .active > a {
  2124. background: rgba(0, 0, 0, 0.05);
  2125. color: #f6f6f6;
  2126. }
  2127. .skin-purple-light .main-header .navbar .nav-addtabs li > .close-tab {
  2128. color: #f6f6f6;
  2129. }
  2130. .skin-purple-light .main-header .navbar .sidebar-toggle {
  2131. color: #fff;
  2132. }
  2133. .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  2134. color: #f6f6f6;
  2135. background: rgba(0, 0, 0, 0.05);
  2136. }
  2137. .skin-purple-light .main-header .navbar .sidebar-toggle {
  2138. color: #fff;
  2139. }
  2140. .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  2141. background-color: #555299;
  2142. }
  2143. @media (max-width: 767px) {
  2144. .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
  2145. background-color: rgba(255, 255, 255, 0.1);
  2146. }
  2147. .skin-purple-light .main-header .navbar .dropdown-menu li a {
  2148. color: #fff;
  2149. }
  2150. .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
  2151. background: #555299;
  2152. }
  2153. }
  2154. .skin-purple-light .main-header .logo {
  2155. background-color: #605ca8;
  2156. color: #fff;
  2157. border-bottom: 0 solid transparent;
  2158. }
  2159. .skin-purple-light .main-header .logo:hover {
  2160. background-color: #5d59a6;
  2161. }
  2162. .skin-purple-light .main-header li.user-header {
  2163. background-color: #605ca8;
  2164. }
  2165. .skin-purple-light .content-header {
  2166. background: transparent;
  2167. }
  2168. .skin-purple-light .wrapper,
  2169. .skin-purple-light .main-sidebar,
  2170. .skin-purple-light .left-side {
  2171. background-color: #f9fafc;
  2172. }
  2173. .skin-purple-light .content-wrapper,
  2174. .skin-purple-light .main-footer {
  2175. border-left: 1px solid #d2d6de;
  2176. }
  2177. .skin-purple-light .user-panel > .info,
  2178. .skin-purple-light .user-panel > .info > a {
  2179. color: #444;
  2180. }
  2181. .skin-purple-light .sidebar-menu > li {
  2182. -webkit-transition: border-left-color 0.3s ease;
  2183. -o-transition: border-left-color 0.3s ease;
  2184. transition: border-left-color 0.3s ease;
  2185. }
  2186. .skin-purple-light .sidebar-menu > li.header {
  2187. color: #848484;
  2188. background: #f9fafc;
  2189. }
  2190. .skin-purple-light .sidebar-menu > li:hover > a,
  2191. .skin-purple-light .sidebar-menu > li.active > a {
  2192. color: #000;
  2193. background: #f4f4f5;
  2194. border-left-color: #605ca8;
  2195. }
  2196. .skin-purple-light .sidebar-menu > li.active {
  2197. border-left-color: #605ca8;
  2198. }
  2199. .skin-purple-light .sidebar-menu > li > .treeview-menu {
  2200. background: #f4f4f5;
  2201. }
  2202. .skin-purple-light .sidebar a {
  2203. color: #444;
  2204. }
  2205. .skin-purple-light .sidebar a:hover {
  2206. text-decoration: none;
  2207. }
  2208. .skin-purple-light .treeview-menu > li > a {
  2209. color: #777;
  2210. }
  2211. .skin-purple-light .treeview-menu > li.active > a,
  2212. .skin-purple-light .treeview-menu > li > a:hover {
  2213. color: #000;
  2214. }
  2215. .skin-purple-light .treeview-menu > li.active > a {
  2216. font-weight: 600;
  2217. }
  2218. .skin-purple-light .sidebar-form {
  2219. border-radius: 3px;
  2220. border: 1px solid #d2d6de;
  2221. margin: 10px 10px;
  2222. }
  2223. .skin-purple-light .sidebar-form input[type="text"],
  2224. .skin-purple-light .sidebar-form .btn {
  2225. box-shadow: none;
  2226. background-color: #fff;
  2227. border: 1px solid transparent;
  2228. height: 35px;
  2229. }
  2230. .skin-purple-light .sidebar-form input[type="text"] {
  2231. color: #666;
  2232. border-top-left-radius: 2px;
  2233. border-top-right-radius: 0;
  2234. border-bottom-right-radius: 0;
  2235. border-bottom-left-radius: 2px;
  2236. }
  2237. .skin-purple-light .sidebar-form input[type="text"]:focus,
  2238. .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2239. background-color: #fff;
  2240. color: #666;
  2241. }
  2242. .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2243. border-left-color: #fff;
  2244. }
  2245. .skin-purple-light .sidebar-form .btn {
  2246. color: #999;
  2247. border-top-left-radius: 0;
  2248. border-top-right-radius: 2px;
  2249. border-bottom-right-radius: 2px;
  2250. border-bottom-left-radius: 0;
  2251. }
  2252. @media (min-width: 768px) {
  2253. .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  2254. border-left: 1px solid #d2d6de;
  2255. }
  2256. }
  2257. .skin-purple-light .sidebar-menu > li > a {
  2258. border-left: 3px solid transparent;
  2259. padding-left: 12px;
  2260. }
  2261. @media (min-width: 768px) {
  2262. .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  2263. margin-left: -3px;
  2264. }
  2265. }
  2266. .skin-purple-light .main-sidebar {
  2267. -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  2268. box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  2269. }
  2270. .skin-purple-light .content-wrapper,
  2271. .skin-purple-light .main-footer {
  2272. border-left: none;
  2273. }
  2274. @media (max-width: 767px) {
  2275. .skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app {
  2276. background: #eceff3;
  2277. color: #757575;
  2278. }
  2279. .skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app.active {
  2280. background: #605ca8;
  2281. color: #fff;
  2282. }
  2283. }
  2284. /*
  2285. * Skin: Black blue
  2286. * -----------
  2287. */
  2288. .skin-black-blue .main-header {
  2289. background: #605ca8;
  2290. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  2291. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  2292. }
  2293. .skin-black-blue .main-header .navbar {
  2294. background-color: #fff;
  2295. }
  2296. .skin-black-blue .main-header .navbar .nav > li > a {
  2297. color: #666;
  2298. }
  2299. .skin-black-blue .main-header .navbar .nav > li > a:hover,
  2300. .skin-black-blue .main-header .navbar .nav > li > a:active,
  2301. .skin-black-blue .main-header .navbar .nav > li > a:focus,
  2302. .skin-black-blue .main-header .navbar .nav .open > a,
  2303. .skin-black-blue .main-header .navbar .nav .open > a:hover,
  2304. .skin-black-blue .main-header .navbar .nav .open > a:focus,
  2305. .skin-black-blue .main-header .navbar .nav > .active > a {
  2306. background: rgba(0, 0, 0, 0.02);
  2307. color: #333;
  2308. }
  2309. .skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
  2310. color: #333;
  2311. }
  2312. .skin-black-blue .main-header .navbar .sidebar-toggle {
  2313. color: #666;
  2314. }
  2315. .skin-black-blue .main-header .navbar .sidebar-toggle:hover {
  2316. color: #333;
  2317. background: rgba(0, 0, 0, 0.02);
  2318. }
  2319. .skin-black-blue .main-header .navbar .navbar-nav > li > a {
  2320. border-right: none;
  2321. }
  2322. .skin-black-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  2323. .skin-black-blue .main-header .navbar .navbar-right > li > a {
  2324. border-left: none;
  2325. border-right-width: 0;
  2326. }
  2327. @media (max-width: 767px) {
  2328. .skin-black-blue .main-header .navbar {
  2329. background-color: #555299;
  2330. }
  2331. .skin-black-blue .main-header .navbar .nav > li > a {
  2332. color: #fff;
  2333. }
  2334. .skin-black-blue .main-header .navbar .nav > li > a:hover,
  2335. .skin-black-blue .main-header .navbar .nav > li > a:active,
  2336. .skin-black-blue .main-header .navbar .nav > li > a:focus,
  2337. .skin-black-blue .main-header .navbar .nav .open > a,
  2338. .skin-black-blue .main-header .navbar .nav .open > a:hover,
  2339. .skin-black-blue .main-header .navbar .nav .open > a:focus,
  2340. .skin-black-blue .main-header .navbar .nav > .active > a {
  2341. background: rgba(0, 0, 0, 0.1);
  2342. color: #f6f6f6;
  2343. }
  2344. .skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
  2345. color: #f6f6f6;
  2346. }
  2347. .skin-black-blue .main-header .navbar .sidebar-toggle {
  2348. color: #fff;
  2349. }
  2350. .skin-black-blue .main-header .navbar .sidebar-toggle:hover {
  2351. color: #f6f6f6;
  2352. background: rgba(0, 0, 0, 0.1);
  2353. }
  2354. }
  2355. .skin-black-blue .main-header .logo {
  2356. background-color: #605ca8;
  2357. color: #fff;
  2358. border-bottom: 0 solid transparent;
  2359. border-right: 1px solid #605ca8;
  2360. }
  2361. .skin-black-blue .main-header .logo:hover {
  2362. background-color: #5d59a6;
  2363. }
  2364. @media (max-width: 767px) {
  2365. .skin-black-blue .main-header .logo {
  2366. background-color: #555299;
  2367. color: #fff;
  2368. border-bottom: 0 solid transparent;
  2369. border-right: none;
  2370. }
  2371. .skin-black-blue .main-header .logo:hover {
  2372. background-color: #545096;
  2373. }
  2374. }
  2375. .skin-black-blue .main-header li.user-header {
  2376. background-color: #605ca8;
  2377. }
  2378. .skin-black-blue .main-header .nav-addtabs > li > a,
  2379. .skin-black-blue .main-header .nav-addtabs > li.active > a {
  2380. border-right-color: transparent;
  2381. }
  2382. .skin-black-blue .content-header {
  2383. background: transparent;
  2384. box-shadow: none;
  2385. }
  2386. .skin-black-blue .wrapper,
  2387. .skin-black-blue .main-sidebar,
  2388. .skin-black-blue .left-side {
  2389. background-color: #605ca8;
  2390. }
  2391. .skin-black-blue .user-panel > .info,
  2392. .skin-black-blue .user-panel > .info > a {
  2393. color: #fff;
  2394. }
  2395. .skin-black-blue .sidebar-menu .treeview-menu {
  2396. padding-left: 3px;
  2397. }
  2398. .skin-black-blue .sidebar-menu > li.header {
  2399. color: #a19fcb;
  2400. background: #57539c;
  2401. }
  2402. .skin-black-blue .sidebar-menu > li:hover > a,
  2403. .skin-black-blue .sidebar-menu > li.active > a {
  2404. color: #fff;
  2405. background: #5b57a3;
  2406. border-left-color: #fff;
  2407. }
  2408. .skin-black-blue .sidebar-menu > li > .treeview-menu {
  2409. background: #555299;
  2410. }
  2411. .skin-black-blue .sidebar a {
  2412. color: #c8c5ff;
  2413. }
  2414. .skin-black-blue .sidebar a:hover {
  2415. text-decoration: none;
  2416. }
  2417. .skin-black-blue .treeview-menu > li > a {
  2418. color: #c8c5ff;
  2419. }
  2420. .skin-black-blue .treeview-menu > li.active > a,
  2421. .skin-black-blue .treeview-menu > li > a:hover {
  2422. color: #fff;
  2423. }
  2424. .skin-black-blue .sidebar-form {
  2425. border-radius: 3px;
  2426. border: 1px solid #807dba;
  2427. background-color: #807dba;
  2428. margin: 10px 10px;
  2429. }
  2430. .skin-black-blue .sidebar-form input[type="text"],
  2431. .skin-black-blue .sidebar-form .btn {
  2432. box-shadow: none;
  2433. background-color: #807dba;
  2434. border: 1px solid transparent;
  2435. height: 35px;
  2436. }
  2437. .skin-black-blue .sidebar-form input[type="text"] {
  2438. color: #666;
  2439. border-top-left-radius: 2px;
  2440. border-top-right-radius: 0;
  2441. border-bottom-right-radius: 0;
  2442. border-bottom-left-radius: 2px;
  2443. }
  2444. .skin-black-blue .sidebar-form input[type="text"]:focus,
  2445. .skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2446. background-color: #fff;
  2447. color: #666;
  2448. }
  2449. .skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
  2450. background: #fff;
  2451. border-top-left-radius: 0;
  2452. border-top-right-radius: 2px;
  2453. border-bottom-right-radius: 2px;
  2454. border-bottom-left-radius: 0;
  2455. }
  2456. .skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2457. border-left-color: #fff;
  2458. }
  2459. .skin-black-blue .sidebar-form .btn {
  2460. color: #999;
  2461. border-top-left-radius: 0;
  2462. border-top-right-radius: 2px;
  2463. border-bottom-right-radius: 2px;
  2464. border-bottom-left-radius: 0;
  2465. }
  2466. .skin-black-blue .treeview-menu > li > a {
  2467. padding-left: 18px;
  2468. }
  2469. .skin-black-blue .treeview-menu > li.active > a {
  2470. background-color: #f5549f;
  2471. }
  2472. .skin-black-blue .sidebar-menu > li.active > a {
  2473. color: #fff;
  2474. background: #f5549f;
  2475. border-left-color: #f5549f;
  2476. }
  2477. .skin-black-blue .sidebar-menu > li:hover > a {
  2478. border-left-color: transparent;
  2479. }
  2480. .skin-black-blue .sidebar-menu li.treeview > a {
  2481. background: transparent;
  2482. border-left-color: transparent;
  2483. }
  2484. .skin-black-blue .sidebar-menu li.treeview.active > a,
  2485. .skin-black-blue .sidebar-menu li.treeview.treeview-open > a {
  2486. background-color: #555299;
  2487. border-left-color: #555299;
  2488. }
  2489. .skin-black-blue .sidebar-menu .treeview-menu {
  2490. padding-left: 0;
  2491. }
  2492. .skin-black-blue .sidebar-menu .treeview-menu .treeview-menu {
  2493. padding-left: 0;
  2494. }
  2495. .skin-black-blue .sidebar-menu .treeview-menu .treeview-menu > li > a {
  2496. padding-left: 30px;
  2497. }
  2498. .skin-black-blue .sidebar-menu .treeview-menu li.treeview > a {
  2499. background: transparent;
  2500. border-left-color: transparent;
  2501. }
  2502. .skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
  2503. .skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
  2504. color: #fff;
  2505. background: #f5549f;
  2506. }
  2507. .skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  2508. color: #fff;
  2509. background: #f5549f;
  2510. }
  2511. .skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  2512. background: transparent;
  2513. border-left-color: transparent;
  2514. }
  2515. @media (max-width: 767px) {
  2516. .skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app {
  2517. background: #807dba;
  2518. color: #fff;
  2519. }
  2520. .skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
  2521. background: #f5549f;
  2522. color: #fff;
  2523. }
  2524. }
  2525. /*
  2526. * Skin: Black purple
  2527. * -----------
  2528. */
  2529. .skin-black-purple .main-header {
  2530. background: #605ca8;
  2531. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  2532. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  2533. }
  2534. .skin-black-purple .main-header .navbar {
  2535. background-color: #fff;
  2536. }
  2537. .skin-black-purple .main-header .navbar .nav > li > a {
  2538. color: #666;
  2539. }
  2540. .skin-black-purple .main-header .navbar .nav > li > a:hover,
  2541. .skin-black-purple .main-header .navbar .nav > li > a:active,
  2542. .skin-black-purple .main-header .navbar .nav > li > a:focus,
  2543. .skin-black-purple .main-header .navbar .nav .open > a,
  2544. .skin-black-purple .main-header .navbar .nav .open > a:hover,
  2545. .skin-black-purple .main-header .navbar .nav .open > a:focus,
  2546. .skin-black-purple .main-header .navbar .nav > .active > a {
  2547. background: rgba(0, 0, 0, 0.02);
  2548. color: #333;
  2549. }
  2550. .skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
  2551. color: #333;
  2552. }
  2553. .skin-black-purple .main-header .navbar .sidebar-toggle {
  2554. color: #666;
  2555. }
  2556. .skin-black-purple .main-header .navbar .sidebar-toggle:hover {
  2557. color: #333;
  2558. background: rgba(0, 0, 0, 0.02);
  2559. }
  2560. .skin-black-purple .main-header .navbar .navbar-nav > li > a {
  2561. border-right: none;
  2562. }
  2563. .skin-black-purple .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  2564. .skin-black-purple .main-header .navbar .navbar-right > li > a {
  2565. border-left: none;
  2566. border-right-width: 0;
  2567. }
  2568. @media (max-width: 767px) {
  2569. .skin-black-purple .main-header .navbar {
  2570. background-color: #555299;
  2571. }
  2572. .skin-black-purple .main-header .navbar .nav > li > a {
  2573. color: #fff;
  2574. }
  2575. .skin-black-purple .main-header .navbar .nav > li > a:hover,
  2576. .skin-black-purple .main-header .navbar .nav > li > a:active,
  2577. .skin-black-purple .main-header .navbar .nav > li > a:focus,
  2578. .skin-black-purple .main-header .navbar .nav .open > a,
  2579. .skin-black-purple .main-header .navbar .nav .open > a:hover,
  2580. .skin-black-purple .main-header .navbar .nav .open > a:focus,
  2581. .skin-black-purple .main-header .navbar .nav > .active > a {
  2582. background: rgba(0, 0, 0, 0.1);
  2583. color: #f6f6f6;
  2584. }
  2585. .skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
  2586. color: #f6f6f6;
  2587. }
  2588. .skin-black-purple .main-header .navbar .sidebar-toggle {
  2589. color: #fff;
  2590. }
  2591. .skin-black-purple .main-header .navbar .sidebar-toggle:hover {
  2592. color: #f6f6f6;
  2593. background: rgba(0, 0, 0, 0.1);
  2594. }
  2595. }
  2596. .skin-black-purple .main-header .logo {
  2597. background-color: #605ca8;
  2598. color: #fff;
  2599. border-bottom: 0 solid transparent;
  2600. border-right: 1px solid #605ca8;
  2601. }
  2602. .skin-black-purple .main-header .logo:hover {
  2603. background-color: #5d59a6;
  2604. }
  2605. @media (max-width: 767px) {
  2606. .skin-black-purple .main-header .logo {
  2607. background-color: #555299;
  2608. color: #fff;
  2609. border-bottom: 0 solid transparent;
  2610. border-right: none;
  2611. }
  2612. .skin-black-purple .main-header .logo:hover {
  2613. background-color: #545096;
  2614. }
  2615. }
  2616. .skin-black-purple .main-header li.user-header {
  2617. background-color: #605ca8;
  2618. }
  2619. .skin-black-purple .main-header .nav-addtabs > li > a,
  2620. .skin-black-purple .main-header .nav-addtabs > li.active > a {
  2621. border-right-color: transparent;
  2622. }
  2623. .skin-black-purple .content-header {
  2624. background: transparent;
  2625. box-shadow: none;
  2626. }
  2627. .skin-black-purple .wrapper,
  2628. .skin-black-purple .main-sidebar,
  2629. .skin-black-purple .left-side {
  2630. background-color: #605ca8;
  2631. }
  2632. .skin-black-purple .user-panel > .info,
  2633. .skin-black-purple .user-panel > .info > a {
  2634. color: #fff;
  2635. }
  2636. .skin-black-purple .sidebar-menu .treeview-menu {
  2637. padding-left: 3px;
  2638. }
  2639. .skin-black-purple .sidebar-menu > li.header {
  2640. color: #a19fcb;
  2641. background: #57539c;
  2642. }
  2643. .skin-black-purple .sidebar-menu > li:hover > a,
  2644. .skin-black-purple .sidebar-menu > li.active > a {
  2645. color: #fff;
  2646. background: #5b57a3;
  2647. border-left-color: #fff;
  2648. }
  2649. .skin-black-purple .sidebar-menu > li > .treeview-menu {
  2650. background: #555299;
  2651. }
  2652. .skin-black-purple .sidebar a {
  2653. color: #c8c5ff;
  2654. }
  2655. .skin-black-purple .sidebar a:hover {
  2656. text-decoration: none;
  2657. }
  2658. .skin-black-purple .treeview-menu > li > a {
  2659. color: #c8c5ff;
  2660. }
  2661. .skin-black-purple .treeview-menu > li.active > a,
  2662. .skin-black-purple .treeview-menu > li > a:hover {
  2663. color: #fff;
  2664. }
  2665. .skin-black-purple .sidebar-form {
  2666. border-radius: 3px;
  2667. border: 1px solid #807dba;
  2668. background-color: #807dba;
  2669. margin: 10px 10px;
  2670. }
  2671. .skin-black-purple .sidebar-form input[type="text"],
  2672. .skin-black-purple .sidebar-form .btn {
  2673. box-shadow: none;
  2674. background-color: #807dba;
  2675. border: 1px solid transparent;
  2676. height: 35px;
  2677. }
  2678. .skin-black-purple .sidebar-form input[type="text"] {
  2679. color: #666;
  2680. border-top-left-radius: 2px;
  2681. border-top-right-radius: 0;
  2682. border-bottom-right-radius: 0;
  2683. border-bottom-left-radius: 2px;
  2684. }
  2685. .skin-black-purple .sidebar-form input[type="text"]:focus,
  2686. .skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2687. background-color: #fff;
  2688. color: #666;
  2689. }
  2690. .skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
  2691. background: #fff;
  2692. border-top-left-radius: 0;
  2693. border-top-right-radius: 2px;
  2694. border-bottom-right-radius: 2px;
  2695. border-bottom-left-radius: 0;
  2696. }
  2697. .skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2698. border-left-color: #fff;
  2699. }
  2700. .skin-black-purple .sidebar-form .btn {
  2701. color: #999;
  2702. border-top-left-radius: 0;
  2703. border-top-right-radius: 2px;
  2704. border-bottom-right-radius: 2px;
  2705. border-bottom-left-radius: 0;
  2706. }
  2707. .skin-black-purple .treeview-menu > li > a {
  2708. padding-left: 18px;
  2709. }
  2710. .skin-black-purple .treeview-menu > li.active > a {
  2711. background-color: #f5549f;
  2712. }
  2713. .skin-black-purple .sidebar-menu > li.active > a {
  2714. color: #fff;
  2715. background: #f5549f;
  2716. border-left-color: #f5549f;
  2717. }
  2718. .skin-black-purple .sidebar-menu > li:hover > a {
  2719. border-left-color: transparent;
  2720. }
  2721. .skin-black-purple .sidebar-menu li.treeview > a {
  2722. background: transparent;
  2723. border-left-color: transparent;
  2724. }
  2725. .skin-black-purple .sidebar-menu li.treeview.active > a,
  2726. .skin-black-purple .sidebar-menu li.treeview.treeview-open > a {
  2727. background-color: #555299;
  2728. border-left-color: #555299;
  2729. }
  2730. .skin-black-purple .sidebar-menu .treeview-menu {
  2731. padding-left: 0;
  2732. }
  2733. .skin-black-purple .sidebar-menu .treeview-menu .treeview-menu {
  2734. padding-left: 0;
  2735. }
  2736. .skin-black-purple .sidebar-menu .treeview-menu .treeview-menu > li > a {
  2737. padding-left: 30px;
  2738. }
  2739. .skin-black-purple .sidebar-menu .treeview-menu li.treeview > a {
  2740. background: transparent;
  2741. border-left-color: transparent;
  2742. }
  2743. .skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
  2744. .skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
  2745. color: #fff;
  2746. background: #f5549f;
  2747. }
  2748. .skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  2749. color: #fff;
  2750. background: #f5549f;
  2751. }
  2752. .skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  2753. background: transparent;
  2754. border-left-color: transparent;
  2755. }
  2756. @media (max-width: 767px) {
  2757. .skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app {
  2758. background: #807dba;
  2759. color: #fff;
  2760. }
  2761. .skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
  2762. background: #f5549f;
  2763. color: #fff;
  2764. }
  2765. }
  2766. /*
  2767. * Skin: Black green
  2768. * -----------
  2769. */
  2770. .skin-black-green .main-header {
  2771. background: #605ca8;
  2772. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  2773. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  2774. }
  2775. .skin-black-green .main-header .navbar {
  2776. background-color: #fff;
  2777. }
  2778. .skin-black-green .main-header .navbar .nav > li > a {
  2779. color: #666;
  2780. }
  2781. .skin-black-green .main-header .navbar .nav > li > a:hover,
  2782. .skin-black-green .main-header .navbar .nav > li > a:active,
  2783. .skin-black-green .main-header .navbar .nav > li > a:focus,
  2784. .skin-black-green .main-header .navbar .nav .open > a,
  2785. .skin-black-green .main-header .navbar .nav .open > a:hover,
  2786. .skin-black-green .main-header .navbar .nav .open > a:focus,
  2787. .skin-black-green .main-header .navbar .nav > .active > a {
  2788. background: rgba(0, 0, 0, 0.02);
  2789. color: #333;
  2790. }
  2791. .skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
  2792. color: #333;
  2793. }
  2794. .skin-black-green .main-header .navbar .sidebar-toggle {
  2795. color: #666;
  2796. }
  2797. .skin-black-green .main-header .navbar .sidebar-toggle:hover {
  2798. color: #333;
  2799. background: rgba(0, 0, 0, 0.02);
  2800. }
  2801. .skin-black-green .main-header .navbar .navbar-nav > li > a {
  2802. border-right: none;
  2803. }
  2804. .skin-black-green .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  2805. .skin-black-green .main-header .navbar .navbar-right > li > a {
  2806. border-left: none;
  2807. border-right-width: 0;
  2808. }
  2809. @media (max-width: 767px) {
  2810. .skin-black-green .main-header .navbar {
  2811. background-color: #555299;
  2812. }
  2813. .skin-black-green .main-header .navbar .nav > li > a {
  2814. color: #fff;
  2815. }
  2816. .skin-black-green .main-header .navbar .nav > li > a:hover,
  2817. .skin-black-green .main-header .navbar .nav > li > a:active,
  2818. .skin-black-green .main-header .navbar .nav > li > a:focus,
  2819. .skin-black-green .main-header .navbar .nav .open > a,
  2820. .skin-black-green .main-header .navbar .nav .open > a:hover,
  2821. .skin-black-green .main-header .navbar .nav .open > a:focus,
  2822. .skin-black-green .main-header .navbar .nav > .active > a {
  2823. background: rgba(0, 0, 0, 0.1);
  2824. color: #f6f6f6;
  2825. }
  2826. .skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
  2827. color: #f6f6f6;
  2828. }
  2829. .skin-black-green .main-header .navbar .sidebar-toggle {
  2830. color: #fff;
  2831. }
  2832. .skin-black-green .main-header .navbar .sidebar-toggle:hover {
  2833. color: #f6f6f6;
  2834. background: rgba(0, 0, 0, 0.1);
  2835. }
  2836. }
  2837. .skin-black-green .main-header .logo {
  2838. background-color: #605ca8;
  2839. color: #fff;
  2840. border-bottom: 0 solid transparent;
  2841. border-right: 1px solid #605ca8;
  2842. }
  2843. .skin-black-green .main-header .logo:hover {
  2844. background-color: #5d59a6;
  2845. }
  2846. @media (max-width: 767px) {
  2847. .skin-black-green .main-header .logo {
  2848. background-color: #555299;
  2849. color: #fff;
  2850. border-bottom: 0 solid transparent;
  2851. border-right: none;
  2852. }
  2853. .skin-black-green .main-header .logo:hover {
  2854. background-color: #545096;
  2855. }
  2856. }
  2857. .skin-black-green .main-header li.user-header {
  2858. background-color: #605ca8;
  2859. }
  2860. .skin-black-green .main-header .nav-addtabs > li > a,
  2861. .skin-black-green .main-header .nav-addtabs > li.active > a {
  2862. border-right-color: transparent;
  2863. }
  2864. .skin-black-green .content-header {
  2865. background: transparent;
  2866. box-shadow: none;
  2867. }
  2868. .skin-black-green .wrapper,
  2869. .skin-black-green .main-sidebar,
  2870. .skin-black-green .left-side {
  2871. background-color: #605ca8;
  2872. }
  2873. .skin-black-green .user-panel > .info,
  2874. .skin-black-green .user-panel > .info > a {
  2875. color: #fff;
  2876. }
  2877. .skin-black-green .sidebar-menu .treeview-menu {
  2878. padding-left: 3px;
  2879. }
  2880. .skin-black-green .sidebar-menu > li.header {
  2881. color: #a19fcb;
  2882. background: #57539c;
  2883. }
  2884. .skin-black-green .sidebar-menu > li:hover > a,
  2885. .skin-black-green .sidebar-menu > li.active > a {
  2886. color: #fff;
  2887. background: #5b57a3;
  2888. border-left-color: #fff;
  2889. }
  2890. .skin-black-green .sidebar-menu > li > .treeview-menu {
  2891. background: #555299;
  2892. }
  2893. .skin-black-green .sidebar a {
  2894. color: #c8c5ff;
  2895. }
  2896. .skin-black-green .sidebar a:hover {
  2897. text-decoration: none;
  2898. }
  2899. .skin-black-green .treeview-menu > li > a {
  2900. color: #c8c5ff;
  2901. }
  2902. .skin-black-green .treeview-menu > li.active > a,
  2903. .skin-black-green .treeview-menu > li > a:hover {
  2904. color: #fff;
  2905. }
  2906. .skin-black-green .sidebar-form {
  2907. border-radius: 3px;
  2908. border: 1px solid #807dba;
  2909. background-color: #807dba;
  2910. margin: 10px 10px;
  2911. }
  2912. .skin-black-green .sidebar-form input[type="text"],
  2913. .skin-black-green .sidebar-form .btn {
  2914. box-shadow: none;
  2915. background-color: #807dba;
  2916. border: 1px solid transparent;
  2917. height: 35px;
  2918. }
  2919. .skin-black-green .sidebar-form input[type="text"] {
  2920. color: #666;
  2921. border-top-left-radius: 2px;
  2922. border-top-right-radius: 0;
  2923. border-bottom-right-radius: 0;
  2924. border-bottom-left-radius: 2px;
  2925. }
  2926. .skin-black-green .sidebar-form input[type="text"]:focus,
  2927. .skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2928. background-color: #fff;
  2929. color: #666;
  2930. }
  2931. .skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn {
  2932. background: #fff;
  2933. border-top-left-radius: 0;
  2934. border-top-right-radius: 2px;
  2935. border-bottom-right-radius: 2px;
  2936. border-bottom-left-radius: 0;
  2937. }
  2938. .skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  2939. border-left-color: #fff;
  2940. }
  2941. .skin-black-green .sidebar-form .btn {
  2942. color: #999;
  2943. border-top-left-radius: 0;
  2944. border-top-right-radius: 2px;
  2945. border-bottom-right-radius: 2px;
  2946. border-bottom-left-radius: 0;
  2947. }
  2948. .skin-black-green .treeview-menu > li > a {
  2949. padding-left: 18px;
  2950. }
  2951. .skin-black-green .treeview-menu > li.active > a {
  2952. background-color: #f5549f;
  2953. }
  2954. .skin-black-green .sidebar-menu > li.active > a {
  2955. color: #fff;
  2956. background: #f5549f;
  2957. border-left-color: #f5549f;
  2958. }
  2959. .skin-black-green .sidebar-menu > li:hover > a {
  2960. border-left-color: transparent;
  2961. }
  2962. .skin-black-green .sidebar-menu li.treeview > a {
  2963. background: transparent;
  2964. border-left-color: transparent;
  2965. }
  2966. .skin-black-green .sidebar-menu li.treeview.active > a,
  2967. .skin-black-green .sidebar-menu li.treeview.treeview-open > a {
  2968. background-color: #555299;
  2969. border-left-color: #555299;
  2970. }
  2971. .skin-black-green .sidebar-menu .treeview-menu {
  2972. padding-left: 0;
  2973. }
  2974. .skin-black-green .sidebar-menu .treeview-menu .treeview-menu {
  2975. padding-left: 0;
  2976. }
  2977. .skin-black-green .sidebar-menu .treeview-menu .treeview-menu > li > a {
  2978. padding-left: 30px;
  2979. }
  2980. .skin-black-green .sidebar-menu .treeview-menu li.treeview > a {
  2981. background: transparent;
  2982. border-left-color: transparent;
  2983. }
  2984. .skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
  2985. .skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
  2986. color: #fff;
  2987. background: #f5549f;
  2988. }
  2989. .skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  2990. color: #fff;
  2991. background: #f5549f;
  2992. }
  2993. .skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  2994. background: transparent;
  2995. border-left-color: transparent;
  2996. }
  2997. @media (max-width: 767px) {
  2998. .skin-black-green.multiplenav .sidebar .mobilenav a.btn-app {
  2999. background: #807dba;
  3000. color: #fff;
  3001. }
  3002. .skin-black-green.multiplenav .sidebar .mobilenav a.btn-app.active {
  3003. background: #f5549f;
  3004. color: #fff;
  3005. }
  3006. }
  3007. /*
  3008. * Skin: Black red
  3009. * -----------
  3010. */
  3011. .skin-black-red .main-header {
  3012. background: #605ca8;
  3013. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  3014. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  3015. }
  3016. .skin-black-red .main-header .navbar {
  3017. background-color: #fff;
  3018. }
  3019. .skin-black-red .main-header .navbar .nav > li > a {
  3020. color: #666;
  3021. }
  3022. .skin-black-red .main-header .navbar .nav > li > a:hover,
  3023. .skin-black-red .main-header .navbar .nav > li > a:active,
  3024. .skin-black-red .main-header .navbar .nav > li > a:focus,
  3025. .skin-black-red .main-header .navbar .nav .open > a,
  3026. .skin-black-red .main-header .navbar .nav .open > a:hover,
  3027. .skin-black-red .main-header .navbar .nav .open > a:focus,
  3028. .skin-black-red .main-header .navbar .nav > .active > a {
  3029. background: rgba(0, 0, 0, 0.02);
  3030. color: #333;
  3031. }
  3032. .skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
  3033. color: #333;
  3034. }
  3035. .skin-black-red .main-header .navbar .sidebar-toggle {
  3036. color: #666;
  3037. }
  3038. .skin-black-red .main-header .navbar .sidebar-toggle:hover {
  3039. color: #333;
  3040. background: rgba(0, 0, 0, 0.02);
  3041. }
  3042. .skin-black-red .main-header .navbar .navbar-nav > li > a {
  3043. border-right: none;
  3044. }
  3045. .skin-black-red .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  3046. .skin-black-red .main-header .navbar .navbar-right > li > a {
  3047. border-left: none;
  3048. border-right-width: 0;
  3049. }
  3050. @media (max-width: 767px) {
  3051. .skin-black-red .main-header .navbar {
  3052. background-color: #555299;
  3053. }
  3054. .skin-black-red .main-header .navbar .nav > li > a {
  3055. color: #fff;
  3056. }
  3057. .skin-black-red .main-header .navbar .nav > li > a:hover,
  3058. .skin-black-red .main-header .navbar .nav > li > a:active,
  3059. .skin-black-red .main-header .navbar .nav > li > a:focus,
  3060. .skin-black-red .main-header .navbar .nav .open > a,
  3061. .skin-black-red .main-header .navbar .nav .open > a:hover,
  3062. .skin-black-red .main-header .navbar .nav .open > a:focus,
  3063. .skin-black-red .main-header .navbar .nav > .active > a {
  3064. background: rgba(0, 0, 0, 0.1);
  3065. color: #f6f6f6;
  3066. }
  3067. .skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
  3068. color: #f6f6f6;
  3069. }
  3070. .skin-black-red .main-header .navbar .sidebar-toggle {
  3071. color: #fff;
  3072. }
  3073. .skin-black-red .main-header .navbar .sidebar-toggle:hover {
  3074. color: #f6f6f6;
  3075. background: rgba(0, 0, 0, 0.1);
  3076. }
  3077. }
  3078. .skin-black-red .main-header .logo {
  3079. background-color: #605ca8;
  3080. color: #fff;
  3081. border-bottom: 0 solid transparent;
  3082. border-right: 1px solid #605ca8;
  3083. }
  3084. .skin-black-red .main-header .logo:hover {
  3085. background-color: #5d59a6;
  3086. }
  3087. @media (max-width: 767px) {
  3088. .skin-black-red .main-header .logo {
  3089. background-color: #555299;
  3090. color: #fff;
  3091. border-bottom: 0 solid transparent;
  3092. border-right: none;
  3093. }
  3094. .skin-black-red .main-header .logo:hover {
  3095. background-color: #545096;
  3096. }
  3097. }
  3098. .skin-black-red .main-header li.user-header {
  3099. background-color: #605ca8;
  3100. }
  3101. .skin-black-red .main-header .nav-addtabs > li > a,
  3102. .skin-black-red .main-header .nav-addtabs > li.active > a {
  3103. border-right-color: transparent;
  3104. }
  3105. .skin-black-red .content-header {
  3106. background: transparent;
  3107. box-shadow: none;
  3108. }
  3109. .skin-black-red .wrapper,
  3110. .skin-black-red .main-sidebar,
  3111. .skin-black-red .left-side {
  3112. background-color: #605ca8;
  3113. }
  3114. .skin-black-red .user-panel > .info,
  3115. .skin-black-red .user-panel > .info > a {
  3116. color: #fff;
  3117. }
  3118. .skin-black-red .sidebar-menu .treeview-menu {
  3119. padding-left: 3px;
  3120. }
  3121. .skin-black-red .sidebar-menu > li.header {
  3122. color: #a19fcb;
  3123. background: #57539c;
  3124. }
  3125. .skin-black-red .sidebar-menu > li:hover > a,
  3126. .skin-black-red .sidebar-menu > li.active > a {
  3127. color: #fff;
  3128. background: #5b57a3;
  3129. border-left-color: #fff;
  3130. }
  3131. .skin-black-red .sidebar-menu > li > .treeview-menu {
  3132. background: #555299;
  3133. }
  3134. .skin-black-red .sidebar a {
  3135. color: #c8c5ff;
  3136. }
  3137. .skin-black-red .sidebar a:hover {
  3138. text-decoration: none;
  3139. }
  3140. .skin-black-red .treeview-menu > li > a {
  3141. color: #c8c5ff;
  3142. }
  3143. .skin-black-red .treeview-menu > li.active > a,
  3144. .skin-black-red .treeview-menu > li > a:hover {
  3145. color: #fff;
  3146. }
  3147. .skin-black-red .sidebar-form {
  3148. border-radius: 3px;
  3149. border: 1px solid #807dba;
  3150. background-color: #807dba;
  3151. margin: 10px 10px;
  3152. }
  3153. .skin-black-red .sidebar-form input[type="text"],
  3154. .skin-black-red .sidebar-form .btn {
  3155. box-shadow: none;
  3156. background-color: #807dba;
  3157. border: 1px solid transparent;
  3158. height: 35px;
  3159. }
  3160. .skin-black-red .sidebar-form input[type="text"] {
  3161. color: #666;
  3162. border-top-left-radius: 2px;
  3163. border-top-right-radius: 0;
  3164. border-bottom-right-radius: 0;
  3165. border-bottom-left-radius: 2px;
  3166. }
  3167. .skin-black-red .sidebar-form input[type="text"]:focus,
  3168. .skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  3169. background-color: #fff;
  3170. color: #666;
  3171. }
  3172. .skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn {
  3173. background: #fff;
  3174. border-top-left-radius: 0;
  3175. border-top-right-radius: 2px;
  3176. border-bottom-right-radius: 2px;
  3177. border-bottom-left-radius: 0;
  3178. }
  3179. .skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  3180. border-left-color: #fff;
  3181. }
  3182. .skin-black-red .sidebar-form .btn {
  3183. color: #999;
  3184. border-top-left-radius: 0;
  3185. border-top-right-radius: 2px;
  3186. border-bottom-right-radius: 2px;
  3187. border-bottom-left-radius: 0;
  3188. }
  3189. .skin-black-red .treeview-menu > li > a {
  3190. padding-left: 18px;
  3191. }
  3192. .skin-black-red .treeview-menu > li.active > a {
  3193. background-color: #f5549f;
  3194. }
  3195. .skin-black-red .sidebar-menu > li.active > a {
  3196. color: #fff;
  3197. background: #f5549f;
  3198. border-left-color: #f5549f;
  3199. }
  3200. .skin-black-red .sidebar-menu > li:hover > a {
  3201. border-left-color: transparent;
  3202. }
  3203. .skin-black-red .sidebar-menu li.treeview > a {
  3204. background: transparent;
  3205. border-left-color: transparent;
  3206. }
  3207. .skin-black-red .sidebar-menu li.treeview.active > a,
  3208. .skin-black-red .sidebar-menu li.treeview.treeview-open > a {
  3209. background-color: #555299;
  3210. border-left-color: #555299;
  3211. }
  3212. .skin-black-red .sidebar-menu .treeview-menu {
  3213. padding-left: 0;
  3214. }
  3215. .skin-black-red .sidebar-menu .treeview-menu .treeview-menu {
  3216. padding-left: 0;
  3217. }
  3218. .skin-black-red .sidebar-menu .treeview-menu .treeview-menu > li > a {
  3219. padding-left: 30px;
  3220. }
  3221. .skin-black-red .sidebar-menu .treeview-menu li.treeview > a {
  3222. background: transparent;
  3223. border-left-color: transparent;
  3224. }
  3225. .skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
  3226. .skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
  3227. color: #fff;
  3228. background: #f5549f;
  3229. }
  3230. .skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  3231. color: #fff;
  3232. background: #f5549f;
  3233. }
  3234. .skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  3235. background: transparent;
  3236. border-left-color: transparent;
  3237. }
  3238. @media (max-width: 767px) {
  3239. .skin-black-red.multiplenav .sidebar .mobilenav a.btn-app {
  3240. background: #807dba;
  3241. color: #fff;
  3242. }
  3243. .skin-black-red.multiplenav .sidebar .mobilenav a.btn-app.active {
  3244. background: #f5549f;
  3245. color: #fff;
  3246. }
  3247. }
  3248. /*
  3249. * Skin: Black yellow
  3250. * -----------
  3251. */
  3252. .skin-black-yellow .main-header {
  3253. background: #605ca8;
  3254. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  3255. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  3256. }
  3257. .skin-black-yellow .main-header .navbar {
  3258. background-color: #fff;
  3259. }
  3260. .skin-black-yellow .main-header .navbar .nav > li > a {
  3261. color: #666;
  3262. }
  3263. .skin-black-yellow .main-header .navbar .nav > li > a:hover,
  3264. .skin-black-yellow .main-header .navbar .nav > li > a:active,
  3265. .skin-black-yellow .main-header .navbar .nav > li > a:focus,
  3266. .skin-black-yellow .main-header .navbar .nav .open > a,
  3267. .skin-black-yellow .main-header .navbar .nav .open > a:hover,
  3268. .skin-black-yellow .main-header .navbar .nav .open > a:focus,
  3269. .skin-black-yellow .main-header .navbar .nav > .active > a {
  3270. background: rgba(0, 0, 0, 0.02);
  3271. color: #333;
  3272. }
  3273. .skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
  3274. color: #333;
  3275. }
  3276. .skin-black-yellow .main-header .navbar .sidebar-toggle {
  3277. color: #666;
  3278. }
  3279. .skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
  3280. color: #333;
  3281. background: rgba(0, 0, 0, 0.02);
  3282. }
  3283. .skin-black-yellow .main-header .navbar .navbar-nav > li > a {
  3284. border-right: none;
  3285. }
  3286. .skin-black-yellow .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  3287. .skin-black-yellow .main-header .navbar .navbar-right > li > a {
  3288. border-left: none;
  3289. border-right-width: 0;
  3290. }
  3291. @media (max-width: 767px) {
  3292. .skin-black-yellow .main-header .navbar {
  3293. background-color: #555299;
  3294. }
  3295. .skin-black-yellow .main-header .navbar .nav > li > a {
  3296. color: #fff;
  3297. }
  3298. .skin-black-yellow .main-header .navbar .nav > li > a:hover,
  3299. .skin-black-yellow .main-header .navbar .nav > li > a:active,
  3300. .skin-black-yellow .main-header .navbar .nav > li > a:focus,
  3301. .skin-black-yellow .main-header .navbar .nav .open > a,
  3302. .skin-black-yellow .main-header .navbar .nav .open > a:hover,
  3303. .skin-black-yellow .main-header .navbar .nav .open > a:focus,
  3304. .skin-black-yellow .main-header .navbar .nav > .active > a {
  3305. background: rgba(0, 0, 0, 0.1);
  3306. color: #f6f6f6;
  3307. }
  3308. .skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
  3309. color: #f6f6f6;
  3310. }
  3311. .skin-black-yellow .main-header .navbar .sidebar-toggle {
  3312. color: #fff;
  3313. }
  3314. .skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
  3315. color: #f6f6f6;
  3316. background: rgba(0, 0, 0, 0.1);
  3317. }
  3318. }
  3319. .skin-black-yellow .main-header .logo {
  3320. background-color: #605ca8;
  3321. color: #fff;
  3322. border-bottom: 0 solid transparent;
  3323. border-right: 1px solid #605ca8;
  3324. }
  3325. .skin-black-yellow .main-header .logo:hover {
  3326. background-color: #5d59a6;
  3327. }
  3328. @media (max-width: 767px) {
  3329. .skin-black-yellow .main-header .logo {
  3330. background-color: #555299;
  3331. color: #fff;
  3332. border-bottom: 0 solid transparent;
  3333. border-right: none;
  3334. }
  3335. .skin-black-yellow .main-header .logo:hover {
  3336. background-color: #545096;
  3337. }
  3338. }
  3339. .skin-black-yellow .main-header li.user-header {
  3340. background-color: #605ca8;
  3341. }
  3342. .skin-black-yellow .main-header .nav-addtabs > li > a,
  3343. .skin-black-yellow .main-header .nav-addtabs > li.active > a {
  3344. border-right-color: transparent;
  3345. }
  3346. .skin-black-yellow .content-header {
  3347. background: transparent;
  3348. box-shadow: none;
  3349. }
  3350. .skin-black-yellow .wrapper,
  3351. .skin-black-yellow .main-sidebar,
  3352. .skin-black-yellow .left-side {
  3353. background-color: #605ca8;
  3354. }
  3355. .skin-black-yellow .user-panel > .info,
  3356. .skin-black-yellow .user-panel > .info > a {
  3357. color: #fff;
  3358. }
  3359. .skin-black-yellow .sidebar-menu .treeview-menu {
  3360. padding-left: 3px;
  3361. }
  3362. .skin-black-yellow .sidebar-menu > li.header {
  3363. color: #a19fcb;
  3364. background: #57539c;
  3365. }
  3366. .skin-black-yellow .sidebar-menu > li:hover > a,
  3367. .skin-black-yellow .sidebar-menu > li.active > a {
  3368. color: #fff;
  3369. background: #5b57a3;
  3370. border-left-color: #fff;
  3371. }
  3372. .skin-black-yellow .sidebar-menu > li > .treeview-menu {
  3373. background: #555299;
  3374. }
  3375. .skin-black-yellow .sidebar a {
  3376. color: #c8c5ff;
  3377. }
  3378. .skin-black-yellow .sidebar a:hover {
  3379. text-decoration: none;
  3380. }
  3381. .skin-black-yellow .treeview-menu > li > a {
  3382. color: #c8c5ff;
  3383. }
  3384. .skin-black-yellow .treeview-menu > li.active > a,
  3385. .skin-black-yellow .treeview-menu > li > a:hover {
  3386. color: #fff;
  3387. }
  3388. .skin-black-yellow .sidebar-form {
  3389. border-radius: 3px;
  3390. border: 1px solid #807dba;
  3391. background-color: #807dba;
  3392. margin: 10px 10px;
  3393. }
  3394. .skin-black-yellow .sidebar-form input[type="text"],
  3395. .skin-black-yellow .sidebar-form .btn {
  3396. box-shadow: none;
  3397. background-color: #807dba;
  3398. border: 1px solid transparent;
  3399. height: 35px;
  3400. }
  3401. .skin-black-yellow .sidebar-form input[type="text"] {
  3402. color: #666;
  3403. border-top-left-radius: 2px;
  3404. border-top-right-radius: 0;
  3405. border-bottom-right-radius: 0;
  3406. border-bottom-left-radius: 2px;
  3407. }
  3408. .skin-black-yellow .sidebar-form input[type="text"]:focus,
  3409. .skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  3410. background-color: #fff;
  3411. color: #666;
  3412. }
  3413. .skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
  3414. background: #fff;
  3415. border-top-left-radius: 0;
  3416. border-top-right-radius: 2px;
  3417. border-bottom-right-radius: 2px;
  3418. border-bottom-left-radius: 0;
  3419. }
  3420. .skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  3421. border-left-color: #fff;
  3422. }
  3423. .skin-black-yellow .sidebar-form .btn {
  3424. color: #999;
  3425. border-top-left-radius: 0;
  3426. border-top-right-radius: 2px;
  3427. border-bottom-right-radius: 2px;
  3428. border-bottom-left-radius: 0;
  3429. }
  3430. .skin-black-yellow .treeview-menu > li > a {
  3431. padding-left: 18px;
  3432. }
  3433. .skin-black-yellow .treeview-menu > li.active > a {
  3434. background-color: #f5549f;
  3435. }
  3436. .skin-black-yellow .sidebar-menu > li.active > a {
  3437. color: #fff;
  3438. background: #f5549f;
  3439. border-left-color: #f5549f;
  3440. }
  3441. .skin-black-yellow .sidebar-menu > li:hover > a {
  3442. border-left-color: transparent;
  3443. }
  3444. .skin-black-yellow .sidebar-menu li.treeview > a {
  3445. background: transparent;
  3446. border-left-color: transparent;
  3447. }
  3448. .skin-black-yellow .sidebar-menu li.treeview.active > a,
  3449. .skin-black-yellow .sidebar-menu li.treeview.treeview-open > a {
  3450. background-color: #555299;
  3451. border-left-color: #555299;
  3452. }
  3453. .skin-black-yellow .sidebar-menu .treeview-menu {
  3454. padding-left: 0;
  3455. }
  3456. .skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu {
  3457. padding-left: 0;
  3458. }
  3459. .skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu > li > a {
  3460. padding-left: 30px;
  3461. }
  3462. .skin-black-yellow .sidebar-menu .treeview-menu li.treeview > a {
  3463. background: transparent;
  3464. border-left-color: transparent;
  3465. }
  3466. .skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
  3467. .skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
  3468. color: #fff;
  3469. background: #f5549f;
  3470. }
  3471. .skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  3472. color: #fff;
  3473. background: #f5549f;
  3474. }
  3475. .skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  3476. background: transparent;
  3477. border-left-color: transparent;
  3478. }
  3479. @media (max-width: 767px) {
  3480. .skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app {
  3481. background: #807dba;
  3482. color: #fff;
  3483. }
  3484. .skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
  3485. background: #f5549f;
  3486. color: #fff;
  3487. }
  3488. }
  3489. /*
  3490. * Skin: Black pink
  3491. * -----------
  3492. */
  3493. .skin-black-pink .main-header {
  3494. background: #605ca8;
  3495. -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  3496. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  3497. }
  3498. .skin-black-pink .main-header .navbar {
  3499. background-color: #fff;
  3500. }
  3501. .skin-black-pink .main-header .navbar .nav > li > a {
  3502. color: #666;
  3503. }
  3504. .skin-black-pink .main-header .navbar .nav > li > a:hover,
  3505. .skin-black-pink .main-header .navbar .nav > li > a:active,
  3506. .skin-black-pink .main-header .navbar .nav > li > a:focus,
  3507. .skin-black-pink .main-header .navbar .nav .open > a,
  3508. .skin-black-pink .main-header .navbar .nav .open > a:hover,
  3509. .skin-black-pink .main-header .navbar .nav .open > a:focus,
  3510. .skin-black-pink .main-header .navbar .nav > .active > a {
  3511. background: rgba(0, 0, 0, 0.02);
  3512. color: #333;
  3513. }
  3514. .skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
  3515. color: #333;
  3516. }
  3517. .skin-black-pink .main-header .navbar .sidebar-toggle {
  3518. color: #666;
  3519. }
  3520. .skin-black-pink .main-header .navbar .sidebar-toggle:hover {
  3521. color: #333;
  3522. background: rgba(0, 0, 0, 0.02);
  3523. }
  3524. .skin-black-pink .main-header .navbar .navbar-nav > li > a {
  3525. border-right: none;
  3526. }
  3527. .skin-black-pink .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
  3528. .skin-black-pink .main-header .navbar .navbar-right > li > a {
  3529. border-left: none;
  3530. border-right-width: 0;
  3531. }
  3532. @media (max-width: 767px) {
  3533. .skin-black-pink .main-header .navbar {
  3534. background-color: #555299;
  3535. }
  3536. .skin-black-pink .main-header .navbar .nav > li > a {
  3537. color: #fff;
  3538. }
  3539. .skin-black-pink .main-header .navbar .nav > li > a:hover,
  3540. .skin-black-pink .main-header .navbar .nav > li > a:active,
  3541. .skin-black-pink .main-header .navbar .nav > li > a:focus,
  3542. .skin-black-pink .main-header .navbar .nav .open > a,
  3543. .skin-black-pink .main-header .navbar .nav .open > a:hover,
  3544. .skin-black-pink .main-header .navbar .nav .open > a:focus,
  3545. .skin-black-pink .main-header .navbar .nav > .active > a {
  3546. background: rgba(0, 0, 0, 0.1);
  3547. color: #f6f6f6;
  3548. }
  3549. .skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
  3550. color: #f6f6f6;
  3551. }
  3552. .skin-black-pink .main-header .navbar .sidebar-toggle {
  3553. color: #fff;
  3554. }
  3555. .skin-black-pink .main-header .navbar .sidebar-toggle:hover {
  3556. color: #f6f6f6;
  3557. background: rgba(0, 0, 0, 0.1);
  3558. }
  3559. }
  3560. .skin-black-pink .main-header .logo {
  3561. background-color: #605ca8;
  3562. color: #fff;
  3563. border-bottom: 0 solid transparent;
  3564. border-right: 1px solid #605ca8;
  3565. }
  3566. .skin-black-pink .main-header .logo:hover {
  3567. background-color: #5d59a6;
  3568. }
  3569. @media (max-width: 767px) {
  3570. .skin-black-pink .main-header .logo {
  3571. background-color: #555299;
  3572. color: #fff;
  3573. border-bottom: 0 solid transparent;
  3574. border-right: none;
  3575. }
  3576. .skin-black-pink .main-header .logo:hover {
  3577. background-color: #545096;
  3578. }
  3579. }
  3580. .skin-black-pink .main-header li.user-header {
  3581. background-color: #605ca8;
  3582. }
  3583. .skin-black-pink .main-header .nav-addtabs > li > a,
  3584. .skin-black-pink .main-header .nav-addtabs > li.active > a {
  3585. border-right-color: transparent;
  3586. }
  3587. .skin-black-pink .content-header {
  3588. background: transparent;
  3589. box-shadow: none;
  3590. }
  3591. .skin-black-pink .wrapper,
  3592. .skin-black-pink .main-sidebar,
  3593. .skin-black-pink .left-side {
  3594. background-color: #605ca8;
  3595. }
  3596. .skin-black-pink .user-panel > .info,
  3597. .skin-black-pink .user-panel > .info > a {
  3598. color: #fff;
  3599. }
  3600. .skin-black-pink .sidebar-menu .treeview-menu {
  3601. padding-left: 3px;
  3602. }
  3603. .skin-black-pink .sidebar-menu > li.header {
  3604. color: #a19fcb;
  3605. background: #57539c;
  3606. }
  3607. .skin-black-pink .sidebar-menu > li:hover > a,
  3608. .skin-black-pink .sidebar-menu > li.active > a {
  3609. color: #fff;
  3610. background: #5b57a3;
  3611. border-left-color: #fff;
  3612. }
  3613. .skin-black-pink .sidebar-menu > li > .treeview-menu {
  3614. background: #555299;
  3615. }
  3616. .skin-black-pink .sidebar a {
  3617. color: #c8c5ff;
  3618. }
  3619. .skin-black-pink .sidebar a:hover {
  3620. text-decoration: none;
  3621. }
  3622. .skin-black-pink .treeview-menu > li > a {
  3623. color: #c8c5ff;
  3624. }
  3625. .skin-black-pink .treeview-menu > li.active > a,
  3626. .skin-black-pink .treeview-menu > li > a:hover {
  3627. color: #fff;
  3628. }
  3629. .skin-black-pink .sidebar-form {
  3630. border-radius: 3px;
  3631. border: 1px solid #807dba;
  3632. background-color: #807dba;
  3633. margin: 10px 10px;
  3634. }
  3635. .skin-black-pink .sidebar-form input[type="text"],
  3636. .skin-black-pink .sidebar-form .btn {
  3637. box-shadow: none;
  3638. background-color: #807dba;
  3639. border: 1px solid transparent;
  3640. height: 35px;
  3641. }
  3642. .skin-black-pink .sidebar-form input[type="text"] {
  3643. color: #666;
  3644. border-top-left-radius: 2px;
  3645. border-top-right-radius: 0;
  3646. border-bottom-right-radius: 0;
  3647. border-bottom-left-radius: 2px;
  3648. }
  3649. .skin-black-pink .sidebar-form input[type="text"]:focus,
  3650. .skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  3651. background-color: #fff;
  3652. color: #666;
  3653. }
  3654. .skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn {
  3655. background: #fff;
  3656. border-top-left-radius: 0;
  3657. border-top-right-radius: 2px;
  3658. border-bottom-right-radius: 2px;
  3659. border-bottom-left-radius: 0;
  3660. }
  3661. .skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  3662. border-left-color: #fff;
  3663. }
  3664. .skin-black-pink .sidebar-form .btn {
  3665. color: #999;
  3666. border-top-left-radius: 0;
  3667. border-top-right-radius: 2px;
  3668. border-bottom-right-radius: 2px;
  3669. border-bottom-left-radius: 0;
  3670. }
  3671. .skin-black-pink .treeview-menu > li > a {
  3672. padding-left: 18px;
  3673. }
  3674. .skin-black-pink .treeview-menu > li.active > a {
  3675. background-color: #f5549f;
  3676. }
  3677. .skin-black-pink .sidebar-menu > li.active > a {
  3678. color: #fff;
  3679. background: #f5549f;
  3680. border-left-color: #f5549f;
  3681. }
  3682. .skin-black-pink .sidebar-menu > li:hover > a {
  3683. border-left-color: transparent;
  3684. }
  3685. .skin-black-pink .sidebar-menu li.treeview > a {
  3686. background: transparent;
  3687. border-left-color: transparent;
  3688. }
  3689. .skin-black-pink .sidebar-menu li.treeview.active > a,
  3690. .skin-black-pink .sidebar-menu li.treeview.treeview-open > a {
  3691. background-color: #555299;
  3692. border-left-color: #555299;
  3693. }
  3694. .skin-black-pink .sidebar-menu .treeview-menu {
  3695. padding-left: 0;
  3696. }
  3697. .skin-black-pink .sidebar-menu .treeview-menu .treeview-menu {
  3698. padding-left: 0;
  3699. }
  3700. .skin-black-pink .sidebar-menu .treeview-menu .treeview-menu > li > a {
  3701. padding-left: 30px;
  3702. }
  3703. .skin-black-pink .sidebar-menu .treeview-menu li.treeview > a {
  3704. background: transparent;
  3705. border-left-color: transparent;
  3706. }
  3707. .skin-black-pink.sidebar-collapse .sidebar-menu li:hover > a,
  3708. .skin-black-pink.sidebar-collapse .sidebar-menu li.active > a {
  3709. color: #fff;
  3710. background: #f5549f;
  3711. }
  3712. .skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  3713. color: #fff;
  3714. background: #f5549f;
  3715. }
  3716. .skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  3717. background: transparent;
  3718. border-left-color: transparent;
  3719. }
  3720. @media (max-width: 767px) {
  3721. .skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app {
  3722. background: #807dba;
  3723. color: #fff;
  3724. }
  3725. .skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app.active {
  3726. background: #f5549f;
  3727. color: #fff;
  3728. }
  3729. }
  3730. /*# sourceMappingURL=_all-skins.css.map */