Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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