Subversion Repositories SmartDukaan

Rev

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