Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
5 lars 1
@charset "UTF-8";
2
/******************************
3
 3RD PARTY PLUGIN CUSTOMIZATION
4
******************************/
5
/* Cubic Bezier Transition */
6
/***
7
Bootstrap Colorpicker
8
***/
9
.input-group.color .input-group-btn i {
10
  position: absolute;
11
  display: block;
12
  cursor: pointer;
13
  width: 20px;
14
  height: 20px;
15
  right: 6px; }
16
 
17
.colorpicker.dropdown-menu {
18
  padding: 5px; }
19
 
20
/* change z-index when opened in modal */
21
.modal-open .colorpicker {
22
  z-index: 10055 !important; }
23
 
24
/***
25
Bootstrap Datepaginator
26
***/
27
.datepaginator a {
28
  font-family: 'Open Sans';
29
  font-size: 13px;
30
  font-weight: 300; }
31
 
32
.datepicker .today {
33
  background-image: none !important;
34
  filter: none !important; }
35
 
36
#dp-calendar {
37
  right: 4px !important; }
38
 
39
.datepaginator .fa-angle-right:before {
40
  content: "ï„…"/*rtl:"ï„„"*/; }
41
 
42
.datepaginator .fa-angle-left:before {
43
  content: "ï„„"/*rtl:"ï„…"*/; }
44
 
45
/***
46
Bootstrap Datepicker
47
***/
48
.datepicker.dropdown-menu {
49
  padding: 5px; }
50
 
51
.datepicker .selected {
52
  background-color: #909090 !important;
53
  background-image: none !important;
54
  filter: none !important; }
55
 
56
.datepicker .active {
57
  background-color: #4b8df8 !important;
58
  background-image: none !important;
59
  filter: none !important; }
60
 
61
.datepicker .active:hover {
62
  background-color: #2678FC !important;
63
  background-image: none !important;
64
  filter: none !important; }
65
 
66
.datepicker .input-daterange input {
67
  text-align: left; }
68
 
69
/* change z-index when opened in modal */
70
.modal-open .datepicker {
71
  z-index: 10055 !important; }
72
 
73
.datepicker table td {
74
  color: #000;
75
  font-weight: 300  !important;
76
  font-family: 'Open Sans' !important; }
77
 
78
.datepicker table th {
79
  color: #333;
80
  font-family: 'Open Sans' !important;
81
  font-weight: 400  !important; }
82
 
83
.datepicker.dropdown-menu {
84
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
85
  border: 1px solid #efefef; }
86
 
87
.datepicker .fa-angle-left:before {
88
  content: "ï„„"/*rtl:"ï„…"*/; }
89
 
90
.datepicker .fa-angle-right:before {
91
  content: "ï„…"/*rtl:"ï„„"*/; }
92
 
93
/***
94
Bootstrap Daterangepicker
95
***/
96
.modal-open .daterangepicker {
97
  z-index: 10055 !important; }
98
 
99
.daterangepicker {
100
  margin-top: 4px; }
101
  .daterangepicker .input-mini {
102
    width: 100% !important;
103
    outline: none !important; }
104
 
105
.daterangepicker td {
106
  text-shadow: none; }
107
 
108
.daterangepicker td.active {
109
  background-color: #4b8df8;
110
  background-image: none;
111
  filter: none; }
112
 
113
.daterangepicker th {
114
  font-weight: 400;
115
  font-size: 14px; }
116
 
117
.daterangepicker .ranges input[type="text"] {
118
  width: 70px !important;
119
  font-size: 11px;
120
  vertical-align: middle; }
121
 
122
.daterangepicker .ranges label {
123
  font-weight: 300;
124
  display: block; }
125
 
126
.daterangepicker .ranges {
127
  width: 170px; }
128
  .daterangepicker .ranges ul > li.active {
129
    -webkit-border-radius: 2px;
130
    -moz-border-radius: 2px;
131
    -ms-border-radius: 2px;
132
    -o-border-radius: 2px;
133
    border-radius: 2px; }
134
 
135
.daterangepicker .ranges .btn {
136
  margin-top: 10px; }
137
 
138
.daterangepicker.dropdown-menu {
139
  padding: 5px; }
140
 
141
.daterangepicker .ranges li {
142
  color: #333; }
143
 
144
.daterangepicker .ranges li.active,
145
.daterangepicker .ranges li:hover {
146
  background: #4b8df8 !important;
147
  border: 1px solid #4b8df8 !important;
148
  color: #fff; }
149
 
150
.daterangepicker .range_inputs input {
151
  margin-bottom: 0 !important; }
152
 
153
.daterangepicker .fa-angle-right:before {
154
  content: "ï„…"/*rtl:"ï„„"*/; }
155
 
156
.daterangepicker .fa-angle-left:before {
157
  content: "ï„„"/*rtl:"ï„…"*/; }
158
 
159
/***
160
Bootstrap  Datetimepicker
161
***/
162
.datetimepicker table td {
163
  color: #000;
164
  font-weight: 300  !important;
165
  font-family: 'Open Sans' !important; }
166
 
167
.datetimepicker table th {
168
  font-family: 'Open Sans' !important;
169
  font-weight: 400  !important; }
170
 
171
.datetimepicker.dropdown-menu {
172
  padding: 5px; }
173
 
174
.datetimepicker .active {
175
  background-color: #4b8df8 !important;
176
  background-image: none !important;
177
  filter: none !important; }
178
 
179
.datetimepicker .active:hover {
180
  background-color: #2678FC !important;
181
  background-image: none !important;
182
  filter: none !important; }
183
 
184
.datetimepicker .fa-angle-left:before {
185
  content: "ï„„"/*rtl:"ï„…"*/; }
186
 
187
.datetimepicker .fa-angle-right:before {
188
  content: "ï„…"/*rtl:"ï„„"*/; }
189
 
190
/* change z-index when opened in modal */
191
.modal-open .datetimepicker {
192
  z-index: 10055; }
193
 
194
/***
195
Bootstrap Editable
196
***/
197
.editable-input table,
198
.editable-input table th,
199
.editable-input table td,
200
.editable-input table tr {
201
  border: 0 !important; }
202
 
203
.editable-input .combodate select {
204
  margin-bottom: 5px; }
205
 
206
/***
207
Jansy File Input plugin css changes
208
***/
209
.fileinput {
210
  margin-bottom: 0; }
211
  .fileinput .close {
212
    float: none; }
213
  .fileinput .input-group {
214
    white-space: nowrap;
215
    overflow: hidden; }
216
 
217
/***
218
Bootstrap Markdown
219
***/
220
.md-input {
221
  padding: 5px !important;
222
  border-bottom: 0 !important;
223
  -webkit-border-radius: 0 0 2px 2px;
224
  -moz-border-radius: 0 0 2px 2px;
225
  -ms-border-radius: 0 0 2px 2px;
226
  -o-border-radius: 0 0 2px 2px;
227
  border-radius: 0 0 2px 2px; }
228
 
229
.md-editor {
230
  -webkit-border-radius: 2px;
231
  -moz-border-radius: 2px;
232
  -ms-border-radius: 2px;
233
  -o-border-radius: 2px;
234
  border-radius: 2px; }
235
  .md-editor .btn-toolbar {
236
    margin-left: 0px;
237
    -webkit-border-radius: 2px 2px 0 0;
238
    -moz-border-radius: 2px 2px 0 0;
239
    -ms-border-radius: 2px 2px 0 0;
240
    -o-border-radius: 2px 2px 0 0;
241
    border-radius: 2px 2px 0 0; }
242
    .md-editor .btn-toolbar .btn-group .btn-sm.btn {
243
      padding-bottom: 3px; }
244
    .md-editor .btn-toolbar .btn-group .btn-primary {
245
      padding-top: 5px;
246
      padding-bottom: 7px; }
247
 
248
.md-editor.active {
249
  border: 1px solid #999999;
250
  -webkit-box-shadow: none !important;
251
  -moz-box-shadow: none !important;
252
  box-shadow: none !important; }
253
 
254
/***
255
Error state for WYSIWYG Editors
256
***/
257
.has-error .md-editor {
258
  border: 1px solid #fbe1e3 !important; }
259
 
260
.has-success .md-editor {
261
  border: 1px solid #abe7ed !important; }
262
 
263
.has-warning .md-editor {
264
  border: 1px solid #f9e491 !important; }
265
 
266
/***
267
Bootstrap Modal
268
***/
269
/* fix: content shifting to the right on modal open */
270
.modal-open.page-overflow .page-container,
271
.modal-open.page-overflow .page-container .navbar-fixed-top,
272
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
273
.modal-open.page-overflow .modal-scrollable {
274
  overflow-y: auto !important; }
275
 
276
.modal-scrollable {
277
  overflow: hidden !important; }
278
 
279
/* BS 3.3.1 fix */
280
.modal-backdrop {
281
  position: fixed;
282
  bottom: 0; }
283
 
284
.modal-scrollable {
285
  overflow: hidden !important;
286
  z-index: 10051;
287
  overflow-y: scroll !important; }
288
 
289
.modal {
290
  -webkit-border-radius: 2px;
291
  -moz-border-radius: 2px;
292
  -ms-border-radius: 2px;
293
  -o-border-radius: 2px;
294
  border-radius: 2px;
295
  border: 0 !important; }
296
  .modal .modal-body {
297
    -webkit-border-radius: 2px;
298
    -moz-border-radius: 2px;
299
    -ms-border-radius: 2px;
300
    -o-border-radius: 2px;
301
    border-radius: 2px;
302
    border: 0; }
303
  .modal .modal-title {
304
    font-weight: 400; }
305
  .modal .modal-footer {
306
    border: 0 !important; }
307
 
308
.modal-backdrop,
309
.modal-backdrop.fade.in {
310
  opacity: 0.2 ;
311
  filter: alpha(opacity=20) ; }
312
 
313
/***
314
Bootstrap Select
315
***/
316
.bootstrap-select .btn {
317
  border-color: #c2cad8; }
318
 
319
.has-error .bootstrap-select .btn {
320
  border-color: #fbe1e3; }
321
 
322
.has-success .bootstrap-select .btn {
323
  border-color: #abe7ed; }
324
 
325
.has-warning .bootstrap-select .btn {
326
  border-color: #f9e491; }
327
 
328
.bootstrap-select.open .btn {
329
  border-color: #93a1bb; }
330
 
331
.bootstrap-select.open.dropup .btn {
332
  border-color: #93a1bb; }
333
 
334
.bootstrap-select .btn:focus {
335
  outline: none !important;
336
  outline-offset: 0; }
337
 
338
.bootstrap-select.btn-group .dropdown-menu {
339
  margin-top: 1px; }
340
 
341
.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
342
  font-weight: 600;
343
  font-family: 'Open Sans';
344
  font-size: 14px; }
345
 
346
.bootstrap-select.btn-group .dropdown-menu .text-muted {
347
  color: #999 !important; }
348
 
349
.bootstrap-select .caret {
350
  border: 0;
351
  width: auto;
352
  height: auto;
353
  margin-top: -10px !important; }
354
 
355
.bootstrap-select .caret:before {
356
  content: "\f107";
357
  display: inline-block;
358
  border: 0;
359
  font-family: FontAwesome;
360
  font-style: normal;
361
  font-weight: normal; }
362
 
363
.bootstrap-select .selected i {
364
  color: #aaa; }
365
 
366
.bootstrap-select .dropdown-menu {
367
  z-index: 9999 !important; }
368
 
369
/***
370
Bootstrap Switch
371
***/
372
.bootstrap-switch {
373
  border-color: #c2cad8; }
374
  .bootstrap-switch.bootstrap-switch-focused {
375
    box-shadow: none;
376
    border-color: #c2cad8; }
377
 
378
/***
379
Color variants
380
***/
381
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
382
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
383
  color: #fff;
384
  background: #337ab7; }
385
 
386
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
387
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
388
  color: #fff;
389
  background: #659be0; }
390
 
391
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
392
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
393
  color: #fff;
394
  background: #36c6d3; }
395
 
396
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
397
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
398
  color: #fff;
399
  background: #F1C40F; }
400
 
401
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
402
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
403
  color: #fff;
404
  background: #ed6b75; }
405
 
406
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
407
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
408
  color: #444;
409
  background: #e8eaef; }
410
 
411
/* Bootstrap switch on portlet headers */
412
.portlet:not(.light) > .portlet-title > .actions > .bootstrap-switch {
413
  border-color: transparent;
414
  margin-top: 0px; }
415
 
416
/***
417
Bootstrap Time Picker
418
***/
419
.bootstrap-timepicker-widget table td a {
420
  padding: 4px 0; }
421
 
422
.bootstrap-timepicker-widget input,
423
.bootstrap-timepicker-widget input:focus {
424
  outline: none !important;
425
  border: 0; }
426
 
427
.modal-open .bootstrap-timepicker-widget {
428
  z-index: 10055 !important; }
429
 
430
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
431
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
432
  top: auto; }
433
 
434
/***
435
Toastr Notifications
436
***/
437
.toast {
438
  -webkit-box-shadow: none !important;
439
  -moz-box-shadow: none !important;
440
  box-shadow: none !important; }
441
 
442
.toast {
443
  background-color: #030303; }
444
 
445
.toast-success {
446
  background-color: #51a351; }
447
 
448
.toast-error {
449
  background-color: #bd362f; }
450
 
451
.toast-info {
452
  background-color: #2f96b4; }
453
 
454
.toast-warning {
455
  background-color: #f89406; }
456
 
457
.toast .toast-close-button {
458
  display: inline-block;
459
  margin-top: 0px;
460
  margin-right: 0px;
461
  text-indent: -100000px;
462
  width: 11px;
463
  height: 16px;
464
  background-repeat: no-repeat !important;
465
  background-image: url("../img/portlet-remove-icon-white.png") !important; }
466
 
467
.toast-top-center {
468
  top: 12px;
469
  margin: 0 auto;
470
  left: 50%;
471
  margin-left: -150px; }
472
  .toast-top-center .toast {
473
    margin: 0 !important; }
474
 
475
.toast-bottom-center {
476
  bottom: 12px;
477
  margin: 0 auto;
478
  left: 50%;
479
  margin-left: -150px; }
480
  .toast-bottom-center .toast {
481
    margin: 0 !important; }
482
 
483
/***
484
Bootstrap Wizard
485
***/
486
.form-wizard .progress {
487
  margin-bottom: 30px; }
488
 
489
.form-wizard .steps {
490
  padding: 10px 0;
491
  margin-bottom: 15px;
492
  background-color: #fff;
493
  background-image: none;
494
  filter: none;
495
  border: 0px;
496
  box-shadow: none; }
497
  .form-wizard .steps > li > a.step {
498
    background-color: #fff;
499
    background-image: none;
500
    filter: none;
501
    border: 0px;
502
    box-shadow: none; }
503
    .form-wizard .steps > li > a.step:hover {
504
      background: none; }
505
    .form-wizard .steps > li > a.step > .number {
506
      background-color: #eee;
507
      display: inline-block;
508
      text-align: center !important;
509
      font-size: 16px;
510
      font-weight: 300;
511
      padding: 11px 15px 13px 15px;
512
      margin-right: 10px;
513
      height: 45px;
514
      width: 45px;
515
      -webkit-border-radius: 50% !important;
516
      -moz-border-radius: 50% !important;
517
      border-radius: 50% !important; }
518
    .form-wizard .steps > li > a.step > .desc {
519
      display: inline-block;
520
      font-size: 16px;
521
      font-weight: 300; }
522
      .form-wizard .steps > li > a.step > .desc > i {
523
        display: none; }
524
  .form-wizard .steps > li.active > a.step .number {
525
    background-color: #36c6d3;
526
    color: #fff; }
527
  .form-wizard .steps > li.active > a.step .desc {
528
    color: #333; }
529
  .form-wizard .steps > li.done > a.step .number {
530
    background-color: #F1C40F;
531
    color: #fff; }
532
  .form-wizard .steps > li.done > a.step .desc {
533
    color: #333; }
534
    .form-wizard .steps > li.done > a.step .desc i {
535
      font-size: 12px;
536
      font-weight: normal;
537
      color: #999;
538
      display: inline-block; }
539
 
540
@media (min-width: 768px) and (max-width: 1200px) {
541
  /* 768px & 1200px */
542
  .form-wizard .step .desc {
543
    margin-top: 10px;
544
    display: block; } }
545
 
546
@media (max-width: 768px) {
547
  /* 768px */
548
  .form-wizard .steps > li > a {
549
    text-align: left; } }
550
 
551
/*!
552
 * Tab drop for Bootstrap
553
 */
554
.tabbable-tabdrop .nav-tabs,
555
.tabbable-tabdrop .nav-pills {
556
  position: relative; }
557
  .tabbable-tabdrop .nav-tabs .caret,
558
  .tabbable-tabdrop .nav-pills .caret {
559
    display: none; }
560
  .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
561
  .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
562
    font-size: 14px; }
563
 
564
.tabbable-tabdrop .dropdown-menu:after {
565
  right: 10px;
566
  left: auto; }
567
 
568
.tabbable-tabdrop .dropdown-menu:before {
569
  right: 9px;
570
  left: auto; }
571
 
572
/***
573
wysihtml5
574
***/
575
.wysihtml5-sandbox {
576
  width: 100% !important; }
577
 
578
.wysihtml5-toolbar li {
579
  margin: 0px;
580
  height: 29px; }
581
 
582
.wysihtml5-toolbar li .dropdown-menu {
583
  margin-top: 5px; }
584
 
585
/***
586
Error state for WYSIWYG Editors
587
***/
588
.has-error .wysihtml5-sandbox {
589
  border: 1px solid #fbe1e3 !important; }
590
 
591
.has-success .wysihtml5-sandbox {
592
  border: 1px solid #abe7ed !important; }
593
 
594
.has-warning .wysihtml5-sandbox {
595
  border: 1px solid #f9e491 !important; }
596
 
597
/***
598
Error state for WYSIWYG Editors
599
***/
600
.note-editor {
601
  border: 1px solid #c2cad8;
602
  -webkit-border-radius: 2px;
603
  -moz-border-radius: 2px;
604
  -ms-border-radius: 2px;
605
  -o-border-radius: 2px;
606
  border-radius: 2px; }
607
  .note-editor .note-toolbar {
608
    border-bottom: 1px solid #c2cad8;
609
    -webkit-border-radius: 2px 2px 0 0;
610
    -moz-border-radius: 2px 2px 0 0;
611
    -ms-border-radius: 2px 2px 0 0;
612
    -o-border-radius: 2px 2px 0 0;
613
    border-radius: 2px 2px 0 0; }
614
  .note-editor .note-statusbar {
615
    -webkit-border-radius: 0 0 2px 2px;
616
    -moz-border-radius: 0 0 2px 2px;
617
    -ms-border-radius: 0 0 2px 2px;
618
    -o-border-radius: 0 0 2px 2px;
619
    border-radius: 0 0 2px 2px; }
620
    .note-editor .note-statusbar .note-resizebar {
621
      border-top: 1px solid #c2cad8; }
622
  .note-editor.note-frame.fullscreen {
623
    z-index: 10050;
624
    width: 100% !important; }
625
  .note-editor .dropdown-menu:before {
626
    left: 9px;
627
    right: auto; }
628
  .note-editor .dropdown-menu:after {
629
    left: 10px;
630
    right: auto; }
631
 
632
.note-link-dialog .checkbox {
633
  margin-left: 20px; }
634
 
635
.has-error .note-editor {
636
  border: 1px solid #fbe1e3 !important; }
637
 
638
.has-success .note-editor {
639
  border: 1px solid #abe7ed !important; }
640
 
641
.has-warning .note-editor {
642
  border: 1px solid #f9e491 !important; }
643
 
644
/***
645
Bootstrap GtreeTable
646
***/
647
.gtreetable .dropdown-menu {
648
  margin-top: 0px; }
649
  .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before {
650
    display: none !important; }
651
 
652
.gtreetable .node-action .form-control {
653
  position: relative;
654
  top: 2px;
655
  display: inline-block; }
656
 
657
.gtreetable .node-icon-selected,
658
.gtreetable .node-icon-handle,
659
.gtreetable .node-icon-ce,
660
.gtreetable .node-icon-type {
661
  opacity: 0.6 ;
662
  filter: alpha(opacity=60) ; }
663
 
664
/***
665
Modify bootstrap-tagsinput plugin's css
666
***/
667
.bootstrap-tagsinput .tag [data-role="remove"] {
668
  box-shadow: none;
669
  font-family: arial; }
670
  .bootstrap-tagsinput .tag [data-role="remove"]:after {
671
    font-family: arial; }
672
  .bootstrap-tagsinput .tag [data-role="remove"]:hover {
673
    text-decoration: none;
674
    box-shadow: none; }
675
 
676
.mt-bootstrap-tables .mt-btm-transform .bars {
677
  height: auto; }
678
 
679
.fixed-table-toolbar .columns label {
680
  margin: 10px;
681
  padding: 0 0 0 30px; }
682
 
683
.fixed-table-header th.bs-checkbox {
684
  outline: none; }
685
  .fixed-table-header th.bs-checkbox .th-inner {
686
    overflow: visible; }
687
    .fixed-table-header th.bs-checkbox .th-inner .mt-checkbox {
688
      right: -5px; }
689
 
690
/***
691
Bootbox
692
***/
693
.bootbox .bootbox-close-button {
694
  margin-top: 0px !important; }
695
 
696
/*--------------------------------------------------
697
    [CSS Animation Amchart]
698
----------------------------------------------------*/
699
.CSSAnimationChart {
700
  width: 100%;
701
  height: 500px; }
702
  .CSSAnimationChart a {
703
    color: #bbb !important;
704
    font-size: 12px !important; }
705
 
706
.amcharts-graph-g2 .amcharts-graph-stroke {
707
  stroke-dasharray: 3px 3px;
708
  stroke-linejoin: round;
709
  stroke-linecap: round;
710
  -webkit-animation: am-moving-dashes 1s linear infinite;
711
  animation: am-moving-dashes 1s linear infinite; }
712
 
713
@-webkit-keyframes am-moving-dashes {
714
  100% {
715
    stroke-dashoffset: -31px; } }
716
 
717
@keyframes am-moving-dashes {
718
  100% {
719
    stroke-dashoffset: -31px; } }
720
 
721
.lastBullet {
722
  -webkit-animation: am-pulsating 1s ease-out infinite;
723
  animation: am-pulsating 1s ease-out infinite; }
724
 
725
@-webkit-keyframes am-pulsating {
726
  0% {
727
    stroke-opacity: 1;
728
    stroke-width: 0px; }
729
  100% {
730
    stroke-opacity: 0;
731
    stroke-width: 50px; } }
732
 
733
@keyframes am-pulsating {
734
  0% {
735
    stroke-opacity: 1;
736
    stroke-width: 0px; }
737
  100% {
738
    stroke-opacity: 0;
739
    stroke-width: 50px; } }
740
 
741
.amcharts-graph-column-front {
742
  -webkit-transition: all .3s .3s ease-out;
743
  transition: all .3s .3s ease-out; }
744
 
745
.amcharts-graph-column-front:hover {
746
  fill: #496375;
747
  stroke: #496375;
748
  -webkit-transition: all .3s ease-out;
749
  transition: all .3s ease-out; }
750
 
751
.amcharts-graph-g3 {
752
  stroke-linejoin: round;
753
  stroke-linecap: round;
754
  stroke-dasharray: 500%;
755
  stroke-dasharray: 0 \0;
756
  /* fixes IE prob */
757
  stroke-dashoffset: 0 \0;
758
  /* fixes IE prob */
759
  -webkit-animation: am-draw 40s;
760
  animation: am-draw 40s; }
761
 
762
@-webkit-keyframes am-draw {
763
  0% {
764
    stroke-dashoffset: 500%; }
765
  100% {
766
    stroke-dashoffset: 0px; } }
767
 
768
@keyframes am-draw {
769
  0% {
770
    stroke-dashoffset: 500%; }
771
  100% {
772
    stroke-dashoffset: 0px; } }
773
 
774
/*--------------------------------------------------
775
    [Mao Amchart]
776
----------------------------------------------------*/
777
.mapChart {
778
  width: 100%;
779
  height: 500px; }
780
  .mapChart a {
781
    color: #bbb !important;
782
    font-size: 12px !important; }
783
 
784
/*--------------------------------------------------
785
    [Column Line]
786
----------------------------------------------------*/
787
.columnLine {
788
  width: 100%;
789
  height: 350px;
790
  font-size: 11px; }
791
 
792
.amcharts-graph-graph2 .amcharts-graph-stroke {
793
  stroke-dasharray: 4px 5px;
794
  stroke-linejoin: round;
795
  stroke-linecap: round;
796
  -webkit-animation: am-moving-dashes 1s linear infinite;
797
  animation: am-moving-dashes 1s linear infinite; }
798
 
799
@-webkit-keyframes am-moving-dashes {
800
  100% {
801
    stroke-dashoffset: -28px; } }
802
 
803
@keyframes am-moving-dashes {
804
  100% {
805
    stroke-dashoffset: -28px; } }
806
 
807
/*--------------------------------------------------
808
    [Animated Pie Chart]
809
----------------------------------------------------*/
810
.animated-pie-chart {
811
  width: 100%;
812
  height: 350px;
813
  font-size: 11px; }
814
 
815
/***
816
CKEditor css changes
817
***/
818
.cke {
819
  -webkit-border-radius: 2px;
820
  -moz-border-radius: 2px;
821
  -ms-border-radius: 2px;
822
  -o-border-radius: 2px;
823
  border-radius: 2px; }
824
  .cke .cke-top {
825
    -webkit-border-radius: 2px 2px 0 0;
826
    -moz-border-radius: 2px 2px 0 0;
827
    -ms-border-radius: 2px 2px 0 0;
828
    -o-border-radius: 2px 2px 0 0;
829
    border-radius: 2px 2px 0 0; }
830
  .cke .cke-bottom {
831
    -webkit-border-radius: 0 0 2px 2px;
832
    -moz-border-radius: 0 0 2px 2px;
833
    -ms-border-radius: 0 0 2px 2px;
834
    -o-border-radius: 0 0 2px 2px;
835
    border-radius: 0 0 2px 2px; }
836
 
837
.cke_bottom,
838
.cke_inner,
839
.cke_top,
840
.cke_reset,
841
.cke_dialog_title,
842
.cke_dialog_footer,
843
.cke_dialog {
844
  background-image: none !important;
845
  filter: none;
846
  border-top: 0;
847
  border-bottom: 0;
848
  -webkit-box-shadow: none !important;
849
  -moz-box-shadow: none !important;
850
  box-shadow: none !important;
851
  text-shadow: none; }
852
 
853
.cke_dialog_ui_button,
854
.cke_dialog_tab {
855
  background-image: none !important;
856
  filter: none;
857
  -webkit-box-shadow: none !important;
858
  -moz-box-shadow: none !important;
859
  box-shadow: none !important;
860
  text-shadow: none !important; }
861
 
862
.cke_dialog_ui_button:hover,
863
.cke_dialog_tab:hover {
864
  text-decoration: none;
865
  text-shadow: none; }
866
 
867
.cke_dialog_ui_input_text {
868
  background-image: none !important;
869
  filter: none;
870
  -webkit-box-shadow: none !important;
871
  -moz-box-shadow: none !important;
872
  box-shadow: none !important; }
873
 
874
.cke_combo_button,
875
.cke_button,
876
.cke_toolbar,
877
.cke_toolgroup {
878
  background-image: none !important;
879
  filter: none !important;
880
  border: 0;
881
  -webkit-box-shadow: none !important;
882
  -moz-box-shadow: none !important;
883
  box-shadow: none !important; }
884
 
885
.cke_button,
886
.cke_combo_button,
887
.cke_panel_grouptitle,
888
.cke_hc.cke_panel_listItem a {
889
  background-image: none !important;
890
  filter: none;
891
  text-shadow: none; }
892
 
893
.cke_button:hover,
894
.cke_combo_button:hover {
895
  background-color: #ddd; }
896
 
897
.cke_toolbar_break {
898
  background-image: none !important;
899
  filter: none !important;
900
  border: 0;
901
  box-shadow: none !important;
902
  -webkit-box-shadow: none !important;
903
  -moz-box-shadow: none !important;
904
  -ms-box-shadow: none !important;
905
  -o-box-shadow: none !important; }
906
 
907
/***
908
Error state for WYSIWYG Editors
909
***/
910
.has-error .cke {
911
  border: 1px solid #fbe1e3 !important; }
912
 
913
.has-success .cke {
914
  border: 1px solid #abe7ed !important; }
915
 
916
.has-warning .cke {
917
  border: 1px solid #f9e491 !important; }
918
 
919
/***
920
Clockface
921
***/
922
.modal-open .clockface {
923
  z-index: 10055 !important; }
924
 
925
.clockface .cell .inner.active,
926
.clockface .cell .outer.active {
927
  background-color: #4b8df8 !important;
928
  background-image: none;
929
  filter: none; }
930
 
931
/***
932
Datatables general customization
933
***/
934
.table-checkable tr > th:first-child,
935
.table-checkable tr > td:first-child {
936
  text-align: center;
937
  max-width: 50px;
938
  min-width: 40px;
939
  padding-left: 0;
940
  padding-right: 0; }
941
 
942
table.dataTable thead th,
943
table.dataTable thead td {
944
  border-bottom: 2px solid #e7ecf1;
945
  outline: none !important; }
946
 
947
table.dataTable.no-footer {
948
  border-bottom-color: #e7ecf1; }
949
 
950
table.dataTable tr.heading > th {
951
  background-color: #fbfcfd; }
952
 
953
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3,
954
table.dataTable th.sorting_1,
955
table.dataTable th.sorting_2,
956
table.dataTable th.sorting_3 {
957
  background: #fbfcfd !important; }
958
 
959
/***
960
Extended pagination
961
***/
962
.paging_bootstrap_extended {
963
  margin: 5px 0 0 0 !important;
964
  padding: 0 !important;
965
  float: none !important;
966
  font-size: 13px; }
967
 
968
.dataTables_extended_wrapper {
969
  margin-top: 10px; }
970
  .dataTables_extended_wrapper .seperator {
971
    padding: 0 2px; }
972
  .dataTables_extended_wrapper .table.dataTable {
973
    margin: 20px 0 !important; }
974
  .dataTables_extended_wrapper div.dataTables_paginate,
975
  .dataTables_extended_wrapper div.dataTables_length,
976
  .dataTables_extended_wrapper div.dataTables_info {
977
    display: inline-block;
978
    float: none !important;
979
    padding: 0 !important;
980
    margin: 0 !important;
981
    position: static !important; }
982
  .dataTables_extended_wrapper .table-group-actions > span {
983
    font-size: 13px; }
984
  .dataTables_extended_wrapper.DTS .paging_bootstrap_extended {
985
    display: inline-block; }
986
  .dataTables_extended_wrapper.DTS .dataTables_info {
987
    display: inline-block;
988
    padding-top: 8px !important; }
989
    .dataTables_extended_wrapper.DTS .dataTables_info .seperator {
990
      display: none; }
991
  .dataTables_extended_wrapper.DTS .dataTables_scrollHead {
992
    border-bottom: 0 !important; }
993
    .dataTables_extended_wrapper.DTS .dataTables_scrollHead .dataTables_scrollHeadInner .table.dataTable {
994
      margin-bottom: 0 !important; }
995
  .dataTables_extended_wrapper.DTS .dataTables_scrollBody {
996
    border-bottom: 0 !important; }
997
    .dataTables_extended_wrapper.DTS .dataTables_scrollBody .table.dataTable {
998
      margin: 0 !important; }
999
 
1000
@media (max-width: 480px) {
1001
  .dataTables_extended_wrapper div.dataTables_paginate,
1002
  .dataTables_extended_wrapper div.dataTables_length,
1003
  .dataTables_extended_wrapper div.dataTables_info {
1004
    display: block;
1005
    margin-bottom: 10px !important; }
1006
  .dataTables_extended_wrapper .seperator {
1007
    display: none !important; } }
1008
 
1009
.dataTables_extended_wrapper div.dataTables_length label {
1010
  margin: 0 !important;
1011
  padding: 0 !important;
1012
  font-size: 13px;
1013
  float: none !important;
1014
  display: inline-block !important; }
1015
 
1016
.table-container .table-actions-wrapper {
1017
  display: none; }
1018
 
1019
/***
1020
Scroller Extension
1021
***/
1022
.dataTables_scroll {
1023
  margin-bottom: 10px; }
1024
 
1025
.dataTables_scrollHead {
1026
  border-bottom: 2px solid #e7ecf1 !important; }
1027
  .dataTables_scrollHead thead th {
1028
    border-bottom: 0 !important; }
1029
 
1030
.dataTables_scrollBody {
1031
  border-bottom: 1px solid #e7ecf1 !important; }
1032
 
1033
.table-both-scroll .dataTables_scrollBody {
1034
  border-bottom: 0 !important; }
1035
 
1036
/***
1037
Datatables processing
1038
***/
1039
.dataTables_wrapper .dataTables_processing {
1040
  width: 200px;
1041
  display: inline-block;
1042
  padding: 7px;
1043
  left: 50%;
1044
  margin-left: -100px;
1045
  margin-top: 10px;
1046
  text-align: center;
1047
  color: #3f444a;
1048
  border: 1px solid #e7ecf1;
1049
  background: #eef1f5;
1050
  vertical-align: middle;
1051
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1052
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1053
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
1054
 
1055
/***
1056
Tool Buttons
1057
***/
1058
.dt-button-background {
1059
  display: none !important; }
1060
 
1061
div.dt-button-collection {
1062
  border: 1px solid #eee;
1063
  background: #ffffff;
1064
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
1065
  padding: 0; }
1066
  div.dt-button-collection > a.dt-button {
1067
    background: none;
1068
    padding: 8px 16px;
1069
    font-weight: 300;
1070
    margin: 1px 1px;
1071
    box-shadow: none !important;
1072
    border: 0 !important; }
1073
    div.dt-button-collection > a.dt-button > span {
1074
      font-size: 14px;
1075
      color: #333; }
1076
    div.dt-button-collection > a.dt-button.active {
1077
      background: #f6f6f6 !important;
1078
      box-shadow: none !important;
1079
      border: 0 !important; }
1080
      div.dt-button-collection > a.dt-button.active > span {
1081
        color: #333; }
1082
 
1083
button.dt-button,
1084
div.dt-button,
1085
a.dt-button {
1086
  background-image: none !important;
1087
  padding: 6px 12px !important; }
1088
  button.dt-button:last-child,
1089
  div.dt-button:last-child,
1090
  a.dt-button:last-child {
1091
    margin-right: 0; }
1092
 
1093
.dataTables_wrapper .dt-buttons {
1094
  float: right; }
1095
  .portlet.light .dataTables_wrapper .dt-buttons {
1096
    margin-top: -64px; }
1097
  .portlet.box .dataTables_wrapper .dt-buttons {
1098
    margin-top: -50px; }
1099
 
1100
/***
1101
Rot Details
1102
***/
1103
.dataTable .row-details.row-details-close {
1104
  background: url("../img/datatable-row-openclose.png") no-repeat 0 0; }
1105
 
1106
.dataTable .row-details.row-details-open {
1107
  background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px; }
1108
 
1109
/***
1110
Sorting
1111
***/
1112
table.dataTable thead .sorting,
1113
table.dataTable thead .sorting_asc,
1114
table.dataTable thead .sorting_desc,
1115
table.dataTable thead .sorting_asc_disabled,
1116
table.dataTable thead .sorting_desc_disabled {
1117
  cursor: pointer; }
1118
  table.dataTable thead .sorting:after,
1119
  table.dataTable thead .sorting_asc:after,
1120
  table.dataTable thead .sorting_desc:after,
1121
  table.dataTable thead .sorting_asc_disabled:after,
1122
  table.dataTable thead .sorting_desc_disabled:after {
1123
    display: none; }
1124
 
1125
table.dataTable thead .sorting {
1126
  background: url("../plugins/datatables/images/sort_both.png") no-repeat center right; }
1127
 
1128
table.dataTable thead .sorting_asc {
1129
  background: url("../plugins/datatables/images/sort_asc.png") no-repeat center right; }
1130
 
1131
table.dataTable thead .sorting_desc {
1132
  background: url("../plugins/datatables/images/sort_desc.png") no-repeat center right; }
1133
 
1134
table.dataTable thead .sorting_asc_disabled {
1135
  background: url("../plugins/datatables/images/sort_asc_disabled.png") no-repeat center right; }
1136
 
1137
table.dataTable thead .sorting_desc_disabled {
1138
  background: url("../plugins/datatables/images/sort_desc_disabled.png") no-repeat center right; }
1139
 
1140
table.dataTable th:active {
1141
  outline: none; }
1142
 
1143
/***
1144
Fixed Header
1145
***/
1146
table.dataTable.fixedHeader-floating {
1147
  margin-top: 0 !important;
1148
  margin-bottom: 0 !important;
1149
  border: 1px solid #dee5ec;
1150
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1151
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1152
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
1153
 
1154
.table-header-fixed thead > tr > th {
1155
  border-top: 0; }
1156
 
1157
.table > tfoot > tr > th,
1158
.table > tfoot > tr > td {
1159
  border-bottom: 0;
1160
  padding: 10px 18px;
1161
  border-top: 1px solid #e7ecf1;
1162
  font-weight: 600; }
1163
 
1164
/***
1165
Responsive Datatables
1166
***/
1167
.table.dataTable.dt-responsive .table.dataTable.responsive {
1168
  width: 100%; }
1169
 
1170
table.dataTable.dtr-column > tbody > tr > td.control,
1171
table.dataTable.dtr-column > tbody > tr > th.control {
1172
  text-align: center;
1173
  width: 14px; }
1174
 
1175
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
1176
  margin-left: -8px;
1177
  text-align: center;
1178
  text-indent: 0;
1179
  line-height: 0; }
1180
 
1181
table.dataTable.dtr-column > tbody > tr > td.control:before,
1182
table.dataTable.dtr-column > tbody > tr > th.control:before,
1183
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
1184
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
1185
  box-shadow: none !important;
1186
  background-color: #b0c1d2;
1187
  font-weight: 300;
1188
  vertical-align: middle;
1189
  line-height: 16px;
1190
  border: 0; }
1191
 
1192
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
1193
table.dataTable.dtr-column > tbody > tr.parent th.control:before,
1194
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
1195
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
1196
  background-color: #36c6d3;
1197
  font-weight: 300;
1198
  vertical-align: middle;
1199
  border: 0; }
1200
 
1201
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
1202
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
1203
  top: 10px; }
1204
 
1205
table.dataTable.dtr-column > tbody > tr > td.control:before,
1206
table.dataTable.dtr-column > tbody > tr > th.control:before {
1207
  text-align: center;
1208
  margin-top: -8px; }
1209
 
1210
table.dataTable > tbody > tr.child ul li {
1211
  border: 0; }
1212
 
1213
@-moz-document url-prefix() {
1214
  .portlet-datatable .dataTables_wrapper .table-responsive {
1215
    padding: 0 2px !important; } }
1216
 
1217
@media (max-width: 767px) {
1218
  /* 767px */
1219
  .portlet.box .dataTables_wrapper .dt-buttons,
1220
  .portlet.light .dataTables_wrapper .dt-buttons {
1221
    margin-top: 0;
1222
    margin-bottom: 20px; }
1223
    .portlet.box .dataTables_wrapper .dt-buttons > .dt-button,
1224
    .portlet.light .dataTables_wrapper .dt-buttons > .dt-button {
1225
      margin-top: 5px; } }
1226
 
1227
.table-scrollable .dataTable th > .btn-group,
1228
.table-scrollable .dataTable td > .btn-group {
1229
  position: absolute;
1230
  margin-top: -2px; }
1231
 
1232
.dataTable td .popover-content .btn-group {
1233
  position: static !important; }
1234
 
1235
.table .btn-group .btn {
1236
  margin-left: 0;
1237
  margin-right: -1px; }
1238
 
1239
/***
1240
Dropzone css changes(new in v1.1.1)
1241
***/
1242
.dropzone {
1243
  -webkit-border-radius: 0px;
1244
  -moz-border-radius: 0px;
1245
  border-radius: 0px; }
1246
 
1247
.dropzone-file-area {
1248
  border: 2px dashed #028AF4;
1249
  background: white;
1250
  padding: 20px;
1251
  margin: 0 auto;
1252
  text-align: center; }
1253
 
1254
.dz-hidden-input {
1255
  left: 0; }
1256
 
1257
@media (max-width: 768px) {
1258
  /* 768px */
1259
  .dropzone-file-area {
1260
    width: auto; } }
1261
 
1262
/***
1263
Fancy box fix overlay fix
1264
***/
1265
.fancybox-overlay {
1266
  z-index: 100000; }
1267
 
1268
.fancybox-opened {
1269
  z-index: 100001; }
1270
 
1271
/***
1272
FuelUX Spinners
1273
***/
1274
.spinner-buttons.btn-group-vertical .btn {
1275
  text-align: center;
1276
  margin: 0;
1277
  height: 17px;
1278
  width: 22px;
1279
  padding-left: 6px;
1280
  padding-right: 6px;
1281
  padding-top: 0px; }
1282
  .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
1283
    border-radius: 0;
1284
    border-top-right-radius: 2px !important; }
1285
  .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
1286
    border-radius: 0;
1287
    border-bottom-right-radius: 2px; }
1288
 
1289
/***
1290
Fullcalendar
1291
***/
1292
/* External events */
1293
.external-event {
1294
  display: inline-block;
1295
  cursor: move;
1296
  margin-bottom: 5px;
1297
  margin-left: 5px; }
1298
 
1299
.fc-scroller {
1300
  overflow-y: auto;
1301
  overflow-x: hidden; }
1302
 
1303
.fc-month-view .fc-scroller {
1304
  height: auto !important; }
1305
 
1306
.portlet .event-form-title {
1307
  font-size: 16px;
1308
  margin-top: 4px;
1309
  font-weight: 400;
1310
  margin-bottom: 10px; }
1311
 
1312
.portlet.calendar .fc-button {
1313
  -webkit-box-shadow: none;
1314
  -moz-box-shadow: none;
1315
  box-shadow: none;
1316
  text-shadow: none;
1317
  border: 0;
1318
  height: 35px;
1319
  padding: 5px 8px 8px 8px;
1320
  margin-left: 2px;
1321
  border-top-style: none;
1322
  border-bottom-style: none;
1323
  border-right-style: solid;
1324
  border-left-style: solid;
1325
  border-color: #ddd;
1326
  background: transparent;
1327
  color: #fff;
1328
  top: -48px;
1329
  outline: none !important;
1330
  -webkit-border-radius: 2px 2px 0 0;
1331
  -moz-border-radius: 2px 2px 0 0;
1332
  -ms-border-radius: 2px 2px 0 0;
1333
  -o-border-radius: 2px 2px 0 0;
1334
  border-radius: 2px 2px 0 0; }
1335
 
1336
.portlet.calendar .fc-toolbar {
1337
  margin-bottom: 0px; }
1338
  .portlet.calendar .fc-toolbar h2 {
1339
    margin-top: 3px;
1340
    font-size: 17px; }
1341
 
1342
.portlet.calendar .fc-header {
1343
  margin-bottom: -21px; }
1344
 
1345
.portlet.calendar .fc-button-prev {
1346
  padding-right: 10px;
1347
  padding-left: 8px; }
1348
 
1349
.portlet.calendar .fc-button-next {
1350
  padding-right: 8px;
1351
  padding-left: 10px; }
1352
 
1353
.portlet.calendar .fc-button .fc-icon {
1354
  height: 20px;
1355
  top: -5px; }
1356
 
1357
.portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover {
1358
  color: #666;
1359
  background-color: #fff; }
1360
 
1361
.portlet.calendar .fc-button.fc-state-disabled {
1362
  color: #ddd; }
1363
 
1364
.portlet.calendar .fc-button .fc-icon-left-single-arrow {
1365
  font-family: FontAwesome;
1366
  display: inline-block;
1367
  font-size: 16px; }
1368
  .portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
1369
    content: "";
1370
    margin: 0; }
1371
  .portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
1372
    content: "\f104"; }
1373
 
1374
.portlet.calendar .fc-button .fc-icon-right-single-arrow {
1375
  font-family: FontAwesome;
1376
  display: inline-block;
1377
  font-size: 16px; }
1378
  .portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
1379
    margin: 0;
1380
    content: ""; }
1381
  .portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
1382
    content: "\f105"; }
1383
 
1384
.portlet.calendar .fc-text-arrow {
1385
  font-size: 22px;
1386
  font-family: "Courier New", Courier, monospace;
1387
  vertical-align: baseline; }
1388
 
1389
.portlet.calendar .fc-event {
1390
  border: 0px;
1391
  background-color: #69a4e0;
1392
  color: #fff; }
1393
  .portlet.calendar .fc-event .fc-content {
1394
    border: 0px;
1395
    padding: 5px 7px; }
1396
  .portlet.calendar .fc-event .fc-time {
1397
    float: left;
1398
    text-align: left;
1399
    color: #fff;
1400
    font-size: 14px;
1401
    font-weight: 300;
1402
    padding-right: 5px; }
1403
  .portlet.calendar .fc-event .fc-title {
1404
    text-align: left;
1405
    float: left;
1406
    color: #fff;
1407
    font-size: 14px;
1408
    font-weight: 300; }
1409
 
1410
.portlet.calendar .fc-header-title h2 {
1411
  font-size: 14px;
1412
  line-height: 20px;
1413
  font-weight: 400;
1414
  color: #111; }
1415
 
1416
.portlet.calendar .fc-widget-header {
1417
  background-image: none;
1418
  filter: none;
1419
  background-color: #eee;
1420
  text-transform: uppercase;
1421
  font-weight: 300; }
1422
 
1423
.portlet.calendar.light .fc-button {
1424
  top: -60px;
1425
  color: #666;
1426
  text-transform: uppercase;
1427
  font-size: 12px;
1428
  padding-bottom: 35px; }
1429
  .portlet.calendar.light .fc-button .fc-text-arrow {
1430
    margin-top: -6px;
1431
    display: inline-block; }
1432
  .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
1433
    color: #333;
1434
    border-bottom: 2px solid #36c6d3; }
1435
  .portlet.calendar.light .fc-button.fc-state-disabled {
1436
    color: #aaa; }
1437
 
1438
.portlet.calendar .mobile .fc-button {
1439
  padding: 0px 6px 20px 6px;
1440
  margin-left: 2px;
1441
  border: 0;
1442
  background-color: #ddd;
1443
  background-image: none;
1444
  -webkit-box-shadow: none;
1445
  -moz-box-shadow: none;
1446
  box-shadow: none;
1447
  -webkit-border-radius: 0;
1448
  -moz-border-radius: 0;
1449
  border-radius: 0;
1450
  color: #000;
1451
  text-shadow: none;
1452
  text-align: center; }
1453
  .portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active {
1454
    background-color: #eee; }
1455
  .portlet.calendar .mobile .fc-button.fc-state-disabled {
1456
    color: #bbb; }
1457
 
1458
.portlet.calendar .mobile .fc-button-prev {
1459
  margin-right: 5px;
1460
  margin-top: -2px; }
1461
 
1462
.portlet.calendar .mobile .fc-button-next {
1463
  margin-right: -0px;
1464
  margin-top: -2px; }
1465
 
1466
.portlet.calendar .mobile .fc-header-space {
1467
  margin: 0px;
1468
  padding: 0px;
1469
  width: 0px; }
1470
 
1471
.portlet.calendar .mobile .fc-header-left {
1472
  position: absolute;
1473
  z-index: 10; }
1474
  .portlet.calendar .mobile .fc-header-left .fc-button {
1475
    top: -2px; }
1476
 
1477
.portlet.calendar .mobile .fc-header-right {
1478
  position: relative;
1479
  right: 0; }
1480
  .portlet.calendar .mobile .fc-header-right .fc-button {
1481
    top: 35px; }
1482
 
1483
.portlet.calendar .mobile .fc-content {
1484
  margin-top: 53px; }
1485
 
1486
.portlet.calendar.light .fc-button {
1487
  top: -47px; }
1488
 
1489
/***
1490
Google Maps
1491
***/
1492
.gmaps {
1493
  height: 300px;
1494
  width: 100%;
1495
  /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ }
1496
  .gmaps img {
1497
    max-width: none; }
1498
 
1499
#gmap_static div {
1500
  background-repeat: no-repeat;
1501
  background-position: 50% 50%;
1502
  height: 100%;
1503
  display: block;
1504
  height: 300px; }
1505
 
1506
#gmap_routes_instructions {
1507
  margin-top: 10px;
1508
  margin-bottom: 0px; }
1509
 
1510
/***
1511
Gritter notification modify
1512
***/
1513
#gritter-notice-wrapper {
1514
  right: 1px !important; }
1515
 
1516
.gritter-close {
1517
  left: auto !important;
1518
  right: 3px !important; }
1519
 
1520
.gritter-title {
1521
  font-family: 'Open Sans';
1522
  font-size: 18px;
1523
  font-weight: 300; }
1524
 
1525
/***
1526
Dashboard Charts(new in v1.2.1)
1527
***/
1528
.easy-pie-chart,
1529
.sparkline-chart {
1530
  text-align: center; }
1531
 
1532
.sparkline-chart {
1533
  margin-top: 15px;
1534
  position: relative; }
1535
 
1536
.easy-pie-chart .number {
1537
  font-size: 14px !important;
1538
  font-weight: 300;
1539
  margin: 0 auto;
1540
  position: relative;
1541
  text-align: center;
1542
  width: 75px;
1543
  height: 75px;
1544
  line-height: 75px; }
1545
  .easy-pie-chart .number canvas {
1546
    position: absolute;
1547
    top: 0;
1548
    left: 0; }
1549
 
1550
.sparkline-chart .number {
1551
  width: 100px;
1552
  margin: 0 auto;
1553
  margin-bottom: 10px; }
1554
 
1555
.sparkline-chart .title,
1556
.easy-pie-chart .title {
1557
  display: block;
1558
  text-align: center;
1559
  color: #333;
1560
  font-weight: 300;
1561
  font-size: 16px;
1562
  margin-top: 5px;
1563
  margin-bottom: 10px; }
1564
 
1565
.sparkline-chart .title:hover,
1566
.easy-pie-chart .title:hover {
1567
  color: #666;
1568
  text-decoration: none; }
1569
 
1570
.sparkline-chart .title > i,
1571
.easy-pie-chart .title > i {
1572
  margin-top: 5px; }
1573
 
1574
/***
1575
jQuery File Upload
1576
***/
1577
.blueimp-gallery .close {
1578
  background-image: url("../img/portlet-remove-icon-white.png") !important;
1579
  margin-top: -2px; }
1580
 
1581
.blueimp-gallery .prev,
1582
.blueimp-gallery .next {
1583
  border-radius: 23px !important; }
1584
 
1585
/***
1586
jQuery Multi Select
1587
***/
1588
.ms-container .ms-list {
1589
  border: 1px solid #e5e5e5;
1590
  -webkit-box-shadow: none;
1591
  -moz-box-shadow: none;
1592
  box-shadow: none; }
1593
 
1594
.ms-container .ms-optgroup-label {
1595
  font-size: 14px; }
1596
 
1597
.ms-container .ms-selectable li.ms-elem-selectable,
1598
.ms-container .ms-selection li.ms-elem-selection {
1599
  font-size: 13px; }
1600
 
1601
.ms-container .ms-list.ms-focus {
1602
  border-color: #999999;
1603
  -webkit-box-shadow: none;
1604
  -moz-box-shadow: none;
1605
  box-shadow: none; }
1606
 
1607
.ms-container .ms-selectable li.ms-hover,
1608
.ms-container .ms-selection li.ms-hover {
1609
  color: #333;
1610
  background-color: #eee; }
1611
 
1612
.ms-container .form-control {
1613
  margin-bottom: 5px; }
1614
 
1615
/***
1616
jQuery Notific8 Plugin
1617
***/
1618
.jquery-notific8-message {
1619
  font-size: 13px; }
1620
 
1621
[class*="jquery-notific8"],
1622
[class*="jquery-notific8"]:after,
1623
[class*="jquery-notific8"]:before {
1624
  -webkit-box-sizing: content-box;
1625
  -moz-box-sizing: content-box;
1626
  box-sizing: content-box; }
1627
 
1628
.right .jquery-notific8-close-sticky span,
1629
.left .jquery-notific8-close-sticky span {
1630
  font-size: 10px; }
1631
 
1632
.jquery-notific8-heading {
1633
  font-weight: 300;
1634
  font-size: 16px; }
1635
 
1636
/***
1637
Password Strength(in v1.4)
1638
***/
1639
.password-strength .password-verdict {
1640
  display: inline-block;
1641
  margin-top: 6px;
1642
  margin-left: 5px; }
1643
 
1644
.password-strength .progress {
1645
  margin-top: 5px;
1646
  margin-bottom: 0; }
1647
 
1648
.password-strength .progress-bar {
1649
  padding: 2px; }
1650
 
1651
/***
1652
jQuery Slimscroll
1653
***/
1654
.scroller {
1655
  padding: 0px;
1656
  margin: 0px;
1657
  padding-right: 12px;
1658
  overflow: hidden; }
1659
 
1660
.scroller-footer {
1661
  margin-top: 10px; }
1662
  .scroller-footer:before, .scroller-footer:after {
1663
    content: " ";
1664
    display: table; }
1665
  .scroller-footer:after {
1666
    clear: both; }
1667
 
1668
.portlet-body .slimScrollBar {
1669
  margin-right: 0px; }
1670
 
1671
/***
1672
jQuery Sparkline
1673
***/
1674
.jqstooltip {
1675
  width: auto !important;
1676
  height: auto !important; }
1677
 
1678
.easy-pie-chart,
1679
.sparkline-chart {
1680
  text-align: center; }
1681
 
1682
.sparkline-chart {
1683
  margin-top: 15px;
1684
  position: relative; }
1685
 
1686
.easy-pie-chart .number {
1687
  font-size: 16px;
1688
  font-weight: 300;
1689
  width: 85px;
1690
  margin: 0 auto; }
1691
 
1692
.sparkline-chart .number {
1693
  width: 100px;
1694
  margin: 0 auto;
1695
  margin-bottom: 10px; }
1696
 
1697
.sparkline-chart .title,
1698
.easy-pie-chart .title {
1699
  display: block;
1700
  text-align: center;
1701
  color: #333;
1702
  font-weight: 300;
1703
  font-size: 16px;
1704
  margin-top: 5px;
1705
  margin-bottom: 10px; }
1706
 
1707
.sparkline-chart .title:hover,
1708
.easy-pie-chart .title:hover {
1709
  color: #666;
1710
  text-decoration: none; }
1711
 
1712
.sparkline-chart .title > i,
1713
.easy-pie-chart .title > i {
1714
  margin-top: 5px; }
1715
 
1716
/***
1717
jQuery UI Sliders(new in v1.1.1)
1718
***/
1719
.slider {
1720
  border: 0;
1721
  padding: 0;
1722
  display: block;
1723
  margin: 12px 5px;
1724
  min-height: 11px; }
1725
 
1726
.ui-slider-vertical {
1727
  width: 11px; }
1728
 
1729
.ui-slider-horizontal .ui-slider-handle {
1730
  top: -3px; }
1731
 
1732
.ui-slider-vertical .ui-slider-handle {
1733
  left: -3px; }
1734
 
1735
.ui-slider-vertical,
1736
.ui-slider-handle {
1737
  filter: none !important;
1738
  background-image: none !important; }
1739
 
1740
/***
1741
JQVMAP Plugin
1742
***/
1743
.jqvmap-zoomout,
1744
.jqvmap-zoomin {
1745
  height: 16px;
1746
  width: 16px;
1747
  background-color: #666; }
1748
 
1749
.vmaps {
1750
  position: relative;
1751
  overflow: hidden;
1752
  height: 300px; }
1753
 
1754
/***
1755
Jstree
1756
***/
1757
.jstree-default .jstree-clicked {
1758
  border: 0;
1759
  background-color: #e1e1e1;
1760
  box-shadow: none; }
1761
 
1762
.jstree-default .jstree-hovered {
1763
  border: 0;
1764
  background-color: #eee;
1765
  box-shadow: none; }
1766
 
1767
.jstree-default .jstree-wholerow-clicked,
1768
.jstree-wholerow .jstree-wholerow-clicked {
1769
  background: none;
1770
  border: 0;
1771
  background-color: #e1e1e1;
1772
  box-shadow: none; }
1773
 
1774
.jstree-default .jstree-wholerow-hovered,
1775
.jstree-wholerow .jstree-wholerow-hovered {
1776
  border: 0;
1777
  background-color: #eee;
1778
  box-shadow: none; }
1779
 
1780
.jstree-icon.icon-lg {
1781
  margin-top: 1px; }
1782
 
1783
.jstree-open > .jstree-anchor > .fa-folder:before {
1784
  margin-left: 2px;
1785
  content: "\f07c"; }
1786
 
1787
.jstree-default.jstree-rtl .jstree-last {
1788
  background: transparent;
1789
  background-repeat: no-repeat; }
1790
 
1791
.vakata-context,
1792
.vakata-context ul {
1793
  padding: 0;
1794
  min-width: 125px;
1795
  background-color: #ffffff;
1796
  font-size: 14px;
1797
  font-family: "Segoe UI",Helvetica, Arial, sans-serif;
1798
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
1799
  border: 1px solid #efefef; }
1800
 
1801
.vakata-context li {
1802
  border: 0; }
1803
  .vakata-context li a {
1804
    padding: 0 10px;
1805
    border: 0; }
1806
    .vakata-context li a i {
1807
      display: none; }
1808
    .vakata-context li a .vakata-contextmenu-sep {
1809
      display: none; }
1810
 
1811
.vakata-context .vakata-context-hover > a,
1812
.vakata-context li a:hover {
1813
  background-color: #eee;
1814
  color: #333;
1815
  box-shadow: none;
1816
  margin: 0; }
1817
  .vakata-context .vakata-context-hover > a .span,
1818
  .vakata-context .vakata-context-hover > a .ins,
1819
  .vakata-context li a:hover .span,
1820
  .vakata-context li a:hover .ins {
1821
    border: 0 !important; }
1822
 
1823
.vakata-context li a span,
1824
.vakata-context li a ins {
1825
  display: none;
1826
  border: 0 !important; }
1827
 
1828
.vakata-context .vakata-context-separator a,
1829
.vakata-context-rtl .vakata-context-separator a {
1830
  margin: 0;
1831
  border: 0; }
1832
 
1833
.jstree-rename-input {
1834
  background-color: #ffffff !important;
1835
  border: 1px solid #e5e5e5 !important;
1836
  outline: none !important;
1837
  padding: 2px 6px !important;
1838
  margin-right: -4px !important; }
1839
 
1840
/***
1841
NoUIRangeSlider
1842
***/
1843
.noUi-horizontal {
1844
  margin: 9px 0; }
1845
 
1846
/***
1847
Color variants
1848
***/
1849
.noUi-primary .noUi-connect {
1850
  background: #337ab7; }
1851
 
1852
.noUi-info .noUi-connect {
1853
  background: #659be0; }
1854
 
1855
.noUi-success .noUi-connect {
1856
  background: #36c6d3; }
1857
 
1858
.noUi-warning .noUi-connect {
1859
  background: #F1C40F; }
1860
 
1861
.noUi-danger .noUi-connect {
1862
  background: #ed6b75; }
1863
 
1864
.noUi-default .noUi-connect {
1865
  background: #bac3d0; }
1866
 
1867
/* Conect slider */
1868
/* For this slider, disable the 'origin' size. */
1869
.noui-connect .noUi-origin {
1870
  right: auto;
1871
  width: 0; }
1872
 
1873
/* Position the bar and color it. */
1874
.noui-connect .connect {
1875
  position: absolute;
1876
  top: 0;
1877
  bottom: 0;
1878
  background: #80C9F5;
1879
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); }
1880
 
1881
/* When the slider is moved by tap,
1882
   transition the connect bar like the handle. */
1883
.noui-connect.noUi-state-tap .connect {
1884
  -webkit-transition: left 300ms, right 300ms;
1885
  transition: left 300ms, right 300ms; }
1886
 
1887
/**
1888
noUI Tooltips
1889
**/
1890
.noUi-handle .noUi-tooltip {
1891
  display: block;
1892
  position: absolute;
1893
  border: 1px solid #D9D9D9;
1894
  font-size: 12px;
1895
  border-radius: 3px;
1896
  background: #fff;
1897
  top: -55px;
1898
  padding: 5px;
1899
  left: -10px;
1900
  text-align: center;
1901
  min-width: 50px; }
1902
  .noUi-handle .noUi-tooltip strong {
1903
    display: block;
1904
    padding: 2px; }
1905
 
1906
/***
1907
Google reCaptcha
1908
***/
1909
.form-recaptcha-img {
1910
  margin-bottom: 10px;
1911
  clear: both;
1912
  border: 1px solid #e5e5e5;
1913
  padding: 5px; }
1914
 
1915
iframe[src="about:blank"] {
1916
  display: none; }
1917
 
1918
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
1919
.select2-container--bootstrap .select2-selection,
1920
.select2-container--bootstrap.select2-container--focus .select2-selection,
1921
.select2-container--bootstrap.select2-container--open .select2-selection {
1922
  -webkit-box-shadow: none;
1923
  box-shadow: none; }
1924
 
1925
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
1926
  cursor: pointer;
1927
  display: inline-block;
1928
  font-weight: 700;
1929
  margin-right: 3px; }
1930
 
1931
.select2-container--bootstrap .select2-results__group {
1932
  display: block;
1933
  font-size: 12px;
1934
  white-space: nowrap;
1935
  font-weight: 600;
1936
  font-family: "Open Sans", sans-serif; }
1937
 
1938
.select2-container--bootstrap .select2-selection {
1939
  font-family: "Open Sans", sans-serif; }
1940
 
1941
.modal-open .select2-dropdown {
1942
  z-index: 10060; }
1943
 
1944
.modal-open .select2-close-mask {
1945
  z-index: 10055; }
1946
 
1947
.modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
1948
  width: auto !important; }
1949
 
1950
.select2-result-repository {
1951
  padding-top: 4px;
1952
  padding-bottom: 3px; }
1953
 
1954
.select2-result-repository__avatar {
1955
  float: left;
1956
  width: 60px;
1957
  margin-right: 10px; }
1958
 
1959
.select2-result-repository__avatar img {
1960
  width: 100%;
1961
  height: auto;
1962
  border-radius: 2px; }
1963
 
1964
.select2-result-repository__meta {
1965
  margin-left: 70px; }
1966
 
1967
.select2-result-repository__title {
1968
  color: black;
1969
  font-weight: bold;
1970
  word-wrap: break-word;
1971
  line-height: 1.1;
1972
  margin-bottom: 4px; }
1973
 
1974
.select2-result-repository__forks, .select2-result-repository__stargazers {
1975
  margin-right: 1em; }
1976
 
1977
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
1978
  display: inline-block;
1979
  color: #aaa;
1980
  font-size: 11px; }
1981
 
1982
.select2-result-repository__description {
1983
  font-size: 13px;
1984
  color: #777;
1985
  margin-top: 4px; }
1986
 
1987
.select2-results__option--highlighted .select2-result-repository__title {
1988
  color: white; }
1989
 
1990
.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
1991
  color: #c1d7e9; }
1992
 
1993
.select2-selection__choice {
1994
  background-color: #eee !important;
1995
  border: 1px solid #eee !important; }
1996
  .select2-selection__choice .select2-selection__choice__remove {
1997
    font-weight: normal !important; }
1998
 
1999
/***
2000
Morris Charts
2001
***/
2002
.portlet-body-morris-fit {
2003
  margin-right: -20px;
2004
  margin-left: -20px;
2005
  margin-bottom: -15px; }
2006
  .portlet-body-morris-fit > svg {
2007
    -webkit-border-radius: 0 0 2px 2px;
2008
    -moz-border-radius: 0 0 2px 2px;
2009
    -ms-border-radius: 0 0 2px 2px;
2010
    -o-border-radius: 0 0 2px 2px;
2011
    border-radius: 0 0 2px 2px; }
2012
 
2013
.morris-hover.morris-default-style .morris-hover-row-label {
2014
  text-align: left;
2015
  font-weight: 400;
2016
  font-size: 15px;
2017
  color: #7D8C9D;
2018
  font-family: "Open Sans", sans-serif; }
2019
 
2020
.morris-hover.morris-default-style .morris-hover-point {
2021
  text-align: left;
2022
  font-size: 14px;
2023
  font-weight: 400;
2024
  font-family: "Open Sans", sans-serif; }
2025
 
2026
/***
2027
iCheck
2028
***/
2029
.icheck-list > label {
2030
  display: block;
2031
  margin-bottom: 8px; }
2032
  .icheck-list > label:last-child {
2033
    margin-bottom: 0; }
2034
 
2035
.form-horizontal .icheck-inline {
2036
  margin-top: 8px; }
2037
 
2038
.icheck-inline > label {
2039
  display: inline-block;
2040
  margin-left: 15px; }
2041
  .icheck-inline > label:first-child {
2042
    margin-left: 0; }
2043
 
2044
div[class*='icheckbox_'],
2045
div[class*='iradio_'] {
2046
  margin-right: 5px;
2047
  top: -1px !important; }
2048
 
2049
.icheck-colors {
2050
  padding: 0;
2051
  margin: 0;
2052
  list-style: none; }
2053
  .icheck-colors > li {
2054
    padding: 0;
2055
    margin: 4px;
2056
    float: left;
2057
    display: inline-block;
2058
    height: 20px;
2059
    width: 20px;
2060
    background: #000000;
2061
    opacity: 0.6 ;
2062
    filter: alpha(opacity=60) ; }
2063
    .icheck-colors > li:first-child {
2064
      margin-left: 0; }
2065
    .icheck-colors > li:hover {
2066
      opacity: 1 ;
2067
      filter: alpha(opacity=100) ;
2068
      cursor: pointer; }
2069
    .icheck-colors > li.active {
2070
      height: 26px;
2071
      margin-top: 0;
2072
      opacity: 0.6 ;
2073
      filter: alpha(opacity=60) ; }
2074
    .icheck-colors > li.red {
2075
      background: #d54e21; }
2076
    .icheck-colors > li.green {
2077
      background: #78a300; }
2078
    .icheck-colors > li.blue {
2079
      background: #0e76a8; }
2080
    .icheck-colors > li.aero {
2081
      background: #9cc2cb; }
2082
    .icheck-colors > li.grey {
2083
      background: #73716e; }
2084
    .icheck-colors > li.orange {
2085
      background: #f70; }
2086
    .icheck-colors > li.yellow {
2087
      background: #fc0; }
2088
    .icheck-colors > li.pink {
2089
      background: #ff66b5; }
2090
    .icheck-colors > li.purple {
2091
      background: #6a5a8c; }
2092
 
2093
/***
2094
AngularJS UI-select
2095
***/
2096
.ui-select-match-close {
2097
  margin-top: 5px !important;
2098
  margin-left: 5px !important; }
2099
 
2100
.minicolors-swatch {
2101
  border: 0; }
2102
 
2103
/***
2104
Codemirror Plugin
2105
***/
2106
.CodeMirror {
2107
  border: 1px solid #eee;
2108
  height: auto; }
2109
 
2110
/***
2111
Prism Plugin
2112
***/
2113
pre[class*="language-"] {
2114
  padding: 10px;
2115
  background: none !important;
2116
  border: 1px solid #f1f4f7 !important;
2117
  box-shadow: none !important;
2118
  margin: 0; }
2119
  pre[class*="language-"] code {
2120
    background: none !important;
2121
    box-shadow: none !important;
2122
    border: 0 !important; }
2123
 
2124
.socicon {
2125
  position: relative;
2126
  top: 1px;
2127
  display: inline-block;
2128
  font-family: 'socicon';
2129
  font-style: normal;
2130
  font-weight: normal;
2131
  line-height: 1;
2132
  -webkit-font-smoothing: antialiased; }
2133
 
2134
.socicon-btn:empty .socicon:empty {
2135
  width: 1em; }
2136
 
2137
.socicon-btn {
2138
  position: relative;
2139
  display: inline-block;
2140
  font-family: 'socicon';
2141
  font-style: normal;
2142
  font-weight: normal;
2143
  line-height: 1;
2144
  -webkit-font-smoothing: antialiased;
2145
  text-align: center;
2146
  width: 44px;
2147
  height: 44px;
2148
  padding-top: 11px;
2149
  font-size: 24px;
2150
  border: 1px solid #e7ecf1;
2151
  color: #3f444a;
2152
  transition: background, color 0.3s; }
2153
  .socicon-btn.socicon-solid {
2154
    border: 0;
2155
    width: 46px;
2156
    height: 46px;
2157
    padding-top: 12px; }
2158
  .socicon-btn.socicon-btn-circle {
2159
    border-radius: 44px !important; }
2160
  .socicon-btn:hover {
2161
    transition: background, color 0.3s;
2162
    text-decoration: none; }
2163
  .socicon-btn.socicon-lg {
2164
    width: 54px;
2165
    height: 54px;
2166
    padding-top: 13px;
2167
    font-size: 28px; }
2168
    .socicon-btn.socicon-lg.socicon-solid {
2169
      border: 0;
2170
      width: 55px;
2171
      height: 55px;
2172
      padding-top: 13px; }
2173
  .socicon-btn.socicon-sm {
2174
    width: 30px;
2175
    height: 30px;
2176
    padding-top: 8px;
2177
    font-size: 16px; }
2178
    .socicon-btn.socicon-sm.socicon-solid {
2179
      border: 0;
2180
      width: 30px;
2181
      height: 30px;
2182
      padding-top: 8px; }
2183
 
2184
.socicons .socicon-btn {
2185
  margin-bottom: 5px; }
2186
 
2187
.socicon-twitter:before {
2188
  content: "a"; }
2189
 
2190
.socicon-facebook:before {
2191
  content: "b"; }
2192
 
2193
.socicon-google:before {
2194
  content: "c"; }
2195
 
2196
.socicon-pinterest:before {
2197
  content: "d"; }
2198
 
2199
.socicon-foursquare:before {
2200
  content: "e"; }
2201
 
2202
.socicon-yahoo:before {
2203
  content: "f"; }
2204
 
2205
.socicon-skype:before {
2206
  content: "g"; }
2207
 
2208
.socicon-yelp:before {
2209
  content: "h"; }
2210
 
2211
.socicon-feedburner:before {
2212
  content: "i"; }
2213
 
2214
.socicon-linkedin:before {
2215
  content: "j"; }
2216
 
2217
.socicon-viadeo:before {
2218
  content: "k"; }
2219
 
2220
.socicon-xing:before {
2221
  content: "l"; }
2222
 
2223
.socicon-myspace:before {
2224
  content: "m"; }
2225
 
2226
.socicon-soundcloud:before {
2227
  content: "n"; }
2228
 
2229
.socicon-spotify:before {
2230
  content: "o"; }
2231
 
2232
.socicon-grooveshark:before {
2233
  content: "p"; }
2234
 
2235
.socicon-lastfm:before {
2236
  content: "q"; }
2237
 
2238
.socicon-youtube:before {
2239
  content: "r"; }
2240
 
2241
.socicon-vimeo:before {
2242
  content: "s"; }
2243
 
2244
.socicon-dailymotion:before {
2245
  content: "t"; }
2246
 
2247
.socicon-vine:before {
2248
  content: "u"; }
2249
 
2250
.socicon-flickr:before {
2251
  content: "v"; }
2252
 
2253
.socicon-500px:before {
2254
  content: "w"; }
2255
 
2256
.socicon-instagram:before {
2257
  content: "x"; }
2258
 
2259
.socicon-wordpress:before {
2260
  content: "y"; }
2261
 
2262
.socicon-tumblr:before {
2263
  content: "z"; }
2264
 
2265
.socicon-blogger:before {
2266
  content: "A"; }
2267
 
2268
.socicon-technorati:before {
2269
  content: "B"; }
2270
 
2271
.socicon-reddit:before {
2272
  content: "C"; }
2273
 
2274
.socicon-dribbble:before {
2275
  content: "D"; }
2276
 
2277
.socicon-stumbleupon:before {
2278
  content: "E"; }
2279
 
2280
.socicon-digg:before {
2281
  content: "F"; }
2282
 
2283
.socicon-envato:before {
2284
  content: "G"; }
2285
 
2286
.socicon-behance:before {
2287
  content: "H"; }
2288
 
2289
.socicon-delicious:before {
2290
  content: "I"; }
2291
 
2292
.socicon-deviantart:before {
2293
  content: "J"; }
2294
 
2295
.socicon-forrst:before {
2296
  content: "K"; }
2297
 
2298
.socicon-playstore:before {
2299
  content: "L"; }
2300
 
2301
.socicon-zerply:before {
2302
  content: "M"; }
2303
 
2304
.socicon-wikipedia:before {
2305
  content: "N"; }
2306
 
2307
.socicon-apple:before {
2308
  content: "O"; }
2309
 
2310
.socicon-flattr:before {
2311
  content: "P"; }
2312
 
2313
.socicon-github:before {
2314
  content: "Q"; }
2315
 
2316
.socicon-chimein:before {
2317
  content: "R"; }
2318
 
2319
.socicon-friendfeed:before {
2320
  content: "S"; }
2321
 
2322
.socicon-newsvine:before {
2323
  content: "T"; }
2324
 
2325
.socicon-identica:before {
2326
  content: "U"; }
2327
 
2328
.socicon-bebo:before {
2329
  content: "V"; }
2330
 
2331
.socicon-zynga:before {
2332
  content: "W"; }
2333
 
2334
.socicon-steam:before {
2335
  content: "X"; }
2336
 
2337
.socicon-xbox:before {
2338
  content: "Y"; }
2339
 
2340
.socicon-windows:before {
2341
  content: "Z"; }
2342
 
2343
.socicon-outlook:before {
2344
  content: "1"; }
2345
 
2346
.socicon-coderwall:before {
2347
  content: "2"; }
2348
 
2349
.socicon-tripadvisor:before {
2350
  content: "3"; }
2351
 
2352
.socicon-appnet:before {
2353
  content: "4"; }
2354
 
2355
.socicon-goodreads:before {
2356
  content: "5"; }
2357
 
2358
.socicon-tripit:before {
2359
  content: "6"; }
2360
 
2361
.socicon-lanyrd:before {
2362
  content: "7"; }
2363
 
2364
.socicon-slideshare:before {
2365
  content: "8"; }
2366
 
2367
.socicon-buffer:before {
2368
  content: "9"; }
2369
 
2370
.socicon-rss:before {
2371
  content: ","; }
2372
 
2373
.socicon-vkontakte:before {
2374
  content: ";"; }
2375
 
2376
.socicon-disqus:before {
2377
  content: ":"; }
2378
 
2379
.socicon-houzz:before {
2380
  content: "+"; }
2381
 
2382
.socicon-mail:before {
2383
  content: "@"; }
2384
 
2385
.socicon-patreon:before {
2386
  content: "="; }
2387
 
2388
.socicon-paypal:before {
2389
  content: "-"; }
2390
 
2391
.socicon-playstation:before {
2392
  content: "^"; }
2393
 
2394
.socicon-smugmug:before {
2395
  content: "¨"; }
2396
 
2397
.socicon-swarm:before {
2398
  content: "$"; }
2399
 
2400
.socicon-triplej:before {
2401
  content: "*"; }
2402
 
2403
.socicon-yammer:before {
2404
  content: "&"; }
2405
 
2406
.socicon-stackoverflow:before {
2407
  content: "("; }
2408
 
2409
.socicon-drupal:before {
2410
  content: "#"; }
2411
 
2412
.socicon-odnoklassniki:before {
2413
  content: "."; }
2414
 
2415
.socicon-android:before {
2416
  content: "_"; }
2417
 
2418
.socicon-meetup:before {
2419
  content: "]"; }
2420
 
2421
.socicon-persona:before {
2422
  content: ")"; }