Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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