Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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