Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
/***********
2 
Theme Colors
3 
***********/
4 
.theme-font-color {
5 
  color: #5b9bd1;
6 
}
7 
 
8 
/***********
9 
Body bg color
10 
***********/
11 
body {
12 
  background: #e9ecf3;
13 
}
14 
 
15 
/***********
16 
Page Header
17 
***********/
18 
/* Header search bar, toggler button & top menu */
19 
.page-header.navbar {
20 
  background: #3B3F51;
21 
  border-bottom: 1px solid #e9ecf3;
22 
  /* Top notification menu/bar */
23 
  /* Header seaech box */
24 
  /* Menu Toggler */
25 
}
26 
.page-header.navbar .top-menu .navbar-nav {
27 
  /* Extended Dropdowns */
28 
  /* Notification */
29 
  /* Inbox */
30 
  /* Tasks */
31 
  /* User */
32 
  /* Language */
33 
  /* Dark version */
34 
}
35 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
36 
  background-color: #3f4457;
37 
}
38 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
39 
  color: #737a99;
40 
}
41 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
42 
  background-color: #5b9bd1;
43 
  color: #5b617d;
44 
}
45 
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
46 
  background-color: #3f4457;
47 
}
48 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
49 
  border-bottom-color: #dce1ec;
50 
}
51 
.page-header.navbar .top-menu .navbar-nav > li.separator {
52 
  background: darker(#f8f9fa, 5%);
53 
}
54 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
55 
  border: 1px solid #dce1ec;
56 
}
57 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
58 
  border-bottom-color: #cbd2e3;
59 
}
60 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
61 
  border-bottom-color: #e3e6f0;
62 
}
63 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
64 
  background: #e3e6f0;
65 
}
66 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
67 
  color: #62878f;
68 
}
69 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
70 
  color: #5b9bd1;
71 
}
72 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
73 
  color: #3175af;
74 
  text-decoration: none;
75 
}
76 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
77 
  border-bottom: 1px solid #EFF2F6 !important;
78 
  color: #888888;
79 
}
80 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
81 
  background: #f8f9fa;
82 
}
83 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
84 
  background: #f1f1f1;
85 
}
86 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
87 
  background: #e4e4e4;
88 
}
89 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
90 
  background-color: #5b9bd1;
91 
  color: #ffffff;
92 
}
93 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
94 
  border-color: transparent transparent transparent #5b9bd1;
95 
}
96 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
97 
  color: #5b9bd1;
98 
}
99 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
100 
  background-color: #dfe2e9;
101 
}
102 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
103 
  color: #aeb2c4;
104 
}
105 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
106 
  color: #aeb2c4;
107 
}
108 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
109 
  width: 195px;
110 
}
111 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
112 
  color: #aeb2c4;
113 
}
114 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
115 
  background: #575d77;
116 
  border: 0;
117 
}
118 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
119 
  border-bottom-color: #575d77;
120 
}
121 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
122 
  background: #464a60;
123 
}
124 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
125 
  color: #cbced9;
126 
}
127 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
128 
  color: #87b6dd;
129 
}
130 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
131 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
132 
  color: #dadce4;
133 
  border-bottom: 1px solid #646b89 !important;
134 
}
135 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
136 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
137 
  color: #bcc0cf;
138 
}
139 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
140 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
141 
  background: #606683;
142 
}
143 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
144 
  border-bottom: 0 !important;
145 
}
146 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
147 
  background: #646b89;
148 
}
149 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
150 
  background: #4c5169;
151 
}
152 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
153 
  background: #41465a;
154 
}
155 
.page-header.navbar .search-form {
156 
  background: #3B3F51;
157 
}
158 
.page-header.navbar .search-form .input-group {
159 
  border: 1px solid #737a99;
160 
}
161 
.page-header.navbar .search-form .input-group:hover {
162 
  border-color: darker(#737a99, 5%);
163 
}
164 
.page-header.navbar .search-form .input-group .form-control {
165 
  color: #737a99;
166 
}
167 
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
168 
  color: #707797;
169 
  opacity: 1;
170 
}
171 
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
172 
  color: #707797;
173 
}
174 
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
175 
  color: #707797;
176 
}
177 
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
178 
  color: #737a99;
179 
}
180 
.page-header.navbar .menu-toggler {
181 
  background-image: url(../../img/sidebar-toggle-light.png);
182 
}
183 
.page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent {
184 
  background: none;
185 
  border: 1px solid #50566f;
186 
  color: #666d8c;
187 
}
188 
.page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent > i {
189 
  color: #666d8c;
190 
}
191 
.page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active {
192 
  background: none;
193 
  border: 1px solid #737a99;
194 
  color: #737a99;
195 
}
196 
.page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover > i, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus > i, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active > i {
197 
  color: #737a99;
198 
}
199 
 
200 
/* Page sidebar */
201 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
202 
.page-sidebar {
203 
  background-color: #ffffff;
204 
  /* Default sidebar */
205 
}
206 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
207 
.page-sidebar .page-sidebar-menu {
208 
  /* 1st level links */
209 
  /* All links */
210 
}
211 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
212 
.page-sidebar .page-sidebar-menu > li.heading > h3 {
213 
  color: #5C9ACF;
214 
}
215 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
216 
.page-sidebar .page-sidebar-menu > li > a {
217 
  color: #678098;
218 
}
219 
@media (max-width: 991px) {
220 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
221 
  .page-sidebar .page-sidebar-menu > li > a {
222 
    /* 991px */
223 
    border-top: 1px solid white;
224 
  }
225 
}
226 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
227 
.page-sidebar .page-sidebar-menu > li > a > i {
228 
  color: #a7bdcd;
229 
}
230 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
231 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
232 
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
233 
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
234 
  color: #b7c9d6;
235 
}
236 
.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,
237 
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
238 
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
239 
  color: #b1c4d2;
240 
}
241 
.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,
242 
.page-sidebar .page-sidebar-menu > li:hover > a,
243 
.page-sidebar .page-sidebar-menu > li.open > a {
244 
  background: #f2f6f9;
245 
  color: #5b9bd1;
246 
}
247 
.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,
248 
.page-sidebar .page-sidebar-menu > li:hover > a > i,
249 
.page-sidebar .page-sidebar-menu > li.open > a > i {
250 
  color: #5b9bd1;
251 
}
252 
.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,
253 
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
254 
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
255 
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
256 
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
257 
  color: #67a2d4;
258 
}
259 
.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,
260 
.page-sidebar .page-sidebar-menu > li.active > a,
261 
.page-sidebar .page-sidebar-menu > li.active.open > a {
262 
  background: #f2f6f9;
263 
  color: #5b9bd1;
264 
}
265 
.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,
266 
.page-sidebar .page-sidebar-menu > li.active > a:hover,
267 
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
268 
  background: #f2f6f9;
269 
}
270 
.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,
271 
.page-sidebar .page-sidebar-menu > li.active > a > i,
272 
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
273 
  color: #5b9bd1;
274 
}
275 
.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,
276 
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
277 
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
278 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
279 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
280 
  color: #67a2d4;
281 
}
282 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
283 
.page-sidebar .page-sidebar-menu > li.active > a {
284 
  border-left: 3px solid #5C9ACF !important;
285 
  margin-left: -3px;
286 
  padding-left: 15px;
287 
}
288 
.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,
289 
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
290 
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
291 
  color: #b1c4d2;
292 
}
293 
.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,
294 
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
295 
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
296 
  color: #67a2d4;
297 
}
298 
.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,
299 
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
300 
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
301 
  color: #67a2d4;
302 
}
303 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
304 
.page-sidebar .page-sidebar-menu:hover .sub-menu {
305 
  background: #FFFFFF;
306 
}
307 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
308 
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
309 
  color: #678098;
310 
}
311 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
312 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
313 
  color: #a7bdcd;
314 
}
315 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
316 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
317 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
318 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
319 
  color: #b7c9d6;
320 
}
321 
.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,
322 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
323 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
324 
  color: #b1c4d2;
325 
}
326 
.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,
327 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
328 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
329 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
330 
  color: #5b9bd1;
331 
  background: #f2f6f9 !important;
332 
}
333 
.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,
334 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
335 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
336 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
337 
  color: #5b9bd1;
338 
}
339 
.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,
340 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
341 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
342 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
343 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
344 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
345 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
346 
  color: #67a2d4;
347 
}
348 
 
349 
/******
350 
Page Footer
351 
******/
352 
.page-footer .page-footer-inner {
353 
  color: #69789E;
354 
}
355 
.page-footer-fixed .page-footer {
356 
  background-color: #e9ecf3;
357 
}
358 
.page-footer-fixed .page-footer .page-footer-inner {
359 
  color: #69789E;
360 
}
361 
 
362 
.page-boxed .page-footer .page-footer-inner {
363 
  color: #69789E;
364 
}
365 
.page-footer-fixed .page-boxed .page-footer {
366 
  background-color: #e9ecf3;
367 
}
368 
 
369 
@media (min-width: 992px) {
370 
  /* 992px */
371 
  /* Sidebar menu closed */
372 
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
373 
    box-shadow: 5px 5px rgba(140, 178, 198, 0.2);
374 
  }
375 
 
376 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
377 
    box-shadow: 5px 5px rgba(140, 178, 198, 0.2);
378 
  }
379 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
380 
    box-shadow: 5px 5px rgba(140, 178, 198, 0.2);
381 
  }
382 
 
383 
  /* Fixed Sidebar */
384 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
385 
    border-bottom: 0;
386 
  }
387 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
388 
    color: #333;
389 
  }
390 
 
391 
  /* Boxed Layout */
392 
  .page-boxed {
393 
    /* Page container */
394 
  }
395 
  .page-boxed .page-container {
396 
    background-color: #e9ecf3;
397 
  }
398 
  .page-boxed.page-sidebar-reversed .page-container {
399 
    border-left: 0;
400 
  }
401 
  .page-boxed.page-sidebar-fixed .page-container {
402 
    border-left: 0;
403 
    border-bottom: 0;
404 
  }
405 
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
406 
    border-left: 0;
407 
    border-right: 0;
408 
    border-bottom: 0;
409 
  }
410 
 
411 
  /* Sidebar Menu Wirh Hoverable Submenu */
412 
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
413 
    border-right: 8px solid #FFFFFF;
414 
  }
415 
  .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
416 
    border-left: 8px solid #FFFFFF;
417 
  }
418 
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
419 
    background: #FFFFFF !important;
420 
  }
421 
}
422 
@media (max-width: 991px) {
423 
  /* 991px */
424 
  .page-header.navbar {
425 
    padding: 0;
426 
    /* Top menu */
427 
  }
428 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
429 
    background-color: #3d4154;
430 
  }
431 
}
432 
@media (max-width: 767px) {
433 
  /* 767px */
434 
  .page-header.navbar {
435 
    background: #3B3F51;
436 
    border-bottom: 1px solid #41465a;
437 
    /* Top menu */
438 
  }
439 
  .page-header.navbar .page-top {
440 
    background: #3B3F51;
441 
  }
442 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
443 
    background-color: #393d4e;
444 
  }
445 
}
446 
/****
447 
 CSS3 Spinner Bar  
448 
****/
449 
.page-spinner-bar > div,
450 
.block-spinner-bar > div {
451 
  background: #6fa7d7;
452 
}