adminlte_assets 0.0.33

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