Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
Path: blob/master/web-gui/buildyourownbotnet/assets/css/neon-theme.css
1292 views
1
a.text-primary:hover,
2
a.text-primary:focus {
3
color: #7b7b7b;
4
}
5
a.text-success:hover,
6
a.text-success:focus {
7
color: #022501;
8
}
9
a.text-info:hover,
10
a.text-info:focus {
11
color: #215f79;
12
}
13
a.text-warning:hover,
14
a.text-warning:focus {
15
color: #251f01;
16
}
17
a.text-danger:hover,
18
a.text-danger:focus {
19
color: #7f1212;
20
}
21
a.bg-primary:hover,
22
a.bg-primary:focus {
23
background-color: #7b7b7b;
24
}
25
a.bg-success:hover,
26
a.bg-success:focus {
27
background-color: #95e294;
28
}
29
a.bg-info:hover,
30
a.bg-info:focus {
31
background-color: #98d6f1;
32
}
33
a.bg-warning:hover,
34
a.bg-warning:focus {
35
background-color: #ffe671;
36
}
37
a.bg-danger:hover,
38
a.bg-danger:focus {
39
background-color: #ff9696;
40
}
41
.table > thead > tr > td.active,
42
.table > tbody > tr > td.active,
43
.table > tfoot > tr > td.active,
44
.table > thead > tr > th.active,
45
.table > tbody > tr > th.active,
46
.table > tfoot > tr > th.active,
47
.table > thead > tr.active > td,
48
.table > tbody > tr.active > td,
49
.table > tfoot > tr.active > td,
50
.table > thead > tr.active > th,
51
.table > tbody > tr.active > th,
52
.table > tfoot > tr.active > th {
53
background-color: #f5f5f5;
54
}
55
.table-hover > tbody > tr > td.active:hover,
56
.table-hover > tbody > tr > th.active:hover,
57
.table-hover > tbody > tr.active:hover > td,
58
.table-hover > tbody > tr:hover > .active,
59
.table-hover > tbody > tr.active:hover > th {
60
background-color: #e8e8e8;
61
}
62
.table > thead > tr > td.success,
63
.table > tbody > tr > td.success,
64
.table > tfoot > tr > td.success,
65
.table > thead > tr > th.success,
66
.table > tbody > tr > th.success,
67
.table > tfoot > tr > th.success,
68
.table > thead > tr.success > td,
69
.table > tbody > tr.success > td,
70
.table > tfoot > tr.success > td,
71
.table > thead > tr.success > th,
72
.table > tbody > tr.success > th,
73
.table > tfoot > tr.success > th {
74
background-color: #bdedbc;
75
}
76
.table-hover > tbody > tr > td.success:hover,
77
.table-hover > tbody > tr > th.success:hover,
78
.table-hover > tbody > tr.success:hover > td,
79
.table-hover > tbody > tr:hover > .success,
80
.table-hover > tbody > tr.success:hover > th {
81
background-color: #a9e8a8;
82
}
83
.table > thead > tr > td.info,
84
.table > tbody > tr > td.info,
85
.table > tfoot > tr > td.info,
86
.table > thead > tr > th.info,
87
.table > tbody > tr > th.info,
88
.table > tfoot > tr > th.info,
89
.table > thead > tr.info > td,
90
.table > tbody > tr.info > td,
91
.table > tfoot > tr.info > td,
92
.table > thead > tr.info > th,
93
.table > tbody > tr.info > th,
94
.table > tfoot > tr.info > th {
95
background-color: #c5e8f7;
96
}
97
.table-hover > tbody > tr > td.info:hover,
98
.table-hover > tbody > tr > th.info:hover,
99
.table-hover > tbody > tr.info:hover > td,
100
.table-hover > tbody > tr:hover > .info,
101
.table-hover > tbody > tr.info:hover > th {
102
background-color: #afdff4;
103
}
104
.table > thead > tr > td.warning,
105
.table > tbody > tr > td.warning,
106
.table > tfoot > tr > td.warning,
107
.table > thead > tr > th.warning,
108
.table > tbody > tr > th.warning,
109
.table > tfoot > tr > th.warning,
110
.table > thead > tr.warning > td,
111
.table > tbody > tr.warning > td,
112
.table > tfoot > tr.warning > td,
113
.table > thead > tr.warning > th,
114
.table > tbody > tr.warning > th,
115
.table > tfoot > tr.warning > th {
116
background-color: #ffefa4;
117
}
118
.table-hover > tbody > tr > td.warning:hover,
119
.table-hover > tbody > tr > th.warning:hover,
120
.table-hover > tbody > tr.warning:hover > td,
121
.table-hover > tbody > tr:hover > .warning,
122
.table-hover > tbody > tr.warning:hover > th {
123
background-color: #ffeb8a;
124
}
125
.table > thead > tr > td.danger,
126
.table > tbody > tr > td.danger,
127
.table > tfoot > tr > td.danger,
128
.table > thead > tr > th.danger,
129
.table > tbody > tr > th.danger,
130
.table > tfoot > tr > th.danger,
131
.table > thead > tr.danger > td,
132
.table > tbody > tr.danger > td,
133
.table > tfoot > tr.danger > td,
134
.table > thead > tr.danger > th,
135
.table > tbody > tr.danger > th,
136
.table > tfoot > tr.danger > th {
137
background-color: #ffc9c9;
138
}
139
.table-hover > tbody > tr > td.danger:hover,
140
.table-hover > tbody > tr > th.danger:hover,
141
.table-hover > tbody > tr.danger:hover > td,
142
.table-hover > tbody > tr:hover > .danger,
143
.table-hover > tbody > tr.danger:hover > th {
144
background-color: #ffafaf;
145
}
146
.form-control:focus {
147
border-color: #cbd0d9;
148
outline: 0;
149
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 208, 217, 0.6);
150
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 208, 217, 0.6);
151
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 208, 217, 0.6);
152
}
153
.form-control::-webkit-input-placeholder {
154
color: #aaa;
155
}
156
.form-control:-moz-placeholder {
157
color: #aaa;
158
}
159
.form-control::-moz-placeholder {
160
color: #aaa;
161
}
162
.form-control:-ms-input-placeholder {
163
color: #aaa;
164
}
165
.form-control::-moz-placeholder {
166
color: #999999;
167
opacity: 1;
168
}
169
.form-control:-ms-input-placeholder {
170
color: #999999;
171
}
172
.form-control::-webkit-input-placeholder {
173
color: #999999;
174
}
175
select.input-sm {
176
height: 28px;
177
line-height: 28px;
178
}
179
textarea.input-sm,
180
select[multiple].input-sm {
181
height: auto;
182
}
183
select.input-lg {
184
height: 42px;
185
line-height: 42px;
186
}
187
textarea.input-lg,
188
select[multiple].input-lg {
189
height: auto;
190
}
191
.has-success .help-block,
192
.has-success .control-label,
193
.has-success .radio,
194
.has-success .checkbox,
195
.has-success .radio-inline,
196
.has-success .checkbox-inline,
197
.has-success.radio label,
198
.has-success.checkbox label,
199
.has-success.radio-inline label,
200
.has-success.checkbox-inline label {
201
color: #045702;
202
}
203
.has-success .form-control {
204
border-color: #045702;
205
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
206
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
207
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
208
}
209
.has-success .form-control:focus {
210
border-color: #022501;
211
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #09bb04;
212
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #09bb04;
213
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #09bb04;
214
}
215
.has-success .input-group-addon {
216
color: #045702;
217
border-color: #045702;
218
background-color: #bdedbc;
219
}
220
.has-success .form-control-feedback {
221
color: #045702;
222
}
223
.has-warning .help-block,
224
.has-warning .control-label,
225
.has-warning .radio,
226
.has-warning .checkbox,
227
.has-warning .radio-inline,
228
.has-warning .checkbox-inline,
229
.has-warning.radio label,
230
.has-warning.checkbox label,
231
.has-warning.radio-inline label,
232
.has-warning.checkbox-inline label {
233
color: #574802;
234
}
235
.has-warning .form-control {
236
border-color: #574802;
237
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
238
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
239
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
240
}
241
.has-warning .form-control:focus {
242
border-color: #251f01;
243
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bb9b04;
244
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bb9b04;
245
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bb9b04;
246
}
247
.has-warning .input-group-addon {
248
color: #574802;
249
border-color: #574802;
250
background-color: #ffefa4;
251
}
252
.has-warning .form-control-feedback {
253
color: #574802;
254
}
255
.has-error .help-block,
256
.has-error .control-label,
257
.has-error .radio,
258
.has-error .checkbox,
259
.has-error .radio-inline,
260
.has-error .checkbox-inline,
261
.has-error.radio label,
262
.has-error.checkbox label,
263
.has-error.radio-inline label,
264
.has-error.checkbox-inline label {
265
color: #ac1818;
266
}
267
.has-error .form-control {
268
border-color: #ac1818;
269
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
270
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
271
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
272
}
273
.has-error .form-control:focus {
274
border-color: #7f1212;
275
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e54545;
276
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e54545;
277
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e54545;
278
}
279
.has-error .input-group-addon {
280
color: #ac1818;
281
border-color: #ac1818;
282
background-color: #ffc9c9;
283
}
284
.has-error .form-control-feedback {
285
color: #ac1818;
286
}
287
.btn-default:focus,
288
.btn-default.focus {
289
color: #303641;
290
background-color: #d6d6d8;
291
border-color: #aeaeb3;
292
}
293
.btn-default:hover {
294
color: #303641;
295
background-color: #d6d6d8;
296
border-color: #d0d0d3;
297
}
298
.btn-default:active,
299
.btn-default.active,
300
.open > .dropdown-toggle.btn-default {
301
color: #303641;
302
background-color: #d6d6d8;
303
border-color: #d0d0d3;
304
}
305
.btn-default:active:hover,
306
.btn-default.active:hover,
307
.open > .dropdown-toggle.btn-default:hover,
308
.btn-default:active:focus,
309
.btn-default.active:focus,
310
.open > .dropdown-toggle.btn-default:focus,
311
.btn-default:active.focus,
312
.btn-default.active.focus,
313
.open > .dropdown-toggle.btn-default.focus {
314
color: #303641;
315
background-color: #c3c3c7;
316
border-color: #aeaeb3;
317
}
318
.btn-default:active,
319
.btn-default.active,
320
.open > .dropdown-toggle.btn-default {
321
background-image: none;
322
}
323
.btn-default.disabled:hover,
324
.btn-default[disabled]:hover,
325
fieldset[disabled] .btn-default:hover,
326
.btn-default.disabled:focus,
327
.btn-default[disabled]:focus,
328
fieldset[disabled] .btn-default:focus,
329
.btn-default.disabled.focus,
330
.btn-default[disabled].focus,
331
fieldset[disabled] .btn-default.focus {
332
background-color: #f0f0f1;
333
border-color: #f0f0f1;
334
}
335
.btn-default .badge {
336
color: #f0f0f1;
337
background-color: #303641;
338
}
339
.btn-default:hover,
340
.btn-default:focus,
341
.btn-default.focus {
342
color: #303641 !important;
343
}
344
.btn-default.btn-icon {
345
position: relative;
346
padding-right: 39px;
347
border: none;
348
}
349
.btn-default.btn-icon i {
350
background-color: #dbdbdd;
351
padding: 6px 6px;
352
font-size: 12px;
353
line-height: 1.42857143;
354
border-radius: 3px;
355
-webkit-border-radius: 0 3px 3px 0;
356
-webkit-background-clip: padding-box;
357
-moz-border-radius: 0 3px 3px 0;
358
-moz-background-clip: padding;
359
border-radius: 0 3px 3px 0;
360
background-clip: padding-box;
361
}
362
.btn-default.btn-icon.icon-left {
363
padding-right: 12px;
364
padding-left: 39px;
365
}
366
.btn-default.btn-icon.icon-left i {
367
float: left;
368
right: auto;
369
left: 0;
370
-webkit-border-radius: 3px 0 0 3px !important;
371
-webkit-background-clip: padding-box;
372
-moz-border-radius: 3px 0 0 3px !important;
373
-moz-background-clip: padding;
374
border-radius: 3px 0 0 3px !important;
375
background-clip: padding-box;
376
}
377
.btn-default.btn-icon.btn-lg {
378
padding-right: 55px;
379
}
380
.btn-default.btn-icon.btn-lg.icon-left {
381
padding-right: 16px;
382
padding-left: 55px;
383
}
384
.btn-default.btn-icon.btn-lg i {
385
padding: 10px 10px;
386
font-size: 15px;
387
line-height: 1.3333333;
388
border-radius: 3px;
389
}
390
.btn-default.btn-icon.btn-sm {
391
padding-right: 36px;
392
}
393
.btn-default.btn-icon.btn-sm.icon-left {
394
padding-right: 10px;
395
padding-left: 36px;
396
}
397
.btn-default.btn-icon.btn-sm i {
398
padding: 5px 6px;
399
font-size: 11px;
400
line-height: 1.5;
401
border-radius: 2px;
402
}
403
.btn-default.btn-icon.btn-xs {
404
padding-right: 32px;
405
}
406
.btn-default.btn-icon.btn-xs.icon-left {
407
padding-right: 10px;
408
padding-left: 32px;
409
}
410
.btn-default.btn-icon.btn-xs i {
411
padding: 2px 6px;
412
font-size: 10px;
413
line-height: 1.5;
414
border-radius: 2px;
415
}
416
.btn-primary:focus,
417
.btn-primary.focus {
418
color: #fff;
419
background-color: #1a1e24;
420
border-color: #000000;
421
}
422
.btn-primary:hover {
423
color: #fff;
424
background-color: #1a1e24;
425
border-color: #0b0d0f;
426
}
427
.btn-primary:active,
428
.btn-primary.active,
429
.open > .dropdown-toggle.btn-primary {
430
color: #fff;
431
background-color: #1a1e24;
432
border-color: #0b0d0f;
433
}
434
.btn-primary:active:hover,
435
.btn-primary.active:hover,
436
.open > .dropdown-toggle.btn-primary:hover,
437
.btn-primary:active:focus,
438
.btn-primary.active:focus,
439
.open > .dropdown-toggle.btn-primary:focus,
440
.btn-primary:active.focus,
441
.btn-primary.active.focus,
442
.open > .dropdown-toggle.btn-primary.focus {
443
color: #fff;
444
background-color: #0b0d0f;
445
border-color: #000000;
446
}
447
.btn-primary:active,
448
.btn-primary.active,
449
.open > .dropdown-toggle.btn-primary {
450
background-image: none;
451
}
452
.btn-primary.disabled:hover,
453
.btn-primary[disabled]:hover,
454
fieldset[disabled] .btn-primary:hover,
455
.btn-primary.disabled:focus,
456
.btn-primary[disabled]:focus,
457
fieldset[disabled] .btn-primary:focus,
458
.btn-primary.disabled.focus,
459
.btn-primary[disabled].focus,
460
fieldset[disabled] .btn-primary.focus {
461
background-color: #303641;
462
border-color: #252a32;
463
}
464
.btn-primary .badge {
465
color: #303641;
466
background-color: #fff;
467
}
468
.btn-primary:hover,
469
.btn-primary:focus,
470
.btn-primary.focus {
471
color: #fff !important;
472
}
473
.btn-primary.btn-icon {
474
position: relative;
475
padding-right: 39px;
476
border: none;
477
}
478
.btn-primary.btn-icon i {
479
background-color: #1f232a;
480
padding: 6px 6px;
481
font-size: 12px;
482
line-height: 1.42857143;
483
border-radius: 3px;
484
-webkit-border-radius: 0 3px 3px 0;
485
-webkit-background-clip: padding-box;
486
-moz-border-radius: 0 3px 3px 0;
487
-moz-background-clip: padding;
488
border-radius: 0 3px 3px 0;
489
background-clip: padding-box;
490
}
491
.btn-primary.btn-icon.icon-left {
492
padding-right: 12px;
493
padding-left: 39px;
494
}
495
.btn-primary.btn-icon.icon-left i {
496
float: left;
497
right: auto;
498
left: 0;
499
-webkit-border-radius: 3px 0 0 3px !important;
500
-webkit-background-clip: padding-box;
501
-moz-border-radius: 3px 0 0 3px !important;
502
-moz-background-clip: padding;
503
border-radius: 3px 0 0 3px !important;
504
background-clip: padding-box;
505
}
506
.btn-primary.btn-icon.btn-lg {
507
padding-right: 55px;
508
}
509
.btn-primary.btn-icon.btn-lg.icon-left {
510
padding-right: 16px;
511
padding-left: 55px;
512
}
513
.btn-primary.btn-icon.btn-lg i {
514
padding: 10px 10px;
515
font-size: 15px;
516
line-height: 1.3333333;
517
border-radius: 3px;
518
}
519
.btn-primary.btn-icon.btn-sm {
520
padding-right: 36px;
521
}
522
.btn-primary.btn-icon.btn-sm.icon-left {
523
padding-right: 10px;
524
padding-left: 36px;
525
}
526
.btn-primary.btn-icon.btn-sm i {
527
padding: 5px 6px;
528
font-size: 11px;
529
line-height: 1.5;
530
border-radius: 2px;
531
}
532
.btn-primary.btn-icon.btn-xs {
533
padding-right: 32px;
534
}
535
.btn-primary.btn-icon.btn-xs.icon-left {
536
padding-right: 10px;
537
padding-left: 32px;
538
}
539
.btn-primary.btn-icon.btn-xs i {
540
padding: 2px 6px;
541
font-size: 10px;
542
line-height: 1.5;
543
border-radius: 2px;
544
}
545
.btn-success:focus,
546
.btn-success.focus {
547
color: #fff;
548
background-color: #007338;
549
border-color: #000d06;
550
}
551
.btn-success:hover {
552
color: #fff;
553
background-color: #007338;
554
border-color: #004f27;
555
}
556
.btn-success:active,
557
.btn-success.active,
558
.open > .dropdown-toggle.btn-success {
559
color: #fff;
560
background-color: #007338;
561
border-color: #004f27;
562
}
563
.btn-success:active:hover,
564
.btn-success.active:hover,
565
.open > .dropdown-toggle.btn-success:hover,
566
.btn-success:active:focus,
567
.btn-success.active:focus,
568
.open > .dropdown-toggle.btn-success:focus,
569
.btn-success:active.focus,
570
.btn-success.active.focus,
571
.open > .dropdown-toggle.btn-success.focus {
572
color: #fff;
573
background-color: #004f27;
574
border-color: #000d06;
575
}
576
.btn-success:active,
577
.btn-success.active,
578
.open > .dropdown-toggle.btn-success {
579
background-image: none;
580
}
581
.btn-success.disabled:hover,
582
.btn-success[disabled]:hover,
583
fieldset[disabled] .btn-success:hover,
584
.btn-success.disabled:focus,
585
.btn-success[disabled]:focus,
586
fieldset[disabled] .btn-success:focus,
587
.btn-success.disabled.focus,
588
.btn-success[disabled].focus,
589
fieldset[disabled] .btn-success.focus {
590
background-color: #00a651;
591
border-color: #008d45;
592
}
593
.btn-success .badge {
594
color: #00a651;
595
background-color: #fff;
596
}
597
.btn-success:hover,
598
.btn-success:focus,
599
.btn-success.focus {
600
color: #fff !important;
601
}
602
.btn-success.btn-icon {
603
position: relative;
604
padding-right: 39px;
605
border: none;
606
}
607
.btn-success.btn-icon i {
608
background-color: #007d3d;
609
padding: 6px 6px;
610
font-size: 12px;
611
line-height: 1.42857143;
612
border-radius: 3px;
613
-webkit-border-radius: 0 3px 3px 0;
614
-webkit-background-clip: padding-box;
615
-moz-border-radius: 0 3px 3px 0;
616
-moz-background-clip: padding;
617
border-radius: 0 3px 3px 0;
618
background-clip: padding-box;
619
}
620
.btn-success.btn-icon.icon-left {
621
padding-right: 12px;
622
padding-left: 39px;
623
}
624
.btn-success.btn-icon.icon-left i {
625
float: left;
626
right: auto;
627
left: 0;
628
-webkit-border-radius: 3px 0 0 3px !important;
629
-webkit-background-clip: padding-box;
630
-moz-border-radius: 3px 0 0 3px !important;
631
-moz-background-clip: padding;
632
border-radius: 3px 0 0 3px !important;
633
background-clip: padding-box;
634
}
635
.btn-success.btn-icon.btn-lg {
636
padding-right: 55px;
637
}
638
.btn-success.btn-icon.btn-lg.icon-left {
639
padding-right: 16px;
640
padding-left: 55px;
641
}
642
.btn-success.btn-icon.btn-lg i {
643
padding: 10px 10px;
644
font-size: 15px;
645
line-height: 1.3333333;
646
border-radius: 3px;
647
}
648
.btn-success.btn-icon.btn-sm {
649
padding-right: 36px;
650
}
651
.btn-success.btn-icon.btn-sm.icon-left {
652
padding-right: 10px;
653
padding-left: 36px;
654
}
655
.btn-success.btn-icon.btn-sm i {
656
padding: 5px 6px;
657
font-size: 11px;
658
line-height: 1.5;
659
border-radius: 2px;
660
}
661
.btn-success.btn-icon.btn-xs {
662
padding-right: 32px;
663
}
664
.btn-success.btn-icon.btn-xs.icon-left {
665
padding-right: 10px;
666
padding-left: 32px;
667
}
668
.btn-success.btn-icon.btn-xs i {
669
padding: 2px 6px;
670
font-size: 10px;
671
line-height: 1.5;
672
border-radius: 2px;
673
}
674
.btn-info:focus,
675
.btn-info.focus {
676
color: #fff;
677
background-color: #1988b6;
678
border-color: #0c455d;
679
}
680
.btn-info:hover {
681
color: #fff;
682
background-color: #1988b6;
683
border-color: #147197;
684
}
685
.btn-info:active,
686
.btn-info.active,
687
.open > .dropdown-toggle.btn-info {
688
color: #fff;
689
background-color: #1988b6;
690
border-color: #147197;
691
}
692
.btn-info:active:hover,
693
.btn-info.active:hover,
694
.open > .dropdown-toggle.btn-info:hover,
695
.btn-info:active:focus,
696
.btn-info.active:focus,
697
.open > .dropdown-toggle.btn-info:focus,
698
.btn-info:active.focus,
699
.btn-info.active.focus,
700
.open > .dropdown-toggle.btn-info.focus {
701
color: #fff;
702
background-color: #147197;
703
border-color: #0c455d;
704
}
705
.btn-info:active,
706
.btn-info.active,
707
.open > .dropdown-toggle.btn-info {
708
background-image: none;
709
}
710
.btn-info.disabled:hover,
711
.btn-info[disabled]:hover,
712
fieldset[disabled] .btn-info:hover,
713
.btn-info.disabled:focus,
714
.btn-info[disabled]:focus,
715
fieldset[disabled] .btn-info:focus,
716
.btn-info.disabled.focus,
717
.btn-info[disabled].focus,
718
fieldset[disabled] .btn-info.focus {
719
background-color: #21a9e1;
720
border-color: #1c99cd;
721
}
722
.btn-info .badge {
723
color: #21a9e1;
724
background-color: #fff;
725
}
726
.btn-info:hover,
727
.btn-info:focus,
728
.btn-info.focus {
729
color: #fff !important;
730
}
731
.btn-info.btn-icon {
732
position: relative;
733
padding-right: 39px;
734
border: none;
735
}
736
.btn-info.btn-icon i {
737
background-color: #1a8fbf;
738
padding: 6px 6px;
739
font-size: 12px;
740
line-height: 1.42857143;
741
border-radius: 3px;
742
-webkit-border-radius: 0 3px 3px 0;
743
-webkit-background-clip: padding-box;
744
-moz-border-radius: 0 3px 3px 0;
745
-moz-background-clip: padding;
746
border-radius: 0 3px 3px 0;
747
background-clip: padding-box;
748
}
749
.btn-info.btn-icon.icon-left {
750
padding-right: 12px;
751
padding-left: 39px;
752
}
753
.btn-info.btn-icon.icon-left i {
754
float: left;
755
right: auto;
756
left: 0;
757
-webkit-border-radius: 3px 0 0 3px !important;
758
-webkit-background-clip: padding-box;
759
-moz-border-radius: 3px 0 0 3px !important;
760
-moz-background-clip: padding;
761
border-radius: 3px 0 0 3px !important;
762
background-clip: padding-box;
763
}
764
.btn-info.btn-icon.btn-lg {
765
padding-right: 55px;
766
}
767
.btn-info.btn-icon.btn-lg.icon-left {
768
padding-right: 16px;
769
padding-left: 55px;
770
}
771
.btn-info.btn-icon.btn-lg i {
772
padding: 10px 10px;
773
font-size: 15px;
774
line-height: 1.3333333;
775
border-radius: 3px;
776
}
777
.btn-info.btn-icon.btn-sm {
778
padding-right: 36px;
779
}
780
.btn-info.btn-icon.btn-sm.icon-left {
781
padding-right: 10px;
782
padding-left: 36px;
783
}
784
.btn-info.btn-icon.btn-sm i {
785
padding: 5px 6px;
786
font-size: 11px;
787
line-height: 1.5;
788
border-radius: 2px;
789
}
790
.btn-info.btn-icon.btn-xs {
791
padding-right: 32px;
792
}
793
.btn-info.btn-icon.btn-xs.icon-left {
794
padding-right: 10px;
795
padding-left: 32px;
796
}
797
.btn-info.btn-icon.btn-xs i {
798
padding: 2px 6px;
799
font-size: 10px;
800
line-height: 1.5;
801
border-radius: 2px;
802
}
803
.btn-warning:focus,
804
.btn-warning.focus {
805
color: #fff;
806
background-color: #f9ce07;
807
border-color: #967c04;
808
}
809
.btn-warning:hover {
810
color: #fff;
811
background-color: #f9ce07;
812
border-color: #d7b205;
813
}
814
.btn-warning:active,
815
.btn-warning.active,
816
.open > .dropdown-toggle.btn-warning {
817
color: #fff;
818
background-color: #f9ce07;
819
border-color: #d7b205;
820
}
821
.btn-warning:active:hover,
822
.btn-warning.active:hover,
823
.open > .dropdown-toggle.btn-warning:hover,
824
.btn-warning:active:focus,
825
.btn-warning.active:focus,
826
.open > .dropdown-toggle.btn-warning:focus,
827
.btn-warning:active.focus,
828
.btn-warning.active.focus,
829
.open > .dropdown-toggle.btn-warning.focus {
830
color: #fff;
831
background-color: #d7b205;
832
border-color: #967c04;
833
}
834
.btn-warning:active,
835
.btn-warning.active,
836
.open > .dropdown-toggle.btn-warning {
837
background-image: none;
838
}
839
.btn-warning.disabled:hover,
840
.btn-warning[disabled]:hover,
841
fieldset[disabled] .btn-warning:hover,
842
.btn-warning.disabled:focus,
843
.btn-warning[disabled]:focus,
844
fieldset[disabled] .btn-warning:focus,
845
.btn-warning.disabled.focus,
846
.btn-warning[disabled].focus,
847
fieldset[disabled] .btn-warning.focus {
848
background-color: #fad839;
849
border-color: #f9d320;
850
}
851
.btn-warning .badge {
852
color: #fad839;
853
background-color: #fff;
854
}
855
.btn-warning:hover,
856
.btn-warning:focus,
857
.btn-warning.focus {
858
color: #fff !important;
859
}
860
.btn-warning.btn-icon {
861
position: relative;
862
padding-right: 39px;
863
border: none;
864
}
865
.btn-warning.btn-icon i {
866
background-color: #f9d011;
867
padding: 6px 6px;
868
font-size: 12px;
869
line-height: 1.42857143;
870
border-radius: 3px;
871
-webkit-border-radius: 0 3px 3px 0;
872
-webkit-background-clip: padding-box;
873
-moz-border-radius: 0 3px 3px 0;
874
-moz-background-clip: padding;
875
border-radius: 0 3px 3px 0;
876
background-clip: padding-box;
877
}
878
.btn-warning.btn-icon.icon-left {
879
padding-right: 12px;
880
padding-left: 39px;
881
}
882
.btn-warning.btn-icon.icon-left i {
883
float: left;
884
right: auto;
885
left: 0;
886
-webkit-border-radius: 3px 0 0 3px !important;
887
-webkit-background-clip: padding-box;
888
-moz-border-radius: 3px 0 0 3px !important;
889
-moz-background-clip: padding;
890
border-radius: 3px 0 0 3px !important;
891
background-clip: padding-box;
892
}
893
.btn-warning.btn-icon.btn-lg {
894
padding-right: 55px;
895
}
896
.btn-warning.btn-icon.btn-lg.icon-left {
897
padding-right: 16px;
898
padding-left: 55px;
899
}
900
.btn-warning.btn-icon.btn-lg i {
901
padding: 10px 10px;
902
font-size: 15px;
903
line-height: 1.3333333;
904
border-radius: 3px;
905
}
906
.btn-warning.btn-icon.btn-sm {
907
padding-right: 36px;
908
}
909
.btn-warning.btn-icon.btn-sm.icon-left {
910
padding-right: 10px;
911
padding-left: 36px;
912
}
913
.btn-warning.btn-icon.btn-sm i {
914
padding: 5px 6px;
915
font-size: 11px;
916
line-height: 1.5;
917
border-radius: 2px;
918
}
919
.btn-warning.btn-icon.btn-xs {
920
padding-right: 32px;
921
}
922
.btn-warning.btn-icon.btn-xs.icon-left {
923
padding-right: 10px;
924
padding-left: 32px;
925
}
926
.btn-warning.btn-icon.btn-xs i {
927
padding: 2px 6px;
928
font-size: 10px;
929
line-height: 1.5;
930
border-radius: 2px;
931
}
932
.btn-danger:focus,
933
.btn-danger.focus {
934
color: #fff;
935
background-color: #a11c1c;
936
border-color: #4a0d0d;
937
}
938
.btn-danger:hover {
939
color: #fff;
940
background-color: #a11c1c;
941
border-color: #821717;
942
}
943
.btn-danger:active,
944
.btn-danger.active,
945
.open > .dropdown-toggle.btn-danger {
946
color: #fff;
947
background-color: #a11c1c;
948
border-color: #821717;
949
}
950
.btn-danger:active:hover,
951
.btn-danger.active:hover,
952
.open > .dropdown-toggle.btn-danger:hover,
953
.btn-danger:active:focus,
954
.btn-danger.active:focus,
955
.open > .dropdown-toggle.btn-danger:focus,
956
.btn-danger:active.focus,
957
.btn-danger.active.focus,
958
.open > .dropdown-toggle.btn-danger.focus {
959
color: #fff;
960
background-color: #821717;
961
border-color: #4a0d0d;
962
}
963
.btn-danger:active,
964
.btn-danger.active,
965
.open > .dropdown-toggle.btn-danger {
966
background-image: none;
967
}
968
.btn-danger.disabled:hover,
969
.btn-danger[disabled]:hover,
970
fieldset[disabled] .btn-danger:hover,
971
.btn-danger.disabled:focus,
972
.btn-danger[disabled]:focus,
973
fieldset[disabled] .btn-danger:focus,
974
.btn-danger.disabled.focus,
975
.btn-danger[disabled].focus,
976
fieldset[disabled] .btn-danger.focus {
977
background-color: #cc2424;
978
border-color: #b62020;
979
}
980
.btn-danger .badge {
981
color: #cc2424;
982
background-color: #fff;
983
}
984
.btn-danger:hover,
985
.btn-danger:focus,
986
.btn-danger.focus {
987
color: #fff !important;
988
}
989
.btn-danger.btn-icon {
990
position: relative;
991
padding-right: 39px;
992
border: none;
993
}
994
.btn-danger.btn-icon i {
995
background-color: #a91e1e;
996
padding: 6px 6px;
997
font-size: 12px;
998
line-height: 1.42857143;
999
border-radius: 3px;
1000
-webkit-border-radius: 0 3px 3px 0;
1001
-webkit-background-clip: padding-box;
1002
-moz-border-radius: 0 3px 3px 0;
1003
-moz-background-clip: padding;
1004
border-radius: 0 3px 3px 0;
1005
background-clip: padding-box;
1006
}
1007
.btn-danger.btn-icon.icon-left {
1008
padding-right: 12px;
1009
padding-left: 39px;
1010
}
1011
.btn-danger.btn-icon.icon-left i {
1012
float: left;
1013
right: auto;
1014
left: 0;
1015
-webkit-border-radius: 3px 0 0 3px !important;
1016
-webkit-background-clip: padding-box;
1017
-moz-border-radius: 3px 0 0 3px !important;
1018
-moz-background-clip: padding;
1019
border-radius: 3px 0 0 3px !important;
1020
background-clip: padding-box;
1021
}
1022
.btn-danger.btn-icon.btn-lg {
1023
padding-right: 55px;
1024
}
1025
.btn-danger.btn-icon.btn-lg.icon-left {
1026
padding-right: 16px;
1027
padding-left: 55px;
1028
}
1029
.btn-danger.btn-icon.btn-lg i {
1030
padding: 10px 10px;
1031
font-size: 15px;
1032
line-height: 1.3333333;
1033
border-radius: 3px;
1034
}
1035
.btn-danger.btn-icon.btn-sm {
1036
padding-right: 36px;
1037
}
1038
.btn-danger.btn-icon.btn-sm.icon-left {
1039
padding-right: 10px;
1040
padding-left: 36px;
1041
}
1042
.btn-danger.btn-icon.btn-sm i {
1043
padding: 5px 6px;
1044
font-size: 11px;
1045
line-height: 1.5;
1046
border-radius: 2px;
1047
}
1048
.btn-danger.btn-icon.btn-xs {
1049
padding-right: 32px;
1050
}
1051
.btn-danger.btn-icon.btn-xs.icon-left {
1052
padding-right: 10px;
1053
padding-left: 32px;
1054
}
1055
.btn-danger.btn-icon.btn-xs i {
1056
padding: 2px 6px;
1057
font-size: 10px;
1058
line-height: 1.5;
1059
border-radius: 2px;
1060
}
1061
.btn {
1062
outline: 0 !important;
1063
}
1064
.btn:active {
1065
-moz-box-shadow: none;
1066
-webkit-box-shadow: none;
1067
box-shadow: none;
1068
}
1069
.btn.btn-icon {
1070
position: relative;
1071
}
1072
.btn.btn-icon i {
1073
position: absolute;
1074
right: 0;
1075
top: 0;
1076
height: 100%;
1077
}
1078
.btn-default {
1079
color: #303641;
1080
background-color: #f0f0f1;
1081
border-color: #f0f0f1;
1082
}
1083
.btn-default:focus,
1084
.btn-default.focus {
1085
color: #303641;
1086
background-color: #d6d6d8;
1087
border-color: #aeaeb3;
1088
}
1089
.btn-default:hover {
1090
color: #303641;
1091
background-color: #d6d6d8;
1092
border-color: #d0d0d3;
1093
}
1094
.btn-default:active,
1095
.btn-default.active,
1096
.open > .dropdown-toggle.btn-default {
1097
color: #303641;
1098
background-color: #d6d6d8;
1099
border-color: #d0d0d3;
1100
}
1101
.btn-default:active:hover,
1102
.btn-default.active:hover,
1103
.open > .dropdown-toggle.btn-default:hover,
1104
.btn-default:active:focus,
1105
.btn-default.active:focus,
1106
.open > .dropdown-toggle.btn-default:focus,
1107
.btn-default:active.focus,
1108
.btn-default.active.focus,
1109
.open > .dropdown-toggle.btn-default.focus {
1110
color: #303641;
1111
background-color: #c3c3c7;
1112
border-color: #aeaeb3;
1113
}
1114
.btn-default:active,
1115
.btn-default.active,
1116
.open > .dropdown-toggle.btn-default {
1117
background-image: none;
1118
}
1119
.btn-default.disabled:hover,
1120
.btn-default[disabled]:hover,
1121
fieldset[disabled] .btn-default:hover,
1122
.btn-default.disabled:focus,
1123
.btn-default[disabled]:focus,
1124
fieldset[disabled] .btn-default:focus,
1125
.btn-default.disabled.focus,
1126
.btn-default[disabled].focus,
1127
fieldset[disabled] .btn-default.focus {
1128
background-color: #f0f0f1;
1129
border-color: #f0f0f1;
1130
}
1131
.btn-default .badge {
1132
color: #f0f0f1;
1133
background-color: #303641;
1134
}
1135
.btn-default:hover,
1136
.btn-default:focus,
1137
.btn-default.focus {
1138
color: #303641 !important;
1139
}
1140
.btn-default.btn-icon {
1141
position: relative;
1142
padding-right: 39px;
1143
border: none;
1144
}
1145
.btn-default.btn-icon i {
1146
background-color: #dbdbdd;
1147
padding: 6px 6px;
1148
font-size: 12px;
1149
line-height: 1.42857143;
1150
border-radius: 3px;
1151
-webkit-border-radius: 0 3px 3px 0;
1152
-webkit-background-clip: padding-box;
1153
-moz-border-radius: 0 3px 3px 0;
1154
-moz-background-clip: padding;
1155
border-radius: 0 3px 3px 0;
1156
background-clip: padding-box;
1157
}
1158
.btn-default.btn-icon.icon-left {
1159
padding-right: 12px;
1160
padding-left: 39px;
1161
}
1162
.btn-default.btn-icon.icon-left i {
1163
float: left;
1164
right: auto;
1165
left: 0;
1166
-webkit-border-radius: 3px 0 0 3px !important;
1167
-webkit-background-clip: padding-box;
1168
-moz-border-radius: 3px 0 0 3px !important;
1169
-moz-background-clip: padding;
1170
border-radius: 3px 0 0 3px !important;
1171
background-clip: padding-box;
1172
}
1173
.btn-default.btn-icon.btn-lg {
1174
padding-right: 55px;
1175
}
1176
.btn-default.btn-icon.btn-lg.icon-left {
1177
padding-right: 16px;
1178
padding-left: 55px;
1179
}
1180
.btn-default.btn-icon.btn-lg i {
1181
padding: 10px 10px;
1182
font-size: 15px;
1183
line-height: 1.3333333;
1184
border-radius: 3px;
1185
}
1186
.btn-default.btn-icon.btn-sm {
1187
padding-right: 36px;
1188
}
1189
.btn-default.btn-icon.btn-sm.icon-left {
1190
padding-right: 10px;
1191
padding-left: 36px;
1192
}
1193
.btn-default.btn-icon.btn-sm i {
1194
padding: 5px 6px;
1195
font-size: 11px;
1196
line-height: 1.5;
1197
border-radius: 2px;
1198
}
1199
.btn-default.btn-icon.btn-xs {
1200
padding-right: 32px;
1201
}
1202
.btn-default.btn-icon.btn-xs.icon-left {
1203
padding-right: 10px;
1204
padding-left: 32px;
1205
}
1206
.btn-default.btn-icon.btn-xs i {
1207
padding: 2px 6px;
1208
font-size: 10px;
1209
line-height: 1.5;
1210
border-radius: 2px;
1211
}
1212
.btn-primary {
1213
color: #fff;
1214
background-color: #303641;
1215
border-color: #252a32;
1216
}
1217
.btn-primary:focus,
1218
.btn-primary.focus {
1219
color: #fff;
1220
background-color: #1a1e24;
1221
border-color: #000000;
1222
}
1223
.btn-primary:hover {
1224
color: #fff;
1225
background-color: #1a1e24;
1226
border-color: #0b0d0f;
1227
}
1228
.btn-primary:active,
1229
.btn-primary.active,
1230
.open > .dropdown-toggle.btn-primary {
1231
color: #fff;
1232
background-color: #1a1e24;
1233
border-color: #0b0d0f;
1234
}
1235
.btn-primary:active:hover,
1236
.btn-primary.active:hover,
1237
.open > .dropdown-toggle.btn-primary:hover,
1238
.btn-primary:active:focus,
1239
.btn-primary.active:focus,
1240
.open > .dropdown-toggle.btn-primary:focus,
1241
.btn-primary:active.focus,
1242
.btn-primary.active.focus,
1243
.open > .dropdown-toggle.btn-primary.focus {
1244
color: #fff;
1245
background-color: #0b0d0f;
1246
border-color: #000000;
1247
}
1248
.btn-primary:active,
1249
.btn-primary.active,
1250
.open > .dropdown-toggle.btn-primary {
1251
background-image: none;
1252
}
1253
.btn-primary.disabled:hover,
1254
.btn-primary[disabled]:hover,
1255
fieldset[disabled] .btn-primary:hover,
1256
.btn-primary.disabled:focus,
1257
.btn-primary[disabled]:focus,
1258
fieldset[disabled] .btn-primary:focus,
1259
.btn-primary.disabled.focus,
1260
.btn-primary[disabled].focus,
1261
fieldset[disabled] .btn-primary.focus {
1262
background-color: #303641;
1263
border-color: #252a32;
1264
}
1265
.btn-primary .badge {
1266
color: #303641;
1267
background-color: #fff;
1268
}
1269
.btn-primary:hover,
1270
.btn-primary:focus,
1271
.btn-primary.focus {
1272
color: #fff !important;
1273
}
1274
.btn-primary.btn-icon {
1275
position: relative;
1276
padding-right: 39px;
1277
border: none;
1278
}
1279
.btn-primary.btn-icon i {
1280
background-color: #1f232a;
1281
padding: 6px 6px;
1282
font-size: 12px;
1283
line-height: 1.42857143;
1284
border-radius: 3px;
1285
-webkit-border-radius: 0 3px 3px 0;
1286
-webkit-background-clip: padding-box;
1287
-moz-border-radius: 0 3px 3px 0;
1288
-moz-background-clip: padding;
1289
border-radius: 0 3px 3px 0;
1290
background-clip: padding-box;
1291
}
1292
.btn-primary.btn-icon.icon-left {
1293
padding-right: 12px;
1294
padding-left: 39px;
1295
}
1296
.btn-primary.btn-icon.icon-left i {
1297
float: left;
1298
right: auto;
1299
left: 0;
1300
-webkit-border-radius: 3px 0 0 3px !important;
1301
-webkit-background-clip: padding-box;
1302
-moz-border-radius: 3px 0 0 3px !important;
1303
-moz-background-clip: padding;
1304
border-radius: 3px 0 0 3px !important;
1305
background-clip: padding-box;
1306
}
1307
.btn-primary.btn-icon.btn-lg {
1308
padding-right: 55px;
1309
}
1310
.btn-primary.btn-icon.btn-lg.icon-left {
1311
padding-right: 16px;
1312
padding-left: 55px;
1313
}
1314
.btn-primary.btn-icon.btn-lg i {
1315
padding: 10px 10px;
1316
font-size: 15px;
1317
line-height: 1.3333333;
1318
border-radius: 3px;
1319
}
1320
.btn-primary.btn-icon.btn-sm {
1321
padding-right: 36px;
1322
}
1323
.btn-primary.btn-icon.btn-sm.icon-left {
1324
padding-right: 10px;
1325
padding-left: 36px;
1326
}
1327
.btn-primary.btn-icon.btn-sm i {
1328
padding: 5px 6px;
1329
font-size: 11px;
1330
line-height: 1.5;
1331
border-radius: 2px;
1332
}
1333
.btn-primary.btn-icon.btn-xs {
1334
padding-right: 32px;
1335
}
1336
.btn-primary.btn-icon.btn-xs.icon-left {
1337
padding-right: 10px;
1338
padding-left: 32px;
1339
}
1340
.btn-primary.btn-icon.btn-xs i {
1341
padding: 2px 6px;
1342
font-size: 10px;
1343
line-height: 1.5;
1344
border-radius: 2px;
1345
}
1346
.btn-blue {
1347
color: #FFF;
1348
background-color: #0072bc;
1349
border-color: #0072bc;
1350
}
1351
.btn-blue:focus,
1352
.btn-blue.focus {
1353
color: #FFF;
1354
background-color: #005389;
1355
border-color: #00253d;
1356
}
1357
.btn-blue:hover {
1358
color: #FFF;
1359
background-color: #005389;
1360
border-color: #004d7f;
1361
}
1362
.btn-blue:active,
1363
.btn-blue.active,
1364
.open > .dropdown-toggle.btn-blue {
1365
color: #FFF;
1366
background-color: #005389;
1367
border-color: #004d7f;
1368
}
1369
.btn-blue:active:hover,
1370
.btn-blue.active:hover,
1371
.open > .dropdown-toggle.btn-blue:hover,
1372
.btn-blue:active:focus,
1373
.btn-blue.active:focus,
1374
.open > .dropdown-toggle.btn-blue:focus,
1375
.btn-blue:active.focus,
1376
.btn-blue.active.focus,
1377
.open > .dropdown-toggle.btn-blue.focus {
1378
color: #FFF;
1379
background-color: #003d65;
1380
border-color: #00253d;
1381
}
1382
.btn-blue:active,
1383
.btn-blue.active,
1384
.open > .dropdown-toggle.btn-blue {
1385
background-image: none;
1386
}
1387
.btn-blue.disabled:hover,
1388
.btn-blue[disabled]:hover,
1389
fieldset[disabled] .btn-blue:hover,
1390
.btn-blue.disabled:focus,
1391
.btn-blue[disabled]:focus,
1392
fieldset[disabled] .btn-blue:focus,
1393
.btn-blue.disabled.focus,
1394
.btn-blue[disabled].focus,
1395
fieldset[disabled] .btn-blue.focus {
1396
background-color: #0072bc;
1397
border-color: #0072bc;
1398
}
1399
.btn-blue .badge {
1400
color: #0072bc;
1401
background-color: #FFF;
1402
}
1403
.btn-blue:hover,
1404
.btn-blue:focus,
1405
.btn-blue.focus {
1406
color: #FFF !important;
1407
}
1408
.btn-blue.btn-icon {
1409
position: relative;
1410
padding-right: 39px;
1411
border: none;
1412
}
1413
.btn-blue.btn-icon i {
1414
background-color: #005993;
1415
padding: 6px 6px;
1416
font-size: 12px;
1417
line-height: 1.42857143;
1418
border-radius: 3px;
1419
-webkit-border-radius: 0 3px 3px 0;
1420
-webkit-background-clip: padding-box;
1421
-moz-border-radius: 0 3px 3px 0;
1422
-moz-background-clip: padding;
1423
border-radius: 0 3px 3px 0;
1424
background-clip: padding-box;
1425
}
1426
.btn-blue.btn-icon.icon-left {
1427
padding-right: 12px;
1428
padding-left: 39px;
1429
}
1430
.btn-blue.btn-icon.icon-left i {
1431
float: left;
1432
right: auto;
1433
left: 0;
1434
-webkit-border-radius: 3px 0 0 3px !important;
1435
-webkit-background-clip: padding-box;
1436
-moz-border-radius: 3px 0 0 3px !important;
1437
-moz-background-clip: padding;
1438
border-radius: 3px 0 0 3px !important;
1439
background-clip: padding-box;
1440
}
1441
.btn-blue.btn-icon.btn-lg {
1442
padding-right: 55px;
1443
}
1444
.btn-blue.btn-icon.btn-lg.icon-left {
1445
padding-right: 16px;
1446
padding-left: 55px;
1447
}
1448
.btn-blue.btn-icon.btn-lg i {
1449
padding: 10px 10px;
1450
font-size: 15px;
1451
line-height: 1.3333333;
1452
border-radius: 3px;
1453
}
1454
.btn-blue.btn-icon.btn-sm {
1455
padding-right: 36px;
1456
}
1457
.btn-blue.btn-icon.btn-sm.icon-left {
1458
padding-right: 10px;
1459
padding-left: 36px;
1460
}
1461
.btn-blue.btn-icon.btn-sm i {
1462
padding: 5px 6px;
1463
font-size: 11px;
1464
line-height: 1.5;
1465
border-radius: 2px;
1466
}
1467
.btn-blue.btn-icon.btn-xs {
1468
padding-right: 32px;
1469
}
1470
.btn-blue.btn-icon.btn-xs.icon-left {
1471
padding-right: 10px;
1472
padding-left: 32px;
1473
}
1474
.btn-blue.btn-icon.btn-xs i {
1475
padding: 2px 6px;
1476
font-size: 10px;
1477
line-height: 1.5;
1478
border-radius: 2px;
1479
}
1480
.btn-red {
1481
color: #FFF;
1482
background-color: #d42020;
1483
border-color: #d42020;
1484
}
1485
.btn-red:focus,
1486
.btn-red.focus {
1487
color: #FFF;
1488
background-color: #a81919;
1489
border-color: #650f0f;
1490
}
1491
.btn-red:hover {
1492
color: #FFF;
1493
background-color: #a81919;
1494
border-color: #9f1818;
1495
}
1496
.btn-red:active,
1497
.btn-red.active,
1498
.open > .dropdown-toggle.btn-red {
1499
color: #FFF;
1500
background-color: #a81919;
1501
border-color: #9f1818;
1502
}
1503
.btn-red:active:hover,
1504
.btn-red.active:hover,
1505
.open > .dropdown-toggle.btn-red:hover,
1506
.btn-red:active:focus,
1507
.btn-red.active:focus,
1508
.open > .dropdown-toggle.btn-red:focus,
1509
.btn-red:active.focus,
1510
.btn-red.active.focus,
1511
.open > .dropdown-toggle.btn-red.focus {
1512
color: #FFF;
1513
background-color: #891515;
1514
border-color: #650f0f;
1515
}
1516
.btn-red:active,
1517
.btn-red.active,
1518
.open > .dropdown-toggle.btn-red {
1519
background-image: none;
1520
}
1521
.btn-red.disabled:hover,
1522
.btn-red[disabled]:hover,
1523
fieldset[disabled] .btn-red:hover,
1524
.btn-red.disabled:focus,
1525
.btn-red[disabled]:focus,
1526
fieldset[disabled] .btn-red:focus,
1527
.btn-red.disabled.focus,
1528
.btn-red[disabled].focus,
1529
fieldset[disabled] .btn-red.focus {
1530
background-color: #d42020;
1531
border-color: #d42020;
1532
}
1533
.btn-red .badge {
1534
color: #d42020;
1535
background-color: #FFF;
1536
}
1537
.btn-red:hover,
1538
.btn-red:focus,
1539
.btn-red.focus {
1540
color: #FFF !important;
1541
}
1542
.btn-red.btn-icon {
1543
position: relative;
1544
padding-right: 39px;
1545
border: none;
1546
}
1547
.btn-red.btn-icon i {
1548
background-color: #b11b1b;
1549
padding: 6px 6px;
1550
font-size: 12px;
1551
line-height: 1.42857143;
1552
border-radius: 3px;
1553
-webkit-border-radius: 0 3px 3px 0;
1554
-webkit-background-clip: padding-box;
1555
-moz-border-radius: 0 3px 3px 0;
1556
-moz-background-clip: padding;
1557
border-radius: 0 3px 3px 0;
1558
background-clip: padding-box;
1559
}
1560
.btn-red.btn-icon.icon-left {
1561
padding-right: 12px;
1562
padding-left: 39px;
1563
}
1564
.btn-red.btn-icon.icon-left i {
1565
float: left;
1566
right: auto;
1567
left: 0;
1568
-webkit-border-radius: 3px 0 0 3px !important;
1569
-webkit-background-clip: padding-box;
1570
-moz-border-radius: 3px 0 0 3px !important;
1571
-moz-background-clip: padding;
1572
border-radius: 3px 0 0 3px !important;
1573
background-clip: padding-box;
1574
}
1575
.btn-red.btn-icon.btn-lg {
1576
padding-right: 55px;
1577
}
1578
.btn-red.btn-icon.btn-lg.icon-left {
1579
padding-right: 16px;
1580
padding-left: 55px;
1581
}
1582
.btn-red.btn-icon.btn-lg i {
1583
padding: 10px 10px;
1584
font-size: 15px;
1585
line-height: 1.3333333;
1586
border-radius: 3px;
1587
}
1588
.btn-red.btn-icon.btn-sm {
1589
padding-right: 36px;
1590
}
1591
.btn-red.btn-icon.btn-sm.icon-left {
1592
padding-right: 10px;
1593
padding-left: 36px;
1594
}
1595
.btn-red.btn-icon.btn-sm i {
1596
padding: 5px 6px;
1597
font-size: 11px;
1598
line-height: 1.5;
1599
border-radius: 2px;
1600
}
1601
.btn-red.btn-icon.btn-xs {
1602
padding-right: 32px;
1603
}
1604
.btn-red.btn-icon.btn-xs.icon-left {
1605
padding-right: 10px;
1606
padding-left: 32px;
1607
}
1608
.btn-red.btn-icon.btn-xs i {
1609
padding: 2px 6px;
1610
font-size: 10px;
1611
line-height: 1.5;
1612
border-radius: 2px;
1613
}
1614
.btn-orange {
1615
color: #FFF;
1616
background-color: #ff9600;
1617
border-color: #ff9600;
1618
}
1619
.btn-orange:focus,
1620
.btn-orange.focus {
1621
color: #FFF;
1622
background-color: #cc7800;
1623
border-color: #804b00;
1624
}
1625
.btn-orange:hover {
1626
color: #FFF;
1627
background-color: #cc7800;
1628
border-color: #c27200;
1629
}
1630
.btn-orange:active,
1631
.btn-orange.active,
1632
.open > .dropdown-toggle.btn-orange {
1633
color: #FFF;
1634
background-color: #cc7800;
1635
border-color: #c27200;
1636
}
1637
.btn-orange:active:hover,
1638
.btn-orange.active:hover,
1639
.open > .dropdown-toggle.btn-orange:hover,
1640
.btn-orange:active:focus,
1641
.btn-orange.active:focus,
1642
.open > .dropdown-toggle.btn-orange:focus,
1643
.btn-orange:active.focus,
1644
.btn-orange.active.focus,
1645
.open > .dropdown-toggle.btn-orange.focus {
1646
color: #FFF;
1647
background-color: #a86300;
1648
border-color: #804b00;
1649
}
1650
.btn-orange:active,
1651
.btn-orange.active,
1652
.open > .dropdown-toggle.btn-orange {
1653
background-image: none;
1654
}
1655
.btn-orange.disabled:hover,
1656
.btn-orange[disabled]:hover,
1657
fieldset[disabled] .btn-orange:hover,
1658
.btn-orange.disabled:focus,
1659
.btn-orange[disabled]:focus,
1660
fieldset[disabled] .btn-orange:focus,
1661
.btn-orange.disabled.focus,
1662
.btn-orange[disabled].focus,
1663
fieldset[disabled] .btn-orange.focus {
1664
background-color: #ff9600;
1665
border-color: #ff9600;
1666
}
1667
.btn-orange .badge {
1668
color: #ff9600;
1669
background-color: #FFF;
1670
}
1671
.btn-orange:hover,
1672
.btn-orange:focus,
1673
.btn-orange.focus {
1674
color: #FFF !important;
1675
}
1676
.btn-orange.btn-icon {
1677
position: relative;
1678
padding-right: 39px;
1679
border: none;
1680
}
1681
.btn-orange.btn-icon i {
1682
background-color: #d67e00;
1683
padding: 6px 6px;
1684
font-size: 12px;
1685
line-height: 1.42857143;
1686
border-radius: 3px;
1687
-webkit-border-radius: 0 3px 3px 0;
1688
-webkit-background-clip: padding-box;
1689
-moz-border-radius: 0 3px 3px 0;
1690
-moz-background-clip: padding;
1691
border-radius: 0 3px 3px 0;
1692
background-clip: padding-box;
1693
}
1694
.btn-orange.btn-icon.icon-left {
1695
padding-right: 12px;
1696
padding-left: 39px;
1697
}
1698
.btn-orange.btn-icon.icon-left i {
1699
float: left;
1700
right: auto;
1701
left: 0;
1702
-webkit-border-radius: 3px 0 0 3px !important;
1703
-webkit-background-clip: padding-box;
1704
-moz-border-radius: 3px 0 0 3px !important;
1705
-moz-background-clip: padding;
1706
border-radius: 3px 0 0 3px !important;
1707
background-clip: padding-box;
1708
}
1709
.btn-orange.btn-icon.btn-lg {
1710
padding-right: 55px;
1711
}
1712
.btn-orange.btn-icon.btn-lg.icon-left {
1713
padding-right: 16px;
1714
padding-left: 55px;
1715
}
1716
.btn-orange.btn-icon.btn-lg i {
1717
padding: 10px 10px;
1718
font-size: 15px;
1719
line-height: 1.3333333;
1720
border-radius: 3px;
1721
}
1722
.btn-orange.btn-icon.btn-sm {
1723
padding-right: 36px;
1724
}
1725
.btn-orange.btn-icon.btn-sm.icon-left {
1726
padding-right: 10px;
1727
padding-left: 36px;
1728
}
1729
.btn-orange.btn-icon.btn-sm i {
1730
padding: 5px 6px;
1731
font-size: 11px;
1732
line-height: 1.5;
1733
border-radius: 2px;
1734
}
1735
.btn-orange.btn-icon.btn-xs {
1736
padding-right: 32px;
1737
}
1738
.btn-orange.btn-icon.btn-xs.icon-left {
1739
padding-right: 10px;
1740
padding-left: 32px;
1741
}
1742
.btn-orange.btn-icon.btn-xs i {
1743
padding: 2px 6px;
1744
font-size: 10px;
1745
line-height: 1.5;
1746
border-radius: 2px;
1747
}
1748
.btn-gold {
1749
color: #846e20;
1750
background-color: #fcd036;
1751
border-color: #fcd036;
1752
}
1753
.btn-gold:focus,
1754
.btn-gold.focus {
1755
color: #846e20;
1756
background-color: #fbc404;
1757
border-color: #b08903;
1758
}
1759
.btn-gold:hover {
1760
color: #846e20;
1761
background-color: #fbc404;
1762
border-color: #f1bc04;
1763
}
1764
.btn-gold:active,
1765
.btn-gold.active,
1766
.open > .dropdown-toggle.btn-gold {
1767
color: #846e20;
1768
background-color: #fbc404;
1769
border-color: #f1bc04;
1770
}
1771
.btn-gold:active:hover,
1772
.btn-gold.active:hover,
1773
.open > .dropdown-toggle.btn-gold:hover,
1774
.btn-gold:active:focus,
1775
.btn-gold.active:focus,
1776
.open > .dropdown-toggle.btn-gold:focus,
1777
.btn-gold:active.focus,
1778
.btn-gold.active.focus,
1779
.open > .dropdown-toggle.btn-gold.focus {
1780
color: #846e20;
1781
background-color: #d8a903;
1782
border-color: #b08903;
1783
}
1784
.btn-gold:active,
1785
.btn-gold.active,
1786
.open > .dropdown-toggle.btn-gold {
1787
background-image: none;
1788
}
1789
.btn-gold.disabled:hover,
1790
.btn-gold[disabled]:hover,
1791
fieldset[disabled] .btn-gold:hover,
1792
.btn-gold.disabled:focus,
1793
.btn-gold[disabled]:focus,
1794
fieldset[disabled] .btn-gold:focus,
1795
.btn-gold.disabled.focus,
1796
.btn-gold[disabled].focus,
1797
fieldset[disabled] .btn-gold.focus {
1798
background-color: #fcd036;
1799
border-color: #fcd036;
1800
}
1801
.btn-gold .badge {
1802
color: #fcd036;
1803
background-color: #846e20;
1804
}
1805
.btn-gold:hover,
1806
.btn-gold:focus,
1807
.btn-gold.focus {
1808
color: #846e20 !important;
1809
}
1810
.btn-gold.btn-icon {
1811
position: relative;
1812
padding-right: 39px;
1813
border: none;
1814
}
1815
.btn-gold.btn-icon i {
1816
background-color: #fbc70e;
1817
padding: 6px 6px;
1818
font-size: 12px;
1819
line-height: 1.42857143;
1820
border-radius: 3px;
1821
-webkit-border-radius: 0 3px 3px 0;
1822
-webkit-background-clip: padding-box;
1823
-moz-border-radius: 0 3px 3px 0;
1824
-moz-background-clip: padding;
1825
border-radius: 0 3px 3px 0;
1826
background-clip: padding-box;
1827
}
1828
.btn-gold.btn-icon.icon-left {
1829
padding-right: 12px;
1830
padding-left: 39px;
1831
}
1832
.btn-gold.btn-icon.icon-left i {
1833
float: left;
1834
right: auto;
1835
left: 0;
1836
-webkit-border-radius: 3px 0 0 3px !important;
1837
-webkit-background-clip: padding-box;
1838
-moz-border-radius: 3px 0 0 3px !important;
1839
-moz-background-clip: padding;
1840
border-radius: 3px 0 0 3px !important;
1841
background-clip: padding-box;
1842
}
1843
.btn-gold.btn-icon.btn-lg {
1844
padding-right: 55px;
1845
}
1846
.btn-gold.btn-icon.btn-lg.icon-left {
1847
padding-right: 16px;
1848
padding-left: 55px;
1849
}
1850
.btn-gold.btn-icon.btn-lg i {
1851
padding: 10px 10px;
1852
font-size: 15px;
1853
line-height: 1.3333333;
1854
border-radius: 3px;
1855
}
1856
.btn-gold.btn-icon.btn-sm {
1857
padding-right: 36px;
1858
}
1859
.btn-gold.btn-icon.btn-sm.icon-left {
1860
padding-right: 10px;
1861
padding-left: 36px;
1862
}
1863
.btn-gold.btn-icon.btn-sm i {
1864
padding: 5px 6px;
1865
font-size: 11px;
1866
line-height: 1.5;
1867
border-radius: 2px;
1868
}
1869
.btn-gold.btn-icon.btn-xs {
1870
padding-right: 32px;
1871
}
1872
.btn-gold.btn-icon.btn-xs.icon-left {
1873
padding-right: 10px;
1874
padding-left: 32px;
1875
}
1876
.btn-gold.btn-icon.btn-xs i {
1877
padding: 2px 6px;
1878
font-size: 10px;
1879
line-height: 1.5;
1880
border-radius: 2px;
1881
}
1882
.btn-black {
1883
color: #FFF;
1884
background-color: #000000;
1885
border-color: #000000;
1886
}
1887
.btn-black:focus,
1888
.btn-black.focus {
1889
color: #FFF;
1890
background-color: #000000;
1891
border-color: #000000;
1892
}
1893
.btn-black:hover {
1894
color: #FFF;
1895
background-color: #000000;
1896
border-color: #000000;
1897
}
1898
.btn-black:active,
1899
.btn-black.active,
1900
.open > .dropdown-toggle.btn-black {
1901
color: #FFF;
1902
background-color: #000000;
1903
border-color: #000000;
1904
}
1905
.btn-black:active:hover,
1906
.btn-black.active:hover,
1907
.open > .dropdown-toggle.btn-black:hover,
1908
.btn-black:active:focus,
1909
.btn-black.active:focus,
1910
.open > .dropdown-toggle.btn-black:focus,
1911
.btn-black:active.focus,
1912
.btn-black.active.focus,
1913
.open > .dropdown-toggle.btn-black.focus {
1914
color: #FFF;
1915
background-color: #000000;
1916
border-color: #000000;
1917
}
1918
.btn-black:active,
1919
.btn-black.active,
1920
.open > .dropdown-toggle.btn-black {
1921
background-image: none;
1922
}
1923
.btn-black.disabled:hover,
1924
.btn-black[disabled]:hover,
1925
fieldset[disabled] .btn-black:hover,
1926
.btn-black.disabled:focus,
1927
.btn-black[disabled]:focus,
1928
fieldset[disabled] .btn-black:focus,
1929
.btn-black.disabled.focus,
1930
.btn-black[disabled].focus,
1931
fieldset[disabled] .btn-black.focus {
1932
background-color: #000000;
1933
border-color: #000000;
1934
}
1935
.btn-black .badge {
1936
color: #000000;
1937
background-color: #FFF;
1938
}
1939
.btn-black:hover,
1940
.btn-black:focus,
1941
.btn-black.focus {
1942
color: #FFF !important;
1943
}
1944
.btn-black.btn-icon {
1945
position: relative;
1946
padding-right: 39px;
1947
border: none;
1948
}
1949
.btn-black.btn-icon i {
1950
background-color: #000000;
1951
padding: 6px 6px;
1952
font-size: 12px;
1953
line-height: 1.42857143;
1954
border-radius: 3px;
1955
-webkit-border-radius: 0 3px 3px 0;
1956
-webkit-background-clip: padding-box;
1957
-moz-border-radius: 0 3px 3px 0;
1958
-moz-background-clip: padding;
1959
border-radius: 0 3px 3px 0;
1960
background-clip: padding-box;
1961
}
1962
.btn-black.btn-icon.icon-left {
1963
padding-right: 12px;
1964
padding-left: 39px;
1965
}
1966
.btn-black.btn-icon.icon-left i {
1967
float: left;
1968
right: auto;
1969
left: 0;
1970
-webkit-border-radius: 3px 0 0 3px !important;
1971
-webkit-background-clip: padding-box;
1972
-moz-border-radius: 3px 0 0 3px !important;
1973
-moz-background-clip: padding;
1974
border-radius: 3px 0 0 3px !important;
1975
background-clip: padding-box;
1976
}
1977
.btn-black.btn-icon.btn-lg {
1978
padding-right: 55px;
1979
}
1980
.btn-black.btn-icon.btn-lg.icon-left {
1981
padding-right: 16px;
1982
padding-left: 55px;
1983
}
1984
.btn-black.btn-icon.btn-lg i {
1985
padding: 10px 10px;
1986
font-size: 15px;
1987
line-height: 1.3333333;
1988
border-radius: 3px;
1989
}
1990
.btn-black.btn-icon.btn-sm {
1991
padding-right: 36px;
1992
}
1993
.btn-black.btn-icon.btn-sm.icon-left {
1994
padding-right: 10px;
1995
padding-left: 36px;
1996
}
1997
.btn-black.btn-icon.btn-sm i {
1998
padding: 5px 6px;
1999
font-size: 11px;
2000
line-height: 1.5;
2001
border-radius: 2px;
2002
}
2003
.btn-black.btn-icon.btn-xs {
2004
padding-right: 32px;
2005
}
2006
.btn-black.btn-icon.btn-xs.icon-left {
2007
padding-right: 10px;
2008
padding-left: 32px;
2009
}
2010
.btn-black.btn-icon.btn-xs i {
2011
padding: 2px 6px;
2012
font-size: 10px;
2013
line-height: 1.5;
2014
border-radius: 2px;
2015
}
2016
.btn-white {
2017
color: #303641;
2018
background-color: #FFF;
2019
border-color: #FFF;
2020
border-color: #ebebeb !important;
2021
}
2022
.btn-white:focus,
2023
.btn-white.focus {
2024
color: #303641;
2025
background-color: #e6e6e6;
2026
border-color: #bfbfbf;
2027
}
2028
.btn-white:hover {
2029
color: #303641;
2030
background-color: #e6e6e6;
2031
border-color: #e0e0e0;
2032
}
2033
.btn-white:active,
2034
.btn-white.active,
2035
.open > .dropdown-toggle.btn-white {
2036
color: #303641;
2037
background-color: #e6e6e6;
2038
border-color: #e0e0e0;
2039
}
2040
.btn-white:active:hover,
2041
.btn-white.active:hover,
2042
.open > .dropdown-toggle.btn-white:hover,
2043
.btn-white:active:focus,
2044
.btn-white.active:focus,
2045
.open > .dropdown-toggle.btn-white:focus,
2046
.btn-white:active.focus,
2047
.btn-white.active.focus,
2048
.open > .dropdown-toggle.btn-white.focus {
2049
color: #303641;
2050
background-color: #d4d4d4;
2051
border-color: #bfbfbf;
2052
}
2053
.btn-white:active,
2054
.btn-white.active,
2055
.open > .dropdown-toggle.btn-white {
2056
background-image: none;
2057
}
2058
.btn-white.disabled:hover,
2059
.btn-white[disabled]:hover,
2060
fieldset[disabled] .btn-white:hover,
2061
.btn-white.disabled:focus,
2062
.btn-white[disabled]:focus,
2063
fieldset[disabled] .btn-white:focus,
2064
.btn-white.disabled.focus,
2065
.btn-white[disabled].focus,
2066
fieldset[disabled] .btn-white.focus {
2067
background-color: #FFF;
2068
border-color: #FFF;
2069
}
2070
.btn-white .badge {
2071
color: #FFF;
2072
background-color: #303641;
2073
}
2074
.btn-white:hover,
2075
.btn-white:focus,
2076
.btn-white.focus {
2077
color: #303641 !important;
2078
}
2079
.btn-white.btn-icon {
2080
position: relative;
2081
padding-right: 39px;
2082
border: none;
2083
}
2084
.btn-white.btn-icon i {
2085
background-color: #ebebeb;
2086
padding: 6px 6px;
2087
font-size: 12px;
2088
line-height: 1.42857143;
2089
border-radius: 3px;
2090
-webkit-border-radius: 0 3px 3px 0;
2091
-webkit-background-clip: padding-box;
2092
-moz-border-radius: 0 3px 3px 0;
2093
-moz-background-clip: padding;
2094
border-radius: 0 3px 3px 0;
2095
background-clip: padding-box;
2096
}
2097
.btn-white.btn-icon.icon-left {
2098
padding-right: 12px;
2099
padding-left: 39px;
2100
}
2101
.btn-white.btn-icon.icon-left i {
2102
float: left;
2103
right: auto;
2104
left: 0;
2105
-webkit-border-radius: 3px 0 0 3px !important;
2106
-webkit-background-clip: padding-box;
2107
-moz-border-radius: 3px 0 0 3px !important;
2108
-moz-background-clip: padding;
2109
border-radius: 3px 0 0 3px !important;
2110
background-clip: padding-box;
2111
}
2112
.btn-white.btn-icon.btn-lg {
2113
padding-right: 55px;
2114
}
2115
.btn-white.btn-icon.btn-lg.icon-left {
2116
padding-right: 16px;
2117
padding-left: 55px;
2118
}
2119
.btn-white.btn-icon.btn-lg i {
2120
padding: 10px 10px;
2121
font-size: 15px;
2122
line-height: 1.3333333;
2123
border-radius: 3px;
2124
}
2125
.btn-white.btn-icon.btn-sm {
2126
padding-right: 36px;
2127
}
2128
.btn-white.btn-icon.btn-sm.icon-left {
2129
padding-right: 10px;
2130
padding-left: 36px;
2131
}
2132
.btn-white.btn-icon.btn-sm i {
2133
padding: 5px 6px;
2134
font-size: 11px;
2135
line-height: 1.5;
2136
border-radius: 2px;
2137
}
2138
.btn-white.btn-icon.btn-xs {
2139
padding-right: 32px;
2140
}
2141
.btn-white.btn-icon.btn-xs.icon-left {
2142
padding-right: 10px;
2143
padding-left: 32px;
2144
}
2145
.btn-white.btn-icon.btn-xs i {
2146
padding: 2px 6px;
2147
font-size: 10px;
2148
line-height: 1.5;
2149
border-radius: 2px;
2150
}
2151
.btn-warning {
2152
color: #fff;
2153
background-color: #fad839;
2154
border-color: #f9d320;
2155
}
2156
.btn-warning:focus,
2157
.btn-warning.focus {
2158
color: #fff;
2159
background-color: #f9ce07;
2160
border-color: #967c04;
2161
}
2162
.btn-warning:hover {
2163
color: #fff;
2164
background-color: #f9ce07;
2165
border-color: #d7b205;
2166
}
2167
.btn-warning:active,
2168
.btn-warning.active,
2169
.open > .dropdown-toggle.btn-warning {
2170
color: #fff;
2171
background-color: #f9ce07;
2172
border-color: #d7b205;
2173
}
2174
.btn-warning:active:hover,
2175
.btn-warning.active:hover,
2176
.open > .dropdown-toggle.btn-warning:hover,
2177
.btn-warning:active:focus,
2178
.btn-warning.active:focus,
2179
.open > .dropdown-toggle.btn-warning:focus,
2180
.btn-warning:active.focus,
2181
.btn-warning.active.focus,
2182
.open > .dropdown-toggle.btn-warning.focus {
2183
color: #fff;
2184
background-color: #d7b205;
2185
border-color: #967c04;
2186
}
2187
.btn-warning:active,
2188
.btn-warning.active,
2189
.open > .dropdown-toggle.btn-warning {
2190
background-image: none;
2191
}
2192
.btn-warning.disabled:hover,
2193
.btn-warning[disabled]:hover,
2194
fieldset[disabled] .btn-warning:hover,
2195
.btn-warning.disabled:focus,
2196
.btn-warning[disabled]:focus,
2197
fieldset[disabled] .btn-warning:focus,
2198
.btn-warning.disabled.focus,
2199
.btn-warning[disabled].focus,
2200
fieldset[disabled] .btn-warning.focus {
2201
background-color: #fad839;
2202
border-color: #f9d320;
2203
}
2204
.btn-warning .badge {
2205
color: #fad839;
2206
background-color: #fff;
2207
}
2208
.btn-warning:hover,
2209
.btn-warning:focus,
2210
.btn-warning.focus {
2211
color: #fff !important;
2212
}
2213
.btn-warning.btn-icon {
2214
position: relative;
2215
padding-right: 39px;
2216
border: none;
2217
}
2218
.btn-warning.btn-icon i {
2219
background-color: #f9d011;
2220
padding: 6px 6px;
2221
font-size: 12px;
2222
line-height: 1.42857143;
2223
border-radius: 3px;
2224
-webkit-border-radius: 0 3px 3px 0;
2225
-webkit-background-clip: padding-box;
2226
-moz-border-radius: 0 3px 3px 0;
2227
-moz-background-clip: padding;
2228
border-radius: 0 3px 3px 0;
2229
background-clip: padding-box;
2230
}
2231
.btn-warning.btn-icon.icon-left {
2232
padding-right: 12px;
2233
padding-left: 39px;
2234
}
2235
.btn-warning.btn-icon.icon-left i {
2236
float: left;
2237
right: auto;
2238
left: 0;
2239
-webkit-border-radius: 3px 0 0 3px !important;
2240
-webkit-background-clip: padding-box;
2241
-moz-border-radius: 3px 0 0 3px !important;
2242
-moz-background-clip: padding;
2243
border-radius: 3px 0 0 3px !important;
2244
background-clip: padding-box;
2245
}
2246
.btn-warning.btn-icon.btn-lg {
2247
padding-right: 55px;
2248
}
2249
.btn-warning.btn-icon.btn-lg.icon-left {
2250
padding-right: 16px;
2251
padding-left: 55px;
2252
}
2253
.btn-warning.btn-icon.btn-lg i {
2254
padding: 10px 10px;
2255
font-size: 15px;
2256
line-height: 1.3333333;
2257
border-radius: 3px;
2258
}
2259
.btn-warning.btn-icon.btn-sm {
2260
padding-right: 36px;
2261
}
2262
.btn-warning.btn-icon.btn-sm.icon-left {
2263
padding-right: 10px;
2264
padding-left: 36px;
2265
}
2266
.btn-warning.btn-icon.btn-sm i {
2267
padding: 5px 6px;
2268
font-size: 11px;
2269
line-height: 1.5;
2270
border-radius: 2px;
2271
}
2272
.btn-warning.btn-icon.btn-xs {
2273
padding-right: 32px;
2274
}
2275
.btn-warning.btn-icon.btn-xs.icon-left {
2276
padding-right: 10px;
2277
padding-left: 32px;
2278
}
2279
.btn-warning.btn-icon.btn-xs i {
2280
padding: 2px 6px;
2281
font-size: 10px;
2282
line-height: 1.5;
2283
border-radius: 2px;
2284
}
2285
.btn-danger {
2286
color: #fff;
2287
background-color: #cc2424;
2288
border-color: #b62020;
2289
}
2290
.btn-danger:focus,
2291
.btn-danger.focus {
2292
color: #fff;
2293
background-color: #a11c1c;
2294
border-color: #4a0d0d;
2295
}
2296
.btn-danger:hover {
2297
color: #fff;
2298
background-color: #a11c1c;
2299
border-color: #821717;
2300
}
2301
.btn-danger:active,
2302
.btn-danger.active,
2303
.open > .dropdown-toggle.btn-danger {
2304
color: #fff;
2305
background-color: #a11c1c;
2306
border-color: #821717;
2307
}
2308
.btn-danger:active:hover,
2309
.btn-danger.active:hover,
2310
.open > .dropdown-toggle.btn-danger:hover,
2311
.btn-danger:active:focus,
2312
.btn-danger.active:focus,
2313
.open > .dropdown-toggle.btn-danger:focus,
2314
.btn-danger:active.focus,
2315
.btn-danger.active.focus,
2316
.open > .dropdown-toggle.btn-danger.focus {
2317
color: #fff;
2318
background-color: #821717;
2319
border-color: #4a0d0d;
2320
}
2321
.btn-danger:active,
2322
.btn-danger.active,
2323
.open > .dropdown-toggle.btn-danger {
2324
background-image: none;
2325
}
2326
.btn-danger.disabled:hover,
2327
.btn-danger[disabled]:hover,
2328
fieldset[disabled] .btn-danger:hover,
2329
.btn-danger.disabled:focus,
2330
.btn-danger[disabled]:focus,
2331
fieldset[disabled] .btn-danger:focus,
2332
.btn-danger.disabled.focus,
2333
.btn-danger[disabled].focus,
2334
fieldset[disabled] .btn-danger.focus {
2335
background-color: #cc2424;
2336
border-color: #b62020;
2337
}
2338
.btn-danger .badge {
2339
color: #cc2424;
2340
background-color: #fff;
2341
}
2342
.btn-danger:hover,
2343
.btn-danger:focus,
2344
.btn-danger.focus {
2345
color: #fff !important;
2346
}
2347
.btn-danger.btn-icon {
2348
position: relative;
2349
padding-right: 39px;
2350
border: none;
2351
}
2352
.btn-danger.btn-icon i {
2353
background-color: #a91e1e;
2354
padding: 6px 6px;
2355
font-size: 12px;
2356
line-height: 1.42857143;
2357
border-radius: 3px;
2358
-webkit-border-radius: 0 3px 3px 0;
2359
-webkit-background-clip: padding-box;
2360
-moz-border-radius: 0 3px 3px 0;
2361
-moz-background-clip: padding;
2362
border-radius: 0 3px 3px 0;
2363
background-clip: padding-box;
2364
}
2365
.btn-danger.btn-icon.icon-left {
2366
padding-right: 12px;
2367
padding-left: 39px;
2368
}
2369
.btn-danger.btn-icon.icon-left i {
2370
float: left;
2371
right: auto;
2372
left: 0;
2373
-webkit-border-radius: 3px 0 0 3px !important;
2374
-webkit-background-clip: padding-box;
2375
-moz-border-radius: 3px 0 0 3px !important;
2376
-moz-background-clip: padding;
2377
border-radius: 3px 0 0 3px !important;
2378
background-clip: padding-box;
2379
}
2380
.btn-danger.btn-icon.btn-lg {
2381
padding-right: 55px;
2382
}
2383
.btn-danger.btn-icon.btn-lg.icon-left {
2384
padding-right: 16px;
2385
padding-left: 55px;
2386
}
2387
.btn-danger.btn-icon.btn-lg i {
2388
padding: 10px 10px;
2389
font-size: 15px;
2390
line-height: 1.3333333;
2391
border-radius: 3px;
2392
}
2393
.btn-danger.btn-icon.btn-sm {
2394
padding-right: 36px;
2395
}
2396
.btn-danger.btn-icon.btn-sm.icon-left {
2397
padding-right: 10px;
2398
padding-left: 36px;
2399
}
2400
.btn-danger.btn-icon.btn-sm i {
2401
padding: 5px 6px;
2402
font-size: 11px;
2403
line-height: 1.5;
2404
border-radius: 2px;
2405
}
2406
.btn-danger.btn-icon.btn-xs {
2407
padding-right: 32px;
2408
}
2409
.btn-danger.btn-icon.btn-xs.icon-left {
2410
padding-right: 10px;
2411
padding-left: 32px;
2412
}
2413
.btn-danger.btn-icon.btn-xs i {
2414
padding: 2px 6px;
2415
font-size: 10px;
2416
line-height: 1.5;
2417
border-radius: 2px;
2418
}
2419
.btn-success,
2420
.btn-green {
2421
color: #fff;
2422
background-color: #00a651;
2423
border-color: #008d45;
2424
}
2425
.btn-success:focus,
2426
.btn-green:focus,
2427
.btn-success.focus,
2428
.btn-green.focus {
2429
color: #fff;
2430
background-color: #007338;
2431
border-color: #000d06;
2432
}
2433
.btn-success:hover,
2434
.btn-green:hover {
2435
color: #fff;
2436
background-color: #007338;
2437
border-color: #004f27;
2438
}
2439
.btn-success:active,
2440
.btn-green:active,
2441
.btn-success.active,
2442
.btn-green.active,
2443
.open > .dropdown-toggle.btn-success,
2444
.open > .dropdown-toggle.btn-green {
2445
color: #fff;
2446
background-color: #007338;
2447
border-color: #004f27;
2448
}
2449
.btn-success:active:hover,
2450
.btn-green:active:hover,
2451
.btn-success.active:hover,
2452
.btn-green.active:hover,
2453
.open > .dropdown-toggle.btn-success:hover,
2454
.open > .dropdown-toggle.btn-green:hover,
2455
.btn-success:active:focus,
2456
.btn-green:active:focus,
2457
.btn-success.active:focus,
2458
.btn-green.active:focus,
2459
.open > .dropdown-toggle.btn-success:focus,
2460
.open > .dropdown-toggle.btn-green:focus,
2461
.btn-success:active.focus,
2462
.btn-green:active.focus,
2463
.btn-success.active.focus,
2464
.btn-green.active.focus,
2465
.open > .dropdown-toggle.btn-success.focus,
2466
.open > .dropdown-toggle.btn-green.focus {
2467
color: #fff;
2468
background-color: #004f27;
2469
border-color: #000d06;
2470
}
2471
.btn-success:active,
2472
.btn-green:active,
2473
.btn-success.active,
2474
.btn-green.active,
2475
.open > .dropdown-toggle.btn-success,
2476
.open > .dropdown-toggle.btn-green {
2477
background-image: none;
2478
}
2479
.btn-success.disabled:hover,
2480
.btn-green.disabled:hover,
2481
.btn-success[disabled]:hover,
2482
.btn-green[disabled]:hover,
2483
fieldset[disabled] .btn-success:hover,
2484
fieldset[disabled] .btn-green:hover,
2485
.btn-success.disabled:focus,
2486
.btn-green.disabled:focus,
2487
.btn-success[disabled]:focus,
2488
.btn-green[disabled]:focus,
2489
fieldset[disabled] .btn-success:focus,
2490
fieldset[disabled] .btn-green:focus,
2491
.btn-success.disabled.focus,
2492
.btn-green.disabled.focus,
2493
.btn-success[disabled].focus,
2494
.btn-green[disabled].focus,
2495
fieldset[disabled] .btn-success.focus,
2496
fieldset[disabled] .btn-green.focus {
2497
background-color: #00a651;
2498
border-color: #008d45;
2499
}
2500
.btn-success .badge,
2501
.btn-green .badge {
2502
color: #00a651;
2503
background-color: #fff;
2504
}
2505
.btn-success:hover,
2506
.btn-green:hover,
2507
.btn-success:focus,
2508
.btn-green:focus,
2509
.btn-success.focus,
2510
.btn-green.focus {
2511
color: #fff !important;
2512
}
2513
.btn-success.btn-icon,
2514
.btn-green.btn-icon {
2515
position: relative;
2516
padding-right: 39px;
2517
border: none;
2518
}
2519
.btn-success.btn-icon i,
2520
.btn-green.btn-icon i {
2521
background-color: #007d3d;
2522
padding: 6px 6px;
2523
font-size: 12px;
2524
line-height: 1.42857143;
2525
border-radius: 3px;
2526
-webkit-border-radius: 0 3px 3px 0;
2527
-webkit-background-clip: padding-box;
2528
-moz-border-radius: 0 3px 3px 0;
2529
-moz-background-clip: padding;
2530
border-radius: 0 3px 3px 0;
2531
background-clip: padding-box;
2532
}
2533
.btn-success.btn-icon.icon-left,
2534
.btn-green.btn-icon.icon-left {
2535
padding-right: 12px;
2536
padding-left: 39px;
2537
}
2538
.btn-success.btn-icon.icon-left i,
2539
.btn-green.btn-icon.icon-left i {
2540
float: left;
2541
right: auto;
2542
left: 0;
2543
-webkit-border-radius: 3px 0 0 3px !important;
2544
-webkit-background-clip: padding-box;
2545
-moz-border-radius: 3px 0 0 3px !important;
2546
-moz-background-clip: padding;
2547
border-radius: 3px 0 0 3px !important;
2548
background-clip: padding-box;
2549
}
2550
.btn-success.btn-icon.btn-lg,
2551
.btn-green.btn-icon.btn-lg {
2552
padding-right: 55px;
2553
}
2554
.btn-success.btn-icon.btn-lg.icon-left,
2555
.btn-green.btn-icon.btn-lg.icon-left {
2556
padding-right: 16px;
2557
padding-left: 55px;
2558
}
2559
.btn-success.btn-icon.btn-lg i,
2560
.btn-green.btn-icon.btn-lg i {
2561
padding: 10px 10px;
2562
font-size: 15px;
2563
line-height: 1.3333333;
2564
border-radius: 3px;
2565
}
2566
.btn-success.btn-icon.btn-sm,
2567
.btn-green.btn-icon.btn-sm {
2568
padding-right: 36px;
2569
}
2570
.btn-success.btn-icon.btn-sm.icon-left,
2571
.btn-green.btn-icon.btn-sm.icon-left {
2572
padding-right: 10px;
2573
padding-left: 36px;
2574
}
2575
.btn-success.btn-icon.btn-sm i,
2576
.btn-green.btn-icon.btn-sm i {
2577
padding: 5px 6px;
2578
font-size: 11px;
2579
line-height: 1.5;
2580
border-radius: 2px;
2581
}
2582
.btn-success.btn-icon.btn-xs,
2583
.btn-green.btn-icon.btn-xs {
2584
padding-right: 32px;
2585
}
2586
.btn-success.btn-icon.btn-xs.icon-left,
2587
.btn-green.btn-icon.btn-xs.icon-left {
2588
padding-right: 10px;
2589
padding-left: 32px;
2590
}
2591
.btn-success.btn-icon.btn-xs i,
2592
.btn-green.btn-icon.btn-xs i {
2593
padding: 2px 6px;
2594
font-size: 10px;
2595
line-height: 1.5;
2596
border-radius: 2px;
2597
}
2598
.btn-info {
2599
color: #fff;
2600
background-color: #21a9e1;
2601
border-color: #1c99cd;
2602
}
2603
.btn-info:focus,
2604
.btn-info.focus {
2605
color: #fff;
2606
background-color: #1988b6;
2607
border-color: #0c455d;
2608
}
2609
.btn-info:hover {
2610
color: #fff;
2611
background-color: #1988b6;
2612
border-color: #147197;
2613
}
2614
.btn-info:active,
2615
.btn-info.active,
2616
.open > .dropdown-toggle.btn-info {
2617
color: #fff;
2618
background-color: #1988b6;
2619
border-color: #147197;
2620
}
2621
.btn-info:active:hover,
2622
.btn-info.active:hover,
2623
.open > .dropdown-toggle.btn-info:hover,
2624
.btn-info:active:focus,
2625
.btn-info.active:focus,
2626
.open > .dropdown-toggle.btn-info:focus,
2627
.btn-info:active.focus,
2628
.btn-info.active.focus,
2629
.open > .dropdown-toggle.btn-info.focus {
2630
color: #fff;
2631
background-color: #147197;
2632
border-color: #0c455d;
2633
}
2634
.btn-info:active,
2635
.btn-info.active,
2636
.open > .dropdown-toggle.btn-info {
2637
background-image: none;
2638
}
2639
.btn-info.disabled:hover,
2640
.btn-info[disabled]:hover,
2641
fieldset[disabled] .btn-info:hover,
2642
.btn-info.disabled:focus,
2643
.btn-info[disabled]:focus,
2644
fieldset[disabled] .btn-info:focus,
2645
.btn-info.disabled.focus,
2646
.btn-info[disabled].focus,
2647
fieldset[disabled] .btn-info.focus {
2648
background-color: #21a9e1;
2649
border-color: #1c99cd;
2650
}
2651
.btn-info .badge {
2652
color: #21a9e1;
2653
background-color: #fff;
2654
}
2655
.btn-info:hover,
2656
.btn-info:focus,
2657
.btn-info.focus {
2658
color: #fff !important;
2659
}
2660
.btn-info.btn-icon {
2661
position: relative;
2662
padding-right: 39px;
2663
border: none;
2664
}
2665
.btn-info.btn-icon i {
2666
background-color: #1a8fbf;
2667
padding: 6px 6px;
2668
font-size: 12px;
2669
line-height: 1.42857143;
2670
border-radius: 3px;
2671
-webkit-border-radius: 0 3px 3px 0;
2672
-webkit-background-clip: padding-box;
2673
-moz-border-radius: 0 3px 3px 0;
2674
-moz-background-clip: padding;
2675
border-radius: 0 3px 3px 0;
2676
background-clip: padding-box;
2677
}
2678
.btn-info.btn-icon.icon-left {
2679
padding-right: 12px;
2680
padding-left: 39px;
2681
}
2682
.btn-info.btn-icon.icon-left i {
2683
float: left;
2684
right: auto;
2685
left: 0;
2686
-webkit-border-radius: 3px 0 0 3px !important;
2687
-webkit-background-clip: padding-box;
2688
-moz-border-radius: 3px 0 0 3px !important;
2689
-moz-background-clip: padding;
2690
border-radius: 3px 0 0 3px !important;
2691
background-clip: padding-box;
2692
}
2693
.btn-info.btn-icon.btn-lg {
2694
padding-right: 55px;
2695
}
2696
.btn-info.btn-icon.btn-lg.icon-left {
2697
padding-right: 16px;
2698
padding-left: 55px;
2699
}
2700
.btn-info.btn-icon.btn-lg i {
2701
padding: 10px 10px;
2702
font-size: 15px;
2703
line-height: 1.3333333;
2704
border-radius: 3px;
2705
}
2706
.btn-info.btn-icon.btn-sm {
2707
padding-right: 36px;
2708
}
2709
.btn-info.btn-icon.btn-sm.icon-left {
2710
padding-right: 10px;
2711
padding-left: 36px;
2712
}
2713
.btn-info.btn-icon.btn-sm i {
2714
padding: 5px 6px;
2715
font-size: 11px;
2716
line-height: 1.5;
2717
border-radius: 2px;
2718
}
2719
.btn-info.btn-icon.btn-xs {
2720
padding-right: 32px;
2721
}
2722
.btn-info.btn-icon.btn-xs.icon-left {
2723
padding-right: 10px;
2724
padding-left: 32px;
2725
}
2726
.btn-info.btn-icon.btn-xs i {
2727
padding: 2px 6px;
2728
font-size: 10px;
2729
line-height: 1.5;
2730
border-radius: 2px;
2731
}
2732
.btn-block + .btn-block {
2733
margin-top: 5px;
2734
}
2735
.bs-example > .btn,
2736
.bs-example > .make-switch,
2737
.bs-example > .btn-group {
2738
margin-top: 4px;
2739
margin-bottom: 4px;
2740
margin-right: 9px;
2741
}
2742
.bs-example.bs-baseline-top .btn,
2743
.bs-example.bs-baseline-top .btn-group {
2744
vertical-align: top !important;
2745
}
2746
.invoice {
2747
margin: 0px 0;
2748
font-size: 14px;
2749
}
2750
.invoice .invoice-left strong,
2751
.invoice .invoice-right strong {
2752
color: #303641;
2753
}
2754
.invoice .invoice-left > h3,
2755
.invoice .invoice-right > h3 {
2756
margin-top: 0;
2757
}
2758
.invoice .invoice-right {
2759
text-align: right;
2760
}
2761
.invoice .margin {
2762
margin: 40px 0;
2763
}
2764
.invoice h4 {
2765
font-weight: bold;
2766
}
2767
@media print {
2768
.invoice-left {
2769
float: left !important;
2770
}
2771
.invoice-right {
2772
float: right !important;
2773
text-align: right !important;
2774
top: -20px;
2775
position: relative;
2776
}
2777
}
2778
@media (max-width: 768px) {
2779
.invoice .invoice-right {
2780
text-align: left;
2781
margin-top: 20px;
2782
}
2783
.invoice .margin {
2784
margin: 15px 0;
2785
}
2786
.invoice table {
2787
margin: 20px 0;
2788
}
2789
}
2790
.mail-env {
2791
position: relative;
2792
}
2793
.mail-env:before,
2794
.mail-env:after {
2795
content: " ";
2796
display: table;
2797
}
2798
.mail-env:after {
2799
clear: both;
2800
}
2801
hr + .mail-env {
2802
margin-top: -18px;
2803
border-top: 1px solid #ebebeb;
2804
margin-left: -20px;
2805
margin-right: -20px;
2806
}
2807
.mail-env + hr {
2808
margin-top: 0px;
2809
position: relative;
2810
margin-left: -20px;
2811
margin-right: -20px;
2812
}
2813
.mail-env .mail-sidebar,
2814
.mail-env .mail-body {
2815
float: left;
2816
-webkit-box-sizing: border-box;
2817
-moz-box-sizing: border-box;
2818
box-sizing: border-box;
2819
}
2820
.mail-env .mail-sidebar:before,
2821
.mail-env .mail-body:before,
2822
.mail-env .mail-sidebar:after,
2823
.mail-env .mail-body:after {
2824
content: " ";
2825
display: table;
2826
}
2827
.mail-env .mail-sidebar:after,
2828
.mail-env .mail-body:after {
2829
clear: both;
2830
}
2831
.mail-env .mail-sidebar-row {
2832
padding: 20px;
2833
}
2834
.mail-env > .mail-sidebar-row.visible-xs {
2835
padding-bottom: 0;
2836
}
2837
.mail-env .mail-sidebar {
2838
width: 22%;
2839
background: #f9f9f9;
2840
border-right: 1px solid #ebebeb;
2841
position: relative;
2842
}
2843
.mail-env .mail-sidebar > h4 {
2844
padding: 20px;
2845
}
2846
.mail-env .mail-sidebar .mail-menu {
2847
list-style: none;
2848
margin: 0;
2849
padding: 0;
2850
border-top: 1px solid #ebebeb;
2851
}
2852
.mail-env .mail-sidebar .mail-menu > li {
2853
margin: 0;
2854
padding: 0;
2855
border-bottom: 1px solid #ebebeb;
2856
}
2857
.mail-env .mail-sidebar .mail-menu > li a {
2858
display: block;
2859
padding: 20px;
2860
-moz-transition: all 300ms ease-in-out;
2861
-webkit-transition: all 300ms ease-in-out;
2862
-o-transition: all 300ms ease-in-out;
2863
transition: all 300ms ease-in-out;
2864
}
2865
.mail-env .mail-sidebar .mail-menu > li a .badge {
2866
font-size: 13px;
2867
}
2868
.mail-env .mail-sidebar .mail-menu > li a .badge-gray {
2869
background: transparent;
2870
border: 1px solid #ebebeb;
2871
}
2872
.mail-env .mail-sidebar .mail-menu > li a .badge-roundless {
2873
display: inline-block;
2874
width: 14px;
2875
height: 14px;
2876
-webkit-border-radius: 2px;
2877
-webkit-background-clip: padding-box;
2878
-moz-border-radius: 2px;
2879
-moz-background-clip: padding;
2880
border-radius: 2px;
2881
background-clip: padding-box;
2882
}
2883
.mail-env .mail-sidebar .mail-menu > li:hover a {
2884
background: rgba(255, 255, 255, 0.8);
2885
}
2886
.mail-env .mail-sidebar .mail-menu > li.active a {
2887
background: #fff;
2888
font-weight: bold;
2889
}
2890
.mail-env .mail-sidebar .mail-distancer {
2891
height: 40px;
2892
}
2893
.mail-env .mail-body {
2894
width: 78%;
2895
float: right;
2896
overflow: hidden;
2897
}
2898
.mail-env .mail-body .mail-header {
2899
padding: 20px;
2900
border-bottom: 1px solid #ebebeb;
2901
}
2902
.mail-env .mail-body .mail-header:before,
2903
.mail-env .mail-body .mail-header:after {
2904
content: " ";
2905
display: table;
2906
}
2907
.mail-env .mail-body .mail-header:after {
2908
clear: both;
2909
}
2910
.mail-env .mail-body .mail-header .mail-title {
2911
margin: 0;
2912
padding: 0;
2913
font-size: 20px;
2914
float: left;
2915
width: 75%;
2916
padding-right: 20px;
2917
color: #303641;
2918
overflow: hidden;
2919
text-overflow: ellipsis;
2920
white-space: nowrap;
2921
}
2922
.mail-env .mail-body .mail-header .mail-title span.count {
2923
font-weight: normal;
2924
zoom: 1;
2925
-webkit-opacity: 0.3;
2926
-moz-opacity: 0.3;
2927
opacity: 0.3;
2928
filter: alpha(opacity=30);
2929
}
2930
.mail-env .mail-body .mail-header .mail-title .label {
2931
font-size: 9px;
2932
position: relative;
2933
top: -4px;
2934
}
2935
.mail-env .mail-body .mail-header .mail-search,
2936
.mail-env .mail-body .mail-header .mail-links {
2937
float: left;
2938
text-align: right;
2939
width: 25%;
2940
}
2941
.mail-env .mail-body .mail-header .mail-search.mail-links > .btn,
2942
.mail-env .mail-body .mail-header .mail-links.mail-links > .btn {
2943
margin-left: 5px;
2944
font-size: 11px;
2945
}
2946
.mail-env .mail-body .mail-header .mail-search.mail-links > .btn:first-child,
2947
.mail-env .mail-body .mail-header .mail-links.mail-links > .btn:first-child {
2948
margin-left: 0;
2949
}
2950
.mail-env .mail-body .mail-header .mail-search .form-control[type="text"],
2951
.mail-env .mail-body .mail-header .mail-links .form-control[type="text"] {
2952
height: 29px;
2953
}
2954
.mail-env .mail-body .mail-info {
2955
background: #f3f4f4;
2956
display: table;
2957
width: 100%;
2958
border-spacing: 0;
2959
border-collapse: collapse;
2960
border-bottom: 1px solid #ebebeb;
2961
}
2962
.mail-env .mail-body .mail-info:before,
2963
.mail-env .mail-body .mail-info:after {
2964
content: " ";
2965
display: table;
2966
}
2967
.mail-env .mail-body .mail-info:after {
2968
clear: both;
2969
}
2970
.mail-env .mail-body .mail-info .mail-sender,
2971
.mail-env .mail-body .mail-info .mail-date {
2972
display: table-cell;
2973
width: 50%;
2974
color: #a6a6a6;
2975
padding: 20px;
2976
}
2977
.mail-env .mail-body .mail-info .mail-sender.mail-sender span,
2978
.mail-env .mail-body .mail-info .mail-date.mail-sender span {
2979
font-weight: bold;
2980
color: #ec5956;
2981
}
2982
.mail-env .mail-body .mail-info .mail-sender.mail-sender img,
2983
.mail-env .mail-body .mail-info .mail-date.mail-sender img {
2984
margin-right: 5px;
2985
border: 2px solid #ebebeb;
2986
}
2987
.mail-env .mail-body .mail-info .mail-sender.mail-sender .dropdown-menu:after,
2988
.mail-env .mail-body .mail-info .mail-date.mail-sender .dropdown-menu:after {
2989
position: absolute;
2990
content: '';
2991
display: block;
2992
top: -5px;
2993
left: 17%;
2994
width: 0px;
2995
height: 0px;
2996
border-style: solid;
2997
border-width: 0 3px 4px 3px;
2998
border-color: transparent transparent #cc2424 transparent;
2999
}
3000
.mail-env .mail-body .mail-info .mail-sender.mail-date,
3001
.mail-env .mail-body .mail-info .mail-date.mail-date {
3002
text-align: right;
3003
}
3004
.mail-env .mail-body .mail-text {
3005
border-bottom: 1px solid #ebebeb;
3006
padding: 20px;
3007
}
3008
.mail-env .mail-body .mail-attachments {
3009
padding: 20px;
3010
border-bottom: 1px solid #ebebeb;
3011
}
3012
.mail-env .mail-body .mail-attachments h4 {
3013
margin-bottom: 30px;
3014
line-height: 1;
3015
}
3016
.mail-env .mail-body .mail-attachments h4 span {
3017
zoom: 1;
3018
-webkit-opacity: 0.4;
3019
-moz-opacity: 0.4;
3020
opacity: 0.4;
3021
filter: alpha(opacity=40);
3022
}
3023
.mail-env .mail-body .mail-attachments ul {
3024
list-style: none;
3025
padding: 0;
3026
margin: 0;
3027
}
3028
.mail-env .mail-body .mail-attachments ul:before,
3029
.mail-env .mail-body .mail-attachments ul:after {
3030
content: " ";
3031
display: table;
3032
}
3033
.mail-env .mail-body .mail-attachments ul:after {
3034
clear: both;
3035
}
3036
.mail-env .mail-body .mail-attachments ul li {
3037
float: left;
3038
margin: 0;
3039
padding: 0;
3040
margin-right: 30px;
3041
margin-bottom: 20px;
3042
}
3043
.mail-env .mail-body .mail-attachments ul li > a {
3044
display: block;
3045
}
3046
.mail-env .mail-body .mail-attachments ul li > a img {
3047
position: relative;
3048
display: block;
3049
line-height: 1;
3050
margin-bottom: 10px;
3051
}
3052
.mail-env .mail-body .mail-attachments ul li > a.thumb {
3053
position: relative;
3054
}
3055
.mail-env .mail-body .mail-attachments ul li > a.thumb:after {
3056
font-family: "Entypo";
3057
content: '\e826';
3058
display: block;
3059
position: absolute;
3060
left: 50%;
3061
top: 50%;
3062
background: #fff;
3063
width: 40px;
3064
height: 40px;
3065
margin-left: -20px;
3066
margin-top: -20px;
3067
font-size: 28px;
3068
text-align: center;
3069
line-height: 40px;
3070
vertical-align: text-top;
3071
color: #fff;
3072
background: rgba(0, 0, 0, 0.25);
3073
-webkit-border-radius: 4px;
3074
-webkit-background-clip: padding-box;
3075
-moz-border-radius: 4px;
3076
-moz-background-clip: padding;
3077
border-radius: 4px;
3078
background-clip: padding-box;
3079
zoom: 1;
3080
-webkit-opacity: 0;
3081
-moz-opacity: 0;
3082
opacity: 0;
3083
filter: alpha(opacity=0);
3084
-moz-transition: all 300ms ease-in-out;
3085
-webkit-transition: all 300ms ease-in-out;
3086
-o-transition: all 300ms ease-in-out;
3087
transition: all 300ms ease-in-out;
3088
}
3089
.mail-env .mail-body .mail-attachments ul li > a.thumb:hover:after {
3090
zoom: 1;
3091
-webkit-opacity: 1;
3092
-moz-opacity: 1;
3093
opacity: 1;
3094
filter: alpha(opacity=100);
3095
}
3096
.mail-env .mail-body .mail-attachments ul li > a.thumb.download:after {
3097
content: '\e82d';
3098
}
3099
.mail-env .mail-body .mail-attachments ul li > a.name span {
3100
color: #666666;
3101
float: right;
3102
}
3103
.mail-env .mail-body .mail-attachments ul li .links {
3104
display: block;
3105
font-size: 11px;
3106
color: #666666;
3107
margin-top: 6px;
3108
}
3109
.mail-env .mail-body .mail-attachments ul li .links a {
3110
color: #666666;
3111
}
3112
.mail-env .mail-body .mail-reply {
3113
border-bottom: 1px solid #ebebeb;
3114
padding: 20px;
3115
}
3116
.mail-env .mail-body .mail-reply .fake-form {
3117
padding: 20px;
3118
border: 2px solid #ebebeb;
3119
min-height: 100px;
3120
-webkit-border-radius: 4px;
3121
-webkit-background-clip: padding-box;
3122
-moz-border-radius: 4px;
3123
-moz-background-clip: padding;
3124
border-radius: 4px;
3125
background-clip: padding-box;
3126
}
3127
.mail-env .mail-body .mail-reply .fake-form > div a {
3128
font-weight: bold;
3129
color: #ec5956;
3130
}
3131
.mail-env .mail-body .mail-compose {
3132
padding: 20px;
3133
}
3134
.mail-env .mail-body .mail-compose .form-group {
3135
position: relative;
3136
border-bottom: 1px solid #ebebeb;
3137
padding-bottom: 15px;
3138
}
3139
.mail-env .mail-body .mail-compose .form-group label {
3140
position: absolute;
3141
left: 10px;
3142
top: 7px;
3143
z-index: 10;
3144
}
3145
.mail-env .mail-body .mail-compose .form-group input {
3146
border-color: transparent;
3147
position: relative;
3148
z-index: 5;
3149
padding-left: 100px;
3150
-moz-transition: all 300ms ease-in-out;
3151
-webkit-transition: all 300ms ease-in-out;
3152
-o-transition: all 300ms ease-in-out;
3153
transition: all 300ms ease-in-out;
3154
}
3155
.mail-env .mail-body .mail-compose .form-group input:focus {
3156
background: #f9f9f9;
3157
border-color: #f4f4f4;
3158
}
3159
.mail-env .mail-body .mail-compose .form-group .field-options {
3160
position: absolute;
3161
right: 5px;
3162
top: 5px;
3163
z-index: 12;
3164
}
3165
.mail-env .mail-body .mail-compose .form-group .field-options a {
3166
display: inline-block;
3167
background: #f3f4f4;
3168
color: #7e8186;
3169
padding: 2px 6px;
3170
margin-left: 4px;
3171
text-align: center;
3172
-webkit-border-radius: 3px;
3173
-webkit-background-clip: padding-box;
3174
-moz-border-radius: 3px;
3175
-moz-background-clip: padding;
3176
border-radius: 3px;
3177
background-clip: padding-box;
3178
}
3179
.mail-env .mail-body .mail-compose .compose-message-editor {
3180
padding-top: 5px;
3181
}
3182
.mail-env .mail-body .mail-compose .compose-message-editor textarea {
3183
height: 400px;
3184
}
3185
.mail-env .mail-body > div:last-child {
3186
border-bottom: 0;
3187
}
3188
.mail-env .mail-body .mail-table {
3189
margin-bottom: 0;
3190
}
3191
.mail-env .mail-body .mail-table thead tr th,
3192
.mail-env .mail-body .mail-table tfoot tr th {
3193
background: #ebebeb;
3194
border: 0;
3195
color: #666666;
3196
vertical-align: middle;
3197
border-bottom: 0;
3198
}
3199
.mail-env .mail-body .mail-table thead tr th a,
3200
.mail-env .mail-body .mail-table tfoot tr th a {
3201
color: #666666;
3202
}
3203
.mail-env .mail-body .mail-table thead tr th .mail-select-options,
3204
.mail-env .mail-body .mail-table tfoot tr th .mail-select-options {
3205
float: left;
3206
padding-top: 5px;
3207
}
3208
.mail-env .mail-body .mail-table thead tr th .mail-pagination,
3209
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination {
3210
float: right;
3211
}
3212
.mail-env .mail-body .mail-table thead tr th .mail-pagination span,
3213
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination span {
3214
color: rgba(102, 102, 102, 0.5);
3215
}
3216
.mail-env .mail-body .mail-table thead tr th .mail-pagination .btn-group,
3217
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination .btn-group {
3218
margin-left: 5px;
3219
}
3220
.mail-env .mail-body .mail-table thead tr th .mail-pagination .btn-group .btn-sm,
3221
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination .btn-group .btn-sm {
3222
padding-left: 7px;
3223
padding-right: 7px;
3224
}
3225
.mail-env .mail-body .mail-table tbody tr td {
3226
border-top: 0;
3227
border-bottom: 1px solid #ebebeb;
3228
height: 50px;
3229
vertical-align: middle;
3230
background: #f9f9f9;
3231
}
3232
.mail-env .mail-body .mail-table tbody tr td.col-name,
3233
.mail-env .mail-body .mail-table tbody tr td.col-subject {
3234
overflow: hidden;
3235
text-overflow: ellipsis;
3236
white-space: nowrap;
3237
}
3238
.mail-env .mail-body .mail-table tbody tr td.col-name.col-subject a,
3239
.mail-env .mail-body .mail-table tbody tr td.col-subject.col-subject a {
3240
color: #8c8c8c;
3241
}
3242
.mail-env .mail-body .mail-table tbody tr td.col-name.col-subject a.label,
3243
.mail-env .mail-body .mail-table tbody tr td.col-subject.col-subject a.label {
3244
color: #fff;
3245
}
3246
.mail-env .mail-body .mail-table tbody tr td.col-name {
3247
width: 25%;
3248
}
3249
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
3250
display: inline-block;
3251
max-width: 400px;
3252
height: 20px;
3253
overflow: hidden;
3254
text-overflow: ellipsis;
3255
white-space: nowrap;
3256
}
3257
.mail-env .mail-body .mail-table tbody tr td.col-options {
3258
text-align: right;
3259
}
3260
.mail-env .mail-body .mail-table tbody tr td.col-options a {
3261
color: #999999;
3262
}
3263
.mail-env .mail-body .mail-table tbody tr td.col-time {
3264
width: 12%;
3265
text-align: right;
3266
color: rgba(102, 102, 102, 0.5);
3267
}
3268
.mail-env .mail-body .mail-table tbody tr td .star {
3269
display: inline-block;
3270
color: #dddddd;
3271
margin-right: 5px;
3272
font-size: 14px;
3273
-moz-transition: all 300ms ease-in-out;
3274
-webkit-transition: all 300ms ease-in-out;
3275
-o-transition: all 300ms ease-in-out;
3276
transition: all 300ms ease-in-out;
3277
}
3278
.mail-env .mail-body .mail-table tbody tr td .star.stared,
3279
.mail-env .mail-body .mail-table tbody tr td .star.starred {
3280
color: #ff9600;
3281
}
3282
.mail-env .mail-body .mail-table tbody tr td > .label:first-child {
3283
margin-left: 0;
3284
}
3285
.mail-env .mail-body .mail-table tbody tr.unread > td {
3286
background-color: #fff !important;
3287
}
3288
.mail-env .mail-body .mail-table tbody tr.unread > td.col-name a {
3289
font-weight: bold;
3290
}
3291
.mail-env .mail-body .mail-table tbody tr.highlight > td {
3292
background-color: #ffffcc !important;
3293
}
3294
.mail-env .mail-body .mail-table > thead > tr > td:first-child,
3295
.mail-env .mail-body .mail-table > tbody > tr > td:first-child,
3296
.mail-env .mail-body .mail-table > tfoot > tr > td:first-child,
3297
.mail-env .mail-body .mail-table > thead > tr > th:first-child,
3298
.mail-env .mail-body .mail-table > tbody > tr > th:first-child,
3299
.mail-env .mail-body .mail-table > tfoot > tr > th:first-child {
3300
padding-left: 20px;
3301
}
3302
.mail-env .mail-body .mail-table > thead > tr > td:last-child,
3303
.mail-env .mail-body .mail-table > tbody > tr > td:last-child,
3304
.mail-env .mail-body .mail-table > tfoot > tr > td:last-child,
3305
.mail-env .mail-body .mail-table > thead > tr > th:last-child,
3306
.mail-env .mail-body .mail-table > tbody > tr > th:last-child,
3307
.mail-env .mail-body .mail-table > tfoot > tr > th:last-child {
3308
padding-right: 20px;
3309
}
3310
.mail-env .mail-body .mail-table > thead > tr > thX:first-child,
3311
.mail-env .mail-body .mail-table > tbody > tr > thX:first-child,
3312
.mail-env .mail-body .mail-table > tfoot > tr > thX:first-child {
3313
position: relative;
3314
}
3315
.mail-env .mail-body .mail-table > thead > tr > thX:first-child:before,
3316
.mail-env .mail-body .mail-table > tbody > tr > thX:first-child:before,
3317
.mail-env .mail-body .mail-table > tfoot > tr > thX:first-child:before {
3318
position: absolute;
3319
content: '';
3320
top: 0;
3321
left: 0;
3322
bottom: 0;
3323
width: 20px;
3324
background: #FFF;
3325
}
3326
.mail-env .mail-body .mail-table > thead > tr > thX:last-child,
3327
.mail-env .mail-body .mail-table > tbody > tr > thX:last-child,
3328
.mail-env .mail-body .mail-table > tfoot > tr > thX:last-child {
3329
position: relative;
3330
}
3331
.mail-env .mail-body .mail-table > thead > tr > thX:last-child:before,
3332
.mail-env .mail-body .mail-table > tbody > tr > thX:last-child:before,
3333
.mail-env .mail-body .mail-table > tfoot > tr > thX:last-child:before {
3334
position: absolute;
3335
content: '';
3336
top: 0;
3337
right: 0;
3338
bottom: 0;
3339
width: 20px;
3340
background: #FFF;
3341
}
3342
.mail-env .mail-body .mail-table > tbody > tr:nth-child(odd) > td {
3343
background: #fbfbfb;
3344
}
3345
.mail-env .mail-body .mail-table .neon-cb-replacement {
3346
top: 2px;
3347
}
3348
.mail-env .mail-body .mail-table .neon-cb-replacement .cb-wrapper {
3349
background: #fff;
3350
border-color: #dfdfdf;
3351
}
3352
.mail-env .mail-body .mail-table .neon-cb-replacement .cb-wrapper .checked {
3353
background: #dfdfdf;
3354
}
3355
.mail-env.right-sidebar .mail-sidebar {
3356
border-left: 1px solid #ebebeb;
3357
border-right: 0;
3358
}
3359
.mail-env.right-sidebar .mail-body {
3360
float: left;
3361
}
3362
@media (max-width: 999px) {
3363
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
3364
max-width: 280px;
3365
}
3366
}
3367
@media (max-width: 959px) {
3368
.mail-env .mail-body .mail-header div.mail-title {
3369
width: 100%;
3370
white-space: normal;
3371
}
3372
.mail-env .mail-body .mail-header .mail-links {
3373
float: none;
3374
width: 100%;
3375
text-align: left;
3376
clear: left;
3377
padding-top: 10px;
3378
}
3379
.mail-env .mail-body .mail-info {
3380
display: block;
3381
}
3382
.mail-env .mail-body .mail-info .mail-sender,
3383
.mail-env .mail-body .mail-info .mail-date {
3384
display: block;
3385
width: 100%;
3386
}
3387
.mail-env .mail-body .mail-info .mail-sender.mail-sender,
3388
.mail-env .mail-body .mail-info .mail-date.mail-sender {
3389
padding-top: 10px;
3390
padding-bottom: 10px;
3391
border-bottom: 1px solid #ebebeb;
3392
}
3393
.mail-env .mail-body .mail-info .mail-sender.mail-date,
3394
.mail-env .mail-body .mail-info .mail-date.mail-date {
3395
text-align: left;
3396
padding-top: 10px;
3397
padding-bottom: 10px;
3398
}
3399
.mail-env .mail-body .mail-compose .compose-message-editor textarea {
3400
height: 300px;
3401
}
3402
}
3403
@media (max-width: 768px) {
3404
.mail-env .mail-sidebar {
3405
width: 30.8%;
3406
}
3407
.mail-env .mail-body {
3408
width: 69.2%;
3409
}
3410
.mail-env .mail-body .mail-table tbody tr td.col-options {
3411
display: none;
3412
}
3413
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
3414
max-width: 160px;
3415
}
3416
.mail-env .mail-body .mail-compose .compose-message-editor textarea {
3417
height: 240px;
3418
}
3419
}
3420
@media (max-width: 767px) {
3421
.mail-env .mail-sidebar,
3422
.mail-env .mail-body {
3423
width: 100%;
3424
float: none;
3425
}
3426
.mail-env .mail-body .mail-header .mail-title,
3427
.mail-env .mail-body .mail-header .mail-search,
3428
.mail-env .mail-body .mail-header .mail-links {
3429
float: none;
3430
width: 100%;
3431
}
3432
.mail-env .mail-body .mail-header .mail-title.mail-search,
3433
.mail-env .mail-body .mail-header .mail-search.mail-search,
3434
.mail-env .mail-body .mail-header .mail-links.mail-search,
3435
.mail-env .mail-body .mail-header .mail-title.mail-links,
3436
.mail-env .mail-body .mail-header .mail-search.mail-links,
3437
.mail-env .mail-body .mail-header .mail-links.mail-links {
3438
margin-top: 20px;
3439
}
3440
.mail-env .mail-body .mail-header .mail-links {
3441
padding-top: 0;
3442
}
3443
}
3444
@media (max-width: 449px) {
3445
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
3446
max-width: 40px;
3447
}
3448
.mail-env .mail-body .mail-table tbody tr > td.col-name a.star {
3449
display: none;
3450
}
3451
.mail-env .mail-body .mail-table > thead > tr > td:last-child,
3452
.mail-env .mail-body .mail-table > tbody > tr > td:last-child,
3453
.mail-env .mail-body .mail-table > tfoot > tr > td:last-child,
3454
.mail-env .mail-body .mail-table > thead > tr > th:last-child,
3455
.mail-env .mail-body .mail-table > tbody > tr > th:last-child,
3456
.mail-env .mail-body .mail-table > tfoot > tr > th:last-child {
3457
padding-right: 10px;
3458
}
3459
.mail-env .mail-body .mail-table > thead > tr > td:first-child,
3460
.mail-env .mail-body .mail-table > tbody > tr > td:first-child,
3461
.mail-env .mail-body .mail-table > tfoot > tr > td:first-child,
3462
.mail-env .mail-body .mail-table > thead > tr > th:first-child,
3463
.mail-env .mail-body .mail-table > tbody > tr > th:first-child,
3464
.mail-env .mail-body .mail-table > tfoot > tr > th:first-child {
3465
padding-left: 10px;
3466
}
3467
}
3468
.login-page {
3469
background: #303641;
3470
}
3471
.login-page .login-content {
3472
position: relative;
3473
width: 320px;
3474
margin: 0 auto;
3475
text-align: center;
3476
padding: 20px 0;
3477
-moz-transition: all 550ms ease-in-out;
3478
-webkit-transition: all 550ms ease-in-out;
3479
-o-transition: all 550ms ease-in-out;
3480
transition: all 550ms ease-in-out;
3481
}
3482
.login-page .login-content a {
3483
color: #949494;
3484
}
3485
.login-page .login-header {
3486
position: relative;
3487
background: #373e4a;
3488
padding: 100px 0;
3489
-moz-transition: all 550ms ease-in-out;
3490
-webkit-transition: all 550ms ease-in-out;
3491
-o-transition: all 550ms ease-in-out;
3492
transition: all 550ms ease-in-out;
3493
}
3494
.login-page .login-header .description {
3495
font-size: 13px;
3496
margin-top: 20px;
3497
margin-bottom: 0;
3498
-moz-transition: all 550ms ease-in-out;
3499
-webkit-transition: all 550ms ease-in-out;
3500
-o-transition: all 550ms ease-in-out;
3501
transition: all 550ms ease-in-out;
3502
}
3503
.login-page .login-header.login-caret:after {
3504
position: absolute;
3505
content: '';
3506
left: 50%;
3507
bottom: 0;
3508
margin-left: -12.5px;
3509
width: 0px;
3510
height: 0px;
3511
border-style: solid;
3512
border-width: 13px 12.5px 0 12.5px;
3513
border-color: #373e4a transparent transparent transparent;
3514
bottom: -13px;
3515
-moz-transition: all 550ms ease-in-out;
3516
-webkit-transition: all 550ms ease-in-out;
3517
-o-transition: all 550ms ease-in-out;
3518
transition: all 550ms ease-in-out;
3519
}
3520
.login-page .login-form {
3521
position: relative;
3522
padding-top: 60px;
3523
-moz-transition: all 550ms ease-in-out;
3524
-webkit-transition: all 550ms ease-in-out;
3525
-o-transition: all 550ms ease-in-out;
3526
transition: all 550ms ease-in-out;
3527
}
3528
.login-page .login-form .form-group {
3529
margin-bottom: 20px;
3530
-moz-transition: all 550ms ease-in-out;
3531
-webkit-transition: all 550ms ease-in-out;
3532
-o-transition: all 550ms ease-in-out;
3533
transition: all 550ms ease-in-out;
3534
}
3535
.login-page .login-form .form-group .input-group {
3536
background: #373e4a;
3537
border: 1px solid #373e4a;
3538
padding-top: 6px;
3539
padding-bottom: 6px;
3540
-moz-transition: all 300ms ease-in-out;
3541
-webkit-transition: all 300ms ease-in-out;
3542
-o-transition: all 300ms ease-in-out;
3543
transition: all 300ms ease-in-out;
3544
-webkit-border-radius: 3px;
3545
-webkit-background-clip: padding-box;
3546
-moz-border-radius: 3px;
3547
-moz-background-clip: padding;
3548
border-radius: 3px;
3549
background-clip: padding-box;
3550
}
3551
.login-page .login-form .form-group .input-group.focused {
3552
border-color: #626f85;
3553
border-color: rgba(98, 111, 133, 0.5);
3554
}
3555
.login-page .login-form .form-group .input-group.validate-has-error {
3556
border-color: #ec5956;
3557
border-color: rgba(236, 89, 86, 0.5);
3558
}
3559
.login-page .login-form .form-group .input-group.validate-has-error .error {
3560
position: absolute;
3561
right: 10px;
3562
top: 50%;
3563
margin-top: -8px;
3564
font-size: 10px;
3565
}
3566
.login-page .login-form .form-group .input-group .input-group-addon,
3567
.login-page .login-form .form-group .input-group .form-control {
3568
background: transparent;
3569
border: 0;
3570
}
3571
.login-page .login-form .form-group .input-group .input-group-addon {
3572
position: relative;
3573
}
3574
.login-page .login-form .form-group .input-group .input-group-addon:after {
3575
position: absolute;
3576
display: block;
3577
content: '';
3578
right: 0;
3579
top: 0;
3580
height: 100%;
3581
width: 1px;
3582
background: #454a54;
3583
-webkit-transform: scaleY(.56);
3584
-moz-transform: scaleY(.56);
3585
-ms-transform: scaleY(.56);
3586
-o-transform: scaleY(.56);
3587
transform: scaleY(.56);
3588
}
3589
.login-page .login-form .form-group .input-group .form-control {
3590
color: #fff;
3591
}
3592
.login-page .login-form .form-group .input-group .form-control:focus {
3593
-moz-box-shadow: none;
3594
-webkit-box-shadow: none;
3595
box-shadow: none;
3596
}
3597
.login-page .login-form .form-group.lockscreen-input {
3598
margin-top: -155px;
3599
}
3600
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb {
3601
position: relative;
3602
display: inline-block;
3603
}
3604
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img {
3605
border: 5px solid #373e4a;
3606
}
3607
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
3608
display: block;
3609
position: absolute;
3610
margin: 5px;
3611
left: 0;
3612
top: 0;
3613
right: 0;
3614
bottom: 0;
3615
color: #fff;
3616
font-size: 19px;
3617
text-align: center;
3618
line-height: 145px;
3619
background: rgba(0, 0, 0, 0.3);
3620
visibility: hidden;
3621
-webkit-border-radius: 50%;
3622
-webkit-background-clip: padding-box;
3623
-moz-border-radius: 50%;
3624
-moz-background-clip: padding;
3625
border-radius: 50%;
3626
background-clip: padding-box;
3627
-moz-transition: all 550ms ease-in-out;
3628
-webkit-transition: all 550ms ease-in-out;
3629
-o-transition: all 550ms ease-in-out;
3630
transition: all 550ms ease-in-out;
3631
zoom: 1;
3632
-webkit-opacity: 0;
3633
-moz-opacity: 0;
3634
opacity: 0;
3635
filter: alpha(opacity=0);
3636
}
3637
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb canvas {
3638
position: absolute;
3639
left: 0;
3640
top: 0;
3641
}
3642
.login-page .login-form .form-group.lockscreen-input .lockscreen-details {
3643
position: relative;
3644
padding-top: 5px;
3645
}
3646
.login-page .login-form .form-group.lockscreen-input .lockscreen-details h4 {
3647
color: #fff;
3648
}
3649
.login-page .login-form .form-group.lockscreen-input .lockscreen-details span {
3650
display: block;
3651
padding-bottom: 5px;
3652
}
3653
.login-page .login-form .form-group .btn-login {
3654
border: 1px solid #454a54;
3655
text-align: left;
3656
padding: 15px 20px;
3657
font-size: 14px;
3658
-moz-transition: all 300ms ease-in-out;
3659
-webkit-transition: all 300ms ease-in-out;
3660
-o-transition: all 300ms ease-in-out;
3661
transition: all 300ms ease-in-out;
3662
}
3663
.login-page .login-form .form-group .btn-login i {
3664
float: right;
3665
}
3666
.login-page .login-form .form-group .btn-login:hover,
3667
.login-page .login-form .form-group .btn-login:active {
3668
background: #373e4a;
3669
}
3670
.login-page .login-form .form-group .facebook-button,
3671
.login-page .login-form .form-group .twitter-button,
3672
.login-page .login-form .form-group .google-button {
3673
text-align: left;
3674
color: #fff;
3675
background-color: #3b5998;
3676
font-size: 12px;
3677
-moz-transition: all 300ms ease-in-out;
3678
-webkit-transition: all 300ms ease-in-out;
3679
-o-transition: all 300ms ease-in-out;
3680
transition: all 300ms ease-in-out;
3681
}
3682
.login-page .login-form .form-group .facebook-button i,
3683
.login-page .login-form .form-group .twitter-button i,
3684
.login-page .login-form .form-group .google-button i {
3685
background-color: #385490;
3686
-moz-transition: all 300ms ease-in-out;
3687
-webkit-transition: all 300ms ease-in-out;
3688
-o-transition: all 300ms ease-in-out;
3689
transition: all 300ms ease-in-out;
3690
}
3691
.login-page .login-form .form-group .facebook-button:hover,
3692
.login-page .login-form .form-group .twitter-button:hover,
3693
.login-page .login-form .form-group .google-button:hover {
3694
background-color: rgba(59, 89, 152, 0.8);
3695
}
3696
.login-page .login-form .form-group .facebook-button:hover i,
3697
.login-page .login-form .form-group .twitter-button:hover i,
3698
.login-page .login-form .form-group .google-button:hover i {
3699
background-color: #31497e;
3700
}
3701
.login-page .login-form .form-group .facebook-button.twitter-button,
3702
.login-page .login-form .form-group .twitter-button.twitter-button,
3703
.login-page .login-form .form-group .google-button.twitter-button {
3704
background-color: #4099FF;
3705
}
3706
.login-page .login-form .form-group .facebook-button.twitter-button i,
3707
.login-page .login-form .form-group .twitter-button.twitter-button i,
3708
.login-page .login-form .form-group .google-button.twitter-button i {
3709
background-color: #0d7eff;
3710
}
3711
.login-page .login-form .form-group .facebook-button.twitter-button:hover,
3712
.login-page .login-form .form-group .twitter-button.twitter-button:hover,
3713
.login-page .login-form .form-group .google-button.twitter-button:hover {
3714
background-color: rgba(64, 153, 255, 0.8);
3715
}
3716
.login-page .login-form .form-group .facebook-button.twitter-button:hover i,
3717
.login-page .login-form .form-group .twitter-button.twitter-button:hover i,
3718
.login-page .login-form .form-group .google-button.twitter-button:hover i {
3719
background-color: #0071f3;
3720
}
3721
.login-page .login-form .form-group .facebook-button.google-button,
3722
.login-page .login-form .form-group .twitter-button.google-button,
3723
.login-page .login-form .form-group .google-button.google-button {
3724
background-color: #D34836;
3725
}
3726
.login-page .login-form .form-group .facebook-button.google-button i,
3727
.login-page .login-form .form-group .twitter-button.google-button i,
3728
.login-page .login-form .form-group .google-button.google-button i {
3729
background-color: #b03626;
3730
}
3731
.login-page .login-form .form-group .facebook-button.google-button:hover,
3732
.login-page .login-form .form-group .twitter-button.google-button:hover,
3733
.login-page .login-form .form-group .google-button.google-button:hover {
3734
background-color: rgba(211, 72, 54, 0.8);
3735
}
3736
.login-page .login-form .form-group .facebook-button.google-button:hover i,
3737
.login-page .login-form .form-group .twitter-button.google-button:hover i,
3738
.login-page .login-form .form-group .google-button.google-button:hover i {
3739
background-color: #9b3022;
3740
}
3741
.login-page .login-bottom-links {
3742
padding-top: 40px;
3743
padding-bottom: 30px;
3744
}
3745
.login-page .login-bottom-links a {
3746
-moz-transition: all 300ms ease-in-out;
3747
-webkit-transition: all 300ms ease-in-out;
3748
-o-transition: all 300ms ease-in-out;
3749
transition: all 300ms ease-in-out;
3750
}
3751
.login-page .login-bottom-links a:hover {
3752
color: #aeaeae;
3753
}
3754
.login-page .login-bottom-links .link {
3755
font-size: 14px;
3756
display: inline-block;
3757
margin-bottom: 10px;
3758
color: rgba(255, 255, 255, 0.7);
3759
-moz-transition: all 550ms ease-in-out;
3760
-webkit-transition: all 550ms ease-in-out;
3761
-o-transition: all 550ms ease-in-out;
3762
transition: all 550ms ease-in-out;
3763
}
3764
.login-page .login-bottom-links .link:hover {
3765
color: #fff;
3766
}
3767
.login-page .login-progressbar {
3768
height: 0px;
3769
width: 100%;
3770
overflow: hidden;
3771
-moz-transition: all 550ms ease-in-out;
3772
-webkit-transition: all 550ms ease-in-out;
3773
-o-transition: all 550ms ease-in-out;
3774
transition: all 550ms ease-in-out;
3775
}
3776
.login-page .login-progressbar div {
3777
width: 0%;
3778
-moz-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
3779
-webkit-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
3780
-o-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
3781
transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
3782
}
3783
.login-page .login-progressbar-indicator {
3784
position: absolute;
3785
width: 100%;
3786
text-align: center;
3787
top: 100%;
3788
margin-top: 80px;
3789
visibility: hidden;
3790
zoom: 1;
3791
-webkit-opacity: 0;
3792
-moz-opacity: 0;
3793
opacity: 0;
3794
filter: alpha(opacity=0);
3795
-webkit-transform: translateY(100px) scale(0.2);
3796
-moz-transform: translateY(100px) scale(0.2);
3797
-ms-transform: translateY(100px) scale(0.2);
3798
-o-transform: translateY(100px) scale(0.2);
3799
transform: translateY(100px) scale(0.2);
3800
-moz-transition: all 550ms ease-in-out;
3801
-webkit-transition: all 550ms ease-in-out;
3802
-o-transition: all 550ms ease-in-out;
3803
transition: all 550ms ease-in-out;
3804
}
3805
.login-page .login-progressbar-indicator h3 {
3806
color: #fff;
3807
margin: 0;
3808
margin-bottom: 10px;
3809
font-size: 20px;
3810
}
3811
.login-page.logging-in {
3812
overflow: hidden;
3813
}
3814
.login-page.logging-in .login-header {
3815
padding-top: 170px;
3816
padding-bottom: 30px;
3817
}
3818
.login-page.logging-in .login-header.login-caret:after {
3819
zoom: 1;
3820
-webkit-opacity: 0;
3821
-moz-opacity: 0;
3822
opacity: 0;
3823
filter: alpha(opacity=0);
3824
}
3825
.login-page.logging-in .login-header .description {
3826
zoom: 1;
3827
-webkit-opacity: 0;
3828
-moz-opacity: 0;
3829
opacity: 0;
3830
filter: alpha(opacity=0);
3831
}
3832
.login-page.logging-in .login-form form,
3833
.login-page.logging-in .login-form .link {
3834
zoom: 1;
3835
-webkit-opacity: 0;
3836
-moz-opacity: 0;
3837
opacity: 0;
3838
filter: alpha(opacity=0);
3839
-webkit-transform: translateY(-200px) scale(0.8);
3840
-moz-transform: translateY(-200px) scale(0.8);
3841
-ms-transform: translateY(-200px) scale(0.8);
3842
-o-transform: translateY(-200px) scale(0.8);
3843
transform: translateY(-200px) scale(0.8);
3844
}
3845
.login-page.logging-in .login-progressbar {
3846
background: #515b6d;
3847
height: 2px;
3848
}
3849
.login-page.logging-in .login-progressbar div {
3850
background: #de6c65;
3851
height: 2px;
3852
}
3853
.login-page.logging-in .login-progressbar-indicator {
3854
visibility: visible;
3855
zoom: 1;
3856
-webkit-opacity: 1;
3857
-moz-opacity: 1;
3858
opacity: 1;
3859
filter: alpha(opacity=100);
3860
-webkit-transform: translateY(0px) scale(1);
3861
-moz-transform: translateY(0px) scale(1);
3862
-ms-transform: translateY(0px) scale(1);
3863
-o-transform: translateY(0px) scale(1);
3864
transform: translateY(0px) scale(1);
3865
}
3866
.login-page.logging-in-lockscreen .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
3867
zoom: 1;
3868
-webkit-opacity: 1;
3869
-moz-opacity: 1;
3870
opacity: 1;
3871
filter: alpha(opacity=100);
3872
visibility: visible;
3873
}
3874
.login-page.logging-in-lockscreen .login-form .form-group:nth-child(n + 2),
3875
.login-page.logging-in-lockscreen .login-form .link {
3876
zoom: 1;
3877
-webkit-opacity: 0;
3878
-moz-opacity: 0;
3879
opacity: 0;
3880
filter: alpha(opacity=0);
3881
-webkit-transform: translateY(-50px) scale(0.5);
3882
-moz-transform: translateY(-50px) scale(0.5);
3883
-ms-transform: translateY(-50px) scale(0.5);
3884
-o-transform: translateY(-50px) scale(0.5);
3885
transform: translateY(-50px) scale(0.5);
3886
}
3887
.login-page.login-form-fall .login-form {
3888
zoom: 1;
3889
-webkit-opacity: 0;
3890
-moz-opacity: 0;
3891
opacity: 0;
3892
filter: alpha(opacity=0);
3893
top: -100px;
3894
-moz-transition: all 550ms ease-in-out;
3895
-webkit-transition: all 550ms ease-in-out;
3896
-o-transition: all 550ms ease-in-out;
3897
transition: all 550ms ease-in-out;
3898
}
3899
.login-page.login-form-fall .login-form .form-group {
3900
-moz-transition: all 550ms ease-in-out;
3901
-webkit-transition: all 550ms ease-in-out;
3902
-o-transition: all 550ms ease-in-out;
3903
transition: all 550ms ease-in-out;
3904
-moz-transition-delay: 250ms;
3905
-o-transition-delay: 250ms;
3906
-webkit-transition-delay: 250ms;
3907
transition-delay: 250ms;
3908
zoom: 1;
3909
-webkit-opacity: 0;
3910
-moz-opacity: 0;
3911
opacity: 0;
3912
filter: alpha(opacity=0);
3913
}
3914
.login-page.login-form-fall .login-form .form-group:nth-child(2) {
3915
-moz-transition-delay: 350ms;
3916
-o-transition-delay: 350ms;
3917
-webkit-transition-delay: 350ms;
3918
transition-delay: 350ms;
3919
}
3920
.login-page.login-form-fall .login-form .form-group:nth-child(3) {
3921
-moz-transition-delay: 450ms;
3922
-o-transition-delay: 450ms;
3923
-webkit-transition-delay: 450ms;
3924
transition-delay: 450ms;
3925
}
3926
.login-page.login-form-fall .login-form .form-group:nth-child(4) {
3927
-moz-transition-delay: 550ms;
3928
-o-transition-delay: 550ms;
3929
-webkit-transition-delay: 550ms;
3930
transition-delay: 550ms;
3931
}
3932
.login-page.login-form-fall .login-form .form-group:nth-child(5) {
3933
-moz-transition-delay: 650ms;
3934
-o-transition-delay: 650ms;
3935
-webkit-transition-delay: 650ms;
3936
transition-delay: 650ms;
3937
}
3938
.login-page.login-form-fall .login-form .form-group:nth-child(6) {
3939
-moz-transition-delay: 750ms;
3940
-o-transition-delay: 750ms;
3941
-webkit-transition-delay: 750ms;
3942
transition-delay: 750ms;
3943
}
3944
.login-page.login-form-fall .login-form .form-group:nth-child(8) {
3945
-moz-transition-delay: 850ms;
3946
-o-transition-delay: 850ms;
3947
-webkit-transition-delay: 850ms;
3948
transition-delay: 850ms;
3949
}
3950
.login-page.login-form-fall .login-form .form-group:nth-child(9) {
3951
-moz-transition-delay: 950ms;
3952
-o-transition-delay: 950ms;
3953
-webkit-transition-delay: 950ms;
3954
transition-delay: 950ms;
3955
}
3956
.login-page.login-form-fall-init .login-form {
3957
zoom: 1;
3958
-webkit-opacity: 1;
3959
-moz-opacity: 1;
3960
opacity: 1;
3961
filter: alpha(opacity=100);
3962
top: 0;
3963
}
3964
.login-page.login-form-fall-init .login-form .form-group {
3965
zoom: 1;
3966
-webkit-opacity: 1;
3967
-moz-opacity: 1;
3968
opacity: 1;
3969
filter: alpha(opacity=100);
3970
}
3971
.login-page .form-steps .step {
3972
display: none;
3973
}
3974
.login-page .form-steps .step.current {
3975
display: block;
3976
}
3977
.login-page .form-register-success,
3978
.login-page .form-forgotpassword-success,
3979
.login-page .form-login-error {
3980
display: none;
3981
background: #00a651;
3982
color: #fff;
3983
padding: 10px;
3984
-webkit-border-radius: 3px;
3985
-webkit-background-clip: padding-box;
3986
-moz-border-radius: 3px;
3987
-moz-background-clip: padding;
3988
border-radius: 3px;
3989
background-clip: padding-box;
3990
margin-bottom: 30px;
3991
overflow: hidden;
3992
}
3993
.login-page .form-register-success.visible,
3994
.login-page .form-forgotpassword-success.visible,
3995
.login-page .form-login-error.visible {
3996
display: block;
3997
}
3998
.login-page .form-register-success i,
3999
.login-page .form-forgotpassword-success i,
4000
.login-page .form-login-error i {
4001
position: relative;
4002
font-size: 25px;
4003
background: #008d45;
4004
display: block;
4005
text-align: center;
4006
padding-top: 10px;
4007
padding-bottom: 10px;
4008
margin-top: -10px;
4009
margin-left: -10px;
4010
margin-right: -10px;
4011
-webkit-border-radius: 3px 3px 0 0;
4012
-webkit-background-clip: padding-box;
4013
-moz-border-radius: 3px 3px 0 0;
4014
-moz-background-clip: padding;
4015
border-radius: 3px 3px 0 0;
4016
background-clip: padding-box;
4017
}
4018
.login-page .form-register-success h3,
4019
.login-page .form-forgotpassword-success h3,
4020
.login-page .form-login-error h3 {
4021
font-size: 15px;
4022
color: #fff;
4023
margin: 0;
4024
margin-top: 10px;
4025
margin-bottom: 5px;
4026
}
4027
.login-page .form-register-success p,
4028
.login-page .form-forgotpassword-success p,
4029
.login-page .form-login-error p {
4030
font-size: 11px;
4031
margin: 0;
4032
}
4033
.login-page .form-register-success.form-login-error,
4034
.login-page .form-forgotpassword-success.form-login-error,
4035
.login-page .form-login-error.form-login-error {
4036
padding: 0;
4037
background: #cc2424;
4038
}
4039
.login-page .form-register-success.form-login-error h3,
4040
.login-page .form-forgotpassword-success.form-login-error h3,
4041
.login-page .form-login-error.form-login-error h3 {
4042
background: #b62020;
4043
padding: 10px;
4044
margin: 0;
4045
margin-bottom: 5px;
4046
font-size: 12px;
4047
-webkit-border-radius: 3px 3px 0 0;
4048
-webkit-background-clip: padding-box;
4049
-moz-border-radius: 3px 3px 0 0;
4050
-moz-background-clip: padding;
4051
border-radius: 3px 3px 0 0;
4052
background-clip: padding-box;
4053
}
4054
.login-page .form-register-success.form-login-error p,
4055
.login-page .form-forgotpassword-success.form-login-error p,
4056
.login-page .form-login-error.form-login-error p {
4057
padding: 10px;
4058
}
4059
@media (max-width: 991px) {
4060
.login-page .login-header {
4061
padding: 20px 0;
4062
}
4063
.login-page .login-form {
4064
padding-top: 30px;
4065
}
4066
.login-page .login-form .form-group.lockscreen-input {
4067
margin-top: 0;
4068
}
4069
.login-page.logging-in .login-header {
4070
padding-top: 34px;
4071
padding-bottom: 6px;
4072
}
4073
.login-page.logging-in .login-progressbar-indicator {
4074
margin-top: 60px;
4075
}
4076
.login-page.logging-in .login-form form,
4077
.login-page.logging-in .login-form .link {
4078
-webkit-transform: translateY(-100px) scale(0.6);
4079
-moz-transform: translateY(-100px) scale(0.6);
4080
-ms-transform: translateY(-100px) scale(0.6);
4081
-o-transform: translateY(-100px) scale(0.6);
4082
transform: translateY(-100px) scale(0.6);
4083
}
4084
}
4085
@media (max-width: 350px) {
4086
.login-page .login-content {
4087
width: 280px;
4088
}
4089
}
4090
.tocify {
4091
border: 1px solid #f2f2f4;
4092
background: #fff;
4093
overflow: hidden;
4094
margin-top: 20px;
4095
-webkit-border-radius: 3px;
4096
-webkit-background-clip: padding-box;
4097
-moz-border-radius: 3px;
4098
-moz-background-clip: padding;
4099
border-radius: 3px;
4100
background-clip: padding-box;
4101
}
4102
.tocify.fixed {
4103
position: fixed;
4104
top: 10px;
4105
}
4106
.tocify li a:hover {
4107
background: #fafafb;
4108
color: #303641;
4109
}
4110
.tocify > ul {
4111
border-bottom: 1px solid #f2f2f4;
4112
}
4113
.tocify > ul ul li a {
4114
padding-left: 30px;
4115
}
4116
.tocify > ul ul {
4117
border-top: 1px solid #f2f2f4;
4118
background: #fdfdfd;
4119
}
4120
.tocify > ul:last-child {
4121
border-bottom: 0;
4122
}
4123
.tocify .tocify-item.active > a {
4124
background: #f8f8f8;
4125
font-weight: bold;
4126
}
4127
.tocify-extend-page {
4128
display: none !important;
4129
}
4130
@media (max-width: 991px) {
4131
.tocify.fixed {
4132
position: static;
4133
top: 0px;
4134
}
4135
}
4136
.calendar-env {
4137
position: relative;
4138
}
4139
.calendar-env:before,
4140
.calendar-env:after {
4141
content: " ";
4142
display: table;
4143
}
4144
.calendar-env:after {
4145
clear: both;
4146
}
4147
hr + .calendar-env {
4148
margin-top: -18px;
4149
border-top: 1px solid #ebebeb;
4150
margin-left: -20px;
4151
margin-right: -20px;
4152
}
4153
.calendar-env + hr {
4154
margin-top: 0px;
4155
position: relative;
4156
margin-left: -20px;
4157
margin-right: -20px;
4158
}
4159
.calendar-env .calendar-sidebar,
4160
.calendar-env .calendar-body {
4161
float: left;
4162
-webkit-box-sizing: border-box;
4163
-moz-box-sizing: border-box;
4164
box-sizing: border-box;
4165
}
4166
.calendar-env .calendar-sidebar:before,
4167
.calendar-env .calendar-body:before,
4168
.calendar-env .calendar-sidebar:after,
4169
.calendar-env .calendar-body:after {
4170
content: " ";
4171
display: table;
4172
}
4173
.calendar-env .calendar-sidebar:after,
4174
.calendar-env .calendar-body:after {
4175
clear: both;
4176
}
4177
.calendar-env .calendar-sidebar-row {
4178
padding: 20px;
4179
}
4180
.calendar-env > .calendar-sidebar-row.visible-xs {
4181
padding-bottom: 0;
4182
}
4183
.calendar-env .calendar-sidebar {
4184
width: 22%;
4185
background: #f9f9f9;
4186
border-right: 1px solid #ebebeb;
4187
position: relative;
4188
}
4189
.calendar-env .calendar-sidebar > h4 {
4190
padding: 20px;
4191
}
4192
.calendar-env .calendar-sidebar #add_event_form .input-group {
4193
background: #fff;
4194
}
4195
.calendar-env .calendar-sidebar .calendar-distancer {
4196
height: 40px;
4197
}
4198
.calendar-env .calendar-sidebar .events-list {
4199
border-top: 1px solid #ebebeb;
4200
padding-top: 20px;
4201
list-style: none;
4202
margin: 0;
4203
padding: 20px;
4204
}
4205
.calendar-env .calendar-sidebar .events-list li a {
4206
display: block;
4207
padding: 6px 8px;
4208
margin-bottom: 4px;
4209
-moz-transition: background 250ms ease-in-out, color 250ms ease-in-out;
4210
-webkit-transition: background 250ms ease-in-out, color 250ms ease-in-out;
4211
-o-transition: background 250ms ease-in-out, color 250ms ease-in-out;
4212
transition: background 250ms ease-in-out, color 250ms ease-in-out;
4213
-webkit-border-radius: 3px;
4214
-webkit-background-clip: padding-box;
4215
-moz-border-radius: 3px;
4216
-moz-background-clip: padding;
4217
border-radius: 3px;
4218
background-clip: padding-box;
4219
background: #ee4749;
4220
color: #fff;
4221
}
4222
.calendar-env .calendar-sidebar .events-list li a:hover {
4223
background: #ec3032;
4224
}
4225
.calendar-env .calendar-sidebar .events-list li a.color-blue {
4226
background: #21a9e1;
4227
color: #fff;
4228
}
4229
.calendar-env .calendar-sidebar .events-list li a.color-blue:hover {
4230
background: #1c99cd;
4231
}
4232
.calendar-env .calendar-sidebar .events-list li a.color-green {
4233
background: #00a651;
4234
color: #fff;
4235
}
4236
.calendar-env .calendar-sidebar .events-list li a.color-green:hover {
4237
background: #008d45;
4238
}
4239
.calendar-env .calendar-sidebar .events-list li a.color-primary {
4240
background: #303641;
4241
color: #fff;
4242
}
4243
.calendar-env .calendar-sidebar .events-list li a.color-primary:hover {
4244
background: #252a32;
4245
}
4246
.calendar-env .calendar-sidebar .events-list li a.color-orange {
4247
background: #ffae2f;
4248
color: #fff;
4249
}
4250
.calendar-env .calendar-sidebar .events-list li a.color-orange:hover {
4251
background: #ffa416;
4252
}
4253
.calendar-env .calendar-body {
4254
width: 78%;
4255
float: right;
4256
}
4257
.calendar-env .calendar-body .fc-header {
4258
border-bottom: 1px solid #ebebeb;
4259
}
4260
.calendar-env .calendar-body .fc-header h2,
4261
.calendar-env .calendar-body .fc-header h3 {
4262
margin: 0;
4263
padding: 0;
4264
}
4265
.calendar-env .calendar-body .fc-header .fc-header-left {
4266
padding: 20px;
4267
}
4268
.calendar-env .calendar-body .fc-header .fc-header-center {
4269
display: none;
4270
}
4271
.calendar-env .calendar-body .fc-header .fc-header-right {
4272
padding: 20px;
4273
text-align: right;
4274
}
4275
.calendar-env .calendar-body .fc-header .fc-button {
4276
display: inline-block;
4277
margin-bottom: 0;
4278
font-weight: normal;
4279
text-align: center;
4280
vertical-align: middle;
4281
touch-action: manipulation;
4282
cursor: pointer;
4283
background-image: none;
4284
border: 1px solid transparent;
4285
white-space: nowrap;
4286
padding: 6px 12px;
4287
font-size: 12px;
4288
line-height: 1.42857143;
4289
border-radius: 3px;
4290
-webkit-user-select: none;
4291
-moz-user-select: none;
4292
-ms-user-select: none;
4293
user-select: none;
4294
outline: 0 !important;
4295
color: #303641;
4296
background-color: #FFF;
4297
border-color: #FFF;
4298
border-color: #ebebeb !important;
4299
-webkit-border-radius: 0;
4300
-webkit-background-clip: padding-box;
4301
-moz-border-radius: 0;
4302
-moz-background-clip: padding;
4303
border-radius: 0;
4304
background-clip: padding-box;
4305
border-right-width: 0;
4306
}
4307
.calendar-env .calendar-body .fc-header .fc-button:focus,
4308
.calendar-env .calendar-body .fc-header .fc-button:active:focus,
4309
.calendar-env .calendar-body .fc-header .fc-button.active:focus,
4310
.calendar-env .calendar-body .fc-header .fc-button.focus,
4311
.calendar-env .calendar-body .fc-header .fc-button:active.focus,
4312
.calendar-env .calendar-body .fc-header .fc-button.active.focus {
4313
outline: none !important;
4314
outline: thin dotted;
4315
outline: 5px auto -webkit-focus-ring-color;
4316
outline-offset: -2px;
4317
}
4318
.calendar-env .calendar-body .fc-header .fc-button:hover,
4319
.calendar-env .calendar-body .fc-header .fc-button:focus,
4320
.calendar-env .calendar-body .fc-header .fc-button.focus {
4321
color: #303641;
4322
text-decoration: none;
4323
}
4324
.calendar-env .calendar-body .fc-header .fc-button:active,
4325
.calendar-env .calendar-body .fc-header .fc-button.active {
4326
outline: 0;
4327
background-image: none;
4328
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
4329
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
4330
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
4331
}
4332
.calendar-env .calendar-body .fc-header .fc-button.disabled,
4333
.calendar-env .calendar-body .fc-header .fc-button[disabled],
4334
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button {
4335
cursor: not-allowed;
4336
zoom: 1;
4337
-webkit-opacity: 0.65;
4338
-moz-opacity: 0.65;
4339
opacity: 0.65;
4340
filter: alpha(opacity=65);
4341
-moz-box-shadow: none;
4342
-webkit-box-shadow: none;
4343
box-shadow: none;
4344
}
4345
a.calendar-env .calendar-body .fc-header .fc-button.disabled,
4346
fieldset[disabled] a.calendar-env .calendar-body .fc-header .fc-button {
4347
pointer-events: none;
4348
}
4349
.calendar-env .calendar-body .fc-header .fc-button:active {
4350
-moz-box-shadow: none;
4351
-webkit-box-shadow: none;
4352
box-shadow: none;
4353
}
4354
.calendar-env .calendar-body .fc-header .fc-button.btn-icon {
4355
position: relative;
4356
}
4357
.calendar-env .calendar-body .fc-header .fc-button.btn-icon i {
4358
position: absolute;
4359
right: 0;
4360
top: 0;
4361
height: 100%;
4362
}
4363
.calendar-env .calendar-body .fc-header .fc-button:focus,
4364
.calendar-env .calendar-body .fc-header .fc-button.focus {
4365
color: #303641;
4366
background-color: #e6e6e6;
4367
border-color: #bfbfbf;
4368
}
4369
.calendar-env .calendar-body .fc-header .fc-button:hover {
4370
color: #303641;
4371
background-color: #e6e6e6;
4372
border-color: #e0e0e0;
4373
}
4374
.calendar-env .calendar-body .fc-header .fc-button:active,
4375
.calendar-env .calendar-body .fc-header .fc-button.active,
4376
.open > .dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button {
4377
color: #303641;
4378
background-color: #e6e6e6;
4379
border-color: #e0e0e0;
4380
}
4381
.calendar-env .calendar-body .fc-header .fc-button:active:hover,
4382
.calendar-env .calendar-body .fc-header .fc-button.active:hover,
4383
.open > .dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button:hover,
4384
.calendar-env .calendar-body .fc-header .fc-button:active:focus,
4385
.calendar-env .calendar-body .fc-header .fc-button.active:focus,
4386
.open > .dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button:focus,
4387
.calendar-env .calendar-body .fc-header .fc-button:active.focus,
4388
.calendar-env .calendar-body .fc-header .fc-button.active.focus,
4389
.open > .dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button.focus {
4390
color: #303641;
4391
background-color: #d4d4d4;
4392
border-color: #bfbfbf;
4393
}
4394
.calendar-env .calendar-body .fc-header .fc-button:active,
4395
.calendar-env .calendar-body .fc-header .fc-button.active,
4396
.open > .dropdown-toggle.calendar-env .calendar-body .fc-header .fc-button {
4397
background-image: none;
4398
}
4399
.calendar-env .calendar-body .fc-header .fc-button.disabled:hover,
4400
.calendar-env .calendar-body .fc-header .fc-button[disabled]:hover,
4401
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button:hover,
4402
.calendar-env .calendar-body .fc-header .fc-button.disabled:focus,
4403
.calendar-env .calendar-body .fc-header .fc-button[disabled]:focus,
4404
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button:focus,
4405
.calendar-env .calendar-body .fc-header .fc-button.disabled.focus,
4406
.calendar-env .calendar-body .fc-header .fc-button[disabled].focus,
4407
fieldset[disabled] .calendar-env .calendar-body .fc-header .fc-button.focus {
4408
background-color: #FFF;
4409
border-color: #FFF;
4410
}
4411
.calendar-env .calendar-body .fc-header .fc-button .badge {
4412
color: #FFF;
4413
background-color: #303641;
4414
}
4415
.calendar-env .calendar-body .fc-header .fc-button:hover,
4416
.calendar-env .calendar-body .fc-header .fc-button:focus,
4417
.calendar-env .calendar-body .fc-header .fc-button.focus {
4418
color: #303641 !important;
4419
}
4420
.calendar-env .calendar-body .fc-header .fc-button.btn-icon {
4421
position: relative;
4422
padding-right: 39px;
4423
border: none;
4424
}
4425
.calendar-env .calendar-body .fc-header .fc-button.btn-icon i {
4426
background-color: #ebebeb;
4427
padding: 6px 6px;
4428
font-size: 12px;
4429
line-height: 1.42857143;
4430
border-radius: 3px;
4431
-webkit-border-radius: 0 3px 3px 0;
4432
-webkit-background-clip: padding-box;
4433
-moz-border-radius: 0 3px 3px 0;
4434
-moz-background-clip: padding;
4435
border-radius: 0 3px 3px 0;
4436
background-clip: padding-box;
4437
}
4438
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.icon-left {
4439
padding-right: 12px;
4440
padding-left: 39px;
4441
}
4442
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.icon-left i {
4443
float: left;
4444
right: auto;
4445
left: 0;
4446
-webkit-border-radius: 3px 0 0 3px !important;
4447
-webkit-background-clip: padding-box;
4448
-moz-border-radius: 3px 0 0 3px !important;
4449
-moz-background-clip: padding;
4450
border-radius: 3px 0 0 3px !important;
4451
background-clip: padding-box;
4452
}
4453
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-lg {
4454
padding-right: 55px;
4455
}
4456
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-lg.icon-left {
4457
padding-right: 16px;
4458
padding-left: 55px;
4459
}
4460
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-lg i {
4461
padding: 10px 10px;
4462
font-size: 15px;
4463
line-height: 1.3333333;
4464
border-radius: 3px;
4465
}
4466
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-sm {
4467
padding-right: 36px;
4468
}
4469
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-sm.icon-left {
4470
padding-right: 10px;
4471
padding-left: 36px;
4472
}
4473
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-sm i {
4474
padding: 5px 6px;
4475
font-size: 11px;
4476
line-height: 1.5;
4477
border-radius: 2px;
4478
}
4479
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-xs {
4480
padding-right: 32px;
4481
}
4482
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-xs.icon-left {
4483
padding-right: 10px;
4484
padding-left: 32px;
4485
}
4486
.calendar-env .calendar-body .fc-header .fc-button.btn-icon.btn-xs i {
4487
padding: 2px 6px;
4488
font-size: 10px;
4489
line-height: 1.5;
4490
border-radius: 2px;
4491
}
4492
.calendar-env .calendar-body .fc-header .fc-button.fc-corner-left {
4493
-webkit-border-radius: 3px 0 0 3px;
4494
-webkit-background-clip: padding-box;
4495
-moz-border-radius: 3px 0 0 3px;
4496
-moz-background-clip: padding;
4497
border-radius: 3px 0 0 3px;
4498
background-clip: padding-box;
4499
}
4500
.calendar-env .calendar-body .fc-header .fc-button.fc-corner-right {
4501
-webkit-border-radius: 0 3px 3px 0;
4502
-webkit-background-clip: padding-box;
4503
-moz-border-radius: 0 3px 3px 0;
4504
-moz-background-clip: padding;
4505
border-radius: 0 3px 3px 0;
4506
background-clip: padding-box;
4507
border-right-width: 1px;
4508
}
4509
.calendar-env .calendar-body .fc-header .fc-button.fc-corner-left.fc-corner-right {
4510
-webkit-border-radius: 3px;
4511
-webkit-background-clip: padding-box;
4512
-moz-border-radius: 3px;
4513
-moz-background-clip: padding;
4514
border-radius: 3px;
4515
background-clip: padding-box;
4516
}
4517
.calendar-env .calendar-body .fc-header .fc-button.fc-state-active {
4518
background: #f5f5f6;
4519
}
4520
.calendar-env .calendar-body .fc-header .fc-header-space {
4521
width: 10px;
4522
display: inline-block;
4523
}
4524
.calendar-env .calendar-body .fc-content .fc-view .fc-cell-overlay {
4525
background: rgba(255, 255, 204, 0.5);
4526
-moz-transition: all 300ms ease-in-out;
4527
-webkit-transition: all 300ms ease-in-out;
4528
-o-transition: all 300ms ease-in-out;
4529
transition: all 300ms ease-in-out;
4530
}
4531
.calendar-env .calendar-body .fc-content .fc-view .fc-event {
4532
background: #000;
4533
padding: 2px 4px;
4534
margin-top: 2px;
4535
-webkit-border-radius: 3px;
4536
-webkit-background-clip: padding-box;
4537
-moz-border-radius: 3px;
4538
-moz-background-clip: padding;
4539
border-radius: 3px;
4540
background-clip: padding-box;
4541
background: #ee4749;
4542
color: #fff;
4543
}
4544
.calendar-env .calendar-body .fc-content .fc-view .fc-event:hover {
4545
background: #ec3032;
4546
}
4547
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-blue {
4548
background: #21a9e1;
4549
color: #fff;
4550
}
4551
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-blue:hover {
4552
background: #1c99cd;
4553
}
4554
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-green {
4555
background: #00a651;
4556
color: #fff;
4557
}
4558
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-green:hover {
4559
background: #008d45;
4560
}
4561
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-primary {
4562
background: #303641;
4563
color: #fff;
4564
}
4565
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-primary:hover {
4566
background: #252a32;
4567
}
4568
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-orange {
4569
background: #ffae2f;
4570
color: #fff;
4571
}
4572
.calendar-env .calendar-body .fc-content .fc-view .fc-event.color-orange:hover {
4573
background: #ffa416;
4574
}
4575
.calendar-env .calendar-body .fc-content .fc-view table thead tr th {
4576
text-align: center;
4577
padding: 5px 0;
4578
border-bottom: 1px solid #ebebeb;
4579
background: #f5f5f6;
4580
}
4581
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day {
4582
vertical-align: text-top;
4583
text-align: right;
4584
border-bottom: 1px solid #ebebeb;
4585
padding-right: 10px;
4586
-moz-transition: all 300ms ease-in-out;
4587
-webkit-transition: all 300ms ease-in-out;
4588
-o-transition: all 300ms ease-in-out;
4589
transition: all 300ms ease-in-out;
4590
}
4591
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day .fc-day-number {
4592
margin-top: 5px;
4593
}
4594
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day:hover {
4595
background-color: rgba(250, 250, 250, 0.68);
4596
}
4597
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
4598
color: #fff;
4599
background-color: #21a9e1;
4600
border-color: #1c99cd;
4601
display: inline-block;
4602
padding: 5px 8px;
4603
-webkit-border-radius: 3px;
4604
-webkit-background-clip: padding-box;
4605
-moz-border-radius: 3px;
4606
-moz-background-clip: padding;
4607
border-radius: 3px;
4608
background-clip: padding-box;
4609
}
4610
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4611
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4612
color: #fff;
4613
background-color: #1988b6;
4614
border-color: #0c455d;
4615
}
4616
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
4617
color: #fff;
4618
background-color: #1988b6;
4619
border-color: #147197;
4620
}
4621
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
4622
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
4623
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
4624
color: #fff;
4625
background-color: #1988b6;
4626
border-color: #147197;
4627
}
4628
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:hover,
4629
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:hover,
4630
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover,
4631
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:focus,
4632
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:focus,
4633
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4634
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active.focus,
4635
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active.focus,
4636
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4637
color: #fff;
4638
background-color: #147197;
4639
border-color: #0c455d;
4640
}
4641
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
4642
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
4643
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
4644
background-image: none;
4645
}
4646
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:hover,
4647
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:hover,
4648
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover,
4649
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:focus,
4650
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:focus,
4651
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4652
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled.focus,
4653
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled].focus,
4654
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4655
background-color: #21a9e1;
4656
border-color: #1c99cd;
4657
}
4658
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number .badge {
4659
color: #21a9e1;
4660
background-color: #fff;
4661
}
4662
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover,
4663
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4664
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4665
color: #fff !important;
4666
}
4667
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon {
4668
position: relative;
4669
padding-right: 39px;
4670
border: none;
4671
}
4672
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon i {
4673
background-color: #1a8fbf;
4674
padding: 6px 6px;
4675
font-size: 12px;
4676
line-height: 1.42857143;
4677
border-radius: 3px;
4678
-webkit-border-radius: 0 3px 3px 0;
4679
-webkit-background-clip: padding-box;
4680
-moz-border-radius: 0 3px 3px 0;
4681
-moz-background-clip: padding;
4682
border-radius: 0 3px 3px 0;
4683
background-clip: padding-box;
4684
}
4685
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left {
4686
padding-right: 12px;
4687
padding-left: 39px;
4688
}
4689
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left i {
4690
float: left;
4691
right: auto;
4692
left: 0;
4693
-webkit-border-radius: 3px 0 0 3px !important;
4694
-webkit-background-clip: padding-box;
4695
-moz-border-radius: 3px 0 0 3px !important;
4696
-moz-background-clip: padding;
4697
border-radius: 3px 0 0 3px !important;
4698
background-clip: padding-box;
4699
}
4700
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg {
4701
padding-right: 55px;
4702
}
4703
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg.icon-left {
4704
padding-right: 16px;
4705
padding-left: 55px;
4706
}
4707
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg i {
4708
padding: 10px 10px;
4709
font-size: 15px;
4710
line-height: 1.3333333;
4711
border-radius: 3px;
4712
}
4713
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm {
4714
padding-right: 36px;
4715
}
4716
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm.icon-left {
4717
padding-right: 10px;
4718
padding-left: 36px;
4719
}
4720
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm i {
4721
padding: 5px 6px;
4722
font-size: 11px;
4723
line-height: 1.5;
4724
border-radius: 2px;
4725
}
4726
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs {
4727
padding-right: 32px;
4728
}
4729
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs.icon-left {
4730
padding-right: 10px;
4731
padding-left: 32px;
4732
}
4733
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs i {
4734
padding: 2px 6px;
4735
font-size: 10px;
4736
line-height: 1.5;
4737
border-radius: 2px;
4738
}
4739
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4740
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4741
color: #fff;
4742
background-color: #1988b6;
4743
border-color: #0c455d;
4744
}
4745
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover {
4746
color: #fff;
4747
background-color: #1988b6;
4748
border-color: #147197;
4749
}
4750
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
4751
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
4752
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
4753
color: #fff;
4754
background-color: #1988b6;
4755
border-color: #147197;
4756
}
4757
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:hover,
4758
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:hover,
4759
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover,
4760
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active:focus,
4761
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active:focus,
4762
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4763
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active.focus,
4764
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active.focus,
4765
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4766
color: #fff;
4767
background-color: #147197;
4768
border-color: #0c455d;
4769
}
4770
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:active,
4771
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.active,
4772
.open > .dropdown-toggle.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number {
4773
background-image: none;
4774
}
4775
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:hover,
4776
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:hover,
4777
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover,
4778
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled:focus,
4779
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled]:focus,
4780
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4781
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.disabled.focus,
4782
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number[disabled].focus,
4783
fieldset[disabled] .calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4784
background-color: #21a9e1;
4785
border-color: #1c99cd;
4786
}
4787
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number .badge {
4788
color: #21a9e1;
4789
background-color: #fff;
4790
}
4791
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:hover,
4792
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number:focus,
4793
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.focus {
4794
color: #fff !important;
4795
}
4796
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon {
4797
position: relative;
4798
padding-right: 39px;
4799
border: none;
4800
}
4801
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon i {
4802
background-color: #1a8fbf;
4803
padding: 6px 6px;
4804
font-size: 12px;
4805
line-height: 1.42857143;
4806
border-radius: 3px;
4807
-webkit-border-radius: 0 3px 3px 0;
4808
-webkit-background-clip: padding-box;
4809
-moz-border-radius: 0 3px 3px 0;
4810
-moz-background-clip: padding;
4811
border-radius: 0 3px 3px 0;
4812
background-clip: padding-box;
4813
}
4814
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left {
4815
padding-right: 12px;
4816
padding-left: 39px;
4817
}
4818
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.icon-left i {
4819
float: left;
4820
right: auto;
4821
left: 0;
4822
-webkit-border-radius: 3px 0 0 3px !important;
4823
-webkit-background-clip: padding-box;
4824
-moz-border-radius: 3px 0 0 3px !important;
4825
-moz-background-clip: padding;
4826
border-radius: 3px 0 0 3px !important;
4827
background-clip: padding-box;
4828
}
4829
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg {
4830
padding-right: 55px;
4831
}
4832
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg.icon-left {
4833
padding-right: 16px;
4834
padding-left: 55px;
4835
}
4836
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-lg i {
4837
padding: 10px 10px;
4838
font-size: 15px;
4839
line-height: 1.3333333;
4840
border-radius: 3px;
4841
}
4842
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm {
4843
padding-right: 36px;
4844
}
4845
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm.icon-left {
4846
padding-right: 10px;
4847
padding-left: 36px;
4848
}
4849
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-sm i {
4850
padding: 5px 6px;
4851
font-size: 11px;
4852
line-height: 1.5;
4853
border-radius: 2px;
4854
}
4855
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs {
4856
padding-right: 32px;
4857
}
4858
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs.icon-left {
4859
padding-right: 10px;
4860
padding-left: 32px;
4861
}
4862
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number.btn-icon.btn-xs i {
4863
padding: 2px 6px;
4864
font-size: 10px;
4865
line-height: 1.5;
4866
border-radius: 2px;
4867
}
4868
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days,
4869
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days {
4870
border-bottom: 1px solid #e6e6e6;
4871
}
4872
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days + div,
4873
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days + div {
4874
margin-top: 1px;
4875
}
4876
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days th,
4877
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days th,
4878
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-days td,
4879
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-days td {
4880
width: 1% !important;
4881
color: #666666;
4882
}
4883
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday,
4884
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday {
4885
background: #fafafa;
4886
}
4887
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday td,
4888
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday td,
4889
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday th,
4890
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday th {
4891
padding-top: 6px;
4892
padding-bottom: 6px;
4893
}
4894
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-allday tbody tr .fc-agenda-axis,
4895
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-allday tbody tr .fc-agenda-axis {
4896
width: 60px !important;
4897
vertical-align: middle;
4898
text-align: right;
4899
color: #666666;
4900
border-right: 1px solid #e8e8e8;
4901
padding-right: 6px;
4902
}
4903
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-divider,
4904
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-divider {
4905
height: 2px;
4906
background: #ebebeb;
4907
}
4908
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr td,
4909
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr td,
4910
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr th,
4911
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr th {
4912
border-bottom: 1px dotted #ebebeb;
4913
}
4914
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr td.fc-agenda-axis,
4915
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr td.fc-agenda-axis,
4916
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr th.fc-agenda-axis,
4917
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr th.fc-agenda-axis {
4918
width: 60px !important;
4919
text-align: right;
4920
color: #666666;
4921
border-right: 1px solid #e8e8e8;
4922
padding-right: 6px;
4923
}
4924
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr.fc-minor td,
4925
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr.fc-minor td,
4926
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaWeek .fc-agenda-slots tr.fc-minor th,
4927
.calendar-env .calendar-body .fc-content .fc-view.fc-view-agendaDay .fc-agenda-slots tr.fc-minor th {
4928
border-bottom-color: #e6e6e6;
4929
}
4930
.calendar-env .calendar-body > div:last-child {
4931
border-bottom: 0;
4932
}
4933
.calendar-env.right-sidebar .calendar-sidebar {
4934
border-left: 1px solid #ebebeb;
4935
border-right: 0;
4936
}
4937
.calendar-env.right-sidebar .calendar-body {
4938
float: left;
4939
}
4940
@media (max-width: 959px) {
4941
.calendar-env .calendar-body .calendar-header div.calendar-title {
4942
width: 100%;
4943
white-space: normal;
4944
}
4945
.calendar-env .calendar-body .calendar-header .calendar-links {
4946
float: none;
4947
width: 100%;
4948
text-align: left;
4949
clear: left;
4950
padding-top: 10px;
4951
}
4952
.calendar-env .calendar-body .calendar-info {
4953
display: block;
4954
}
4955
.calendar-env .calendar-body .calendar-info .calendar-sender,
4956
.calendar-env .calendar-body .calendar-info .calendar-date {
4957
display: block;
4958
width: 100%;
4959
}
4960
.calendar-env .calendar-body .calendar-info .calendar-sender.calendar-sender,
4961
.calendar-env .calendar-body .calendar-info .calendar-date.calendar-sender {
4962
padding-top: 10px;
4963
padding-bottom: 10px;
4964
border-bottom: 1px solid #ebebeb;
4965
}
4966
.calendar-env .calendar-body .calendar-info .calendar-sender.calendar-date,
4967
.calendar-env .calendar-body .calendar-info .calendar-date.calendar-date {
4968
text-align: left;
4969
padding-top: 10px;
4970
padding-bottom: 10px;
4971
}
4972
.calendar-env .calendar-body .calendar-compose .compose-message-editor textarea {
4973
height: 300px;
4974
}
4975
}
4976
@media (max-width: 768px) {
4977
.calendar-env .calendar-sidebar {
4978
width: 30.8%;
4979
}
4980
.calendar-env .calendar-body {
4981
width: 69.2%;
4982
}
4983
.calendar-env .calendar-body .calendar-compose .compose-message-editor textarea {
4984
height: 240px;
4985
}
4986
}
4987
@media (max-width: 767px) {
4988
.calendar-env .calendar-sidebar,
4989
.calendar-env .calendar-body {
4990
width: 100%;
4991
float: none;
4992
}
4993
.calendar-env .calendar-body .calendar-header .calendar-title,
4994
.calendar-env .calendar-body .calendar-header .calendar-search,
4995
.calendar-env .calendar-body .calendar-header .calendar-links {
4996
float: none;
4997
width: 100%;
4998
}
4999
.calendar-env .calendar-body .calendar-header .calendar-title.calendar-search,
5000
.calendar-env .calendar-body .calendar-header .calendar-search.calendar-search,
5001
.calendar-env .calendar-body .calendar-header .calendar-links.calendar-search,
5002
.calendar-env .calendar-body .calendar-header .calendar-title.calendar-links,
5003
.calendar-env .calendar-body .calendar-header .calendar-search.calendar-links,
5004
.calendar-env .calendar-body .calendar-header .calendar-links.calendar-links {
5005
margin-top: 20px;
5006
}
5007
.calendar-env .calendar-body .calendar-header .calendar-links {
5008
padding-top: 0;
5009
}
5010
.fc-header {
5011
display: block;
5012
}
5013
.fc-header .fc-header-left,
5014
.fc-header .fc-header-center,
5015
.fc-header .fc-header-right,
5016
.fc-header tr,
5017
.fc-header tbody {
5018
display: block;
5019
text-align: center !important;
5020
}
5021
.fc-header .fc-header-right {
5022
text-align: center !important;
5023
padding-bottom: 10px;
5024
}
5025
}
5026
.calendar-env {
5027
position: relative;
5028
}
5029
.calendar-env:before,
5030
.calendar-env:after {
5031
content: " ";
5032
display: table;
5033
}
5034
.calendar-env:after {
5035
clear: both;
5036
}
5037
.calendar-env .fc .fc-toolbar {
5038
padding: 20px;
5039
margin: 0;
5040
}
5041
.calendar-env .fc .fc-toolbar h2,
5042
.calendar-env .fc .fc-toolbar h3 {
5043
margin: 0;
5044
padding: 0;
5045
}
5046
.calendar-env .fc .fc-toolbar .fc-button {
5047
background: none;
5048
border: 1px solid #ebebeb;
5049
height: auto;
5050
padding: 5px 10px;
5051
-moz-box-shadow: none;
5052
-webkit-box-shadow: none;
5053
box-shadow: none;
5054
outline: none;
5055
}
5056
.calendar-env .fc .fc-toolbar .fc-button .fc-icon {
5057
top: 0;
5058
margin: 0;
5059
}
5060
.calendar-env .fc .fc-toolbar .fc-button .fc-icon:after {
5061
font-weight: normal;
5062
font-size: 16px;
5063
}
5064
.calendar-env .fc .fc-view-container > .fc-view {
5065
border-left: 1px solid #ebebeb;
5066
}
5067
.calendar-env .fc .fc-view-container .fc-widget-content,
5068
.calendar-env .fc .fc-view-container .fc-widget-header {
5069
border: 0;
5070
}
5071
.calendar-env .fc .fc-view-container .fc-widget-header .fc-widget-header {
5072
border: 1px solid #ebebeb;
5073
border-left: 0;
5074
border-right: 0;
5075
-moz-box-shadow: none;
5076
-webkit-box-shadow: none;
5077
box-shadow: none;
5078
}
5079
.calendar-env .fc .fc-view-container .fc-view table thead {
5080
border-left: 0;
5081
border-right: 0;
5082
}
5083
.calendar-env .fc .fc-view-container .fc-view table thead tr th {
5084
text-align: center;
5085
padding: 5px 0;
5086
border: 0;
5087
border-bottom: 1px solid #ebebeb;
5088
background: #f5f5f6;
5089
}
5090
.calendar-env .fc .fc-view-container .fc-view table tbody {
5091
border: 0;
5092
}
5093
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-day {
5094
border: 0;
5095
border-top: 1px solid #ebebeb;
5096
}
5097
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-day.fc-state-highlight {
5098
background: #fafafa;
5099
color: #111 !important;
5100
}
5101
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-day-number {
5102
padding: 5px 10px;
5103
}
5104
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event {
5105
background: #000;
5106
padding: 2px 4px;
5107
margin-top: 2px;
5108
-webkit-border-radius: 3px;
5109
-webkit-background-clip: padding-box;
5110
-moz-border-radius: 3px;
5111
-moz-background-clip: padding;
5112
border-radius: 3px;
5113
background-clip: padding-box;
5114
background: #ee4749;
5115
color: #fff;
5116
border: 0;
5117
}
5118
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event:hover {
5119
background: #ec3032;
5120
}
5121
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-blue {
5122
background: #21a9e1;
5123
color: #fff;
5124
}
5125
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-blue:hover {
5126
background: #1c99cd;
5127
}
5128
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-green {
5129
background: #00a651;
5130
color: #fff;
5131
}
5132
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-green:hover {
5133
background: #008d45;
5134
}
5135
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-primary {
5136
background: #303641;
5137
color: #fff;
5138
}
5139
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-primary:hover {
5140
background: #252a32;
5141
}
5142
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-orange {
5143
background: #ffae2f;
5144
color: #fff;
5145
}
5146
.calendar-env .fc .fc-view-container .fc-view table tbody .fc-event.color-orange:hover {
5147
background: #ffa416;
5148
}
5149
.calendar-env .fc .fc-view-container .fc-view.fc-agenda-view table .fc-widget-content {
5150
border-bottom: 1px solid #ebebeb;
5151
}
5152
.calendar-env .fc .fc-view-container .fc-view.fc-agenda-view table .fc-axis {
5153
border-right: 1px solid #ebebeb;
5154
}
5155
.notes-env {
5156
position: relative;
5157
}
5158
.notes-env .notes-header {
5159
display: table;
5160
width: 100%;
5161
vertical-align: middle;
5162
}
5163
.notes-env .notes-header:before,
5164
.notes-env .notes-header:after {
5165
content: " ";
5166
display: table;
5167
}
5168
.notes-env .notes-header:after {
5169
clear: both;
5170
}
5171
.notes-env .notes-header > h2,
5172
.notes-env .notes-header > .right {
5173
display: table-cell;
5174
vertical-align: middle;
5175
width: 50%;
5176
margin: 0;
5177
padding-bottom: 20px;
5178
}
5179
.notes-env .notes-header > .right {
5180
text-align: right;
5181
}
5182
.notes-env .notes-list {
5183
position: relative;
5184
background: #f0ecdb;
5185
margin-left: -20px;
5186
margin-right: -20px;
5187
border: 1px solid #ebebeb;
5188
border-left: 0;
5189
border-right: 0;
5190
}
5191
.notes-env .notes-list:before,
5192
.notes-env .notes-list:after {
5193
content: " ";
5194
display: table;
5195
}
5196
.notes-env .notes-list:after {
5197
clear: both;
5198
}
5199
.notes-env .notes-list .write-pad,
5200
.notes-env .notes-list .list-of-notes {
5201
-webkit-box-sizing: border-box;
5202
-moz-box-sizing: border-box;
5203
box-sizing: border-box;
5204
}
5205
.notes-env .notes-list .list-of-notes {
5206
float: right;
5207
width: 26%;
5208
list-style: none;
5209
margin: 0;
5210
padding: 0;
5211
padding-bottom: 30px;
5212
}
5213
.notes-env .notes-list .list-of-notes li {
5214
position: relative;
5215
padding: 30px;
5216
padding-bottom: 0;
5217
}
5218
.notes-env .notes-list .list-of-notes li a {
5219
display: block;
5220
border: 1px solid #e9e4ca;
5221
background: #fffced;
5222
padding: 20px;
5223
-moz-transition: all 300ms ease-in-out;
5224
-webkit-transition: all 300ms ease-in-out;
5225
-o-transition: all 300ms ease-in-out;
5226
transition: all 300ms ease-in-out;
5227
}
5228
.notes-env .notes-list .list-of-notes li a strong,
5229
.notes-env .notes-list .list-of-notes li a span {
5230
display: block;
5231
}
5232
.notes-env .notes-list .list-of-notes li a strong + strong,
5233
.notes-env .notes-list .list-of-notes li a span + strong,
5234
.notes-env .notes-list .list-of-notes li a strong + span,
5235
.notes-env .notes-list .list-of-notes li a span + span {
5236
padding-top: 8px;
5237
}
5238
.notes-env .notes-list .list-of-notes li a strong {
5239
word-break: break-all;
5240
}
5241
.notes-env .notes-list .list-of-notes li a span {
5242
overflow: hidden;
5243
text-overflow: ellipsis;
5244
white-space: nowrap;
5245
}
5246
.notes-env .notes-list .list-of-notes li a em {
5247
float: right;
5248
}
5249
.notes-env .notes-list .list-of-notes li a:hover {
5250
background: #eae6ce;
5251
border-color: #dad2a6;
5252
}
5253
.notes-env .notes-list .list-of-notes li a:hover span,
5254
.notes-env .notes-list .list-of-notes li a:hover strong {
5255
color: #737881;
5256
}
5257
.notes-env .notes-list .list-of-notes li .note-close {
5258
position: absolute;
5259
right: 30px;
5260
top: 30px;
5261
border: none;
5262
background: none;
5263
outline: none;
5264
zoom: 1;
5265
-webkit-opacity: 0;
5266
-moz-opacity: 0;
5267
opacity: 0;
5268
filter: alpha(opacity=0);
5269
-moz-transition: all 300ms ease-in-out;
5270
-webkit-transition: all 300ms ease-in-out;
5271
-o-transition: all 300ms ease-in-out;
5272
transition: all 300ms ease-in-out;
5273
}
5274
.notes-env .notes-list .list-of-notes li:hover .note-close {
5275
zoom: 1;
5276
-webkit-opacity: 1;
5277
-moz-opacity: 1;
5278
opacity: 1;
5279
filter: alpha(opacity=100);
5280
}
5281
.notes-env .notes-list .list-of-notes li .content {
5282
display: none;
5283
}
5284
.notes-env .notes-list .list-of-notes li.current a {
5285
background: #fff;
5286
}
5287
.notes-env .notes-list .list-of-notes li + .no-notes {
5288
display: none;
5289
}
5290
.notes-env .notes-list .write-pad {
5291
float: left;
5292
width: 74%;
5293
background: #fffced;
5294
position: relative;
5295
}
5296
.notes-env .notes-list .write-pad:after {
5297
display: block;
5298
content: '';
5299
position: absolute;
5300
left: 95px;
5301
top: 0;
5302
bottom: 0;
5303
background: #f9d4d1;
5304
width: 1px;
5305
}
5306
.notes-env .notes-list .write-pad textarea {
5307
background: transparent;
5308
border: none;
5309
background: url(../images/notes-lines.png) left top;
5310
background-attachment: local;
5311
min-height: 780px;
5312
font: 14px/52px "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, serif;
5313
max-height: 1500px;
5314
padding-left: 125px;
5315
padding-right: 50px;
5316
}
5317
.notes-env .notes-list .write-pad textarea::-webkit-scrollbar {
5318
width: 5px;
5319
}
5320
.notes-env .notes-list .write-pad textarea::-webkit-scrollbar-track {
5321
width: 5px;
5322
background-color: #e8e3c9;
5323
}
5324
.notes-env .notes-list .write-pad textarea::-webkit-scrollbar-thumb {
5325
background-color: #bdbdbd;
5326
}
5327
.notes-env + footer.main {
5328
border-top: 0;
5329
padding-top: 10px;
5330
}
5331
@media (max-width: 992px) {
5332
.notes-env .notes-list .list-of-notes {
5333
width: 35%;
5334
}
5335
.notes-env .notes-list .write-pad {
5336
width: 65%;
5337
}
5338
.notes-env .notes-list .write-pad textarea {
5339
padding-left: 50px;
5340
}
5341
.notes-env .notes-list .write-pad:after {
5342
left: 35px;
5343
}
5344
}
5345
@media (max-width: 768px) {
5346
body .notes-env .notes-list .list-of-notes,
5347
body .notes-env .notes-list .write-pad {
5348
width: 100%;
5349
float: none;
5350
}
5351
body .notes-env .notes-list .list-of-notes {
5352
padding-bottom: 10px;
5353
}
5354
body .notes-env .notes-list .list-of-notes li {
5355
padding: 15px;
5356
padding-top: 10px;
5357
padding-bottom: 0;
5358
}
5359
body .notes-env .notes-list .list-of-notes li a span {
5360
display: none;
5361
}
5362
body .notes-env .notes-list .write-pad textarea {
5363
min-height: 400px;
5364
max-height: 600px;
5365
}
5366
}
5367
.gallery-env:before,
5368
.gallery-env:after {
5369
content: " ";
5370
display: table;
5371
}
5372
.gallery-env:after {
5373
clear: both;
5374
}
5375
.gallery-env article.album {
5376
border: 1px solid #ebebeb;
5377
margin-bottom: 30px;
5378
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
5379
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
5380
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
5381
-webkit-border-radius: 3px;
5382
-webkit-background-clip: padding-box;
5383
-moz-border-radius: 3px;
5384
-moz-background-clip: padding;
5385
border-radius: 3px;
5386
background-clip: padding-box;
5387
}
5388
.gallery-env article.album header {
5389
position: relative;
5390
}
5391
.gallery-env article.album header img {
5392
line-height: 1;
5393
margin: 0;
5394
width: 100%;
5395
display: block;
5396
max-width: 100%;
5397
height: auto;
5398
-webkit-border-radius: 3px 3px 0 0;
5399
-webkit-background-clip: padding-box;
5400
-moz-border-radius: 3px 3px 0 0;
5401
-moz-background-clip: padding;
5402
border-radius: 3px 3px 0 0;
5403
background-clip: padding-box;
5404
}
5405
.gallery-env article.album header .album-options {
5406
position: absolute;
5407
display: block;
5408
right: 10px;
5409
bottom: 10px;
5410
background-color: rgba(0, 0, 0, 0.5);
5411
color: #fff;
5412
padding: 5px 7px;
5413
font-size: 11px;
5414
zoom: 1;
5415
-webkit-opacity: 0;
5416
-moz-opacity: 0;
5417
opacity: 0;
5418
filter: alpha(opacity=0);
5419
-webkit-border-radius: 3px;
5420
-webkit-background-clip: padding-box;
5421
-moz-border-radius: 3px;
5422
-moz-background-clip: padding;
5423
border-radius: 3px;
5424
background-clip: padding-box;
5425
-moz-transition: all 300ms ease-in-out;
5426
-webkit-transition: all 300ms ease-in-out;
5427
-o-transition: all 300ms ease-in-out;
5428
transition: all 300ms ease-in-out;
5429
}
5430
.gallery-env article.album header:hover .album-options {
5431
zoom: 1;
5432
-webkit-opacity: 1;
5433
-moz-opacity: 1;
5434
opacity: 1;
5435
filter: alpha(opacity=100);
5436
}
5437
.gallery-env article.album .album-info {
5438
padding: 20px;
5439
}
5440
.gallery-env article.album .album-info h3 {
5441
font-size: 18px;
5442
margin: 0;
5443
}
5444
.gallery-env article.album .album-info p {
5445
margin: 0;
5446
margin-top: 10px;
5447
color: #80858e;
5448
}
5449
.gallery-env article.album footer {
5450
border-top: 1px solid #f0f0f0;
5451
}
5452
.gallery-env article.album footer:before,
5453
.gallery-env article.album footer:after {
5454
content: " ";
5455
display: table;
5456
}
5457
.gallery-env article.album footer:after {
5458
clear: both;
5459
}
5460
.gallery-env article.album footer .album-images-count,
5461
.gallery-env article.album footer .album-options {
5462
padding: 12px 15px;
5463
float: left;
5464
color: #8d929a;
5465
}
5466
.gallery-env article.album footer .album-images-count a,
5467
.gallery-env article.album footer .album-options a {
5468
color: #8d929a;
5469
display: inline-block;
5470
-webkit-border-radius: 3px;
5471
-webkit-background-clip: padding-box;
5472
-moz-border-radius: 3px;
5473
-moz-background-clip: padding;
5474
border-radius: 3px;
5475
background-clip: padding-box;
5476
}
5477
.gallery-env article.album footer .album-images-count a + a,
5478
.gallery-env article.album footer .album-options a + a {
5479
margin-left: 10px;
5480
}
5481
.gallery-env article.album footer .album-options {
5482
float: right;
5483
border-left: 1px solid #f0f0f0;
5484
padding: 7px 10px;
5485
}
5486
.gallery-env article.album footer .album-options a {
5487
padding: 4px 5px;
5488
-moz-transition: all 300ms ease-in-out;
5489
-webkit-transition: all 300ms ease-in-out;
5490
-o-transition: all 300ms ease-in-out;
5491
transition: all 300ms ease-in-out;
5492
}
5493
.gallery-env article.album footer .album-options a:hover {
5494
background: #f5f5f5;
5495
color: #43464b;
5496
}
5497
.gallery-env article.image-thumb {
5498
margin-bottom: 20px;
5499
}
5500
.gallery-env article.image-thumb .image {
5501
position: relative;
5502
}
5503
.gallery-env article.image-thumb .image img {
5504
display: block;
5505
max-width: 100%;
5506
height: auto;
5507
border-radius: 3px;
5508
width: 100%;
5509
}
5510
.gallery-env article.image-thumb .image-options {
5511
position: absolute;
5512
top: -10px;
5513
right: 8px;
5514
-moz-transform: scale(0);
5515
-webkit-transform: scale(0);
5516
-ms-transform: scale(0);
5517
-o-transform: scale(0);
5518
transform: scale(0);
5519
zoom: 1;
5520
-webkit-opacity: 0;
5521
-moz-opacity: 0;
5522
opacity: 0;
5523
filter: alpha(opacity=0);
5524
-o-transform-origin: 50% 0%;
5525
-webkit-transform-origin: 50% 0%;
5526
-moz-transform-origin: 50% 0%;
5527
-ms-transform-origin: 50% 0%;
5528
transform-origin: 50% 0%;
5529
-moz-transition: all 300ms ease-in-out;
5530
-webkit-transition: all 300ms ease-in-out;
5531
-o-transition: all 300ms ease-in-out;
5532
transition: all 300ms ease-in-out;
5533
}
5534
.gallery-env article.image-thumb .image-options a {
5535
display: inline-block;
5536
line-height: 1;
5537
margin-left: 2px;
5538
background: #737881;
5539
color: #FFF;
5540
width: 24px;
5541
height: 24px;
5542
line-height: 24px;
5543
-webkit-border-radius: 12px;
5544
-webkit-background-clip: padding-box;
5545
-moz-border-radius: 12px;
5546
-moz-background-clip: padding;
5547
border-radius: 12px;
5548
background-clip: padding-box;
5549
text-align: center;
5550
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
5551
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
5552
box-shadow: 0 2px 5px rgba(0,0,0,.2);
5553
}
5554
.gallery-env article.image-thumb .image-options a.delete {
5555
background: #dd1f26;
5556
}
5557
.gallery-env article.image-thumb:hover .image-options {
5558
-moz-transform: scale(1);
5559
-webkit-transform: scale(1);
5560
-ms-transform: scale(1);
5561
-o-transform: scale(1);
5562
transform: scale(1);
5563
zoom: 1;
5564
-webkit-opacity: 1;
5565
-moz-opacity: 1;
5566
opacity: 1;
5567
filter: alpha(opacity=100);
5568
}
5569
.gallery-env div[data-tag] {
5570
-moz-transition: opacity 350ms ease-in-out;
5571
-webkit-transition: opacity 350ms ease-in-out;
5572
-o-transition: opacity 350ms ease-in-out;
5573
transition: opacity 350ms ease-in-out;
5574
}
5575
.gallery-env div[data-tag].not-in-filter {
5576
zoom: 1;
5577
-webkit-opacity: 0.3;
5578
-moz-opacity: 0.3;
5579
opacity: 0.3;
5580
filter: alpha(opacity=30);
5581
}
5582
.gallery-env div[data-tag].no-animation {
5583
-moz-transition: none;
5584
-webkit-transition: none;
5585
-o-transition: none;
5586
transition: none;
5587
}
5588
.gallery-env .image-categories {
5589
margin-bottom: 20px;
5590
background: #fafafb;
5591
position: relative;
5592
margin-top: -17px;
5593
padding: 10px;
5594
}
5595
.gallery-env .image-categories span {
5596
color: #80858e;
5597
}
5598
.gallery-env .image-categories a {
5599
display: inline-block;
5600
margin: 0 5px;
5601
-moz-transition: all 300ms ease-in-out;
5602
-webkit-transition: all 300ms ease-in-out;
5603
-o-transition: all 300ms ease-in-out;
5604
transition: all 300ms ease-in-out;
5605
}
5606
.gallery-env .image-categories a.active {
5607
font-weight: bold;
5608
color: #4f5259;
5609
}
5610
.modal .croppable-image {
5611
border: 4px solid rgba(235, 235, 235, 0.5);
5612
}
5613
.modal h4 + .croppable-image {
5614
margin-top: 5px;
5615
}
5616
.jcrop-keymgr {
5617
zoom: 1;
5618
-webkit-opacity: 0;
5619
-moz-opacity: 0;
5620
opacity: 0;
5621
filter: alpha(opacity=0);
5622
}
5623
.gallery-image-edit-env {
5624
border-bottom: 1px solid #ebebeb;
5625
position: relative;
5626
margin-left: -1px;
5627
margin-right: -1px;
5628
margin-top: -1px;
5629
}
5630
.gallery-image-edit-env img {
5631
width: 100%;
5632
}
5633
.gallery-image-edit-env .close {
5634
position: absolute;
5635
right: 10px;
5636
top: 10px;
5637
background: rgba(0, 0, 0, 0.8);
5638
color: #fff;
5639
font-weight: bold;
5640
padding: 5px 10px;
5641
display: block;
5642
z-index: 1000;
5643
zoom: 1;
5644
-webkit-opacity: 0.7;
5645
-moz-opacity: 0.7;
5646
opacity: 0.7;
5647
filter: alpha(opacity=70);
5648
-webkit-border-radius: 3px;
5649
-webkit-background-clip: padding-box;
5650
-moz-border-radius: 3px;
5651
-moz-background-clip: padding;
5652
border-radius: 3px;
5653
background-clip: padding-box;
5654
-moz-transition: all 300ms ease-in-out;
5655
-webkit-transition: all 300ms ease-in-out;
5656
-o-transition: all 300ms ease-in-out;
5657
transition: all 300ms ease-in-out;
5658
}
5659
.gallery-image-edit-env .close:hover {
5660
zoom: 1;
5661
-webkit-opacity: 1;
5662
-moz-opacity: 1;
5663
opacity: 1;
5664
filter: alpha(opacity=100);
5665
}
5666
.gallery-image-edit-env .jcrop-holder {
5667
-webkit-border-radius: 3px 3px 0 0;
5668
-webkit-background-clip: padding-box;
5669
-moz-border-radius: 3px 3px 0 0;
5670
-moz-background-clip: padding;
5671
border-radius: 3px 3px 0 0;
5672
background-clip: padding-box;
5673
}
5674
.profile-env > header {
5675
position: relative;
5676
z-index: 20;
5677
margin-top: 30px;
5678
}
5679
.profile-env > header .profile-picture {
5680
position: relative;
5681
}
5682
.profile-env > header .profile-picture img {
5683
float: right;
5684
-moz-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.9);
5685
-webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.9);
5686
box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.9);
5687
-moz-transition: all 300ms ease-in-out;
5688
-webkit-transition: all 300ms ease-in-out;
5689
-o-transition: all 300ms ease-in-out;
5690
transition: all 300ms ease-in-out;
5691
}
5692
.profile-env > header .profile-picture:hover img {
5693
zoom: 1;
5694
-webkit-opacity: 0.5;
5695
-moz-opacity: 0.5;
5696
opacity: 0.5;
5697
filter: alpha(opacity=50);
5698
}
5699
.profile-env > header .profile-info-sections {
5700
margin: 0;
5701
padding: 0;
5702
margin-top: 15px;
5703
padding-left: 0;
5704
list-style: none;
5705
margin-left: -5px;
5706
}
5707
.profile-env > header .profile-info-sections > li {
5708
display: inline-block;
5709
padding-left: 5px;
5710
padding-right: 5px;
5711
}
5712
.profile-env > header .profile-info-sections .profile-name strong,
5713
.profile-env > header .profile-info-sections .profile-name span {
5714
display: block;
5715
}
5716
.profile-env > header .profile-info-sections .profile-name strong {
5717
font-size: 18px;
5718
font-weight: normal;
5719
}
5720
.profile-env > header .profile-info-sections .profile-name span {
5721
font-size: 12px;
5722
color: #bbbbbb;
5723
}
5724
.profile-env > header .profile-info-sections .profile-name span a {
5725
color: #bbbbbb;
5726
-moz-transition: all 300ms ease-in-out;
5727
-webkit-transition: all 300ms ease-in-out;
5728
-o-transition: all 300ms ease-in-out;
5729
transition: all 300ms ease-in-out;
5730
}
5731
.profile-env > header .profile-info-sections .profile-name span a:hover {
5732
color: #888888;
5733
}
5734
.profile-env > header .profile-info-sections .profile-name .user-status {
5735
position: relative;
5736
display: inline-block;
5737
background: #575d67;
5738
top: -2px;
5739
margin-left: 5px;
5740
width: 6px;
5741
height: 6px;
5742
-webkit-border-radius: 6px;
5743
-webkit-background-clip: padding-box;
5744
-moz-border-radius: 6px;
5745
-moz-background-clip: padding;
5746
border-radius: 6px;
5747
background-clip: padding-box;
5748
-moz-transition: all 300ms ease-in-out;
5749
-webkit-transition: all 300ms ease-in-out;
5750
-o-transition: all 300ms ease-in-out;
5751
transition: all 300ms ease-in-out;
5752
}
5753
.profile-env > header .profile-info-sections .profile-name .user-status.is-online {
5754
background-color: #06b53c;
5755
}
5756
.profile-env > header .profile-info-sections .profile-name .user-status.is-offline {
5757
background-color: #575d67;
5758
}
5759
.profile-env > header .profile-info-sections .profile-name .user-status.is-idle {
5760
background-color: #f7d227;
5761
}
5762
.profile-env > header .profile-info-sections .profile-name .user-status.is-busy {
5763
background-color: #ee4749;
5764
}
5765
.profile-env > header .profile-info-sections .profile-stat h3 {
5766
font-size: 18px;
5767
margin-bottom: 5px;
5768
}
5769
.profile-env > header .profile-info-sections .profile-stat span {
5770
color: #bbbbbb;
5771
}
5772
.profile-env > header .profile-info-sections .profile-stat span a {
5773
color: #bbbbbb;
5774
-moz-transition: all 300ms ease-in-out;
5775
-webkit-transition: all 300ms ease-in-out;
5776
-o-transition: all 300ms ease-in-out;
5777
transition: all 300ms ease-in-out;
5778
}
5779
.profile-env > header .profile-info-sections .profile-stat span a:hover {
5780
color: #888888;
5781
}
5782
.profile-env > header .profile-info-sections > li {
5783
padding: 0 40px;
5784
position: relative;
5785
}
5786
.profile-env > header .profile-info-sections > li + li:after {
5787
content: '';
5788
display: block;
5789
position: absolute;
5790
top: 15px;
5791
bottom: 0;
5792
left: 0;
5793
width: 1px;
5794
background: #ebebeb;
5795
margin: 8px 0;
5796
}
5797
.profile-env > header .profile-info-sections > li:first-child {
5798
padding-left: 0;
5799
}
5800
.profile-env > header .profile-buttons {
5801
margin-top: 35px;
5802
}
5803
.profile-env > header .profile-buttons a {
5804
margin: 0 4px;
5805
-moz-transition: all 300ms ease-in-out;
5806
-webkit-transition: all 300ms ease-in-out;
5807
-o-transition: all 300ms ease-in-out;
5808
transition: all 300ms ease-in-out;
5809
}
5810
.profile-env section {
5811
position: relative;
5812
z-index: 10;
5813
}
5814
.profile-env section.profile-info-tabs {
5815
position: relative;
5816
background: #f1f1f1;
5817
margin-left: -20px;
5818
margin-right: -20px;
5819
padding: 20px;
5820
margin-top: -20px;
5821
margin-bottom: 30px;
5822
}
5823
.profile-env section.profile-info-tabs .user-details {
5824
padding-left: 0;
5825
list-style: none;
5826
}
5827
.profile-env section.profile-info-tabs .user-details li {
5828
margin-bottom: 10px;
5829
}
5830
.profile-env section.profile-info-tabs .user-details li a {
5831
color: #a0a0a0;
5832
-moz-transition: all 300ms ease-in-out;
5833
-webkit-transition: all 300ms ease-in-out;
5834
-o-transition: all 300ms ease-in-out;
5835
transition: all 300ms ease-in-out;
5836
}
5837
.profile-env section.profile-info-tabs .user-details li a:hover {
5838
color: #606060;
5839
}
5840
.profile-env section.profile-info-tabs .user-details li a:hover span {
5841
color: #e72c28;
5842
}
5843
.profile-env section.profile-info-tabs .user-details li a i {
5844
margin-right: 5px;
5845
}
5846
.profile-env section.profile-info-tabs .user-details li a span {
5847
color: #ec5956;
5848
font-weight: normal;
5849
-moz-transition: all 300ms ease-in-out;
5850
-webkit-transition: all 300ms ease-in-out;
5851
-o-transition: all 300ms ease-in-out;
5852
transition: all 300ms ease-in-out;
5853
}
5854
.profile-env section.profile-info-tabs .nav-tabs {
5855
position: relative;
5856
margin-bottom: -20px;
5857
border-bottom: 0;
5858
}
5859
.profile-env section.profile-info-tabs .nav-tabs > li:first-child a {
5860
margin-left: 0;
5861
}
5862
.profile-env section.profile-info-tabs .nav-tabs li {
5863
margin-bottom: 0;
5864
}
5865
.profile-env section.profile-info-tabs .nav-tabs li a {
5866
border: none;
5867
padding: 10px 35px;
5868
font-size: 13px;
5869
background: #e1e1e1;
5870
margin-right: 10px;
5871
}
5872
.profile-env section.profile-info-tabs .nav-tabs li.active a {
5873
background: #fff;
5874
}
5875
.profile-env section.profile-feed {
5876
margin-bottom: 15px;
5877
padding-left: 20px;
5878
padding-right: 20px;
5879
}
5880
.profile-env section.profile-feed .profile-post-form {
5881
border: 1px solid #ebebeb;
5882
margin-bottom: 30px;
5883
-webkit-border-radius: 3px;
5884
-webkit-background-clip: padding-box;
5885
-moz-border-radius: 3px;
5886
-moz-background-clip: padding;
5887
border-radius: 3px;
5888
background-clip: padding-box;
5889
}
5890
.profile-env section.profile-feed .profile-post-form .form-control {
5891
border: none;
5892
-moz-box-shadow: none;
5893
-webkit-box-shadow: none;
5894
box-shadow: none;
5895
margin: 0;
5896
background: #fff;
5897
min-height: 80px;
5898
-webkit-border-radius: 3px;
5899
-webkit-background-clip: padding-box;
5900
-moz-border-radius: 3px;
5901
-moz-background-clip: padding;
5902
border-radius: 3px;
5903
background-clip: padding-box;
5904
}
5905
.profile-env section.profile-feed .profile-post-form .form-options {
5906
background: #f3f3f3;
5907
border-top: 1px solid #ebebeb;
5908
padding: 10px;
5909
}
5910
.profile-env section.profile-feed .profile-post-form .form-options:before,
5911
.profile-env section.profile-feed .profile-post-form .form-options:after {
5912
content: " ";
5913
display: table;
5914
}
5915
.profile-env section.profile-feed .profile-post-form .form-options:after {
5916
clear: both;
5917
}
5918
.profile-env section.profile-feed .profile-post-form .form-options .post-type {
5919
float: left;
5920
padding-top: 6px;
5921
}
5922
.profile-env section.profile-feed .profile-post-form .form-options .post-type a {
5923
margin-left: 10px;
5924
font-size: 13px;
5925
color: #aaaaaa;
5926
-moz-transition: all 300ms ease-in-out;
5927
-webkit-transition: all 300ms ease-in-out;
5928
-o-transition: all 300ms ease-in-out;
5929
transition: all 300ms ease-in-out;
5930
}
5931
.profile-env section.profile-feed .profile-post-form .form-options .post-type a:hover {
5932
color: #303641;
5933
}
5934
.profile-env section.profile-feed .profile-post-form .form-options .post-submit {
5935
float: right;
5936
}
5937
.profile-env section.profile-feed .profile-post-form .form-options .post-submit .btn {
5938
padding-left: 20px;
5939
padding-right: 20px;
5940
}
5941
.profile-env section.profile-feed .profile-stories article.story {
5942
margin: 30px 0;
5943
}
5944
.profile-env section.profile-feed .profile-stories article.story:before,
5945
.profile-env section.profile-feed .profile-stories article.story:after {
5946
content: " ";
5947
display: table;
5948
}
5949
.profile-env section.profile-feed .profile-stories article.story:after {
5950
clear: both;
5951
}
5952
.profile-env section.profile-feed .profile-stories article.story .user-thumb {
5953
float: left;
5954
width: 8%;
5955
}
5956
.profile-env section.profile-feed .profile-stories article.story .user-thumb a img {
5957
-moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.04);
5958
-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.04);
5959
box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.04);
5960
}
5961
.profile-env section.profile-feed .profile-stories article.story .story-content {
5962
float: right;
5963
width: 92%;
5964
}
5965
.profile-env section.profile-feed .profile-stories article.story .story-content header {
5966
display: block;
5967
margin-bottom: 10px;
5968
}
5969
.profile-env section.profile-feed .profile-stories article.story .story-content header:before,
5970
.profile-env section.profile-feed .profile-stories article.story .story-content header:after {
5971
content: " ";
5972
display: table;
5973
}
5974
.profile-env section.profile-feed .profile-stories article.story .story-content header:after {
5975
clear: both;
5976
}
5977
.profile-env section.profile-feed .profile-stories article.story .story-content header .publisher {
5978
float: left;
5979
color: #9b9fa6;
5980
font-size: 14px;
5981
}
5982
.profile-env section.profile-feed .profile-stories article.story .story-content header .publisher a {
5983
color: #303641;
5984
}
5985
.profile-env section.profile-feed .profile-stories article.story .story-content header .publisher em {
5986
display: block;
5987
font-style: normal;
5988
font-size: 12px;
5989
}
5990
.profile-env section.profile-feed .profile-stories article.story .story-content header .story-type {
5991
float: right;
5992
}
5993
.profile-env section.profile-feed .profile-stories article.story .story-content .story-main-content {
5994
font-size: 13px;
5995
}
5996
.profile-env section.profile-feed .profile-stories article.story .story-content .story-main-content p {
5997
font-size: 13px;
5998
}
5999
.profile-env section.profile-feed .profile-stories article.story .story-content footer {
6000
margin-top: 15px;
6001
}
6002
.profile-env section.profile-feed .profile-stories article.story .story-content footer .liked i {
6003
color: #ff4e50;
6004
}
6005
.profile-env section.profile-feed .profile-stories article.story .story-content footer > a {
6006
margin-right: 30px;
6007
display: inline-block;
6008
}
6009
.profile-env section.profile-feed .profile-stories article.story .story-content footer > a span {
6010
zoom: 1;
6011
-webkit-opacity: 0.6;
6012
-moz-opacity: 0.6;
6013
opacity: 0.6;
6014
filter: alpha(opacity=60);
6015
}
6016
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments {
6017
list-style: none;
6018
margin: 0;
6019
padding: 0;
6020
margin-top: 30px;
6021
border-top: 1px solid #ebebeb;
6022
padding-top: 20px;
6023
}
6024
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li {
6025
display: table;
6026
vertical-align: top;
6027
}
6028
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li:before,
6029
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li:after {
6030
content: " ";
6031
display: table;
6032
}
6033
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li:after {
6034
clear: both;
6035
}
6036
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li + li {
6037
margin-top: 15px;
6038
}
6039
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-thumb,
6040
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content {
6041
display: table-cell;
6042
vertical-align: top;
6043
width: 100%;
6044
}
6045
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-thumb {
6046
width: 1%;
6047
padding-right: 20px;
6048
}
6049
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content {
6050
border-bottom: 1px solid #ebebeb;
6051
padding-bottom: 15px;
6052
}
6053
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-name {
6054
font-weight: bold;
6055
}
6056
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta {
6057
font-size: 11px;
6058
margin-top: 15px;
6059
color: #9b9fa6;
6060
}
6061
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a {
6062
color: #8d929a;
6063
margin-right: 5px;
6064
-moz-transition: all 300ms ease-in-out;
6065
-webkit-transition: all 300ms ease-in-out;
6066
-o-transition: all 300ms ease-in-out;
6067
transition: all 300ms ease-in-out;
6068
}
6069
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a + a {
6070
margin-left: 5px;
6071
}
6072
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a i {
6073
zoom: 1;
6074
-webkit-opacity: 0.8;
6075
-moz-opacity: 0.8;
6076
opacity: 0.8;
6077
filter: alpha(opacity=80);
6078
-moz-transition: all 300ms ease-in-out;
6079
-webkit-transition: all 300ms ease-in-out;
6080
-o-transition: all 300ms ease-in-out;
6081
transition: all 300ms ease-in-out;
6082
}
6083
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a:hover {
6084
color: #737881;
6085
}
6086
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li .user-comment-content .user-comment-meta a:hover i {
6087
zoom: 1;
6088
-webkit-opacity: 1;
6089
-moz-opacity: 1;
6090
opacity: 1;
6091
filter: alpha(opacity=100);
6092
}
6093
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content {
6094
position: relative;
6095
border-bottom: 0;
6096
padding-bottom: 0;
6097
}
6098
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content .form-control {
6099
background: #eeeeee;
6100
border: 0;
6101
}
6102
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content .btn {
6103
position: absolute;
6104
right: 5px;
6105
top: 5px;
6106
border: 0;
6107
background: transparent;
6108
color: #737881;
6109
font-size: 13px;
6110
zoom: 1;
6111
-webkit-opacity: 0.7;
6112
-moz-opacity: 0.7;
6113
opacity: 0.7;
6114
filter: alpha(opacity=70);
6115
-moz-transition: all 300ms ease-in-out;
6116
-webkit-transition: all 300ms ease-in-out;
6117
-o-transition: all 300ms ease-in-out;
6118
transition: all 300ms ease-in-out;
6119
}
6120
.profile-env section.profile-feed .profile-stories article.story .story-content footer .comments li.comment-form .user-comment-content .btn:hover {
6121
zoom: 1;
6122
-webkit-opacity: 1;
6123
-moz-opacity: 1;
6124
opacity: 1;
6125
filter: alpha(opacity=100);
6126
}
6127
.profile-env section.profile-feed .profile-stories article.story .story-content hr {
6128
margin-top: 40px;
6129
}
6130
@media (max-width: 992px) {
6131
.profile-env > header .profile-picture img {
6132
width: 90%;
6133
}
6134
.profile-env > header .profile-buttons {
6135
margin-top: 18px;
6136
}
6137
.profile-env > header .profile-info-sections .profile-name strong,
6138
.profile-env > header .profile-info-sections .profile-stat h3 {
6139
font-size: 16px;
6140
}
6141
.profile-env > header .profile-info-sections {
6142
margin-top: 0;
6143
}
6144
.profile-env > header .profile-info-sections > li {
6145
padding: 0 20px;
6146
}
6147
.profile-env section.profile-info-tabs .nav-tabs li a {
6148
padding-left: 25px;
6149
padding-right: 25px;
6150
}
6151
.profile-env section.profile-feed .profile-stories article.story .user-thumb {
6152
width: 10%;
6153
}
6154
.profile-env section.profile-feed .profile-stories article.story .story-content {
6155
width: 90%;
6156
}
6157
}
6158
@media (max-width: 768px) {
6159
.profile-env section.profile-info-tabs {
6160
margin-top: 30px;
6161
}
6162
.profile-env > header .profile-picture img {
6163
float: none;
6164
}
6165
.profile-env > header .profile-buttons a {
6166
margin-bottom: 5px;
6167
}
6168
}
6169
@media (max-width: 601px) {
6170
.profile-env > header .profile-info-sections {
6171
margin-bottom: 10px;
6172
}
6173
.profile-env > header .profile-info-sections li {
6174
padding: 15px;
6175
}
6176
.profile-env > header .profile-info-sections > li:first-child {
6177
padding-left: 0;
6178
}
6179
.profile-env > header .profile-buttons {
6180
margin-top: 0;
6181
}
6182
.profile-env > header .profile-picture {
6183
text-align: center;
6184
display: block;
6185
}
6186
.profile-env > header .profile-picture img {
6187
width: auto;
6188
float: none;
6189
display: inline-block;
6190
margin-bottom: 15px;
6191
}
6192
.profile-env section.profile-feed .profile-stories article.story .user-thumb {
6193
width: 18%;
6194
}
6195
.profile-env section.profile-feed .profile-stories article.story .story-content {
6196
width: 82%;
6197
}
6198
.profile-env section.profile-info-tabs .nav-tabs li a {
6199
padding-left: 15px;
6200
padding-right: 15px;
6201
margin-right: 5px;
6202
font-size: 12px;
6203
}
6204
.profile-env section.profile-feed {
6205
padding: 0;
6206
}
6207
.profile-env .col-sm-7,
6208
.profile-env .col-sm-3 {
6209
text-align: center;
6210
}
6211
.profile-env .col-sm-7 .profile-info-sections,
6212
.profile-env .col-sm-3 .profile-info-sections,
6213
.profile-env .col-sm-7 .profile-buttons,
6214
.profile-env .col-sm-3 .profile-buttons {
6215
display: inline-block;
6216
}
6217
.profile-env > header .profile-info-sections > li + li:after {
6218
margin: 18px 0;
6219
}
6220
}
6221
.map-checkin {
6222
border: 5px solid rgba(235, 235, 235, 0.2);
6223
-moz-box-shadow: 0px 0px 0px 1px #ebebeb;
6224
-webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
6225
box-shadow: 0px 0px 0px 1px #ebebeb;
6226
background: #fff !important;
6227
}
6228
.page-body .main-content .cbp_tmtimeline:before {
6229
background: #f5f5f6;
6230
width: 5px;
6231
margin-left: -6px;
6232
}
6233
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span {
6234
color: #111;
6235
font-size: 15px;
6236
}
6237
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span:first-child {
6238
font-weight: bold;
6239
margin-bottom: 2px;
6240
}
6241
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span:last-child {
6242
color: #303641;
6243
zoom: 1;
6244
-webkit-opacity: 0.8;
6245
-moz-opacity: 0.8;
6246
opacity: 0.8;
6247
filter: alpha(opacity=80);
6248
font-size: 12px;
6249
}
6250
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span.large {
6251
font-size: 17px;
6252
}
6253
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span.hidden + span {
6254
margin-top: 8px;
6255
}
6256
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon {
6257
background: #ffffff;
6258
color: #d2d2d2;
6259
-moz-box-shadow: 0px 0px 0px 5px #f5f5f6;
6260
-webkit-box-shadow: 0px 0px 0px 5px #f5f5f6;
6261
box-shadow: 0px 0px 0px 5px #f5f5f6;
6262
}
6263
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.bg-primary {
6264
background-color: #303641;
6265
color: #fff;
6266
}
6267
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.bg-secondary {
6268
background-color: #ee4749;
6269
color: #fff;
6270
}
6271
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.bg-success {
6272
background-color: #00a651;
6273
color: #fff;
6274
}
6275
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.bg-info {
6276
background-color: #21a9e1;
6277
color: #fff;
6278
}
6279
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.bg-warning {
6280
background-color: #fad839;
6281
color: #fff;
6282
}
6283
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.bg-danger {
6284
background-color: #cc2424;
6285
color: #fff;
6286
}
6287
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel {
6288
background: #f5f5f6;
6289
color: #737881;
6290
margin-bottom: 70px;
6291
padding: 1.7em;
6292
-webkit-border-radius: 3px;
6293
-webkit-background-clip: padding-box;
6294
-moz-border-radius: 3px;
6295
-moz-background-clip: padding;
6296
border-radius: 3px;
6297
background-clip: padding-box;
6298
}
6299
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2,
6300
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel p {
6301
color: #737881;
6302
font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
6303
font-size: 12px;
6304
margin: 0;
6305
line-height: 1.42857143;
6306
}
6307
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel p + p {
6308
margin-top: 15px;
6309
}
6310
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2 {
6311
font-size: 16px;
6312
}
6313
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2 a {
6314
color: #303641;
6315
}
6316
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2 span {
6317
zoom: 1;
6318
-webkit-opacity: 0.6;
6319
-moz-opacity: 0.6;
6320
opacity: 0.6;
6321
filter: alpha(opacity=60);
6322
}
6323
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel:after {
6324
border-right-color: #f5f5f6;
6325
}
6326
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel.empty {
6327
background: 0;
6328
padding: 9px 0;
6329
margin-bottom: 70px;
6330
}
6331
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel.empty:after {
6332
visibility: hidden;
6333
}
6334
@media screen and (max-width: 47.2em) {
6335
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel:after {
6336
border-right-color: transparent;
6337
border-bottom-color: #f5f5f6;
6338
left: 10px;
6339
}
6340
.page-body .main-content .cbp_tmtimeline > li .large {
6341
font-weight: bold;
6342
font-size: 16px !important;
6343
}
6344
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel.empty {
6345
background: #f5f5f6;
6346
padding: 1.7em;
6347
}
6348
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel.empty:after {
6349
visibility: visible;
6350
}
6351
}
6352
.timeline-centered {
6353
position: relative;
6354
margin-bottom: 30px;
6355
}
6356
.timeline-centered:before,
6357
.timeline-centered:after {
6358
content: " ";
6359
display: table;
6360
}
6361
.timeline-centered:after {
6362
clear: both;
6363
}
6364
.timeline-centered:before {
6365
content: '';
6366
position: absolute;
6367
display: block;
6368
width: 4px;
6369
background: #f5f5f6;
6370
left: 50%;
6371
top: 20px;
6372
bottom: 20px;
6373
margin-left: -4px;
6374
}
6375
.timeline-centered .timeline-entry {
6376
position: relative;
6377
width: 50%;
6378
float: right;
6379
margin-bottom: 70px;
6380
clear: both;
6381
}
6382
.timeline-centered .timeline-entry:before,
6383
.timeline-centered .timeline-entry:after {
6384
content: " ";
6385
display: table;
6386
}
6387
.timeline-centered .timeline-entry:after {
6388
clear: both;
6389
}
6390
.timeline-centered .timeline-entry.begin {
6391
margin-bottom: 0;
6392
}
6393
.timeline-centered .timeline-entry.left-aligned {
6394
float: left;
6395
}
6396
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
6397
margin-left: 0;
6398
margin-right: -18px;
6399
}
6400
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
6401
text-align: left;
6402
white-space: nowrap;
6403
left: auto;
6404
right: 100%;
6405
}
6406
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
6407
float: right;
6408
}
6409
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
6410
margin-left: 0;
6411
margin-right: 70px;
6412
}
6413
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
6414
left: auto;
6415
right: 0;
6416
margin-left: 0;
6417
margin-right: -9px;
6418
-moz-transform: rotate(180deg);
6419
-webkit-transform: rotate(180deg);
6420
-ms-transform: rotate(180deg);
6421
-o-transform: rotate(180deg);
6422
transform: rotate(180deg);
6423
}
6424
.timeline-centered .timeline-entry .timeline-entry-inner {
6425
position: relative;
6426
margin-left: -22px;
6427
}
6428
.timeline-centered .timeline-entry .timeline-entry-inner:before,
6429
.timeline-centered .timeline-entry .timeline-entry-inner:after {
6430
content: " ";
6431
display: table;
6432
}
6433
.timeline-centered .timeline-entry .timeline-entry-inner:after {
6434
clear: both;
6435
}
6436
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
6437
position: absolute;
6438
left: -100px;
6439
text-align: right;
6440
padding: 10px;
6441
-webkit-box-sizing: border-box;
6442
-moz-box-sizing: border-box;
6443
box-sizing: border-box;
6444
}
6445
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
6446
display: block;
6447
}
6448
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
6449
font-size: 15px;
6450
font-weight: bold;
6451
}
6452
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
6453
font-size: 12px;
6454
}
6455
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
6456
background: #fff;
6457
color: #737881;
6458
display: block;
6459
width: 40px;
6460
height: 40px;
6461
-webkit-border-radius: 20px;
6462
-webkit-background-clip: padding-box;
6463
-moz-border-radius: 20px;
6464
-moz-background-clip: padding;
6465
border-radius: 20px;
6466
background-clip: padding-box;
6467
text-align: center;
6468
-moz-box-shadow: 0px 0px 0px 5px #f5f5f6;
6469
-webkit-box-shadow: 0px 0px 0px 5px #f5f5f6;
6470
box-shadow: 0px 0px 0px 5px #f5f5f6;
6471
line-height: 40px;
6472
font-size: 15px;
6473
float: left;
6474
}
6475
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
6476
background-color: #303641;
6477
color: #fff;
6478
}
6479
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
6480
background-color: #ee4749;
6481
color: #fff;
6482
}
6483
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
6484
background-color: #00a651;
6485
color: #fff;
6486
}
6487
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
6488
background-color: #21a9e1;
6489
color: #fff;
6490
}
6491
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
6492
background-color: #fad839;
6493
color: #fff;
6494
}
6495
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
6496
background-color: #cc2424;
6497
color: #fff;
6498
}
6499
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
6500
position: relative;
6501
background: #f5f5f6;
6502
padding: 1.7em;
6503
margin-left: 70px;
6504
-webkit-border-radius: 3px;
6505
-webkit-background-clip: padding-box;
6506
-moz-border-radius: 3px;
6507
-moz-background-clip: padding;
6508
border-radius: 3px;
6509
background-clip: padding-box;
6510
}
6511
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
6512
content: '';
6513
display: block;
6514
position: absolute;
6515
width: 0px;
6516
height: 0px;
6517
border-style: solid;
6518
border-width: 9px 9px 9px 0;
6519
border-color: transparent #f5f5f6 transparent transparent;
6520
left: 0;
6521
top: 10px;
6522
margin-left: -9px;
6523
}
6524
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
6525
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
6526
color: #737881;
6527
font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
6528
font-size: 12px;
6529
margin: 0;
6530
line-height: 1.42857143;
6531
}
6532
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
6533
margin-top: 15px;
6534
}
6535
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
6536
font-size: 16px;
6537
margin-bottom: 10px;
6538
}
6539
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
6540
color: #303641;
6541
}
6542
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
6543
zoom: 1;
6544
-webkit-opacity: 0.6;
6545
-moz-opacity: 0.6;
6546
opacity: 0.6;
6547
filter: alpha(opacity=60);
6548
}
6549
@media screen and (max-width: 47.2em) {
6550
.timeline-centered {
6551
margin-top: 20px;
6552
}
6553
.timeline-centered:before {
6554
left: 22px;
6555
}
6556
.timeline-centered .timeline-entry,
6557
.timeline-centered .timeline-entry.left-aligned {
6558
width: 100%;
6559
float: none;
6560
}
6561
.timeline-centered .timeline-entry .timeline-entry-inner,
6562
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
6563
margin-left: 0;
6564
margin-right: 0;
6565
}
6566
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time,
6567
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
6568
left: 60px;
6569
right: auto;
6570
top: -40px;
6571
width: auto;
6572
}
6573
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time span,
6574
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time span {
6575
display: inline-block;
6576
}
6577
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time span + span,
6578
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time span + span {
6579
margin-left: 10px;
6580
}
6581
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
6582
float: left;
6583
}
6584
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
6585
margin-left: 70px;
6586
margin-right: 0;
6587
}
6588
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
6589
left: 0;
6590
right: auto;
6591
margin-left: -9px;
6592
margin-right: 0;
6593
-moz-transform: rotate(0deg);
6594
-webkit-transform: rotate(0deg);
6595
-ms-transform: rotate(0deg);
6596
-o-transform: rotate(0deg);
6597
transform: rotate(0deg);
6598
}
6599
}
6600
@media screen and (min-width: 1700px) {
6601
.cbp_tmtimeline > li .cbp_tmtime {
6602
width: 23% !important;
6603
}
6604
}
6605
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
6606
white-space: nowrap;
6607
right: auto;
6608
left: 100%;
6609
}
6610
.member-entry {
6611
border: 1px solid #ebebeb;
6612
padding: 15px;
6613
margin-top: 15px;
6614
margin-bottom: 30px;
6615
-moz-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.02);
6616
-webkit-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.02);
6617
box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.02);
6618
-moz-transition: all 300ms ease-in-out;
6619
-webkit-transition: all 300ms ease-in-out;
6620
-o-transition: all 300ms ease-in-out;
6621
transition: all 300ms ease-in-out;
6622
-webkit-border-radius: 3px;
6623
-webkit-background-clip: padding-box;
6624
-moz-border-radius: 3px;
6625
-moz-background-clip: padding;
6626
border-radius: 3px;
6627
background-clip: padding-box;
6628
}
6629
.member-entry:before,
6630
.member-entry:after {
6631
content: " ";
6632
display: table;
6633
}
6634
.member-entry:after {
6635
clear: both;
6636
}
6637
.member-entry:hover {
6638
background: rgba(235, 235, 235, 0.3);
6639
-moz-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.06);
6640
-webkit-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.06);
6641
box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.06);
6642
}
6643
.member-entry .member-img,
6644
.member-entry .member-details {
6645
float: left;
6646
}
6647
.member-entry .member-img {
6648
position: relative;
6649
display: block;
6650
width: 10%;
6651
}
6652
.member-entry .member-img img {
6653
width: 100%;
6654
display: block;
6655
max-width: 100%;
6656
height: auto;
6657
}
6658
.member-entry .member-img i {
6659
position: absolute;
6660
display: block;
6661
left: 50%;
6662
top: 50%;
6663
margin-top: -12.5px;
6664
margin-left: -12.5px;
6665
color: #FFF;
6666
font-size: 25px;
6667
zoom: 1;
6668
-webkit-opacity: 0;
6669
-moz-opacity: 0;
6670
opacity: 0;
6671
filter: alpha(opacity=0);
6672
-moz-transform: scale(0.5);
6673
-webkit-transform: scale(0.5);
6674
-ms-transform: scale(0.5);
6675
-o-transform: scale(0.5);
6676
transform: scale(0.5);
6677
-moz-transition: all 300ms ease-in-out;
6678
-webkit-transition: all 300ms ease-in-out;
6679
-o-transition: all 300ms ease-in-out;
6680
transition: all 300ms ease-in-out;
6681
}
6682
.member-entry .member-img:hover i {
6683
-moz-transform: scale(1);
6684
-webkit-transform: scale(1);
6685
-ms-transform: scale(1);
6686
-o-transform: scale(1);
6687
transform: scale(1);
6688
zoom: 1;
6689
-webkit-opacity: 1;
6690
-moz-opacity: 1;
6691
opacity: 1;
6692
filter: alpha(opacity=100);
6693
}
6694
.member-entry .member-details {
6695
width: 89.9%;
6696
}
6697
.member-entry .member-details h4 {
6698
font-size: 18px;
6699
margin-left: 20px;
6700
}
6701
.member-entry .member-details h4 a {
6702
-moz-transition: all 300ms ease-in-out;
6703
-webkit-transition: all 300ms ease-in-out;
6704
-o-transition: all 300ms ease-in-out;
6705
transition: all 300ms ease-in-out;
6706
}
6707
.member-entry .member-details .info-list {
6708
margin-left: 5px;
6709
}
6710
.member-entry .member-details .info-list > div {
6711
margin-top: 5px;
6712
font-size: 13px;
6713
}
6714
.member-entry .member-details .info-list > div a {
6715
-moz-transition: all 300ms ease-in-out;
6716
-webkit-transition: all 300ms ease-in-out;
6717
-o-transition: all 300ms ease-in-out;
6718
transition: all 300ms ease-in-out;
6719
}
6720
.member-entry .member-details .info-list > div i {
6721
-moz-transition: all 300ms ease-in-out;
6722
-webkit-transition: all 300ms ease-in-out;
6723
-o-transition: all 300ms ease-in-out;
6724
transition: all 300ms ease-in-out;
6725
}
6726
.member-entry .member-details .info-list > div:hover i {
6727
color: #4f5259;
6728
}
6729
@media screen and (max-width: 768px) {
6730
.member-entry .member-img {
6731
width: 18%;
6732
}
6733
.member-entry .member-details {
6734
width: 81.9%;
6735
}
6736
.member-entry .member-details h4 {
6737
margin-top: 0;
6738
}
6739
}
6740
@media screen and (max-width: 480px) {
6741
.member-entry .member-img {
6742
width: 100%;
6743
float: none;
6744
text-align: center;
6745
position: relative;
6746
background: #f8f8f8;
6747
margin-bottom: 15px;
6748
-webkit-border-radius: 3px;
6749
-webkit-background-clip: padding-box;
6750
-moz-border-radius: 3px;
6751
-moz-background-clip: padding;
6752
border-radius: 3px;
6753
background-clip: padding-box;
6754
}
6755
.member-entry .member-img img {
6756
width: auto;
6757
display: inline-block;
6758
-webkit-border-radius: 0;
6759
-webkit-background-clip: padding-box;
6760
-moz-border-radius: 0;
6761
-moz-background-clip: padding;
6762
border-radius: 0;
6763
background-clip: padding-box;
6764
}
6765
.member-entry .member-details {
6766
width: 100%;
6767
float: none;
6768
}
6769
.member-entry .member-details h4,
6770
.member-entry .member-details .info-list {
6771
margin-left: 0;
6772
}
6773
.member-entry .member-details h4 > div,
6774
.member-entry .member-details .info-list > div {
6775
padding: 0;
6776
}
6777
.member-entry .member-details .info-list > div {
6778
margin-top: 10px;
6779
}
6780
}
6781
.comments-env .comment-filters {
6782
margin: 15px 0;
6783
margin-bottom: 30px;
6784
}
6785
.comments-env .comment-filters > a {
6786
position: relative;
6787
display: inline-block;
6788
color: #93979e;
6789
margin: 0 15px;
6790
font-size: 13px;
6791
font-weight: 400;
6792
}
6793
.comments-env .comment-filters > a.current {
6794
font-weight: bold;
6795
}
6796
.comments-env .comment-filters > a:after {
6797
content: '';
6798
display: block;
6799
position: absolute;
6800
right: -18px;
6801
width: 1px;
6802
height: 12px;
6803
background: #ebebeb;
6804
top: 3px;
6805
}
6806
.comments-env .comment-filters > a:first-child {
6807
margin-left: 0;
6808
}
6809
.comments-env .comment-filters > a:last-child {
6810
margin-right: 0;
6811
}
6812
.comments-env .comment-filters > a:last-child:after {
6813
display: none;
6814
}
6815
.comments-env .filtering .selectboxit-btn {
6816
height: 38px;
6817
}
6818
.comments-env .filtering .selectboxit-btn span {
6819
height: 38px;
6820
line-height: 38px;
6821
}
6822
.comments-env .filtering .search-form-full .form-control {
6823
margin-top: 0;
6824
}
6825
.comments-env .filtering .search-form-contaner {
6826
max-width: 300px;
6827
width: 32%;
6828
float: right;
6829
}
6830
.comments-env .filtering .search-form-contaner + .pagination-container {
6831
margin-right: 20px;
6832
}
6833
.comments-env .filtering .pagination-container {
6834
float: right;
6835
}
6836
.comments-env .filtering .pagination-container .pagination {
6837
margin: 0;
6838
}
6839
.comments-env .filtering .pagination-container .pagination a {
6840
position: relative;
6841
padding-top: 9px;
6842
padding-bottom: 10px;
6843
margin-top: -2px;
6844
}
6845
.comments-env .filtering .pagination-container + .search-form-contaner {
6846
margin-right: 20px;
6847
}
6848
.comments-env .panel-title h4 {
6849
padding-top: 5px;
6850
padding-bottom: 5px;
6851
}
6852
.comments-list {
6853
list-style: none;
6854
margin: 0;
6855
padding: 0;
6856
display: block;
6857
position: relative;
6858
}
6859
.comments-list > li {
6860
border-bottom: 1px solid #ebebeb;
6861
padding: 15px;
6862
}
6863
.comments-list > li:before,
6864
.comments-list > li:after {
6865
content: " ";
6866
display: table;
6867
}
6868
.comments-list > li:after {
6869
clear: both;
6870
}
6871
.comments-list > li:nth-child(even) {
6872
background: transparent; /*#f5f5f6;*/
6873
}
6874
.comments-list > li .comment-checkbox {
6875
float: left;
6876
width: 3%;
6877
padding-top: 3px;
6878
}
6879
.comments-list > li .comment-details {
6880
float: right;
6881
width: 96.9%;
6882
}
6883
.comments-list > li .comment-details a {
6884
-moz-transition: all 300ms ease-in-out;
6885
-webkit-transition: all 300ms ease-in-out;
6886
-o-transition: all 300ms ease-in-out;
6887
transition: all 300ms ease-in-out;
6888
}
6889
.comments-list > li .comment-details .comment-head {
6890
font-size: 13px;
6891
}
6892
.comments-list > li .comment-details .comment-head a {
6893
font-weight: bold;
6894
}
6895
.comments-list > li .comment-details .comment-text {
6896
margin-top: 15px;
6897
}
6898
.comments-list > li .comment-details .comment-footer {
6899
border-top: 1px solid #ebebeb;
6900
margin-top: 15px;
6901
padding-top: 15px;
6902
}
6903
.comments-list > li .comment-details .comment-footer:before,
6904
.comments-list > li .comment-details .comment-footer:after {
6905
content: " ";
6906
display: table;
6907
}
6908
.comments-list > li .comment-details .comment-footer:after {
6909
clear: both;
6910
}
6911
.comments-list > li .comment-details .comment-footer .comment-time {
6912
float: right;
6913
color: #80858e;
6914
}
6915
.comments-list > li .comment-details .comment-footer .action-links a {
6916
font-weight: bold;
6917
display: inline-block;
6918
margin-right: 10px;
6919
}
6920
.comments-list > li .comment-details .comment-footer .action-links .approve {
6921
color: #00a651;
6922
}
6923
.comments-list > li .comment-details .comment-footer .action-links .delete {
6924
color: #cc2424;
6925
}
6926
.comments-list > li:last-child {
6927
border-bottom: 0;
6928
}
6929
@media screen and (max-width: 768px) {
6930
.comments-list > li .comment-checkbox {
6931
width: 5%;
6932
}
6933
.comments-list > li .comment-details {
6934
width: 94.9%;
6935
}
6936
.comments-env .filtering .search-form-contaner {
6937
float: left;
6938
}
6939
.search-and-pagination {
6940
margin-top: 20px;
6941
}
6942
}
6943
@media screen and (max-width: 480px) {
6944
.comments-env .search-and-pagination .pagination-container,
6945
.comments-env .search-and-pagination .search-form-contaner {
6946
float: none !important;
6947
text-align: left;
6948
}
6949
.comments-env .search-and-pagination .search-form-contaner {
6950
margin-right: 0;
6951
width: 100%;
6952
max-width: 1000px;
6953
}
6954
.comments-env .search-and-pagination .search-form-contaner .search-form-full {
6955
margin-top: 10px;
6956
}
6957
.comments-list > li .comment-checkbox {
6958
width: 8%;
6959
}
6960
.comments-list > li .comment-details {
6961
width: 91.9%;
6962
}
6963
.comments-list > li .comment-details .comment-footer .action-links {
6964
float: none;
6965
width: 100%;
6966
}
6967
.comments-list > li .comment-details .comment-footer .action-links a {
6968
display: block;
6969
}
6970
}
6971
/**
6972
* Nestable
6973
*/
6974
.dd {
6975
position: relative;
6976
display: block;
6977
margin: 0;
6978
padding: 0;
6979
list-style: none;
6980
}
6981
.dd-list {
6982
display: block;
6983
position: relative;
6984
margin: 0;
6985
padding: 0;
6986
list-style: none;
6987
}
6988
.dd-list .dd-list {
6989
padding-left: 30px;
6990
}
6991
.dd-collapsed .dd-list {
6992
display: none;
6993
}
6994
.dd-item,
6995
.dd-empty,
6996
.dd-placeholder {
6997
display: block;
6998
position: relative;
6999
margin: 0;
7000
padding: 0;
7001
min-height: 20px;
7002
font-size: 13px;
7003
line-height: 20px;
7004
}
7005
.dd-handle,
7006
.dd-content {
7007
display: block;
7008
margin: 0px 0;
7009
padding: 5px 10px;
7010
background: #fafafa;
7011
-webkit-box-sizing: border-box;
7012
-moz-box-sizing: border-box;
7013
box-sizing: border-box;
7014
border: 1px solid #ebebeb;
7015
-moz-transition: all 300ms ease-in-out;
7016
-webkit-transition: all 300ms ease-in-out;
7017
-o-transition: all 300ms ease-in-out;
7018
transition: all 300ms ease-in-out;
7019
}
7020
dd-content,
7021
.dd-content:hover {
7022
background: #fff;
7023
}
7024
.dd-item > button {
7025
display: block;
7026
position: relative;
7027
cursor: pointer;
7028
float: left;
7029
width: 25px;
7030
height: 20px;
7031
margin: 5px 0;
7032
padding: 0;
7033
text-indent: -9999px;
7034
white-space: nowrap;
7035
overflow: visible;
7036
border: 0;
7037
background: transparent;
7038
font-size: 12px;
7039
line-height: 1;
7040
text-align: center;
7041
font-weight: bold;
7042
margin-right: 10px;
7043
outline: 0;
7044
}
7045
.dd-item > button:after {
7046
content: '';
7047
display: block;
7048
position: absolute;
7049
right: 0px;
7050
top: -5px;
7051
bottom: -6px;
7052
width: 1px;
7053
background: #ebebeb;
7054
}
7055
.dd-item > button:before {
7056
content: '+';
7057
display: block;
7058
position: absolute;
7059
width: 100%;
7060
text-align: center;
7061
text-indent: 0;
7062
}
7063
.dd-item > button[data-action="collapse"]:before {
7064
content: '-';
7065
}
7066
.dd-placeholder,
7067
.dd-empty {
7068
margin: 0px 0;
7069
padding: 0;
7070
min-height: 30px;
7071
background: rgba(245, 245, 246, 0.3);
7072
border: 1px dotted #ebebeb;
7073
-webkit-box-sizing: border-box;
7074
-moz-box-sizing: border-box;
7075
box-sizing: border-box;
7076
}
7077
.dd-empty {
7078
border: 1px dashed #bbb;
7079
min-height: 100px;
7080
background-color: #e5e5e5;
7081
}
7082
.dd-dragel {
7083
position: absolute;
7084
pointer-events: none;
7085
z-index: 9999;
7086
}
7087
.dd-dragel > .dd-item .dd-handle,
7088
.dd-dragel > .dd-item .dd-content {
7089
margin-top: 0;
7090
}
7091
.dd-dragel .dd-handle,
7092
.dd-dragel .dd-content {
7093
-moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
7094
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
7095
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
7096
}
7097
.nested-list.with-margins .dd-item .dd-handle,
7098
.nested-list.with-margins .dd-item .dd-content {
7099
margin: 5px 0;
7100
}
7101
.nested-list.custom-drag-button .dd-handle {
7102
position: absolute !important;
7103
margin: 0 !important;
7104
width: 15px;
7105
height: 32px;
7106
padding-left: 5px;
7107
padding-right: 4px;
7108
cursor: pointer;
7109
padding-top: 7px;
7110
-moz-box-shadow: none;
7111
-webkit-box-shadow: none;
7112
box-shadow: none;
7113
}
7114
.nested-list.custom-drag-button .dd-handle span {
7115
display: block;
7116
line-height: 3px;
7117
color: rgba(115, 120, 129, 0.7);
7118
}
7119
.nested-list.custom-drag-button .dd-content {
7120
padding-left: 25px;
7121
}
7122
.nested-list.custom-drag-button button + .dd-handle {
7123
left: 24px;
7124
}
7125
.nested-list.custom-drag-button button + .dd-handle + .dd-content {
7126
padding-left: 50px;
7127
}
7128
.nested-list.custom-drag-button.drag-button-on-hover .dd-item > .dd-handle {
7129
zoom: 1;
7130
-webkit-opacity: 0;
7131
-moz-opacity: 0;
7132
opacity: 0;
7133
filter: alpha(opacity=0);
7134
}
7135
.nested-list.custom-drag-button.drag-button-on-hover .dd-item:hover > .dd-handle {
7136
zoom: 1;
7137
-webkit-opacity: 1;
7138
-moz-opacity: 1;
7139
opacity: 1;
7140
filter: alpha(opacity=100);
7141
}
7142
.custom-handler .dd-item .dd-handle {
7143
position: absolute !important;
7144
margin: 0 !important;
7145
width: 15px;
7146
height: 32px;
7147
padding-left: 5px;
7148
padding-right: 4px;
7149
cursor: pointer;
7150
padding-top: 7px;
7151
-moz-box-shadow: none;
7152
-webkit-box-shadow: none;
7153
box-shadow: none;
7154
}
7155
.custom-handler .dd-item .dd-handle span {
7156
display: block;
7157
line-height: 3px;
7158
color: rgba(115, 120, 129, 0.7);
7159
}
7160
.custom-handler .dd-item .dd-content {
7161
padding-left: 25px;
7162
}
7163
.custom-handler .dd-item button + .dd-handle {
7164
left: 24px;
7165
}
7166
.custom-handler .dd-item button + .dd-handle + .dd-content {
7167
padding-left: 50px;
7168
}
7169
7170