Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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