Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
@media print {
2
  body {
3
    background-color: #fff !important;
4
  }
5
 
6
  .page-bar {
7
    display: none;
8
  }
9
 
10
  .page-sidebar-wrapper {
11
    display: none;
12
  }
13
 
14
  .page-quick-sidebar-wrapper {
15
    display: none;
16
  }
17
 
18
  .theme-panel {
19
    display: none;
20
  }
21
 
22
  .hidden-print {
23
    display: none;
24
  }
25
 
26
  .page-footer {
27
    display: none;
28
  }
29
 
30
  .no-page-break {
31
    page-break-after: avoid;
32
  }
33
 
34
  .page-container {
35
    margin: 0px !important;
36
    padding: 0px !important;
37
  }
38
 
39
  .page-content {
40
    padding: 0 !important;
41
    min-height: 300px !important;
42
    padding: 0px 20px 20px !important;
43
    margin: 0 !important;
44
  }
45
}
46
/***
47
Page Header
48
***/
49
.page-header.navbar {
50
  width: 100%;
51
  padding: 0 20px 0 20px;
52
  margin: 0;
53
  border: 0px;
54
  padding: 0px;
55
  box-shadow: none;
56
  height: 46px;
57
  min-height: 46px;
58
  filter: none;
59
  background-image: none;
60
  /* Fixed header */
61
  /* Header logo */
62
  /* Search box */
63
  /* Menu Toggler */
64
  /* Top menu */
65
  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
66
}
67
.page-header.navbar.navbar-fixed-top {
68
  z-index: 9995;
69
  background-color: rgb(255, 255, 255);
70
}
71
.page-header.navbar.navbar-static-top {
72
  z-index: 9995;
73
}
74
.page-header.navbar .page-logo {
75
  float: left;
76
  display: block;
77
  width: 200px;
78
  height: 46px;
79
  padding-left: 20px;
80
  padding-right: 20px;
81
}
82
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
83
  padding: 0;
84
}
85
.page-header.navbar .page-logo > .logo-image,
86
.page-header.navbar .page-logo > a {
87
  display: inline-block;
88
  float: left;
89
}
90
.page-header.navbar .page-logo .logo-default {
91
  margin: 8px 0 0 0;
92
}
93
.page-header.navbar .page-logo .logo-mini {
94
  display: none;
95
  margin-left: 5px;
96
}
97
.page-header.navbar .page-logo .text-logo {
98
  padding-left: 20px;
99
  padding-top: 12px;
100
}
101
.page-header.navbar .search-form {
102
  display: inline-block;
103
  width: 46px;
104
  position: relative;
105
  float: left;
106
  transition: all 0.6s;
107
}
108
.page-header.navbar .search-form .input-group .form-control {
109
  height: 46px;
110
  border: 0;
111
  background: transparent !important;
112
  font-size: 13px;
113
  padding-left: 0;
114
  margin-left: 12px;
115
  text-indent: -150000px;
116
}
117
.page-header.navbar .search-form .input-group .form-control:hover {
118
  cursor: pointer;
119
}
120
.page-header.navbar .search-form .input-group .input-group-btn {
121
  height: 46px;
122
}
123
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit {
124
  margin-left: -24px;
125
  padding: 0;
126
  width: 46px;
127
  background: none;
128
  margin-top: 4px;
129
  display: block;
130
}
131
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
132
  font-size: 15px;
133
}
134
.page-header.navbar .search-form.open {
135
  transition: all 0.6s;
136
  width: 300px !important;
137
}
138
.page-header.navbar .search-form.open .input-group .form-control {
139
  text-indent: 0;
140
}
141
.page-header.navbar .search-form.open .input-group .form-control:hover {
142
  cursor: text;
143
}
144
.page-header.navbar .search-form.open .input-group .input-group-btn .btn.submit {
145
  margin-left: 0;
146
}
147
.page-header.navbar .menu-toggler {
148
  display: block;
149
  cursor: pointer;
150
  opacity: 0.7;
151
  filter: alpha(opacity=70);
152
  width: 24px;
153
  height: 24px;
154
  background-repeat: no-repeat;
155
  background-position: center center;
156
}
157
.page-header.navbar .menu-toggler:hover {
158
  filter: alpha(opacity=100);
159
  opacity: 1;
160
}
161
.page-header.navbar .menu-toggler.sidebar-toggler {
162
  float: right;
163
  margin: 11px 0 0 0;
164
}
165
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
166
  margin-right: 10.5px;
167
}
168
.page-header.navbar .menu-toggler.responsive-toggler {
169
  display: none;
170
  float: right;
171
  margin: 11px 6px 0 6px;
172
}
173
.page-header.navbar .top-menu {
174
  margin: 0;
175
  padding: 0;
176
  float: right;
177
}
178
.page-header.navbar .top-menu .navbar-nav {
179
  padding: 0;
180
  margin-right: 20px;
181
  display: block;
182
  /* Extended Dropdowns */
183
  /* Notification */
184
  /* Inbox */
185
  /* Tasks */
186
  /* User */
187
  /* Language */
188
  /* Dark version */
189
}
190
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
191
  margin: 0px;
192
  padding: 0px 4px;
193
  height: 46px;
194
  display: inline-block;
195
}
196
.page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child {
197
  padding-right: 0px;
198
}
199
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
200
  margin: 0px;
201
  padding: 17px 10px 9px 10px;
202
}
203
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
204
  padding-right: 0;
205
}
206
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
207
  font-size: 17px;
208
}
209
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon {
210
  font-size: 16px;
211
}
212
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
213
  font-family: "Open Sans", sans-serif;
214
  position: absolute;
215
  top: 10px;
216
  right: 20px;
217
  font-weight: 300px;
218
  padding: 3px 6px;
219
}
220
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
221
  background: none;
222
}
223
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
224
  margin-top: 3px;
225
  -webkit-border-radius: 4px;
226
  -moz-border-radius: 4px;
227
  -ms-border-radius: 4px;
228
  -o-border-radius: 4px;
229
  border-radius: 4px;
230
}
231
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
232
  position: absolute;
233
  top: -7px;
234
  right: 9px;
235
  display: inline-block !important;
236
  border-right: 7px solid transparent;
237
  border-bottom: 7px solid #eee;
238
  border-left: 7px solid transparent;
239
  border-bottom-color: rgba(0, 0, 0, 0.2);
240
  content: '';
241
}
242
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
243
  position: absolute;
244
  top: -6px;
245
  right: 10px;
246
  display: inline-block !important;
247
  border-right: 6px solid transparent;
248
  border-bottom: 6px solid #fff;
249
  border-left: 6px solid transparent;
250
  content: '';
251
}
252
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
253
  color: #555;
254
}
255
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
256
  min-width: 160px;
257
  max-width: 275px;
258
  width: 275px;
259
  z-index: 9995;
260
  /* header notifications dropdowns */
261
}
262
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
263
  display: block;
264
  overflow: hidden;
265
  padding: 15px 15px;
266
  letter-spacing: 0.5px;
267
  -webkit-border-radius: 4px 4px 0 0;
268
  -moz-border-radius: 4px 4px 0 0;
269
  -ms-border-radius: 4px 4px 0 0;
270
  -o-border-radius: 4px 4px 0 0;
271
  border-radius: 4px 4px 0 0;
272
}
273
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
274
  margin: 0;
275
  padding: 0;
276
  float: left;
277
  font-size: 13px;
278
  display: inline-block;
279
}
280
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
281
  display: inline-block;
282
  padding: 0;
283
  background: none;
284
  clear: inherit;
285
  font-size: 13px;
286
  font-weight: 300;
287
  position: absolute;
288
  right: 10px;
289
  border: 0;
290
  margin-top: -1px;
291
}
292
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
293
  text-decoration: underline;
294
}
295
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
296
  padding-right: 0 !important;
297
  padding-left: 0;
298
  list-style: none;
299
}
300
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
301
  display: block;
302
  clear: both;
303
  font-weight: 300;
304
  line-height: 20px;
305
  white-space: normal;
306
  font-size: 13px;
307
  padding: 16px 15px 18px;
308
  text-shadow: none;
309
}
310
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
311
  opacity: 1;
312
  filter: alpha(opacity=100);
313
}
314
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
315
  border-top: none;
316
}
317
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
318
  overflow: hidden;
319
}
320
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
321
  margin-right: 10px;
322
  -webkit-border-radius: 50%;
323
  -moz-border-radius: 50%;
324
  -ms-border-radius: 50%;
325
  -o-border-radius: 50%;
326
  border-radius: 50%;
327
}
328
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
329
  margin-right: 2px;
330
  margin-left: 1px;
331
}
332
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
333
  right: 15px;
334
}
335
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
336
  float: right;
337
  max-width: 75px;
338
  font-size: 11px;
339
  font-weight: 400;
340
  opacity: 0.7;
341
  filter: alpha(opacity=70);
342
  text-align: right;
343
  padding: 1px 5px;
344
}
345
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
346
  float: left;
347
  margin: 0 6px 6px 0;
348
}
349
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
350
  height: 40px;
351
  width: 40px;
352
  -webkit-border-radius: 50% !important;
353
  -moz-border-radius: 50% !important;
354
  -ms-border-radius: 50% !important;
355
  -o-border-radius: 50% !important;
356
  border-radius: 50% !important;
357
}
358
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
359
  display: block;
360
  margin-left: 46px;
361
}
362
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
363
  font-size: 13px;
364
  font-weight: 600;
365
}
366
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
367
  font-size: 12px;
368
  font-weight: 400;
369
  opacity: 0.5;
370
  filter: alpha(opacity=50);
371
  float: right;
372
}
373
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
374
  display: block !important;
375
  font-size: 12px;
376
  line-height: 1.3;
377
  margin-left: 46px;
378
}
379
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
380
  margin-bottom: 5px;
381
}
382
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
383
  font-size: 13px;
384
  font-weight: 300;
385
}
386
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
387
  float: right;
388
  font-weight: 600;
389
  display: inline-block;
390
}
391
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
392
  display: block;
393
  height: 8px;
394
  margin: 8px 0 2px;
395
}
396
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
397
  box-shadow: none;
398
}
399
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
400
  padding: 14px 6px 12px 8px;
401
}
402
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
403
  display: inline-block;
404
  font-size: 13px;
405
  font-weight: 300;
406
}
407
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
408
  float: left;
409
  margin-top: -5px;
410
  margin-right: 5px;
411
  height: 29px;
412
  display: inline-block;
413
}
414
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
415
  display: inline-block;
416
  margin-top: 5px;
417
  margin: 0;
418
  font-size: 13px;
419
}
420
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
421
  width: 175px;
422
}
423
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
424
  font-size: 14px;
425
  font-weight: 300;
426
}
427
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
428
  width: 15px;
429
  display: inline-block;
430
  margin-right: 9px;
431
}
432
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
433
  margin-right: 10px;
434
}
435
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language {
436
  padding-left: 0;
437
  padding-right: 0;
438
  margin: 0;
439
}
440
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
441
  padding: 14px 3px 12px 7px;
442
}
443
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
444
  margin-bottom: 2px;
445
}
446
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
447
  font-size: 14px;
448
}
449
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
450
  font-size: 13px;
451
}
452
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
453
  margin-bottom: 2px;
454
  margin-right: 5px;
455
}
456
.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
457
  border-left: none;
458
  border-right: none;
459
}
460
.page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
461
  background: none !important;
462
  border: none !important;
463
}
464
 
465
/* Allow expanded search for above 768px */
466
@media (min-width: 768px) {
467
  /* 768px */
468
  .page-header.navbar {
469
    /* Search box */
470
  }
471
  .page-header.navbar .search-form.search-form-expanded {
472
    width: 200px;
473
  }
474
  .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
475
    text-indent: 0;
476
  }
477
  .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
478
    cursor: text;
479
  }
480
  .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
481
    margin-left: 0;
482
  }
483
}
484
/***
485
Horizontal Menu
486
***/
487
.page-header.navbar {
488
  /* Header container */
489
  /* Mega menu */
490
}
491
.page-header.navbar .container {
492
  position: relative;
493
}
494
.page-header.navbar .hor-menu {
495
  margin: 0 0 0 -17px;
496
  margin: 0;
497
  float: left;
498
}
499
.page-header.navbar .hor-menu .navbar-nav {
500
  position: static;
501
  /* Mega menu */
502
  /* Mega Menu Dropdown */
503
  /* Classic menu */
504
}
505
.page-header.navbar .hor-menu .navbar-nav.navbar-right .dropdown-menu {
506
  left: auto;
507
  right: 0;
508
}
509
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown {
510
  position: static;
511
}
512
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
513
  left: auto;
514
  width: auto;
515
}
516
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
517
  font-family: "Open Sans", sans-serif;
518
  padding: 15px;
519
  margin: 0;
520
}
521
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content {
522
  padding: 10px 18px 10px 45px;
523
}
524
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
525
  padding: 0;
526
  margin: 0;
527
}
528
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
529
  border-right: 0;
530
}
531
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
532
  padding: 1px !important;
533
  margin: 0 !important;
534
  list-style: none;
535
}
536
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
537
  margin-top: 5px;
538
  padding-left: 6px;
539
  font-size: 15px;
540
  font-weight: 400;
541
}
542
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
543
  white-space: normal;
544
  font-family: "Open Sans", sans-serif;
545
  padding: 7px;
546
  margin: 0;
547
  font-size: 14px;
548
  font-weight: 300;
549
}
550
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify {
551
  padding: 7px 7px 7px 30px;
552
}
553
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i {
554
  position: absolute;
555
  top: auto !important;
556
  margin-left: -24px;
557
  font-size: 15px;
558
  margin-top: 3px !important;
559
}
560
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge,
561
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label {
562
  margin-left: 5px;
563
}
564
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
565
  left: 20px;
566
  right: 20px;
567
}
568
.page-header.navbar .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after, .page-header.navbar .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before {
569
  display: none !important;
570
}
571
.page-header.navbar .hor-menu .navbar-nav > li > a {
572
  font-size: 14px;
573
  font-weight: 400;
574
  padding: 13px 13px;
575
}
576
.page-header.navbar .hor-menu .navbar-nav > li > a:focus {
577
  background: none !important;
578
}
579
.page-header.navbar .hor-menu .navbar-nav > li.current .selected, .page-header.navbar .hor-menu .navbar-nav > li.active .selected {
580
  left: 50%;
581
  bottom: 0;
582
  position: absolute;
583
  border-left: 6px solid transparent;
584
  border-right: 6px solid transparent;
585
  border-top: 6px solid transparent;
586
  display: inline-block;
587
  margin: 0;
588
  width: 0;
589
  height: 0px;
590
  margin-left: -7px;
591
  margin-bottom: -6px;
592
}
593
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
594
  margin-top: 0;
595
  border: none;
596
}
597
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
598
  font-family: "Open Sans", sans-serif;
599
  font-size: 14px;
600
  font-weight: 300;
601
  padding: 9px 10px;
602
  white-space: normal;
603
}
604
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a .label,
605
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a .badge {
606
  font-weight: 300;
607
}
608
.page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
609
  min-width: 195px;
610
  max-width: 200px;
611
}
612
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > .dropdown-menu {
613
  top: 0;
614
}
615
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
616
  top: 9px;
617
  right: 10px;
618
}
619
 
620
/* Form medium devices upto large devices */
621
@media (min-width: 992px) and (max-width: 1200px) {
622
  /* 992px 1200px */
623
  /* Boxed layout */
624
  .page-boxed .page-header.navbar {
625
    /* Top menu */
626
  }
627
  .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
628
    display: none;
629
  }
630
  .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
631
    display: none;
632
  }
633
}
634
@media (min-width: 992px) {
635
  /* 992px */
636
  /* Page header */
637
  .page-header.navbar {
638
    /* Header logo */
639
  }
640
  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
641
    padding: 0;
642
  }
643
  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
644
    width: 45px;
645
  }
646
  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
647
    display: none;
648
  }
649
 
650
  /* Boxed Layout */
651
  .page-boxed .page-header.navbar {
652
    /* Page logo */
653
    /* Top menu */
654
  }
655
  .page-boxed .page-header.navbar .page-logo {
656
    width: 236px;
657
  }
658
  .page-boxed .page-header.navbar .top-menu .navbar-nav {
659
    margin-right: 0px;
660
  }
661
 
662
  /* Sidebar closed & logo hidden */
663
  .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar {
664
    /* Page logo */
665
  }
666
  .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
667
    width: 46px;
668
  }
669
 
670
  /* Boxed layout & page sidebar fixed layout */
671
  .page-boxed.page-sidebar-fixed .page-header.navbar {
672
    /* Page logo */
673
  }
674
  .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
675
    width: 200px;
676
  }
677
}
678
@media (max-width: 991px) {
679
  /* 991px */
680
  /* Page header */
681
  .page-header.navbar {
682
    padding: 0 20px 0 20px;
683
    position: relative;
684
    clear: both;
685
    /* Page logo */
686
    /* Menu Toggler */
687
    /* Top Menu */
688
  }
689
  .page-header.navbar .page-logo {
690
    width: auto;
691
    padding: 0;
692
    margin-right: 10px;
693
    margin-left: 0px !important;
694
    padding-left: 0px !important;
695
  }
696
  .page-header.navbar .page-logo img {
697
    margin-left: 4px !important;
698
  }
699
  .page-header.navbar .menu-toggler.sidebar-toggler {
700
    display: none !important;
701
  }
702
  .page-header.navbar .menu-toggler.responsive-toggler {
703
    display: inline-block;
704
  }
705
  .page-header.navbar .top-menu .navbar-nav {
706
    display: inline-block;
707
    margin: 0 10px 0 0;
708
  }
709
  .page-header.navbar .top-menu .navbar-nav > li {
710
    float: left;
711
  }
712
  .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
713
    display: inline-block;
714
    position: relative;
715
    top: 1px;
716
    right: 0px;
717
  }
718
  .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
719
    position: absolute;
720
  }
721
 
722
  /* Fixed header for mobile */
723
  .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
724
    position: fixed;
725
  }
726
 
727
  /* Boxed Layout */
728
  .page-boxed .page-header.navbar > .container {
729
    max-width: none !important;
730
    margin: 0 !important;
731
    padding: 0 !important;
732
  }
733
}
734
@media (min-width: 768px) and (max-width: 991px) {
735
  /* 768px & 991px */
736
  /* Boxed Layout */
737
  .page-boxed .page-header.navbar {
738
    margin: auto !important;
739
    padding: 0;
740
  }
741
  .page-boxed .page-header.navbar > .container {
742
    margin: auto !important;
743
  }
744
}
745
@media (max-width: 767px) {
746
  /* 767px */
747
  /* Page header */
748
  .page-header.navbar {
749
    padding: 0 10px 0 10px;
750
    /* Header logo */
751
    /* Search box */
752
    /* Top navigation menu*/
753
  }
754
  .page-header.navbar .page-logo {
755
    width: auto;
756
  }
757
  .page-header.navbar .search-form.open {
758
    z-index: 3;
759
    left: 10px;
760
    right: 10px;
761
    position: absolute;
762
    width: auto !important;
763
  }
764
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
765
    max-width: 255px;
766
    width: 255px;
767
  }
768
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
769
    margin-right: -190px;
770
  }
771
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
772
    margin-right: 190px;
773
  }
774
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
775
    margin-right: -150px;
776
  }
777
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
778
    margin-right: 150px;
779
  }
780
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
781
    margin-right: -110px;
782
  }
783
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
784
    margin-right: 110px;
785
  }
786
}
787
@media (max-width: 580px) {
788
  /* Page header */
789
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
790
    display: none;
791
  }
792
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
793
    display: none;
794
  }
795
}
796
@media (max-width: 480px) {
797
  /* 480px */
798
  /* Fixed header for mobile */
799
  .page-header-fixed.page-header-fixed-mobile .page-header.navbar {
800
    height: 92px;
801
  }
802
 
803
  .page-header.navbar {
804
    /* Top menu */
805
  }
806
  .page-header.navbar .top-menu {
807
    display: block;
808
    clear: both;
809
  }
810
  .page-header.navbar .top-menu .navbar-nav {
811
    margin-right: 0;
812
  }
813
  .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
814
    padding: 17px 6px 9px 6px;
815
  }
816
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
817
    padding: 14px 4px 12px 2px;
818
  }
819
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
820
    padding: 14px 0px 12px 2px;
821
  }
822
}
823
/***
824
Pace - Page Progress
825
***/
826
.pace .pace-progress {
827
  z-index: 10000;
828
  top: 44px;
829
  height: 2px;
830
}
831
 
832
.pace .pace-progress-inner {
833
  box-shadow: none;
834
}
835
 
836
.pace .pace-activity {
837
  top: 48px;
838
  right: 22px;
839
  border-radius: 10px !important;
840
}
841
 
842
@media (max-width: 480px) {
843
  /* 480px */
844
  .page-header-fixed .pace .pace-progress {
845
    top: 92px;
846
  }
847
 
848
  .page-header-fixed .pace .pace-activity {
849
    top: 188px;
850
    right: 15px;
851
  }
852
}
853
/***
854
Page container
855
***/
856
.page-container {
857
  margin: 0px;
858
  padding: 0px;
859
  position: relative;
860
  /* Fixed header */
861
  /* Fixed footer for mobile */
862
}
863
.page-container:before, .page-container:after {
864
  content: " ";
865
  display: table;
866
}
867
.page-container:after {
868
  clear: both;
869
}
870
.page-header-fixed .page-container {
871
  margin-top: 46px;
872
}
873
.page-footer-fixed.page-footer-fixed-mobile .page-container {
874
  margin-bottom: 20px !important;
875
}
876
 
877
@media (min-width: 992px) {
878
  /* Page container in fixed footer */
879
  .page-footer-fixed .page-container {
880
    margin-bottom: 20px !important;
881
  }
882
}
883
@media (max-width: 991px) {
884
  /* Page container */
885
  .page-container {
886
    margin: 0 !important;
887
    padding: 0 !important;
888
  }
889
  .page-header-fixed.page-header-fixed-mobile .page-container {
890
    margin-top: 46px !important;
891
  }
892
}
893
@media (max-width: 480px) {
894
  /* Page container */
895
  .page-header-fixed.page-header-fixed-mobile .page-container {
896
    margin-top: 92px !important;
897
  }
898
}
899
/***
900
Page sidebar
901
***/
902
/* IE8 fix */
903
.ie8 .page-sidebar {
904
  width: 200px;
905
  float: left;
906
  position: relative;
907
  margin-right: -100%;
908
}
909
 
910
/* Page Sidebar */
911
.page-sidebar,
912
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
913
  /* Default sidebar menu */
914
  /* light sidebar menu */
915
}
916
.page-sidebar.navbar-collapse,
917
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {
918
  padding: 0;
919
  box-shadow: none;
920
}
921
.page-sidebar .page-sidebar-menu,
922
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
923
  list-style: none;
924
  margin: 0;
925
  padding: 0;
926
  /* 1st level links */
927
  /* all links */
928
}
929
.page-sidebar .page-sidebar-menu > li,
930
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
931
  display: block;
932
  margin: 0;
933
  padding: 0;
934
  border: 0px;
935
}
936
.page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper,
937
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper,
938
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper {
939
  border: 0 !important;
940
}
941
.page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper:before, .page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper:after, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper:before, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper:after,
942
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper:before,
943
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper:after,
944
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper:before,
945
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper:after {
946
  content: " ";
947
  display: table;
948
}
949
.page-sidebar .page-sidebar-menu > li.sidebar-toggler-wrapper:after, .page-sidebar .page-sidebar-menu > li.sidebar-search-wrapper:after,
950
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-toggler-wrapper:after,
951
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.sidebar-search-wrapper:after {
952
  clear: both;
953
}
954
.page-sidebar .page-sidebar-menu > li.start > a,
955
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.start > a {
956
  border-top-color: transparent !important;
957
}
958
.page-sidebar .page-sidebar-menu > li.last > a,
959
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.last > a {
960
  border-bottom-color: transparent !important;
961
}
962
.page-sidebar .page-sidebar-menu > li > a,
963
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
964
  display: block;
965
  position: relative;
966
  margin: 0;
967
  border: 0px;
968
  padding: 10px 15px;
969
  text-decoration: none;
970
  font-size: 14px;
971
  font-weight: 300;
972
}
973
.page-sidebar .page-sidebar-menu > li > a > i,
974
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
975
  font-size: 16px;
976
  margin-right: 5px;
977
  text-shadow: none;
978
}
979
.page-sidebar .page-sidebar-menu > li > a > i.glyphicon,
980
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.glyphicon {
981
  top: 3px;
982
  margin-left: 1px;
983
  margin-right: 4px;
984
}
985
.page-sidebar .page-sidebar-menu > li > a > [class^="icon-"],
986
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^="icon-"] {
987
  top: 2px;
988
  margin-left: 1px;
989
  margin-right: 4px;
990
}
991
.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-fixed
992
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
993
  transition: all 0.2s ease;
994
}
995
.page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-reversed.page-sidebar-fixed
996
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
997
  transition: none;
998
}
999
.page-sidebar .page-sidebar-menu > li.heading,
1000
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading {
1001
  padding: 15px 15px 15px 15px;
1002
}
1003
.page-sidebar .page-sidebar-menu > li.heading > h3,
1004
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
1005
  margin: 0;
1006
  padding: 0;
1007
  font-size: 14px;
1008
  font-weight: 300;
1009
}
1010
.page-sidebar .page-sidebar-menu > li.heading + li > a,
1011
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading + li > a {
1012
  border-top: 0;
1013
}
1014
.page-sidebar .page-sidebar-menu > li.open > a,
1015
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
1016
  font-size: 14px;
1017
}
1018
.page-sidebar .page-sidebar-menu > li.active > a,
1019
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
1020
  border: none;
1021
  text-shadow: none;
1022
  font-size: 14px;
1023
}
1024
.page-sidebar .page-sidebar-menu > li.active > a > .selected,
1025
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
1026
  display: block;
1027
  background-image: none;
1028
  /* will be set in a theme css file*/
1029
  float: right;
1030
  position: absolute;
1031
  right: 0px;
1032
  top: 8px;
1033
  background: none;
1034
  width: 0;
1035
  height: 0;
1036
  border-top: 12px solid transparent;
1037
  border-bottom: 12px solid transparent;
1038
  border-right: 12px solid #ffffff;
1039
}
1040
.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
1041
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
1042
  right: auto;
1043
  left: 0;
1044
  border-right: 0;
1045
  border-left: 8px solid #ffffff;
1046
}
1047
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid
1048
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
1049
  border-color: transparent #F1F3FA transparent transparent;
1050
}
1051
.page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed
1052
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
1053
  border-color: transparent transparent transparent #F1F3FA;
1054
}
1055
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
1056
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
1057
  float: right;
1058
  width: 10px;
1059
  text-align: center;
1060
  margin-top: -1px;
1061
  margin-right: 5px;
1062
  margin-left: 5px;
1063
  display: inline;
1064
  font-size: 16px;
1065
  font-family: FontAwesome;
1066
  height: auto;
1067
  content: "\f104";
1068
  font-weight: 300;
1069
  text-shadow: none;
1070
}
1071
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before,
1072
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before {
1073
  content: "\f107";
1074
}
1075
.page-sidebar .page-sidebar-menu li > a > .badge,
1076
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge {
1077
  float: right;
1078
  margin-top: 1px;
1079
  margin-right: 0px;
1080
}
1081
.page-sidebar .page-sidebar-menu .sub-menu,
1082
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
1083
  list-style: none;
1084
  display: none;
1085
  padding: 0;
1086
  margin: 8px 0px 8px 0px;
1087
}
1088
.page-sidebar .page-sidebar-menu .sub-menu li,
1089
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
1090
  background: none;
1091
  margin: 0px;
1092
  padding: 0px;
1093
  margin-top: 1px !important;
1094
  /* 2nd level sub menu */
1095
}
1096
.page-sidebar .page-sidebar-menu .sub-menu li > a,
1097
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
1098
  display: block;
1099
  margin: 0;
1100
  padding: 6px 15px 6px 43px;
1101
  text-decoration: none;
1102
  font-size: 14px;
1103
  font-weight: 300;
1104
  background: none;
1105
}
1106
.page-sidebar .page-sidebar-menu .sub-menu li > a > i,
1107
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
1108
  font-size: 14px;
1109
}
1110
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu,
1111
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu {
1112
  margin: 0;
1113
}
1114
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li,
1115
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li {
1116
  /* 3rd level sub menu */
1117
}
1118
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a,
1119
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a {
1120
  padding-left: 60px;
1121
}
1122
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu,
1123
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu {
1124
  margin: 0;
1125
}
1126
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a,
1127
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a {
1128
  padding-left: 80px;
1129
}
1130
.page-sidebar .page-sidebar-menu li.active > .sub-menu,
1131
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu {
1132
  display: block;
1133
}
1134
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a,
1135
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a {
1136
  border: 0;
1137
  margin: 0;
1138
  padding-left: 11px;
1139
  border-left: 4px solid transparent;
1140
}
1141
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
1142
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
1143
  margin: 0;
1144
  padding: 1px 0;
1145
}
1146
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li > a,
1147
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li > a {
1148
  padding-top: 8px;
1149
  padding-bottom: 8px;
1150
}
1151
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li:first-child,
1152
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu li:first-child {
1153
  margin-top: 0 !important;
1154
}
1155
.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a, .page-sidebar-reversed
1156
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a {
1157
  padding-left: 15px;
1158
  padding-right: 11px;
1159
  border-left: 0;
1160
  border-right: 4px solid transparent;
1161
}
1162
.page-sidebar .sidebar-toggler,
1163
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
1164
  display: block;
1165
  cursor: pointer;
1166
  opacity: 0.7;
1167
  filter: alpha(opacity=70);
1168
  width: 30px;
1169
  height: 27px;
1170
  margin-top: 15px;
1171
  margin-right: 19px;
1172
  float: right;
1173
  -webkit-border-radius: 4px;
1174
  -moz-border-radius: 4px;
1175
  -ms-border-radius: 4px;
1176
  -o-border-radius: 4px;
1177
  border-radius: 4px;
1178
}
1179
.page-sidebar .sidebar-toggler:hover,
1180
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover {
1181
  filter: alpha(opacity=100);
1182
  opacity: 1;
1183
}
1184
.page-sidebar .sidebar-search,
1185
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search {
1186
  padding: 0;
1187
  margin: 22px 18px 22px 18px;
1188
}
1189
.page-sidebar .sidebar-search .remove,
1190
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .remove {
1191
  display: none;
1192
}
1193
.page-sidebar .sidebar-search .remove > i,
1194
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .remove > i {
1195
  font-size: 16px;
1196
}
1197
.page-sidebar .sidebar-search .input-group,
1198
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group {
1199
  -webkit-border-radius: 4px;
1200
  -moz-border-radius: 4px;
1201
  -ms-border-radius: 4px;
1202
  -o-border-radius: 4px;
1203
  border-radius: 4px;
1204
}
1205
.page-sidebar .sidebar-search .input-group .form-control,
1206
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control {
1207
  border: 0;
1208
  font-size: 14px;
1209
  padding: 0;
1210
  height: auto;
1211
  line-height: auto;
1212
  -webkit-border-radius: 4px;
1213
  -moz-border-radius: 4px;
1214
  -ms-border-radius: 4px;
1215
  -o-border-radius: 4px;
1216
  border-radius: 4px;
1217
}
1218
.page-sidebar .sidebar-search .input-group .input-group-btn .btn,
1219
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn {
1220
  padding: 2px 0 0 0;
1221
  background-color: transparent;
1222
  background-repeat: no-repeat;
1223
  background-position: 100% 3px;
1224
}
1225
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i,
1226
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i {
1227
  font-size: 15px;
1228
}
1229
.page-sidebar .sidebar-search.sidebar-search-bordered,
1230
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered {
1231
  margin: 25px 18px 25px 18px;
1232
}
1233
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group .form-control,
1234
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group .form-control {
1235
  font-size: 13px;
1236
  padding: 6px 8px;
1237
}
1238
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group .input-group-btn .btn,
1239
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group .input-group-btn .btn {
1240
  margin-right: 6px;
1241
}
1242
 
1243
@media (min-width: 992px) {
1244
  /* 992px */
1245
  .page-sidebar {
1246
    width: 200px;
1247
    float: left;
1248
    position: relative;
1249
    margin-right: -100%;
1250
  }
1251
  .page-full-width .page-sidebar {
1252
    display: none !important;
1253
  }
1254
  .page-sidebar.navbar-collapse {
1255
    max-height: none !important;
1256
  }
1257
 
1258
  .page-sidebar-reversed .page-sidebar {
1259
    float: right;
1260
    margin-right: 0;
1261
    margin-left: -100%;
1262
  }
1263
  .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
1264
    margin-left: -200px;
1265
  }
1266
  .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
1267
    position: relative;
1268
    float: right;
1269
  }
1270
 
1271
  .page-sidebar-fixed .page-sidebar {
1272
    position: fixed !important;
1273
    margin-left: 0;
1274
    top: 46px;
1275
  }
1276
  .page-sidebar-fixed .page-sidebar-menu > li.last {
1277
    margin-bottom: 15px !important;
1278
  }
1279
  .page-sidebar-fixed .page-sidebar-menu .sub-menu {
1280
    height: auto !important;
1281
  }
1282
 
1283
  /* Sidebar Closed */
1284
  .page-sidebar-closed .page-sidebar {
1285
    width: 45px !important;
1286
  }
1287
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
1288
    /* sidebar */
1289
    width: 45px !important;
1290
    /* sidebar toggler */
1291
    /* sidebar search */
1292
    /* sidebar bordered search */
1293
    /* sidebar search expanded */
1294
    /* sidebar bordered search expanded */
1295
  }
1296
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li {
1297
    /* hide opened sub menu */
1298
  }
1299
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu,
1300
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
1301
    display: none !important;
1302
  }
1303
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
1304
    width: 256px !important;
1305
    position: relative !important;
1306
    z-index: 10000;
1307
    display: block !important;
1308
  }
1309
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
1310
    -webkit-border-radius: 0 4px 0 0;
1311
    -moz-border-radius: 0 4px 0 0;
1312
    -ms-border-radius: 0 4px 0 0;
1313
    -o-border-radius: 0 4px 0 0;
1314
    border-radius: 0 4px 0 0;
1315
  }
1316
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
1317
    margin-right: 10px;
1318
  }
1319
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
1320
    display: inline !important;
1321
    padding-left: 15px;
1322
  }
1323
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .badge {
1324
    display: block !important;
1325
  }
1326
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .selected {
1327
    display: none;
1328
  }
1329
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover.heading {
1330
    width: 45px !important;
1331
    box-shadow: none;
1332
  }
1333
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
1334
    width: 210px;
1335
    position: absolute;
1336
    z-index: 2000;
1337
    left: 46px;
1338
    margin-top: 0;
1339
    top: 100%;
1340
    display: block !important;
1341
    -webkit-border-radius: 0 0 4px 4px;
1342
    -moz-border-radius: 0 0 4px 4px;
1343
    -ms-border-radius: 0 0 4px 4px;
1344
    -o-border-radius: 0 0 4px 4px;
1345
    border-radius: 0 0 4px 4px;
1346
  }
1347
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {
1348
    padding-left: 15px !important;
1349
  }
1350
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
1351
    padding-left: 30px !important;
1352
  }
1353
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
1354
    padding-left: 45px !important;
1355
  }
1356
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading > h3 {
1357
    display: none;
1358
  }
1359
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler {
1360
    margin-right: 8px;
1361
  }
1362
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover {
1363
    width: 45px !important;
1364
  }
1365
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover {
1366
    width: 45px !important;
1367
  }
1368
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
1369
    padding-left: 11px;
1370
  }
1371
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected {
1372
    right: -3px !important;
1373
  }
1374
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
1375
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
1376
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow {
1377
    display: none !important;
1378
  }
1379
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-toggler {
1380
    margin-left: 3px;
1381
    margin-right: 3px;
1382
  }
1383
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group {
1384
    border-color: transparent;
1385
    margin-left: -4px;
1386
  }
1387
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group .form-control {
1388
    display: none;
1389
  }
1390
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group .input-group-btn .btn {
1391
    display: block;
1392
  }
1393
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.sidebar-search-bordered .input-group {
1394
    padding: 5px 0 3px 0;
1395
  }
1396
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open {
1397
    height: 39px;
1398
    margin-top: 14px;
1399
    margin-bottom: 14px;
1400
  }
1401
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group {
1402
    width: 210px;
1403
    position: relative;
1404
    z-index: 1;
1405
    margin-left: 24px;
1406
    padding: 0;
1407
  }
1408
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .form-control {
1409
    background: none;
1410
    border: 0;
1411
    display: block;
1412
    padding: 8px 8px;
1413
  }
1414
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .input-group-btn .btn {
1415
    display: block;
1416
    margin-right: 8px;
1417
    margin-top: 1px;
1418
  }
1419
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .remove {
1420
    background-repeat: no-repeat;
1421
    width: 11px;
1422
    height: 11px;
1423
    margin: 9px -5px 9px -7px;
1424
    display: block;
1425
    float: left;
1426
  }
1427
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open.sidebar-search-bordered {
1428
    height: 36px;
1429
    margin-top: 23px;
1430
    margin-bottom: 23px;
1431
  }
1432
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open.sidebar-search-bordered .input-group {
1433
    padding: 0;
1434
  }
1435
  .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
1436
    padding-right: 11px;
1437
    padding-left: 7px;
1438
  }
1439
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar {
1440
    margin-left: -45px;
1441
    width: 45px;
1442
  }
1443
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
1444
    /* sidebar */
1445
    /* sidebar search */
1446
  }
1447
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
1448
    left: auto;
1449
    right: 46px;
1450
  }
1451
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
1452
    margin-left: -211px;
1453
  }
1454
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
1455
    -webkit-border-radius: 4px 0 0 0;
1456
    -moz-border-radius: 4px 0 0 0;
1457
    -ms-border-radius: 4px 0 0 0;
1458
    -o-border-radius: 4px 0 0 0;
1459
    border-radius: 4px 0 0 0;
1460
  }
1461
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
1462
    padding-left: 0;
1463
    padding-right: 15px;
1464
  }
1465
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
1466
    margin-right: 0;
1467
    margin-left: 2px;
1468
  }
1469
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover, .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover {
1470
    margin-left: 0;
1471
  }
1472
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group {
1473
    margin-left: -227px;
1474
  }
1475
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .input-group-btn .btn {
1476
    margin-right: 10px !important;
1477
  }
1478
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .remove {
1479
    margin: 9px 4px 12px -16px  !important;
1480
    float: right !important;
1481
  }
1482
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
1483
    padding-right: 7px;
1484
    padding-left: 11px;
1485
  }
1486
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
1487
    width: 200px !important;
1488
    display: absolute;
1489
    z-index: 10000;
1490
  }
1491
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
1492
    width: 200px !important;
1493
  }
1494
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected {
1495
    display: none !important;
1496
  }
1497
  .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover {
1498
    width: 200px !important;
1499
    display: absolute;
1500
    z-index: 10000;
1501
    margin-left: -200px !important;
1502
  }
1503
  .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu {
1504
    width: 200px !important;
1505
  }
1506
  .page-sidebar-closed.page-sidebar-hide .page-sidebar {
1507
    display: none !important;
1508
  }
1509
 
1510
  /* Sidebar Menu Wirh Hoverable Submenu */
1511
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu {
1512
    display: none;
1513
    width: 210px;
1514
    z-index: 2000;
1515
    position: absolute;
1516
    -webkit-border-radius: 4px;
1517
    -moz-border-radius: 4px;
1518
    -ms-border-radius: 4px;
1519
    -o-border-radius: 4px;
1520
    border-radius: 4px;
1521
  }
1522
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a {
1523
    margin: 3px;
1524
  }
1525
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu {
1526
    display: none !important;
1527
  }
1528
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
1529
    display: none;
1530
  }
1531
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
1532
    display: block;
1533
    float: right;
1534
    position: absolute;
1535
    right: 0;
1536
    margin-top: -20px;
1537
    background: none;
1538
    width: 0;
1539
    height: 0;
1540
    border-style: solid;
1541
    border-top: 12px double transparent;
1542
    border-bottom: 12px double transparent;
1543
    border-left: 0;
1544
  }
1545
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before {
1546
    display: none;
1547
  }
1548
  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
1549
    right: auto;
1550
    left: 0;
1551
    border-right: 0;
1552
  }
1553
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
1554
    display: inline-block !important;
1555
  }
1556
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
1557
    z-index: 1;
1558
    right: 0px;
1559
    margin-top: -23px;
1560
  }
1561
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .selected {
1562
    display: none;
1563
  }
1564
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1565
    margin-left: 200px;
1566
    margin-top: -40px;
1567
  }
1568
  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1569
    margin-left: -210px !important;
1570
  }
1571
  .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1572
    margin-left: 0;
1573
  }
1574
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li > a {
1575
    padding-left: 15px;
1576
  }
1577
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
1578
    margin-left: 210px;
1579
    margin-top: -38px !important;
1580
  }
1581
  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
1582
    margin-left: -210px !important;
1583
  }
1584
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
1585
    padding-left: 10px;
1586
    padding-right: 10px;
1587
  }
1588
 
1589
  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
1590
    margin-top: -41px;
1591
  }
1592
  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-hover-submenu li:hover > .sub-menu > li > .sub-menu {
1593
    margin-top: -41px;
1594
  }
1595
}
1596
@media (max-width: 991px) {
1597
  /* 991px */
1598
  .page-sidebar {
1599
    border-top: 0 !important;
1600
    margin: 20px;
1601
  }
1602
  .page-sidebar .sidebar-toggler {
1603
    display: none;
1604
  }
1605
  .page-sidebar .selected {
1606
    display: none !important;
1607
  }
1608
  .page-sidebar.navbar-collapse {
1609
    max-height: none;
1610
    /* set some max height to have a scrollable menu on mobile devices */
1611
  }
1612
  .page-sidebar.navbar-collapse.collapse {
1613
    display: none !important;
1614
  }
1615
  .page-sidebar.navbar-collapse.in {
1616
    border-top: 0 !important;
1617
    margin: 20px;
1618
    position: relative;
1619
    overflow: hidden !important;
1620
    overflow-y: auto !important;
1621
    display: block !important;
1622
  }
1623
  .page-sidebar.navbar-collapse.navbar-no-scroll {
1624
    max-height: none !important;
1625
  }
1626
  .page-sidebar .mega-menu-responsive-content {
1627
    padding: 10px 18px 10px 45px;
1628
  }
1629
 
1630
  .page-full-width .page-sidebar-menu {
1631
    display: block;
1632
  }
1633
}
1634
@media (min-width: 768px) and (max-width: 991px) {
1635
  /* 768px & 991px */
1636
  .page-sidebar .btn-navbar.collapsed .arrow {
1637
    display: none;
1638
  }
1639
  .page-sidebar .btn-navbar .arrow {
1640
    position: absolute;
1641
    right: 25px;
1642
    width: 0;
1643
    height: 0;
1644
    top: 50px;
1645
    border-bottom: 15px solid #5f646b;
1646
    border-left: 15px solid transparent;
1647
    border-right: 15px solid transparent;
1648
  }
1649
}
1650
@media (max-width: 480px) {
1651
  /* 480px */
1652
  /* Page sidebar */
1653
  .page-sidebar,
1654
  .page-sidebar.in {
1655
    margin: 0 10px 10px 10px !important;
1656
  }
1657
  .page-header-fixed.page-header-fixed-mobile .page-sidebar, .page-header-fixed.page-header-fixed-mobile
1658
  .page-sidebar.in {
1659
    margin-top: 10px !important;
1660
  }
1661
}
1662
/******************
1663
Page Quick Sidebar
1664
******************/
1665
/***
1666
Quick Sidebar Layout
1667
***/
1668
/* Quick sidebar toggler */
1669
.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle {
1670
  padding: 17px 10px 9px 10px !important;
1671
}
1672
.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i {
1673
  top: 0px;
1674
}
1675
.page-quick-sidebar-open .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i:before {
1676
  content: "\e066";
1677
}
1678
 
1679
/* Quick sidebar wrapper */
1680
.page-quick-sidebar-wrapper {
1681
  transition: right 0.3s;
1682
  z-index: 9994;
1683
  position: fixed;
1684
  top: 46px;
1685
  bottom: 0;
1686
  right: -270px;
1687
  width: 270px;
1688
}
1689
.page-footer-fixed .page-quick-sidebar-wrapper {
1690
  bottom: 33px;
1691
}
1692
.page-quick-sidebar-full-height .page-quick-sidebar-wrapper {
1693
  top: 0;
1694
  bottom: 0;
1695
}
1696
.page-quick-sidebar-open .page-quick-sidebar-wrapper {
1697
  transition: right 0.3s;
1698
  right: 0;
1699
}
1700
 
1701
/***
1702
Quick Sidebar Toggler
1703
***/
1704
.page-quick-sidebar-toggler {
1705
  overflow: hidden;
1706
  z-index: 9994;
1707
  display: none;
1708
  width: 28px;
1709
  height: 27px;
1710
  position: fixed;
1711
  top: 19px;
1712
  right: 15px;
1713
  text-align: center;
1714
  padding-top: 6px;
1715
}
1716
.page-quick-sidebar-open .page-quick-sidebar-toggler {
1717
  display: inline-block;
1718
}
1719
.page-quick-sidebar-toggler > i {
1720
  font-size: 17px;
1721
}
1722
 
1723
/* quick sidebar top position fix for mobile view */
1724
@media (max-width: 480px) {
1725
  /* 480px */
1726
  .page-quick-sidebar-wrapper {
1727
    top: 92px;
1728
  }
1729
 
1730
  .page-quick-sidebar-toggler {
1731
    top: 65px;
1732
  }
1733
}
1734
.page-header,
1735
.page-sidebar-wrapper,
1736
.page-content-wrapper,
1737
.page-footer {
1738
  transition: margin 0.3s;
1739
}
1740
 
1741
/* Quick sidebar with push content */
1742
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
1743
  transition: margin-left 0.3s;
1744
  margin-left: -270px;
1745
}
1746
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-content-wrapper {
1747
  transition: margin-left 0.3s;
1748
  margin-left: -270px;
1749
}
1750
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
1751
  transition: margin-right 0.3s;
1752
  margin-right: 270px;
1753
  margin-left: -270px;
1754
}
1755
 
1756
/* Page sidebar reversed */
1757
.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
1758
  transition: margin-right 0.3s;
1759
  margin-right: 270px;
1760
}
1761
 
1762
/* Quick sidebar with full height content */
1763
.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
1764
  transition: margin-left 0.3s;
1765
  margin-left: -270px;
1766
}
1767
 
1768
.page-quick-sidebar-open.page-quick-sidebar-push-content.page-footer-fixed:not(.page-quick-sidebar-full-height) .page-footer {
1769
  margin-left: 0;
1770
  margin-right: 0;
1771
}
1772
 
1773
/* Quick sidebar with transparent content */
1774
.page-quick-sidebar-open.page-quick-sidebar-over-content-transparent .page-quick-sidebar-wrapper {
1775
  opacity: 0.9;
1776
  filter: alpha(opacity=90);
1777
}
1778
 
1779
/* Hide the responsive menu if its shown while the quick sidebar opened on mobile  */
1780
@media (max-width: 991px) {
1781
  /* 991px */
1782
  .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
1783
    display: none;
1784
  }
1785
}
1786
/***
1787
Quick Sidebar Content
1788
***/
1789
.page-quick-sidebar-wrapper {
1790
  overflow: hidden;
1791
}
1792
.page-quick-sidebar-wrapper .page-quick-sidebar {
1793
  /* Quick sidebar tabs */
1794
  /* Quick sidebar tabs content */
1795
  /* Quick sidebar general list heading */
1796
  /* Quick sidebar general list-items */
1797
  /* Inner content */
1798
  /* Quick sidebar list */
1799
  /* Quick sidebar list item */
1800
  /* Quick sidebar list item shown */
1801
  /* Quick sidebar chat */
1802
  /* Quick sidebar alerts */
1803
  /* Quick sidebar settings */
1804
}
1805
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified {
1806
  margin: 0;
1807
  padding: 0;
1808
}
1809
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
1810
  display: table-cell !important;
1811
  width: 1%  !important;
1812
}
1813
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
1814
  padding: 15px 15px;
1815
  border: 0;
1816
  height: 46px;
1817
  font-size: 13px;
1818
  text-transform: uppercase;
1819
  -webkit-border-radius: 0;
1820
  -moz-border-radius: 0;
1821
  -ms-border-radius: 0;
1822
  -o-border-radius: 0;
1823
  border-radius: 0;
1824
}
1825
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a > .badge {
1826
  position: absolute;
1827
  top: 12px;
1828
  right: 3px;
1829
}
1830
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
1831
  border: 0;
1832
}
1833
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
1834
  margin-top: 8px;
1835
  margin-right: 20px;
1836
}
1837
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
1838
  position: absolute;
1839
  top: -7px;
1840
  right: 19px;
1841
  display: inline-block !important;
1842
  border-right: 7px solid transparent;
1843
  border-left: 7px solid transparent;
1844
  border-bottom-color: rgba(0, 0, 0, 0.2);
1845
  content: '';
1846
}
1847
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
1848
  position: absolute;
1849
  top: -6px;
1850
  right: 20px;
1851
  display: inline-block !important;
1852
  border-right: 6px solid transparent;
1853
  border-bottom: 6px solid #fff;
1854
  border-left: 6px solid transparent;
1855
  content: '';
1856
}
1857
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > .tab-content {
1858
  margin: 0;
1859
  padding: 0;
1860
}
1861
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
1862
  font-size: 16px;
1863
  margin: 10px 10px;
1864
}
1865
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
1866
  margin: 0;
1867
  padding: 0;
1868
  list-style: none;
1869
}
1870
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
1871
  margin: 0;
1872
  padding: 10px;
1873
  background: none;
1874
  border-bottom-width: 1px;
1875
  border-bottom-style: solid;
1876
}
1877
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
1878
  border-bottom: 0;
1879
}
1880
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
1881
  border: 0;
1882
}
1883
.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
1884
  margin: 10px 10px;
1885
}
1886
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
1887
  position: absolute !important;
1888
  width: 270px !important;
1889
  transition: margin 0.3s;
1890
}
1891
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
1892
  position: absolute !important;
1893
  width: 270px !important;
1894
  transition: margin 0.3s;
1895
  margin-left: 270px;
1896
}
1897
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
1898
  padding: 15px 10px 0px 10px;
1899
}
1900
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
1901
  vertical-align: middle;
1902
  display: inline-block;
1903
  font-size: 14px;
1904
}
1905
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
1906
  font-size: 17px;
1907
  line-height: 17px;
1908
  vertical-align: top;
1909
  margin-right: 3px;
1910
}
1911
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
1912
  transition: margin 0.3s;
1913
  margin-left: -270px;
1914
}
1915
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
1916
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
1917
  display: none !important;
1918
}
1919
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
1920
  transition: margin 0.3s;
1921
  margin-left: 0;
1922
}
1923
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
1924
  padding: 10px 0;
1925
  position: relative;
1926
}
1927
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
1928
  padding: 12px 10px 11px 10px;
1929
}
1930
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
1931
  border-radius: 50% !important;
1932
  width: 38.57143px;
1933
  opacity: 0.8;
1934
  filter: alpha(opacity=80);
1935
  float: left;
1936
  margin-right: 10px;
1937
}
1938
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
1939
  content: " ";
1940
  display: table;
1941
}
1942
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
1943
  clear: both;
1944
}
1945
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
1946
  cursor: pointer;
1947
}
1948
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
1949
  opacity: 1;
1950
  filter: alpha(opacity=100);
1951
}
1952
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
1953
  margin: 5px 0 0 0;
1954
  font-size: 14px;
1955
}
1956
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
1957
  font-size: 11px;
1958
  text-transform: uppercase;
1959
}
1960
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
1961
  font-size: 10px;
1962
}
1963
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
1964
  margin-top: 10px;
1965
  right: 10px;
1966
  position: absolute;
1967
  display: inline-block;
1968
}
1969
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
1970
  padding: 0px 10px;
1971
  position: relative;
1972
}
1973
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
1974
  transition: display 0.3s;
1975
  padding: 5px 0;
1976
  margin: 10px auto;
1977
  font-size: 12px;
1978
}
1979
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
1980
  display: block;
1981
}
1982
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
1983
  width: 38.57143px;
1984
  border-radius: 50% !important;
1985
}
1986
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
1987
  float: left;
1988
  margin-right: 10px;
1989
}
1990
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
1991
  float: right;
1992
  margin-left: 10px;
1993
}
1994
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
1995
  font-size: 12px;
1996
  font-weight: 300;
1997
}
1998
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
1999
  font-size: 12px;
2000
  font-weight: 300;
2001
  text-style: italic;
2002
}
2003
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
2004
  display: block;
2005
  padding: 5px;
2006
  position: relative;
2007
}
2008
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
2009
  text-align: left;
2010
  margin-left: 55px;
2011
}
2012
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
2013
  display: block;
2014
  position: absolute;
2015
  top: 9px;
2016
  left: -6px;
2017
  width: 0;
2018
  height: 0;
2019
  border-top: 6px solid transparent;
2020
  border-bottom: 6px solid transparent;
2021
  border-right-width: 6px;
2022
  border-right-style: solid;
2023
}
2024
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
2025
  margin-right: 55px;
2026
  text-align: right;
2027
}
2028
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
2029
  display: block;
2030
  position: absolute;
2031
  top: 9px;
2032
  right: -6px;
2033
  border-top: 6px solid transparent;
2034
  border-bottom: 6px solid transparent;
2035
  border-left-width: 6px;
2036
  border-left-style: solid;
2037
}
2038
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,
2039
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime {
2040
  text-align: right;
2041
}
2042
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
2043
  padding: 20px 10px 15px 10px;
2044
}
2045
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form .input-group .form-control {
2046
  font-size: 13px;
2047
}
2048
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
2049
  padding: 10px 0;
2050
  position: relative;
2051
}
2052
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .label {
2053
  margin-top: 5px;
2054
}
2055
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
2056
  padding: 0;
2057
}
2058
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
2059
  padding: 10px 0;
2060
  position: relative;
2061
}
2062
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
2063
  margin-top: -3px;
2064
  float: right;
2065
  border: 0;
2066
  min-width: 59px;
2067
}
2068
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
2069
  width: 75px !important;
2070
  padding: 4px 4px !important;
2071
  float: right;
2072
  border: 0;
2073
  margin-top: -4px;
2074
}
2075
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
2076
  padding: 4px 0px !important;
2077
}
2078
 
2079
/***
2080
Page content
2081
***/
2082
/* Page title */
2083
.page-title {
2084
  padding: 0px;
2085
  font-size: 28px;
2086
  letter-spacing: -1px;
2087
  display: block;
2088
  color: #666;
2089
  margin: 0px 0px 15px 0px;
2090
  font-weight: 300;
2091
  font-family: "Open Sans", sans-serif;
2092
  /* subtitle */
2093
}
2094
.page-title small {
2095
  font-size: 14px;
2096
  letter-spacing: 0px;
2097
  font-weight: 300;
2098
  color: #888;
2099
}
2100
.page-container-bg-solid .page-title {
2101
  color: #666;
2102
  margin-bottom: 20px;
2103
  margin-top: 20px;
2104
}
2105
.page-container-bg-solid .page-title small {
2106
  color: #666;
2107
}
2108
 
2109
/* Page breadcrumb */
2110
.page-bar {
2111
  padding: 0px;
2112
  background-color: #f7f7f7;
2113
  margin-bottom: 25px;
2114
  -webkit-border-radius: 4px;
2115
  -moz-border-radius: 4px;
2116
  -ms-border-radius: 4px;
2117
  -o-border-radius: 4px;
2118
  border-radius: 4px;
2119
}
2120
.page-bar:before, .page-bar:after {
2121
  content: " ";
2122
  display: table;
2123
}
2124
.page-bar:after {
2125
  clear: both;
2126
}
2127
.page-bar .page-breadcrumb {
2128
  display: inline-block;
2129
  float: left;
2130
  padding: 8px;
2131
  margin: 0;
2132
  list-style: none;
2133
}
2134
.page-bar .page-breadcrumb > li {
2135
  display: inline-block;
2136
}
2137
.ie8 .page-bar .page-breadcrumb > li {
2138
  margin-right: 1px;
2139
}
2140
.page-bar .page-breadcrumb > li > a,
2141
.page-bar .page-breadcrumb > li > span {
2142
  color: #888;
2143
  font-size: 14px;
2144
  text-shadow: none;
2145
}
2146
.page-bar .page-breadcrumb > li > i {
2147
  color: #aaa;
2148
  font-size: 14px;
2149
  text-shadow: none;
2150
}
2151
.page-bar .page-breadcrumb > li > i[class^="icon-"],
2152
.page-bar .page-breadcrumb > li > i[class*="icon-"] {
2153
  color: gray;
2154
}
2155
.page-bar .page-toolbar {
2156
  display: inline-block;
2157
  float: right;
2158
  padding: 0;
2159
}
2160
.page-bar .page-toolbar .btn-fit-height {
2161
  -webkit-border-radius: 0 4px 4px 0;
2162
  -moz-border-radius: 0 4px 4px 0;
2163
  -ms-border-radius: 0 4px 4px 0;
2164
  -o-border-radius: 0 4px 4px 0;
2165
  border-radius: 0 4px 4px 0;
2166
  padding-top: 8px;
2167
  padding-bottom: 8px;
2168
}
2169
.page-container-bg-solid .page-bar {
2170
  position: relative;
2171
  padding: 0px 20px;
2172
  background-color: #ffffff;
2173
  margin: -25px -20px 0 -20px;
2174
}
2175
.page-container-bg-solid .page-bar .page-breadcrumb {
2176
  padding: 11px 0;
2177
}
2178
.page-container-bg-solid .page-bar .page-breadcrumb > li > a,
2179
.page-container-bg-solid .page-bar .page-breadcrumb > li > span {
2180
  color: #888;
2181
}
2182
.page-container-bg-solid .page-bar .page-breadcrumb > li > i {
2183
  color: #aaa;
2184
}
2185
.page-container-bg-solid .page-bar .page-breadcrumb > li > i[class^="icon-"],
2186
.page-container-bg-solid .page-bar .page-breadcrumb > li > i[class*="icon-"] {
2187
  color: #8c8c8c;
2188
}
2189
.page-container-bg-solid .page-bar .page-toolbar {
2190
  padding: 6px 0;
2191
}
2192
.page-container-bg-solid .page-bar .page-toolbar .btn {
2193
  margin-top: -2px;
2194
}
2195
.page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm {
2196
  margin-top: 0px;
2197
}
2198
 
2199
/* Page content */
2200
.page-content {
2201
  margin-top: 0px;
2202
  padding: 0px;
2203
  background-color: #fff;
2204
}
2205
.page-container-bg-solid .page-content {
2206
  background: #F1F3FA;
2207
}
2208
.page-full-width .page-content {
2209
  margin-left: 0px !important;
2210
}
2211
 
2212
@media (min-width: 992px) {
2213
  /* 992px */
2214
  /* Page content */
2215
  .page-content-wrapper {
2216
    float: left;
2217
    width: 100%;
2218
  }
2219
  .page-content-wrapper .page-content {
2220
    margin-left: 200px;
2221
    margin-top: 0px;
2222
    min-height: 600px;
2223
    padding: 25px 20px 10px 20px;
2224
  }
2225
  .page-content-wrapper .page-content.no-min-height {
2226
    min-height: auto;
2227
  }
2228
  .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
2229
    margin-left: 45px;
2230
  }
2231
  .page-sidebar-reversed .page-content-wrapper .page-content {
2232
    margin-left: 0 !important;
2233
    margin-right: 200px !important;
2234
  }
2235
  .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
2236
    margin-left: 0;
2237
    margin-right: 45px;
2238
  }
2239
  .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
2240
    margin-left: 0 !important;
2241
    margin-right: 45px !important;
2242
  }
2243
  .page-sidebar-closed .page-content-wrapper .page-content {
2244
    margin-left: 45px !important;
2245
  }
2246
  .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
2247
    margin-left: 0 !important;
2248
  }
2249
  .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
2250
    margin-right: 0 !important;
2251
  }
2252
  .page-full-width .page-content-wrapper .page-content {
2253
    margin-left: 0px !important;
2254
  }
2255
}
2256
@media (max-width: 991px) {
2257
  /* 991px */
2258
  /* Bg solid content's breadcrumb */
2259
  .page-container-bg-solid .page-bar {
2260
    margin-top: -20px;
2261
  }
2262
 
2263
  /* Boxed page container  */
2264
  .page-boxed > .container {
2265
    max-width: none !important;
2266
    margin: 0 !important;
2267
    padding: 0 !important;
2268
  }
2269
 
2270
  /* Page content */
2271
  .page-content-wrapper .page-content {
2272
    margin: 0px !important;
2273
    padding: 20px 20px 20px 20px !important;
2274
    min-height: 280px;
2275
  }
2276
}
2277
@media (min-width: 768px) and (max-width: 991px) {
2278
  /*  768px & 991px */
2279
  /* Boxed page container */
2280
  .page-boxed > .container {
2281
    margin: auto !important;
2282
  }
2283
}
2284
@media (max-width: 767px) {
2285
  /* 767px */
2286
  /* Page content */
2287
  .page-content-wrapper .page-content {
2288
    padding: 20px 10px 10px 10px !important;
2289
    overflow: hidden;
2290
    /* Page title */
2291
  }
2292
  .page-content-wrapper .page-content .page-title {
2293
    margin-bottom: 20px;
2294
    font-size: 18px;
2295
  }
2296
  .page-content-wrapper .page-content .page-title small {
2297
    font-size: 13px;
2298
    padding-top: 3px;
2299
  }
2300
}
2301
@media (max-width: 480px) {
2302
  /* 480px */
2303
  /* Dashboard date range panel */
2304
  .page-content-wrapper .page-content .page-title small {
2305
    display: block;
2306
    clear: both;
2307
  }
2308
}
2309
/***
2310
Page footer
2311
***/
2312
.page-footer {
2313
  padding: 8px 20px 5px 20px;
2314
  font-size: 12px;
2315
  height: 33px;
2316
}
2317
.page-footer:before, .page-footer:after {
2318
  content: " ";
2319
  display: table;
2320
}
2321
.page-footer:after {
2322
  clear: both;
2323
}
2324
.page-footer .page-footer-inner {
2325
  float: left;
2326
  display: inline-block;
2327
}
2328
.page-footer-fixed.page-footer-fixed-mobile .page-footer {
2329
  position: fixed;
2330
  left: 0;
2331
  right: 0;
2332
  z-index: 10000;
2333
  bottom: 0;
2334
}
2335
.page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer {
2336
  margin-left: 0 !important;
2337
}
2338
 
2339
@media (min-width: 992px) {
2340
  /* 992px */
2341
  /* Default footer */
2342
  .page-footer {
2343
    clear: left;
2344
  }
2345
 
2346
  /* Fixed footer */
2347
  .page-footer-fixed .page-footer {
2348
    position: fixed;
2349
    left: 0;
2350
    right: 0;
2351
    z-index: 10000;
2352
    bottom: 0;
2353
  }
2354
 
2355
  /* Footer with footer sidebar */
2356
  .page-sidebar-fixed.page-sidebar-closed .page-footer {
2357
    margin-left: 45px;
2358
  }
2359
  .page-sidebar-fixed.page-footer-fixed .page-footer {
2360
    margin-left: 0 !important;
2361
  }
2362
 
2363
  /* Fixed Sidebar */
2364
  .page-sidebar-fixed .page-footer {
2365
    margin-left: 200px;
2366
    padding: 8px 20px 5px 20px;
2367
  }
2368
 
2369
  /* Boxed page */
2370
  .page-boxed .page-footer {
2371
    padding: 8px 0 5px 0;
2372
  }
2373
  .page-boxed.page-sidebar-fixed .page-footer {
2374
    padding-right: 20px;
2375
    padding-left: 20px;
2376
  }
2377
 
2378
  /* Page sidebar reversed */
2379
  .page-sidebar-reversed.page-sidebar-fixed .page-footer {
2380
    margin-left: 0;
2381
    margin-right: 200px;
2382
    padding: 8px 20px 5px 20px;
2383
  }
2384
  .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
2385
    margin-left: 0;
2386
    margin-right: 0;
2387
  }
2388
  .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
2389
    margin-right: 45px;
2390
  }
2391
}
2392
@media (max-width: 991px) {
2393
  /* 991px */
2394
  /* Boxed Layout */
2395
  .page-boxed .page-footer {
2396
    padding-left: 0px;
2397
    padding-right: 0px;
2398
  }
2399
}
2400
@media (max-width: 767px) {
2401
  /* 767px */
2402
  /* Default footer & boxed footer */
2403
  .page-footer,
2404
  .page-boxed .page-footer {
2405
    padding-left: 10px;
2406
    padding-right: 10px;
2407
  }
2408
 
2409
  /* Fixed footer */
2410
  .page-footer-fixed .page-footer .container {
2411
    padding-left: 0;
2412
    padding-right: 0;
2413
  }
2414
}
2415
/* Scroll Top Top */
2416
.scroll-to-top {
2417
  display: inline-block;
2418
  padding: 1px;
2419
  text-align: center;
2420
  position: fixed;
2421
  bottom: 10px;
2422
  z-index: 10001;
2423
  display: none;
2424
  right: 10px;
2425
}
2426
.scroll-to-top > i {
2427
  display: inline-block;
2428
  color: #687991;
2429
  font-size: 30px;
2430
  opacity: 0.6;
2431
  filter: alpha(opacity=60);
2432
}
2433
.scroll-to-top:hover {
2434
  cursor: pointer;
2435
}
2436
.scroll-to-top:hover > i {
2437
  opacity: 1;
2438
  filter: alpha(opacity=100);
2439
}
2440
 
2441
@media (min-width: 992px) {
2442
  /* 992px */
2443
  .scroll-to-top {
2444
    right: 20px;
2445
  }
2446
}
2447
@media (max-width: 991px) {
2448
  /* 991px */
2449
  .scroll-to-top {
2450
    bottom: 10px;
2451
    right: 10px;
2452
  }
2453
  .scroll-to-top > i {
2454
    font-size: 28px;
2455
  }
2456
}
2457
/***
2458
Theme Panel
2459
***/
2460
.theme-panel {
2461
  width: 420px;
2462
  margin-top: -13px;
2463
  margin-right: 0px;
2464
  z-index: 100;
2465
  float: right;
2466
  position: relative;
2467
  /* content solid bg color */
2468
}
2469
.theme-panel > .toggler {
2470
  top: 4px;
2471
  right: 0;
2472
  padding: 20px;
2473
  cursor: pointer;
2474
  position: absolute;
2475
  background: #d5dade url(../img/icon-color.png) center no-repeat;
2476
  -webkit-border-radius: 4px;
2477
  -moz-border-radius: 4px;
2478
  -ms-border-radius: 4px;
2479
  -o-border-radius: 4px;
2480
  border-radius: 4px;
2481
}
2482
.theme-panel > .toggler:hover {
2483
  background-color: #3d3d3d !important;
2484
}
2485
.theme-panel > .toggler-close {
2486
  display: none;
2487
  top: 4px;
2488
  right: 0;
2489
  padding: 20px;
2490
  z-index: 101;
2491
  cursor: pointer;
2492
  position: absolute;
2493
  background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important;
2494
  -webkit-border-radius: 4px;
2495
  -moz-border-radius: 4px;
2496
  -ms-border-radius: 4px;
2497
  -o-border-radius: 4px;
2498
  border-radius: 4px;
2499
}
2500
.theme-panel > .toggler-close:hover {
2501
  background-color: #222 !important;
2502
}
2503
.theme-panel > .theme-options {
2504
  top: 4px;
2505
  right: 0;
2506
  display: none;
2507
  position: absolute;
2508
  z-index: 100;
2509
  background: #3d3d3d;
2510
  box-shadow: 5px 5px rgba(61, 61, 61, 0.1);
2511
  -webkit-border-radius: 4px;
2512
  -moz-border-radius: 4px;
2513
  -ms-border-radius: 4px;
2514
  -o-border-radius: 4px;
2515
  border-radius: 4px;
2516
}
2517
.theme-panel > .theme-options > .theme-option {
2518
  color: #cfcfcf;
2519
  padding: 10px;
2520
  border-top: 1px solid #444;
2521
  margin-top: 0px;
2522
  margin-bottom: 0px;
2523
}
2524
.theme-panel > .theme-options > .theme-option > span {
2525
  text-transform: uppercase;
2526
  display: inline-block;
2527
  width: 145px;
2528
  font-size: 13px;
2529
  font-weight: 300;
2530
}
2531
.theme-panel > .theme-options > .theme-option > select.form-control {
2532
  display: inline;
2533
  width: 135px;
2534
  padding: 2px;
2535
  text-transform: lowercase;
2536
}
2537
.theme-panel > .theme-options > .theme-option.theme-colors {
2538
  border-top: 0;
2539
}
2540
.theme-panel > .theme-options > .theme-option.theme-colors > span {
2541
  display: block;
2542
  width: auto;
2543
}
2544
.theme-panel > .theme-options > .theme-option.theme-colors > ul {
2545
  list-style: none;
2546
  padding: 0;
2547
  display: block;
2548
  margin-bottom: 10px !important;
2549
  margin-top: 15px;
2550
}
2551
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
2552
  width: 40px;
2553
  height: 40px;
2554
  margin: 0 4px;
2555
  cursor: pointer;
2556
  list-style: none;
2557
  float: left;
2558
  border: solid 1px #707070;
2559
  /* theme colors */
2560
}
2561
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
2562
  margin-left: 0;
2563
}
2564
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
2565
  border: solid 2px #d64635;
2566
}
2567
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default {
2568
  background: #333438;
2569
}
2570
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-darkblue {
2571
  background: #2b3643;
2572
}
2573
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
2574
  background: #2D5F8B;
2575
}
2576
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
2577
  background: #697380;
2578
}
2579
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light {
2580
  background: #F9FAFD;
2581
}
2582
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light2 {
2583
  background: #F1F1F1;
2584
}
2585
.page-container-bg-solid .theme-panel {
2586
  position: absolute;
2587
  margin-top: 30px;
2588
  margin-right: 20px;
2589
  right: 0;
2590
}
2591
.page-container-bg-solid .theme-panel > .toggler {
2592
  background: #BFCAD1 url(../img/icon-color.png) center no-repeat;
2593
}
2594
.page-container-bg-solid.page-sidebar-reversed .theme-panel {
2595
  margin-right: 255px;
2596
}
2597
 
2598
/***  
2599
Page Loading      
2600
***/
2601
.page-on-load {
2602
  background: #fefefe;
2603
}
2604
.page-on-load .page-header,
2605
.page-on-load .page-container,
2606
.page-on-load .page-footer,
2607
.page-on-load > .clearfix {
2608
  display: none;
2609
  transition: all 2s;
2610
}