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
    [PLACEHOLDER]
5
----------------------------------------------------*/
6
/*--------------------------------------------------
7
    [TRANSITION]
8
----------------------------------------------------*/
9
/* Cubic Bezier Transition */
10
/*--------------------------------------------------
11
    [Single Border Radius]
12
----------------------------------------------------*/
13
/* All Around */
14
/* Top Left */
15
/* Top Right */
16
/* Bottom Left */
17
/* Bottom Right */
18
/*--------------------------------------------------
19
	[PAGE HEADER]
20
----------------------------------------------------*/
21
.page-header {
22
  margin: 0;
23
  padding: 0;
24
  border-bottom: none;
25
  /* Navbar */ }
26
  .page-header .navbar {
27
    border-radius: 0;
28
    margin-bottom: 0;
29
    background: inherit;
30
    /* Container Fluid */
31
    /* Navbar Toggle */
32
    /* Navbar Brand */
33
    /* Search */
34
    /* Topbar Actions */
35
    /* Navbar Nav */ }
36
    .page-header .navbar > .container-fluid {
37
      margin-left: -1px;
38
      margin-right: -1px; }
39
    .page-header .navbar .navbar-toggle {
40
      border: none;
41
      padding-right: 0;
42
      margin: 8px 0 7px 20px; }
43
      .page-header .navbar .navbar-toggle .icon-bar {
44
        width: 25px;
45
        background: #606d78; }
46
        .page-header .navbar .navbar-toggle .icon-bar + .icon-bar {
47
          margin-top: 5px; }
48
    .page-header .navbar .page-logo {
49
      float: left;
50
      height: 50px;
51
      max-height: 50px;
52
      line-height: 50px;
53
      margin-right: 75px; }
54
      .page-header .navbar .page-logo img {
55
        width: auto;
56
        height: auto;
57
        max-width: 100%;
58
        max-height: 100%;
59
        display: inline-block;
60
        vertical-align: middle; }
61
    .page-header .navbar .search {
62
      top: 10px;
63
      display: table;
64
      position: relative; }
65
      .page-header .navbar .search .form-control {
66
        width: 250px;
67
        border: none;
68
        box-shadow: none;
69
        border-radius: 0;
70
        position: relative;
71
        padding-right: 42px;
72
        color: #4b5761;
73
        background: #2a3239; }
74
        .page-header .navbar .search .form-control:-moz-placeholder {
75
          color: #4b5761; }
76
        .page-header .navbar .search .form-control::-moz-placeholder {
77
          color: #4b5761; }
78
        .page-header .navbar .search .form-control:-ms-input-placeholder {
79
          color: #4b5761; }
80
        .page-header .navbar .search .form-control::-webkit-input-placeholder {
81
          color: #4b5761; }
82
      .page-header .navbar .search .btn {
83
        padding: 0; }
84
        .page-header .navbar .search .btn > i {
85
          top: 9px;
86
          right: 15px;
87
          position: absolute;
88
          color: #4b5761; }
89
    .page-header .navbar .topbar-actions {
90
      position: absolute; }
91
      .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2 {
92
        padding: 0;
93
        min-width: 300px; }
94
        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2:before {
95
          border-color: transparent transparent #21282e transparent; }
96
      .page-header .navbar .topbar-actions .btn-group-notification .btn {
97
        top: 6px;
98
        background: #009dc7;
99
        width: 35px;
100
        height: 35px; }
101
        .page-header .navbar .topbar-actions .btn-group-notification .btn i {
102
          font-size: 15px;
103
          line-height: 1.6;
104
          color: #fff; }
105
          .page-header .navbar .topbar-actions .btn-group-notification .btn i:hover {
106
            color: #fff; }
107
        .page-header .navbar .topbar-actions .btn-group-notification .btn .badge {
108
          top: -10px;
109
          right: -10px;
110
          height: 21px;
111
          color: #62717f;
112
          min-width: 21px;
113
          font-weight: 700;
114
          line-height: 1.4;
115
          position: absolute;
116
          background: transparent;
117
          border: 2px solid #2f373e;
118
          font-size: 9px !important;
119
          background: #fff; }
120
      .page-header .navbar .topbar-actions .btn-group-notification .external {
121
        padding: 15px;
122
        display: block;
123
        overflow: hidden;
124
        background: #21282e;
125
        letter-spacing: 0.5px; }
126
        .page-header .navbar .topbar-actions .btn-group-notification .external h3 {
127
          margin: 0;
128
          z-index: 1;
129
          padding: 0;
130
          float: left;
131
          color: #bbb;
132
          font-size: 13px;
133
          line-height: 1.4;
134
          max-width: 200px;
135
          position: relative; }
136
        .page-header .navbar .topbar-actions .btn-group-notification .external a {
137
          padding: 0;
138
          clear: none;
139
          font-size: 13px;
140
          font-weight: 300;
141
          text-align: right;
142
          color: #009dc7;
143
          text-transform: lowercase; }
144
      .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li {
145
        display: block;
146
        padding: 15px;
147
        border-top: 1px solid #2e353c; }
148
        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:before, .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:after {
149
          display: table;
150
          content: " "; }
151
        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:after {
152
          clear: both; }
153
        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:first-child {
154
          border-top: none; }
155
        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:hover {
156
          background: #21282e; }
157
        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a {
158
          color: #606e7a;
159
          overflow: hidden; }
160
          .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a .details {
161
            float: left;
162
            max-width: 215px; }
163
            .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a .details .label {
164
              float: left;
165
              padding: 5px;
166
              margin-right: 10px; }
167
          .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a .time {
168
            float: right;
169
            font-size: 12px;
170
            padding: 4px 8px;
171
            background: #2a3239; }
172
          .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a:hover {
173
            text-decoration: none; }
174
      .page-header .navbar .topbar-actions .btn-group-red {
175
        position: relative;
176
        margin: 0 30px 0 15px; }
177
        .page-header .navbar .topbar-actions .btn-group-red:after {
178
          top: 11px;
179
          width: 1px;
180
          content: " ";
181
          right: -17.5px;
182
          border-width: 25px;
183
          position: absolute;
184
          border-color: #3e4952;
185
          border-top-style: solid; }
186
        .page-header .navbar .topbar-actions .btn-group-red .btn {
187
          top: 6px;
188
          padding: 8px;
189
          position: relative;
190
          background: #d93d5e;
191
          color: #fff;
192
          width: 35px;
193
          height: 35px; }
194
          .page-header .navbar .topbar-actions .btn-group-red .btn > i {
195
            font-size: 20px;
196
            line-height: 0.9; }
197
      .page-header .navbar .topbar-actions .btn-group-img .btn {
198
        top: 7px;
199
        padding: 0;
200
        position: relative;
201
        line-height: normal;
202
        background: #333c43;
203
        height: 35px; }
204
        .page-header .navbar .topbar-actions .btn-group-img .btn > span {
205
          padding: 9px;
206
          line-height: 1.4;
207
          display: inline-block;
208
          vertical-align: middle;
209
          color: #009dc7;
210
          text-transform: uppercase; }
211
        .page-header .navbar .topbar-actions .btn-group-img .btn > img {
212
          margin-top: -1px;
213
          border-radius: 3px;
214
          text-align: center;
215
          vertical-align: middle;
216
          -webkit-border-radius: 2px;
217
          -moz-border-radius: 2px;
218
          -ms-border-radius: 2px;
219
          -o-border-radius: 2px;
220
          border-radius: 2px;
221
          background-clip: padding-box;
222
          height: 35px; }
223
    .page-header .navbar .navbar-nav > li > a {
224
      color: #636e77;
225
      font-size: 18px;
226
      font-weight: 400;
227
      padding: 22px 40px;
228
      background: #39424a;
229
      font-family: 'Oswald', sans-serif; }
230
      .page-header .navbar .navbar-nav > li > a > i {
231
        position: relative;
232
        top: -2px;
233
        right: 5px; }
234
    .page-header .navbar .navbar-nav > li:hover > a {
235
      color: #fff;
236
      background: #009dc7; }
237
    .page-header .navbar .navbar-nav > li.more-dropdown .dropdown-menu > li > a:hover,
238
    .page-header .navbar .navbar-nav > li .more-dropdown-sub .dropdown-menu > li > a:hover {
239
      background: #f1f1f1; }
240
    .page-header .navbar .navbar-nav > li.more-dropdown .dropdown-menu > li.active > a,
241
    .page-header .navbar .navbar-nav > li .more-dropdown-sub .dropdown-menu > li.active > a {
242
      background: #f1f1f1; }
243
    .page-header .navbar .navbar-nav li.open > a {
244
      background: #f9f9f9;
245
      color: #2a3239; }
246
    .page-header .navbar .navbar-nav li.open:hover > a {
247
      background: #f9f9f9;
248
      color: #2a3239; }
249
    .page-header .navbar .navbar-nav li.selected > a {
250
      color: #fff; }
251
    .page-header .navbar .navbar-nav li.open.selected > a {
252
      color: #2a3239; }
253
    .page-header .navbar .navbar-nav .dropdown-menu {
254
      z-index: 10;
255
      border: none;
256
      box-shadow: none;
257
      margin-top: -4px;
258
      border-radius: 0;
259
      background: #f9f9f9; }
260
      .page-header .navbar .navbar-nav .dropdown-menu:before, .page-header .navbar .navbar-nav .dropdown-menu:after {
261
        display: none !important; }
262
      .page-header .navbar .navbar-nav .dropdown-menu > li {
263
        display: inline-block; }
264
        .page-header .navbar .navbar-nav .dropdown-menu > li > a {
265
          color: #6c7b88;
266
          font-size: 14px;
267
          font-weight: 500;
268
          text-decoration: none;
269
          padding: 30px 15px 30px 30px;
270
          font-family: "Open Sans", sans-serif; }
271
          .page-header .navbar .navbar-nav .dropdown-menu > li > a:focus, .page-header .navbar .navbar-nav .dropdown-menu > li > a:hover {
272
            background: inherit;
273
            color: #009dc7; }
274
            .page-header .navbar .navbar-nav .dropdown-menu > li > a:focus > i, .page-header .navbar .navbar-nav .dropdown-menu > li > a:hover > i {
275
              color: #009dc7; }
276
      .page-header .navbar .navbar-nav .dropdown-menu li.active > a {
277
        background: inherit;
278
        color: #009dc7; }
279
        .page-header .navbar .navbar-nav .dropdown-menu li.active > a > i {
280
          color: #009dc7; }
281
 
282
/* Page Portflet Fullscreen leaves everything behind the window */
283
.page-portlet-fullscreen .page-header {
284
  display: none; }
285
 
286
/* Material Design */
287
.page-md {
288
  /* Topbar Actions */
289
  /* Dropdown Menu */ }
290
  .page-md .topbar-actions .btn-group-notification .btn {
291
    overflow: visible !important; }
292
    .page-md .topbar-actions .btn-group-notification .btn .badge {
293
      padding: 3px 6px 2px; }
294
  .page-md .navbar-collapse .dropdown .dropdown-menu {
295
    box-shadow: none !important; }
296
  .page-md .navbar-collapse .more-dropdown-sub .dropdown-menu,
297
  .page-md .navbar-collapse .more-dropdown .dropdown-menu {
298
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1) !important; }
299
 
300
/* Bootstrap collapse nav at max-width: 991px */
301
@media (max-width: 991px) {
302
  /* 991px */
303
  .page-header .navbar-toggle {
304
    display: block; }
305
  .page-header .navbar-collapse.collapse {
306
    display: none !important; }
307
  .page-header .navbar-collapse.collapse.in {
308
    display: block !important;
309
    overflow-y: auto !important; }
310
  .page-header .navbar-nav {
311
    margin: 0;
312
    float: none !important; }
313
  .page-header .navbar-nav > li {
314
    float: none; } }
315
 
316
/* Stylesheet design for under max-width: 480px */
317
@media (max-width: 480px) {
318
  /* 480px */
319
  .page-header {
320
    /* Search */
321
    /*Topbar Actions*/ }
322
    .page-header .search .form-control {
323
      width: 130px !important; }
324
    .page-header .topbar-actions {
325
      float: right;
326
      margin-bottom: 15px;
327
      position: static !important; }
328
      .page-header .topbar-actions .btn-group-notification .dropdown-menu-v2 {
329
        right: -125px; }
330
        .page-header .topbar-actions .btn-group-notification .dropdown-menu-v2:before {
331
          top: -10px;
332
          left: 150px;
333
          border-width: 0 7.5px 15px 7.5px;
334
          border-color: transparent transparent #242b31 transparent; }
335
      .page-header .topbar-actions .btn-group-red .dropdown-menu-v2 {
336
        right: -70px; }
337
        .page-header .topbar-actions .btn-group-red .dropdown-menu-v2:before {
338
          top: -10px;
339
          right: 80px;
340
          border-width: 0 7.5px 15px 7.5px;
341
          border-color: transparent transparent #242b31 transparent; } }
342
 
343
/* Stylesheet design for under max-width: 768px */
344
@media (max-width: 768px) {
345
  /* 768px */
346
  .page-header {
347
    /* Page Logo */
348
    /* Topbar Actions */ }
349
    .page-header .page-logo {
350
      display: block;
351
      float: none !important; }
352
    .page-header .topbar-actions .btn-group-img .btn > span {
353
      display: none !important; } }
354
 
355
/* Stylesheet design for under max-width: 991px */
356
@media (max-width: 991px) {
357
  /* 991px */
358
  .page-header {
359
    /* Navbar Fixed Top */
360
    /* Page Logo */
361
    /* Search */
362
    /* Topbar Actions */
363
    /* Navbar Collapse */ }
364
    .page-header .navbar-fixed-top {
365
      position: static;
366
      margin: 10px auto; }
367
    .page-header .page-logo {
368
      float: none !important; }
369
    .page-header .search {
370
      display: inherit !important; }
371
      .page-header .search .form-control {
372
        height: 45px;
373
        width: 100% !important; }
374
      .page-header .search .btn i {
375
        top: 14px !important; }
376
    .page-header .topbar-actions {
377
      top: 10px;
378
      right: 60px; }
379
    .page-header .nav-collapse {
380
      box-shadow: none;
381
      border-top: none; }
382
      .page-header .nav-collapse .navbar-nav {
383
        margin-bottom: 15px;
384
        /* More Dropdown Sub */ }
385
        .page-header .nav-collapse .navbar-nav > li {
386
          border-top: 1px solid #414b54; }
387
          .page-header .nav-collapse .navbar-nav > li:first-child {
388
            border-top: none; }
389
          .page-header .nav-collapse .navbar-nav > li > a {
390
            position: relative; }
391
            .page-header .nav-collapse .navbar-nav > li > a:after {
392
              top: 20px;
393
              right: 20px;
394
              color: #8897a1;
395
              font-size: 16px;
396
              content: "\f105";
397
              position: absolute;
398
              font-weight: normal;
399
              display: inline-block;
400
              font-family: FontAwesome; }
401
          .page-header .nav-collapse .navbar-nav > li:hover > a:after {
402
            color: #fff; }
403
        .page-header .nav-collapse .navbar-nav li.open > a:after {
404
          color: #6c7b88 !important;
405
          content: "\f107"; }
406
        .page-header .nav-collapse .navbar-nav li.selected > a {
407
          background: #009dc7; }
408
          .page-header .nav-collapse .navbar-nav li.selected > a:after {
409
            color: #fff; }
410
        .page-header .nav-collapse .navbar-nav li.selected.open > a {
411
          background: #f9f9f9; }
412
        .page-header .nav-collapse .navbar-nav .dropdown-menu > li > a {
413
          padding: 10px 15px 10px 50px; }
414
          .page-header .nav-collapse .navbar-nav .dropdown-menu > li > a:hover {
415
            color: #009dc7 !important; }
416
        .page-header .nav-collapse .navbar-nav .more-dropdown-sub > a:after {
417
          top: 10px;
418
          right: 20px;
419
          color: #6c7b88;
420
          font-size: 16px;
421
          content: "\f105";
422
          position: absolute;
423
          font-weight: normal;
424
          display: inline-block;
425
          font-family: FontAwesome; }
426
        .page-header .nav-collapse .navbar-nav .more-dropdown-sub:focus > a, .page-header .nav-collapse .navbar-nav .more-dropdown-sub:hover > a {
427
          color: #636e77 !important; }
428
        .page-header .nav-collapse .navbar-nav .more-dropdown-sub.open > a:after {
429
          color: #6c7b88;
430
          content: "\f107"; }
431
        .page-header .nav-collapse .navbar-nav .more-dropdown-sub.open > a:focus {
432
          color: #636e77; }
433
        .page-header .nav-collapse .navbar-nav .more-dropdown-sub.open .dropdown-menu {
434
          margin-left: 15px; } }
435
 
436
/* Stylesheet design for above 767px */
437
@media (min-width: 767px) {
438
  /* 767px */
439
  .page-header {
440
    /* Nav Collapse */ }
441
    .page-header .nav-collapse {
442
      padding: 0; } }
443
 
444
/* Stylesheet design for above 992px */
445
@media (min-width: 992px) {
446
  /* 992px */
447
  /* Page On Scroll */
448
  .page-on-scroll .page-header {
449
    /* Navbar Fixed Top */
450
    /* Topbar Actions */
451
    /* Dropdown Menu */ }
452
    .page-on-scroll .page-header .navbar-fixed-top {
453
      padding: 5px 25px;
454
      transition-duration: 300ms;
455
      transition-property: all;
456
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
457
    .page-on-scroll .page-header .topbar-actions {
458
      top: 8px;
459
      right: 25px;
460
      transition-duration: 300ms;
461
      transition-property: all;
462
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
463
    .page-on-scroll .page-header .dropdown-menu-v2 {
464
      margin-top: 21px;
465
      transition-duration: 300ms;
466
      transition-property: all;
467
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
468
  .page-header {
469
    /* Navbar Fixed Top */
470
    /* Topbar Actions */
471
    /* Navbar Collapse */ }
472
    .page-header .navbar-fixed-top {
473
      top: 0;
474
      left: 0;
475
      right: 0;
476
      padding: 20px 25px;
477
      background: #2f373e;
478
      transition-duration: 300ms;
479
      transition-property: all;
480
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
481
    .page-header .topbar-actions {
482
      top: 20px;
483
      right: 25px;
484
      transition-duration: 300ms;
485
      transition-property: all;
486
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
487
    .page-header .navbar-collapse {
488
      margin-top: 83px; }
489
      .page-header .navbar-collapse .navbar-nav {
490
        /* More Dropdown */
491
        /* More Dropdown Sub */ }
492
        .page-header .navbar-collapse .navbar-nav > li {
493
          margin-left: 2px; }
494
          .page-header .navbar-collapse .navbar-nav > li:first-child {
495
            margin-left: 0; }
496
          .page-header .navbar-collapse .navbar-nav > li > a {
497
            -webkit-border-top-left-radius: 2px;
498
            -moz-border-top-left-radius: 2px;
499
            -ms-border-top-left-radius: 2px;
500
            -o-border-top-left-radius: 2px;
501
            border-top-left-radius: 2px;
502
            background-clip: padding-box;
503
            -webkit-border-top-right-radius: 2px;
504
            -moz-border-top-right-radius: 2px;
505
            -ms-border-top-right-radius: 2px;
506
            -o-border-top-right-radius: 2px;
507
            border-top-right-radius: 2px;
508
            background-clip: padding-box; }
509
        .page-header .navbar-collapse .navbar-nav li.opened > .dropdown-menu {
510
          display: block; }
511
        .page-header .navbar-collapse .navbar-nav .more-dropdown > a {
512
          padding-right: 57px;
513
          position: relative; }
514
          .page-header .navbar-collapse .navbar-nav .more-dropdown > a:after {
515
            top: 22px;
516
            right: 30px;
517
            color: #6c7b88;
518
            font-size: 20px;
519
            content: "\f107";
520
            position: absolute;
521
            font-weight: normal;
522
            display: inline-block;
523
            font-family: FontAwesome; }
524
        .page-header .navbar-collapse .navbar-nav .more-dropdown:hover > a {
525
          background: #f9f9f9;
526
          color: #2a3239; }
527
          .page-header .navbar-collapse .navbar-nav .more-dropdown:hover > a:after {
528
            color: #fff; }
529
        .page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu {
530
          min-width: 230px;
531
          padding: 10px auto;
532
          box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
533
          .page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu > li {
534
            display: block; }
535
            .page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu > li > a {
536
              padding: 8px 30px; }
537
        .page-header .navbar-collapse .navbar-nav .more-dropdown:hover > .dropdown-menu {
538
          display: block; }
539
        .page-header .navbar-collapse .navbar-nav .more-dropdown.open > a:after {
540
          color: #2a3239; }
541
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub > a {
542
          padding: 30px !important;
543
          position: relative;
544
          background: inherit; }
545
          .page-header .navbar-collapse .navbar-nav .more-dropdown-sub > a:after {
546
            top: 30px;
547
            right: 10px;
548
            color: #6c7b88;
549
            font-size: 16px;
550
            content: "\f107";
551
            position: absolute;
552
            font-weight: normal;
553
            display: inline-block;
554
            font-family: "FontAwesome"; }
555
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:focus > a, .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover > a {
556
          color: #009dc7 !important; }
557
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover > a:after {
558
          color: #009dc7; }
559
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu {
560
          min-width: 230px;
561
          padding: 10px auto;
562
          box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
563
          .page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu > li {
564
            display: block; }
565
            .page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu > li > a {
566
              padding: 8px 30px; }
567
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover > .dropdown-menu {
568
          display: block; } }
569
 
570
/*Mega Menu under max-width: 991px */
571
@media (max-width: 991px) {
572
  /* 991px */
573
  .mega-menu .dropdown-menu {
574
    left: 0;
575
    right: 0;
576
    float: none !important;
577
    width: auto;
578
    position: static !important; }
579
    .mega-menu .dropdown-menu > li {
580
      display: block !important; } }
581
 
582
/* Mega Menu above 991px */
583
@media (min-width: 991px) {
584
  /* 991px */
585
  .mega-menu .nav,
586
  .mega-menu .collapse,
587
  .mega-menu .dropup {
588
    position: static; }
589
  .mega-menu .dropdown-fw {
590
    position: static; }
591
  .mega-menu .dropdown-menu-fw {
592
    left: 15px;
593
    right: 15px; } }
594
 
595
/*--------------------------------------------------
596
    [PAGE SIDEBAR]
597
----------------------------------------------------*/
598
.page-content-container {
599
  overflow: hidden; }
600
 
601
.page-content-row {
602
  width: 100%;
603
  display: table;
604
  height: 100%;
605
  position: relative;
606
  margin: 0;
607
  padding: 0;
608
  /* Page Siderbar */ }
609
  .page-content-row .page-sidebar {
610
    display: table-cell;
611
    vertical-align: top;
612
    width: 225px;
613
    min-width: 225px;
614
    margin: 0px;
615
    padding: 0;
616
    /* Navbar Collapse */
617
    /* Navbar Nav */ }
618
    .page-content-row .page-sidebar h3 {
619
      font-size: 18px;
620
      font-weight: 500;
621
      line-height: 1.4;
622
      margin: 0 0 15px;
623
      text-transform: uppercase;
624
      color: #2a3239;
625
      font-family: 'Oswald', sans-serif; }
626
    .page-content-row .page-sidebar .navbar-nav {
627
      float: none;
628
      padding: 0;
629
      margin: 0 0 30px 0; }
630
      .page-content-row .page-sidebar .navbar-nav > li {
631
        float: none;
632
        display: block;
633
        margin-top: 2px; }
634
        .page-content-row .page-sidebar .navbar-nav > li:first-child {
635
          margin-top: 0; }
636
        .page-content-row .page-sidebar .navbar-nav > li > a {
637
          display: block;
638
          color: #6c7b88;
639
          font-size: 14px;
640
          font-weight: 600;
641
          padding: 10px 20px;
642
          background: #f4f7f8;
643
          text-transform: uppercase;
644
          -webkit-border-radius: 2px;
645
          -moz-border-radius: 2px;
646
          -ms-border-radius: 2px;
647
          -o-border-radius: 2px;
648
          border-radius: 2px;
649
          background-clip: padding-box; }
650
          .page-content-row .page-sidebar .navbar-nav > li > a > i {
651
            color: #5c7b88;
652
            margin-right: 7px; }
653
          .page-content-row .page-sidebar .navbar-nav > li > a .label {
654
            font-size: 11px;
655
            margin: 1px 0 0;
656
            float: right !important; }
657
          .page-content-row .page-sidebar .navbar-nav > li > a .badge {
658
            margin-top: 1px;
659
            float: right !important; }
660
          .page-content-row .page-sidebar .navbar-nav > li > a:hover {
661
            color: #fff;
662
            background: #009dc7; }
663
            .page-content-row .page-sidebar .navbar-nav > li > a:hover > i {
664
              color: #fff; }
665
      .page-content-row .page-sidebar .navbar-nav li.active > a {
666
        color: #fff;
667
        background: #009dc7; }
668
        .page-content-row .page-sidebar .navbar-nav li.active > a > i {
669
          color: #fff; }
670
  .page-content-row .page-content-col {
671
    vertical-align: top;
672
    display: table-cell;
673
    padding-left: 20px; }
674
 
675
/* Material Design */
676
.page-md .page-sidebar .navbar-nav {
677
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1); }
678
 
679
@media (max-width: 991px) {
680
  /* 991px */
681
  /* Navbar Toggle */
682
  .navbar-toggle {
683
    display: inline-block;
684
    border: none;
685
    padding-right: 0;
686
    margin: 8px 0 7px 20px; }
687
    .navbar-toggle .icon-bar {
688
      width: 25px;
689
      background: #606d78; }
690
      .navbar-toggle .icon-bar + .icon-bar {
691
        margin-top: 5px; }
692
  .page-content-row {
693
    width: 100%;
694
    display: block;
695
    /* Page Siderbar */ }
696
    .page-content-row .page-sidebar {
697
      overflow-y: hidden;
698
      display: block;
699
      height: 0;
700
      margin-bottom: 20px;
701
      width: 100%;
702
      min-width: 100%; }
703
    .page-content-row .page-sidebar.in {
704
      height: auto;
705
      display: block; }
706
    .page-content-row .page-content-col {
707
      padding-left: 0px;
708
      display: block; }
709
      .page-content-row .page-content-col .page-content {
710
        padding-top: 0; } }
711
 
712
/*--------------------------------------------------
713
	[PAGE CONTENT]
714
----------------------------------------------------*/
715
/* Body */
716
body {
717
  font-size: 14px;
718
  background: #2f373e; }
719
 
720
/* Go2top */
721
.go2top i,
722
.go2top i:focus {
723
  right: 27px;
724
  bottom: 52px;
725
  width: 38px;
726
  height: 38px;
727
  z-index: 999;
728
  line-height: 1;
729
  font-size: 35px;
730
  position: fixed;
731
  color: #4b5761; }
732
 
733
.page-portlet-fullscreen .go2top i {
734
  z-index: -1; }
735
 
736
/* Wrapper for above 991px */
737
@media (min-width: 991px) {
738
  /* 991px */
739
  .wrapper {
740
    margin: 10px; } }
741
 
742
/* Page Content */
743
.page-content {
744
  padding: 30px;
745
  min-height: 500px;
746
  margin-bottom: 15px;
747
  background: #fff; }
748
 
749
@media (max-width: 992px) {
750
  /* 992px */
751
  .page-content {
752
    margin-top: -1px; } }
753
 
754
@media (min-width: 992px) {
755
  /* 991px */
756
  .page-content {
757
    margin-top: -4px;
758
    padding-top: 105px;
759
    position: relative;
760
    -webkit-border-top-right-radius: 2px;
761
    -moz-border-top-right-radius: 2px;
762
    -ms-border-top-right-radius: 2px;
763
    -o-border-top-right-radius: 2px;
764
    border-top-right-radius: 2px;
765
    background-clip: padding-box;
766
    -webkit-border-bottom-left-radius: 2px;
767
    -moz-border-bottom-left-radius: 2px;
768
    -ms-border-bottom-left-radius: 2px;
769
    -o-border-bottom-left-radius: 2px;
770
    border-bottom-left-radius: 2px;
771
    background-clip: padding-box;
772
    -webkit-border-bottom-right-radius: 2px;
773
    -moz-border-bottom-right-radius: 2px;
774
    -ms-border-bottom-right-radius: 2px;
775
    -o-border-bottom-right-radius: 2px;
776
    border-bottom-right-radius: 2px;
777
    background-clip: padding-box; } }
778
 
779
/*--------------------------------------------------
780
	[BREADCRUMBS]
781
----------------------------------------------------*/
782
.breadcrumbs {
783
  overflow: hidden;
784
  margin-bottom: 30px;
785
  padding-right: 6px; }
786
  .breadcrumbs h1 {
787
    margin: 0;
788
    float: left;
789
    font-size: 22px;
790
    font-weight: 500;
791
    line-height: 1.4;
792
    margin-right: 20px;
793
    text-transform: uppercase;
794
    color: #2a3239;
795
    font-family: 'Oswald', sans-serif; }
796
  .breadcrumbs .breadcrumb {
797
    margin: 0;
798
    padding: 0;
799
    text-align: right;
800
    background: inherit; }
801
    .breadcrumbs .breadcrumb > li {
802
      font-size: 13px; }
803
      .breadcrumbs .breadcrumb > li + li:before {
804
        top: 2px;
805
        color: #dfe4e6;
806
        font-size: 20px;
807
        content: "\2022";
808
        position: relative;
809
        padding: 0 8px 0 5px; }
810
      .breadcrumbs .breadcrumb > li > a {
811
        color: #6c7b88;
812
        text-transform: uppercase; }
813
        .breadcrumbs .breadcrumb > li > a:hover {
814
          text-decoration: none;
815
          color: #009dc7; }
816
    .breadcrumbs .breadcrumb li.active {
817
      color: #009dc7;
818
      text-transform: uppercase; }
819
 
820
@media (max-width: 991px) {
821
  /* 991px */
822
  .breadcrumbs {
823
    overflow: hidden;
824
    text-align: left;
825
    margin-bottom: 10px; }
826
    .breadcrumbs h1 {
827
      float: none;
828
      margin-bottom: 20px; }
829
    .breadcrumbs .breadcrumb {
830
      text-align: left; } }
831
 
832
/*--------------------------------------------------
833
	[Copyright]
834
----------------------------------------------------*/
835
.copyright {
836
  color: #bbb;
837
  margin-bottom: 5px; }
838
 
839
/* Stylesheet design for under max-width: 991px */
840
@media (max-width: 991px) {
841
  /* 991px */
842
  .copyright {
843
    margin-bottom: 15px; } }
844
 
845
/******************
846
Page Quick Sidebar
847
******************/
848
/***
849
Quick Sidebar Layout
850
***/
851
/* Page Portlet Fullscreen */
852
.page-portlet-fullscreen .page-quick-sidebar-wrapper,
853
.page-portlet-fullscreen .page-quick-sidebar-toggler {
854
  z-index: -1; }
855
 
856
/* Quick sidebar toggler */
857
.page-header .mega-menu .quick-sidebar-toggler {
858
  top: 9px;
859
  border: none;
860
  outline: none;
861
  padding: 5px 5px;
862
  margin-left: 15px;
863
  position: relative;
864
  background: #45b6af;
865
  -webkit-border-radius: 2px;
866
  -moz-border-radius: 2px;
867
  -ms-border-radius: 2px;
868
  -o-border-radius: 2px;
869
  border-radius: 2px;
870
  background-clip: padding-box;
871
  width: 35px;
872
  height: 35px; }
873
  .page-header .mega-menu .quick-sidebar-toggler i {
874
    position: relative;
875
    top: 1px;
876
    color: #fff; }
877
    .page-header .mega-menu .quick-sidebar-toggler i:before {
878
      content: ""/*rtl:""*/; }
879
    .page-quick-sidebar-open .page-header .mega-menu .quick-sidebar-toggler i:before {
880
      content: ""/*rtl:""*/; }
881
 
882
/* Page Portlet Fullscreen */
883
.page-portlet-fullscreen .page-quick-sidebar-wrapper,
884
.page-portlet-fullscreen .page-quick-sidebar-toggler {
885
  z-index: -1; }
886
 
887
/* Quick sidebar toggler */
888
.page-quick-sidebar-toggler {
889
  overflow: hidden;
890
  z-index: 99999;
891
  display: none;
892
  width: 28px;
893
  height: 27px;
894
  position: fixed;
895
  top: 10px;
896
  right: 15px;
897
  text-align: center;
898
  padding-top: 6px; }
899
  .page-quick-sidebar-toggler:hover {
900
    background: #303a43; }
901
  .page-quick-sidebar-open .page-quick-sidebar-toggler {
902
    display: inline-block; }
903
    .page-quick-sidebar-open .page-quick-sidebar-toggler:hover {
904
      background: none; }
905
  .page-quick-sidebar-toggler > i {
906
    color: #99a8b5;
907
    font-size: 17px; }
908
    .page-quick-sidebar-toggler > i:hover {
909
      color: #fff !important; }
910
    .page-quick-sidebar-open .page-quick-sidebar-toggler > i:before {
911
      content: ""/*rtl:""*/; }
912
 
913
/* Quick sidebar wrapper */
914
.page-quick-sidebar-wrapper {
915
  transition: right 0.3s;
916
  z-index: 9999;
917
  position: fixed;
918
  top: 0;
919
  bottom: 0;
920
  width: 320px;
921
  right: -320px;
922
  overflow: hidden;
923
  color: #99a8b5;
924
  background: #21282e; }
925
  .page-quick-sidebar-open .page-quick-sidebar-wrapper {
926
    transition: right 0.3s;
927
    right: 0; }
928
  .page-quick-sidebar-wrapper .page-quick-sidebar {
929
    background: #21282e;
930
    /* Quick sidebar tabs content */
931
    /* Quick sidebar general list heading */
932
    /* Quick sidebar general list-items */
933
    /* Inner content */
934
    /* Quick sidebar list */
935
    /* Quick sidebar list item */
936
    /* Quick sidebar list item shown */
937
    /* Quick sidebar chat */
938
    /* Quick sidebar alerts */
939
    /* Quick sidebar settings */ }
940
    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs {
941
      margin: 0;
942
      padding: 0;
943
      border: 0; }
944
      .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li {
945
        display: table-cell !important;
946
        width: 1%  !important;
947
        padding: 0;
948
        margin: 0;
949
        float: none; }
950
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
951
          position: relative;
952
          display: block;
953
          text-align: center;
954
          border: 0;
955
          height: auto;
956
          font-size: 14px;
957
          padding: 45px 15px 8px;
958
          text-transform: uppercase;
959
          background: none;
960
          margin-right: 0;
961
          color: #90a1af;
962
          border: 0;
963
          border-bottom: 3px solid rgba(243, 86, 93, 0.3);
964
          -webkit-border-radius: 0;
965
          -moz-border-radius: 0;
966
          -ms-border-radius: 0;
967
          -o-border-radius: 0;
968
          border-radius: 0;
969
          background-clip: padding-box;
970
          outline: none !important; }
971
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a > .badge {
972
            position: absolute;
973
            top: 45px;
974
            right: 3px; }
975
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
976
          border: 0;
977
          border-bottom: 3px solid #f3565d;
978
          background: none;
979
          color: #fff;
980
          text-decoration: none; }
981
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu {
982
          border: 0;
983
          background: #36424c;
984
          box-shadow: 5px 5px rgba(97, 117, 135, 0.1);
985
          margin-top: 8px;
986
          margin-right: 20px; }
987
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:before {
988
            position: absolute;
989
            top: -7px;
990
            right: 19px;
991
            display: inline-block !important;
992
            border-right: 7px solid transparent;
993
            border-left: 7px solid transparent;
994
            border-bottom: 7px solid #36424c;
995
            content: ''; }
996
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:after {
997
            position: absolute;
998
            top: -6px;
999
            right: 20px;
1000
            display: inline-block !important;
1001
            border-right: 6px solid transparent;
1002
            border-left: 6px solid transparent;
1003
            border-bottom: 7px solid #36424c;
1004
            content: ''; }
1005
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a {
1006
            padding: 10px 15px;
1007
            color: #99a8b5; }
1008
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a > i {
1009
              color: #93a3b1; }
1010
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a {
1011
            background: #3d4a55;
1012
            color: #99a8b5; }
1013
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i {
1014
              color: #9babb8; }
1015
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.active > a {
1016
            background: #38444f;
1017
            color: #99a8b5; }
1018
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.divider {
1019
            background-color: #3d4a55; }
1020
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.open > a.dropdown-toggle {
1021
          border-bottom: 3px solid #f3565d;
1022
          background: none;
1023
          text-decoration: none;
1024
          color: #90a1af; }
1025
    .page-quick-sidebar-wrapper .page-quick-sidebar .tab-content {
1026
      margin: 0;
1027
      padding: 0; }
1028
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
1029
      font-size: 16px;
1030
      margin: 10px 10px;
1031
      color: #6c8296; }
1032
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
1033
      margin: 0;
1034
      padding: 0;
1035
      list-style: none; }
1036
      .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
1037
        margin: 0;
1038
        padding: 15px;
1039
        background: none;
1040
        border-bottom-width: 1px;
1041
        border-bottom-style: solid;
1042
        border-bottom-color: #273037; }
1043
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
1044
          background: #273037; }
1045
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
1046
          border-bottom: 0; }
1047
      .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
1048
        border: 0; }
1049
    .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
1050
      margin: 10px 10px; }
1051
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
1052
      position: absolute !important;
1053
      width: 320px !important;
1054
      transition: margin 0.3s; }
1055
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
1056
      width: 320px;
1057
      position: absolute !important;
1058
      width: 320px !important;
1059
      transition: margin 0.3s;
1060
      margin-left: 320px; }
1061
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
1062
        padding: 15px 10px 0px 10px; }
1063
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
1064
          vertical-align: middle;
1065
          display: inline-block;
1066
          font-size: 14px;
1067
          color: #90a1af; }
1068
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
1069
            text-decoration: none; }
1070
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
1071
            font-size: 17px;
1072
            line-height: 17px;
1073
            vertical-align: top;
1074
            margin-right: 3px; }
1075
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
1076
      transition: margin 0.3s;
1077
      margin-left: -320px; }
1078
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
1079
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
1080
        display: none !important; }
1081
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
1082
      transition: margin 0.3s;
1083
      margin-left: 0; }
1084
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
1085
      padding: 10px 0;
1086
      position: relative; }
1087
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
1088
        padding: 15px 15px; }
1089
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
1090
          border-radius: 50% !important;
1091
          width: 45.71429px;
1092
          opacity: 0.8;
1093
          filter: alpha(opacity=80);
1094
          float: left;
1095
          margin-right: 10px; }
1096
          .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 {
1097
            content: " ";
1098
            display: table; }
1099
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
1100
            clear: both; }
1101
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
1102
          cursor: pointer; }
1103
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
1104
            opacity: 1;
1105
            filter: alpha(opacity=100); }
1106
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
1107
          margin: 5px 0 0 0;
1108
          font-size: 14px; }
1109
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
1110
          font-size: 11px;
1111
          text-transform: uppercase;
1112
          color: #657b8d; }
1113
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
1114
          font-size: 10px;
1115
          color: #5d7081; }
1116
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
1117
          margin-top: 10px;
1118
          right: 10px;
1119
          position: absolute;
1120
          display: inline-block; }
1121
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
1122
      padding: 0px 10px;
1123
      position: relative; }
1124
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
1125
        transition: display 0.3s;
1126
        padding: 5px 0;
1127
        margin: 10px auto;
1128
        font-size: 13px; }
1129
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
1130
          color: #c3c3c3;
1131
          display: block; }
1132
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
1133
          width: 45.71429px;
1134
          border-radius: 50% !important; }
1135
        .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 {
1136
          float: left;
1137
          margin-right: 10px; }
1138
        .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 {
1139
          float: right;
1140
          margin-left: 10px; }
1141
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
1142
          font-size: 12px;
1143
          font-weight: 300;
1144
          color: #8496a7; }
1145
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
1146
          font-size: 12px;
1147
          font-weight: 300;
1148
          color: #8496a7; }
1149
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
1150
          display: block;
1151
          padding: 5px;
1152
          position: relative;
1153
          color: #90a1af;
1154
          background: #36424c; }
1155
        .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 {
1156
          text-align: left;
1157
          margin-left: 55px; }
1158
          .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 {
1159
            display: block;
1160
            position: absolute;
1161
            top: 9px;
1162
            left: -6px;
1163
            width: 0;
1164
            height: 0;
1165
            border-top: 6px solid transparent;
1166
            border-bottom: 6px solid transparent;
1167
            border-right-width: 6px;
1168
            border-right-style: solid;
1169
            border-right-color: #36424c; }
1170
        .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 {
1171
          margin-right: 55px;
1172
          text-align: right; }
1173
          .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 {
1174
            display: block;
1175
            position: absolute;
1176
            top: 9px;
1177
            right: -6px;
1178
            border-top: 6px solid transparent;
1179
            border-bottom: 6px solid transparent;
1180
            border-left-width: 6px;
1181
            border-left-style: solid;
1182
            border-left-color: #36424c; }
1183
        .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,
1184
        .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 {
1185
          text-align: right; }
1186
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
1187
      padding: 20px 10px 15px 10px; }
1188
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
1189
      padding: 10px 0;
1190
      position: relative; }
1191
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
1192
        color: #7e91a2; }
1193
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label {
1194
          margin-top: 5px; }
1195
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
1196
          text-decoration: underline;
1197
          padding: 0;
1198
          color: #788c9e; }
1199
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date {
1200
          color: #5d7081; }
1201
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
1202
      padding: 10px 0;
1203
      position: relative; }
1204
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
1205
        margin-top: -3px;
1206
        float: right;
1207
        border: 0;
1208
        min-width: 59px; }
1209
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
1210
        width: 75px !important;
1211
        padding: 4px 4px !important;
1212
        float: right;
1213
        border: 0;
1214
        margin-top: -4px; }
1215
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
1216
        padding: 4px 0px !important; }