Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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