Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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