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: #4f5a67;
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: #9fa7b1;
22 
}
23 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
24 
  background-color: #31c7b2;
25 
  color: #ffffff;
26 
}
27 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
28 
  background-color: #657384;
29 
}
30 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
31 
  color: #c9ced3;
32 
}
33 
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
34 
  background-color: #657384;
35 
}
36 
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
37 
  color: #c9ced3;
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: #31c7b2;
73 
  color: #ffffff;
74 
}
75 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
76 
  border-color: transparent transparent transparent #31c7b2;
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: #d6dae0;
86 
}
87 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
88 
  color: #d6dae0;
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: #d6dae0;
95 
}
96 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
97 
  background: #657384;
98 
  border: 0;
99 
}
100 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
101 
  border-bottom-color: #657384;
102 
}
103 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
104 
  background: #535f6d;
105 
}
106 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
107 
  color: #dcdfe4;
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: #eaecef;
115 
  border-bottom: 1px solid #748294 !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: #cdd2d9;
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: #6e7d90;
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: #748294;
130 
}
131 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
132 
  background: #5a6676;
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: #4f5a67;
136 
}
137 
.page-header.navbar .search-form {
138 
  background: #46505c;
139 
}
140 
.page-header.navbar .search-form:hover {
141 
  background: #657384;
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: #657384;
161 
}
162 
.page-header.navbar .menu-toggler {
163 
  background-image: url(../../img/sidebar_toggler_icon_grey.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(101, 115, 132, 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: #f3f4f6;
180 
}
181 
.page-header.navbar .hor-menu .navbar-nav > li > a {
182 
  color: #d6dae0;
183 
}
184 
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
185 
  color: #abb3be;
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: #e4e7eb;
190 
  background: #657384 !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: #b9c0ca;
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: #31c7b2 !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: #abb3be;
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 #31c7b2;
209 
}
210 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
211 
  box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
212 
  background: #657384;
213 
}
214 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
215 
  color: #d6dae0;
216 
}
217 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
218 
  color: #d6dae0;
219 
}
220 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
221 
  color: #fefeff;
222 
  background: #6e7d90;
223 
}
224 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
225 
  color: #fefeff;
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: #fefeff;
231 
  background: #6e7d90;
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: #fefeff;
237 
}
238 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
239 
  background-color: #717f92;
240 
}
241 
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
242 
  color: #d6dae0;
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: #d6dae0;
256 
}
257 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
258 
  color: #abb3be;
259 
}
260 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
261 
  color: #e4e7eb;
262 
  background: #657384;
263 
}
264 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
265 
  color: #b9c0ca;
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: #31c7b2;
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: #abb3be;
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: #707b88;
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 #7d8795;
339 
  color: #efefef;
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: #aab3bb;
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: #b8c0c6;
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: #aab3bb;
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: #b4b4b4;
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: #535f6d;
364 
  color: #efefef;
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: #aab3bb;
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: #aab3bb;
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: #31c7b2;
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: #31c7b2;
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: #7d8795;
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: #aab3bb;
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: #aab3bb;
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: #707b88;
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: #eeeeee;
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: #aab3bb;
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: #b8c0c6;
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: #aab3bb;
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: #566170 !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: #aab3bb;
463 
  color: #e3e6e8;
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: #aab3bb;
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: #67707d;
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: #606975;
487 
  border-left: 4px solid #31c7b2;
488 
  color: #f1f1f1;
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 #31c7b2;
494 
  background: #67707d;
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: #eeeeee;
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: #eeeeee;
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: #75808e;
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: #6b7683 !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_grey.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 #868f9b;
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: #707b88;
529 
  color: #949ca7;
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: #949ca7;
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: #949ca7;
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: #949ca7;
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: #949ca7;
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 #868f9b;
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: #707b88;
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: #949ca7;
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 #5e6672;
567 
  background: #5e6672;
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: #5e6672;
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 #707b88;
576 
  background: #707b88;
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: #707b88;
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 #31c7b2;
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 #31c7b2;
593 
}
594 
 
595 
/*************
596 
Quick Sidebar
597 
*************/
598 
/***
599 
Quick Sidebar Layout
600 
***/
601 
.page-quick-sidebar-wrapper {
602 
  background: #717f92;
603 
}
604 
.page-quick-sidebar-wrapper .page-quick-sidebar {
605 
  background: #717f92;
606 
}
607 
 
608 
/***
609 
Quick Sidebar Toggler
610 
***/
611 
.page-quick-sidebar-toggler {
612 
  background: #8e99a8;
613 
}
614 
.page-quick-sidebar-toggler:hover {
615 
  background: #8591a2;
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: #8e99a8;
637 
}
638 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
639 
  background: #7f8c9d;
640 
}
641 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
642 
  color: white;
643 
  background: #8e99a8;
644 
}
645 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
646 
  border: 0;
647 
  background: #717f92;
648 
}
649 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
650 
  border: 0;
651 
  background: #8e99a8;
652 
  box-shadow: 5px 5px rgba(199, 205, 213, 0.1);
653 
}
654 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
655 
  border-bottom: 7px solid #8e99a8;
656 
}
657 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
658 
  border-bottom: 7px solid #8e99a8;
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: #96a1af;
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: #919cab;
675 
  color: white;
676 
}
677 
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
678 
  background-color: #96a1af;
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: #798799;
690 
}
691 
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
692 
  background: #798799;
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: #8e99a8;
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: #8e99a8;
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: #8e99a8;
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: #dfe2e5;
740 
}
741 
.page-footer-fixed .page-footer {
742 
  background-color: #606975;
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(83, 95, 109, 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(83, 95, 109, 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(83, 95, 109, 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 #7d8795 !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: #697380 !important;
790 
    /* Page container */
791 
    /* Page sidebar */
792 
    /* Page footer */
793 
  }
794 
  .page-boxed .page-container {
795 
    background-color: #707b88;
796 
    border-left: 1px solid #7d8795;
797 
    border-bottom: 1px solid #7d8795;
798 
  }
799 
  .page-boxed.page-sidebar-reversed .page-container {
800 
    border-left: 0;
801 
    border-right: 1px solid #7d8795;
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 #7d8795;
814 
  }
815 
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
816 
    border-right: 1px solid #7d8795;
817 
    border-left: 0;
818 
  }
819 
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
820 
    background-color: #697380 !important;
821 
  }
822 
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
823 
    color: #dfe2e5;
824 
  }
825 
 
826 
  /* Sidebar Menu Wirh Hoverable Submenu */
827 
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
828 
    border-right: 8px solid #5c6979;
829 
  }
830 
  .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
831 
    border-left: 8px solid #5c6979;
832 
  }
833 
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
834 
    background: #5c6979 !important;
835 
  }
836 
}
837 
@media (max-width: 991px) {
838 
  /* 991px */
839 
  /* Page sidebar */
840 
  .page-sidebar {
841 
    background-color: #59616c;
842 
    /* light sidebar */
843 
  }
844 
  .page-sidebar .page-sidebar-menu > li > a {
845 
    border-top: 1px solid #707b88;
846 
  }
847 
  .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
848 
    background: #606975;
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: #59616c !important;
855 
  }
856 
  .page-sidebar .page-sidebar-menu .sidebar-search input {
857 
    background-color: #59616c !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: #606975;
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: #606975;
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: #606975;
870 
  }
871 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
872 
    background: #59616c !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: #606975 !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: #707b88;
885 
  }
886 
  .page-header-fixed-mobile .page-header.navbar .top-menu {
887 
    background-color: #4f5a67;
888 
  }
889 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
890 
    background-color: #677587;
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: #657384;
897 
  }
898 
}
899 
/****
900 
Boby
901 
****/
902 
body {
903 
  background-color: #707b88;
904 
}
905 
 
906 
/****
907 
 CSS3 Spinner Bar
908 
****/
909 
.page-spinner-bar > div,
910 
.block-spinner-bar > div {
911 
  background: #41d0bc;
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 
  /* Change sidebar link font weight */
918 
}
919 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
920 
.page-sidebar .page-sidebar-menu li > a {
921 
  font-weight: 300;
922 
}
923 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
924 
.page-sidebar .page-sidebar-menu li > a > i {
925 
  font-weight: 300;
926 
}
927 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
928 
.page-sidebar .page-sidebar-menu li .sub-menu li > a {
929 
  font-weight: 300;
930 
}
931 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
932 
.page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
933 
  font-weight: 300;
934 
}