Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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