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 
  /* Top notification menu/bar */
7 
  /* Header seaech box */
8 
}
9 
.page-header.navbar .page-logo {
10 
  background: #FB5557;
11 
}
12 
.page-header.navbar .page-top {
13 
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
14 
  background: #ffffff;
15 
}
16 
.page-header.navbar .top-menu .navbar-nav {
17 
  /* Extended Dropdowns */
18 
  /* Notification */
19 
  /* Inbox */
20 
  /* Tasks */
21 
  /* User */
22 
  /* Language */
23 
  /* Dark version */
24 
}
25 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
26 
  background-color: #f9fafc;
27 
}
28 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
29 
  color: #C0CDDC;
30 
}
31 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
32 
  background-color: #FB5557;
33 
  color: #ffffff;
34 
}
35 
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
36 
  background-color: #f9fafc;
37 
}
38 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
39 
  border-bottom-color: #e4e8ee;
40 
}
41 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
42 
  border: 1px solid #e4e8ee;
43 
}
44 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
45 
  border-bottom-color: #d4dae4;
46 
}
47 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
48 
  border-bottom-color: #eaedf2;
49 
}
50 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
51 
  background: #eaedf2;
52 
}
53 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
54 
  color: #62878f;
55 
}
56 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
57 
  color: #5b9bd1;
58 
}
59 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
60 
  color: #3175af;
61 
  text-decoration: none;
62 
}
63 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
64 
  border-bottom: 1px solid #EFF2F6 !important;
65 
  color: #888888;
66 
}
67 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
68 
  background: #f8f9fa;
69 
}
70 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
71 
  background: #f1f1f1;
72 
}
73 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
74 
  background: #e4e4e4;
75 
}
76 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
77 
  background-color: #FB5557;
78 
  color: #ffffff;
79 
}
80 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
81 
  border-color: transparent transparent transparent #FB5557;
82 
}
83 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
84 
  color: #5b9bd1;
85 
}
86 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
87 
  background-color: #dfe2e9;
88 
}
89 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
90 
  color: #7f96ac;
91 
}
92 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
93 
  color: #7f96ac;
94 
}
95 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
96 
  width: 195px;
97 
}
98 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
99 
  color: #7f96ac;
100 
}
101 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
102 
  background: #536470;
103 
  border: 0;
104 
}
105 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
106 
  border-bottom-color: #536470;
107 
}
108 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
109 
  background: #414f59;
110 
}
111 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
112 
  color: #c5ced4;
113 
}
114 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
115 
  color: #87b6dd;
116 
}
117 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
118 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
119 
  color: #d4dadf;
120 
  border-bottom: 1px solid #607482 !important;
121 
}
122 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
123 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
124 
  color: #b6c2c9;
125 
}
126 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
127 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
128 
  background: #5b6f7c;
129 
}
130 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
131 
  border-bottom: 0 !important;
132 
}
133 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
134 
  background: #607482;
135 
}
136 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
137 
  background: #485762;
138 
}
139 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
140 
  background: #3d4a53;
141 
}
142 
.page-header.navbar .search-form {
143 
  background: #fff;
144 
}
145 
.page-header.navbar .search-form .input-group .form-control {
146 
  color: #7f96ac;
147 
}
148 
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
149 
  color: #7c94aa;
150 
  opacity: 1;
151 
}
152 
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
153 
  color: #7c94aa;
154 
}
155 
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
156 
  color: #7c94aa;
157 
}
158 
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
159 
  color: #7f96ac;
160 
}
161 
 
162 
/* Page sidebar */
163 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
164 
.page-sidebar {
165 
  background-color: #3D4A53;
166 
  /* Default sidebar */
167 
}
168 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
169 
.page-sidebar .page-sidebar-menu {
170 
  /* 1st level links */
171 
  /* All links */
172 
}
173 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
174 
.page-sidebar .page-sidebar-menu > li > a {
175 
  border-top: 1px solid #43525c;
176 
  color: #dce2e6;
177 
}
178 
@media (max-width: 991px) {
179 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
180 
  .page-sidebar .page-sidebar-menu > li > a {
181 
    /* 991px */
182 
    border-top: 1px solid #4e5f6b;
183 
  }
184 
}
185 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
186 
.page-sidebar .page-sidebar-menu > li > a > i {
187 
  color: #019660;
188 
}
189 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
190 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
191 
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
192 
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
193 
  color: #01b070;
194 
}
195 
.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,
196 
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
197 
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
198 
  color: #576976;
199 
}
200 
.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,
201 
.page-sidebar .page-sidebar-menu > li:hover > a,
202 
.page-sidebar .page-sidebar-menu > li.open > a {
203 
  background: #37424a;
204 
  color: #fafbfb;
205 
}
206 
.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,
207 
.page-sidebar .page-sidebar-menu > li:hover > a > i,
208 
.page-sidebar .page-sidebar-menu > li.open > a > i {
209 
  color: #01b070;
210 
}
211 
.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,
212 
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
213 
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
214 
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
215 
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
216 
  color: #01b070;
217 
}
218 
.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,
219 
.page-sidebar .page-sidebar-menu > li.active > a,
220 
.page-sidebar .page-sidebar-menu > li.active.open > a {
221 
  background: #344047;
222 
  color: white;
223 
}
224 
.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,
225 
.page-sidebar .page-sidebar-menu > li.active > a:hover,
226 
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
227 
  background: #39454d;
228 
}
229 
.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,
230 
.page-sidebar .page-sidebar-menu > li.active > a > i,
231 
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
232 
  color: #fb5f61;
233 
}
234 
.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,
235 
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
236 
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
237 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
238 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
239 
  color: #f3f5f6;
240 
}
241 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
242 
.page-sidebar .page-sidebar-menu > li:last-child > a {
243 
  border-bottom: 1px solid transparent !important;
244 
}
245 
.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,
246 
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
247 
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
248 
  color: #576976;
249 
}
250 
.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,
251 
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
252 
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
253 
  color: #01b070;
254 
}
255 
.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,
256 
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
257 
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
258 
  color: #f3f5f6;
259 
}
260 
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
261 
.page-sidebar .page-sidebar-menu:hover .sub-menu {
262 
  background: #303a41;
263 
}
264 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
265 
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
266 
  color: #ced5db;
267 
}
268 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
269 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
270 
  color: #768b9a;
271 
}
272 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
273 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
274 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
275 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
276 
  color: #8497a5;
277 
}
278 
.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,
279 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
280 
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
281 
  color: #576976;
282 
}
283 
.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,
284 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
285 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
286 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
287 
  background: #37424a !important;
288 
}
289 
.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,
290 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
291 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
292 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
293 
  color: #01b070;
294 
  color: #b0bdc5;
295 
}
296 
.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,
297 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
298 
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
299 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
300 
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
301 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
302 
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
303 
  color: #01b070;
304 
}
305 
 
306 
/******
307 
Page Footer
308 
******/
309 
.page-footer .page-footer-inner {
310 
  color: #bfc9d0;
311 
}
312 
.page-footer-fixed .page-footer {
313 
  background-color: #cdd2cf;
314 
}
315 
.page-footer-fixed .page-footer .page-footer-inner {
316 
  color: #121618;
317 
}
318 
 
319 
.page-boxed .page-footer .page-footer-inner {
320 
  color: #121618;
321 
}
322 
.page-footer-fixed .page-boxed .page-footer {
323 
  background-color: #cdd2cf;
324 
}
325 
 
326 
@media (min-width: 992px) {
327 
  /* 992px */
328 
  /* Sidebar menu closed */
329 
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
330 
    box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
331 
  }
332 
 
333 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
334 
    box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
335 
  }
336 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
337 
    box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
338 
  }
339 
 
340 
  /* Fixed Sidebar */
341 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
342 
    border-bottom: 0;
343 
  }
344 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
345 
    background-color: #F1F3FA;
346 
  }
347 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
348 
    color: #333;
349 
  }
350 
 
351 
  /* Boxed Layout */
352 
  .page-boxed {
353 
    background-color: #c5cbc7 !important;
354 
    /* Page container */
355 
  }
356 
  .page-boxed .page-container {
357 
    background-color: #3D4A53;
358 
  }
359 
  .page-boxed.page-sidebar-reversed .page-container {
360 
    border-left: 0;
361 
  }
362 
  .page-boxed.page-sidebar-fixed .page-container {
363 
    border-left: 0;
364 
    border-bottom: 0;
365 
  }
366 
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
367 
    border-left: 0;
368 
    border-right: 0;
369 
    border-bottom: 0;
370 
  }
371 
 
372 
  /* Sidebar Menu Wirh Hoverable Submenu */
373 
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
374 
    border-right: 8px solid #303a41;
375 
  }
376 
  .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
377 
    border-left: 8px solid #303a41;
378 
  }
379 
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
380 
    background: #303a41 !important;
381 
  }
382 
}
383 
@media (max-width: 991px) {
384 
  /* 991px */
385 
  .page-container {
386 
    background: #F1F3FA;
387 
  }
388 
 
389 
  .page-header.navbar {
390 
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
391 
    padding: 0;
392 
    /* Top menu */
393 
  }
394 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
395 
    background-color: #f6f7fa;
396 
  }
397 
  .page-header.navbar .page-top {
398 
    box-shadow: none;
399 
  }
400 
}
401 
@media (max-width: 480px) {
402 
  /* 480px */
403 
  .page-header.navbar {
404 
    background: #FB5557;
405 
    /* Top menu */
406 
  }
407 
  .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
408 
    background-color: #eff1f6;
409 
  }
410 
}
411 
/****
412 
 CSS3 Spinner Bar  
413 
****/
414 
.page-spinner-bar > div,
415 
.block-spinner-bar > div {
416 
  background: #fc6e70;
417 
}
418 
 
419 
/****
420 
Boby
421 
****/
422 
body {
423 
  background-color: #3D4A53;
424 
}
425 
 
426 
body.page-boxed {
427 
  background-color: #cdd2cf;
428 
}