Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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