Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
Path: blob/master/web-gui/buildyourownbotnet/assets/css/neon-forms.css
1293 views
1
/* ============================================================
2
* bootstrapSwitch v1.8 by Larentis Mattia @SpiritualGuru
3
* http://www.larentis.eu/
4
*
5
* Enhanced for radiobuttons by Stein, Peter @BdMdesigN
6
* http://www.bdmdesign.org/
7
*
8
* Project site:
9
* http://www.larentis.eu/switch/
10
* ============================================================
11
* Licensed under the Apache License, Version 2.0
12
* http://www.apache.org/licenses/LICENSE-2.0
13
* ============================================================ */
14
/*.opacity(@opacity) {
15
opacity: @opacity / 100;
16
filter: ~"alpha(opacity=@{opacity})";
17
}*/
18
.has-switch {
19
display: inline-block;
20
cursor: pointer;
21
-webkit-background-clip: padding-box;
22
-moz-background-clip: padding;
23
background-clip: padding-box;
24
-webkit-border-radius: 50px;
25
-moz-border-radius: 50px;
26
border-radius: 50px;
27
border: 1px solid;
28
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
29
position: relative;
30
text-align: left;
31
overflow: hidden;
32
line-height: 8px;
33
-o-user-select: none;
34
-webkit-user-select: none;
35
-moz-user-select: none;
36
-ms-user-select: none;
37
user-select: none;
38
vertical-align: middle;
39
min-width: 100px;
40
}
41
.has-switch.switch-mini,
42
.has-switch.switch-xs {
43
min-width: 72px;
44
}
45
.has-switch.switch-mini i.switch-mini-icons,
46
.has-switch.switch-xs i.switch-mini-icons {
47
height: 1.20em;
48
line-height: 9px;
49
vertical-align: text-top;
50
text-align: center;
51
transform: scale(0.6);
52
margin-top: -1px;
53
margin-bottom: -1px;
54
}
55
.has-switch.switch-small,
56
.has-switch.switch-sm {
57
min-width: 80px;
58
}
59
.has-switch.switch-large,
60
.has-switch.switch-lg {
61
min-width: 120px;
62
}
63
.has-switch.deactivate {
64
zoom: 1;
65
-webkit-opacity: 50;
66
-moz-opacity: 50;
67
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5000);
68
opacity: 50;
69
filter: alpha(opacity=5000);
70
cursor: default !important;
71
}
72
.has-switch.deactivate label,
73
.has-switch.deactivate span {
74
cursor: default !important;
75
}
76
.has-switch > div {
77
display: inline-block;
78
width: 150%;
79
position: relative;
80
top: 0;
81
}
82
.has-switch > div.switch-animate {
83
-moz-transition: left 0.5s;
84
-webkit-transition: left 0.5s;
85
-o-transition: left 0.5s;
86
transition: left 0.5s;
87
}
88
.has-switch > div.switch-off {
89
left: -50%;
90
}
91
.has-switch > div.switch-on {
92
left: 0%;
93
}
94
.has-switch input[type=radio],
95
.has-switch input[type=checkbox] {
96
display: block;
97
position: absolute;
98
margin-left: -60%;
99
}
100
.has-switch span,
101
.has-switch label {
102
-webkit-box-sizing: border-box;
103
-moz-box-sizing: border-box;
104
box-sizing: border-box;
105
cursor: pointer;
106
position: relative;
107
display: inline-block;
108
height: 100%;
109
padding-bottom: 4px;
110
padding-top: 4px;
111
font-size: 14px;
112
line-height: 20px;
113
}
114
.has-switch span.switch-mini,
115
.has-switch label.switch-mini,
116
.has-switch span.switch-xs,
117
.has-switch label.switch-xs {
118
padding-bottom: 4px;
119
padding-top: 4px;
120
font-size: 10px;
121
line-height: 9px;
122
}
123
.has-switch span.switch-small,
124
.has-switch label.switch-small,
125
.has-switch span.switch-sm,
126
.has-switch label.switch-sm {
127
padding-bottom: 3px;
128
padding-top: 3px;
129
font-size: 12px;
130
line-height: 18px;
131
}
132
.has-switch span.switch-large,
133
.has-switch label.switch-large,
134
.has-switch span.switch-lg,
135
.has-switch label.switch-lg {
136
padding-bottom: 9px;
137
padding-top: 9px;
138
font-size: 16px;
139
line-height: normal;
140
}
141
.has-switch label {
142
text-align: center;
143
margin-top: -1px;
144
margin-bottom: -1px;
145
z-index: 100;
146
width: 34%;
147
border-left: 1px solid #ebebeb;
148
border-right: 1px solid #ebebeb;
149
*background-color: #e6e6e6;
150
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
151
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
152
}
153
.has-switch label.switch-left {
154
background-color: #e6e6e6;
155
color: #333;
156
}
157
.has-switch label.switch-right {
158
background-color: #f5f5f6;
159
color: #737881;
160
}
161
.has-switch label.switch-right:hover {
162
background-color: #f5f5f6;
163
color: #737881;
164
}
165
.has-switch label:hover,
166
.has-switch label:focus,
167
.has-switch label:active,
168
.has-switch label.active,
169
.has-switch label.disabled,
170
.has-switch label[disabled] {
171
color: #333;
172
*background-color: #d9d9d9;
173
}
174
.has-switch label:active,
175
.has-switch label.active {
176
background-color: #cccccc \9;
177
}
178
.has-switch label i {
179
color: #000;
180
line-height: 18px;
181
pointer-events: none;
182
}
183
.has-switch span {
184
text-align: center;
185
z-index: 1;
186
width: 33%;
187
}
188
.has-switch span.switch-left {
189
-webkit-border-top-left-radius: 49px;
190
-moz-border-radius-topleft: 49px;
191
-webkit-background-clip: padding-box;
192
-moz-background-clip: padding;
193
background-clip: padding-box;
194
-webkit-border-bottom-left-radius: 49px;
195
-moz-border-radius-bottomleft: 49px;
196
border-bottom-left-radius: 49px;
197
border-top-left-radius: 49px;
198
}
199
.has-switch span.switch-right {
200
*background-color: #FFFFFF;
201
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
202
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
203
}
204
.has-switch span.switch-right.switch-left {
205
background-color: #FFFFFF;
206
color: #333;
207
}
208
.has-switch span.switch-right.switch-right {
209
background-color: #f5f5f6;
210
color: #737881;
211
}
212
.has-switch span.switch-right.switch-right:hover {
213
background-color: #f5f5f6;
214
color: #737881;
215
}
216
.has-switch span.switch-right:hover,
217
.has-switch span.switch-right:focus,
218
.has-switch span.switch-right:active,
219
.has-switch span.switch-right.active,
220
.has-switch span.switch-right.disabled,
221
.has-switch span.switch-right[disabled] {
222
color: #333;
223
*background-color: #f2f2f2;
224
}
225
.has-switch span.switch-right:active,
226
.has-switch span.switch-right.active {
227
background-color: #e6e6e6 \9;
228
}
229
.has-switch span.switch-primary,
230
.has-switch span.switch-left {
231
*background-color: #08c;
232
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
233
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
234
}
235
.has-switch span.switch-primary.switch-left,
236
.has-switch span.switch-left.switch-left {
237
background-color: #08c;
238
color: #fff;
239
}
240
.has-switch span.switch-primary.switch-right,
241
.has-switch span.switch-left.switch-right {
242
background-color: #f5f5f6;
243
color: #737881;
244
}
245
.has-switch span.switch-primary.switch-right:hover,
246
.has-switch span.switch-left.switch-right:hover {
247
background-color: #f5f5f6;
248
color: #737881;
249
}
250
.has-switch span.switch-primary:hover,
251
.has-switch span.switch-left:hover,
252
.has-switch span.switch-primary:focus,
253
.has-switch span.switch-left:focus,
254
.has-switch span.switch-primary:active,
255
.has-switch span.switch-left:active,
256
.has-switch span.switch-primary.active,
257
.has-switch span.switch-left.active,
258
.has-switch span.switch-primary.disabled,
259
.has-switch span.switch-left.disabled,
260
.has-switch span.switch-primary[disabled],
261
.has-switch span.switch-left[disabled] {
262
color: #fff;
263
*background-color: #0077b3;
264
}
265
.has-switch span.switch-primary:active,
266
.has-switch span.switch-left:active,
267
.has-switch span.switch-primary.active,
268
.has-switch span.switch-left.active {
269
background-color: #006699 \9;
270
}
271
.has-switch span.switch-info {
272
*background-color: #5bc0de;
273
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
274
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
275
}
276
.has-switch span.switch-info.switch-left {
277
background-color: #5bc0de;
278
color: #fff;
279
}
280
.has-switch span.switch-info.switch-right {
281
background-color: #f5f5f6;
282
color: #737881;
283
}
284
.has-switch span.switch-info.switch-right:hover {
285
background-color: #f5f5f6;
286
color: #737881;
287
}
288
.has-switch span.switch-info:hover,
289
.has-switch span.switch-info:focus,
290
.has-switch span.switch-info:active,
291
.has-switch span.switch-info.active,
292
.has-switch span.switch-info.disabled,
293
.has-switch span.switch-info[disabled] {
294
color: #fff;
295
*background-color: #46b8da;
296
}
297
.has-switch span.switch-info:active,
298
.has-switch span.switch-info.active {
299
background-color: #31b0d5 \9;
300
}
301
.has-switch span.switch-success {
302
*background-color: #62c462;
303
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
304
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
305
}
306
.has-switch span.switch-success.switch-left {
307
background-color: #62c462;
308
color: #fff;
309
}
310
.has-switch span.switch-success.switch-right {
311
background-color: #f5f5f6;
312
color: #737881;
313
}
314
.has-switch span.switch-success.switch-right:hover {
315
background-color: #f5f5f6;
316
color: #737881;
317
}
318
.has-switch span.switch-success:hover,
319
.has-switch span.switch-success:focus,
320
.has-switch span.switch-success:active,
321
.has-switch span.switch-success.active,
322
.has-switch span.switch-success.disabled,
323
.has-switch span.switch-success[disabled] {
324
color: #fff;
325
*background-color: #4fbd4f;
326
}
327
.has-switch span.switch-success:active,
328
.has-switch span.switch-success.active {
329
background-color: #42b142 \9;
330
}
331
.has-switch span.switch-warning {
332
*background-color: #fbb450;
333
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
334
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
335
}
336
.has-switch span.switch-warning.switch-left {
337
background-color: #fbb450;
338
color: #fff;
339
}
340
.has-switch span.switch-warning.switch-right {
341
background-color: #f5f5f6;
342
color: #737881;
343
}
344
.has-switch span.switch-warning.switch-right:hover {
345
background-color: #f5f5f6;
346
color: #737881;
347
}
348
.has-switch span.switch-warning:hover,
349
.has-switch span.switch-warning:focus,
350
.has-switch span.switch-warning:active,
351
.has-switch span.switch-warning.active,
352
.has-switch span.switch-warning.disabled,
353
.has-switch span.switch-warning[disabled] {
354
color: #fff;
355
*background-color: #faa937;
356
}
357
.has-switch span.switch-warning:active,
358
.has-switch span.switch-warning.active {
359
background-color: #fa9f1e \9;
360
}
361
.has-switch span.switch-danger {
362
*background-color: #ee5f5b;
363
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
364
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
365
}
366
.has-switch span.switch-danger.switch-left {
367
background-color: #ee5f5b;
368
color: #fff;
369
}
370
.has-switch span.switch-danger.switch-right {
371
background-color: #f5f5f6;
372
color: #737881;
373
}
374
.has-switch span.switch-danger.switch-right:hover {
375
background-color: #f5f5f6;
376
color: #737881;
377
}
378
.has-switch span.switch-danger:hover,
379
.has-switch span.switch-danger:focus,
380
.has-switch span.switch-danger:active,
381
.has-switch span.switch-danger.active,
382
.has-switch span.switch-danger.disabled,
383
.has-switch span.switch-danger[disabled] {
384
color: #fff;
385
*background-color: #ec4844;
386
}
387
.has-switch span.switch-danger:active,
388
.has-switch span.switch-danger.active {
389
background-color: #e9322d \9;
390
}
391
.has-switch span.switch-default {
392
*background-color: #FFFFFF;
393
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
394
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
395
}
396
.has-switch span.switch-default.switch-left {
397
background-color: #FFFFFF;
398
color: #333;
399
}
400
.has-switch span.switch-default.switch-right {
401
background-color: #f5f5f6;
402
color: #737881;
403
}
404
.has-switch span.switch-default.switch-right:hover {
405
background-color: #f5f5f6;
406
color: #737881;
407
}
408
.has-switch span.switch-default:hover,
409
.has-switch span.switch-default:focus,
410
.has-switch span.switch-default:active,
411
.has-switch span.switch-default.active,
412
.has-switch span.switch-default.disabled,
413
.has-switch span.switch-default[disabled] {
414
color: #333;
415
*background-color: #f2f2f2;
416
}
417
.has-switch span.switch-default:active,
418
.has-switch span.switch-default.active {
419
background-color: #e6e6e6 \9;
420
}
421
.bootstrap-tagsinput {
422
background-color: #fff;
423
border: 1px solid #ccc;
424
display: block;
425
padding: 6px 8px;
426
padding-bottom: 8px;
427
margin-bottom: 10px;
428
color: #555;
429
vertical-align: middle;
430
max-width: 100%;
431
line-height: 22px;
432
border: 1px solid #ebebeb;
433
-webkit-background-clip: padding-box;
434
-moz-background-clip: padding;
435
background-clip: padding-box;
436
-webkit-border-radius: 3px;
437
-moz-border-radius: 3px;
438
border-radius: 3px;
439
}
440
.bootstrap-tagsinput:hover {
441
border-color: #cbd0d9;
442
}
443
.bootstrap-tagsinput input {
444
border: none;
445
box-shadow: none;
446
outline: none;
447
background-color: transparent;
448
padding: 0;
449
margin: 0;
450
width: auto !important;
451
max-width: inherit;
452
}
453
.bootstrap-tagsinput input:focus {
454
border: none;
455
box-shadow: none;
456
}
457
.bootstrap-tagsinput .tag {
458
display: inline-block;
459
margin-right: 2px;
460
color: white;
461
font-size: 10px;
462
}
463
.bootstrap-tagsinput .tag [data-role="remove"] {
464
margin-left: 8px;
465
cursor: pointer;
466
}
467
.bootstrap-tagsinput .tag [data-role="remove"]:after {
468
content: "x";
469
padding: 0px 2px;
470
}
471
/*!
472
* Datepicker for Bootstrap
473
*
474
* Copyright 2012 Stefan Petre
475
* Improvements by Andrew Rowls
476
* Licensed under the Apache License v2.0
477
* http://www.apache.org/licenses/LICENSE-2.0
478
*
479
*/
480
div.datepicker {
481
padding: 4px;
482
-webkit-background-clip: padding-box;
483
-moz-background-clip: padding;
484
background-clip: padding-box;
485
-webkit-border-radius: 3px;
486
-moz-border-radius: 3px;
487
border-radius: 3px;
488
direction: ltr;
489
/*.dow {
490
border-top: 1px solid #ddd !important;
491
}*/
492
}
493
div.datepicker-inline {
494
width: 206px;
495
}
496
div.datepickerdiv.datepicker-rtl {
497
direction: rtl;
498
}
499
div.datepickerdiv.datepicker-rtl table tr td span {
500
float: right;
501
}
502
div.datepicker-dropdown {
503
top: 0;
504
left: 0;
505
}
506
div.datepicker-dropdown:before {
507
content: '';
508
display: inline-block;
509
border-left: 7px solid transparent;
510
border-right: 7px solid transparent;
511
border-bottom: 7px solid #ebebeb;
512
border-top: 0;
513
border-bottom-color: rgba(0, 0, 0, 0.2);
514
position: absolute;
515
}
516
div.datepicker-dropdown:after {
517
content: '';
518
display: inline-block;
519
border-left: 6px solid transparent;
520
border-right: 6px solid transparent;
521
border-bottom: 6px solid #FFFFFF;
522
border-top: 0;
523
position: absolute;
524
}
525
div.datepicker-dropdown.datepicker-orient-left:before {
526
left: 6px;
527
}
528
div.datepicker-dropdown.datepicker-orient-left:after {
529
left: 7px;
530
}
531
div.datepicker-dropdown.datepicker-orient-right:before {
532
right: 6px;
533
}
534
div.datepicker-dropdown.datepicker-orient-right:after {
535
right: 7px;
536
}
537
div.datepicker-dropdown.datepicker-orient-top:before {
538
top: -7px;
539
}
540
div.datepicker-dropdown.datepicker-orient-top:after {
541
top: -6px;
542
}
543
div.datepicker-dropdown.datepicker-orient-bottom:before {
544
bottom: -7px;
545
border-bottom: 0;
546
border-top: 7px solid #CCC;
547
}
548
div.datepicker-dropdown.datepicker-orient-bottom:after {
549
bottom: -6px;
550
border-bottom: 0;
551
border-top: 6px solid #FFFFFF;
552
}
553
div.datepicker > div {
554
display: none;
555
}
556
div.datepicker.days div.datepicker-days {
557
display: block;
558
}
559
div.datepicker.months div.datepicker-months {
560
display: block;
561
}
562
div.datepicker.years div.datepicker-years {
563
display: block;
564
}
565
div.datepicker table {
566
margin: 0;
567
-webkit-touch-callout: none;
568
-webkit-user-select: none;
569
-khtml-user-select: none;
570
-moz-user-select: none;
571
-ms-user-select: none;
572
user-select: none;
573
}
574
div.datepicker td,
575
div.datepicker th {
576
text-align: center;
577
width: 20px;
578
height: 20px;
579
-webkit-background-clip: padding-box;
580
-moz-background-clip: padding;
581
background-clip: padding-box;
582
-webkit-border-radius: 4px;
583
-moz-border-radius: 4px;
584
border-radius: 4px;
585
border: none;
586
}
587
.table-striped div.datepicker table tr td,
588
.table-striped div.datepicker table tr th {
589
background-color: transparent;
590
}
591
div.datepicker table tr td.day:hover {
592
background: #eeeeee;
593
cursor: pointer;
594
color: #303641;
595
-moz-transition: all 300ms ease-in-out;
596
-webkit-transition: all 300ms ease-in-out;
597
-o-transition: all 300ms ease-in-out;
598
transition: all 300ms ease-in-out;
599
}
600
div.datepicker table tr td.old,
601
div.datepicker table tr td.new {
602
color: #999999;
603
}
604
div.datepicker table tr td.disabled,
605
div.datepicker table tr td.disabled:hover {
606
background: none;
607
color: #999999;
608
color: #dee0e4;
609
cursor: default;
610
}
611
div.datepicker table tr td.today,
612
div.datepicker table tr td.today:hover,
613
div.datepicker table tr td.today.disabled,
614
div.datepicker table tr td.today.disabled:hover {
615
*background-color: #737397;
616
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
617
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
618
color: #000;
619
}
620
div.datepicker table tr td.today.switch-left,
621
div.datepicker table tr td.today:hover.switch-left,
622
div.datepicker table tr td.today.disabled.switch-left,
623
div.datepicker table tr td.today.disabled:hover.switch-left {
624
background-color: #737397;
625
color: #fff;
626
}
627
div.datepicker table tr td.today.switch-right,
628
div.datepicker table tr td.today:hover.switch-right,
629
div.datepicker table tr td.today.disabled.switch-right,
630
div.datepicker table tr td.today.disabled:hover.switch-right {
631
background-color: #f5f5f6;
632
color: #737881;
633
}
634
div.datepicker table tr td.today.switch-right:hover,
635
div.datepicker table tr td.today:hover.switch-right:hover,
636
div.datepicker table tr td.today.disabled.switch-right:hover,
637
div.datepicker table tr td.today.disabled:hover.switch-right:hover {
638
background-color: #f5f5f6;
639
color: #737881;
640
}
641
div.datepicker table tr td.today:hover,
642
div.datepicker table tr td.today:hover:hover,
643
div.datepicker table tr td.today.disabled:hover,
644
div.datepicker table tr td.today.disabled:hover:hover,
645
div.datepicker table tr td.today:focus,
646
div.datepicker table tr td.today:hover:focus,
647
div.datepicker table tr td.today.disabled:focus,
648
div.datepicker table tr td.today.disabled:hover:focus,
649
div.datepicker table tr td.today:active,
650
div.datepicker table tr td.today:hover:active,
651
div.datepicker table tr td.today.disabled:active,
652
div.datepicker table tr td.today.disabled:hover:active,
653
div.datepicker table tr td.today.active,
654
div.datepicker table tr td.today:hover.active,
655
div.datepicker table tr td.today.disabled.active,
656
div.datepicker table tr td.today.disabled:hover.active,
657
div.datepicker table tr td.today.disabled,
658
div.datepicker table tr td.today:hover.disabled,
659
div.datepicker table tr td.today.disabled.disabled,
660
div.datepicker table tr td.today.disabled:hover.disabled,
661
div.datepicker table tr td.today[disabled],
662
div.datepicker table tr td.today:hover[disabled],
663
div.datepicker table tr td.today.disabled[disabled],
664
div.datepicker table tr td.today.disabled:hover[disabled] {
665
color: #fff;
666
*background-color: #66678a;
667
}
668
div.datepicker table tr td.today:active,
669
div.datepicker table tr td.today:hover:active,
670
div.datepicker table tr td.today.disabled:active,
671
div.datepicker table tr td.today.disabled:hover:active,
672
div.datepicker table tr td.today.active,
673
div.datepicker table tr td.today:hover.active,
674
div.datepicker table tr td.today.disabled.active,
675
div.datepicker table tr td.today.disabled:hover.active {
676
background-color: #5b5c7c \9;
677
}
678
div.datepicker table tr td.today:hover:hover {
679
color: #000;
680
}
681
div.datepicker table tr td.today.active:hover {
682
color: #fff;
683
}
684
div.datepicker table tr td.range,
685
div.datepicker table tr td.range:hover,
686
div.datepicker table tr td.range.disabled,
687
div.datepicker table tr td.range.disabled:hover {
688
background: #eeeeee;
689
-webkit-background-clip: padding-box;
690
-moz-background-clip: padding;
691
background-clip: padding-box;
692
-webkit-border-radius: 0;
693
-moz-border-radius: 0;
694
border-radius: 0;
695
}
696
div.datepicker table tr td.range.today,
697
div.datepicker table tr td.range.today:hover,
698
div.datepicker table tr td.range.today.disabled,
699
div.datepicker table tr td.range.today.disabled:hover {
700
*background-color: #f3ea7a;
701
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
702
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
703
-webkit-background-clip: padding-box;
704
-moz-background-clip: padding;
705
background-clip: padding-box;
706
-webkit-border-radius: 0;
707
-moz-border-radius: 0;
708
border-radius: 0;
709
}
710
div.datepicker table tr td.range.today.switch-left,
711
div.datepicker table tr td.range.today:hover.switch-left,
712
div.datepicker table tr td.range.today.disabled.switch-left,
713
div.datepicker table tr td.range.today.disabled:hover.switch-left {
714
background-color: #f3ea7a;
715
color: #fff;
716
}
717
div.datepicker table tr td.range.today.switch-right,
718
div.datepicker table tr td.range.today:hover.switch-right,
719
div.datepicker table tr td.range.today.disabled.switch-right,
720
div.datepicker table tr td.range.today.disabled:hover.switch-right {
721
background-color: #f5f5f6;
722
color: #737881;
723
}
724
div.datepicker table tr td.range.today.switch-right:hover,
725
div.datepicker table tr td.range.today:hover.switch-right:hover,
726
div.datepicker table tr td.range.today.disabled.switch-right:hover,
727
div.datepicker table tr td.range.today.disabled:hover.switch-right:hover {
728
background-color: #f5f5f6;
729
color: #737881;
730
}
731
div.datepicker table tr td.range.today:hover,
732
div.datepicker table tr td.range.today:hover:hover,
733
div.datepicker table tr td.range.today.disabled:hover,
734
div.datepicker table tr td.range.today.disabled:hover:hover,
735
div.datepicker table tr td.range.today:focus,
736
div.datepicker table tr td.range.today:hover:focus,
737
div.datepicker table tr td.range.today.disabled:focus,
738
div.datepicker table tr td.range.today.disabled:hover:focus,
739
div.datepicker table tr td.range.today:active,
740
div.datepicker table tr td.range.today:hover:active,
741
div.datepicker table tr td.range.today.disabled:active,
742
div.datepicker table tr td.range.today.disabled:hover:active,
743
div.datepicker table tr td.range.today.active,
744
div.datepicker table tr td.range.today:hover.active,
745
div.datepicker table tr td.range.today.disabled.active,
746
div.datepicker table tr td.range.today.disabled:hover.active,
747
div.datepicker table tr td.range.today.disabled,
748
div.datepicker table tr td.range.today:hover.disabled,
749
div.datepicker table tr td.range.today.disabled.disabled,
750
div.datepicker table tr td.range.today.disabled:hover.disabled,
751
div.datepicker table tr td.range.today[disabled],
752
div.datepicker table tr td.range.today:hover[disabled],
753
div.datepicker table tr td.range.today.disabled[disabled],
754
div.datepicker table tr td.range.today.disabled:hover[disabled] {
755
color: #fff;
756
*background-color: #f1e663;
757
}
758
div.datepicker table tr td.range.today:active,
759
div.datepicker table tr td.range.today:hover:active,
760
div.datepicker table tr td.range.today.disabled:active,
761
div.datepicker table tr td.range.today.disabled:hover:active,
762
div.datepicker table tr td.range.today.active,
763
div.datepicker table tr td.range.today:hover.active,
764
div.datepicker table tr td.range.today.disabled.active,
765
div.datepicker table tr td.range.today.disabled:hover.active {
766
background-color: #efe24b \9;
767
}
768
div.datepicker table tr td.selected,
769
div.datepicker table tr td.selected:hover,
770
div.datepicker table tr td.selected.disabled,
771
div.datepicker table tr td.selected.disabled:hover {
772
*background-color: #808080;
773
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
774
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
775
color: #fff;
776
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
777
}
778
div.datepicker table tr td.selected.switch-left,
779
div.datepicker table tr td.selected:hover.switch-left,
780
div.datepicker table tr td.selected.disabled.switch-left,
781
div.datepicker table tr td.selected.disabled:hover.switch-left {
782
background-color: #808080;
783
color: #fff;
784
}
785
div.datepicker table tr td.selected.switch-right,
786
div.datepicker table tr td.selected:hover.switch-right,
787
div.datepicker table tr td.selected.disabled.switch-right,
788
div.datepicker table tr td.selected.disabled:hover.switch-right {
789
background-color: #f5f5f6;
790
color: #737881;
791
}
792
div.datepicker table tr td.selected.switch-right:hover,
793
div.datepicker table tr td.selected:hover.switch-right:hover,
794
div.datepicker table tr td.selected.disabled.switch-right:hover,
795
div.datepicker table tr td.selected.disabled:hover.switch-right:hover {
796
background-color: #f5f5f6;
797
color: #737881;
798
}
799
div.datepicker table tr td.selected:hover,
800
div.datepicker table tr td.selected:hover:hover,
801
div.datepicker table tr td.selected.disabled:hover,
802
div.datepicker table tr td.selected.disabled:hover:hover,
803
div.datepicker table tr td.selected:focus,
804
div.datepicker table tr td.selected:hover:focus,
805
div.datepicker table tr td.selected.disabled:focus,
806
div.datepicker table tr td.selected.disabled:hover:focus,
807
div.datepicker table tr td.selected:active,
808
div.datepicker table tr td.selected:hover:active,
809
div.datepicker table tr td.selected.disabled:active,
810
div.datepicker table tr td.selected.disabled:hover:active,
811
div.datepicker table tr td.selected.active,
812
div.datepicker table tr td.selected:hover.active,
813
div.datepicker table tr td.selected.disabled.active,
814
div.datepicker table tr td.selected.disabled:hover.active,
815
div.datepicker table tr td.selected.disabled,
816
div.datepicker table tr td.selected:hover.disabled,
817
div.datepicker table tr td.selected.disabled.disabled,
818
div.datepicker table tr td.selected.disabled:hover.disabled,
819
div.datepicker table tr td.selected[disabled],
820
div.datepicker table tr td.selected:hover[disabled],
821
div.datepicker table tr td.selected.disabled[disabled],
822
div.datepicker table tr td.selected.disabled:hover[disabled] {
823
color: #fff;
824
*background-color: #737373;
825
}
826
div.datepicker table tr td.selected:active,
827
div.datepicker table tr td.selected:hover:active,
828
div.datepicker table tr td.selected.disabled:active,
829
div.datepicker table tr td.selected.disabled:hover:active,
830
div.datepicker table tr td.selected.active,
831
div.datepicker table tr td.selected:hover.active,
832
div.datepicker table tr td.selected.disabled.active,
833
div.datepicker table tr td.selected.disabled:hover.active {
834
background-color: #666666 \9;
835
}
836
div.datepicker table tr td.active,
837
div.datepicker table tr td.active:hover,
838
div.datepicker table tr td.active.disabled,
839
div.datepicker table tr td.active.disabled:hover {
840
background: #303641;
841
color: #fff;
842
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
843
}
844
div.datepicker table tr td span {
845
display: block;
846
width: 23%;
847
height: 54px;
848
line-height: 54px;
849
float: left;
850
margin: 1%;
851
cursor: pointer;
852
-webkit-background-clip: padding-box;
853
-moz-background-clip: padding;
854
background-clip: padding-box;
855
-webkit-border-radius: 4px;
856
-moz-border-radius: 4px;
857
border-radius: 4px;
858
}
859
div.datepicker table tr td span:hover {
860
background: #eeeeee;
861
}
862
div.datepicker table tr td span.disabled,
863
div.datepicker table tr td span.disabled:hover {
864
background: none;
865
color: #999999;
866
cursor: default;
867
}
868
div.datepicker table tr td span.active,
869
div.datepicker table tr td span.active:hover,
870
div.datepicker table tr td span.active.disabled,
871
div.datepicker table tr td span.active.disabled:hover {
872
background: #303641;
873
color: #fff;
874
}
875
div.datepicker table tr td span.old,
876
div.datepicker table tr td span.new {
877
color: #999999;
878
}
879
div.datepicker th.datepicker-switch {
880
width: 145px;
881
}
882
div.datepicker thead tr:first-child th,
883
div.datepicker tfoot tr th {
884
cursor: pointer;
885
}
886
div.datepicker thead tr:first-child th:hover,
887
div.datepicker tfoot tr th:hover {
888
background: #eeeeee;
889
}
890
div.datepicker .cw {
891
font-size: 10px;
892
width: 12px;
893
padding: 0 2px 0 5px;
894
vertical-align: middle;
895
}
896
div.datepicker thead tr:first-child th.cw {
897
cursor: default;
898
background-color: transparent;
899
}
900
.input-append.date .add-on i,
901
.input-prepend.date .add-on i {
902
display: block;
903
cursor: pointer;
904
width: 16px;
905
height: 16px;
906
}
907
.input-daterange input {
908
text-align: center;
909
}
910
.input-daterange input:first-child {
911
-webkit-background-clip: padding-box;
912
-moz-background-clip: padding;
913
background-clip: padding-box;
914
-webkit-border-radius: 3px 0 0 3px;
915
-moz-border-radius: 3px 0 0 3px;
916
border-radius: 3px 0 0 3px;
917
}
918
.input-daterange input:last-child {
919
-webkit-background-clip: padding-box;
920
-moz-background-clip: padding;
921
background-clip: padding-box;
922
-webkit-border-radius: 0 3px 3px 0;
923
-moz-border-radius: 0 3px 3px 0;
924
border-radius: 0 3px 3px 0;
925
}
926
.input-daterange .add-on {
927
display: inline-block;
928
width: auto;
929
min-width: 16px;
930
height: 1.42857143;
931
padding: 4px 5px;
932
font-weight: normal;
933
line-height: 1.42857143;
934
text-align: center;
935
text-shadow: 0 1px 0 #FFFFFF;
936
vertical-align: middle;
937
background-color: #eeeeee;
938
border: 1px solid #ccc;
939
margin-left: -5px;
940
margin-right: -5px;
941
}
942
.datepicker-inline {
943
border: 1px solid #ebebeb;
944
}
945
.datepicker-inline.no-border {
946
border-color: transparent;
947
}
948
.datepicker-inline table {
949
width: 195px;
950
}
951
.input-group-addon .color-preview {
952
width: 16px;
953
height: 16px;
954
background: #FFF;
955
display: inline-block;
956
border: 1px solid #ebebeb;
957
}
958
/*!
959
* Timepicker Component for Twitter Bootstrap
960
*
961
* Copyright 2013 Joris de Wit
962
*
963
* Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
964
*
965
* For the full copyright and license information, please view the LICENSE
966
* file that was distributed with this source code.
967
*/
968
.bootstrap-timepicker {
969
position: relative;
970
}
971
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
972
left: auto;
973
right: 0;
974
}
975
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
976
left: auto;
977
right: 12px;
978
}
979
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
980
left: auto;
981
right: 13px;
982
}
983
.bootstrap-timepicker .add-on {
984
cursor: pointer;
985
}
986
.bootstrap-timepicker .add-on i {
987
display: inline-block;
988
width: 16px;
989
height: 16px;
990
}
991
.bootstrap-timepicker-widget.dropdown-menu {
992
padding: 4px;
993
}
994
.bootstrap-timepicker-widget.dropdown-menu.open {
995
display: inline-block;
996
z-index: 10000;
997
}
998
.bootstrap-timepicker-widget.dropdown-menu:before {
999
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
1000
border-left: 7px solid transparent;
1001
border-right: 7px solid transparent;
1002
content: "";
1003
display: inline-block;
1004
position: absolute;
1005
}
1006
.bootstrap-timepicker-widget.dropdown-menu:after {
1007
border-bottom: 6px solid #FFFFFF;
1008
border-left: 6px solid transparent;
1009
border-right: 6px solid transparent;
1010
content: "";
1011
display: inline-block;
1012
position: absolute;
1013
}
1014
.bootstrap-timepicker-widget.timepicker-orient-left:before {
1015
left: 6px;
1016
}
1017
.bootstrap-timepicker-widget.timepicker-orient-left:after {
1018
left: 7px;
1019
}
1020
.bootstrap-timepicker-widget.timepicker-orient-right:before {
1021
right: 6px;
1022
}
1023
.bootstrap-timepicker-widget.timepicker-orient-right:after {
1024
right: 7px;
1025
}
1026
.bootstrap-timepicker-widget.timepicker-orient-top:before {
1027
top: -7px;
1028
}
1029
.bootstrap-timepicker-widget.timepicker-orient-top:after {
1030
top: -6px;
1031
}
1032
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
1033
bottom: -7px;
1034
border-bottom: 0;
1035
border-top: 7px solid #CCC;
1036
}
1037
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
1038
bottom: -6px;
1039
border-bottom: 0;
1040
border-top: 6px solid #ffffff;
1041
}
1042
.bootstrap-timepicker-widget a.btn,
1043
.bootstrap-timepicker-widget input {
1044
border-radius: 3px;
1045
}
1046
.bootstrap-timepicker-widget table {
1047
width: 100%;
1048
margin: 0;
1049
}
1050
.bootstrap-timepicker-widget table td {
1051
text-align: center;
1052
height: 30px;
1053
margin: 0;
1054
padding: 2px;
1055
}
1056
.bootstrap-timepicker-widget table td:not(.separator) {
1057
min-width: 30px;
1058
}
1059
.bootstrap-timepicker-widget table td span {
1060
width: 100%;
1061
}
1062
.bootstrap-timepicker-widget table td a {
1063
border: 1px transparent solid;
1064
width: 100%;
1065
display: inline-block;
1066
margin: 0;
1067
padding: 0 0;
1068
outline: 0;
1069
color: #303641;
1070
}
1071
.bootstrap-timepicker-widget table td a:hover {
1072
text-decoration: none;
1073
background-color: #f5f5f6;
1074
-webkit-background-clip: padding-box;
1075
-moz-background-clip: padding;
1076
background-clip: padding-box;
1077
-webkit-border-radius: 3px;
1078
-moz-border-radius: 3px;
1079
border-radius: 3px;
1080
border-color: #ebebeb;
1081
}
1082
.bootstrap-timepicker-widget table td a i {
1083
margin-top: 2px;
1084
}
1085
.bootstrap-timepicker-widget table td a i:before {
1086
font-family: "Entypo";
1087
font-size: 12px;
1088
font-style: normal;
1089
}
1090
.bootstrap-timepicker-widget table td a i.icon-chevron-up:before {
1091
content: '\e876';
1092
}
1093
.bootstrap-timepicker-widget table td a i.icon-chevron-down:before {
1094
content: '\e873';
1095
}
1096
.bootstrap-timepicker-widget table td input {
1097
width: 25px;
1098
margin: 0;
1099
text-align: center;
1100
outline: none;
1101
border: 0;
1102
background: transparent;
1103
}
1104
.bootstrap-timepicker-widget table td input:focus {
1105
background: #f5f5f6;
1106
}
1107
.bootstrap-timepicker-widget .modal-content {
1108
padding: 4px;
1109
}
1110
.date-and-time > input.datepicker {
1111
float: left;
1112
width: 70%;
1113
}
1114
.date-and-time > input.timepicker {
1115
float: right;
1116
width: 30%;
1117
}
1118
.date-and-time > input:first-child {
1119
-webkit-background-clip: padding-box;
1120
-moz-background-clip: padding;
1121
background-clip: padding-box;
1122
-webkit-border-radius: 3px 0 0 3px;
1123
-moz-border-radius: 3px 0 0 3px;
1124
border-radius: 3px 0 0 3px;
1125
border-right: 0;
1126
}
1127
.date-and-time > input:last-child {
1128
-webkit-background-clip: padding-box;
1129
-moz-background-clip: padding;
1130
background-clip: padding-box;
1131
-webkit-border-radius: 0 3px 3px 0;
1132
-moz-border-radius: 0 3px 3px 0;
1133
border-radius: 0 3px 3px 0;
1134
}
1135
@media (min-width: 767px) {
1136
.bootstrap-timepicker-widget.modal {
1137
width: 200px;
1138
margin-left: -100px;
1139
}
1140
}
1141
@media (max-width: 767px) {
1142
.bootstrap-timepicker {
1143
width: 100%;
1144
}
1145
.bootstrap-timepicker .dropdown-menu {
1146
width: 100%;
1147
}
1148
}
1149
/*!
1150
* Bootstrap Colorpicker
1151
* http://mjolnic.github.io/bootstrap-colorpicker/
1152
*
1153
* Originally written by (c) 2012 Stefan Petre
1154
* Licensed under the Apache License v2.0
1155
* http://www.apache.org/licenses/LICENSE-2.0.txt
1156
*
1157
*/
1158
.colorpicker-saturation {
1159
width: 100px;
1160
height: 100px;
1161
background-image: url("../images/colorpicker/saturation.png");
1162
cursor: crosshair;
1163
float: left;
1164
}
1165
.colorpicker-saturation i {
1166
display: block;
1167
height: 5px;
1168
width: 5px;
1169
border: 1px solid #000;
1170
-moz-border-radius: 3px;
1171
-webkit-border-radius: 3px;
1172
border-radius: 3px;
1173
position: absolute;
1174
top: 0;
1175
left: 0;
1176
margin: -4px 0 0 -4px;
1177
}
1178
.colorpicker-saturation i b {
1179
display: block;
1180
height: 5px;
1181
width: 5px;
1182
border: 1px solid #fff;
1183
-moz-border-radius: 3px;
1184
-webkit-border-radius: 3px;
1185
border-radius: 3px;
1186
}
1187
.colorpicker-hue,
1188
.colorpicker-alpha {
1189
width: 15px;
1190
height: 100px;
1191
float: left;
1192
cursor: row-resize;
1193
margin-left: 4px;
1194
margin-bottom: 4px;
1195
}
1196
.colorpicker-hue i,
1197
.colorpicker-alpha i {
1198
display: block;
1199
height: 1px;
1200
background: #000;
1201
border-top: 1px solid #fff;
1202
position: absolute;
1203
top: 0;
1204
left: 0;
1205
width: 100%;
1206
margin-top: -1px;
1207
}
1208
.colorpicker-hue {
1209
background-image: url("../images/colorpicker/hue.png");
1210
}
1211
.colorpicker-alpha {
1212
background-image: url("../images/colorpicker/alpha.png");
1213
display: none;
1214
}
1215
div.colorpicker {
1216
*zoom: 1;
1217
top: 0;
1218
left: 0;
1219
padding: 4px;
1220
min-width: 130px;
1221
margin-top: 1px;
1222
-moz-border-radius: 2px;
1223
-webkit-border-radius: 2px;
1224
border-radius: 2px;
1225
z-index: 2500;
1226
}
1227
.colorpicker:before,
1228
.colorpicker:after {
1229
display: table;
1230
content: "";
1231
line-height: 0;
1232
}
1233
.colorpicker:after {
1234
clear: both;
1235
}
1236
.colorpicker:before {
1237
content: '';
1238
display: inline-block;
1239
border-left: 7px solid transparent;
1240
border-right: 7px solid transparent;
1241
border-bottom: 7px solid #ebebeb;
1242
border-bottom-color: #e6e6e6;
1243
position: absolute;
1244
top: -7px;
1245
left: 6px;
1246
}
1247
.colorpicker:after {
1248
content: '';
1249
display: inline-block;
1250
border-left: 6px solid transparent;
1251
border-right: 6px solid transparent;
1252
border-bottom: 6px solid #ffffff;
1253
position: absolute;
1254
top: -6px;
1255
left: 7px;
1256
}
1257
.colorpicker div {
1258
position: relative;
1259
}
1260
.colorpicker.colorpicker-with-alpha {
1261
min-width: 140px;
1262
}
1263
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
1264
display: block;
1265
}
1266
.colorpicker-color {
1267
height: 10px;
1268
margin-top: 5px;
1269
clear: both;
1270
background-image: url("../images/colorpicker/alpha.png");
1271
background-position: 0 100%;
1272
}
1273
.colorpicker-color div {
1274
height: 10px;
1275
}
1276
.colorpicker-element .input-group-addon i {
1277
display: block;
1278
cursor: pointer;
1279
width: 16px;
1280
height: 16px;
1281
}
1282
.colorpicker.colorpicker-inline {
1283
position: relative;
1284
display: inline-block;
1285
float: none;
1286
}
1287
.colorpicker.colorpicker-horizontal {
1288
width: 110px;
1289
min-width: 110px;
1290
height: auto;
1291
}
1292
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
1293
margin-bottom: 4px;
1294
}
1295
.colorpicker.colorpicker-horizontal .colorpicker-color {
1296
width: 100px;
1297
}
1298
.colorpicker.colorpicker-horizontal .colorpicker-hue,
1299
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
1300
width: 100px;
1301
height: 15px;
1302
float: left;
1303
cursor: col-resize;
1304
margin-left: 0px;
1305
margin-bottom: 4px;
1306
}
1307
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
1308
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
1309
display: block;
1310
height: 15px;
1311
background: #ffffff;
1312
position: absolute;
1313
top: 0;
1314
left: 0;
1315
width: 1px;
1316
border: none;
1317
margin-top: 0px;
1318
}
1319
.colorpicker.colorpicker-horizontal .colorpicker-hue {
1320
background-image: url("../images/colorpicker/hue-horizontal.png");
1321
}
1322
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
1323
background-image: url("../images/colorpicker/alpha-horizontal.png");
1324
}
1325
.colorpicker.colorpicker-hidden {
1326
display: none;
1327
}
1328
.colorpicker.colorpicker-visible {
1329
display: block;
1330
}
1331
.colorpicker-inline.colorpicker-visible {
1332
display: inline-block;
1333
}
1334
.btn-file {
1335
overflow: hidden;
1336
position: relative;
1337
vertical-align: middle;
1338
}
1339
.btn-file > input {
1340
position: absolute;
1341
top: 0;
1342
right: 0;
1343
margin: 0;
1344
opacity: 0;
1345
filter: alpha(opacity=0);
1346
transform: translate(-300px, 0) scale(4);
1347
font-size: 23px;
1348
direction: ltr;
1349
cursor: pointer;
1350
}
1351
.fileinput {
1352
margin-bottom: 9px;
1353
display: inline-block;
1354
}
1355
.fileinput .uneditable-input {
1356
display: inline-block;
1357
margin-bottom: 0px;
1358
vertical-align: middle;
1359
cursor: text;
1360
}
1361
.fileinput i + .fileinput-filename,
1362
.fileinput .btn + .fileinput-filename {
1363
padding-left: 5px;
1364
}
1365
.fileinput.fileinput-exists .close {
1366
opacity: 1;
1367
color: #dee0e4;
1368
position: relative;
1369
top: 3px;
1370
margin-left: 5px;
1371
}
1372
.fileinput .thumbnail {
1373
overflow: hidden;
1374
display: inline-block;
1375
margin-bottom: 5px;
1376
vertical-align: middle;
1377
text-align: center;
1378
}
1379
.fileinput .thumbnail[data-trigger="fileinput"] {
1380
cursor: pointer;
1381
}
1382
.fileinput .thumbnail:before,
1383
.fileinput .thumbnail:after {
1384
content: " ";
1385
display: table;
1386
}
1387
.fileinput .thumbnail:after {
1388
clear: both;
1389
}
1390
.fileinput .thumbnail > img {
1391
max-height: 100%;
1392
display: block;
1393
}
1394
.fileinput .btn {
1395
vertical-align: middle;
1396
}
1397
.fileinput-exists .fileinput-new,
1398
.fileinput-new .fileinput-exists {
1399
display: none;
1400
}
1401
.fileinput-inline .fileinput-controls {
1402
display: inline;
1403
}
1404
.fileinput .uneditable-input {
1405
white-space: normal;
1406
}
1407
.fileinput-new .input-group .btn-file {
1408
border-radius: 0 3px 3px 0;
1409
}
1410
.fileinput-new .input-group .btn-file.btn-xs,
1411
.fileinput-new .input-group .btn-file.btn-sm {
1412
border-radius: 0 2px 2px 0;
1413
}
1414
.fileinput-new .input-group .btn-file.btn-lg {
1415
border-radius: 0 3px 3px 0;
1416
}
1417
.form-group.has-warning .fileinput .uneditable-input {
1418
color: #574802;
1419
border-color: #ffd78a;
1420
}
1421
.form-group.has-warning .fileinput .fileinput-preview {
1422
color: #574802;
1423
}
1424
.form-group.has-warning .fileinput .thumbnail {
1425
border-color: #ffd78a;
1426
}
1427
.form-group.has-error .fileinput .uneditable-input {
1428
color: #ac1818;
1429
border-color: #ffafbd;
1430
}
1431
.form-group.has-error .fileinput .fileinput-preview {
1432
color: #ac1818;
1433
}
1434
.form-group.has-error .fileinput .thumbnail {
1435
border-color: #ffafbd;
1436
}
1437
.form-group.has-success .fileinput .uneditable-input {
1438
color: #045702;
1439
border-color: #b4e8a8;
1440
}
1441
.form-group.has-success .fileinput .fileinput-preview {
1442
color: #045702;
1443
}
1444
.form-group.has-success .fileinput .thumbnail {
1445
border-color: #b4e8a8;
1446
}
1447
.input-group-addon:not(:first-child) {
1448
border-left: 0;
1449
}
1450
.fileinput .uneditable-input,
1451
.fileinput-new .input-group .btn-file {
1452
display: table-cell !important;
1453
}
1454
.toast-title {
1455
font-weight: bold;
1456
}
1457
.toast-message {
1458
-ms-word-wrap: break-word;
1459
word-wrap: break-word;
1460
}
1461
.toast-message a,
1462
.toast-message label {
1463
color: #FFFFFF;
1464
}
1465
.toast-message a:hover {
1466
color: #CCCCCC;
1467
text-decoration: none;
1468
}
1469
.toast-close-button {
1470
position: relative;
1471
right: -0.3em;
1472
top: -0.3em;
1473
float: right;
1474
font-size: 20px;
1475
font-weight: bold;
1476
color: #FFFFFF;
1477
-webkit-text-shadow: 0 1px 0 #ffffff;
1478
text-shadow: 0 1px 0 #ffffff;
1479
zoom: 1;
1480
-webkit-opacity: 0.8;
1481
-moz-opacity: 0.8;
1482
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
1483
opacity: 0.8;
1484
filter: alpha(opacity=80);
1485
}
1486
.toast-close-button:hover,
1487
.toast-close-button:focus {
1488
color: #000000;
1489
text-decoration: none;
1490
cursor: pointer;
1491
zoom: 1;
1492
-webkit-opacity: 0.4;
1493
-moz-opacity: 0.4;
1494
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
1495
opacity: 0.4;
1496
filter: alpha(opacity=40);
1497
}
1498
/*Additional properties for button version
1499
iOS requires the button element instead of an anchor tag.
1500
If you want the anchor version, it requires `href="#"`.*/
1501
button.toast-close-button {
1502
padding: 0;
1503
cursor: pointer;
1504
background: transparent;
1505
border: 0;
1506
-webkit-appearance: none;
1507
}
1508
.toast-top-full-width {
1509
top: 0;
1510
right: 0;
1511
width: 100%;
1512
margin-top: 10px;
1513
margin-bottom: 10px;
1514
}
1515
.toast-bottom-full-width {
1516
bottom: 0;
1517
right: 0;
1518
width: 100%;
1519
}
1520
.toast-top-left {
1521
top: 12px;
1522
left: 12px;
1523
}
1524
.toast-top-right {
1525
top: 12px;
1526
right: 12px;
1527
}
1528
.toast-bottom-right {
1529
right: 12px;
1530
bottom: 12px;
1531
}
1532
.toast-bottom-left {
1533
bottom: 12px;
1534
left: 12px;
1535
}
1536
#toast-container {
1537
position: fixed;
1538
z-index: 999999;
1539
/*overrides*/
1540
}
1541
#toast-container * {
1542
-moz-box-sizing: border-box;
1543
-webkit-box-sizing: border-box;
1544
box-sizing: border-box;
1545
}
1546
#toast-container > div {
1547
margin: 0 0 6px;
1548
padding: 15px 15px 15px 50px;
1549
width: 300px;
1550
-moz-border-radius: 3px;
1551
-webkit-border-radius: 3px;
1552
border-radius: 3px;
1553
background-position: 15px center;
1554
background-repeat: no-repeat;
1555
color: #FFFFFF;
1556
zoom: 1;
1557
-webkit-opacity: 0.8;
1558
-moz-opacity: 0.8;
1559
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
1560
opacity: 0.8;
1561
filter: alpha(opacity=80);
1562
}
1563
#toast-container > :hover {
1564
zoom: 1;
1565
-webkit-opacity: 1;
1566
-moz-opacity: 1;
1567
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
1568
opacity: 1;
1569
filter: alpha(opacity=100);
1570
cursor: pointer;
1571
}
1572
#toast-container > .toast-info {
1573
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
1574
}
1575
#toast-container > .toast-error {
1576
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
1577
}
1578
#toast-container > .toast-success {
1579
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
1580
}
1581
#toast-container > .toast-warning {
1582
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
1583
}
1584
#toast-container.toast-top-full-width > div,
1585
#toast-container.toast-bottom-full-width > div {
1586
width: 96%;
1587
margin: auto;
1588
}
1589
#toast-container .toast-success.black,
1590
#toast-container .toast-error.black,
1591
#toast-container .toast-info.black,
1592
#toast-container .toast-warning.black {
1593
background-color: rgba(0, 0, 0, 0.7);
1594
color: #fff;
1595
}
1596
.toast {
1597
background-color: #030303;
1598
}
1599
.toast-success {
1600
background-color: #00a651;
1601
}
1602
.toast-error {
1603
background-color: #cc2424;
1604
}
1605
.toast-info {
1606
background-color: #21a9e1;
1607
}
1608
.toast-warning {
1609
background-color: #F89406;
1610
}
1611
/*Responsive Design*/
1612
@media all and (max-width: 240px) {
1613
#toast-container > div {
1614
padding: 8px 8px 8px 50px;
1615
width: 11em;
1616
}
1617
#toast-container .toast-close-button {
1618
right: -0.2em;
1619
top: -0.2em;
1620
}
1621
}
1622
@media all and (min-width: 241px) and (max-width: 480px) {
1623
#toast-container > div {
1624
padding: 8px 8px 8px 50px;
1625
width: 18em;
1626
}
1627
#toast-container .toast-close-button {
1628
right: -0.2em;
1629
top: -0.2em;
1630
}
1631
}
1632
@media all and (min-width: 481px) and (max-width: 768px) {
1633
#toast-container > div {
1634
padding: 15px 15px 15px 50px;
1635
width: 25em;
1636
}
1637
}
1638
a.text-primary:hover,
1639
a.text-primary:focus {
1640
color: #7b7b7b;
1641
}
1642
a.text-success:hover,
1643
a.text-success:focus {
1644
color: #022501;
1645
}
1646
a.text-info:hover,
1647
a.text-info:focus {
1648
color: #215f79;
1649
}
1650
a.text-warning:hover,
1651
a.text-warning:focus {
1652
color: #251f01;
1653
}
1654
a.text-danger:hover,
1655
a.text-danger:focus {
1656
color: #7f1212;
1657
}
1658
a.bg-primary:hover,
1659
a.bg-primary:focus {
1660
background-color: #7b7b7b;
1661
}
1662
a.bg-success:hover,
1663
a.bg-success:focus {
1664
background-color: #95e294;
1665
}
1666
a.bg-info:hover,
1667
a.bg-info:focus {
1668
background-color: #98d6f1;
1669
}
1670
a.bg-warning:hover,
1671
a.bg-warning:focus {
1672
background-color: #ffe671;
1673
}
1674
a.bg-danger:hover,
1675
a.bg-danger:focus {
1676
background-color: #ff9696;
1677
}
1678
.table > thead > tr > td.active,
1679
.table > tbody > tr > td.active,
1680
.table > tfoot > tr > td.active,
1681
.table > thead > tr > th.active,
1682
.table > tbody > tr > th.active,
1683
.table > tfoot > tr > th.active,
1684
.table > thead > tr.active > td,
1685
.table > tbody > tr.active > td,
1686
.table > tfoot > tr.active > td,
1687
.table > thead > tr.active > th,
1688
.table > tbody > tr.active > th,
1689
.table > tfoot > tr.active > th {
1690
background-color: #f5f5f5;
1691
}
1692
.table-hover > tbody > tr > td.active:hover,
1693
.table-hover > tbody > tr > th.active:hover,
1694
.table-hover > tbody > tr.active:hover > td,
1695
.table-hover > tbody > tr:hover > .active,
1696
.table-hover > tbody > tr.active:hover > th {
1697
background-color: #e8e8e8;
1698
}
1699
.table > thead > tr > td.success,
1700
.table > tbody > tr > td.success,
1701
.table > tfoot > tr > td.success,
1702
.table > thead > tr > th.success,
1703
.table > tbody > tr > th.success,
1704
.table > tfoot > tr > th.success,
1705
.table > thead > tr.success > td,
1706
.table > tbody > tr.success > td,
1707
.table > tfoot > tr.success > td,
1708
.table > thead > tr.success > th,
1709
.table > tbody > tr.success > th,
1710
.table > tfoot > tr.success > th {
1711
background-color: #bdedbc;
1712
}
1713
.table-hover > tbody > tr > td.success:hover,
1714
.table-hover > tbody > tr > th.success:hover,
1715
.table-hover > tbody > tr.success:hover > td,
1716
.table-hover > tbody > tr:hover > .success,
1717
.table-hover > tbody > tr.success:hover > th {
1718
background-color: #a9e8a8;
1719
}
1720
.table > thead > tr > td.info,
1721
.table > tbody > tr > td.info,
1722
.table > tfoot > tr > td.info,
1723
.table > thead > tr > th.info,
1724
.table > tbody > tr > th.info,
1725
.table > tfoot > tr > th.info,
1726
.table > thead > tr.info > td,
1727
.table > tbody > tr.info > td,
1728
.table > tfoot > tr.info > td,
1729
.table > thead > tr.info > th,
1730
.table > tbody > tr.info > th,
1731
.table > tfoot > tr.info > th {
1732
background-color: #c5e8f7;
1733
}
1734
.table-hover > tbody > tr > td.info:hover,
1735
.table-hover > tbody > tr > th.info:hover,
1736
.table-hover > tbody > tr.info:hover > td,
1737
.table-hover > tbody > tr:hover > .info,
1738
.table-hover > tbody > tr.info:hover > th {
1739
background-color: #afdff4;
1740
}
1741
.table > thead > tr > td.warning,
1742
.table > tbody > tr > td.warning,
1743
.table > tfoot > tr > td.warning,
1744
.table > thead > tr > th.warning,
1745
.table > tbody > tr > th.warning,
1746
.table > tfoot > tr > th.warning,
1747
.table > thead > tr.warning > td,
1748
.table > tbody > tr.warning > td,
1749
.table > tfoot > tr.warning > td,
1750
.table > thead > tr.warning > th,
1751
.table > tbody > tr.warning > th,
1752
.table > tfoot > tr.warning > th {
1753
background-color: #ffefa4;
1754
}
1755
.table-hover > tbody > tr > td.warning:hover,
1756
.table-hover > tbody > tr > th.warning:hover,
1757
.table-hover > tbody > tr.warning:hover > td,
1758
.table-hover > tbody > tr:hover > .warning,
1759
.table-hover > tbody > tr.warning:hover > th {
1760
background-color: #ffeb8a;
1761
}
1762
.table > thead > tr > td.danger,
1763
.table > tbody > tr > td.danger,
1764
.table > tfoot > tr > td.danger,
1765
.table > thead > tr > th.danger,
1766
.table > tbody > tr > th.danger,
1767
.table > tfoot > tr > th.danger,
1768
.table > thead > tr.danger > td,
1769
.table > tbody > tr.danger > td,
1770
.table > tfoot > tr.danger > td,
1771
.table > thead > tr.danger > th,
1772
.table > tbody > tr.danger > th,
1773
.table > tfoot > tr.danger > th {
1774
background-color: #ffc9c9;
1775
}
1776
.table-hover > tbody > tr > td.danger:hover,
1777
.table-hover > tbody > tr > th.danger:hover,
1778
.table-hover > tbody > tr.danger:hover > td,
1779
.table-hover > tbody > tr:hover > .danger,
1780
.table-hover > tbody > tr.danger:hover > th {
1781
background-color: #ffafaf;
1782
}
1783
.form-control:focus {
1784
border-color: #cbd0d9;
1785
outline: 0;
1786
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 208, 217, 0.6);
1787
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 208, 217, 0.6);
1788
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(203, 208, 217, 0.6);
1789
}
1790
.form-control::-webkit-input-placeholder {
1791
color: #aaa;
1792
}
1793
.form-control:-moz-placeholder {
1794
color: #aaa;
1795
}
1796
.form-control::-moz-placeholder {
1797
color: #aaa;
1798
}
1799
.form-control:-ms-input-placeholder {
1800
color: #aaa;
1801
}
1802
.form-control::-moz-placeholder {
1803
color: #999999;
1804
opacity: 1;
1805
}
1806
.form-control:-ms-input-placeholder {
1807
color: #999999;
1808
}
1809
.form-control::-webkit-input-placeholder {
1810
color: #999999;
1811
}
1812
select.input-sm {
1813
height: 28px;
1814
line-height: 28px;
1815
}
1816
textarea.input-sm,
1817
select[multiple].input-sm {
1818
height: auto;
1819
}
1820
select.input-lg {
1821
height: 42px;
1822
line-height: 42px;
1823
}
1824
textarea.input-lg,
1825
select[multiple].input-lg {
1826
height: auto;
1827
}
1828
.has-success .help-block,
1829
.has-success .control-label,
1830
.has-success .radio,
1831
.has-success .checkbox,
1832
.has-success .radio-inline,
1833
.has-success .checkbox-inline,
1834
.has-success.radio label,
1835
.has-success.checkbox label,
1836
.has-success.radio-inline label,
1837
.has-success.checkbox-inline label {
1838
color: #045702;
1839
}
1840
.has-success .form-control {
1841
border-color: #045702;
1842
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1843
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1844
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1845
}
1846
.has-success .form-control:focus {
1847
border-color: #022501;
1848
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #09bb04;
1849
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #09bb04;
1850
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #09bb04;
1851
}
1852
.has-success .input-group-addon {
1853
color: #045702;
1854
border-color: #045702;
1855
background-color: #bdedbc;
1856
}
1857
.has-success .form-control-feedback {
1858
color: #045702;
1859
}
1860
.has-warning .help-block,
1861
.has-warning .control-label,
1862
.has-warning .radio,
1863
.has-warning .checkbox,
1864
.has-warning .radio-inline,
1865
.has-warning .checkbox-inline,
1866
.has-warning.radio label,
1867
.has-warning.checkbox label,
1868
.has-warning.radio-inline label,
1869
.has-warning.checkbox-inline label {
1870
color: #574802;
1871
}
1872
.has-warning .form-control {
1873
border-color: #574802;
1874
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1875
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1876
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1877
}
1878
.has-warning .form-control:focus {
1879
border-color: #251f01;
1880
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bb9b04;
1881
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bb9b04;
1882
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bb9b04;
1883
}
1884
.has-warning .input-group-addon {
1885
color: #574802;
1886
border-color: #574802;
1887
background-color: #ffefa4;
1888
}
1889
.has-warning .form-control-feedback {
1890
color: #574802;
1891
}
1892
.has-error .help-block,
1893
.has-error .control-label,
1894
.has-error .radio,
1895
.has-error .checkbox,
1896
.has-error .radio-inline,
1897
.has-error .checkbox-inline,
1898
.has-error.radio label,
1899
.has-error.checkbox label,
1900
.has-error.radio-inline label,
1901
.has-error.checkbox-inline label {
1902
color: #ac1818;
1903
}
1904
.has-error .form-control {
1905
border-color: #ac1818;
1906
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1907
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1908
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1909
}
1910
.has-error .form-control:focus {
1911
border-color: #7f1212;
1912
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e54545;
1913
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e54545;
1914
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e54545;
1915
}
1916
.has-error .input-group-addon {
1917
color: #ac1818;
1918
border-color: #ac1818;
1919
background-color: #ffc9c9;
1920
}
1921
.has-error .form-control-feedback {
1922
color: #ac1818;
1923
}
1924
.btn-default:focus,
1925
.btn-default.focus {
1926
color: #303641;
1927
background-color: #d6d6d8;
1928
border-color: #aeaeb3;
1929
}
1930
.btn-default:hover {
1931
color: #303641;
1932
background-color: #d6d6d8;
1933
border-color: #d0d0d3;
1934
}
1935
.btn-default:active,
1936
.btn-default.active,
1937
.open > .dropdown-toggle.btn-default {
1938
color: #303641;
1939
background-color: #d6d6d8;
1940
border-color: #d0d0d3;
1941
}
1942
.btn-default:active:hover,
1943
.btn-default.active:hover,
1944
.open > .dropdown-toggle.btn-default:hover,
1945
.btn-default:active:focus,
1946
.btn-default.active:focus,
1947
.open > .dropdown-toggle.btn-default:focus,
1948
.btn-default:active.focus,
1949
.btn-default.active.focus,
1950
.open > .dropdown-toggle.btn-default.focus {
1951
color: #303641;
1952
background-color: #c3c3c7;
1953
border-color: #aeaeb3;
1954
}
1955
.btn-default:active,
1956
.btn-default.active,
1957
.open > .dropdown-toggle.btn-default {
1958
background-image: none;
1959
}
1960
.btn-default.disabled:hover,
1961
.btn-default[disabled]:hover,
1962
fieldset[disabled] .btn-default:hover,
1963
.btn-default.disabled:focus,
1964
.btn-default[disabled]:focus,
1965
fieldset[disabled] .btn-default:focus,
1966
.btn-default.disabled.focus,
1967
.btn-default[disabled].focus,
1968
fieldset[disabled] .btn-default.focus {
1969
background-color: #f0f0f1;
1970
border-color: #f0f0f1;
1971
}
1972
.btn-default .badge {
1973
color: #f0f0f1;
1974
background-color: #303641;
1975
}
1976
.btn-primary:focus,
1977
.btn-primary.focus {
1978
color: #fff;
1979
background-color: #1a1e24;
1980
border-color: #000000;
1981
}
1982
.btn-primary:hover {
1983
color: #fff;
1984
background-color: #1a1e24;
1985
border-color: #0b0d0f;
1986
}
1987
.btn-primary:active,
1988
.btn-primary.active,
1989
.open > .dropdown-toggle.btn-primary {
1990
color: #fff;
1991
background-color: #1a1e24;
1992
border-color: #0b0d0f;
1993
}
1994
.btn-primary:active:hover,
1995
.btn-primary.active:hover,
1996
.open > .dropdown-toggle.btn-primary:hover,
1997
.btn-primary:active:focus,
1998
.btn-primary.active:focus,
1999
.open > .dropdown-toggle.btn-primary:focus,
2000
.btn-primary:active.focus,
2001
.btn-primary.active.focus,
2002
.open > .dropdown-toggle.btn-primary.focus {
2003
color: #fff;
2004
background-color: #0b0d0f;
2005
border-color: #000000;
2006
}
2007
.btn-primary:active,
2008
.btn-primary.active,
2009
.open > .dropdown-toggle.btn-primary {
2010
background-image: none;
2011
}
2012
.btn-primary.disabled:hover,
2013
.btn-primary[disabled]:hover,
2014
fieldset[disabled] .btn-primary:hover,
2015
.btn-primary.disabled:focus,
2016
.btn-primary[disabled]:focus,
2017
fieldset[disabled] .btn-primary:focus,
2018
.btn-primary.disabled.focus,
2019
.btn-primary[disabled].focus,
2020
fieldset[disabled] .btn-primary.focus {
2021
background-color: #303641;
2022
border-color: #252a32;
2023
}
2024
.btn-primary .badge {
2025
color: #303641;
2026
background-color: #fff;
2027
}
2028
.btn-success:focus,
2029
.btn-success.focus {
2030
color: #fff;
2031
background-color: #007338;
2032
border-color: #000d06;
2033
}
2034
.btn-success:hover {
2035
color: #fff;
2036
background-color: #007338;
2037
border-color: #004f27;
2038
}
2039
.btn-success:active,
2040
.btn-success.active,
2041
.open > .dropdown-toggle.btn-success {
2042
color: #fff;
2043
background-color: #007338;
2044
border-color: #004f27;
2045
}
2046
.btn-success:active:hover,
2047
.btn-success.active:hover,
2048
.open > .dropdown-toggle.btn-success:hover,
2049
.btn-success:active:focus,
2050
.btn-success.active:focus,
2051
.open > .dropdown-toggle.btn-success:focus,
2052
.btn-success:active.focus,
2053
.btn-success.active.focus,
2054
.open > .dropdown-toggle.btn-success.focus {
2055
color: #fff;
2056
background-color: #004f27;
2057
border-color: #000d06;
2058
}
2059
.btn-success:active,
2060
.btn-success.active,
2061
.open > .dropdown-toggle.btn-success {
2062
background-image: none;
2063
}
2064
.btn-success.disabled:hover,
2065
.btn-success[disabled]:hover,
2066
fieldset[disabled] .btn-success:hover,
2067
.btn-success.disabled:focus,
2068
.btn-success[disabled]:focus,
2069
fieldset[disabled] .btn-success:focus,
2070
.btn-success.disabled.focus,
2071
.btn-success[disabled].focus,
2072
fieldset[disabled] .btn-success.focus {
2073
background-color: #00a651;
2074
border-color: #008d45;
2075
}
2076
.btn-success .badge {
2077
color: #00a651;
2078
background-color: #fff;
2079
}
2080
.btn-info:focus,
2081
.btn-info.focus {
2082
color: #fff;
2083
background-color: #1988b6;
2084
border-color: #0c455d;
2085
}
2086
.btn-info:hover {
2087
color: #fff;
2088
background-color: #1988b6;
2089
border-color: #147197;
2090
}
2091
.btn-info:active,
2092
.btn-info.active,
2093
.open > .dropdown-toggle.btn-info {
2094
color: #fff;
2095
background-color: #1988b6;
2096
border-color: #147197;
2097
}
2098
.btn-info:active:hover,
2099
.btn-info.active:hover,
2100
.open > .dropdown-toggle.btn-info:hover,
2101
.btn-info:active:focus,
2102
.btn-info.active:focus,
2103
.open > .dropdown-toggle.btn-info:focus,
2104
.btn-info:active.focus,
2105
.btn-info.active.focus,
2106
.open > .dropdown-toggle.btn-info.focus {
2107
color: #fff;
2108
background-color: #147197;
2109
border-color: #0c455d;
2110
}
2111
.btn-info:active,
2112
.btn-info.active,
2113
.open > .dropdown-toggle.btn-info {
2114
background-image: none;
2115
}
2116
.btn-info.disabled:hover,
2117
.btn-info[disabled]:hover,
2118
fieldset[disabled] .btn-info:hover,
2119
.btn-info.disabled:focus,
2120
.btn-info[disabled]:focus,
2121
fieldset[disabled] .btn-info:focus,
2122
.btn-info.disabled.focus,
2123
.btn-info[disabled].focus,
2124
fieldset[disabled] .btn-info.focus {
2125
background-color: #21a9e1;
2126
border-color: #1c99cd;
2127
}
2128
.btn-info .badge {
2129
color: #21a9e1;
2130
background-color: #fff;
2131
}
2132
.btn-warning:focus,
2133
.btn-warning.focus {
2134
color: #fff;
2135
background-color: #f9ce07;
2136
border-color: #967c04;
2137
}
2138
.btn-warning:hover {
2139
color: #fff;
2140
background-color: #f9ce07;
2141
border-color: #d7b205;
2142
}
2143
.btn-warning:active,
2144
.btn-warning.active,
2145
.open > .dropdown-toggle.btn-warning {
2146
color: #fff;
2147
background-color: #f9ce07;
2148
border-color: #d7b205;
2149
}
2150
.btn-warning:active:hover,
2151
.btn-warning.active:hover,
2152
.open > .dropdown-toggle.btn-warning:hover,
2153
.btn-warning:active:focus,
2154
.btn-warning.active:focus,
2155
.open > .dropdown-toggle.btn-warning:focus,
2156
.btn-warning:active.focus,
2157
.btn-warning.active.focus,
2158
.open > .dropdown-toggle.btn-warning.focus {
2159
color: #fff;
2160
background-color: #d7b205;
2161
border-color: #967c04;
2162
}
2163
.btn-warning:active,
2164
.btn-warning.active,
2165
.open > .dropdown-toggle.btn-warning {
2166
background-image: none;
2167
}
2168
.btn-warning.disabled:hover,
2169
.btn-warning[disabled]:hover,
2170
fieldset[disabled] .btn-warning:hover,
2171
.btn-warning.disabled:focus,
2172
.btn-warning[disabled]:focus,
2173
fieldset[disabled] .btn-warning:focus,
2174
.btn-warning.disabled.focus,
2175
.btn-warning[disabled].focus,
2176
fieldset[disabled] .btn-warning.focus {
2177
background-color: #fad839;
2178
border-color: #f9d320;
2179
}
2180
.btn-warning .badge {
2181
color: #fad839;
2182
background-color: #fff;
2183
}
2184
.btn-danger:focus,
2185
.btn-danger.focus {
2186
color: #fff;
2187
background-color: #a11c1c;
2188
border-color: #4a0d0d;
2189
}
2190
.btn-danger:hover {
2191
color: #fff;
2192
background-color: #a11c1c;
2193
border-color: #821717;
2194
}
2195
.btn-danger:active,
2196
.btn-danger.active,
2197
.open > .dropdown-toggle.btn-danger {
2198
color: #fff;
2199
background-color: #a11c1c;
2200
border-color: #821717;
2201
}
2202
.btn-danger:active:hover,
2203
.btn-danger.active:hover,
2204
.open > .dropdown-toggle.btn-danger:hover,
2205
.btn-danger:active:focus,
2206
.btn-danger.active:focus,
2207
.open > .dropdown-toggle.btn-danger:focus,
2208
.btn-danger:active.focus,
2209
.btn-danger.active.focus,
2210
.open > .dropdown-toggle.btn-danger.focus {
2211
color: #fff;
2212
background-color: #821717;
2213
border-color: #4a0d0d;
2214
}
2215
.btn-danger:active,
2216
.btn-danger.active,
2217
.open > .dropdown-toggle.btn-danger {
2218
background-image: none;
2219
}
2220
.btn-danger.disabled:hover,
2221
.btn-danger[disabled]:hover,
2222
fieldset[disabled] .btn-danger:hover,
2223
.btn-danger.disabled:focus,
2224
.btn-danger[disabled]:focus,
2225
fieldset[disabled] .btn-danger:focus,
2226
.btn-danger.disabled.focus,
2227
.btn-danger[disabled].focus,
2228
fieldset[disabled] .btn-danger.focus {
2229
background-color: #cc2424;
2230
border-color: #b62020;
2231
}
2232
.btn-danger .badge {
2233
color: #cc2424;
2234
background-color: #fff;
2235
}
2236
.ui-rangeSlider .ui-rangeSlider-container {
2237
height: 10px;
2238
background: #ebebeb;
2239
-webkit-background-clip: padding-box;
2240
-moz-background-clip: padding;
2241
background-clip: padding-box;
2242
-webkit-border-radius: 3px;
2243
-moz-border-radius: 3px;
2244
border-radius: 3px;
2245
}
2246
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-bar {
2247
background: #ec5956;
2248
height: 10px;
2249
}
2250
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-handle {
2251
position: relative;
2252
background: #ec5956;
2253
width: 10px;
2254
height: 10px;
2255
-webkit-background-clip: padding-box;
2256
-moz-background-clip: padding;
2257
background-clip: padding-box;
2258
-webkit-border-radius: 50%;
2259
-moz-border-radius: 50%;
2260
border-radius: 50%;
2261
border: 2px solid #FFF;
2262
padding: 10px;
2263
margin-top: -7px;
2264
}
2265
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-handle.ui-rangeSlider-leftHandle {
2266
-webkit-transform: translateX(-100px);
2267
-moz-transform: translateX(-100px);
2268
-ms-transform: translateX(-100px);
2269
-o-transform: translateX(-100px);
2270
transform: translateX(-100px);
2271
}
2272
.ui-rangeSlider .ui-rangeSlider-label {
2273
visibility: hidden;
2274
}
2275
.slider {
2276
height: 10px;
2277
margin-bottom: 30px;
2278
-webkit-background-clip: padding-box;
2279
-moz-background-clip: padding;
2280
background-clip: padding-box;
2281
-webkit-border-radius: 3px;
2282
-moz-border-radius: 3px;
2283
border-radius: 3px;
2284
background: #ebebeb;
2285
}
2286
.slider .ui-slider-handle {
2287
background: #ec5956;
2288
top: 0;
2289
border: 2px solid #fff;
2290
width: 20px;
2291
height: 20px;
2292
border-radius: 50%;
2293
margin-top: -5px;
2294
outline: none;
2295
cursor: pointer;
2296
}
2297
.slider .ui-slider-handle .ui-label {
2298
position: absolute;
2299
left: -50%;
2300
top: 20px;
2301
color: #bcbcbc;
2302
margin-left: 5px;
2303
white-space: nowrap;
2304
}
2305
.slider .ui-slider-range {
2306
background: #ec5956;
2307
-webkit-background-clip: padding-box;
2308
-moz-background-clip: padding;
2309
background-clip: padding-box;
2310
-webkit-border-radius: 3px;
2311
-moz-border-radius: 3px;
2312
border-radius: 3px;
2313
}
2314
.slider.ui-slider-vertical {
2315
height: 250px;
2316
}
2317
.slider.ui-slider-vertical .ui-slider-handle {
2318
top: auto;
2319
margin-left: -1px;
2320
}
2321
.slider.ui-slider-vertical .ui-slider-handle .ui-label {
2322
top: 1px;
2323
left: 15px;
2324
}
2325
.slider .ui-slider-handle {
2326
background: #ec5956;
2327
border: 2px solid #fff;
2328
}
2329
.slider .ui-slider-range,
2330
.slider .ui-fill {
2331
background: #ec5956;
2332
}
2333
.slider.slider-green,
2334
.slider.slider-success {
2335
background: #ebebeb;
2336
}
2337
.slider.slider-green .ui-slider-handle,
2338
.slider.slider-success .ui-slider-handle {
2339
background: #0fbd71;
2340
border: 2px solid #fff;
2341
}
2342
.slider.slider-green .ui-slider-range,
2343
.slider.slider-success .ui-slider-range,
2344
.slider.slider-green .ui-fill,
2345
.slider.slider-success .ui-fill {
2346
background: #0fbd71;
2347
}
2348
.slider.slider-blue,
2349
.slider.slider-info {
2350
background: #ebebeb;
2351
}
2352
.slider.slider-blue .ui-slider-handle,
2353
.slider.slider-info .ui-slider-handle {
2354
background: #21a9e1;
2355
border: 2px solid #fff;
2356
}
2357
.slider.slider-blue .ui-slider-range,
2358
.slider.slider-info .ui-slider-range,
2359
.slider.slider-blue .ui-fill,
2360
.slider.slider-info .ui-fill {
2361
background: #21a9e1;
2362
}
2363
.slider.slider-gold,
2364
.slider.slider-warning {
2365
background: #ebebeb;
2366
}
2367
.slider.slider-gold .ui-slider-handle,
2368
.slider.slider-warning .ui-slider-handle {
2369
background: #f7d227;
2370
border: 2px solid #fff;
2371
}
2372
.slider.slider-gold .ui-slider-range,
2373
.slider.slider-warning .ui-slider-range,
2374
.slider.slider-gold .ui-fill,
2375
.slider.slider-warning .ui-fill {
2376
background: #f7d227;
2377
}
2378
.radio label input,
2379
.checkbox label input {
2380
position: relative;
2381
top: 4px;
2382
}
2383
.checkbox-replace,
2384
.radio-replace {
2385
position: relative;
2386
padding-left: 0;
2387
margin: 0;
2388
}
2389
.checkbox-replace input[type="checkbox"],
2390
.radio-replace input[type="checkbox"],
2391
.checkbox-replace input[type="radio"],
2392
.radio-replace input[type="radio"] {
2393
visibility: hidden;
2394
}
2395
.checkbox-replace .cb-wrapper,
2396
.radio-replace .cb-wrapper {
2397
position: relative;
2398
display: inline-block;
2399
border: 1px solid #ebebeb;
2400
padding: 0;
2401
padding-right: 16px;
2402
margin-bottom: 0;
2403
width: 16px;
2404
height: 15px;
2405
-webkit-box-sizing: border-box;
2406
-moz-box-sizing: border-box;
2407
box-sizing: border-box;
2408
-webkit-background-clip: padding-box;
2409
-moz-background-clip: padding;
2410
background-clip: padding-box;
2411
-webkit-border-radius: 3px;
2412
-moz-border-radius: 3px;
2413
border-radius: 3px;
2414
-moz-transition: all 300ms ease-in-out;
2415
-webkit-transition: all 300ms ease-in-out;
2416
-o-transition: all 300ms ease-in-out;
2417
transition: all 300ms ease-in-out;
2418
-webkit-touch-callout: none;
2419
-webkit-user-select: none;
2420
-khtml-user-select: none;
2421
-moz-user-select: none;
2422
-ms-user-select: none;
2423
user-select: none;
2424
}
2425
.checkbox-replace .cb-wrapper input,
2426
.radio-replace .cb-wrapper input {
2427
position: absolute;
2428
display: block;
2429
left: 0;
2430
top: 0;
2431
right: 0;
2432
bottom: 0;
2433
margin: 0;
2434
visibility: hidden;
2435
}
2436
.checkbox-replace .cb-wrapper.disabled,
2437
.radio-replace .cb-wrapper.disabled {
2438
zoom: 1;
2439
-webkit-opacity: 0.3;
2440
-moz-opacity: 0.3;
2441
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
2442
opacity: 0.3;
2443
filter: alpha(opacity=30);
2444
}
2445
.checkbox-replace .cb-wrapper .checked,
2446
.radio-replace .cb-wrapper .checked {
2447
position: absolute;
2448
background: #ebebeb;
2449
display: block;
2450
left: 2px;
2451
right: 2px;
2452
bottom: 2px;
2453
top: 2px;
2454
-webkit-background-clip: padding-box;
2455
-moz-background-clip: padding;
2456
background-clip: padding-box;
2457
-webkit-border-radius: 2px;
2458
-moz-border-radius: 2px;
2459
border-radius: 2px;
2460
zoom: 1;
2461
-webkit-opacity: 0;
2462
-moz-opacity: 0;
2463
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
2464
opacity: 0;
2465
filter: alpha(opacity=0);
2466
-moz-transition: 250ms all cubic-bezier(0.455, 0.030, 0.515, 0.955);
2467
-webkit-transition: 250ms all cubic-bezier(0.455, 0.030, 0.515, 0.955);
2468
-o-transition: 250ms all cubic-bezier(0.455, 0.030, 0.515, 0.955);
2469
transition: 250ms all cubic-bezier(0.455, 0.030, 0.515, 0.955);
2470
}
2471
.checkbox-replace .cb-wrapper + label,
2472
.radio-replace .cb-wrapper + label {
2473
position: relative;
2474
top: -5px;
2475
margin-left: 6px;
2476
padding-left: 0;
2477
}
2478
.checkbox-replace:hover .cb-wrapper,
2479
.radio-replace:hover .cb-wrapper {
2480
-moz-box-shadow: 0 0 0 2px rgba(0,0,0,.03);
2481
-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.03);
2482
box-shadow: 0 0 0 2px rgba(0,0,0,.03);
2483
}
2484
.checkbox-replace.radio-replace .cb-wrapper,
2485
.radio-replace.radio-replace .cb-wrapper {
2486
-webkit-background-clip: padding-box;
2487
-moz-background-clip: padding;
2488
background-clip: padding-box;
2489
-webkit-border-radius: 16px;
2490
-moz-border-radius: 16px;
2491
border-radius: 16px;
2492
}
2493
.checkbox-replace.radio-replace .cb-wrapper .checked,
2494
.radio-replace.radio-replace .cb-wrapper .checked {
2495
-webkit-background-clip: padding-box;
2496
-moz-background-clip: padding;
2497
background-clip: padding-box;
2498
-webkit-border-radius: 16px;
2499
-moz-border-radius: 16px;
2500
border-radius: 16px;
2501
}
2502
.checkbox-replace.checked .cb-wrapper .checked,
2503
.radio-replace.checked .cb-wrapper .checked {
2504
zoom: 1;
2505
-webkit-opacity: 1;
2506
-moz-opacity: 1;
2507
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
2508
opacity: 1;
2509
filter: alpha(opacity=100);
2510
}
2511
.checkbox-replace .cb-wrapper,
2512
.radio-replace .cb-wrapper {
2513
border: 1px solid #d2d2d2;
2514
}
2515
.checkbox-replace .cb-wrapper .checked,
2516
.radio-replace .cb-wrapper .checked {
2517
background: #d2d2d2;
2518
}
2519
.checkbox-replace:hover .cb-wrapper,
2520
.radio-replace:hover .cb-wrapper {
2521
-moz-box-shadow: 0 0 0 2px rgba(209.5,209.5,209.5,.1);
2522
-webkit-box-shadow: 0 0 0 2px rgba(209.5,209.5,209.5,.1);
2523
box-shadow: 0 0 0 2px rgba(209.5,209.5,209.5,.1);
2524
}
2525
.checkbox-replace.color-primary .cb-wrapper,
2526
.radio-replace.color-primary .cb-wrapper {
2527
border: 1px solid #303641;
2528
}
2529
.checkbox-replace.color-primary .cb-wrapper .checked,
2530
.radio-replace.color-primary .cb-wrapper .checked {
2531
background: #303641;
2532
}
2533
.checkbox-replace.color-primary:hover .cb-wrapper,
2534
.radio-replace.color-primary:hover .cb-wrapper {
2535
-moz-box-shadow: 0 0 0 2px rgba(48,54,65,.1);
2536
-webkit-box-shadow: 0 0 0 2px rgba(48,54,65,.1);
2537
box-shadow: 0 0 0 2px rgba(48,54,65,.1);
2538
}
2539
.checkbox-replace.color-red .cb-wrapper,
2540
.radio-replace.color-red .cb-wrapper {
2541
border: 1px solid #ee4749;
2542
}
2543
.checkbox-replace.color-red .cb-wrapper .checked,
2544
.radio-replace.color-red .cb-wrapper .checked {
2545
background: #ee4749;
2546
}
2547
.checkbox-replace.color-red:hover .cb-wrapper,
2548
.radio-replace.color-red:hover .cb-wrapper {
2549
-moz-box-shadow: 0 0 0 2px rgba(238,71,73,.1);
2550
-webkit-box-shadow: 0 0 0 2px rgba(238,71,73,.1);
2551
box-shadow: 0 0 0 2px rgba(238,71,73,.1);
2552
}
2553
.checkbox-replace.color-blue .cb-wrapper,
2554
.radio-replace.color-blue .cb-wrapper {
2555
border: 1px solid #21a9e1;
2556
}
2557
.checkbox-replace.color-blue .cb-wrapper .checked,
2558
.radio-replace.color-blue .cb-wrapper .checked {
2559
background: #21a9e1;
2560
}
2561
.checkbox-replace.color-blue:hover .cb-wrapper,
2562
.radio-replace.color-blue:hover .cb-wrapper {
2563
-moz-box-shadow: 0 0 0 2px rgba(33,169,225,.1);
2564
-webkit-box-shadow: 0 0 0 2px rgba(33,169,225,.1);
2565
box-shadow: 0 0 0 2px rgba(33,169,225,.1);
2566
}
2567
.checkbox-replace.color-green .cb-wrapper,
2568
.radio-replace.color-green .cb-wrapper {
2569
border: 1px solid #00a651;
2570
}
2571
.checkbox-replace.color-green .cb-wrapper .checked,
2572
.radio-replace.color-green .cb-wrapper .checked {
2573
background: #00a651;
2574
}
2575
.checkbox-replace.color-green:hover .cb-wrapper,
2576
.radio-replace.color-green:hover .cb-wrapper {
2577
-moz-box-shadow: 0 0 0 2px rgba(0,166,81,.1);
2578
-webkit-box-shadow: 0 0 0 2px rgba(0,166,81,.1);
2579
box-shadow: 0 0 0 2px rgba(0,166,81,.1);
2580
}
2581
.checkbox-replace.color-gold .cb-wrapper,
2582
.radio-replace.color-gold .cb-wrapper {
2583
border: 1px solid #fad839;
2584
}
2585
.checkbox-replace.color-gold .cb-wrapper .checked,
2586
.radio-replace.color-gold .cb-wrapper .checked {
2587
background: #fad839;
2588
}
2589
.checkbox-replace.color-gold:hover .cb-wrapper,
2590
.radio-replace.color-gold:hover .cb-wrapper {
2591
-moz-box-shadow: 0 0 0 2px rgba(250,216,57,.1);
2592
-webkit-box-shadow: 0 0 0 2px rgba(250,216,57,.1);
2593
box-shadow: 0 0 0 2px rgba(250,216,57,.1);
2594
}
2595
.checkbox-replace.color-white .cb-wrapper,
2596
.radio-replace.color-white .cb-wrapper {
2597
border: 1px solid #fff;
2598
}
2599
.checkbox-replace.color-white .cb-wrapper .checked,
2600
.radio-replace.color-white .cb-wrapper .checked {
2601
background: #fff;
2602
}
2603
.checkbox-replace.color-white:hover .cb-wrapper,
2604
.radio-replace.color-white:hover .cb-wrapper {
2605
-moz-box-shadow: 0 0 0 2px rgba(255,255,255,.1);
2606
-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,.1);
2607
box-shadow: 0 0 0 2px rgba(255,255,255,.1);
2608
}
2609
.select2 {
2610
visibility: hidden;
2611
}
2612
.page-body .select2-container {
2613
display: block;
2614
}
2615
.page-body .select2-container.select2-dropdown-open .select2-choice,
2616
.page-body .select2-container.select2-dropdown-open .select2-choices {
2617
-webkit-background-clip: padding-box;
2618
-moz-background-clip: padding;
2619
background-clip: padding-box;
2620
-webkit-border-radius: 3px 3px 0 0;
2621
-moz-border-radius: 3px 3px 0 0;
2622
border-radius: 3px 3px 0 0;
2623
}
2624
.page-body .select2-container .select2-choice {
2625
border-color: #ebebeb !important;
2626
background: #fff;
2627
-moz-box-shadow: none;
2628
-webkit-box-shadow: none;
2629
box-shadow: none;
2630
-webkit-background-clip: padding-box;
2631
-moz-background-clip: padding;
2632
background-clip: padding-box;
2633
-webkit-border-radius: 3px;
2634
-moz-border-radius: 3px;
2635
border-radius: 3px;
2636
height: 42px;
2637
line-height: 41px;
2638
outline: none;
2639
padding-left: 15px;
2640
}
2641
.page-body .select2-container .select2-choice .select2-arrow {
2642
border-left: 1px solid #ebebeb;
2643
width: 40px;
2644
text-align: center;
2645
background: none !important;
2646
-moz-transition: all 300ms ease-in-out;
2647
-webkit-transition: all 300ms ease-in-out;
2648
-o-transition: all 300ms ease-in-out;
2649
transition: all 300ms ease-in-out;
2650
}
2651
.page-body .select2-container .select2-choice .select2-arrow b {
2652
background: transparent !important;
2653
}
2654
.page-body .select2-container .select2-choice .select2-arrow b:before {
2655
position: relative;
2656
font-family: "Entypo";
2657
content: '\e873';
2658
display: block;
2659
color: #303641;
2660
-moz-transition: all 150ms ease-in-out;
2661
-webkit-transition: all 150ms ease-in-out;
2662
-o-transition: all 150ms ease-in-out;
2663
transition: all 150ms ease-in-out;
2664
}
2665
.page-body .select2-container .select2-choice .select2-search-choice-close {
2666
right: 50px;
2667
top: 50%;
2668
margin-top: -7px;
2669
}
2670
.page-body .select2-container .select2-choices {
2671
border-color: #ebebeb !important;
2672
-moz-box-shadow: none;
2673
-webkit-box-shadow: none;
2674
box-shadow: none;
2675
background: #fff;
2676
padding: 0 6px;
2677
padding-top: 4px;
2678
-webkit-background-clip: padding-box;
2679
-moz-background-clip: padding;
2680
background-clip: padding-box;
2681
-webkit-border-radius: 3px;
2682
-moz-border-radius: 3px;
2683
border-radius: 3px;
2684
}
2685
.page-body .select2-container .select2-choices .select2-search-field input {
2686
padding: 6px 12px;
2687
}
2688
.page-body .select2-container .select2-choices .select2-search-choice {
2689
-webkit-border-radius: 0;
2690
-moz-border-radius: 0;
2691
border-radius: 0;
2692
border: 0;
2693
background: #f3f3f3;
2694
color: #666;
2695
font-size: 11px;
2696
-webkit-background-clip: padding-box;
2697
-moz-background-clip: padding;
2698
background-clip: padding-box;
2699
-webkit-border-radius: 3px;
2700
-moz-border-radius: 3px;
2701
border-radius: 3px;
2702
-moz-transition: all 300ms ease-in-out;
2703
-webkit-transition: all 300ms ease-in-out;
2704
-o-transition: all 300ms ease-in-out;
2705
transition: all 300ms ease-in-out;
2706
}
2707
.page-body .select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
2708
top: 50%;
2709
margin-top: -7px;
2710
}
2711
.page-body .select2-container .select2-choices .select2-search-choice:hover {
2712
background-color: #e6e6e6;
2713
color: #303641;
2714
}
2715
.page-body .select2-container.select2-container-active .select2-choices {
2716
-moz-box-shadow: none;
2717
-webkit-box-shadow: none;
2718
box-shadow: none;
2719
}
2720
.page-body .select2-container.select2-dropdown-open .select2-choice .select2-arrow {
2721
background-color: rgba(245, 245, 246, 0.8);
2722
}
2723
.page-body .select2-container.select2-dropdown-open .select2-choice .select2-arrow b:before {
2724
-moz-transform: rotate(180deg);
2725
-webkit-transform: rotate(180deg);
2726
-ms-transform: rotate(180deg);
2727
-o-transform: rotate(180deg);
2728
transform: rotate(180deg);
2729
}
2730
.page-body .select2.visible {
2731
visibility: visible;
2732
}
2733
.page-body .select2-drop {
2734
border: 1px solid #ebebeb;
2735
background-color: #fff;
2736
-webkit-border-radius: 1px 1px 4px 4px;
2737
-moz-border-radius: 1px 1px 4px 4px;
2738
border-radius: 1px 1px 4px 4px;
2739
-moz-box-shadow: none;
2740
-webkit-box-shadow: none;
2741
box-shadow: none;
2742
-webkit-background-clip: padding-box;
2743
-moz-background-clip: padding;
2744
background-clip: padding-box;
2745
-webkit-border-radius: 0 0 3px 3px;
2746
-moz-border-radius: 0 0 3px 3px;
2747
border-radius: 0 0 3px 3px;
2748
}
2749
.page-body .select2-drop .select2-search,
2750
.page-body .select2-drop .select2-results {
2751
padding: 0;
2752
margin: 0;
2753
}
2754
.page-body .select2-drop .select2-search .select2-no-results,
2755
.page-body .select2-drop .select2-results .select2-no-results {
2756
padding: 12px 15px;
2757
color: #737881;
2758
}
2759
.page-body .select2-drop .select2-search .select2-result-label,
2760
.page-body .select2-drop .select2-results .select2-result-label {
2761
padding: 4px 15px;
2762
}
2763
.page-body .select2-drop .select2-search .select2-result-selectable,
2764
.page-body .select2-drop .select2-results .select2-result-selectable {
2765
background: transparent;
2766
color: #888;
2767
-moz-transition: all 300ms ease-in-out;
2768
-webkit-transition: all 300ms ease-in-out;
2769
-o-transition: all 300ms ease-in-out;
2770
transition: all 300ms ease-in-out;
2771
}
2772
.page-body .select2-drop .select2-search .select2-result-selectable:hover,
2773
.page-body .select2-drop .select2-results .select2-result-selectable:hover,
2774
.page-body .select2-drop .select2-search .select2-result-selectable.select2-highlighted,
2775
.page-body .select2-drop .select2-results .select2-result-selectable.select2-highlighted {
2776
background: #f3f3f3;
2777
color: #303641;
2778
}
2779
.page-body .select2-drop .select2-search .select2-result-sub li,
2780
.page-body .select2-drop .select2-results .select2-result-sub li {
2781
background: none !important;
2782
}
2783
.page-body .select2-drop .select2-search .select2-result-sub .select2-result-label,
2784
.page-body .select2-drop .select2-results .select2-result-sub .select2-result-label {
2785
padding: 5px 25px;
2786
color: #888888;
2787
-moz-transition: all 300ms ease-in-out;
2788
-webkit-transition: all 300ms ease-in-out;
2789
-o-transition: all 300ms ease-in-out;
2790
transition: all 300ms ease-in-out;
2791
}
2792
.page-body .select2-drop .select2-search .select2-result-sub .select2-result-label:hover,
2793
.page-body .select2-drop .select2-results .select2-result-sub .select2-result-label:hover {
2794
background: #f3f3f3;
2795
color: #303641;
2796
}
2797
.page-body .select2-drop .select2-search .select2-result-sub .select2-highlighted .select2-result-label,
2798
.page-body .select2-drop .select2-results .select2-result-sub .select2-highlighted .select2-result-label {
2799
background: #f3f3f3;
2800
color: #303641;
2801
}
2802
.page-body .select2-drop .select2-search {
2803
position: relative;
2804
padding: 12px 15px;
2805
}
2806
.page-body .select2-drop .select2-search input {
2807
background: #f3f3f3 !important;
2808
border: 0;
2809
-webkit-background-clip: padding-box;
2810
-moz-background-clip: padding;
2811
background-clip: padding-box;
2812
-webkit-border-radius: 3px;
2813
-moz-border-radius: 3px;
2814
border-radius: 3px;
2815
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
2816
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
2817
box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
2818
padding: 10px 12px;
2819
padding-right: 30px;
2820
font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
2821
-webkit-box-sizing: border-box;
2822
-moz-box-sizing: border-box;
2823
box-sizing: border-box;
2824
}
2825
.page-body .select2-drop .select2-search:after {
2826
position: absolute;
2827
font-family: "Entypo";
2828
right: 15px;
2829
top: 12px;
2830
content: '\e803';
2831
font-size: 14px;
2832
color: #c2c2c2;
2833
margin-right: 12px;
2834
margin-top: 8px;
2835
}
2836
.selectboxit {
2837
visibility: hidden;
2838
}
2839
.page-body .selectboxit {
2840
display: block;
2841
}
2842
.page-body .selectboxit.visible {
2843
visibility: visible;
2844
}
2845
.page-body .selectboxit-container {
2846
display: block;
2847
}
2848
.page-body .selectboxit-container .selectboxit {
2849
width: 100% !important;
2850
background: #fff;
2851
border: 1px solid #ebebeb;
2852
-moz-transition: all 150ms ease-in-out;
2853
-webkit-transition: all 150ms ease-in-out;
2854
-o-transition: all 150ms ease-in-out;
2855
transition: all 150ms ease-in-out;
2856
-webkit-background-clip: padding-box;
2857
-moz-background-clip: padding;
2858
background-clip: padding-box;
2859
-webkit-border-radius: 3px;
2860
-moz-border-radius: 3px;
2861
border-radius: 3px;
2862
}
2863
.page-body .selectboxit-container .selectboxit.selectboxit-enabled:focus {
2864
background-color: #fff;
2865
}
2866
.page-body .selectboxit-container .selectboxit.selectboxit-enabled:focus .selectboxit-text {
2867
color: #303641;
2868
}
2869
.page-body .selectboxit-container .selectboxit:hover,
2870
.page-body .selectboxit-container .selectboxit.selectboxit-open {
2871
background-color: rgba(245, 245, 246, 0.8);
2872
}
2873
.page-body .selectboxit-container .selectboxit:hover .selectboxit-text,
2874
.page-body .selectboxit-container .selectboxit.selectboxit-open .selectboxit-text {
2875
color: #303641;
2876
}
2877
.page-body .selectboxit-container .selectboxit.selectboxit-open {
2878
-webkit-background-clip: padding-box;
2879
-moz-background-clip: padding;
2880
background-clip: padding-box;
2881
-webkit-border-radius: 3px 3px 0 0;
2882
-moz-border-radius: 3px 3px 0 0;
2883
border-radius: 3px 3px 0 0;
2884
}
2885
.page-body .selectboxit-container .selectboxit.selectboxit-open .selectboxit-arrow-container {
2886
background-color: rgba(245, 245, 246, 0.8);
2887
}
2888
.page-body .selectboxit-container .selectboxit.selectboxit-open .selectboxit-arrow-container:after {
2889
-moz-transform: rotate(180deg);
2890
-webkit-transform: rotate(180deg);
2891
-ms-transform: rotate(180deg);
2892
-o-transform: rotate(180deg);
2893
transform: rotate(180deg);
2894
}
2895
.page-body .selectboxit-container .selectboxit .selectboxit-option-icon-container .selectboxit-option-icon {
2896
margin-left: 5px;
2897
}
2898
.page-body .selectboxit-container .selectboxit .selectboxit-text {
2899
max-width: 100% !important;
2900
font-size: 12px;
2901
font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
2902
color: #888;
2903
-moz-transition: all 300ms ease-in-out;
2904
-webkit-transition: all 300ms ease-in-out;
2905
-o-transition: all 300ms ease-in-out;
2906
transition: all 300ms ease-in-out;
2907
}
2908
.page-body .selectboxit-container .selectboxit .selectboxit-arrow-container {
2909
border-left: 1px solid #ebebeb;
2910
text-align: center;
2911
width: 40px;
2912
}
2913
.page-body .selectboxit-container .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
2914
display: none;
2915
}
2916
.page-body .selectboxit-container .selectboxit .selectboxit-arrow-container:after {
2917
position: relative;
2918
font-family: "Entypo";
2919
content: '\e873';
2920
display: block;
2921
color: #303641;
2922
-moz-transition: all 150ms ease-in-out;
2923
-webkit-transition: all 150ms ease-in-out;
2924
-o-transition: all 150ms ease-in-out;
2925
transition: all 150ms ease-in-out;
2926
font-size: 12px;
2927
}
2928
.page-body .selectboxit-container .selectboxit-options {
2929
width: 100%;
2930
background: #fff;
2931
-webkit-background-clip: padding-box;
2932
-moz-background-clip: padding;
2933
background-clip: padding-box;
2934
-webkit-border-radius: 0 0 3px 3px;
2935
-moz-border-radius: 0 0 3px 3px;
2936
border-radius: 0 0 3px 3px;
2937
border-top: 0;
2938
border-color: #ebebeb;
2939
-moz-box-shadow: 0 2px 7px rgba(0,0,0,.06);
2940
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,.06);
2941
box-shadow: 0 2px 7px rgba(0,0,0,.06);
2942
max-height: 350px;
2943
}
2944
.page-body .selectboxit-container .selectboxit-options > span.selectboxit-optgroup-header {
2945
font-size: 12px;
2946
color: #303641;
2947
background: #fafafa;
2948
border-bottom: 1px solid #f5f5f5;
2949
padding-left: 5px;
2950
padding-right: 5px;
2951
}
2952
.page-body .selectboxit-container .selectboxit-options li .selectboxit-option-anchor {
2953
font-size: 12px;
2954
padding-left: 5px;
2955
padding-right: 5px;
2956
-moz-transition: all 300ms ease-in-out;
2957
-webkit-transition: all 300ms ease-in-out;
2958
-o-transition: all 300ms ease-in-out;
2959
transition: all 300ms ease-in-out;
2960
}
2961
.page-body .selectboxit-container .selectboxit-options li .selectboxit-option-anchor .selectboxit-option-icon-container .selectboxit-option-icon {
2962
margin-left: 5px;
2963
}
2964
.page-body .selectboxit-container .selectboxit-options li.selectboxit-focus .selectboxit-option-anchor {
2965
background: #f3f3f3;
2966
color: #666;
2967
}
2968
input.typeahead {
2969
display: block;
2970
}
2971
.twitter-typeahead {
2972
width: 100%;
2973
}
2974
.twitter-typeahead .tt-query,
2975
.twitter-typeahead .tt-hint {
2976
margin-bottom: 0;
2977
}
2978
.tt-dropdown-menu {
2979
min-width: 160px;
2980
margin-top: 2px;
2981
padding: 5px 0;
2982
background-color: #fff;
2983
border: 1px solid #ebebeb;
2984
*border-right-width: 2px;
2985
*border-bottom-width: 2px;
2986
-webkit-background-clip: padding-box;
2987
-moz-background-clip: padding;
2988
background-clip: padding-box;
2989
-webkit-border-radius: 3px;
2990
-moz-border-radius: 3px;
2991
border-radius: 3px;
2992
width: 100%;
2993
}
2994
.tt-suggestion {
2995
display: block;
2996
padding: 4px 12px;
2997
}
2998
.tt-suggestion p {
2999
overflow: hidden;
3000
text-overflow: ellipsis;
3001
white-space: nowrap;
3002
height: 17px;
3003
}
3004
.tt-suggestion .thumb-entry:before,
3005
.tt-suggestion .thumb-entry:after {
3006
content: " ";
3007
display: table;
3008
}
3009
.tt-suggestion .thumb-entry:after {
3010
clear: both;
3011
}
3012
.tt-suggestion .thumb-entry > span.image {
3013
float: left;
3014
}
3015
.tt-suggestion .thumb-entry > span.text {
3016
float: left;
3017
width: 80%;
3018
margin-left: 12px;
3019
}
3020
.tt-suggestion .thumb-entry > span.text strong {
3021
display: block;
3022
color: #303641;
3023
}
3024
.tt-suggestion .thumb-entry > span.text em {
3025
font-style: normal;
3026
font-size: 10px;
3027
color: #757b84;
3028
display: block;
3029
padding-top: 4px;
3030
overflow: hidden;
3031
text-overflow: ellipsis;
3032
white-space: nowrap;
3033
}
3034
.tt-suggestion.tt-is-under-cursor {
3035
color: #303641;
3036
background: #f3f3f3;
3037
}
3038
.tt-suggestion.tt-is-under-cursor a {
3039
color: #303641;
3040
}
3041
.tt-suggestion p {
3042
margin: 0;
3043
}
3044
.twitter-typeahead .tt-hint {
3045
padding: 6px 12px;
3046
color: #dee0e4;
3047
line-height: 1.42857143;
3048
margin: 0;
3049
padding-top: 5.5px;
3050
width: 100%;
3051
-webkit-box-sizing: border-box;
3052
-moz-box-sizing: border-box;
3053
box-sizing: border-box;
3054
}
3055
.page-body .daterangepicker.dropdown-menu {
3056
-webkit-background-clip: padding-box;
3057
-moz-background-clip: padding;
3058
background-clip: padding-box;
3059
-webkit-border-radius: 3px;
3060
-moz-border-radius: 3px;
3061
border-radius: 3px;
3062
}
3063
.page-body .daterangepicker.dropdown-menu:before {
3064
border-bottom-color: #ccc;
3065
}
3066
.page-body .daterangepicker.dropdown-menu .ranges .input-mini {
3067
background: #fff;
3068
border: 1px solid #ebebeb;
3069
width: 100%;
3070
-webkit-box-sizing: border-box;
3071
-moz-box-sizing: border-box;
3072
box-sizing: border-box;
3073
-webkit-background-clip: padding-box;
3074
-moz-background-clip: padding;
3075
background-clip: padding-box;
3076
-webkit-border-radius: 3px;
3077
-moz-border-radius: 3px;
3078
border-radius: 3px;
3079
}
3080
.page-body .daterangepicker.dropdown-menu .ranges .btn {
3081
-webkit-background-clip: padding-box;
3082
-moz-background-clip: padding;
3083
background-clip: padding-box;
3084
-webkit-border-radius: 3px;
3085
-moz-border-radius: 3px;
3086
border-radius: 3px;
3087
}
3088
.page-body .daterangepicker.dropdown-menu .ranges .range_inputs .daterangepicker_start_input,
3089
.page-body .daterangepicker.dropdown-menu .ranges .range_inputs .daterangepicker_end_input {
3090
float: none !important;
3091
margin: 0;
3092
padding: 0;
3093
}
3094
.page-body .daterangepicker.dropdown-menu .ranges .range_inputs .daterangepicker_start_input.daterangepicker_end_input,
3095
.page-body .daterangepicker.dropdown-menu .ranges .range_inputs .daterangepicker_end_input.daterangepicker_end_input {
3096
padding-left: 0 !important;
3097
}
3098
.page-body .daterangepicker.dropdown-menu .ranges ul li {
3099
background: #f5f5f6;
3100
color: #737881;
3101
font-size: 11px;
3102
-webkit-background-clip: padding-box;
3103
-moz-background-clip: padding;
3104
background-clip: padding-box;
3105
-webkit-border-radius: 3px;
3106
-moz-border-radius: 3px;
3107
border-radius: 3px;
3108
-moz-transition: all 300ms ease-in-out;
3109
-webkit-transition: all 300ms ease-in-out;
3110
-o-transition: all 300ms ease-in-out;
3111
transition: all 300ms ease-in-out;
3112
}
3113
.page-body .daterangepicker.dropdown-menu .ranges ul li:hover,
3114
.page-body .daterangepicker.dropdown-menu .ranges ul li.active {
3115
background: #f0f0f0;
3116
color: #303641;
3117
border-color: #ebebeb;
3118
}
3119
.page-body .daterangepicker.dropdown-menu .ranges ul li:hover.active,
3120
.page-body .daterangepicker.dropdown-menu .ranges ul li.active.active {
3121
background: #303641;
3122
color: #fff;
3123
}
3124
.page-body .daterangepicker.dropdown-menu .calendar .calendar-date {
3125
border: 1px solid #ebebeb;
3126
background: #fdfdfd;
3127
-webkit-background-clip: padding-box;
3128
-moz-background-clip: padding;
3129
background-clip: padding-box;
3130
-webkit-border-radius: 3px;
3131
-moz-border-radius: 3px;
3132
border-radius: 3px;
3133
}
3134
.page-body .daterangepicker.dropdown-menu .calendar .calendar-date table .active {
3135
background: #303641;
3136
color: #fff;
3137
}
3138
.page-body .daterangepicker.dropdown-menu .calendar .calendar-date table .in-range {
3139
background: #f3f3f3;
3140
color: #737881;
3141
}
3142
.page-body .daterangepicker.dropdown-menu .calendar .calendar-date table .prev:hover,
3143
.page-body .daterangepicker.dropdown-menu .calendar .calendar-date table .next:hover {
3144
background-color: #f5f5f6;
3145
}
3146
.page-body .daterangepicker.dropdown-menu .calendar .calendar-date table .disabled {
3147
color: #dee0e4;
3148
}
3149
.page-body .daterangepicker.dropdown-menu .calendar .calendar-time {
3150
border: 1px solid #ebebeb;
3151
background: #fdfdfd;
3152
-webkit-background-clip: padding-box;
3153
-moz-background-clip: padding;
3154
background-clip: padding-box;
3155
-webkit-border-radius: 3px;
3156
-moz-border-radius: 3px;
3157
border-radius: 3px;
3158
}
3159
.daterange-inline {
3160
border: 1px solid #ebebeb;
3161
background: #f5f5f6;
3162
padding: 6px 6px;
3163
cursor: pointer;
3164
-webkit-background-clip: padding-box;
3165
-moz-background-clip: padding;
3166
background-clip: padding-box;
3167
-webkit-border-radius: 3px;
3168
-moz-border-radius: 3px;
3169
border-radius: 3px;
3170
}
3171
.daterange-inline i {
3172
color: #303641;
3173
font-size: 14px;
3174
}
3175
.ms-container:before,
3176
.ms-container:after {
3177
content: " ";
3178
display: table;
3179
}
3180
.ms-container:after {
3181
clear: both;
3182
}
3183
.ms-container .ms-selectable,
3184
.ms-container .ms-selection {
3185
display: block;
3186
background: #f5f5f6;
3187
}
3188
.ms-container .ms-selectable {
3189
position: relative;
3190
float: left;
3191
margin-right: 25px;
3192
}
3193
.ms-container .ms-selectable:after {
3194
content: '\e120';
3195
font-family: "Glyphicons Halflings";
3196
display: block;
3197
position: absolute;
3198
right: -19px;
3199
color: #303641;
3200
font-size: 15px;
3201
top: 50%;
3202
margin-top: -8px;
3203
}
3204
.ms-container .ms-selection {
3205
float: left;
3206
}
3207
.ms-container .ms-list {
3208
display: block;
3209
list-style: none;
3210
padding: 0;
3211
margin: 0;
3212
width: 150px;
3213
height: 150px;
3214
outline: none;
3215
border: 1px solid #ebebeb;
3216
overflow: auto;
3217
-o-user-select: none;
3218
-webkit-user-select: none;
3219
-moz-user-select: none;
3220
-ms-user-select: none;
3221
user-select: none;
3222
}
3223
.ms-container .ms-list::-webkit-scrollbar {
3224
width: 5px;
3225
}
3226
.ms-container .ms-list::-webkit-scrollbar-track {
3227
width: 5px;
3228
background-color: #f5f5f6;
3229
}
3230
.ms-container .ms-list::-webkit-scrollbar-thumb {
3231
background-color: #d2d2d2;
3232
}
3233
.ms-container .ms-list > li {
3234
border-bottom: 1px solid #ebebeb;
3235
-moz-transition: all 300ms ease-in-out;
3236
-webkit-transition: all 300ms ease-in-out;
3237
-o-transition: all 300ms ease-in-out;
3238
transition: all 300ms ease-in-out;
3239
}
3240
.ms-container .ms-list > li:hover {
3241
background: #303641;
3242
color: #fff;
3243
}
3244
.ms-container .ms-list > li span {
3245
display: block;
3246
padding: 4px 8px;
3247
cursor: pointer;
3248
overflow: hidden;
3249
text-overflow: ellipsis;
3250
white-space: nowrap;
3251
}
3252
.ms-container .ms-list > li:last-child {
3253
border-bottom: 0;
3254
}
3255
.form-wizard {
3256
margin-top: 45px;
3257
}
3258
.form-wizard .steps-progress {
3259
display: block;
3260
background: #ebebeb;
3261
width: auto;
3262
height: 10px;
3263
margin: 0 70px;
3264
-webkit-background-clip: padding-box;
3265
-moz-background-clip: padding;
3266
background-clip: padding-box;
3267
-webkit-border-radius: 3px;
3268
-moz-border-radius: 3px;
3269
border-radius: 3px;
3270
}
3271
.form-wizard .steps-progress .progress-indicator {
3272
background: #00a651;
3273
width: 0%;
3274
height: 10px;
3275
-webkit-background-clip: padding-box;
3276
-moz-background-clip: padding;
3277
background-clip: padding-box;
3278
-webkit-border-radius: 3px;
3279
-moz-border-radius: 3px;
3280
border-radius: 3px;
3281
-moz-transition: all 300ms ease-in-out;
3282
-webkit-transition: all 300ms ease-in-out;
3283
-o-transition: all 300ms ease-in-out;
3284
transition: all 300ms ease-in-out;
3285
}
3286
.form-wizard.no-margin .tab-content {
3287
margin-left: 0 !important;
3288
margin-right: 0 !important;
3289
}
3290
.form-wizard > ul {
3291
display: table;
3292
margin: 0;
3293
padding: 0;
3294
list-style: none;
3295
}
3296
.form-wizard > ul > li {
3297
display: table-cell;
3298
width: 1%;
3299
text-align: center;
3300
position: relative;
3301
}
3302
.form-wizard > ul > li a {
3303
position: relative;
3304
display: block;
3305
padding-top: 35px;
3306
font-weight: bold;
3307
color: #ababab;
3308
-moz-transition: all 300ms ease-in-out;
3309
-webkit-transition: all 300ms ease-in-out;
3310
-o-transition: all 300ms ease-in-out;
3311
transition: all 300ms ease-in-out;
3312
}
3313
.form-wizard > ul > li a span {
3314
position: absolute;
3315
display: block;
3316
background: #ebebeb;
3317
color: #8e9094;
3318
line-height: 35px;
3319
text-align: center;
3320
margin-top: -57.5px;
3321
left: 50%;
3322
margin-left: -17.5px;
3323
width: 35px;
3324
height: 35px;
3325
-webkit-background-clip: padding-box;
3326
-moz-background-clip: padding;
3327
background-clip: padding-box;
3328
-webkit-border-radius: 50%;
3329
-moz-border-radius: 50%;
3330
border-radius: 50%;
3331
-moz-transition: all 300ms ease-in-out;
3332
-webkit-transition: all 300ms ease-in-out;
3333
-o-transition: all 300ms ease-in-out;
3334
transition: all 300ms ease-in-out;
3335
}
3336
.form-wizard > ul > li.completed a {
3337
color: #00a651;
3338
}
3339
.form-wizard > ul > li.completed a span {
3340
background: #00a651;
3341
color: #fff;
3342
-moz-box-shadow: 0px 0px 0px 5px #00a651;
3343
-webkit-box-shadow: 0px 0px 0px 5px #00a651;
3344
box-shadow: 0px 0px 0px 5px #00a651;
3345
}
3346
.form-wizard > ul > li.disabled a {
3347
color: rgba(142, 144, 148, 0.5);
3348
}
3349
.form-wizard > ul > li.disabled a span {
3350
background: #f5f5f6;
3351
color: rgba(142, 144, 148, 0.5);
3352
-moz-box-shadow: 0px 0px 0px 5px #f5f5f6;
3353
-webkit-box-shadow: 0px 0px 0px 5px #f5f5f6;
3354
box-shadow: 0px 0px 0px 5px #f5f5f6;
3355
}
3356
.form-wizard > ul > li.active a,
3357
.form-wizard > ul > li.current a {
3358
color: #c5c5c5;
3359
font-weight: bold;
3360
color: #303641;
3361
}
3362
.form-wizard > ul > li.active a span,
3363
.form-wizard > ul > li.current a span {
3364
background: #c5c5c5;
3365
background: #fff;
3366
color: #525252;
3367
-moz-box-shadow: 0px 0px 0px 5px #ebebeb;
3368
-webkit-box-shadow: 0px 0px 0px 5px #ebebeb;
3369
box-shadow: 0px 0px 0px 5px #ebebeb;
3370
}
3371
.form-wizard .tab-content {
3372
margin: 0 52.5px;
3373
margin-top: 35px;
3374
}
3375
.form-wizard .tab-content .pager {
3376
margin-top: 35px;
3377
}
3378
.form-wizard .tab-content .pager .first a {
3379
margin-right: 10px;
3380
}
3381
.form-wizard .tab-content .pager .last a {
3382
margin-left: 10px;
3383
}
3384
.wysihtml5-toolbar:before,
3385
.wysihtml5-toolbar:after {
3386
content: " ";
3387
display: table;
3388
}
3389
.wysihtml5-toolbar:after {
3390
clear: both;
3391
}
3392
.wysihtml5-toolbar li {
3393
margin-right: 8px !important;
3394
}
3395
.wysihtml5-toolbar li.pull-right {
3396
margin-right: 0 !important;
3397
margin-left: 8px !important;
3398
}
3399
.mail-env {
3400
position: relative;
3401
}
3402
.mail-env:before,
3403
.mail-env:after {
3404
content: " ";
3405
display: table;
3406
}
3407
.mail-env:after {
3408
clear: both;
3409
}
3410
hr + .mail-env {
3411
margin-top: -18px;
3412
border-top: 1px solid #ebebeb;
3413
margin-left: -20px;
3414
margin-right: -20px;
3415
}
3416
.mail-env + hr {
3417
margin-top: 0px;
3418
position: relative;
3419
margin-left: -20px;
3420
margin-right: -20px;
3421
}
3422
.mail-env .mail-sidebar,
3423
.mail-env .mail-body {
3424
float: left;
3425
-webkit-box-sizing: border-box;
3426
-moz-box-sizing: border-box;
3427
box-sizing: border-box;
3428
}
3429
.mail-env .mail-sidebar:before,
3430
.mail-env .mail-body:before,
3431
.mail-env .mail-sidebar:after,
3432
.mail-env .mail-body:after {
3433
content: " ";
3434
display: table;
3435
}
3436
.mail-env .mail-sidebar:after,
3437
.mail-env .mail-body:after {
3438
clear: both;
3439
}
3440
.mail-env .mail-sidebar-row {
3441
padding: 20px;
3442
}
3443
.mail-env > .mail-sidebar-row.visible-xs {
3444
padding-bottom: 0;
3445
}
3446
.mail-env .mail-sidebar {
3447
width: 22%;
3448
background: #f9f9f9;
3449
border-right: 1px solid #ebebeb;
3450
position: relative;
3451
}
3452
.mail-env .mail-sidebar > h4 {
3453
padding: 20px;
3454
}
3455
.mail-env .mail-sidebar .mail-menu {
3456
list-style: none;
3457
margin: 0;
3458
padding: 0;
3459
border-top: 1px solid #ebebeb;
3460
}
3461
.mail-env .mail-sidebar .mail-menu > li {
3462
margin: 0;
3463
padding: 0;
3464
border-bottom: 1px solid #ebebeb;
3465
}
3466
.mail-env .mail-sidebar .mail-menu > li a {
3467
display: block;
3468
padding: 20px;
3469
-moz-transition: all 300ms ease-in-out;
3470
-webkit-transition: all 300ms ease-in-out;
3471
-o-transition: all 300ms ease-in-out;
3472
transition: all 300ms ease-in-out;
3473
}
3474
.mail-env .mail-sidebar .mail-menu > li a .badge {
3475
font-size: 13px;
3476
}
3477
.mail-env .mail-sidebar .mail-menu > li a .badge-gray {
3478
background: transparent;
3479
border: 1px solid #ebebeb;
3480
}
3481
.mail-env .mail-sidebar .mail-menu > li a .badge-roundless {
3482
display: inline-block;
3483
width: 14px;
3484
height: 14px;
3485
-webkit-background-clip: padding-box;
3486
-moz-background-clip: padding;
3487
background-clip: padding-box;
3488
-webkit-border-radius: 2px;
3489
-moz-border-radius: 2px;
3490
border-radius: 2px;
3491
}
3492
.mail-env .mail-sidebar .mail-menu > li:hover a {
3493
background: rgba(255, 255, 255, 0.8);
3494
}
3495
.mail-env .mail-sidebar .mail-menu > li.active a {
3496
background: #fff;
3497
font-weight: bold;
3498
}
3499
.mail-env .mail-sidebar .mail-distancer {
3500
height: 40px;
3501
}
3502
.mail-env .mail-body {
3503
width: 78%;
3504
float: right;
3505
overflow: hidden;
3506
}
3507
.mail-env .mail-body .mail-header {
3508
padding: 20px;
3509
border-bottom: 1px solid #ebebeb;
3510
}
3511
.mail-env .mail-body .mail-header:before,
3512
.mail-env .mail-body .mail-header:after {
3513
content: " ";
3514
display: table;
3515
}
3516
.mail-env .mail-body .mail-header:after {
3517
clear: both;
3518
}
3519
.mail-env .mail-body .mail-header .mail-title {
3520
margin: 0;
3521
padding: 0;
3522
font-size: 20px;
3523
float: left;
3524
width: 75%;
3525
padding-right: 20px;
3526
color: #303641;
3527
overflow: hidden;
3528
text-overflow: ellipsis;
3529
white-space: nowrap;
3530
}
3531
.mail-env .mail-body .mail-header .mail-title span.count {
3532
font-weight: normal;
3533
zoom: 1;
3534
-webkit-opacity: 0.3;
3535
-moz-opacity: 0.3;
3536
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
3537
opacity: 0.3;
3538
filter: alpha(opacity=30);
3539
}
3540
.mail-env .mail-body .mail-header .mail-title .label {
3541
font-size: 9px;
3542
position: relative;
3543
top: -4px;
3544
}
3545
.mail-env .mail-body .mail-header .mail-search,
3546
.mail-env .mail-body .mail-header .mail-links {
3547
float: left;
3548
text-align: right;
3549
width: 25%;
3550
}
3551
.mail-env .mail-body .mail-header .mail-search.mail-links > .btn,
3552
.mail-env .mail-body .mail-header .mail-links.mail-links > .btn {
3553
margin-left: 5px;
3554
font-size: 11px;
3555
}
3556
.mail-env .mail-body .mail-header .mail-search.mail-links > .btn:first-child,
3557
.mail-env .mail-body .mail-header .mail-links.mail-links > .btn:first-child {
3558
margin-left: 0;
3559
}
3560
.mail-env .mail-body .mail-header .mail-search .form-control[type="text"],
3561
.mail-env .mail-body .mail-header .mail-links .form-control[type="text"] {
3562
height: 29px;
3563
}
3564
.mail-env .mail-body .mail-info {
3565
background: #f3f4f4;
3566
display: table;
3567
width: 100%;
3568
border-spacing: 0;
3569
border-collapse: collapse;
3570
border-bottom: 1px solid #ebebeb;
3571
}
3572
.mail-env .mail-body .mail-info:before,
3573
.mail-env .mail-body .mail-info:after {
3574
content: " ";
3575
display: table;
3576
}
3577
.mail-env .mail-body .mail-info:after {
3578
clear: both;
3579
}
3580
.mail-env .mail-body .mail-info .mail-sender,
3581
.mail-env .mail-body .mail-info .mail-date {
3582
display: table-cell;
3583
width: 50%;
3584
color: #a6a6a6;
3585
padding: 20px;
3586
}
3587
.mail-env .mail-body .mail-info .mail-sender.mail-sender span,
3588
.mail-env .mail-body .mail-info .mail-date.mail-sender span {
3589
font-weight: bold;
3590
color: #ec5956;
3591
}
3592
.mail-env .mail-body .mail-info .mail-sender.mail-sender img,
3593
.mail-env .mail-body .mail-info .mail-date.mail-sender img {
3594
margin-right: 5px;
3595
border: 2px solid #ebebeb;
3596
}
3597
.mail-env .mail-body .mail-info .mail-sender.mail-sender .dropdown-menu:after,
3598
.mail-env .mail-body .mail-info .mail-date.mail-sender .dropdown-menu:after {
3599
position: absolute;
3600
content: '';
3601
display: block;
3602
top: -5px;
3603
left: 17%;
3604
width: 0px;
3605
height: 0px;
3606
border-style: solid;
3607
border-width: 0 3px 4px 3px;
3608
border-color: transparent transparent #cc2424 transparent;
3609
}
3610
.mail-env .mail-body .mail-info .mail-sender.mail-date,
3611
.mail-env .mail-body .mail-info .mail-date.mail-date {
3612
text-align: right;
3613
}
3614
.mail-env .mail-body .mail-text {
3615
border-bottom: 1px solid #ebebeb;
3616
padding: 20px;
3617
}
3618
.mail-env .mail-body .mail-attachments {
3619
padding: 20px;
3620
border-bottom: 1px solid #ebebeb;
3621
}
3622
.mail-env .mail-body .mail-attachments h4 {
3623
margin-bottom: 30px;
3624
line-height: 1;
3625
}
3626
.mail-env .mail-body .mail-attachments h4 span {
3627
zoom: 1;
3628
-webkit-opacity: 0.4;
3629
-moz-opacity: 0.4;
3630
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
3631
opacity: 0.4;
3632
filter: alpha(opacity=40);
3633
}
3634
.mail-env .mail-body .mail-attachments ul {
3635
list-style: none;
3636
padding: 0;
3637
margin: 0;
3638
}
3639
.mail-env .mail-body .mail-attachments ul:before,
3640
.mail-env .mail-body .mail-attachments ul:after {
3641
content: " ";
3642
display: table;
3643
}
3644
.mail-env .mail-body .mail-attachments ul:after {
3645
clear: both;
3646
}
3647
.mail-env .mail-body .mail-attachments ul li {
3648
float: left;
3649
margin: 0;
3650
padding: 0;
3651
margin-right: 30px;
3652
margin-bottom: 20px;
3653
}
3654
.mail-env .mail-body .mail-attachments ul li > a {
3655
display: block;
3656
}
3657
.mail-env .mail-body .mail-attachments ul li > a img {
3658
position: relative;
3659
display: block;
3660
line-height: 1;
3661
margin-bottom: 10px;
3662
}
3663
.mail-env .mail-body .mail-attachments ul li > a.thumb {
3664
position: relative;
3665
}
3666
.mail-env .mail-body .mail-attachments ul li > a.thumb:after {
3667
font-family: "Entypo";
3668
content: '\e826';
3669
display: block;
3670
position: absolute;
3671
left: 50%;
3672
top: 50%;
3673
background: #fff;
3674
width: 40px;
3675
height: 40px;
3676
margin-left: -20px;
3677
margin-top: -20px;
3678
font-size: 28px;
3679
text-align: center;
3680
line-height: 40px;
3681
vertical-align: text-top;
3682
color: #fff;
3683
background: rgba(0, 0, 0, 0.25);
3684
-webkit-background-clip: padding-box;
3685
-moz-background-clip: padding;
3686
background-clip: padding-box;
3687
-webkit-border-radius: 4px;
3688
-moz-border-radius: 4px;
3689
border-radius: 4px;
3690
zoom: 1;
3691
-webkit-opacity: 0;
3692
-moz-opacity: 0;
3693
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
3694
opacity: 0;
3695
filter: alpha(opacity=0);
3696
-moz-transition: all 300ms ease-in-out;
3697
-webkit-transition: all 300ms ease-in-out;
3698
-o-transition: all 300ms ease-in-out;
3699
transition: all 300ms ease-in-out;
3700
}
3701
.mail-env .mail-body .mail-attachments ul li > a.thumb:hover:after {
3702
zoom: 1;
3703
-webkit-opacity: 1;
3704
-moz-opacity: 1;
3705
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
3706
opacity: 1;
3707
filter: alpha(opacity=100);
3708
}
3709
.mail-env .mail-body .mail-attachments ul li > a.thumb.download:after {
3710
content: '\e82d';
3711
}
3712
.mail-env .mail-body .mail-attachments ul li > a.name span {
3713
color: #666666;
3714
float: right;
3715
}
3716
.mail-env .mail-body .mail-attachments ul li .links {
3717
display: block;
3718
font-size: 11px;
3719
color: #666666;
3720
margin-top: 6px;
3721
}
3722
.mail-env .mail-body .mail-attachments ul li .links a {
3723
color: #666666;
3724
}
3725
.mail-env .mail-body .mail-reply {
3726
border-bottom: 1px solid #ebebeb;
3727
padding: 20px;
3728
}
3729
.mail-env .mail-body .mail-reply .fake-form {
3730
padding: 20px;
3731
border: 2px solid #ebebeb;
3732
min-height: 100px;
3733
-webkit-background-clip: padding-box;
3734
-moz-background-clip: padding;
3735
background-clip: padding-box;
3736
-webkit-border-radius: 4px;
3737
-moz-border-radius: 4px;
3738
border-radius: 4px;
3739
}
3740
.mail-env .mail-body .mail-reply .fake-form > div a {
3741
font-weight: bold;
3742
color: #ec5956;
3743
}
3744
.mail-env .mail-body .mail-compose {
3745
padding: 20px;
3746
}
3747
.mail-env .mail-body .mail-compose .form-group {
3748
position: relative;
3749
border-bottom: 1px solid #ebebeb;
3750
padding-bottom: 15px;
3751
}
3752
.mail-env .mail-body .mail-compose .form-group label {
3753
position: absolute;
3754
left: 10px;
3755
top: 7px;
3756
z-index: 10;
3757
}
3758
.mail-env .mail-body .mail-compose .form-group input {
3759
border-color: transparent;
3760
position: relative;
3761
z-index: 5;
3762
padding-left: 100px;
3763
-moz-transition: all 300ms ease-in-out;
3764
-webkit-transition: all 300ms ease-in-out;
3765
-o-transition: all 300ms ease-in-out;
3766
transition: all 300ms ease-in-out;
3767
}
3768
.mail-env .mail-body .mail-compose .form-group input:focus {
3769
background: #f9f9f9;
3770
border-color: #f4f4f4;
3771
}
3772
.mail-env .mail-body .mail-compose .form-group .field-options {
3773
position: absolute;
3774
right: 5px;
3775
top: 5px;
3776
z-index: 12;
3777
}
3778
.mail-env .mail-body .mail-compose .form-group .field-options a {
3779
display: inline-block;
3780
background: #f3f4f4;
3781
color: #7e8186;
3782
padding: 2px 6px;
3783
margin-left: 4px;
3784
text-align: center;
3785
-webkit-background-clip: padding-box;
3786
-moz-background-clip: padding;
3787
background-clip: padding-box;
3788
-webkit-border-radius: 3px;
3789
-moz-border-radius: 3px;
3790
border-radius: 3px;
3791
}
3792
.mail-env .mail-body .mail-compose .compose-message-editor {
3793
padding-top: 5px;
3794
}
3795
.mail-env .mail-body .mail-compose .compose-message-editor textarea {
3796
height: 400px;
3797
}
3798
.mail-env .mail-body > div:last-child {
3799
border-bottom: 0;
3800
}
3801
.mail-env .mail-body .mail-table {
3802
margin-bottom: 0;
3803
}
3804
.mail-env .mail-body .mail-table thead tr th,
3805
.mail-env .mail-body .mail-table tfoot tr th {
3806
background: #ebebeb;
3807
border: 0;
3808
color: #666666;
3809
vertical-align: middle;
3810
border-bottom: 0;
3811
}
3812
.mail-env .mail-body .mail-table thead tr th a,
3813
.mail-env .mail-body .mail-table tfoot tr th a {
3814
color: #666666;
3815
}
3816
.mail-env .mail-body .mail-table thead tr th .mail-select-options,
3817
.mail-env .mail-body .mail-table tfoot tr th .mail-select-options {
3818
float: left;
3819
padding-top: 5px;
3820
}
3821
.mail-env .mail-body .mail-table thead tr th .mail-pagination,
3822
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination {
3823
float: right;
3824
}
3825
.mail-env .mail-body .mail-table thead tr th .mail-pagination span,
3826
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination span {
3827
color: rgba(102, 102, 102, 0.5);
3828
}
3829
.mail-env .mail-body .mail-table thead tr th .mail-pagination .btn-group,
3830
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination .btn-group {
3831
margin-left: 5px;
3832
}
3833
.mail-env .mail-body .mail-table thead tr th .mail-pagination .btn-group .btn-sm,
3834
.mail-env .mail-body .mail-table tfoot tr th .mail-pagination .btn-group .btn-sm {
3835
padding-left: 7px;
3836
padding-right: 7px;
3837
}
3838
.mail-env .mail-body .mail-table tbody tr td {
3839
border-top: 0;
3840
border-bottom: 1px solid #ebebeb;
3841
height: 50px;
3842
vertical-align: middle;
3843
background: #f9f9f9;
3844
}
3845
.mail-env .mail-body .mail-table tbody tr td.col-name,
3846
.mail-env .mail-body .mail-table tbody tr td.col-subject {
3847
overflow: hidden;
3848
text-overflow: ellipsis;
3849
white-space: nowrap;
3850
}
3851
.mail-env .mail-body .mail-table tbody tr td.col-name.col-subject a,
3852
.mail-env .mail-body .mail-table tbody tr td.col-subject.col-subject a {
3853
color: #8c8c8c;
3854
}
3855
.mail-env .mail-body .mail-table tbody tr td.col-name.col-subject a.label,
3856
.mail-env .mail-body .mail-table tbody tr td.col-subject.col-subject a.label {
3857
color: #fff;
3858
}
3859
.mail-env .mail-body .mail-table tbody tr td.col-name {
3860
width: 25%;
3861
}
3862
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
3863
display: inline-block;
3864
max-width: 400px;
3865
height: 20px;
3866
overflow: hidden;
3867
text-overflow: ellipsis;
3868
white-space: nowrap;
3869
}
3870
.mail-env .mail-body .mail-table tbody tr td.col-options {
3871
text-align: right;
3872
}
3873
.mail-env .mail-body .mail-table tbody tr td.col-options a {
3874
color: #999999;
3875
}
3876
.mail-env .mail-body .mail-table tbody tr td.col-time {
3877
width: 12%;
3878
text-align: right;
3879
color: rgba(102, 102, 102, 0.5);
3880
}
3881
.mail-env .mail-body .mail-table tbody tr td .star {
3882
display: inline-block;
3883
color: #dddddd;
3884
margin-right: 5px;
3885
font-size: 14px;
3886
-moz-transition: all 300ms ease-in-out;
3887
-webkit-transition: all 300ms ease-in-out;
3888
-o-transition: all 300ms ease-in-out;
3889
transition: all 300ms ease-in-out;
3890
}
3891
.mail-env .mail-body .mail-table tbody tr td .star.stared,
3892
.mail-env .mail-body .mail-table tbody tr td .star.starred {
3893
color: #ff9600;
3894
}
3895
.mail-env .mail-body .mail-table tbody tr td > .label:first-child {
3896
margin-left: 0;
3897
}
3898
.mail-env .mail-body .mail-table tbody tr.unread > td {
3899
background-color: #fff !important;
3900
}
3901
.mail-env .mail-body .mail-table tbody tr.unread > td.col-name a {
3902
font-weight: bold;
3903
}
3904
.mail-env .mail-body .mail-table tbody tr.highlight > td {
3905
background-color: #ffffcc !important;
3906
}
3907
.mail-env .mail-body .mail-table > thead > tr > td:first-child,
3908
.mail-env .mail-body .mail-table > tbody > tr > td:first-child,
3909
.mail-env .mail-body .mail-table > tfoot > tr > td:first-child,
3910
.mail-env .mail-body .mail-table > thead > tr > th:first-child,
3911
.mail-env .mail-body .mail-table > tbody > tr > th:first-child,
3912
.mail-env .mail-body .mail-table > tfoot > tr > th:first-child {
3913
padding-left: 20px;
3914
}
3915
.mail-env .mail-body .mail-table > thead > tr > td:last-child,
3916
.mail-env .mail-body .mail-table > tbody > tr > td:last-child,
3917
.mail-env .mail-body .mail-table > tfoot > tr > td:last-child,
3918
.mail-env .mail-body .mail-table > thead > tr > th:last-child,
3919
.mail-env .mail-body .mail-table > tbody > tr > th:last-child,
3920
.mail-env .mail-body .mail-table > tfoot > tr > th:last-child {
3921
padding-right: 20px;
3922
}
3923
.mail-env .mail-body .mail-table > thead > tr > thX:first-child,
3924
.mail-env .mail-body .mail-table > tbody > tr > thX:first-child,
3925
.mail-env .mail-body .mail-table > tfoot > tr > thX:first-child {
3926
position: relative;
3927
}
3928
.mail-env .mail-body .mail-table > thead > tr > thX:first-child:before,
3929
.mail-env .mail-body .mail-table > tbody > tr > thX:first-child:before,
3930
.mail-env .mail-body .mail-table > tfoot > tr > thX:first-child:before {
3931
position: absolute;
3932
content: '';
3933
top: 0;
3934
left: 0;
3935
bottom: 0;
3936
width: 20px;
3937
background: #FFF;
3938
}
3939
.mail-env .mail-body .mail-table > thead > tr > thX:last-child,
3940
.mail-env .mail-body .mail-table > tbody > tr > thX:last-child,
3941
.mail-env .mail-body .mail-table > tfoot > tr > thX:last-child {
3942
position: relative;
3943
}
3944
.mail-env .mail-body .mail-table > thead > tr > thX:last-child:before,
3945
.mail-env .mail-body .mail-table > tbody > tr > thX:last-child:before,
3946
.mail-env .mail-body .mail-table > tfoot > tr > thX:last-child:before {
3947
position: absolute;
3948
content: '';
3949
top: 0;
3950
right: 0;
3951
bottom: 0;
3952
width: 20px;
3953
background: #FFF;
3954
}
3955
.mail-env .mail-body .mail-table > tbody > tr:nth-child(odd) > td {
3956
background: #fbfbfb;
3957
}
3958
.mail-env .mail-body .mail-table .neon-cb-replacement {
3959
top: 2px;
3960
}
3961
.mail-env .mail-body .mail-table .neon-cb-replacement .cb-wrapper {
3962
background: #fff;
3963
border-color: #dfdfdf;
3964
}
3965
.mail-env .mail-body .mail-table .neon-cb-replacement .cb-wrapper .checked {
3966
background: #dfdfdf;
3967
}
3968
.mail-env.right-sidebar .mail-sidebar {
3969
border-left: 1px solid #ebebeb;
3970
border-right: 0;
3971
}
3972
.mail-env.right-sidebar .mail-body {
3973
float: left;
3974
}
3975
@media (max-width: 999px) {
3976
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
3977
max-width: 280px;
3978
}
3979
}
3980
@media (max-width: 959px) {
3981
.mail-env .mail-body .mail-header div.mail-title {
3982
width: 100%;
3983
white-space: normal;
3984
}
3985
.mail-env .mail-body .mail-header .mail-links {
3986
float: none;
3987
width: 100%;
3988
text-align: left;
3989
clear: left;
3990
padding-top: 10px;
3991
}
3992
.mail-env .mail-body .mail-info {
3993
display: block;
3994
}
3995
.mail-env .mail-body .mail-info .mail-sender,
3996
.mail-env .mail-body .mail-info .mail-date {
3997
display: block;
3998
width: 100%;
3999
}
4000
.mail-env .mail-body .mail-info .mail-sender.mail-sender,
4001
.mail-env .mail-body .mail-info .mail-date.mail-sender {
4002
padding-top: 10px;
4003
padding-bottom: 10px;
4004
border-bottom: 1px solid #ebebeb;
4005
}
4006
.mail-env .mail-body .mail-info .mail-sender.mail-date,
4007
.mail-env .mail-body .mail-info .mail-date.mail-date {
4008
text-align: left;
4009
padding-top: 10px;
4010
padding-bottom: 10px;
4011
}
4012
.mail-env .mail-body .mail-compose .compose-message-editor textarea {
4013
height: 300px;
4014
}
4015
}
4016
@media (max-width: 768px) {
4017
.mail-env .mail-sidebar {
4018
width: 30.8%;
4019
}
4020
.mail-env .mail-body {
4021
width: 69.2%;
4022
}
4023
.mail-env .mail-body .mail-table tbody tr td.col-options {
4024
display: none;
4025
}
4026
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
4027
max-width: 160px;
4028
}
4029
.mail-env .mail-body .mail-compose .compose-message-editor textarea {
4030
height: 240px;
4031
}
4032
}
4033
@media (max-width: 767px) {
4034
.mail-env .mail-sidebar,
4035
.mail-env .mail-body {
4036
width: 100%;
4037
float: none;
4038
}
4039
.mail-env .mail-body .mail-header .mail-title,
4040
.mail-env .mail-body .mail-header .mail-search,
4041
.mail-env .mail-body .mail-header .mail-links {
4042
float: none;
4043
width: 100%;
4044
}
4045
.mail-env .mail-body .mail-header .mail-title.mail-search,
4046
.mail-env .mail-body .mail-header .mail-search.mail-search,
4047
.mail-env .mail-body .mail-header .mail-links.mail-search,
4048
.mail-env .mail-body .mail-header .mail-title.mail-links,
4049
.mail-env .mail-body .mail-header .mail-search.mail-links,
4050
.mail-env .mail-body .mail-header .mail-links.mail-links {
4051
margin-top: 20px;
4052
}
4053
.mail-env .mail-body .mail-header .mail-links {
4054
padding-top: 0;
4055
}
4056
}
4057
@media (max-width: 449px) {
4058
.mail-env .mail-body .mail-table tbody tr td.col-subject a {
4059
max-width: 40px;
4060
}
4061
.mail-env .mail-body .mail-table tbody tr > td.col-name a.star {
4062
display: none;
4063
}
4064
.mail-env .mail-body .mail-table > thead > tr > td:last-child,
4065
.mail-env .mail-body .mail-table > tbody > tr > td:last-child,
4066
.mail-env .mail-body .mail-table > tfoot > tr > td:last-child,
4067
.mail-env .mail-body .mail-table > thead > tr > th:last-child,
4068
.mail-env .mail-body .mail-table > tbody > tr > th:last-child,
4069
.mail-env .mail-body .mail-table > tfoot > tr > th:last-child {
4070
padding-right: 10px;
4071
}
4072
.mail-env .mail-body .mail-table > thead > tr > td:first-child,
4073
.mail-env .mail-body .mail-table > tbody > tr > td:first-child,
4074
.mail-env .mail-body .mail-table > tfoot > tr > td:first-child,
4075
.mail-env .mail-body .mail-table > thead > tr > th:first-child,
4076
.mail-env .mail-body .mail-table > tbody > tr > th:first-child,
4077
.mail-env .mail-body .mail-table > tfoot > tr > th:first-child {
4078
padding-left: 10px;
4079
}
4080
}
4081
.login-page {
4082
background: #303641;
4083
}
4084
.login-page .login-content {
4085
position: relative;
4086
width: 320px;
4087
margin: 0 auto;
4088
text-align: center;
4089
padding: 20px 0;
4090
-moz-transition: all 550ms ease-in-out;
4091
-webkit-transition: all 550ms ease-in-out;
4092
-o-transition: all 550ms ease-in-out;
4093
transition: all 550ms ease-in-out;
4094
}
4095
.login-page .login-content a {
4096
color: #949494;
4097
}
4098
.login-page .login-header {
4099
position: relative;
4100
background: #373e4a;
4101
padding: 100px 0;
4102
-moz-transition: all 550ms ease-in-out;
4103
-webkit-transition: all 550ms ease-in-out;
4104
-o-transition: all 550ms ease-in-out;
4105
transition: all 550ms ease-in-out;
4106
}
4107
.login-page .login-header .description {
4108
font-size: 13px;
4109
margin-top: 20px;
4110
margin-bottom: 0;
4111
-moz-transition: all 550ms ease-in-out;
4112
-webkit-transition: all 550ms ease-in-out;
4113
-o-transition: all 550ms ease-in-out;
4114
transition: all 550ms ease-in-out;
4115
}
4116
.login-page .login-header.login-caret:after {
4117
position: absolute;
4118
content: '';
4119
left: 50%;
4120
bottom: 0;
4121
margin-left: -12.5px;
4122
width: 0px;
4123
height: 0px;
4124
border-style: solid;
4125
border-width: 13px 12.5px 0 12.5px;
4126
border-color: #373e4a transparent transparent transparent;
4127
bottom: -13px;
4128
-moz-transition: all 550ms ease-in-out;
4129
-webkit-transition: all 550ms ease-in-out;
4130
-o-transition: all 550ms ease-in-out;
4131
transition: all 550ms ease-in-out;
4132
}
4133
.login-page .login-form {
4134
position: relative;
4135
padding-top: 60px;
4136
-moz-transition: all 550ms ease-in-out;
4137
-webkit-transition: all 550ms ease-in-out;
4138
-o-transition: all 550ms ease-in-out;
4139
transition: all 550ms ease-in-out;
4140
}
4141
.login-page .login-form .form-group {
4142
margin-bottom: 20px;
4143
-moz-transition: all 550ms ease-in-out;
4144
-webkit-transition: all 550ms ease-in-out;
4145
-o-transition: all 550ms ease-in-out;
4146
transition: all 550ms ease-in-out;
4147
}
4148
.login-page .login-form .form-group .input-group {
4149
background: #373e4a;
4150
border: 1px solid #373e4a;
4151
padding-top: 6px;
4152
padding-bottom: 6px;
4153
-moz-transition: all 300ms ease-in-out;
4154
-webkit-transition: all 300ms ease-in-out;
4155
-o-transition: all 300ms ease-in-out;
4156
transition: all 300ms ease-in-out;
4157
-webkit-background-clip: padding-box;
4158
-moz-background-clip: padding;
4159
background-clip: padding-box;
4160
-webkit-border-radius: 3px;
4161
-moz-border-radius: 3px;
4162
border-radius: 3px;
4163
}
4164
.login-page .login-form .form-group .input-group.focused {
4165
border-color: #626f85;
4166
border-color: rgba(98, 111, 133, 0.5);
4167
}
4168
.login-page .login-form .form-group .input-group.validate-has-error {
4169
border-color: #ec5956;
4170
border-color: rgba(236, 89, 86, 0.5);
4171
}
4172
.login-page .login-form .form-group .input-group.validate-has-error .error {
4173
position: absolute;
4174
right: 10px;
4175
top: 50%;
4176
margin-top: -8px;
4177
font-size: 10px;
4178
}
4179
.login-page .login-form .form-group .input-group .input-group-addon,
4180
.login-page .login-form .form-group .input-group .form-control {
4181
background: transparent;
4182
border: 0;
4183
}
4184
.login-page .login-form .form-group .input-group .input-group-addon {
4185
position: relative;
4186
}
4187
.login-page .login-form .form-group .input-group .input-group-addon:after {
4188
position: absolute;
4189
display: block;
4190
content: '';
4191
right: 0;
4192
top: 0;
4193
height: 100%;
4194
width: 1px;
4195
background: #454a54;
4196
-webkit-transform: scaleY(.56);
4197
-moz-transform: scaleY(.56);
4198
-ms-transform: scaleY(.56);
4199
-o-transform: scaleY(.56);
4200
transform: scaleY(.56);
4201
}
4202
.login-page .login-form .form-group .input-group .form-control {
4203
color: #fff;
4204
}
4205
.login-page .login-form .form-group .input-group .form-control:focus {
4206
-moz-box-shadow: none;
4207
-webkit-box-shadow: none;
4208
box-shadow: none;
4209
}
4210
.login-page .login-form .form-group.lockscreen-input {
4211
margin-top: -155px;
4212
}
4213
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb {
4214
position: relative;
4215
display: inline-block;
4216
}
4217
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img {
4218
border: 5px solid #373e4a;
4219
}
4220
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
4221
display: block;
4222
position: absolute;
4223
margin: 5px;
4224
left: 0;
4225
top: 0;
4226
right: 0;
4227
bottom: 0;
4228
color: #fff;
4229
font-size: 19px;
4230
text-align: center;
4231
line-height: 145px;
4232
background: rgba(0, 0, 0, 0.3);
4233
visibility: hidden;
4234
-webkit-background-clip: padding-box;
4235
-moz-background-clip: padding;
4236
background-clip: padding-box;
4237
-webkit-border-radius: 50%;
4238
-moz-border-radius: 50%;
4239
border-radius: 50%;
4240
-moz-transition: all 550ms ease-in-out;
4241
-webkit-transition: all 550ms ease-in-out;
4242
-o-transition: all 550ms ease-in-out;
4243
transition: all 550ms ease-in-out;
4244
zoom: 1;
4245
-webkit-opacity: 0;
4246
-moz-opacity: 0;
4247
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4248
opacity: 0;
4249
filter: alpha(opacity=0);
4250
}
4251
.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb canvas {
4252
position: absolute;
4253
left: 0;
4254
top: 0;
4255
}
4256
.login-page .login-form .form-group.lockscreen-input .lockscreen-details {
4257
position: relative;
4258
padding-top: 5px;
4259
}
4260
.login-page .login-form .form-group.lockscreen-input .lockscreen-details h4 {
4261
color: #fff;
4262
}
4263
.login-page .login-form .form-group.lockscreen-input .lockscreen-details span {
4264
display: block;
4265
padding-bottom: 5px;
4266
}
4267
.login-page .login-form .form-group .btn-login {
4268
border: 1px solid #454a54;
4269
text-align: left;
4270
padding: 15px 20px;
4271
font-size: 14px;
4272
-moz-transition: all 300ms ease-in-out;
4273
-webkit-transition: all 300ms ease-in-out;
4274
-o-transition: all 300ms ease-in-out;
4275
transition: all 300ms ease-in-out;
4276
}
4277
.login-page .login-form .form-group .btn-login i {
4278
float: right;
4279
}
4280
.login-page .login-form .form-group .btn-login:hover,
4281
.login-page .login-form .form-group .btn-login:active {
4282
background: #373e4a;
4283
}
4284
.login-page .login-form .form-group .facebook-button,
4285
.login-page .login-form .form-group .twitter-button,
4286
.login-page .login-form .form-group .google-button {
4287
text-align: left;
4288
color: #fff;
4289
background-color: #3b5998;
4290
font-size: 12px;
4291
-moz-transition: all 300ms ease-in-out;
4292
-webkit-transition: all 300ms ease-in-out;
4293
-o-transition: all 300ms ease-in-out;
4294
transition: all 300ms ease-in-out;
4295
}
4296
.login-page .login-form .form-group .facebook-button i,
4297
.login-page .login-form .form-group .twitter-button i,
4298
.login-page .login-form .form-group .google-button i {
4299
background-color: #385490;
4300
-moz-transition: all 300ms ease-in-out;
4301
-webkit-transition: all 300ms ease-in-out;
4302
-o-transition: all 300ms ease-in-out;
4303
transition: all 300ms ease-in-out;
4304
}
4305
.login-page .login-form .form-group .facebook-button:hover,
4306
.login-page .login-form .form-group .twitter-button:hover,
4307
.login-page .login-form .form-group .google-button:hover {
4308
background-color: rgba(59, 89, 152, 0.8);
4309
}
4310
.login-page .login-form .form-group .facebook-button:hover i,
4311
.login-page .login-form .form-group .twitter-button:hover i,
4312
.login-page .login-form .form-group .google-button:hover i {
4313
background-color: #31497e;
4314
}
4315
.login-page .login-form .form-group .facebook-button.twitter-button,
4316
.login-page .login-form .form-group .twitter-button.twitter-button,
4317
.login-page .login-form .form-group .google-button.twitter-button {
4318
background-color: #4099FF;
4319
}
4320
.login-page .login-form .form-group .facebook-button.twitter-button i,
4321
.login-page .login-form .form-group .twitter-button.twitter-button i,
4322
.login-page .login-form .form-group .google-button.twitter-button i {
4323
background-color: #0d7eff;
4324
}
4325
.login-page .login-form .form-group .facebook-button.twitter-button:hover,
4326
.login-page .login-form .form-group .twitter-button.twitter-button:hover,
4327
.login-page .login-form .form-group .google-button.twitter-button:hover {
4328
background-color: rgba(64, 153, 255, 0.8);
4329
}
4330
.login-page .login-form .form-group .facebook-button.twitter-button:hover i,
4331
.login-page .login-form .form-group .twitter-button.twitter-button:hover i,
4332
.login-page .login-form .form-group .google-button.twitter-button:hover i {
4333
background-color: #0071f3;
4334
}
4335
.login-page .login-form .form-group .facebook-button.google-button,
4336
.login-page .login-form .form-group .twitter-button.google-button,
4337
.login-page .login-form .form-group .google-button.google-button {
4338
background-color: #D34836;
4339
}
4340
.login-page .login-form .form-group .facebook-button.google-button i,
4341
.login-page .login-form .form-group .twitter-button.google-button i,
4342
.login-page .login-form .form-group .google-button.google-button i {
4343
background-color: #b03626;
4344
}
4345
.login-page .login-form .form-group .facebook-button.google-button:hover,
4346
.login-page .login-form .form-group .twitter-button.google-button:hover,
4347
.login-page .login-form .form-group .google-button.google-button:hover {
4348
background-color: rgba(211, 72, 54, 0.8);
4349
}
4350
.login-page .login-form .form-group .facebook-button.google-button:hover i,
4351
.login-page .login-form .form-group .twitter-button.google-button:hover i,
4352
.login-page .login-form .form-group .google-button.google-button:hover i {
4353
background-color: #9b3022;
4354
}
4355
.login-page .login-bottom-links {
4356
padding-top: 40px;
4357
padding-bottom: 30px;
4358
}
4359
.login-page .login-bottom-links a {
4360
-moz-transition: all 300ms ease-in-out;
4361
-webkit-transition: all 300ms ease-in-out;
4362
-o-transition: all 300ms ease-in-out;
4363
transition: all 300ms ease-in-out;
4364
}
4365
.login-page .login-bottom-links a:hover {
4366
color: #aeaeae;
4367
}
4368
.login-page .login-bottom-links .link {
4369
font-size: 14px;
4370
display: inline-block;
4371
margin-bottom: 10px;
4372
color: rgba(255, 255, 255, 0.7);
4373
-moz-transition: all 550ms ease-in-out;
4374
-webkit-transition: all 550ms ease-in-out;
4375
-o-transition: all 550ms ease-in-out;
4376
transition: all 550ms ease-in-out;
4377
}
4378
.login-page .login-bottom-links .link:hover {
4379
color: #fff;
4380
}
4381
.login-page .login-progressbar {
4382
height: 0px;
4383
width: 100%;
4384
overflow: hidden;
4385
-moz-transition: all 550ms ease-in-out;
4386
-webkit-transition: all 550ms ease-in-out;
4387
-o-transition: all 550ms ease-in-out;
4388
transition: all 550ms ease-in-out;
4389
}
4390
.login-page .login-progressbar div {
4391
width: 0%;
4392
-moz-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
4393
-webkit-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
4394
-o-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
4395
transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
4396
}
4397
.login-page .login-progressbar-indicator {
4398
position: absolute;
4399
width: 100%;
4400
text-align: center;
4401
top: 100%;
4402
margin-top: 80px;
4403
visibility: hidden;
4404
zoom: 1;
4405
-webkit-opacity: 0;
4406
-moz-opacity: 0;
4407
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4408
opacity: 0;
4409
filter: alpha(opacity=0);
4410
-webkit-transform: translateY(100px) scale(0.2);
4411
-moz-transform: translateY(100px) scale(0.2);
4412
-ms-transform: translateY(100px) scale(0.2);
4413
-o-transform: translateY(100px) scale(0.2);
4414
transform: translateY(100px) scale(0.2);
4415
-moz-transition: all 550ms ease-in-out;
4416
-webkit-transition: all 550ms ease-in-out;
4417
-o-transition: all 550ms ease-in-out;
4418
transition: all 550ms ease-in-out;
4419
}
4420
.login-page .login-progressbar-indicator h3 {
4421
color: #fff;
4422
margin: 0;
4423
margin-bottom: 10px;
4424
font-size: 20px;
4425
}
4426
.login-page.logging-in {
4427
overflow: hidden;
4428
}
4429
.login-page.logging-in .login-header {
4430
padding-top: 170px;
4431
padding-bottom: 30px;
4432
}
4433
.login-page.logging-in .login-header.login-caret:after {
4434
zoom: 1;
4435
-webkit-opacity: 0;
4436
-moz-opacity: 0;
4437
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4438
opacity: 0;
4439
filter: alpha(opacity=0);
4440
}
4441
.login-page.logging-in .login-header .description {
4442
zoom: 1;
4443
-webkit-opacity: 0;
4444
-moz-opacity: 0;
4445
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4446
opacity: 0;
4447
filter: alpha(opacity=0);
4448
}
4449
.login-page.logging-in .login-form form,
4450
.login-page.logging-in .login-form .link {
4451
zoom: 1;
4452
-webkit-opacity: 0;
4453
-moz-opacity: 0;
4454
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4455
opacity: 0;
4456
filter: alpha(opacity=0);
4457
-webkit-transform: translateY(-200px) scale(0.8);
4458
-moz-transform: translateY(-200px) scale(0.8);
4459
-ms-transform: translateY(-200px) scale(0.8);
4460
-o-transform: translateY(-200px) scale(0.8);
4461
transform: translateY(-200px) scale(0.8);
4462
}
4463
.login-page.logging-in .login-progressbar {
4464
background: #515b6d;
4465
height: 2px;
4466
}
4467
.login-page.logging-in .login-progressbar div {
4468
background: #de6c65;
4469
height: 2px;
4470
}
4471
.login-page.logging-in .login-progressbar-indicator {
4472
visibility: visible;
4473
zoom: 1;
4474
-webkit-opacity: 1;
4475
-moz-opacity: 1;
4476
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
4477
opacity: 1;
4478
filter: alpha(opacity=100);
4479
-webkit-transform: translateY(0px) scale(1);
4480
-moz-transform: translateY(0px) scale(1);
4481
-ms-transform: translateY(0px) scale(1);
4482
-o-transform: translateY(0px) scale(1);
4483
transform: translateY(0px) scale(1);
4484
}
4485
.login-page.logging-in-lockscreen .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
4486
zoom: 1;
4487
-webkit-opacity: 1;
4488
-moz-opacity: 1;
4489
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
4490
opacity: 1;
4491
filter: alpha(opacity=100);
4492
visibility: visible;
4493
}
4494
.login-page.logging-in-lockscreen .login-form .form-group:nth-child(n + 2),
4495
.login-page.logging-in-lockscreen .login-form .link {
4496
zoom: 1;
4497
-webkit-opacity: 0;
4498
-moz-opacity: 0;
4499
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4500
opacity: 0;
4501
filter: alpha(opacity=0);
4502
-webkit-transform: translateY(-50px) scale(0.5);
4503
-moz-transform: translateY(-50px) scale(0.5);
4504
-ms-transform: translateY(-50px) scale(0.5);
4505
-o-transform: translateY(-50px) scale(0.5);
4506
transform: translateY(-50px) scale(0.5);
4507
}
4508
.login-page.login-form-fall .login-form {
4509
zoom: 1;
4510
-webkit-opacity: 0;
4511
-moz-opacity: 0;
4512
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4513
opacity: 0;
4514
filter: alpha(opacity=0);
4515
top: -100px;
4516
-moz-transition: all 550ms ease-in-out;
4517
-webkit-transition: all 550ms ease-in-out;
4518
-o-transition: all 550ms ease-in-out;
4519
transition: all 550ms ease-in-out;
4520
}
4521
.login-page.login-form-fall .login-form .form-group {
4522
-moz-transition: all 550ms ease-in-out;
4523
-webkit-transition: all 550ms ease-in-out;
4524
-o-transition: all 550ms ease-in-out;
4525
transition: all 550ms ease-in-out;
4526
-moz-transition-delay: 250ms;
4527
-o-transition-delay: 250ms;
4528
-webkit-transition-delay: 250ms;
4529
transition-delay: 250ms;
4530
zoom: 1;
4531
-webkit-opacity: 0;
4532
-moz-opacity: 0;
4533
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
4534
opacity: 0;
4535
filter: alpha(opacity=0);
4536
}
4537
.login-page.login-form-fall .login-form .form-group:nth-child(2) {
4538
-moz-transition-delay: 350ms;
4539
-o-transition-delay: 350ms;
4540
-webkit-transition-delay: 350ms;
4541
transition-delay: 350ms;
4542
}
4543
.login-page.login-form-fall .login-form .form-group:nth-child(3) {
4544
-moz-transition-delay: 450ms;
4545
-o-transition-delay: 450ms;
4546
-webkit-transition-delay: 450ms;
4547
transition-delay: 450ms;
4548
}
4549
.login-page.login-form-fall .login-form .form-group:nth-child(4) {
4550
-moz-transition-delay: 550ms;
4551
-o-transition-delay: 550ms;
4552
-webkit-transition-delay: 550ms;
4553
transition-delay: 550ms;
4554
}
4555
.login-page.login-form-fall .login-form .form-group:nth-child(5) {
4556
-moz-transition-delay: 650ms;
4557
-o-transition-delay: 650ms;
4558
-webkit-transition-delay: 650ms;
4559
transition-delay: 650ms;
4560
}
4561
.login-page.login-form-fall .login-form .form-group:nth-child(6) {
4562
-moz-transition-delay: 750ms;
4563
-o-transition-delay: 750ms;
4564
-webkit-transition-delay: 750ms;
4565
transition-delay: 750ms;
4566
}
4567
.login-page.login-form-fall .login-form .form-group:nth-child(8) {
4568
-moz-transition-delay: 850ms;
4569
-o-transition-delay: 850ms;
4570
-webkit-transition-delay: 850ms;
4571
transition-delay: 850ms;
4572
}
4573
.login-page.login-form-fall .login-form .form-group:nth-child(9) {
4574
-moz-transition-delay: 950ms;
4575
-o-transition-delay: 950ms;
4576
-webkit-transition-delay: 950ms;
4577
transition-delay: 950ms;
4578
}
4579
.login-page.login-form-fall-init .login-form {
4580
zoom: 1;
4581
-webkit-opacity: 1;
4582
-moz-opacity: 1;
4583
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
4584
opacity: 1;
4585
filter: alpha(opacity=100);
4586
top: 0;
4587
}
4588
.login-page.login-form-fall-init .login-form .form-group {
4589
zoom: 1;
4590
-webkit-opacity: 1;
4591
-moz-opacity: 1;
4592
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
4593
opacity: 1;
4594
filter: alpha(opacity=100);
4595
}
4596
.login-page .form-steps .step {
4597
display: none;
4598
}
4599
.login-page .form-steps .step.current {
4600
display: block;
4601
}
4602
.login-page .form-register-success,
4603
.login-page .form-forgotpassword-success,
4604
.login-page .form-login-error {
4605
display: none;
4606
background: #00a651;
4607
color: #fff;
4608
padding: 10px;
4609
-webkit-background-clip: padding-box;
4610
-moz-background-clip: padding;
4611
background-clip: padding-box;
4612
-webkit-border-radius: 3px;
4613
-moz-border-radius: 3px;
4614
border-radius: 3px;
4615
margin-bottom: 30px;
4616
overflow: hidden;
4617
}
4618
.login-page .form-register-success.visible,
4619
.login-page .form-forgotpassword-success.visible,
4620
.login-page .form-login-error.visible {
4621
display: block;
4622
}
4623
.login-page .form-register-success i,
4624
.login-page .form-forgotpassword-success i,
4625
.login-page .form-login-error i {
4626
position: relative;
4627
font-size: 25px;
4628
background: #008d45;
4629
display: block;
4630
text-align: center;
4631
padding-top: 10px;
4632
padding-bottom: 10px;
4633
margin-top: -10px;
4634
margin-left: -10px;
4635
margin-right: -10px;
4636
-webkit-background-clip: padding-box;
4637
-moz-background-clip: padding;
4638
background-clip: padding-box;
4639
-webkit-border-radius: 3px 3px 0 0;
4640
-moz-border-radius: 3px 3px 0 0;
4641
border-radius: 3px 3px 0 0;
4642
}
4643
.login-page .form-register-success h3,
4644
.login-page .form-forgotpassword-success h3,
4645
.login-page .form-login-error h3 {
4646
font-size: 15px;
4647
color: #fff;
4648
margin: 0;
4649
margin-top: 10px;
4650
margin-bottom: 5px;
4651
}
4652
.login-page .form-register-success p,
4653
.login-page .form-forgotpassword-success p,
4654
.login-page .form-login-error p {
4655
font-size: 11px;
4656
margin: 0;
4657
}
4658
.login-page .form-register-success.form-login-error,
4659
.login-page .form-forgotpassword-success.form-login-error,
4660
.login-page .form-login-error.form-login-error {
4661
padding: 0;
4662
background: #cc2424;
4663
}
4664
.login-page .form-register-success.form-login-error h3,
4665
.login-page .form-forgotpassword-success.form-login-error h3,
4666
.login-page .form-login-error.form-login-error h3 {
4667
background: #b62020;
4668
padding: 10px;
4669
margin: 0;
4670
margin-bottom: 5px;
4671
font-size: 12px;
4672
-webkit-background-clip: padding-box;
4673
-moz-background-clip: padding;
4674
background-clip: padding-box;
4675
-webkit-border-radius: 3px 3px 0 0;
4676
-moz-border-radius: 3px 3px 0 0;
4677
border-radius: 3px 3px 0 0;
4678
}
4679
.login-page .form-register-success.form-login-error p,
4680
.login-page .form-forgotpassword-success.form-login-error p,
4681
.login-page .form-login-error.form-login-error p {
4682
padding: 10px;
4683
}
4684
@media (max-width: 991px) {
4685
.login-page .login-header {
4686
padding: 20px 0;
4687
}
4688
.login-page .login-form {
4689
padding-top: 30px;
4690
}
4691
.login-page .login-form .form-group.lockscreen-input {
4692
margin-top: 0;
4693
}
4694
.login-page.logging-in .login-header {
4695
padding-top: 34px;
4696
padding-bottom: 6px;
4697
}
4698
.login-page.logging-in .login-progressbar-indicator {
4699
margin-top: 60px;
4700
}
4701
.login-page.logging-in .login-form form,
4702
.login-page.logging-in .login-form .link {
4703
-webkit-transform: translateY(-100px) scale(0.6);
4704
-moz-transform: translateY(-100px) scale(0.6);
4705
-ms-transform: translateY(-100px) scale(0.6);
4706
-o-transform: translateY(-100px) scale(0.6);
4707
transform: translateY(-100px) scale(0.6);
4708
}
4709
}
4710
@media (max-width: 350px) {
4711
.login-page .login-content {
4712
width: 280px;
4713
}
4714
}
4715
.icheck-list {
4716
width: 100%;
4717
padding: 0;
4718
margin: 0;
4719
list-style: none;
4720
}
4721
.icheck-list > li {
4722
display: block;
4723
margin-bottom: 10px;
4724
}
4725
.icheck-list > li:last-child {
4726
margin-bottom: 0;
4727
}
4728
.icheck-skins {
4729
display: block;
4730
margin-top: 10px;
4731
}
4732
.icheck-skins:before,
4733
.icheck-skins:after {
4734
content: " ";
4735
display: table;
4736
}
4737
.icheck-skins:after {
4738
clear: both;
4739
}
4740
.icheck-skins a {
4741
display: inline-block;
4742
border: 1px solid transparent;
4743
background: #333;
4744
-moz-transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
4745
-webkit-transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
4746
-o-transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
4747
transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
4748
width: 20px;
4749
height: 20px;
4750
margin-right: 5px;
4751
}
4752
.icheck-skins a[data-color-class="red"] {
4753
background-color: #d54e21;
4754
}
4755
.icheck-skins a[data-color-class="green"] {
4756
background-color: #1b7e5a;
4757
}
4758
.icheck-skins a[data-color-class="blue"] {
4759
background-color: #2489c5;
4760
}
4761
.icheck-skins a[data-color-class="aero"] {
4762
background-color: #9cc2cb;
4763
}
4764
.icheck-skins a[data-color-class="grey"] {
4765
background-color: #73716e;
4766
}
4767
.icheck-skins a[data-color-class="orange"] {
4768
background-color: #f70;
4769
}
4770
.icheck-skins a[data-color-class="yellow"] {
4771
background-color: #fc3;
4772
}
4773
.icheck-skins a[data-color-class="pink"] {
4774
background-color: #a77a94;
4775
}
4776
.icheck-skins a[data-color-class="purple"] {
4777
background-color: #6a5a8c;
4778
}
4779
.icheck-skins a.current {
4780
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
4781
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
4782
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
4783
-moz-transform: scale(1.15);
4784
-webkit-transform: scale(1.15);
4785
-ms-transform: scale(1.15);
4786
-o-transform: scale(1.15);
4787
transform: scale(1.15);
4788
}
4789
4790