Subversion Repositories SmartDukaan

Rev

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