Subversion Repositories SmartDukaan

Rev

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