Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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