Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2171 | Rev 2197 | 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
    color: #b2b2b2;
1306
    font-size: 14px;
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
 
1948 steven 1957
.chat-title{
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
    }
3148
    .group-view-tab span {
3149
        text-overflow: ellipsis;
3150
        white-space: nowrap;
3151
        overflow: hidden;
3152
    }
3153
}
3154
 
3155
@media(max-width: 720px) {
3156
    .group-view-tab {
3157
        margin-left: 3.5rem;
3158
    }
3159
}
3160
 
3161
.text-decoration-underline {
3162
    text-decoration: underline !important;
3163
}
3164
 
3165
.ellipsis {
3166
    text-overflow: ellipsis;
3167
    white-space: nowrap;
3168
    overflow: hidden;
3169
}
3170
 
3171
.social_links li a i {
3172
    padding-right: 5px;
3173
    font-size: 20px;
3174
    position: relative;
3175
    top: 3px;
3176
}
3177
 
3178
.la-globe {
3179
    color: #51a5fb;
3180
}
3181
 
3182
/* ================= user-tab-sec ============== */
3183
 
3184
.user-tab-sec {
3185
    float: left;
3186
    width: 100%;
3187
    padding-top: 4px;
3188
}
3189
 
3190
.user-tab-sec h3 {
3191
    color: #000000;
3192
    font-size: 24px;
3193
    font-weight: 600;
3194
    text-transform: capitalize;
3195
    margin-bottom: 15px;
3196
}
3197
 
3198
.star-descp {
3199
    float: left;
3200
    width: 100%;
3201
    margin-bottom: 10px;
3202
}
3203
 
3204
.star-descp ul li {
3205
    margin-right: 5px !important;
3206
}
3207
 
3208
.star-descp>a {
3209
    float: left;
3210
    color: #51a5fb;
3211
    font-size: 18px;
3212
    font-weight: 600;
3213
    margin-left: 20px;
3214
    text-decoration: underline;
3215
}
3216
 
3217
.star-descp>a:hover {
3218
    color: #51a5fb;
3219
}
3220
 
3221
.star-descp span {
3222
    float: left;
3223
    color: #686868;
3224
    font-size: 18px;
3225
    font-weight: 600;
3226
    margin-right: 20px;
3227
}
3228
 
3229
.star-descp>ul {
3230
    float: left;
3231
}
3232
 
3233
.star-descp ul li {
3234
    display: inline-block;
3235
}
3236
 
3237
.star-descp ul li i {
3238
    color: #b7ce1f;
3239
    font-size: 16px;
3240
}
3241
 
3242
.tab-feed {
3243
    float: left;
3244
    width: 100%;
3245
    margin-bottom: 45px;
3246
    margin-top: 20px;
3247
}
3248
 
3249
.tab-feed ul {
3250
    float: left;
3251
    width: 100%;
3252
}
3253
 
3254
.tab-feed ul li {
3255
    display: inline-block;
3256
    margin-right: 35px;
3257
    text-align: center;
3258
}
3259
 
3260
.savetext ul {
3261
    border-bottom: none !important;
3262
}
3263
 
3264
.tab-feed.st2 ul li {
3265
    margin-right: 17px;
3266
}
3267
 
3268
.tab-feed ul li:last-child {
3269
    margin-right: 0;
3270
}
3271
 
3272
.tab-feed ul li.active img {
3273
    filter: grayscale(0);
3274
}
3275
 
3276
.tab-feed ul li.active span {
3277
    color: #e44d3a;
3278
}
3279
 
3280
.tab-feed ul li img {
3281
    float: none;
3282
    margin-bottom: 5px;
3283
    filter: grayscale(100%);
3284
}
3285
 
3286
.tab-feed ul li span {
3287
    display: block;
3288
    color: #b2b2b2;
3289
    font-weight: 400;
3290
    font-size: 16px;
3291
}
3292
 
3293
.tab-feed ul li:last-child {
3294
    margin-right: 0;
3295
}
3296
 
3297
/* ================ message-btn ============= */
3298
 
3299
.message-btn {
3300
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3301
}
3302
 
3303
.message-btn a {
3304
    display: inline-block;
3305
    color: #ffffff;
3306
    font-size: 16px;
3307
    background-color: #e44d3a;
3308
    padding: 12px;
3309
    font-weight: 500;
3310
}
3311
 
3312
.message-btn a:hover {
3313
    color: #fff;
3314
}
3315
 
3316
.message-btn a i {
3317
    padding-right: 5px;
3318
}
3319
 
3320
/* ============== widget-portfolio ============== */
3321
 
3322
.wd-heady {
3323
    float: left;
3324
    width: 100%;
3325
    padding: 20px 20px;
3326
    border-bottom: 1px solid #e5e5e5;
3327
}
3328
 
3329
.wd-heady h3 {
3330
    color: #000000;
3331
    font-size: 18px;
3332
    font-weight: 600;
3333
    float: left;
3334
}
3335
 
3336
.wd-heady img {
3337
    float: right;
3338
}
3339
 
3340
.pf-gallery {
3341
    float: left;
3342
    width: 100%;
3343
    padding: 15px 15px;
3344
}
3345
 
3346
.pf-gallery ul {
3347
    float: left;
3348
    width: 100%;
3349
}
3350
 
3351
.pf-gallery ul li {
3352
    float: left;
3353
    width: 33.33%;
3354
    padding: 5px;
3355
    overflow: hidden;
3356
}
3357
 
3358
.pf-gallery ul li:hover {
3359
    -webkit-transform: scale(1.2);
3360
    -moz-transform: scale(1.2);
3361
    -ms-transform: scale(1.2);
3362
    -o-transform: scale(1.2);
3363
    transform: scale(1.2);
3364
}
3365
 
3366
.pf-gallery img {
3367
    width: 100%;
3368
}
3369
 
3370
.product-feed-tab {
3371
    float: left;
3372
    width: 100%;
3373
    display: none;
3374
}
3375
 
3376
.product-feed-tab.current {
3377
    display: block;
3378
}
3379
 
3380
/* =============== user-profile-ov ================ */
3381
 
3382
.user-profile-ov {
3383
    float: left;
3384
    width: 100%;
3385
    background-color: #fff;
3386
    padding: 30px 20px;
3387
    border-left: 1px solid #e4e4e4;
3388
    border-bottom: 1px solid #e4e4e4;
3389
    border-right: 1px solid #e4e4e4;
3390
    margin-bottom: 20px;
3391
}
3392
 
3393
.user-profile-ov h3 {
3394
    color: #000000;
3395
    font-size: 18px;
3396
    font-weight: 600;
3397
    margin-bottom: 20px;
3398
}
3399
 
3400
.user-profile-ov h3 a {
3401
    color: #000000;
3402
}
3403
 
3404
.user-profile-ov i {
3405
    color: #000000;
3406
    font-size: 13px;
3407
    padding-left: 5px;
3408
}
3409
 
3410
.user-profile-ov h4 {
3411
    font-size: 16px;
3412
    color: #000;
3413
    font-weight: 600;
3414
    margin-bottom: 10px;
3415
}
3416
 
3417
.user-profile-ov p {
3418
    color: #686868;
3419
    font-size: 14px;
3420
    line-height: 24px;
3421
}
3422
 
3423
.user-profile-ov.st2 p {
3424
    margin-bottom: 23px;
3425
}
3426
 
3427
.no-margin {
3428
    margin: 0 !important;
3429
}
3430
 
3431
.user-profile-ov>span {
3432
    color: #686868;
3433
    font-size: 14px;
3434
    float: left;
3435
    width: 100%;
3436
    margin-bottom: 8px;
3437
    margin-top: 3px;
3438
}
3439
 
3440
.user-profile-ov ul {
3441
    float: left;
3442
    width: 100%;
3443
}
3444
 
3445
.user-profile-ov ul li {
3446
    display: inline-block;
3447
    margin-bottom: 10px;
3448
    padding: 0 2px;
3449
}
3450
 
3451
.user-profile-ov ul li a {
3452
    display: inline-block;
3453
    color: #b2b2b2;
3454
    font-size: 14px;
3455
    font-weight: 600;
3456
    background-color: #e5e5e5;
3457
    -webkit-border-radius: 30px;
3458
    -moz-border-radius: 30px;
3459
    -ms-border-radius: 30px;
3460
    -o-border-radius: 30px;
3461
    border-radius: 30px;
3462
    padding: 10px 15px;
3463
}
3464
 
3465
/* ==================== portfolio-gallery-sec ==================== */
3466
 
3467
.portfolio-gallery-sec {
3468
    float: left;
3469
    width: 100%;
3470
    background-color: #fff;
3471
    padding: 30px 20px;
3472
    border-left: 1px solid #e4e4e4;
3473
    border-right: 1px solid #e4e4e4;
3474
    border-bottom: 1px solid #e4e4e4;
3475
}
3476
 
3477
.portfolio-gallery-sec h3 {
3478
    font-weight: 600;
3479
    font-size: 18px;
3480
    margin-bottom: 32px;
3481
    padding-left: 5px;
3482
    float: left;
3483
}
3484
 
3485
.portfolio-btn {
3486
    float: right;
3487
}
3488
 
3489
.portfolio-btn a {
3490
    display: inline-block;
3491
    color: #e44d3a;
3492
    font-size: 16px;
3493
    font-weight: 600;
3494
}
3495
 
3496
.portfolio-btn a i {
3497
    margin-right: 5px;
3498
}
3499
 
3500
.gallery_pf {
3501
    float: left;
3502
    width: 100%;
3503
    margin-bottom: -5px;
3504
}
3505
 
3506
.gallery_pf .col-lg-4 {
3507
    padding: 5px;
3508
}
3509
 
3510
.gallery_pt {
3511
    float: left;
3512
    width: 100%;
3513
    position: relative;
3514
    overflow: hidden;
3515
}
3516
 
3517
.gallery_pt:hover:before {
3518
    opacity: 1;
3519
    visibility: visible;
3520
    height: 100%;
3521
}
3522
 
3523
.gallery_pt:before {
3524
    content: "";
3525
    position: absolute;
3526
    top: 0;
3527
    left: 0;
3528
    width: 100%;
3529
    height: 0;
3530
    background-color: rgba(0, 0, 0, 0.6);
3531
    opacity: 0;
3532
    visibility: hidden;
3533
}
3534
 
3535
.gallery_pt img {
3536
    width: 100%;
3537
    height: 134px;
3538
    object-fit: cover;
3539
}
3540
 
3541
.row {
3542
    margin: 0;
3543
}
3544
 
3545
.gallery_pt>a {
3546
    position: absolute;
3547
    top: 100%;
3548
    left: 0;
3549
    float: left;
3550
    width: 100%;
3551
    text-align: center;
3552
    -webkit-transform: translateY(-50%);
3553
    -moz-transform: translateY(-50%);
3554
    -ms-transform: translateY(-50%);
3555
    -o-transform: translateY(-50%);
3556
    transform: translateY(-50%);
3557
    opacity: 0;
3558
    visibility: hidden;
3559
}
3560
 
3561
.gallery_pt:hover>a {
3562
    opacity: 1;
3563
    visibility: visible;
3564
    top: 50%;
3565
}
3566
 
3567
.gallery_pt>a img {
3568
    float: none;
3569
    width: auto;
3570
    height: auto;
3571
}
3572
 
3573
/* ============== overview-box ============= */
3574
 
3575
.overview-box {
3576
    width: 570px;
3577
    position: fixed;
3578
    top: 50%;
3579
    left: 50%;
3580
    -webkit-transform: translateX(-50%) translateY(-50%);
3581
    -moz-transform: translateX(-50%) translateY(-50%);
3582
    -ms-transform: translateX(-50%) translateY(-50%);
3583
    -o-transform: translateX(-50%) translateY(-50%);
3584
    transform: translateX(-50%) translateY(-50%);
3585
    opacity: 0;
3586
    visibility: hidden;
3587
    z-index: 0;
3588
}
3589
 
3590
.close-box {
3591
    position: absolute;
3592
    top: -20px;
3593
    right: -20px;
3594
    color: #fff;
3595
    font-size: 14px;
3596
    text-align: center;
3597
    width: 22px;
3598
    height: 22px;
3599
    line-height: 22px;
3600
    border: 1px solid #fff;
3601
    -webkit-border-radius: 100px;
3602
    -moz-border-radius: 100px;
3603
    -ms-border-radius: 100px;
3604
    -o-border-radius: 100px;
3605
    border-radius: 100px;
3606
    font-weight: 600;
3607
}
3608
 
3609
.close-box:hover {
3610
    color: #fff;
3611
}
3612
 
3613
.overview-box.open {
3614
    opacity: 1;
3615
    visibility: visible;
3616
    z-index: 99999;
3617
}
3618
 
3619
.overview-edit {
3620
    float: left;
3621
    width: 100%;
3622
    background-color: #fff;
3623
    padding: 30px 20px;
3624
}
3625
 
3626
.overview-edit h3 {
3627
    color: #000000;
3628
    font-size: 18px;
3629
    font-weight: 600;
3630
    float: left;
3631
    width: 100%;
3632
    margin-bottom: 25px;
3633
}
3634
 
3635
.overview-edit span {
3636
    color: #b2b2b2;
3637
    font-size: 12px;
3638
    float: right;
3639
    margin-bottom: 5px;
3640
}
3641
 
3642
.overview-edit form {
3643
    float: left;
3644
    width: 100%;
3645
}
3646
 
3647
.overview-edit form input {
3648
    height: 40px;
3649
    padding-left: 15px;
3650
    margin-bottom: 20px;
3651
}
3652
 
3653
.overview-edit form textarea,
3654
.overview-edit form input,
3655
.overview-edit form select {
3656
    width: 100%;
3657
    border: 1px solid #e5e5e5;
3658
    resize: none;
3659
    color: #b2b2b2;
3660
    font-size: 14px;
3661
}
3662
 
3663
.overview-edit form select {
3664
    line-height: 40px;
3665
    padding-left: 40px;
3666
    margin-bottom: 20px;
3667
}
3668
 
3669
.overview-edit form textarea {
3670
    height: 160px;
3671
    margin-bottom: 30px;
3672
    padding: 15px;
3673
}
3674
 
3675
.save {
3676
    background-color: #e44d3a;
3677
    color: #fff;
3678
    border-color: transparent;
3679
}
3680
 
3681
.save-add {
3682
    background-color: #fff;
3683
    padding: 13px 13px !important;
3684
}
3685
 
3686
.overview-edit button {
3687
    float: left;
3688
    border: 1px solid #e5e5e5;
3689
    font-weight: 600;
3690
    font-size: 16px;
3691
    padding: 13px 34px;
3692
    margin-right: 20px;
3693
    outline: none;
3694
    cursor: pointer;
3695
}
3696
 
3697
.cancel {
3698
    background-color: #fff;
3699
    color: #000;
3700
}
3701
 
3702
.datepicky {
3703
    float: left;
3704
    width: 100%;
3705
}
3706
 
3707
.no-left-pd {
3708
    padding: 0;
3709
}
3710
 
3711
.no-righ-pd {
3712
    padding-right: 0;
3713
}
3714
 
3715
.datefm {
3716
    float: left;
3717
    width: 100%;
3718
    position: relative;
3719
}
3720
 
3721
.datefm i {
3722
    position: absolute;
3723
    top: 11px;
3724
    right: 15px;
3725
    font-size: 18px;
3726
    color: #b2b2b2;
3727
}
3728
 
3729
#location-box .datefm i {
3730
    right: auto;
3731
    left: 15px;
3732
}
3733
 
3734
#location-box .datefm input {
3735
    padding-left: 40px;
3736
}
3737
 
3738
#skills-box ul {
3739
    float: left;
3740
    width: 100%;
3741
    margin-bottom: 20px;
3742
}
3743
 
3744
#skills-box ul li {
3745
    display: inline-block;
3746
    margin-right: 10px;
3747
    position: relative;
3748
}
3749
 
3750
.skl-name {
3751
    display: inline-block;
3752
    color: #b2b2b2;
3753
    font-size: 14px;
3754
    font-weight: 500;
3755
    background-color: #e5e5e5;
3756
    -webkit-border-radius: 30px;
3757
    -moz-border-radius: 30px;
3758
    -ms-border-radius: 30px;
3759
    -o-border-radius: 30px;
3760
    border-radius: 30px;
3761
    text-transform: uppercase;
3762
    padding: 10px 30px 10px 12px;
3763
    position: relative;
3764
}
3765
 
3766
.close-skl {
3767
    position: absolute;
3768
    top: 10px;
3769
    right: 10px;
3770
    color: #b2b2b2;
3771
    font-size: 14px;
3772
}
3773
 
3774
.file-submit {
3775
    border: 1px solid #e5e5e5;
3776
    position: relative;
3777
    padding: 0px;
3778
    height: 40px;
3779
    margin-bottom: 20px;
3780
    border-radius: 3px;
3781
}
3782
 
3783
.file-submit [type="file"] {
3784
    height: 40px;
3785
    overflow: hidden;
3786
    width: 100%;
3787
    float: left;
3788
    position: absolute;
3789
    padding: 10px 4px 0px 12px;
3790
    font-size: 14px;
3791
    opacity: 0;
3792
    display: none;
3793
}
3794
 
3795
.file-submit [type="file"]+label {
3796
    background: #e44d3a;
3797
    border: none;
3798
    float: left;
3799
    border-top-right-radius: 0px;
3800
    border-bottom-right-radius: 0px;
3801
    border-top-left-radius: 3px;
3802
    border-bottom-left-radius: 3px;
3803
    color: #fff;
3804
    cursor: pointer;
3805
    /* display: inline-block; */
3806
    font-size: 14px;
3807
    font-weight: 500;
3808
    outline: none;
3809
    padding: 12px 15px;
3810
    position: relative;
3811
    transition: all 0.3s;
3812
    vertical-align: middle;
3813
    margin: 0;
3814
}
3815
 
3816
.file-submit.nomg {
3817
    border: 0;
3818
    margin-bottom: 20px;
3819
}
3820
 
3821
.file-submit.nomg input {
3822
    margin-bottom: 0;
3823
    padding-top: 0;
3824
}
3825
 
3826
.daty {
3827
    float: left;
3828
    width: 100%;
3829
    position: relative;
3830
}
3831
 
3832
.daty>i {
3833
    position: absolute;
3834
    top: 10px;
3835
    right: 15px;
3836
    color: #b2b2b2;
3837
    font-size: 20px;
3838
}
3839
 
3840
a:hover {
3841
    color: initial;
3842
}
3843
 
3844
.pf-img {
3845
    float: left;
3846
    width: 100%;
3847
    background-color: #f2f2f2;
3848
    padding: 15px;
3849
    margin-bottom: 20px;
3850
}
3851
 
3852
/* ================= billing-method ============== */
3853
 
3854
.billing-method {
3855
    float: left;
3856
    width: 100%;
3857
    background-color: #fff;
3858
    border-left: 1px solid #e4e4e4;
3859
    border-right: 1px solid #e4e4e4;
3860
    border-bottom: 1px solid #e4e4e4;
3861
    margin-bottom: 20px;
3862
}
3863
 
3864
.billing-method ul {
3865
    float: left;
3866
    width: 100%;
3867
}
3868
 
3869
.billing-method ul li {
3870
    float: left;
3871
    width: 100%;
3872
    border-bottom: 1px solid #e5e5e5;
3873
    padding: 25px 20px;
3874
}
3875
 
3876
.billing-method ul li h3 {
3877
    color: #000000;
3878
    font-size: 18px;
3879
    font-weight: 600;
3880
    float: left;
3881
}
3882
 
3883
.billing-method ul li a,
3884
.billing-method ul li span {
3885
    float: right;
3886
    color: #000000;
3887
    font-size: 13px;
3888
    text-transform: capitalize;
3889
    font-weight: 600;
3890
    margin-top: 3px;
3891
}
3892
 
3893
.billing-method ul li i {
3894
    font-size: 13px;
3895
    color: #e44d3a;
3896
}
3897
 
3898
.lt-sec {
3899
    float: left;
3900
    width: 100%;
3901
    text-align: center;
3902
    padding: 30px 0;
3903
}
3904
 
3905
.lt-sec img {
3906
    float: none;
3907
    margin-bottom: 15px;
3908
}
3909
 
3910
.lt-sec h4 {
3911
    color: #686868;
3912
    font-size: 18px;
3913
    font-weight: 600;
3914
    margin-bottom: 25px;
3915
}
3916
 
3917
.lt-sec>a {
3918
    display: inline-block;
3919
    color: #ffffff;
3920
    font-size: 16px;
3921
    background-color: #e44d3a;
3922
    padding: 10px 25px;
3923
}
3924
 
3925
/* ============== add-billing-method ============== */
3926
 
3927
.add-billing-method {
3928
    float: left;
3929
    width: 100%;
3930
    background-color: #fff;
3931
    border-left: 1px solid #e4e4e4;
3932
    border-right: 1px solid #e4e4e4;
3933
    border-bottom: 1px solid #e4e4e4;
3934
}
3935
 
3936
.add-billing-method h3 {
3937
    color: #000000;
3938
    font-size: 18px;
3939
    font-weight: 600;
3940
    padding: 20px 20px;
3941
    border-bottom: 1px solid #e5e5e5;
3942
}
3943
 
3944
.add-billing-method>h4 {
3945
    color: #686868;
3946
    font-size: 13px;
3947
    font-weight: 500;
3948
    padding: 20px 20px;
3949
    border-bottom: 1px solid #e5e5e5;
3950
    float: left;
3951
    width: 100%;
3952
}
3953
 
3954
.add-billing-method img {
3955
    margin-right: 10px;
3956
}
3957
 
3958
.add-billing-method span {
3959
    margin-top: 4px;
3960
    float: left;
3961
}
3962
 
3963
/* ============= payment_methods ============ */
3964
 
3965
.payment_methods {
3966
    float: left;
3967
    width: 100%;
3968
}
3969
 
3970
.payment_methods>h4 {
3971
    color: #000000;
3972
    font-size: 16px;
3973
    font-weight: 600;
3974
    position: relative;
3975
    padding: 25px 20px 25px 45px;
3976
    float: left;
3977
    width: 100%;
3978
}
3979
 
3980
.rowwy {
3981
    float: left;
3982
    width: 100%;
3983
}
3984
 
3985
.pd-left-none {
3986
    padding-left: 0;
3987
}
3988
 
3989
.pd-right-none {
3990
    padding-right: 0;
3991
}
3992
 
3993
.payment_methods h4:before {
3994
    content: "";
3995
    position: absolute;
3996
    top: 50%;
3997
    -webkit-transform: translateY(-50%);
3998
    -moz-transform: translateY(-50%);
3999
    -ms-transform: translateY(-50%);
4000
    -o-transform: translateY(-50%);
4001
    transform: translateY(-50%);
4002
    left: 20px;
4003
    width: 15px;
4004
    height: 15px;
4005
    border: 1px solid #e6e6e6;
4006
    -webkit-border-radius: 100px;
4007
    -moz-border-radius: 100px;
4008
    -ms-border-radius: 100px;
4009
    -o-border-radius: 100px;
4010
    border-radius: 100px;
4011
}
4012
 
4013
.payment_methods h4:after {
4014
    content: "";
4015
    position: absolute;
4016
    top: 50%;
4017
    -webkit-transform: translateY(-50%);
4018
    -moz-transform: translateY(-50%);
4019
    -ms-transform: translateY(-50%);
4020
    -o-transform: translateY(-50%);
4021
    transform: translateY(-50%);
4022
    left: 24px;
4023
    width: 7px;
4024
    height: 7px;
4025
    background-color: #e44d3a;
4026
    -webkit-border-radius: 100px;
4027
    -moz-border-radius: 100px;
4028
    -ms-border-radius: 100px;
4029
    -o-border-radius: 100px;
4030
    border-radius: 100px;
4031
}
4032
 
4033
.payment_methods form {
4034
    float: left;
4035
    width: 100%;
4036
    padding-bottom: 30px;
4037
    border-bottom: 1px solid #e5e5e5;
4038
}
4039
 
4040
.payment_methods form button {
4041
    color: #ffffff;
4042
    font-size: 16px;
4043
    background-color: #e44d3a;
4044
    padding: 10px 15px;
4045
    border: 0;
4046
    cursor: pointer;
4047
}
4048
 
4049
.payment_methods form input {
4050
    width: 100%;
4051
    height: 40px;
4052
    border: 1px solid #e5e5e5;
4053
    padding: 0 12px;
4054
}
4055
 
4056
.cc-head {
4057
    float: left;
4058
    width: 100%;
4059
    margin-bottom: 10px;
4060
}
4061
 
4062
.cc-head h5 {
4063
    float: left;
4064
    color: #000000;
4065
    font-size: 16px;
4066
    font-weight: 600;
4067
    margin-top: 4px;
4068
}
4069
 
4070
.cc-head h5 i {
4071
    color: #b2b2b2;
4072
    font-size: 14px;
4073
}
4074
 
4075
.cc-head ul {
4076
    float: right;
4077
}
4078
 
4079
.cc-head ul li {
4080
    display: inline-block;
4081
}
4082
 
4083
.inpt-field {
4084
    float: left;
4085
    width: 100%;
4086
    position: relative;
4087
    margin-bottom: 20px;
4088
}
4089
 
4090
.no-pdd {
4091
    padding: 0;
4092
}
4093
 
4094
.inpt-field.pd-moree input {
4095
    padding-left: 40px !important;
4096
}
4097
 
4098
.inpt-field i {
4099
    color: #b2b2b2;
4100
    font-size: 18px;
4101
    position: absolute;
4102
    top: 50%;
4103
    left: 15px;
4104
    -webkit-transform: translateY(-50%);
4105
    -moz-transform: translateY(-50%);
4106
    -ms-transform: translateY(-50%);
4107
    -o-transform: translateY(-50%);
4108
    transform: translateY(-50%);
4109
}
4110
 
4111
/* ============== companies-info ============== */
4112
 
4113
.companies-info {
4114
    padding: 60px 0;
4115
}
4116
 
4117
.company-title {
4118
    float: left;
4119
    width: 100%;
4120
    margin-bottom: 20px;
4121
    padding: 0 1.9rem;
4122
}
4123
 
4124
.default-link {
4125
    color: #0860bf;
4126
}
4127
 
4128
.default-link:hover {
4129
    font-weight: bold;
4130
    color: #0860bf;
4131
    transition: all .5s;
4132
}
4133
 
4134
.company-title h3 {
4135
    color: #000000;
4136
    font-size: 20px;
4137
    font-weight: 600;
4138
    background-color: #fff;
4139
    padding: 10px 15px;
4140
}
4141
 
4142
.companies-list {
4143
    float: left;
4144
    width: 100%;
4145
    margin-bottom: -30px;
4146
}
4147
 
4148
.companies-list .slick-list {
4149
    max-height: 47vh;
4150
}
4151
 
4152
.slick-prev:before,
4153
.slick-next:before {
4154
    color: #000 !important;
4155
}
4156
 
4157
.company_profile_info {
4158
    /* float: left; */
4159
    width: 100%;
4160
    background-color: #fff;
4161
    text-align: center;
4162
    border-left: 1px solid #e4e4e4;
4163
    border-right: 1px solid #e4e4e4;
4164
    border-bottom: 1px solid #e4e4e4;
4165
    margin-bottom: 30px;
4166
}
4167
 
4168
.company-up-info {
4169
    /* float: left; */
4170
    width: 100%;
4171
    padding: 20px 0;
4172
    border-bottom: 1px solid #e5e5e5;
4173
}
4174
 
4175
.company-up-info .description {
4176
    margin-bottom: 10px;
4177
}
4178
 
4179
.company-up-info img {
4180
    float: none;
4181
    margin-bottom: 10px;
4182
    -webkit-border-radius: 100px;
4183
    -moz-border-radius: 100px;
4184
    -ms-border-radius: 100px;
4185
    -o-border-radius: 100px;
4186
    border-radius: 100px;
4187
    height: 90px;
4188
    object-fit: cover;
4189
}
4190
 
4191
.company-up-info h3 {
4192
    color: #000000;
4193
    font-size: 18px;
4194
    font-weight: 600;
4195
    margin-bottom: 10px;
4196
}
4197
 
4198
.company-up-info h4 {
4199
    color: #686868;
4200
    font-size: 14px;
4201
    font-weight: 500;
4202
    margin-bottom: 21px;
4203
}
4204
 
4205
.company-up-info h6 {
4206
    color: #686868;
4207
    font-size: 15px;
4208
    font-weight: 500;
4209
    margin-bottom: 10px;
4210
}
4211
 
4212
.company-up-info ul {
4213
    /* float: left; */
4214
    width: 100%;
4215
}
4216
 
4217
.company-up-info ul li {
4218
    display: inline-block;
4219
    margin-right: 6px;
4220
}
4221
 
4222
.company-up-info ul li a i {
4223
    font-size: 24px;
4224
    position: relative;
4225
    top: 3px;
4226
}
4227
 
4228
.follow {
4229
    background-color: #53d690;
4230
}
4231
 
4232
.message-us {
4233
    background-color: #e44d3a;
4234
}
4235
 
4236
.hire-us {
4237
    background-color: #51a5fb;
4238
}
4239
 
4240
.company_profile_info .cancelButton {
4241
    display: inline-block;
4242
    color: #000000;
4243
    font-size: 16px;
4244
    font-weight: 500;
4245
    margin: 18px 0;
4246
}
4247
 
4248
/* ============= search-sec ============= */
4249
 
4250
.search-sec {
4251
    float: left;
4252
    width: 100%;
4253
    margin: 30px 0 0 0;
4254
}
4255
 
4256
.search-box {
4257
    float: left;
4258
    width: 100%;
1809 steven 4259
    padding: 2.1%;
1239 steven 4260
}
4261
 
4262
.search-box form {
4263
    float: left;
4264
    width: 100%;
4265
    position: relative;
4266
}
4267
 
4268
.search-box form input {
4269
    width: 100%;
4270
    height: 40px;
4271
    padding: 0 15px;
1808 steven 4272
    background: var(--background-light-gray);
1807 steven 4273
    color: var(--gray);
1239 steven 4274
    font-size: 14px;
1808 steven 4275
    border: solid 1px var(--border-light-gray);
1239 steven 4276
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4277
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4278
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4279
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4280
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4281
}
4282
 
1803 steven 4283
.search-box form button {
4284
    position: absolute;
4285
    top: 0;
4286
    right: 0;
1804 steven 4287
    border: solid 1px var(--border-light-gray);
1806 steven 4288
    color: var(--gray);
1803 steven 4289
    font-size: 16px;
4290
    font-weight: 500;
4291
    height: 100%;
4292
    padding: 0 28px;
4293
    cursor: pointer;
4294
    -webkit-border-radius: 0 4px 4px 0;
4295
    -moz-border-radius: 0 4px 4px 0;
4296
    -ms-border-radius: 0 4px 4px 0;
4297
    -o-border-radius: 0 4px 4px 0;
4298
    border-radius: 0 4px 4px 0;
4299
}
4300
 
1239 steven 4301
/* =============== filter-secs ============== */
4302
 
4303
.filter-secs {
4304
    float: left;
4305
    width: 100%;
4306
    /* background-color: #fff; */
4307
    box-shadow: 0px 2px #e4e4e4;
4308
    border: 1px solid #e5e5e5;
4309
}
4310
 
4311
.filter-heading {
4312
    float: left;
4313
    width: 100%;
4314
    padding: 15px 20px;
4315
    border-bottom: 1px solid #e5e5e5;
4316
    margin-bottom: 15px;
4317
}
4318
 
4319
.filter-heading h3 {
4320
    float: left;
4321
    color: #e44d3a;
4322
    font-size: 18px;
4323
    font-weight: 600;
4324
}
4325
 
4326
.filter-heading a {
4327
    float: right;
4328
    color: #686868;
4329
    font-size: 14px;
4330
    margin-top: 4px;
4331
}
4332
 
4333
.filter-ttl {
4334
    float: left;
4335
    width: 100%;
4336
    border-bottom: 1px solid #e5e5e5;
4337
    padding: 0 0 16px 0;
4338
    margin-bottom: 10px;
4339
}
4340
 
4341
.filter--tt2 {
4342
    margin-bottom: 0px !important;
4343
}
4344
 
4345
.top--1 {
4346
    margin-top: 20px;
4347
}
4348
 
4349
.filter--tt2 .dropdown .dropdown-menu a {
4350
    float: none;
4351
    color: #666666 !important;
4352
    margin-bottom: 12px !important;
4353
}
4354
 
4355
.filter--tt2 .dropdown .dropdown-menu a:hover {
4356
    color: #e44d3a !important;
4357
    background: none !important;
4358
}
4359
 
4360
.filter--tt2 .dropdown .dropdown-menu a:focus {
4361
    color: #e44d3a !important;
4362
    background: none !important;
4363
}
4364
 
4365
.filter--tt2 a {
4366
    float: left !important;
4367
    padding: 0 0 0 15px !important;
4368
    font-size: 16px !important;
4369
    color: #000000 !important;
4370
    font-weight: 500 !important;
4371
}
4372
 
4373
.filter-ttl h3 {
4374
    float: left;
4375
    padding: 0;
4376
    font-size: 16px;
4377
    color: #000000;
4378
    font-weight: 400;
4379
}
4380
 
4381
.filter-ttl a {
4382
    float: right;
4383
    font-size: 14px;
4384
    color: #666666;
4385
}
4386
 
4387
.filter-ttl .dropdown a {
4388
    float: none;
4389
    color: #666666;
4390
}
4391
 
4392
.filter-dd {
4393
    float: left;
4394
    width: 100%;
4395
    margin-bottom: 15px;
4396
}
4397
 
4398
.filter-dd form {
4399
    float: left;
4400
    width: 100%;
4401
    position: relative;
4402
}
4403
 
4404
.filter-dd form input,
4405
.filter-dd form select {
4406
    width: 100%;
4407
    height: 30px;
4408
    background-color: #f2f2f2;
4409
    padding: 0 10px;
4410
    color: #b2b2b2;
4411
    font-size: 12px;
4412
    font-weight: 600;
4413
    border: 0;
4414
    border: 1px solid #e5e5e5;
4415
}
4416
 
4417
.job-tp i {
4418
    color: #666666;
4419
    position: absolute;
4420
    top: 9px;
4421
    right: 15px;
4422
    font-size: 14px;
4423
}
4424
 
4425
.avail-checks {
4426
    float: left;
4427
    width: 100%;
4428
    margin-top: 7px;
4429
}
4430
 
4431
.avail-checks li {
4432
    float: left;
4433
    width: 100%;
4434
    margin-bottom: 10px;
4435
}
4436
 
4437
.avail-checks li:last-child {
4438
    margin-bottom: 0;
4439
}
4440
 
4441
.avail-checks li input[type="radio"] {
4442
    display: none;
4443
}
4444
 
4445
.avail-checks li label {
4446
    float: left;
4447
}
4448
 
4449
.avail-checks li input[type="radio"]+label span {
4450
    display: inline-block;
4451
    width: 15px;
4452
    height: 15px;
4453
    position: relative;
4454
    margin-top: 3px;
4455
    border: 1px solid #d2d2d2;
4456
    -webkit-border-radius: 100px;
4457
    -moz-border-radius: 100px;
4458
    -ms-border-radius: 100px;
4459
    -o-border-radius: 100px;
4460
    border-radius: 100px;
4461
}
4462
 
4463
.avail-checks li input[type="radio"]+label span:before {
4464
    content: "";
4465
    opacity: 0;
4466
    visibility: hidden;
4467
    position: absolute;
4468
    width: 7px;
4469
    height: 7px;
4470
    -webkit-border-radius: 100px;
4471
    -moz-border-radius: 100px;
4472
    -ms-border-radius: 100px;
4473
    -o-border-radius: 100px;
4474
    border-radius: 100px;
4475
    background-color: #e44d3a;
4476
    top: 3px;
4477
    left: 3px;
4478
}
4479
 
4480
.avail-checks li input[type="radio"]:checked+label span:before {
4481
    opacity: 1;
4482
    visibility: visible;
4483
}
4484
 
4485
.avail-checks li small {
4486
    color: #909090;
4487
    font-size: 14px;
4488
    padding-left: 10px;
4489
    font-weight: 500;
4490
}
4491
 
4492
/* =========== Range Slider ========== */
4493
 
4494
.rg-slider {
4495
    float: left;
4496
    width: 100%;
4497
}
4498
 
4499
.slider-container {
4500
    width: 100% !important;
4501
    padding-top: 50px;
4502
    position: relative;
4503
}
4504
 
4505
.theme-green .back-bar {
4506
    height: 5px;
4507
    border: 1px solid #e5e5e5;
4508
    -webkit-border-radius: 30px;
4509
    -moz-border-radius: 30px;
4510
    -ms-border-radius: 30px;
4511
    -o-border-radius: 30px;
4512
    border-radius: 30px;
4513
}
4514
 
4515
.theme-green .back-bar .pointer {
4516
    width: 17px;
4517
    height: 17px;
4518
    -webkit-border-radius: 100px;
4519
    -moz-border-radius: 100px;
4520
    -ms-border-radius: 100px;
4521
    -o-border-radius: 100px;
4522
    border-radius: 100px;
4523
    background-color: #e44d3a;
4524
    border: 2px solid #e3e3e3;
4525
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4526
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4527
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4528
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4529
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4530
}
4531
 
4532
.theme-green .back-bar .pointer {
4533
    top: -7px;
4534
}
4535
 
4536
.slider-container .back-bar .pointer-label {
4537
    top: -50px;
4538
    height: 26px;
4539
    background-color: #e5e5e5;
4540
    -webkit-border-radius: 30px;
4541
    -moz-border-radius: 30px;
4542
    -ms-border-radius: 30px;
4543
    -o-border-radius: 30px;
4544
    border-radius: 30px;
4545
    line-height: 26px;
4546
    width: 50px;
4547
}
4548
 
4549
.pointer-label.low {
4550
    left: 0 !important;
4551
}
4552
 
4553
.pointer-label.high {
4554
    left: 70px !important;
4555
}
4556
 
4557
.pointer-label.low:before {
4558
    content: "";
4559
    position: absolute;
4560
    top: 13px;
4561
    right: -14px;
4562
    width: 8px;
4563
    height: 1px;
4564
    background-color: #e5e5e5;
4565
}
4566
 
4567
.rg-limit {
4568
    float: left;
4569
    width: 100%;
4570
    margin-top: 16px;
4571
}
4572
 
4573
.rg-limit h4 {
4574
    color: #686868;
4575
    font-size: 15px;
4576
    font-weight: 600;
4577
    float: left;
4578
}
4579
 
4580
.rg-limit h4:last-child {
4581
    float: right;
4582
}
4583
 
4584
/* ============== chatbox-list ============== */
4585
 
4586
.chatbox-list {
4587
    position: fixed;
4588
    bottom: 0;
4589
    right: 0;
4590
}
4591
 
4592
.chatbox {
4593
    display: inline-block;
4594
    margin-right: 13px;
4595
    position: relative;
4596
}
4597
 
4598
.chat-mg {
4599
    display: inline-block;
4600
    position: relative;
4601
}
4602
 
4603
.chat-mg img {
4604
    width: 70px;
4605
    height: 70px;
4606
    -webkit-border-radius: 100px;
4607
    -moz-border-radius: 100px;
4608
    -ms-border-radius: 100px;
4609
    -o-border-radius: 100px;
4610
    border-radius: 100px;
4611
}
4612
 
4613
.chat-mg span {
4614
    position: absolute;
4615
    top: -5px;
4616
    right: 10px;
4617
    width: 20px;
4618
    height: 20px;
4619
    background-color: #e44d3a;
4620
    text-align: center;
4621
    font-size: 12px;
4622
    color: #fff;
4623
    line-height: 20px;
4624
    -webkit-border-radius: 100px;
4625
    -moz-border-radius: 100px;
4626
    -ms-border-radius: 100px;
4627
    -o-border-radius: 100px;
4628
    border-radius: 100px;
4629
}
4630
 
4631
.chat-mg.bx img {
4632
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4633
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4634
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4635
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4636
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4637
}
4638
 
4639
.conversation-box {
4640
    position: absolute;
4641
    bottom: 132%;
4642
    right: 100%;
4643
    width: 350px;
4644
    background-color: #fff;
4645
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4646
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4647
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4648
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4649
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4650
    opacity: 0;
4651
    visibility: hidden;
4652
    z-index: 0;
4653
}
4654
 
4655
.conversation-box.active {
4656
    opacity: 1;
4657
    visibility: visible;
4658
    z-index: 9999;
4659
}
4660
 
4661
.conversation-box:before {
4662
    content: "";
4663
    position: absolute;
4664
    bottom: -7px;
4665
    right: 26px;
4666
    border-top: 15px solid #fff;
4667
    border-right: 15px solid transparent;
4668
    -webkit-transform: rotate(225deg);
4669
    -moz-transform: rotate(225deg);
4670
    -ms-transform: rotate(225deg);
4671
    -o-transform: rotate(225deg);
4672
    transform: rotate(225deg);
4673
}
4674
 
4675
.con-title {
4676
    float: left;
4677
    width: 100%;
4678
    background-color: #e44d3a;
4679
    padding: 15px 25px;
4680
    -webkit-border-radius: 10px 10px 0 0;
4681
    -moz-border-radius: 10px 10px 0 0;
4682
    -ms-border-radius: 10px 10px 0 0;
4683
    -o-border-radius: 10px 10px 0 0;
4684
    border-radius: 10px 10px 0 0;
4685
}
4686
 
4687
.con-title h3 {
4688
    float: left;
4689
    color: #ffffff;
4690
    font-size: 16px;
4691
    font-weight: 600;
4692
}
4693
 
4694
.con-title>a {
4695
    float: right;
4696
    color: #fff;
4697
    font-size: 20px;
4698
}
4699
 
4700
.chat-list {
4701
    float: left;
4702
    width: 100%;
4703
    min-height: 390px;
4704
}
4705
 
4706
.conv-list {
4707
    float: left;
4708
    width: 100%;
4709
    display: table;
4710
    padding: 20px 25px;
4711
    position: relative;
4712
}
4713
 
4714
.conv-list:hover,
4715
.conv-list.active {
4716
    background-color: #efefef;
4717
}
4718
 
4719
.msg-numbers {
4720
    position: absolute;
4721
    bottom: 18px;
4722
    right: 25px;
4723
    width: 25px;
4724
    height: 25px;
4725
    background-color: #e77667;
4726
    text-align: center;
4727
    line-height: 25px;
4728
    color: #fff;
4729
    font-size: 13px;
4730
    -webkit-border-radius: 100px;
4731
    -moz-border-radius: 100px;
4732
    -ms-border-radius: 100px;
4733
    -o-border-radius: 100px;
4734
    border-radius: 100px;
4735
}
4736
 
4737
.usrr-pic {
4738
    display: table-cell;
4739
    position: relative;
4740
}
4741
 
4742
.active-status {
4743
    width: 9px;
4744
    height: 9px;
4745
    border: 2px solid #ecf5fb;
4746
    -webkit-border-radius: 100px;
4747
    -moz-border-radius: 100px;
4748
    -ms-border-radius: 100px;
4749
    -o-border-radius: 100px;
4750
    border-radius: 100px;
4751
    position: absolute;
4752
    top: -3px;
4753
    right: 0;
4754
}
4755
 
4756
.activee {
4757
    background-color: #e44d3a;
4758
}
4759
 
4760
.usy-info {
4761
    display: table-cell;
4762
    vertical-align: top;
4763
    width: 100%;
4764
    padding-left: 15px;
4765
}
4766
 
4767
.usy-info h3 {
4768
    color: #000000;
4769
    font-size: 18px;
4770
    font-weight: 600;
4771
    margin-bottom: 5px;
4772
}
4773
 
4774
.usy-info span {
4775
    color: #686868;
4776
    font-size: 16px;
4777
    float: left;
4778
}
4779
 
4780
.usy-info span img {
4781
    padding-left: 5px;
4782
    float: right;
4783
}
4784
 
4785
.ct-time {
4786
    position: absolute;
4787
    top: 20px;
4788
    right: 25px;
4789
}
4790
 
4791
.ct-time span {
4792
    color: #b2b2b2;
4793
    font-size: 14px;
4794
}
4795
 
4796
.st-icons {
4797
    float: right;
4798
    margin-top: 7px;
4799
}
4800
 
4801
.st-icons a {
4802
    color: #fff;
4803
    font-size: 20px;
4804
    margin-right: 5px;
4805
}
4806
 
4807
.chat-hist {
4808
    float: left;
4809
    width: 100%;
4810
    background-color: #fff;
4811
    height: 280px;
4812
}
4813
 
4814
.chat-msg {
4815
    float: left;
4816
    width: 100%;
4817
    padding-right: 25px;
4818
    margin-bottom: 15px;
4819
}
4820
 
4821
.chat-msg p {
4822
    color: #ffffff;
4823
    font-size: 14px;
4824
    background-color: #e44d3a;
4825
    line-height: 18px;
4826
    -webkit-border-radius: 15px;
4827
    -moz-border-radius: 15px;
4828
    -ms-border-radius: 15px;
4829
    -o-border-radius: 15px;
4830
    border-radius: 15px;
4831
    padding: 10px 15px;
4832
    width: 80%;
4833
    float: right;
4834
    margin-bottom: 10px;
4835
}
4836
 
4837
.mg-3 {
4838
    margin-bottom: 3px;
4839
}
4840
 
4841
.chat-msg span {
4842
    float: right;
4843
    color: #b1b1b1;
4844
    width: 100%;
4845
    font-size: 9px;
4846
    text-align: right;
4847
}
4848
 
4849
.status-info {
4850
    width: 8px;
4851
    height: 8px;
4852
    background-color: #fff;
4853
    -webkit-border-radius: 100px;
4854
    -moz-border-radius: 100px;
4855
    -ms-border-radius: 100px;
4856
    -o-border-radius: 100px;
4857
    border-radius: 100px;
4858
    display: inline-block;
4859
    margin-left: 7px;
4860
}
4861
 
4862
.chat-user-info h3 {
4863
    margin-top: 7px;
4864
    margin-left: 10px;
4865
}
4866
 
4867
.date-nd {
4868
    float: left;
4869
    width: 100%;
4870
    text-align: center;
4871
    margin-bottom: 20px;
4872
    position: relative;
4873
}
4874
 
4875
.date-nd:before,
4876
.date-nd:after {
4877
    content: "";
4878
    position: absolute;
4879
    top: 10px;
4880
    left: 15px;
4881
    width: 92px;
4882
    height: 1px;
4883
    background-color: #e5e5e5;
4884
}
4885
 
4886
.date-nd:after {
4887
    left: auto;
4888
    right: 15px;
4889
}
4890
 
4891
.date-nd span {
4892
    color: #b1b1b1;
4893
    font-size: 12px;
4894
    text-align: center;
4895
}
4896
 
4897
.chat-msg.st2 p {
4898
    background-color: #efefef;
4899
    color: #686868;
4900
    float: left;
4901
    width: 55%;
4902
}
4903
 
4904
.chat-msg.st2 {
4905
    padding-left: 25px;
4906
}
4907
 
4908
.chat-msg.st2 span {
4909
    float: left;
4910
    text-align: left;
4911
}
4912
 
4913
/* =========== typing-msg =========== */
4914
 
4915
.typing-msg {
4916
    float: left;
4917
    width: 100%;
4918
    border-top: 1px solid #e6e6e6;
4919
    padding-top: 15px;
4920
}
4921
 
4922
.typing-msg form {
4923
    float: left;
4924
    width: 100%;
4925
    position: relative;
4926
}
4927
 
4928
.typing-msg form textarea {
4929
    width: 100%;
4930
    height: 30px;
4931
    background-color: #fff;
4932
    padding: 0 20px;
4933
    color: #b2b2b2;
4934
    font-size: 16px;
4935
    border: 0;
4936
    resize: none;
4937
}
4938
 
4939
.typing-msg form button {
4940
    color: #e44d3a;
4941
    font-size: 18px;
4942
    font-weight: 600;
4943
    position: absolute;
4944
    top: 2px;
4945
    right: 20px;
4946
    background: none;
4947
    border: 0;
4948
    cursor: pointer;
4949
}
4950
 
4951
.ft-options {
4952
    float: left;
4953
    width: 100%;
4954
    padding: 0 20px 8px 20px;
4955
}
4956
 
4957
.ft-options li {
4958
    display: inline-block;
4959
    margin-right: 15px;
4960
}
4961
 
4962
.ft-options li a {
4963
    color: #b2b2b2;
4964
    font-size: 24px;
4965
    display: inline-block;
4966
}
4967
 
4968
.mCSB_scrollTools {
4969
    right: -5px;
4970
}
4971
 
4972
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4973
    background-color: #cccccc;
4974
    width: 5px;
4975
}
4976
 
4977
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4978
    opacity: 0;
4979
}
4980
 
4981
/* ============ Menu Btn =============*/
4982
 
4983
.menu-btn {
4984
    float: right;
4985
    display: none;
4986
}
4987
 
4988
.menu-btn a {
4989
    font-size: 24px;
4990
    color: #fff;
4991
    display: inline-block;
4992
    padding-top: 16px;
4993
    padding-left: 20px;
4994
}
4995
 
4996
/* ============= account-tabs-setting ============ */
4997
 
4998
/* .profile-account-setting {} */
4999
 
5000
.account-tabs-setting {
5001
    float: left;
5002
    width: 100%;
5003
    padding: 70px 0;
5004
}
5005
 
5006
.acc-leftbar {
5007
    float: left;
5008
    width: 100%;
5009
    background-color: #fff;
5010
    border-left: 1px solid #e5e5e5;
5011
    border-bottom: 1px solid #e5e5e5;
5012
    border-right: 1px solid #e5e5e5;
5013
}
5014
 
5015
.acc-leftbar .nav-tabs>a {
5016
    float: left;
5017
    width: 100%;
5018
    background: none;
5019
    padding: 18px 20px;
5020
    border-bottom: 1px solid #e5e5e5;
5021
    border-left: 0;
5022
    border-right: 0;
5023
    color: #000000;
5024
    font-size: 16px;
5025
    font-weight: 500;
5026
    -webkit-border-radius: 0;
5027
    -moz-border-radius: 0;
5028
    -ms-border-radius: 0;
5029
    -o-border-radius: 0;
5030
    border-radius: 0;
5031
    border-top: 0;
5032
}
5033
 
5034
.nav-tabs {
5035
    border-bottom: 0;
5036
}
5037
 
5038
.acc-leftbar .nav-tabs>a:last-child {
5039
    border-bottom: 0;
5040
}
5041
 
5042
.acc-leftbar .nav-tabs>a i {
5043
    padding-right: 15px;
5044
    font-size: 20px;
5045
    position: relative;
5046
    top: 2px;
5047
    font-weight: 700;
5048
    width: 40px;
5049
}
5050
 
5051
.nav-tabs .nav-item.show .nav-link,
5052
.nav-tabs .nav-link.active {
5053
    background-color: inherit;
5054
    color: #e44d3a;
5055
    border-color: inherit;
5056
}
5057
 
5058
/* ============= acc-setting ============ */
5059
 
5060
.acc-setting {
5061
    float: left;
5062
    width: 100%;
5063
    background-color: #fff;
5064
    border-left: 1px solid #e5e5e5;
5065
    border-bottom: 1px solid #e5e5e5;
5066
    border-right: 1px solid #e5e5e5;
5067
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5068
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5069
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5070
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5071
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5072
}
5073
 
5074
.acc-setting form {
5075
    float: left;
5076
    width: 100%;
5077
}
5078
 
5079
.acc-setting>h3 {
5080
    width: 100%;
5081
    color: #000000;
5082
    font-weight: 600;
5083
    font-size: 18px;
5084
    text-transform: capitalize;
5085
    border-bottom: 1px solid #e5e5e5;
5086
    padding: 17px 20px;
5087
}
5088
 
5089
.notbar {
5090
    float: left;
5091
    width: 100%;
5092
    border-bottom: 1px solid #e5e5e5;
5093
    padding: 20px;
5094
    position: relative;
5095
}
5096
 
5097
.notbar h4 {
5098
    color: #000000;
5099
    font-size: 16px;
5100
    font-weight: 600;
5101
    margin-bottom: 5px;
5102
}
5103
 
5104
.notbar p {
5105
    color: #686868;
5106
    font-size: 14px;
5107
    line-height: 24px;
5108
    width: 75%;
5109
}
5110
 
5111
.toggle-btn {
5112
    position: absolute;
5113
    top: 35px;
5114
    right: 20px;
5115
}
5116
 
5117
.save-stngs {
5118
    float: left;
5119
    width: 100%;
5120
    padding: 30px 20px 50px 20px;
5121
}
5122
 
5123
.save-stngs.pd2 {
5124
    padding: 25px 20px 42px 20px;
5125
}
5126
 
5127
.save-stngs.pd3 {
5128
    padding: 25px 20px 25px 20px;
5129
}
5130
 
5131
.save-stngs ul li {
5132
    display: inline-block;
5133
    margin-right: 17px;
5134
}
5135
 
5136
.save-stngs ul li button {
5137
    display: inline-block;
5138
    color: #000000;
5139
    font-size: 16px;
5140
    border: 1px solid #e5e5e5;
5141
    height: 40px;
5142
    line-height: 40px;
5143
    padding: 0 22px;
5144
    font-weight: 600;
5145
    background: none;
5146
    cursor: pointer;
5147
}
5148
 
5149
.save-stngs ul li button:hover {
5150
    background-color: #e44d3a;
5151
    color: #fff;
5152
    border-color: transparent;
5153
}
5154
 
5155
/* =============== Password Update ============ */
5156
 
5157
.cp-field {
5158
    float: left;
5159
    width: 100%;
5160
    margin-top: 29.4px;
5161
    padding: 0 20px;
5162
}
5163
 
5164
.cp-field h5 {
5165
    color: #000000;
5166
    font-size: 16px;
5167
    font-weight: 600;
5168
    float: left;
5169
    width: 100%;
5170
    margin-bottom: 10px;
5171
}
5172
 
5173
.cp-field h5 a {
5174
    color: #000;
5175
}
5176
 
5177
.cpp-fiel {
5178
    float: left;
5179
    width: 100%;
5180
    position: relative;
5181
}
5182
 
5183
.cp-field input {
5184
    height: 40px;
5185
    padding: 0 40px;
5186
}
5187
 
5188
.cp-field input,
5189
.cp-field textarea {
5190
    width: 100%;
5191
    border: 1px solid #e5e5e5;
5192
}
5193
 
5194
.cp-field textarea {
5195
    padding: 20px;
5196
    height: 115px;
5197
}
5198
 
5199
.cpp-fiel i {
5200
    position: absolute;
5201
    top: 12px;
5202
    left: 15px;
5203
    color: #b2b2b2;
5204
    font-size: 16px;
5205
}
5206
 
5207
.cp-field>p {
5208
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5209
}
5210
 
5211
/* =============== notifications-list ============= */
5212
 
5213
.notifications-list {
5214
    float: left;
5215
    width: 100%;
5216
}
5217
 
5218
.notfication-details {
5219
    float: left;
5220
    width: 100%;
5221
    padding: 20px;
5222
    border-bottom: 1px solid #e5e5e5;
5223
}
5224
 
5225
.notfication-details:last-child {
5226
    border-bottom: 0;
5227
}
5228
 
5229
.noty-user-img {
5230
    float: left;
5231
    width: 35px;
5232
}
5233
 
5234
.noty-user-img img {
5235
    width: 100%;
5236
}
5237
 
5238
.notification-info {
5239
    float: left;
5240
    width: auto;
5241
    padding-left: 10px;
5242
}
5243
 
5244
.notification-info h3 {
5245
    color: #686868;
5246
    font-size: 14px;
5247
    font-weight: 500;
5248
    border: 0;
5249
    padding: 0;
5250
    margin-bottom: 6px;
5251
}
5252
 
5253
.notification-info h3 a {
5254
    color: #000000;
5255
    font-size: 16px;
5256
    font-weight: 600;
5257
    display: inline-block;
5258
}
5259
 
5260
.notification-info>span {
5261
    display: inline-block;
5262
    color: #b2b2b2;
5263
    font-size: 12px;
5264
    font-weight: 600;
5265
}
5266
 
5267
/* ============== requests-list ============== */
5268
 
5269
.requests-list {
5270
    float: left;
5271
    width: 100%;
5272
    padding-bottom: 0;
5273
}
5274
 
5275
.request-details {
5276
    float: left;
5277
    width: 100%;
5278
    padding: 20px;
5279
    border-bottom: 1px solid #e5e5e5;
5280
}
5281
 
5282
.request-details:last-child {
5283
    border-bottom: 0;
5284
}
5285
 
5286
.request-info {
5287
    float: left;
5288
    padding-left: 10px;
5289
}
5290
 
5291
.request-info h3 {
5292
    color: #000000;
5293
    font-size: 14px;
5294
    font-weight: 600;
5295
    padding: 0;
5296
    border: 0;
5297
    margin-bottom: 3px;
5298
}
5299
 
5300
.request-info span {
5301
    color: #686868;
5302
    font-size: 12px;
5303
    display: inline-block;
5304
}
5305
 
5306
.accept-feat {
5307
    float: right;
5308
}
5309
 
5310
.accept-feat ul li {
5311
    display: inline-block;
5312
}
5313
 
5314
.accept-feat ul li button {
5315
    cursor: pointer;
5316
}
5317
 
5318
.accept-req {
5319
    color: #ffffff;
5320
    font-size: 16px;
5321
    background-color: #51a5fb;
5322
    height: 30px;
5323
    padding: 0 20px;
5324
    font-weight: 600;
5325
    border: 0;
5326
    border: 1px solid #51a5fb;
5327
}
5328
 
5329
.close-req {
5330
    height: 30px;
5331
    width: 30px;
5332
    text-align: center;
5333
    line-height: 30px;
5334
    border: 1px solid #e5e5e5;
5335
    background: inherit;
5336
    color: #b2b2b2;
5337
    margin-left: 7px;
5338
}
5339
 
5340
.close-req i {
5341
    font-weight: 600;
5342
}
5343
 
5344
/* ============= Profile Sattus =========== */
5345
 
5346
.profile-bx-details {
5347
    float: left;
5348
    width: 100%;
5349
    padding: 30px 7px 30px 7px;
5350
}
5351
 
5352
.profile-bx-details .row .col-lg-3 {
5353
    padding: 0 7px;
5354
}
5355
 
5356
.profile-bx-info {
5357
    float: left;
5358
    width: 100%;
5359
    background-color: #f2f2f2;
5360
    padding: 20px;
5361
    border: 1px solid #e5e5e5;
5362
}
5363
 
5364
.pro-bx {
5365
    float: left;
5366
    width: 100%;
5367
    border-bottom: 1px solid #e5e5e5;
5368
    padding-bottom: 10px;
5369
}
5370
 
5371
.bx-info {
5372
    float: left;
5373
    margin-top: 7px;
5374
    padding-left: 10px;
5375
}
5376
 
5377
.bx-info h3 {
5378
    color: #e44d3a;
5379
    font-size: 20px;
5380
    font-weight: 600;
5381
    margin-bottom: 5px;
5382
}
5383
 
5384
.bx-info h5 {
5385
    color: #000000;
5386
    font-size: 14px;
5387
    font-weight: 600;
5388
    margin: 0;
5389
    padding: 0;
5390
    border: 0;
5391
}
5392
 
5393
.pd-left-20 {
5394
    padding-left: 20px;
5395
    padding-right: 0;
5396
}
5397
 
5398
.pd-left-15 {
5399
    padding-left: 15px;
5400
    padding-right: 0;
5401
}
5402
 
5403
.pd-left-right {
5404
    padding-left: 15px;
5405
    padding-right: 20px;
5406
}
5407
 
5408
.profile-bx-info>p {
5409
    float: left;
5410
    width: 100%;
5411
    font-size: 14px;
5412
    line-height: 20px;
5413
    padding-top: 5px;
5414
}
5415
 
5416
/* =========== pro-work-status ========= */
5417
 
5418
.pro-work-status {
5419
    float: left;
5420
    width: 100%;
5421
    padding: 0 15px;
5422
}
5423
 
5424
.pro-work-status h4 {
5425
    color: #000000;
5426
    font-size: 18px;
5427
    font-weight: 600;
5428
    margin-bottom: 50px;
5429
}
5430
 
5431
/* ============== messages-page ============== */
5432
 
5433
.messages-page {
5434
    padding: 20px 0;
5435
}
5436
 
5437
.messages-sec {
5438
    width: 100%;
5439
    border-radius: 10px;
5440
    overflow: hidden;
1875 steven 5441
    background-color: transparent;
1239 steven 5442
}
5443
 
5444
.msgs-list {
5445
    width: 100%;
5446
}
5447
 
5448
.inmail_conversations-list {
5449
    border-right: 1px solid #3333;
5450
    padding-left: 0;
5451
    padding-right: 0;
5452
}
5453
 
5454
.msg-title {
5455
    padding: 20px;
5456
    border-bottom: 2px solid #3333;
5457
}
5458
 
1940 steven 5459
.active-tab{
5460
    border-bottom: solid 2px #E4E4E4;
5461
}
5462
 
1239 steven 5463
.msg-title>h3 {
5464
    color: #000000;
5465
    font-size: 18px;
5466
    font-weight: 600;
5467
}
5468
 
5469
.msg-title>ul {
5470
    float: right;
5471
    position: relative;
5472
    top: 1px;
5473
}
5474
 
5475
.msg-title ul li {
5476
    display: inline-block;
5477
    margin-right: 15px;
5478
    border-bottom: 1px solid #3333;
5479
}
5480
 
5481
.msg-title ul li:last-child {
5482
    margin-right: 0;
5483
}
5484
 
5485
.msg-title ul li a {
5486
    color: #b2b2b2;
5487
    font-size: 18px;
5488
}
5489
 
5490
.messages-list {
5491
    float: left;
5492
    width: 100%;
5493
}
5494
 
2170 steven 5495
.date-chat{
5496
    font-size: .6rem;
5497
    color: var(--gray);
5498
    padding-top: 5%;
5499
}
5500
 
1239 steven 5501
.messages-list ul {
5502
    float: left;
5503
    width: 100%;
5504
}
5505
 
2171 steven 5506
.text-chat-title{
5507
    color: var(--gray) !important;
5508
    font-size: 1rem;
5509
}
5510
 
1239 steven 5511
.messages-list ul li {
5512
    float: left;
5513
    width: 100%;
1949 steven 5514
    padding: 3%;
1239 steven 5515
    border-bottom: 1px solid #eeeeee;
5516
    cursor: pointer;
5517
}
5518
 
2124 steven 5519
 
1239 steven 5520
.messages-list ul li.active {
5521
    background-color: #efefef;
5522
}
5523
 
5524
.usr-msg-details {
5525
    float: left;
5526
    position: relative;
5527
    width: 100%;
1871 steven 5528
    border-bottom: solid 1px var(--border-light-gray);
5529
    padding-bottom: 3%;
1239 steven 5530
}
5531
 
5532
.usr-ms-img {
5533
    float: left;
5534
    width: 50px;
5535
    position: relative;
5536
}
5537
 
5538
.msg-status {
5539
    -webkit-border-radius: 100px;
5540
    -moz-border-radius: 100px;
5541
    -ms-border-radius: 100px;
5542
    -o-border-radius: 100px;
5543
    border-radius: 100px;
5544
    background-color: #e44d3a;
5545
    position: absolute;
5546
    top: -3px;
5547
    right: 0;
5548
    width: 6px;
5549
    height: 6px;
5550
}
5551
 
5552
.messages-list ul li.active .msg-status {
5553
    border: 2px solid #ecf5fb;
5554
    height: 10px;
5555
    width: 10px;
5556
}
5557
 
5558
.msg-notifc {
5559
    position: absolute;
1872 steven 5560
    /* bottom: 0;
5561
    right: 0; */
1239 steven 5562
    width: 25px;
5563
    height: 25px;
5564
    -webkit-border-radius: 100px;
5565
    -moz-border-radius: 100px;
5566
    -ms-border-radius: 100px;
5567
    -o-border-radius: 100px;
5568
    border-radius: 100px;
5569
    background-color: #e77667;
5570
    text-align: center;
5571
    line-height: 25px;
5572
    font-size: 13px;
5573
    color: #fff;
5574
}
5575
 
5576
.usr-ms-img img {
5577
    width: 100%;
5578
    -webkit-border-radius: 100px;
5579
    -moz-border-radius: 100px;
5580
    -ms-border-radius: 100px;
5581
    -o-border-radius: 100px;
5582
    border-radius: 100px;
5583
}
5584
 
5585
.usr-mg-info {
5586
    float: left;
5587
    padding-left: 13px;
5588
    margin-top: 4px;
5589
}
5590
 
5591
.usr-mg-info h3 {
5592
    color: #000000;
5593
    font-size: 18px;
5594
    font-weight: 600;
5595
}
5596
 
5597
.usr-mg-info p {
5598
    color: #686868;
5599
    font-size: 16px;
5600
}
5601
 
5602
.usr-mg-info p img {
5603
    float: right;
5604
    position: relative;
5605
    top: 5px;
5606
    padding-left: 5px;
5607
}
5608
 
5609
.posted_time {
5610
    position: absolute;
5611
    top: 2px;
5612
    right: 0;
5613
    color: #b2b2b2;
5614
    font-size: 14px;
5615
}
5616
 
5617
/* =============== main-message-box ============= */
5618
 
5619
.main-conversation-box {
5620
    width: 100%;
5621
    background-color: #fff;
5622
    position: relative;
5623
    height: 100%;
5624
}
5625
 
5626
.message-bar-head {
5627
    height: 13vh;
5628
    width: 100%;
5629
    padding: 20px;
1880 steven 5630
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5631
}
5632
 
5633
.message-bar-head .usr-msg-details {
5634
    width: auto;
5635
}
5636
 
5637
.message-bar-head>a {
5638
    float: right;
5639
    color: #b2b2b2;
5640
    font-size: 20px;
5641
    padding-top: 15px;
5642
}
5643
 
5644
.main-message-box {
5645
    display: flex;
5646
    width: 100%;
5647
    position: relative;
5648
    margin-bottom: 15.5px;
5649
}
5650
 
5651
.messg-usr-img {
5652
    margin-left: 20px;
5653
    width: 50px;
5654
}
5655
 
5656
.messg-usr-img img {
5657
    width: 100%;
5658
    -webkit-border-radius: 100px;
5659
    -moz-border-radius: 100px;
5660
    -ms-border-radius: 100px;
5661
    -o-border-radius: 100px;
5662
    border-radius: 100px;
5663
}
5664
 
5665
.message-dt {
5666
    width: auto;
5667
    margin-left: 15px;
5668
}
5669
 
5670
.main-message-box.ta-right {
5671
    flex-direction: row-reverse;
5672
}
5673
 
5674
.main-message-box.ta-right .messg-usr-img {
5675
    margin-left: 0;
5676
    margin-right: 20px;
5677
}
5678
 
5679
.main-message-box.ta-right .message-dt {
5680
    margin-right: 15px;
5681
}
5682
 
5683
.main-message-box.ta-right .message-dt>span {
5684
    float: right;
5685
    width: auto;
5686
}
5687
 
5688
.message-inner-dt {
5689
    -webkit-border-radius: 15px;
5690
    -moz-border-radius: 15px;
5691
    -ms-border-radius: 15px;
5692
    -o-border-radius: 15px;
5693
    border-radius: 15px;
5694
    width: 100%;
5695
    border-bottom-left-radius: 0;
5696
}
5697
 
5698
.img-bx {
5699
    background-color: #efefef;
5700
    padding: 20px;
5701
}
5702
 
5703
.message-inner-dt>img {
5704
    display: inline-block;
5705
    width: auto;
5706
    margin-right: 5px;
5707
}
5708
 
5709
.message-dt>span {
5710
    color: #b2b2b2;
5711
    font-size: 14px;
5712
    float: left;
5713
    width: 100%;
5714
    margin-top: 7px;
5715
}
5716
 
5717
.message-inner-dt>p {
5718
    font-size: 14px;
5719
    line-height: 22px;
5720
    padding: 2px 10px;
5721
    color: #000;
5722
    -webkit-border-radius: 15px;
5723
    -moz-border-radius: 15px;
5724
    -ms-border-radius: 15px;
5725
    -o-border-radius: 15px;
5726
    border-radius: 15px;
5727
}
5728
 
5729
.message-dt.st3 .message-inner-dt>p {
5730
    background-color: #efefef;
5731
    color: #686868;
5732
    width: auto;
5733
    padding: 10px 15px;
5734
    float: left;
5735
}
5736
 
5737
.message-dt.st3 .message-inner-dt>p img {
5738
    float: right;
5739
    position: relative;
5740
    top: 3px;
5741
    padding-left: 5px;
5742
}
5743
 
5744
.main-message-box.st3 .messg-usr-img {
5745
    bottom: 13px;
5746
}
5747
 
5748
.messages-line {
5749
    width: 100%;
5750
    height: 604px;
5751
    padding-top: 20px;
5752
}
5753
 
5754
/* ============== message-send-area ============ */
5755
 
5756
.message-send-area {
5757
    width: 100%;
5758
    background-color: #f3f5f7;
5759
    padding: 20px;
2040 steven 5760
    /* position: absolute; */
1876 steven 5761
    bottom: 0;
1239 steven 5762
}
1879 steven 5763
.inmail-submit-btn{
5764
    width: 6%;
5765
}
1239 steven 5766
 
5767
.message-send-area form {
5768
    width: 100%;
5769
}
5770
 
5771
.mf-field {
5772
    width: 100%;
5773
    display: flex;
5774
}
5775
 
5776
.mf-field input {
5777
    flex: 1;
5778
    background-color: #fff;
5779
    color: #b2b2b2;
5780
    font-size: 16px;
5781
    padding: 0 15px;
5782
    border: 1px solid #e6e6e6;
5783
    height: 45px;
5784
    border-radius: 25px;
5785
}
5786
 
5787
 
5788
.message-send-area form>ul {
5789
    float: left;
5790
    width: 100%;
5791
    margin-top: 15px;
5792
}
5793
 
5794
.message-send-area form>ul li {
5795
    display: inline-block;
5796
    margin-right: 20px;
5797
}
5798
 
5799
.message-send-area form>ul li a {
5800
    color: #b2b2b2;
5801
    font-size: 18px;
5802
}
5803
 
5804
/* ============== forum-links ============= */
5805
 
5806
.forum-sec {
5807
    background-color: #fff;
5808
}
5809
 
5810
.forum-links {
5811
    float: left;
5812
    width: 100%;
5813
}
5814
 
5815
.forum-links.active {
5816
    opacity: 1;
5817
    visibility: visible;
5818
    z-index: 9999;
5819
}
5820
 
5821
.forum-links ul li {
5822
    display: inline-block;
5823
    padding: 20px 0;
5824
    margin-right: 45px;
5825
    border-bottom: 2px solid transparent;
5826
}
5827
 
5828
.forum-links ul li.active {
5829
    border-color: #e44d3a;
5830
}
5831
 
5832
.forum-links ul li.active a {
5833
    color: #e44d3a;
5834
}
5835
 
5836
.forum-links ul li a {
5837
    display: inline-block;
5838
    color: #b2b2b2;
5839
    font-size: 14px;
5840
    font-weight: 600;
5841
}
5842
 
5843
.forum-links-btn {
5844
    float: left;
5845
    width: 100%;
5846
    text-align: center;
5847
    display: none;
5848
    padding: 20px 0;
5849
}
5850
 
5851
.forum-links-btn a {
5852
    color: #000;
5853
    font-size: 30px;
5854
    display: inline-block;
5855
}
5856
 
5857
/* ================ forum-page =============== */
5858
 
5859
.forum-page {
5860
    padding: 50px 0;
5861
}
5862
 
5863
.forum-questions-sec {
5864
    float: left;
5865
    width: 100%;
5866
}
5867
 
5868
.forum-questions {
5869
    float: left;
5870
    width: 100%;
5871
    background-color: #fff;
5872
}
5873
 
5874
.usr-question {
5875
    float: left;
5876
    width: 100%;
5877
    position: relative;
5878
    padding: 25px;
5879
    border-bottom: 1px solid #e5e5e5;
5880
}
5881
 
5882
.usr_img {
5883
    float: left;
5884
    width: 60px;
5885
}
5886
 
5887
.usr_img img {
5888
    width: 100%;
5889
    -webkit-border-radius: 100px;
5890
    -moz-border-radius: 100px;
5891
    -ms-border-radius: 100px;
5892
    -o-border-radius: 100px;
5893
    border-radius: 100px;
5894
}
5895
 
5896
.usr_quest {
5897
    float: left;
5898
    width: 90%;
5899
    padding-left: 15px;
5900
}
5901
 
5902
.usr_quest>h3 {
5903
    color: #000000;
5904
    font-size: 17px;
5905
    font-weight: 600;
5906
    margin-bottom: 20px;
5907
}
5908
 
5909
.forum-post-view .usr_quest>h3 {
5910
    margin-bottom: 10px;
5911
}
5912
 
5913
.react-links {
5914
    float: left;
5915
    width: 100%;
5916
}
5917
 
5918
.react-links li {
5919
    display: inline-block;
5920
    margin-right: 30px;
5921
}
5922
 
5923
.react-links li a {
5924
    display: inline-block;
5925
    color: #b2b2b2;
5926
    font-size: 14px;
5927
    font-weight: 600;
5928
}
5929
 
5930
.react-links li a:hover {
5931
    color: #e44d3a;
5932
}
5933
 
5934
.react-links li a i {
5935
    padding-right: 7px;
5936
}
5937
 
5938
.react-links li:last-child {
5939
    margin-right: 0;
5940
}
5941
 
5942
/* ============= quest-tags ============ */
5943
 
5944
.quest-tags {
5945
    float: left;
5946
    width: 100%;
5947
    margin-top: 20px;
5948
}
5949
 
5950
.quest-tags li {
5951
    display: inline-block;
5952
    margin-right: 10px;
5953
}
5954
 
5955
.quest-tags li a {
5956
    display: inline-block;
5957
    color: #ffffff;
5958
    background-color: #53d690;
5959
    -webkit-border-radius: 3px;
5960
    -moz-border-radius: 3px;
5961
    -ms-border-radius: 3px;
5962
    -o-border-radius: 3px;
5963
    border-radius: 3px;
5964
    padding: 7px 25px;
5965
}
5966
 
5967
.quest-posted-time {
5968
    position: absolute;
5969
    bottom: 30px;
5970
    right: 20px;
5971
    color: #b2b2b2;
5972
    font-size: 14px;
5973
}
5974
 
5975
.quest-posted-time i {
5976
    padding-right: 5px;
5977
}
5978
 
5979
.pd-right-none {
5980
    padding-right: 0;
5981
}
5982
 
5983
/* =========== navigation ============ */
5984
 
5985
.pagination {
5986
    float: left;
5987
    width: 100%;
5988
    /* background-color: #fff; */
5989
    padding: 13px 25px;
5990
}
5991
 
5992
.full-pagi {
5993
    float: left;
5994
    width: 100%;
5995
    padding-right: 0;
5996
    text-align: inherit;
5997
    margin-top: 20px;
5998
}
5999
 
6000
.pagination li {
6001
    padding: 0;
6002
    margin-right: 10px;
6003
}
6004
 
6005
.pagination li .page-link {
6006
    /* background-color: #e5e5e5; */
6007
    color: #b2b2b2;
6008
}
6009
 
6010
.pagination li .page-link.active {
6011
    background-color: #e44d3a;
6012
    color: #fff;
6013
    border-color: transparent;
6014
}
6015
 
6016
.pvr {
6017
    padding: 0.5rem 30px;
6018
}
6019
 
6020
/* ============ User Widget =========== */
6021
 
6022
.title-wd {
6023
    float: left;
6024
    width: 100%;
6025
    color: #000000;
6026
    font-size: 18px;
6027
    font-weight: 600;
6028
    border-bottom: 1px solid #e5e5e5;
6029
    padding: 25px 20px;
6030
}
6031
 
6032
.widget-user ul {
6033
    float: left;
6034
    width: 100%;
6035
    padding: 15px 0;
6036
}
6037
 
6038
.widget-user ul li {
6039
    float: left;
6040
    width: 100%;
6041
    padding: 15px 20px;
6042
}
6043
 
6044
.widget-user ul li .usr-msg-details {
6045
    float: left;
6046
    width: auto;
6047
}
6048
 
6049
.widget-user ul li .usr-ms-img {
6050
    width: 35px;
6051
}
6052
 
6053
.widget-user ul li .usr-mg-info h3 {
6054
    font-size: 14px;
6055
}
6056
 
6057
.widget-user ul li .usr-mg-info p {
6058
    font-size: 12px;
6059
}
6060
 
6061
.widget-user ul li>span {
6062
    color: #686868;
6063
    font-size: 16px;
6064
    float: right;
6065
    margin-top: 10px;
6066
}
6067
 
6068
.widget-user ul li>span img {
6069
    padding-right: 5px;
6070
}
6071
 
6072
/* ============== widget-adver ============ */
6073
 
6074
.widget-adver img {
6075
    width: 100%;
6076
}
6077
 
6078
/* ============ forum-post-view ============ */
6079
 
6080
.forum-post-view {
6081
    float: left;
6082
    width: 100%;
6083
    background-color: #fff;
6084
    padding: 25px 25px 0 25px;
6085
    border-bottom: 1px solid #e5e5e5;
6086
}
6087
 
6088
.forum-post-view .usr-question {
6089
    border-bottom: 0;
6090
    padding: 0;
6091
}
6092
 
6093
.forum-post-view .usr_quest span {
6094
    color: #b2b2b2;
6095
    font-size: 14px;
6096
    display: inline-block;
6097
    margin-bottom: 20px;
6098
}
6099
 
6100
.forum-post-view .usr_quest span i {
6101
    padding-right: 7px;
6102
}
6103
 
6104
.forum-post-view .quest-tags {
6105
    margin-bottom: 30px;
6106
}
6107
 
6108
.forum-post-view .usr_quest>p {
6109
    float: left;
6110
    width: 100%;
6111
    color: #686868;
6112
    font-size: 14px;
6113
    line-height: 24px;
6114
    margin-bottom: 40px;
6115
}
6116
 
6117
.forum-post-view .comment-section {
6118
    padding: 0;
6119
}
6120
 
6121
.forum-post-view .comment-section>h3 {
6122
    float: left;
6123
    width: 100%;
6124
    color: #000000;
6125
    font-size: 18px;
6126
    font-weight: 600;
6127
    border-bottom: 1px solid #e5e5e5;
6128
    padding-bottom: 15px;
6129
}
6130
 
6131
.forum-post-view .comment-sec ul li {
6132
    border-bottom: 1px solid #e5e5e5;
6133
    padding: 23px 0;
6134
}
6135
 
6136
.forum-post-view .comment span {
6137
    margin-bottom: 10px;
6138
}
6139
 
6140
.forum-post-view .comment-list {
6141
    padding-bottom: 0;
6142
    margin-bottom: -4px;
6143
}
6144
 
6145
.forum-post-view .comment p {
6146
    margin: 0;
6147
    margin-top: 5px;
6148
}
6149
 
6150
.forum-post-view .comment h3 {
6151
    margin-bottom: 9px;
6152
}
6153
 
6154
.forum-post-view .comment-sec ul li:last-child {
6155
    border-bottom: 0;
6156
}
6157
 
6158
/* =============== post-comment-box ============= */
6159
 
6160
.post-comment-box {
6161
    float: left;
6162
    width: 100%;
6163
    padding: 20px;
6164
    background-color: #fff;
6165
}
6166
 
6167
.post-comment-box h3 {
6168
    float: left;
6169
    width: 100%;
6170
    color: #000000;
6171
    font-size: 18px;
6172
    font-weight: 600;
6173
    margin-bottom: 30px;
6174
}
6175
 
6176
.user-poster {
6177
    float: left;
6178
    width: 100%;
6179
}
6180
 
6181
.usr-post-img {
6182
    float: left;
6183
    width: 50px;
6184
    margin-right: 15px;
6185
}
6186
 
6187
.usr-post-img img {
6188
    width: 100%;
6189
    -webkit-border-radius: 100px;
6190
    -moz-border-radius: 100px;
6191
    -ms-border-radius: 100px;
6192
    -o-border-radius: 100px;
6193
    border-radius: 100px;
6194
}
6195
 
6196
.post_comment_sec {
6197
    float: left;
6198
    width: 90%;
6199
}
6200
 
6201
.post_comment_sec form {
6202
    float: left;
6203
    width: 100%;
6204
}
6205
 
6206
.post_comment_sec form textarea {
6207
    float: left;
6208
    width: 100%;
6209
    height: 130px;
6210
    border: 1px solid #dce2eb;
6211
    padding: 15px;
6212
    resize: none;
6213
}
6214
 
6215
.post_comment_sec form button {
6216
    color: #ffffff;
6217
    font-size: 14px;
6218
    background-color: #e44d3a;
6219
    padding: 10px 25px;
6220
    border: 0;
6221
    font-weight: 600;
6222
    margin-top: 20px;
6223
    cursor: pointer;
6224
}
6225
 
6226
/* ======== next-prev ========*/
6227
 
6228
.next-prev {
6229
    float: left;
6230
    width: 100%;
6231
    background-color: #fff;
6232
    margin-top: 20px;
6233
    padding: 12px 25px;
6234
}
6235
 
6236
.next-prev>a {
6237
    width: 90px;
6238
    height: 35px;
6239
    text-align: center;
6240
    line-height: 35px;
6241
    color: #b2b2b2;
6242
    font-size: 14px;
6243
    background-color: #e5e5e5;
6244
}
6245
 
6246
.next-prev>a:hover {
6247
    color: #fff;
6248
    background-color: #e44d3a;
6249
}
6250
 
6251
.fl-left {
6252
    float: left;
6253
}
6254
 
6255
.fl-right {
6256
    float: right;
6257
}
6258
 
6259
/* ========== widget-feat ========= */
6260
 
6261
.widget-feat {
6262
    padding: 25px 20px;
6263
}
6264
 
6265
.widget-feat ul {
6266
    float: left;
6267
    width: 100%;
6268
}
6269
 
6270
.widget-feat ul li {
6271
    float: left;
6272
    width: 25%;
6273
    text-align: center;
6274
}
6275
 
6276
.widget-feat ul li i {
6277
    display: block;
6278
    font-size: 18px;
6279
    margin-bottom: 9px;
6280
}
6281
 
6282
.widget-feat ul li span {
6283
    display: block;
6284
    color: #686868;
6285
    font-size: 16px;
6286
    font-weight: 500;
6287
}
6288
 
6289
.widget-feat ul li i.fa-heart {
6290
    color: #53d690;
6291
}
6292
 
6293
.widget-feat ul li i.fa-comment {
6294
    color: #e44d3a;
6295
}
6296
 
6297
.widget-feat ul li i.fa-share-alt {
6298
    color: #51a5fb;
6299
}
6300
 
6301
.widget-feat ul li i.fa-eye {
6302
    color: #00b540;
6303
}
6304
 
6305
/* =============== ANIMATION LOADER =============== */
6306
 
6307
.spinner {
6308
    margin: 0 auto 0;
6309
    width: 80px;
6310
    text-align: center;
6311
    height: 80px;
6312
    border-radius: 100px;
6313
    background-color: #fff;
6314
    line-height: 80px;
6315
    border: 1px solid #e1e1e1;
6316
    cursor: pointer;
6317
}
6318
 
6319
.spinner>div {
6320
    width: 15px;
6321
    height: 15px;
6322
    background-color: #b9b9b9;
6323
    border-radius: 100%;
6324
    display: inline-block;
6325
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6326
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6327
}
6328
 
6329
.spinner .bounce1 {
6330
    -webkit-animation-delay: -0.32s;
6331
    animation-delay: -0.32s;
6332
}
6333
 
6334
.spinner .bounce2 {
6335
    -webkit-animation-delay: -0.16s;
6336
    animation-delay: -0.16s;
6337
}
6338
 
6339
@-webkit-keyframes sk-bouncedelay {
6340
    0%,
6341
    80%,
6342
    100% {
6343
        -webkit-transform: scale(0);
6344
    }
6345
    40% {
6346
        -webkit-transform: scale(1);
6347
    }
6348
}
6349
 
6350
@keyframes sk-bouncedelay {
6351
    0%,
6352
    80%,
6353
    100% {
6354
        -webkit-transform: scale(0);
6355
        transform: scale(0);
6356
    }
6357
    40% {
6358
        -webkit-transform: scale(1);
6359
        transform: scale(1);
6360
    }
6361
}
6362
 
6363
.wordpressdevlp {
6364
    background-color: #fff;
6365
}
6366
 
6367
.bgclr {
6368
    background-color: #fff;
6369
    margin-bottom: 15px;
6370
}
6371
 
6372
.cadidatesbtn {
6373
    position: absolute;
6374
    left: 0;
6375
    padding-top: 5px;
6376
}
6377
 
6378
.cadidatesbtn button {
6379
    background-color: #e44d3a;
6380
    border: none;
6381
    margin-top: -3px;
6382
}
6383
 
6384
.cadidatesbtn button:hover {
6385
    background-color: #e44d3a;
6386
}
6387
 
6388
.cadidatesbtn span {
6389
    background-color: #bd2e1c;
6390
    color: #fff;
6391
    margin-right: 10px;
6392
    padding: 0.25em 0.5em;
6393
    font-weight: 600;
6394
    font-size: 12px;
6395
}
6396
 
6397
.wordpressdevlp i {
6398
    color: #e86554;
6399
    font-size: 18px;
6400
    font-weight: bold;
6401
    padding-right: 5px;
6402
}
6403
 
6404
.wordpressdevlp h2 {
6405
    font-size: 18px;
6406
    font-weight: 600;
6407
}
6408
 
6409
.cadidatesbtn i {
6410
    color: #b2b2b2;
6411
    border: 1px solid #b2b2b2;
6412
    font-size: 14px;
6413
    text-align: center;
6414
    margin-left: 7px;
6415
    border-radius: 3px;
6416
    padding: 10px;
6417
}
6418
 
6419
.cadidatesbtn i:hover {
6420
    background-color: #e44d3a;
6421
    color: #fff;
6422
    border: 1px solid #e44d3a;
6423
}
6424
 
6425
.inner {
6426
    border-bottom: 2px solid #e5e5e5;
6427
    padding-bottom: 10px;
6428
}
6429
 
6430
.inner li a:hover {
6431
    color: #e44d3a;
6432
    border-bottom: 2px solid #e44d3a;
6433
    padding-bottom: 9px;
6434
}
6435
 
6436
.inner li a {
6437
    color: #000000;
6438
}
6439
 
6440
.posttext {
6441
    position: absolute;
6442
    left: 0;
6443
}
6444
 
6445
.deatile h3 {
6446
    font-size: 14px;
6447
    font-weight: bold;
6448
    padding-bottom: 5px;
6449
}
6450
 
6451
.clrbtn a {
6452
    background-color: #e44d3a;
6453
    color: #fff;
6454
    padding: 5px 10px 5px 10px;
6455
    margin-right: 15px;
6456
}
6457
 
6458
.transpairentbtn a {
6459
    color: #222;
6460
    border: 2px solid #f1f1f1;
6461
    padding: 5px 10px 5px 10px;
6462
}
6463
 
6464
.savetext h3 {
6465
    font-size: 14px;
6466
    font-weight: bold;
6467
    padding-bottom: 5px;
6468
}
6469
 
6470
.devepbtn .clrbtn {
6471
    padding: 7px 20px;
6472
}
6473
 
6474
.devepbtn a {
6475
    color: #666666;
6476
    border: 1px solid #b2b2b2;
6477
    padding: 7px 10px 7px 10px;
6478
    border-radius: 3px;
6479
    margin-right: 5px;
6480
}
6481
 
6482
.devepbtn a:hover i {
6483
    color: #fff;
6484
}
6485
 
6486
.devepbtn a:hover {
6487
    background-color: #e44d3a;
6488
    color: #fff;
6489
}
6490
 
6491
.rew-reply hr {
6492
    margin-left: -20px;
6493
    margin-right: -20px;
6494
}
6495
 
6496
.rew-reply p {
6497
    padding-left: 20px;
6498
}
6499
 
6500
.rew-reply ul {
6501
    padding-left: 20px;
6502
}
6503
 
6504
.devepbtn {
6505
    margin-top: 30px;
6506
    padding-left: 20px;
6507
}
6508
 
6509
.rep-thanks hr {
6510
    margin-right: -20px;
6511
    margin-left: -20px;
6512
}
6513
 
6514
.profilecnd {
6515
    margin-bottom: 0px;
6516
}
6517
 
6518
.devepbtn i {
6519
    color: #b2b2b2;
6520
    font-size: 14px;
6521
}
6522
 
6523
.appliedinfo {
6524
    padding-left: 0;
6525
    padding-top: 20px !important;
6526
    padding-bottom: 10px;
6527
}
6528
 
6529
.epi2 {
6530
    padding: 0;
6531
}
6532
 
6533
.review a {
6534
    line-height: 16px;
6535
    font-size: 14px;
6536
    text-decoration: none;
6537
    font-weight: 500;
6538
    margin-left: 15px;
6539
}
6540
 
6541
.add-pic-box {
6542
    display: inline-block;
6543
    color: #e44d3a;
6544
    font-size: 16px;
6545
    position: absolute;
6546
    top: 30px;
6547
    right: 0;
6548
    font-weight: 600;
6549
    margin-right: 0;
6550
    width: 100%;
6551
}
6552
 
6553
.add-pic-box [type="file"] {
6554
    height: 0;
6555
    overflow: hidden;
6556
    width: 0;
6557
    float: left;
6558
}
6559
 
6560
.add-pic-box [type="file"]+label {
6561
    background: #fff;
6562
    border: 2px solid #e44d3a;
6563
    border-radius: 3px;
6564
    color: #e44d3a;
6565
    cursor: pointer;
6566
    /* display: inline-block; */
6567
    font-size: 15px;
6568
    font-weight: 600;
6569
    outline: none;
6570
    padding: 12px 20px;
6571
    position: relative;
6572
    transition: all 0.3s;
6573
    vertical-align: middle;
6574
    margin: 0;
6575
    float: right;
6576
    text-transform: uppercase;
6577
}
6578
 
6579
.add-pic-box [type="file"]+label:hover {
6580
    background: #e44d3a;
6581
    color: #fff;
6582
}
6583
 
6584
.noreview li i {
6585
    color: #b2b2b2;
6586
}
6587
 
6588
.review-tb {
6589
    margin: 0 0 10px;
6590
    padding-left: 20px;
6591
}
6592
 
6593
.noreview ul li i {
6594
    color: #b2b2b2;
6595
}
6596
 
6597
.mngdetl {
6598
    border-bottom: none;
6599
}
6600
 
6601
.post-reply {
6602
    padding-top: 0;
6603
    padding-bottom: 0;
6604
}
6605
 
6606
.activebidbtn i:hover {
6607
    background-color: #e44d3a;
6608
    color: #fff;
6609
    border: none;
6610
}
6611
 
6612
.reviewtitle h2 {
6613
    font-size: 17px;
6614
    font-weight: 600;
6615
}
6616
 
6617
.horiline {
6618
    width: 118%;
6619
    position: relative;
6620
    left: -40px;
6621
}
6622
 
6623
.tahnks {
6624
    font-weight: 500;
6625
    margin-top: 5px;
6626
}
6627
 
6628
/*about-page*/
6629
 
6630
.banner span {
6631
    position: absolute;
6632
    display: flex;
6633
    background-color: #222;
6634
    width: 100%;
6635
    opacity: 0.9;
6636
    justify-content: center;
6637
    padding: 10px;
6638
    margin-top: 0;
6639
    color: #fff;
6640
}
6641
 
6642
.innertitle {
6643
    margin-top: 130px;
6644
}
6645
 
6646
.Company-overview {
6647
    padding-bottom: 50px;
6648
}
6649
 
6650
.bennertext {
6651
    position: absolute;
6652
    left: 20%;
6653
    right: 20%;
6654
    text-align: center;
6655
}
6656
 
6657
.bannerimage img {
6658
    height: 100%;
6659
}
6660
 
6661
.innertitle h2 {
6662
    color: #fff;
6663
    font-size: 30px;
6664
    line-height: 32px;
6665
    font-weight: 600;
6666
    margin-bottom: 20px;
6667
}
6668
 
6669
.innertitle p {
6670
    color: #fff;
6671
    font-size: 16px;
6672
}
6673
 
6674
.Company-overview h2 {
6675
    padding-top: 100px;
6676
    font-size: 24px;
6677
    font-weight: 600;
6678
    padding-bottom: 12px;
6679
}
6680
 
6681
.Company-overview p {
6682
    font-size: 15px;
6683
    font-weight: 500;
6684
}
6685
 
6686
.Company-overview img {
6687
    float: right;
6688
    padding-top: 25px;
6689
}
6690
 
6691
.blog {
6692
    text-align: center;
6693
    display: inline-block;
6694
    margin-bottom: 50px;
6695
}
6696
 
6697
.blog img {
6698
    padding-bottom: 30px;
6699
}
6700
 
6701
.blog h2 {
6702
    font-size: 18px;
6703
    font-weight: 600;
6704
    padding-bottom: 30px;
6705
}
6706
 
6707
.blog a {
6708
    background-color: #ff4500;
6709
    color: #fff;
6710
    padding: 7px 25px 7px 25px;
6711
    border-radius: 3px;
6712
    font-size: 16px;
6713
    font-weight: 500;
6714
}
6715
 
6716
.services {
6717
    padding-top: 80px;
6718
    padding-bottom: 80px;
6719
}
6720
 
6721
.video {
6722
    padding-bottom: 40px;
6723
}
6724
 
6725
.search-container {
6726
    text-align: center;
6727
}
6728
 
6729
.search-container input[type="text"] {
6730
    padding: 6px 15px;
6731
    margin-top: 8px;
6732
    font-size: 17px;
6733
    border: none;
6734
    height: 50px;
6735
    width: 50%;
6736
    margin-bottom: 25px;
6737
    border-top-left-radius: 3px;
6738
    border-top-right-radius: 0px;
6739
    border-bottom-left-radius: 3px;
6740
    border-bottom-right-radius: 0px;
6741
}
6742
 
6743
.searchtitle {
6744
    text-align: center;
6745
}
6746
 
6747
.searchtitle h2 {
6748
    color: #fff;
6749
    font-size: 30px;
6750
    font-weight: 400;
6751
    padding-bottom: 10px;
6752
}
6753
 
6754
.modal-header {
6755
    position: relative;
6756
}
6757
 
6758
.modal-header h3 {
6759
    font-size: 18px;
6760
}
6761
 
6762
.search-container button {
6763
    padding: 8px 10px;
6764
    text-align: center;
6765
    margin-top: 8px;
6766
    margin-left: -3px;
6767
    margin-right: 18px;
6768
    background: #efefef;
6769
    font-size: 17px;
6770
    border: none;
6771
    cursor: pointer;
6772
    height: 50px;
6773
    width: 6%;
6774
    border-bottom-right-radius: 3px;
6775
    border-top-right-radius: 3px;
6776
}
6777
 
6778
.topsearch i {
6779
    color: #e44d3a;
6780
}
6781
 
6782
.dropdown-toggle::after {
6783
    position: absolute;
6784
    right: 15px;
6785
    color: #b2b2b2;
6786
    top: 7px;
6787
}
6788
 
6789
.help-paddy {
6790
    padding: 0 !important;
6791
}
6792
 
6793
.paddy {
6794
    padding: 20px;
6795
    float: left;
6796
}
6797
 
6798
.dropdown-menu {
6799
    position: absolute;
6800
    top: 100%;
6801
    left: 0;
6802
    z-index: 1000;
6803
    display: none;
6804
    float: left;
6805
    min-width: 10rem;
6806
    padding: 0.5rem 0;
6807
    margin: 0.125rem 0 0;
6808
    font-size: 1rem;
6809
    color: #212529;
6810
    text-align: left;
6811
    list-style: none;
6812
    background-color: #fff;
6813
    width: 100%;
6814
    background-clip: padding-box;
6815
    border: none;
6816
    border-radius: 0.25rem;
6817
}
6818
 
6819
.radio-form p {
6820
    display: -webkit-inline-box;
6821
}
6822
 
6823
.dropdown a {
6824
    color: #000000;
6825
    font-size: 16px;
6826
    font-weight: 400;
6827
    padding: 0 20px;
6828
}
6829
 
6830
.accountnone {
6831
    border: none;
6832
}
6833
 
6834
.helpforum {
6835
    background-color: #fff;
6836
    padding: 15px 0;
6837
    box-shadow: 0px 2px #c6c6c6;
6838
}
6839
 
6840
.helpforum h3 {
6841
    font-size: 18px;
6842
    font-weight: 600;
6843
}
6844
 
6845
.helpforum a {
6846
    background-color: #e44d3a;
6847
    color: #fff;
6848
    padding: 10px 15px 10px 15px;
6849
    line-height: 4;
6850
    border-radius: 3px;
6851
}
6852
 
6853
.helpforum p {
6854
    line-height: 3;
6855
}
6856
 
6857
.actionstitle h3 {
6858
    font-size: 18px;
6859
    font-weight: 400;
6860
    color: #000;
6861
    padding-top: 30px;
6862
}
6863
 
6864
.actionstitle img {
6865
    padding-right: 10px;
6866
}
6867
 
6868
.actionstext a {
6869
    font-size: 16px;
6870
    font-weight: 500;
6871
    color: #e44d3a;
6872
    line-height: 2;
6873
    display: block;
6874
}
6875
 
6876
.helpform {
6877
    text-align: center;
6878
    padding-top: 70px;
6879
}
6880
 
6881
.helpform h3 {
6882
    font-size: 18px;
6883
    font-weight: 400;
6884
    color: #e44d3a;
6885
    margin-bottom: 10px;
6886
}
6887
 
6888
.helpform a {
6889
    background-color: #e44d3a;
6890
    color: #fff;
6891
    padding: 10px 15px 10px 15px;
6892
    border-radius: 3px;
6893
}
6894
 
6895
.helpform p {
6896
    margin-bottom: 30px;
6897
}
6898
 
6899
.helpform img {
6900
    float: unset;
6901
    padding-bottom: 10px;
6902
}
6903
 
6904
.bookingsideber h3 {
6905
    color: #000;
6906
}
6907
 
6908
.bookingsideber h3:active {
6909
    color: #e44d3a;
6910
}
6911
 
6912
.helpforum h4 {
6913
    font-size: 16px;
6914
    font-weight: 600;
6915
}
6916
 
6917
.bloktext {
6918
    padding-left: 25px;
6919
}
6920
 
6921
.privacy {
6922
    background-color: #fff;
6923
    height: 850px;
6924
}
6925
 
6926
.privacydropd .dropdown-toggle::after {
6927
    float: right;
6928
    vertical-align: 0.255em;
6929
}
6930
 
6931
/* .checkbox {} */
6932
 
6933
.form-check {
6934
    padding-left: 0;
6935
}
6936
 
6937
.btns a {
6938
    color: #000;
6939
    border: 1px solid #e5e5e5;
6940
    padding: 10px 25px 10px 25px;
6941
    margin-left: 15px;
6942
    border-radius: 5px;
6943
    font-weight: 600;
6944
}
6945
 
6946
.btns {
6947
    padding-top: 20px;
6948
}
6949
 
6950
.btns a:hover {
6951
    background-color: #e44d3a;
6952
    color: #fff;
6953
}
6954
 
6955
.privacy h3 {
6956
    font-size: 18px;
6957
    font-weight: 600;
6958
    padding-top: 18px;
6959
    margin-bottom: 10px;
6960
}
6961
 
6962
.privacy p {
6963
    padding-top: 0px;
6964
    display: inline-block;
6965
}
6966
 
6967
.form-group {
6968
    margin-bottom: 1rem;
6969
    padding-top: 0px;
6970
}
6971
 
6972
.privacy i {
6973
    float: right;
6974
    color: #e44d3a;
6975
    font-size: 20px;
6976
    font-weight: 600;
6977
}
6978
 
6979
.dropdown-menu input {
6980
    margin-right: 10px;
6981
    margin-top: 15px;
6982
}
6983
 
6984
.dropdown-menu a {
6985
    padding: 10px 0 10px 40px;
6986
    margin-bottom: 10px;
6987
}
6988
 
6989
.dropdown-menu form {
6990
    margin-bottom: 10px;
6991
    margin-top: 10px;
6992
}
6993
 
6994
.privacydropd p {
6995
    margin-left: 20px;
6996
    margin-top: 5px;
6997
}
6998
 
6999
.privabtns {
7000
    margin-top: 20px;
7001
}
7002
 
7003
.privabtns {
7004
    padding-bottom: 15px;
7005
}
7006
 
7007
.privabtns a {
7008
    margin-right: 15px;
7009
    padding: 8px 25px;
7010
    color: #000000;
7011
    border: 1px solid #e5e5e5;
7012
}
7013
 
7014
.privabtns a:hover {
7015
    color: #fff;
7016
    background-color: #e44d3a;
7017
}
7018
 
7019
.privac {
7020
    background-color: #fff;
7021
    height: 560px;
7022
    padding-top: 20px;
7023
}
7024
 
7025
.privac h3 {
7026
    font-size: 18px;
7027
    font-weight: 600;
7028
}
7029
 
7030
.bids-detail ul {
7031
    display: -webkit-inline-box;
7032
}
7033
 
7034
.bids-detail ul li {
7035
    margin-right: 30px;
7036
}
7037
 
7038
.bids-detail h3 {
7039
    font-size: 16px;
7040
    font-weight: 400;
7041
}
7042
 
7043
.bids-detail {
7044
    background-color: #fff;
7045
    padding: 20px;
7046
    margin-bottom: 25px;
7047
    box-shadow: 0px 2px #e4e4e4;
7048
}
7049
 
7050
.dropdown-menu.show {
7051
    display: contents;
7052
}
7053
 
7054
.postpaid:checked:after {
7055
    content: "\f17b";
7056
    font: normal normal normal 16px/1 "LineAwesome";
7057
    font-weight: 600;
7058
    border: 1px solid #fff;
7059
    color: #ffffff;
7060
    text-align: center;
7061
    font-size: 12px;
7062
    width: 100%;
7063
    height: 100%;
7064
    background: #e44d3a;
7065
    display: block;
7066
    border-radius: 50%;
7067
    padding-top: 3px;
7068
}
7069
 
7070
.postpaid:focus {
7071
    border: 1px solid #fff;
7072
    width: 25px;
7073
    height: 25px;
7074
}
7075
 
7076
.postpaid {
7077
    -webkit-appearance: none;
7078
    content: "";
7079
    width: 20px;
7080
    height: 20px;
7081
    border-radius: 50%;
7082
    border: 1px solid #5e5e5e;
7083
    outline: 0;
7084
    margin-right: 5px;
7085
}
7086
 
7087
.job-status-bar {
7088
    border-top: 1px solid #e5e5e5;
7089
}
7090
 
7091
/* .main-ws-sec .job-status-bar {} */
7092
 
7093
.main-ws-sec .btm-line {
7094
    padding-bottom: 20px !important;
7095
    border-bottom: 1px solid #e5e5e5 !important;
7096
    margin-bottom: 20px;
7097
}
7098
 
7099
.job-status-bar hr {
7100
    margin: 0 -40px;
7101
}
7102
 
7103
.reply-area {
7104
    padding-left: 55px;
7105
}
7106
 
7107
.reply-rply1 {
7108
    margin: 24px 0;
7109
}
7110
 
7111
.reply-area p {
7112
    padding-bottom: 10px;
7113
}
7114
 
7115
.reply-area span {
7116
    cursor: pointer;
7117
}
7118
 
7119
.reply-area span:hover {
7120
    color: #e44d3a;
7121
}
7122
 
7123
.reply-area i {
7124
    font-size: 16px;
7125
    font-weight: 600;
7126
    padding-right: 8px;
7127
}
7128
 
7129
.comment-area .la-plus-circle {
7130
    display: block;
7131
    text-align: center;
7132
    font-size: 40px;
7133
    color: #b2b2b2;
7134
}
7135
 
7136
.reply-area span {
7137
    padding-top: 5px;
7138
    color: #b2b2b2;
7139
}
7140
 
7141
.comt span {
7142
    font-size: 16px;
7143
    color: #666666;
7144
}
7145
 
7146
.comt i {
7147
    padding-right: 8px;
7148
}
7149
 
7150
.postcomment .form-control {
7151
    width: 112%;
7152
    margin-left: -50px;
7153
    background-color: #efefef;
7154
    border-radius: 3px;
7155
}
7156
 
7157
.postcomment a {
7158
    background-color: #e44d3a;
7159
    color: #fff;
7160
    padding: 9px 25px 8px 25px;
7161
    line-height: 37px;
7162
    border-radius: 3px;
7163
}
7164
 
7165
.postcomment {
7166
    padding-top: 30px;
7167
}
7168
 
7169
.widget-about button:focus {
7170
    box-shadow: none;
7171
}
7172
 
7173
.widget-about button:hover {
7174
    background-color: #e44d3a;
7175
}
7176
 
7177
.widget-about button {
7178
    background-color: #e44d3a;
7179
    border: none;
7180
    padding: 12px 0;
7181
    width: 100%;
7182
}
7183
 
7184
.widget-about p {
7185
    background-color: #e44d3a;
7186
    color: #fff;
7187
    padding: 10px 0;
7188
}
7189
 
7190
.widget-projectid {
7191
    padding: 15px;
7192
}
7193
 
7194
.widget-projectid h3 {
7195
    padding-bottom: 7px;
7196
    font-size: 14px;
7197
    font-weight: 600;
7198
}
7199
 
7200
.sd-title h4 {
7201
    margin-bottom: 5px;
7202
    font-size: 16px;
7203
    font-weight: 600;
7204
    line-height: 24px;
7205
}
7206
 
7207
.paymethd p {
7208
    color: #e44d3a;
7209
}
7210
 
7211
.copylink p {
7212
    background-color: #efefef;
7213
    padding: 7px 0 8px 10px;
7214
}
7215
 
7216
.copylink a {
7217
    background-color: #e44d3a;
7218
    color: #fff;
7219
    padding: 10px 15px 10px 15px;
7220
    border-radius: 4px;
7221
}
7222
 
7223
.copylink span {
7224
    padding: 30px 0 20px;
7225
}
7226
 
7227
.copylink i {
7228
    float: unset;
7229
    position: unset;
7230
}
7231
 
7232
.copylink .la-facebook {
7233
    background-color: #3b5998;
7234
    color: #fff;
7235
}
7236
 
7237
.copylink .la-twitter {
7238
    color: #1da1f2;
7239
}
7240
 
7241
.copylink .la-pinterest-p {
7242
    background-color: #fff;
7243
    color: #c11628;
7244
    border-radius: 50%;
7245
}
7246
 
7247
.copylink img {
7248
    padding-right: 10px;
7249
}
7250
 
7251
.freelancerbiding {
7252
    background-color: #fff;
7253
    padding-top: 20px;
7254
}
7255
 
7256
.freelancerbiding h3 {
7257
    font-size: 18px;
7258
    font-weight: 400;
7259
}
7260
 
7261
.repcent {
7262
    text-align: left;
7263
}
7264
 
7265
.bidrit {
7266
    float: right;
7267
}
7268
 
7269
.repcent i {
7270
    padding-left: 5px;
7271
}
7272
 
7273
.star {
7274
    display: inline-flex;
7275
    padding: 5px 0;
7276
}
7277
 
7278
.star li i {
7279
    color: #bfd337;
7280
}
7281
 
7282
.repcent span {
7283
    color: #51a5fb;
7284
}
7285
 
7286
.repcent p {
7287
    padding-left: 7px;
7288
}
7289
 
7290
.noreview ul li i {
7291
    color: #b2b2b2;
7292
}
7293
 
7294
.paymethd .star li i {
7295
    position: unset;
7296
    font-size: 14px;
7297
}
7298
 
7299
.paymethd .star a {
7300
    color: #51a5fb;
7301
    padding-left: 12px;
7302
}
7303
 
7304
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7305
 
7306
.modal-body {
7307
    padding: 1rem 0;
7308
}
7309
 
7310
.notice {
7311
    background-color: #ddf3ff;
7312
    padding: 15px;
7313
}
7314
 
7315
.notice span {
7316
    font-weight: 500;
7317
    padding-right: 5px;
7318
}
7319
 
7320
.innerbody {
7321
    padding: 15px;
7322
}
7323
 
7324
.innerbody h3 {
7325
    font-size: 18px;
7326
    font-weight: 600;
7327
}
7328
 
7329
.innerbody h4 {
7330
    font-weight: 600;
7331
    font-size: 14px;
7332
    margin-left: -15px;
7333
    float: left;
7334
}
7335
 
7336
.delivery .input-group select {
7337
    width: 150px;
7338
    height: 50px !important;
7339
    font-size: 19px;
7340
    border: 1px solid #e5e5e5;
7341
    border-radius: 3px;
7342
}
7343
 
7344
.input-group-prepend {
7345
    background-color: #f3f3f3;
7346
    color: #bfbfbf;
7347
    text-align: center;
7348
    line-height: 3;
7349
    border: 1px solid #e5e5e5;
7350
}
7351
 
7352
.input-group-text {
7353
    color: #666666 !important;
7354
    background-color: #f5f5f5 !important;
7355
    border: 0px !important;
7356
    border-radius: 3px !important;
7357
}
7358
 
7359
.place-bid-form {
7360
    position: relative;
7361
    left: 20px;
7362
    top: -15px;
7363
    padding-bottom: 15px;
7364
}
7365
 
7366
.place-bid-form .input-group input {
7367
    width: 70px;
7368
    border: 1px solid #e5e5e5;
7369
}
7370
 
7371
.paydel {
7372
    padding: 40px 0 0;
7373
}
7374
 
7375
.beatcompitation {
7376
    background-color: #f3f3f3;
7377
    padding: 15px;
7378
}
7379
 
7380
.beatcompitation h3 {
7381
    font-weight: 500;
7382
}
7383
 
7384
.sponser i {
7385
    background-color: #e44d3a;
7386
    color: #fff;
7387
    margin-right: 5px;
7388
    padding: 2px;
7389
}
7390
 
7391
.sponser h2 {
7392
    font-size: 18px;
7393
    font-weight: 600;
7394
    padding-top: 15px;
7395
    padding-bottom: 15px;
7396
}
7397
 
7398
.sponser {
7399
    padding: 15px;
7400
}
7401
 
7402
.modal-footer {
7403
    display: block !important;
7404
    border-top: none;
7405
    padding: 1rem 0;
7406
}
7407
 
7408
.modal-footer button {
7409
    font-size: 15px;
7410
    font-weight: 500;
7411
    background-color: unset;
7412
    border: none;
7413
    padding: 10px;
7414
    border: 1px solid #d2d2d2;
7415
    border-radius: 3px;
7416
}
7417
 
7418
.modal-footer button:hover {
7419
    background-color: #e44d3a;
7420
    /* color: #fff; */
7421
    /* border: 1px solid #e44d3a; */
7422
}
7423
 
7424
.place-bid-btn {
7425
    font-size: 15px;
7426
    font-weight: 500;
7427
    color: #fff !important;
7428
    background-color: #e44d3a !important;
7429
    border: none;
7430
    padding: 10px;
7431
    border: 1px solid #e44d3a;
7432
    border-radius: 3px;
7433
}
7434
 
7435
.usy-dt .reply {
7436
    margin: 3px 0 0 10px;
7437
    width: 360px;
7438
    height: 40px;
7439
    background-color: #efefef;
7440
    border: 1px solid #e5e5e5;
7441
    padding-left: 10px;
7442
    border-radius: 3px;
7443
}
7444
 
7445
.replybtn {
7446
    background-color: #e44d3a;
7447
    color: #fff;
7448
    padding: 10px;
7449
    margin-left: 15px;
7450
    border-radius: 3px;
7451
}
7452
 
7453
.replybtn:hover {
7454
    color: #fff;
7455
}
7456
 
7457
.rewivew ul li {
7458
    margin-right: 5px !important;
7459
}
7460
 
7461
.security hr {
7462
    margin-right: -15px;
7463
    margin-left: -15px;
7464
}
7465
 
7466
.privacy .la-check {
7467
    float: left;
7468
    font-size: 12px;
7469
    margin: 5px 5px 0 0;
7470
    padding: 3px;
7471
    background-color: #e44d3a;
7472
    color: #fff;
7473
    border-radius: 50%;
7474
}
7475
 
7476
ul#myTab {
7477
    border-bottom: 1px solid #e5e5e5;
7478
}
7479
 
7480
.nav-tabs .nav-link {
7481
    border: none;
7482
}
7483
 
7484
.noborder {
7485
    border-bottom: none;
7486
}
7487
 
7488
.manbids {
7489
    margin-bottom: 0 !important;
7490
}
7491
 
7492
.noreply {
7493
    padding-top: 30px;
7494
}
7495
 
7496
#my-bids .nav-tabs {
7497
    margin-bottom: 20px;
7498
    margin-top: 7px;
7499
    padding-bottom: 0;
7500
}
7501
 
7502
#my-bids ul {
7503
    margin-bottom: 15px;
7504
    margin-top: 7px;
7505
    padding-bottom: 0;
7506
}
7507
 
7508
.savedjob-info p {
7509
    color: #666666;
7510
    margin-top: 5px;
7511
}
7512
 
7513
#my-bids ul li a {
7514
    color: #000000;
7515
    font-size: 16px;
7516
    font-weight: 500;
7517
}
7518
 
7519
#my-bids li a:hover {
7520
    color: #e44d3a;
7521
}
7522
 
7523
#saved-jobs ul {
7524
    margin-bottom: 20px;
7525
}
7526
 
7527
#saved-jobs ul li a {
7528
    color: #000000;
7529
    font-size: 16px;
7530
    font-weight: 500;
7531
}
7532
 
7533
#saved-jobs li a:hover {
7534
    color: #e44d3a;
7535
}
7536
 
7537
.wordpressdevlp h2 {
7538
    font-size: 18px;
7539
    font-weight: 600;
7540
    margin-bottom: 15px;
7541
}
7542
 
7543
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7544
#saved-jobs .nav-tabs .nav-link.active {
7545
    background-color: inherit;
7546
    color: #e44d3a !important;
7547
    padding-bottom: 9px;
7548
    border-bottom: 2px solid #e44d3a !important;
7549
}
7550
 
7551
#my-bids .nav-tabs .nav-item.show .nav-link,
7552
#my-bids .nav-tabs .nav-link.active {
7553
    background-color: inherit;
7554
    color: #e44d3a !important;
7555
    padding-bottom: 9px;
7556
    border-bottom: 2px solid #e44d3a !important;
7557
}
7558
 
7559
.descptab li img {
7560
    float: left !important;
7561
    filter: inherit !important;
7562
}
7563
 
7564
.bklink {
7565
    border-bottom: none !important;
7566
    width: unset !important;
7567
    float: right !important;
7568
}
7569
 
7570
.bklik {
7571
    border-bottom: none !important;
7572
}
7573
 
7574
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7575
 
7576
.savedjob-info li {
7577
    display: inline-block;
7578
    padding-left: 25px;
7579
}
7580
 
7581
.savedjob-info h3 {
7582
    font-size: 14px;
7583
    font-weight: 500;
7584
}
7585
 
7586
.settingjb ul li {
7587
    margin-right: 25px !important;
7588
}
7589
 
7590
.mangebid li {
7591
    padding-left: 0;
7592
    padding-right: 20px;
7593
    padding-top: 10px;
7594
}
7595
 
7596
.bk-links.bklink li {
7597
    padding-right: 0;
7598
}
7599
 
7600
.bidsbtn {
7601
    position: relative;
7602
}
7603
 
7604
.biddersinfo li {
7605
    padding-left: 0;
7606
    padding-right: 20px;
7607
}
7608
 
7609
#review {
7610
    background-color: #fff;
7611
    margin-bottom: 40px;
7612
}
7613
 
7614
.starreview {
7615
    padding-left: 20px;
7616
}
7617
 
7618
.replytext {
7619
    padding-bottom: 20px;
7620
}
7621
 
7622
.starrevi {
7623
    padding-left: 20px;
7624
}
7625
 
7626
.apply-jobbox {
7627
    text-align: center;
7628
}
7629
 
7630
.apply-jobbox form input {
7631
    width: 100%;
7632
    margin-top: 20px;
7633
    padding: 10px;
7634
    color: #222;
7635
    border: 1px solid #e5e5e5;
7636
    border-radius: 3px;
7637
    font-size: 14px;
7638
}
7639
 
7640
.apply-jobbox h3 {
7641
    margin: 20px 0;
7642
}
7643
 
7644
.select-files {
7645
    border: 1px solid #e5e5e5;
7646
    margin-top: 20px;
7647
    padding: 30px;
7648
    background: #efefef;
7649
}
7650
 
7651
.select-files button {
7652
    margin-bottom: 20px;
7653
    background-color: transparent;
7654
    border: 1px solid #e5e5e5;
7655
    padding: 10px 15px 10px 15px;
7656
    border-radius: 5px;
7657
    font-weight: 600;
7658
}
7659
 
7660
.select-files button:hover {
7661
    background-color: #e44d3a;
7662
    color: #fff;
7663
}
7664
 
7665
.close {
7666
    position: absolute;
7667
    right: 0px;
7668
    top: 0px;
7669
    color: #929292;
7670
    border: 1px solid !important;
7671
    border-radius: 50%;
7672
    height: 30px;
7673
    width: 30px;
7674
}
7675
 
7676
.mapouter iframe {
7677
    width: 100%;
7678
    height: 400px;
7679
}
7680
 
7681
.mapouter {
7682
    position: relative;
7683
    text-align: right;
7684
    height: 500px;
7685
    width: 100%;
7686
}
7687
 
7688
.gmap_canvas {
7689
    overflow: hidden;
7690
    background: none !important;
7691
}
7692
 
7693
.video-iframe {
7694
    width: 100%;
7695
    height: 400px;
7696
}
7697
 
7698
.custom-file-input {
7699
    color: transparent;
7700
    opacity: 1;
7701
    /* margin-left: 140px; */
7702
    margin-bottom: 10px;
7703
}
7704
 
7705
.custom-file-input::-webkit-file-upload-button {
7706
    visibility: hidden;
7707
}
7708
 
7709
.custom-file-input::before {
7710
    content: "Select Files";
7711
    color: #fff;
7712
    display: inline-block;
7713
    border: 1px solid #e5e5e5;
7714
    border-radius: 3px;
7715
    background: #e44d3a;
7716
    font-weight: 500;
7717
    padding: 10px 15px;
7718
    outline: none;
7719
    white-space: nowrap;
7720
    -webkit-user-select: none;
7721
    cursor: pointer;
7722
}
7723
 
7724
.custom-file-input:hover::before {
7725
    background-color: #e44d3a;
7726
    color: #fff;
7727
}
7728
 
7729
.custom-file-input:active {
7730
    outline: 0;
7731
}
7732
 
7733
.custom-file-input:active::before {
7734
    background: #e44d3a;
7735
    color: #fff;
7736
}
7737
 
7738
.bids-time {
7739
    float: right;
7740
}
7741
 
7742
.saved-post {
7743
    padding: 0;
7744
}
7745
 
7746
.saved-post p {
7747
    padding-bottom: 20px;
7748
}
7749
 
7750
.saved-info li {
7751
    padding-right: 25px;
7752
    padding-left: 0;
7753
}
7754
 
7755
.saved-btn {
7756
    padding: 0;
7757
    margin-bottom: -12px;
7758
}
7759
 
7760
.applied-post {
7761
    padding: 0;
7762
}
7763
 
7764
.post-bid {
7765
    padding: 0 !important;
7766
}
7767
 
7768
.bidsbtn {
7769
    padding-top: 0 !important;
7770
}
7771
 
7772
.active-bids {
7773
    padding: 0;
7774
}
7775
 
7776
.activ-bidinfo li {
7777
    padding-top: 10px;
7778
    padding-left: 0;
7779
    padding-right: 25px;
7780
}
7781
 
7782
.activebtn {
7783
    padding-left: 0;
7784
}
7785
 
7786
.p-all {
7787
    padding: 0px;
7788
    float: left;
7789
    width: 100%;
7790
    position: relative;
7791
}
7792
 
7793
.toggle-btn .custom-switch .custom-control-label::before {
7794
    left: -2.25rem;
7795
    width: 70px;
7796
    pointer-events: all;
7797
    border-radius: 100px;
7798
    height: 30px;
7799
    top: -1px;
7800
    box-shadow: none;
7801
}
7802
 
7803
.toggle-btn .custom-control-label::before {
7804
    position: absolute;
7805
    top: 0.25rem;
7806
    left: -1.5rem;
7807
    display: block;
7808
    width: 1rem;
7809
    height: 1rem;
7810
    pointer-events: none;
7811
    content: "";
7812
    background-color: #fff;
7813
    border: #e1e1e1 solid 2px;
7814
}
7815
 
7816
.custom-control-input:checked~.custom-control-label::before {
7817
    color: #fff;
7818
    border-color: #e44d3a;
7819
    background-color: #e44d3a;
7820
    box-shadow: none;
7821
    outline: none;
7822
}
7823
 
7824
.toggle-btn .custom-switch .custom-control-label::after {
7825
    top: calc(-1px + 2px);
7826
    left: calc(-36px + 2px);
7827
    width: calc(30px - 4px);
7828
    height: calc(30px - 4px);
7829
    background-color: #e1e1e1;
7830
    border-radius: 100%;
7831
    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;
7832
    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;
7833
    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;
7834
}
7835
 
7836
.toggle-btn .custom-control-label::after {
7837
    position: absolute;
7838
    top: 0.25rem;
7839
    left: -1.5rem;
7840
    display: block;
7841
    width: 0;
7842
    height: 0;
7843
    content: "";
7844
    background: no-repeat 50%/50% 50%;
7845
}
7846
 
7847
.toggle-btn .custom-control-label {
7848
    position: initial;
7849
    margin-bottom: 0;
7850
    vertical-align: top;
7851
}
7852
 
7853
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
7854
    background-color: #fff;
7855
    -webkit-transform: translateX(2.5rem);
7856
    transform: translateX(2.5rem);
7857
}
7858
 
7859
.custom-control-label {
7860
    position: relative;
7861
    margin-bottom: 0;
7862
    vertical-align: top;
7863
    line-height: 24px;
7864
    font-size: 14px;
7865
    color: #666666;
7866
}
7867
 
7868
.small-text-children p,
7869
.small-text-children span {
7870
    font-size: .8rem;
7871
}
7872
 
7873
.search-item-selected {
7874
    padding: 2%;
1821 steven 7875
    background: #F0F0F0;
1239 steven 7876
    border-radius: 6px;
7877
    font-weight: bold;
7878
}
7879
 
7880
main {
7881
    background-color: #fff !important;
7882
}
7883
 
7884
.row .sc-dkzDqf {
7885
    margin: 0 auto;
7886
}
7887
 
7888
.test-section .title,
7889
.test-section .description {
7890
    margin-bottom: 10px;
7891
}
7892
 
7893
.test-section .btn-danger {
7894
    margin-right: 10px;
7895
}
7896
 
7897
.test-section .panel-body {
7898
    padding: 20px 0px;
7899
}
7900
 
7901
.test-section .panel {
7902
    margin-top: 20px;
7903
    padding-bottom: 10px;
7904
}
7905
 
7906
.test-section .panel-title {
7907
    font-size: 16px;
7908
    font-weight: bold;
7909
    text-transform: uppercase;
7910
}
7911
 
7912
.test-section .np-padding {
7913
    padding: 0px;
7914
}
7915
 
7916
.test-section .checkbox {
7917
    display: flex;
7918
    margin: 20px 0px;
7919
}
7920
 
7921
.test-section .option {
7922
    margin-left: 10px;
7923
}
7924
 
7925
.checkbox input[type=checkbox],
7926
input[type=radio] {
7927
    margin-top: 5px !important;
7928
}
7929
 
7930
.test-section h6 {
7931
    margin-bottom: 10px;
7932
    color: #0860bf;
7933
}
7934
 
7935
.wizard {
7936
    display: flex;
7937
    margin-top: 10px;
7938
}
7939
 
7940
.wizard li {
7941
    width: 50%;
7942
    display: inline-block;
7943
}
7944
 
7945
.btn-secondary:disabled,
7946
.btn-primary:disabled {
7947
    cursor: no-drop;
7948
}
7949
 
7950
.test-section .btn-primary {
7951
    margin-left: 10px
7952
}
7953
 
7954
.previous {
7955
    text-align: left;
7956
}
7957
 
7958
.next {
7959
    text-align: right;
7960
}
7961
 
7962
.test-section .close {
7963
    border: none !important;
7964
    border-radius: 0px !important;
7965
}
7966
 
7967
.ratin-range {
7968
    display: block;
7969
}
7970
 
7971
.ratin-range li {
7972
    display: inline-block;
7973
    width: 6%;
7974
}
7975
 
7976
.ratin-range li .option {
7977
    margin-top: 2px !important;
7978
}
7979
 
7980
#react-self-evaluation .company-up-info ul {
7981
    width: 100%;
7982
    position: absolute;
7983
    float: left;
7984
    left: 0px;
7985
    bottom: 4vw;
7986
}
7987
 
7988
#react-self-evaluation .company-up-info {
7989
    padding: 30px 10px;
7990
    min-height: 20vw;
7991
    border: 1px solid #e5e5e5
7992
}
7993
 
7994
#react-self-evaluation .company-up-info h3 {
7995
    width: 90%;
7996
    margin: 5px auto;
7997
}
7998
 
7999
.mb10 {
597 geraldo 8000
    margin-bottom: 3vw;
598 geraldo 8001
}
1239 steven 8002
 
8003
.opt-h6 {
8004
    font-weight: 600 !important;
8005
    color: #000 !important;
597 geraldo 8006
}