Subversion Repositories SmartDukaan

Rev

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