Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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