Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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