Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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