Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16848 | Ir a la última revisión | | Ultima modificación | Ver Log |

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