Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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