Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1
@charset "UTF-8";
2
/* Cubic Bezier Transition */
3
@media print {
4
  body {
5
    background-color: #fff !important; }
6
  .page-bar {
7
    display: none; }
8
  .page-sidebar-wrapper {
9
    display: none; }
10
  .theme-panel {
11
    display: none; }
12
  .hidden-print {
13
    display: none; }
14
  .page-footer {
15
    display: none; }
16
  .no-page-break {
17
    page-break-after: avoid; }
18
  .page-container {
19
    margin: 0px !important;
20
    padding: 0px !important; }
21
  .page-content {
22
    padding: 0 !important;
23
    min-height: 300px !important;
24
    padding: 0px 20px 20px !important;
25
    margin: 0 !important; }
26
    .page-content > .portlet {
27
      padding: 0;
28
      margin: 0; }
29
      .page-content > .portlet > .portlet-body {
30
        padding: 0;
31
        margin: 0; } }
32
 
33
/***
34
Page Header
35
***/
36
.page-header.navbar {
37
  width: 100%;
38
  padding: 0 20px 0 20px;
39
  margin: 0;
40
  border: 0px;
41
  padding: 0px;
42
  box-shadow: none;
43
  height: 68px;
44
  min-height: 68px;
45
  filter: none;
46
  background-image: none;
47
  /* Fixed header */
48
  /* Header logo */
49
  /* header top */
50
  /* Search box */
51
  /* Menu Toggler */
52
  /* Top menu */ }
53
  .page-header.navbar.navbar-fixed-top {
54
    z-index: 9995; }
55
  .page-header.navbar.navbar-static-top {
56
    z-index: 9995; }
57
  .page-header.navbar .page-logo {
58
    float: left;
59
    display: block;
60
    width: 195px;
61
    height: 68px;
62
    padding-left: 20px;
63
    padding-right: 20px; }
64
    .page-header.navbar .page-logo > .logo-image,
65
    .page-header.navbar .page-logo > a {
66
      display: block;
67
      float: left; }
68
    .page-header.navbar .page-logo .logo-default {
69
      margin: 27px 0 0 0; }
70
    .page-header.navbar .page-logo .logo-mini {
71
      display: none;
72
      margin-left: 5px; }
73
    .page-header.navbar .page-logo .text-logo {
74
      padding-left: 20px;
75
      padding-top: 12px; }
76
  .page-header.navbar .page-top {
77
    height: 68px;
78
    background: #BAC0B6; }
79
  .page-header.navbar .search-form {
80
    margin-left: 10px;
81
    display: inline-block;
82
    width: 68px;
83
    position: relative;
84
    float: left !important;
85
    transition: all 0.6s; }
86
    .page-header.navbar .search-form .input-group .form-control {
87
      height: 68px;
88
      border: 0;
89
      background: transparent !important;
90
      font-size: 14px;
91
      padding-left: 0;
92
      margin-left: 12px;
93
      text-indent: -150000px; }
94
      .page-header.navbar .search-form .input-group .form-control:hover {
95
        cursor: pointer; }
96
    .page-header.navbar .search-form .input-group .input-group-btn {
97
      height: 68px; }
98
      .page-header.navbar .search-form .input-group .input-group-btn .btn.submit {
99
        margin-left: -24px;
100
        padding: 0;
101
        width: 68px;
102
        background: none;
103
        margin-top: 4px;
104
        display: block; }
105
        .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
106
          font-size: 15px; }
107
    .page-header.navbar .search-form.open {
108
      transition: all 0.6s;
109
      width: 300px !important; }
110
      .page-header.navbar .search-form.open .input-group .form-control {
111
        text-indent: 0; }
112
        .page-header.navbar .search-form.open .input-group .form-control:hover {
113
          cursor: text; }
114
      .page-header.navbar .search-form.open .input-group .input-group-btn .btn.submit {
115
        margin-left: 0; }
116
  .page-header.navbar .menu-toggler {
117
    display: block;
118
    cursor: pointer;
119
    opacity: 0.6;
120
    filter: alpha(opacity=60);
121
    width: 20px;
122
    height: 20px;
123
    background-repeat: no-repeat;
124
    background-position: center center;
125
    background-image: url(../img/sidebar-toggler.png); }
126
    .page-header.navbar .menu-toggler:hover {
127
      filter: alpha(opacity=100);
128
      opacity: 1; }
129
    .page-header.navbar .menu-toggler.sidebar-toggler {
130
      float: right;
131
      margin: 23px 0 0 0; }
132
      .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
133
        margin-right: 17px; }
134
    .page-header.navbar .menu-toggler.responsive-toggler {
135
      display: none;
136
      float: right;
137
      margin: 24px 14px 0 6px;
138
      background-image: url(../img/sidebar-toggler-inverse.png); }
139
  .page-header.navbar .page-actions {
140
    margin: 17px 0 15px 15px;
141
    padding: 0;
142
    float: left; }
143
    .page-header.navbar .page-actions .btn-group .dropdown-menu:before {
144
      left: 9px;
145
      right: auto; }
146
    .page-header.navbar .page-actions .btn-group .dropdown-menu:after {
147
      left: 10px;
148
      right: auto; }
149
  .page-header.navbar .top-menu {
150
    margin: 0;
151
    padding: 0;
152
    float: right; }
153
    .page-header.navbar .top-menu .navbar-nav {
154
      padding: 0;
155
      margin-right: 20px;
156
      display: block;
157
      /* Extended Dropdowns */
158
      /* Notification */
159
      /* Inbox */
160
      /* Tasks */
161
      /* User */
162
      /* Quick Sidebar */
163
      /* Language */
164
      /* Dark version */ }
165
      .page-header.navbar .top-menu .navbar-nav > li.dropdown {
166
        margin: 0px;
167
        padding: 0px;
168
        height: 68px;
169
        display: inline-block; }
170
        .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
171
          margin: 0px;
172
          padding: 28px 16px 19px 16px; }
173
          .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
174
            padding-right: 0; }
175
          .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
176
            font-size: 19px; }
177
            .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon {
178
              top: 0;
179
              font-size: 17px; }
180
          .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
181
            font-family: "Open Sans", sans-serif;
182
            position: absolute;
183
            top: 17px;
184
            right: 9px;
185
            font-weight: 300;
186
            padding: 3px 6px; }
187
          .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
188
            background: none; }
189
        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
190
          margin-top: 9px;
191
          -webkit-border-radius: 4px;
192
          -moz-border-radius: 4px;
193
          -ms-border-radius: 4px;
194
          -o-border-radius: 4px;
195
          border-radius: 4px; }
196
          .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
197
            position: absolute;
198
            top: -7px;
199
            right: 9px;
200
            display: inline-block !important;
201
            border-right: 7px solid transparent;
202
            border-bottom: 7px solid #eee;
203
            border-left: 7px solid transparent;
204
            border-bottom-color: rgba(0, 0, 0, 0.2);
205
            content: ''; }
206
          .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
207
            position: absolute;
208
            top: -6px;
209
            right: 10px;
210
            display: inline-block !important;
211
            border-right: 6px solid transparent;
212
            border-bottom: 6px solid #fff;
213
            border-left: 6px solid transparent;
214
            content: ''; }
215
          .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
216
            color: #555; }
217
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
218
        min-width: 160px;
219
        max-width: 275px;
220
        width: 275px;
221
        z-index: 9995;
222
        /* header notifications dropdowns */ }
223
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
224
          display: block;
225
          overflow: hidden;
226
          padding: 15px 15px;
227
          letter-spacing: 0.5px;
228
          -webkit-border-radius: 4px 4px 0 0;
229
          -moz-border-radius: 4px 4px 0 0;
230
          -ms-border-radius: 4px 4px 0 0;
231
          -o-border-radius: 4px 4px 0 0;
232
          border-radius: 4px 4px 0 0; }
233
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
234
            margin: 0;
235
            padding: 0;
236
            float: left;
237
            font-size: 13px;
238
            display: inline-block; }
239
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
240
            display: inline-block;
241
            padding: 0;
242
            background: none;
243
            clear: inherit;
244
            font-size: 13px;
245
            font-weight: 300;
246
            position: absolute;
247
            right: 10px;
248
            border: 0;
249
            margin-top: -1px; }
250
            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
251
              text-decoration: underline; }
252
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
253
          padding-right: 0 !important;
254
          padding-left: 0;
255
          list-style: none; }
256
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
257
            display: block;
258
            clear: both;
259
            font-weight: 300;
260
            line-height: 20px;
261
            white-space: normal;
262
            font-size: 13px;
263
            padding: 16px 15px 18px;
264
            text-shadow: none; }
265
            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
266
              opacity: 1 ;
267
              filter: alpha(opacity=100) ; }
268
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
269
            border-top: none; }
270
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
271
        overflow: hidden; }
272
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
273
          margin-right: 10px;
274
          -webkit-border-radius: 50%;
275
          -moz-border-radius: 50%;
276
          -ms-border-radius: 50%;
277
          -o-border-radius: 50%;
278
          border-radius: 50%; }
279
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
280
            margin-right: 2px;
281
            margin-left: 1px; }
282
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
283
            right: 15px; }
284
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
285
        float: right;
286
        max-width: 75px;
287
        font-size: 11px;
288
        font-weight: 400;
289
        opacity: 0.7 ;
290
        filter: alpha(opacity=70) ;
291
        text-align: right;
292
        padding: 1px 5px; }
293
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
294
        float: left;
295
        margin: 0 6px 6px 0; }
296
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
297
          height: 40px;
298
          width: 40px;
299
          -webkit-border-radius: 50% !important;
300
          -moz-border-radius: 50% !important;
301
          -ms-border-radius: 50% !important;
302
          -o-border-radius: 50% !important;
303
          border-radius: 50% !important; }
304
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
305
        display: block;
306
        margin-left: 46px; }
307
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
308
          font-size: 13px;
309
          font-weight: 600; }
310
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
311
          font-size: 12px;
312
          font-weight: 400;
313
          opacity: 0.5 ;
314
          filter: alpha(opacity=50) ;
315
          float: right; }
316
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
317
        display: block !important;
318
        font-size: 12px;
319
        line-height: 1.3;
320
        margin-left: 46px; }
321
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
322
        margin-bottom: 5px; }
323
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
324
          font-size: 13px;
325
          font-weight: 300; }
326
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
327
          float: right;
328
          font-weight: 600;
329
          display: inline-block; }
330
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
331
        display: block;
332
        height: 8px;
333
        margin: 8px 0 2px; }
334
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
335
          box-shadow: none; }
336
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
337
        padding: 0 0 0 10px; }
338
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
339
          padding: 24px 12px 24px 12px; }
340
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
341
            display: inline-block;
342
            font-size: 14px;
343
            font-weight: 400; }
344
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
345
            float: left;
346
            margin-top: -8px;
347
            margin-right: 7px;
348
            height: 39px;
349
            display: inline-block; }
350
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
351
            display: inline-block;
352
            margin-top: 5px;
353
            margin: 0;
354
            font-size: 14px;
355
            font-weight: 400; }
356
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
357
          width: 175px; }
358
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
359
            font-size: 14px;
360
            font-weight: 300; }
361
            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
362
              width: 15px;
363
              display: inline-block;
364
              margin-right: 9px; }
365
            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
366
              margin-right: 10px; }
367
      .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
368
        cursor: pointer;
369
        padding: 24px 12px 24px 12px; }
370
        .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i {
371
          top: 3px;
372
          color: #c0cddc;
373
          font-size: 19px; }
374
          .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i:before {
375
            content: ""/*rtl:""*/; }
376
          .page-quick-sidebar-open .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i:before {
377
            content: ""/*rtl:""*/; }
378
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-language {
379
        padding-left: 0;
380
        padding-right: 0;
381
        margin: 0; }
382
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
383
          font-size: 13px;
384
          padding: 24px 12px 24px 12px; }
385
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
386
            margin-bottom: 2px; }
387
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i {
388
            font-size: 14px; }
389
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
390
          font-size: 13px; }
391
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
392
            margin-bottom: 2px;
393
            margin-right: 5px; }
394
      .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
395
        border: 0; }
396
        .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
397
          border-left: none;
398
          border-right: none; }
399
        .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
400
          background: none !important;
401
          border: none !important; }
402
 
403
/* Allow expanded search for above 768px */
404
@media (min-width: 768px) {
405
  /* 768px */
406
  .page-header.navbar {
407
    /* Search box */ }
408
    .page-header.navbar .search-form.search-form-expanded {
409
      width: 200px; }
410
      .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
411
        text-indent: 0; }
412
        .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
413
          cursor: text; }
414
      .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
415
        margin-left: 0; } }
416
 
417
/* Form medium devices upto large devices */
418
@media (min-width: 992px) and (max-width: 1200px) {
419
  /* 992px 1200px */
420
  /* Boxed layout */
421
  .page-boxed .page-header.navbar {
422
    /* Top menu */ }
423
    .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
424
      display: none; }
425
    .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
426
      display: none; } }
427
 
428
@media (min-width: 992px) {
429
  /* 992px */
430
  /* Page header */
431
  .page-header.navbar {
432
    /* Header logo */ }
433
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
434
      padding: 0; }
435
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
436
      width: 54px; }
437
      .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
438
        display: none; }
439
  /* Boxed Layout */
440
  .page-boxed .page-header.navbar {
441
    /* Page logo */
442
    /* Top menu */ }
443
    .page-boxed .page-header.navbar .page-logo {
444
      width: 195px; }
445
    .page-boxed .page-header.navbar .top-menu .navbar-nav {
446
      margin-right: 20px; }
447
  /* Sidebar closed & logo hidden */
448
  .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar {
449
    /* Page logo */ }
450
    .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
451
      width: 54px; }
452
  /* Boxed layout & page sidebar fixed layout */
453
  .page-boxed.page-sidebar-fixed .page-header.navbar {
454
    /* Page logo */ }
455
    .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
456
      width: 195px; } }
457
 
458
@media (max-width: 991px) {
459
  /* 991px */
460
  /* Page header */
461
  .page-header.navbar {
462
    padding: 0;
463
    margin: 0;
464
    position: relative;
465
    clear: both;
466
    /* Page logo */
467
    /* Menu Toggler */
468
    /* Search form */
469
    /* Top Menu */ }
470
    .page-header.navbar .page-logo {
471
      width: auto;
472
      padding: 0 15px 0 10px; }
473
      .page-header.navbar .page-logo img {
474
        margin-left: 4px !important; }
475
    .page-header.navbar .menu-toggler.sidebar-toggler {
476
      display: none !important; }
477
    .page-header.navbar .menu-toggler.responsive-toggler {
478
      display: inline-block; }
479
    .page-header.navbar .search-form {
480
      margin-left: 0; }
481
      .page-header.navbar .search-form.open {
482
        width: 245px !important; }
483
    .page-header.navbar .page-header-inner.container {
484
      width: 100%;
485
      max-width: none !important;
486
      margin: 0 !important;
487
      padding: 0 !important; }
488
    .page-header.navbar .top-menu .navbar-nav {
489
      display: inline-block;
490
      margin: 0 10px 0 0; }
491
      .page-header.navbar .top-menu .navbar-nav > li {
492
        float: left; }
493
      .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
494
        display: inline-block;
495
        position: relative;
496
        top: 1px;
497
        right: 0px; }
498
      .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
499
        position: absolute; }
500
  /* Fixed header for mobile */
501
  .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
502
    position: fixed; }
503
  /* Boxed Layout */
504
  .page-boxed .page-header.navbar > .container {
505
    max-width: none !important;
506
    margin: 0 !important;
507
    padding: 0 !important; } }
508
 
509
@media (min-width: 768px) and (max-width: 991px) {
510
  /* 768px & 991px */
511
  /* Boxed Layout */
512
  .page-boxed .page-header.navbar {
513
    margin: auto !important;
514
    padding: 0; }
515
    .page-boxed .page-header.navbar > .container {
516
      margin: auto !important; } }
517
 
518
@media (max-width: 767px) {
519
  /* 767px */
520
  /* Page header */
521
  .page-header.navbar {
522
    padding: 0;
523
    /* Header logo */
524
    /* Search box */
525
    /* Top navigation menu*/ }
526
    .page-header.navbar .page-logo {
527
      width: auto; }
528
    .page-header.navbar .search-form.open {
529
      z-index: 3;
530
      left: 10px;
531
      right: 10px;
532
      position: absolute;
533
      width: auto !important;
534
      margin: 0 -10px !important; }
535
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
536
      max-width: 245px;
537
      width: 245px; }
538
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
539
      margin-right: -170px; }
540
      .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 {
541
        margin-right: 170px; }
542
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
543
      margin-right: -120px; }
544
      .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 {
545
        margin-right: 120px; }
546
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
547
      margin-right: -80px; }
548
      .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 {
549
        margin-right: 80px; } }
550
 
551
@media (max-width: 580px) {
552
  /* Page header */
553
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
554
    display: none; }
555
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
556
    display: none; } }
557
 
558
@media (max-width: 767px) {
559
  /* 767px */
560
  .page-header.navbar {
561
    height: 136px;
562
    /* Top menu */ }
563
    .page-header.navbar .top-menu .navbar-nav {
564
      margin-right: 0; }
565
      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
566
        padding: 28px 10px 19px 10px; }
567
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
568
        padding: 24px 6px 24px 6px; }
569
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
570
        margin-right: 10px; }
571
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
572
          padding: 24px 6px 24px 6px; }
573
    .page-header.navbar .menu-toggler.responsive-toggler {
574
      background-image: url(../img/sidebar-toggler.png); }
575
    .page-header.navbar .search-form {
576
      margin-left: -12px; }
577
    .page-header.navbar .page-top {
578
      display: block;
579
      clear: both; } }
580
 
581
/***
582
Pace - Page Progress
583
***/
584
.pace .pace-progress {
585
  z-index: 10000;
586
  top: 66px;
587
  height: 2px; }
588
 
589
.pace .pace-progress-inner {
590
  box-shadow: none; }
591
 
592
.pace .pace-activity {
593
  top: 70px;
594
  right: 22px;
595
  border-radius: 10px !important; }
596
 
597
@media (max-width: 767px) {
598
  /* 767px */
599
  .page-header-fixed .pace .pace-progress {
600
    top: 136px; }
601
  .page-header-fixed .pace .pace-activity {
602
    top: 276px;
603
    right: 15px; } }
604
 
605
/***
606
Page container
607
***/
608
.page-container {
609
  margin: 0px;
610
  padding: 0px;
611
  position: relative;
612
  /* Fixed header */
613
  /* Fixed footer for mobile */ }
614
  .page-container:before, .page-container:after {
615
    content: " ";
616
    display: table; }
617
  .page-container:after {
618
    clear: both; }
619
  .page-header-fixed .page-container {
620
    margin-top: 68px; }
621
  .page-footer-fixed.page-footer-fixed-mobile .page-container {
622
    margin-bottom: 20px !important; }
623
 
624
@media (min-width: 1260px) {
625
  /* 1200px */
626
  .container {
627
    width: 1270px; } }
628
 
629
@media (min-width: 992px) {
630
  /* Page container in fixed footer */
631
  .page-footer-fixed .page-container {
632
    margin-bottom: 20px !important; } }
633
 
634
@media (max-width: 991px) {
635
  /* Page container */
636
  .page-container {
637
    margin: 0 !important;
638
    padding: 0 !important; }
639
    .page-header-fixed.page-header-fixed-mobile .page-container {
640
      margin-top: 68px !important; } }
641
 
642
@media (max-width: 480px) {
643
  /* Page container */
644
  .page-header-fixed.page-header-fixed-mobile .page-container {
645
    margin-top: 136px !important; } }
646
 
647
/***
648
Page sidebar
649
***/
650
/* IE8 fix */
651
.ie8 .page-sidebar {
652
  width: 195px;
653
  float: left;
654
  position: relative;
655
  margin-right: -100%; }
656
 
657
/* Page Sidebar */
658
.page-sidebar,
659
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
660
  /* Default sidebar menu */
661
  /* Compact sidebar menu */
662
  /* Compact hoverable sidebar menu */ }
663
  .page-sidebar.navbar-collapse,
664
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {
665
    padding: 0;
666
    box-shadow: none; }
667
  .page-sidebar .page-sidebar-menu,
668
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
669
    list-style: none;
670
    margin: 0;
671
    padding: 0;
672
    /* 1st level links */
673
    /* all links */ }
674
    .page-sidebar .page-sidebar-menu > li,
675
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
676
      display: block;
677
      margin: 0;
678
      padding: 0;
679
      border: 0px; }
680
      .page-sidebar .page-sidebar-menu > li.start > a,
681
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.start > a {
682
        border-top-color: transparent !important; }
683
      .page-sidebar .page-sidebar-menu > li.last > a,
684
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.last > a {
685
        border-bottom-color: transparent !important; }
686
      .page-sidebar .page-sidebar-menu > li > a,
687
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
688
        min-height: 78px;
689
        display: block;
690
        position: relative;
691
        margin: 0;
692
        border: 0px;
693
        padding: 17px 15px 15px 15px;
694
        text-decoration: none;
695
        font-size: 13px;
696
        font-weight: 300;
697
        text-align: center; }
698
        .page-sidebar .page-sidebar-menu > li > a > .title,
699
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
700
          display: block;
701
          text-align: center;
702
          margin-top: 5px; }
703
        .page-sidebar .page-sidebar-menu > li > a > i,
704
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
705
          font-size: 24px;
706
          text-shadow: none;
707
          font-weight: 300;
708
          text-align: center; }
709
        .page-sidebar .page-sidebar-menu > li > a > i.glyphicon,
710
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.glyphicon {
711
          top: 3px;
712
          margin-left: 1px;
713
          margin-right: 4px; }
714
        .page-sidebar .page-sidebar-menu > li > a > [class^="icon-"],
715
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^="icon-"] {
716
          top: 2px;
717
          margin-left: 1px;
718
          margin-right: 4px; }
719
        .page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-fixed
720
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
721
          transition: all 0.2s ease; }
722
        .page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-reversed.page-sidebar-fixed
723
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
724
          transition: none; }
725
      .page-sidebar .page-sidebar-menu > li.open > a,
726
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
727
        font-size: 13px; }
728
      .page-sidebar .page-sidebar-menu > li.active > a,
729
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
730
        border: none;
731
        text-shadow: none;
732
        font-size: 13px; }
733
        .page-sidebar .page-sidebar-menu > li.active > a > .selected,
734
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
735
          background-image: none;
736
          /* will be set in a theme css file*/
737
          float: right;
738
          position: absolute;
739
          right: -1px;
740
          top: 26px;
741
          background: none;
742
          width: 0;
743
          height: 0;
744
          border-style: solid;
745
          border-top: 12px double transparent;
746
          border-bottom: 12px double transparent;
747
          border-left: 0;
748
          border-right: 8px solid #ffffff; }
749
          .page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
750
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
751
            right: auto;
752
            left: -1px;
753
            border-right: 0;
754
            border-left: 8px solid #ffffff; }
755
          .page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid
756
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
757
            border-color: transparent #eef1f5 transparent transparent; }
758
          .page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed
759
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
760
            border-color: transparent transparent transparent #eef1f5; }
761
    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
762
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
763
      width: 10px;
764
      float: right;
765
      margin-right: 5px;
766
      margin-left: 5px;
767
      margin-top: -32px;
768
      display: inline;
769
      font-size: 16px;
770
      font-family: FontAwesome;
771
      height: auto;
772
      content: "\f104";
773
      font-weight: 300;
774
      text-shadow: none; }
775
    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before,
776
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before {
777
      content: "\f107"; }
778
    .page-sidebar .page-sidebar-menu li > a > .badge,
779
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge {
780
      float: right;
781
      margin-top: 1px;
782
      margin-right: 0px; }
783
    .page-sidebar .page-sidebar-menu .sub-menu,
784
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
785
      list-style: none;
786
      display: none;
787
      padding: 0;
788
      margin: 8px 0px 8px 0px; }
789
      .page-sidebar .page-sidebar-menu .sub-menu li,
790
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
791
        background: none;
792
        margin: 0px;
793
        padding: 0px;
794
        margin-top: 1px !important;
795
        /* 2nd level sub menu */ }
796
        .page-sidebar .page-sidebar-menu .sub-menu li > a,
797
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
798
          display: block;
799
          margin: 0;
800
          padding: 9px 15px 9px 15px;
801
          text-decoration: none;
802
          font-size: 13px;
803
          font-weight: 300;
804
          background: none; }
805
          .page-sidebar .page-sidebar-menu .sub-menu li > a > i,
806
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
807
            font-size: 14px;
808
            margin-right: 1px; }
809
          .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before,
810
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before {
811
            margin-top: -4px; }
812
          .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before,
813
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before {
814
            margin-top: -2px; }
815
        .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu,
816
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu {
817
          margin: 0; }
818
          .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li,
819
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li {
820
            /* 3rd level sub menu */ }
821
            .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a,
822
            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a {
823
              padding-left: 30px; }
824
            .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu,
825
            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu {
826
              margin: 0; }
827
              .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a,
828
              .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a {
829
                padding-left: 40px; }
830
      .page-sidebar .page-sidebar-menu .sub-menu.always-open,
831
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu.always-open {
832
        display: block; }
833
    .page-sidebar .page-sidebar-menu li.active > .sub-menu,
834
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu {
835
      display: block; }
836
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact,
837
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact {
838
    /* first level links */
839
    /* all links */ }
840
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li,
841
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li {
842
      text-align: left; }
843
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a,
844
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a {
845
        text-align: left;
846
        min-height: 50px;
847
        padding: 15px 15px 15px 15px; }
848
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title,
849
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
850
          display: inline-block;
851
          text-align: left;
852
          margin-top: 0px; }
853
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > i,
854
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > i {
855
          font-size: 16px;
856
          /* $sidebar-menu-link-icon-font-size */
857
          text-align: left; }
858
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li.active > a > .selected,
859
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li.active > a > .selected {
860
        top: 14px; }
861
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a,
862
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a {
863
        padding-left: 22px; }
864
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow:before,
865
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow:before {
866
      margin-top: -1px; }
867
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow.open:before,
868
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow.open:before {
869
      margin-top: -1px; }
870
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu,
871
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu {
872
    /* first level links */ }
873
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li > .sub-menu > li > a,
874
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li > .sub-menu > li > a {
875
      padding-left: 15px; }
876
 
877
@media (min-width: 992px) {
878
  /* 992px */
879
  .page-sidebar {
880
    width: 195px;
881
    float: left;
882
    position: relative;
883
    margin-right: -100%; }
884
    .page-full-width .page-sidebar {
885
      display: none !important; }
886
    .page-sidebar.navbar-collapse {
887
      max-height: none !important; }
888
    .page-sidebar .page-sidebar-menu {
889
      margin-bottom: 10px; }
890
  .page-sidebar-reversed .page-sidebar {
891
    float: right;
892
    margin-right: 0;
893
    margin-left: -100%; }
894
  .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
895
    margin-left: -195px; }
896
  .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
897
    position: relative;
898
    float: right; }
899
  .page-sidebar-fixed .page-sidebar {
900
    position: fixed !important;
901
    margin-left: 0;
902
    top: 68px; }
903
  .page-sidebar-fixed .page-sidebar-menu > li.last {
904
    margin-bottom: 15px !important; }
905
  .page-sidebar-fixed .page-sidebar-menu .sub-menu {
906
    height: auto !important; }
907
  /* Sidebar Closed */
908
  .page-sidebar-closed .page-sidebar {
909
    width: 54px !important; }
910
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
911
      /* sidebar */
912
      width: 54px !important; }
913
      .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li {
914
        /* hide opened sub menu */ }
915
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu,
916
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
917
          display: none !important; }
918
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
919
          width: 249px !important;
920
          position: relative !important;
921
          z-index: 10000;
922
          display: block !important; }
923
          .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
924
            -webkit-border-radius: 0 4px 0 0;
925
            -moz-border-radius: 0 4px 0 0;
926
            -ms-border-radius: 0 4px 0 0;
927
            -o-border-radius: 0 4px 0 0;
928
            border-radius: 0 4px 0 0;
929
            text-align: left; }
930
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
931
              display: inline-block;
932
              margin-right: 10px; }
933
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
934
              display: inline !important;
935
              padding-left: 20px; }
936
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .badge {
937
              display: block !important; }
938
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .selected {
939
              display: none; }
940
          .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
941
            width: 194px;
942
            position: absolute;
943
            z-index: 2000;
944
            left: 55px;
945
            margin-top: 0;
946
            top: 100%;
947
            display: block !important;
948
            -webkit-border-radius: 0 0 4px 4px;
949
            -moz-border-radius: 0 0 4px 4px;
950
            -ms-border-radius: 0 0 4px 4px;
951
            -o-border-radius: 0 0 4px 4px;
952
            border-radius: 0 0 4px 4px; }
953
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {
954
              padding-left: 15px !important; }
955
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
956
              padding-left: 30px !important; }
957
            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
958
              padding-left: 45px !important; }
959
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
960
          min-height: 54px;
961
          padding-left: 11px; }
962
          .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected {
963
            top: 16px;
964
            right: -2px !important; }
965
          .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
966
          .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
967
          .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow {
968
            display: none !important; }
969
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-closed > li > a {
970
      min-height: 50px;
971
      padding-right: 11px;
972
      padding-left: 18px; }
973
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar {
974
    margin-left: -54px;
975
    width: 54px; }
976
    .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
977
      /* sidebar */ }
978
      .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
979
        left: auto;
980
        right: 55px; }
981
      .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
982
        margin-left: -195px; }
983
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
984
          -webkit-border-radius: 4px 0 0 0;
985
          -moz-border-radius: 4px 0 0 0;
986
          -ms-border-radius: 4px 0 0 0;
987
          -o-border-radius: 4px 0 0 0;
988
          border-radius: 4px 0 0 0; }
989
          .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
990
            padding-left: 0;
991
            padding-right: 15px; }
992
          .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
993
            margin-right: 0;
994
            margin-left: 2px; }
995
    .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
996
      padding-right: 7px;
997
      padding-left: 11px; }
998
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
999
    width: 195px !important;
1000
    display: block;
1001
    z-index: 10000; }
1002
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
1003
      width: 195px !important; }
1004
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected {
1005
        display: none !important; }
1006
  .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover {
1007
    width: 195px !important;
1008
    display: block;
1009
    z-index: 10000;
1010
    margin-left: -195px !important; }
1011
    .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu {
1012
      width: 195px !important; }
1013
  .page-sidebar-closed.page-sidebar-hide .page-sidebar {
1014
    display: none !important; }
1015
  /* Default Sidebar Menu With Hoverable Submenu */
1016
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu {
1017
    display: none;
1018
    width: 194px;
1019
    z-index: 2000;
1020
    position: absolute;
1021
    -webkit-border-radius: 4px;
1022
    -moz-border-radius: 4px;
1023
    -ms-border-radius: 4px;
1024
    -o-border-radius: 4px;
1025
    border-radius: 4px; }
1026
    .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a {
1027
      margin: 3px; }
1028
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu {
1029
    display: none !important; }
1030
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
1031
    display: none; }
1032
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
1033
    display: block;
1034
    float: right;
1035
    position: absolute;
1036
    right: 0;
1037
    margin-top: -20px;
1038
    background: none;
1039
    width: 0;
1040
    height: 0;
1041
    border-style: solid;
1042
    border-top: 12px double transparent;
1043
    border-bottom: 12px double transparent;
1044
    border-left: 0; }
1045
    .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 {
1046
      display: none; }
1047
    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
1048
      right: auto;
1049
      left: 0;
1050
      border-right: 0; }
1051
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
1052
    display: inline-block !important; }
1053
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
1054
    z-index: 1;
1055
    right: 0px;
1056
    margin-top: -36px; }
1057
    .page-fontawesome .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
1058
      margin-top: -34px; }
1059
    .page-glyphicons .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
1060
      margin-top: -38px; }
1061
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1062
    margin-left: 195px;
1063
    margin-top: -78px; }
1064
    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1065
      margin-left: -194px !important; }
1066
    .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1067
      margin-left: 0; }
1068
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
1069
      margin-left: 194px;
1070
      margin-top: -42px !important; }
1071
      .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
1072
        margin-left: -194px !important; }
1073
      .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
1074
        padding-left: 10px;
1075
        padding-right: 10px; }
1076
  /* Compact Sidebar Menu With Hoverable Submenu */
1077
  .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
1078
    margin-top: -20px; }
1079
  .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
1080
    margin-top: -20px; }
1081
  .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
1082
    margin-top: -49px; } }
1083
 
1084
@media (max-width: 991px) {
1085
  /* 991px */
1086
  .page-sidebar {
1087
    border-top: 0 !important;
1088
    margin: 20px; }
1089
    .page-sidebar .selected {
1090
      display: none !important; }
1091
    .page-sidebar.navbar-collapse {
1092
      max-height: none;
1093
      /* set some max height to have a scrollable menu on mobile devices */ }
1094
      .page-sidebar.navbar-collapse.collapse {
1095
        display: none !important; }
1096
      .page-sidebar.navbar-collapse.in {
1097
        border-top: 0 !important;
1098
        margin: 20px;
1099
        position: relative;
1100
        overflow: hidden !important;
1101
        overflow-y: auto !important;
1102
        display: block !important; }
1103
      .page-sidebar.navbar-collapse.navbar-no-scroll {
1104
        max-height: none !important; }
1105
    .page-sidebar .mega-menu-responsive-content {
1106
      padding: 10px 18px 10px 45px; }
1107
  .page-full-width .page-sidebar-menu {
1108
    display: block; } }
1109
 
1110
@media (min-width: 768px) and (max-width: 991px) {
1111
  /* 768px & 991px */
1112
  .page-sidebar .btn-navbar.collapsed .arrow {
1113
    display: none; }
1114
  .page-sidebar .btn-navbar .arrow {
1115
    position: absolute;
1116
    right: 25px;
1117
    width: 0;
1118
    height: 0;
1119
    top: 50px;
1120
    border-bottom: 15px solid #5f646b;
1121
    border-left: 15px solid transparent;
1122
    border-right: 15px solid transparent; } }
1123
 
1124
@media (max-width: 480px) {
1125
  /* 480px */
1126
  /* Page sidebar */
1127
  .page-sidebar,
1128
  .page-sidebar.in {
1129
    margin: 10px 10px 10px 10px !important; }
1130
    .page-header-fixed.page-header-fixed-mobile .page-sidebar, .page-header-fixed.page-header-fixed-mobile
1131
    .page-sidebar.in {
1132
      margin-top: 10px !important; } }
1133
 
1134
/***
1135
Page content
1136
***/
1137
/* Page title */
1138
.page-title {
1139
  padding: 0px;
1140
  font-size: 26px;
1141
  letter-spacing: -1px;
1142
  line-height: 26px;
1143
  display: block;
1144
  color: #666;
1145
  margin: 0px 0px 20px 0px;
1146
  font-weight: 300;
1147
  font-family: "Open Sans", sans-serif;
1148
  /* subtitle */ }
1149
  .page-title small {
1150
    font-size: 13px;
1151
    letter-spacing: 0px;
1152
    font-weight: 300;
1153
    color: #888; }
1154
  .page-container-bg-solid .page-title {
1155
    color: #666; }
1156
    .page-container-bg-solid .page-title small {
1157
      color: #666; }
1158
 
1159
/* Page breadcrumb */
1160
.page-bar {
1161
  padding: 0px;
1162
  background-color: #ffffff;
1163
  margin-bottom: 20px;
1164
  -webkit-border-radius: 4px;
1165
  -moz-border-radius: 4px;
1166
  -ms-border-radius: 4px;
1167
  -o-border-radius: 4px;
1168
  border-radius: 4px; }
1169
  .page-bar:before, .page-bar:after {
1170
    content: " ";
1171
    display: table; }
1172
  .page-bar:after {
1173
    clear: both; }
1174
  .page-bar .page-breadcrumb {
1175
    display: inline-block;
1176
    float: left;
1177
    padding: 10px 6px;
1178
    margin: 0;
1179
    list-style: none; }
1180
    .page-bar .page-breadcrumb > li {
1181
      display: inline-block; }
1182
      .ie8 .page-bar .page-breadcrumb > li {
1183
        margin-right: 1px; }
1184
      .page-bar .page-breadcrumb > li > a,
1185
      .page-bar .page-breadcrumb > li > span {
1186
        color: #888;
1187
        font-size: 13px;
1188
        text-shadow: none; }
1189
      .page-bar .page-breadcrumb > li > i {
1190
        color: #aaa;
1191
        font-size: 14px;
1192
        text-shadow: none; }
1193
      .page-bar .page-breadcrumb > li > i[class^="icon-"],
1194
      .page-bar .page-breadcrumb > li > i[class*="icon-"] {
1195
        color: #8c8c8c; }
1196
  .page-bar .page-toolbar {
1197
    display: inline-block;
1198
    float: right; }
1199
    .page-bar .page-toolbar .btn-fit-height {
1200
      -webkit-border-radius: 0 4px 4px 0;
1201
      -moz-border-radius: 0 4px 4px 0;
1202
      -ms-border-radius: 0 4px 4px 0;
1203
      -o-border-radius: 0 4px 4px 0;
1204
      border-radius: 0 4px 4px 0;
1205
      padding-top: 9px;
1206
      padding-bottom: 9px; }
1207
      .page-md .page-bar .page-toolbar .btn-fit-height {
1208
        padding-top: 11px;
1209
        padding-bottom: 10px;
1210
        box-shadow: none !important; }
1211
    .page-bar .page-toolbar .btn.btn-default {
1212
      border-color: #eee;
1213
      color: #999; }
1214
      .page-bar .page-toolbar .btn.btn-default > i {
1215
        color: #999; }
1216
    .page-bar .page-toolbar .btn.btn-sm {
1217
      margin-top: 0px; }
1218
    .page-bar .page-toolbar .btn-dashboard-daterange {
1219
      padding: 8px 16px 8px 16px; }
1220
      .page-bar .page-toolbar .btn-dashboard-daterange > i[class^="icon-"] {
1221
        position: relative;
1222
        font-size: 20px;
1223
        opacity: 0.8 ;
1224
        filter: alpha(opacity=80) ;
1225
        top: 2px; }
1226
      .page-bar .page-toolbar .btn-dashboard-daterange > i.fa-angle-down {
1227
        font-size: 16px;
1228
        opacity: 0.8 ;
1229
        filter: alpha(opacity=80) ; }
1230
 
1231
/* Page content */
1232
.page-content {
1233
  margin-top: 0px;
1234
  padding: 0px;
1235
  background-color: #fff; }
1236
  .page-container-bg-solid .page-content {
1237
    background: #eef1f5; }
1238
  .page-full-width .page-content {
1239
    margin-left: 0px !important; }
1240
 
1241
@media (min-width: 992px) {
1242
  /* 992px */
1243
  /* Page content */
1244
  .page-content-wrapper {
1245
    float: left;
1246
    width: 100%; }
1247
    .page-content-wrapper .page-content {
1248
      margin-left: 195px;
1249
      margin-top: 0px;
1250
      min-height: 600px;
1251
      padding: 25px 20px 10px 20px; }
1252
      .page-content-wrapper .page-content.no-min-height {
1253
        min-height: auto; }
1254
      .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
1255
        margin-left: 54px; }
1256
      .page-sidebar-reversed .page-content-wrapper .page-content {
1257
        margin-left: 0 !important;
1258
        margin-right: 195px !important; }
1259
      .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
1260
        margin-left: 0;
1261
        margin-right: 54px; }
1262
      .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
1263
        margin-left: 0 !important;
1264
        margin-right: 54px !important; }
1265
      .page-sidebar-closed .page-content-wrapper .page-content {
1266
        margin-left: 54px !important; }
1267
      .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
1268
        margin-left: 0 !important; }
1269
      .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
1270
        margin-right: 0 !important; }
1271
      .page-full-width .page-content-wrapper .page-content {
1272
        margin-left: 0px !important; } }
1273
 
1274
@media (max-width: 991px) {
1275
  /* 991px */
1276
  /* Boxed page container  */
1277
  .page-boxed > .container {
1278
    width: 100%;
1279
    max-width: none !important;
1280
    margin: 0 !important;
1281
    padding: 0 !important; }
1282
  /* Page content */
1283
  .page-content-wrapper .page-content {
1284
    margin: 0px !important;
1285
    padding: 20px !important;
1286
    min-height: 280px; } }
1287
 
1288
@media (min-width: 768px) and (max-width: 991px) {
1289
  /*  768px & 991px */
1290
  /* Boxed page container */
1291
  .page-boxed > .container {
1292
    margin: auto !important; } }
1293
 
1294
@media (max-width: 767px) {
1295
  /* 767px */
1296
  /* Page content */
1297
  .page-content-wrapper .page-content {
1298
    padding: 20px 10px 10px 10px !important;
1299
    overflow: hidden;
1300
    /* Page title */ }
1301
    .page-content-wrapper .page-content .page-title {
1302
      margin-bottom: 15px;
1303
      font-size: 20px; }
1304
      .page-content-wrapper .page-content .page-title small {
1305
        font-size: 13px;
1306
        padding-top: 3px; } }
1307
 
1308
@media (max-width: 480px) {
1309
  /* 480px */
1310
  /* Dashboard date range panel */
1311
  .page-content-wrapper .page-content .page-title small {
1312
    display: block;
1313
    clear: both; } }
1314
 
1315
/***
1316
Page footer
1317
***/
1318
.page-footer {
1319
  padding: 8px 20px 5px 20px;
1320
  font-size: 12px;
1321
  height: 33px; }
1322
  .page-footer:before, .page-footer:after {
1323
    content: " ";
1324
    display: table; }
1325
  .page-footer:after {
1326
    clear: both; }
1327
  .page-footer .page-footer-inner {
1328
    float: left;
1329
    display: inline-block; }
1330
  .page-footer .page-footer-tools {
1331
    float: right;
1332
    display: inline-block; }
1333
    .page-footer .page-footer-tools .go-top {
1334
      display: block;
1335
      text-decoration: none;
1336
      cursor: pointer;
1337
      margin-top: -2px;
1338
      margin-right: 0px;
1339
      margin-bottom: 0px;
1340
      font-size: 16px;
1341
      padding: 0px 6px 0px 6px; }
1342
      .page-footer .page-footer-tools .go-top i {
1343
        font-size: 22px;
1344
        margin-bottom: 5px; }
1345
  .page-footer-fixed.page-footer-fixed-mobile .page-footer {
1346
    position: fixed;
1347
    left: 0;
1348
    right: 0;
1349
    z-index: 10000;
1350
    bottom: 0; }
1351
  .page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer {
1352
    margin-left: 0 !important; }
1353
 
1354
@media (min-width: 992px) {
1355
  /* 992px */
1356
  /* Default footer */
1357
  .page-footer {
1358
    clear: left; }
1359
  /* Fixed footer */
1360
  .page-footer-fixed .page-footer {
1361
    position: fixed;
1362
    left: 0;
1363
    right: 0;
1364
    z-index: 10000;
1365
    bottom: 0; }
1366
  /* Footer with footer sidebar */
1367
  .page-sidebar-fixed.page-sidebar-closed .page-footer {
1368
    margin-left: 54px; }
1369
  .page-sidebar-fixed.page-footer-fixed .page-footer {
1370
    margin-left: 0 !important; }
1371
  /* Fixed Sidebar */
1372
  .page-sidebar-fixed .page-footer {
1373
    margin-left: 195px;
1374
    padding: 8px 20px 5px 20px; }
1375
  /* Boxed page */
1376
  .page-boxed .page-footer {
1377
    padding: 8px 0 5px 0; }
1378
  .page-boxed.page-sidebar-fixed .page-footer {
1379
    padding-right: 20px;
1380
    padding-left: 20px; }
1381
  /* Page sidebar reversed */
1382
  .page-sidebar-reversed.page-sidebar-fixed .page-footer {
1383
    margin-left: 0;
1384
    margin-right: 195px;
1385
    padding: 8px 20px 5px 20px; }
1386
  .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
1387
    margin-left: 0;
1388
    margin-right: 0; }
1389
  .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
1390
    margin-right: 54px; } }
1391
 
1392
@media (max-width: 991px) {
1393
  /* 991px */
1394
  /* Boxed Layout */
1395
  .page-footer {
1396
    padding-left: 10px;
1397
    padding-right: 10px; } }
1398
 
1399
@media (max-width: 767px) {
1400
  /* 767px */
1401
  /* Default footer & boxed footer */
1402
  .page-footer,
1403
  .page-boxed .page-footer {
1404
    padding-left: 10px;
1405
    padding-right: 10px; }
1406
  /* Fixed footer */
1407
  .page-footer-fixed .page-footer .container {
1408
    padding-left: 0;
1409
    padding-right: 0; } }
1410
 
1411
/* Scroll Top Top */
1412
.scroll-to-top {
1413
  display: inline-block;
1414
  padding: 2px;
1415
  text-align: center;
1416
  position: fixed;
1417
  z-index: 10001;
1418
  bottom: 10px;
1419
  display: none;
1420
  right: 10px; }
1421
  .scroll-to-top > i {
1422
    display: inline-block;
1423
    color: #687991;
1424
    font-size: 32px;
1425
    opacity: 0.7 ;
1426
    filter: alpha(opacity=70) ; }
1427
  .scroll-to-top:hover {
1428
    cursor: pointer; }
1429
    .scroll-to-top:hover > i {
1430
      opacity: 1 ;
1431
      filter: alpha(opacity=100) ; }
1432
 
1433
@media (min-width: 992px) {
1434
  /* 992px */
1435
  .scroll-to-top {
1436
    right: 10px; } }
1437
 
1438
@media (max-width: 991px) {
1439
  /* 991px */
1440
  .scroll-to-top {
1441
    right: 10px; }
1442
    .scroll-to-top > i {
1443
      font-size: 28px; } }
1444
 
1445
/***
1446
Theme Panel
1447
***/
1448
.theme-panel {
1449
  width: 400px;
1450
  margin-top: -15px;
1451
  margin-right: 0px;
1452
  z-index: 100;
1453
  float: right;
1454
  position: relative; }
1455
  .theme-panel > .toggler {
1456
    top: 5px;
1457
    right: 1px;
1458
    height: 40px;
1459
    width: 40px;
1460
    border-radius: 50% !important;
1461
    cursor: pointer;
1462
    position: absolute;
1463
    text-align: center;
1464
    background-color: #fff; }
1465
    .theme-panel > .toggler > i {
1466
      position: relative;
1467
      top: 12px;
1468
      font-size: 20px;
1469
      color: #9fb3ca; }
1470
    .theme-panel > .toggler:hover {
1471
      background: #ACB5C3; }
1472
      .theme-panel > .toggler:hover > i {
1473
        color: #fff; }
1474
  .theme-panel > .toggler-close {
1475
    display: none;
1476
    top: 5px;
1477
    right: 1px;
1478
    z-index: 101;
1479
    cursor: pointer;
1480
    position: absolute; }
1481
    .theme-panel > .toggler-close > i {
1482
      position: relative;
1483
      top: 12px;
1484
      right: 12px;
1485
      font-size: 20px;
1486
      color: #f2f2f2; }
1487
    .theme-panel > .toggler-close:hover {
1488
      opacity: 0.8 ;
1489
      filter: alpha(opacity=80) ; }
1490
  .theme-panel > .theme-options {
1491
    box-shadow: 5px 5px rgba(63, 77, 86, 0.1);
1492
    top: 4px;
1493
    right: 0;
1494
    display: none;
1495
    position: absolute;
1496
    z-index: 100;
1497
    background: #3f4d56;
1498
    border: 1px solid #39454d;
1499
    -webkit-border-radius: 4px;
1500
    -moz-border-radius: 4px;
1501
    -ms-border-radius: 4px;
1502
    -o-border-radius: 4px;
1503
    border-radius: 4px; }
1504
    .theme-panel > .theme-options > .theme-option {
1505
      color: #eee;
1506
      padding: 11px;
1507
      border-top: 1px solid #46545f;
1508
      margin-top: 0px;
1509
      margin-bottom: 0px; }
1510
      .theme-panel > .theme-options > .theme-option > span {
1511
        text-transform: uppercase;
1512
        display: inline-block;
1513
        width: 115px;
1514
        font-size: 13px;
1515
        font-weight: 300; }
1516
      .theme-panel > .theme-options > .theme-option > select.form-control {
1517
        display: inline;
1518
        width: 100px;
1519
        padding: 2px;
1520
        text-transform: lowercase; }
1521
      .theme-panel > .theme-options > .theme-option.theme-colors {
1522
        border-top: 0; }
1523
        .theme-panel > .theme-options > .theme-option.theme-colors > span {
1524
          display: block;
1525
          width: auto; }
1526
        .theme-panel > .theme-options > .theme-option.theme-colors > ul {
1527
          list-style: none;
1528
          padding: 0;
1529
          display: block;
1530
          margin-bottom: 10px !important;
1531
          margin-top: 15px; }
1532
          .theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
1533
            width: 46px;
1534
            height: 45px;
1535
            margin: 0 4px;
1536
            cursor: pointer;
1537
            list-style: none;
1538
            float: left;
1539
            border: solid 1px #707070;
1540
            /* theme colors */ }
1541
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
1542
              margin-left: 0; }
1543
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
1544
              border: solid 2px #d64635; }
1545
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default {
1546
              background: #2b3643; }
1547
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-dark {
1548
              background: #333438; }
1549
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
1550
              background: #26344B; }
1551
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
1552
              background: #4D5B69; }
1553
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light {
1554
              background: #f5f5f5; }
1555
 
1556
/* Page Portlet Fullscreen */
1557
.page-portlet-fullscreen .page-quick-sidebar-wrapper,
1558
.page-portlet-fullscreen .page-quick-sidebar-toggler {
1559
  z-index: -1; }
1560
 
1561
/* Quick sidebar toggler */
1562
.page-quick-sidebar-toggler {
1563
  overflow: hidden;
1564
  z-index: 99999;
1565
  display: none;
1566
  width: 28px;
1567
  height: 27px;
1568
  position: fixed;
1569
  top: 10px;
1570
  right: 15px;
1571
  text-align: center;
1572
  padding-top: 6px; }
1573
  .page-quick-sidebar-toggler:hover {
1574
    background: #303a43; }
1575
  .page-quick-sidebar-open .page-quick-sidebar-toggler {
1576
    display: inline-block; }
1577
    .page-quick-sidebar-open .page-quick-sidebar-toggler:hover {
1578
      background: none; }
1579
  .page-quick-sidebar-toggler > i {
1580
    color: #99a8b5;
1581
    font-size: 17px; }
1582
    .page-quick-sidebar-toggler > i:hover {
1583
      color: #fff !important; }
1584
    .page-quick-sidebar-open .page-quick-sidebar-toggler > i:before {
1585
      content: ""/*rtl:""*/; }
1586
 
1587
/* Quick sidebar wrapper */
1588
.page-quick-sidebar-wrapper {
1589
  transition: right 0.3s;
1590
  z-index: 9996;
1591
  position: fixed;
1592
  top: 0;
1593
  bottom: 0;
1594
  width: 320px;
1595
  right: -320px;
1596
  overflow: hidden;
1597
  color: #99a8b5;
1598
  background: #21282e; }
1599
  .page-quick-sidebar-open .page-quick-sidebar-wrapper {
1600
    transition: right 0.3s;
1601
    right: 0; }
1602
  .page-quick-sidebar-wrapper .page-quick-sidebar {
1603
    background: #21282e;
1604
    /* Quick sidebar tabs content */
1605
    /* Quick sidebar general list heading */
1606
    /* Quick sidebar general list-items */
1607
    /* Inner content */
1608
    /* Quick sidebar list */
1609
    /* Quick sidebar list item */
1610
    /* Quick sidebar list item shown */
1611
    /* Quick sidebar chat */
1612
    /* Quick sidebar alerts */
1613
    /* Quick sidebar settings */ }
1614
    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs {
1615
      margin: 0;
1616
      padding: 0;
1617
      border: 0; }
1618
      .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li {
1619
        display: table-cell !important;
1620
        width: 1%  !important;
1621
        padding: 0;
1622
        margin: 0;
1623
        float: none; }
1624
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
1625
          position: relative;
1626
          display: block;
1627
          text-align: center;
1628
          border: 0;
1629
          height: auto;
1630
          font-size: 14px;
1631
          padding: 45px 15px 8px;
1632
          text-transform: uppercase;
1633
          background: none;
1634
          margin-right: 0;
1635
          color: #90a1af;
1636
          border: 0;
1637
          border-bottom: 3px solid rgba(243, 86, 93, 0.3);
1638
          -webkit-border-radius: 0;
1639
          -moz-border-radius: 0;
1640
          -ms-border-radius: 0;
1641
          -o-border-radius: 0;
1642
          border-radius: 0;
1643
          outline: none !important; }
1644
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a > .badge {
1645
            position: absolute;
1646
            top: 45px;
1647
            right: 3px; }
1648
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
1649
          border: 0;
1650
          border-bottom: 3px solid #f3565d;
1651
          background: none;
1652
          color: #fff;
1653
          text-decoration: none; }
1654
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu {
1655
          border: 0;
1656
          background: #36424c;
1657
          box-shadow: 5px 5px rgba(97, 117, 135, 0.1);
1658
          margin-top: 8px;
1659
          margin-right: 20px; }
1660
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:before {
1661
            position: absolute;
1662
            top: -7px;
1663
            right: 19px;
1664
            display: inline-block !important;
1665
            border-right: 7px solid transparent;
1666
            border-left: 7px solid transparent;
1667
            border-bottom: 7px solid #36424c;
1668
            content: ''; }
1669
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:after {
1670
            position: absolute;
1671
            top: -6px;
1672
            right: 20px;
1673
            display: inline-block !important;
1674
            border-right: 6px solid transparent;
1675
            border-left: 6px solid transparent;
1676
            border-bottom: 7px solid #36424c;
1677
            content: ''; }
1678
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a {
1679
            padding: 10px 15px;
1680
            color: #99a8b5; }
1681
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a > i {
1682
              color: #93a3b1; }
1683
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a {
1684
            background: #3d4a55;
1685
            color: #99a8b5; }
1686
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i {
1687
              color: #9babb8; }
1688
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.active > a {
1689
            background: #38444f;
1690
            color: #99a8b5; }
1691
          .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.divider {
1692
            background-color: #3d4a55; }
1693
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.open > a.dropdown-toggle {
1694
          border-bottom: 3px solid #f3565d;
1695
          background: none;
1696
          text-decoration: none;
1697
          color: #90a1af; }
1698
    .page-quick-sidebar-wrapper .page-quick-sidebar .tab-content {
1699
      margin: 0;
1700
      padding: 0; }
1701
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
1702
      font-size: 16px;
1703
      margin: 10px 10px;
1704
      color: #6c8296; }
1705
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
1706
      margin: 0;
1707
      padding: 0;
1708
      list-style: none; }
1709
      .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
1710
        margin: 0;
1711
        padding: 15px;
1712
        background: none;
1713
        border-bottom-width: 1px;
1714
        border-bottom-style: solid;
1715
        border-bottom-color: #273037; }
1716
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
1717
          background: #273037; }
1718
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
1719
          border-bottom: 0; }
1720
      .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
1721
        border: 0; }
1722
    .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
1723
      margin: 10px 10px; }
1724
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
1725
      position: absolute !important;
1726
      width: 320px !important;
1727
      transition: margin 0.3s; }
1728
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
1729
      width: 320px;
1730
      position: absolute !important;
1731
      width: 320px !important;
1732
      transition: margin 0.3s;
1733
      margin-left: 320px; }
1734
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
1735
        padding: 15px 10px 0px 10px; }
1736
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
1737
          vertical-align: middle;
1738
          display: inline-block;
1739
          font-size: 14px;
1740
          color: #90a1af; }
1741
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
1742
            text-decoration: none; }
1743
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
1744
            font-size: 17px;
1745
            line-height: 17px;
1746
            vertical-align: top;
1747
            margin-right: 3px; }
1748
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
1749
      transition: margin 0.3s;
1750
      margin-left: -320px; }
1751
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
1752
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
1753
        display: none !important; }
1754
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
1755
      transition: margin 0.3s;
1756
      margin-left: 0; }
1757
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
1758
      padding: 10px 0;
1759
      position: relative; }
1760
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
1761
        padding: 15px 15px; }
1762
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
1763
          border-radius: 50% !important;
1764
          width: 45.71429px;
1765
          opacity: 0.8;
1766
          filter: alpha(opacity=80);
1767
          float: left;
1768
          margin-right: 10px; }
1769
          .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 {
1770
            content: " ";
1771
            display: table; }
1772
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
1773
            clear: both; }
1774
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
1775
          cursor: pointer; }
1776
          .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
1777
            opacity: 1;
1778
            filter: alpha(opacity=100); }
1779
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
1780
          margin: 5px 0 0 0;
1781
          font-size: 14px; }
1782
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
1783
          font-size: 11px;
1784
          text-transform: uppercase;
1785
          color: #657b8d; }
1786
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
1787
          font-size: 10px;
1788
          color: #5d7081; }
1789
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
1790
          margin-top: 10px;
1791
          right: 10px;
1792
          position: absolute;
1793
          display: inline-block; }
1794
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
1795
      padding: 0px 10px;
1796
      position: relative; }
1797
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
1798
        transition: display 0.3s;
1799
        padding: 5px 0;
1800
        margin: 10px auto;
1801
        font-size: 13px; }
1802
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
1803
          color: #c3c3c3;
1804
          display: block; }
1805
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
1806
          width: 45.71429px;
1807
          border-radius: 50% !important; }
1808
        .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 {
1809
          float: left;
1810
          margin-right: 10px; }
1811
        .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 {
1812
          float: right;
1813
          margin-left: 10px; }
1814
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
1815
          font-size: 12px;
1816
          font-weight: 300;
1817
          color: #8496a7; }
1818
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
1819
          font-size: 12px;
1820
          font-weight: 300;
1821
          color: #8496a7; }
1822
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
1823
          display: block;
1824
          padding: 5px;
1825
          position: relative;
1826
          color: #90a1af;
1827
          background: #36424c; }
1828
        .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 {
1829
          text-align: left;
1830
          margin-left: 55px; }
1831
          .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 {
1832
            display: block;
1833
            position: absolute;
1834
            top: 9px;
1835
            left: -6px;
1836
            width: 0;
1837
            height: 0;
1838
            border-top: 6px solid transparent;
1839
            border-bottom: 6px solid transparent;
1840
            border-right-width: 6px;
1841
            border-right-style: solid;
1842
            border-right-color: #36424c; }
1843
        .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 {
1844
          margin-right: 55px;
1845
          text-align: right; }
1846
          .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 {
1847
            display: block;
1848
            position: absolute;
1849
            top: 9px;
1850
            right: -6px;
1851
            border-top: 6px solid transparent;
1852
            border-bottom: 6px solid transparent;
1853
            border-left-width: 6px;
1854
            border-left-style: solid;
1855
            border-left-color: #36424c; }
1856
        .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,
1857
        .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 {
1858
          text-align: right; }
1859
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
1860
      padding: 20px 10px 15px 10px; }
1861
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
1862
      padding: 10px 0;
1863
      position: relative; }
1864
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
1865
        color: #7e91a2; }
1866
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label {
1867
          margin-top: 5px; }
1868
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
1869
          text-decoration: underline;
1870
          padding: 0;
1871
          color: #788c9e; }
1872
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date {
1873
          color: #5d7081; }
1874
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
1875
      padding: 10px 0;
1876
      position: relative; }
1877
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
1878
        margin-top: -3px;
1879
        float: right;
1880
        border: 0;
1881
        min-width: 59px; }
1882
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
1883
        width: 75px !important;
1884
        padding: 4px 4px !important;
1885
        float: right;
1886
        border: 0;
1887
        margin-top: -4px; }
1888
      .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
1889
        padding: 4px 0px !important; }
1890
 
1891
/***
1892
Page Loading
1893
***/
1894
.page-on-load {
1895
  background: #fefefe; }
1896
  .page-on-load .page-header,
1897
  .page-on-load .page-container,
1898
  .page-on-load .page-footer,
1899
  .page-on-load > .clearfix {
1900
    display: none;
1901
    transition: all 2s; }