Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
/***********
2 
Page Header
3 
***********/
4 
/* Header search bar, toggler button & top menu */
5 
.page-header.navbar {
6 
  background-color: #747F8C;
7 
  /* Top notification menu/bar */
8 
  /* Header seaech box */
9 
  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
10 
}
11 
.page-header.navbar .top-menu .navbar-nav {
12 
  /* Extended Dropdowns */
13 
  /* Notification */
14 
  /* Inbox */
15 
  /* Tasks */
16 
  /* User */
17 
  /* Language */
18 
  /* Dark version */
19 
}
20 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
21 
  color: #bbc1c8;
22 
}
23 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
24 
  background-color: #3FD5C0;
25 
  color: #ffffff;
26 
}
27 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
28 
  background-color: #9099a3;
29 
}
30 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
31 
  color: #e5e7ea;
32 
}
33 
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
34 
  background-color: #9099a3;
35 
}
36 
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
37 
  color: #e5e7ea;
38 
}
39 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
40 
  border-color: #e7eaf0;
41 
}
42 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
43 
  border-bottom-color: #eaedf2;
44 
}
45 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
46 
  background: #eaedf2;
47 
}
48 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
49 
  color: #62878f;
50 
}
51 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
52 
  color: #5b9bd1;
53 
}
54 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
55 
  color: #3175af;
56 
  text-decoration: none;
57 
}
58 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
59 
  border-bottom: 1px solid #EFF2F6 !important;
60 
  color: #888888;
61 
}
62 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
63 
  background: #f8f9fa;
64 
}
65 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
66 
  background: #f1f1f1;
67 
}
68 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
69 
  background: #e4e4e4;
70 
}
71 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
72 
  background-color: #3FD5C0;
73 
  color: #ffffff;
74 
}
75 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
76 
  border-color: transparent transparent transparent #3FD5C0;
77 
}
78 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
79 
  color: #5b9bd1;
80 
}
81 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
82 
  background-color: #dfe2e9;
83 
}
84 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
85 
  color: white;
86 
}
87 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
88 
  color: white;
89 
}
90 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
91 
  width: 195px;
92 
}
93 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
94 
  color: white;
95 
}
96 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
97 
  background: #727c89;
98 
  border: 0;
99 
}
100 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
101 
  border-bottom-color: #727c89;
102 
}
103 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
104 
  background: #68727e;
105 
}
106 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
107 
  color: #d6d9dd;
108 
}
109 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
110 
  color: #87b6dd;
111 
}
112 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
113 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
114 
  color: #d6d9dd;
115 
  border-bottom: 1px solid #7a8491 !important;
116 
}
117 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
118 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
119 
  color: #babfc6;
120 
}
121 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
122 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
123 
  background: #77828e;
124 
}
125 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
126 
  border-bottom: 0 !important;
127 
}
128 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
129 
  background: #7a8491;
130 
}
131 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
132 
  background: #6d7784;
133 
}
134 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
135 
  background: #616b76;
136 
}
137 
.page-header.navbar .search-form {
138 
  background: #6b7581;
139 
}
140 
.page-header.navbar .search-form:hover {
141 
  background: #9099a3;
142 
}
143 
.page-header.navbar .search-form .input-group .form-control {
144 
  color: #c4c9d0;
145 
}
146 
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
147 
  color: #c1c6ce;
148 
  opacity: 1;
149 
}
150 
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
151 
  color: #c1c6ce;
152 
}
153 
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
154 
  color: #c1c6ce;
155 
}
156 
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
157 
  color: #c4c9d0;
158 
}
159 
.page-header.navbar .search-form.open {
160 
  background: #9099a3;
161 
}
162 
.page-header.navbar .menu-toggler {
163 
  background-image: url(../../img/sidebar_toggler_icon_light.png);
164 
}
165 
 
166 
/* Default Horizontal Menu */
167 
.page-header.navbar {
168 
  /* Default Mega Menu */
169 
  /* Light Mega Menu */
170 
}
171 
.page-header.navbar .hor-menu .navbar-nav {
172 
  /* Mega menu content */
173 
  /* Classic menu */
174 
}
175 
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
176 
  box-shadow: 5px 5px rgba(144, 153, 163, 0.2);
177 
}
178 
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
179 
  color: white;
180 
}
181 
.page-header.navbar .hor-menu .navbar-nav > li > a {
182 
  color: white;
183 
}
184 
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
185 
  color: #d6d9dd;
186 
}
187 
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
188 
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
189 
  color: white;
190 
  background: #9099a3 !important;
191 
}
192 
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
193 
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
194 
  color: #e4e6e8;
195 
}
196 
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
197 
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
198 
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
199 
  color: white;
200 
  background: #3FD5C0 !important;
201 
}
202 
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
203 
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
204 
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
205 
  color: #d6d9dd;
206 
}
207 
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
208 
  border-top: 6px solid #3FD5C0;
209 
}
210 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
211 
  box-shadow: 5px 5px rgba(144, 153, 163, 0.2);
212 
  background: #9099a3;
213 
}
214 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
215 
  color: white;
216 
}
217 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
218 
  color: #f9fafa;
219 
}
220 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
221 
  color: white;
222 
  background: #9ba3ac;
223 
}
224 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
225 
  color: white;
226 
}
227 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
228 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
229 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
230 
  color: white;
231 
  background: #9ba3ac;
232 
}
233 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
234 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
235 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
236 
  color: white;
237 
}
238 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
239 
  background-color: #9ea6af;
240 
}
241 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
242 
  color: #f9fafa;
243 
}
244 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
245 
  /* Mega menu content */
246 
  /* Classic menu */
247 
}
248 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
249 
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
250 
}
251 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
252 
  color: #666;
253 
}
254 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
255 
  color: white;
256 
}
257 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
258 
  color: #d6d9dd;
259 
}
260 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
261 
  color: white;
262 
  background: #9099a3;
263 
}
264 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
265 
  color: #e4e6e8;
266 
}
267 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
268 
  color: #333 !important;
269 
  background: white !important;
270 
}
271 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
272 
  color: #333 !important;
273 
}
274 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
275 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
276 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
277 
  color: white;
278 
  background: #3FD5C0;
279 
}
280 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
281 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
282 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
283 
  color: #d6d9dd;
284 
}
285 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
286 
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
287 
  background: white;
288 
}
289 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
290 
  color: #000;
291 
}
292 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
293 
  color: #888;
294 
}
295 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
296 
  color: #000;
297 
  background: #f2f2f7;
298 
}
299 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
300 
  color: #666;
301 
}
302 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
303 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
304 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
305 
  color: #000;
306 
  background: #f2f2f7;
307 
}
308 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
309 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
310 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
311 
  color: #666;
312 
}
313 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
314 
  background-color: #f2f2f7;
315 
}
316 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
317 
  border: 1px solid #efeff5;
318 
}
319 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
320 
  border-top: 0;
321 
}
322 
 
323 
/* Page sidebar */
324 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
325 
.page-sidebar {
326 
  background-color: #FFFFFF;
327 
  /* Default sidebar */
328 
  /* light sidebar */
329 
  /* Sidebar search */
330 
}
331 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
332 
.page-sidebar .page-sidebar-menu {
333 
  /* 1st level links */
334 
  /* All links */
335 
}
336 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
337 
.page-sidebar .page-sidebar-menu > li > a {
338 
  border-top: 1px solid #F0F5F7;
339 
  color: #555555;
340 
}
341 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
342 
.page-sidebar .page-sidebar-menu > li > a > i {
343 
  color: #a6adb6;
344 
}
345 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
346 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
347 
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
348 
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
349 
  color: #7c8793;
350 
}
351 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
352 
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
353 
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
354 
  color: #a6adb6;
355 
}
356 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
357 
.page-sidebar .page-sidebar-menu > li.heading > h3 {
358 
  color: #1a1a1a;
359 
}
360 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
361 
.page-sidebar .page-sidebar-menu > li:hover > a,
362 
.page-sidebar .page-sidebar-menu > li.open > a {
363 
  background: #F1F1F1;
364 
  color: #555555;
365 
}
366 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
367 
.page-sidebar .page-sidebar-menu > li:hover > a > i,
368 
.page-sidebar .page-sidebar-menu > li.open > a > i {
369 
  color: #aeaeae;
370 
}
371 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
372 
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
373 
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
374 
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
375 
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
376 
  color: #aeaeae;
377 
}
378 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
379 
.page-sidebar .page-sidebar-menu > li.active > a,
380 
.page-sidebar .page-sidebar-menu > li.active.open > a {
381 
  background: #3FD5C0;
382 
  border-top-color: transparent;
383 
  color: #ffffff;
384 
}
385 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
386 
.page-sidebar .page-sidebar-menu > li.active > a:hover,
387 
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
388 
  background: #3FD5C0;
389 
}
390 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
391 
.page-sidebar .page-sidebar-menu > li.active > a > i,
392 
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
393 
  color: #ffffff;
394 
}
395 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
396 
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
397 
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
398 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
399 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
400 
  color: #ffffff;
401 
}
402 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
403 
.page-sidebar .page-sidebar-menu > li.active + li > a {
404 
  border-top-color: transparent;
405 
}
406 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
407 
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
408 
  border-top-color: #F0F5F7;
409 
}
410 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
411 
.page-sidebar .page-sidebar-menu > li:last-child > a {
412 
  border-bottom: 1px solid transparent !important;
413 
}
414 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
415 
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
416 
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
417 
  color: #a6adb6;
418 
}
419 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
420 
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
421 
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
422 
  color: #aeaeae;
423 
}
424 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
425 
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
426 
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
427 
  color: #ffffff;
428 
}
429 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
430 
.page-sidebar .page-sidebar-menu:hover .sub-menu {
431 
  background-color: #FFFFFF;
432 
}
433 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
434 
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
435 
  color: #555555;
436 
}
437 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
438 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
439 
  color: #a6adb6;
440 
}
441 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
442 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
443 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
444 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
445 
  color: #7c8793;
446 
}
447 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
448 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
449 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
450 
  color: #a6adb6;
451 
}
452 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
453 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
454 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
455 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
456 
  background: #F1F1F1 !important;
457 
}
458 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
459 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
460 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
461 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
462 
  color: #aeaeae;
463 
  color: #7c8793;
464 
}
465 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
466 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
467 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
468 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
469 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
470 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
471 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
472 
  color: #aeaeae;
473 
}
474 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
475 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
476 
  /* 1st level links */
477 
}
478 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
479 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
480 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
481 
  background: whitesmoke;
482 
}
483 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
484 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
485 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
486 
  background: #ededed;
487 
  border-left: 4px solid #3FD5C0;
488 
  color: #666666;
489 
}
490 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
491 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
492 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
493 
  border-left: 4px solid #3FD5C0;
494 
  background: whitesmoke;
495 
}
496 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
497 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
498 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
499 
  color: #999999;
500 
}
501 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
502 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
503 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
504 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
505 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
506 
  color: #999999;
507 
}
508 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
509 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
510 
  background: white;
511 
}
512 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
513 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
514 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
515 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
516 
  background: #ededed !important;
517 
}
518 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
519 
.page-sidebar .sidebar-toggler {
520 
  background: url(../../img/sidebar_inline_toggler_icon_light.jpg);
521 
}
522 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
523 
.page-sidebar .sidebar-search .input-group {
524 
  border-bottom: 1px solid #e6eef2;
525 
}
526 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
527 
.page-sidebar .sidebar-search .input-group .form-control {
528 
  background-color: #FFFFFF;
529 
  color: #B5C0C9;
530 
}
531 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
532 
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
533 
  color: #bec8cf;
534 
  opacity: 1;
535 
}
536 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
537 
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
538 
  color: #bec8cf;
539 
}
540 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
541 
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
542 
  color: #bec8cf;
543 
}
544 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
545 
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
546 
  color: #B5C0C9;
547 
}
548 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
549 
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
550 
  border: 1px solid #e6eef2;
551 
}
552 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
553 
.page-sidebar .sidebar-search.open .input-group {
554 
  background-color: #FFFFFF;
555 
}
556 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
557 
.page-sidebar .sidebar-search.open .remove > i {
558 
  color: #B5C0C9;
559 
}
560 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
561 
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
562 
  background: none;
563 
}
564 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
565 
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
566 
  border: 1px solid #f7f7f7;
567 
  background: #f7f7f7;
568 
}
569 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
570 
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
571 
  background: #f7f7f7;
572 
}
573 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
574 
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
575 
  border: 1px solid #FFFFFF;
576 
  background: #FFFFFF;
577 
}
578 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
579 
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
580 
  background: #FFFFFF;
581 
}
582 
 
583 
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
584 
  /* 1st level links */
585 
}
586 
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
587 
  border-left: 0;
588 
  border-right: 4px solid #3FD5C0;
589 
}
590 
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
591 
  border-left: 0;
592 
  border-right: 4px solid #3FD5C0;
593 
}
594 
 
595 
/*************
596 
Quick Sidebar
597 
*************/
598 
/***
599 
Quick Sidebar Layout
600 
***/
601 
.page-quick-sidebar-wrapper {
602 
  background: #9ea6af;
603 
}
604 
.page-quick-sidebar-wrapper .page-quick-sidebar {
605 
  background: #9ea6af;
606 
}
607 
 
608 
/***
609 
Quick Sidebar Toggler
610 
***/
611 
.page-quick-sidebar-toggler {
612 
  background: #babfc6;
613 
}
614 
.page-quick-sidebar-toggler:hover {
615 
  background: #b1b8bf;
616 
}
617 
.page-quick-sidebar-toggler > i {
618 
  color: white;
619 
}
620 
 
621 
/***
622 
Quick Sidebar Content
623 
***/
624 
.page-quick-sidebar-wrapper {
625 
  color: white;
626 
  /* Quick sidebar chat */
627 
  /* Quick sidebar alerts */
628 
}
629 
.page-quick-sidebar-wrapper .page-quick-sidebar {
630 
  /* Quick sidebar tabs */
631 
  /* Quick sidebar general list heading */
632 
  /* Quick sidebar general list-items */
633 
}
634 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
635 
  color: white;
636 
  background: #babfc6;
637 
}
638 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
639 
  background: #acb2ba;
640 
}
641 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
642 
  color: white;
643 
  background: #babfc6;
644 
}
645 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
646 
  border: 0;
647 
  background: #9ea6af;
648 
}
649 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
650 
  border: 0;
651 
  background: #babfc6;
652 
  box-shadow: 5px 5px rgba(242, 243, 244, 0.1);
653 
}
654 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
655 
  border-bottom: 7px solid #babfc6;
656 
}
657 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
658 
  border-bottom: 7px solid #babfc6;
659 
}
660 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
661 
  color: white;
662 
}
663 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
664 
  color: white;
665 
}
666 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
667 
  background: #c2c7cd;
668 
  color: white;
669 
}
670 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
671 
  color: white;
672 
}
673 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
674 
  background: #bdc2c8;
675 
  color: white;
676 
}
677 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
678 
  background-color: #c2c7cd;
679 
}
680 
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
681 
  color: #e1e1e1;
682 
}
683 
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
684 
  margin: 0;
685 
  padding: 0;
686 
  list-style: none;
687 
}
688 
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
689 
  border-bottom-color: #a6adb6;
690 
}
691 
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
692 
  background: #a6adb6;
693 
}
694 
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
695 
  /* back to list */
696 
}
697 
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
698 
  color: white;
699 
}
700 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
701 
  color: #dadada;
702 
}
703 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
704 
  color: #cfcfcf;
705 
}
706 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
707 
  color: #f6f6f6;
708 
}
709 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
710 
  color: #f6f6f6;
711 
}
712 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
713 
  color: white;
714 
  background: #babfc6;
715 
}
716 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
717 
  border-right-color: #babfc6;
718 
}
719 
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
720 
  border-left-color: #babfc6;
721 
}
722 
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
723 
  color: #f1f1f1;
724 
}
725 
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
726 
  text-decoration: underline;
727 
}
728 
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
729 
  color: #ebebeb;
730 
}
731 
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
732 
  color: #cfcfcf;
733 
}
734 
 
735 
/******
736 
Page Footer
737 
******/
738 
.page-footer .page-footer-inner {
739 
  color: #333333;
740 
}
741 
.page-footer-fixed .page-footer {
742 
  background-color: #e4e6e8;
743 
}
744 
 
745 
@media (min-width: 992px) {
746 
  /* 992px */
747 
  /* Sidebar menu closed */
748 
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
749 
    box-shadow: 5px 5px rgba(241, 241, 241, 0.2);
750 
  }
751 
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
752 
    box-shadow: none;
753 
  }
754 
 
755 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
756 
    box-shadow: 5px 5px rgba(241, 241, 241, 0.2);
757 
  }
758 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
759 
    box-shadow: none;
760 
  }
761 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
762 
    box-shadow: 5px 5px rgba(241, 241, 241, 0.2);
763 
  }
764 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
765 
    box-shadow: none;
766 
  }
767 
 
768 
  /* Light sidebar menu */
769 
  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
770 
    padding: 0;
771 
    margin-top: 15px;
772 
    margin-bottom: 15px;
773 
    border-top: 1px solid #F0F5F7 !important;
774 
  }
775 
 
776 
  /* Fixed Sidebar */
777 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
778 
    border-bottom: 0;
779 
  }
780 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
781 
    background-color: #fff;
782 
  }
783 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
784 
    color: #333;
785 
  }
786 
 
787 
  /* Boxed Layout */
788 
  .page-boxed {
789 
    background-color: #f7f7f7 !important;
790 
    /* Page container */
791 
    /* Page sidebar */
792 
    /* Page footer */
793 
  }
794 
  .page-boxed .page-container {
795 
    background-color: #FFFFFF;
796 
    border-left: 1px solid #F0F5F7;
797 
    border-bottom: 1px solid #F0F5F7;
798 
  }
799 
  .page-boxed.page-sidebar-reversed .page-container {
800 
    border-left: 0;
801 
    border-right: 1px solid #F0F5F7;
802 
  }
803 
  .page-boxed.page-sidebar-fixed .page-container {
804 
    border-left: 0;
805 
    border-bottom: 0;
806 
  }
807 
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
808 
    border-left: 0;
809 
    border-right: 0;
810 
    border-bottom: 0;
811 
  }
812 
  .page-boxed.page-sidebar-fixed .page-sidebar {
813 
    border-left: 1px solid #F0F5F7;
814 
  }
815 
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
816 
    border-right: 1px solid #F0F5F7;
817 
    border-left: 0;
818 
  }
819 
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
820 
    background-color: #f7f7f7 !important;
821 
  }
822 
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
823 
    color: #333333;
824 
  }
825 
 
826 
  /* Sidebar Menu Wirh Hoverable Submenu */
827 
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
828 
    border-right: 8px solid #e9e9e9;
829 
  }
830 
  .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
831 
    border-left: 8px solid #e9e9e9;
832 
  }
833 
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
834 
    background: #e9e9e9 !important;
835 
  }
836 
}
837 
@media (max-width: 991px) {
838 
  /* 991px */
839 
  /* Page sidebar */
840 
  .page-sidebar {
841 
    background-color: #fcfcfc;
842 
    /* light sidebar */
843 
  }
844 
  .page-sidebar .page-sidebar-menu > li > a {
845 
    border-top: 1px solid #FFFFFF;
846 
  }
847 
  .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
848 
    background: #d9d9d9;
849 
  }
850 
  .page-sidebar .page-sidebar-menu > li:last-child > a {
851 
    border-bottom: 0 !important;
852 
  }
853 
  .page-sidebar .page-sidebar-menu > li .sub-menu {
854 
    background-color: #fcfcfc !important;
855 
  }
856 
  .page-sidebar .page-sidebar-menu .sidebar-search input {
857 
    background-color: #fcfcfc !important;
858 
  }
859 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
860 
    /* 1st level links */
861 
  }
862 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
863 
    background: white;
864 
  }
865 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
866 
    background: white;
867 
  }
868 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
869 
    background: white;
870 
  }
871 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
872 
    background: #fcfcfc !important;
873 
  }
874 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
875 
    background: white !important;
876 
  }
877 
}
878 
@media (max-width: 480px) {
879 
  /* 480px */
880 
  .page-header.navbar {
881 
    /* Top menu */
882 
  }
883 
  .page-header.navbar .top-menu {
884 
    background-color: #FFFFFF;
885 
  }
886 
  .page-header-fixed-mobile .page-header.navbar .top-menu {
887 
    background-color: #747F8C;
888 
  }
889 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
890 
    background-color: #939ba5;
891 
  }
892 
  .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
893 
    background: none;
894 
  }
895 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
896 
    background-color: #9099a3;
897 
  }
898 
}
899 
/****
900 
Boby
901 
****/
902 
body {
903 
  background-color: #FFFFFF;
904 
}
905 
 
906 
/****
907 
 CSS3 Spinner Bar
908 
****/
909 
.page-spinner-bar > div,
910 
.block-spinner-bar > div {
911 
  background: #54dac7;
912 
}
913 
 
914 
/* Page sidebar */
915 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
916 
.page-sidebar .page-sidebar-menu {
917 
  /* Adjust "selected" arrow */
918 
  /* Change sidebar link font weight */
919 
  /* Sidebar search */
920 
}
921 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
922 
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
923 
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
924 
  top: 0px;
925 
  right: -8px;
926 
  border-top: 20px double transparent;
927 
  border-bottom: 20px double transparent;
928 
  border-right: 0;
929 
  border-left: 8px solid #3FD5C0;
930 
}
931 
.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
932 
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed
933 
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
934 
  right: auto;
935 
  left: -8px;
936 
  border-left: 0;
937 
  border-right: 8px solid #3FD5C0;
938 
}
939 
.page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid
940 
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid
941 
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
942 
  border-color: transparent transparent transparent #3FD5C0;
943 
}
944 
.page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed
945 
.page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed
946 
.page-sidebar .page-sidebar-menu > li.active > a > .selected {
947 
  border-color: transparent #3FD5C0 transparent transparent;
948 
}
949 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
950 
.page-sidebar .page-sidebar-menu li > a {
951 
  font-weight: 400;
952 
}
953 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
954 
.page-sidebar .page-sidebar-menu li > a > i {
955 
  font-weight: 300;
956 
}
957 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover .sub-menu, .page-sidebar-closed
958 
.page-sidebar .page-sidebar-menu li:hover .sub-menu {
959 
  background-color: #F9F9F9;
960 
}
961 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
962 
.page-sidebar .page-sidebar-menu li .sub-menu li > a {
963 
  font-weight: normal;
964 
}
965 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
966 
.page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
967 
  font-weight: 300;
968 
}
969 
.page-sidebar-closed:not(.page-sidebar-reversed) .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed:not(.page-sidebar-reversed)
970 
.page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
971 
  margin-left: 16px;
972 
  border: 1px solid #F0F0F0;
973 
  border-left-color: transparent;
974 
}
975 
.page-sidebar-closed.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed.page-sidebar-reversed
976 
.page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
977 
  margin-left: -228px !important;
978 
  border: 1px solid #F0F0F0;
979 
  border-right-color: transparent;
980 
}
981 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a .selected,
982 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a .selected {
983 
  display: none;
984 
}
985 
 
986 
.page-content {
987 
  border-left: 1px solid #F0F5F7;
988 
  border-bottom: 1px solid #F0F5F7;
989 
}
990 
.page-sidebar-reversed .page-content {
991 
  border-right: 1px solid #F0F5F7;
992 
}
993 
 
994 
@media (max-width: 991px) {
995 
  /* 991px */
996 
  .page-content {
997 
    border-left: 0;
998 
    border-bottom: 0;
999 
  }
1000 
  .page-sidebar-reversed .page-content {
1001 
    border-right: 0;
1002 
  }
1003 
 
1004 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
1005 
  .page-sidebar .page-sidebar-menu > li > a {
1006 
    border-top: 1px solid #F0F5F7;
1007 
  }
1008 
}
1009 
@media (max-width: 480px) {
1010 
  /* 480px */
1011 
  body {
1012 
    background: #98a0aa;
1013 
  }
1014 
 
1015 
  .page-header.navbar .top-menu {
1016 
    background-color: #98a0aa;
1017 
  }
1018 
  .page-header-fixed-mobile .page-header.navbar .top-menu {
1019 
    background-color: #747F8C;
1020 
  }
1021 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
1022 
    color: #dde0e3;
1023 
  }
1024 
}