Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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