Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2197 | Rev 2212 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1239 steven 1
/*===================== TABLE OF CONTENT ======================= 1.	1 Homepages 2.  Fonts 3.  Reset Css 4.  Cross Browser Compatibility 5.  Header 6.  Navigations 7.  Dropdown 8.  Responsive Header 9.  Revolution Slider (Banner) 10. About App 11. Amazing Features 12. Interesting Screenshots 14.	Latest Blog News 15.	Questions Sections 16.	Clinet's Testimonial 17.	Our Newsletter 18. Stylish Pricing Plan 19.	Never Miss a Deal 20.	Contact Us 21. Footer =============================================================*/
2
 
3
/* ================================================================================== Fonts ===================================================================================== */
4
 
5
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
6
/* ================================================================================== Reset Css ===================================================================================== */
7
 
8
html,
9
body,
10
div,
11
span,
12
applet,
13
object,
14
iframe,
15
h1,
16
h2,
17
h3,
18
h4,
19
h5,
20
h6,
21
p,
22
blockquote,
23
pre,
24
a,
25
abbr,
26
acronym,
27
address,
28
big,
29
cite,
30
code,
31
del,
32
dfn,
33
em,
34
img,
35
ins,
36
kbd,
37
q,
38
s,
39
samp,
40
small,
41
strike,
42
strong,
43
sub,
44
sup,
45
tt,
46
var,
47
b,
48
u,
49
i,
50
center,
51
dl,
52
dt,
53
dd,
54
ol,
55
ul,
56
li,
57
fieldset,
58
form,
59
label,
60
legend,
61
table,
62
caption,
63
tbody,
64
tfoot,
65
thead,
66
tr,
67
th,
68
td,
69
article,
70
aside,
71
canvas,
72
details,
73
embed,
74
figure,
75
figcaption,
76
footer,
77
header,
78
hgroup,
79
menu,
80
nav,
81
output,
82
ruby,
83
section,
84
summary,
85
time,
86
mark,
87
audio,
88
video {
89
    margin: 0;
90
    padding: 0;
91
    border: 0;
92
    font-size: 100%;
93
    font: inherit;
94
    vertical-align: baseline;
95
}
96
 
97
/* HTML5 display-role reset for older browsers */
98
 
99
article,
100
aside,
101
details,
102
figcaption,
103
figure,
104
footer,
105
header,
106
hgroup,
107
menu,
108
nav,
109
section {
110
    display: block;
111
}
112
 
113
body {
114
    line-height: 1;
115
    font-family: "Source Sans Pro", sans-serif;
116
    overflow-x: hidden;
117
    font-weight: 400;
118
    background-color: #f2f2f2;
119
}
120
 
121
ol,
122
ul {
123
    list-style: none;
124
}
125
 
126
a:hover {
127
    text-decoration: none;
128
}
129
 
130
blockquote,
131
q {
132
    quotes: none;
133
}
134
 
135
blockquote:before,
136
blockquote:after,
137
q:before,
138
q:after {
139
    content: "";
140
    content: none;
141
}
142
 
143
button {
144
    outline: none;
145
}
146
 
147
table {
148
    border-collapse: collapse;
149
    border-spacing: 0;
150
}
151
 
152
* {
153
    margin: 0;
154
    padding: 0;
155
}
156
 
157
a:focus {
158
    text-decoration: none;
159
    outline: none;
160
}
161
 
162
a:hover {
163
    color: #fff;
164
}
165
 
166
button {
167
    outline: none;
168
}
169
 
170
input {
171
    outline: none;
172
}
173
 
174
textarea {
175
    outline: none;
176
}
177
 
178
section {
179
    float: left;
180
    width: 100%;
181
    position: relative;
182
}
183
 
184
img {
185
    float: left;
186
}
187
 
188
p {
189
    font-size: 14px;
190
    line-height: 24px;
191
    color: #666666;
192
}
193
 
194
hr {
195
    margin-top: 1rem;
196
    margin-bottom: 1rem;
197
    border: 0;
198
    border-top: 1px solid #e5e5e5 !important;
199
}
200
 
201
/* ================ CROSS BROWSER COMPATABILITY =============== */
202
 
203
img {
204
    max-width: 100%;
205
}
206
 
207
.ask-question,
208
nav,
209
.notification-box.active,
210
nav ul li a,
211
.user-account-settingss.active,
212
.user-info a,
213
.suggestion-usd>span i,
214
.view-more>a,
215
.tags-sec ul li a,
216
.post-st ul li a,
217
.ed-opts>a,
218
.bk-links li a,
219
.like-com li a,
220
.user-profy>a,
221
.slick-previous:before,
222
.slick-nexti:before,
223
.comment>a,
224
.sign_link>a,
225
.post-popup,
226
.post-project>a,
227
.post-project-fields form ul li button,
228
.post-project-fields form ul li a,
229
.sign-control li a,
230
.cover-sec>a,
231
.star-descp>a,
232
.message-btn a,
233
.pf-gallery ul li,
234
.gallery_pt:before,
235
.gallery_pt>a,
236
.overview-box,
237
.skl-name,
238
.conv-list,
239
.save-stngs ul li button,
240
.forum-links.active,
241
.react-links li a,
242
.next-prev>a,
243
nav ul li:hover>ul,
244
.user-pro-img>a i {
245
    -webkit-transition: all 0.2s;
246
    -moz-transition: all 0.2s;
247
    -ms-transition: all 0.2s;
248
    -o-transition: all 0.2s;
249
    transition: all 0.2s;
250
}
251
 
252
/* ============== DEFAULT BORDER RADIUS =========== */
253
 
254
.ask-question,
255
.login_register ul li a,
256
.search-bar form input,
257
.search-bar form button,
258
.search_form form input,
259
.post-st ul li a,
260
.post-bar,
261
.bk-links li i,
262
.bid_now,
263
.user-profy ul li a,
264
.posty,
265
.comment_box form button,
266
.post-project-fields form input,
267
.post-project-fields form textarea,
268
.post-project-fields form select,
269
.post-project-fields form ul li button,
270
.post-project-fields form ul li a,
271
.signin-pop,
272
.sign-control,
273
.sign_in_sec form input,
274
.sign_in_sec form select,
275
.sign_in_sec form button,
276
.signup-tab,
277
.login-resources ul li a,
278
.flw-hr li a,
279
.message-btn a,
280
.user-profile-ov,
281
.portfolio-gallery-sec,
282
.overview-edit,
283
.overview-edit form textarea,
284
.overview-edit form input,
285
.overview-edit form select,
286
.overview-edit button,
287
.file-submit,
288
.billing-method,
289
.lt-sec>a,
290
.add-billing-method,
291
.payment_methods form button,
292
.payment_methods form input,
293
.company-up-info ul li a,
294
.search-box form input,
295
.filter-dd form input,
296
.filter-dd form select,
297
.conversation-box,
298
.save-stngs ul li button,
299
.cp-field input,
300
.cp-field textarea,
301
.accept-req,
302
.mf-field input,
303
.mf-field button,
304
.pagination li .page-link,
305
.post_comment_sec form textarea,
306
.post_comment_sec form button,
307
.next-prev>a {
308
    -webkit-border-radius: 4px;
309
    -moz-border-radius: 4px;
310
    -ms-border-radius: 4px;
311
    -o-border-radius: 4px;
312
    border-radius: 3px;
313
}
314
 
315
.wrapper {
316
    float: left;
317
    width: 100%;
318
    min-height: 100vh;
319
    position: relative;
320
    background-color: #fff;
321
}
322
 
323
.overlay:before {
324
    content: "";
325
    position: absolute;
326
    top: 0;
327
    left: 0;
328
    width: 100%;
329
    height: 100%;
330
    background-color: rgba(0, 0, 0, 0.75);
331
    z-index: 99;
332
}
333
 
334
header {
335
    float: left;
336
    width: 100%;
337
    background-color: #e44d3a;
338
}
339
 
340
.header-data {
341
    float: left;
342
    width: 100%;
343
}
344
 
345
.logo {
346
    float: left;
347
    width: 40px;
348
    margin-right: 14px;
349
    margin-top: 10px;
350
}
351
 
352
.logo.pd-btm {
353
    padding-bottom: 10px;
354
}
355
 
356
.forum-bar {
357
    float: left;
358
    margin-top: 10px;
359
    width: 400px;
360
}
361
 
362
.forum-bar h2 {
363
    float: left;
364
    margin-right: 40px;
365
}
366
 
367
.forum-bar ul {
368
    float: left;
369
    margin-top: 0px;
370
}
371
 
372
.ask-question {
373
    background-color: #fff;
374
    padding: 10px 25px;
375
    color: #e44d3a !important;
376
    font-size: 14px;
377
    font-weight: 600;
378
}
379
 
380
.ask-question:hover {
381
    color: #e44d3a;
382
}
383
 
384
.forum-bar ul li {
385
    display: inline-block;
386
    margin-right: 40px;
387
}
388
 
389
.forum-bar ul li:last-child {
390
    margin-right: 0;
391
}
392
 
393
.forum-bar ul li a {
394
    display: inline-block;
395
    color: #ffffff;
396
    font-size: 14px;
397
    font-weight: 500;
398
}
399
 
400
.forum-bar h2 {
401
    color: #ffffff;
402
    font-size: 28px;
403
    font-weight: 500;
404
}
405
 
406
/* ========== login_register ========== */
407
 
408
.login_register {
409
    float: right;
410
    margin-top: 8px;
411
    padding-left: 30px;
412
}
413
 
414
.login_register ul li {
415
    display: inline-block;
416
    margin-right: 8px;
417
}
418
 
419
.login_register ul li:last-child {
420
    margin-right: 0;
421
}
422
 
423
.login_register ul li a {
424
    display: inline-block;
425
    color: #ffffff;
426
    font-size: 14px;
427
    border: 1px solid #fff;
428
    height: 40px;
429
    line-height: 40px;
430
    padding: 0 20px;
431
    font-weight: 600;
432
}
433
 
434
.search-bar.st2 {
435
    float: right;
436
}
437
 
438
.search-bar {
439
    float: left;
440
    width: 280px;
441
    margin-top: 9px;
442
}
443
 
444
.search-bar form {
445
    float: left;
446
    width: 100%;
447
    position: relative;
448
}
449
 
450
.search-bar form input {
451
    width: 100%;
452
    background-color: #fff;
453
    height: 38px;
454
    color: #b2b2b2;
455
    font-size: 12px;
456
    border: 0;
457
    padding: 0 10px;
458
}
459
 
460
.search-bar form button {
461
    position: absolute;
462
    top: 0;
463
    right: 0;
464
    background-color: #efefef;
465
    width: 38px;
466
    height: 100%;
467
    border: 0;
468
}
469
 
470
.search-bar form button i {
471
    color: #e44d3a;
472
    font-size: 20px;
473
    font-weight: bold;
474
}
475
 
476
nav {
477
    /* float: left; width: 60%; text-align: right; */
478
    /* padding-right: 13px; */
479
}
480
 
481
nav ul li {
482
    /* display: inline-block; text-align: center; padding: 15px 13px; position: relative; */
483
}
484
 
485
nav ul li:hover>ul {
486
    /* opacity: 1; visibility: visible; z-index: 9999; */
487
}
488
 
489
nav ul ul {
490
    /* position: absolute; top: 100%; left: 0; width: 200px; background-color: #e44d3a; text-align: left; padding: 20px 0 10px 0; opacity: 0; visibility: hidden; z-index: 999999; */
491
}
492
 
493
/* nav ul ul li {padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 15px; padding: 0 20px; } nav ul ul li a:hover {color: #fff; } nav ul ul li a {font-size: 16px; } */
494
 
495
.notification-box.msg p {
496
    line-height: 20px;
497
    font-size: 14px;
498
    font-weight: 400;
499
    margin-top: 2px;
500
}
501
 
502
.notification-box.msg .nott-list .notification-info span {
503
    bottom: auto;
504
    top: 5px;
505
}
506
 
507
.notification-box.msg .notification-info h3 {
508
    margin-bottom: 1px;
509
}
510
 
511
.notification-box.msg .nott-list .notfication-details {
512
    padding: 17px 20px 17px 20px;
513
}
514
 
515
.notification-box {
516
    position: absolute;
517
    top: 100%;
518
    right: 0;
519
    width: 300px;
520
    background-color: #fff;
521
    opacity: 1;
522
    visibility: visible;
523
    z-index: 999;
524
    display: none;
525
}
526
 
527
.notification-box.active {
528
    opacity: 1;
529
    visibility: visible;
530
    z-index: 999999999;
531
}
532
 
533
.nt-title {
534
    float: left;
535
    width: 100%;
536
    border-bottom: 1px solid #e5e5e5;
537
    padding: 10px 20px;
538
}
539
 
540
.nt-title h4 {
541
    float: left;
542
    color: #686868;
543
    font-size: 12px;
544
    font-weight: 600;
545
}
546
 
547
.nt-title>a {
548
    float: right;
549
    color: #686868;
550
    font-size: 12px;
551
    font-weight: 600;
552
}
553
 
554
.nott-list {
555
    float: left;
556
    width: 100%;
557
}
558
 
559
.nott-list .notification-info {
560
    width: 86%;
561
    float: left;
562
    text-align: left;
563
    position: relative;
564
}
565
 
566
.nott-list .notfication-details {
567
    padding: 20px 20px 12px 20px;
568
}
569
 
570
.nott-list .notification-info h3 {
571
    line-height: 20px;
572
}
573
 
574
.nott-list .notification-info span {
575
    position: absolute;
576
    bottom: 5px;
577
    right: 0;
578
}
579
 
580
.view-all-nots {
581
    float: left;
582
    width: 100%;
583
}
584
 
585
.view-all-nots>a {
586
    float: left;
587
    width: 100%;
588
    color: #ffffff;
589
    font-size: 16px;
590
    text-transform: capitalize;
591
    font-weight: 600;
592
    text-align: center;
593
    background-color: #e44d3a;
594
    padding: 18px 0;
595
}
596
 
597
nav ul li span {
598
    display: block;
599
    height: 14px;
600
}
601
 
602
nav ul li span img {
603
    float: none;
604
}
605
 
606
nav ul li a {
607
    color: #ffffff;
608
    font-size: 14px;
609
}
610
 
611
nav>ul>li>a:hover {
612
    color: #fff;
613
}
614
 
615
.user-account {
616
    float: right;
617
    /* width: 110px; */
618
    border-left: 1px solid #dd3e2b;
619
    border-right: 1px solid #dd3e2b;
620
    box-sizing: border-box;
621
    position: relative;
622
    padding: 0 1rem;
623
}
624
 
625
.user-info {
626
    /* float: left; width: 100%; padding: 13px 10px; */
627
    position: relative;
628
}
629
 
630
.user-account-settingss {
631
    position: absolute;
632
    opacity: 1;
633
    visibility: visible;
634
    z-index: 999;
635
    display: none;
636
    top: 100%;
637
    right: 0;
638
    width: 240px;
639
    background-color: #fff;
640
    border-left: 1px solid #e5e5e5;
641
    border-bottom: 1px solid #e5e5e5;
642
    border-right: 1px solid #e5e5e5;
643
    -webkit-border-radius: 0 0 5px 5px;
644
    -moz-border-radius: 0 0 5px 5px;
645
    -ms-border-radius: 0 0 5px 5px;
646
    -o-border-radius: 0 0 5px 5px;
647
    border-radius: 0 0 5px 5px;
648
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
649
    -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
650
    -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
651
    -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
652
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
653
    /*opacity: 0; visibility: hidden;*/
654
}
655
 
656
.user-account-settingss.active {
657
    opacity: 1;
658
    visibility: visible;
659
    z-index: 9999;
660
}
661
 
662
.user-account-settingss>h3 {
663
    color: #000000;
664
    font-size: 16px;
665
    font-weight: 600;
666
    float: left;
667
    width: 100%;
668
    border-bottom: 1px solid #e5e5e5;
669
    padding: 15px 20px;
670
}
671
 
672
.on-off-status {
673
    float: left;
674
    width: 100%;
675
    padding: 20px;
676
    border-bottom: 1px solid #e5e5e5;
677
}
678
 
679
.on-off-status li {
680
    float: left;
681
    width: 100%;
682
    margin-bottom: 15px;
683
}
684
 
685
.on-off-status li:last-child {
686
    margin-bottom: 0;
687
}
688
 
689
.on-off-status li .fgt-sec small {
690
    color: #686868;
691
}
692
 
693
/* =========== search_form =========== */
694
 
695
.search_form {
696
    float: left;
697
    width: 100%;
698
    padding: 20px;
699
    border-bottom: 1px solid #e5e5e5;
700
}
701
 
702
.search_form form {
703
    float: left;
704
    width: 100%;
705
    position: relative;
706
}
707
 
708
.search_form form input {
709
    width: 100%;
710
    height: 35px;
711
    padding: 0 15px;
712
    border: 1px solid #e5e5e5;
713
    background-color: #f2f2f2;
714
}
715
 
716
.search_form form button {
717
    color: #f2f2f2;
718
    font-size: 14px;
719
    background-color: #e44d3a;
720
    padding: 0 10px;
721
    height: 100%;
722
    position: absolute;
723
    top: 0;
724
    right: 0;
725
    border: 0;
726
    font-weight: 600;
727
    -webkit-border-radius: 0 3px 3px 0;
728
    -moz-border-radius: 0 3px 3px 0;
729
    -ms-border-radius: 0 3px 3px 0;
730
    -o-border-radius: 0 3px 3px 0;
731
    border-radius: 0 3px 3px 0;
732
    cursor: pointer;
733
}
734
 
735
/* ============ us-links ============= */
736
 
737
.us-links {
738
    float: left;
739
    width: 100%;
740
    border-bottom: 1px solid #e5e5e5;
741
    padding: 20px;
742
}
743
 
744
.us-links li {
745
    float: left;
746
    width: 100%;
747
    margin-bottom: 15px;
748
}
749
 
750
.us-links li:last-child {
751
    margin-bottom: 0;
752
}
753
 
754
.us-links li a {
755
    float: left;
756
    width: 100%;
757
    color: #000000;
758
    font-size: 14px;
759
    font-weight: 500;
760
}
761
 
762
.tc {
763
    text-align: center;
764
}
765
 
766
.tc a {
767
    color: #000;
768
}
769
 
770
.user-info img {
771
    /* margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; */
772
}
773
 
774
.user-info a {
775
    color: #fff;
776
    font-size: 14px;
777
    float: left;
778
    margin-top: 8px;
779
}
780
 
781
.user-info a:hover {
782
    color: #fff;
783
}
784
 
785
.user-info>i {
786
    position: absolute;
787
    top: 50%;
788
    right: -15px;
789
    color: #fff;
790
    font-size: 12px;
791
    -webkit-transform: translateY(-50%);
792
    -moz-transform: translateY(-50%);
793
    -ms-transform: translateY(-50%);
794
    -o-transform: translateY(-50%);
795
    transform: translateY(-50%);
796
}
797
 
798
/* =================== main-section ================= */
799
 
800
main {
801
    float: left;
802
    width: 100%;
803
    padding: 60px 0;
804
}
805
 
806
.main-section {
807
    float: left;
808
    width: 100%;
809
    background-color: #fff;
810
    padding: 3rem 0;
811
}
812
 
813
.main-section-data {
814
    float: left;
815
    width: 100%;
816
}
817
 
818
.main-left-sidebar {
819
    float: left;
820
    width: 100%;
821
    margin-top: -20px;
822
}
823
 
824
.full-width {
825
    float: left;
826
    width: 100%;
827
    background-color: #fff;
828
    margin-bottom: 20px;
829
    /* border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; */
830
}
831
 
832
.username-dt {
833
    float: left;
834
    width: 100%;
835
    background-color: #e44d3a;
836
    padding-top: 40px;
837
}
838
 
839
.user-data {
840
    text-align: center;
841
}
842
 
843
.usr-pic {
844
    width: 110px;
845
    height: 110px;
846
    margin: 0 auto;
847
    margin-bottom: -48px;
848
}
849
 
850
.usr-pic>img {
851
    float: none;
852
    border: 5px solid #fff;
853
    -webkit-border-radius: 100px;
854
    -moz-border-radius: 100px;
855
    -ms-border-radius: 100px;
856
    -o-border-radius: 100px;
857
    border-radius: 100px;
858
    width: 100%;
859
}
860
 
861
.user-profile {
862
    float: left;
863
    width: 100%;
864
}
865
 
866
.user-specs {
867
    float: left;
868
    width: 100%;
869
    padding: 63px 0 27px 0;
870
}
871
 
872
.user-specs h3 {
873
    color: #000000;
874
    font-size: 24px;
875
    text-transform: capitalize;
876
    font-weight: 600;
877
    margin-bottom: 8px;
878
}
879
 
880
.user-specs span {
881
    color: #686868;
882
    font-size: 14px;
883
}
884
 
885
.user-fw-status {
886
    float: left;
887
    width: 100%;
888
}
889
 
890
.user-fw-status li {
891
    float: left;
892
    width: 100%;
893
    /* border-bottom: 1px solid #e5e5e5; */
894
    /* border-top: 1px solid #e5e5e5; */
895
    padding: 15px 0;
896
}
897
 
898
.user-fw-status li:last-child {
899
    border-bottom: 0;
900
}
901
 
902
.user-fw-status li:nth-child(1),
903
.user-fw-status li:nth-child(2) {
904
    border-bottom: 0;
905
}
906
 
907
.user-fw-status li h4 {
908
    color: #686868;
909
    font-size: 20px;
910
    margin-bottom: 10px;
911
}
912
 
913
.user-fw-status span {
914
    color: #000000;
915
    font-size: 20px;
916
}
917
 
918
.user-fw-status li a {
919
    color: #e44d3a;
920
    font-size: 14px;
921
    font-weight: 600;
922
}
923
 
924
/* ============= Suggestions ============ */
925
 
926
.sd-title {
927
    /* float: left; */
928
    width: 100%;
929
    /* padding: 20px; */
930
    /* border-bottom: 1px solid #e5e5e5; */
931
    position: relative;
932
    display: grid;
933
}
934
 
935
.sd-title h3 {
936
    color: #000000;
937
    font-size: 18px;
938
    font-weight: 600;
939
    float: left;
940
}
941
 
942
.sd-title i {
943
    float: right;
944
    color: #b7b7b7;
945
    font-size: 24px;
946
    position: absolute;
947
    right: 5px;
948
    top: 18px;
949
}
950
 
951
.suggestions-list {
952
    /* float: left; */
953
    width: 100%;
954
    /* padding: 13px 0 30px 0; */
955
}
956
 
957
.suggestion-usd {
958
    float: left;
959
    width: 100%;
960
    padding: 15px 20px;
961
}
962
 
963
.suggestion-usd img {
964
    -webkit-border-radius: 100px;
965
    -moz-border-radius: 100px;
966
    -ms-border-radius: 100px;
967
    -o-border-radius: 100px;
968
    border-radius: 100px;
969
}
970
 
971
.sgt-text {
972
    float: left;
973
    padding-left: 10px;
974
}
975
 
976
.sgt-text h4 {
977
    color: #000000;
978
    font-size: 14px;
979
    font-weight: 400;
980
    margin-bottom: 4px;
981
}
982
 
983
.sgt-text span {
984
    color: #686868;
985
    font-size: 14px;
986
}
987
 
988
.suggestion-usd>span {
989
    margin-top: 4px;
990
    position: relative;
991
    margin-left: 1rem;
992
}
993
 
994
.suggestion-usd>span i {
995
    color: #b2b2b2;
996
    width: 25px;
997
    height: 25px;
998
    border-radius: 3px;
999
    cursor: pointer;
1000
    text-align: center;
1001
    display: flex;
1002
    justify-content: center;
1003
    align-items: center;
1004
}
1005
 
1006
.bg-white {
1007
    background-color: white !important;
1008
}
1009
 
1010
.suggestion-usd>span i:hover {
1011
    background-color: #0961bf !important;
1012
    color: #fff;
1013
    border-radius: 3px;
1014
}
1015
 
1016
.icon-button {
1017
    color: #b2b2b2;
1018
    width: 25px;
1019
    height: 25px;
1020
    border-radius: 3px;
1021
    cursor: pointer;
1022
    text-align: center;
1023
    display: flex !important;
1024
    justify-content: center;
1025
    align-items: center;
1026
}
1027
 
1028
.icon-button:hover {
1029
    background-color: #0961bf !important;
1030
    color: #fff;
1031
    border-radius: 3px;
1032
}
1033
 
1034
.view-more {
1035
    /* float: left; width: 100%; text-align: center; padding-top: 10px; */
1036
}
1037
 
1038
.view-more>a {
1039
    color: #e44d3a;
1040
    font-size: 14px;
1041
    font-weight: 700;
1042
}
1043
 
1044
.view-more>a:hover {
1045
    color: #e44d3a;
1046
}
1047
 
1048
/* ============== tags-sec ============= */
1049
 
1050
.tags-sec {
1051
    background-color: #fff;
1052
    padding: 25px 5px;
1053
}
1054
 
1055
.tags-sec ul {
1056
    float: left;
1057
    width: 100%;
1058
    text-align: center;
1059
}
1060
 
1061
.tags-sec ul li {
1062
    display: inline-block;
1063
    border-right: 1px solid #b2b2b2;
1064
    padding: 0 7px;
1065
    margin-bottom: 15px;
1066
}
1067
 
1068
.tags-sec ul li:nth-child(3),
1069
.tags-sec ul li:nth-child(5),
1070
.tags-sec ul li:nth-child(8) {
1071
    border-right: 0;
1072
}
1073
 
1074
.tags-sec ul li a {
1075
    display: inline-block;
1076
    color: #b2b2b2;
1077
    font-size: 13px;
1078
    font-weight: 500;
1079
}
1080
 
1081
.tags-sec ul li a:hover {
1082
    color: #e44d3a;
1083
}
1084
 
1085
.cp-sec {
1086
    float: left;
1087
    width: 100%;
1088
    margin-top: 5px;
1089
    padding: 0 13px;
1090
}
1091
 
1092
.cp-sec>img {
1093
    float: left;
1094
    margin-top: 3px;
1095
}
1096
 
1097
.cp-sec p {
1098
    float: right;
1099
    color: #b2b2b2;
1100
    font-size: 14px;
1101
    font-weight: 500;
1102
}
1103
 
1104
.cp-sec p img {
1105
    float: none;
1106
    display: inline-block;
1107
    position: relative;
1108
    top: 3px;
1109
    padding-right: 5px;
1110
}
1111
 
1112
/* =================== main-ws-sec ================== */
1113
 
1114
.main-ws-sec {
1115
    float: left;
1116
    width: 100%;
1117
}
1118
 
1119
/* ============ post-topbar =========== */
1120
 
1121
.post-topbar {
1122
    float: left;
1123
    width: 100%;
1124
    padding: 23px 20px;
1125
    background-color: #fff;
1126
    border-top: 4px solid #e44d3a;
1127
    border-left: 1px solid #e4e4e4;
1128
    border-bottom: 1px solid #e4e4e4;
1129
    border-right: 1px solid #e4e4e4;
1130
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1131
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1132
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1133
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1134
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1135
    margin-bottom: 20px;
1136
}
1137
 
1138
.user-picy {
1139
    float: left;
1140
    width: 50px;
1141
}
1142
 
1143
.user-picy img {
1144
    width: 100%;
1145
    object-fit: cover;
1146
}
1147
 
1148
.post-st {
1149
    float: right;
1150
    margin-top: 5px;
1151
}
1152
 
1153
.post-st ul li {
1154
    display: inline-block;
1155
    margin-right: 6px;
1156
}
1157
 
1158
.post-st ul li:last-child {
1159
    margin-right: 0;
1160
}
1161
 
1162
.post-st ul li a {
1163
    color: #b2b2b2;
1164
    font-size: 16px;
1165
    display: inline-block;
1166
    background-color: #e5e5e5;
1167
    height: 40px;
1168
    padding: 0 15px;
1169
    line-height: 40px;
1170
    font-weight: 500;
1171
}
1172
 
1173
.post-st ul li a:hover,
1174
.post-st ul li a.active {
1175
    background-color: #e44d3a;
1176
    color: #fff;
1177
}
1178
 
1179
/* ================ posts-section ================== */
1180
 
1181
.posts-section {
1182
    float: left;
1183
    width: 100%;
1184
}
1185
 
1186
.reviewtext {
1187
    margin: 0 -20px;
1188
}
1189
 
1190
.reviewtext p {
1191
    padding-left: 20px;
1192
}
1193
 
1194
.post-bar {
1195
    float: left;
1196
    width: 100%;
1197
    background-color: #fff;
1477 steven 1198
    border: solid 1px var(--border-light-gray);
1199
    border-radius: 10px;
1239 steven 1200
    /* border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; */
1201
    /* border: 1px solid #e4e4e4; */
1202
    /* margin-bottom: 20px; */
2193 stevensc 1203
    padding: 5px 20px;
1239 steven 1204
    /* box-shadow: 0px 2px #e4e4e4; */
1205
    /* box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05); */
1206
    height: 100%;
1207
}
1208
 
1209
.shared-post-bar {
1210
    margin-top: 1rem;
1211
}
1212
 
1213
.shared-post-bar .post-bar {
1214
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
1215
}
1216
 
1217
.post_topbar {
1218
    float: left;
1219
    width: 100%;
1220
    position: relative;
1221
}
1222
 
1223
.rep-post {
1224
    padding: 0;
1225
}
1226
 
1227
.usy-dt {
1228
    float: left;
1229
}
1230
 
1231
.usy-dt img {
1232
    -webkit-border-radius: 100px;
1233
    -moz-border-radius: 100px;
1234
    -ms-border-radius: 100px;
1235
    -o-border-radius: 100px;
1236
    border-radius: 100px;
1237
    margin-top: 2px;
1238
}
1239
 
1240
.ed-opts {
1241
    position: relative;
1242
}
1243
 
1244
.ed-opts>a {
1245
    color: #b2b2b2;
1246
    font-size: 24px;
1247
    position: relative;
1248
}
1249
 
1250
.ed-options {
1251
    position: absolute;
1252
    top: 100%;
1253
    right: 0;
1254
    width: 130px;
1255
    background-color: #fff;
1256
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1257
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1258
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1259
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1260
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1261
    padding: 20px;
1262
    visibility: hidden;
1263
    z-index: 5;
1264
}
1265
 
1266
.ed-options.active {
1267
    visibility: visible;
1268
}
1269
 
1270
.ed-options li {
1271
    float: left;
1272
    width: 100%;
1273
    margin-bottom: 15px;
1274
}
1275
 
1276
.ed-options li:last-child {
1277
    margin-bottom: 0;
1278
}
1279
 
1280
.ed-options li a {
1281
    color: #686868;
1282
    font-size: 14px;
1283
    font-weight: 600;
1284
}
1285
 
1286
.ed-opts>a:hover {
1287
    color: #e44d3a;
1288
}
1289
 
1290
.usy-name {
1291
    float: left;
1292
    margin-left: 15px;
1293
}
1294
 
1295
.usy-name h3 {
1296
    color: #000000;
1297
    font-size: 18px;
1298
    text-transform: capitalize;
1299
    font-weight: 600;
1300
    margin-bottom: 5px;
1301
    margin-top: 2px;
1302
}
1303
 
1304
.usy-name span {
1305
    font-size: 14px;
2197 stevensc 1306
    font-weight: 600;
1239 steven 1307
}
1308
 
1309
.usy-name img {
1310
    margin-top: 4px;
1311
    margin-right: 6px;
1312
}
1313
 
1314
.usy-name .bklink img {
1315
    margin-top: 1px;
1316
    margin-right: 6px;
1317
}
1318
 
1319
.epi2 i {
1320
    margin-right: 5px;
1321
}
1322
 
1323
#rewivewdata .review-lt {
1324
    float: left;
1325
    margin-top: 5px;
1326
    margin-bottom: 15px;
1327
}
1328
 
1329
.review-lt img {
1330
    margin-top: 1px;
1331
    margin-right: 6px;
1332
}
1333
 
1334
.bid-tab {
1335
    margin-bottom: 20px;
1336
}
1337
 
1338
.epi-sec {
1339
    float: left;
1340
    width: 100%;
1341
    padding: 0;
1342
}
1343
 
1344
.usy-name .bklink {
1345
    float: left;
1346
    margin-top: 5px !important;
1347
    margin-bottom: 15px;
1348
}
1349
 
1350
.descp {
1351
    float: left;
1352
    margin-top: 15px;
1353
    margin-bottom: 15px;
1354
}
1355
 
1356
.descp li {
1357
    display: inline-block;
1358
    margin-right: 15px;
1359
}
1360
 
1361
.descp li span {
1362
    color: #b2b2b2;
1363
    font-size: 14px;
1364
    float: left;
1365
}
1366
 
1367
.descp li img {
1368
    margin-right: 5px;
1369
}
1370
 
1371
.bk-links {
1372
    /* float: right; */
1373
}
1374
 
1375
.bk-links li {
1376
    display: inline-block;
1377
    margin-right: 7px;
1378
}
1379
 
1380
.bk-links li:last-child {
1381
    margin-right: 0;
1382
}
1383
 
1384
.bk-links li i {
1385
    color: #fff;
1386
    font-size: 24px;
1387
    width: 33px;
1388
    height: 30px;
1389
    padding-left: 0px;
1390
    background-color: #53d690;
1391
    text-align: center;
1392
    line-height: 30px;
1393
}
1394
 
1395
.bk-links li i.la-envelope {
1396
    background-color: #e44d3a;
1397
}
1398
 
1399
.bid_now {
1400
    color: #fff;
1401
    background-color: #51a5fb;
1402
    text-transform: capitalize;
1403
    display: inline-block;
1404
    height: 30px;
1405
    padding: 0 10px;
1406
    line-height: 30px;
1407
    position: relative;
1408
    top: -3px;
1409
}
1410
 
1411
.bid_now:hover {
1412
    color: #fff;
1413
}
1414
 
1415
/* ============== job_descp ============ */
1416
 
1417
.job_descp {
1418
    float: left;
1419
    width: 100%;
1420
    margin: 1rem 0;
1421
}
1422
 
1423
.job_descp h3 {
1424
    color: #333;
1425
    font-size: 16px;
1426
    font-weight: 600;
1427
    /* margin-bottom: 15px; */
1428
}
1429
 
1430
.job-dt {
1431
    float: left;
1432
    width: 100%;
1433
    margin-bottom: 22px;
1434
}
1435
 
1436
.job-dt li {
1437
    display: inline-block;
1438
    margin-right: 15px;
1439
}
1440
 
1441
.job-dt li a {
1442
    text-transform: capitalize;
1443
    padding: 5px 13px;
1444
    -webkit-border-radius: 30px;
1445
    -moz-border-radius: 30px;
1446
    -ms-border-radius: 30px;
1447
    -o-border-radius: 30px;
1448
    border-radius: 3px;
1449
    display: inline-block;
1450
    font-size: 14px;
1451
    font-weight: 500;
1452
}
1453
 
1454
.job-dt li span {
1455
    color: #333;
1456
    font-size: 16px;
1457
    font-weight: 600;
1458
}
1459
 
1460
.job_descp>p {
1461
    color: #666666;
1462
    font-size: 15px;
1463
    line-height: 24px;
1464
    margin-bottom: 20px;
1465
}
1466
 
1467
.job_descp>p a {
1468
    color: #e44d3a;
1469
    font-weight: 600;
1470
}
1471
 
1472
/* ============= skill-tags =========== */
1473
 
1474
.skill-tags {
1475
    /* float: left; */
1476
    width: 100%;
1477
    /* margin-bottom: 15px; */
1478
    display: flex;
1479
    align-items: center;
1480
    margin-top: 0.5rem;
1481
    flex-wrap: wrap;
1482
    /* gap: 0.5rem 0; */
1483
}
1484
 
1485
.skill-tags li {
1486
    display: inline-block;
1487
    margin-right: 6px;
1488
    /* margin-bottom: 10px; */
1489
}
1490
 
1491
.skill-tags li a {
1492
    display: inline-block;
1493
    color: #b2b2b2;
1494
    font-size: 14px;
1495
    background-color: #f1f1f1;
1496
    -webkit-border-radius: 30px;
1497
    -moz-border-radius: 30px;
1498
    -ms-border-radius: 30px;
1499
    -o-border-radius: 30px;
1500
    border-radius: 30px;
1501
    padding: 7px 15px;
1502
    font-weight: 500;
1503
}
1504
 
1505
/* ========== job-status-bar ========== */
1506
 
1507
.job-status-bar {
1508
    float: left;
1509
    width: 100%;
1510
}
1511
 
1512
.like-com {
1513
    /* float: left; */
1514
    /* margin-top: 20px; */
1515
    margin: 0;
1516
}
1517
 
1518
.like-com li {
1519
    display: inline-block;
1520
    margin-right: 15px;
1521
}
1522
 
1523
.like-com li a {
1524
    color: #b2b2b2;
1525
    font-size: 14px;
1526
    font-weight: 500;
1527
    float: left;
1528
    margin-top: 6px;
1529
    margin-right: 5px;
1530
}
1531
 
1532
.like-com li a:hover {
1533
    color: #e44d3a;
1534
}
1535
 
1536
.like-com li a.active {
1537
    color: #e44d3a;
1538
}
1539
 
1540
.like-com li a i {
1541
    margin-right: 2px;
1542
    font-size: 14px;
1543
    position: relative;
1544
    top: 2px;
1545
}
1546
 
1547
.like-com li span {
1548
    color: #ffffff;
1549
    font-size: 13px;
1550
    width: 30px;
1551
    height: 30px;
1552
    background-color: #e44d3a;
1553
    line-height: 30px;
1554
    -webkit-border-radius: 30px;
1555
    -moz-border-radius: 30px;
1556
    -ms-border-radius: 30px;
1557
    -o-border-radius: 30px;
1558
    border-radius: 30px;
1559
    float: left;
1560
    text-align: center;
1561
    font-weight: 600;
1562
    margin-left: -25px;
1563
}
1564
 
1565
.like-com li .com {
1566
    position: relative;
1567
    top: -9px;
1568
}
1569
 
1570
.like-com li .com img {
1571
    margin-right: 10px;
1572
}
1573
 
1574
.job-status-bar>a {
1575
    /* float: right; */
1576
    color: #b2b2b2 !important;
1577
    font-size: 14px;
1578
    /* margin-top: 29px; */
1579
    cursor: pointer;
1580
}
1581
 
1582
.job-status-bar>a:hover {
1583
    color: #e44d3a !important;
1584
}
1585
 
1586
.job-status-bar>a i {
1587
    font-size: 14px;
1588
    margin-right: 7px;
1589
    position: relative;
1590
    top: 1px;
1591
}
1592
 
1593
/* ============= top-profiles ============ */
1594
 
1595
.top-profiles {
1596
    float: left;
1597
    width: 100%;
1598
    border: 1px solid #e5e5e5;
1599
    margin-bottom: 20px;
1600
}
1601
 
1602
.pf-hd {
1603
    float: left;
1604
    width: 100%;
1605
    border-bottom: 1px solid #e5e5e5;
1606
    padding: 20px 20px;
1607
    position: relative;
1608
}
1609
 
1610
.pf-hd h3 {
1611
    color: #000000;
1612
    font-size: 20px;
1613
    font-weight: 600;
1614
    text-transform: capitalize;
1615
    float: left;
1616
}
1617
 
1618
.pf-hd i {
1619
    position: absolute;
1620
    top: 50%;
1621
    -webkit-transform: translateY(-50%);
1622
    -moz-transform: translateY(-50%);
1623
    -ms-transform: translateY(-50%);
1624
    -o-transform: translateY(-50%);
1625
    transform: translateY(-50%);
1626
    right: 7px;
1627
    color: #b2b2b2;
1628
    font-size: 24px;
1629
}
1630
 
1631
/* ============== profiles-slider ============== */
1632
 
1633
.profiles-slider {
1634
    float: left;
1635
    width: 100%;
1636
    padding: 20px;
1637
}
1638
 
1639
.user-profy {
1640
    float: left;
1641
    width: 100%;
1642
    background-color: #fff;
1643
    text-align: center;
1644
    border-left: 1px solid #ececec;
1645
    border-bottom: 1px solid #ececec;
1646
    border-right: 1px solid #ececec;
1647
    -webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1648
    -moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1649
    -ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1650
    -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1651
    box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1652
    padding: 20px 0 0 0;
1653
}
1654
 
1655
.user-profy>img {
1656
    float: none;
1657
    margin-bottom: 6px;
1658
}
1659
 
1660
.user-profy h3 {
1661
    color: #000000;
1662
    font-size: 16px;
1663
    font-weight: 600;
1664
    text-transform: capitalize;
1665
    margin-bottom: 4px;
1666
}
1667
 
1668
.user-profy span {
1669
    color: #b2b2b2;
1670
    font-size: 14px;
1671
    font-weight: 500;
1672
    display: block;
1673
    margin-bottom: 15px;
1674
}
1675
 
1676
.user-profy ul {
1677
    float: left;
1678
    width: 100%;
1679
    margin-bottom: 15px;
1680
}
1681
 
1682
.user-profy ul li {
1683
    display: inline-block;
1684
}
1685
 
1686
.user-profy ul li a {
1687
    color: #ffffff;
1688
    font-size: 13px;
1689
    padding: 0 8px;
1690
    height: 25px;
1691
    line-height: 25px;
1692
    display: inline-block;
1693
    text-transform: capitalize;
1694
}
1695
 
1696
.followw {
1697
    background-color: #53d690;
1698
}
1699
 
1700
.envlp {
1701
    background-color: #e44d3a;
1702
}
1703
 
1704
.envlp img {
1705
    float: none;
1706
}
1707
 
1708
.hire {
1709
    background-color: #51a5fb;
1710
}
1711
 
1712
.user-profy>a {
1713
    float: left;
1714
    width: 100%;
1715
    color: #000000;
1716
    font-size: 14px;
1717
    text-transform: capitalize;
1718
    padding: 15px 0;
1719
    border-top: 1px solid #ececec;
1720
    font-weight: 600;
1721
}
1722
 
1723
.user-profy>a:hover {
1724
    background-color: #e44d3a;
1725
    color: #fff;
1726
}
1727
 
1728
.slick-slide img {
1729
    display: inline-block;
1730
}
1731
 
1732
.slick-slide {
1733
    margin: 0 4px;
1734
}
1735
 
1736
.envlp img {
1737
    position: relative;
1738
    top: 2px;
1739
}
1740
 
1741
.no-margin {
1742
    margin: 0;
1743
    border: 0;
1744
    -webkit-border-radius: inherit;
1745
    -moz-border-radius: inherit;
1746
    -ms-border-radius: inherit;
1747
    -o-border-radius: inherit;
1748
    border-radius: inherit;
1749
}
1750
 
1751
.posty {
1752
    float: left;
1753
    width: 100%;
1754
    border-left: 1px solid #e4e4e4;
1755
    border-right: 1px solid #e4e4e4;
1756
}
1757
 
1758
.posty .job-status-bar {
1759
    border-bottom: 1px solid #e4e4e4;
1760
    padding-bottom: 20px;
1761
}
1762
 
1763
.slick-previous:before {
1764
    left: -14px;
1765
    content: "\f104";
1766
    margin-left: -2px;
1767
}
1768
 
1769
.slick-nexti:before {
1770
    right: -14px;
1771
    content: "\f105";
1772
    padding-left: 3px;
1773
}
1774
 
1775
.slick-previous:before,
1776
.slick-nexti:before {
1777
    font-size: 24px;
1778
    color: #b7b7b7;
1779
    position: absolute;
1780
    top: 50%;
1781
    line-height: 27px;
1782
    -webkit-transform: translateY(-50%);
1783
    -moz-transform: translateY(-50%);
1784
    -ms-transform: translateY(-50%);
1785
    -o-transform: translateY(-50%);
1786
    transform: translateY(-50%);
1787
    font-family: fontawesome;
1788
    width: 30px;
1789
    height: 30px;
1790
    background-color: #fff;
1791
    -webkit-border-radius: 100px;
1792
    -moz-border-radius: 100px;
1793
    -ms-border-radius: 100px;
1794
    -o-border-radius: 100px;
1795
    border-radius: 100px;
1796
    border: 1px solid #e6e6e6;
1797
    text-align: center;
1798
    cursor: pointer;
1799
}
1800
 
1801
.slick-previous:hover:before,
1802
.slick-nexti:hover:before {
1803
    background-color: #e44d3a;
1804
    color: #fff;
1805
    border-color: transparent;
1806
}
1807
 
1808
/* =============== comment-section ============== */
1809
 
1810
.comment-section {
1811
    float: left;
1812
    width: 100%;
1813
    background-color: #fff;
1814
    padding: 20px;
1815
    box-shadow: 0px 3px #e4e4e4;
1816
    margin-top: 1rem;
1817
}
1818
 
1819
.plus-ic {
1820
    float: left;
1821
    width: 100%;
1822
    text-align: center;
1823
    margin-bottom: 20px;
1824
}
1825
 
1826
.plus-ic i {
1827
    width: 30px;
1828
    height: 30px;
1829
    line-height: 30px;
1830
    border: 1px solid #d2d2d2;
1831
    text-align: center;
1832
    color: #b2b2b2;
1833
    -webkit-border-radius: 100px;
1834
    -moz-border-radius: 100px;
1835
    -ms-border-radius: 100px;
1836
    -o-border-radius: 100px;
1837
    border-radius: 100px;
1838
}
1839
 
1840
/* =============== comment-sec ================ */
1841
 
1842
.comment-sec {
1843
    float: left;
1844
    width: 100%;
1845
}
1846
 
1847
.comment-sec ul {
1848
    float: left;
1849
    width: 100%;
1850
}
1851
 
1852
.comment-sec ul li {
1853
    float: left;
1854
    width: 100%;
1855
}
1856
 
1857
.comment-sec ul ul {
1858
    padding-left: 50px;
1859
}
1860
 
1861
.comment-list {
1862
    display: table;
1863
    /* padding-bottom: 30px; */
1864
}
1865
 
1866
.bg-img {
1867
    display: table-cell;
1868
}
1869
 
1870
.bg-img img {
1871
    -webkit-border-radius: 100px;
1872
    -moz-border-radius: 100px;
1873
    -ms-border-radius: 100px;
1874
    -o-border-radius: 100px;
1875
    border-radius: 100px;
1876
}
1877
 
1878
.comment {
1879
    display: table-cell;
1880
    vertical-align: top;
1881
    width: 100%;
1882
    padding-left: 10px;
1883
}
1884
 
1885
.comment h3 {
1886
    color: #000000;
1887
    font-size: 16px;
1888
    font-weight: 600;
1889
    margin-bottom: 10px;
1890
}
1891
 
1892
.comment img {
1893
    /* position: relative; top: 2px; margin-right: 5px; */
1894
}
1895
 
1896
.comment span {
1897
    color: #b2b2b2;
1898
    font-size: 14px;
1899
    display: block;
1900
    margin-bottom: 14px;
1901
}
1902
 
1903
.comment p {
1904
    color: #686868;
1905
    font-size: 14px;
1906
    margin-bottom: 10px;
1907
    line-height: 20px;
1908
}
1909
 
1910
.comment>a {
1911
    display: inline-block;
1912
    color: #b2b2b2;
1913
    font-size: 14px;
1914
    font-weight: 600;
1915
}
1916
 
1917
.comment>a.active,
1918
.comment>a:hover {
1919
    color: #e44d3a;
1920
}
1921
 
1922
.comment>a i {
1923
    font-weight: 600;
1924
    margin-right: 6px;
1925
}
1926
 
1927
/* =============== post-comment ============= */
1928
 
1929
.post-comment {
1930
    float: left;
1931
    width: 100%;
1932
}
1933
 
1934
.cm_img {
1935
    float: left;
1936
    width: 40px;
1937
    margin-right: 10px;
1938
}
1939
 
1940
.comment_box {
1941
    float: none;
1942
}
1943
 
1944
.comment_box input {
1945
    width: 372px;
1946
    height: 40px;
1947
    border: 1px solid #e5e5e5;
1948
    background-color: #efefef;
1949
    padding-left: 10px;
1950
    color: #b2b2b2;
1951
    font-size: 14px;
1952
    font-weight: 600;
1953
    line-height: 40px;
1954
    resize: none;
1955
}
1956
 
2197 stevensc 1957
.chat-title {
1948 steven 1958
    font-size: 1.3rem;
1959
}
1960
 
1239 steven 1961
.comment_box form button {
1962
    float: right;
1963
    color: #fff;
1964
    background-color: #e44d3a;
1965
    height: 40px;
1966
    padding: 0 10px;
1967
    text-align: center;
1968
    font-size: 14px;
1969
    border: 0;
1970
    margin-left: 10px;
1971
    cursor: pointer;
1972
    font-weight: 600;
1973
}
1974
 
1975
/* ============== process-comm ============= */
1976
 
1977
.process-comm {
1978
    float: left;
1979
    width: 100%;
1980
    text-align: center;
1981
    padding-top: 40px;
1982
}
1983
 
1984
.process-comm img {
1985
    float: none;
1986
}
1987
 
1988
/* =============== right-sidebar ============= */
1989
 
1990
.right-sidebar {
1991
    float: left;
1992
    width: 100%;
1993
}
1994
 
1995
.widget {
1996
    float: left;
1997
    width: 100%;
1998
    background-color: #fff;
1999
    /* border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; */
2000
    margin-bottom: 20px;
2001
    /* -webkit-box-shadow: 0px 2px #e4e4e4; -moz-box-shadow: 0px 2px #e4e4e4; -ms-box-shadow: 0px 2px #e4e4e4; -o-box-shadow: 0px 2px #e4e4e4; box-shadow: 0px 2px #e4e4e4; */
2002
}
2003
 
2004
.widget-about {
2005
    text-align: center;
2006
}
2007
 
2008
.widget-about img {
2009
    float: none;
2010
    padding-top: 20px;
2011
}
2012
 
2013
.widget-about h3 {
2014
    color: #000000;
2015
    font-size: 20px;
2016
    font-weight: 600;
2017
    margin-bottom: 12px;
2018
}
2019
 
2020
.widget-about span {
2021
    color: #686868;
2022
    font-size: 14px;
2023
    margin-bottom: 30px;
2024
    float: left;
2025
    width: 100%;
2026
}
2027
 
2028
.sign_link {
2029
    float: left;
2030
    width: 100%;
2031
    /* border-top: 1px solid #e5e5e5; */
2032
    padding: 18px 0 0 0;
2033
}
2034
 
2035
.sign_link h3 {
2036
    color: #000000;
2037
    font-size: 18px;
2038
    font-weight: 600;
2039
    margin-bottom: 5px;
2040
    text-transform: uppercase;
2041
}
2042
 
2043
.sign_link h3 a {
2044
    color: #000;
2045
}
2046
 
2047
.sign_link>a {
2048
    display: inline-block;
2049
    color: #e44d3a;
2050
    font-size: 14px;
2051
    font-weight: 500;
2052
}
2053
 
2054
.sign_link>a:hover {
2055
    color: #e44d3a;
2056
}
2057
 
2058
/* ============== Widget Jobs ============ */
2059
 
2060
.jobs-list {
2061
    float: left;
2062
    width: 100%;
2063
    padding: 20px 20px;
2064
}
2065
 
2066
.job-info {
2067
    float: left;
2068
    width: 100%;
2069
    margin-bottom: 22px;
2070
}
2071
 
2072
.job-info:last-child {
2073
    margin-bottom: 0;
2074
}
2075
 
2076
.job-details {
2077
    float: left;
2078
    width: 165px;
2079
}
2080
 
2081
.job-details h3 {
2082
    color: #000000;
2083
    font-size: 14px;
2084
    font-weight: 600;
2085
    margin-bottom: 10px;
2086
}
2087
 
2088
.job-details p {
2089
    color: #686868;
2090
    font-size: 14px;
2091
    line-height: 20px;
2092
}
2093
 
2094
.hr-rate {
2095
    float: right;
2096
    width: 40px;
2097
}
2098
 
2099
.hr-rate span {
2100
    color: #000000;
2101
    font-size: 14px;
2102
    font-weight: 600;
2103
    float: right;
2104
}
2105
 
2106
/* ================ post-project-popup =============== */
2107
 
2108
.post-popup {
2109
    width: 570px;
2110
    margin: 0 auto;
2111
    position: fixed;
2112
    top: 50%;
2113
    left: 50%;
2114
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.65);
2115
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.65);
2116
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.65);
2117
    -o-transform: translateX(-50%) translateY(-50%) scale(0.65);
2118
    transform: translateX(-50%) translateY(-50%) scale(0.65);
2119
    opacity: 0;
2120
    visibility: hidden;
2121
    z-index: 0;
2122
}
2123
 
2124
.post-popup.active {
2125
    opacity: 1;
2126
    visibility: visible;
2127
    z-index: 999;
2128
    transform: scale(1) translateX(-50%) translateY(-50%);
2129
}
2130
 
2131
.post-project>a {
2132
    position: absolute;
2133
    top: -20px;
2134
    right: -20px;
2135
    color: #fff;
2136
    font-size: 22px;
2137
    cursor: pointer;
2138
}
2139
 
2140
.post-project>a:hover {
2141
    color: #fff;
2142
}
2143
 
2144
.post-project {
2145
    float: left;
2146
    width: 100%;
2147
    position: relative;
2148
}
2149
 
2150
.post-project h3 {
2151
    float: left;
2152
    width: 100%;
2153
    background-color: #e44d3a;
2154
    color: #fff;
2155
    text-align: center;
2156
    font-size: 18px;
2157
    font-weight: 500;
2158
    padding: 20px 0;
2159
}
2160
 
2161
.post-project-fields {
2162
    float: left;
2163
    width: 100%;
2164
    padding: 30px 20px;
2165
    background-color: #fff;
2166
}
2167
 
2168
.post-project-fields form {
2169
    float: left;
2170
    width: 100%;
2171
}
2172
 
2173
.post-project-fields form input {
2174
    padding: 0 15px;
2175
    height: 40px;
2176
}
2177
 
2178
.post-project-fields form textarea {
2179
    padding: 15px;
2180
    height: 130px;
2181
}
2182
 
2183
.post-project-fields form input,
2184
.post-project-fields form textarea,
2185
.post-project-fields form select {
2186
    width: 100%;
2187
    color: #b2b2b2;
2188
    font-size: 14px;
2189
    border: 1px solid #e5e5e5;
2190
    margin-bottom: 20px;
2191
    font-weight: 500;
2192
}
2193
 
2194
.post-project-fields form select {
2195
    height: 40px;
2196
    padding: 0 10px;
2197
}
2198
 
2199
.post-project-fields form ul {
2200
    float: left;
2201
    margin-top: 10px;
2202
    width: 100%;
2203
}
2204
 
2205
.post-project-fields form ul li {
2206
    display: inline-block;
2207
    margin-right: 15px;
2208
}
2209
 
2210
.post-project-fields form ul li button.active {
2211
    background-color: #e44d3a;
2212
    color: #fff;
2213
}
2214
 
2215
.post-project-fields form ul li button,
2216
.post-project-fields form ul li a {
2217
    color: #000000;
2218
    font-size: 16px;
2219
    border: 1px solid #e5e5e5;
2220
    padding: 10px 25px;
2221
    display: inline-block;
2222
    background-color: #fff;
2223
    font-weight: 600;
2224
    cursor: pointer;
2225
}
2226
 
2227
.post-project-fields form ul li button:hover,
2228
.post-project-fields form ul li a:hover {
2229
    background-color: #e44d3a;
2230
    color: #fff;
2231
}
2232
 
2233
::-webkit-input-placeholder {
2234
    /* Chrome/Opera/Safari */
2235
    color: #b2b2b2;
2236
}
2237
 
2238
::-moz-placeholder {
2239
    /* Firefox 19+ */
2240
    color: #b2b2b2;
2241
}
2242
 
2243
:-ms-input-placeholder {
2244
    /* IE 10+ */
2245
    color: #b2b2b2;
2246
}
2247
 
2248
:-moz-placeholder {
2249
    /* Firefox 18- */
2250
    color: #b2b2b2;
2251
}
2252
 
2253
.price-sec {
2254
    float: left;
2255
    width: 100%;
2256
}
2257
 
2258
.price-br {
2259
    float: left;
2260
    width: 225px !important;
2261
    position: relative;
2262
}
2263
 
2264
.price-br>i {
2265
    position: absolute;
2266
    top: 0;
2267
    right: 0;
2268
    color: #b2b2b2;
2269
    font-size: 18px;
2270
    width: 40px;
2271
    height: 40px;
2272
    line-height: 40px;
2273
    border-left: 1px solid #e5e5e5;
2274
    text-align: center;
2275
}
2276
 
2277
.price-sec span {
2278
    color: #b2b2b2;
2279
    font-size: 14px;
2280
    float: left;
2281
    padding: 12px 17px 0 17px;
2282
}
2283
 
2284
select {
2285
    -webkit-appearance: none;
2286
    -moz-appearance: none;
2287
}
2288
 
2289
.inp-field {
2290
    float: left;
2291
    width: 100%;
2292
    position: relative;
2293
}
2294
 
2295
.inp-field:before {
2296
    content: "\f107";
2297
    position: absolute;
2298
    top: 13px;
2299
    right: 15px;
2300
    color: #717171;
2301
    font-family: fontawesome;
2302
}
2303
 
2304
.post-popup.job_post .price-br {
2305
    width: 100% !important;
2306
}
2307
 
2308
/* ================= sign-in ================ */
2309
 
2310
.sign-in {
2311
    background-color: #e75348;
2312
}
2313
 
2314
.sign-in-page {
2315
    float: left;
2316
    width: 100%;
2317
    padding: 100px 0 20px 0;
2318
}
2319
 
2320
.signin-popup {
2321
    width: 870px;
2322
    margin: 0 auto;
2323
    position: relative;
2324
}
2325
 
2326
.signin-popup:before {
2327
    content: "";
2328
    position: absolute;
2329
    top: -16px;
2330
    left: 56px;
2331
    width: 30px;
2332
    height: 30px;
2333
    background-color: #fff;
2334
    -webkit-border-radius: 100px;
2335
    -moz-border-radius: 100px;
2336
    -ms-border-radius: 100px;
2337
    -o-border-radius: 100px;
2338
    border-radius: 100px;
2339
}
2340
 
2341
.signin-popup:after {
2342
    content: "";
2343
    position: absolute;
2344
    top: -37px;
2345
    left: 43px;
2346
    width: 20px;
2347
    height: 20px;
2348
    background-color: #fff;
2349
    -webkit-border-radius: 100px;
2350
    -moz-border-radius: 100px;
2351
    -ms-border-radius: 100px;
2352
    -o-border-radius: 100px;
2353
    border-radius: 100px;
2354
}
2355
 
2356
.signin-pop {
2357
    float: left;
2358
    width: 100%;
2359
    background-color: #fff;
2360
    position: relative;
2361
}
2362
 
2363
.signin-pop:before {
2364
    content: "";
2365
    position: absolute;
2366
    top: 0;
2367
    left: 50%;
2368
    -webkit-transform: translateX(-50%);
2369
    -moz-transform: translateX(-50%);
2370
    -ms-transform: translateX(-50%);
2371
    -o-transform: translateX(-50%);
2372
    transform: translateX(-50%);
2373
    height: 100%;
2374
    width: 1px;
2375
    background-color: #f0f0f0;
2376
}
2377
 
2378
.dff-tab {
2379
    display: none;
2380
}
2381
 
2382
.dff-tab.current {
2383
    display: block;
2384
}
2385
 
2386
.cmp-info {
2387
    float: left;
2388
    width: 100%;
2389
    padding: 70px 5px 92px 5px;
2390
}
2391
 
2392
.cm-logo {
2393
    float: left;
2394
    width: 100%;
2395
    padding-left: 45px;
2396
    margin-bottom: 120px;
2397
}
2398
 
2399
.cm-logo img {
2400
    margin-bottom: 30px;
2401
}
2402
 
2403
.cm-logo>p {
2404
    color: #666666;
2405
    font-size: 14px;
2406
    font-weight: 400;
2407
    line-height: 24px;
2408
    float: left;
2409
    width: 100%;
2410
}
2411
 
2412
.cmp-info>img {
2413
    width: 100%;
2414
    padding-left: 10px;
2415
}
2416
 
2417
/* =============== login-sec ============= */
2418
 
2419
.login-sec {
2420
    float: left;
2421
    width: 100%;
2422
    padding: 30px 0;
2423
    position: relative;
2424
}
2425
 
2426
.login-sec:before {
2427
    content: "";
2428
    position: absolute;
2429
    bottom: -15px;
2430
    right: 70px;
2431
    width: 30px;
2432
    height: 30px;
2433
    -webkit-border-radius: 100px;
2434
    -moz-border-radius: 100px;
2435
    -ms-border-radius: 100px;
2436
    -o-border-radius: 100px;
2437
    border-radius: 100px;
2438
    background-color: #fff;
2439
}
2440
 
2441
.login-sec:after {
2442
    content: "";
2443
    position: absolute;
2444
    bottom: -40px;
2445
    right: 55px;
2446
    width: 20px;
2447
    height: 20px;
2448
    -webkit-border-radius: 100px;
2449
    -moz-border-radius: 100px;
2450
    -ms-border-radius: 100px;
2451
    -o-border-radius: 100px;
2452
    border-radius: 100px;
2453
    background-color: #fff;
2454
}
2455
 
2456
.sign-control {
2457
    float: left;
2458
    width: 100%;
2459
    text-align: right;
2460
    padding-right: 50px;
2461
    margin-bottom: 70px;
2462
}
2463
 
2464
.sign-control li {
2465
    display: inline-block;
2466
    margin-right: 0.5rem;
2467
}
2468
 
2469
.sign-control li a {
2470
    color: #000000;
2471
    font-size: 14px;
2472
    font-weight: 500;
2473
    background-color: #e5e5e5;
2474
    padding: 7px 10px;
2475
    display: inline-block;
2476
    /* -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; */
2477
}
2478
 
2479
.sign-control li:last-child a {
2480
    /* -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; */
2481
}
2482
 
2483
.sign-control li.current a {
2484
    background-color: #e44d3a;
2485
    color: #fff;
2486
}
2487
 
2488
.sign_in_sec {
2489
    float: left;
2490
    width: 100%;
2491
    padding-right: 75px;
2492
    padding-left: 60px;
2493
    display: none;
2494
}
2495
 
2496
.sign_in_sec.current {
2497
    display: block;
2498
}
2499
 
2500
.sign_in_sec h3 {
2501
    color: #000000;
2502
    font-size: 18px;
2503
    font-weight: 600;
2504
    position: relative;
2505
    padding-bottom: 10px;
2506
    margin-bottom: 30px;
2507
}
2508
 
2509
.sign_in_sec h3:before {
2510
    content: "";
2511
    position: absolute;
2512
    bottom: 0;
2513
    left: 0;
2514
    width: 30px;
2515
    height: 2px;
2516
    background-color: #e44d3a;
2517
}
2518
 
2519
/* ============= sign_in_sec ============= */
2520
 
2521
.sign_in_sec form {
2522
    float: left;
2523
    width: 100%;
2524
}
2525
 
2526
.inputContainer {
2527
    margin-bottom: 20px;
2528
}
2529
 
2530
.sn-field {
2531
    /* float: left; */
2532
    width: 100%;
2533
    position: relative;
2534
}
2535
 
2536
.sn-field.pd-more {
2537
    margin-bottom: 0;
2538
}
2539
 
2540
.sn-field.pd-more input {
2541
    padding-left: 40px;
2542
}
2543
 
2544
.sn-field>i {
2545
    position: absolute;
2546
    top: 50%;
2547
    left: 15px;
2548
    color: #666666;
2549
    font-size: 16px;
2550
    -webkit-transform: translateY(-50%);
2551
    -moz-transform: translateY(-50%);
2552
    -ms-transform: translateY(-50%);
2553
    -o-transform: translateY(-50%);
2554
    transform: translateY(-50%);
2555
}
2556
 
2557
.sn-field>span {
2558
    position: absolute;
2559
    top: 50%;
2560
    right: 15px;
2561
    font-weight: 700;
2562
    color: #666666;
2563
    font-size: 15px;
2564
    -webkit-transform: translateY(-50%);
2565
    -moz-transform: translateY(-50%);
2566
    -ms-transform: translateY(-50%);
2567
    -o-transform: translateY(-50%);
2568
    transform: translateY(-50%);
2569
}
2570
 
2571
.sign_in_sec form input {
2572
    height: 40px;
2573
}
2574
 
2575
.sign_in_sec form input,
2576
.sign_in_sec form select {
2577
    width: 100%;
2578
    padding: 0 15px 0 40px;
2579
    color: #b2b2b2;
2580
    font-size: 14px;
2581
    border: 1px solid #e5e5e5;
2582
}
2583
 
2584
.sign_in_sec form select {
2585
    line-height: 40px;
2586
    height: 40px;
2587
}
2588
 
2589
.sign_in_sec form button {
2590
    color: #ffffff;
2591
    font-size: 16px;
2592
    background-color: #e44d3a;
2593
    padding: 12px 27px;
2594
    border: 0;
2595
    font-weight: 500;
2596
    margin-top: 30px;
2597
    cursor: pointer;
2598
}
2599
 
2600
.sign_in_sec_button {
2601
    color: #ffffff;
2602
    font-size: 16px;
2603
    background-color: #66a7dd;
2604
    padding: 12px 27px;
2605
    border: 0;
2606
    font-weight: 500;
2607
    margin-top: 30px;
2608
    cursor: pointer;
2609
}
2610
 
2611
.checky-sec {
2612
    /* float: left; */
2613
    width: 100%;
2614
    margin-top: 10px;
2615
}
2616
 
2617
.checky-sec.st2 small {
2618
    font-size: 13px;
2619
    width: 90%;
2620
    line-height: 20px;
2621
}
2622
 
2623
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
2624
    margin-top: 3px;
2625
}
2626
 
2627
.fgt-sec {
2628
    /* float: left; */
2629
}
2630
 
2631
.fgt-sec * {
2632
    cursor: pointer;
2633
}
2634
 
2635
.fgt-sec input[type="checkbox"] {
2636
    display: none;
2637
}
2638
 
2639
.fgt-sec label {
2640
    float: left;
2641
}
2642
 
2643
.fgt-sec input[type="checkbox"]+label span {
2644
    display: inline-block;
2645
    width: 15px;
2646
    height: 15px;
2647
    position: relative;
2648
    border: 1px solid #d2d2d2;
2649
    -webkit-border-radius: 100px;
2650
    -moz-border-radius: 100px;
2651
    -ms-border-radius: 100px;
2652
    -o-border-radius: 100px;
2653
    border-radius: 100px;
2654
}
2655
 
2656
.fgt-sec input[type="checkbox"]+label span:before {
2657
    content: "";
2658
    width: 7px;
2659
    height: 7px;
2660
    -webkit-border-radius: 100px;
2661
    -moz-border-radius: 100px;
2662
    -ms-border-radius: 100px;
2663
    -o-border-radius: 100px;
2664
    border-radius: 100px;
2665
    font-size: 8px;
2666
    color: #ffffff;
2667
    opacity: 0;
2668
    visibility: hidden;
2669
    background-color: #e44d3a;
2670
    position: absolute;
2671
    font-family: fontawesome;
2672
    top: 50%;
2673
    left: 50%;
2674
    -webkit-transform: translateX(-50%) translateY(-50%);
2675
    -moz-transform: translateX(-50%) translateY(-50%);
2676
    -ms-transform: translateX(-50%) translateY(-50%);
2677
    -o-transform: translateX(-50%) translateY(-50%);
2678
    transform: translateX(-50%) translateY(-50%);
2679
}
2680
 
2681
.fgt-sec input[type="checkbox"]:checked+label span:before {
2682
    opacity: 1;
2683
    visibility: visible;
2684
}
2685
 
2686
.fgt-sec small {
2687
    /* float: left; */
2688
    color: #000000;
2689
    font-size: 14px;
2690
    font-weight: 500;
2691
    padding-left: 10px;
2692
}
2693
 
2694
.checky-sec>a {
2695
    float: right;
2696
    color: #000000;
2697
    font-size: 14px;
2698
    font-weight: 500;
2699
}
2700
 
2701
/* ======= Radio Button Styles ======= */
2702
 
2703
.fgt-sec input[type="radio"] {
2704
    display: none;
2705
}
2706
 
2707
.fgt-sec label {
2708
    float: left;
2709
}
2710
 
2711
.fgt-sec input[type="radio"]+label span {
2712
    display: inline-block;
2713
    width: 15px;
2714
    height: 15px;
2715
    position: relative;
2716
    border: 1px solid #d2d2d2;
2717
    -webkit-border-radius: 100px;
2718
    -moz-border-radius: 100px;
2719
    -ms-border-radius: 100px;
2720
    -o-border-radius: 100px;
2721
    border-radius: 100px;
2722
}
2723
 
2724
.fgt-sec input[type="radio"]+label span:before {
2725
    content: "";
2726
    width: 7px;
2727
    height: 7px;
2728
    -webkit-border-radius: 100px;
2729
    -moz-border-radius: 100px;
2730
    -ms-border-radius: 100px;
2731
    -o-border-radius: 100px;
2732
    border-radius: 100px;
2733
    font-size: 8px;
2734
    color: #ffffff;
2735
    opacity: 0;
2736
    visibility: hidden;
2737
    background-color: #e44d3a;
2738
    position: absolute;
2739
    font-family: fontawesome;
2740
    top: 49%;
2741
    left: 49%;
2742
    -webkit-transform: translateX(-50%) translateY(-50%);
2743
    -moz-transform: translateX(-50%) translateY(-50%);
2744
    -ms-transform: translateX(-50%) translateY(-50%);
2745
    -o-transform: translateX(-50%) translateY(-50%);
2746
    transform: translateX(-50%) translateY(-50%);
2747
}
2748
 
2749
.fgt-sec input[type="radio"]:checked+label span:before {
2750
    opacity: 1;
2751
    visibility: visible;
2752
}
2753
 
2754
/* =============== signup-tab ============== */
2755
 
2756
.signup-tab {
2757
    float: left;
2758
    width: 100%;
2759
    border: 1px solid #e5e5e5;
2760
    text-align: center;
2761
    padding: 15px 0;
2762
    margin-bottom: 20px;
2763
    position: relative;
2764
    margin-top: -30px;
2765
}
2766
 
2767
.signup-tab>i {
2768
    position: absolute;
2769
    top: 15px;
2770
    left: 13px;
2771
    color: #000;
2772
    font-size: 14px;
2773
}
2774
 
2775
.signup-tab h2 {
2776
    color: #000000;
2777
    font-size: 14px;
2778
    font-weight: 500;
2779
    margin-bottom: 15px;
2780
}
2781
 
2782
.signup-tab ul {
2783
    float: left;
2784
    width: 100%;
2785
}
2786
 
2787
.signup-tab ul li {
2788
    display: inline-block;
2789
    margin-right: -4px;
2790
}
2791
 
2792
.signup-tab ul li a {
2793
    color: #000000;
2794
    font-size: 14px;
2795
    font-weight: 500;
2796
    background-color: #e5e5e5;
2797
    padding: 10px 15px;
2798
    -webkit-border-radius: 3px 0px 0px 3px;
2799
    -moz-border-radius: 3px 0px 0px 3px;
2800
    -ms-border-radius: 3px 0px 0px 3px;
2801
    -o-border-radius: 3px 0px 0px 3px;
2802
    border-radius: 3px 0px 0px 3px;
2803
    display: inline-block;
2804
}
2805
 
2806
.signup-tab ul li.current a {
2807
    background-color: #e44d3a;
2808
    color: #fff;
2809
}
2810
 
2811
.signup-tab ul li:last-child a {
2812
    -webkit-border-radius: 0px 3px 3px 0px;
2813
    -moz-border-radius: 0px 3px 3px 0px;
2814
    -ms-border-radius: 0px 3px 3px 0px;
2815
    -o-border-radius: 0px 3px 3px 0px;
2816
    border-radius: 0px 3px 3px 0px;
2817
}
2818
 
2819
/* ============ login-resources ============= */
2820
 
2821
.login-resources {
2822
    float: left;
2823
    width: 100%;
2824
    text-align: center;
2825
    margin-top: 27px;
2826
}
2827
 
2828
.login-resources h4 {
2829
    color: #000000;
2830
    font-size: 14px;
2831
    font-weight: 600;
2832
    margin-bottom: 30px;
2833
    text-transform: uppercase;
2834
}
2835
 
2836
.login-resources ul {
2837
    float: left;
2838
    width: 100%;
2839
}
2840
 
2841
.login-resources ul li {
2842
    float: left;
2843
    width: 100%;
2844
    margin-bottom: 20px;
2845
}
2846
 
2847
.login-resources ul li a {
2848
    color: #ffffff;
2849
    font-size: 15px;
2850
    font-weight: 500;
2851
    float: left;
2852
    width: 100%;
2853
    padding: 10px 0;
2854
}
2855
 
2856
.login-resources ul li a i {
2857
    margin-right: 15px;
2858
}
2859
 
2860
.fb {
2861
    background-color: #3b5998;
2862
}
2863
 
2864
.tw {
2865
    background-color: #4099ff;
2866
}
2867
 
2868
.tw .fa-twitter {
2869
    color: #fff;
2870
}
2871
 
2872
/* =============== footy-sec ============= */
2873
 
2874
.footy-sec {
2875
    float: left;
2876
    width: 100%;
2877
    margin-top: 70px;
2878
}
2879
 
2880
.footy-sec ul {
2881
    float: left;
2882
    margin-top: 5px;
2883
}
2884
 
2885
.footy-sec ul li {
2886
    display: inline-block;
2887
    padding: 0 10px;
2888
    border-right: 1px solid #ffffff;
2889
}
2890
 
2891
.footy-sec ul li:last-child {
2892
    border-right: none;
2893
}
2894
 
2895
.footy-sec ul li a {
2896
    display: inline-block;
2897
    color: #3b5998;
2898
    font-size: 14px;
2899
    font-weight: 500;
2900
}
2901
 
2902
.footy-sec p img {
2903
    padding-right: 5px;
2904
    float: auto;
2905
    position: relative;
2906
    top: 6px;
2907
}
2908
 
2909
.footy-sec p {
2910
    float: right;
2911
    color: #ffffff;
2912
    font-size: 14px;
2913
    font-weight: 500;
2914
}
2915
 
2916
footer {
2917
    float: left;
2918
    width: 100%;
2919
    background-color: #fff;
2920
}
2921
 
2922
.footy-sec.mn ul {
2923
    padding: 30px 0;
2924
}
2925
 
2926
.footy-sec.mn ul li a {
2927
    color: #b2b2b2;
2928
}
2929
 
2930
.footy-sec.mn ul li a:hover {
2931
    color: #e44d3a;
2932
}
2933
 
2934
.footy-sec.mn ul li {
2935
    border-color: #b2b2b2;
2936
}
2937
 
2938
.footy-sec.mn p {
2939
    color: #b2b2b2;
2940
    margin-top: 30px;
2941
}
2942
 
2943
.fl-rgt {
2944
    float: right;
2945
    margin-top: 34px;
2946
    padding-right: 30px;
2947
}
2948
 
2949
/* ================== USER PROFILE =================== */
2950
 
2951
.cover-sec img {
2952
    width: 100%;
2953
}
2954
 
2955
.cover-sec>a {
2956
    display: inline-block;
2957
    color: #e44d3a;
2958
    font-size: 16px;
2959
    background-color: #fff;
2960
    border: 1px solid #e44d3a;
2961
    position: absolute;
2962
    top: 30px;
2963
    right: 0;
2964
    padding: 10px 15px;
2965
    font-weight: 600;
2966
    margin-right: 15px;
2967
}
2968
 
2969
.cover-sec>a i {
2970
    padding-right: 5px;
2971
}
2972
 
2973
/* ============= user_profile ============= */
2974
 
2975
.user_profile {
2976
    float: left;
2977
    width: 100%;
2978
    background-color: #fff;
2979
    margin-bottom: 20px;
2980
    text-align: center;
2981
    margin-top: -40px;
2982
}
2983
 
2984
.user-pro-img {
2985
    float: left;
2986
    width: 100%;
2987
    text-align: center;
2988
    margin-bottom: 28px;
2989
    position: relative;
2990
}
2991
 
2992
.user-pro-img .add-dp {
2993
    position: absolute;
2994
    top: 10px;
2995
    left: 60%;
2996
}
2997
 
2998
.add-dp i {
2999
    bottom: 0;
3000
    font-size: 14px;
3001
    box-shadow: none;
3002
    position: relative;
3003
    border-radius: 50px;
3004
    width: 40px;
3005
    height: 40px;
3006
    text-align: center;
3007
    background: #e44d3a;
3008
    padding: 12px;
3009
    color: #ffff;
3010
    left: 0;
3011
    top: -5px;
3012
}
3013
 
3014
.add-dp i:hover {
3015
    font-size: 14px;
3016
    border: 2px solid #fff;
3017
    background: #e44d3a;
3018
    padding: 11px;
3019
}
3020
 
3021
.add-dp {
3022
    margin: -16px;
3023
    padding: 0;
3024
}
3025
 
3026
.add-dp input[type="file"] {
3027
    opacity: 0;
3028
    padding: 10px 0px 9px;
3029
    display: none;
3030
}
3031
 
3032
.user-pro-img img {
3033
    -webkit-border-radius: 100px;
3034
    -moz-border-radius: 100px;
3035
    -ms-border-radius: 100px;
3036
    -o-border-radius: 100px;
3037
    border-radius: 100px;
3038
    float: none;
3039
    border: 5px solid #fff;
3040
}
3041
 
3042
.user_pro_status {
3043
    float: left;
3044
    width: 100%;
3045
    border-bottom: 1px solid #e5e5e5;
3046
    padding-bottom: 27px;
3047
}
3048
 
3049
.flw-hr {
3050
    float: left;
3051
    width: 100%;
3052
    margin-bottom: 30px;
3053
}
3054
 
3055
.flw-hr li {
3056
    display: inline-block;
3057
    margin-right: 17px;
3058
}
3059
 
3060
.flw-hr li:last-child {
3061
    margin-right: 0;
3062
}
3063
 
3064
.flw-hr li a {
3065
    display: inline-block;
3066
    color: #ffffff;
3067
    font-size: 16px;
3068
    font-weight: 600;
3069
    padding: 11px 15px;
3070
}
3071
 
3072
.flw-hr li a i {
3073
    padding-right: 5px;
3074
}
3075
 
3076
.flww {
3077
    background-color: #53d690;
3078
}
3079
 
3080
.hre {
3081
    background-color: #51a5fb;
3082
}
3083
 
3084
/* =============== flw-status ============ */
3085
 
3086
.flw-status {
3087
    float: left;
3088
    width: 100%;
3089
}
3090
 
3091
.flw-status li {
3092
    display: inline-block;
3093
    margin-right: 50px;
3094
}
3095
 
3096
.flw-status li:last-child {
3097
    margin-right: 0;
3098
}
3099
 
3100
.flw-status li span {
3101
    color: #686868;
3102
    font-size: 20px;
3103
    font-weight: 500;
3104
    margin-bottom: 15px;
3105
    display: block;
3106
}
3107
 
3108
.flw-status li b {
3109
    color: #000000;
3110
    font-size: 20px;
3111
    font-weight: 600;
3112
}
3113
 
3114
/* ================== social_links ============= */
3115
 
3116
.social_links {
3117
    float: left;
3118
    width: 100%;
3119
    text-align: left;
3120
}
3121
 
3122
.social_links li {
3123
    float: left;
3124
    width: 100%;
3125
    padding: 15px 15px;
3126
    border-bottom: 1px solid #e5e5e5;
3127
}
3128
 
3129
.social_links li a {
3130
    float: left;
3131
    width: 100%;
3132
    color: #51a5fb;
3133
    font-size: 14px;
3134
    font-weight: 400;
3135
    text-overflow: ellipsis;
3136
    white-space: nowrap;
3137
    overflow: hidden;
3138
}
3139
 
3140
.modal-md {
3141
    max-width: 55vw;
3142
}
3143
 
3144
@media(min-width: 721px) {
3145
    .group-view-tab {
3146
        margin-left: 3.5rem;
3147
    }
2197 stevensc 3148
 
1239 steven 3149
    .group-view-tab span {
3150
        text-overflow: ellipsis;
3151
        white-space: nowrap;
3152
        overflow: hidden;
3153
    }
3154
}
3155
 
3156
@media(max-width: 720px) {
3157
    .group-view-tab {
3158
        margin-left: 3.5rem;
3159
    }
3160
}
3161
 
3162
.text-decoration-underline {
3163
    text-decoration: underline !important;
3164
}
3165
 
3166
.ellipsis {
3167
    text-overflow: ellipsis;
3168
    white-space: nowrap;
3169
    overflow: hidden;
3170
}
3171
 
3172
.social_links li a i {
3173
    padding-right: 5px;
3174
    font-size: 20px;
3175
    position: relative;
3176
    top: 3px;
3177
}
3178
 
3179
.la-globe {
3180
    color: #51a5fb;
3181
}
3182
 
3183
/* ================= user-tab-sec ============== */
3184
 
3185
.user-tab-sec {
3186
    float: left;
3187
    width: 100%;
3188
    padding-top: 4px;
3189
}
3190
 
3191
.user-tab-sec h3 {
3192
    color: #000000;
3193
    font-size: 24px;
3194
    font-weight: 600;
3195
    text-transform: capitalize;
3196
    margin-bottom: 15px;
3197
}
3198
 
3199
.star-descp {
3200
    float: left;
3201
    width: 100%;
3202
    margin-bottom: 10px;
3203
}
3204
 
3205
.star-descp ul li {
3206
    margin-right: 5px !important;
3207
}
3208
 
3209
.star-descp>a {
3210
    float: left;
3211
    color: #51a5fb;
3212
    font-size: 18px;
3213
    font-weight: 600;
3214
    margin-left: 20px;
3215
    text-decoration: underline;
3216
}
3217
 
3218
.star-descp>a:hover {
3219
    color: #51a5fb;
3220
}
3221
 
3222
.star-descp span {
3223
    float: left;
3224
    color: #686868;
3225
    font-size: 18px;
3226
    font-weight: 600;
3227
    margin-right: 20px;
3228
}
3229
 
3230
.star-descp>ul {
3231
    float: left;
3232
}
3233
 
3234
.star-descp ul li {
3235
    display: inline-block;
3236
}
3237
 
3238
.star-descp ul li i {
3239
    color: #b7ce1f;
3240
    font-size: 16px;
3241
}
3242
 
3243
.tab-feed {
3244
    float: left;
3245
    width: 100%;
3246
    margin-bottom: 45px;
3247
    margin-top: 20px;
3248
}
3249
 
3250
.tab-feed ul {
3251
    float: left;
3252
    width: 100%;
3253
}
3254
 
3255
.tab-feed ul li {
3256
    display: inline-block;
3257
    margin-right: 35px;
3258
    text-align: center;
3259
}
3260
 
3261
.savetext ul {
3262
    border-bottom: none !important;
3263
}
3264
 
3265
.tab-feed.st2 ul li {
3266
    margin-right: 17px;
3267
}
3268
 
3269
.tab-feed ul li:last-child {
3270
    margin-right: 0;
3271
}
3272
 
3273
.tab-feed ul li.active img {
3274
    filter: grayscale(0);
3275
}
3276
 
3277
.tab-feed ul li.active span {
3278
    color: #e44d3a;
3279
}
3280
 
3281
.tab-feed ul li img {
3282
    float: none;
3283
    margin-bottom: 5px;
3284
    filter: grayscale(100%);
3285
}
3286
 
3287
.tab-feed ul li span {
3288
    display: block;
3289
    color: #b2b2b2;
3290
    font-weight: 400;
3291
    font-size: 16px;
3292
}
3293
 
3294
.tab-feed ul li:last-child {
3295
    margin-right: 0;
3296
}
3297
 
3298
/* ================ message-btn ============= */
3299
 
3300
.message-btn {
3301
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3302
}
3303
 
3304
.message-btn a {
3305
    display: inline-block;
3306
    color: #ffffff;
3307
    font-size: 16px;
3308
    background-color: #e44d3a;
3309
    padding: 12px;
3310
    font-weight: 500;
3311
}
3312
 
3313
.message-btn a:hover {
3314
    color: #fff;
3315
}
3316
 
3317
.message-btn a i {
3318
    padding-right: 5px;
3319
}
3320
 
3321
/* ============== widget-portfolio ============== */
3322
 
3323
.wd-heady {
3324
    float: left;
3325
    width: 100%;
3326
    padding: 20px 20px;
3327
    border-bottom: 1px solid #e5e5e5;
3328
}
3329
 
3330
.wd-heady h3 {
3331
    color: #000000;
3332
    font-size: 18px;
3333
    font-weight: 600;
3334
    float: left;
3335
}
3336
 
3337
.wd-heady img {
3338
    float: right;
3339
}
3340
 
3341
.pf-gallery {
3342
    float: left;
3343
    width: 100%;
3344
    padding: 15px 15px;
3345
}
3346
 
3347
.pf-gallery ul {
3348
    float: left;
3349
    width: 100%;
3350
}
3351
 
3352
.pf-gallery ul li {
3353
    float: left;
3354
    width: 33.33%;
3355
    padding: 5px;
3356
    overflow: hidden;
3357
}
3358
 
3359
.pf-gallery ul li:hover {
3360
    -webkit-transform: scale(1.2);
3361
    -moz-transform: scale(1.2);
3362
    -ms-transform: scale(1.2);
3363
    -o-transform: scale(1.2);
3364
    transform: scale(1.2);
3365
}
3366
 
3367
.pf-gallery img {
3368
    width: 100%;
3369
}
3370
 
3371
.product-feed-tab {
3372
    float: left;
3373
    width: 100%;
3374
    display: none;
3375
}
3376
 
3377
.product-feed-tab.current {
3378
    display: block;
3379
}
3380
 
3381
/* =============== user-profile-ov ================ */
3382
 
3383
.user-profile-ov {
3384
    float: left;
3385
    width: 100%;
3386
    background-color: #fff;
3387
    padding: 30px 20px;
3388
    border-left: 1px solid #e4e4e4;
3389
    border-bottom: 1px solid #e4e4e4;
3390
    border-right: 1px solid #e4e4e4;
3391
    margin-bottom: 20px;
3392
}
3393
 
3394
.user-profile-ov h3 {
3395
    color: #000000;
3396
    font-size: 18px;
3397
    font-weight: 600;
3398
    margin-bottom: 20px;
3399
}
3400
 
3401
.user-profile-ov h3 a {
3402
    color: #000000;
3403
}
3404
 
3405
.user-profile-ov i {
3406
    color: #000000;
3407
    font-size: 13px;
3408
    padding-left: 5px;
3409
}
3410
 
3411
.user-profile-ov h4 {
3412
    font-size: 16px;
3413
    color: #000;
3414
    font-weight: 600;
3415
    margin-bottom: 10px;
3416
}
3417
 
3418
.user-profile-ov p {
3419
    color: #686868;
3420
    font-size: 14px;
3421
    line-height: 24px;
3422
}
3423
 
3424
.user-profile-ov.st2 p {
3425
    margin-bottom: 23px;
3426
}
3427
 
3428
.no-margin {
3429
    margin: 0 !important;
3430
}
3431
 
3432
.user-profile-ov>span {
3433
    color: #686868;
3434
    font-size: 14px;
3435
    float: left;
3436
    width: 100%;
3437
    margin-bottom: 8px;
3438
    margin-top: 3px;
3439
}
3440
 
3441
.user-profile-ov ul {
3442
    float: left;
3443
    width: 100%;
3444
}
3445
 
3446
.user-profile-ov ul li {
3447
    display: inline-block;
3448
    margin-bottom: 10px;
3449
    padding: 0 2px;
3450
}
3451
 
3452
.user-profile-ov ul li a {
3453
    display: inline-block;
3454
    color: #b2b2b2;
3455
    font-size: 14px;
3456
    font-weight: 600;
3457
    background-color: #e5e5e5;
3458
    -webkit-border-radius: 30px;
3459
    -moz-border-radius: 30px;
3460
    -ms-border-radius: 30px;
3461
    -o-border-radius: 30px;
3462
    border-radius: 30px;
3463
    padding: 10px 15px;
3464
}
3465
 
3466
/* ==================== portfolio-gallery-sec ==================== */
3467
 
3468
.portfolio-gallery-sec {
3469
    float: left;
3470
    width: 100%;
3471
    background-color: #fff;
3472
    padding: 30px 20px;
3473
    border-left: 1px solid #e4e4e4;
3474
    border-right: 1px solid #e4e4e4;
3475
    border-bottom: 1px solid #e4e4e4;
3476
}
3477
 
3478
.portfolio-gallery-sec h3 {
3479
    font-weight: 600;
3480
    font-size: 18px;
3481
    margin-bottom: 32px;
3482
    padding-left: 5px;
3483
    float: left;
3484
}
3485
 
3486
.portfolio-btn {
3487
    float: right;
3488
}
3489
 
3490
.portfolio-btn a {
3491
    display: inline-block;
3492
    color: #e44d3a;
3493
    font-size: 16px;
3494
    font-weight: 600;
3495
}
3496
 
3497
.portfolio-btn a i {
3498
    margin-right: 5px;
3499
}
3500
 
3501
.gallery_pf {
3502
    float: left;
3503
    width: 100%;
3504
    margin-bottom: -5px;
3505
}
3506
 
3507
.gallery_pf .col-lg-4 {
3508
    padding: 5px;
3509
}
3510
 
3511
.gallery_pt {
3512
    float: left;
3513
    width: 100%;
3514
    position: relative;
3515
    overflow: hidden;
3516
}
3517
 
3518
.gallery_pt:hover:before {
3519
    opacity: 1;
3520
    visibility: visible;
3521
    height: 100%;
3522
}
3523
 
3524
.gallery_pt:before {
3525
    content: "";
3526
    position: absolute;
3527
    top: 0;
3528
    left: 0;
3529
    width: 100%;
3530
    height: 0;
3531
    background-color: rgba(0, 0, 0, 0.6);
3532
    opacity: 0;
3533
    visibility: hidden;
3534
}
3535
 
3536
.gallery_pt img {
3537
    width: 100%;
3538
    height: 134px;
3539
    object-fit: cover;
3540
}
3541
 
3542
.row {
3543
    margin: 0;
3544
}
3545
 
3546
.gallery_pt>a {
3547
    position: absolute;
3548
    top: 100%;
3549
    left: 0;
3550
    float: left;
3551
    width: 100%;
3552
    text-align: center;
3553
    -webkit-transform: translateY(-50%);
3554
    -moz-transform: translateY(-50%);
3555
    -ms-transform: translateY(-50%);
3556
    -o-transform: translateY(-50%);
3557
    transform: translateY(-50%);
3558
    opacity: 0;
3559
    visibility: hidden;
3560
}
3561
 
3562
.gallery_pt:hover>a {
3563
    opacity: 1;
3564
    visibility: visible;
3565
    top: 50%;
3566
}
3567
 
3568
.gallery_pt>a img {
3569
    float: none;
3570
    width: auto;
3571
    height: auto;
3572
}
3573
 
3574
/* ============== overview-box ============= */
3575
 
3576
.overview-box {
3577
    width: 570px;
3578
    position: fixed;
3579
    top: 50%;
3580
    left: 50%;
3581
    -webkit-transform: translateX(-50%) translateY(-50%);
3582
    -moz-transform: translateX(-50%) translateY(-50%);
3583
    -ms-transform: translateX(-50%) translateY(-50%);
3584
    -o-transform: translateX(-50%) translateY(-50%);
3585
    transform: translateX(-50%) translateY(-50%);
3586
    opacity: 0;
3587
    visibility: hidden;
3588
    z-index: 0;
3589
}
3590
 
3591
.close-box {
3592
    position: absolute;
3593
    top: -20px;
3594
    right: -20px;
3595
    color: #fff;
3596
    font-size: 14px;
3597
    text-align: center;
3598
    width: 22px;
3599
    height: 22px;
3600
    line-height: 22px;
3601
    border: 1px solid #fff;
3602
    -webkit-border-radius: 100px;
3603
    -moz-border-radius: 100px;
3604
    -ms-border-radius: 100px;
3605
    -o-border-radius: 100px;
3606
    border-radius: 100px;
3607
    font-weight: 600;
3608
}
3609
 
3610
.close-box:hover {
3611
    color: #fff;
3612
}
3613
 
3614
.overview-box.open {
3615
    opacity: 1;
3616
    visibility: visible;
3617
    z-index: 99999;
3618
}
3619
 
3620
.overview-edit {
3621
    float: left;
3622
    width: 100%;
3623
    background-color: #fff;
3624
    padding: 30px 20px;
3625
}
3626
 
3627
.overview-edit h3 {
3628
    color: #000000;
3629
    font-size: 18px;
3630
    font-weight: 600;
3631
    float: left;
3632
    width: 100%;
3633
    margin-bottom: 25px;
3634
}
3635
 
3636
.overview-edit span {
3637
    color: #b2b2b2;
3638
    font-size: 12px;
3639
    float: right;
3640
    margin-bottom: 5px;
3641
}
3642
 
3643
.overview-edit form {
3644
    float: left;
3645
    width: 100%;
3646
}
3647
 
3648
.overview-edit form input {
3649
    height: 40px;
3650
    padding-left: 15px;
3651
    margin-bottom: 20px;
3652
}
3653
 
3654
.overview-edit form textarea,
3655
.overview-edit form input,
3656
.overview-edit form select {
3657
    width: 100%;
3658
    border: 1px solid #e5e5e5;
3659
    resize: none;
3660
    color: #b2b2b2;
3661
    font-size: 14px;
3662
}
3663
 
3664
.overview-edit form select {
3665
    line-height: 40px;
3666
    padding-left: 40px;
3667
    margin-bottom: 20px;
3668
}
3669
 
3670
.overview-edit form textarea {
3671
    height: 160px;
3672
    margin-bottom: 30px;
3673
    padding: 15px;
3674
}
3675
 
3676
.save {
3677
    background-color: #e44d3a;
3678
    color: #fff;
3679
    border-color: transparent;
3680
}
3681
 
3682
.save-add {
3683
    background-color: #fff;
3684
    padding: 13px 13px !important;
3685
}
3686
 
3687
.overview-edit button {
3688
    float: left;
3689
    border: 1px solid #e5e5e5;
3690
    font-weight: 600;
3691
    font-size: 16px;
3692
    padding: 13px 34px;
3693
    margin-right: 20px;
3694
    outline: none;
3695
    cursor: pointer;
3696
}
3697
 
3698
.cancel {
3699
    background-color: #fff;
3700
    color: #000;
3701
}
3702
 
3703
.datepicky {
3704
    float: left;
3705
    width: 100%;
3706
}
3707
 
3708
.no-left-pd {
3709
    padding: 0;
3710
}
3711
 
3712
.no-righ-pd {
3713
    padding-right: 0;
3714
}
3715
 
3716
.datefm {
3717
    float: left;
3718
    width: 100%;
3719
    position: relative;
3720
}
3721
 
3722
.datefm i {
3723
    position: absolute;
3724
    top: 11px;
3725
    right: 15px;
3726
    font-size: 18px;
3727
    color: #b2b2b2;
3728
}
3729
 
3730
#location-box .datefm i {
3731
    right: auto;
3732
    left: 15px;
3733
}
3734
 
3735
#location-box .datefm input {
3736
    padding-left: 40px;
3737
}
3738
 
3739
#skills-box ul {
3740
    float: left;
3741
    width: 100%;
3742
    margin-bottom: 20px;
3743
}
3744
 
3745
#skills-box ul li {
3746
    display: inline-block;
3747
    margin-right: 10px;
3748
    position: relative;
3749
}
3750
 
3751
.skl-name {
3752
    display: inline-block;
3753
    color: #b2b2b2;
3754
    font-size: 14px;
3755
    font-weight: 500;
3756
    background-color: #e5e5e5;
3757
    -webkit-border-radius: 30px;
3758
    -moz-border-radius: 30px;
3759
    -ms-border-radius: 30px;
3760
    -o-border-radius: 30px;
3761
    border-radius: 30px;
3762
    text-transform: uppercase;
3763
    padding: 10px 30px 10px 12px;
3764
    position: relative;
3765
}
3766
 
3767
.close-skl {
3768
    position: absolute;
3769
    top: 10px;
3770
    right: 10px;
3771
    color: #b2b2b2;
3772
    font-size: 14px;
3773
}
3774
 
3775
.file-submit {
3776
    border: 1px solid #e5e5e5;
3777
    position: relative;
3778
    padding: 0px;
3779
    height: 40px;
3780
    margin-bottom: 20px;
3781
    border-radius: 3px;
3782
}
3783
 
3784
.file-submit [type="file"] {
3785
    height: 40px;
3786
    overflow: hidden;
3787
    width: 100%;
3788
    float: left;
3789
    position: absolute;
3790
    padding: 10px 4px 0px 12px;
3791
    font-size: 14px;
3792
    opacity: 0;
3793
    display: none;
3794
}
3795
 
3796
.file-submit [type="file"]+label {
3797
    background: #e44d3a;
3798
    border: none;
3799
    float: left;
3800
    border-top-right-radius: 0px;
3801
    border-bottom-right-radius: 0px;
3802
    border-top-left-radius: 3px;
3803
    border-bottom-left-radius: 3px;
3804
    color: #fff;
3805
    cursor: pointer;
3806
    /* display: inline-block; */
3807
    font-size: 14px;
3808
    font-weight: 500;
3809
    outline: none;
3810
    padding: 12px 15px;
3811
    position: relative;
3812
    transition: all 0.3s;
3813
    vertical-align: middle;
3814
    margin: 0;
3815
}
3816
 
3817
.file-submit.nomg {
3818
    border: 0;
3819
    margin-bottom: 20px;
3820
}
3821
 
3822
.file-submit.nomg input {
3823
    margin-bottom: 0;
3824
    padding-top: 0;
3825
}
3826
 
3827
.daty {
3828
    float: left;
3829
    width: 100%;
3830
    position: relative;
3831
}
3832
 
3833
.daty>i {
3834
    position: absolute;
3835
    top: 10px;
3836
    right: 15px;
3837
    color: #b2b2b2;
3838
    font-size: 20px;
3839
}
3840
 
3841
a:hover {
3842
    color: initial;
3843
}
3844
 
3845
.pf-img {
3846
    float: left;
3847
    width: 100%;
3848
    background-color: #f2f2f2;
3849
    padding: 15px;
3850
    margin-bottom: 20px;
3851
}
3852
 
3853
/* ================= billing-method ============== */
3854
 
3855
.billing-method {
3856
    float: left;
3857
    width: 100%;
3858
    background-color: #fff;
3859
    border-left: 1px solid #e4e4e4;
3860
    border-right: 1px solid #e4e4e4;
3861
    border-bottom: 1px solid #e4e4e4;
3862
    margin-bottom: 20px;
3863
}
3864
 
3865
.billing-method ul {
3866
    float: left;
3867
    width: 100%;
3868
}
3869
 
3870
.billing-method ul li {
3871
    float: left;
3872
    width: 100%;
3873
    border-bottom: 1px solid #e5e5e5;
3874
    padding: 25px 20px;
3875
}
3876
 
3877
.billing-method ul li h3 {
3878
    color: #000000;
3879
    font-size: 18px;
3880
    font-weight: 600;
3881
    float: left;
3882
}
3883
 
3884
.billing-method ul li a,
3885
.billing-method ul li span {
3886
    float: right;
3887
    color: #000000;
3888
    font-size: 13px;
3889
    text-transform: capitalize;
3890
    font-weight: 600;
3891
    margin-top: 3px;
3892
}
3893
 
3894
.billing-method ul li i {
3895
    font-size: 13px;
3896
    color: #e44d3a;
3897
}
3898
 
3899
.lt-sec {
3900
    float: left;
3901
    width: 100%;
3902
    text-align: center;
3903
    padding: 30px 0;
3904
}
3905
 
3906
.lt-sec img {
3907
    float: none;
3908
    margin-bottom: 15px;
3909
}
3910
 
3911
.lt-sec h4 {
3912
    color: #686868;
3913
    font-size: 18px;
3914
    font-weight: 600;
3915
    margin-bottom: 25px;
3916
}
3917
 
3918
.lt-sec>a {
3919
    display: inline-block;
3920
    color: #ffffff;
3921
    font-size: 16px;
3922
    background-color: #e44d3a;
3923
    padding: 10px 25px;
3924
}
3925
 
3926
/* ============== add-billing-method ============== */
3927
 
3928
.add-billing-method {
3929
    float: left;
3930
    width: 100%;
3931
    background-color: #fff;
3932
    border-left: 1px solid #e4e4e4;
3933
    border-right: 1px solid #e4e4e4;
3934
    border-bottom: 1px solid #e4e4e4;
3935
}
3936
 
3937
.add-billing-method h3 {
3938
    color: #000000;
3939
    font-size: 18px;
3940
    font-weight: 600;
3941
    padding: 20px 20px;
3942
    border-bottom: 1px solid #e5e5e5;
3943
}
3944
 
3945
.add-billing-method>h4 {
3946
    color: #686868;
3947
    font-size: 13px;
3948
    font-weight: 500;
3949
    padding: 20px 20px;
3950
    border-bottom: 1px solid #e5e5e5;
3951
    float: left;
3952
    width: 100%;
3953
}
3954
 
3955
.add-billing-method img {
3956
    margin-right: 10px;
3957
}
3958
 
3959
.add-billing-method span {
3960
    margin-top: 4px;
3961
    float: left;
3962
}
3963
 
3964
/* ============= payment_methods ============ */
3965
 
3966
.payment_methods {
3967
    float: left;
3968
    width: 100%;
3969
}
3970
 
3971
.payment_methods>h4 {
3972
    color: #000000;
3973
    font-size: 16px;
3974
    font-weight: 600;
3975
    position: relative;
3976
    padding: 25px 20px 25px 45px;
3977
    float: left;
3978
    width: 100%;
3979
}
3980
 
3981
.rowwy {
3982
    float: left;
3983
    width: 100%;
3984
}
3985
 
3986
.pd-left-none {
3987
    padding-left: 0;
3988
}
3989
 
3990
.pd-right-none {
3991
    padding-right: 0;
3992
}
3993
 
3994
.payment_methods h4:before {
3995
    content: "";
3996
    position: absolute;
3997
    top: 50%;
3998
    -webkit-transform: translateY(-50%);
3999
    -moz-transform: translateY(-50%);
4000
    -ms-transform: translateY(-50%);
4001
    -o-transform: translateY(-50%);
4002
    transform: translateY(-50%);
4003
    left: 20px;
4004
    width: 15px;
4005
    height: 15px;
4006
    border: 1px solid #e6e6e6;
4007
    -webkit-border-radius: 100px;
4008
    -moz-border-radius: 100px;
4009
    -ms-border-radius: 100px;
4010
    -o-border-radius: 100px;
4011
    border-radius: 100px;
4012
}
4013
 
4014
.payment_methods h4:after {
4015
    content: "";
4016
    position: absolute;
4017
    top: 50%;
4018
    -webkit-transform: translateY(-50%);
4019
    -moz-transform: translateY(-50%);
4020
    -ms-transform: translateY(-50%);
4021
    -o-transform: translateY(-50%);
4022
    transform: translateY(-50%);
4023
    left: 24px;
4024
    width: 7px;
4025
    height: 7px;
4026
    background-color: #e44d3a;
4027
    -webkit-border-radius: 100px;
4028
    -moz-border-radius: 100px;
4029
    -ms-border-radius: 100px;
4030
    -o-border-radius: 100px;
4031
    border-radius: 100px;
4032
}
4033
 
4034
.payment_methods form {
4035
    float: left;
4036
    width: 100%;
4037
    padding-bottom: 30px;
4038
    border-bottom: 1px solid #e5e5e5;
4039
}
4040
 
4041
.payment_methods form button {
4042
    color: #ffffff;
4043
    font-size: 16px;
4044
    background-color: #e44d3a;
4045
    padding: 10px 15px;
4046
    border: 0;
4047
    cursor: pointer;
4048
}
4049
 
4050
.payment_methods form input {
4051
    width: 100%;
4052
    height: 40px;
4053
    border: 1px solid #e5e5e5;
4054
    padding: 0 12px;
4055
}
4056
 
4057
.cc-head {
4058
    float: left;
4059
    width: 100%;
4060
    margin-bottom: 10px;
4061
}
4062
 
4063
.cc-head h5 {
4064
    float: left;
4065
    color: #000000;
4066
    font-size: 16px;
4067
    font-weight: 600;
4068
    margin-top: 4px;
4069
}
4070
 
4071
.cc-head h5 i {
4072
    color: #b2b2b2;
4073
    font-size: 14px;
4074
}
4075
 
4076
.cc-head ul {
4077
    float: right;
4078
}
4079
 
4080
.cc-head ul li {
4081
    display: inline-block;
4082
}
4083
 
4084
.inpt-field {
4085
    float: left;
4086
    width: 100%;
4087
    position: relative;
4088
    margin-bottom: 20px;
4089
}
4090
 
4091
.no-pdd {
4092
    padding: 0;
4093
}
4094
 
4095
.inpt-field.pd-moree input {
4096
    padding-left: 40px !important;
4097
}
4098
 
4099
.inpt-field i {
4100
    color: #b2b2b2;
4101
    font-size: 18px;
4102
    position: absolute;
4103
    top: 50%;
4104
    left: 15px;
4105
    -webkit-transform: translateY(-50%);
4106
    -moz-transform: translateY(-50%);
4107
    -ms-transform: translateY(-50%);
4108
    -o-transform: translateY(-50%);
4109
    transform: translateY(-50%);
4110
}
4111
 
4112
/* ============== companies-info ============== */
4113
 
4114
.companies-info {
4115
    padding: 60px 0;
4116
}
4117
 
4118
.company-title {
4119
    float: left;
4120
    width: 100%;
4121
    margin-bottom: 20px;
4122
    padding: 0 1.9rem;
4123
}
4124
 
4125
.default-link {
4126
    color: #0860bf;
4127
}
4128
 
4129
.default-link:hover {
4130
    font-weight: bold;
4131
    color: #0860bf;
4132
    transition: all .5s;
4133
}
4134
 
4135
.company-title h3 {
4136
    color: #000000;
4137
    font-size: 20px;
4138
    font-weight: 600;
4139
    background-color: #fff;
4140
    padding: 10px 15px;
4141
}
4142
 
4143
.companies-list {
4144
    float: left;
4145
    width: 100%;
4146
    margin-bottom: -30px;
4147
}
4148
 
4149
.companies-list .slick-list {
4150
    max-height: 47vh;
4151
}
4152
 
4153
.slick-prev:before,
4154
.slick-next:before {
4155
    color: #000 !important;
4156
}
4157
 
4158
.company_profile_info {
4159
    /* float: left; */
4160
    width: 100%;
4161
    background-color: #fff;
4162
    text-align: center;
4163
    border-left: 1px solid #e4e4e4;
4164
    border-right: 1px solid #e4e4e4;
4165
    border-bottom: 1px solid #e4e4e4;
4166
    margin-bottom: 30px;
4167
}
4168
 
4169
.company-up-info {
4170
    /* float: left; */
4171
    width: 100%;
4172
    padding: 20px 0;
4173
    border-bottom: 1px solid #e5e5e5;
4174
}
4175
 
4176
.company-up-info .description {
4177
    margin-bottom: 10px;
4178
}
4179
 
4180
.company-up-info img {
4181
    float: none;
4182
    margin-bottom: 10px;
4183
    -webkit-border-radius: 100px;
4184
    -moz-border-radius: 100px;
4185
    -ms-border-radius: 100px;
4186
    -o-border-radius: 100px;
4187
    border-radius: 100px;
4188
    height: 90px;
4189
    object-fit: cover;
4190
}
4191
 
4192
.company-up-info h3 {
4193
    color: #000000;
4194
    font-size: 18px;
4195
    font-weight: 600;
4196
    margin-bottom: 10px;
4197
}
4198
 
4199
.company-up-info h4 {
4200
    color: #686868;
4201
    font-size: 14px;
4202
    font-weight: 500;
4203
    margin-bottom: 21px;
4204
}
4205
 
4206
.company-up-info h6 {
4207
    color: #686868;
4208
    font-size: 15px;
4209
    font-weight: 500;
4210
    margin-bottom: 10px;
4211
}
4212
 
4213
.company-up-info ul {
4214
    /* float: left; */
4215
    width: 100%;
4216
}
4217
 
4218
.company-up-info ul li {
4219
    display: inline-block;
4220
    margin-right: 6px;
4221
}
4222
 
4223
.company-up-info ul li a i {
4224
    font-size: 24px;
4225
    position: relative;
4226
    top: 3px;
4227
}
4228
 
4229
.follow {
4230
    background-color: #53d690;
4231
}
4232
 
4233
.message-us {
4234
    background-color: #e44d3a;
4235
}
4236
 
4237
.hire-us {
4238
    background-color: #51a5fb;
4239
}
4240
 
4241
.company_profile_info .cancelButton {
4242
    display: inline-block;
4243
    color: #000000;
4244
    font-size: 16px;
4245
    font-weight: 500;
4246
    margin: 18px 0;
4247
}
4248
 
4249
/* ============= search-sec ============= */
4250
 
4251
.search-sec {
4252
    float: left;
4253
    width: 100%;
4254
    margin: 30px 0 0 0;
4255
}
4256
 
4257
.search-box {
4258
    float: left;
4259
    width: 100%;
1809 steven 4260
    padding: 2.1%;
1239 steven 4261
}
4262
 
4263
.search-box form {
4264
    float: left;
4265
    width: 100%;
4266
    position: relative;
4267
}
4268
 
4269
.search-box form input {
4270
    width: 100%;
4271
    height: 40px;
4272
    padding: 0 15px;
1808 steven 4273
    background: var(--background-light-gray);
1807 steven 4274
    color: var(--gray);
1239 steven 4275
    font-size: 14px;
1808 steven 4276
    border: solid 1px var(--border-light-gray);
1239 steven 4277
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4278
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4279
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4280
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4281
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4282
}
4283
 
1803 steven 4284
.search-box form button {
4285
    position: absolute;
4286
    top: 0;
4287
    right: 0;
1804 steven 4288
    border: solid 1px var(--border-light-gray);
1806 steven 4289
    color: var(--gray);
1803 steven 4290
    font-size: 16px;
4291
    font-weight: 500;
4292
    height: 100%;
4293
    padding: 0 28px;
4294
    cursor: pointer;
4295
    -webkit-border-radius: 0 4px 4px 0;
4296
    -moz-border-radius: 0 4px 4px 0;
4297
    -ms-border-radius: 0 4px 4px 0;
4298
    -o-border-radius: 0 4px 4px 0;
4299
    border-radius: 0 4px 4px 0;
4300
}
4301
 
1239 steven 4302
/* =============== filter-secs ============== */
4303
 
4304
.filter-secs {
4305
    float: left;
4306
    width: 100%;
4307
    /* background-color: #fff; */
4308
    box-shadow: 0px 2px #e4e4e4;
4309
    border: 1px solid #e5e5e5;
4310
}
4311
 
4312
.filter-heading {
4313
    float: left;
4314
    width: 100%;
4315
    padding: 15px 20px;
4316
    border-bottom: 1px solid #e5e5e5;
4317
    margin-bottom: 15px;
4318
}
4319
 
4320
.filter-heading h3 {
4321
    float: left;
4322
    color: #e44d3a;
4323
    font-size: 18px;
4324
    font-weight: 600;
4325
}
4326
 
4327
.filter-heading a {
4328
    float: right;
4329
    color: #686868;
4330
    font-size: 14px;
4331
    margin-top: 4px;
4332
}
4333
 
4334
.filter-ttl {
4335
    float: left;
4336
    width: 100%;
4337
    border-bottom: 1px solid #e5e5e5;
4338
    padding: 0 0 16px 0;
4339
    margin-bottom: 10px;
4340
}
4341
 
4342
.filter--tt2 {
4343
    margin-bottom: 0px !important;
4344
}
4345
 
4346
.top--1 {
4347
    margin-top: 20px;
4348
}
4349
 
4350
.filter--tt2 .dropdown .dropdown-menu a {
4351
    float: none;
4352
    color: #666666 !important;
4353
    margin-bottom: 12px !important;
4354
}
4355
 
4356
.filter--tt2 .dropdown .dropdown-menu a:hover {
4357
    color: #e44d3a !important;
4358
    background: none !important;
4359
}
4360
 
4361
.filter--tt2 .dropdown .dropdown-menu a:focus {
4362
    color: #e44d3a !important;
4363
    background: none !important;
4364
}
4365
 
4366
.filter--tt2 a {
4367
    float: left !important;
4368
    padding: 0 0 0 15px !important;
4369
    font-size: 16px !important;
4370
    color: #000000 !important;
4371
    font-weight: 500 !important;
4372
}
4373
 
4374
.filter-ttl h3 {
4375
    float: left;
4376
    padding: 0;
4377
    font-size: 16px;
4378
    color: #000000;
4379
    font-weight: 400;
4380
}
4381
 
4382
.filter-ttl a {
4383
    float: right;
4384
    font-size: 14px;
4385
    color: #666666;
4386
}
4387
 
4388
.filter-ttl .dropdown a {
4389
    float: none;
4390
    color: #666666;
4391
}
4392
 
4393
.filter-dd {
4394
    float: left;
4395
    width: 100%;
4396
    margin-bottom: 15px;
4397
}
4398
 
4399
.filter-dd form {
4400
    float: left;
4401
    width: 100%;
4402
    position: relative;
4403
}
4404
 
4405
.filter-dd form input,
4406
.filter-dd form select {
4407
    width: 100%;
4408
    height: 30px;
4409
    background-color: #f2f2f2;
4410
    padding: 0 10px;
4411
    color: #b2b2b2;
4412
    font-size: 12px;
4413
    font-weight: 600;
4414
    border: 0;
4415
    border: 1px solid #e5e5e5;
4416
}
4417
 
4418
.job-tp i {
4419
    color: #666666;
4420
    position: absolute;
4421
    top: 9px;
4422
    right: 15px;
4423
    font-size: 14px;
4424
}
4425
 
4426
.avail-checks {
4427
    float: left;
4428
    width: 100%;
4429
    margin-top: 7px;
4430
}
4431
 
4432
.avail-checks li {
4433
    float: left;
4434
    width: 100%;
4435
    margin-bottom: 10px;
4436
}
4437
 
4438
.avail-checks li:last-child {
4439
    margin-bottom: 0;
4440
}
4441
 
4442
.avail-checks li input[type="radio"] {
4443
    display: none;
4444
}
4445
 
4446
.avail-checks li label {
4447
    float: left;
4448
}
4449
 
4450
.avail-checks li input[type="radio"]+label span {
4451
    display: inline-block;
4452
    width: 15px;
4453
    height: 15px;
4454
    position: relative;
4455
    margin-top: 3px;
4456
    border: 1px solid #d2d2d2;
4457
    -webkit-border-radius: 100px;
4458
    -moz-border-radius: 100px;
4459
    -ms-border-radius: 100px;
4460
    -o-border-radius: 100px;
4461
    border-radius: 100px;
4462
}
4463
 
4464
.avail-checks li input[type="radio"]+label span:before {
4465
    content: "";
4466
    opacity: 0;
4467
    visibility: hidden;
4468
    position: absolute;
4469
    width: 7px;
4470
    height: 7px;
4471
    -webkit-border-radius: 100px;
4472
    -moz-border-radius: 100px;
4473
    -ms-border-radius: 100px;
4474
    -o-border-radius: 100px;
4475
    border-radius: 100px;
4476
    background-color: #e44d3a;
4477
    top: 3px;
4478
    left: 3px;
4479
}
4480
 
4481
.avail-checks li input[type="radio"]:checked+label span:before {
4482
    opacity: 1;
4483
    visibility: visible;
4484
}
4485
 
4486
.avail-checks li small {
4487
    color: #909090;
4488
    font-size: 14px;
4489
    padding-left: 10px;
4490
    font-weight: 500;
4491
}
4492
 
4493
/* =========== Range Slider ========== */
4494
 
4495
.rg-slider {
4496
    float: left;
4497
    width: 100%;
4498
}
4499
 
4500
.slider-container {
4501
    width: 100% !important;
4502
    padding-top: 50px;
4503
    position: relative;
4504
}
4505
 
4506
.theme-green .back-bar {
4507
    height: 5px;
4508
    border: 1px solid #e5e5e5;
4509
    -webkit-border-radius: 30px;
4510
    -moz-border-radius: 30px;
4511
    -ms-border-radius: 30px;
4512
    -o-border-radius: 30px;
4513
    border-radius: 30px;
4514
}
4515
 
4516
.theme-green .back-bar .pointer {
4517
    width: 17px;
4518
    height: 17px;
4519
    -webkit-border-radius: 100px;
4520
    -moz-border-radius: 100px;
4521
    -ms-border-radius: 100px;
4522
    -o-border-radius: 100px;
4523
    border-radius: 100px;
4524
    background-color: #e44d3a;
4525
    border: 2px solid #e3e3e3;
4526
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4527
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4528
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4529
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4530
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4531
}
4532
 
4533
.theme-green .back-bar .pointer {
4534
    top: -7px;
4535
}
4536
 
4537
.slider-container .back-bar .pointer-label {
4538
    top: -50px;
4539
    height: 26px;
4540
    background-color: #e5e5e5;
4541
    -webkit-border-radius: 30px;
4542
    -moz-border-radius: 30px;
4543
    -ms-border-radius: 30px;
4544
    -o-border-radius: 30px;
4545
    border-radius: 30px;
4546
    line-height: 26px;
4547
    width: 50px;
4548
}
4549
 
4550
.pointer-label.low {
4551
    left: 0 !important;
4552
}
4553
 
4554
.pointer-label.high {
4555
    left: 70px !important;
4556
}
4557
 
4558
.pointer-label.low:before {
4559
    content: "";
4560
    position: absolute;
4561
    top: 13px;
4562
    right: -14px;
4563
    width: 8px;
4564
    height: 1px;
4565
    background-color: #e5e5e5;
4566
}
4567
 
4568
.rg-limit {
4569
    float: left;
4570
    width: 100%;
4571
    margin-top: 16px;
4572
}
4573
 
4574
.rg-limit h4 {
4575
    color: #686868;
4576
    font-size: 15px;
4577
    font-weight: 600;
4578
    float: left;
4579
}
4580
 
4581
.rg-limit h4:last-child {
4582
    float: right;
4583
}
4584
 
4585
/* ============== chatbox-list ============== */
4586
 
4587
.chatbox-list {
4588
    position: fixed;
4589
    bottom: 0;
4590
    right: 0;
4591
}
4592
 
4593
.chatbox {
4594
    display: inline-block;
4595
    margin-right: 13px;
4596
    position: relative;
4597
}
4598
 
4599
.chat-mg {
4600
    display: inline-block;
4601
    position: relative;
4602
}
4603
 
4604
.chat-mg img {
4605
    width: 70px;
4606
    height: 70px;
4607
    -webkit-border-radius: 100px;
4608
    -moz-border-radius: 100px;
4609
    -ms-border-radius: 100px;
4610
    -o-border-radius: 100px;
4611
    border-radius: 100px;
4612
}
4613
 
4614
.chat-mg span {
4615
    position: absolute;
4616
    top: -5px;
4617
    right: 10px;
4618
    width: 20px;
4619
    height: 20px;
4620
    background-color: #e44d3a;
4621
    text-align: center;
4622
    font-size: 12px;
4623
    color: #fff;
4624
    line-height: 20px;
4625
    -webkit-border-radius: 100px;
4626
    -moz-border-radius: 100px;
4627
    -ms-border-radius: 100px;
4628
    -o-border-radius: 100px;
4629
    border-radius: 100px;
4630
}
4631
 
4632
.chat-mg.bx img {
4633
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4634
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4635
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4636
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4637
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4638
}
4639
 
4640
.conversation-box {
4641
    position: absolute;
4642
    bottom: 132%;
4643
    right: 100%;
4644
    width: 350px;
4645
    background-color: #fff;
4646
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4647
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4648
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4649
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4650
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4651
    opacity: 0;
4652
    visibility: hidden;
4653
    z-index: 0;
4654
}
4655
 
4656
.conversation-box.active {
4657
    opacity: 1;
4658
    visibility: visible;
4659
    z-index: 9999;
4660
}
4661
 
4662
.conversation-box:before {
4663
    content: "";
4664
    position: absolute;
4665
    bottom: -7px;
4666
    right: 26px;
4667
    border-top: 15px solid #fff;
4668
    border-right: 15px solid transparent;
4669
    -webkit-transform: rotate(225deg);
4670
    -moz-transform: rotate(225deg);
4671
    -ms-transform: rotate(225deg);
4672
    -o-transform: rotate(225deg);
4673
    transform: rotate(225deg);
4674
}
4675
 
4676
.con-title {
4677
    float: left;
4678
    width: 100%;
4679
    background-color: #e44d3a;
4680
    padding: 15px 25px;
4681
    -webkit-border-radius: 10px 10px 0 0;
4682
    -moz-border-radius: 10px 10px 0 0;
4683
    -ms-border-radius: 10px 10px 0 0;
4684
    -o-border-radius: 10px 10px 0 0;
4685
    border-radius: 10px 10px 0 0;
4686
}
4687
 
4688
.con-title h3 {
4689
    float: left;
4690
    color: #ffffff;
4691
    font-size: 16px;
4692
    font-weight: 600;
4693
}
4694
 
4695
.con-title>a {
4696
    float: right;
4697
    color: #fff;
4698
    font-size: 20px;
4699
}
4700
 
4701
.chat-list {
4702
    float: left;
4703
    width: 100%;
4704
    min-height: 390px;
4705
}
4706
 
4707
.conv-list {
4708
    float: left;
4709
    width: 100%;
4710
    display: table;
4711
    padding: 20px 25px;
4712
    position: relative;
4713
}
4714
 
4715
.conv-list:hover,
4716
.conv-list.active {
4717
    background-color: #efefef;
4718
}
4719
 
4720
.msg-numbers {
4721
    position: absolute;
4722
    bottom: 18px;
4723
    right: 25px;
4724
    width: 25px;
4725
    height: 25px;
4726
    background-color: #e77667;
4727
    text-align: center;
4728
    line-height: 25px;
4729
    color: #fff;
4730
    font-size: 13px;
4731
    -webkit-border-radius: 100px;
4732
    -moz-border-radius: 100px;
4733
    -ms-border-radius: 100px;
4734
    -o-border-radius: 100px;
4735
    border-radius: 100px;
4736
}
4737
 
4738
.usrr-pic {
4739
    display: table-cell;
4740
    position: relative;
4741
}
4742
 
4743
.active-status {
4744
    width: 9px;
4745
    height: 9px;
4746
    border: 2px solid #ecf5fb;
4747
    -webkit-border-radius: 100px;
4748
    -moz-border-radius: 100px;
4749
    -ms-border-radius: 100px;
4750
    -o-border-radius: 100px;
4751
    border-radius: 100px;
4752
    position: absolute;
4753
    top: -3px;
4754
    right: 0;
4755
}
4756
 
4757
.activee {
4758
    background-color: #e44d3a;
4759
}
4760
 
4761
.usy-info {
4762
    display: table-cell;
4763
    vertical-align: top;
4764
    width: 100%;
4765
    padding-left: 15px;
4766
}
4767
 
4768
.usy-info h3 {
4769
    color: #000000;
4770
    font-size: 18px;
4771
    font-weight: 600;
4772
    margin-bottom: 5px;
4773
}
4774
 
4775
.usy-info span {
4776
    color: #686868;
4777
    font-size: 16px;
4778
    float: left;
4779
}
4780
 
4781
.usy-info span img {
4782
    padding-left: 5px;
4783
    float: right;
4784
}
4785
 
4786
.ct-time {
4787
    position: absolute;
4788
    top: 20px;
4789
    right: 25px;
4790
}
4791
 
4792
.ct-time span {
4793
    color: #b2b2b2;
4794
    font-size: 14px;
4795
}
4796
 
4797
.st-icons {
4798
    float: right;
4799
    margin-top: 7px;
4800
}
4801
 
4802
.st-icons a {
4803
    color: #fff;
4804
    font-size: 20px;
4805
    margin-right: 5px;
4806
}
4807
 
4808
.chat-hist {
4809
    float: left;
4810
    width: 100%;
4811
    background-color: #fff;
4812
    height: 280px;
4813
}
4814
 
4815
.chat-msg {
4816
    float: left;
4817
    width: 100%;
4818
    padding-right: 25px;
4819
    margin-bottom: 15px;
4820
}
4821
 
4822
.chat-msg p {
4823
    color: #ffffff;
4824
    font-size: 14px;
4825
    background-color: #e44d3a;
4826
    line-height: 18px;
4827
    -webkit-border-radius: 15px;
4828
    -moz-border-radius: 15px;
4829
    -ms-border-radius: 15px;
4830
    -o-border-radius: 15px;
4831
    border-radius: 15px;
4832
    padding: 10px 15px;
4833
    width: 80%;
4834
    float: right;
4835
    margin-bottom: 10px;
4836
}
4837
 
4838
.mg-3 {
4839
    margin-bottom: 3px;
4840
}
4841
 
4842
.chat-msg span {
4843
    float: right;
4844
    color: #b1b1b1;
4845
    width: 100%;
4846
    font-size: 9px;
4847
    text-align: right;
4848
}
4849
 
4850
.status-info {
4851
    width: 8px;
4852
    height: 8px;
4853
    background-color: #fff;
4854
    -webkit-border-radius: 100px;
4855
    -moz-border-radius: 100px;
4856
    -ms-border-radius: 100px;
4857
    -o-border-radius: 100px;
4858
    border-radius: 100px;
4859
    display: inline-block;
4860
    margin-left: 7px;
4861
}
4862
 
4863
.chat-user-info h3 {
4864
    margin-top: 7px;
4865
    margin-left: 10px;
4866
}
4867
 
4868
.date-nd {
4869
    float: left;
4870
    width: 100%;
4871
    text-align: center;
4872
    margin-bottom: 20px;
4873
    position: relative;
4874
}
4875
 
4876
.date-nd:before,
4877
.date-nd:after {
4878
    content: "";
4879
    position: absolute;
4880
    top: 10px;
4881
    left: 15px;
4882
    width: 92px;
4883
    height: 1px;
4884
    background-color: #e5e5e5;
4885
}
4886
 
4887
.date-nd:after {
4888
    left: auto;
4889
    right: 15px;
4890
}
4891
 
4892
.date-nd span {
4893
    color: #b1b1b1;
4894
    font-size: 12px;
4895
    text-align: center;
4896
}
4897
 
4898
.chat-msg.st2 p {
4899
    background-color: #efefef;
4900
    color: #686868;
4901
    float: left;
4902
    width: 55%;
4903
}
4904
 
4905
.chat-msg.st2 {
4906
    padding-left: 25px;
4907
}
4908
 
4909
.chat-msg.st2 span {
4910
    float: left;
4911
    text-align: left;
4912
}
4913
 
4914
/* =========== typing-msg =========== */
4915
 
4916
.typing-msg {
4917
    float: left;
4918
    width: 100%;
4919
    border-top: 1px solid #e6e6e6;
4920
    padding-top: 15px;
4921
}
4922
 
4923
.typing-msg form {
4924
    float: left;
4925
    width: 100%;
4926
    position: relative;
4927
}
4928
 
4929
.typing-msg form textarea {
4930
    width: 100%;
4931
    height: 30px;
4932
    background-color: #fff;
4933
    padding: 0 20px;
4934
    color: #b2b2b2;
4935
    font-size: 16px;
4936
    border: 0;
4937
    resize: none;
4938
}
4939
 
4940
.typing-msg form button {
4941
    color: #e44d3a;
4942
    font-size: 18px;
4943
    font-weight: 600;
4944
    position: absolute;
4945
    top: 2px;
4946
    right: 20px;
4947
    background: none;
4948
    border: 0;
4949
    cursor: pointer;
4950
}
4951
 
4952
.ft-options {
4953
    float: left;
4954
    width: 100%;
4955
    padding: 0 20px 8px 20px;
4956
}
4957
 
4958
.ft-options li {
4959
    display: inline-block;
4960
    margin-right: 15px;
4961
}
4962
 
4963
.ft-options li a {
4964
    color: #b2b2b2;
4965
    font-size: 24px;
4966
    display: inline-block;
4967
}
4968
 
4969
.mCSB_scrollTools {
4970
    right: -5px;
4971
}
4972
 
4973
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4974
    background-color: #cccccc;
4975
    width: 5px;
4976
}
4977
 
4978
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4979
    opacity: 0;
4980
}
4981
 
4982
/* ============ Menu Btn =============*/
4983
 
4984
.menu-btn {
4985
    float: right;
4986
    display: none;
4987
}
4988
 
4989
.menu-btn a {
4990
    font-size: 24px;
4991
    color: #fff;
4992
    display: inline-block;
4993
    padding-top: 16px;
4994
    padding-left: 20px;
4995
}
4996
 
4997
/* ============= account-tabs-setting ============ */
4998
 
4999
/* .profile-account-setting {} */
5000
 
5001
.account-tabs-setting {
5002
    float: left;
5003
    width: 100%;
5004
    padding: 70px 0;
5005
}
5006
 
5007
.acc-leftbar {
5008
    float: left;
5009
    width: 100%;
5010
    background-color: #fff;
5011
    border-left: 1px solid #e5e5e5;
5012
    border-bottom: 1px solid #e5e5e5;
5013
    border-right: 1px solid #e5e5e5;
5014
}
5015
 
5016
.acc-leftbar .nav-tabs>a {
5017
    float: left;
5018
    width: 100%;
5019
    background: none;
5020
    padding: 18px 20px;
5021
    border-bottom: 1px solid #e5e5e5;
5022
    border-left: 0;
5023
    border-right: 0;
5024
    color: #000000;
5025
    font-size: 16px;
5026
    font-weight: 500;
5027
    -webkit-border-radius: 0;
5028
    -moz-border-radius: 0;
5029
    -ms-border-radius: 0;
5030
    -o-border-radius: 0;
5031
    border-radius: 0;
5032
    border-top: 0;
5033
}
5034
 
5035
.nav-tabs {
5036
    border-bottom: 0;
5037
}
5038
 
5039
.acc-leftbar .nav-tabs>a:last-child {
5040
    border-bottom: 0;
5041
}
5042
 
5043
.acc-leftbar .nav-tabs>a i {
5044
    padding-right: 15px;
5045
    font-size: 20px;
5046
    position: relative;
5047
    top: 2px;
5048
    font-weight: 700;
5049
    width: 40px;
5050
}
5051
 
5052
.nav-tabs .nav-item.show .nav-link,
5053
.nav-tabs .nav-link.active {
5054
    background-color: inherit;
5055
    color: #e44d3a;
5056
    border-color: inherit;
5057
}
5058
 
5059
/* ============= acc-setting ============ */
5060
 
5061
.acc-setting {
5062
    float: left;
5063
    width: 100%;
5064
    background-color: #fff;
5065
    border-left: 1px solid #e5e5e5;
5066
    border-bottom: 1px solid #e5e5e5;
5067
    border-right: 1px solid #e5e5e5;
5068
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5069
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5070
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5071
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5072
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5073
}
5074
 
5075
.acc-setting form {
5076
    float: left;
5077
    width: 100%;
5078
}
5079
 
5080
.acc-setting>h3 {
5081
    width: 100%;
5082
    color: #000000;
5083
    font-weight: 600;
5084
    font-size: 18px;
5085
    text-transform: capitalize;
5086
    border-bottom: 1px solid #e5e5e5;
5087
    padding: 17px 20px;
5088
}
5089
 
5090
.notbar {
5091
    float: left;
5092
    width: 100%;
5093
    border-bottom: 1px solid #e5e5e5;
5094
    padding: 20px;
5095
    position: relative;
5096
}
5097
 
5098
.notbar h4 {
5099
    color: #000000;
5100
    font-size: 16px;
5101
    font-weight: 600;
5102
    margin-bottom: 5px;
5103
}
5104
 
5105
.notbar p {
5106
    color: #686868;
5107
    font-size: 14px;
5108
    line-height: 24px;
5109
    width: 75%;
5110
}
5111
 
5112
.toggle-btn {
5113
    position: absolute;
5114
    top: 35px;
5115
    right: 20px;
5116
}
5117
 
5118
.save-stngs {
5119
    float: left;
5120
    width: 100%;
5121
    padding: 30px 20px 50px 20px;
5122
}
5123
 
5124
.save-stngs.pd2 {
5125
    padding: 25px 20px 42px 20px;
5126
}
5127
 
5128
.save-stngs.pd3 {
5129
    padding: 25px 20px 25px 20px;
5130
}
5131
 
5132
.save-stngs ul li {
5133
    display: inline-block;
5134
    margin-right: 17px;
5135
}
5136
 
5137
.save-stngs ul li button {
5138
    display: inline-block;
5139
    color: #000000;
5140
    font-size: 16px;
5141
    border: 1px solid #e5e5e5;
5142
    height: 40px;
5143
    line-height: 40px;
5144
    padding: 0 22px;
5145
    font-weight: 600;
5146
    background: none;
5147
    cursor: pointer;
5148
}
5149
 
5150
.save-stngs ul li button:hover {
5151
    background-color: #e44d3a;
5152
    color: #fff;
5153
    border-color: transparent;
5154
}
5155
 
5156
/* =============== Password Update ============ */
5157
 
5158
.cp-field {
5159
    float: left;
5160
    width: 100%;
5161
    margin-top: 29.4px;
5162
    padding: 0 20px;
5163
}
5164
 
5165
.cp-field h5 {
5166
    color: #000000;
5167
    font-size: 16px;
5168
    font-weight: 600;
5169
    float: left;
5170
    width: 100%;
5171
    margin-bottom: 10px;
5172
}
5173
 
5174
.cp-field h5 a {
5175
    color: #000;
5176
}
5177
 
5178
.cpp-fiel {
5179
    float: left;
5180
    width: 100%;
5181
    position: relative;
5182
}
5183
 
5184
.cp-field input {
5185
    height: 40px;
5186
    padding: 0 40px;
5187
}
5188
 
5189
.cp-field input,
5190
.cp-field textarea {
5191
    width: 100%;
5192
    border: 1px solid #e5e5e5;
5193
}
5194
 
5195
.cp-field textarea {
5196
    padding: 20px;
5197
    height: 115px;
5198
}
5199
 
5200
.cpp-fiel i {
5201
    position: absolute;
5202
    top: 12px;
5203
    left: 15px;
5204
    color: #b2b2b2;
5205
    font-size: 16px;
5206
}
5207
 
5208
.cp-field>p {
5209
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5210
}
5211
 
5212
/* =============== notifications-list ============= */
5213
 
5214
.notifications-list {
5215
    float: left;
5216
    width: 100%;
5217
}
5218
 
5219
.notfication-details {
5220
    float: left;
5221
    width: 100%;
5222
    padding: 20px;
5223
    border-bottom: 1px solid #e5e5e5;
5224
}
5225
 
5226
.notfication-details:last-child {
5227
    border-bottom: 0;
5228
}
5229
 
5230
.noty-user-img {
5231
    float: left;
5232
    width: 35px;
5233
}
5234
 
5235
.noty-user-img img {
5236
    width: 100%;
5237
}
5238
 
5239
.notification-info {
5240
    float: left;
5241
    width: auto;
5242
    padding-left: 10px;
5243
}
5244
 
5245
.notification-info h3 {
5246
    color: #686868;
5247
    font-size: 14px;
5248
    font-weight: 500;
5249
    border: 0;
5250
    padding: 0;
5251
    margin-bottom: 6px;
5252
}
5253
 
5254
.notification-info h3 a {
5255
    color: #000000;
5256
    font-size: 16px;
5257
    font-weight: 600;
5258
    display: inline-block;
5259
}
5260
 
5261
.notification-info>span {
5262
    display: inline-block;
5263
    color: #b2b2b2;
5264
    font-size: 12px;
5265
    font-weight: 600;
5266
}
5267
 
5268
/* ============== requests-list ============== */
5269
 
5270
.requests-list {
5271
    float: left;
5272
    width: 100%;
5273
    padding-bottom: 0;
5274
}
5275
 
5276
.request-details {
5277
    float: left;
5278
    width: 100%;
5279
    padding: 20px;
5280
    border-bottom: 1px solid #e5e5e5;
5281
}
5282
 
5283
.request-details:last-child {
5284
    border-bottom: 0;
5285
}
5286
 
5287
.request-info {
5288
    float: left;
5289
    padding-left: 10px;
5290
}
5291
 
5292
.request-info h3 {
5293
    color: #000000;
5294
    font-size: 14px;
5295
    font-weight: 600;
5296
    padding: 0;
5297
    border: 0;
5298
    margin-bottom: 3px;
5299
}
5300
 
5301
.request-info span {
5302
    color: #686868;
5303
    font-size: 12px;
5304
    display: inline-block;
5305
}
5306
 
5307
.accept-feat {
5308
    float: right;
5309
}
5310
 
5311
.accept-feat ul li {
5312
    display: inline-block;
5313
}
5314
 
5315
.accept-feat ul li button {
5316
    cursor: pointer;
5317
}
5318
 
5319
.accept-req {
5320
    color: #ffffff;
5321
    font-size: 16px;
5322
    background-color: #51a5fb;
5323
    height: 30px;
5324
    padding: 0 20px;
5325
    font-weight: 600;
5326
    border: 0;
5327
    border: 1px solid #51a5fb;
5328
}
5329
 
5330
.close-req {
5331
    height: 30px;
5332
    width: 30px;
5333
    text-align: center;
5334
    line-height: 30px;
5335
    border: 1px solid #e5e5e5;
5336
    background: inherit;
5337
    color: #b2b2b2;
5338
    margin-left: 7px;
5339
}
5340
 
5341
.close-req i {
5342
    font-weight: 600;
5343
}
5344
 
5345
/* ============= Profile Sattus =========== */
5346
 
5347
.profile-bx-details {
5348
    float: left;
5349
    width: 100%;
5350
    padding: 30px 7px 30px 7px;
5351
}
5352
 
5353
.profile-bx-details .row .col-lg-3 {
5354
    padding: 0 7px;
5355
}
5356
 
5357
.profile-bx-info {
5358
    float: left;
5359
    width: 100%;
5360
    background-color: #f2f2f2;
5361
    padding: 20px;
5362
    border: 1px solid #e5e5e5;
5363
}
5364
 
5365
.pro-bx {
5366
    float: left;
5367
    width: 100%;
5368
    border-bottom: 1px solid #e5e5e5;
5369
    padding-bottom: 10px;
5370
}
5371
 
5372
.bx-info {
5373
    float: left;
5374
    margin-top: 7px;
5375
    padding-left: 10px;
5376
}
5377
 
5378
.bx-info h3 {
5379
    color: #e44d3a;
5380
    font-size: 20px;
5381
    font-weight: 600;
5382
    margin-bottom: 5px;
5383
}
5384
 
5385
.bx-info h5 {
5386
    color: #000000;
5387
    font-size: 14px;
5388
    font-weight: 600;
5389
    margin: 0;
5390
    padding: 0;
5391
    border: 0;
5392
}
5393
 
5394
.pd-left-20 {
5395
    padding-left: 20px;
5396
    padding-right: 0;
5397
}
5398
 
5399
.pd-left-15 {
5400
    padding-left: 15px;
5401
    padding-right: 0;
5402
}
5403
 
5404
.pd-left-right {
5405
    padding-left: 15px;
5406
    padding-right: 20px;
5407
}
5408
 
5409
.profile-bx-info>p {
5410
    float: left;
5411
    width: 100%;
5412
    font-size: 14px;
5413
    line-height: 20px;
5414
    padding-top: 5px;
5415
}
5416
 
5417
/* =========== pro-work-status ========= */
5418
 
5419
.pro-work-status {
5420
    float: left;
5421
    width: 100%;
5422
    padding: 0 15px;
5423
}
5424
 
5425
.pro-work-status h4 {
5426
    color: #000000;
5427
    font-size: 18px;
5428
    font-weight: 600;
5429
    margin-bottom: 50px;
5430
}
5431
 
5432
/* ============== messages-page ============== */
5433
 
5434
.messages-page {
5435
    padding: 20px 0;
5436
}
5437
 
5438
.messages-sec {
5439
    width: 100%;
5440
    border-radius: 10px;
5441
    overflow: hidden;
1875 steven 5442
    background-color: transparent;
1239 steven 5443
}
5444
 
5445
.msgs-list {
5446
    width: 100%;
5447
}
5448
 
5449
.inmail_conversations-list {
5450
    border-right: 1px solid #3333;
5451
    padding-left: 0;
5452
    padding-right: 0;
5453
}
5454
 
5455
.msg-title {
5456
    padding: 20px;
5457
    border-bottom: 2px solid #3333;
5458
}
5459
 
2197 stevensc 5460
.active-tab {
1940 steven 5461
    border-bottom: solid 2px #E4E4E4;
5462
}
5463
 
1239 steven 5464
.msg-title>h3 {
5465
    color: #000000;
5466
    font-size: 18px;
5467
    font-weight: 600;
5468
}
5469
 
5470
.msg-title>ul {
5471
    float: right;
5472
    position: relative;
5473
    top: 1px;
5474
}
5475
 
5476
.msg-title ul li {
5477
    display: inline-block;
5478
    margin-right: 15px;
5479
    border-bottom: 1px solid #3333;
5480
}
5481
 
5482
.msg-title ul li:last-child {
5483
    margin-right: 0;
5484
}
5485
 
5486
.msg-title ul li a {
5487
    color: #b2b2b2;
5488
    font-size: 18px;
5489
}
5490
 
5491
.messages-list {
5492
    float: left;
5493
    width: 100%;
5494
}
5495
 
2197 stevensc 5496
.date-chat {
2170 steven 5497
    font-size: .6rem;
5498
    color: var(--gray);
5499
    padding-top: 5%;
5500
}
5501
 
1239 steven 5502
.messages-list ul {
5503
    float: left;
5504
    width: 100%;
5505
}
5506
 
2197 stevensc 5507
.text-chat-title {
2171 steven 5508
    color: var(--gray) !important;
5509
    font-size: 1rem;
5510
}
5511
 
1239 steven 5512
.messages-list ul li {
5513
    float: left;
5514
    width: 100%;
1949 steven 5515
    padding: 3%;
1239 steven 5516
    border-bottom: 1px solid #eeeeee;
5517
    cursor: pointer;
5518
}
5519
 
2124 steven 5520
 
1239 steven 5521
.messages-list ul li.active {
5522
    background-color: #efefef;
5523
}
5524
 
5525
.usr-msg-details {
5526
    float: left;
5527
    position: relative;
5528
    width: 100%;
1871 steven 5529
    border-bottom: solid 1px var(--border-light-gray);
5530
    padding-bottom: 3%;
1239 steven 5531
}
5532
 
5533
.usr-ms-img {
5534
    float: left;
5535
    width: 50px;
5536
    position: relative;
5537
}
5538
 
5539
.msg-status {
5540
    -webkit-border-radius: 100px;
5541
    -moz-border-radius: 100px;
5542
    -ms-border-radius: 100px;
5543
    -o-border-radius: 100px;
5544
    border-radius: 100px;
5545
    background-color: #e44d3a;
5546
    position: absolute;
5547
    top: -3px;
5548
    right: 0;
5549
    width: 6px;
5550
    height: 6px;
5551
}
5552
 
5553
.messages-list ul li.active .msg-status {
5554
    border: 2px solid #ecf5fb;
5555
    height: 10px;
5556
    width: 10px;
5557
}
5558
 
5559
.msg-notifc {
5560
    position: absolute;
1872 steven 5561
    /* bottom: 0;
5562
    right: 0; */
1239 steven 5563
    width: 25px;
5564
    height: 25px;
5565
    -webkit-border-radius: 100px;
5566
    -moz-border-radius: 100px;
5567
    -ms-border-radius: 100px;
5568
    -o-border-radius: 100px;
5569
    border-radius: 100px;
5570
    background-color: #e77667;
5571
    text-align: center;
5572
    line-height: 25px;
5573
    font-size: 13px;
5574
    color: #fff;
5575
}
5576
 
5577
.usr-ms-img img {
5578
    width: 100%;
5579
    -webkit-border-radius: 100px;
5580
    -moz-border-radius: 100px;
5581
    -ms-border-radius: 100px;
5582
    -o-border-radius: 100px;
5583
    border-radius: 100px;
5584
}
5585
 
5586
.usr-mg-info {
5587
    float: left;
5588
    padding-left: 13px;
5589
    margin-top: 4px;
5590
}
5591
 
5592
.usr-mg-info h3 {
5593
    color: #000000;
5594
    font-size: 18px;
5595
    font-weight: 600;
5596
}
5597
 
5598
.usr-mg-info p {
5599
    color: #686868;
5600
    font-size: 16px;
5601
}
5602
 
5603
.usr-mg-info p img {
5604
    float: right;
5605
    position: relative;
5606
    top: 5px;
5607
    padding-left: 5px;
5608
}
5609
 
5610
.posted_time {
5611
    position: absolute;
5612
    top: 2px;
5613
    right: 0;
5614
    color: #b2b2b2;
5615
    font-size: 14px;
5616
}
5617
 
5618
/* =============== main-message-box ============= */
5619
 
5620
.main-conversation-box {
5621
    width: 100%;
5622
    background-color: #fff;
5623
    position: relative;
5624
    height: 100%;
5625
}
5626
 
5627
.message-bar-head {
5628
    height: 13vh;
5629
    width: 100%;
5630
    padding: 20px;
1880 steven 5631
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5632
}
5633
 
5634
.message-bar-head .usr-msg-details {
5635
    width: auto;
5636
}
5637
 
5638
.message-bar-head>a {
5639
    float: right;
5640
    color: #b2b2b2;
5641
    font-size: 20px;
5642
    padding-top: 15px;
5643
}
5644
 
5645
.main-message-box {
5646
    display: flex;
5647
    width: 100%;
5648
    position: relative;
5649
    margin-bottom: 15.5px;
5650
}
5651
 
5652
.messg-usr-img {
5653
    margin-left: 20px;
5654
    width: 50px;
5655
}
5656
 
5657
.messg-usr-img img {
5658
    width: 100%;
5659
    -webkit-border-radius: 100px;
5660
    -moz-border-radius: 100px;
5661
    -ms-border-radius: 100px;
5662
    -o-border-radius: 100px;
5663
    border-radius: 100px;
5664
}
5665
 
5666
.message-dt {
5667
    width: auto;
5668
    margin-left: 15px;
5669
}
5670
 
5671
.main-message-box.ta-right {
5672
    flex-direction: row-reverse;
5673
}
5674
 
5675
.main-message-box.ta-right .messg-usr-img {
5676
    margin-left: 0;
5677
    margin-right: 20px;
5678
}
5679
 
5680
.main-message-box.ta-right .message-dt {
5681
    margin-right: 15px;
5682
}
5683
 
5684
.main-message-box.ta-right .message-dt>span {
5685
    float: right;
5686
    width: auto;
5687
}
5688
 
5689
.message-inner-dt {
5690
    -webkit-border-radius: 15px;
5691
    -moz-border-radius: 15px;
5692
    -ms-border-radius: 15px;
5693
    -o-border-radius: 15px;
5694
    border-radius: 15px;
5695
    width: 100%;
5696
    border-bottom-left-radius: 0;
5697
}
5698
 
5699
.img-bx {
5700
    background-color: #efefef;
5701
    padding: 20px;
5702
}
5703
 
5704
.message-inner-dt>img {
5705
    display: inline-block;
5706
    width: auto;
5707
    margin-right: 5px;
5708
}
5709
 
5710
.message-dt>span {
5711
    color: #b2b2b2;
5712
    font-size: 14px;
5713
    float: left;
5714
    width: 100%;
5715
    margin-top: 7px;
5716
}
5717
 
5718
.message-inner-dt>p {
5719
    font-size: 14px;
5720
    line-height: 22px;
5721
    padding: 2px 10px;
5722
    color: #000;
5723
    -webkit-border-radius: 15px;
5724
    -moz-border-radius: 15px;
5725
    -ms-border-radius: 15px;
5726
    -o-border-radius: 15px;
5727
    border-radius: 15px;
5728
}
5729
 
5730
.message-dt.st3 .message-inner-dt>p {
5731
    background-color: #efefef;
5732
    color: #686868;
5733
    width: auto;
5734
    padding: 10px 15px;
5735
    float: left;
5736
}
5737
 
5738
.message-dt.st3 .message-inner-dt>p img {
5739
    float: right;
5740
    position: relative;
5741
    top: 3px;
5742
    padding-left: 5px;
5743
}
5744
 
5745
.main-message-box.st3 .messg-usr-img {
5746
    bottom: 13px;
5747
}
5748
 
5749
.messages-line {
5750
    width: 100%;
5751
    height: 604px;
5752
    padding-top: 20px;
5753
}
5754
 
5755
/* ============== message-send-area ============ */
5756
 
5757
.message-send-area {
5758
    width: 100%;
5759
    background-color: #f3f5f7;
5760
    padding: 20px;
2040 steven 5761
    /* position: absolute; */
1876 steven 5762
    bottom: 0;
1239 steven 5763
}
2197 stevensc 5764
 
5765
.inmail-submit-btn {
1879 steven 5766
    width: 6%;
5767
}
1239 steven 5768
 
5769
.message-send-area form {
5770
    width: 100%;
5771
}
5772
 
5773
.mf-field {
5774
    width: 100%;
5775
    display: flex;
5776
}
5777
 
5778
.mf-field input {
5779
    flex: 1;
5780
    background-color: #fff;
5781
    color: #b2b2b2;
5782
    font-size: 16px;
5783
    padding: 0 15px;
5784
    border: 1px solid #e6e6e6;
5785
    height: 45px;
5786
    border-radius: 25px;
5787
}
5788
 
5789
 
5790
.message-send-area form>ul {
5791
    float: left;
5792
    width: 100%;
5793
    margin-top: 15px;
5794
}
5795
 
5796
.message-send-area form>ul li {
5797
    display: inline-block;
5798
    margin-right: 20px;
5799
}
5800
 
5801
.message-send-area form>ul li a {
5802
    color: #b2b2b2;
5803
    font-size: 18px;
5804
}
5805
 
5806
/* ============== forum-links ============= */
5807
 
5808
.forum-sec {
5809
    background-color: #fff;
5810
}
5811
 
5812
.forum-links {
5813
    float: left;
5814
    width: 100%;
5815
}
5816
 
5817
.forum-links.active {
5818
    opacity: 1;
5819
    visibility: visible;
5820
    z-index: 9999;
5821
}
5822
 
5823
.forum-links ul li {
5824
    display: inline-block;
5825
    padding: 20px 0;
5826
    margin-right: 45px;
5827
    border-bottom: 2px solid transparent;
5828
}
5829
 
5830
.forum-links ul li.active {
5831
    border-color: #e44d3a;
5832
}
5833
 
5834
.forum-links ul li.active a {
5835
    color: #e44d3a;
5836
}
5837
 
5838
.forum-links ul li a {
5839
    display: inline-block;
5840
    color: #b2b2b2;
5841
    font-size: 14px;
5842
    font-weight: 600;
5843
}
5844
 
5845
.forum-links-btn {
5846
    float: left;
5847
    width: 100%;
5848
    text-align: center;
5849
    display: none;
5850
    padding: 20px 0;
5851
}
5852
 
5853
.forum-links-btn a {
5854
    color: #000;
5855
    font-size: 30px;
5856
    display: inline-block;
5857
}
5858
 
5859
/* ================ forum-page =============== */
5860
 
5861
.forum-page {
5862
    padding: 50px 0;
5863
}
5864
 
5865
.forum-questions-sec {
5866
    float: left;
5867
    width: 100%;
5868
}
5869
 
5870
.forum-questions {
5871
    float: left;
5872
    width: 100%;
5873
    background-color: #fff;
5874
}
5875
 
5876
.usr-question {
5877
    float: left;
5878
    width: 100%;
5879
    position: relative;
5880
    padding: 25px;
5881
    border-bottom: 1px solid #e5e5e5;
5882
}
5883
 
5884
.usr_img {
5885
    float: left;
5886
    width: 60px;
5887
}
5888
 
5889
.usr_img img {
5890
    width: 100%;
5891
    -webkit-border-radius: 100px;
5892
    -moz-border-radius: 100px;
5893
    -ms-border-radius: 100px;
5894
    -o-border-radius: 100px;
5895
    border-radius: 100px;
5896
}
5897
 
5898
.usr_quest {
5899
    float: left;
5900
    width: 90%;
5901
    padding-left: 15px;
5902
}
5903
 
5904
.usr_quest>h3 {
5905
    color: #000000;
5906
    font-size: 17px;
5907
    font-weight: 600;
5908
    margin-bottom: 20px;
5909
}
5910
 
5911
.forum-post-view .usr_quest>h3 {
5912
    margin-bottom: 10px;
5913
}
5914
 
5915
.react-links {
5916
    float: left;
5917
    width: 100%;
5918
}
5919
 
5920
.react-links li {
5921
    display: inline-block;
5922
    margin-right: 30px;
5923
}
5924
 
5925
.react-links li a {
5926
    display: inline-block;
5927
    color: #b2b2b2;
5928
    font-size: 14px;
5929
    font-weight: 600;
5930
}
5931
 
5932
.react-links li a:hover {
5933
    color: #e44d3a;
5934
}
5935
 
5936
.react-links li a i {
5937
    padding-right: 7px;
5938
}
5939
 
5940
.react-links li:last-child {
5941
    margin-right: 0;
5942
}
5943
 
5944
/* ============= quest-tags ============ */
5945
 
5946
.quest-tags {
5947
    float: left;
5948
    width: 100%;
5949
    margin-top: 20px;
5950
}
5951
 
5952
.quest-tags li {
5953
    display: inline-block;
5954
    margin-right: 10px;
5955
}
5956
 
5957
.quest-tags li a {
5958
    display: inline-block;
5959
    color: #ffffff;
5960
    background-color: #53d690;
5961
    -webkit-border-radius: 3px;
5962
    -moz-border-radius: 3px;
5963
    -ms-border-radius: 3px;
5964
    -o-border-radius: 3px;
5965
    border-radius: 3px;
5966
    padding: 7px 25px;
5967
}
5968
 
5969
.quest-posted-time {
5970
    position: absolute;
5971
    bottom: 30px;
5972
    right: 20px;
5973
    color: #b2b2b2;
5974
    font-size: 14px;
5975
}
5976
 
5977
.quest-posted-time i {
5978
    padding-right: 5px;
5979
}
5980
 
5981
.pd-right-none {
5982
    padding-right: 0;
5983
}
5984
 
5985
/* =========== navigation ============ */
5986
 
5987
.pagination {
5988
    float: left;
5989
    width: 100%;
5990
    /* background-color: #fff; */
5991
    padding: 13px 25px;
5992
}
5993
 
5994
.full-pagi {
5995
    float: left;
5996
    width: 100%;
5997
    padding-right: 0;
5998
    text-align: inherit;
5999
    margin-top: 20px;
6000
}
6001
 
6002
.pagination li {
6003
    padding: 0;
6004
    margin-right: 10px;
6005
}
6006
 
6007
.pagination li .page-link {
6008
    /* background-color: #e5e5e5; */
6009
    color: #b2b2b2;
6010
}
6011
 
6012
.pagination li .page-link.active {
6013
    background-color: #e44d3a;
6014
    color: #fff;
6015
    border-color: transparent;
6016
}
6017
 
6018
.pvr {
6019
    padding: 0.5rem 30px;
6020
}
6021
 
6022
/* ============ User Widget =========== */
6023
 
6024
.title-wd {
6025
    float: left;
6026
    width: 100%;
6027
    color: #000000;
6028
    font-size: 18px;
6029
    font-weight: 600;
6030
    border-bottom: 1px solid #e5e5e5;
6031
    padding: 25px 20px;
6032
}
6033
 
6034
.widget-user ul {
6035
    float: left;
6036
    width: 100%;
6037
    padding: 15px 0;
6038
}
6039
 
6040
.widget-user ul li {
6041
    float: left;
6042
    width: 100%;
6043
    padding: 15px 20px;
6044
}
6045
 
6046
.widget-user ul li .usr-msg-details {
6047
    float: left;
6048
    width: auto;
6049
}
6050
 
6051
.widget-user ul li .usr-ms-img {
6052
    width: 35px;
6053
}
6054
 
6055
.widget-user ul li .usr-mg-info h3 {
6056
    font-size: 14px;
6057
}
6058
 
6059
.widget-user ul li .usr-mg-info p {
6060
    font-size: 12px;
6061
}
6062
 
6063
.widget-user ul li>span {
6064
    color: #686868;
6065
    font-size: 16px;
6066
    float: right;
6067
    margin-top: 10px;
6068
}
6069
 
6070
.widget-user ul li>span img {
6071
    padding-right: 5px;
6072
}
6073
 
6074
/* ============== widget-adver ============ */
6075
 
6076
.widget-adver img {
6077
    width: 100%;
6078
}
6079
 
6080
/* ============ forum-post-view ============ */
6081
 
6082
.forum-post-view {
6083
    float: left;
6084
    width: 100%;
6085
    background-color: #fff;
6086
    padding: 25px 25px 0 25px;
6087
    border-bottom: 1px solid #e5e5e5;
6088
}
6089
 
6090
.forum-post-view .usr-question {
6091
    border-bottom: 0;
6092
    padding: 0;
6093
}
6094
 
6095
.forum-post-view .usr_quest span {
6096
    color: #b2b2b2;
6097
    font-size: 14px;
6098
    display: inline-block;
6099
    margin-bottom: 20px;
6100
}
6101
 
6102
.forum-post-view .usr_quest span i {
6103
    padding-right: 7px;
6104
}
6105
 
6106
.forum-post-view .quest-tags {
6107
    margin-bottom: 30px;
6108
}
6109
 
6110
.forum-post-view .usr_quest>p {
6111
    float: left;
6112
    width: 100%;
6113
    color: #686868;
6114
    font-size: 14px;
6115
    line-height: 24px;
6116
    margin-bottom: 40px;
6117
}
6118
 
6119
.forum-post-view .comment-section {
6120
    padding: 0;
6121
}
6122
 
6123
.forum-post-view .comment-section>h3 {
6124
    float: left;
6125
    width: 100%;
6126
    color: #000000;
6127
    font-size: 18px;
6128
    font-weight: 600;
6129
    border-bottom: 1px solid #e5e5e5;
6130
    padding-bottom: 15px;
6131
}
6132
 
6133
.forum-post-view .comment-sec ul li {
6134
    border-bottom: 1px solid #e5e5e5;
6135
    padding: 23px 0;
6136
}
6137
 
6138
.forum-post-view .comment span {
6139
    margin-bottom: 10px;
6140
}
6141
 
6142
.forum-post-view .comment-list {
6143
    padding-bottom: 0;
6144
    margin-bottom: -4px;
6145
}
6146
 
6147
.forum-post-view .comment p {
6148
    margin: 0;
6149
    margin-top: 5px;
6150
}
6151
 
6152
.forum-post-view .comment h3 {
6153
    margin-bottom: 9px;
6154
}
6155
 
6156
.forum-post-view .comment-sec ul li:last-child {
6157
    border-bottom: 0;
6158
}
6159
 
6160
/* =============== post-comment-box ============= */
6161
 
6162
.post-comment-box {
6163
    float: left;
6164
    width: 100%;
6165
    padding: 20px;
6166
    background-color: #fff;
6167
}
6168
 
6169
.post-comment-box h3 {
6170
    float: left;
6171
    width: 100%;
6172
    color: #000000;
6173
    font-size: 18px;
6174
    font-weight: 600;
6175
    margin-bottom: 30px;
6176
}
6177
 
6178
.user-poster {
6179
    float: left;
6180
    width: 100%;
6181
}
6182
 
6183
.usr-post-img {
6184
    float: left;
6185
    width: 50px;
6186
    margin-right: 15px;
6187
}
6188
 
6189
.usr-post-img img {
6190
    width: 100%;
6191
    -webkit-border-radius: 100px;
6192
    -moz-border-radius: 100px;
6193
    -ms-border-radius: 100px;
6194
    -o-border-radius: 100px;
6195
    border-radius: 100px;
6196
}
6197
 
6198
.post_comment_sec {
6199
    float: left;
6200
    width: 90%;
6201
}
6202
 
6203
.post_comment_sec form {
6204
    float: left;
6205
    width: 100%;
6206
}
6207
 
6208
.post_comment_sec form textarea {
6209
    float: left;
6210
    width: 100%;
6211
    height: 130px;
6212
    border: 1px solid #dce2eb;
6213
    padding: 15px;
6214
    resize: none;
6215
}
6216
 
6217
.post_comment_sec form button {
6218
    color: #ffffff;
6219
    font-size: 14px;
6220
    background-color: #e44d3a;
6221
    padding: 10px 25px;
6222
    border: 0;
6223
    font-weight: 600;
6224
    margin-top: 20px;
6225
    cursor: pointer;
6226
}
6227
 
6228
/* ======== next-prev ========*/
6229
 
6230
.next-prev {
6231
    float: left;
6232
    width: 100%;
6233
    background-color: #fff;
6234
    margin-top: 20px;
6235
    padding: 12px 25px;
6236
}
6237
 
6238
.next-prev>a {
6239
    width: 90px;
6240
    height: 35px;
6241
    text-align: center;
6242
    line-height: 35px;
6243
    color: #b2b2b2;
6244
    font-size: 14px;
6245
    background-color: #e5e5e5;
6246
}
6247
 
6248
.next-prev>a:hover {
6249
    color: #fff;
6250
    background-color: #e44d3a;
6251
}
6252
 
6253
.fl-left {
6254
    float: left;
6255
}
6256
 
6257
.fl-right {
6258
    float: right;
6259
}
6260
 
6261
/* ========== widget-feat ========= */
6262
 
6263
.widget-feat {
6264
    padding: 25px 20px;
6265
}
6266
 
6267
.widget-feat ul {
6268
    float: left;
6269
    width: 100%;
6270
}
6271
 
6272
.widget-feat ul li {
6273
    float: left;
6274
    width: 25%;
6275
    text-align: center;
6276
}
6277
 
6278
.widget-feat ul li i {
6279
    display: block;
6280
    font-size: 18px;
6281
    margin-bottom: 9px;
6282
}
6283
 
6284
.widget-feat ul li span {
6285
    display: block;
6286
    color: #686868;
6287
    font-size: 16px;
6288
    font-weight: 500;
6289
}
6290
 
6291
.widget-feat ul li i.fa-heart {
6292
    color: #53d690;
6293
}
6294
 
6295
.widget-feat ul li i.fa-comment {
6296
    color: #e44d3a;
6297
}
6298
 
6299
.widget-feat ul li i.fa-share-alt {
6300
    color: #51a5fb;
6301
}
6302
 
6303
.widget-feat ul li i.fa-eye {
6304
    color: #00b540;
6305
}
6306
 
6307
/* =============== ANIMATION LOADER =============== */
6308
 
6309
.spinner {
6310
    margin: 0 auto 0;
6311
    width: 80px;
6312
    text-align: center;
6313
    height: 80px;
6314
    border-radius: 100px;
6315
    background-color: #fff;
6316
    line-height: 80px;
6317
    border: 1px solid #e1e1e1;
6318
    cursor: pointer;
6319
}
6320
 
6321
.spinner>div {
6322
    width: 15px;
6323
    height: 15px;
6324
    background-color: #b9b9b9;
6325
    border-radius: 100%;
6326
    display: inline-block;
6327
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6328
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6329
}
6330
 
6331
.spinner .bounce1 {
6332
    -webkit-animation-delay: -0.32s;
6333
    animation-delay: -0.32s;
6334
}
6335
 
6336
.spinner .bounce2 {
6337
    -webkit-animation-delay: -0.16s;
6338
    animation-delay: -0.16s;
6339
}
6340
 
6341
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6342
 
1239 steven 6343
    0%,
6344
    80%,
6345
    100% {
6346
        -webkit-transform: scale(0);
6347
    }
2197 stevensc 6348
 
1239 steven 6349
    40% {
6350
        -webkit-transform: scale(1);
6351
    }
6352
}
6353
 
6354
@keyframes sk-bouncedelay {
2197 stevensc 6355
 
1239 steven 6356
    0%,
6357
    80%,
6358
    100% {
6359
        -webkit-transform: scale(0);
6360
        transform: scale(0);
6361
    }
2197 stevensc 6362
 
1239 steven 6363
    40% {
6364
        -webkit-transform: scale(1);
6365
        transform: scale(1);
6366
    }
6367
}
6368
 
6369
.wordpressdevlp {
6370
    background-color: #fff;
6371
}
6372
 
6373
.bgclr {
6374
    background-color: #fff;
6375
    margin-bottom: 15px;
6376
}
6377
 
6378
.cadidatesbtn {
6379
    position: absolute;
6380
    left: 0;
6381
    padding-top: 5px;
6382
}
6383
 
6384
.cadidatesbtn button {
6385
    background-color: #e44d3a;
6386
    border: none;
6387
    margin-top: -3px;
6388
}
6389
 
6390
.cadidatesbtn button:hover {
6391
    background-color: #e44d3a;
6392
}
6393
 
6394
.cadidatesbtn span {
6395
    background-color: #bd2e1c;
6396
    color: #fff;
6397
    margin-right: 10px;
6398
    padding: 0.25em 0.5em;
6399
    font-weight: 600;
6400
    font-size: 12px;
6401
}
6402
 
6403
.wordpressdevlp i {
6404
    color: #e86554;
6405
    font-size: 18px;
6406
    font-weight: bold;
6407
    padding-right: 5px;
6408
}
6409
 
6410
.wordpressdevlp h2 {
6411
    font-size: 18px;
6412
    font-weight: 600;
6413
}
6414
 
6415
.cadidatesbtn i {
6416
    color: #b2b2b2;
6417
    border: 1px solid #b2b2b2;
6418
    font-size: 14px;
6419
    text-align: center;
6420
    margin-left: 7px;
6421
    border-radius: 3px;
6422
    padding: 10px;
6423
}
6424
 
6425
.cadidatesbtn i:hover {
6426
    background-color: #e44d3a;
6427
    color: #fff;
6428
    border: 1px solid #e44d3a;
6429
}
6430
 
6431
.inner {
6432
    border-bottom: 2px solid #e5e5e5;
6433
    padding-bottom: 10px;
6434
}
6435
 
6436
.inner li a:hover {
6437
    color: #e44d3a;
6438
    border-bottom: 2px solid #e44d3a;
6439
    padding-bottom: 9px;
6440
}
6441
 
6442
.inner li a {
6443
    color: #000000;
6444
}
6445
 
6446
.posttext {
6447
    position: absolute;
6448
    left: 0;
6449
}
6450
 
6451
.deatile h3 {
6452
    font-size: 14px;
6453
    font-weight: bold;
6454
    padding-bottom: 5px;
6455
}
6456
 
6457
.clrbtn a {
6458
    background-color: #e44d3a;
6459
    color: #fff;
6460
    padding: 5px 10px 5px 10px;
6461
    margin-right: 15px;
6462
}
6463
 
6464
.transpairentbtn a {
6465
    color: #222;
6466
    border: 2px solid #f1f1f1;
6467
    padding: 5px 10px 5px 10px;
6468
}
6469
 
6470
.savetext h3 {
6471
    font-size: 14px;
6472
    font-weight: bold;
6473
    padding-bottom: 5px;
6474
}
6475
 
6476
.devepbtn .clrbtn {
6477
    padding: 7px 20px;
6478
}
6479
 
6480
.devepbtn a {
6481
    color: #666666;
6482
    border: 1px solid #b2b2b2;
6483
    padding: 7px 10px 7px 10px;
6484
    border-radius: 3px;
6485
    margin-right: 5px;
6486
}
6487
 
6488
.devepbtn a:hover i {
6489
    color: #fff;
6490
}
6491
 
6492
.devepbtn a:hover {
6493
    background-color: #e44d3a;
6494
    color: #fff;
6495
}
6496
 
6497
.rew-reply hr {
6498
    margin-left: -20px;
6499
    margin-right: -20px;
6500
}
6501
 
6502
.rew-reply p {
6503
    padding-left: 20px;
6504
}
6505
 
6506
.rew-reply ul {
6507
    padding-left: 20px;
6508
}
6509
 
6510
.devepbtn {
6511
    margin-top: 30px;
6512
    padding-left: 20px;
6513
}
6514
 
6515
.rep-thanks hr {
6516
    margin-right: -20px;
6517
    margin-left: -20px;
6518
}
6519
 
6520
.profilecnd {
6521
    margin-bottom: 0px;
6522
}
6523
 
6524
.devepbtn i {
6525
    color: #b2b2b2;
6526
    font-size: 14px;
6527
}
6528
 
6529
.appliedinfo {
6530
    padding-left: 0;
6531
    padding-top: 20px !important;
6532
    padding-bottom: 10px;
6533
}
6534
 
6535
.epi2 {
6536
    padding: 0;
6537
}
6538
 
6539
.review a {
6540
    line-height: 16px;
6541
    font-size: 14px;
6542
    text-decoration: none;
6543
    font-weight: 500;
6544
    margin-left: 15px;
6545
}
6546
 
6547
.add-pic-box {
6548
    display: inline-block;
6549
    color: #e44d3a;
6550
    font-size: 16px;
6551
    position: absolute;
6552
    top: 30px;
6553
    right: 0;
6554
    font-weight: 600;
6555
    margin-right: 0;
6556
    width: 100%;
6557
}
6558
 
6559
.add-pic-box [type="file"] {
6560
    height: 0;
6561
    overflow: hidden;
6562
    width: 0;
6563
    float: left;
6564
}
6565
 
6566
.add-pic-box [type="file"]+label {
6567
    background: #fff;
6568
    border: 2px solid #e44d3a;
6569
    border-radius: 3px;
6570
    color: #e44d3a;
6571
    cursor: pointer;
6572
    /* display: inline-block; */
6573
    font-size: 15px;
6574
    font-weight: 600;
6575
    outline: none;
6576
    padding: 12px 20px;
6577
    position: relative;
6578
    transition: all 0.3s;
6579
    vertical-align: middle;
6580
    margin: 0;
6581
    float: right;
6582
    text-transform: uppercase;
6583
}
6584
 
6585
.add-pic-box [type="file"]+label:hover {
6586
    background: #e44d3a;
6587
    color: #fff;
6588
}
6589
 
6590
.noreview li i {
6591
    color: #b2b2b2;
6592
}
6593
 
6594
.review-tb {
6595
    margin: 0 0 10px;
6596
    padding-left: 20px;
6597
}
6598
 
6599
.noreview ul li i {
6600
    color: #b2b2b2;
6601
}
6602
 
6603
.mngdetl {
6604
    border-bottom: none;
6605
}
6606
 
6607
.post-reply {
6608
    padding-top: 0;
6609
    padding-bottom: 0;
6610
}
6611
 
6612
.activebidbtn i:hover {
6613
    background-color: #e44d3a;
6614
    color: #fff;
6615
    border: none;
6616
}
6617
 
6618
.reviewtitle h2 {
6619
    font-size: 17px;
6620
    font-weight: 600;
6621
}
6622
 
6623
.horiline {
6624
    width: 118%;
6625
    position: relative;
6626
    left: -40px;
6627
}
6628
 
6629
.tahnks {
6630
    font-weight: 500;
6631
    margin-top: 5px;
6632
}
6633
 
6634
/*about-page*/
6635
 
6636
.banner span {
6637
    position: absolute;
6638
    display: flex;
6639
    background-color: #222;
6640
    width: 100%;
6641
    opacity: 0.9;
6642
    justify-content: center;
6643
    padding: 10px;
6644
    margin-top: 0;
6645
    color: #fff;
6646
}
6647
 
6648
.innertitle {
6649
    margin-top: 130px;
6650
}
6651
 
6652
.Company-overview {
6653
    padding-bottom: 50px;
6654
}
6655
 
6656
.bennertext {
6657
    position: absolute;
6658
    left: 20%;
6659
    right: 20%;
6660
    text-align: center;
6661
}
6662
 
6663
.bannerimage img {
6664
    height: 100%;
6665
}
6666
 
6667
.innertitle h2 {
6668
    color: #fff;
6669
    font-size: 30px;
6670
    line-height: 32px;
6671
    font-weight: 600;
6672
    margin-bottom: 20px;
6673
}
6674
 
6675
.innertitle p {
6676
    color: #fff;
6677
    font-size: 16px;
6678
}
6679
 
6680
.Company-overview h2 {
6681
    padding-top: 100px;
6682
    font-size: 24px;
6683
    font-weight: 600;
6684
    padding-bottom: 12px;
6685
}
6686
 
6687
.Company-overview p {
6688
    font-size: 15px;
6689
    font-weight: 500;
6690
}
6691
 
6692
.Company-overview img {
6693
    float: right;
6694
    padding-top: 25px;
6695
}
6696
 
6697
.blog {
6698
    text-align: center;
6699
    display: inline-block;
6700
    margin-bottom: 50px;
6701
}
6702
 
6703
.blog img {
6704
    padding-bottom: 30px;
6705
}
6706
 
6707
.blog h2 {
6708
    font-size: 18px;
6709
    font-weight: 600;
6710
    padding-bottom: 30px;
6711
}
6712
 
6713
.blog a {
6714
    background-color: #ff4500;
6715
    color: #fff;
6716
    padding: 7px 25px 7px 25px;
6717
    border-radius: 3px;
6718
    font-size: 16px;
6719
    font-weight: 500;
6720
}
6721
 
6722
.services {
6723
    padding-top: 80px;
6724
    padding-bottom: 80px;
6725
}
6726
 
6727
.video {
6728
    padding-bottom: 40px;
6729
}
6730
 
6731
.search-container {
6732
    text-align: center;
6733
}
6734
 
6735
.search-container input[type="text"] {
6736
    padding: 6px 15px;
6737
    margin-top: 8px;
6738
    font-size: 17px;
6739
    border: none;
6740
    height: 50px;
6741
    width: 50%;
6742
    margin-bottom: 25px;
6743
    border-top-left-radius: 3px;
6744
    border-top-right-radius: 0px;
6745
    border-bottom-left-radius: 3px;
6746
    border-bottom-right-radius: 0px;
6747
}
6748
 
6749
.searchtitle {
6750
    text-align: center;
6751
}
6752
 
6753
.searchtitle h2 {
6754
    color: #fff;
6755
    font-size: 30px;
6756
    font-weight: 400;
6757
    padding-bottom: 10px;
6758
}
6759
 
6760
.modal-header {
6761
    position: relative;
6762
}
6763
 
6764
.modal-header h3 {
6765
    font-size: 18px;
6766
}
6767
 
6768
.search-container button {
6769
    padding: 8px 10px;
6770
    text-align: center;
6771
    margin-top: 8px;
6772
    margin-left: -3px;
6773
    margin-right: 18px;
6774
    background: #efefef;
6775
    font-size: 17px;
6776
    border: none;
6777
    cursor: pointer;
6778
    height: 50px;
6779
    width: 6%;
6780
    border-bottom-right-radius: 3px;
6781
    border-top-right-radius: 3px;
6782
}
6783
 
6784
.topsearch i {
6785
    color: #e44d3a;
6786
}
6787
 
6788
.dropdown-toggle::after {
6789
    position: absolute;
6790
    right: 15px;
6791
    color: #b2b2b2;
6792
    top: 7px;
6793
}
6794
 
6795
.help-paddy {
6796
    padding: 0 !important;
6797
}
6798
 
6799
.paddy {
6800
    padding: 20px;
6801
    float: left;
6802
}
6803
 
6804
.dropdown-menu {
6805
    position: absolute;
6806
    top: 100%;
6807
    left: 0;
6808
    z-index: 1000;
6809
    display: none;
6810
    float: left;
6811
    min-width: 10rem;
6812
    padding: 0.5rem 0;
6813
    margin: 0.125rem 0 0;
6814
    font-size: 1rem;
6815
    color: #212529;
6816
    text-align: left;
6817
    list-style: none;
6818
    background-color: #fff;
6819
    width: 100%;
6820
    background-clip: padding-box;
6821
    border: none;
6822
    border-radius: 0.25rem;
6823
}
6824
 
6825
.radio-form p {
6826
    display: -webkit-inline-box;
6827
}
6828
 
6829
.dropdown a {
6830
    color: #000000;
6831
    font-size: 16px;
6832
    font-weight: 400;
6833
    padding: 0 20px;
6834
}
6835
 
6836
.accountnone {
6837
    border: none;
6838
}
6839
 
6840
.helpforum {
6841
    background-color: #fff;
6842
    padding: 15px 0;
6843
    box-shadow: 0px 2px #c6c6c6;
6844
}
6845
 
6846
.helpforum h3 {
6847
    font-size: 18px;
6848
    font-weight: 600;
6849
}
6850
 
6851
.helpforum a {
6852
    background-color: #e44d3a;
6853
    color: #fff;
6854
    padding: 10px 15px 10px 15px;
6855
    line-height: 4;
6856
    border-radius: 3px;
6857
}
6858
 
6859
.helpforum p {
6860
    line-height: 3;
6861
}
6862
 
6863
.actionstitle h3 {
6864
    font-size: 18px;
6865
    font-weight: 400;
6866
    color: #000;
6867
    padding-top: 30px;
6868
}
6869
 
6870
.actionstitle img {
6871
    padding-right: 10px;
6872
}
6873
 
6874
.actionstext a {
6875
    font-size: 16px;
6876
    font-weight: 500;
6877
    color: #e44d3a;
6878
    line-height: 2;
6879
    display: block;
6880
}
6881
 
6882
.helpform {
6883
    text-align: center;
6884
    padding-top: 70px;
6885
}
6886
 
6887
.helpform h3 {
6888
    font-size: 18px;
6889
    font-weight: 400;
6890
    color: #e44d3a;
6891
    margin-bottom: 10px;
6892
}
6893
 
6894
.helpform a {
6895
    background-color: #e44d3a;
6896
    color: #fff;
6897
    padding: 10px 15px 10px 15px;
6898
    border-radius: 3px;
6899
}
6900
 
6901
.helpform p {
6902
    margin-bottom: 30px;
6903
}
6904
 
6905
.helpform img {
6906
    float: unset;
6907
    padding-bottom: 10px;
6908
}
6909
 
6910
.bookingsideber h3 {
6911
    color: #000;
6912
}
6913
 
6914
.bookingsideber h3:active {
6915
    color: #e44d3a;
6916
}
6917
 
6918
.helpforum h4 {
6919
    font-size: 16px;
6920
    font-weight: 600;
6921
}
6922
 
6923
.bloktext {
6924
    padding-left: 25px;
6925
}
6926
 
6927
.privacy {
6928
    background-color: #fff;
6929
    height: 850px;
6930
}
6931
 
6932
.privacydropd .dropdown-toggle::after {
6933
    float: right;
6934
    vertical-align: 0.255em;
6935
}
6936
 
6937
/* .checkbox {} */
6938
 
6939
.form-check {
6940
    padding-left: 0;
6941
}
6942
 
6943
.btns a {
6944
    color: #000;
6945
    border: 1px solid #e5e5e5;
6946
    padding: 10px 25px 10px 25px;
6947
    margin-left: 15px;
6948
    border-radius: 5px;
6949
    font-weight: 600;
6950
}
6951
 
6952
.btns {
6953
    padding-top: 20px;
6954
}
6955
 
6956
.btns a:hover {
6957
    background-color: #e44d3a;
6958
    color: #fff;
6959
}
6960
 
6961
.privacy h3 {
6962
    font-size: 18px;
6963
    font-weight: 600;
6964
    padding-top: 18px;
6965
    margin-bottom: 10px;
6966
}
6967
 
6968
.privacy p {
6969
    padding-top: 0px;
6970
    display: inline-block;
6971
}
6972
 
6973
.form-group {
6974
    margin-bottom: 1rem;
6975
    padding-top: 0px;
6976
}
6977
 
6978
.privacy i {
6979
    float: right;
6980
    color: #e44d3a;
6981
    font-size: 20px;
6982
    font-weight: 600;
6983
}
6984
 
6985
.dropdown-menu input {
6986
    margin-right: 10px;
6987
    margin-top: 15px;
6988
}
6989
 
6990
.dropdown-menu a {
6991
    padding: 10px 0 10px 40px;
6992
    margin-bottom: 10px;
6993
}
6994
 
6995
.dropdown-menu form {
6996
    margin-bottom: 10px;
6997
    margin-top: 10px;
6998
}
6999
 
7000
.privacydropd p {
7001
    margin-left: 20px;
7002
    margin-top: 5px;
7003
}
7004
 
7005
.privabtns {
7006
    margin-top: 20px;
7007
}
7008
 
7009
.privabtns {
7010
    padding-bottom: 15px;
7011
}
7012
 
7013
.privabtns a {
7014
    margin-right: 15px;
7015
    padding: 8px 25px;
7016
    color: #000000;
7017
    border: 1px solid #e5e5e5;
7018
}
7019
 
7020
.privabtns a:hover {
7021
    color: #fff;
7022
    background-color: #e44d3a;
7023
}
7024
 
7025
.privac {
7026
    background-color: #fff;
7027
    height: 560px;
7028
    padding-top: 20px;
7029
}
7030
 
7031
.privac h3 {
7032
    font-size: 18px;
7033
    font-weight: 600;
7034
}
7035
 
7036
.bids-detail ul {
7037
    display: -webkit-inline-box;
7038
}
7039
 
7040
.bids-detail ul li {
7041
    margin-right: 30px;
7042
}
7043
 
7044
.bids-detail h3 {
7045
    font-size: 16px;
7046
    font-weight: 400;
7047
}
7048
 
7049
.bids-detail {
7050
    background-color: #fff;
7051
    padding: 20px;
7052
    margin-bottom: 25px;
7053
    box-shadow: 0px 2px #e4e4e4;
7054
}
7055
 
7056
.dropdown-menu.show {
7057
    display: contents;
7058
}
7059
 
7060
.postpaid:checked:after {
7061
    content: "\f17b";
7062
    font: normal normal normal 16px/1 "LineAwesome";
7063
    font-weight: 600;
7064
    border: 1px solid #fff;
7065
    color: #ffffff;
7066
    text-align: center;
7067
    font-size: 12px;
7068
    width: 100%;
7069
    height: 100%;
7070
    background: #e44d3a;
7071
    display: block;
7072
    border-radius: 50%;
7073
    padding-top: 3px;
7074
}
7075
 
7076
.postpaid:focus {
7077
    border: 1px solid #fff;
7078
    width: 25px;
7079
    height: 25px;
7080
}
7081
 
7082
.postpaid {
7083
    -webkit-appearance: none;
7084
    content: "";
7085
    width: 20px;
7086
    height: 20px;
7087
    border-radius: 50%;
7088
    border: 1px solid #5e5e5e;
7089
    outline: 0;
7090
    margin-right: 5px;
7091
}
7092
 
7093
/* .main-ws-sec .job-status-bar {} */
7094
 
7095
.main-ws-sec .btm-line {
7096
    padding-bottom: 20px !important;
7097
    border-bottom: 1px solid #e5e5e5 !important;
7098
    margin-bottom: 20px;
7099
}
7100
 
7101
.job-status-bar hr {
7102
    margin: 0 -40px;
7103
}
7104
 
7105
.reply-area {
7106
    padding-left: 55px;
7107
}
7108
 
7109
.reply-rply1 {
7110
    margin: 24px 0;
7111
}
7112
 
7113
.reply-area p {
7114
    padding-bottom: 10px;
7115
}
7116
 
7117
.reply-area span {
7118
    cursor: pointer;
7119
}
7120
 
7121
.reply-area span:hover {
7122
    color: #e44d3a;
7123
}
7124
 
7125
.reply-area i {
7126
    font-size: 16px;
7127
    font-weight: 600;
7128
    padding-right: 8px;
7129
}
7130
 
7131
.comment-area .la-plus-circle {
7132
    display: block;
7133
    text-align: center;
7134
    font-size: 40px;
7135
    color: #b2b2b2;
7136
}
7137
 
7138
.reply-area span {
7139
    padding-top: 5px;
7140
    color: #b2b2b2;
7141
}
7142
 
7143
.comt span {
7144
    font-size: 16px;
7145
    color: #666666;
7146
}
7147
 
7148
.comt i {
7149
    padding-right: 8px;
7150
}
7151
 
7152
.postcomment .form-control {
7153
    width: 112%;
7154
    margin-left: -50px;
7155
    background-color: #efefef;
7156
    border-radius: 3px;
7157
}
7158
 
7159
.postcomment a {
7160
    background-color: #e44d3a;
7161
    color: #fff;
7162
    padding: 9px 25px 8px 25px;
7163
    line-height: 37px;
7164
    border-radius: 3px;
7165
}
7166
 
7167
.postcomment {
7168
    padding-top: 30px;
7169
}
7170
 
7171
.widget-about button:focus {
7172
    box-shadow: none;
7173
}
7174
 
7175
.widget-about button:hover {
7176
    background-color: #e44d3a;
7177
}
7178
 
7179
.widget-about button {
7180
    background-color: #e44d3a;
7181
    border: none;
7182
    padding: 12px 0;
7183
    width: 100%;
7184
}
7185
 
7186
.widget-about p {
7187
    background-color: #e44d3a;
7188
    color: #fff;
7189
    padding: 10px 0;
7190
}
7191
 
7192
.widget-projectid {
7193
    padding: 15px;
7194
}
7195
 
7196
.widget-projectid h3 {
7197
    padding-bottom: 7px;
7198
    font-size: 14px;
7199
    font-weight: 600;
7200
}
7201
 
7202
.sd-title h4 {
7203
    margin-bottom: 5px;
7204
    font-size: 16px;
7205
    font-weight: 600;
7206
    line-height: 24px;
7207
}
7208
 
7209
.paymethd p {
7210
    color: #e44d3a;
7211
}
7212
 
7213
.copylink p {
7214
    background-color: #efefef;
7215
    padding: 7px 0 8px 10px;
7216
}
7217
 
7218
.copylink a {
7219
    background-color: #e44d3a;
7220
    color: #fff;
7221
    padding: 10px 15px 10px 15px;
7222
    border-radius: 4px;
7223
}
7224
 
7225
.copylink span {
7226
    padding: 30px 0 20px;
7227
}
7228
 
7229
.copylink i {
7230
    float: unset;
7231
    position: unset;
7232
}
7233
 
7234
.copylink .la-facebook {
7235
    background-color: #3b5998;
7236
    color: #fff;
7237
}
7238
 
7239
.copylink .la-twitter {
7240
    color: #1da1f2;
7241
}
7242
 
7243
.copylink .la-pinterest-p {
7244
    background-color: #fff;
7245
    color: #c11628;
7246
    border-radius: 50%;
7247
}
7248
 
7249
.copylink img {
7250
    padding-right: 10px;
7251
}
7252
 
7253
.freelancerbiding {
7254
    background-color: #fff;
7255
    padding-top: 20px;
7256
}
7257
 
7258
.freelancerbiding h3 {
7259
    font-size: 18px;
7260
    font-weight: 400;
7261
}
7262
 
7263
.repcent {
7264
    text-align: left;
7265
}
7266
 
7267
.bidrit {
7268
    float: right;
7269
}
7270
 
7271
.repcent i {
7272
    padding-left: 5px;
7273
}
7274
 
7275
.star {
7276
    display: inline-flex;
7277
    padding: 5px 0;
7278
}
7279
 
7280
.star li i {
7281
    color: #bfd337;
7282
}
7283
 
7284
.repcent span {
7285
    color: #51a5fb;
7286
}
7287
 
7288
.repcent p {
7289
    padding-left: 7px;
7290
}
7291
 
7292
.noreview ul li i {
7293
    color: #b2b2b2;
7294
}
7295
 
7296
.paymethd .star li i {
7297
    position: unset;
7298
    font-size: 14px;
7299
}
7300
 
7301
.paymethd .star a {
7302
    color: #51a5fb;
7303
    padding-left: 12px;
7304
}
7305
 
7306
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7307
 
7308
.modal-body {
7309
    padding: 1rem 0;
7310
}
7311
 
7312
.notice {
7313
    background-color: #ddf3ff;
7314
    padding: 15px;
7315
}
7316
 
7317
.notice span {
7318
    font-weight: 500;
7319
    padding-right: 5px;
7320
}
7321
 
7322
.innerbody {
7323
    padding: 15px;
7324
}
7325
 
7326
.innerbody h3 {
7327
    font-size: 18px;
7328
    font-weight: 600;
7329
}
7330
 
7331
.innerbody h4 {
7332
    font-weight: 600;
7333
    font-size: 14px;
7334
    margin-left: -15px;
7335
    float: left;
7336
}
7337
 
7338
.delivery .input-group select {
7339
    width: 150px;
7340
    height: 50px !important;
7341
    font-size: 19px;
7342
    border: 1px solid #e5e5e5;
7343
    border-radius: 3px;
7344
}
7345
 
7346
.input-group-prepend {
7347
    background-color: #f3f3f3;
7348
    color: #bfbfbf;
7349
    text-align: center;
7350
    line-height: 3;
7351
    border: 1px solid #e5e5e5;
7352
}
7353
 
7354
.input-group-text {
7355
    color: #666666 !important;
7356
    background-color: #f5f5f5 !important;
7357
    border: 0px !important;
7358
    border-radius: 3px !important;
7359
}
7360
 
7361
.place-bid-form {
7362
    position: relative;
7363
    left: 20px;
7364
    top: -15px;
7365
    padding-bottom: 15px;
7366
}
7367
 
7368
.place-bid-form .input-group input {
7369
    width: 70px;
7370
    border: 1px solid #e5e5e5;
7371
}
7372
 
7373
.paydel {
7374
    padding: 40px 0 0;
7375
}
7376
 
7377
.beatcompitation {
7378
    background-color: #f3f3f3;
7379
    padding: 15px;
7380
}
7381
 
7382
.beatcompitation h3 {
7383
    font-weight: 500;
7384
}
7385
 
7386
.sponser i {
7387
    background-color: #e44d3a;
7388
    color: #fff;
7389
    margin-right: 5px;
7390
    padding: 2px;
7391
}
7392
 
7393
.sponser h2 {
7394
    font-size: 18px;
7395
    font-weight: 600;
7396
    padding-top: 15px;
7397
    padding-bottom: 15px;
7398
}
7399
 
7400
.sponser {
7401
    padding: 15px;
7402
}
7403
 
7404
.modal-footer {
7405
    display: block !important;
7406
    border-top: none;
7407
    padding: 1rem 0;
7408
}
7409
 
7410
.modal-footer button {
7411
    font-size: 15px;
7412
    font-weight: 500;
7413
    background-color: unset;
7414
    border: none;
7415
    padding: 10px;
7416
    border: 1px solid #d2d2d2;
7417
    border-radius: 3px;
7418
}
7419
 
7420
.modal-footer button:hover {
7421
    background-color: #e44d3a;
7422
    /* color: #fff; */
7423
    /* border: 1px solid #e44d3a; */
7424
}
7425
 
7426
.place-bid-btn {
7427
    font-size: 15px;
7428
    font-weight: 500;
7429
    color: #fff !important;
7430
    background-color: #e44d3a !important;
7431
    border: none;
7432
    padding: 10px;
7433
    border: 1px solid #e44d3a;
7434
    border-radius: 3px;
7435
}
7436
 
7437
.usy-dt .reply {
7438
    margin: 3px 0 0 10px;
7439
    width: 360px;
7440
    height: 40px;
7441
    background-color: #efefef;
7442
    border: 1px solid #e5e5e5;
7443
    padding-left: 10px;
7444
    border-radius: 3px;
7445
}
7446
 
7447
.replybtn {
7448
    background-color: #e44d3a;
7449
    color: #fff;
7450
    padding: 10px;
7451
    margin-left: 15px;
7452
    border-radius: 3px;
7453
}
7454
 
7455
.replybtn:hover {
7456
    color: #fff;
7457
}
7458
 
7459
.rewivew ul li {
7460
    margin-right: 5px !important;
7461
}
7462
 
7463
.security hr {
7464
    margin-right: -15px;
7465
    margin-left: -15px;
7466
}
7467
 
7468
.privacy .la-check {
7469
    float: left;
7470
    font-size: 12px;
7471
    margin: 5px 5px 0 0;
7472
    padding: 3px;
7473
    background-color: #e44d3a;
7474
    color: #fff;
7475
    border-radius: 50%;
7476
}
7477
 
7478
ul#myTab {
7479
    border-bottom: 1px solid #e5e5e5;
7480
}
7481
 
7482
.nav-tabs .nav-link {
7483
    border: none;
7484
}
7485
 
7486
.noborder {
7487
    border-bottom: none;
7488
}
7489
 
7490
.manbids {
7491
    margin-bottom: 0 !important;
7492
}
7493
 
7494
.noreply {
7495
    padding-top: 30px;
7496
}
7497
 
7498
#my-bids .nav-tabs {
7499
    margin-bottom: 20px;
7500
    margin-top: 7px;
7501
    padding-bottom: 0;
7502
}
7503
 
7504
#my-bids ul {
7505
    margin-bottom: 15px;
7506
    margin-top: 7px;
7507
    padding-bottom: 0;
7508
}
7509
 
7510
.savedjob-info p {
7511
    color: #666666;
7512
    margin-top: 5px;
7513
}
7514
 
7515
#my-bids ul li a {
7516
    color: #000000;
7517
    font-size: 16px;
7518
    font-weight: 500;
7519
}
7520
 
7521
#my-bids li a:hover {
7522
    color: #e44d3a;
7523
}
7524
 
7525
#saved-jobs ul {
7526
    margin-bottom: 20px;
7527
}
7528
 
7529
#saved-jobs ul li a {
7530
    color: #000000;
7531
    font-size: 16px;
7532
    font-weight: 500;
7533
}
7534
 
7535
#saved-jobs li a:hover {
7536
    color: #e44d3a;
7537
}
7538
 
7539
.wordpressdevlp h2 {
7540
    font-size: 18px;
7541
    font-weight: 600;
7542
    margin-bottom: 15px;
7543
}
7544
 
7545
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7546
#saved-jobs .nav-tabs .nav-link.active {
7547
    background-color: inherit;
7548
    color: #e44d3a !important;
7549
    padding-bottom: 9px;
7550
    border-bottom: 2px solid #e44d3a !important;
7551
}
7552
 
7553
#my-bids .nav-tabs .nav-item.show .nav-link,
7554
#my-bids .nav-tabs .nav-link.active {
7555
    background-color: inherit;
7556
    color: #e44d3a !important;
7557
    padding-bottom: 9px;
7558
    border-bottom: 2px solid #e44d3a !important;
7559
}
7560
 
7561
.descptab li img {
7562
    float: left !important;
7563
    filter: inherit !important;
7564
}
7565
 
7566
.bklink {
7567
    border-bottom: none !important;
7568
    width: unset !important;
7569
    float: right !important;
7570
}
7571
 
7572
.bklik {
7573
    border-bottom: none !important;
7574
}
7575
 
7576
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7577
 
7578
.savedjob-info li {
7579
    display: inline-block;
7580
    padding-left: 25px;
7581
}
7582
 
7583
.savedjob-info h3 {
7584
    font-size: 14px;
7585
    font-weight: 500;
7586
}
7587
 
7588
.settingjb ul li {
7589
    margin-right: 25px !important;
7590
}
7591
 
7592
.mangebid li {
7593
    padding-left: 0;
7594
    padding-right: 20px;
7595
    padding-top: 10px;
7596
}
7597
 
7598
.bk-links.bklink li {
7599
    padding-right: 0;
7600
}
7601
 
7602
.bidsbtn {
7603
    position: relative;
7604
}
7605
 
7606
.biddersinfo li {
7607
    padding-left: 0;
7608
    padding-right: 20px;
7609
}
7610
 
7611
#review {
7612
    background-color: #fff;
7613
    margin-bottom: 40px;
7614
}
7615
 
7616
.starreview {
7617
    padding-left: 20px;
7618
}
7619
 
7620
.replytext {
7621
    padding-bottom: 20px;
7622
}
7623
 
7624
.starrevi {
7625
    padding-left: 20px;
7626
}
7627
 
7628
.apply-jobbox {
7629
    text-align: center;
7630
}
7631
 
7632
.apply-jobbox form input {
7633
    width: 100%;
7634
    margin-top: 20px;
7635
    padding: 10px;
7636
    color: #222;
7637
    border: 1px solid #e5e5e5;
7638
    border-radius: 3px;
7639
    font-size: 14px;
7640
}
7641
 
7642
.apply-jobbox h3 {
7643
    margin: 20px 0;
7644
}
7645
 
7646
.select-files {
7647
    border: 1px solid #e5e5e5;
7648
    margin-top: 20px;
7649
    padding: 30px;
7650
    background: #efefef;
7651
}
7652
 
7653
.select-files button {
7654
    margin-bottom: 20px;
7655
    background-color: transparent;
7656
    border: 1px solid #e5e5e5;
7657
    padding: 10px 15px 10px 15px;
7658
    border-radius: 5px;
7659
    font-weight: 600;
7660
}
7661
 
7662
.select-files button:hover {
7663
    background-color: #e44d3a;
7664
    color: #fff;
7665
}
7666
 
7667
.close {
7668
    position: absolute;
7669
    right: 0px;
7670
    top: 0px;
7671
    color: #929292;
7672
    border: 1px solid !important;
7673
    border-radius: 50%;
7674
    height: 30px;
7675
    width: 30px;
7676
}
7677
 
7678
.mapouter iframe {
7679
    width: 100%;
7680
    height: 400px;
7681
}
7682
 
7683
.mapouter {
7684
    position: relative;
7685
    text-align: right;
7686
    height: 500px;
7687
    width: 100%;
7688
}
7689
 
7690
.gmap_canvas {
7691
    overflow: hidden;
7692
    background: none !important;
7693
}
7694
 
7695
.video-iframe {
7696
    width: 100%;
7697
    height: 400px;
7698
}
7699
 
7700
.custom-file-input {
7701
    color: transparent;
7702
    opacity: 1;
7703
    /* margin-left: 140px; */
7704
    margin-bottom: 10px;
7705
}
7706
 
7707
.custom-file-input::-webkit-file-upload-button {
7708
    visibility: hidden;
7709
}
7710
 
7711
.custom-file-input::before {
7712
    content: "Select Files";
7713
    color: #fff;
7714
    display: inline-block;
7715
    border: 1px solid #e5e5e5;
7716
    border-radius: 3px;
7717
    background: #e44d3a;
7718
    font-weight: 500;
7719
    padding: 10px 15px;
7720
    outline: none;
7721
    white-space: nowrap;
7722
    -webkit-user-select: none;
7723
    cursor: pointer;
7724
}
7725
 
7726
.custom-file-input:hover::before {
7727
    background-color: #e44d3a;
7728
    color: #fff;
7729
}
7730
 
7731
.custom-file-input:active {
7732
    outline: 0;
7733
}
7734
 
7735
.custom-file-input:active::before {
7736
    background: #e44d3a;
7737
    color: #fff;
7738
}
7739
 
7740
.bids-time {
7741
    float: right;
7742
}
7743
 
7744
.saved-post {
7745
    padding: 0;
7746
}
7747
 
7748
.saved-post p {
7749
    padding-bottom: 20px;
7750
}
7751
 
7752
.saved-info li {
7753
    padding-right: 25px;
7754
    padding-left: 0;
7755
}
7756
 
7757
.saved-btn {
7758
    padding: 0;
7759
    margin-bottom: -12px;
7760
}
7761
 
7762
.applied-post {
7763
    padding: 0;
7764
}
7765
 
7766
.post-bid {
7767
    padding: 0 !important;
7768
}
7769
 
7770
.bidsbtn {
7771
    padding-top: 0 !important;
7772
}
7773
 
7774
.active-bids {
7775
    padding: 0;
7776
}
7777
 
7778
.activ-bidinfo li {
7779
    padding-top: 10px;
7780
    padding-left: 0;
7781
    padding-right: 25px;
7782
}
7783
 
7784
.activebtn {
7785
    padding-left: 0;
7786
}
7787
 
7788
.p-all {
7789
    padding: 0px;
7790
    float: left;
7791
    width: 100%;
7792
    position: relative;
7793
}
7794
 
7795
.toggle-btn .custom-switch .custom-control-label::before {
7796
    left: -2.25rem;
7797
    width: 70px;
7798
    pointer-events: all;
7799
    border-radius: 100px;
7800
    height: 30px;
7801
    top: -1px;
7802
    box-shadow: none;
7803
}
7804
 
7805
.toggle-btn .custom-control-label::before {
7806
    position: absolute;
7807
    top: 0.25rem;
7808
    left: -1.5rem;
7809
    display: block;
7810
    width: 1rem;
7811
    height: 1rem;
7812
    pointer-events: none;
7813
    content: "";
7814
    background-color: #fff;
7815
    border: #e1e1e1 solid 2px;
7816
}
7817
 
7818
.custom-control-input:checked~.custom-control-label::before {
7819
    color: #fff;
7820
    border-color: #e44d3a;
7821
    background-color: #e44d3a;
7822
    box-shadow: none;
7823
    outline: none;
7824
}
7825
 
7826
.toggle-btn .custom-switch .custom-control-label::after {
7827
    top: calc(-1px + 2px);
7828
    left: calc(-36px + 2px);
7829
    width: calc(30px - 4px);
7830
    height: calc(30px - 4px);
7831
    background-color: #e1e1e1;
7832
    border-radius: 100%;
7833
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
7834
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7835
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
7836
}
7837
 
7838
.toggle-btn .custom-control-label::after {
7839
    position: absolute;
7840
    top: 0.25rem;
7841
    left: -1.5rem;
7842
    display: block;
7843
    width: 0;
7844
    height: 0;
7845
    content: "";
7846
    background: no-repeat 50%/50% 50%;
7847
}
7848
 
7849
.toggle-btn .custom-control-label {
7850
    position: initial;
7851
    margin-bottom: 0;
7852
    vertical-align: top;
7853
}
7854
 
7855
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
7856
    background-color: #fff;
7857
    -webkit-transform: translateX(2.5rem);
7858
    transform: translateX(2.5rem);
7859
}
7860
 
7861
.custom-control-label {
7862
    position: relative;
7863
    margin-bottom: 0;
7864
    vertical-align: top;
7865
    line-height: 24px;
7866
    font-size: 14px;
7867
    color: #666666;
7868
}
7869
 
7870
.small-text-children p,
7871
.small-text-children span {
7872
    font-size: .8rem;
7873
}
7874
 
7875
.search-item-selected {
7876
    padding: 2%;
1821 steven 7877
    background: #F0F0F0;
1239 steven 7878
    border-radius: 6px;
7879
    font-weight: bold;
7880
}
7881
 
7882
main {
7883
    background-color: #fff !important;
7884
}
7885
 
7886
.row .sc-dkzDqf {
7887
    margin: 0 auto;
7888
}
7889
 
7890
.test-section .title,
7891
.test-section .description {
7892
    margin-bottom: 10px;
7893
}
7894
 
7895
.test-section .btn-danger {
7896
    margin-right: 10px;
7897
}
7898
 
7899
.test-section .panel-body {
7900
    padding: 20px 0px;
7901
}
7902
 
7903
.test-section .panel {
7904
    margin-top: 20px;
7905
    padding-bottom: 10px;
7906
}
7907
 
7908
.test-section .panel-title {
7909
    font-size: 16px;
7910
    font-weight: bold;
7911
    text-transform: uppercase;
7912
}
7913
 
7914
.test-section .np-padding {
7915
    padding: 0px;
7916
}
7917
 
7918
.test-section .checkbox {
7919
    display: flex;
7920
    margin: 20px 0px;
7921
}
7922
 
7923
.test-section .option {
7924
    margin-left: 10px;
7925
}
7926
 
7927
.checkbox input[type=checkbox],
7928
input[type=radio] {
7929
    margin-top: 5px !important;
7930
}
7931
 
7932
.test-section h6 {
7933
    margin-bottom: 10px;
7934
    color: #0860bf;
7935
}
7936
 
7937
.wizard {
7938
    display: flex;
7939
    margin-top: 10px;
7940
}
7941
 
7942
.wizard li {
7943
    width: 50%;
7944
    display: inline-block;
7945
}
7946
 
7947
.btn-secondary:disabled,
7948
.btn-primary:disabled {
7949
    cursor: no-drop;
7950
}
7951
 
7952
.test-section .btn-primary {
7953
    margin-left: 10px
7954
}
7955
 
7956
.previous {
7957
    text-align: left;
7958
}
7959
 
7960
.next {
7961
    text-align: right;
7962
}
7963
 
7964
.test-section .close {
7965
    border: none !important;
7966
    border-radius: 0px !important;
7967
}
7968
 
7969
.ratin-range {
7970
    display: block;
7971
}
7972
 
7973
.ratin-range li {
7974
    display: inline-block;
7975
    width: 6%;
7976
}
7977
 
7978
.ratin-range li .option {
7979
    margin-top: 2px !important;
7980
}
7981
 
7982
#react-self-evaluation .company-up-info ul {
7983
    width: 100%;
7984
    position: absolute;
7985
    float: left;
7986
    left: 0px;
7987
    bottom: 4vw;
7988
}
7989
 
7990
#react-self-evaluation .company-up-info {
7991
    padding: 30px 10px;
7992
    min-height: 20vw;
7993
    border: 1px solid #e5e5e5
7994
}
7995
 
7996
#react-self-evaluation .company-up-info h3 {
7997
    width: 90%;
7998
    margin: 5px auto;
7999
}
8000
 
8001
.mb10 {
597 geraldo 8002
    margin-bottom: 3vw;
598 geraldo 8003
}
1239 steven 8004
 
8005
.opt-h6 {
8006
    font-weight: 600 !important;
8007
    color: #000 !important;
597 geraldo 8008
}