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