hicube 0.0.5 → 0.0.6

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