Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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