volt-bootflat 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1799 @@
1
+ /*
2
+ * Copyright 2013 FLATHEMES.
3
+ *
4
+ * Bootflat, v2.0.0
5
+ * A open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework.
6
+ * http://http://bootflat.github.io/
7
+ *
8
+ * By @flathemes
9
+ *
10
+ * Licensed under the MIT license. Please see LICENSE for more information.
11
+ *
12
+ */
13
+ /**
14
+ * typography
15
+ * --------------------------------------------------
16
+ */
17
+ body {
18
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
19
+ color: #434a54;
20
+ background-color: white;
21
+ }
22
+
23
+ a {
24
+ color: #3bafda;
25
+ text-decoration: none;
26
+ }
27
+ a:hover, a:focus {
28
+ color: #4fc1e9;
29
+ text-decoration: none;
30
+ }
31
+ a:focus {
32
+ outline: none;
33
+ }
34
+
35
+ h1,
36
+ h2,
37
+ h3,
38
+ h4,
39
+ h5,
40
+ h6,
41
+ .h1,
42
+ .h2,
43
+ .h3,
44
+ .h4,
45
+ .h5,
46
+ .h6 {
47
+ font-family: inherit;
48
+ font-weight: 700;
49
+ line-height: 1.1;
50
+ color: inherit;
51
+ }
52
+
53
+ h1 small,
54
+ h2 small,
55
+ h3 small,
56
+ h4 small,
57
+ h5 small,
58
+ h6 small,
59
+ .h1 small,
60
+ .h2 small,
61
+ .h3 small,
62
+ .h4 small,
63
+ .h5 small,
64
+ .h6 small {
65
+ color: #e7e9ec;
66
+ }
67
+
68
+ h1,
69
+ h2,
70
+ h3 {
71
+ margin-top: 30px;
72
+ margin-bottom: 15px;
73
+ }
74
+
75
+ h4,
76
+ h5,
77
+ h6 {
78
+ margin-top: 15px;
79
+ margin-bottom: 15px;
80
+ }
81
+
82
+ h6 {
83
+ font-weight: normal;
84
+ }
85
+
86
+ h1,
87
+ .h1 {
88
+ font-size: 51px;
89
+ }
90
+
91
+ h2,
92
+ .h2 {
93
+ font-size: 43px;
94
+ }
95
+
96
+ h3,
97
+ .h3 {
98
+ font-size: 30px;
99
+ }
100
+
101
+ h4,
102
+ .h4 {
103
+ font-size: 19px;
104
+ }
105
+
106
+ h5,
107
+ .h5 {
108
+ font-size: 18px;
109
+ }
110
+
111
+ h6,
112
+ .h6 {
113
+ font-size: 14px;
114
+ }
115
+
116
+ blockquote {
117
+ border-left: 3px solid #ccd1d9;
118
+ }
119
+
120
+ .img-rounded {
121
+ -webkit-border-radius: 4px;
122
+ -moz-border-radius: 4px;
123
+ border-radius: 4px;
124
+ }
125
+
126
+ .img-comment {
127
+ font-size: 15px;
128
+ line-height: 1.2;
129
+ font-style: italic;
130
+ margin: 24px 0;
131
+ }
132
+
133
+ /**
134
+ * button
135
+ * --------------------------------------------------
136
+ */
137
+ .btn {
138
+ color: white;
139
+ }
140
+ .btn, .btn.disabled, .btn[disabled] {
141
+ border-color: #aab2bd;
142
+ background-color: #aab2bd;
143
+ }
144
+ .btn:hover, .btn:focus, .btn:active, .btn.active {
145
+ color: white;
146
+ border-color: #ccd1d9;
147
+ background-color: #ccd1d9;
148
+ outline: none !important;
149
+ }
150
+ .btn:active, .btn.active {
151
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
152
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
153
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
154
+ }
155
+ .btn.disabled, .btn[disabled] {
156
+ opacity: 0.45;
157
+ filter: alpha(opacity=45);
158
+ }
159
+ .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] {
160
+ border-color: transparent;
161
+ background-color: transparent;
162
+ color: #3bafda;
163
+ -webkit-box-shadow: none;
164
+ -moz-box-shadow: none;
165
+ box-shadow: none;
166
+ }
167
+ .btn-link:hover, .btn-link:focus {
168
+ text-decoration: underline;
169
+ }
170
+ .btn-default {
171
+ color: #434a54;
172
+ border-color: #aab2bd !important;
173
+ }
174
+ .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
175
+ border-color: #ccd1d9;
176
+ background-color: #ccd1d9;
177
+ }
178
+ .btn-default, .btn-default.disabled, .btn-default[disabled] {
179
+ background-color: white;
180
+ }
181
+ .open .dropdown-toggle.btn-default {
182
+ border-color: #ccd1d9;
183
+ background-color: #ccd1d9;
184
+ }
185
+ .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
186
+ border-color: #3bafda;
187
+ background-color: #3bafda;
188
+ }
189
+ .btn-primary:hover, .btn-primary:focus {
190
+ border-color: #4fc1e9;
191
+ background-color: #4fc1e9;
192
+ }
193
+ .open .dropdown-toggle.btn-primary {
194
+ border-color: #4fc1e9;
195
+ background-color: #4fc1e9;
196
+ }
197
+ .btn-info, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
198
+ border-color: #37bc9b;
199
+ background-color: #37bc9b;
200
+ }
201
+ .btn-info:hover, .btn-info:focus {
202
+ border-color: #48cfad;
203
+ background-color: #48cfad;
204
+ }
205
+ .open .dropdown-toggle.btn-info {
206
+ border-color: #48cfad;
207
+ background-color: #48cfad;
208
+ }
209
+ .btn-success, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
210
+ border-color: #8cc152;
211
+ background-color: #8cc152;
212
+ }
213
+ .btn-success:hover, .btn-success:focus {
214
+ border-color: #a0d468;
215
+ background-color: #a0d468;
216
+ }
217
+ .open .dropdown-toggle.btn-success {
218
+ border-color: #a0d468;
219
+ background-color: #a0d468;
220
+ }
221
+ .btn-warning, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
222
+ border-color: #f6bb42;
223
+ background-color: #f6bb42;
224
+ }
225
+ .btn-warning:hover, .btn-warning:focus {
226
+ border-color: #ffce54;
227
+ background-color: #ffce54;
228
+ }
229
+ .open .dropdown-toggle.btn-warning {
230
+ border-color: #ffce54;
231
+ background-color: #ffce54;
232
+ }
233
+ .btn-danger, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled],
234
+ .btn-danger .open .dropdown-toggle.btn {
235
+ border-color: #da4453;
236
+ background-color: #da4453;
237
+ }
238
+ .btn-danger:hover, .btn-danger:focus {
239
+ border-color: #ed5565;
240
+ background-color: #ed5565;
241
+ }
242
+ .open .dropdown-toggle.btn-danger {
243
+ border-color: #ed5565;
244
+ background-color: #ed5565;
245
+ }
246
+
247
+ /**
248
+ * button-group
249
+ * --------------------------------------------------
250
+ */
251
+ .btn-group.open .dropdown-toggle {
252
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
253
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
254
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
255
+ }
256
+ .btn-group .btn {
257
+ border-left-color: #96a0ad;
258
+ }
259
+ .btn-group.open .btn-default.dropdown-toggle, .btn-group .btn-default:focus, .btn-group .btn-default:active, .btn-group .btn-default.active {
260
+ color: white;
261
+ }
262
+ .btn-group .btn-primary, .btn-group .btn-primary:focus, .btn-group .btn-primary:active, .btn-group .btn-primary.active {
263
+ border-left-color: #269ecb;
264
+ }
265
+ .btn-group .btn-success, .btn-group .btn-success:focus, .btn-group .btn-success:active, .btn-group .btn-success.active {
266
+ border-left-color: #7ab03f;
267
+ }
268
+ .btn-group .btn-warning, .btn-group .btn-warning:focus, .btn-group .btn-warning:active, .btn-group .btn-warning.active {
269
+ border-left-color: #efa50b;
270
+ }
271
+ .btn-group .btn-danger, .btn-group .btn-danger:focus, .btn-group .btn-danger:active, .btn-group .btn-danger.active {
272
+ border-left-color: #d1293a;
273
+ }
274
+ .btn-group .btn-info, .btn-group .btn-info:focus, .btn-group .btn-info:active, .btn-group .btn-info.active {
275
+ border-left-color: #2fa084;
276
+ }
277
+ .btn-group .btn:first-child, .btn-group .btn-primary:first-child, .btn-group .btn-success:first-child, .btn-group .btn-warning:first-child, .btn-group .btn-danger:first-child, .btn-group .btn-info:first-child {
278
+ border-left-color: transparent;
279
+ }
280
+
281
+ .btn-group-vertical .btn, .btn-group-vertical .btn-group .btn-primary {
282
+ border-top-color: #96a0ad !important;
283
+ }
284
+ .btn-group-vertical .btn-primary, .btn-group-vertical .btn-primary:focus, .btn-group-vertical .btn-primary:active, .btn-group-vertical .btn-primary.active, .btn-group-vertical .btn-group .btn-primary {
285
+ border-top-color: #269ecb !important;
286
+ }
287
+ .btn-group-vertical .btn-success, .btn-group-vertical .btn-success:focus, .btn-group-vertical .btn-success:active, .btn-group-vertical .btn-success.active, .btn-group-vertical .btn-group .btn-success {
288
+ border-top-color: #7ab03f !important;
289
+ }
290
+ .btn-group-vertical .btn-warning, .btn-group-vertical .btn-warning:focus, .btn-group-vertical .btn-warning:active, .btn-group-vertical .btn-warning.active, .btn-group-vertical .btn-group .btn-warning {
291
+ border-top-color: #efa50b !important;
292
+ }
293
+ .btn-group-vertical .btn-danger, .btn-group-vertical .btn-danger:focus, .btn-group-vertical .btn-danger:active, .btn-group-vertical .btn-danger.active, .btn-group-vertical .btn-group .btn-danger {
294
+ border-top-color: #d1293a !important;
295
+ }
296
+ .btn-group-vertical .btn-info, .btn-group-vertical .btn-info:focus, .btn-group-vertical .btn-info:active, .btn-group-vertical .btn-info.active, .btn-group-vertical .btn-group .btn-info {
297
+ border-top-color: #2fa084 !important;
298
+ }
299
+ .btn-group-vertical .btn:not(.btn-default):first-child, .btn-group-vertical .btn-primary:first-child, .btn-group-vertical .btn-success:first-child, .btn-group-vertical .btn-warning:first-child, .btn-group-vertical .btn-danger:first-child, .btn-group-vertical .btn-info:first-child {
300
+ border-top: none;
301
+ }
302
+
303
+ /**
304
+ * labels and badges
305
+ * --------------------------------------------------
306
+ */
307
+ .label,
308
+ .badge {
309
+ background-color: #aab2bd;
310
+ }
311
+
312
+ .label-default,
313
+ .badge-default {
314
+ border: 1px solid #aab2bd;
315
+ background-color: white;
316
+ color: #434a54;
317
+ }
318
+
319
+ .label-primary,
320
+ .badge-primary {
321
+ border-color: #3bafda;
322
+ background-color: #3bafda;
323
+ }
324
+
325
+ .label-success,
326
+ .badge-success {
327
+ border-color: #8cc152;
328
+ background-color: #8cc152;
329
+ }
330
+
331
+ .label-danger,
332
+ .badge-danger {
333
+ border-color: #da4453;
334
+ background-color: #da4453;
335
+ }
336
+
337
+ .label-warning,
338
+ .badge-warning {
339
+ border-color: #f6bb42;
340
+ background-color: #f6bb42;
341
+ }
342
+
343
+ .label-info,
344
+ .badge-info {
345
+ border-color: #37bc9b;
346
+ background-color: #37bc9b;
347
+ }
348
+
349
+ /**
350
+ * tooltip
351
+ * --------------------------------------------------
352
+ */
353
+ .tooltip-inner {
354
+ color: white;
355
+ background-color: #434a54;
356
+ }
357
+ .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
358
+ border-top-color: #434a54;
359
+ }
360
+ .tooltip.right .tooltip-arrow {
361
+ border-right-color: #434a54;
362
+ }
363
+ .tooltip.left .tooltip-arrow {
364
+ border-left-color: #434a54;
365
+ }
366
+ .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
367
+ border-bottom-color: #434a54;
368
+ }
369
+
370
+ /**
371
+ * popover
372
+ * --------------------------------------------------
373
+ */
374
+ .popover {
375
+ background-color: #434a54;
376
+ color: white;
377
+ border-color: #434a54;
378
+ }
379
+ .popover-title {
380
+ padding-bottom: 0;
381
+ font-weight: bold;
382
+ color: #aab2bd;
383
+ background-color: transparent;
384
+ border-bottom: none;
385
+ }
386
+ .popover.top .arrow, .popover.top .arrow:after {
387
+ border-top-color: #434a54;
388
+ }
389
+ .popover.right .arrow, .popover.right .arrow:after {
390
+ border-right-color: #434a54;
391
+ }
392
+ .popover.bottom .arrow, .popover.bottom .arrow:after {
393
+ border-bottom-color: #434a54;
394
+ }
395
+ .popover.left .arrow, .popover.left .arrow:after {
396
+ border-left-color: #434a54;
397
+ }
398
+
399
+ /**
400
+ * progress
401
+ * --------------------------------------------------
402
+ */
403
+ .progress {
404
+ background-color: #e6e9ed;
405
+ -webkit-box-shadow: none;
406
+ -moz-box-shadow: none;
407
+ box-shadow: none;
408
+ }
409
+ .progress-bar {
410
+ background-color: #3bafda;
411
+ -webkit-box-shadow: none;
412
+ -moz-box-shadow: none;
413
+ box-shadow: none;
414
+ }
415
+ .progress-bar-success {
416
+ background-color: #8cc152;
417
+ }
418
+ .progress-bar-info {
419
+ background-color: #37bc9b;
420
+ }
421
+ .progress-bar-warning {
422
+ background-color: #f6bb42;
423
+ }
424
+ .progress-bar-danger {
425
+ background-color: #da4453;
426
+ }
427
+
428
+ /**
429
+ * breadcrumb
430
+ * --------------------------------------------------
431
+ */
432
+ .breadcrumb {
433
+ color: #434a54;
434
+ background-color: #e6e9ed;
435
+ }
436
+ .breadcrumb > .active {
437
+ color: #434a54;
438
+ }
439
+ .breadcrumb a {
440
+ color: #3bafda;
441
+ }
442
+
443
+ .breadcrumb-arrow {
444
+ padding: 0;
445
+ list-style: none;
446
+ background-color: #e6e9ed;
447
+ height: 36px;
448
+ line-height: 36px;
449
+ }
450
+ .breadcrumb-arrow li:first-child a {
451
+ -webkit-border-radius: 4px 0 0 4px;
452
+ -moz-border-radius: 4px 0 0 4px;
453
+ border-radius: 4px 0 0 4px;
454
+ }
455
+ .breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
456
+ display: inline-block;
457
+ vertical-align: top;
458
+ }
459
+ .breadcrumb-arrow li:not(:first-child) {
460
+ margin-left: -5px;
461
+ }
462
+ .breadcrumb-arrow li + li:before {
463
+ padding: 0;
464
+ content: "";
465
+ }
466
+ .breadcrumb-arrow li span {
467
+ padding: 0 10px;
468
+ }
469
+ .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
470
+ padding: 0 10px 0 25px;
471
+ height: 36px;
472
+ line-height: 36px;
473
+ }
474
+ .breadcrumb-arrow li:first-child a {
475
+ padding: 0 10px;
476
+ }
477
+ .breadcrumb-arrow li a {
478
+ position: relative;
479
+ border: 1px solid #3bafda;
480
+ color: white;
481
+ background-color: #3bafda;
482
+ text-decoration: none;
483
+ }
484
+ .breadcrumb-arrow li:first-child a {
485
+ padding-left: 10px;
486
+ }
487
+ .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after {
488
+ position: absolute;
489
+ top: -1px;
490
+ content: '';
491
+ width: 0;
492
+ height: 0;
493
+ border-top: 18px solid transparent;
494
+ border-bottom: 18px solid transparent;
495
+ }
496
+ .breadcrumb-arrow li a:before {
497
+ right: -10px;
498
+ border-left-width: 11px;
499
+ border-left-style: solid;
500
+ border-left-color: #3bafda;
501
+ z-index: 3;
502
+ }
503
+ .breadcrumb-arrow li a:after {
504
+ right: -11px;
505
+ border-left: 11px solid #2494be;
506
+ z-index: 2;
507
+ }
508
+ .breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {
509
+ background-color: #4fc1e9;
510
+ border: 1px solid #4fc1e9;
511
+ }
512
+ .breadcrumb-arrow li a:hover:before, .breadcrumb-arrow li a:focus:before {
513
+ border-left-color: #4fc1e9;
514
+ }
515
+ .breadcrumb-arrow li a:active {
516
+ background-color: #2494be;
517
+ border: 1px solid #2494be;
518
+ }
519
+ .breadcrumb-arrow li a:active:before, .breadcrumb-arrow li a:active:after {
520
+ border-left-color: #2494be;
521
+ }
522
+ .breadcrumb-arrow li span {
523
+ color: #434a54;
524
+ }
525
+
526
+ /**
527
+ * pagination
528
+ * --------------------------------------------------
529
+ */
530
+ .pagination > li > a, .pagination > li > span {
531
+ color: #434a54;
532
+ background-color: white;
533
+ border-color: #ccd1d9;
534
+ }
535
+ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
536
+ color: white;
537
+ background-color: #ccd1d9;
538
+ border-color: #ccd1d9;
539
+ }
540
+ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
541
+ color: white;
542
+ background-color: #8cc152;
543
+ border-color: #8cc152;
544
+ }
545
+ .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
546
+ color: #e6e9ed;
547
+ background-color: white;
548
+ border-color: #ccd1d9;
549
+ }
550
+
551
+ /**
552
+ * pager
553
+ * --------------------------------------------------
554
+ */
555
+ .pager li > a, .pager li > span {
556
+ color: white;
557
+ background-color: #8cc152;
558
+ border-color: #8cc152;
559
+ }
560
+ .pager li > a:hover, .pager li > a:focus {
561
+ background-color: #a0d468;
562
+ border-color: #a0d468;
563
+ }
564
+ .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
565
+ color: #e6e9ed;
566
+ background-color: white;
567
+ border-color: #e6e9ed;
568
+ }
569
+
570
+ /**
571
+ * form
572
+ * --------------------------------------------------
573
+ */
574
+ .form-control {
575
+ color: #434a54;
576
+ border-color: #aab2bd;
577
+ }
578
+ .form-control, .form-control:focus {
579
+ -webkit-box-shadow: none;
580
+ -moz-box-shadow: none;
581
+ box-shadow: none;
582
+ }
583
+ .form-control:focus {
584
+ border-color: #3bafda;
585
+ }
586
+ .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
587
+ color: #e6e9ed;
588
+ }
589
+ .form-control.disabled, .form-control[disabled] {
590
+ border-color: #e6e9ed;
591
+ background-color: #e6e9ed;
592
+ }
593
+
594
+ .input-group-btn .btn + .btn {
595
+ border-width: 1px;
596
+ border-style: solid;
597
+ border-color: #96a0ad;
598
+ }
599
+ .input-group-btn .btn + .btn.btn-default {
600
+ border-color: #ededed;
601
+ }
602
+ .input-group-btn .btn + .btn.btn-primary {
603
+ border-color: #269ecb;
604
+ }
605
+ .input-group-btn .btn + .btn.btn-info {
606
+ border-color: #2fa084;
607
+ }
608
+ .input-group-btn .btn + .btn.btn-success {
609
+ border-color: #7ab03f;
610
+ }
611
+ .input-group-btn .btn + .btn.btn-warning {
612
+ border-color: #f4af20;
613
+ }
614
+ .input-group-btn .btn + .btn.btn-danger {
615
+ border-color: #d1293a;
616
+ }
617
+
618
+ .input-group-addon {
619
+ background-color: #aab2bd;
620
+ border-color: #96a0ad;
621
+ color: white;
622
+ }
623
+ .input-group-addon .radio, .input-group-addon .checkbox {
624
+ margin: -3px 0 -4px !important;
625
+ }
626
+
627
+ .form-search .search-query, .form-search .search-query:first-child, .form-search .search-query:last-child {
628
+ padding: 0 17px;
629
+ -webkit-border-radius: 17px;
630
+ -moz-border-radius: 17px;
631
+ border-radius: 17px;
632
+ }
633
+ .input-group .form-control:last-child {
634
+ -webkit-border-top-left-radius: 0;
635
+ -moz-border-radius-topleft: 0;
636
+ border-top-left-radius: 0;
637
+ -webkit-border-bottom-left-radius: 0;
638
+ -moz-border-radius-bottomleft: 0;
639
+ border-bottom-left-radius: 0;
640
+ }
641
+ .input-group .form-control:first-child {
642
+ -webkit-border-top-right-radius: 0;
643
+ -moz-border-radius-topright: 0;
644
+ border-top-right-radius: 0;
645
+ -webkit-border-bottom-right-radius: 0;
646
+ -moz-border-radius-bottomright: 0;
647
+ border-bottom-right-radius: 0;
648
+ }
649
+ .form-search .btn {
650
+ -webkit-border-radius: 17px;
651
+ -moz-border-radius: 17px;
652
+ border-radius: 17px;
653
+ }
654
+
655
+ .search-only {
656
+ position: relative;
657
+ }
658
+ .search-only .search-icon {
659
+ position: absolute;
660
+ top: 2px;
661
+ left: 8.5px;
662
+ width: 30px;
663
+ line-height: 30px;
664
+ text-align: center;
665
+ font-size: 17px;
666
+ color: #e6e9ed;
667
+ z-index: 20;
668
+ }
669
+ .search-only .form-control:last-child {
670
+ padding-left: 40px;
671
+ }
672
+
673
+ .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
674
+ color: #8cc152;
675
+ }
676
+ .has-success .form-control {
677
+ border-color: #8cc152;
678
+ -webkit-box-shadow: none;
679
+ -moz-box-shadow: none;
680
+ box-shadow: none;
681
+ }
682
+ .has-success .form-control:focus {
683
+ border-color: #8cc152;
684
+ -webkit-box-shadow: none;
685
+ -moz-box-shadow: none;
686
+ box-shadow: none;
687
+ }
688
+ .has-success .input-group-addon {
689
+ background-color: #8cc152;
690
+ border-color: #8cc152;
691
+ }
692
+ .has-success .form-control-feedback {
693
+ color: #8cc152;
694
+ }
695
+
696
+ .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
697
+ color: #f6bb42;
698
+ }
699
+ .has-warning .form-control {
700
+ border-color: #f6bb42;
701
+ -webkit-box-shadow: none;
702
+ -moz-box-shadow: none;
703
+ box-shadow: none;
704
+ }
705
+ .has-warning .form-control:focus {
706
+ border-color: #f6bb42;
707
+ -webkit-box-shadow: none;
708
+ -moz-box-shadow: none;
709
+ box-shadow: none;
710
+ }
711
+ .has-warning .input-group-addon {
712
+ background-color: #f6bb42;
713
+ border-color: #f6bb42;
714
+ }
715
+ .has-warning .form-control-feedback {
716
+ color: #f6bb42;
717
+ }
718
+
719
+ .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
720
+ color: #da4453;
721
+ }
722
+ .has-error .form-control {
723
+ border-color: #da4453;
724
+ -webkit-box-shadow: none;
725
+ -moz-box-shadow: none;
726
+ box-shadow: none;
727
+ }
728
+ .has-error .form-control:focus {
729
+ border-color: #da4453;
730
+ -webkit-box-shadow: none;
731
+ -moz-box-shadow: none;
732
+ box-shadow: none;
733
+ }
734
+ .has-error .input-group-addon {
735
+ background-color: #da4453;
736
+ border-color: #da4453;
737
+ }
738
+ .has-error .form-control-feedback {
739
+ color: #da4453;
740
+ }
741
+
742
+ /**
743
+ * checkbox and radio
744
+ * --------------------------------------------------
745
+ */
746
+ .checkbox, .radio {
747
+ margin-top: 0;
748
+ padding-left: 0;
749
+ }
750
+
751
+ .checkbox label, .radio label {
752
+ position: relative;
753
+ top: 2px;
754
+ }
755
+
756
+ .icheckbox_flat,
757
+ .iradio_flat {
758
+ display: inline-block;
759
+ *display: inline;
760
+ vertical-align: middle;
761
+ margin: 0;
762
+ padding: 0 !important;
763
+ width: 20px;
764
+ height: 20px;
765
+ background: url("../bootflat/img/check_flat/default.png") no-repeat;
766
+ border: none;
767
+ cursor: pointer;
768
+ }
769
+
770
+ .icheckbox_flat {
771
+ background-position: 0 0;
772
+ }
773
+ .icheckbox_flat.checked {
774
+ background-position: -22px 0;
775
+ }
776
+ .icheckbox_flat.disabled {
777
+ background-position: -44px 0;
778
+ cursor: default;
779
+ }
780
+ .icheckbox_flat.checked.disabled {
781
+ background-position: -66px 0;
782
+ }
783
+
784
+ .iradio_flat {
785
+ background-position: -88px 0;
786
+ }
787
+ .iradio_flat.checked {
788
+ background-position: -110px 0;
789
+ }
790
+ .iradio_flat.disabled {
791
+ background-position: -132px 0;
792
+ cursor: default;
793
+ }
794
+ .iradio_flat.checked.disabled {
795
+ background-position: -154px 0;
796
+ }
797
+
798
+ /**
799
+ * alert
800
+ * --------------------------------------------------
801
+ */
802
+ .alert h4 {
803
+ margin-bottom: 10px;
804
+ font-weight: bold;
805
+ }
806
+ .alert-dismissable .close {
807
+ color: black;
808
+ }
809
+ .alert-info {
810
+ background-color: #7cd1ef;
811
+ border: #4fc1e9;
812
+ }
813
+ .alert-warning {
814
+ background-color: #ffdd87;
815
+ border: #ffce54;
816
+ }
817
+ .alert-danger {
818
+ background-color: #f2838f;
819
+ border: #ed5565;
820
+ }
821
+ .alert-success {
822
+ background-color: #b9df90;
823
+ border: #a0d468;
824
+ }
825
+ .alert .alert-link {
826
+ cursor: pointer;
827
+ text-decoration: underline;
828
+ opacity: 0.65;
829
+ filter: alpha(opacity=65);
830
+ }
831
+ .alert .alert-link:hover, .alert .alert-link:focus {
832
+ opacity: 0.45;
833
+ filter: alpha(opacity=45);
834
+ }
835
+ .alert .btn-link, .alert .btn-link:hover, .alert .btn-link:focus {
836
+ color: black;
837
+ opacity: 0.65;
838
+ filter: alpha(opacity=65);
839
+ }
840
+ .alert .btn-link:focus, .alert .btn-link:hover {
841
+ text-decoration: none;
842
+ opacity: 0.4;
843
+ filter: alpha(opacity=40);
844
+ }
845
+
846
+ /**
847
+ * tab
848
+ * --------------------------------------------------
849
+ */
850
+ .nav-tabs {
851
+ border-bottom: none;
852
+ background-color: #e6e9ed;
853
+ -webkit-border-radius: 4px 4px 0 0;
854
+ -moz-border-radius: 4px 4px 0 0;
855
+ border-radius: 4px 4px 0 0;
856
+ }
857
+ .nav-tabs > li {
858
+ margin-bottom: 0;
859
+ border-left: 1px solid #ccd1d9;
860
+ }
861
+ .nav-tabs > li:first-child {
862
+ border-left: none;
863
+ }
864
+ .nav-tabs > li > a {
865
+ margin-right: 0;
866
+ border: none;
867
+ -webkit-border-radius: 0;
868
+ -moz-border-radius: 0;
869
+ border-radius: 0;
870
+ color: #434a54;
871
+ }
872
+ .nav-tabs > li:first-child > a {
873
+ -webkit-border-radius: 4px 0 0 0;
874
+ -moz-border-radius: 4px 0 0 0;
875
+ border-radius: 4px 0 0 0;
876
+ }
877
+ .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
878
+ border: none;
879
+ background-color: #f5f7fa;
880
+ }
881
+ .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
882
+ border: none;
883
+ background-color: white !important;
884
+ }
885
+ .nav-tabs .dropdown-toggle, .nav-tabs .dropdown-toggle:hover, .nav-tabs .dropdown-toggle:focus {
886
+ color: #434a54;
887
+ }
888
+ .nav-tabs li.dropdown.open .dropdown-toggle {
889
+ color: #434a54;
890
+ background-color: #f5f7fa;
891
+ }
892
+ .nav-tabs li.dropdown.active.open .dropdown-toggle {
893
+ color: #434a54;
894
+ }
895
+ .nav-tabs li.dropdown.active.open .dropdown-toggle .caret, .nav-tabs li.dropdown.active .dropdown-toggle .caret {
896
+ border-top-color: #434a54;
897
+ border-bottom-color: #434a54;
898
+ }
899
+ .nav-tabs li.dropdown.open .caret, .nav-tabs li.dropdown.open.active .caret, .nav-tabs li.dropdown.open a:hover .caret, .nav-tabs li.dropdown.open a:focus .caret, .nav-tabs .dropdown-toggle .caret, .nav-tabs .dropdown-toggle:hover .caret, .nav-tabs .dropdown-toggle:focus .caret {
900
+ border-top-color: #434a54;
901
+ border-bottom-color: #434a54;
902
+ }
903
+ .nav-tabs.nav-justified > li > a {
904
+ margin-bottom: 0;
905
+ text-align: center;
906
+ }
907
+ .nav-tabs.nav-justified > .dropdown .dropdown-menu {
908
+ top: auto;
909
+ left: auto;
910
+ }
911
+ .nav-tabs.nav-justified > li > a {
912
+ -webkit-border-radius: 0;
913
+ -moz-border-radius: 0;
914
+ border-radius: 0;
915
+ }
916
+ .nav-tabs.nav-justified > li:first-child > a {
917
+ -webkit-border-radius: 4px 0 0 0;
918
+ -moz-border-radius: 4px 0 0 0;
919
+ border-radius: 4px 0 0 0;
920
+ }
921
+ .nav-tabs.nav-justified > li:last-child > a {
922
+ -webkit-border-radius: 0 4px 0 0;
923
+ -moz-border-radius: 0 4px 0 0;
924
+ border-radius: 0 4px 0 0;
925
+ }
926
+ .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
927
+ border: none;
928
+ }
929
+ @media (min-width: 768px) {
930
+ .nav-tabs.nav-justified > li > a {
931
+ border-bottom: none;
932
+ -webkit-border-radius: 0;
933
+ -moz-border-radius: 0;
934
+ border-radius: 0;
935
+ }
936
+ .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
937
+ border-bottom: none;
938
+ }
939
+ }
940
+ .tab-content {
941
+ padding: 10px;
942
+ }
943
+
944
+ .tabs-below .nav-tabs {
945
+ -webkit-border-radius: 0 0 4px 4px;
946
+ -moz-border-radius: 0 0 4px 4px;
947
+ border-radius: 0 0 4px 4px;
948
+ }
949
+ .tabs-below .nav-tabs > li:first-child > a {
950
+ -webkit-border-radius: 0 0 0 4px;
951
+ -moz-border-radius: 0 0 0 4px;
952
+ border-radius: 0 0 0 4px;
953
+ }
954
+ .tabs-below .nav-tabs.nav-justified > li:last-child > a {
955
+ -webkit-border-radius: 0 0 4px 0;
956
+ -moz-border-radius: 0 0 4px 0;
957
+ border-radius: 0 0 4px 0;
958
+ }
959
+
960
+ .tabs-left .nav-tabs > li,
961
+ .tabs-right .nav-tabs > li {
962
+ float: none;
963
+ border-left: none;
964
+ border-top: 1px solid #ccd1d9;
965
+ }
966
+
967
+ .tabs-left .nav-tabs > li:first-child,
968
+ .tabs-right .nav-tabs > li:first-child {
969
+ border-top: none;
970
+ }
971
+
972
+ .tabs-left .nav-tabs > li > a,
973
+ .tabs-right .nav-tabs > li > a {
974
+ min-width: 74px;
975
+ margin-right: 0;
976
+ }
977
+
978
+ .tabs-left .nav-tabs {
979
+ float: left;
980
+ margin-right: 19px;
981
+ -webkit-border-radius: 4px 0 0 4px;
982
+ -moz-border-radius: 4px 0 0 4px;
983
+ border-radius: 4px 0 0 4px;
984
+ }
985
+ .tabs-left .nav-tabs > li:first-child > a {
986
+ -webkit-border-radius: 4px 0 0 0;
987
+ -moz-border-radius: 4px 0 0 0;
988
+ border-radius: 4px 0 0 0;
989
+ }
990
+ .tabs-left .nav-tabs > li:last-child > a {
991
+ -webkit-border-radius: 0 0 0 4px;
992
+ -moz-border-radius: 0 0 0 4px;
993
+ border-radius: 0 0 0 4px;
994
+ }
995
+
996
+ .tabs-right .nav-tabs {
997
+ float: right;
998
+ margin-left: 19px;
999
+ -webkit-border-radius: 0 4px 4px 0;
1000
+ -moz-border-radius: 0 4px 4px 0;
1001
+ border-radius: 0 4px 4px 0;
1002
+ }
1003
+ .tabs-right .nav-tabs > li:first-child > a {
1004
+ -webkit-border-radius: 0 4px 0 0;
1005
+ -moz-border-radius: 0 4px 0 0;
1006
+ border-radius: 0 4px 0 0;
1007
+ }
1008
+ .tabs-right .nav-tabs > li:last-child > a {
1009
+ -webkit-border-radius: 0 0 4px 0;
1010
+ -moz-border-radius: 0 0 4px 0;
1011
+ border-radius: 0 0 4px 0;
1012
+ }
1013
+
1014
+ /**
1015
+ * pill
1016
+ * --------------------------------------------------
1017
+ */
1018
+ .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
1019
+ color: white;
1020
+ background-color: #3bafda;
1021
+ }
1022
+ .nav-pills > li > a {
1023
+ color: #3bafda;
1024
+ }
1025
+ .nav-pills > li > a:hover {
1026
+ color: #434a54;
1027
+ background-color: #e6e9ed;
1028
+ }
1029
+ .nav-pills > .active > a > .badge {
1030
+ color: #3bafda;
1031
+ }
1032
+ .nav-pills .open > a, .nav-pills .open > a:focus, .nav-pills .open > a:hover {
1033
+ color: #434a54;
1034
+ background-color: #e6e9ed;
1035
+ }
1036
+
1037
+ /**
1038
+ * navbar
1039
+ * --------------------------------------------------
1040
+ */
1041
+ .navbar-default {
1042
+ background-color: #37bc9b;
1043
+ border-color: #37bc9b;
1044
+ }
1045
+ .navbar-default .navbar-brand, .navbar-default .navbar-link, .navbar-default .btn-link {
1046
+ color: #26816a;
1047
+ }
1048
+ .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-link:hover, .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
1049
+ color: white;
1050
+ background-color: transparent;
1051
+ }
1052
+ .navbar-default .navbar-text, .navbar-default .navbar-nav > li > a {
1053
+ color: #26816a;
1054
+ }
1055
+ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
1056
+ color: white;
1057
+ }
1058
+ .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
1059
+ color: white;
1060
+ background-color: #48cfad;
1061
+ }
1062
+ .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus, .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
1063
+ color: #2e9c81;
1064
+ background-color: transparent;
1065
+ }
1066
+ .navbar-default .navbar-toggle {
1067
+ border-color: #26816a;
1068
+ background-color: #26816a;
1069
+ }
1070
+ .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
1071
+ border-color: #2b957a;
1072
+ background-color: #2b957a;
1073
+ }
1074
+ .navbar-default .navbar-toggle .icon-bar {
1075
+ background-color: #37bc9b;
1076
+ }
1077
+ .navbar-default .navbar-collapse, .navbar-default .navbar-form {
1078
+ border-color: #48cfad;
1079
+ }
1080
+ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
1081
+ color: white;
1082
+ background-color: #37bc9b;
1083
+ }
1084
+ @media (max-width: 767px) {
1085
+ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
1086
+ background-color: #48cfad;
1087
+ }
1088
+ .navbar-default .navbar-nav .open .dropdown-menu > .divider {
1089
+ background-color: #48cfad;
1090
+ }
1091
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
1092
+ color: #26816a;
1093
+ }
1094
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
1095
+ color: white;
1096
+ background-color: #48cfad;
1097
+ }
1098
+ .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-header {
1099
+ color: #26816a;
1100
+ }
1101
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
1102
+ color: #2b957a;
1103
+ }
1104
+ }
1105
+
1106
+ .navbar-inverse {
1107
+ background-color: #333333;
1108
+ border-color: #333333;
1109
+ }
1110
+ .navbar-inverse .navbar-brand, .navbar-inverse .navbar-link, .navbar-inverse .btn-link {
1111
+ color: #8c8c8c;
1112
+ }
1113
+ .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-link:hover, .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
1114
+ color: white;
1115
+ background-color: transparent;
1116
+ }
1117
+ .navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a {
1118
+ color: #8c8c8c;
1119
+ }
1120
+ .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
1121
+ color: white;
1122
+ }
1123
+ .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
1124
+ color: white;
1125
+ background-color: black;
1126
+ }
1127
+ .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus, .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
1128
+ color: #666666;
1129
+ background-color: transparent;
1130
+ }
1131
+ .navbar-inverse .navbar-toggle {
1132
+ border-color: black;
1133
+ background-color: black;
1134
+ }
1135
+ .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
1136
+ border-color: #1a1a1a;
1137
+ background-color: #1a1a1a;
1138
+ }
1139
+ .navbar-inverse .navbar-toggle .icon-bar {
1140
+ background-color: #8c8c8c;
1141
+ }
1142
+ .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
1143
+ border-color: black;
1144
+ }
1145
+ .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
1146
+ color: white;
1147
+ background-color: black;
1148
+ }
1149
+ @media (max-width: 767px) {
1150
+ .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
1151
+ background-color: black;
1152
+ }
1153
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .divider {
1154
+ background-color: black;
1155
+ }
1156
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
1157
+ color: #8c8c8c;
1158
+ }
1159
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
1160
+ color: white;
1161
+ background-color: black;
1162
+ }
1163
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
1164
+ color: #bfbfbf;
1165
+ }
1166
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
1167
+ color: #666666;
1168
+ }
1169
+ }
1170
+
1171
+ /**
1172
+ * list
1173
+ * --------------------------------------------------
1174
+ */
1175
+ .list-group {
1176
+ -webkit-border-radius: 4px;
1177
+ -moz-border-radius: 4px;
1178
+ border-radius: 4px;
1179
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1180
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1181
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1182
+ }
1183
+ .list-group-item {
1184
+ border-color: transparent;
1185
+ border-top-color: #e6e9ed;
1186
+ }
1187
+ .list-group-item:first-child {
1188
+ border-top: none;
1189
+ }
1190
+ .list-group-item-heading {
1191
+ color: #434a54;
1192
+ }
1193
+
1194
+ a.list-group-item {
1195
+ color: #434a54;
1196
+ }
1197
+ a.list-group-item .list-group-item-heading {
1198
+ font-size: 16px;
1199
+ color: #434a54;
1200
+ }
1201
+ a.list-group-item:hover, a.list-group-item:focus {
1202
+ background-color: #e6e9ed;
1203
+ }
1204
+ a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
1205
+ background-color: #4fc1e9;
1206
+ border-color: #4fc1e9;
1207
+ }
1208
+ a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
1209
+ color: white;
1210
+ }
1211
+
1212
+ .list-group-item-primary {
1213
+ color: #22b1e3;
1214
+ border-color: #3bafda transparent transparent transparent;
1215
+ background-color: #4fc1e9;
1216
+ }
1217
+ .list-group-item-primary:first-child {
1218
+ border-color: transparent;
1219
+ }
1220
+ a.list-group-item-primary {
1221
+ color: #126d8d;
1222
+ }
1223
+ a.list-group-item-primary:hover, a.list-group-item-primary:focus {
1224
+ color: white;
1225
+ background-color: #3bafda;
1226
+ }
1227
+ a.list-group-item-primary.active, a.list-group-item-primary:hover, a.list-group-item-primary:focus {
1228
+ background-color: #3bafda;
1229
+ border-color: #4fc1e9 transparent transparent transparent;
1230
+ }
1231
+
1232
+ .list-group-item-success {
1233
+ color: #87c940;
1234
+ border-color: #8cc152 transparent transparent transparent;
1235
+ background-color: #a0d468;
1236
+ }
1237
+ .list-group-item-success:first-child {
1238
+ border-color: transparent;
1239
+ }
1240
+ a.list-group-item-success {
1241
+ color: #537f24;
1242
+ }
1243
+ a.list-group-item-success:hover, a.list-group-item-success:focus {
1244
+ color: white;
1245
+ background-color: #8cc152;
1246
+ }
1247
+ a.list-group-item-success.active, a.list-group-item-success:hover, a.list-group-item-success:focus {
1248
+ background-color: #8cc152;
1249
+ border-color: #a0d468 transparent transparent transparent;
1250
+ }
1251
+
1252
+ .list-group-item-warning {
1253
+ color: #ffbf21;
1254
+ border-color: #f6bb42 transparent transparent transparent;
1255
+ background-color: #ffce54;
1256
+ }
1257
+ .list-group-item-warning:first-child {
1258
+ border-color: transparent;
1259
+ }
1260
+ a.list-group-item-warning {
1261
+ color: #876000;
1262
+ }
1263
+ a.list-group-item-warning:hover, a.list-group-item-warning:focus {
1264
+ color: white;
1265
+ background-color: #f6bb42;
1266
+ }
1267
+ a.list-group-item-warning.active, a.list-group-item-warning:hover, a.list-group-item-warning:focus {
1268
+ background-color: #f6bb42;
1269
+ border-color: #ffce54 transparent transparent transparent;
1270
+ }
1271
+
1272
+ .list-group-item-info {
1273
+ color: #2fb593;
1274
+ border-color: #37bc9b transparent transparent transparent;
1275
+ background-color: #48cfad;
1276
+ }
1277
+ .list-group-item-info:first-child {
1278
+ border-color: transparent;
1279
+ }
1280
+ a.list-group-item-info {
1281
+ color: #1a6451;
1282
+ }
1283
+ a.list-group-item-info:hover, a.list-group-item-info:focus {
1284
+ color: white;
1285
+ background-color: #37bc9b;
1286
+ }
1287
+ a.list-group-item-info.active, a.list-group-item-info:hover, a.list-group-item-info:focus {
1288
+ background-color: #37bc9b;
1289
+ border-color: #48cfad transparent transparent transparent;
1290
+ }
1291
+
1292
+ .list-group-item-danger {
1293
+ color: #e8273b;
1294
+ border-color: #da4453 transparent transparent transparent;
1295
+ background-color: #ed5565;
1296
+ }
1297
+ .list-group-item-danger:first-child {
1298
+ border-color: transparent;
1299
+ }
1300
+ a.list-group-item-danger {
1301
+ color: #99101f;
1302
+ }
1303
+ a.list-group-item-danger:hover, a.list-group-item-danger:focus {
1304
+ color: white;
1305
+ background-color: #da4453;
1306
+ }
1307
+ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-item-danger:focus {
1308
+ background-color: #da4453;
1309
+ border-color: #ed5565 transparent transparent transparent;
1310
+ }
1311
+
1312
+ /**
1313
+ * media list
1314
+ * --------------------------------------------------
1315
+ */
1316
+ .media-list {
1317
+ color: #aab2bd;
1318
+ }
1319
+ .media-heading {
1320
+ font-size: 14px;
1321
+ color: #434a54;
1322
+ }
1323
+
1324
+ /**
1325
+ * modal
1326
+ * --------------------------------------------------
1327
+ */
1328
+ .modal-content {
1329
+ border: none;
1330
+ -webkit-border-radius: 4px;
1331
+ -moz-border-radius: 4px;
1332
+ border-radius: 4px;
1333
+ color: #434a54;
1334
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1335
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1336
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1337
+ }
1338
+ .modal-header {
1339
+ border-bottom: none;
1340
+ }
1341
+ .modal-body {
1342
+ padding: 0 15px;
1343
+ }
1344
+ .modal-footer {
1345
+ border-top: none;
1346
+ }
1347
+
1348
+ /**
1349
+ * well
1350
+ * --------------------------------------------------
1351
+ */
1352
+ .well {
1353
+ padding: 10px;
1354
+ border: none;
1355
+ -webkit-border-radius: 4px;
1356
+ -moz-border-radius: 4px;
1357
+ border-radius: 4px;
1358
+ color: #434a54;
1359
+ background-color: white;
1360
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1361
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1362
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1363
+ }
1364
+ .well blockquote {
1365
+ border-color: #ccd1d9;
1366
+ }
1367
+ .well-lg {
1368
+ padding: 20px;
1369
+ }
1370
+ .well-sm {
1371
+ padding: 5px;
1372
+ }
1373
+
1374
+ /**
1375
+ * thumbnail
1376
+ * --------------------------------------------------
1377
+ */
1378
+ .thumbnail {
1379
+ border: none;
1380
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1381
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1382
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1383
+ }
1384
+ .thumbnail .caption {
1385
+ font-size: 14px;
1386
+ }
1387
+ .thumbnail .caption h1, .thumbnail .caption h2, .thumbnail .caption h3, .thumbnail .caption h4, .thumbnail .caption h5, .thumbnail .caption h6 {
1388
+ margin: 5px 0 10px;
1389
+ font-size: 16px;
1390
+ }
1391
+
1392
+ /**
1393
+ * jumbotron
1394
+ * --------------------------------------------------
1395
+ */
1396
+ .jumbotron {
1397
+ margin-bottom: 20px;
1398
+ padding: 0;
1399
+ -webkit-border-radius: 4px;
1400
+ -moz-border-radius: 4px;
1401
+ border-radius: 4px;
1402
+ background-color: white;
1403
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1404
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1405
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1406
+ }
1407
+ .container .jumbotron {
1408
+ -webkit-border-radius: 4px;
1409
+ -moz-border-radius: 4px;
1410
+ border-radius: 4px;
1411
+ }
1412
+ .jumbotron > .jumbotron-photo img {
1413
+ -webkit-border-radius: 4px 4px 0 0;
1414
+ -moz-border-radius: 4px 4px 0 0;
1415
+ border-radius: 4px 4px 0 0;
1416
+ width: 100%;
1417
+ }
1418
+ .jumbotron .jumbotron-contents {
1419
+ padding: 20px;
1420
+ color: #434a54;
1421
+ }
1422
+ .jumbotron .carousel, .jumbotron .carousel-inner, .jumbotron .carousel-inner > .item.active img {
1423
+ -webkit-border-radius: 4px 4px 0 0;
1424
+ -moz-border-radius: 4px 4px 0 0;
1425
+ border-radius: 4px 4px 0 0;
1426
+ }
1427
+ .jumbotron .carousel-control.left {
1428
+ -webkit-border-radius: 4px 0 0 0;
1429
+ -moz-border-radius: 4px 0 0 0;
1430
+ border-radius: 4px 0 0 0;
1431
+ }
1432
+ .jumbotron .carousel-control.right {
1433
+ -webkit-border-radius: 0 4px 0 0;
1434
+ -moz-border-radius: 0 4px 0 0;
1435
+ border-radius: 0 4px 0 0;
1436
+ }
1437
+ .jumbotron h1, .jumbotron .h1, .jumbotron h2, .jumbotron .h2 {
1438
+ font-weight: 400;
1439
+ }
1440
+ .jumbotron h1, .jumbotron .h1 {
1441
+ font-size: 28px;
1442
+ }
1443
+ .jumbotron h2, .jumbotron .h2 {
1444
+ font-size: 24px;
1445
+ }
1446
+ .jumbotron p {
1447
+ font-size: 14px;
1448
+ }
1449
+ @media screen and (min-width: 768px) {
1450
+ .jumbotron, .container .jumbotron {
1451
+ padding: 0;
1452
+ }
1453
+ .jumbotron h1, .jumbotron .h1 {
1454
+ font-size: 28px;
1455
+ }
1456
+ }
1457
+
1458
+ /**
1459
+ * panel
1460
+ * --------------------------------------------------
1461
+ */
1462
+ .panel {
1463
+ background-color: white;
1464
+ border: none;
1465
+ -webkit-border-radius: 4px;
1466
+ -moz-border-radius: 4px;
1467
+ border-radius: 4px;
1468
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1469
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1470
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1471
+ }
1472
+ .panel .list-group {
1473
+ -webkit-box-shadow: none;
1474
+ -moz-box-shadow: none;
1475
+ box-shadow: none;
1476
+ }
1477
+ .panel .list-group-item:first-child {
1478
+ border-top: 1px solid #e6e9ed;
1479
+ }
1480
+ .panel-heading {
1481
+ -webkit-border-radius: 4px 4px 0 0;
1482
+ -moz-border-radius: 4px 4px 0 0;
1483
+ border-radius: 4px 4px 0 0;
1484
+ }
1485
+ .panel-title {
1486
+ font-size: 14px;
1487
+ color: #434a54;
1488
+ font-weight: normal;
1489
+ }
1490
+ .panel-footer {
1491
+ background-color: #e6e9ed;
1492
+ border-top-color: #e6e9ed;
1493
+ -webkit-border-radius: 0 0 4px 4px;
1494
+ -moz-border-radius: 0 0 4px 4px;
1495
+ border-radius: 0 0 4px 4px;
1496
+ }
1497
+ .panel-default {
1498
+ border-color: #e6e9ed;
1499
+ }
1500
+ .panel-default > .panel-heading {
1501
+ color: #434a54;
1502
+ background-color: #e6e9ed;
1503
+ border-color: #e6e9ed;
1504
+ }
1505
+ .panel-primary {
1506
+ border-color: #3bafda;
1507
+ }
1508
+ .panel-primary > .panel-heading {
1509
+ color: white;
1510
+ background-color: #3bafda;
1511
+ border-color: #3bafda;
1512
+ }
1513
+ .panel-success {
1514
+ border-color: #8cc152;
1515
+ }
1516
+ .panel-success > .panel-heading {
1517
+ color: white;
1518
+ background-color: #8cc152;
1519
+ border-color: #8cc152;
1520
+ }
1521
+ .panel-info {
1522
+ border-color: #37bc9b;
1523
+ }
1524
+ .panel-info > .panel-heading {
1525
+ color: white;
1526
+ background-color: #37bc9b;
1527
+ border-color: #37bc9b;
1528
+ }
1529
+ .panel-warning {
1530
+ border-color: #f6bb42;
1531
+ }
1532
+ .panel-warning > .panel-heading {
1533
+ color: white;
1534
+ background-color: #f6bb42;
1535
+ border-color: #f6bb42;
1536
+ }
1537
+ .panel-danger {
1538
+ border-color: #da4453;
1539
+ }
1540
+ .panel-danger > .panel-heading {
1541
+ color: white;
1542
+ background-color: #da4453;
1543
+ border-color: #da4453;
1544
+ }
1545
+ .panel-primary > .panel-heading > .panel-title, .panel-success > .panel-heading > .panel-title, .panel-info > .panel-heading > .panel-title, .panel-warning > .panel-heading > .panel-title, .panel-danger > .panel-heading > .panel-title {
1546
+ color: white;
1547
+ }
1548
+ .panel > .list-group:first-child .list-group-item:first-child, .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
1549
+ -webkit-border-radius: 4px 4px 0 0;
1550
+ -moz-border-radius: 4px 4px 0 0;
1551
+ border-radius: 4px 4px 0 0;
1552
+ }
1553
+ .panel > .list-group:last-child .list-group-item:last-child {
1554
+ -webkit-border-radius: 0 0 4px 4px;
1555
+ -moz-border-radius: 0 0 4px 4px;
1556
+ border-radius: 0 0 4px 4px;
1557
+ }
1558
+ .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
1559
+ -webkit-border-radius: 4px 0 0 0;
1560
+ -moz-border-radius: 4px 0 0 0;
1561
+ border-radius: 4px 0 0 0;
1562
+ }
1563
+ .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
1564
+ -webkit-border-radius: 0 4px 0 0;
1565
+ -moz-border-radius: 0 4px 0 0;
1566
+ border-radius: 0 4px 0 0;
1567
+ }
1568
+ .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
1569
+ -webkit-border-radius: 0 0 4px 4px;
1570
+ -moz-border-radius: 0 0 4px 4px;
1571
+ border-radius: 0 0 4px 4px;
1572
+ }
1573
+ .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
1574
+ -webkit-border-radius: 0 0 0 4px;
1575
+ -moz-border-radius: 0 0 0 4px;
1576
+ border-radius: 0 0 0 4px;
1577
+ }
1578
+ .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
1579
+ -webkit-border-radius: 0 0 4px 0;
1580
+ -moz-border-radius: 0 0 4px 0;
1581
+ border-radius: 0 0 4px 0;
1582
+ }
1583
+ .panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
1584
+ border-top-color: #e6e9ed;
1585
+ }
1586
+
1587
+ /**
1588
+ * accordion
1589
+ * --------------------------------------------------
1590
+ */
1591
+ .panel-group .panel {
1592
+ -webkit-border-radius: 0;
1593
+ -moz-border-radius: 0;
1594
+ border-radius: 0;
1595
+ background-color: transparent;
1596
+ -webkit-box-shadow: none;
1597
+ -moz-box-shadow: none;
1598
+ box-shadow: none;
1599
+ }
1600
+ .panel-group .panel + .panel {
1601
+ margin-top: 0;
1602
+ }
1603
+ .panel-group .panel-heading {
1604
+ padding: 0;
1605
+ border-bottom-color: transparent;
1606
+ }
1607
+ .panel-group .panel-heading + .panel-collapse .panel-body {
1608
+ padding: 15px 0;
1609
+ border-top-color: transparent;
1610
+ }
1611
+ .panel-group .panel-title a {
1612
+ padding: 10px 0;
1613
+ display: block;
1614
+ }
1615
+
1616
+ .panel-group-lists .panel {
1617
+ border-bottom: 1px solid #e6e9ed;
1618
+ background-color: white;
1619
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1620
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1621
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1622
+ }
1623
+ .panel-group-lists .panel:first-child {
1624
+ -webkit-border-radius: 4px 4px 0 0;
1625
+ -moz-border-radius: 4px 4px 0 0;
1626
+ border-radius: 4px 4px 0 0;
1627
+ }
1628
+ .panel-group-lists .panel:last-child {
1629
+ -webkit-border-radius: 0 0 4px 4px;
1630
+ -moz-border-radius: 0 0 4px 4px;
1631
+ border-radius: 0 0 4px 4px;
1632
+ border-bottom: none;
1633
+ }
1634
+ .panel-group-lists .panel-heading + .panel-collapse .panel-body {
1635
+ padding: 15px;
1636
+ border-top-color: #e6e9ed;
1637
+ }
1638
+ .panel-group-lists .panel-title a {
1639
+ padding: 10px 15px;
1640
+ color: #434a54;
1641
+ }
1642
+ .panel-group-lists .panel-title a:hover, .panel-group-lists .panel-title a:focus, .panel-group-lists .panel-title a:active {
1643
+ color: #aab2bd;
1644
+ }
1645
+
1646
+ /**
1647
+ * footer
1648
+ * --------------------------------------------------
1649
+ */
1650
+ .footer {
1651
+ padding: 40px 0;
1652
+ background-color: #434a54;
1653
+ }
1654
+ .footer-logo, .footer-nav {
1655
+ float: left;
1656
+ padding: 0 20px;
1657
+ width: 20%;
1658
+ }
1659
+ @media (max-width: 768px) {
1660
+ .footer-logo {
1661
+ margin-bottom: 20px;
1662
+ }
1663
+ .footer-logo, .footer-nav {
1664
+ float: none;
1665
+ display: block;
1666
+ width: 100%;
1667
+ }
1668
+ }
1669
+ .footer-logo {
1670
+ margin-top: -5px;
1671
+ height: 32px;
1672
+ line-height: 32px;
1673
+ }
1674
+ .footer-logo img {
1675
+ margin-right: 10px;
1676
+ }
1677
+ .footer-logo a {
1678
+ font-size: 20px;
1679
+ font-weight: bold;
1680
+ color: white;
1681
+ }
1682
+ .footer-logo a:hover, .footer-logo a:active {
1683
+ text-decoration: none;
1684
+ }
1685
+ .footer-nav .nav-title {
1686
+ margin-bottom: 15px;
1687
+ color: #e6e9ed;
1688
+ }
1689
+ .footer-nav .nav-item {
1690
+ line-height: 28px;
1691
+ }
1692
+ .footer-nav .nav-item > a {
1693
+ color: #aab2bd;
1694
+ }
1695
+ .footer-nav .nav-item > a:hover, .footer-nav .nav-item > a:active {
1696
+ color: #ccd1d9;
1697
+ text-decoration: none;
1698
+ }
1699
+ .footer-copyright {
1700
+ color: #aab2bd;
1701
+ }
1702
+
1703
+ /**
1704
+ * dropdown-menu
1705
+ * --------------------------------------------------
1706
+ */
1707
+ .dropdown-menu {
1708
+ border: none;
1709
+ background-color: #434a54;
1710
+ }
1711
+ .dropdown-menu .dropdown-header {
1712
+ padding: 5px 20px;
1713
+ font-size: 14px;
1714
+ font-weight: 700;
1715
+ color: #aab2bd;
1716
+ }
1717
+ .dropdown-menu li a {
1718
+ padding: 5px 20px;
1719
+ color: white;
1720
+ }
1721
+ .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus {
1722
+ color: white;
1723
+ background-color: #656d78;
1724
+ outline: none;
1725
+ }
1726
+ .dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus {
1727
+ color: #656d78;
1728
+ cursor: default;
1729
+ }
1730
+ .dropdown-menu .divider {
1731
+ background-color: #656d78;
1732
+ border-bottom: none;
1733
+ }
1734
+ .dropup .dropdown-menu {
1735
+ margin-bottom: 0;
1736
+ -webkit-border-radius: 4px 4px 0 0;
1737
+ -moz-border-radius: 4px 4px 0 0;
1738
+ border-radius: 4px 4px 0 0;
1739
+ }
1740
+
1741
+ /**
1742
+ * dropdown-submenu
1743
+ * --------------------------------------------------
1744
+ */
1745
+ .dropdown-submenu {
1746
+ position: relative;
1747
+ }
1748
+ .dropdown-submenu .dropdown-menu {
1749
+ top: 0;
1750
+ left: 100%;
1751
+ margin-top: -6px;
1752
+ margin-left: -1px;
1753
+ -webkit-border-radius: 0 4px 4px 4px;
1754
+ -moz-border-radius: 0 4px 4px 4px;
1755
+ border-radius: 0 4px 4px 4px;
1756
+ }
1757
+ .dropdown-submenu:hover .dropdown-menu {
1758
+ display: block;
1759
+ }
1760
+ .dropup .dropdown-submenu .dropdown-menu {
1761
+ top: auto;
1762
+ bottom: 0;
1763
+ margin-top: 0;
1764
+ margin-bottom: -2px;
1765
+ -webkit-border-radius: 4px 4px 4px 0;
1766
+ -moz-border-radius: 4px 4px 4px 0;
1767
+ border-radius: 4px 4px 4px 0;
1768
+ }
1769
+ .dropdown-submenu > a:after {
1770
+ display: block;
1771
+ content: " ";
1772
+ float: right;
1773
+ width: 0;
1774
+ height: 0;
1775
+ border-color: transparent;
1776
+ border-style: solid;
1777
+ border-width: 5px 0 5px 5px;
1778
+ border-left-color: white;
1779
+ margin-top: 5px;
1780
+ margin-right: -10px;
1781
+ }
1782
+ .dropdown-default .dropdown-submenu > a:after {
1783
+ border-left-color: #434a54;
1784
+ }
1785
+ .dropdown-submenu:hover a:after {
1786
+ border-left-color: white;
1787
+ }
1788
+ .dropdown-submenu.pull-left {
1789
+ float: none;
1790
+ }
1791
+ .dropdown-submenu.pull-left .dropdown-menu {
1792
+ left: -100%;
1793
+ margin-left: 10px;
1794
+ -webkit-border-radius: 4px 0 4px 4px;
1795
+ -moz-border-radius: 4px 0 4px 4px;
1796
+ border-radius: 4px 0 4px 4px;
1797
+ }
1798
+
1799
+ /*# sourceMappingURL=bootflat.css.map */