Subversion Repositories SmartDukaan

Rev

Rev 21987 | Rev 23026 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
21627 kshitij.so 1
/*
2
    Theme Name: NiceAdmin
3
    Theme URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
4
    Author: BootstrapMade
5
    Author URL: https://bootstrapmade.com
6
*/
7
/* Import fonts */
8
 
9
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
10
 
11
@import url(line-icons.css);
12
 
13
 
14
 
15
body {
16
 
17
    color: #797979;
18
 
19
    background: #eeeeee;
20
 
21
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
22
 
23
    padding: 0px !important;
24
 
25
    margin: 0px !important;
26
 
27
    font-size:14px !important;    
28
 
29
}
30
 
31
.wrapper{
32
	background:#F7F7F7;
33
}
34
 
35
h1,h2,h3,h4,h5{
36
 
37
    font-weight: 300;
38
 
39
}
40
 
41
label{
42
 
43
    font-weight: 300;   
44
 
45
}
46
 
47
ul li {
48
 
49
    list-style: none;
50
 
51
}
52
 
53
 
54
 
55
a, a:hover, a:focus {
56
 
57
    text-decoration: none;
58
 
59
    outline: none;
60
 
61
    outline: 0;
62
 
63
}
64
 
65
input:focus, textarea:focus { outline: none; }
66
 
67
table tr th { color: #688a7e;}
68
 
69
*:focus {outline: none;}
70
 
71
::selection {
72
 
73
    background: #688a7e;
74
 
75
    color: #fff;
76
 
77
}
78
 
79
::-moz-selection {
80
 
81
    background: #688a7e;
82
 
83
    color: #fff;
84
 
85
}
86
 
87
 
88
 
89
#container {
90
 
91
    width: 100%;
92
 
93
    height: 100%;
94
 
95
}
96
 
97
 
98
 
99
.Creative-pro, .Creative-pro h3{
100
 
101
    display: block;
102
 
103
    position: fixed;
104
 
105
    bottom:0;
106
 
107
    z-index: 100000;
108
 
109
    width: 100%;
110
 
111
    overflow: hidden;
112
 
113
    height: 50px;
114
 
115
    margin:0px;
116
 
117
}
118
 
119
.Creative-pro h3{
120
 
121
    padding-bottom: 10px;
122
 
123
    padding-top: 10px;
124
 
125
}
126
 
127
.lite{
128
 
129
    color: #00a0df !important;
130
 
131
}
132
 
133
 
134
 
135
/*login page*/
136
 
137
 
138
 
139
.login-body {
140
 
141
    background-color: #f1f2f7;
142
 
143
}
144
 
145
.login-img-body{
146
 
147
  background: url('../img/bg-1.jpg') no-repeat center center fixed; 
148
 
149
  -webkit-background-size: cover;
150
 
151
  -moz-background-size: cover;
152
 
153
  -o-background-size: cover;
154
 
155
  background-size: cover;
156
 
157
}
158
 
159
.login-img2-body{
160
 
161
  background: url('../img/bg-1.jpg') no-repeat center center fixed; 
162
 
163
  -webkit-background-size: cover;
164
 
165
  -moz-background-size: cover;
166
 
167
  -o-background-size: cover;
168
 
169
  background-size: cover;
170
 
171
}
172
 
173
.login-img3-body{
174
 
175
  background: url('../img/bg-1.jpg') no-repeat center center fixed; 
176
 
177
  -webkit-background-size: cover;
178
 
179
  -moz-background-size: cover;
180
 
181
  -o-background-size: cover;
182
 
183
  background-size: cover;
184
 
185
}
186
 
187
 
188
 
189
.login-form {
190
 
191
    max-width: 350px;
192
 
193
    margin: 200px auto 0;
194
 
195
    background: #d5d7de;    
196
 
197
}
198
 
199
.login-img-body .login-form{
200
 
201
    max-width: 350px;
202
 
203
    margin: 200px auto 0;
204
 
205
    background: rgba(213,215,222,0.4);
206
 
207
    border: 1px solid #B0B6BE;
208
 
209
}
210
 
211
.login-img2-body .login-form{
212
 
213
    border: 1px solid #B0B6BE;
214
 
215
    background: rgba(213,215,222,0.7);
216
 
217
}
218
 
219
.login-img3-body .login-form{
220
 
221
    border: 1px solid #B0B6BE;
222
 
223
    background: rgba(213,215,222,0.9);
224
 
225
}
226
 
227
.login-form a{
228
 
229
    color: #688a7e !important;
230
 
231
}
232
 
233
.login-form h2.login-form-heading {
234
 
235
    margin: 0;
236
 
237
    padding:20px 15px;
238
 
239
    text-align: center;
240
 
241
    background: #34aadc;
242
 
243
    border-radius: 5px 5px 0 0;
244
 
245
    -webkit-border-radius: 5px 5px 0 0;
246
 
247
    color: #fff;
248
 
249
    font-size: 18px;
250
 
251
    text-transform: uppercase;
252
 
253
    font-weight: 300;
254
 
255
    font-family: 'Lato', sans-serif;
256
 
257
}
258
 
259
 
260
 
261
.login-form .checkbox {
262
 
263
    margin-bottom: 14px;
264
 
265
}
266
 
267
.login-form .checkbox {
268
 
269
    font-weight: normal;    
270
 
271
    font-weight: 300;
272
 
273
    font-family: 'Lato', sans-serif;
274
 
275
}
276
 
277
.login-form .form-control {
278
 
279
    position: relative;
280
 
281
    font-size: 16px;
282
 
283
    height: auto;
284
 
285
    padding: 10px;
286
 
287
    -webkit-box-sizing: border-box;
288
 
289
    -moz-box-sizing: border-box;
290
 
291
    box-sizing: border-box;
292
 
293
}
294
 
295
.login-form .form-control:focus {
296
 
297
    z-index: 2;
298
 
299
}
300
 
301
.login-form .login-img{
302
 
303
    font-size: 50px;
304
 
305
    font-weight: 300;    
306
 
307
}
308
 
309
.login-form .input-group{
310
 
311
    padding-bottom: 15px;
312
 
313
}
314
 
315
.login-form .input-group-addon{
316
 
317
    padding: 6px 12px;
318
 
319
    font-size: 16px;
320
 
321
    color: #8b9199;
322
 
323
    font-weight: normal;
324
 
325
    line-height: 1;
326
 
327
    text-align: center;
328
 
329
    background-color: #ffffff;
330
 
331
    border: none;
332
 
333
    border-radius: 0;
334
 
335
}
336
 
337
.login-form input[type="text"], .login-form input[type="password"] {    
338
 
339
    border: none;
340
 
341
    box-shadow: none;
342
 
343
    font-size: 16px;
344
 
345
    border-radius: 0; 
346
 
347
}
348
 
349
.login-form .btn{
350
 
351
    border-radius: 0;
352
 
353
}
354
 
355
.login-form .btn-login {
356
 
357
    background: #f67a6e;
358
 
359
    color: #fff;
360
 
361
    text-transform: uppercase;
362
 
363
    font-weight: 300;
364
 
365
    font-family: 'Lato', sans-serif;
366
 
367
    box-shadow: 0 4px #e56b60;
368
 
369
    margin-bottom: 20px;
370
 
371
}
372
 
373
 
374
 
375
.login-form p {
376
 
377
    text-align: center;
378
 
379
    color: #b6b6b6;
380
 
381
    font-size: 16px;
382
 
383
    font-weight: 300;
384
 
385
}
386
 
387
.login-img3-body .login-form p,.login-img2-body .login-form p {
388
 
389
    color: #34aadc;
390
 
391
}
392
 
393
.login-form a {
394
 
395
    color: #b6b6b6;
396
 
397
}
398
 
399
 
400
 
401
.login-form a:hover {
402
 
403
    color: #34aadc;
404
 
405
}
406
 
407
.form .required{
408
 
409
    font-size: 16px;
410
 
411
    color: #00a0df;
412
 
413
}
414
 
415
 
416
 
417
.login-wrap {
418
 
419
    padding: 20px;
420
 
421
}
422
 
423
 
424
 
425
.login-social-link  {
426
 
427
    display: inline-block;
428
 
429
    margin-top: 20px;
430
 
431
    margin-bottom: 15px;
432
 
433
}
434
 
435
 
436
 
437
.login-social-link a {
438
 
439
    color: #fff;
440
 
441
    padding: 15px 28px;
442
 
443
    border-radius: 4px;
444
 
445
}
446
 
447
 
448
 
449
.login-social-link a:hover {
450
 
451
    color: #fff;
452
 
453
}
454
 
455
 
456
 
457
.login-social-link a i {
458
 
459
    font-size: 20px;
460
 
461
    padding-right: 10px;
462
 
463
}
464
 
465
 
466
 
467
.login-social-link a.facebook {
468
 
469
    background: #5193ea;
470
 
471
    margin-right: 22px;
472
 
473
    box-shadow: 0 4px #2775e2;
474
 
475
	float:left;
476
 
477
}
478
 
479
 
480
 
481
.login-social-link a.twitter {
482
 
483
    background: #44ccfe;
484
 
485
    box-shadow: 0 4px #2bb4e8;
486
 
487
	float:left;
488
 
489
}
490
 
491
/*Modal Content*/
492
 
493
.modal-content{
494
 
495
    border-radius:0px;
496
 
497
    background:rgba(255,255,255,0.9);
498
 
499
}
500
 
501
.modal-header .close{
502
 
503
    font-weight: 300;
504
 
505
    font-size: 30px;
506
 
507
}
508
 
509
 
510
 
511
/*sidebar navigation*/
512
 
513
 
514
 
515
#sidebar {
516
 
517
    width: 180px;
518
 
519
    height: 100%;
520
 
521
    position: fixed;
522
 
523
    background: #2A3F54;
524
 
525
}
526
 
527
 
528
 
529
.nav-collapse.collapse {
530
 
531
    display: inline;
532
 
533
}
534
 
535
 
536
 
537
ul.sidebar-menu , ul.sidebar-menu li ul.sub{
538
 
539
    margin: -2px 0 0;
540
 
541
    padding: 0;
542
 
543
}
544
 
545
 
546
 
547
ul.sidebar-menu {
548
 
549
    margin-top: 60px;
550
 
551
}
552
 
553
 
554
 
555
#sidebar > ul > li > ul.sub {
556
 
557
    display: none;
558
 
559
}
560
 
561
 
562
 
563
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
564
 
565
    display: block;
566
 
567
}
568
 
569
 
570
 
571
ul.sidebar-menu li ul.sub li{
572
 
573
    background: #394a59;
574
 
575
    margin-bottom: 0;
576
 
577
    margin-left: 0;
578
 
579
    margin-right: 0;
580
 
581
}
582
 
583
 
584
 
585
ul.sidebar-menu li ul.sub li:last-child{
586
 
587
    border-radius: 0 0 4px 4px;
588
 
589
    -webkit-border-radius: 0 0 4px 4px;
590
 
591
}
592
 
593
 
594
 
595
ul.sidebar-menu li ul.sub li a {
596
 
597
    font-size: 12px;
598
 
599
    padding: 0 0 0 32px;
600
 
601
    line-height: 35px;
602
 
603
    height: 35px;
604
 
605
    -webkit-transition: all 0.3s ease;
606
 
607
    -moz-transition: all 0.3s ease;
608
 
609
    -o-transition: all 0.3s ease;
610
 
611
    -ms-transition: all 0.3s ease;
612
 
613
    transition: all 0.3s ease;
614
 
615
    color: #d0d8df;
616
 
617
    font-size: 14px;
618
 
619
}
620
 
621
 
622
 
623
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
624
 
625
    color: #fff;
626
 
627
    -webkit-transition: all 0.3s ease;
628
 
629
    -moz-transition: all 0.3s ease;
630
 
631
    -o-transition: all 0.3s ease;
632
 
633
    -ms-transition: all 0.3s ease;
634
 
635
    transition: all 0.3s ease;
636
 
637
    display: block;
638
 
639
}
640
 
641
 
642
 
643
ul.sidebar-menu li{
644
 
645
    line-height: 20px !important;
646
 
647
    /*margin-bottom: 5px;
648
 
649
    margin-left:10px;
650
 
651
    margin-right:10px;*/
652
 
653
 
654
 
655
}
656
 
657
/*ul.sidebar-menu li:hover{
658
 
659
    border-bottom: 1px solid #688a7e;
660
 
661
}*/
662
 
663
ul.sidebar-menu li.sub-menu{
664
 
665
    line-height: 15px;
666
 
667
    font-size: 16px;
668
 
669
}
670
 
671
 
672
 
673
ul.sidebar-menu li a span{
674
 
675
    display: inline-block;
676
 
677
}
678
 
679
 
680
 
681
ul.sidebar-menu li a{
682
 
683
    color: #d0d8df;
684
 
685
    text-decoration: none;
686
 
687
    display: block;
688
 
689
    padding: 15px 0 15px 10px;
690
 
691
    font-size: 16px;
692
 
693
    font-weight: 300;
694
 
695
    outline: none;
696
 
697
    -webkit-transition: all 0.3s ease;
698
 
699
    -moz-transition: all 0.3s ease;
700
 
701
    -o-transition: all 0.3s ease;
702
 
703
    -ms-transition: all 0.3s ease;
704
 
705
    transition: all 0.3s ease;
706
 
707
    border-right: 1px solid #D7D7D7;
708
 
709
    border-bottom: 1px solid #D7D7D7;
710
 
711
}
712
 
713
/*ul.sidebar-menu li a i{
714
 
715
    position: relative;
716
 
717
    top: 2px;
718
 
719
}*/
720
 
721
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
722
 
723
    background: #6DC767;
724
 
725
    color: #fff;
726
 
727
    display: block;
728
 
729
    /*border-radius: 4px;
730
 
731
    -webkit-border-radius: 4px;*/
732
 
733
    -webkit-transition: all 0.3s ease;
734
 
735
    -moz-transition: all 0.3s ease;
736
 
737
    -o-transition: all 0.3s ease;
738
 
739
    -ms-transition: all 0.3s ease;
740
 
741
    transition: all 0.3s ease;        
742
 
743
}
744
 
745
ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
746
 
747
    /*border-bottom: 1px solid #d0d8df;*/
748
    border-bottom : none;
749
 
750
}
751
 
752
/*ul.sidebar-menu li.active a,*/ ul.sidebar-menu .sub-menu li.active a{
753
 
754
    border-bottom: 1px solid #d0d8df;   
755
 
756
}
757
 
758
 
759
 
760
ul.sidebar-menu li a i {
761
 
762
    font-size: 18px;
763
 
764
    padding-right: 6px;
765
 
766
    /*color: #688a7e;*/
767
 
768
}
769
 
770
 
771
 
772
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
773
 
774
    color: #fff;
775
 
776
}
777
 
778
 
779
 
780
ul.sidebar-menu li.active a i {
781
 
782
    color: #fff;
783
 
784
}
785
 
786
 
787
 
788
 
789
 
790
#sidebar ul > li > a .arrow {
791
 
792
    border-bottom: 4px solid transparent;
793
 
794
    border-left: 4px solid #A0A0A0;
795
 
796
    border-top: 4px solid transparent;
797
 
798
    float: right;
799
 
800
    height: 0;
801
 
802
    margin-right: 10px;
803
 
804
    margin-top: 6px;
805
 
806
    width: 0;
807
 
808
}
809
 
810
#sidebar ul > li > a .menu-arrow { 
811
 
812
    float: right;    
813
 
814
    margin-right: 8px;
815
 
816
    margin-top: 6px;    
817
 
818
}
819
 
820
#sidebar > ul > li > a .arrow.open {
821
 
822
    border-left: 4px solid transparent;
823
 
824
    border-right: 4px solid transparent;
825
 
826
    border-top: 5px solid #A0A0A0;
827
 
828
    float: right;
829
 
830
    height: 0;
831
 
832
    margin-right: 10px;
833
 
834
    margin-top: 8px;
835
 
836
    width: 0;
837
 
838
}
839
 
840
 
841
 
842
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow {
843
 
844
    float: right;
845
 
846
    margin-top: 6px;
847
 
848
    margin-right: 10px;
849
 
850
    width: 0;
851
 
852
    height: 0;
853
 
854
    border-left: 4px solid #d0d8df;
855
 
856
    border-top: 4px solid transparent;
857
 
858
    border-bottom: 4px solid transparent;
859
 
860
}
861
 
862
 
863
 
864
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
865
 
866
    float: right;
867
 
868
    margin-top: 8px;
869
 
870
    margin-right: 10px;
871
 
872
    width: 0;
873
 
874
    height: 0;
875
 
876
    border-top: 5px solid #d0d8df;
877
 
878
    border-left: 4px solid transparent;
879
 
880
    border-right: 4px solid transparent;
881
 
882
}
883
 
884
 
885
 
886
.mail-info, .mail-info:hover {
887
 
888
    margin: 3px 6px 0 0;
889
 
890
    font-size: 11px;
891
 
892
}
893
 
894
/*profile status bubbly*/
895
 
896
.online-profile li a i {
897
 
898
    position: relative;
899
 
900
    left: -12px;
901
 
902
    top: -10px;
903
 
904
}
905
 
906
.online-profile li a span i {
907
 
908
    position: relative;    
909
 
910
    top: 10px;
911
 
912
}
913
 
914
/*chat-*/
915
 
916
 
917
 
918
.chat-online-profile li a i {
919
 
920
    position: relative;
921
 
922
    left: -12px;
923
 
924
    top: -10px;
925
 
926
}
927
 
928
.chat-online-profile li a span i {
929
 
930
    position: relative;    
931
 
932
    top: 10px;
933
 
934
}
935
 
936
.chat-online-profile li a{
937
 
938
    border-bottom: 1px solid #D7D7D7;
939
 
940
}
941
 
942
.chat-online-profile li a:hover, .chat-online-profile li a:focus, .chat-online-profile li a:active{
943
 
944
    background: #eeeeee !important;
945
 
946
    border-bottom: 1px solid #688a7e !important;
947
 
948
}
949
 
950
.chat-online-profile li a:hover span i,.chat-online-profile li a:focus span i,.chat-online-profile li a:active span i{
951
 
952
    color: #688a7e;
953
 
954
}
955
 
956
.right-chat-panel{
957
 
958
    max-height: 600px;
959
 
960
}
961
 
962
.compose-mail{
963
 
964
    width: 95%;
965
 
966
    font-size: 16px;
967
 
968
    border-radius: 0;
969
 
970
}
971
 
972
/*main content*/
973
 
974
 
975
 
976
#main-content {
977
 
978
    margin-left: 180px;
979
 
980
}
981
 
982
 
983
 
984
.header, .footer {
985
 
986
    min-height: 60px;
987
 
988
    padding: 0 15px;
989
 
990
}
991
 
992
.box1 {
993
 
994
    font-size: 16px;
995
 
996
    display: inline-block;
997
 
998
    width: 25%;
999
 
1000
    padding: .25em .5em;
1001
 
1002
    margin: 20px 10px 0 0;
1003
 
1004
}
1005
 
1006
.header {
1007
 
1008
    position: fixed;
1009
 
1010
    left: 0;
1011
 
1012
    right: 0;
1013
 
1014
    z-index: 1002;
1015
 
1016
}
1017
 
1018
 
1019
 
1020
.white-bg {    
1021
 
1022
    background: rgba(255,255,255,0.9);
1023
 
1024
    border-bottom: 1px solid #f1f2f7;
1025
 
1026
}
1027
 
1028
.dark-bg {    
1029
 
1030
    background: rgba(54,66,74,1);
1031
 
1032
    border-bottom: 1px solid #f1f2f7;
1033
 
1034
}
1035
 
1036
.panel-content{
1037
 
1038
    padding: 10px;
1039
 
1040
}
1041
 
1042
.wrapper {
1043
 
1044
    display: inline-block;
1045
 
1046
    margin-top: 60px;
1047
 
1048
    padding: 15px;
1049
 
1050
    width: 100%;
1051
 
1052
}
1053
 
1054
 
1055
 
1056
a.logo {
1057
 
1058
    font-size: 25px;
1059
 
1060
    font-weight: 400;
1061
 
1062
    color: #6DC767;
1063
 
1064
    float: left;
1065
 
1066
    margin-top: 15px;
1067
 
1068
    text-transform: uppercase;
1069
 
1070
    letter-spacing : 3px;
1071
 
1072
}
1073
 
1074
 
1075
 
1076
a.logo:hover, a.logo:focus {
1077
 
1078
    text-decoration: none;
1079
 
1080
    outline: none;
1081
 
1082
}
1083
 
1084
 
1085
 
1086
a.logo span {
1087
 
1088
    color: #688a7e;
1089
 
1090
}
1091
 
1092
 
1093
 
1094
 
1095
 
1096
/*notification*/
1097
 
1098
 
1099
 
1100
#top_menu .nav > li, ul.top-menu > li {
1101
 
1102
    float: left;
1103
 
1104
}
1105
 
1106
.search-row {
1107
 
1108
    float: left;
1109
 
1110
    margin-top: 15px;
1111
 
1112
    margin-left: 16px;
1113
 
1114
}
1115
 
1116
.notification-row {
1117
 
1118
    float: right;
1119
 
1120
    margin-top: 15px;
1121
 
1122
    margin-left: 65px;
1123
 
1124
}
1125
 
22551 ashik.ali 1126
#task_notificatoin_bar, #mail_notificatoin_bar, #alert_notificatoin_bar, #cart_bar, #wallet_bar{
21627 kshitij.so 1127
 
1128
    margin-top: 7px;
1129
 
1130
}
1131
 
1132
 
1133
 
1134
ul.top-menu > li > a {
1135
 
1136
    color: #fed189;
1137
 
1138
    font-size: 18px;    
1139
 
1140
    padding: 2px 6px;
1141
 
1142
    margin-right: 15px;
1143
 
1144
}
1145
 
1146
 
1147
 
1148
ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {    
1149
 
1150
    background: transparent !important;
1151
 
1152
    color: #D7D7D7 !important;
1153
 
1154
}
1155
 
1156
 
1157
 
1158
.notification-row .badge {
1159
 
1160
    position: absolute;
1161
 
1162
    right: -4px;
1163
 
1164
    top: 0px;
1165
 
1166
    z-index: 100;
1167
 
1168
    border-radius: 9px;
1169
 
1170
    min-width: 18px;
1171
 
1172
    height: 18px;
1173
 
1174
    text-align: center;
1175
 
1176
    padding: 3px 5px;
1177
 
1178
    background: #00a0df;
1179
 
1180
    font-weight: 400;
1181
 
1182
}
1183
 
1184
.badge {    
1185
 
1186
    border-radius: 9px;
1187
 
1188
    min-width: 18px;
1189
 
1190
    height: 18px;
1191
 
1192
    text-align: center;
1193
 
1194
    padding: 3px 5px;
1195
 
1196
    background: #00a0df;
1197
 
1198
}
1199
 
1200
 
1201
 
1202
.dropdown-menu.extended {
1203
 
1204
    max-width: 300px !important;
1205
 
1206
    min-width: 160px !important;
1207
 
1208
    top: 42px;
1209
 
1210
    width: 235px !important;
1211
 
1212
    padding: 0;
1213
 
1214
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
1215
 
1216
    border: none !important;
1217
 
1218
    border-radius: 4px;
1219
 
1220
    -webkit-border-radius: 4px;
1221
 
1222
}
1223
 
1224
.navbar-form{
1225
 
1226
    padding: 0px;
1227
 
1228
    margin: 0 0 0 10px;    
1229
 
1230
}
1231
 
1232
 
1233
 
1234
.navbar-form .form-control{
1235
 
1236
    width: 200px;
1237
 
1238
    height: 30px;
1239
 
1240
    background: white url('../images/icons/search-line-icon.png') no-repeat 3px;
1241
 
1242
    padding-left: 24px;
1243
 
1244
    margin-top: 1px;    
1245
 
1246
}
1247
 
1248
 
1249
 
1250
@media screen and (-webkit-min-device-pixel-ratio:0) {
1251
 
1252
    /* Safari and Chrome */
1253
 
1254
    .dropdown-menu.extended  {
1255
 
1256
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
1257
 
1258
    };
1259
 
1260
}
1261
 
1262
/* bootstrape editor*/
1263
 
1264
 #editor {
1265
 
1266
    max-height: 250px;
1267
 
1268
    height: 250px;
1269
 
1270
    background-color: white;
1271
 
1272
    border-collapse: separate; 
1273
 
1274
    border: 1px solid rgb(204, 204, 204); 
1275
 
1276
    padding: 4px; 
1277
 
1278
    box-sizing: content-box; 
1279
 
1280
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
1281
 
1282
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
1283
 
1284
    border-top-right-radius: 3px; border-bottom-right-radius: 3px;
1285
 
1286
    border-bottom-left-radius: 3px; border-top-left-radius: 3px;
1287
 
1288
    overflow: scroll;
1289
 
1290
    outline: none;
1291
 
1292
}
1293
 
1294
#voiceBtn {
1295
 
1296
  width: 20px;
1297
 
1298
  color: transparent;
1299
 
1300
  background-color: transparent;
1301
 
1302
  transform: scale(2.0, 2.0);
1303
 
1304
  -webkit-transform: scale(2.0, 2.0);
1305
 
1306
  -moz-transform: scale(2.0, 2.0);
1307
 
1308
  border: transparent;
1309
 
1310
  cursor: pointer;
1311
 
1312
  box-shadow: none;
1313
 
1314
  -webkit-box-shadow: none;
1315
 
1316
}
1317
 
1318
 
1319
 
1320
div[data-role="editor-toolbar"] {
1321
 
1322
  -webkit-user-select: none;
1323
 
1324
  -moz-user-select: none;
1325
 
1326
  -ms-user-select: none;
1327
 
1328
  user-select: none;
1329
 
1330
}
1331
 
1332
.dropdown-menu.extended li p {
1333
 
1334
    background-color: #F1F2F7;
1335
 
1336
    color: #666666;
1337
 
1338
    margin: 0;
1339
 
1340
    padding: 10px;    
1341
 
1342
}
1343
 
1344
 
1345
 
1346
.dropdown-menu.extended li p.green {
1347
 
1348
    background-color: #4cd964;
1349
 
1350
    color: #fff;
1351
 
1352
}
1353
 
1354
 
1355
 
1356
.dropdown-menu.extended li p.red {
1357
 
1358
    background-color: #00a0df;
1359
 
1360
    color: #fff;
1361
 
1362
}
1363
 
1364
.dropdown-menu.extended li p.blue {
1365
 
1366
    background-color: #6DC767;
1367
 
1368
    color: #fff;
1369
 
1370
}
1371
 
1372
 
1373
 
1374
.dropdown-menu.extended li p.yellow {
1375
 
1376
    background-color: #fcb322;
1377
 
1378
    color: #fff;
1379
 
1380
}
1381
 
1382
 
1383
 
1384
.dropdown-menu.extended li a {
1385
 
1386
    border-bottom: 1px solid #EBEBEB !important;
1387
 
1388
    font-size: 12px;
1389
 
1390
    list-style: none;
1391
 
1392
}
1393
 
1394
 
1395
 
1396
.dropdown-menu.extended li a {
1397
 
1398
    padding: 15px 10px !important;
1399
 
1400
    width: 100%;
1401
 
1402
    display: inline-block;
1403
 
1404
}
1405
 
1406
 
1407
 
1408
.dropdown-menu.extended li a:hover {
1409
 
1410
    background-color: #F7F8F9 !important;
1411
 
1412
    color: #2E2E2E;
1413
 
1414
    border-bottom: 1px solid #688a7e !important;
1415
 
1416
}
1417
 
1418
 
1419
 
1420
.dropdown-menu.tasks-bar .task-info .desc {
1421
 
1422
    font-size: 13px;
1423
 
1424
    font-weight: normal;
1425
 
1426
}
1427
 
1428
 
1429
 
1430
.dropdown-menu.tasks-bar .task-info .percent {
1431
 
1432
    display: inline-block;
1433
 
1434
    float: right;
1435
 
1436
    font-size: 13px;
1437
 
1438
    font-weight: 600;
1439
 
1440
    padding-left: 10px;
1441
 
1442
    margin-top: -4px;
1443
 
1444
}
1445
 
1446
 
1447
 
1448
.dropdown-menu.extended .progress {
1449
 
1450
    margin-bottom: 0 !important;
1451
 
1452
    height: 10px;
1453
 
1454
}
1455
 
1456
 
1457
 
1458
.dropdown-menu.inbox li a .photo img {
1459
 
1460
    border-radius: 2px 2px 2px 2px;
1461
 
1462
    float: left;
1463
 
1464
    height: 40px;
1465
 
1466
    margin-right: 4px;
1467
 
1468
    width: 40px;
1469
 
1470
}
1471
 
1472
 
1473
 
1474
.dropdown-menu.inbox li a .subject {
1475
 
1476
    display: block;
1477
 
1478
}
1479
 
1480
 
1481
 
1482
.dropdown-menu.inbox li a .subject .from {
1483
 
1484
    font-size: 12px;
1485
 
1486
    font-weight: 600;
1487
 
1488
}
1489
 
1490
 
1491
 
1492
.dropdown-menu.inbox li a .subject .time {
1493
 
1494
    font-size: 11px;
1495
 
1496
    font-style: italic;
1497
 
1498
    font-weight: bold;
1499
 
1500
    position: absolute;
1501
 
1502
    right: 5px;
1503
 
1504
}
1505
 
1506
 
1507
 
1508
.dropdown-menu.inbox li a .message {
1509
 
1510
    display: block !important;
1511
 
1512
    font-size: 11px;
1513
 
1514
 
1515
 
1516
}
1517
 
1518
 
1519
 
1520
.top-nav  {
1521
 
1522
    margin-top: 7px;
1523
 
1524
}
1525
 
1526
 
1527
 
1528
.top-nav ul.top-menu > li .dropdown-menu.logout {
1529
 
1530
    width: 200px !important;
1531
 
1532
 
1533
 
1534
}
1535
 
1536
 
1537
 
1538
.top-nav li.dropdown .dropdown-menu {
1539
 
1540
    float: right;
1541
 
1542
    right: 0;
1543
 
1544
    left: auto;
1545
 
1546
}
1547
 
1548
 
1549
 
1550
.dropdown-menu.extended.logout > li {
1551
 
1552
    float: left;
1553
 
1554
    text-align: left;
1555
 
1556
    width: 100%;
1557
 
1558
}
1559
 
1560
.dropdown-menu.extended.logout > li.eborder-top {
1561
 
1562
    border-top: 2px solid #688a7e !important;    
1563
 
1564
}
1565
 
1566
.dropdown-menu.extended.logout > li:last-child {
1567
 
1568
    float: left;
1569
 
1570
    text-align: left;
1571
 
1572
    width: 100%;
1573
 
1574
    background: #688a7e;    
1575
 
1576
}
1577
 
1578
 
1579
 
1580
.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
1581
 
1582
    color: #fff;
1583
 
1584
    border-bottom: none !important;
1585
 
1586
    text-transform: uppercase;
1587
 
1588
    background-color:#6DC767 !important;
1589
 
1590
}
1591
 
1592
 
1593
 
1594
.dropdown-menu.extended.logout > li:last-child > a:hover > i{
1595
 
1596
    color: #fff;
1597
 
1598
}
1599
 
1600
.dropdown-menu > li > a{
1601
 
1602
    color: #797979;
1603
 
1604
}
1605
 
1606
.dropdown-menu.extended.logout > li > a {
1607
 
1608
    border-bottom: 1px solid #EBEBEB !important;
1609
 
1610
    font-size: 14px;
1611
 
1612
    list-style: none;
1613
 
1614
    padding: 15px 10px !important;
1615
 
1616
    width: 100%;
1617
 
1618
    display: inline-block;
1619
 
1620
}
1621
 
1622
 
1623
 
1624
.dropdown-menu.extended.logout > li > a:hover {
1625
 
1626
    background-color: #F7F8F9 !important;
1627
 
1628
    color: #2E2E2E;
1629
 
1630
    border-bottom: 1px solid #688a7e !important;
1631
 
1632
}
1633
 
1634
 
1635
 
1636
.dropdown-menu.extended.logout > li > a:hover i {
1637
 
1638
    color: #688a7e;
1639
 
1640
}
1641
 
1642
 
1643
 
1644
.dropdown-menu.extended.logout > li > a i {
1645
 
1646
    font-size: 17px;
1647
 
1648
}
1649
 
1650
 
1651
 
1652
.dropdown-menu.extended.logout > li > a > i {
1653
 
1654
    display: inline-block;
1655
 
1656
    padding-right: 10px
1657
 
1658
}
1659
 
1660
 
1661
 
1662
.top-nav .username {
1663
 
1664
    font-size: 13px;
1665
 
1666
    color: #bdbdbd;
1667
 
1668
}
1669
 
1670
 
1671
 
1672
.top-nav ul.top-menu > li > a {
1673
 
1674
    padding: 8px;
1675
 
1676
    background: none;
1677
 
1678
    margin-right: 0;
1679
 
1680
}
1681
 
1682
.top-nav ul.top-menu > li {
1683
 
1684
    margin-left: 10px;
1685
 
1686
}
1687
 
1688
 
1689
 
1690
.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {    
1691
 
1692
    background: #F1F2F7;
1693
 
1694
 
1695
 
1696
}
1697
 
1698
 
1699
 
1700
.top-nav .dropdown-menu.extended.logout {
1701
 
1702
    top: 50px;
1703
 
1704
}
1705
 
1706
 
1707
 
1708
.top-nav .nav .caret {
1709
 
1710
    border-bottom-color: #A4AABA;
1711
 
1712
    border-top-color: #A4AABA;
1713
 
1714
}
1715
 
1716
.top-nav ul.top-menu > li > a:hover .caret {
1717
 
1718
    border-bottom-color: #7498f1;
1719
 
1720
    border-top-color: #7498f1;
1721
 
1722
}
1723
 
1724
 
1725
 
1726
.log-arrow-up {
1727
 
1728
    background: url("../images/arrow-up.png") no-repeat;
1729
 
1730
    width: 20px;
1731
 
1732
    height: 11px;
1733
 
1734
    position: absolute;
1735
 
1736
    right: 20px;
1737
 
1738
    top: -10px;
1739
 
1740
}
1741
 
1742
/*----*/
1743
 
1744
.page-header {
1745
 
1746
  margin: 12px 0 20px;
1747
 
1748
  border-bottom: none;
1749
 
1750
  opacity: 0.7;
1751
 
1752
  text-transform: uppercase;
1753
 
1754
}
1755
 
1756
.page-header i {
1757
 
1758
  color: #acb1b8;
1759
 
1760
  margin-right: 10px;
1761
 
1762
  float: left;
1763
 
1764
  font-size: 30px;
1765
 
1766
  line-height: 22px;
1767
 
1768
  opacity: 0.8;  
1769
 
1770
}
1771
 
1772
.breadcrumb {
1773
 
1774
  -webkit-border-radius: 0px;
1775
 
1776
  -moz-border-radius: 0px;
1777
 
1778
  border-radius: 0px;
1779
 
1780
  height: 34px;
1781
 
1782
  position: relative;  
1783
 
1784
  margin: 0 0 19px 0;
1785
 
1786
  overflow: hidden;
1787
 
1788
}
1789
 
1790
.breadcrumb li {
1791
 
1792
  position: relative;
1793
 
1794
  margin-right: 0;
1795
 
1796
}
1797
 
1798
.breadcrumb li i {
1799
 
1800
  Font-size: 15px;
1801
 
1802
  margin-right: 5px;
1803
 
1804
}
1805
 
1806
.breadcrumb > .active {
1807
 
1808
  color: #d4d4d4;
1809
 
1810
}
1811
 
1812
/* .info-box
1813
 
1814
=================================================================== */
1815
 
1816
.info-box {
1817
 
1818
  min-height: 140px;
1819
 
1820
  margin-bottom: 30px;
1821
 
1822
  padding: 20px 0px 0px 10px;
1823
 
1824
  color: white;
1825
 
1826
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1827
 
1828
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1829
 
1830
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
1831
 
1832
}
1833
 
1834
.info-box i {
1835
 
1836
  display: block;
1837
 
1838
  height: 100px;
1839
 
1840
  font-size: 60px;
1841
 
1842
  line-height: 100px;
1843
 
1844
  width: 100px;
1845
 
1846
  float: left;
1847
 
1848
  text-align: center;
1849
 
1850
  padding-right: 20px;
1851
 
1852
  color: rgba(255, 255, 255, 0.75);
1853
 
1854
}
1855
 
1856
.info-box .count {
1857
 
1858
  margin-top: 20px;
1859
 
1860
  font-size: 34px;
1861
 
1862
  font-weight: 700;
1863
 
1864
}
1865
 
1866
.info-box .title {
1867
 
1868
  font-size: 12px;
1869
 
1870
  text-transform: uppercase;
1871
 
1872
  font-weight: 600;
1873
 
1874
}
1875
 
1876
.info-box .desc {
1877
 
1878
  margin-top: 10px;
1879
 
1880
  font-size: 12px;
1881
 
1882
}
1883
 
1884
.info-box.danger {
1885
 
1886
  background: #ff5454;
1887
 
1888
  border: 1px solid #ff2121;
1889
 
1890
}
1891
 
1892
.info-box.warning {
1893
 
1894
  background: #fabb3d;
1895
 
1896
  border: 1px solid #f9aa0b;
1897
 
1898
}
1899
 
1900
.info-box.primary {
1901
 
1902
  background: #20a8d8;
1903
 
1904
  border: 1px solid #1985ac;
1905
 
1906
}
1907
 
1908
.info-box.info {
1909
 
1910
  background: #67c2ef;
1911
 
1912
  border: 1px solid #39afea;
1913
 
1914
}
1915
 
1916
.info-box.success {
1917
 
1918
  background: #79c447;
1919
 
1920
  border: 1px solid #61a434;
1921
 
1922
}
1923
 
1924
/*----------------	color------------------------*/
1925
 
1926
.dark-heading-bg {
1927
 
1928
  background: #4c4f53;
1929
 
1930
  border: 1px solid #4c4f53;
1931
 
1932
}
1933
 
1934
.main-bg {
1935
 
1936
  background: #e6e8ea;
1937
 
1938
}
1939
 
1940
.white-bg {
1941
 
1942
  color : #768399;
1943
 
1944
  background : #fff;
1945
 
1946
  background-color : #fff;
1947
 
1948
}
1949
 
1950
.red-bg {
1951
 
1952
  color : #fff;
1953
 
1954
  background : #d95043;
1955
 
1956
  background-color : #d95043;
1957
 
1958
}
1959
 
1960
.blue-bg {
1961
 
1962
  color : #fff;
1963
 
1964
  background : #57889c;
1965
 
1966
  background-color : #57889c;
1967
 
1968
}
1969
 
1970
.green-bg {
1971
 
1972
  color : #fff;
1973
 
1974
  background : #26c281;
1975
 
1976
  background-color : #26c281;
1977
 
1978
}
1979
 
1980
.greenLight-bg {
1981
 
1982
  color: #71843f;
1983
 
1984
  background: #71843f;
1985
 
1986
  background-color: #71843f;
1987
 
1988
}
1989
 
1990
.yellow-bg {
1991
 
1992
  color : #fff;
1993
 
1994
  background : #fc6;
1995
 
1996
  background-color : #fc6;
1997
 
1998
}
1999
 
2000
.orange-bg {
2001
 
2002
  color : #fff;
2003
 
2004
  background : #f4b162;
2005
 
2006
  background-color : #f4b162;
2007
 
2008
}
2009
 
2010
.purple-bg {
2011
 
2012
  color : #fff;
2013
 
2014
  background : #af91e1;
2015
 
2016
  background-color : #af91e1;
2017
 
2018
}
2019
 
2020
.pink-bg {
2021
 
2022
  color : #fff;
2023
 
2024
  background : #f78db8;
2025
 
2026
  background-color : #f78db8;
2027
 
2028
}
2029
 
2030
.lime-bg {
2031
 
2032
  color : #fff;
2033
 
2034
  background : #a8db43;
2035
 
2036
  background-color : #a8db43;
2037
 
2038
}
2039
 
2040
.magenta-bg {
2041
 
2042
  color : #fff;
2043
 
2044
  background : #e65097;
2045
 
2046
  background-color : #e65097;
2047
 
2048
}
2049
 
2050
.teal-bg {
2051
 
2052
  color : #fff;
2053
 
2054
  background : #97d3c5;
2055
 
2056
  background-color : #97d3c5;
2057
 
2058
}
2059
 
2060
.brown-bg {
2061
 
2062
  color : #fff;
2063
 
2064
  background : #d1b993;
2065
 
2066
  background-color : #d1b993;
2067
 
2068
}
2069
 
2070
.gray-bg {
2071
 
2072
  color : #768399;
2073
 
2074
  background : #e4e9eb;
2075
 
2076
  background-color : #e4e9eb;
2077
 
2078
}
2079
 
2080
.dark-bg {
2081
 
2082
  color : #fff;
2083
 
2084
  background : #EDEDED;
2085
 
2086
  background-color : #EDEDED;
2087
 
2088
  border-bottom : 1px solid #D9DEE4;
2089
 
2090
}
2091
 
2092
.facebook-bg {
2093
 
2094
  color: #fff;
2095
 
2096
  background: #3b5998;
2097
 
2098
  background-color : #3b5998;
2099
 
2100
}
2101
 
2102
.twitter-bg {
2103
 
2104
  color: #fff;
2105
 
2106
  background: #00aced;
2107
 
2108
  background-color : #00aced; 
2109
 
2110
}
2111
 
2112
.linkedin-bg {
2113
 
2114
  color: #fff;
2115
 
2116
  background: #4875b4;
2117
 
2118
  background-color : #4875b4;  
2119
 
2120
}
2121
 
2122
/*----------------------	panel-----------------*/
2123
 
2124
.panel {
2125
 
2126
  border:none;
2127
 
2128
  -webkit-border-radius: 0px;
2129
 
2130
  -moz-border-radius: 0px;
2131
 
2132
  border-radius: 0px;
2133
 
2134
  -webkit-box-shadow: none;
2135
 
2136
  -moz-box-shadow: none;
2137
 
2138
  box-shadow: none;
2139
 
2140
  margin-bottom: 30px;
2141
 
2142
}
2143
 
2144
.panel .panel-heading {
2145
 
2146
  line-height: 34px;
2147
 
2148
  padding: 0 15px;
2149
 
2150
  min-height: 34px;
2151
 
2152
  border-left: 1px solid #ccc;
2153
 
2154
  border-right: 1px solid #ccc;
2155
 
2156
  -webkit-border-radius: 0px;
2157
 
2158
  -moz-border-radius: 0px;
2159
 
2160
  border-radius: 0px;  
2161
 
2162
  position: relative;
2163
 
2164
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
2165
 
2166
  -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
2167
 
2168
  -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);  
2169
 
2170
}
2171
 
2172
.panel .panel-heading .panel-title {
2173
 
2174
  line-height: 40px;
2175
 
2176
}
2177
 
2178
.panel .panel-heading i {
2179
 
2180
  width: 30px;
2181
 
2182
  display: inline-block;
2183
 
2184
  font-size: 14px;
2185
 
2186
  border-right:1px solid #e6e6e6 ;
2187
 
2188
}
2189
 
2190
.panel .panel-heading ul li {
2191
 
2192
  border-top:1px solid #e6e6e6 ;
2193
 
2194
  border-left:1px solid #e6e6e6 ;
2195
 
2196
  border-right:1px solid #e6e6e6 ;
2197
 
2198
}
2199
 
2200
.panel .panel-heading h2 {
2201
 
2202
  height: 100%;
2203
 
2204
  width: auto;
2205
 
2206
  display: inline-block;
2207
 
2208
  font-size: 14px;
2209
 
2210
  position: relative;
2211
 
2212
  margin: 0;
2213
 
2214
  line-height: 34px;
2215
 
2216
  font-weight: 400;
2217
 
2218
  letter-spacing: 0;
2219
 
2220
}
2221
 
2222
.panel .panel-heading .panel-actions {
2223
 
2224
  float: right;
2225
 
2226
  margin-right: -15px;
2227
 
2228
  height: 40px;
2229
 
2230
  font-size: 0;
2231
 
2232
}
2233
 
2234
.panel .panel-heading .panel-actions i {
2235
 
2236
  display: inline-block;
2237
 
2238
  text-align: center;
2239
 
2240
  width: 34px;
2241
 
2242
  -webkit-transition: all 0.1s ease-in-out;
2243
 
2244
  -moz-transition: all 0.1s ease-in-out;
2245
 
2246
  -ms-transition: all 0.1s ease-in-out;
2247
 
2248
  -o-transition: all 0.1s ease-in-out;
2249
 
2250
  transition: all 0.1s ease-in-out;
2251
 
2252
  text-decoration: none;
2253
 
2254
  font-size: 14px;
2255
 
2256
}
2257
 
2258
.panel .panel-heading .panel-actions a {
2259
 
2260
  text-decoration: none;
2261
 
2262
  font-size: 14px;
2263
 
2264
  text-align: center;
2265
 
2266
  display: inline-block;
2267
 
2268
  line-height: 32px;
2269
 
2270
  padding: 0;
2271
 
2272
  margin: 0;
2273
 
2274
  color: #333;
2275
 
2276
  border-left: 1px solid rgba(0,0,0,.09);
2277
 
2278
}
2279
 
2280
.panel-actions .btn-setting:hover,
2281
 
2282
.panel-actions .btn-minimize:hover,
2283
 
2284
.panel-actions .btn-close:hover {
2285
 
2286
  background-color: rgba(0,0,0,.05);
2287
 
2288
}
2289
 
2290
.panel .panel-heading .switch {
2291
 
2292
  margin: 10px;
2293
 
2294
}
2295
 
2296
.panel .panel-body {
2297
 
2298
  border-width: 1px 1px 2px;
2299
 
2300
  border-style: solid;
2301
 
2302
  border-top: none;
2303
 
2304
  border-right-color: #ccc!important;
2305
 
2306
  border-bottom-color: #ccc!important;
2307
 
2308
  border-left-color: #ccc!important;
2309
 
2310
}
2311
 
2312
.panel .panel-body-map {
2313
 
2314
  border-width: 1px 1px 2px;
2315
 
2316
  border-style: solid;
2317
 
2318
  background:#eef3f7;
2319
 
2320
  height:380px;
2321
 
2322
  border-top: none;
2323
 
2324
  border-right-color: #ccc!important;
2325
 
2326
  border-bottom-color: #ccc!important;
2327
 
2328
  border-left-color: #ccc!important;
2329
 
2330
}
2331
 
2332
.panel .panel-body.no-padding {
2333
 
2334
  padding: 0;
2335
 
2336
}
2337
 
2338
.panel .panel-body.padding-horizontal {
2339
 
2340
  padding: 0 15px;
2341
 
2342
}
2343
 
2344
.panel .panel-body.no-padding-bottom {
2345
 
2346
  padding-bottom: 0;
2347
 
2348
}
2349
 
2350
.panel-footer {
2351
 
2352
  padding: 10px 15px;
2353
 
2354
  background-color: #f5f5f5;
2355
 
2356
  border-top: 1px solid #ddd;
2357
 
2358
  border-bottom-right-radius: 0;
2359
 
2360
  border-bottom-left-radius: 0;
2361
 
2362
}
2363
 
2364
.panel .panel-footer {
2365
 
2366
  border-width: 0 1px 2px 1px;
2367
 
2368
  border-style: solid;
2369
 
2370
  border-top: none;
2371
 
2372
  border-right-color: #ccc!important;
2373
 
2374
  border-bottom-color: #ccc!important;
2375
 
2376
  border-left-color: #ccc!important;    
2377
 
2378
  position: relative;  
2379
 
2380
}
2381
 
2382
.panel.panel-default {  
2383
 
2384
  border-radius: 0px;
2385
 
2386
 
2387
 
2388
  border-top: 1px solid #d4d4d4;
2389
 
2390
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
2391
 
2392
  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
2393
 
2394
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
2395
 
2396
 
2397
 
2398
}
2399
 
2400
}
2401
 
2402
.panel.panel-default.panel-heading {
2403
 
2404
  background: #97d3c5;   
2405
 
2406
}
2407
 
2408
.panel.panel-default .panel-footer {
2409
 
2410
  background: #f5f5f5;
2411
 
2412
}
2413
 
2414
.panel.panel-primary {
2415
 
2416
  border-color: #20a8d8;
2417
 
2418
}
2419
 
2420
.panel.panel-primary .panel-heading,
2421
 
2422
.panel.panel-primary .panel-footer {
2423
 
2424
  background: #5dc3e7;
2425
 
2426
  color: #092f3d;
2427
 
2428
  border-color: #20a8d8;
2429
 
2430
}
2431
 
2432
.panel.panel-success {
2433
 
2434
  border-color: #79c447;
2435
 
2436
}
2437
 
2438
.panel.panel-success .panel-heading,
2439
 
2440
.panel.panel-success .panel-footer {
2441
 
2442
  background: #a3d781;
2443
 
2444
  color: #284315;
2445
 
2446
  border-color: #79c447;
2447
 
2448
}
2449
 
2450
.panel.panel-info {
2451
 
2452
  border-color: #67c2ef;
2453
 
2454
}
2455
 
2456
.panel.panel-info .panel-heading,
2457
 
2458
.panel.panel-info .panel-footer {
2459
 
2460
  background: #acdef6;
2461
 
2462
  color: #106894;
2463
 
2464
  border-color: #67c2ef;
2465
 
2466
}
2467
 
2468
.panel.panel-warning {
2469
 
2470
  border-color: #fabb3d;
2471
 
2472
}
2473
 
2474
.panel.panel-warning .panel-heading,
2475
 
2476
.panel.panel-warning .panel-footer {
2477
 
2478
  background: #fcd588;
2479
 
2480
  color: #815703;
2481
 
2482
  border-color: #fabb3d;
2483
 
2484
}
2485
 
2486
.panel.panel-danger {
2487
 
2488
  border-color: #ff5454;
2489
 
2490
}
2491
 
2492
.panel.panel-danger .panel-heading,
2493
 
2494
.panel.panel-danger .panel-footer {
2495
 
2496
  background: #ffa1a1;
2497
 
2498
  color: #a10000;
2499
 
2500
  border-color: #ff5454;
2501
 
2502
}
2503
 
2504
/* Chat Widget starts */
2505
 
2506
 
2507
 
2508
.chats{
2509
 
2510
	list-style-type: none;
2511
 
2512
	margin: 0px;
2513
 
2514
}
2515
 
2516
 
2517
 
2518
.chats li{
2519
 
2520
	margin-bottom: 8px;
2521
 
2522
	padding-bottom: 8px;
2523
 
2524
}
2525
 
2526
 
2527
 
2528
.chats .by-me img{
2529
 
2530
	margin-top: 5px;
2531
 
2532
	margin-right:10px;
2533
 
2534
	padding: 1px;
2535
 
2536
	background:#fff;
2537
 
2538
	border: 1px solid #ccc;
2539
 
2540
}
2541
 
2542
 
2543
 
2544
.chats .by-me .chat-meta{
2545
 
2546
	font-size: 11px;
2547
 
2548
	color: #999;
2549
 
2550
}
2551
 
2552
 
2553
 
2554
.chats .by-me .chat-content{
2555
 
2556
	margin-left: 60px;
2557
 
2558
	position: relative; 
2559
 
2560
	background: #fff; 
2561
 
2562
	border: 1px solid #ddd;
2563
 
2564
	padding: 7px 10px;
2565
 
2566
	border-radius: 5px;
2567
 
2568
	font-size: 13px;
2569
 
2570
}
2571
 
2572
 
2573
 
2574
.chats .by-me .chat-content:after, .chats .by-me .chat-content:before { 
2575
 
2576
	right: 100%; 
2577
 
2578
	border: solid transparent; 
2579
 
2580
	content: " "; 
2581
 
2582
	height: 0; 
2583
 
2584
	width: 0; 
2585
 
2586
	position: absolute; 
2587
 
2588
	pointer-events: none; 
2589
 
2590
} 
2591
 
2592
 
2593
 
2594
.chats .by-me .chat-content:after { 
2595
 
2596
	border-color: rgba(255, 255, 255, 0); 
2597
 
2598
	border-right-color: #fff; 
2599
 
2600
	border-width: 10px; 
2601
 
2602
	top: 30%; 
2603
 
2604
	margin-top: -10px; 
2605
 
2606
} 
2607
 
2608
 
2609
 
2610
.chats .by-me .chat-content:before { 
2611
 
2612
	border-color: rgba(238, 238, 238, 0); 
2613
 
2614
	border-right-color: #ccc; 
2615
 
2616
	border-width: 11px; 
2617
 
2618
	top: 30%; 
2619
 
2620
	margin-top: -11px; 
2621
 
2622
}
2623
 
2624
 
2625
 
2626
.chats .by-other img{
2627
 
2628
	margin-top: 5px;
2629
 
2630
	margin-left:10px;
2631
 
2632
	padding: 1px;
2633
 
2634
	background:#fff;
2635
 
2636
	border: 1px solid #ccc;
2637
 
2638
}
2639
 
2640
 
2641
 
2642
.chats .by-other .chat-meta{
2643
 
2644
	font-size: 11px;
2645
 
2646
	color: #999;
2647
 
2648
}
2649
 
2650
 
2651
 
2652
.chats .by-other .chat-content{
2653
 
2654
	margin-right: 60px;
2655
 
2656
	position: relative; 
2657
 
2658
	background: #fff; 
2659
 
2660
	border: 1px solid #ddd;
2661
 
2662
	padding: 7px 10px;
2663
 
2664
	border-radius: 5px;
2665
 
2666
	font-size: 13px;
2667
 
2668
}
2669
 
2670
 
2671
 
2672
.chats .by-other .chat-content:after, .chats .by-other .chat-content:before { 
2673
 
2674
	left: 100%; 
2675
 
2676
	border: solid transparent; 
2677
 
2678
	content: " "; 
2679
 
2680
	height: 0; 
2681
 
2682
	width: 0; 
2683
 
2684
	position: absolute; 
2685
 
2686
	pointer-events: none; 
2687
 
2688
} 
2689
 
2690
 
2691
 
2692
.chats .by-other .chat-content:after { 
2693
 
2694
	border-color: rgba(255, 255, 255, 0); 
2695
 
2696
	border-left-color: #fff; 
2697
 
2698
	border-width: 10px; 
2699
 
2700
	top: 30%; 
2701
 
2702
	margin-top: -10px; 
2703
 
2704
} 
2705
 
2706
 
2707
 
2708
.chats .by-other .chat-content:before { 
2709
 
2710
	border-color: rgba(238, 238, 238, 0); 
2711
 
2712
	border-left-color: #ccc; 
2713
 
2714
	border-width: 11px; 
2715
 
2716
	top: 30%; 
2717
 
2718
	margin-top: -11px; 
2719
 
2720
}
2721
 
2722
 
2723
 
2724
/* Chat widget ends */
2725
 
2726
.portlets{
2727
 
2728
  min-height:50px;
2729
 
2730
}
2731
 
2732
 
2733
 
2734
.portlets .widget-head{
2735
 
2736
  cursor:move;
2737
 
2738
}
2739
 
2740
/* Just Gage - Demo Charts
2741
 
2742
=================================================================== */
2743
 
2744
.sz1 {
2745
 
2746
  width: 200px;
2747
 
2748
  height: 160px;
2749
 
2750
}
2751
 
2752
.sz0 {
2753
 
2754
  margin: 2em 0 0 0;
2755
 
2756
}
2757
 
2758
.sz0 {
2759
 
2760
  width: 100px;
2761
 
2762
  height: 80px;
2763
 
2764
}
2765
 
2766
/**
2767
 
2768
 * Nestable
2769
 
2770
 */
2771
 
2772
.dd {
2773
 
2774
  position: relative;
2775
 
2776
  display: block;
2777
 
2778
  margin: 0;
2779
 
2780
  padding: 0;
2781
 
2782
  list-style: none;
2783
 
2784
  font-size: 13px;
2785
 
2786
  line-height: 20px;
2787
 
2788
}
2789
 
2790
.dd-list {
2791
 
2792
  display: block;
2793
 
2794
  position: relative;
2795
 
2796
  margin: 0;
2797
 
2798
  padding: 0;
2799
 
2800
  list-style: none;
2801
 
2802
}
2803
 
2804
.dd-list .dd-list {
2805
 
2806
  padding-left: 30px;
2807
 
2808
}
2809
 
2810
.dd-collapsed .dd-list {
2811
 
2812
  display: none;
2813
 
2814
}
2815
 
2816
.dd-item,
2817
 
2818
.dd-empty,
2819
 
2820
.dd-placeholder {
2821
 
2822
  display: block;
2823
 
2824
  position: relative;
2825
 
2826
  margin: 0;
2827
 
2828
  padding: 0;
2829
 
2830
  min-height: 20px;
2831
 
2832
  font-size: 13px;
2833
 
2834
  line-height: 20px;
2835
 
2836
}
2837
 
2838
.dd-handle {
2839
 
2840
  display: block;
2841
 
2842
  height: 30px;
2843
 
2844
  margin: 5px 0;
2845
 
2846
  padding: 4px 10px;
2847
 
2848
  text-decoration: none;
2849
 
2850
  border: 1px solid #d4d4d4;
2851
 
2852
  background: #eeeeee;
2853
 
2854
  -webkit-border-radius: 1px;
2855
 
2856
  -moz-border-radius: 1px;
2857
 
2858
  border-radius: 1px;
2859
 
2860
  -webkit-box-sizing: border-box;
2861
 
2862
  -moz-box-sizing: border-box;
2863
 
2864
  box-sizing: border-box;
2865
 
2866
}
2867
 
2868
.dd-handle:hover {
2869
 
2870
  color: #20a8d8;
2871
 
2872
  background: white;
2873
 
2874
}
2875
 
2876
.dd-handle .icon {
2877
 
2878
  float: right;
2879
 
2880
  font-size: 16px;
2881
 
2882
  margin-left: 10px;
2883
 
2884
}
2885
 
2886
.dd-handle .icon:hover {
2887
 
2888
  text-decoration: none;
2889
 
2890
}
2891
 
2892
.dd-item > button {
2893
 
2894
  display: block;
2895
 
2896
  position: relative;
2897
 
2898
  cursor: pointer;
2899
 
2900
  float: left;
2901
 
2902
  width: 25px;
2903
 
2904
  height: 20px;
2905
 
2906
  margin: 5px 0;
2907
 
2908
  padding: 0;
2909
 
2910
  text-indent: 100%;
2911
 
2912
  white-space: nowrap;
2913
 
2914
  overflow: hidden;
2915
 
2916
  border: 0;
2917
 
2918
  background: transparent;
2919
 
2920
  font-size: 12px;
2921
 
2922
  line-height: 1;
2923
 
2924
  text-align: center;
2925
 
2926
  font-weight: bold;
2927
 
2928
}
2929
 
2930
.dd-item > button:before {
2931
 
2932
  content: '+';
2933
 
2934
  display: block;
2935
 
2936
  position: absolute;
2937
 
2938
  width: 100%;
2939
 
2940
  text-align: center;
2941
 
2942
  text-indent: 0;
2943
 
2944
}
2945
 
2946
.dd-item > button[data-action="collapse"]:before {
2947
 
2948
  content: '-';
2949
 
2950
}
2951
 
2952
.dd-placeholder,
2953
 
2954
.dd-empty {
2955
 
2956
  margin: 5px 0;
2957
 
2958
  padding: 0;
2959
 
2960
  min-height: 30px;
2961
 
2962
  background: #f2fbff;
2963
 
2964
  border: 1px dashed #b6bcbf;
2965
 
2966
  -webkit-box-sizing: border-box;
2967
 
2968
  -moz-box-sizing: border-box;
2969
 
2970
  box-sizing: border-box;
2971
 
2972
}
2973
 
2974
.dd-empty {
2975
 
2976
  border: 1px dashed #bbb;
2977
 
2978
  min-height: 100px;
2979
 
2980
  background-color: #e5e5e5;
2981
 
2982
  background-size: 60px 60px;
2983
 
2984
  background-position: 0 0, 30px 30px;
2985
 
2986
}
2987
 
2988
.dd-dragel {
2989
 
2990
  position: absolute;
2991
 
2992
  pointer-events: none;
2993
 
2994
  z-index: 9999;
2995
 
2996
}
2997
 
2998
.dd-dragel > .dd-item .dd-handle {
2999
 
3000
  margin-top: 0;
3001
 
3002
}
3003
 
3004
.dd-dragel .dd-handle {
3005
 
3006
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
3007
 
3008
  -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
3009
 
3010
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
3011
 
3012
}
3013
 
3014
* /Widget-Content */
3015
 
3016
 
3017
 
3018
.widget-content .error .form-inline button{
3019
 
3020
	margin-left:-2px;
3021
 
3022
	padding:8px 12px;
3023
 
3024
}
3025
 
3026
 
3027
 
3028
.chats{
3029
 
3030
	padding-left:0px;
3031
 
3032
	margin-left:0px;
3033
 
3034
}
3035
 
3036
 
3037
 
3038
.recent{
3039
 
3040
	padding-left:0px;
3041
 
3042
	margin-left:0px;
3043
 
3044
}
3045
 
3046
 
3047
 
3048
.widget-foot .form-inline button {
3049
 
3050
	margin-left: -3px;
3051
 
3052
	padding:7px 12px;
3053
 
3054
}
3055
 
3056
 
3057
 
3058
.widget-content .form-inline button {
3059
 
3060
	margin-left: 0px;
3061
 
3062
	padding:7px 12px;
3063
 
3064
}
3065
 
3066
 
3067
 
3068
.buttons button{
3069
 
3070
	margin-top:10px;
3071
 
3072
}
3073
 
3074
 
3075
 
3076
.widget-content ol#slist{
3077
 
3078
	padding:0px;
3079
 
3080
}
3081
 
3082
.widget .widget-head,.modal-header{
3083
 
3084
  background-color: #f8f8f8;
3085
 
3086
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
3087
 
3088
  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
3089
 
3090
  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
3091
 
3092
  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
3093
 
3094
  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
3095
 
3096
  background: linear-gradient(top, #f8f8f8, #f2f2f2);	
3097
 
3098
  border-top-right-radius: 3px;
3099
 
3100
  border-top-left-radius: 3px;
3101
 
3102
  text-shadow:0px 1px #fff;
3103
 
3104
  border-bottom: 1px solid #ccc;
3105
 
3106
  border-top: 1px solid #fff;
3107
 
3108
	color: #666;
3109
 
3110
	font-size: 14px;
3111
 
3112
	font-weight: bold;
3113
 
3114
    padding: 8px 15px;
3115
 
3116
}
3117
 
3118
 
3119
 
3120
.widget.wblack .widget-head{
3121
 
3122
  background-color: #e8ece9;
3123
 
3124
  background: -webkit-gradient(linear, left top, left bottom, from(#e8ece9), to(#111));
3125
 
3126
  background: -webkit-linear-gradient(top, #e8ece9, #111);
3127
 
3128
  background: -moz-linear-gradient(top, #e8ece9, #111);
3129
 
3130
  background: -ms-linear-gradient(top, #e8ece9, #111);
3131
 
3132
  background: -o-linear-gradient(top, #e8ece9, #111);
3133
 
3134
  background: linear-gradient(top, #e8ece9, #111);
3135
 
3136
  text-shadow:0px 1px #000;
3137
 
3138
  border-bottom: 1px solid #555;
3139
 
3140
  border-top: 1px solid #666;
3141
 
3142
  box-shadow: inset 0px 1px 1px #444;
3143
 
3144
	color: #ccc;
3145
 
3146
}
3147
 
3148
 
3149
 
3150
.widget .widget-head .widget-icons i{
3151
 
3152
	font-size: 14px;
3153
 
3154
	margin: 0px 4px;
3155
 
3156
}
3157
 
3158
 
3159
 
3160
.widget .widget-head .widget-icons a{
3161
 
3162
	color: #aaa;
3163
 
3164
}
3165
 
3166
 
3167
 
3168
.widget .widget-head .widget-icons a:hover{
3169
 
3170
	color: #999;
3171
 
3172
}
3173
 
3174
 
3175
 
3176
.widget.wblack .widget-head .widget-icons i{
3177
 
3178
	font-size: 14px;
3179
 
3180
	margin: 0px 4px;
3181
 
3182
}
3183
 
3184
 
3185
 
3186
.widget .widget-foot, .modal-footer{
3187
 
3188
  background-color: #f8f8f8;
3189
 
3190
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
3191
 
3192
  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
3193
 
3194
  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
3195
 
3196
  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
3197
 
3198
  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
3199
 
3200
  background: linear-gradient(top, #f8f8f8, #f2f2f2);	
3201
 
3202
  border-bottom-right-radius: 3px;
3203
 
3204
  border-bottom-left-radius: 3px;
3205
 
3206
  text-shadow:0px 1px #fff;
3207
 
3208
  border-bottom: 1px solid #fff;
3209
 
3210
  border-top: 1px solid #ccc;
3211
 
3212
  padding: 8px 15px;
3213
 
3214
  font-size: 12px;
3215
 
3216
  color: #555;
3217
 
3218
  box-shadow: inset 0px 1px 1px #fff;
3219
 
3220
}
3221
 
3222
.widget-content .error .form-inline button{
3223
 
3224
	margin-left:-2px;
3225
 
3226
	padding:8px 12px;
3227
 
3228
}
3229
 
3230
 
3231
 
3232
.chats{
3233
 
3234
	padding-left:0px;
3235
 
3236
	margin-left:0px;
3237
 
3238
}
3239
 
3240
 
3241
 
3242
.recent{
3243
 
3244
	padding-left:0px;
3245
 
3246
	margin-left:0px;
3247
 
3248
}
3249
 
3250
 
3251
 
3252
.widget-foot .form-inline button {
3253
 
3254
	margin-left: -3px;
3255
 
3256
	padding:7px 12px;
3257
 
3258
}
3259
 
3260
 
3261
 
3262
.widget-content .form-inline button {
3263
 
3264
	margin-left: 0px;
3265
 
3266
	padding:7px 12px;
3267
 
3268
}
3269
 
3270
.widget .padd .modal-body{
3271
 
3272
	padding: 13px 15px;
3273
 
3274
}
3275
 
3276
 
3277
 
3278
.buttons button{
3279
 
3280
	margin-top:10px;
3281
 
3282
}
3283
 
3284
 
3285
 
3286
.widget-content ol#slist{
3287
 
3288
	padding:0px;
3289
 
3290
}
3291
 
3292
 
3293
 
3294
.task i {
3295
 
3296
	display:inline-block;
3297
 
3298
	width: 30px;
3299
 
3300
	height: 17px;
3301
 
3302
	background: #ccc;
3303
 
3304
	text-align: center;
3305
 
3306
	border-radius: 50px;
3307
 
3308
	font-size: 10px;
3309
 
3310
	line-height: 17px;
3311
 
3312
}
3313
 
3314
 
3315
 
3316
.pagination li a{
3317
 
3318
	color:#777;
3319
 
3320
}
3321
 
3322
/* Widget white extras */
3323
 
3324
 
3325
 
3326
.widget .nav-tabs > li a {
3327
 
3328
 
3329
 
3330
}
3331
 
3332
 
3333
 
3334
.widget .nav-tabs {
3335
 
3336
	margin-bottom: 5px;
3337
 
3338
}
3339
 
3340
 
3341
 
3342
.widget .tab-content{
3343
 
3344
	margin-bottom: 10px;
3345
 
3346
}
3347
 
3348
.widget .padd, .modal-body{
3349
 
3350
	padding: 13px 15px;
3351
 
3352
}
3353
 
3354
.portlets{
3355
 
3356
  min-height:50px;
3357
 
3358
}
3359
 
3360
 
3361
 
3362
.portlets .widget-head{
3363
 
3364
  cursor:move;
3365
 
3366
}
3367
 
3368
/*-----	map-----*/
3369
 
3370
* Google maps */
3371
 
3372
 
3373
 
3374
.gmap iframe{
3375
 
3376
	width: 100%;
3377
 
3378
	margin: 0px;
3379
 
3380
	padding: 0px;
3381
 
3382
}
3383
 
3384
 
3385
 
3386
/* Google maps ends */
3387
 
3388
/* Today datas */
3389
 
3390
 
3391
 
3392
.today-datas{
3393
 
3394
	list-style-type: none;
3395
 
3396
	padding: 0px;
3397
 
3398
	margin: 10px 0px;
3399
 
3400
}
3401
 
3402
 
3403
 
3404
.today-datas li{
3405
 
3406
	display: inline-block;
3407
 
3408
	margin-bottom: 5px;
3409
 
3410
	margin-right: 10px;
3411
 
3412
  padding: 10px 10px;
3413
 
3414
  text-shadow:0px 1px 0px #fff;
3415
 
3416
  max-width: 100%;
3417
 
3418
  text-align: center;
3419
 
3420
}
3421
 
3422
 
3423
 
3424
.today-datas li .datas-text{
3425
 
3426
	font-size: 13px;
3427
 
3428
	padding: 7px 0px 0px 0px;
3429
 
3430
	font-weight: normal;
3431
 
3432
}
3433
 
3434
 
3435
 
3436
/*----*/
3437
 
3438
 
3439
 
3440
.notify-arrow {
3441
 
3442
    border-style: solid;
3443
 
3444
    border-width: 0 9px 9px;
3445
 
3446
    height: 0;
3447
 
3448
    margin-top: 0;
3449
 
3450
    opacity: 0;
3451
 
3452
    position: absolute;
3453
 
3454
    right: 7px;
3455
 
3456
    top: -18px;
3457
 
3458
    transition: all 0.25s ease 0s;
3459
 
3460
    width: 0;
3461
 
3462
    z-index: 10;
3463
 
3464
    margin-top: 10px;
3465
 
3466
    opacity: 1;
3467
 
3468
}
3469
 
3470
.notify-arrow-blue{
3471
 
3472
    border-color: transparent transparent #688a7e;
3473
 
3474
    border-bottom-color: #688a7e !important;
3475
 
3476
    border-top-color: #688a7e !important;
3477
 
3478
}
3479
 
3480
.notify-arrow-yellow {
3481
 
3482
    border-color: transparent transparent #FCB322;
3483
 
3484
    border-bottom-color: #FCB322 !important;
3485
 
3486
    border-top-color: #FCB322 !important;
3487
 
3488
}
3489
 
3490
.notify-arrow-red {
3491
 
3492
    border-color: transparent transparent #00a0df;
3493
 
3494
    border-bottom-color: #00a0df !important;
3495
 
3496
    border-top-color: #00a0df !important;
3497
 
3498
}
3499
 
3500
.notify-arrow-green {
3501
 
3502
    border-color: transparent transparent #4cd964;
3503
 
3504
    border-bottom-color: #4cd964 !important;
3505
 
3506
    border-top-color: #4cd964 !important;
3507
 
3508
}
3509
 
3510
 
3511
 
3512
 
3513
 
3514
/*search*/
3515
 
3516
 
3517
 
3518
.search {
3519
 
3520
    margin-top: 6px ;
3521
 
3522
    width: 20px;
3523
 
3524
    -webkit-transition: all .3s ease;
3525
 
3526
    -moz-transition: all .3s ease;
3527
 
3528
    -ms-transition: all .3s ease;
3529
 
3530
    -o-transition: all .3s ease;
3531
 
3532
    transition: all .3s ease;
3533
 
3534
    border: 1px solid #fff;
3535
 
3536
    box-shadow: none;
3537
 
3538
    background: url("../img/search-icon.jpg") no-repeat 10px 8px;
3539
 
3540
    padding:0 5px 0 35px;
3541
 
3542
    color: #fff;
3543
 
3544
}
3545
 
3546
 
3547
 
3548
.search:focus {
3549
 
3550
    margin-top: 5px ;
3551
 
3552
    width: 180px;
3553
 
3554
    border: 1px solid #eaeaea;
3555
 
3556
    box-shadow: none;
3557
 
3558
    -webkit-transition: all .3s ease;
3559
 
3560
    -moz-transition: all .3s ease;
3561
 
3562
    -ms-transition: all .3s ease;
3563
 
3564
    -o-transition: all .3s ease;
3565
 
3566
    transition: all .3s ease;
3567
 
3568
    color: #c8c8c8;
3569
 
3570
    font-weight: 300;
3571
 
3572
}
3573
 
3574
 
3575
 
3576
/*--sidebar toggle---*/
3577
 
3578
 
3579
 
3580
.toggle-nav {
3581
 
3582
    float: left;
3583
 
3584
    padding-right: 15px;
3585
 
3586
    margin-top: 15px;
3587
 
3588
    color : #6DC767;
3589
 
3590
}
3591
 
3592
 
3593
 
3594
.toggle-nav .icon-reorder {
3595
 
3596
    cursor: pointer;
3597
 
3598
    display: inline-block;
3599
 
3600
    font-size: 30px;
3601
 
3602
}
3603
 
3604
 
3605
 
3606
 
3607
 
3608
.sidebar-closed > #sidebar > ul {
3609
 
3610
    display: none;
3611
 
3612
}
3613
 
3614
 
3615
 
3616
.sidebar-closed #main-content {
3617
 
3618
    margin-left: 0px;
3619
 
3620
}
3621
 
3622
 
3623
 
3624
.sidebar-closed #sidebar {
3625
 
3626
    margin-left: -180px;
3627
 
3628
}
3629
 
3630
 
3631
 
3632
/*state overview*/
3633
 
3634
 
3635
 
3636
.state-overview .symbol, .state-overview .value {
3637
 
3638
    display: inline-block;
3639
 
3640
    text-align: center;
3641
 
3642
}
3643
 
3644
 
3645
 
3646
.state-overview .value  {
3647
 
3648
    float: right;
3649
 
3650
 
3651
 
3652
}
3653
 
3654
 
3655
 
3656
.state-overview .value h1{
3657
 
3658
    margin: 0;
3659
 
3660
    padding: 0;
3661
 
3662
    color: #688a7e;
3663
 
3664
}
3665
 
3666
.state-overview .value p  {
3667
 
3668
    margin: 0;
3669
 
3670
    padding: 0;
3671
 
3672
    color: #fed189;
3673
 
3674
}
3675
 
3676
 
3677
 
3678
.state-overview .value h1 {
3679
 
3680
    font-weight: 300;
3681
 
3682
    font-weight: 30px;
3683
 
3684
}
3685
 
3686
 
3687
 
3688
.state-overview .symbol i {
3689
 
3690
    color: #688a7e;
3691
 
3692
    font-size: 30px;
3693
 
3694
}
3695
 
3696
 
3697
 
3698
.state-overview .symbol {
3699
 
3700
    width: 30%;
3701
 
3702
    padding: 25px 15px;    
3703
 
3704
}
3705
 
3706
 
3707
 
3708
.state-overview .value {
3709
 
3710
    width: 68%;
3711
 
3712
    padding-top: 21px;
3713
 
3714
}
3715
 
3716
 
3717
 
3718
.state-overview .terques {
3719
 
3720
    background: #34AADC;
3721
 
3722
}
3723
 
3724
 
3725
 
3726
.state-overview .red {
3727
 
3728
    background: #00a0df;
3729
 
3730
}
3731
 
3732
 
3733
 
3734
.state-overview .yellow {
3735
 
3736
    background: #FCB322;
3737
 
3738
}
3739
 
3740
 
3741
 
3742
.state-overview .blue {
3743
 
3744
    background: #688a7e;
3745
 
3746
}
3747
 
3748
 
3749
 
3750
 
3751
 
3752
/**/
3753
 
3754
.state .panel-body{
3755
 
3756
    padding: 0px;
3757
 
3758
}
3759
 
3760
.panel-body.chart-texture {
3761
 
3762
    background: url("../img/chart-texture.jpg");
3763
 
3764
    -webkit-border-radius: 4px 4px 0px 0px;
3765
 
3766
    border-radius: 4px 4px 0px 0px;
3767
 
3768
    padding: 0px;
3769
 
3770
}
3771
 
3772
 
3773
 
3774
 
3775
 
3776
/*personal task*/
3777
 
3778
 
3779
 
3780
.task-thumb {
3781
 
3782
    width: 90px;
3783
 
3784
    float: left;
3785
 
3786
}
3787
 
3788
 
3789
 
3790
.task-thumb img {
3791
 
3792
    border-radius: 4px;
3793
 
3794
    -webkit-border-radius: 4px;
3795
 
3796
}
3797
 
3798
 
3799
 
3800
.task-thumb-details {
3801
 
3802
    display: inline-block;
3803
 
3804
    margin: 25px 0 0 10px;
3805
 
3806
}
3807
 
3808
 
3809
 
3810
.task-progress {
3811
 
3812
    float: left;
3813
 
3814
}
3815
 
3816
 
3817
 
3818
.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a {
3819
 
3820
    color: #688a7e;
3821
 
3822
    font-size: 18px;
3823
 
3824
    margin: 0;
3825
 
3826
    padding: 0;
3827
 
3828
    font-weight: 300;
3829
 
3830
}
3831
 
3832
 
3833
 
3834
.task-thumb-details p, .task-progress p {
3835
 
3836
    padding-top: 5px;
3837
 
3838
    color: #fed189;
3839
 
3840
}
3841
 
3842
 
3843
 
3844
 
3845
 
3846
.personal-task tbody tr td{
3847
 
3848
    padding: 11px 15px;
3849
 
3850
    border-color: #eeeff1;
3851
 
3852
}
3853
 
3854
 
3855
 
3856
.personal-task tbody tr td i {
3857
 
3858
    font-size: 16px;
3859
 
3860
    color: #c7cbd4;
3861
 
3862
    position: relative;
3863
 
3864
    right: 6px;
3865
 
3866
    top: 6px;
3867
 
3868
}
3869
 
3870
 
3871
 
3872
.personal-task.table-hover > tbody > tr:hover > td,
3873
 
3874
.table-hover > tbody > tr:hover > th {
3875
 
3876
    background-color: #f7f8fc;
3877
 
3878
}
3879
 
3880
 
3881
 
3882
.personal-task.table-hover > tbody > tr:hover > td i{
3883
 
3884
    color: #688a7e;
3885
 
3886
}
3887
 
3888
 
3889
 
3890
.personal-task > tbody > tr > td:last-child {
3891
 
3892
    text-align: right;
3893
 
3894
}
3895
 
3896
 
3897
 
3898
.task-option {
3899
 
3900
    float: right;
3901
 
3902
}
3903
 
3904
 
3905
 
3906
.task-option select{
3907
 
3908
    height: 35px;
3909
 
3910
    border: 1px solid #eaeaea;
3911
 
3912
    border-radius: 4px;
3913
 
3914
    -webkit-border-radius: 4px;
3915
 
3916
    padding: 8px;
3917
 
3918
    color: #a4abbb;
3919
 
3920
}
3921
 
3922
 
3923
 
3924
.progress-panel {
3925
 
3926
    padding-bottom: 5px;
3927
 
3928
}
3929
 
3930
 
3931
 
3932
/*badge*/
3933
 
3934
 
3935
 
3936
.badge.bg-primary {
3937
 
3938
    background: #688a7e;
3939
 
3940
}
3941
 
3942
 
3943
 
3944
.badge.bg-success {
3945
 
3946
    background: #4cd964;
3947
 
3948
}
3949
 
3950
 
3951
 
3952
.badge.bg-warning {
3953
 
3954
    background: #FCB322;
3955
 
3956
}
3957
 
3958
 
3959
 
3960
.badge.bg-important {
3961
 
3962
    background: #6DC767;
3963
 
3964
    font-family: 'Lato', sans-serif;
3965
 
3966
    font-size: 11px;
3967
 
3968
}
3969
 
3970
 
3971
 
3972
.badge.bg-info {
3973
 
3974
    background: #34aadc;
3975
 
3976
}
3977
 
3978
 
3979
 
3980
.badge.bg-inverse {
3981
 
3982
    background: #797979;
3983
 
3984
}
3985
 
3986
 
3987
 
3988
 
3989
 
3990
 
3991
 
3992
/*---revenue----*/
3993
 
3994
 
3995
 
3996
.revenue-head {
3997
 
3998
    background: #688a7e;    
3999
 
4000
    color: #fff;
4001
 
4002
    line-height: 50px;
4003
 
4004
    text-align: center;
4005
 
4006
}
4007
 
4008
 
4009
 
4010
.revenue-head span {
4011
 
4012
    /*background: rgba(0,0,0,0.1);*/
4013
 
4014
    text-align: left;
4015
 
4016
    line-height: normal;
4017
 
4018
    padding: 16px;
4019
 
4020
    font-weight: 300;    
4021
 
4022
}
4023
 
4024
 
4025
 
4026
.revenue-head span i {
4027
 
4028
    font-size: 18px;
4029
 
4030
}
4031
 
4032
 
4033
 
4034
.revenue-head h3 {
4035
 
4036
    display: inline;
4037
 
4038
    padding: 0 10px;
4039
 
4040
    font-size: 16px;
4041
 
4042
    font-weight: 400;
4043
 
4044
}
4045
 
4046
 
4047
 
4048
.revenue-head span.rev-combo {
4049
 
4050
    /*background: rgba(0,0,0,0.1);*/
4051
 
4052
    text-align: right;
4053
 
4054
    padding: 16px;
4055
 
4056
    line-height: normal;
4057
 
4058
    font-weight: 300;
4059
 
4060
}
4061
 
4062
 
4063
 
4064
/*easy pie chart*/
4065
 
4066
 
4067
 
4068
.easy-pie-chart {
4069
 
4070
   display: inline-block;
4071
 
4072
   padding: 30px 0;
4073
 
4074
}
4075
 
4076
 
4077
 
4078
.chart-info, .chart-info .increase, .chart-info .decrease {
4079
 
4080
    display: inline-block;
4081
 
4082
}
4083
 
4084
 
4085
 
4086
.chart-info {
4087
 
4088
    width: 100%;
4089
 
4090
    margin-bottom:5px;
4091
 
4092
}
4093
 
4094
 
4095
 
4096
.chart-position {
4097
 
4098
    margin-top: 70px;
4099
 
4100
}
4101
 
4102
 
4103
 
4104
.chart-info span {
4105
 
4106
    margin: 0 3px;
4107
 
4108
}
4109
 
4110
 
4111
 
4112
.chart-info .increase {
4113
 
4114
    background: #688a7e;
4115
 
4116
    width: 10px;
4117
 
4118
    height: 10px;
4119
 
4120
}
4121
 
4122
 
4123
 
4124
.chart-info .decrease {
4125
 
4126
    background: #f2f2f2;
4127
 
4128
    width: 10px;
4129
 
4130
    height: 10px;
4131
 
4132
}
4133
 
4134
 
4135
 
4136
.panel-footer.revenue-foot {
4137
 
4138
    background-color: #e6e7ec;
4139
 
4140
    -webkit-border-radius: 0px 0px 4px 4px;
4141
 
4142
    border-radius: 0px 0px 4px 4px;
4143
 
4144
    border: none;
4145
 
4146
    padding: 0;
4147
 
4148
    width: 100%;
4149
 
4150
    display: inline-block;
4151
 
4152
}
4153
 
4154
 
4155
 
4156
@media screen and (-webkit-min-device-pixel-ratio:0) {
4157
 
4158
    /* Safari and Chrome */
4159
 
4160
    .panel-footer.revenue-foot {
4161
 
4162
        margin-bottom: -4px;
4163
 
4164
    };
4165
 
4166
    }
4167
 
4168
 
4169
 
4170
 
4171
 
4172
.panel-footer.revenue-foot ul  {
4173
 
4174
    margin: 0;
4175
 
4176
    padding: 0;
4177
 
4178
    width: 100%;
4179
 
4180
    display: inline-flex;
4181
 
4182
}
4183
 
4184
 
4185
 
4186
.panel-footer.revenue-foot ul li {
4187
 
4188
    float: left;
4189
 
4190
    width: 33.33%;
4191
 
4192
}
4193
 
4194
 
4195
 
4196
.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
4197
 
4198
    -webkit-border-radius: 0px 0px 0px 4px;
4199
 
4200
    border-radius: 0px 0px 0px 4px;
4201
 
4202
}
4203
 
4204
 
4205
 
4206
.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
4207
 
4208
    -webkit-border-radius: 0px 0px 4px 0px;
4209
 
4210
    border-radius: 0px 0px 4px 0px;
4211
 
4212
    border-right: none;
4213
 
4214
 
4215
 
4216
}
4217
 
4218
 
4219
 
4220
.panel-footer.revenue-foot ul li a{
4221
 
4222
    display: inline-block;
4223
 
4224
    width: 100%;
4225
 
4226
    padding: 14px 15px;
4227
 
4228
    text-align: center;
4229
 
4230
    border-right: 1px solid #d5d8df;
4231
 
4232
    color: #797979;
4233
 
4234
}
4235
 
4236
 
4237
 
4238
.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
4239
 
4240
    background: #fff;
4241
 
4242
    position: relative;
4243
 
4244
}
4245
 
4246
 
4247
 
4248
.panel-footer.revenue-foot ul li a i {
4249
 
4250
    color: #c6cad5;
4251
 
4252
    display: block;
4253
 
4254
    font-size: 16px;
4255
 
4256
}
4257
 
4258
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
4259
 
4260
    color: #688a7e;
4261
 
4262
    display: block;
4263
 
4264
    font-size: 16px;
4265
 
4266
}
4267
 
4268
 
4269
 
4270
/*Creative carousel model*/
4271
 
4272
 
4273
 
4274
.flat-carousal {
4275
 
4276
    background: #00a0df;    
4277
 
4278
    padding: 10px;
4279
 
4280
    color: #fff;
4281
 
4282
    position: relative;
4283
 
4284
}
4285
 
4286
 
4287
 
4288
.flat-carousal h1 {
4289
 
4290
    text-align: center;
4291
 
4292
    font-size: 16px;
4293
 
4294
    margin: 30px 20px;
4295
 
4296
    line-height: 20px;
4297
 
4298
    font-weight: 300;
4299
 
4300
    font-style: italic;
4301
 
4302
}
4303
 
4304
 
4305
 
4306
a.view-all {
4307
 
4308
    color: #fff;
4309
 
4310
    background: rgba(0,0,0,0.1);
4311
 
4312
    padding: 8px 15px;
4313
 
4314
    text-align: center;
4315
 
4316
    border-radius: 25px;
4317
 
4318
    -webkit-border-radius: 25px;
4319
 
4320
    margin-bottom: 18px;
4321
 
4322
    display: inline-block;
4323
 
4324
    text-transform: uppercase;
4325
 
4326
    font-size: 12px;
4327
 
4328
}
4329
 
4330
 
4331
 
4332
ul.ft-link {
4333
 
4334
    margin: 0;
4335
 
4336
    padding: 0;
4337
 
4338
}
4339
 
4340
 
4341
 
4342
ul.ft-link li {
4343
 
4344
    border-right: 1px solid #E6E7EC;
4345
 
4346
    display: inline-block;
4347
 
4348
    line-height: 30px;
4349
 
4350
    margin: 8px 0;
4351
 
4352
    text-align: center;
4353
 
4354
    width: 24%;
4355
 
4356
}
4357
 
4358
 
4359
 
4360
ul.ft-link li a {
4361
 
4362
    color: #74829c;
4363
 
4364
    text-transform: uppercase;
4365
 
4366
    font-size: 12px;
4367
 
4368
}
4369
 
4370
 
4371
 
4372
ul.ft-link li a:hover, ul.ft-link li.active a {
4373
 
4374
    color: #00a0df;
4375
 
4376
}
4377
 
4378
 
4379
 
4380
ul.ft-link li:last-child {
4381
 
4382
    border-right: none;
4383
 
4384
}
4385
 
4386
 
4387
 
4388
ul.ft-link li a i {
4389
 
4390
    display: block;
4391
 
4392
}
4393
 
4394
 
4395
 
4396
 
4397
 
4398
#owl-slider .item img{
4399
 
4400
    display: block;
4401
 
4402
    width: 100%;
4403
 
4404
    height: auto;
4405
 
4406
}
4407
 
4408
 
4409
 
4410
.owl-buttons {
4411
 
4412
    position: absolute;
4413
 
4414
    top: 70px;
4415
 
4416
    width: 100%;
4417
 
4418
 
4419
 
4420
}
4421
 
4422
 
4423
 
4424
.owl-prev, .owl-next {
4425
 
4426
    position: absolute;
4427
 
4428
}
4429
 
4430
 
4431
 
4432
.owl-next {
4433
 
4434
    right: 0;
4435
 
4436
}
4437
 
4438
 
4439
 
4440
.owl-buttons .owl-prev {
4441
 
4442
    text-indent: -9999px;
4443
 
4444
    background: url("../img/left-arrow.png") no-repeat;
4445
 
4446
    width: 6px;
4447
 
4448
    height: 10px;
4449
 
4450
    display: inline-block;
4451
 
4452
}
4453
 
4454
 
4455
 
4456
.owl-buttons .owl-next {
4457
 
4458
    text-indent: -9999px;
4459
 
4460
    background: url("../img/right-arrow.png") no-repeat;
4461
 
4462
    width: 6px;
4463
 
4464
    height: 10px;
4465
 
4466
    display: inline-block;
4467
 
4468
}
4469
 
4470
 
4471
 
4472
/*product post*/
4473
 
4474
 
4475
 
4476
.post-wrap aside {
4477
 
4478
    display: table-cell;
4479
 
4480
    float: none;
4481
 
4482
    height: 100%;
4483
 
4484
    padding: 0;
4485
 
4486
    vertical-align: top;
4487
 
4488
}
4489
 
4490
 
4491
 
4492
.pro-box {
4493
 
4494
    border-collapse: collapse;
4495
 
4496
    border-spacing: 0;
4497
 
4498
    display: table;
4499
 
4500
    table-layout: fixed;
4501
 
4502
    width: 100%;
4503
 
4504
}
4505
 
4506
.post-info {
4507
 
4508
    position: relative;
4509
 
4510
}
4511
 
4512
 
4513
 
4514
.arrow-pro.right:after {
4515
 
4516
    border-left-color: #FFFFFF;
4517
 
4518
    border-right-width: 0;
4519
 
4520
    top: 85px;
4521
 
4522
    content: " ";
4523
 
4524
}
4525
 
4526
 
4527
 
4528
.arrow-pro.left:after {
4529
 
4530
    border-right-color: #FFFFFF;
4531
 
4532
    border-left-width: 0;
4533
 
4534
    top: 80px;
4535
 
4536
    content: " ";
4537
 
4538
}
4539
 
4540
 
4541
 
4542
.arrow-pro.left {
4543
 
4544
    left: -8px;
4545
 
4546
}
4547
 
4548
 
4549
 
4550
.arrow-pro:after {
4551
 
4552
    border-width: 7px;
4553
 
4554
    content: "";
4555
 
4556
}
4557
 
4558
 
4559
 
4560
.arrow-pro, .arrow-pro:after {
4561
 
4562
    border-color: rgba(0, 0, 0, 0);
4563
 
4564
    border-style: solid;
4565
 
4566
    display: block;
4567
 
4568
    height: 0;
4569
 
4570
    position: absolute;
4571
 
4572
    width: 0;
4573
 
4574
    right: -5px;
4575
 
4576
 
4577
 
4578
}
4579
 
4580
 
4581
 
4582
.post-highlight.yellow {
4583
 
4584
    background: #FCB322;    
4585
 
4586
}
4587
 
4588
 
4589
 
4590
.post-highlight.terques {
4591
 
4592
    background: #688a7e;    
4593
 
4594
}
4595
 
4596
 
4597
 
4598
.post-info h1 {
4599
 
4600
    margin: 0;
4601
 
4602
    font-size: 18px;
4603
 
4604
    color: #a19899;
4605
 
4606
    font-weight: 300;
4607
 
4608
}
4609
 
4610
 
4611
 
4612
.post-highlight.terques h2 {
4613
 
4614
    font-size: 16px;
4615
 
4616
    color: #fff;
4617
 
4618
    font-style: italic;
4619
 
4620
    padding: 0 20px;
4621
 
4622
    line-height: 22px;
4623
 
4624
    margin: 0;
4625
 
4626
    font-weight: 300;
4627
 
4628
}
4629
 
4630
 
4631
 
4632
.post-highlight.terques h2 span, .post-highlight.terques h2 a {
4633
 
4634
    color: #92faf3;
4635
 
4636
}
4637
 
4638
 
4639
 
4640
.post-info h1 strong {
4641
 
4642
    text-transform: uppercase;
4643
 
4644
    color: #937b7b;
4645
 
4646
}
4647
 
4648
 
4649
 
4650
.post-info .desk {
4651
 
4652
    display: inline-block;
4653
 
4654
}
4655
 
4656
 
4657
 
4658
.post-info .desk  h3{
4659
 
4660
    font-size: 16px;
4661
 
4662
}
4663
 
4664
 
4665
 
4666
.post-info .desk.yellow h3 {
4667
 
4668
    color:#FCB322 ;
4669
 
4670
}
4671
 
4672
 
4673
 
4674
.post-btn {
4675
 
4676
 
4677
 
4678
}
4679
 
4680
 
4681
 
4682
.post-btn a {
4683
 
4684
    float: left;
4685
 
4686
    margin-right: 8px;
4687
 
4688
    font-size: 18px;
4689
 
4690
    color: #9a9a9a;
4691
 
4692
}
4693
 
4694
 
4695
 
4696
.post-btn a:hover {
4697
 
4698
    color: #727272;
4699
 
4700
}
4701
 
4702
 
4703
 
4704
.pro-thumb {
4705
 
4706
    text-align: center;
4707
 
4708
    display: inline-block;
4709
 
4710
    border-radius: 50%;
4711
 
4712
    -webkit-border-radius: 50%;
4713
 
4714
    border: 10px solid rgba(256,256,256,0.4);
4715
 
4716
}
4717
 
4718
 
4719
 
4720
.pro-thumb img{
4721
 
4722
    text-align: center;
4723
 
4724
    width: 112px;
4725
 
4726
    height: 112px;
4727
 
4728
    border-radius: 50%;
4729
 
4730
    -webkit-border-radius: 50%;
4731
 
4732
 
4733
 
4734
}
4735
 
4736
 
4737
 
4738
.v-align {
4739
 
4740
    vertical-align: middle !important;
4741
 
4742
}
4743
 
4744
 
4745
 
4746
.twite h1 {
4747
 
4748
    margin: 50px 0;
4749
 
4750
}
4751
 
4752
 
4753
 
4754
 
4755
 
4756
.social-footer {
4757
 
4758
    display: inline;
4759
 
4760
    text-align: center;
4761
 
4762
}
4763
 
4764
 
4765
 
4766
.social-footer ul {
4767
 
4768
    text-align: center;
4769
 
4770
    margin: 0;
4771
 
4772
    padding: 0;
4773
 
4774
}
4775
 
4776
 
4777
 
4778
.social-footer ul li {
4779
 
4780
    display: inline-block;
4781
 
4782
    margin: 0 20px;
4783
 
4784
}
4785
 
4786
 
4787
 
4788
.social-footer ul li a {
4789
 
4790
    font-size: 25px;
4791
 
4792
    color: #ceced0;
4793
 
4794
}
4795
 
4796
 
4797
 
4798
.social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook {
4799
 
4800
    color: #486eac;
4801
 
4802
}
4803
 
4804
 
4805
 
4806
.social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter {
4807
 
4808
    color: #00a0df;
4809
 
4810
}
4811
 
4812
 
4813
 
4814
.social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus {
4815
 
4816
    color: #4a4a4a;
4817
 
4818
}
4819
 
4820
 
4821
 
4822
.social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest {
4823
 
4824
    color: #d1282d;
4825
 
4826
}
4827
 
4828
 
4829
 
4830
/*pie chart */
4831
 
4832
 
4833
 
4834
.pie-foot {
4835
 
4836
    background: #6b6b6b;
4837
 
4838
    padding: 18px 15px;
4839
 
4840
    color: #fff;
4841
 
4842
    border-radius: 0 0 4px 4px;
4843
 
4844
    -webkit-border-radius: 0 0 4px 4px;
4845
 
4846
    text-align: center;
4847
 
4848
    font-size: 16px;
4849
 
4850
    font-weight: 300;
4851
 
4852
}
4853
 
4854
 
4855
 
4856
/*profile-widget*/
4857
 
4858
 
4859
 
4860
.profile-widget {    
4861
 
4862
    color: #fff;
4863
 
4864
    text-align: center;    
4865
 
4866
}
4867
 
4868
 
4869
 
4870
/*profile-widget image bg*/
4871
 
4872
.profile-widget-img{
4873
 
4874
    background: url('../img/backgrounds/bg-11-small.jpg') no-repeat !important;    
4875
 
4876
}
4877
 
4878
.profile-nav .profile-widget-img .bg-layer {
4879
 
4880
    background: rgba(0,0,0,0.5) !important;
4881
 
4882
}
4883
 
4884
.profile-widget-img .panel-body{
4885
 
4886
    background: rgba(0,0,0,0.5) !important;
4887
 
4888
}
4889
 
4890
.profile-widget-img .profile-widget-foot{
4891
 
4892
    background: rgba(0,0,0,0.8);
4893
 
4894
}
4895
 
4896
.profile-widget p{
4897
 
4898
    font-weight: 300;
4899
 
4900
    /*margin-bottom: 15px;*/
4901
 
4902
}
4903
 
4904
.profile-widget{
4905
 
4906
    /*padding-left: 20px 15px 30px 15px;*/
4907
 
4908
}
4909
 
4910
.profile-widget .twt-category{
4911
 
4912
    display: inline-block;
4913
 
4914
    margin-bottom: 0px;
4915
 
4916
    margin-top: 10px;
4917
 
4918
    width: 100%;
4919
 
4920
    padding: 0px;
4921
 
4922
}
4923
 
4924
.profile-widget .twt-category ul li{
4925
 
4926
    color: #ffffff;
4927
 
4928
}
4929
 
4930
.knob-charts{
4931
 
4932
    margin-top: 10px;
4933
 
4934
 
4935
 
4936
}
4937
 
4938
.follow-task{
4939
 
4940
    padding: 5px;
4941
 
4942
}
4943
 
4944
.follow-task a{
4945
 
4946
    color: #ffffff;
4947
 
4948
    width: 15%;
4949
 
4950
    display: inline-block;            
4951
 
4952
}
4953
 
4954
.follow-task a span.badge{
4955
 
4956
    top: -12px;
4957
 
4958
    position: relative;
4959
 
4960
    left: -8px;
4961
 
4962
    background: #FFFFFF;
4963
 
4964
    color: #34AADC;
4965
 
4966
 
4967
 
4968
}
4969
 
4970
.follow-task i{
4971
 
4972
    font-size: 20px;
4973
 
4974
}
4975
 
4976
.profile-widget-foot {
4977
 
4978
    padding: 8px 5px 5px 5px;
4979
 
4980
    background: rgba(0,0,0,0.1);
4981
 
4982
    color: #757575;    
4983
 
4984
    font-weight: 300;
4985
 
4986
}
4987
 
4988
.profile-foot {
4989
 
4990
    padding: 8px 5px 5px 5px;
4991
 
4992
    background: rgba(0,0,0,0.1);
4993
 
4994
    color: #ffffff;
4995
 
4996
    font-weight: 300;
4997
 
4998
    overflow: hidden;
4999
 
5000
}
5001
 
5002
.profile-foot .active{
5003
 
5004
 
5005
 
5006
}
5007
 
5008
.profile-foot a{
5009
 
5010
    color: #ffffff;
5011
 
5012
}
5013
 
5014
.profile-widget-foot ul {
5015
 
5016
    padding: 0;
5017
 
5018
    margin: 0;
5019
 
5020
}
5021
 
5022
.profile-widget-foot ul li{
5023
 
5024
    display: inline-block;
5025
 
5026
    text-align: center;
5027
 
5028
    width: 48%;
5029
 
5030
    line-height: normal;
5031
 
5032
}
5033
 
5034
 
5035
 
5036
.profile-widget-foot ul li h5{
5037
 
5038
    margin: 5px 0 0 0;
5039
 
5040
}
5041
 
5042
.follow-info{
5043
 
5044
    text-align: left;
5045
 
5046
    padding-top: 20px;
5047
 
5048
	padding-bottom: 10px;
5049
 
5050
 
5051
 
5052
 
5053
 
5054
}
5055
 
5056
.profile-widget h4 {
5057
 
5058
    margin: 5px;
5059
 
5060
    font-size: 18px;
5061
 
5062
    font-weight: 300;
5063
 
5064
}
5065
 
5066
.profile-widget h6 {
5067
 
5068
    margin: 0px;
5069
 
5070
    font-size: 12px;
5071
 
5072
    color: rgba(255,255,255,0.9);
5073
 
5074
    font-weight: 300;
5075
 
5076
}
5077
 
5078
.profile-widget h6 span i{
5079
 
5080
    padding-right: 4px;
5081
 
5082
}
5083
 
5084
.profile-widget h6 span{
5085
 
5086
    padding-right: 8px;
5087
 
5088
}
5089
 
5090
 
5091
 
5092
.project-team, .panel-title,.progress-panel{
5093
 
5094
    background: #F7F7F7;
5095
 
5096
}
5097
 
5098
.profile-ava img{
5099
 
5100
    border-radius: 50%;
5101
 
5102
    -webkit-border-radius: 50%;
5103
 
5104
    border: 2px solid #688a7e;
5105
 
5106
    display: inline-block;
5107
 
5108
}
5109
 
5110
.profile-ava img.simple{
5111
 
5112
    border-radius: 50%;
5113
 
5114
    -webkit-border-radius: 50%;    
5115
 
5116
    border: 2px solid rgba(0,112,255,0.4);
5117
 
5118
    display: inline-block;
5119
 
5120
}
5121
 
5122
.profile-name{
5123
 
5124
    margin: 0px;
5125
 
5126
    font-size: 16px;
5127
 
5128
}
5129
 
5130
.profile-occupation{
5131
 
5132
    margin: 0px;
5133
 
5134
    font-size: 12px;
5135
 
5136
}
5137
 
5138
.follow-ava {
5139
 
5140
    border-radius: 50%;
5141
 
5142
    -webkit-border-radius: 50%;
5143
 
5144
    border: 5px solid rgba(0,0,0,0.1);
5145
 
5146
    display: inline-block;
5147
 
5148
}
5149
 
5150
.timeline-ava {
5151
 
5152
    border-radius: 50%;
5153
 
5154
    -webkit-border-radius: 50%;
5155
 
5156
    border: 5px solid #688a7e;
5157
 
5158
    display: inline-block;
5159
 
5160
}
5161
 
5162
.timeline-ava img{
5163
 
5164
    border-radius: 50%;
5165
 
5166
   -webkit-border-radius: 50%;
5167
 
5168
    width: 50px;
5169
 
5170
    height: 50px;
5171
 
5172
}
5173
 
5174
.profile-widget img {
5175
 
5176
   border-radius: 50%;
5177
 
5178
   -webkit-border-radius: 50%;
5179
 
5180
    width: 62px;
5181
 
5182
    height: 62px;
5183
 
5184
    /*display: inline-block;*/
5185
 
5186
}
5187
 
5188
 
5189
 
5190
/* .social-box
5191
 
5192
=================================================================== */
5193
 
5194
.social-box {
5195
 
5196
  min-height: 158px;
5197
 
5198
  background: white;
5199
 
5200
  margin-bottom: 30px;
5201
 
5202
  text-align: center;
5203
 
5204
}
5205
 
5206
.social-box i {
5207
 
5208
  display: block;
5209
 
5210
  font-size: 40px;
5211
 
5212
  line-height: 90px;
5213
 
5214
  background: #f5f5f5;
5215
 
5216
}
5217
 
5218
.social-box ul {
5219
 
5220
  list-style: none;
5221
 
5222
  padding: 10px 0;
5223
 
5224
}
5225
 
5226
.social-box ul li {
5227
 
5228
  display: block;
5229
 
5230
  width: 50%;
5231
 
5232
  float: left;
5233
 
5234
}
5235
 
5236
.social-box ul li:first-child {
5237
 
5238
  border-right: 1px solid #f5f5f5;
5239
 
5240
}
5241
 
5242
.social-box ul li strong {
5243
 
5244
  display: block;
5245
 
5246
  font-size: 20px;
5247
 
5248
}
5249
 
5250
.social-box ul li span {
5251
 
5252
  color: #d4d4d4;
5253
 
5254
  font-weight: 500;
5255
 
5256
  text-transform: uppercase;
5257
 
5258
  font-size: 10px;
5259
 
5260
}
5261
 
5262
.social-box.facebook i {
5263
 
5264
  background: #3b5998;
5265
 
5266
  color: white;
5267
 
5268
  margin: -1px -1px 1px -1px;
5269
 
5270
}
5271
 
5272
.social-box.twitter i {
5273
 
5274
  background: #00aced;
5275
 
5276
  color: white;
5277
 
5278
  margin: -1px -1px 1px -1px;
5279
 
5280
}
5281
 
5282
.social-box.linkedin i {
5283
 
5284
  background: #4875b4;
5285
 
5286
  color: white;
5287
 
5288
  margin: -1px -1px 1px -1px;
5289
 
5290
}
5291
 
5292
.social-box.google-plus i {
5293
 
5294
  background: #d34836;
5295
 
5296
  color: white;
5297
 
5298
  margin: -1px -1px 1px -1px;
5299
 
5300
}
5301
 
5302
/*weather*/
5303
 
5304
 
5305
 
5306
.weather-bg {
5307
 
5308
    background: #34AADC;    
5309
 
5310
    color: #fff;
5311
 
5312
    text-align: center;
5313
 
5314
    font-size: 16px;
5315
 
5316
    font-weight: 300;
5317
 
5318
}
5319
 
5320
 
5321
 
5322
.weather-bg i {
5323
 
5324
    font-size: 60px;
5325
 
5326
    display: block;
5327
 
5328
}
5329
 
5330
.weather-bg h3{
5331
 
5332
    font-weight: 300;
5333
 
5334
    font-size: 28px;
5335
 
5336
}
5337
 
5338
.weather-bg .degree {
5339
 
5340
    padding-top: 10px;
5341
 
5342
    font-size: 60px;
5343
 
5344
}
5345
 
5346
 
5347
 
5348
.weather-category {
5349
 
5350
    padding: 15px 0;
5351
 
5352
    color: #ffffff;    
5353
 
5354
}
5355
 
5356
.weather-info{
5357
 
5358
    background: #34AADC;
5359
 
5360
}
5361
 
5362
 
5363
 
5364
.weather-category ul {
5365
 
5366
    padding:0;
5367
 
5368
    margin: 0;
5369
 
5370
    display: inline-block;
5371
 
5372
    width: 100%;
5373
 
5374
}
5375
 
5376
 
5377
 
5378
.weather-category ul   {
5379
 
5380
    display: inline-block;
5381
 
5382
    width: 100%;
5383
 
5384
	padding-bottom: 10px;
5385
 
5386
    text-align: center;
5387
 
5388
	border-top:1px solid #e6e6e6 ;
5389
 
5390
	border-left:1px solid #e6e6e6 ;
5391
 
5392
    border-right:1px solid #e6e6e6 ;
5393
 
5394
	border-bottom:1px solid #e6e6e6 ;
5395
 
5396
    display: inline-block;
5397
 
5398
}
5399
 
5400
.weather-category ul  li {
5401
 
5402
    display: inline-block;
5403
 
5404
    width: 70%;
5405
 
5406
	padding-top: 10px;
5407
 
5408
	padding-bottom: 10px;
5409
 
5410
    text-align: center;
5411
 
5412
 
5413
 
5414
 
5415
 
5416
 
5417
 
5418
    display: inline-block;
5419
 
5420
}
5421
 
5422
.weather-category ul li i  {
5423
 
5424
    margin-bottom:10px;
5425
 
5426
}
5427
 
5428
.weather-category ul li h4 {
5429
 
5430
    margin: 10px 0 0 0 ;
5431
 
5432
    text-transform: uppercase;
5433
 
5434
    font-weight: 300;
5435
 
5436
}
5437
 
5438
 
5439
 
5440
.weather-days{    
5441
 
5442
    color: #ffffff;
5443
 
5444
    background: #34AADC;
5445
 
5446
}
5447
 
5448
 
5449
 
5450
.weather-days ul {
5451
 
5452
    padding:0;
5453
 
5454
    margin: 0;
5455
 
5456
    display: inline-block;
5457
 
5458
    width: 100%;
5459
 
5460
}
5461
 
5462
 
5463
 
5464
.weather-days ul li {
5465
 
5466
    display: inline-block;
5467
 
5468
    width: 16.6%;
5469
 
5470
    text-align: center;
5471
 
5472
    display: inline-block;
5473
 
5474
    margin-right: -2.9px;
5475
 
5476
    padding: 5px 0px;
5477
 
5478
}
5479
 
5480
.weather-days ul li.day1{
5481
 
5482
    background: rgba(0,0,0,0.05);
5483
 
5484
}
5485
 
5486
.weather-days ul li.day2{
5487
 
5488
    background: rgba(0,0,0,0.1);
5489
 
5490
}
5491
 
5492
.weather-days ul li.day3{
5493
 
5494
    background: rgba(0,0,0,0.15);
5495
 
5496
}
5497
 
5498
.weather-days ul li.day4{
5499
 
5500
    background: rgba(0,0,0,0.2);
5501
 
5502
}
5503
 
5504
.weather-days ul li.day5{
5505
 
5506
    background: rgba(0,0,0,0.25);
5507
 
5508
}
5509
 
5510
.weather-days ul li.day6{
5511
 
5512
    background: rgba(0,0,0,0.3);
5513
 
5514
}
5515
 
5516
 
5517
 
5518
.weather-days ul li h5 {
5519
 
5520
    margin: 0 0 5px 0;
5521
 
5522
    text-transform: uppercase;
5523
 
5524
    font-weight: 300;
5525
 
5526
}
5527
 
5528
 
5529
 
5530
.weather-category ul li a {
5531
 
5532
 
5533
 
5534
}
5535
 
5536
 
5537
 
5538
.weather-category ul li:last-child,.weather-days ul li:last-child  {
5539
 
5540
    border-right:none ;
5541
 
5542
}
5543
 
5544
/*weather widget 2*/
5545
 
5546
.weather-bg-img {
5547
 
5548
    background: url(../img/backgrounds/bg-14-small.jpg) no-repeat center center;    
5549
 
5550
    color: #fff;
5551
 
5552
    text-shadow: 0px 1px 5px #fed189;
5553
 
5554
    text-align: center;
5555
 
5556
    font-size: 16px;
5557
 
5558
    font-weight: 300;
5559
 
5560
}
5561
 
5562
 
5563
 
5564
.weather-bg-img i {
5565
 
5566
    font-size: 60px;
5567
 
5568
    text-shadow: 0px 1px 5px #fed189;
5569
 
5570
    display: block;
5571
 
5572
}
5573
 
5574
.weather-bg-img h3{
5575
 
5576
    font-weight: 300;
5577
 
5578
    font-size: 28px;
5579
 
5580
}
5581
 
5582
.weather-bg-img .degree {
5583
 
5584
    padding-top: 10px;
5585
 
5586
    font-size: 60px;
5587
 
5588
}
5589
 
5590
 
5591
 
5592
.weather-bg-img .weather-category {
5593
 
5594
    padding: 15px 0;
5595
 
5596
    color: #ffffff;
5597
 
5598
    text-shadow: 0px 1px 5px #fed189;
5599
 
5600
    background: transparent;
5601
 
5602
}
5603
 
5604
 
5605
 
5606
.weather-bg-img .weather-category ul {
5607
 
5608
    padding:0;
5609
 
5610
    margin: 0;
5611
 
5612
    display: inline-block;
5613
 
5614
    width: 100%;
5615
 
5616
}
5617
 
5618
 
5619
 
5620
.weather-bg-img .weather-category ul li {
5621
 
5622
    display: inline-block;
5623
 
5624
    width: 32%;
5625
 
5626
    text-align: center;
5627
 
5628
    border-right:1px solid #e6e6e6 ;
5629
 
5630
    display: inline-block;
5631
 
5632
}
5633
 
5634
 
5635
 
5636
.weather-bg-img .weather-category ul li h5 {
5637
 
5638
    margin: 0 0 5px 0;
5639
 
5640
    text-transform: uppercase;
5641
 
5642
    font-weight: 300;
5643
 
5644
    text-shadow: 0px 1px 5px #fed189;
5645
 
5646
}
5647
 
5648
.weather-bg-img .panel-body, footer.weather-bg-img ul{
5649
 
5650
    background: rgba(0,0,0,0.5);
5651
 
5652
}
5653
 
5654
.weather-days-img{
5655
 
5656
    color: #ffffff;
5657
 
5658
    text-shadow: 0px 1px 5px #fed189;
5659
 
5660
}
5661
 
5662
.weather-days-img{
5663
 
5664
    background: transparent !important;
5665
 
5666
}
5667
 
5668
 
5669
 
5670
/*fontawesome*/
5671
 
5672
 
5673
 
5674
.fontawesome-icon-list h2 {
5675
 
5676
    margin-top: 0;
5677
 
5678
    font-size: 20px;
5679
 
5680
    font-weight: 300;
5681
 
5682
}
5683
 
5684
 
5685
 
5686
.fontawesome-icon-list .col-sm-3 {
5687
 
5688
    margin-bottom: 10px;
5689
 
5690
}
5691
 
5692
 
5693
 
5694
.fontawesome-icon-list .page-header {
5695
 
5696
    border-bottom: 1px solid #C9CDD7;
5697
 
5698
}
5699
 
5700
 
5701
 
5702
.fontawesome-icon-list i {
5703
 
5704
    font-size: 16px;
5705
 
5706
    padding-right: 10px;
5707
 
5708
}
5709
 
5710
 
5711
 
5712
#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency {
5713
 
5714
    margin-top: 10px;
5715
 
5716
}
5717
 
5718
 
5719
 
5720
/*mail inbox*/
5721
 
5722
 
5723
 
5724
.inbox-wrapper {
5725
 
5726
    border-collapse: collapse;
5727
 
5728
    border-spacing: 0;
5729
 
5730
    display: table;
5731
 
5732
    table-layout: fixed;
5733
 
5734
    width: 100%;
5735
 
5736
}
5737
 
5738
 
5739
 
5740
.inbox-wrapper aside {
5741
 
5742
    display: table-cell;
5743
 
5744
    float: none;
5745
 
5746
    height: 100%;
5747
 
5748
    padding: 0;
5749
 
5750
    vertical-align: top;
5751
 
5752
}
5753
 
5754
 
5755
 
5756
.inbox-wrapper .inbox-left {
5757
 
5758
    width: 20%;
5759
 
5760
    background: #e5e8ef;    
5761
 
5762
}
5763
 
5764
.inbox-wrapper .inbox-middle {
5765
 
5766
    width: 25%;
5767
 
5768
    background: #fff;    
5769
 
5770
}
5771
 
5772
.inbox-wrapper .inbox-right {
5773
 
5774
    width: 65%;
5775
 
5776
    background: #f5f5f5;    
5777
 
5778
}
5779
 
5780
.inbox-wrapper .inbox-left .inbox-left-menu {
5781
 
5782
    background: #688a7e;
5783
 
5784
}
5785
 
5786
 
5787
 
5788
.table-inbox .icon_star_alt:hover, .starred{
5789
 
5790
    color: #FCB322;
5791
 
5792
}
5793
 
5794
.inbox-wrapper .inbox-left .user-head {
5795
 
5796
    background: rgba(0,0,0,0.2);    
5797
 
5798
    padding: 10px;
5799
 
5800
    color: #fff;
5801
 
5802
    min-height: 80px;
5803
 
5804
}
5805
 
5806
.inbox-wrapper .inbox-middle .inbox-mail {
5807
 
5808
    background: #688a7e;        
5809
 
5810
    padding: 10px;
5811
 
5812
    color: #fff;
5813
 
5814
    min-height: 80px;
5815
 
5816
}
5817
 
5818
 
5819
 
5820
.user-head .inbox-avatar {
5821
 
5822
    width: 65px;
5823
 
5824
    float: left;
5825
 
5826
}
5827
 
5828
 
5829
 
5830
.user-head .inbox-avatar img {
5831
 
5832
    border-radius: 4px;
5833
 
5834
    -webkit-border-radius: 4px;
5835
 
5836
}
5837
 
5838
.user-head .user-name {
5839
 
5840
    display: inline-block;
5841
 
5842
    margin:0 0 0 10px;
5843
 
5844
}
5845
 
5846
 
5847
 
5848
.user-head .user-name h5 {
5849
 
5850
    font-size: 14px;
5851
 
5852
    margin-top: -15px;
5853
 
5854
    margin-bottom: 0;
5855
 
5856
    font-weight: 300;
5857
 
5858
}
5859
 
5860
.user-head .user-name h5 a {
5861
 
5862
    color: #fff;
5863
 
5864
}
5865
 
5866
 
5867
 
5868
.user-head .user-name span a {
5869
 
5870
    font-size: 12px;
5871
 
5872
    color: rgba(255,255,255,0.9);
5873
 
5874
}
5875
 
5876
 
5877
 
5878
a.mail-dropdown {
5879
 
5880
    background: #80d3d9;
5881
 
5882
    padding:3px 5px;
5883
 
5884
    font-size: 10px;
5885
 
5886
    color: #01a7b3;
5887
 
5888
    border-radius: 2px;
5889
 
5890
    margin-top: 20px;
5891
 
5892
}
5893
 
5894
 
5895
 
5896
.inbox-body {
5897
 
5898
    padding: 20px;    
5899
 
5900
}
5901
 
5902
 
5903
 
5904
.btn-compose {
5905
 
5906
    background: #00a0df;
5907
 
5908
    padding: 12px 0;
5909
 
5910
    text-align: center;
5911
 
5912
    width: 100%;
5913
 
5914
    color: #fff;
5915
 
5916
}
5917
 
5918
.btn-compose:hover {
5919
 
5920
    background: #f5675c;
5921
 
5922
    color: #fff;
5923
 
5924
}
5925
 
5926
ul.mail-nav  {
5927
 
5928
    display: inline-block;
5929
 
5930
    width: 100%;
5931
 
5932
    margin: 0;
5933
 
5934
    padding: 0;
5935
 
5936
}
5937
 
5938
 
5939
 
5940
.mail-divider {
5941
 
5942
    border-bottom: 1px solid #d5d8df;
5943
 
5944
}
5945
 
5946
 
5947
 
5948
ul.mail-nav li {
5949
 
5950
    display: inline-block;
5951
 
5952
    line-height: 20px;
5953
 
5954
    padding: 10px;
5955
 
5956
    width: 100%;
5957
 
5958
    border-right: 1px solid #D7D7D7;
5959
 
5960
    border-bottom: 1px solid #D7D7D7;
5961
 
5962
}
5963
 
5964
 
5965
 
5966
ul.mail-nav li a  {
5967
 
5968
    color: #6a6a6a;     
5969
 
5970
    width: 100%;
5971
 
5972
    display: inline-block;
5973
 
5974
    padding: 0 20px;
5975
 
5976
}
5977
 
5978
ul.mail-nav .mail-info{
5979
 
5980
    padding: 5px;
5981
 
5982
    font-size: 14px;
5983
 
5984
}
5985
 
5986
ul.mail-nav p{
5987
 
5988
    font-size: 12px;   
5989
 
5990
}
5991
 
5992
ul.mail-nav li:hover, ul.mail-nav li.active, ul.mail-nav li:focus  {
5993
 
5994
    color: #6a6a6a;
5995
 
5996
    background: #f5f5f5;
5997
 
5998
    border-bottom: 1px solid #688a7e;
5999
 
6000
    border-right: none;
6001
 
6002
}
6003
 
6004
 
6005
 
6006
ul.mail-nav li a i {
6007
 
6008
    padding-right: 10px;
6009
 
6010
    font-size: 16px;
6011
 
6012
    color: #6a6a6a;
6013
 
6014
}
6015
 
6016
 
6017
 
6018
ul.mail-nav li a span.label {
6019
 
6020
   margin-top: 13px;
6021
 
6022
}
6023
 
6024
ul.inbox-nav  {
6025
 
6026
    display: inline-block;
6027
 
6028
    width: 100%;
6029
 
6030
    margin: 0;
6031
 
6032
    padding: 0;
6033
 
6034
}
6035
 
6036
 
6037
 
6038
.inbox-divider {
6039
 
6040
    border-bottom: 1px solid #d5d8df;
6041
 
6042
}
6043
 
6044
 
6045
 
6046
ul.inbox-nav li {
6047
 
6048
    display: inline-block;
6049
 
6050
    line-height: 45px;
6051
 
6052
    width: 100%;
6053
 
6054
}
6055
 
6056
 
6057
 
6058
ul.inbox-nav li a  {
6059
 
6060
    color: #6a6a6a;
6061
 
6062
    line-height: 45px;
6063
 
6064
    width: 100%;
6065
 
6066
    display: inline-block;
6067
 
6068
    padding: 0 20px;
6069
 
6070
}
6071
 
6072
 
6073
 
6074
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus  {
6075
 
6076
    color: #6a6a6a;
6077
 
6078
    background: #d5d7de;
6079
 
6080
}
6081
 
6082
 
6083
 
6084
ul.inbox-nav li a i {
6085
 
6086
    padding-right: 10px;
6087
 
6088
    font-size: 16px;
6089
 
6090
    color: #6a6a6a;
6091
 
6092
}
6093
 
6094
 
6095
 
6096
ul.inbox-nav li a span.label {
6097
 
6098
   margin-top: 13px;
6099
 
6100
}
6101
 
6102
 
6103
 
6104
ul.labels-info li h4 {
6105
 
6106
    padding-left:15px;
6107
 
6108
    padding-right:15px;
6109
 
6110
    padding-top: 5px;
6111
 
6112
    color: #5c5c5e;
6113
 
6114
    font-size: 13px;
6115
 
6116
    text-transform: uppercase;
6117
 
6118
}
6119
 
6120
 
6121
 
6122
ul.labels-info li  {
6123
 
6124
   margin: 0;
6125
 
6126
}
6127
 
6128
 
6129
 
6130
ul.labels-info li a {
6131
 
6132
    color: #6a6a6a;
6133
 
6134
    border-radius: 0;
6135
 
6136
}
6137
 
6138
 
6139
 
6140
ul.labels-info li a:hover, ul.labels-info li a:focus {
6141
 
6142
    color: #6a6a6a;
6143
 
6144
    background: #d5d7de;
6145
 
6146
}
6147
 
6148
 
6149
 
6150
ul.labels-info li a i {
6151
 
6152
    padding-right: 10px;
6153
 
6154
}
6155
 
6156
 
6157
 
6158
.nav.nav-pills.nav-stacked.labels-info p {
6159
 
6160
    margin-bottom: 0;
6161
 
6162
    padding: 0 22px;
6163
 
6164
    color: #9d9f9e;
6165
 
6166
    font-size: 11px;
6167
 
6168
}
6169
 
6170
 
6171
 
6172
.inbox-head {
6173
 
6174
    padding:10px;
6175
 
6176
    background: #688a7e;
6177
 
6178
    color: #fff;
6179
 
6180
    border-bottom: 1px solid #D7D7D7;    
6181
 
6182
    min-height: 80px;
6183
 
6184
}
6185
 
6186
 
6187
 
6188
.inbox-head  h3 {
6189
 
6190
    margin: 0;
6191
 
6192
    display: inline-block;
6193
 
6194
    padding-top: 6px;
6195
 
6196
    font-weight: 300;
6197
 
6198
}
6199
 
6200
 
6201
 
6202
.inbox-head  .sr-input {
6203
 
6204
    height: 40px;
6205
 
6206
    border: none;
6207
 
6208
    box-shadow: none;
6209
 
6210
    padding: 0 10px;
6211
 
6212
    float: left;
6213
 
6214
    border-radius: 4px 0 0 4px;
6215
 
6216
    color: #8a8a8a;
6217
 
6218
}
6219
 
6220
.inbox-head  .sr-btn {
6221
 
6222
    height: 40px;
6223
 
6224
    border: none;
6225
 
6226
    background: #00a6b2;
6227
 
6228
    color: #fff;
6229
 
6230
    padding: 0 20px;
6231
 
6232
    border-radius: 0 4px 4px 0;
6233
 
6234
    -webkit-border-radius: 0 4px 4px 0;
6235
 
6236
}
6237
 
6238
 
6239
 
6240
.table-inbox {
6241
 
6242
    border: 1px solid #d3d3d3;
6243
 
6244
    margin-bottom: 0;
6245
 
6246
}
6247
 
6248
 
6249
 
6250
.table-inbox tr td{
6251
 
6252
    padding: 12px !important;
6253
 
6254
}
6255
 
6256
 
6257
 
6258
.table-inbox tr td:hover{
6259
 
6260
    cursor: pointer;
6261
 
6262
}
6263
 
6264
 
6265
 
6266
.table-inbox tr td .icon-star.inbox-started ,.table-inbox tr td .icon-star:hover{
6267
 
6268
    color: #f78a09;
6269
 
6270
}
6271
 
6272
 
6273
 
6274
.table-inbox tr td .icon-star{
6275
 
6276
    color: #d5d5d5;
6277
 
6278
}
6279
 
6280
 
6281
 
6282
.table-inbox tr.unread td {
6283
 
6284
    font-weight: 600;
6285
 
6286
    background: #f7f7f7;
6287
 
6288
}
6289
 
6290
 
6291
 
6292
ul.inbox-pagination  {
6293
 
6294
    float: right;
6295
 
6296
}
6297
 
6298
 
6299
 
6300
ul.inbox-pagination li {
6301
 
6302
    float: left;
6303
 
6304
}
6305
 
6306
 
6307
 
6308
.mail-option {
6309
 
6310
    display: inline-block;
6311
 
6312
    margin-bottom: 0px;
6313
 
6314
    width: 100%;
6315
 
6316
    margin-top: 18px;
6317
 
6318
}
6319
 
6320
.open-mail-action i{
6321
 
6322
    padding-right: 5px;
6323
 
6324
    font-size: 14px;
6325
 
6326
}
6327
 
6328
.inbox-mail .navbar-form{
6329
 
6330
    margin-top: 15px;
6331
 
6332
}
6333
 
6334
.mail-option .chk-all, .mail-option .btn-group {
6335
 
6336
    margin-right: 5px;
6337
 
6338
}
6339
 
6340
 
6341
 
6342
.mail-option .chk-all, .mail-option .btn-group a.btn {
6343
 
6344
    border: 1px solid #e7e7e7;
6345
 
6346
    padding: 5px 10px;
6347
 
6348
    display: inline-block;
6349
 
6350
    background: #ffffff;
6351
 
6352
    color: #688a7e;
6353
 
6354
    border-radius: 0px !important;
6355
 
6356
    -webkit-border-radius: 0px !important;    
6357
 
6358
}
6359
 
6360
.inbox-pagination a.np-btn  {
6361
 
6362
    border: 1px solid #e7e7e7;
6363
 
6364
    padding: 5px 15px;
6365
 
6366
    display: inline-block;
6367
 
6368
    background: #fcfcfc;
6369
 
6370
    color: #afafaf;
6371
 
6372
    border-radius: 0px !important;
6373
 
6374
    -webkit-border-radius: 0px !important;
6375
 
6376
}
6377
 
6378
 
6379
 
6380
.mail-option .chk-all input[type=checkbox] {
6381
 
6382
    margin-top: 0;
6383
 
6384
}
6385
 
6386
 
6387
 
6388
.mail-option .btn-group a.all {
6389
 
6390
    padding: 0;
6391
 
6392
    border: none;
6393
 
6394
}
6395
 
6396
 
6397
 
6398
.inbox-pagination a.np-btn {
6399
 
6400
    margin-left: 5px;
6401
 
6402
}
6403
 
6404
 
6405
 
6406
.inbox-pagination li span {
6407
 
6408
    display: inline-block;
6409
 
6410
    margin-top: 7px;
6411
 
6412
    margin-right: 5px;
6413
 
6414
}
6415
 
6416
 
6417
 
6418
.fileinput-button {
6419
 
6420
    border: 1px solid #e6e6e6;
6421
 
6422
    background: #eeeeee;
6423
 
6424
}
6425
 
6426
 
6427
 
6428
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea{
6429
 
6430
    border: 1px solid #e6e6e6;
6431
 
6432
    box-shadow: none;
6433
 
6434
}
6435
 
6436
 
6437
 
6438
.btn-send, .btn-send:hover {
6439
 
6440
    background: #00A8B3;
6441
 
6442
    color: #fff;
6443
 
6444
}
6445
 
6446
 
6447
 
6448
.btn-send:hover {
6449
 
6450
    background: #009da7;
6451
 
6452
}
6453
 
6454
 
6455
 
6456
.modal-header h4.modal-title {
6457
 
6458
    font-weight: 300;
6459
 
6460
    font-family: 'Lato', sans-serif;
6461
 
6462
}
6463
 
6464
 
6465
 
6466
.modal-body label {
6467
 
6468
    font-weight: 400;
6469
 
6470
    font-family: 'Lato', sans-serif;
6471
 
6472
}
6473
 
6474
 
6475
 
6476
 
6477
 
6478
/*404 page*/
6479
 
6480
 
6481
 
6482
.page-404{
6483
 
6484
  position:relative;
6485
 
6486
  width:350px;
6487
 
6488
  height:200px;    
6489
 
6490
  margin:100px auto;
6491
 
6492
  text-align: center;
6493
 
6494
}
6495
 
6496
 
6497
 
6498
.text-404{    
6499
 
6500
  font-size:138px;
6501
 
6502
  background:#e9e3dd;
6503
 
6504
  background-image: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQTdWeWNteABnbzguiXSBxmfc8Z8nh_HHoWoK35QL81x4HnpVmgvQ');
6505
 
6506
  background-repeat: no-repeat;
6507
 
6508
  background-size: 200% 200%;
6509
 
6510
  background-position: 100% 100%;
6511
 
6512
  -webkit-animation: square 3s linear infinite;
6513
 
6514
  -ms-animation: square 3s linear infinite;
6515
 
6516
  animation: square 3s linear infinite;
6517
 
6518
  -webkit-background-clip: text;
6519
 
6520
  color:transparent;  
6521
 
6522
  text-align:center;
6523
 
6524
  line-height:200px;
6525
 
6526
  position:relative;
6527
 
6528
}
6529
 
6530
 
6531
 
6532
.text-404:nth-of-type(2){
6533
 
6534
  text-shadow:none;
6535
 
6536
  z-index:2;
6537
 
6538
  position:absolute;
6539
 
6540
  top:-139px;
6541
 
6542
  left:-1px;
6543
 
6544
}
6545
 
6546
 
6547
 
6548
@-webkit-keyframes square {
6549
 
6550
  0% { background-position: 0 0; }
6551
 
6552
  25% { background-position: 100% 0; }
6553
 
6554
  50% { background-position: 100% 100%; }
6555
 
6556
  75% { background-position: 0 100%; }
6557
 
6558
  100% { background-position: 0 0; }
6559
 
6560
}
6561
 
6562
 
6563
 
6564
@-ms-keyframes square {
6565
 
6566
  0% { background-position: 0 0; }
6567
 
6568
  25% { background-position: 100% 0; }
6569
 
6570
  50% { background-position: 100% 100%; }
6571
 
6572
  75% { background-position: 0 100%; }
6573
 
6574
  100% { background-position: 0 0; }
6575
 
6576
}
6577
 
6578
 
6579
 
6580
@keyframes square {
6581
 
6582
  0% { background-position: 0 0; }
6583
 
6584
  25% { background-position: 100% 0; }
6585
 
6586
  50% { background-position: 100% 100%; }
6587
 
6588
  75% { background-position: 0 100%; }
6589
 
6590
  100% { background-position: 0 0; }
6591
 
6592
}
6593
 
6594
 
6595
 
6596
/*profile*/
6597
 
6598
 
6599
 
6600
.profile-nav .user-heading {
6601
 
6602
    background: #688a7e;
6603
 
6604
    color: #fff;    
6605
 
6606
    padding: 30px;
6607
 
6608
    text-align: center;
6609
 
6610
}
6611
 
6612
 
6613
 
6614
.profile-nav .user-heading.round a  {
6615
 
6616
    border-radius: 50%;
6617
 
6618
    -webkit-border-radius: 50%;
6619
 
6620
    border: 10px solid rgba(256,256,256,0.3);
6621
 
6622
    display: inline-block;
6623
 
6624
}
6625
 
6626
 
6627
 
6628
.profile-nav .user-heading a img {
6629
 
6630
    width: 112px;
6631
 
6632
    height: 112px;
6633
 
6634
    border-radius: 50%;
6635
 
6636
    -webkit-border-radius: 50%;
6637
 
6638
}
6639
 
6640
 
6641
 
6642
.profile-nav .user-heading h1 {
6643
 
6644
    font-size: 22px;
6645
 
6646
    font-weight: 300;
6647
 
6648
    margin-bottom: 5px;
6649
 
6650
}
6651
 
6652
 
6653
 
6654
.profile-nav .user-heading p {
6655
 
6656
    font-size: 12px;
6657
 
6658
}
6659
 
6660
 
6661
 
6662
.profile-nav ul {
6663
 
6664
    margin-top: 1px;
6665
 
6666
}
6667
 
6668
 
6669
 
6670
.profile-nav ul > li {
6671
 
6672
    border-bottom: 1px solid #ebeae6;
6673
 
6674
    margin-top: 0;
6675
 
6676
    line-height: 30px;
6677
 
6678
}
6679
 
6680
 
6681
 
6682
.profile-nav ul > li:last-child {
6683
 
6684
    border-bottom: none;
6685
 
6686
}
6687
 
6688
 
6689
 
6690
.profile-nav ul > li > a {
6691
 
6692
    border-radius: 0;
6693
 
6694
    -webkit-border-radius: 0;
6695
 
6696
    color: #89817f;
6697
 
6698
    border-left: 5px solid #fff;
6699
 
6700
}
6701
 
6702
 
6703
 
6704
.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active  a {
6705
 
6706
    background: #f8f7f5 !important;
6707
 
6708
    border-left: 5px solid #688a7e;
6709
 
6710
    color: #89817f !important;
6711
 
6712
}
6713
 
6714
 
6715
 
6716
.profile-nav ul > li:last-child > a:last-child {
6717
 
6718
    border-radius: 0 0 4px 4px;
6719
 
6720
    -webkit-border-radius: 0 0 4px 4px;
6721
 
6722
}
6723
 
6724
 
6725
 
6726
.profile-nav ul > li > a > i{
6727
 
6728
    font-size: 16px;
6729
 
6730
    padding-right: 10px;
6731
 
6732
    color: #bcb3aa;
6733
 
6734
}
6735
 
6736
 
6737
 
6738
.r-activity {
6739
 
6740
    margin: 6px 0 0;
6741
 
6742
    font-size: 12px;
6743
 
6744
}
6745
 
6746
/*profile-widget color bg*/
6747
 
6748
.profile-widget-info{
6749
 
6750
    background: #324c57 !important;
6751
 
6752
}
6753
 
6754
.profile-widget-success{
6755
 
6756
    background: #4cd964 !important;
6757
 
6758
}
6759
 
6760
.profile-widget-primary{
6761
 
6762
    background: #688a7e !important;
6763
 
6764
}
6765
 
6766
.profile-widget-warning{
6767
 
6768
    background: #ffcc00 !important;
6769
 
6770
}
6771
 
6772
.profile-widget-danger{
6773
 
6774
    background: #00a0df !important;
6775
 
6776
}
6777
 
6778
.profile-widget-name{
6779
 
6780
    padding: 0px;
6781
 
6782
}
6783
 
6784
 
6785
 
6786
.p-text-area, .p-text-area:focus {
6787
 
6788
    border: none;
6789
 
6790
    font-weight: 300;
6791
 
6792
    box-shadow: none;
6793
 
6794
    color: #c3c3c3;
6795
 
6796
    font-size: 16px;
6797
 
6798
}
6799
 
6800
 
6801
 
6802
.profile-info .panel-footer {
6803
 
6804
    background-color:#f8f7f5 ;
6805
 
6806
    border-top: 1px solid #e7ebee;
6807
 
6808
}
6809
 
6810
 
6811
 
6812
.profile-info .panel-footer ul li a {
6813
 
6814
    color: #7a7a7a;
6815
 
6816
}
6817
 
6818
 
6819
 
6820
.bio-graph-heading {
6821
 
6822
    background: #263a4f;
6823
 
6824
    color: #fff;
6825
 
6826
    text-align: center;
6827
 
6828
    font-style: italic;
6829
 
6830
    padding: 40px 110px;
6831
 
6832
 
6833
 
6834
    font-size: 16px;
6835
 
6836
    font-weight: 300;
6837
 
6838
}
6839
 
6840
 
6841
 
6842
.bio-graph-info {
6843
 
6844
    color: #89817e;
6845
 
6846
}
6847
 
6848
 
6849
 
6850
.bio-graph-info h1 {
6851
 
6852
    font-size: 22px;
6853
 
6854
    font-weight: 300;
6855
 
6856
    margin: 0 0 20px;
6857
 
6858
}
6859
 
6860
 
6861
 
6862
.bio-row {
6863
 
6864
    width: 50%;
6865
 
6866
    float: left;
6867
 
6868
    margin-bottom: 10px;
6869
 
6870
    padding:0 15px;
6871
 
6872
}
6873
 
6874
 
6875
 
6876
.bio-row p span {
6877
 
6878
    width: 100px;
6879
 
6880
    display: inline-block;
6881
 
6882
}
6883
 
6884
 
6885
 
6886
.bio-chart, .bio-desk {
6887
 
6888
    float: left;
6889
 
6890
}
6891
 
6892
 
6893
 
6894
.bio-chart {
6895
 
6896
    width: 40%;
6897
 
6898
}
6899
 
6900
 
6901
 
6902
.bio-desk {
6903
 
6904
    width: 60%;
6905
 
6906
}
6907
 
6908
 
6909
 
6910
.bio-desk h4 {
6911
 
6912
    font-size: 15px;
6913
 
6914
    font-weight:400;
6915
 
6916
}
6917
 
6918
 
6919
 
6920
.bio-desk h4.terques {
6921
 
6922
    color: #34aadc;
6923
 
6924
}
6925
 
6926
 
6927
 
6928
.bio-desk h4.red {
6929
 
6930
    color: #e26b7f;
6931
 
6932
}
6933
 
6934
 
6935
 
6936
.bio-desk h4.green {
6937
 
6938
    color: #97be4b;
6939
 
6940
}
6941
 
6942
 
6943
 
6944
.bio-desk h4.purple {
6945
 
6946
    color: #caa3da;
6947
 
6948
}
6949
 
6950
 
6951
 
6952
.file-pos {
6953
 
6954
    margin: 6px 0 10px 0;
6955
 
6956
}
6957
 
6958
 
6959
 
6960
.profile-activity h5 {
6961
 
6962
    font-weight: 300;
6963
 
6964
    margin-top: 0;
6965
 
6966
    color: #c3c3c3;
6967
 
6968
}
6969
 
6970
 
6971
 
6972
.summary-head {
6973
 
6974
    background: #ee7272;
6975
 
6976
    color: #fff;
6977
 
6978
    text-align: center;
6979
 
6980
    border-bottom: 1px solid #ee7272;
6981
 
6982
}
6983
 
6984
 
6985
 
6986
.summary-head h4 {
6987
 
6988
    font-weight: 300;
6989
 
6990
    text-transform: uppercase;
6991
 
6992
    margin-bottom: 5px;
6993
 
6994
}
6995
 
6996
 
6997
 
6998
.summary-head p {
6999
 
7000
    color: rgba(256,256,256,0.6);
7001
 
7002
}
7003
 
7004
 
7005
 
7006
ul.summary-list {
7007
 
7008
    display: inline-block;
7009
 
7010
    padding-left:0 ;
7011
 
7012
    width: 100%;
7013
 
7014
    margin-bottom: 0;
7015
 
7016
}
7017
 
7018
 
7019
 
7020
ul.summary-list > li {
7021
 
7022
    display: inline-block;
7023
 
7024
    width: 19.5%;
7025
 
7026
    text-align: center;
7027
 
7028
}
7029
 
7030
 
7031
 
7032
ul.summary-list > li > a > i {
7033
 
7034
    display:block;
7035
 
7036
    font-size: 18px;
7037
 
7038
    padding-bottom: 5px;
7039
 
7040
}
7041
 
7042
 
7043
 
7044
ul.summary-list > li > a {
7045
 
7046
    padding: 10px 0;
7047
 
7048
    display: inline-block;
7049
 
7050
    color: #818181;
7051
 
7052
}
7053
 
7054
 
7055
 
7056
ul.summary-list > li  {
7057
 
7058
    border-right: 1px solid #eaeaea;
7059
 
7060
}
7061
 
7062
 
7063
 
7064
ul.summary-list > li:last-child  {
7065
 
7066
    border-right: none;
7067
 
7068
}
7069
 
7070
 
7071
 
7072
.activity {
7073
 
7074
    width: 100%;
7075
 
7076
    float: left;
7077
 
7078
    margin-bottom: 10px;
7079
 
7080
}
7081
 
7082
 
7083
 
7084
.activity.alt {
7085
 
7086
    width: 100%;
7087
 
7088
    float: right;
7089
 
7090
    margin-bottom: 10px;
7091
 
7092
}
7093
 
7094
 
7095
 
7096
.activity span {
7097
 
7098
    float: left;
7099
 
7100
}
7101
 
7102
 
7103
 
7104
.activity.alt span {
7105
 
7106
    float: right;
7107
 
7108
}
7109
 
7110
/*.activity span, .activity.alt span {
7111
 
7112
    width: 45px;
7113
 
7114
    height: 45px;
7115
 
7116
    line-height: 45px;
7117
 
7118
    border-radius: 50%;
7119
 
7120
    -webkit-border-radius: 50%;
7121
 
7122
    background: #eee;
7123
 
7124
    text-align: center;
7125
 
7126
    color: #fff;
7127
 
7128
    font-size: 16px;
7129
 
7130
}*/
7131
 
7132
 
7133
 
7134
.activity.terques span {
7135
 
7136
    background: #8dd7d6;
7137
 
7138
}
7139
 
7140
 
7141
 
7142
.activity.terques h4 {
7143
 
7144
    color: #8dd7d6;
7145
 
7146
}
7147
 
7148
.activity.purple span {
7149
 
7150
    background: #b984dc;
7151
 
7152
}
7153
 
7154
 
7155
 
7156
.activity.purple h4 {
7157
 
7158
    color: #b984dc;
7159
 
7160
}
7161
 
7162
.activity.blue span {
7163
 
7164
    background: #90b4e6;
7165
 
7166
}
7167
 
7168
 
7169
 
7170
.activity.blue h4 {
7171
 
7172
    color: #90b4e6;
7173
 
7174
}
7175
 
7176
.activity.green span {
7177
 
7178
    background: #4cd964;
7179
 
7180
}
7181
 
7182
 
7183
 
7184
.activity.green h4 {
7185
 
7186
    color: #4cd964;
7187
 
7188
}
7189
 
7190
 
7191
 
7192
.activity h4 {
7193
 
7194
    margin-top:0 ;
7195
 
7196
    font-size: 16px;
7197
 
7198
}
7199
 
7200
 
7201
 
7202
.activity p {
7203
 
7204
    margin-bottom: 0;
7205
 
7206
    font-size: 13px;
7207
 
7208
}
7209
 
7210
 
7211
 
7212
.activity .activity-desk i, .activity.alt .activity-desk i {
7213
 
7214
    float: left;
7215
 
7216
    font-size: 18px;
7217
 
7218
    margin-right: 10px;
7219
 
7220
    color: #bebebe;
7221
 
7222
}
7223
 
7224
 
7225
 
7226
.activity .activity-desk {
7227
 
7228
    margin-left: 70px;
7229
 
7230
    position: relative;
7231
 
7232
}
7233
 
7234
 
7235
 
7236
.activity.alt .activity-desk {
7237
 
7238
    margin-right: 70px;
7239
 
7240
    position: relative;
7241
 
7242
}
7243
 
7244
 
7245
 
7246
.activity.alt .activity-desk .panel {
7247
 
7248
    float: right;
7249
 
7250
    position: relative;
7251
 
7252
    border-radius: 10px;
7253
 
7254
    -webkit-border-radius: 10px;
7255
 
7256
}
7257
 
7258
 
7259
 
7260
.activity .activity-desk .panel {
7261
 
7262
    background: #F4F4F4 ;
7263
 
7264
    display: inline-block;
7265
 
7266
}
7267
 
7268
.activity.alt .activity-desk .panel {
7269
 
7270
    background: #688a7e ;
7271
 
7272
    color: #ffffff;
7273
 
7274
    display: inline-block;
7275
 
7276
}
7277
 
7278
 
7279
 
7280
 
7281
 
7282
.activity .activity-desk .arrow {
7283
 
7284
    border-right: 8px solid #F4F4F4 !important;
7285
 
7286
}
7287
 
7288
.activity .activity-desk .arrow {
7289
 
7290
    border-bottom: 8px solid transparent;
7291
 
7292
    border-top: 8px solid transparent;
7293
 
7294
    display: block;
7295
 
7296
    height: 0;
7297
 
7298
    left: -7px;
7299
 
7300
    position: absolute;
7301
 
7302
    top: 13px;
7303
 
7304
    width: 0;
7305
 
7306
}
7307
 
7308
 
7309
 
7310
.activity-desk .arrow-alt {
7311
 
7312
    border-left: 8px solid #688a7e !important;
7313
 
7314
}
7315
 
7316
 
7317
 
7318
.activity-desk .arrow-alt {
7319
 
7320
    border-bottom: 8px solid transparent;
7321
 
7322
    border-top: 8px solid transparent;
7323
 
7324
    display: block;
7325
 
7326
    height: 0;
7327
 
7328
    right: -7px;
7329
 
7330
    position: absolute;
7331
 
7332
    top: 13px;
7333
 
7334
    width: 0;
7335
 
7336
}
7337
 
7338
 
7339
 
7340
.activity-desk .album {
7341
 
7342
    display: inline-block;
7343
 
7344
    margin-top: 10px;
7345
 
7346
}
7347
 
7348
 
7349
 
7350
.activity-desk .album a{
7351
 
7352
    margin-right: 10px;
7353
 
7354
}
7355
 
7356
 
7357
 
7358
.activity-desk .album a:last-child{
7359
 
7360
    margin-right: 0px;
7361
 
7362
}
7363
 
7364
 
7365
 
7366
/*invoice*/
7367
 
7368
 
7369
 
7370
.invoice-list  {
7371
 
7372
    margin-bottom: 30px;
7373
 
7374
}
7375
 
7376
 
7377
 
7378
.invoice-list h4 {
7379
 
7380
    font-weight: 300;
7381
 
7382
    font-size: 16px;
7383
 
7384
}
7385
 
7386
 
7387
 
7388
.invoice-block {
7389
 
7390
    text-align: right;
7391
 
7392
}
7393
 
7394
.invoice-paid{
7395
 
7396
    color: #4cd964;
7397
 
7398
}
7399
 
7400
 
7401
 
7402
ul.amounts li {
7403
 
7404
    background: #f5f5f5;
7405
 
7406
    margin-bottom: 5px;
7407
 
7408
    padding: 10px;
7409
 
7410
    border-radius: 4px;
7411
 
7412
    -webkit-border-radius: 4px;
7413
 
7414
    font-weight: 300;
7415
 
7416
}
7417
 
7418
 
7419
 
7420
.invoice-btn a{
7421
 
7422
    font-weight: 300;
7423
 
7424
    margin: 0 5px;
7425
 
7426
    font-size: 16px;
7427
 
7428
}
7429
 
7430
 
7431
 
7432
.company-logo {
7433
 
7434
    margin: 30px;
7435
 
7436
}
7437
 
7438
 
7439
 
7440
/*panel heading color*/
7441
 
7442
.panel-heading,.modal-header{
7443
 
7444
    background: #F7F7F7;
7445
 
7446
    color: #688a7e;
7447
 
7448
 
7449
 
7450
}
7451
 
7452
.panel-heading h3{
7453
 
7454
    margin: 0px !important;
7455
 
7456
}
7457
 
7458
.panel-primary > .panel-heading.navyblue {
7459
 
7460
    background-color: #2A3542;
7461
 
7462
    border-color: #2A3542;
7463
 
7464
    color: #FFFFFF;
7465
 
7466
}
7467
 
7468
 
7469
 
7470
/*table*/
7471
 
7472
 
7473
 
7474
.table-advance tr td {
7475
 
7476
    vertical-align: middle !important;
7477
 
7478
}
7479
 
7480
 
7481
 
7482
.no-border {
7483
 
7484
    border-bottom: none;
7485
 
7486
}
7487
 
7488
 
7489
 
7490
.dataTables_length , .dataTables_filter{
7491
 
7492
    padding:15px;
7493
 
7494
}
7495
 
7496
.dataTables_info{
7497
 
7498
    padding:0 15px;
7499
 
7500
}
7501
 
7502
 
7503
 
7504
.dataTables_filter {
7505
 
7506
    float: right;
7507
 
7508
}
7509
 
7510
 
7511
 
7512
.dataTables_length select {
7513
 
7514
    width: 65px;
7515
 
7516
    padding:5px 8px;
7517
 
7518
}
7519
 
7520
 
7521
 
7522
.dataTables_length label, .dataTables_filter label {
7523
 
7524
    font-weight: 300;
7525
 
7526
}
7527
 
7528
 
7529
 
7530
.dataTables_filter label {
7531
 
7532
    width: 100%;
7533
 
7534
}
7535
 
7536
 
7537
 
7538
.dataTables_filter label input {
7539
 
7540
    width: 78%;
7541
 
7542
}
7543
 
7544
 
7545
 
7546
.border-top {
7547
 
7548
    border-top: 1px solid #ddd;
7549
 
7550
}
7551
 
7552
 
7553
 
7554
.dataTables_paginate.paging_bootstrap.pagination li {
7555
 
7556
    float: left;
7557
 
7558
    margin: 0 1px;
7559
 
7560
    border: 1px solid #ddd;
7561
 
7562
    border-radius: 3px;
7563
 
7564
    -webkit-border-radius: 3px;
7565
 
7566
}
7567
 
7568
 
7569
 
7570
.dataTables_paginate.paging_bootstrap.pagination li.disabled a{
7571
 
7572
    color: #c7c7c7;
7573
 
7574
}
7575
 
7576
.dataTables_paginate.paging_bootstrap.pagination li a{
7577
 
7578
    color: #797979;
7579
 
7580
    padding: 5px 10px;
7581
 
7582
    display: inline-block;
7583
 
7584
}
7585
 
7586
 
7587
 
7588
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a{
7589
 
7590
    color: #797979;
7591
 
7592
    background: #eee;
7593
 
7594
    border-radius: 3px;
7595
 
7596
    -webkit-border-radius: 3px;
7597
 
7598
}
7599
 
7600
 
7601
 
7602
.dataTables_paginate.paging_bootstrap.pagination {
7603
 
7604
    float: right;
7605
 
7606
    margin-right: 15px;
7607
 
7608
    margin-top: -5px;
7609
 
7610
    margin-bottom: 15px;
7611
 
7612
 
7613
 
7614
}
7615
 
7616
 
7617
 
7618
.dataTable tr:last-child {
7619
 
7620
    border-bottom: 1px solid #ddd;
7621
 
7622
}
7623
 
7624
 
7625
 
7626
 
7627
 
7628
/*button*/
7629
 
7630
 
7631
 
7632
.btn-row {
7633
 
7634
    margin-bottom: 10px;
7635
 
7636
}
7637
 
7638
 
7639
 
7640
/*tabs*/
7641
 
7642
 
7643
 
7644
.tab-head {
7645
 
7646
    background: #688a7e;
7647
 
7648
    display: inline-block;
7649
 
7650
    width: 100%;
7651
 
7652
    margin-top: 60px;
7653
 
7654
}
7655
 
7656
 
7657
 
7658
.tab-container {
7659
 
7660
    margin-top: 10px;
7661
 
7662
}
7663
 
7664
 
7665
 
7666
.tab-head .nav-tabs > li > a {
7667
 
7668
    border-radius: 0;
7669
 
7670
    margin-right: 1px;
7671
 
7672
    color: #fff;
7673
 
7674
}
7675
 
7676
 
7677
 
7678
.tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus {
7679
 
7680
    background-color: #f1f2f7;
7681
 
7682
    border-color: #f1f2f7;
7683
 
7684
    color: #797979;
7685
 
7686
}
7687
 
7688
 
7689
 
7690
/*general page*/
7691
 
7692
 
7693
 
7694
.progress-xs {
7695
 
7696
    height: 8px;
7697
 
7698
}
7699
 
7700
 
7701
 
7702
.progress-sm {
7703
 
7704
    height: 12px;
7705
 
7706
}
7707
 
7708
 
7709
 
7710
.panel-heading .nav {
7711
 
7712
    border: medium none;
7713
 
7714
    font-size: 13px;
7715
 
7716
    margin: -10px -15px -11px;
7717
 
7718
}
7719
 
7720
 
7721
 
7722
.tab-bg-primary {
7723
 
7724
    background: #688a7e;    
7725
 
7726
    border-bottom: none;
7727
 
7728
}
7729
 
7730
 
7731
 
7732
.tab-bg-info {
7733
 
7734
    background: #324c57; 
7735
 
7736
 
7737
 
7738
    border-bottom: none;
7739
 
7740
}
7741
 
7742
.tab-bg-info.panel-heading .nav > li.active > a, .tab-bg-info.panel-heading .nav > li > a:hover{
7743
 
7744
    color: #36464d;
7745
 
7746
}
7747
 
7748
.tab-bg-info.panel-heading .nav{
7749
 
7750
    margin: -10px 15px -11px;
7751
 
7752
}
7753
 
7754
.panel-heading .nav > li > a,
7755
 
7756
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
7757
 
7758
    border-width: 0;
7759
 
7760
    border-radius: 0;
7761
 
7762
}
7763
 
7764
 
7765
 
7766
.panel-heading .nav > li > a {
7767
 
7768
    color: #fff;
7769
 
7770
}
7771
 
7772
 
7773
 
7774
.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
7775
 
7776
    color: #688a7e;
7777
 
7778
    background: #fff;
7779
 
7780
}
7781
 
7782
 
7783
 
7784
.tab-right {
7785
 
7786
    height: 38px;
7787
 
7788
}
7789
 
7790
 
7791
 
7792
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
7793
 
7794
    border-radius:  0 ;
7795
 
7796
    -webkit-border-radius: 0 ;
7797
 
7798
}
7799
 
7800
 
7801
 
7802
.panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover {
7803
 
7804
    border-radius:  0 4px 0 0;
7805
 
7806
    -webkit-border-radius: 0 4px 0 0;
7807
 
7808
}
7809
 
7810
 
7811
 
7812
.panel-heading.tab-right .nav-tabs > li > a {
7813
 
7814
    margin-left: 1px;
7815
 
7816
    margin-right: 0px;
7817
 
7818
}
7819
 
7820
 
7821
 
7822
.m-bot20 {
7823
 
7824
    margin-bottom: 20px;
7825
 
7826
}
7827
 
7828
 
7829
 
7830
.m-bot-none {
7831
 
7832
    margin-bottom: 0;
7833
 
7834
}
7835
 
7836
 
7837
 
7838
.wht-color {
7839
 
7840
    color: #fff;
7841
 
7842
}
7843
 
7844
 
7845
 
7846
.close-sm {
7847
 
7848
    font-size: 14px;
7849
 
7850
}
7851
 
7852
 
7853
 
7854
/*carousel*/
7855
 
7856
 
7857
 
7858
.carousel-indicators li {
7859
 
7860
    background:  rgba(0, 0, 0, 0.2) ;
7861
 
7862
    border:  none;
7863
 
7864
    transition:background-color 0.25s ease 0s;
7865
 
7866
    -moz-transition:background-color 0.25s ease 0s;
7867
 
7868
    -webkit-transition:background-color 0.25s ease 0s;
7869
 
7870
}
7871
 
7872
 
7873
 
7874
.carousel-indicators .active {
7875
 
7876
    background:#00a0df;
7877
 
7878
    height: 10px;
7879
 
7880
    margin: 1px;
7881
 
7882
    width: 10px;
7883
 
7884
}
7885
 
7886
 
7887
 
7888
.carousel-indicators.out {
7889
 
7890
    bottom: -5px;
7891
 
7892
}
7893
 
7894
 
7895
 
7896
.carousel-indicators.out {
7897
 
7898
    bottom: -5px;
7899
 
7900
}
7901
 
7902
 
7903
 
7904
.carousel-control {
7905
 
7906
    color: #999999;
7907
 
7908
    text-shadow: none;
7909
 
7910
    width: 45px;
7911
 
7912
}
7913
 
7914
 
7915
 
7916
.carousel-control i {
7917
 
7918
    display: inline-block;
7919
 
7920
    height: 25px;
7921
 
7922
    left: 50%;
7923
 
7924
    margin-left: -10px;
7925
 
7926
    margin-top: -10px;
7927
 
7928
    position: absolute;
7929
 
7930
    top: 50%;
7931
 
7932
    width: 20px;
7933
 
7934
    z-index: 5;
7935
 
7936
}
7937
 
7938
 
7939
 
7940
 
7941
 
7942
.carousel-control.left, .carousel-control.right {
7943
 
7944
    background: none;
7945
 
7946
    filter:none;
7947
 
7948
}
7949
 
7950
 
7951
 
7952
.carousel-control:hover, .carousel-control:focus {
7953
 
7954
    color: #CCCCCC;
7955
 
7956
    opacity: 0.9;
7957
 
7958
    text-decoration: none;
7959
 
7960
}
7961
 
7962
 
7963
 
7964
.carousel-inner h3 {
7965
 
7966
    font-weight: 300;
7967
 
7968
    font-size: 16px;
7969
 
7970
    margin: 0;
7971
 
7972
}
7973
 
7974
 
7975
 
7976
.carousel-inner {
7977
 
7978
    margin-bottom: 15px;
7979
 
7980
}
7981
 
7982
 
7983
 
7984
/*gritter*/
7985
 
7986
.gritter-close {
7987
 
7988
    left: auto !important;
7989
 
7990
    right: 3px !important;
7991
 
7992
}
7993
 
7994
 
7995
 
7996
 
7997
 
7998
/*form*/
7999
 
8000
 
8001
 
8002
 
8003
 
8004
.sm-input {
8005
 
8006
    width: 175px;
8007
 
8008
}
8009
 
8010
 
8011
 
8012
.form-horizontal .form-group {
8013
 
8014
    border-bottom: 1px solid #eff2f7;
8015
 
8016
    padding-bottom: 15px;
8017
 
8018
    margin-bottom: 15px;
8019
 
8020
}
8021
 
8022
 
8023
 
8024
.form-horizontal .form-group:last-child {
8025
 
8026
    border-bottom: none;
8027
 
8028
    padding-bottom: 0px;
8029
 
8030
    margin-bottom: 0px;
8031
 
8032
}
8033
 
8034
 
8035
 
8036
 
8037
 
8038
.form-horizontal .form-group .help-block {
8039
 
8040
    margin-bottom: 0;
8041
 
8042
}
8043
 
8044
 
8045
 
8046
 
8047
 
8048
.round-input {
8049
 
8050
    border-radius: 500px;
8051
 
8052
    -webkit-border-radius: 500px;
8053
 
8054
}
8055
 
8056
 
8057
 
8058
 
8059
 
8060
.m-bot15 {
8061
 
8062
    margin-bottom: 15px;
8063
 
8064
}
8065
 
8066
 
8067
 
8068
.form-horizontal .checkbox-inline > input {
8069
 
8070
    margin-top: 1px;
8071
 
8072
	border:none;
8073
 
8074
}
8075
 
8076
 
8077
 
8078
 
8079
 
8080
/*form validation*/
8081
 
8082
 
8083
 
8084
.form-validate .form-group label.error {
8085
 
8086
    display: inline;
8087
 
8088
    margin: 5px 0;
8089
 
8090
    color: #00a0df;
8091
 
8092
    font-weight: 400;
8093
 
8094
}
8095
 
8096
 
8097
 
8098
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .form-validate .form-group input.error , .form-validate .form-group textarea.error{
8099
 
8100
    border-color: #00a0df !important;
8101
 
8102
}
8103
 
8104
 
8105
 
8106
#register_form label.error {
8107
 
8108
    display: inline;
8109
 
8110
    margin:5px 0px;
8111
 
8112
    width: auto;
8113
 
8114
    color: #00a0df;
8115
 
8116
}
8117
 
8118
 
8119
 
8120
.checkbox, .checkbox:hover, .checkbox:focus  {
8121
 
8122
	border:none;
8123
 
8124
}
8125
 
8126
 
8127
 
8128
 
8129
 
8130
/*slider*/
8131
 
8132
table.sliders tr td {
8133
 
8134
    padding: 30px 0;
8135
 
8136
    border:none;
8137
 
8138
}
8139
 
8140
 
8141
 
8142
.slider {
8143
 
8144
    margin-top: 3px;
8145
 
8146
}
8147
 
8148
 
8149
 
8150
.slider-info {
8151
 
8152
    padding-top: 10px;
8153
 
8154
}
8155
 
8156
 
8157
 
8158
.sliders .ui-widget-header {
8159
 
8160
    background: #688a7e !important;
8161
 
8162
    border-radius: 15px !important;
8163
 
8164
    -webkit-border-radius: 15px !important;
8165
 
8166
}
8167
 
8168
 
8169
 
8170
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
8171
 
8172
    border-bottom-right-radius: 0 !important;
8173
 
8174
}
8175
 
8176
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
8177
 
8178
    border-bottom-left-radius: 0 !important;
8179
 
8180
}
8181
 
8182
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
8183
 
8184
    border-top-right-radius: 0 !important;
8185
 
8186
}
8187
 
8188
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
8189
 
8190
    border-top-left-radius: 0 !important;
8191
 
8192
}
8193
 
8194
 
8195
 
8196
 
8197
 
8198
#eq span {
8199
 
8200
    height:120px; float:left; margin:15px
8201
 
8202
}
8203
 
8204
 
8205
 
8206
 
8207
 
8208
.ui-widget-content {
8209
 
8210
    background: #f0f2f7 !important;
8211
 
8212
    border: none !important;
8213
 
8214
    border-radius: 15px !important;
8215
 
8216
    -webkit-border-radius: 15px !important;
8217
 
8218
}
8219
 
8220
 
8221
 
8222
.ui-slider-horizontal {
8223
 
8224
    height: 8px !important;
8225
 
8226
}
8227
 
8228
 
8229
 
8230
.ui-slider-horizontal .ui-slider-handle {
8231
 
8232
    top: -0.57em   !important;
8233
 
8234
}
8235
 
8236
 
8237
 
8238
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
8239
 
8240
    background: #fff !important;
8241
 
8242
    /*border: 3px solid #22bacf !important;*/
8243
 
8244
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
8245
 
8246
    border-radius: 50% !important;
8247
 
8248
    -webkit-border-radius: 50% !important;
8249
 
8250
}
8251
 
8252
 
8253
 
8254
.ui-slider-vertical {
8255
 
8256
    width: 8px !important;
8257
 
8258
}
8259
 
8260
 
8261
 
8262
.ui-slider-vertical .ui-slider-handle {
8263
 
8264
    left: -0.5em  !important;
8265
 
8266
}
8267
 
8268
 
8269
 
8270
.ui-slider .ui-slider-handle {
8271
 
8272
    cursor: default;
8273
 
8274
    height: 1.6em;
8275
 
8276
    position: absolute;
8277
 
8278
    width: 1.6em;
8279
 
8280
    z-index: 2;
8281
 
8282
}
8283
 
8284
 
8285
 
8286
.bound-s {
8287
 
8288
    width: 90px;
8289
 
8290
    margin-bottom: 15px;
8291
 
8292
}
8293
 
8294
 
8295
 
8296
 
8297
 
8298
/*----switch ----*/
8299
 
8300
 
8301
 
8302
 
8303
 
8304
.has-switch {
8305
 
8306
    border-radius: 30px;
8307
 
8308
    -webkit-border-radius: 30px;
8309
 
8310
    display: inline-block;
8311
 
8312
    cursor: pointer;
8313
 
8314
    line-height: 1.231;
8315
 
8316
    overflow: hidden;
8317
 
8318
    position: relative;
8319
 
8320
    text-align: left;
8321
 
8322
    width: 80px;
8323
 
8324
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
8325
 
8326
    mask: url('../img/mask.png') 0 0 no-repeat;
8327
 
8328
    -webkit-user-select: none;
8329
 
8330
    -moz-user-select: none;
8331
 
8332
    -ms-user-select: none;
8333
 
8334
    -o-user-select: none;
8335
 
8336
    user-select: none;
8337
 
8338
}
8339
 
8340
.has-switch.deactivate {
8341
 
8342
    opacity: 0.5;
8343
 
8344
    filter: alpha(opacity=50);
8345
 
8346
    cursor: default !important;
8347
 
8348
}
8349
 
8350
.has-switch.deactivate label,
8351
 
8352
.has-switch.deactivate span {
8353
 
8354
    cursor: default !important;
8355
 
8356
}
8357
 
8358
.has-switch > div {
8359
 
8360
    width: 162%;
8361
 
8362
    position: relative;
8363
 
8364
    top: 0;
8365
 
8366
}
8367
 
8368
.has-switch > div.switch-animate {
8369
 
8370
    -webkit-transition: left 0.25s ease-out;
8371
 
8372
    -moz-transition: left 0.25s ease-out;
8373
 
8374
    -o-transition: left 0.25s ease-out;
8375
 
8376
    transition: left 0.25s ease-out;
8377
 
8378
    -webkit-backface-visibility: hidden;
8379
 
8380
}
8381
 
8382
.has-switch > div.switch-off {
8383
 
8384
    left: -63%;
8385
 
8386
}
8387
 
8388
.has-switch > div.switch-off label {
8389
 
8390
    background-color: #7f8c9a;
8391
 
8392
    border-color: #bdc3c7;
8393
 
8394
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
8395
 
8396
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
8397
 
8398
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
8399
 
8400
}
8401
 
8402
.has-switch > div.switch-on {
8403
 
8404
    left: 0%;
8405
 
8406
}
8407
 
8408
.has-switch > div.switch-on label {
8409
 
8410
    background-color: #34aadc;
8411
 
8412
}
8413
 
8414
.has-switch input[type=checkbox] {
8415
 
8416
    display: none;
8417
 
8418
}
8419
 
8420
.has-switch span {
8421
 
8422
    cursor: pointer;
8423
 
8424
    font-size: 14.994px;
8425
 
8426
    font-weight: 700;
8427
 
8428
    float: left;
8429
 
8430
    height: 29px;
8431
 
8432
    line-height: 19px;
8433
 
8434
    margin: 0;
8435
 
8436
    padding-bottom: 6px;
8437
 
8438
    padding-top: 5px;
8439
 
8440
    position: relative;
8441
 
8442
    text-align: center;
8443
 
8444
    width: 50%;
8445
 
8446
    z-index: 1;
8447
 
8448
    -webkit-box-sizing: border-box;
8449
 
8450
    -moz-box-sizing: border-box;
8451
 
8452
    box-sizing: border-box;
8453
 
8454
    -webkit-transition: 0.25s ease-out;
8455
 
8456
    -moz-transition: 0.25s ease-out;
8457
 
8458
    -o-transition: 0.25s ease-out;
8459
 
8460
    transition: 0.25s ease-out;
8461
 
8462
    -webkit-backface-visibility: hidden;
8463
 
8464
}
8465
 
8466
.has-switch span.switch-left {
8467
 
8468
    border-radius: 30px 0 0 30px;
8469
 
8470
    background-color: #2A3542;
8471
 
8472
    color: #34aadc;
8473
 
8474
    border-left: 1px solid transparent;
8475
 
8476
}
8477
 
8478
.has-switch span.switch-right {
8479
 
8480
    border-radius: 0 30px 30px 0;
8481
 
8482
    background-color: #bdc3c7;
8483
 
8484
    color: #ffffff;
8485
 
8486
    text-indent: 7px;
8487
 
8488
}
8489
 
8490
.has-switch span.switch-right [class*="fui-"] {
8491
 
8492
    text-indent: 0;
8493
 
8494
}
8495
 
8496
.has-switch label {
8497
 
8498
    border: 4px solid #2A3542;
8499
 
8500
    border-radius: 50%;
8501
 
8502
    -webkit-border-radius: 50%;
8503
 
8504
    float: left;
8505
 
8506
    height: 29px;
8507
 
8508
    margin: 0 -21px 0 -14px;
8509
 
8510
    padding: 0;
8511
 
8512
    position: relative;
8513
 
8514
    vertical-align: middle;
8515
 
8516
    width: 29px;
8517
 
8518
    z-index: 100;
8519
 
8520
    -webkit-transition: 0.25s ease-out;
8521
 
8522
    -moz-transition: 0.25s ease-out;
8523
 
8524
    -o-transition: 0.25s ease-out;
8525
 
8526
    transition: 0.25s ease-out;
8527
 
8528
    -webkit-backface-visibility: hidden;
8529
 
8530
}
8531
 
8532
.switch-square {
8533
 
8534
    border-radius: 6px;
8535
 
8536
    -webkit-border-radius: 6px;
8537
 
8538
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
8539
 
8540
    mask: url('../img/mask.png') 0 0 no-repeat;
8541
 
8542
}
8543
 
8544
.switch-square > div.switch-off label {
8545
 
8546
    border-color: #7f8c9a;
8547
 
8548
    border-radius: 6px 0 0 6px;
8549
 
8550
}
8551
 
8552
.switch-square span.switch-left {
8553
 
8554
    border-radius: 6px 0 0 6px;
8555
 
8556
}
8557
 
8558
.switch-square span.switch-left [class*="fui-"] {
8559
 
8560
    text-indent: -10px;
8561
 
8562
}
8563
 
8564
.switch-square span.switch-right {
8565
 
8566
    border-radius: 0 6px 6px 0;
8567
 
8568
}
8569
 
8570
.switch-square span.switch-right [class*="fui-"] {
8571
 
8572
    text-indent: 5px;
8573
 
8574
}
8575
 
8576
.switch-square label {
8577
 
8578
    border-radius: 0 6px 6px 0;
8579
 
8580
    border-color: #34aadc;
8581
 
8582
}
8583
 
8584
 
8585
 
8586
 
8587
 
8588
/*tag input*/
8589
 
8590
 
8591
 
8592
.tagsinput {
8593
 
8594
    border: 1px solid #e3e6ed;
8595
 
8596
    border-radius: 6px;
8597
 
8598
    height: 100px;
8599
 
8600
    padding: 6px 1px 1px 6px;
8601
 
8602
    overflow-y: auto;
8603
 
8604
    text-align: left;
8605
 
8606
}
8607
 
8608
.tagsinput .tag {
8609
 
8610
    border-radius: 4px;
8611
 
8612
    background-color: #688a7e;
8613
 
8614
    color: #ffffff;
8615
 
8616
    cursor: pointer;
8617
 
8618
    margin-right: 5px;
8619
 
8620
    margin-bottom: 5px;
8621
 
8622
    overflow: hidden;
8623
 
8624
    line-height: 15px;
8625
 
8626
    padding: 6px 13px 8px 19px;
8627
 
8628
    position: relative;
8629
 
8630
    vertical-align: middle;
8631
 
8632
    display: inline-block;
8633
 
8634
    zoom: 1;
8635
 
8636
    *display: inline;
8637
 
8638
    -webkit-transition: 0.14s linear;
8639
 
8640
    -moz-transition: 0.14s linear;
8641
 
8642
    -o-transition: 0.14s linear;
8643
 
8644
    transition: 0.14s linear;
8645
 
8646
    -webkit-backface-visibility: hidden;
8647
 
8648
}
8649
 
8650
.tagsinput .tag:hover {
8651
 
8652
    background-color: rgba(0,122,255,0.7);
8653
 
8654
    color: #ffffff;
8655
 
8656
    padding-left: 12px;
8657
 
8658
    padding-right: 20px;
8659
 
8660
}
8661
 
8662
.tagsinput .tag:hover .tagsinput-remove-link {
8663
 
8664
    color: #ffffff;
8665
 
8666
    opacity: 1;
8667
 
8668
    display: block\9;
8669
 
8670
}
8671
 
8672
.tagsinput input {
8673
 
8674
    background: transparent;
8675
 
8676
    border: none;
8677
 
8678
    color: #34495e;
8679
 
8680
    font-family: "Lato", sans-serif;
8681
 
8682
    font-size: 14px;
8683
 
8684
    margin: 0px;
8685
 
8686
    padding: 0 0 0 5px;
8687
 
8688
    outline: 0;
8689
 
8690
    margin-right: 5px;
8691
 
8692
    margin-bottom: 5px;
8693
 
8694
    width: 12px;
8695
 
8696
}
8697
 
8698
.tagsinput-remove-link {
8699
 
8700
    bottom: 0;
8701
 
8702
    color: #ffffff;
8703
 
8704
    cursor: pointer;
8705
 
8706
    font-size: 12px;
8707
 
8708
    opacity: 0;
8709
 
8710
    padding: 7px 7px 5px 0;
8711
 
8712
    position: absolute;
8713
 
8714
    right: 0;
8715
 
8716
    text-align: right;
8717
 
8718
    text-decoration: none;
8719
 
8720
    top: 0;
8721
 
8722
    width: 100%;
8723
 
8724
    z-index: 2;
8725
 
8726
    display: none\9;
8727
 
8728
}
8729
 
8730
.tagsinput-remove-link:before {
8731
 
8732
    color: #ffffff;
8733
 
8734
    content: "\f00d";
8735
 
8736
    font-family: "FontAwesome";
8737
 
8738
}
8739
 
8740
.tagsinput-add-container {
8741
 
8742
    vertical-align: middle;
8743
 
8744
    display: inline-block;
8745
 
8746
    zoom: 1;
8747
 
8748
    *display: inline;
8749
 
8750
}
8751
 
8752
.tagsinput-add {
8753
 
8754
    background-color: #d6dbdf;
8755
 
8756
    border-radius: 3px;
8757
 
8758
    color: #ffffff;
8759
 
8760
    cursor: pointer;
8761
 
8762
    margin-bottom: 5px;
8763
 
8764
    padding: 6px 9px;
8765
 
8766
    display: inline-block;
8767
 
8768
    zoom: 1;
8769
 
8770
    *display: inline;
8771
 
8772
    -webkit-transition: 0.25s;
8773
 
8774
    -moz-transition: 0.25s;
8775
 
8776
    -o-transition: 0.25s;
8777
 
8778
    transition: 0.25s;
8779
 
8780
    -webkit-backface-visibility: hidden;
8781
 
8782
}
8783
 
8784
.tagsinput-add:hover {
8785
 
8786
    background-color: #688a7e;
8787
 
8788
}
8789
 
8790
.tagsinput-add:before {
8791
 
8792
    content: "\f067";
8793
 
8794
    font-family: "FontAwesome";
8795
 
8796
}
8797
 
8798
.tags_clear {
8799
 
8800
    clear: both;
8801
 
8802
    width: 100%;
8803
 
8804
    height: 0px;
8805
 
8806
}
8807
 
8808
 
8809
 
8810
 
8811
 
8812
/*checkbox & radio style*/
8813
 
8814
 
8815
 
8816
 
8817
 
8818
.checkboxes label, .radios label {
8819
 
8820
    display: block;
8821
 
8822
    cursor: pointer;
8823
 
8824
    line-height: 20px;
8825
 
8826
    padding-bottom: 7px;
8827
 
8828
    font-weight: 300;
8829
 
8830
}
8831
 
8832
 
8833
 
8834
.radios {
8835
 
8836
    padding-top: 18px;
8837
 
8838
}
8839
 
8840
 
8841
 
8842
.label_check input,
8843
 
8844
.label_radio input {
8845
 
8846
    margin-right: 5px;
8847
 
8848
}
8849
 
8850
 
8851
 
8852
.has-js .label_check,
8853
 
8854
.has-js .label_radio {
8855
 
8856
    padding-left: 34px;
8857
 
8858
}
8859
 
8860
 
8861
 
8862
.has-js .label_radio {
8863
 
8864
    background: url(../img/checkbox/radio-off.png) no-repeat;
8865
 
8866
}
8867
 
8868
 
8869
 
8870
.has-js .label_check {
8871
 
8872
    background: url(../img/checkbox/check-off.png) no-repeat;
8873
 
8874
}
8875
 
8876
 
8877
 
8878
.has-js label.c_on {
8879
 
8880
    background: url(../img/checkbox/check-on.png) no-repeat;
8881
 
8882
}
8883
 
8884
 
8885
 
8886
.has-js label.r_on {
8887
 
8888
    background: url(../img/checkbox/radio-on.png) no-repeat;
8889
 
8890
}
8891
 
8892
 
8893
 
8894
.has-js .label_check input,
8895
 
8896
.has-js .label_radio input {
8897
 
8898
    position: absolute;
8899
 
8900
    left: -9999px;
8901
 
8902
}
8903
 
8904
 
8905
 
8906
/*date picker*/
8907
 
8908
 
8909
 
8910
 
8911
 
8912
.add-on {
8913
 
8914
    border: 1px solid #E2E2E4;
8915
 
8916
    border-radius: 4px;
8917
 
8918
    -webkit-border-radius: 4px;
8919
 
8920
    float: right;
8921
 
8922
    margin-right: -37px;
8923
 
8924
    margin-top: -34px;
8925
 
8926
    padding: 8px;
8927
 
8928
    text-align: center;
8929
 
8930
    background: #EEEEEE;
8931
 
8932
}
8933
 
8934
 
8935
 
8936
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
8937
 
8938
    margin-bottom: 10px;
8939
 
8940
    padding-left: 0px;
8941
 
8942
}
8943
 
8944
 
8945
 
8946
.daterangepicker .ranges label {
8947
 
8948
    padding-bottom: 0;
8949
 
8950
    padding-top: 8px;
8951
 
8952
}
8953
 
8954
 
8955
 
8956
 
8957
 
8958
.daterangepicker td.active, .daterangepicker td.active:hover,
8959
 
8960
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
8961
 
8962
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled]{
8963
 
8964
    background: #688a7e;
8965
 
8966
}
8967
 
8968
 
8969
 
8970
.daterangepicker .calendar th, .daterangepicker .calendar td {
8971
 
8972
    font-family: 'Lato', sans-serif;
8973
 
8974
    font-weight: 300;
8975
 
8976
    text-align: center;
8977
 
8978
    white-space: nowrap;
8979
 
8980
}
8981
 
8982
 
8983
 
8984
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
8985
 
8986
    text-shadow: none;
8987
 
8988
}
8989
 
8990
 
8991
 
8992
.datepicker th.switch {
8993
 
8994
    width: 125px;
8995
 
8996
}
8997
 
8998
 
8999
 
9000
.datepicker td span {
9001
 
9002
    height: 40px;
9003
 
9004
    line-height: 40px;
9005
 
9006
}
9007
 
9008
 
9009
 
9010
 
9011
 
9012
/*ck editor*/
9013
 
9014
 
9015
 
9016
.cke_top, .cke_bottom {
9017
 
9018
    background: #F5F5F5 !important;
9019
 
9020
    background: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
9021
 
9022
    background: -webkit-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
9023
 
9024
    background: -o-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
9025
 
9026
    box-shadow: none;
9027
 
9028
    padding: 6px 8px 2px;
9029
 
9030
}
9031
 
9032
 
9033
 
9034
.cke_top {
9035
 
9036
    border-bottom: 1px solid #cccccc !important;
9037
 
9038
}
9039
 
9040
 
9041
 
9042
.cke_chrome {
9043
 
9044
    border: 1px solid #cccccc !important;
9045
 
9046
    box-shadow: none !important;
9047
 
9048
    display: block;
9049
 
9050
    padding: 0;
9051
 
9052
}
9053
 
9054
 
9055
 
9056
/*form wizard*/
9057
 
9058
 
9059
 
9060
.stepy-tab {
9061
 
9062
    text-align: center;
9063
 
9064
}
9065
 
9066
 
9067
 
9068
.stepy-tab ul{
9069
 
9070
    display: inline-block;
9071
 
9072
}
9073
 
9074
 
9075
 
9076
.stepy-tab ul li {
9077
 
9078
    float: left;
9079
 
9080
}
9081
 
9082
 
9083
 
9084
.step legend {
9085
 
9086
    border: none;
9087
 
9088
}
9089
 
9090
 
9091
 
9092
.button-back {
9093
 
9094
    float: left;
9095
 
9096
}
9097
 
9098
 
9099
 
9100
.button-next, .finish {
9101
 
9102
    float: right;
9103
 
9104
}
9105
 
9106
 
9107
 
9108
.button-back, .button-next, .finish {
9109
 
9110
    cursor: pointer;  text-decoration: none;
9111
 
9112
}
9113
 
9114
 
9115
 
9116
.step {
9117
 
9118
    clear: left;
9119
 
9120
}
9121
 
9122
.step label {
9123
 
9124
    display: block;
9125
 
9126
}
9127
 
9128
 
9129
 
9130
 
9131
 
9132
.stepy-titles li {
9133
 
9134
    color: #757575;
9135
 
9136
    cursor: pointer;
9137
 
9138
    float: left;
9139
 
9140
    margin: 10px 15px;
9141
 
9142
}
9143
 
9144
 
9145
 
9146
.stepy-titles li span { display: block; }
9147
 
9148
 
9149
 
9150
.stepy-titles li.current-step div {
9151
 
9152
    color: #fff;
9153
 
9154
    cursor: auto;
9155
 
9156
    background: #688a7e;
9157
 
9158
    border-radius: 50%;
9159
 
9160
    -webkit-border-radius: 50%;
9161
 
9162
    width: 80px;
9163
 
9164
    height: 80px;
9165
 
9166
    line-height: 80px;
9167
 
9168
}
9169
 
9170
 
9171
 
9172
.stepy-titles li div{
9173
 
9174
    font-size:16px;
9175
 
9176
    font-weight: 300;
9177
 
9178
    background: #eee;
9179
 
9180
    border-radius: 50%;
9181
 
9182
    -webkit-border-radius: 50%;
9183
 
9184
    width: 80px;
9185
 
9186
    height: 80px;
9187
 
9188
    line-height: 80px;
9189
 
9190
}
9191
 
9192
 
9193
 
9194
 
9195
 
9196
/*widget*/
9197
 
9198
 
9199
 
9200
.user-heading.alt {
9201
 
9202
    display: inline-block;
9203
 
9204
    width: 100%;
9205
 
9206
    text-align: left;
9207
 
9208
}
9209
 
9210
 
9211
 
9212
.alt.green-bg {
9213
 
9214
    background: #4cd964;
9215
 
9216
}
9217
 
9218
 
9219
 
9220
.profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus, .profile-nav.alt.green-border ul li.active a {
9221
 
9222
    border-left: 5px solid #4cd964;
9223
 
9224
}
9225
 
9226
 
9227
 
9228
.user-heading.alt a {
9229
 
9230
    float: left;
9231
 
9232
    margin-right: 15px;
9233
 
9234
    margin-left: -10px;
9235
 
9236
    display: inline-block;
9237
 
9238
    border: 5px solid rgba(255, 255, 255, 0.3);
9239
 
9240
    border-radius: 50%;
9241
 
9242
    -webkit-border-radius: 50%;
9243
 
9244
}
9245
 
9246
.user-heading.alt a img{
9247
 
9248
    width: 100px;
9249
 
9250
    height: 100px;
9251
 
9252
    border-radius: 50%;
9253
 
9254
    -webkit-border-radius: 50%;
9255
 
9256
}
9257
 
9258
 
9259
 
9260
.twt-feed {
9261
 
9262
    border-radius: 4px 4px 0 0;
9263
 
9264
    -webkit-border-radius: 4px 4px 0 0;
9265
 
9266
    color: #FFFFFF;
9267
 
9268
    padding: 10px;
9269
 
9270
    position: relative;
9271
 
9272
    text-align: center;
9273
 
9274
}
9275
 
9276
 
9277
 
9278
.twt-feed.blue-bg {
9279
 
9280
    background: #00a0df;
9281
 
9282
}
9283
 
9284
 
9285
 
9286
.twt-feed h1 {
9287
 
9288
    font-size: 22px;
9289
 
9290
    font-weight: 300;
9291
 
9292
    margin-bottom: 5px;
9293
 
9294
}
9295
 
9296
 
9297
 
9298
.twt-feed a  {
9299
 
9300
    border: 8px solid #fff;
9301
 
9302
    border-radius: 50%;
9303
 
9304
    -webit-border-radius: 50%;
9305
 
9306
    display: inline-block;
9307
 
9308
    margin-bottom: -55px;
9309
 
9310
}
9311
 
9312
 
9313
 
9314
.twt-feed a img {
9315
 
9316
    height: 112px;
9317
 
9318
    width: 112px;
9319
 
9320
    border-radius: 50%;
9321
 
9322
    -webit-border-radius: 50%;
9323
 
9324
}
9325
 
9326
 
9327
 
9328
.twt-category {
9329
 
9330
    display: inline-block;
9331
 
9332
    margin-bottom: 11px;
9333
 
9334
    margin-top: 55px;
9335
 
9336
    width: 100%;
9337
 
9338
}
9339
 
9340
.profile-widget-data{
9341
 
9342
    display: inline-block;
9343
 
9344
    margin-bottom: 10px;
9345
 
9346
    margin-top: 15px;
9347
 
9348
    width: 100%;    
9349
 
9350
}
9351
 
9352
 
9353
 
9354
.twt-category ul li, .profile-widget-data ul li,.profile-nav ul > li{
9355
 
9356
    color: #89817f;
9357
 
9358
    font-size: 13px;
9359
 
9360
    border-bottom: none;
9361
 
9362
}
9363
 
9364
 
9365
 
9366
.twt-category h5  {
9367
 
9368
    font-size: 20px;
9369
 
9370
    font-weight: 300;
9371
 
9372
}
9373
 
9374
 
9375
 
9376
.twt-write .t-text-area {
9377
 
9378
    border: 1px solid #eeeeee;
9379
 
9380
    border-radius: 0;
9381
 
9382
}
9383
 
9384
 
9385
 
9386
.twt-footer {
9387
 
9388
    padding: 10px 15px;
9389
 
9390
}
9391
 
9392
 
9393
 
9394
.btn-space {
9395
 
9396
    padding-left: 11.6%;
9397
 
9398
    padding-right: 11%;
9399
 
9400
}
9401
 
9402
 
9403
 
9404
.p-head {
9405
 
9406
    color: #f77b6f;
9407
 
9408
    font-weight: 400;
9409
 
9410
    font-size: 14px;
9411
 
9412
}
9413
 
9414
 
9415
 
9416
.cmt-head {
9417
 
9418
    font-weight: 400;
9419
 
9420
    font-size: 13px;
9421
 
9422
}
9423
 
9424
 
9425
 
9426
.p-thumb img {
9427
 
9428
    width: 50px;    
9429
 
9430
    border-radius: 3px;
9431
 
9432
    -webkit-border-radius: 3px;
9433
 
9434
}
9435
 
9436
 
9437
 
9438
.tasi-tab .media-body p {
9439
 
9440
    /*color: #b8bac6;*/
9441
 
9442
}
9443
 
9444
 
9445
 
9446
 
9447
 
9448
/*Timeline chat*/
9449
 
9450
 
9451
 
9452
.chat-form {
9453
 
9454
    margin-top: 25px;
9455
 
9456
    clear: both;
9457
 
9458
}
9459
 
9460
 
9461
 
9462
.chat-form .input-cont {
9463
 
9464
    margin-bottom: 10px;
9465
 
9466
}
9467
 
9468
 
9469
 
9470
.chat-form .input-cont input {
9471
 
9472
    margin-bottom: 0px;
9473
 
9474
}
9475
 
9476
 
9477
 
9478
.chat-form .input-cont input{
9479
 
9480
    border: 1px solid #d3d3d3 !important;
9481
 
9482
    margin-top:0;
9483
 
9484
    min-height: 45px;
9485
 
9486
}
9487
 
9488
 
9489
 
9490
.chat-form .input-cont input {
9491
 
9492
    background-color: #fff !important;
9493
 
9494
}
9495
 
9496
 
9497
 
9498
.chat-features a {
9499
 
9500
    margin-left: 10px;
9501
 
9502
}
9503
 
9504
 
9505
 
9506
.chat-features a i{
9507
 
9508
    color: #d0d0d0;
9509
 
9510
}
9511
 
9512
 
9513
 
9514
.profile-activity:before {
9515
 
9516
    background: rgba(0, 0, 0, 0.1);
9517
 
9518
    bottom: 0;
9519
 
9520
    top: 0;
9521
 
9522
    width: 2px;
9523
 
9524
}
9525
 
9526
/*.profile-activity:before, .act-time:before, .act-time .text:before {
9527
 
9528
    content: "";
9529
 
9530
    left: 60px;
9531
 
9532
    position: absolute;
9533
 
9534
    top: -2px;
9535
 
9536
}*/
9537
 
9538
.profile-activity, .act-time , .profile-activity .act-in, .profile-activity .act-out {
9539
 
9540
    position: relative;
9541
 
9542
}
9543
 
9544
 
9545
 
9546
 
9547
 
9548
.profile-activity .act-in  .arrow {
9549
 
9550
    /*border-right: 8px solid #F4F4F4 !important;*/
9551
 
9552
}
9553
 
9554
.profile-activity .act-in .arrow {
9555
 
9556
    border-bottom: 8px solid transparent;
9557
 
9558
    border-top: 8px solid transparent;
9559
 
9560
    display: block;
9561
 
9562
    height: 0;
9563
 
9564
    left: -8px;
9565
 
9566
    position: absolute;
9567
 
9568
    top: 13px;
9569
 
9570
    width: 0;
9571
 
9572
}
9573
 
9574
 
9575
 
9576
.profile-activity .act-out  .arrow {
9577
 
9578
    /*border-right: 8px solid #34aadc !important;*/
9579
 
9580
}
9581
 
9582
.profile-activity .act-out .arrow {
9583
 
9584
    border-bottom: 8px solid transparent;
9585
 
9586
    border-top: 8px solid transparent;
9587
 
9588
    display: block;
9589
 
9590
    height: 0;
9591
 
9592
    left: -8px;
9593
 
9594
    position: absolute;
9595
 
9596
    top: 13px;
9597
 
9598
    width: 0;
9599
 
9600
}
9601
 
9602
 
9603
 
9604
.act-time:first-child:before {
9605
 
9606
    margin-top: 16px;
9607
 
9608
}
9609
 
9610
.act-time:before {
9611
 
9612
    background:#CCCCCC;
9613
 
9614
    border: 2px solid #FAFAFA;
9615
 
9616
    border-radius: 100px;
9617
 
9618
    -moz-border-radius: 100px;
9619
 
9620
    -webkit-border-radius: 100px;
9621
 
9622
    height: 14px;
9623
 
9624
    margin: 23px 0 0 -6px;
9625
 
9626
    width: 14px;
9627
 
9628
}
9629
 
9630
.act-time:hover:before {
9631
 
9632
    background: #34aadc;
9633
 
9634
}
9635
 
9636
.act-time:first-child {
9637
 
9638
    padding-top: 0;
9639
 
9640
}
9641
 
9642
.activity-img {
9643
 
9644
    float: left;
9645
 
9646
    margin-right: 30px;
9647
 
9648
    overflow: hidden;
9649
 
9650
}
9651
 
9652
.activity-img img {
9653
 
9654
    display: block;
9655
 
9656
    height: 44px;
9657
 
9658
    width: 44px;
9659
 
9660
}
9661
 
9662
.activity-body {
9663
 
9664
    /*margin-left: 80px;*/
9665
 
9666
}
9667
 
9668
.act-time .act-in .text {
9669
 
9670
    border: 1px solid #e3e6ed;
9671
 
9672
    padding: 10px;
9673
 
9674
    border-radius: 4px;
9675
 
9676
    -webkit-border-radius: 4px;
9677
 
9678
}
9679
 
9680
 
9681
 
9682
.act-time .act-out .text {
9683
 
9684
    border: 1px solid #e3e6ed;
9685
 
9686
    padding: 10px;
9687
 
9688
    border-radius: 4px;
9689
 
9690
    -webkit-border-radius: 4px;
9691
 
9692
}
9693
 
9694
.act-time p {
9695
 
9696
    margin: 0;
9697
 
9698
}
9699
 
9700
.act-time .attribution {
9701
 
9702
    font-size: 11px;
9703
 
9704
    margin: 0px 0 5px;
9705
 
9706
}
9707
 
9708
.act-time {
9709
 
9710
    overflow: hidden;
9711
 
9712
    padding:8px 0;
9713
 
9714
}
9715
 
9716
 
9717
 
9718
.act-in a, .act-in a:hover{
9719
 
9720
    color: #b64c4c;
9721
 
9722
    text-decoration: none;
9723
 
9724
    border-radius: 50%;
9725
 
9726
    -webkit-border-radius: 50%;
9727
 
9728
    margin-right: 10px;
9729
 
9730
    font-weight: 400;
9731
 
9732
    font-size: 13px;
9733
 
9734
}
9735
 
9736
.act-out a, .act-out a:hover{
9737
 
9738
    color: #288f98;
9739
 
9740
    text-decoration: none;
9741
 
9742
    border-radius: 4px;
9743
 
9744
    -webkit-border-radius: 4px;
9745
 
9746
    margin-right: 10px;
9747
 
9748
    font-weight: 400;
9749
 
9750
    font-size: 13px;
9751
 
9752
}
9753
 
9754
 
9755
 
9756
.messages-wrapper {
9757
 
9758
  position: relative;
9759
 
9760
}
9761
 
9762
.message {
9763
 
9764
    border-radius: 20px 20px 20px 20px;
9765
 
9766
    margin: 0 15px 10px;
9767
 
9768
    padding: 5px 20px;
9769
 
9770
    position: relative;
9771
 
9772
}
9773
 
9774
.message.to {
9775
 
9776
    background-color: #2095FE;
9777
 
9778
    color: #fff;
9779
 
9780
    margin-left: 80px;
9781
 
9782
}
9783
 
9784
.message.from {
9785
 
9786
    background-color: #E5E4E9;
9787
 
9788
    color: #363636;
9789
 
9790
    margin-right: 80px;
9791
 
9792
}
9793
 
9794
.message.to + .message.to,
9795
 
9796
.message.from + .message.from {
9797
 
9798
  margin-top: -7px;
9799
 
9800
}
9801
 
9802
.message:before {
9803
 
9804
    border-color: #2095FE;
9805
 
9806
    border-radius: 50% 50% 50% 50%;
9807
 
9808
    border-style: solid;
9809
 
9810
    border-width: 0 20px;
9811
 
9812
    bottom: 0;
9813
 
9814
    clip: rect(20px, 35px, 42px, 0px);
9815
 
9816
    content: " ";
9817
 
9818
    height: 40px;
9819
 
9820
    position: absolute;
9821
 
9822
    right: -50px;
9823
 
9824
    width: 30px;
9825
 
9826
    z-index: -1;
9827
 
9828
}
9829
 
9830
.message.from:before {
9831
 
9832
    border-color: #E5E4E9;
9833
 
9834
    left: -50px;
9835
 
9836
    -webkit-transform: rotateY(180deg);
9837
 
9838
    -moz-transform: rotateY(180deg);
9839
 
9840
    transform: rotateY(180deg);
9841
 
9842
}
9843
 
9844
 
9845
 
9846
/*custom select*/
9847
 
9848
 
9849
 
9850
span.customSelect {
9851
 
9852
    font-size:12px;
9853
 
9854
    background-color: #ffffff;
9855
 
9856
    padding:10px;
9857
 
9858
    border:1px solid #EAEAEA;
9859
 
9860
    -moz-border-radius: 4px;
9861
 
9862
    -webkit-border-radius: 4px;
9863
 
9864
    border-radius: 4px;
9865
 
9866
    color: #A4AABA;
9867
 
9868
}
9869
 
9870
span.customSelect.changed {
9871
 
9872
    background-color: #fff;
9873
 
9874
}
9875
 
9876
.customSelectInner {
9877
 
9878
    background:url(../img/customSelect-arrow.gif) no-repeat center right;
9879
 
9880
}
9881
 
9882
.avatar-custom{
9883
	width: 32px;
9884
	height: 32px;
9885
}
9886