Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2833 | Rev 2835 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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