Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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