Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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