Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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