Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1
@charset "UTF-8";
2
/* Cubic Bezier Transition */
3
/*--------------------------------------------------
4
    [Container]
5
----------------------------------------------------*/
6
.page-container-bg-solid {
7
  background: #f1f3fa !important; }
8
 
9
.container-lf-space {
10
  padding-left: 30px;
11
  padding-right: 30px; }
12
 
13
/*** Breadcrumbs ***/
14
.breadcrumbs {
15
  overflow: hidden;
16
  padding: 30px 15px;
17
  margin-bottom1: 35px; }
18
  .breadcrumbs .breadcrumbs-title {
19
    float: left;
20
    font-size: 20px;
21
    color: #3e4f5e;
22
    font-weight: 600;
23
    margin: 0; }
24
  .breadcrumbs .breadcrumbs-list {
25
    float: right;
26
    padding-left: 0;
27
    margin-bottom: 0;
28
    list-style: none; }
29
    .breadcrumbs .breadcrumbs-list > li {
30
      display: inline-block;
31
      font-size: 14px; }
32
      .breadcrumbs .breadcrumbs-list > li > a {
33
        color: #8e9daa; }
34
        .breadcrumbs .breadcrumbs-list > li > a:hover {
35
          color: #5b9bd1;
36
          text-decoration: none; }
37
      .breadcrumbs .breadcrumbs-list > li + li:before {
38
        position: relative;
39
        top: -2px;
40
        font-size: 6px;
41
        padding: 0 8px 0 5px;
42
        color: #8e9daa;
43
        content: "\f111";
44
        font-family: FontAwesome; }
45
 
46
/*--------------------------------------------------
47
    [Header]
48
----------------------------------------------------*/
49
/***
50
Material Design Page Header
51
***/
52
.page-md .page-header {
53
  border-bottom: none;
54
  box-shadow: 0px 2px 2px rgba(66, 66, 66, 0.08); }
55
 
56
/***
57
Page Header
58
***/
59
.page-header {
60
  width: 100%;
61
  height: 70px;
62
  min-height: 70px;
63
  background-image: none;
64
  background: #f1f3fa;
65
  border-bottom: 1px solid #dce0ec !important;
66
  border: 0px;
67
  margin: 0;
68
  padding: 0px;
69
  box-shadow: none;
70
  filter: none;
71
  /* Burger Trigger */
72
  /* Header logo */
73
  /* Top menu */ }
74
  .page-header .burger-trigger {
75
    position: relative; }
76
    .page-header .burger-trigger .menu-trigger {
77
      float: left;
78
      background: #f1f3fa;
79
      border-right: 1px solid #dce0ec !important;
80
      border: none;
81
      outline: 0;
82
      padding: 25px 20px;
83
      margin-right: 20px; }
84
      .page-header .burger-trigger .menu-trigger > img {
85
        width: 18px;
86
        height: 13px; }
87
    .page-header .burger-trigger .menu-close {
88
      position: absolute;
89
      top: 5px;
90
      left: 12px;
91
      display: inline-block;
92
      font-size: 40px;
93
      color: #3a4348;
94
      background: inherit;
95
      border: none;
96
      outline: 0; }
97
      .page-header .burger-trigger .menu-close:hover {
98
        color: #000; }
99
    .page-header .burger-trigger .menu-overlay {
100
      position: fixed;
101
      top: 50%;
102
      left: 50%;
103
      width: 100%;
104
      height: auto;
105
      z-index: 2000;
106
      visibility: hidden;
107
      -webkit-backface-visibility: hidden;
108
      -moz-backface-visibility: hidden;
109
      backface-visibility: hidden;
110
      -webkit-transform: translateX(-50%) translateY(-50%);
111
      -moz-transform: translateX(-50%) translateY(-50%);
112
      -ms-transform: translateX(-50%) translateY(-50%);
113
      transform: translateX(-50%) translateY(-50%); }
114
    .page-header .burger-trigger .menu-bg-overlay {
115
      position: fixed;
116
      width: 100%;
117
      height: 100%;
118
      visibility: hidden;
119
      top: 0;
120
      left: 0;
121
      z-index: 1000;
122
      opacity: 0;
123
      background: rgba(255, 255, 255, 0.2);
124
      -webkit-transition: all 0.3s;
125
      -moz-transition: all 0.3s;
126
      transition: all 0.3s; }
127
    .page-header .burger-trigger .menu-overlay-show {
128
      visibility: visible; }
129
      .page-header .burger-trigger .menu-overlay-show ~ .menu-bg-overlay {
130
        opacity: 1;
131
        visibility: visible; }
132
    .page-header .burger-trigger .menu-overlay-bg-transparent .menu-overlay-content {
133
      -webkit-transform: scale(0.8);
134
      -moz-transform: scale(0.8);
135
      -ms-transform: scale(0.8);
136
      transform: scale(0.8);
137
      opacity: 0;
138
      -webkit-transition: all 0.3s;
139
      -moz-transition: all 0.3s;
140
      transition: all 0.3s;
141
      background: transparent; }
142
    .page-header .burger-trigger .menu-overlay-bg-transparent.menu-overlay-show .menu-overlay-content {
143
      -webkit-transform: scale(1);
144
      -moz-transform: scale(1);
145
      -ms-transform: scale(1);
146
      transform: scale(1);
147
      opacity: 1; }
148
    .page-header .burger-trigger .menu-overlay-bg-transparent.menu-overlay-show ~ .menu-bg-overlay {
149
      background: rgba(255, 255, 255, 0.95); }
150
    .page-header .burger-trigger .menu-overlay-nav {
151
      text-align: center;
152
      list-style: none;
153
      padding: 0;
154
      margin: 0; }
155
      .page-header .burger-trigger .menu-overlay-nav > li {
156
        display: block;
157
        font-size: 16px;
158
        font-weight: 600;
159
        padding: 7px 0; }
160
        .page-header .burger-trigger .menu-overlay-nav > li > a {
161
          color: #3a4348; }
162
          .page-header .burger-trigger .menu-overlay-nav > li > a:hover {
163
            color: #000;
164
            text-decoration: none; }
165
  .page-header .page-logo {
166
    width: auto;
167
    height: 68px;
168
    max-height: 68px;
169
    line-height: 68px;
170
    float: left; }
171
    .page-header .page-logo .logo-default {
172
      width: auto;
173
      height: auto;
174
      max-width: 100%;
175
      max-height: 100%;
176
      display: inline-block;
177
      vertical-align: middle; }
178
  .page-header .top-menu {
179
    float: right;
180
    padding-right: 25px;
181
    /* Notification */
182
    /* Inbox */
183
    /* Toggle */
184
    /* User */ }
185
    .page-header .top-menu .nav .open > a {
186
      background: #ebeef6; }
187
      .page-header .top-menu .nav .open > a:hover, .page-header .top-menu .nav .open > a:focus {
188
        background: #ebeef6; }
189
    .page-header .top-menu .navbar-nav {
190
      padding: 0;
191
      margin: 0; }
192
      .page-header .top-menu .navbar-nav > li {
193
        padding: 0 1px;
194
        display: inline-block; }
195
    .page-header .top-menu .dropdown-menu {
196
      min-width: 160px;
197
      max-width: 275px;
198
      width: 275px;
199
      z-index: 9995; }
200
      .page-header .top-menu .dropdown-menu > .external {
201
        display: block;
202
        overflow: hidden;
203
        padding: 15px 15px;
204
        letter-spacing: 0.5px;
205
        -webkit-border-radius: 4px 4px 0 0;
206
        -moz-border-radius: 4px 4px 0 0;
207
        -ms-border-radius: 4px 4px 0 0;
208
        -o-border-radius: 4px 4px 0 0;
209
        border-radius: 4px 4px 0 0; }
210
        .page-header .top-menu .dropdown-menu > .external > h3 {
211
          margin: 0;
212
          padding: 0;
213
          float: left;
214
          font-size: 13px;
215
          display: inline-block; }
216
        .page-header .top-menu .dropdown-menu > .external > a {
217
          display: inline-block;
218
          padding: 0;
219
          background: none;
220
          clear: inherit;
221
          font-size: 13px;
222
          font-weight: 300;
223
          position: absolute;
224
          right: 10px;
225
          border: 0;
226
          margin-top: -1px; }
227
          .page-header .top-menu .dropdown-menu > .external > a:hover {
228
            text-decoration: underline; }
229
    .page-header .top-menu .dropdown-menu-list {
230
      padding-right: 0 !important;
231
      padding-left: 0;
232
      list-style: none; }
233
      .page-header .top-menu .dropdown-menu-list > li > a {
234
        display: block;
235
        clear: both;
236
        font-weight: 300;
237
        line-height: 20px;
238
        white-space: normal;
239
        font-size: 13px;
240
        padding: 16px 15px 18px;
241
        text-shadow: none; }
242
        .page-header .top-menu .dropdown-menu-list > li > a:hover {
243
          opacity: 1 ;
244
          filter: alpha(opacity=100) ; }
245
      .page-header .top-menu .dropdown-menu-list > li:first-child a {
246
        border-top: none; }
247
    .page-header .top-menu .dropdown-notification .dropdown-menu-list > li a .details {
248
      overflow: hidden; }
249
      .page-header .top-menu .dropdown-notification .dropdown-menu-list > li a .details .label-icon {
250
        margin-right: 10px;
251
        -webkit-border-radius: 50%;
252
        -moz-border-radius: 50%;
253
        -ms-border-radius: 50%;
254
        -o-border-radius: 50%;
255
        border-radius: 50%; }
256
        .page-header .top-menu .dropdown-notification .dropdown-menu-list > li a .details .label-icon i {
257
          margin-right: 2px;
258
          margin-left: 1px; }
259
        .page-header .top-menu .dropdown-notification .dropdown-menu-list > li a .details .label-icon .badge {
260
          right: 15px; }
261
    .page-header .top-menu .dropdown-notification .dropdown-menu-list > li a .time {
262
      float: right;
263
      max-width: 75px;
264
      font-size: 11px;
265
      font-weight: 400;
266
      opacity: 0.7 ;
267
      filter: alpha(opacity=70) ;
268
      text-align: right;
269
      padding: 1px 5px; }
270
    .page-header .top-menu .dropdown-inbox .dropdown-menu-list > li .photo {
271
      float: left;
272
      margin: 0 6px 6px 0; }
273
      .page-header .top-menu .dropdown-inbox .dropdown-menu-list > li .photo img {
274
        height: 40px;
275
        width: 40px;
276
        -webkit-border-radius: 50% !important;
277
        -moz-border-radius: 50% !important;
278
        -ms-border-radius: 50% !important;
279
        -o-border-radius: 50% !important;
280
        border-radius: 50% !important; }
281
    .page-header .top-menu .dropdown-inbox .dropdown-menu-list > li .subject {
282
      display: block;
283
      margin-left: 46px; }
284
      .page-header .top-menu .dropdown-inbox .dropdown-menu-list > li .subject .from {
285
        font-size: 13px;
286
        font-weight: 600; }
287
      .page-header .top-menu .dropdown-inbox .dropdown-menu-list > li .subject .time {
288
        font-size: 12px;
289
        font-weight: 400;
290
        opacity: 0.5 ;
291
        filter: alpha(opacity=50) ;
292
        float: right; }
293
    .page-header .top-menu .dropdown-inbox .dropdown-menu-list > li .message {
294
      display: block !important;
295
      color: #525f67 !important;
296
      font-size: 12px;
297
      line-height: 1.3;
298
      margin-left: 46px; }
299
    .page-header .top-menu .dropdown-toggle {
300
      position: relative;
301
      line-height: 69px;
302
      padding: 0 10px; }
303
      .page-header .top-menu .dropdown-toggle > i {
304
        top: 3px;
305
        font-size: 16px;
306
        color: #acc1da; }
307
      .page-header .top-menu .dropdown-toggle .badge {
308
        width: 22px;
309
        height: 22px;
310
        line-height: 1.4;
311
        font-weight: 600; }
312
      .page-header .top-menu .dropdown-toggle:hover > i {
313
        color: #c0cddc; }
314
    .page-header .top-menu .dropdown-user .dropdown-toggle {
315
      padding: 12px 10px;
316
      line-height: 0; }
317
      .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner {
318
        background: #fff;
319
        padding-left: 8px; }
320
        .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner > .username {
321
          display: inline-block;
322
          margin-right: 5px;
323
          font-size: 13px;
324
          font-weight: 600;
325
          vertical-align: middle; }
326
        .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner > img {
327
          width: 45px;
328
          height: 45px;
329
          display: inline-block; }
330
        .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner > i {
331
          display: inline-block;
332
          margin-top: 5px;
333
          margin: 0;
334
          font-size: 13px; }
335
    .page-header .top-menu .dropdown-user .dropdown-menu {
336
      width: 175px; }
337
      .page-header .top-menu .dropdown-user .dropdown-menu > li > a {
338
        color: #525f67 !important;
339
        font-size: 14px;
340
        font-weight: 300; }
341
        .page-header .top-menu .dropdown-user .dropdown-menu > li > a i {
342
          width: 15px;
343
          display: inline-block;
344
          margin-right: 9px; }
345
        .page-header .top-menu .dropdown-user .dropdown-menu > li > a .badge {
346
          margin-right: 10px; }
347
 
348
/* Stylesheet design for max-width 480px */
349
@media (max-width: 480px) {
350
  /* 480px */
351
  .page-header .nav.pull-right > li.dropdown-extended .dropdown-menu:before, .page-header .nav.pull-right > li.dropdown-extended .dropdown-menu:after {
352
    right: 75px; }
353
  .page-header .nav.pull-right > li.dropdown-extended .dropdown-menu.pull-right:before:before, .page-header .nav.pull-right > li.dropdown-extended .dropdown-menu.pull-right:after:before {
354
    right: 75px; }
355
  .page-header .top-menu {
356
    padding-right: 10px;
357
    /* User */ }
358
    .page-header .top-menu .dropdown-toggle {
359
      padding: 0 2px; }
360
      .page-header .top-menu .dropdown-toggle > i {
361
        font-size: 14px; }
362
      .page-header .top-menu .dropdown-toggle .badge {
363
        width: 20px;
364
        height: 20px;
365
        padding: 2px 6px; }
366
    .page-header .top-menu .dropdown-user .dropdown-toggle {
367
      padding: 19px 10px 15px; }
368
      .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner > img {
369
        width: 35px;
370
        height: 35px; }
371
  .page-header .dropdown-notification .dropdown-menu,
372
  .page-header .dropdown-inbox .dropdown-menu {
373
    left: auto;
374
    right: -60px !important; }
375
  .page-header .page-logo .logo-default {
376
    width: 80px; } }
377
 
378
/* Stylesheet design for max-width 767px */
379
@media (max-width: 767px) {
380
  /* 767px */
381
  /* Page header */
382
  .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner {
383
    padding-left: 0; }
384
    .page-header .top-menu .dropdown-user .dropdown-toggle .dropdown-user-inner .username.username-hide-on-mobile {
385
      display: none; } }
386
 
387
.page-content {
388
  padding-top: 90px; }
389
 
390
.page-content-inner {
391
  padding-top: 70px; }
392
 
393
/***
394
Page footer
395
***/
396
.page-footer .page-footer-copyright {
397
  font-size: 14px;
398
  margin-bottom: 0; }
399
 
400
.page-footer .page-footer-inner {
401
  padding-top: 15px;
402
  padding-bottom: 15px; }
403
  .page-footer .page-footer-inner > p {
404
    margin: 0; }
405
 
406
/* Scroll Top Top */
407
.go2top {
408
  display: inline-block;
409
  padding: 1px;
410
  text-align: center;
411
  position: fixed;
412
  bottom: 3px;
413
  z-index: 1000;
414
  display: none;
415
  right: 10px; }
416
  .go2top > i {
417
    display: inline-block;
418
    color: #687991;
419
    font-size: 30px;
420
    opacity: 0.6 ;
421
    filter: alpha(opacity=60) ; }
422
  .go2top:hover {
423
    cursor: pointer; }
424
    .go2top:hover > i {
425
      opacity: 1 ;
426
      filter: alpha(opacity=100) ; }
427
 
428
/******************
429
Page Quick Sidebar
430
******************/
431
/* Page Portlet Fullscreen */
432
.page-portlet-fullscreen .page-quick-sidebar-wrapper,
433
.page-portlet-fullscreen .page-quick-sidebar-toggler {
434
  z-index: -1; }
435
 
436
/* Quick Sidebar Notification */
437
.quick-sidebar-notification {
438
  position: relative; }
439
  .quick-sidebar-notification .badge {
440
    position: absolute;
441
    top: -23px;
442
    left: 12px;
443
    width: 22px;
444
    height: 22px;
445
    font-size: 15px !important;
446
    font-weight: 300;
447
    line-height: 1;
448
    border: 1px solid #f2989f;
449
    color: #fdf3f4;
450
    background: #ed6b75; }
451
 
452
/* Quick sidebar toggler */
453
.quick-sidebar-toggler {
454
  top: 50%;
455
  right: 0;
456
  padding: 0;
457
  z-index: 99;
458
  border: none;
459
  outline: none;
460
  position: fixed;
461
  margin-top: -30px;
462
  background: #fff;
463
  width: 45px;
464
  height: 45px;
465
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
466
  .quick-sidebar-toggler i {
467
    padding: 5px;
468
    font-size: 15px;
469
    color: #fff; }
470
    .quick-sidebar-toggler i:before {
471
      content: ""/*rtl:""*/; }
472
    .page-quick-sidebar-open .quick-sidebar-toggler i:before {
473
      content: ""/*rtl:""*/; }
474
 
475
/* Page Portlet Fullscreen */
476
.page-portlet-fullscreen .page-quick-sidebar-wrapper,
477
.page-portlet-fullscreen .page-quick-sidebar-toggler {
478
  z-index: -1; }
479
 
480
/* Quick sidebar toggler */
481
.page-quick-sidebar-toggler {
482
  overflow: hidden;
483
  z-index: 99999;
484
  display: none;
485
  width: 28px;
486
  height: 27px;
487
  position: fixed;
488
  top: 10px;
489
  right: 15px;
490
  text-align: center;
491
  padding-top: 6px; }
492
  .page-quick-sidebar-toggler:hover {
493
    background: #303a43; }
494
  .page-quick-sidebar-open .page-quick-sidebar-toggler {
495
    display: inline-block; }
496
    .page-quick-sidebar-open .page-quick-sidebar-toggler:hover {
497
      background: none; }
498
  .page-quick-sidebar-toggler > i {
499
    color: #99a8b5;
500
    font-size: 17px; }
501
    .page-quick-sidebar-toggler > i:hover {
502
      color: #fff !important; }
503
    .page-quick-sidebar-open .page-quick-sidebar-toggler > i:before {
504
      content: ""/*rtl:""*/; }
505
 
506
/* Quick sidebar wrapper */
507
.page-quick-sidebar-wrapper {
508
  transition: right 0.3s;
509
  z-index: 9994;
510
  position: fixed;
511
  top: 0;
512
  bottom: 0;
513
  width: 320px;
514
  right: -320px;
515
  overflow: hidden;
516
  color: #99a8b5;
517
  background: #21282e; }
518
  .page-quick-sidebar-open .page-quick-sidebar-wrapper {
519
    transition: right 0.3s;
520
    right: 0; }
521
  .page-quick-sidebar-wrapper .page-quick-sidebar {
522
    background: #21282e;
523
    /* Quick sidebar tabs content */
524
    /* Quick sidebar general list heading */
525
    /* Quick sidebar general list-items */
526
    /* Inner content */
527
    /* Quick sidebar list */
528
    /* Quick sidebar list item */
529
    /* Quick sidebar list item shown */
530
    /* Quick sidebar chat */
531
    /* Quick sidebar alerts */
532
    /* Quick sidebar settings */ }
533
    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs {
534
      margin: 0;
535
      padding: 0;
536
      border: 0; }
537
      .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li {
538
        display: table-cell !important;
539
        width: 1%  !important;
540
        padding: 0;
541
        margin: 0;
542
        float: none; }
543
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
544
          position: relative;
545
          display: block;
546
          text-align: center;
547
          border: 0;
548
          height: auto;
549
          font-size: 14px;
550
          padding: 45px 15px 8px;
551
          text-transform: uppercase;
552
          background: none;
553
          margin-right: 0;
554
          color: #90a1af;
555
          border: 0;
556
          border-bottom: 3px solid rgba(243, 86, 93, 0.3);
557
          -webkit-border-radius: 0;
558
          -moz-border-radius: 0;
559
          -ms-border-radius: 0;
560
          -o-border-radius: 0;
561
          border-radius: 0;
562
          outline: none !important; }
563
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a > .badge {
564
            position: absolute;
565
            top: 45px;
566
            right: 3px; }
567
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
568
          border: 0;
569
          border-bottom: 3px solid #f3565d;
570
          background: none;
571
          color: #fff;
572
          text-decoration: none; }
573
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu {
574
          border: 0;
575
          background: #36424c;
576
          box-shadow: 5px 5px rgba(97, 117, 135, 0.1);
577
          margin-top: 8px;
578
          margin-right: 20px; }
579
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:before {
580
            position: absolute;
581
            top: -7px;
582
            right: 19px;
583
            display: inline-block !important;
584
            border-right: 7px solid transparent;
585
            border-left: 7px solid transparent;
586
            border-bottom: 7px solid #36424c;
587
            content: ''; }
588
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:after {
589
            position: absolute;
590
            top: -6px;
591
            right: 20px;
592
            display: inline-block !important;
593
            border-right: 6px solid transparent;
594
            border-left: 6px solid transparent;
595
            border-bottom: 7px solid #36424c;
596
            content: ''; }
597
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a {
598
            padding: 10px 15px;
599
            color: #99a8b5; }
600
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a > i {
601
              color: #93a3b1; }
602
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a {
603
            background: #3d4a55;
604
            color: #99a8b5; }
605
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i {
606
              color: #9babb8; }
607
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.active > a {
608
            background: #38444f;
609
            color: #99a8b5; }
610
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.divider {
611
            background-color: #3d4a55; }
612
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.open > a.dropdown-toggle {
613
          border-bottom: 3px solid #f3565d;
614
          background: none;
615
          text-decoration: none;
616
          color: #90a1af; }
617
    .page-quick-sidebar-wrapper .page-quick-sidebar .tab-content {
618
      margin: 0;
619
      padding: 0; }
620
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
621
      font-size: 16px;
622
      margin: 10px 10px;
623
      color: #6c8296; }
624
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
625
      margin: 0;
626
      padding: 0;
627
      list-style: none; }
628
      .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
629
        margin: 0;
630
        padding: 15px;
631
        background: none;
632
        border-bottom-width: 1px;
633
        border-bottom-style: solid;
634
        border-bottom-color: #273037; }
635
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
636
          background: #273037; }
637
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
638
          border-bottom: 0; }
639
      .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
640
        border: 0; }
641
    .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
642
      margin: 10px 10px; }
643
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
644
      position: absolute !important;
645
      width: 320px !important;
646
      transition: margin 0.3s; }
647
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
648
      width: 320px;
649
      position: absolute !important;
650
      width: 320px !important;
651
      transition: margin 0.3s;
652
      margin-left: 320px; }
653
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
654
        padding: 15px 10px 0px 10px; }
655
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
656
          vertical-align: middle;
657
          display: inline-block;
658
          font-size: 14px;
659
          color: #90a1af; }
660
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
661
            text-decoration: none; }
662
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
663
            font-size: 17px;
664
            line-height: 17px;
665
            vertical-align: top;
666
            margin-right: 3px; }
667
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
668
      transition: margin 0.3s;
669
      margin-left: -320px; }
670
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
671
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
672
        display: none !important; }
673
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
674
      transition: margin 0.3s;
675
      margin-left: 0; }
676
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
677
      padding: 10px 0;
678
      position: relative; }
679
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
680
        padding: 15px 15px; }
681
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
682
          border-radius: 50% !important;
683
          width: 45.71429px;
684
          opacity: 0.8;
685
          filter: alpha(opacity=80);
686
          float: left;
687
          margin-right: 10px; }
688
          .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 {
689
            content: " ";
690
            display: table; }
691
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
692
            clear: both; }
693
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
694
          cursor: pointer; }
695
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
696
            opacity: 1;
697
            filter: alpha(opacity=100); }
698
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
699
          margin: 5px 0 0 0;
700
          font-size: 14px; }
701
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
702
          font-size: 11px;
703
          text-transform: uppercase;
704
          color: #657b8d; }
705
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
706
          font-size: 10px;
707
          color: #5d7081; }
708
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
709
          margin-top: 10px;
710
          right: 10px;
711
          position: absolute;
712
          display: inline-block; }
713
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
714
      padding: 0px 10px;
715
      position: relative; }
716
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
717
        transition: display 0.3s;
718
        padding: 5px 0;
719
        margin: 10px auto;
720
        font-size: 13px; }
721
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
722
          color: #c3c3c3;
723
          display: block; }
724
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
725
          width: 45.71429px;
726
          border-radius: 50% !important; }
727
        .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 {
728
          float: left;
729
          margin-right: 10px; }
730
        .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 {
731
          float: right;
732
          margin-left: 10px; }
733
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
734
          font-size: 12px;
735
          font-weight: 300;
736
          color: #8496a7; }
737
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
738
          font-size: 12px;
739
          font-weight: 300;
740
          color: #8496a7; }
741
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
742
          display: block;
743
          padding: 5px;
744
          position: relative;
745
          color: #90a1af;
746
          background: #36424c; }
747
        .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 {
748
          text-align: left;
749
          margin-left: 55px; }
750
          .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 {
751
            display: block;
752
            position: absolute;
753
            top: 9px;
754
            left: -6px;
755
            width: 0;
756
            height: 0;
757
            border-top: 6px solid transparent;
758
            border-bottom: 6px solid transparent;
759
            border-right-width: 6px;
760
            border-right-style: solid;
761
            border-right-color: #36424c; }
762
        .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 {
763
          margin-right: 55px;
764
          text-align: right; }
765
          .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 {
766
            display: block;
767
            position: absolute;
768
            top: 9px;
769
            right: -6px;
770
            border-top: 6px solid transparent;
771
            border-bottom: 6px solid transparent;
772
            border-left-width: 6px;
773
            border-left-style: solid;
774
            border-left-color: #36424c; }
775
        .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,
776
        .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 {
777
          text-align: right; }
778
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
779
      padding: 20px 10px 15px 10px; }
780
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
781
      padding: 10px 0;
782
      position: relative; }
783
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
784
        color: #7e91a2; }
785
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label {
786
          margin-top: 5px; }
787
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
788
          text-decoration: underline;
789
          padding: 0;
790
          color: #788c9e; }
791
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date {
792
          color: #5d7081; }
793
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
794
      padding: 10px 0;
795
      position: relative; }
796
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
797
        margin-top: -3px;
798
        float: right;
799
        border: 0;
800
        min-width: 59px; }
801
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
802
        width: 75px !important;
803
        padding: 4px 4px !important;
804
        float: right;
805
        border: 0;
806
        margin-top: -4px; }
807
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
808
        padding: 4px 0px !important; }