Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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