Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3434 | Rev 3455 | 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;
3451 stevensc 3127
    float: left;
3128
    width: 100%;
1239 steven 3129
}
3130
 
2263 stevensc 3131
footer a {
3132
    color: var(--dark);
3133
}
3134
 
2266 stevensc 3135
footer .footer-row {
2265 stevensc 3136
    display: grid;
3137
    gap: 5px;
2436 stevensc 3138
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
2265 stevensc 3139
}
3140
 
1239 steven 3141
.footy-sec.mn ul {
3142
    padding: 30px 0;
3143
}
3144
 
3145
.footy-sec.mn ul li a {
3146
    color: #b2b2b2;
3147
}
3148
 
3149
.footy-sec.mn ul li a:hover {
3150
    color: #e44d3a;
3151
}
3152
 
3153
.footy-sec.mn ul li {
3154
    border-color: #b2b2b2;
3155
}
3156
 
3157
.footy-sec.mn p {
3158
    color: #b2b2b2;
3159
    margin-top: 30px;
3160
}
3161
 
3162
.fl-rgt {
3432 stevensc 3163
    position: absolute;
3164
    right: 16rem;
3433 stevensc 3165
    top: 130%;
3434 stevensc 3166
    margin-top: 30px;
1239 steven 3167
}
3168
 
3169
/* ================== USER PROFILE =================== */
3170
 
2366 stevensc 3171
.cover-sec {
3172
    height: 280px;
3085 stevensc 3173
    background-color: #fff;
2366 stevensc 3174
    overflow: hidden;
3175
}
3176
 
1239 steven 3177
.cover-sec img {
3178
    width: 100%;
3179
}
3180
 
3181
.cover-sec>a {
3182
    display: inline-block;
3183
    color: #e44d3a;
3184
    font-size: 16px;
3185
    background-color: #fff;
3186
    border: 1px solid #e44d3a;
3187
    position: absolute;
3188
    top: 30px;
3189
    right: 0;
3190
    padding: 10px 15px;
3191
    font-weight: 600;
3192
    margin-right: 15px;
3193
}
3194
 
3195
.cover-sec>a i {
3196
    padding-right: 5px;
3197
}
3198
 
3199
/* ============= user_profile ============= */
3200
 
3201
.user_profile {
3202
    width: 100%;
3203
    background-color: #fff;
3204
    margin-bottom: 20px;
2375 stevensc 3205
    border-radius: 10px;
1239 steven 3206
    text-align: center;
3207
}
3208
 
3209
.user-pro-img {
3210
    width: 100%;
3211
    text-align: center;
3212
    margin-bottom: 28px;
3213
    position: relative;
3214
}
3215
 
3216
.user-pro-img .add-dp {
3217
    position: absolute;
3218
    top: 10px;
3219
    left: 60%;
3220
}
3221
 
3222
.add-dp i {
3223
    bottom: 0;
3224
    font-size: 14px;
3225
    box-shadow: none;
3226
    position: relative;
3227
    border-radius: 50px;
3228
    width: 40px;
3229
    height: 40px;
3230
    text-align: center;
3231
    background: #e44d3a;
3232
    padding: 12px;
3233
    color: #ffff;
3234
    left: 0;
3235
    top: -5px;
3236
}
3237
 
3238
.add-dp i:hover {
3239
    font-size: 14px;
3240
    border: 2px solid #fff;
3241
    background: #e44d3a;
3242
    padding: 11px;
3243
}
3244
 
3245
.add-dp {
3246
    margin: -16px;
3247
    padding: 0;
3248
}
3249
 
3250
.add-dp input[type="file"] {
3251
    opacity: 0;
3252
    padding: 10px 0px 9px;
3253
    display: none;
3254
}
3255
 
3256
.user-pro-img img {
3257
    -webkit-border-radius: 100px;
3258
    -moz-border-radius: 100px;
3259
    -ms-border-radius: 100px;
3260
    -o-border-radius: 100px;
2703 stevensc 3261
    max-width: 150px;
1239 steven 3262
    border-radius: 100px;
3263
    float: none;
3264
    border: 5px solid #fff;
3265
}
3266
 
3267
.user_pro_status {
3268
    width: 100%;
3269
    border-bottom: 1px solid #e5e5e5;
3270
    padding-bottom: 27px;
3271
}
3272
 
3273
.flw-hr {
3274
    float: left;
3275
    width: 100%;
3276
    margin-bottom: 30px;
3277
}
3278
 
3279
.flw-hr li {
3280
    display: inline-block;
3281
    margin-right: 17px;
3282
}
3283
 
3284
.flw-hr li:last-child {
3285
    margin-right: 0;
3286
}
3287
 
3288
.flw-hr li a {
3289
    display: inline-block;
3290
    color: #ffffff;
3291
    font-size: 16px;
3292
    font-weight: 600;
3293
    padding: 11px 15px;
3294
}
3295
 
3296
.flw-hr li a i {
3297
    padding-right: 5px;
3298
}
3299
 
3300
.flww {
3301
    background-color: #53d690;
3302
}
3303
 
3304
.hre {
3305
    background-color: #51a5fb;
3306
}
3307
 
3308
/* =============== flw-status ============ */
3309
 
3310
.flw-status {
3311
    float: left;
3312
    width: 100%;
3313
}
3314
 
3315
.flw-status li {
3316
    display: inline-block;
3317
    margin-right: 50px;
3318
}
3319
 
3320
.flw-status li:last-child {
3321
    margin-right: 0;
3322
}
3323
 
3324
.flw-status li span {
3325
    color: #686868;
3326
    font-size: 20px;
3327
    font-weight: 500;
3328
    margin-bottom: 15px;
3329
    display: block;
3330
}
3331
 
3332
.flw-status li b {
3333
    color: #000000;
3334
    font-size: 20px;
3335
    font-weight: 600;
3336
}
3337
 
3338
/* ================== social_links ============= */
3339
 
3340
.social_links {
3341
    float: left;
3342
    width: 100%;
3343
    text-align: left;
3344
}
3345
 
3346
.social_links li {
3347
    float: left;
3348
    width: 100%;
3349
    padding: 15px 15px;
3350
    border-bottom: 1px solid #e5e5e5;
3351
}
3352
 
3353
.social_links li a {
3354
    float: left;
3355
    width: 100%;
3356
    color: #51a5fb;
3357
    font-size: 14px;
3358
    font-weight: 400;
3359
    text-overflow: ellipsis;
3360
    white-space: nowrap;
3361
    overflow: hidden;
3362
}
3363
 
3364
.modal-md {
3365
    max-width: 55vw;
3366
}
3367
 
3368
@media(min-width: 721px) {
3369
    .group-view-tab {
3370
        margin-left: 3.5rem;
3371
    }
2197 stevensc 3372
 
1239 steven 3373
    .group-view-tab span {
3374
        text-overflow: ellipsis;
3375
        white-space: nowrap;
3376
        overflow: hidden;
3377
    }
3378
}
3379
 
3380
@media(max-width: 720px) {
3381
    .group-view-tab {
3382
        margin-left: 3.5rem;
3383
    }
3384
}
3385
 
3386
.text-decoration-underline {
3387
    text-decoration: underline !important;
3388
}
3389
 
3390
.ellipsis {
3391
    text-overflow: ellipsis;
3392
    white-space: nowrap;
3393
    overflow: hidden;
3394
}
3395
 
3396
.social_links li a i {
3397
    padding-right: 5px;
3398
    font-size: 20px;
3399
    position: relative;
3400
    top: 3px;
3401
}
3402
 
3403
.la-globe {
3404
    color: #51a5fb;
3405
}
3406
 
3407
/* ================= user-tab-sec ============== */
3408
 
2468 stevensc 3409
.notifications-grid {
3410
    display: grid;
3411
    grid-template-columns: 1fr;
3412
}
3413
 
3414
@media (min-width: 768px) {
3415
    .notifications-grid {
3416
        display: grid;
3417
        grid-template-columns: 30% 70%;
3418
        padding: 0 5%;
3419
    }
3420
}
3421
 
2458 stevensc 3422
.show_filters {
3423
    display: block;
3424
}
3425
 
3426
.hidden_filters {
2464 stevensc 3427
    display: none !important;
2458 stevensc 3428
}
3429
 
2459 stevensc 3430
@media (min-width: 768px) {
2458 stevensc 3431
    .show_filters {
3432
        display: none;
3433
    }
3434
 
3435
    .hidden_filters {
2465 stevensc 3436
        display: block !important;
2458 stevensc 3437
    }
3438
}
3439
 
3440
/* ================= user-tab-sec ============== */
3441
 
1239 steven 3442
.user-tab-sec {
3443
    width: 100%;
3444
    padding-top: 4px;
3445
}
3446
 
3447
.user-tab-sec h3 {
3448
    color: #000000;
3449
    font-size: 24px;
3450
    font-weight: 600;
3451
    text-transform: capitalize;
3452
    margin-bottom: 15px;
3453
}
3454
 
3455
.star-descp {
3456
    float: left;
3457
    width: 100%;
3458
    margin-bottom: 10px;
3459
}
3460
 
3461
.star-descp ul li {
3462
    margin-right: 5px !important;
3463
}
3464
 
3465
.star-descp>a {
3466
    float: left;
3467
    color: #51a5fb;
3468
    font-size: 18px;
3469
    font-weight: 600;
3470
    margin-left: 20px;
3471
    text-decoration: underline;
3472
}
3473
 
3474
.star-descp>a:hover {
3475
    color: #51a5fb;
3476
}
3477
 
3478
.star-descp span {
3479
    float: left;
3480
    color: #686868;
3481
    font-size: 18px;
3482
    font-weight: 600;
3483
    margin-right: 20px;
3484
}
3485
 
3486
.star-descp>ul {
3487
    float: left;
3488
}
3489
 
3490
.star-descp ul li {
3491
    display: inline-block;
3492
}
3493
 
3494
.star-descp ul li i {
3495
    color: #b7ce1f;
3496
    font-size: 16px;
3497
}
3498
 
3499
.tab-feed {
3500
    float: left;
3501
    width: 100%;
3502
    margin-bottom: 45px;
3503
    margin-top: 20px;
3504
}
3505
 
3506
.tab-feed ul {
3507
    float: left;
3508
    width: 100%;
3509
}
3510
 
3511
.tab-feed ul li {
3512
    display: inline-block;
3513
    margin-right: 35px;
3514
    text-align: center;
3515
}
3516
 
3517
.savetext ul {
3518
    border-bottom: none !important;
3519
}
3520
 
3521
.tab-feed.st2 ul li {
3522
    margin-right: 17px;
3523
}
3524
 
3525
.tab-feed ul li:last-child {
3526
    margin-right: 0;
3527
}
3528
 
3529
.tab-feed ul li.active img {
3530
    filter: grayscale(0);
3531
}
3532
 
3533
.tab-feed ul li.active span {
3534
    color: #e44d3a;
3535
}
3536
 
3537
.tab-feed ul li img {
3538
    float: none;
3539
    margin-bottom: 5px;
3540
    filter: grayscale(100%);
3541
}
3542
 
3543
.tab-feed ul li span {
3544
    display: block;
3545
    color: #b2b2b2;
3546
    font-weight: 400;
3547
    font-size: 16px;
3548
}
3549
 
3550
.tab-feed ul li:last-child {
3551
    margin-right: 0;
3552
}
3553
 
3554
/* ================ message-btn ============= */
3555
 
3556
.message-btn {
3557
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3558
}
3559
 
3560
.message-btn a {
3561
    display: inline-block;
3562
    font-size: 16px;
3563
    padding: 12px;
3564
    font-weight: 500;
3565
}
3566
 
3567
.message-btn a:hover {
3568
    color: #fff;
3569
}
3570
 
3571
.message-btn a i {
3572
    padding-right: 5px;
3573
}
3574
 
3575
/* ============== widget-portfolio ============== */
3576
 
3577
.wd-heady {
3578
    float: left;
3579
    width: 100%;
3580
    padding: 20px 20px;
3581
    border-bottom: 1px solid #e5e5e5;
3582
}
3583
 
3584
.wd-heady h3 {
3585
    color: #000000;
3586
    font-size: 18px;
3587
    font-weight: 600;
3588
    float: left;
3589
}
3590
 
3591
.wd-heady img {
3592
    float: right;
3593
}
3594
 
3595
.pf-gallery {
3596
    float: left;
3597
    width: 100%;
3598
    padding: 15px 15px;
3599
}
3600
 
3601
.pf-gallery ul {
3602
    float: left;
3603
    width: 100%;
3604
}
3605
 
3606
.pf-gallery ul li {
3607
    float: left;
3608
    width: 33.33%;
3609
    padding: 5px;
3610
    overflow: hidden;
3611
}
3612
 
3613
.pf-gallery ul li:hover {
3614
    -webkit-transform: scale(1.2);
3615
    -moz-transform: scale(1.2);
3616
    -ms-transform: scale(1.2);
3617
    -o-transform: scale(1.2);
3618
    transform: scale(1.2);
3619
}
3620
 
3621
.pf-gallery img {
3622
    width: 100%;
3623
}
3624
 
3625
.product-feed-tab {
2946 stevensc 3626
    padding-top: 1rem;
2912 stevensc 3627
    display: flex;
3628
    flex-direction: column;
3629
    gap: .5rem;
1239 steven 3630
}
3631
 
3632
.product-feed-tab.current {
3633
    display: block;
3634
}
3635
 
3636
/* =============== user-profile-ov ================ */
3637
 
3638
.user-profile-ov {
3639
    float: left;
3640
    width: 100%;
3641
    background-color: #fff;
3642
    padding: 30px 20px;
3643
    border-left: 1px solid #e4e4e4;
3644
    border-bottom: 1px solid #e4e4e4;
3645
    border-right: 1px solid #e4e4e4;
3646
    margin-bottom: 20px;
3647
}
3648
 
3649
.user-profile-ov h3 {
3650
    color: #000000;
3651
    font-size: 18px;
3652
    font-weight: 600;
3653
    margin-bottom: 20px;
3654
}
3655
 
3656
.user-profile-ov h3 a {
3657
    color: #000000;
3658
}
3659
 
3660
.user-profile-ov i {
3661
    color: #000000;
3662
    font-size: 13px;
3663
    padding-left: 5px;
3664
}
3665
 
3666
.user-profile-ov h4 {
3667
    font-size: 16px;
3668
    color: #000;
3669
    font-weight: 600;
3670
    margin-bottom: 10px;
3671
}
3672
 
3673
.user-profile-ov p {
3674
    color: #686868;
3675
    font-size: 14px;
3676
    line-height: 24px;
3677
}
3678
 
3679
.user-profile-ov.st2 p {
3680
    margin-bottom: 23px;
3681
}
3682
 
3683
.no-margin {
3684
    margin: 0 !important;
3685
}
3686
 
3687
.user-profile-ov>span {
3688
    color: #686868;
3689
    font-size: 14px;
3690
    float: left;
3691
    width: 100%;
3692
    margin-bottom: 8px;
3693
    margin-top: 3px;
3694
}
3695
 
3696
.user-profile-ov ul {
3697
    float: left;
3698
    width: 100%;
3699
}
3700
 
3701
.user-profile-ov ul li {
3702
    display: inline-block;
3703
    margin-bottom: 10px;
3704
    padding: 0 2px;
3705
}
3706
 
3707
.user-profile-ov ul li a {
3708
    display: inline-block;
3709
    color: #b2b2b2;
3710
    font-size: 14px;
3711
    font-weight: 600;
3712
    background-color: #e5e5e5;
3713
    -webkit-border-radius: 30px;
3714
    -moz-border-radius: 30px;
3715
    -ms-border-radius: 30px;
3716
    -o-border-radius: 30px;
3717
    border-radius: 30px;
3718
    padding: 10px 15px;
3719
}
3720
 
3721
/* ==================== portfolio-gallery-sec ==================== */
3722
 
3723
.portfolio-gallery-sec {
3724
    float: left;
3725
    width: 100%;
3726
    background-color: #fff;
3727
    padding: 30px 20px;
3728
    border-left: 1px solid #e4e4e4;
3729
    border-right: 1px solid #e4e4e4;
3730
    border-bottom: 1px solid #e4e4e4;
3731
}
3732
 
3733
.portfolio-gallery-sec h3 {
3734
    font-weight: 600;
3735
    font-size: 18px;
3736
    margin-bottom: 32px;
3737
    padding-left: 5px;
3738
    float: left;
3739
}
3740
 
3741
.portfolio-btn {
3742
    float: right;
3743
}
3744
 
3745
.portfolio-btn a {
3746
    display: inline-block;
3747
    color: #e44d3a;
3748
    font-size: 16px;
3749
    font-weight: 600;
3750
}
3751
 
3752
.portfolio-btn a i {
3753
    margin-right: 5px;
3754
}
3755
 
3756
.gallery_pf {
3757
    float: left;
3758
    width: 100%;
3759
    margin-bottom: -5px;
3760
}
3761
 
3762
.gallery_pf .col-lg-4 {
3763
    padding: 5px;
3764
}
3765
 
3766
.gallery_pt {
3767
    float: left;
3768
    width: 100%;
3769
    position: relative;
3770
    overflow: hidden;
3771
}
3772
 
3773
.gallery_pt:hover:before {
3774
    opacity: 1;
3775
    visibility: visible;
3776
    height: 100%;
3777
}
3778
 
3779
.gallery_pt:before {
3780
    content: "";
3781
    position: absolute;
3782
    top: 0;
3783
    left: 0;
3784
    width: 100%;
3785
    height: 0;
3786
    background-color: rgba(0, 0, 0, 0.6);
3787
    opacity: 0;
3788
    visibility: hidden;
3789
}
3790
 
3791
.gallery_pt img {
3792
    width: 100%;
3793
    height: 134px;
3794
    object-fit: cover;
3795
}
3796
 
3797
.row {
3798
    margin: 0;
3799
}
3800
 
3801
.gallery_pt>a {
3802
    position: absolute;
3803
    top: 100%;
3804
    left: 0;
3805
    float: left;
3806
    width: 100%;
3807
    text-align: center;
3808
    -webkit-transform: translateY(-50%);
3809
    -moz-transform: translateY(-50%);
3810
    -ms-transform: translateY(-50%);
3811
    -o-transform: translateY(-50%);
3812
    transform: translateY(-50%);
3813
    opacity: 0;
3814
    visibility: hidden;
3815
}
3816
 
3817
.gallery_pt:hover>a {
3818
    opacity: 1;
3819
    visibility: visible;
3820
    top: 50%;
3821
}
3822
 
3823
.gallery_pt>a img {
3824
    float: none;
3825
    width: auto;
3826
    height: auto;
3827
}
3828
 
3829
/* ============== overview-box ============= */
3830
 
3831
.overview-box {
3832
    width: 570px;
3833
    position: fixed;
3834
    top: 50%;
3835
    left: 50%;
3836
    -webkit-transform: translateX(-50%) translateY(-50%);
3837
    -moz-transform: translateX(-50%) translateY(-50%);
3838
    -ms-transform: translateX(-50%) translateY(-50%);
3839
    -o-transform: translateX(-50%) translateY(-50%);
3840
    transform: translateX(-50%) translateY(-50%);
3841
    opacity: 0;
3842
    visibility: hidden;
3843
    z-index: 0;
3844
}
3845
 
3846
.close-box {
3847
    position: absolute;
3848
    top: -20px;
3849
    right: -20px;
3850
    color: #fff;
3851
    font-size: 14px;
3852
    text-align: center;
3853
    width: 22px;
3854
    height: 22px;
3855
    line-height: 22px;
3856
    border: 1px solid #fff;
3857
    -webkit-border-radius: 100px;
3858
    -moz-border-radius: 100px;
3859
    -ms-border-radius: 100px;
3860
    -o-border-radius: 100px;
3861
    border-radius: 100px;
3862
    font-weight: 600;
3863
}
3864
 
3865
.close-box:hover {
3866
    color: #fff;
3867
}
3868
 
3869
.overview-box.open {
3870
    opacity: 1;
3871
    visibility: visible;
3872
    z-index: 99999;
3873
}
3874
 
3875
.overview-edit {
3876
    float: left;
3877
    width: 100%;
3878
    background-color: #fff;
3879
    padding: 30px 20px;
3880
}
3881
 
3882
.overview-edit h3 {
3883
    color: #000000;
3884
    font-size: 18px;
3885
    font-weight: 600;
3886
    float: left;
3887
    width: 100%;
3888
    margin-bottom: 25px;
3889
}
3890
 
3891
.overview-edit span {
3892
    color: #b2b2b2;
3893
    font-size: 12px;
3894
    float: right;
3895
    margin-bottom: 5px;
3896
}
3897
 
3898
.overview-edit form {
3899
    float: left;
3900
    width: 100%;
3901
}
3902
 
3903
.overview-edit form input {
3904
    height: 40px;
3905
    padding-left: 15px;
3906
    margin-bottom: 20px;
3907
}
3908
 
3909
.overview-edit form textarea,
3910
.overview-edit form input,
3911
.overview-edit form select {
3912
    width: 100%;
3913
    border: 1px solid #e5e5e5;
3914
    resize: none;
3915
    color: #b2b2b2;
3916
    font-size: 14px;
3917
}
3918
 
3919
.overview-edit form select {
3920
    line-height: 40px;
3921
    padding-left: 40px;
3922
    margin-bottom: 20px;
3923
}
3924
 
3925
.overview-edit form textarea {
3926
    height: 160px;
3927
    margin-bottom: 30px;
3928
    padding: 15px;
3929
}
3930
 
3931
.save {
3932
    background-color: #e44d3a;
3933
    color: #fff;
3934
    border-color: transparent;
3935
}
3936
 
3937
.save-add {
3938
    background-color: #fff;
3939
    padding: 13px 13px !important;
3940
}
3941
 
3942
.overview-edit button {
3943
    float: left;
3944
    border: 1px solid #e5e5e5;
3945
    font-weight: 600;
3946
    font-size: 16px;
3947
    padding: 13px 34px;
3948
    margin-right: 20px;
3949
    outline: none;
3950
    cursor: pointer;
3951
}
3952
 
3953
.cancel {
3954
    background-color: #fff;
3955
    color: #000;
3956
}
3957
 
3958
.datepicky {
3959
    float: left;
3960
    width: 100%;
3961
}
3962
 
3963
.no-left-pd {
3964
    padding: 0;
3965
}
3966
 
3967
.no-righ-pd {
3968
    padding-right: 0;
3969
}
3970
 
3971
.datefm {
3972
    float: left;
3973
    width: 100%;
3974
    position: relative;
3975
}
3976
 
3977
.datefm i {
3978
    position: absolute;
3979
    top: 11px;
3980
    right: 15px;
3981
    font-size: 18px;
3982
    color: #b2b2b2;
3983
}
3984
 
3985
#location-box .datefm i {
3986
    right: auto;
3987
    left: 15px;
3988
}
3989
 
3990
#location-box .datefm input {
3991
    padding-left: 40px;
3992
}
3993
 
3994
#skills-box ul {
3995
    float: left;
3996
    width: 100%;
3997
    margin-bottom: 20px;
3998
}
3999
 
4000
#skills-box ul li {
4001
    display: inline-block;
4002
    margin-right: 10px;
4003
    position: relative;
4004
}
4005
 
4006
.skl-name {
4007
    display: inline-block;
4008
    color: #b2b2b2;
4009
    font-size: 14px;
4010
    font-weight: 500;
4011
    background-color: #e5e5e5;
4012
    -webkit-border-radius: 30px;
4013
    -moz-border-radius: 30px;
4014
    -ms-border-radius: 30px;
4015
    -o-border-radius: 30px;
4016
    border-radius: 30px;
4017
    text-transform: uppercase;
4018
    padding: 10px 30px 10px 12px;
4019
    position: relative;
4020
}
4021
 
4022
.close-skl {
4023
    position: absolute;
4024
    top: 10px;
4025
    right: 10px;
4026
    color: #b2b2b2;
4027
    font-size: 14px;
4028
}
4029
 
4030
.file-submit {
4031
    border: 1px solid #e5e5e5;
4032
    position: relative;
4033
    padding: 0px;
4034
    height: 40px;
4035
    margin-bottom: 20px;
4036
    border-radius: 3px;
4037
}
4038
 
4039
.file-submit [type="file"] {
4040
    height: 40px;
4041
    overflow: hidden;
4042
    width: 100%;
4043
    float: left;
4044
    position: absolute;
4045
    padding: 10px 4px 0px 12px;
4046
    font-size: 14px;
4047
    opacity: 0;
4048
    display: none;
4049
}
4050
 
4051
.file-submit [type="file"]+label {
4052
    background: #e44d3a;
4053
    border: none;
4054
    float: left;
4055
    border-top-right-radius: 0px;
4056
    border-bottom-right-radius: 0px;
4057
    border-top-left-radius: 3px;
4058
    border-bottom-left-radius: 3px;
4059
    color: #fff;
4060
    cursor: pointer;
4061
    /* display: inline-block; */
4062
    font-size: 14px;
4063
    font-weight: 500;
4064
    outline: none;
4065
    padding: 12px 15px;
4066
    position: relative;
4067
    transition: all 0.3s;
4068
    vertical-align: middle;
4069
    margin: 0;
4070
}
4071
 
4072
.file-submit.nomg {
4073
    border: 0;
4074
    margin-bottom: 20px;
4075
}
4076
 
4077
.file-submit.nomg input {
4078
    margin-bottom: 0;
4079
    padding-top: 0;
4080
}
4081
 
4082
.daty {
4083
    float: left;
4084
    width: 100%;
4085
    position: relative;
4086
}
4087
 
4088
.daty>i {
4089
    position: absolute;
4090
    top: 10px;
4091
    right: 15px;
4092
    color: #b2b2b2;
4093
    font-size: 20px;
4094
}
4095
 
4096
a:hover {
4097
    color: initial;
4098
}
4099
 
4100
.pf-img {
4101
    float: left;
4102
    width: 100%;
4103
    background-color: #f2f2f2;
4104
    padding: 15px;
4105
    margin-bottom: 20px;
4106
}
4107
 
4108
/* ================= billing-method ============== */
4109
 
4110
.billing-method {
4111
    float: left;
4112
    width: 100%;
4113
    background-color: #fff;
4114
    border-left: 1px solid #e4e4e4;
4115
    border-right: 1px solid #e4e4e4;
4116
    border-bottom: 1px solid #e4e4e4;
4117
    margin-bottom: 20px;
4118
}
4119
 
4120
.billing-method ul {
4121
    float: left;
4122
    width: 100%;
4123
}
4124
 
4125
.billing-method ul li {
4126
    float: left;
4127
    width: 100%;
4128
    border-bottom: 1px solid #e5e5e5;
4129
    padding: 25px 20px;
4130
}
4131
 
4132
.billing-method ul li h3 {
4133
    color: #000000;
4134
    font-size: 18px;
4135
    font-weight: 600;
4136
    float: left;
4137
}
4138
 
4139
.billing-method ul li a,
4140
.billing-method ul li span {
4141
    float: right;
4142
    color: #000000;
4143
    font-size: 13px;
4144
    text-transform: capitalize;
4145
    font-weight: 600;
4146
    margin-top: 3px;
4147
}
4148
 
4149
.billing-method ul li i {
4150
    font-size: 13px;
4151
    color: #e44d3a;
4152
}
4153
 
4154
.lt-sec {
4155
    float: left;
4156
    width: 100%;
4157
    text-align: center;
4158
    padding: 30px 0;
4159
}
4160
 
4161
.lt-sec img {
4162
    float: none;
4163
    margin-bottom: 15px;
4164
}
4165
 
4166
.lt-sec h4 {
4167
    color: #686868;
4168
    font-size: 18px;
4169
    font-weight: 600;
4170
    margin-bottom: 25px;
4171
}
4172
 
4173
.lt-sec>a {
4174
    display: inline-block;
4175
    color: #ffffff;
4176
    font-size: 16px;
4177
    background-color: #e44d3a;
4178
    padding: 10px 25px;
4179
}
4180
 
4181
/* ============== add-billing-method ============== */
4182
 
4183
.add-billing-method {
4184
    float: left;
4185
    width: 100%;
4186
    background-color: #fff;
4187
    border-left: 1px solid #e4e4e4;
4188
    border-right: 1px solid #e4e4e4;
4189
    border-bottom: 1px solid #e4e4e4;
4190
}
4191
 
4192
.add-billing-method h3 {
4193
    color: #000000;
4194
    font-size: 18px;
4195
    font-weight: 600;
4196
    padding: 20px 20px;
4197
    border-bottom: 1px solid #e5e5e5;
4198
}
4199
 
4200
.add-billing-method>h4 {
4201
    color: #686868;
4202
    font-size: 13px;
4203
    font-weight: 500;
4204
    padding: 20px 20px;
4205
    border-bottom: 1px solid #e5e5e5;
4206
    float: left;
4207
    width: 100%;
4208
}
4209
 
4210
.add-billing-method img {
4211
    margin-right: 10px;
4212
}
4213
 
4214
.add-billing-method span {
4215
    margin-top: 4px;
4216
    float: left;
4217
}
4218
 
4219
/* ============= payment_methods ============ */
4220
 
4221
.payment_methods {
4222
    float: left;
4223
    width: 100%;
4224
}
4225
 
4226
.payment_methods>h4 {
4227
    color: #000000;
4228
    font-size: 16px;
4229
    font-weight: 600;
4230
    position: relative;
4231
    padding: 25px 20px 25px 45px;
4232
    float: left;
4233
    width: 100%;
4234
}
4235
 
4236
.rowwy {
4237
    float: left;
4238
    width: 100%;
4239
}
4240
 
4241
.pd-left-none {
4242
    padding-left: 0;
4243
}
4244
 
4245
.pd-right-none {
4246
    padding-right: 0;
4247
}
4248
 
4249
.payment_methods h4:before {
4250
    content: "";
4251
    position: absolute;
4252
    top: 50%;
4253
    -webkit-transform: translateY(-50%);
4254
    -moz-transform: translateY(-50%);
4255
    -ms-transform: translateY(-50%);
4256
    -o-transform: translateY(-50%);
4257
    transform: translateY(-50%);
4258
    left: 20px;
4259
    width: 15px;
4260
    height: 15px;
4261
    border: 1px solid #e6e6e6;
4262
    -webkit-border-radius: 100px;
4263
    -moz-border-radius: 100px;
4264
    -ms-border-radius: 100px;
4265
    -o-border-radius: 100px;
4266
    border-radius: 100px;
4267
}
4268
 
4269
.payment_methods h4:after {
4270
    content: "";
4271
    position: absolute;
4272
    top: 50%;
4273
    -webkit-transform: translateY(-50%);
4274
    -moz-transform: translateY(-50%);
4275
    -ms-transform: translateY(-50%);
4276
    -o-transform: translateY(-50%);
4277
    transform: translateY(-50%);
4278
    left: 24px;
4279
    width: 7px;
4280
    height: 7px;
4281
    background-color: #e44d3a;
4282
    -webkit-border-radius: 100px;
4283
    -moz-border-radius: 100px;
4284
    -ms-border-radius: 100px;
4285
    -o-border-radius: 100px;
4286
    border-radius: 100px;
4287
}
4288
 
4289
.payment_methods form {
4290
    float: left;
4291
    width: 100%;
4292
    padding-bottom: 30px;
4293
    border-bottom: 1px solid #e5e5e5;
4294
}
4295
 
4296
.payment_methods form button {
4297
    color: #ffffff;
4298
    font-size: 16px;
4299
    background-color: #e44d3a;
4300
    padding: 10px 15px;
4301
    border: 0;
4302
    cursor: pointer;
4303
}
4304
 
4305
.payment_methods form input {
4306
    width: 100%;
4307
    height: 40px;
4308
    border: 1px solid #e5e5e5;
4309
    padding: 0 12px;
4310
}
4311
 
4312
.cc-head {
4313
    float: left;
4314
    width: 100%;
4315
    margin-bottom: 10px;
4316
}
4317
 
4318
.cc-head h5 {
4319
    float: left;
4320
    color: #000000;
4321
    font-size: 16px;
4322
    font-weight: 600;
4323
    margin-top: 4px;
4324
}
4325
 
4326
.cc-head h5 i {
4327
    color: #b2b2b2;
4328
    font-size: 14px;
4329
}
4330
 
4331
.cc-head ul {
4332
    float: right;
4333
}
4334
 
4335
.cc-head ul li {
4336
    display: inline-block;
4337
}
4338
 
4339
.inpt-field {
4340
    float: left;
4341
    width: 100%;
4342
    position: relative;
4343
    margin-bottom: 20px;
4344
}
4345
 
4346
.no-pdd {
4347
    padding: 0;
4348
}
4349
 
4350
.inpt-field.pd-moree input {
4351
    padding-left: 40px !important;
4352
}
4353
 
4354
.inpt-field i {
4355
    color: #b2b2b2;
4356
    font-size: 18px;
4357
    position: absolute;
4358
    top: 50%;
4359
    left: 15px;
4360
    -webkit-transform: translateY(-50%);
4361
    -moz-transform: translateY(-50%);
4362
    -ms-transform: translateY(-50%);
4363
    -o-transform: translateY(-50%);
4364
    transform: translateY(-50%);
4365
}
4366
 
4367
/* ============== companies-info ============== */
4368
 
4369
.companies-info {
4370
    padding: 60px 0;
4371
}
4372
 
4373
.company-title {
4374
    width: 100%;
4375
    margin-bottom: 20px;
4376
}
4377
 
4378
.default-link {
4379
    color: #0860bf;
4380
}
4381
 
4382
.default-link:hover {
4383
    font-weight: bold;
4384
    color: #0860bf;
4385
    transition: all .5s;
4386
}
4387
 
4388
.company-title h3 {
4389
    color: #000000;
4390
    font-size: 20px;
4391
    font-weight: 600;
4392
    background-color: #fff;
4393
    padding: 10px 15px;
4394
}
4395
 
4396
.companies-list {
4397
    width: 100%;
2294 stevensc 4398
    display: grid;
2296 stevensc 4399
    gap: 20px;
4400
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
2294 stevensc 4401
    position: relative;
1239 steven 4402
}
4403
 
4404
.companies-list .slick-list {
4405
    max-height: 47vh;
4406
}
4407
 
4408
.slick-prev:before,
4409
.slick-next:before {
4410
    color: #000 !important;
4411
}
4412
 
4413
.company_profile_info {
4414
    /* float: left; */
4415
    width: 100%;
4416
    background-color: #fff;
4417
    text-align: center;
4418
    border-left: 1px solid #e4e4e4;
4419
    border-right: 1px solid #e4e4e4;
4420
    border-bottom: 1px solid #e4e4e4;
4421
    margin-bottom: 30px;
4422
}
4423
 
2620 stevensc 4424
.marketplace_card {
4425
    width: 100%;
4426
    background-color: #fff;
4427
    text-align: center;
4428
}
4429
 
1239 steven 4430
.company-up-info {
4431
    /* float: left; */
4432
    width: 100%;
4433
    padding: 20px 0;
4434
    border-bottom: 1px solid #e5e5e5;
4435
}
4436
 
4437
.company-up-info .description {
4438
    margin-bottom: 10px;
4439
}
4440
 
4441
.company-up-info img {
4442
    float: none;
4443
    margin-bottom: 10px;
4444
    -webkit-border-radius: 100px;
4445
    -moz-border-radius: 100px;
4446
    -ms-border-radius: 100px;
4447
    -o-border-radius: 100px;
4448
    border-radius: 100px;
4449
    height: 90px;
4450
    object-fit: cover;
4451
}
4452
 
4453
.company-up-info h3 {
4454
    color: #000000;
4455
    font-size: 18px;
4456
    font-weight: 600;
4457
    margin-bottom: 10px;
4458
}
4459
 
4460
.company-up-info h4 {
4461
    color: #686868;
4462
    font-size: 14px;
4463
    font-weight: 500;
4464
    margin-bottom: 21px;
4465
}
4466
 
4467
.company-up-info h6 {
4468
    color: #686868;
4469
    font-size: 15px;
4470
    font-weight: 500;
4471
    margin-bottom: 10px;
4472
}
4473
 
4474
.company-up-info ul {
4475
    /* float: left; */
4476
    width: 100%;
4477
}
4478
 
4479
.company-up-info ul li {
4480
    display: inline-block;
4481
    margin-right: 6px;
4482
}
4483
 
4484
.company-up-info ul li a i {
4485
    font-size: 24px;
4486
    position: relative;
4487
    top: 3px;
4488
}
4489
 
4490
.follow {
4491
    background-color: #53d690;
4492
}
4493
 
4494
.message-us {
4495
    background-color: #e44d3a;
4496
}
4497
 
4498
.hire-us {
4499
    background-color: #51a5fb;
4500
}
4501
 
4502
.company_profile_info .cancelButton {
4503
    display: inline-block;
4504
    color: #000000;
4505
    font-size: 16px;
4506
    font-weight: 500;
4507
    margin: 18px 0;
4508
}
4509
 
4510
/* ============= search-sec ============= */
4511
 
2501 stevensc 4512
.list-col {
4513
    display: flex;
4514
    gap: 20px;
4515
    flex-direction: column;
4516
}
4517
 
1239 steven 4518
.search-sec {
4519
    float: left;
4520
    width: 100%;
4521
    margin: 30px 0 0 0;
4522
}
4523
 
4524
.search-box {
4525
    width: 100%;
1809 steven 4526
    padding: 2.1%;
2500 stevensc 4527
    position: relative;
1239 steven 4528
}
4529
 
2500 stevensc 4530
.search-box>.form-group::before {
4531
    width: 100px;
4532
    content: 'Buscar';
4533
    right: 2.1%;
4534
    place-items: center;
4535
    display: grid;
4536
    height: calc(1.5em + .75rem + 2px);
4537
    background: #fff;
4538
    position: absolute;
4539
    border: 1px solid #ced4da;
4540
    cursor: pointer;
4541
    color: var(--gray);
4542
    font-weight: 600;
4543
    border-start-end-radius: .25rem;
4544
    border-bottom-right-radius: .25rem;
4545
}
4546
 
1239 steven 4547
.search-box form {
4548
    width: 100%;
4549
    position: relative;
4550
}
4551
 
4552
.search-box form input {
4553
    width: 100%;
4554
    height: 40px;
4555
    padding: 0 15px;
1808 steven 4556
    background: var(--background-light-gray);
1807 steven 4557
    color: var(--gray);
1239 steven 4558
    font-size: 14px;
1808 steven 4559
    border: solid 1px var(--border-light-gray);
1239 steven 4560
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4561
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4562
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4563
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4564
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4565
}
4566
 
1803 steven 4567
.search-box form button {
4568
    position: absolute;
4569
    top: 0;
4570
    right: 0;
1804 steven 4571
    border: solid 1px var(--border-light-gray);
1806 steven 4572
    color: var(--gray);
1803 steven 4573
    font-size: 16px;
4574
    font-weight: 500;
4575
    height: 100%;
4576
    padding: 0 28px;
4577
    cursor: pointer;
4578
    -webkit-border-radius: 0 4px 4px 0;
4579
    -moz-border-radius: 0 4px 4px 0;
4580
    -ms-border-radius: 0 4px 4px 0;
4581
    -o-border-radius: 0 4px 4px 0;
4582
    border-radius: 0 4px 4px 0;
4583
}
4584
 
1239 steven 4585
/* =============== filter-secs ============== */
4586
 
4587
.filter-secs {
4588
    float: left;
4589
    width: 100%;
4590
    /* background-color: #fff; */
4591
    box-shadow: 0px 2px #e4e4e4;
4592
    border: 1px solid #e5e5e5;
4593
}
4594
 
4595
.filter-heading {
4596
    float: left;
4597
    width: 100%;
4598
    padding: 15px 20px;
4599
    border-bottom: 1px solid #e5e5e5;
4600
    margin-bottom: 15px;
4601
}
4602
 
4603
.filter-heading h3 {
4604
    float: left;
4605
    color: #e44d3a;
4606
    font-size: 18px;
4607
    font-weight: 600;
4608
}
4609
 
4610
.filter-heading a {
4611
    float: right;
4612
    color: #686868;
4613
    font-size: 14px;
4614
    margin-top: 4px;
4615
}
4616
 
4617
.filter-ttl {
4618
    float: left;
4619
    width: 100%;
4620
    border-bottom: 1px solid #e5e5e5;
4621
    padding: 0 0 16px 0;
4622
    margin-bottom: 10px;
4623
}
4624
 
4625
.filter--tt2 {
4626
    margin-bottom: 0px !important;
4627
}
4628
 
4629
.top--1 {
4630
    margin-top: 20px;
4631
}
4632
 
4633
.filter--tt2 .dropdown .dropdown-menu a {
4634
    float: none;
4635
    color: #666666 !important;
4636
    margin-bottom: 12px !important;
4637
}
4638
 
4639
.filter--tt2 .dropdown .dropdown-menu a:hover {
4640
    color: #e44d3a !important;
4641
    background: none !important;
4642
}
4643
 
4644
.filter--tt2 .dropdown .dropdown-menu a:focus {
4645
    color: #e44d3a !important;
4646
    background: none !important;
4647
}
4648
 
4649
.filter--tt2 a {
4650
    float: left !important;
4651
    padding: 0 0 0 15px !important;
4652
    font-size: 16px !important;
4653
    color: #000000 !important;
4654
    font-weight: 500 !important;
4655
}
4656
 
4657
.filter-ttl h3 {
4658
    float: left;
4659
    padding: 0;
4660
    font-size: 16px;
4661
    color: #000000;
4662
    font-weight: 400;
4663
}
4664
 
4665
.filter-ttl a {
4666
    float: right;
4667
    font-size: 14px;
4668
    color: #666666;
4669
}
4670
 
4671
.filter-ttl .dropdown a {
4672
    float: none;
4673
    color: #666666;
4674
}
4675
 
4676
.filter-dd {
4677
    float: left;
4678
    width: 100%;
4679
    margin-bottom: 15px;
4680
}
4681
 
4682
.filter-dd form {
4683
    float: left;
4684
    width: 100%;
4685
    position: relative;
4686
}
4687
 
4688
.filter-dd form input,
4689
.filter-dd form select {
4690
    width: 100%;
4691
    height: 30px;
4692
    background-color: #f2f2f2;
4693
    padding: 0 10px;
4694
    color: #b2b2b2;
4695
    font-size: 12px;
4696
    font-weight: 600;
4697
    border: 0;
4698
    border: 1px solid #e5e5e5;
4699
}
4700
 
4701
.job-tp i {
4702
    color: #666666;
4703
    position: absolute;
4704
    top: 9px;
4705
    right: 15px;
4706
    font-size: 14px;
4707
}
4708
 
4709
.avail-checks {
4710
    float: left;
4711
    width: 100%;
4712
    margin-top: 7px;
4713
}
4714
 
4715
.avail-checks li {
4716
    float: left;
4717
    width: 100%;
4718
    margin-bottom: 10px;
4719
}
4720
 
4721
.avail-checks li:last-child {
4722
    margin-bottom: 0;
4723
}
4724
 
4725
.avail-checks li input[type="radio"] {
4726
    display: none;
4727
}
4728
 
4729
.avail-checks li label {
4730
    float: left;
4731
}
4732
 
4733
.avail-checks li input[type="radio"]+label span {
4734
    display: inline-block;
4735
    width: 15px;
4736
    height: 15px;
4737
    position: relative;
4738
    margin-top: 3px;
4739
    border: 1px solid #d2d2d2;
4740
    -webkit-border-radius: 100px;
4741
    -moz-border-radius: 100px;
4742
    -ms-border-radius: 100px;
4743
    -o-border-radius: 100px;
4744
    border-radius: 100px;
4745
}
4746
 
4747
.avail-checks li input[type="radio"]+label span:before {
4748
    content: "";
4749
    opacity: 0;
4750
    visibility: hidden;
4751
    position: absolute;
4752
    width: 7px;
4753
    height: 7px;
4754
    -webkit-border-radius: 100px;
4755
    -moz-border-radius: 100px;
4756
    -ms-border-radius: 100px;
4757
    -o-border-radius: 100px;
4758
    border-radius: 100px;
4759
    background-color: #e44d3a;
4760
    top: 3px;
4761
    left: 3px;
4762
}
4763
 
4764
.avail-checks li input[type="radio"]:checked+label span:before {
4765
    opacity: 1;
4766
    visibility: visible;
4767
}
4768
 
4769
.avail-checks li small {
4770
    color: #909090;
4771
    font-size: 14px;
4772
    padding-left: 10px;
4773
    font-weight: 500;
4774
}
4775
 
4776
/* =========== Range Slider ========== */
4777
 
4778
.rg-slider {
4779
    float: left;
4780
    width: 100%;
4781
}
4782
 
4783
.slider-container {
4784
    width: 100% !important;
4785
    padding-top: 50px;
4786
    position: relative;
4787
}
4788
 
4789
.theme-green .back-bar {
4790
    height: 5px;
4791
    border: 1px solid #e5e5e5;
4792
    -webkit-border-radius: 30px;
4793
    -moz-border-radius: 30px;
4794
    -ms-border-radius: 30px;
4795
    -o-border-radius: 30px;
4796
    border-radius: 30px;
4797
}
4798
 
4799
.theme-green .back-bar .pointer {
4800
    width: 17px;
4801
    height: 17px;
4802
    -webkit-border-radius: 100px;
4803
    -moz-border-radius: 100px;
4804
    -ms-border-radius: 100px;
4805
    -o-border-radius: 100px;
4806
    border-radius: 100px;
4807
    background-color: #e44d3a;
4808
    border: 2px solid #e3e3e3;
4809
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4810
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4811
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4812
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4813
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4814
}
4815
 
4816
.theme-green .back-bar .pointer {
4817
    top: -7px;
4818
}
4819
 
4820
.slider-container .back-bar .pointer-label {
4821
    top: -50px;
4822
    height: 26px;
4823
    background-color: #e5e5e5;
4824
    -webkit-border-radius: 30px;
4825
    -moz-border-radius: 30px;
4826
    -ms-border-radius: 30px;
4827
    -o-border-radius: 30px;
4828
    border-radius: 30px;
4829
    line-height: 26px;
4830
    width: 50px;
4831
}
4832
 
4833
.pointer-label.low {
4834
    left: 0 !important;
4835
}
4836
 
4837
.pointer-label.high {
4838
    left: 70px !important;
4839
}
4840
 
4841
.pointer-label.low:before {
4842
    content: "";
4843
    position: absolute;
4844
    top: 13px;
4845
    right: -14px;
4846
    width: 8px;
4847
    height: 1px;
4848
    background-color: #e5e5e5;
4849
}
4850
 
4851
.rg-limit {
4852
    float: left;
4853
    width: 100%;
4854
    margin-top: 16px;
4855
}
4856
 
4857
.rg-limit h4 {
4858
    color: #686868;
4859
    font-size: 15px;
4860
    font-weight: 600;
4861
    float: left;
4862
}
4863
 
4864
.rg-limit h4:last-child {
4865
    float: right;
4866
}
4867
 
4868
/* ============== chatbox-list ============== */
4869
 
4870
.chatbox-list {
4871
    position: fixed;
4872
    bottom: 0;
4873
    right: 0;
4874
}
4875
 
3307 stevensc 4876
.ext_share {
4877
    display: flex;
3308 stevensc 4878
    position: absolute;
3307 stevensc 4879
    align-items: center;
3310 stevensc 4880
    padding: 5px 1rem;
4881
    bottom: calc(100% + .5rem);
3308 stevensc 4882
    gap: .5rem;
3310 stevensc 4883
    left: 50%;
3365 stevensc 4884
    width: 14rem;
3361 stevensc 4885
    flex-wrap: wrap;
4886
    overflow-x: scroll;
3310 stevensc 4887
    transform: translateX(-43%);
3308 stevensc 4888
    border-radius: 20px;
3307 stevensc 4889
    background-color: #fff;
4890
    box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 12%), 0px -4px 4px -2px rgb(0 0 0 / 12%);
4891
}
4892
 
3363 stevensc 4893
.ext_share.post {
4894
    transform: none;
4895
    left: inherit;
4896
    bottom: inherit;
3365 stevensc 4897
    top: 1.5rem;
4898
    right: 1.5rem;
3363 stevensc 4899
}
4900
 
3207 stevensc 4901
.highlighted {
4902
    backdrop-filter: blur(35px);
4903
    animation: droping 1s ease infinite;
4904
}
4905
 
4906
@keyframes droping {
4907
    0% {
4908
        box-shadow: 0 0 5px #96bde9;
4909
    }
4910
 
4911
    50% {
4912
        box-shadow: 0 0 12px #96bde9;
4913
    }
4914
 
4915
    100% {
4916
        box-shadow: 0 0 5px #96bde9;
4917
    }
4918
}
4919
 
1239 steven 4920
.chatbox {
4921
    display: inline-block;
4922
    position: relative;
2577 stevensc 4923
    z-index: 10;
1239 steven 4924
}
4925
 
4926
.chat-mg {
4927
    display: inline-block;
4928
    position: relative;
4929
}
4930
 
4931
.chat-mg img {
4932
    width: 70px;
4933
    height: 70px;
4934
    -webkit-border-radius: 100px;
4935
    -moz-border-radius: 100px;
4936
    -ms-border-radius: 100px;
4937
    -o-border-radius: 100px;
4938
    border-radius: 100px;
4939
}
4940
 
4941
.chat-mg span {
4942
    position: absolute;
4943
    top: -5px;
4944
    right: 10px;
4945
    width: 20px;
4946
    height: 20px;
4947
    background-color: #e44d3a;
4948
    text-align: center;
4949
    font-size: 12px;
4950
    color: #fff;
4951
    line-height: 20px;
4952
    -webkit-border-radius: 100px;
4953
    -moz-border-radius: 100px;
4954
    -ms-border-radius: 100px;
4955
    -o-border-radius: 100px;
4956
    border-radius: 100px;
4957
}
4958
 
4959
.chat-mg.bx img {
4960
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4961
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4962
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4963
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4964
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4965
}
4966
 
4967
.conversation-box {
4968
    position: absolute;
4969
    bottom: 132%;
4970
    right: 100%;
4971
    width: 350px;
4972
    background-color: #fff;
4973
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4974
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4975
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4976
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4977
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4978
    opacity: 0;
4979
    visibility: hidden;
4980
    z-index: 0;
4981
}
4982
 
4983
.conversation-box.active {
4984
    opacity: 1;
4985
    visibility: visible;
4986
    z-index: 9999;
4987
}
4988
 
4989
.conversation-box:before {
4990
    content: "";
4991
    position: absolute;
4992
    bottom: -7px;
4993
    right: 26px;
4994
    border-top: 15px solid #fff;
4995
    border-right: 15px solid transparent;
4996
    -webkit-transform: rotate(225deg);
4997
    -moz-transform: rotate(225deg);
4998
    -ms-transform: rotate(225deg);
4999
    -o-transform: rotate(225deg);
5000
    transform: rotate(225deg);
5001
}
5002
 
5003
.con-title {
5004
    float: left;
5005
    width: 100%;
5006
    background-color: #e44d3a;
5007
    padding: 15px 25px;
5008
    -webkit-border-radius: 10px 10px 0 0;
5009
    -moz-border-radius: 10px 10px 0 0;
5010
    -ms-border-radius: 10px 10px 0 0;
5011
    -o-border-radius: 10px 10px 0 0;
5012
    border-radius: 10px 10px 0 0;
5013
}
5014
 
5015
.con-title h3 {
5016
    float: left;
5017
    color: #ffffff;
5018
    font-size: 16px;
5019
    font-weight: 600;
5020
}
5021
 
5022
.con-title>a {
5023
    float: right;
5024
    color: #fff;
5025
    font-size: 20px;
5026
}
5027
 
5028
.chat-list {
5029
    float: left;
5030
    width: 100%;
5031
    min-height: 390px;
5032
}
5033
 
5034
.conv-list {
5035
    float: left;
5036
    width: 100%;
5037
    display: table;
5038
    padding: 20px 25px;
5039
    position: relative;
5040
}
5041
 
5042
.conv-list:hover,
5043
.conv-list.active {
5044
    background-color: #efefef;
5045
}
5046
 
5047
.msg-numbers {
5048
    position: absolute;
5049
    bottom: 18px;
5050
    right: 25px;
5051
    width: 25px;
5052
    height: 25px;
5053
    background-color: #e77667;
5054
    text-align: center;
5055
    line-height: 25px;
5056
    color: #fff;
5057
    font-size: 13px;
5058
    -webkit-border-radius: 100px;
5059
    -moz-border-radius: 100px;
5060
    -ms-border-radius: 100px;
5061
    -o-border-radius: 100px;
5062
    border-radius: 100px;
5063
}
5064
 
5065
.usrr-pic {
5066
    display: table-cell;
5067
    position: relative;
5068
}
5069
 
5070
.active-status {
5071
    width: 9px;
5072
    height: 9px;
5073
    border: 2px solid #ecf5fb;
5074
    -webkit-border-radius: 100px;
5075
    -moz-border-radius: 100px;
5076
    -ms-border-radius: 100px;
5077
    -o-border-radius: 100px;
5078
    border-radius: 100px;
5079
    position: absolute;
5080
    top: -3px;
5081
    right: 0;
5082
}
5083
 
5084
.activee {
5085
    background-color: #e44d3a;
5086
}
5087
 
5088
.usy-info {
5089
    display: table-cell;
5090
    vertical-align: top;
5091
    width: 100%;
5092
    padding-left: 15px;
5093
}
5094
 
5095
.usy-info h3 {
5096
    color: #000000;
5097
    font-size: 18px;
5098
    font-weight: 600;
5099
    margin-bottom: 5px;
5100
}
5101
 
5102
.usy-info span {
5103
    color: #686868;
5104
    font-size: 16px;
5105
    float: left;
5106
}
5107
 
5108
.usy-info span img {
5109
    padding-left: 5px;
5110
    float: right;
5111
}
5112
 
5113
.ct-time {
5114
    position: absolute;
5115
    top: 20px;
5116
    right: 25px;
5117
}
5118
 
5119
.ct-time span {
5120
    color: #b2b2b2;
5121
    font-size: 14px;
5122
}
5123
 
5124
.st-icons {
5125
    float: right;
5126
    margin-top: 7px;
5127
}
5128
 
5129
.st-icons a {
5130
    color: #fff;
5131
    font-size: 20px;
5132
    margin-right: 5px;
5133
}
5134
 
5135
.chat-hist {
5136
    float: left;
5137
    width: 100%;
5138
    background-color: #fff;
5139
    height: 280px;
5140
}
5141
 
5142
.chat-msg {
5143
    float: left;
5144
    width: 100%;
5145
    padding-right: 25px;
5146
    margin-bottom: 15px;
5147
}
5148
 
5149
.chat-msg p {
5150
    color: #ffffff;
5151
    font-size: 14px;
5152
    background-color: #e44d3a;
5153
    line-height: 18px;
5154
    -webkit-border-radius: 15px;
5155
    -moz-border-radius: 15px;
5156
    -ms-border-radius: 15px;
5157
    -o-border-radius: 15px;
5158
    border-radius: 15px;
5159
    padding: 10px 15px;
5160
    width: 80%;
5161
    float: right;
5162
    margin-bottom: 10px;
5163
}
5164
 
5165
.mg-3 {
5166
    margin-bottom: 3px;
5167
}
5168
 
5169
.chat-msg span {
5170
    float: right;
5171
    color: #b1b1b1;
5172
    width: 100%;
5173
    font-size: 9px;
5174
    text-align: right;
5175
}
5176
 
5177
.status-info {
5178
    width: 8px;
5179
    height: 8px;
5180
    background-color: #fff;
5181
    -webkit-border-radius: 100px;
5182
    -moz-border-radius: 100px;
5183
    -ms-border-radius: 100px;
5184
    -o-border-radius: 100px;
5185
    border-radius: 100px;
5186
    display: inline-block;
5187
    margin-left: 7px;
5188
}
5189
 
5190
.chat-user-info h3 {
5191
    margin-top: 7px;
5192
    margin-left: 10px;
5193
}
5194
 
5195
.date-nd {
5196
    float: left;
5197
    width: 100%;
5198
    text-align: center;
5199
    margin-bottom: 20px;
5200
    position: relative;
5201
}
5202
 
5203
.date-nd:before,
5204
.date-nd:after {
5205
    content: "";
5206
    position: absolute;
5207
    top: 10px;
5208
    left: 15px;
5209
    width: 92px;
5210
    height: 1px;
5211
    background-color: #e5e5e5;
5212
}
5213
 
5214
.date-nd:after {
5215
    left: auto;
5216
    right: 15px;
5217
}
5218
 
5219
.date-nd span {
5220
    color: #b1b1b1;
5221
    font-size: 12px;
5222
    text-align: center;
5223
}
5224
 
5225
.chat-msg.st2 p {
5226
    background-color: #efefef;
5227
    color: #686868;
5228
    float: left;
5229
    width: 55%;
5230
}
5231
 
5232
.chat-msg.st2 {
5233
    padding-left: 25px;
5234
}
5235
 
5236
.chat-msg.st2 span {
5237
    float: left;
5238
    text-align: left;
5239
}
5240
 
5241
/* =========== typing-msg =========== */
5242
 
5243
.typing-msg {
5244
    float: left;
5245
    width: 100%;
5246
    border-top: 1px solid #e6e6e6;
5247
    padding-top: 15px;
5248
}
5249
 
5250
.typing-msg form {
5251
    float: left;
5252
    width: 100%;
5253
    position: relative;
5254
}
5255
 
5256
.typing-msg form textarea {
5257
    width: 100%;
5258
    height: 30px;
5259
    background-color: #fff;
5260
    padding: 0 20px;
5261
    color: #b2b2b2;
5262
    font-size: 16px;
5263
    border: 0;
5264
    resize: none;
5265
}
5266
 
5267
.typing-msg form button {
5268
    color: #e44d3a;
5269
    font-size: 18px;
5270
    font-weight: 600;
5271
    position: absolute;
5272
    top: 2px;
5273
    right: 20px;
5274
    background: none;
5275
    border: 0;
5276
    cursor: pointer;
5277
}
5278
 
5279
.ft-options {
5280
    float: left;
5281
    width: 100%;
5282
    padding: 0 20px 8px 20px;
5283
}
5284
 
5285
.ft-options li {
5286
    display: inline-block;
5287
    margin-right: 15px;
5288
}
5289
 
5290
.ft-options li a {
5291
    color: #b2b2b2;
5292
    font-size: 24px;
5293
    display: inline-block;
5294
}
5295
 
5296
.mCSB_scrollTools {
5297
    right: -5px;
5298
}
5299
 
5300
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5301
    background-color: #cccccc;
5302
    width: 5px;
5303
}
5304
 
5305
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5306
    opacity: 0;
5307
}
5308
 
5309
/* ============ Menu Btn =============*/
5310
 
5311
.menu-btn {
5312
    float: right;
5313
    display: none;
5314
}
5315
 
5316
.menu-btn a {
5317
    font-size: 24px;
5318
    color: #fff;
5319
    display: inline-block;
5320
    padding-top: 16px;
5321
    padding-left: 20px;
5322
}
5323
 
5324
/* ============= account-tabs-setting ============ */
5325
 
5326
/* .profile-account-setting {} */
5327
 
5328
.account-tabs-setting {
5329
    width: 100%;
5330
}
5331
 
2634 stevensc 5332
.account-tabs-setting h1 {
5333
    font-size: 1rem;
5334
    font-weight: 700;
5335
    margin: 2rem auto;
5336
    text-align: center;
5337
}
5338
 
1239 steven 5339
.acc-leftbar {
5340
    width: 100%;
5341
    background-color: #fff;
2629 stevensc 5342
    border: 1px solid #e5e5e5;
5343
    border-radius: 10px;
5344
    overflow: hidden;
1239 steven 5345
}
5346
 
5347
.acc-leftbar .nav-tabs>a {
5348
    border-bottom: 1px solid #e5e5e5;
2630 stevensc 5349
    color: #666666;
1239 steven 5350
    font-size: 16px;
2629 stevensc 5351
    font-weight: 700;
5352
    margin: 0 auto;
2646 stevensc 5353
    padding: 1rem 0;
2629 stevensc 5354
    width: 90%;
1239 steven 5355
}
5356
 
5357
.nav-tabs {
5358
    border-bottom: 0;
5359
}
5360
 
5361
.acc-leftbar .nav-tabs>a:last-child {
5362
    border-bottom: 0;
5363
}
5364
 
5365
.acc-leftbar .nav-tabs>a i {
2632 stevensc 5366
    font-size: 1.5rem;
1239 steven 5367
    position: relative;
2632 stevensc 5368
    width: 50px;
5369
    height: 50px;
5370
    display: inline-flex;
5371
    align-items: center;
5372
    background-color: #f5f5f5;
5373
    border-radius: 100px;
5374
    justify-content: center;
5375
    margin-right: 5px;
1239 steven 5376
}
5377
 
5378
.nav-tabs .nav-item.show .nav-link,
5379
.nav-tabs .nav-link.active {
5380
    background-color: inherit;
5381
    color: #e44d3a;
5382
    border-color: inherit;
5383
}
5384
 
5385
/* ============= acc-setting ============ */
5386
 
2633 stevensc 5387
.settings-container {
5388
    font-weight: normal;
5389
}
5390
 
5391
.settings-container h2 {
2634 stevensc 5392
    font-weight: normal;
2633 stevensc 5393
    margin: .5rem auto;
5394
}
5395
 
5396
.acc-setting_content {
5397
    padding: 2rem 1rem;
1239 steven 5398
    width: 100%;
2633 stevensc 5399
    overflow: hidden;
5400
    border-radius: 10px;
1239 steven 5401
    background-color: #fff;
2633 stevensc 5402
    border: 1px solid #e5e5e5;
5403
    box-shadow: 1px 0 4px var(--background-gray);
1239 steven 5404
}
5405
 
5406
.acc-setting form {
5407
    float: left;
5408
    width: 100%;
5409
}
5410
 
5411
.acc-setting>h3 {
5412
    width: 100%;
5413
    color: #000000;
5414
    font-weight: 600;
5415
    font-size: 18px;
5416
    text-transform: capitalize;
5417
    border-bottom: 1px solid #e5e5e5;
5418
    padding: 17px 20px;
5419
}
5420
 
5421
.notbar {
5422
    float: left;
5423
    width: 100%;
5424
    border-bottom: 1px solid #e5e5e5;
5425
    padding: 20px;
5426
    position: relative;
5427
}
5428
 
5429
.notbar h4 {
5430
    color: #000000;
5431
    font-size: 16px;
5432
    font-weight: 600;
5433
    margin-bottom: 5px;
5434
}
5435
 
5436
.notbar p {
5437
    color: #686868;
5438
    font-size: 14px;
5439
    line-height: 24px;
5440
    width: 75%;
5441
}
5442
 
5443
.toggle-btn {
5444
    position: absolute;
5445
    top: 35px;
5446
    right: 20px;
5447
}
5448
 
5449
.save-stngs {
5450
    float: left;
5451
    width: 100%;
5452
    padding: 30px 20px 50px 20px;
5453
}
5454
 
5455
.save-stngs.pd2 {
5456
    padding: 25px 20px 42px 20px;
5457
}
5458
 
5459
.save-stngs.pd3 {
5460
    padding: 25px 20px 25px 20px;
5461
}
5462
 
5463
.save-stngs ul li {
5464
    display: inline-block;
5465
    margin-right: 17px;
5466
}
5467
 
5468
.save-stngs ul li button {
5469
    display: inline-block;
5470
    color: #000000;
5471
    font-size: 16px;
5472
    border: 1px solid #e5e5e5;
5473
    height: 40px;
5474
    line-height: 40px;
5475
    padding: 0 22px;
5476
    font-weight: 600;
5477
    background: none;
5478
    cursor: pointer;
5479
}
5480
 
5481
.save-stngs ul li button:hover {
5482
    background-color: #e44d3a;
5483
    color: #fff;
5484
    border-color: transparent;
5485
}
5486
 
5487
/* =============== Password Update ============ */
5488
 
2648 stevensc 5489
.cp-field,
5490
.cp-field2 {
1239 steven 5491
    width: 100%;
5492
}
5493
 
2643 stevensc 5494
@media (min-width: 992px) {
5495
    .cp-field {
2644 stevensc 5496
        width: 47%;
2643 stevensc 5497
    }
2681 stevensc 5498
 
2648 stevensc 5499
    .cp-field2 {
2649 stevensc 5500
        width: 80%;
2648 stevensc 5501
    }
2643 stevensc 5502
}
5503
 
1239 steven 5504
.cp-field h5 {
5505
    color: #000000;
5506
    font-size: 16px;
5507
    font-weight: 600;
5508
    float: left;
5509
    width: 100%;
5510
    margin-bottom: 10px;
5511
}
5512
 
5513
.cp-field h5 a {
5514
    color: #000;
5515
}
5516
 
5517
.cpp-fiel {
5518
    width: 100%;
5519
    position: relative;
5520
}
5521
 
2642 stevensc 5522
.cp-field input,
2644 stevensc 5523
.cp-field select,
5524
.custom-input {
1239 steven 5525
    height: 40px;
5526
    padding: 0 40px;
5527
}
5528
 
5529
.cp-field input,
2642 stevensc 5530
.cp-field textarea,
2644 stevensc 5531
.cp-field select,
5532
.custom-input {
2645 stevensc 5533
    width: 100% !important;
5534
    background-color: #f5f5f5 !important;
5535
    box-shadow: 0 0 2px var(--border-light-gray) !important;
5536
    border-radius: 10px !important;
5537
    border: none !important;
2635 stevensc 5538
    margin-top: 4px;
1239 steven 5539
}
5540
 
5541
.cp-field textarea {
5542
    padding: 20px;
5543
    height: 115px;
5544
}
5545
 
5546
.cpp-fiel i {
5547
    position: absolute;
5548
    top: 12px;
5549
    left: 15px;
5550
    color: #b2b2b2;
5551
    font-size: 16px;
5552
}
5553
 
5554
/* =============== notifications-list ============= */
5555
 
5556
.notifications-list {
5557
    float: left;
5558
    width: 100%;
5559
}
5560
 
5561
.notfication-details {
5562
    float: left;
5563
    width: 100%;
5564
    padding: 20px;
5565
    border-bottom: 1px solid #e5e5e5;
5566
}
5567
 
5568
.notfication-details:last-child {
5569
    border-bottom: 0;
5570
}
5571
 
5572
.noty-user-img {
5573
    float: left;
5574
    width: 35px;
5575
}
5576
 
5577
.noty-user-img img {
5578
    width: 100%;
5579
}
5580
 
5581
.notification-info {
5582
    float: left;
5583
    width: auto;
5584
    padding-left: 10px;
5585
}
5586
 
5587
.notification-info h3 {
5588
    color: #686868;
5589
    font-size: 14px;
5590
    font-weight: 500;
5591
    border: 0;
5592
    padding: 0;
5593
    margin-bottom: 6px;
5594
}
5595
 
5596
.notification-info h3 a {
5597
    color: #000000;
5598
    font-size: 16px;
5599
    font-weight: 600;
5600
    display: inline-block;
5601
}
5602
 
5603
.notification-info>span {
5604
    display: inline-block;
5605
    color: #b2b2b2;
5606
    font-size: 12px;
5607
    font-weight: 600;
5608
}
5609
 
5610
/* ============== requests-list ============== */
5611
 
5612
.requests-list {
5613
    float: left;
5614
    width: 100%;
5615
    padding-bottom: 0;
5616
}
5617
 
5618
.request-details {
5619
    float: left;
5620
    width: 100%;
5621
    padding: 20px;
5622
    border-bottom: 1px solid #e5e5e5;
5623
}
5624
 
5625
.request-details:last-child {
5626
    border-bottom: 0;
5627
}
5628
 
5629
.request-info {
5630
    float: left;
5631
    padding-left: 10px;
5632
}
5633
 
5634
.request-info h3 {
5635
    color: #000000;
5636
    font-size: 14px;
5637
    font-weight: 600;
5638
    padding: 0;
5639
    border: 0;
5640
    margin-bottom: 3px;
5641
}
5642
 
5643
.request-info span {
5644
    color: #686868;
5645
    font-size: 12px;
5646
    display: inline-block;
5647
}
5648
 
5649
.accept-feat {
5650
    float: right;
5651
}
5652
 
5653
.accept-feat ul li {
5654
    display: inline-block;
5655
}
5656
 
5657
.accept-feat ul li button {
5658
    cursor: pointer;
5659
}
5660
 
5661
.accept-req {
5662
    color: #ffffff;
5663
    font-size: 16px;
5664
    background-color: #51a5fb;
5665
    height: 30px;
5666
    padding: 0 20px;
5667
    font-weight: 600;
5668
    border: 0;
5669
    border: 1px solid #51a5fb;
5670
}
5671
 
5672
.close-req {
5673
    height: 30px;
5674
    width: 30px;
5675
    text-align: center;
5676
    line-height: 30px;
5677
    border: 1px solid #e5e5e5;
5678
    background: inherit;
5679
    color: #b2b2b2;
5680
    margin-left: 7px;
5681
}
5682
 
5683
.close-req i {
5684
    font-weight: 600;
5685
}
5686
 
5687
/* ============= Profile Sattus =========== */
5688
 
5689
.profile-bx-details {
5690
    float: left;
5691
    width: 100%;
5692
    padding: 30px 7px 30px 7px;
5693
}
5694
 
5695
.profile-bx-details .row .col-lg-3 {
5696
    padding: 0 7px;
5697
}
5698
 
5699
.profile-bx-info {
5700
    float: left;
5701
    width: 100%;
5702
    background-color: #f2f2f2;
5703
    padding: 20px;
5704
    border: 1px solid #e5e5e5;
5705
}
5706
 
5707
.pro-bx {
5708
    float: left;
5709
    width: 100%;
5710
    border-bottom: 1px solid #e5e5e5;
5711
    padding-bottom: 10px;
5712
}
5713
 
5714
.bx-info {
5715
    float: left;
5716
    margin-top: 7px;
5717
    padding-left: 10px;
5718
}
5719
 
5720
.bx-info h3 {
5721
    color: #e44d3a;
5722
    font-size: 20px;
5723
    font-weight: 600;
5724
    margin-bottom: 5px;
5725
}
5726
 
5727
.bx-info h5 {
5728
    color: #000000;
5729
    font-size: 14px;
5730
    font-weight: 600;
5731
    margin: 0;
5732
    padding: 0;
5733
    border: 0;
5734
}
5735
 
5736
.pd-left-20 {
5737
    padding-left: 20px;
5738
    padding-right: 0;
5739
}
5740
 
5741
.pd-left-15 {
5742
    padding-left: 15px;
5743
    padding-right: 0;
5744
}
5745
 
5746
.pd-left-right {
5747
    padding-left: 15px;
5748
    padding-right: 20px;
5749
}
5750
 
5751
.profile-bx-info>p {
5752
    float: left;
5753
    width: 100%;
5754
    font-size: 14px;
5755
    line-height: 20px;
5756
    padding-top: 5px;
5757
}
5758
 
5759
/* =========== pro-work-status ========= */
5760
 
5761
.pro-work-status {
5762
    float: left;
5763
    width: 100%;
5764
    padding: 0 15px;
5765
}
5766
 
5767
.pro-work-status h4 {
5768
    color: #000000;
5769
    font-size: 18px;
5770
    font-weight: 600;
5771
    margin-bottom: 50px;
5772
}
5773
 
5774
/* ============== messages-page ============== */
5775
 
5776
.messages-page {
5777
    padding: 20px 0;
5778
}
5779
 
5780
.messages-sec {
5781
    width: 100%;
5782
    border-radius: 10px;
5783
    overflow: hidden;
1875 steven 5784
    background-color: transparent;
1239 steven 5785
}
5786
 
5787
.msgs-list {
5788
    width: 100%;
5789
}
5790
 
5791
.inmail_conversations-list {
5792
    border-right: 1px solid #3333;
5793
    padding-left: 0;
5794
    padding-right: 0;
5795
}
5796
 
5797
.msg-title {
5798
    padding: 20px;
5799
    border-bottom: 2px solid #3333;
5800
}
5801
 
2197 stevensc 5802
.active-tab {
1940 steven 5803
    border-bottom: solid 2px #E4E4E4;
5804
}
5805
 
1239 steven 5806
.msg-title>h3 {
5807
    color: #000000;
5808
    font-size: 18px;
5809
    font-weight: 600;
5810
}
5811
 
5812
.msg-title>ul {
5813
    float: right;
5814
    position: relative;
5815
    top: 1px;
5816
}
5817
 
5818
.msg-title ul li {
5819
    display: inline-block;
5820
    margin-right: 15px;
5821
    border-bottom: 1px solid #3333;
5822
}
5823
 
5824
.msg-title ul li:last-child {
5825
    margin-right: 0;
5826
}
5827
 
5828
.msg-title ul li a {
5829
    color: #b2b2b2;
5830
    font-size: 18px;
5831
}
5832
 
5833
.messages-list {
5834
    float: left;
5835
    width: 100%;
2593 stevensc 5836
    overflow-y: scroll;
1239 steven 5837
}
5838
 
2197 stevensc 5839
.date-chat {
2170 steven 5840
    font-size: .6rem;
5841
    color: var(--gray);
5842
    padding-top: 5%;
5843
}
5844
 
1239 steven 5845
.messages-list ul {
5846
    float: left;
5847
    width: 100%;
5848
}
5849
 
2197 stevensc 5850
.text-chat-title {
2171 steven 5851
    color: var(--gray) !important;
5852
    font-size: 1rem;
5853
}
5854
 
1239 steven 5855
.messages-list ul li {
5856
    float: left;
5857
    width: 100%;
1949 steven 5858
    padding: 3%;
1239 steven 5859
    border-bottom: 1px solid #eeeeee;
5860
    cursor: pointer;
5861
}
5862
 
2124 steven 5863
 
1239 steven 5864
.messages-list ul li.active {
5865
    background-color: #efefef;
5866
}
5867
 
5868
.usr-msg-details {
5869
    float: left;
5870
    position: relative;
5871
    width: 100%;
2726 stevensc 5872
    padding: .5rem 1rem;
5873
    border-radius: 10px;
1239 steven 5874
}
5875
 
2726 stevensc 5876
.usr-msg-details:hover {
5877
    background: var(--background-light-gray);
5878
}
5879
 
1239 steven 5880
.usr-ms-img {
5881
    float: left;
5882
    width: 50px;
5883
    position: relative;
5884
}
5885
 
5886
.msg-status {
5887
    -webkit-border-radius: 100px;
5888
    -moz-border-radius: 100px;
5889
    -ms-border-radius: 100px;
5890
    -o-border-radius: 100px;
5891
    border-radius: 100px;
5892
    background-color: #e44d3a;
5893
    position: absolute;
5894
    top: -3px;
5895
    right: 0;
5896
    width: 6px;
5897
    height: 6px;
5898
}
5899
 
5900
.messages-list ul li.active .msg-status {
5901
    border: 2px solid #ecf5fb;
5902
    height: 10px;
5903
    width: 10px;
5904
}
5905
 
5906
.msg-notifc {
5907
    position: absolute;
1872 steven 5908
    /* bottom: 0;
5909
    right: 0; */
1239 steven 5910
    width: 25px;
5911
    height: 25px;
5912
    -webkit-border-radius: 100px;
5913
    -moz-border-radius: 100px;
5914
    -ms-border-radius: 100px;
5915
    -o-border-radius: 100px;
5916
    border-radius: 100px;
5917
    background-color: #e77667;
5918
    text-align: center;
5919
    line-height: 25px;
5920
    font-size: 13px;
5921
    color: #fff;
5922
}
5923
 
5924
.usr-ms-img img {
5925
    width: 100%;
5926
    -webkit-border-radius: 100px;
5927
    -moz-border-radius: 100px;
5928
    -ms-border-radius: 100px;
5929
    -o-border-radius: 100px;
5930
    border-radius: 100px;
5931
}
5932
 
5933
.usr-mg-info {
5934
    float: left;
5935
    padding-left: 13px;
5936
    margin-top: 4px;
5937
}
5938
 
5939
.usr-mg-info h3 {
5940
    color: #000000;
5941
    font-size: 18px;
5942
    font-weight: 600;
5943
}
5944
 
5945
.usr-mg-info p {
5946
    color: #686868;
5947
    font-size: 16px;
5948
}
5949
 
5950
.usr-mg-info p img {
5951
    float: right;
5952
    position: relative;
5953
    top: 5px;
5954
    padding-left: 5px;
5955
}
5956
 
5957
.posted_time {
5958
    position: absolute;
5959
    top: 2px;
5960
    right: 0;
5961
    color: #b2b2b2;
5962
    font-size: 14px;
5963
}
5964
 
5965
/* =============== main-message-box ============= */
5966
 
5967
.main-conversation-box {
5968
    width: 100%;
5969
    background-color: #fff;
5970
    position: relative;
2587 stevensc 5971
    height: 80vh;
5972
    display: grid;
5973
    grid-template-rows: auto 65% auto;
1239 steven 5974
}
5975
 
2748 stevensc 5976
.inmail-conversation-container {
5977
    width: 100%;
5978
    background-color: #fff;
5979
    position: relative;
5980
    height: 80vh;
5981
    gap: .5rem;
5982
    display: grid;
3093 stevensc 5983
    grid-template-rows: 5% 80% 15%;
2748 stevensc 5984
}
5985
 
3093 stevensc 5986
@media (min-width: 992px) {
5987
    .inmail-conversation-container {
5988
        grid-template-rows: 85% 15%;
5989
    }
5990
}
5991
 
2748 stevensc 5992
.inmail-conversation-box {
5993
    width: 100%;
5994
    position: relative;
5995
    display: grid;
2749 stevensc 5996
    grid-template-rows: auto 90%;
5997
    overflow: hidden;
2748 stevensc 5998
}
5999
 
1239 steven 6000
.message-bar-head {
6001
    height: 13vh;
6002
    width: 100%;
6003
    padding: 20px;
1880 steven 6004
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 6005
}
6006
 
6007
.message-bar-head .usr-msg-details {
6008
    width: auto;
6009
}
6010
 
6011
.message-bar-head>a {
6012
    float: right;
6013
    color: #b2b2b2;
6014
    font-size: 20px;
6015
    padding-top: 15px;
6016
}
6017
 
6018
.main-message-box {
6019
    display: flex;
6020
    width: 100%;
6021
    position: relative;
6022
    margin-bottom: 15.5px;
6023
}
6024
 
6025
.messg-usr-img {
6026
    margin-left: 20px;
6027
    width: 50px;
6028
}
6029
 
6030
.messg-usr-img img {
6031
    width: 100%;
6032
    -webkit-border-radius: 100px;
6033
    -moz-border-radius: 100px;
6034
    -ms-border-radius: 100px;
6035
    -o-border-radius: 100px;
6036
    border-radius: 100px;
6037
}
6038
 
6039
.message-dt {
6040
    width: auto;
6041
    margin-left: 15px;
6042
}
6043
 
6044
.main-message-box.ta-right {
6045
    flex-direction: row-reverse;
6046
}
6047
 
6048
.main-message-box.ta-right .messg-usr-img {
6049
    margin-left: 0;
6050
    margin-right: 20px;
6051
}
6052
 
6053
.main-message-box.ta-right .message-dt {
6054
    margin-right: 15px;
6055
}
6056
 
6057
.main-message-box.ta-right .message-dt>span {
6058
    float: right;
6059
    width: auto;
6060
}
6061
 
6062
.message-inner-dt {
6063
    -webkit-border-radius: 15px;
6064
    -moz-border-radius: 15px;
6065
    -ms-border-radius: 15px;
6066
    -o-border-radius: 15px;
6067
    border-radius: 15px;
6068
    width: 100%;
6069
    border-bottom-left-radius: 0;
6070
}
6071
 
6072
.img-bx {
6073
    background-color: #efefef;
6074
    padding: 20px;
6075
}
6076
 
6077
.message-inner-dt>img {
6078
    display: inline-block;
6079
    width: auto;
6080
    margin-right: 5px;
6081
}
6082
 
6083
.message-dt>span {
6084
    color: #b2b2b2;
6085
    font-size: 14px;
6086
    float: left;
6087
    width: 100%;
6088
    margin-top: 7px;
6089
}
6090
 
6091
.message-inner-dt>p {
6092
    font-size: 14px;
6093
    line-height: 22px;
6094
    padding: 2px 10px;
6095
    color: #000;
6096
    -webkit-border-radius: 15px;
6097
    -moz-border-radius: 15px;
6098
    -ms-border-radius: 15px;
6099
    -o-border-radius: 15px;
6100
    border-radius: 15px;
6101
}
6102
 
6103
.message-dt.st3 .message-inner-dt>p {
6104
    background-color: #efefef;
6105
    color: #686868;
6106
    width: auto;
6107
    padding: 10px 15px;
6108
    float: left;
6109
}
6110
 
6111
.message-dt.st3 .message-inner-dt>p img {
6112
    float: right;
6113
    position: relative;
6114
    top: 3px;
6115
    padding-left: 5px;
6116
}
6117
 
6118
.main-message-box.st3 .messg-usr-img {
6119
    bottom: 13px;
6120
}
6121
 
6122
.messages-line {
6123
    width: 100%;
6124
    height: 604px;
6125
}
6126
 
6127
/* ============== message-send-area ============ */
6128
 
6129
.message-send-area {
6130
    width: 100%;
2749 stevensc 6131
    background: #fff;
6132
    padding: .5rem;
6133
    height: fit-content;
1239 steven 6134
}
2197 stevensc 6135
 
6136
.inmail-submit-btn {
1879 steven 6137
    width: 6%;
6138
}
1239 steven 6139
 
6140
.message-send-area form {
6141
    width: 100%;
6142
}
6143
 
6144
.mf-field {
6145
    width: 100%;
6146
    display: flex;
2749 stevensc 6147
    align-items: center;
2588 stevensc 6148
    gap: .5rem;
1239 steven 6149
}
6150
 
2590 stevensc 6151
.chat-header a {
6152
    text-decoration: none;
6153
    color: var(--dark);
6154
}
6155
 
6156
.chat-header h2 {
6157
    font-weight: 700;
6158
    text-align: center;
6159
}
6160
 
2592 stevensc 6161
.chat_contacts {
6162
    display: grid;
6163
    grid-template-rows: auto auto 1fr;
6164
    max-height: 80vh;
6165
}
6166
 
1239 steven 6167
.mf-field input {
6168
    flex: 1;
2749 stevensc 6169
    background-color: #fbf9f9;
2752 stevensc 6170
    border: none;
1239 steven 6171
    color: #b2b2b2;
6172
    font-size: 16px;
6173
    padding: 0 15px;
6174
    height: 45px;
2749 stevensc 6175
    border-radius: 100px;
1239 steven 6176
}
6177
 
6178
 
6179
.message-send-area form>ul {
6180
    float: left;
6181
    width: 100%;
6182
    margin-top: 15px;
6183
}
6184
 
6185
.message-send-area form>ul li {
6186
    display: inline-block;
6187
    margin-right: 20px;
6188
}
6189
 
6190
.message-send-area form>ul li a {
6191
    color: #b2b2b2;
6192
    font-size: 18px;
6193
}
6194
 
6195
/* ============== forum-links ============= */
6196
 
6197
.forum-sec {
6198
    background-color: #fff;
6199
}
6200
 
6201
.forum-links {
6202
    float: left;
6203
    width: 100%;
6204
}
6205
 
6206
.forum-links.active {
6207
    opacity: 1;
6208
    visibility: visible;
6209
    z-index: 9999;
6210
}
6211
 
6212
.forum-links ul li {
6213
    display: inline-block;
6214
    padding: 20px 0;
6215
    margin-right: 45px;
6216
    border-bottom: 2px solid transparent;
6217
}
6218
 
6219
.forum-links ul li.active {
6220
    border-color: #e44d3a;
6221
}
6222
 
6223
.forum-links ul li.active a {
6224
    color: #e44d3a;
6225
}
6226
 
6227
.forum-links ul li a {
6228
    display: inline-block;
6229
    color: #b2b2b2;
6230
    font-size: 14px;
6231
    font-weight: 600;
6232
}
6233
 
6234
.forum-links-btn {
6235
    float: left;
6236
    width: 100%;
6237
    text-align: center;
6238
    display: none;
6239
    padding: 20px 0;
6240
}
6241
 
6242
.forum-links-btn a {
6243
    color: #000;
6244
    font-size: 30px;
6245
    display: inline-block;
6246
}
6247
 
6248
/* ================ forum-page =============== */
6249
 
6250
.forum-page {
6251
    padding: 50px 0;
6252
}
6253
 
6254
.forum-questions-sec {
6255
    float: left;
6256
    width: 100%;
6257
}
6258
 
6259
.forum-questions {
6260
    float: left;
6261
    width: 100%;
6262
    background-color: #fff;
6263
}
6264
 
6265
.usr-question {
6266
    float: left;
6267
    width: 100%;
6268
    position: relative;
6269
    padding: 25px;
6270
    border-bottom: 1px solid #e5e5e5;
6271
}
6272
 
6273
.usr_img {
6274
    float: left;
6275
    width: 60px;
6276
}
6277
 
6278
.usr_img img {
6279
    width: 100%;
6280
    -webkit-border-radius: 100px;
6281
    -moz-border-radius: 100px;
6282
    -ms-border-radius: 100px;
6283
    -o-border-radius: 100px;
6284
    border-radius: 100px;
6285
}
6286
 
6287
.usr_quest {
6288
    float: left;
6289
    width: 90%;
6290
    padding-left: 15px;
6291
}
6292
 
6293
.usr_quest>h3 {
6294
    color: #000000;
6295
    font-size: 17px;
6296
    font-weight: 600;
6297
    margin-bottom: 20px;
6298
}
6299
 
6300
.forum-post-view .usr_quest>h3 {
6301
    margin-bottom: 10px;
6302
}
6303
 
6304
.react-links {
6305
    float: left;
6306
    width: 100%;
6307
}
6308
 
6309
.react-links li {
6310
    display: inline-block;
6311
    margin-right: 30px;
6312
}
6313
 
6314
.react-links li a {
6315
    display: inline-block;
6316
    color: #b2b2b2;
6317
    font-size: 14px;
6318
    font-weight: 600;
6319
}
6320
 
6321
.react-links li a:hover {
6322
    color: #e44d3a;
6323
}
6324
 
6325
.react-links li a i {
6326
    padding-right: 7px;
6327
}
6328
 
6329
.react-links li:last-child {
6330
    margin-right: 0;
6331
}
6332
 
6333
/* ============= quest-tags ============ */
6334
 
6335
.quest-tags {
6336
    float: left;
6337
    width: 100%;
6338
    margin-top: 20px;
6339
}
6340
 
6341
.quest-tags li {
6342
    display: inline-block;
6343
    margin-right: 10px;
6344
}
6345
 
6346
.quest-tags li a {
6347
    display: inline-block;
6348
    color: #ffffff;
6349
    background-color: #53d690;
6350
    -webkit-border-radius: 3px;
6351
    -moz-border-radius: 3px;
6352
    -ms-border-radius: 3px;
6353
    -o-border-radius: 3px;
6354
    border-radius: 3px;
6355
    padding: 7px 25px;
6356
}
6357
 
6358
.quest-posted-time {
6359
    position: absolute;
6360
    bottom: 30px;
6361
    right: 20px;
6362
    color: #b2b2b2;
6363
    font-size: 14px;
6364
}
6365
 
6366
.quest-posted-time i {
6367
    padding-right: 5px;
6368
}
6369
 
6370
.pd-right-none {
6371
    padding-right: 0;
6372
}
6373
 
6374
/* =========== navigation ============ */
6375
 
6376
.pagination {
6377
    float: left;
6378
    width: 100%;
6379
    /* background-color: #fff; */
6380
    padding: 13px 25px;
6381
}
6382
 
6383
.full-pagi {
6384
    float: left;
6385
    width: 100%;
6386
    padding-right: 0;
6387
    text-align: inherit;
6388
    margin-top: 20px;
6389
}
6390
 
6391
.pagination li {
6392
    padding: 0;
6393
    margin-right: 10px;
6394
}
6395
 
6396
.pagination li .page-link {
6397
    /* background-color: #e5e5e5; */
6398
    color: #b2b2b2;
6399
}
6400
 
6401
.pagination li .page-link.active {
6402
    background-color: #e44d3a;
6403
    color: #fff;
6404
    border-color: transparent;
6405
}
6406
 
6407
.pvr {
6408
    padding: 0.5rem 30px;
6409
}
6410
 
6411
/* ============ User Widget =========== */
6412
 
6413
.title-wd {
6414
    float: left;
6415
    width: 100%;
6416
    color: #000000;
6417
    font-size: 18px;
6418
    font-weight: 600;
6419
    border-bottom: 1px solid #e5e5e5;
6420
    padding: 25px 20px;
6421
}
6422
 
6423
.widget-user ul {
6424
    float: left;
6425
    width: 100%;
6426
    padding: 15px 0;
6427
}
6428
 
6429
.widget-user ul li {
6430
    float: left;
6431
    width: 100%;
6432
    padding: 15px 20px;
6433
}
6434
 
6435
.widget-user ul li .usr-msg-details {
6436
    float: left;
6437
    width: auto;
6438
}
6439
 
6440
.widget-user ul li .usr-ms-img {
6441
    width: 35px;
6442
}
6443
 
6444
.widget-user ul li .usr-mg-info h3 {
6445
    font-size: 14px;
6446
}
6447
 
6448
.widget-user ul li .usr-mg-info p {
6449
    font-size: 12px;
6450
}
6451
 
6452
.widget-user ul li>span {
6453
    color: #686868;
6454
    font-size: 16px;
6455
    float: right;
6456
    margin-top: 10px;
6457
}
6458
 
6459
.widget-user ul li>span img {
6460
    padding-right: 5px;
6461
}
6462
 
6463
/* ============== widget-adver ============ */
6464
 
6465
.widget-adver img {
6466
    width: 100%;
6467
}
6468
 
6469
/* ============ forum-post-view ============ */
6470
 
6471
.forum-post-view {
6472
    float: left;
6473
    width: 100%;
6474
    background-color: #fff;
6475
    padding: 25px 25px 0 25px;
6476
    border-bottom: 1px solid #e5e5e5;
6477
}
6478
 
6479
.forum-post-view .usr-question {
6480
    border-bottom: 0;
6481
    padding: 0;
6482
}
6483
 
6484
.forum-post-view .usr_quest span {
6485
    color: #b2b2b2;
6486
    font-size: 14px;
6487
    display: inline-block;
6488
    margin-bottom: 20px;
6489
}
6490
 
6491
.forum-post-view .usr_quest span i {
6492
    padding-right: 7px;
6493
}
6494
 
6495
.forum-post-view .quest-tags {
6496
    margin-bottom: 30px;
6497
}
6498
 
6499
.forum-post-view .usr_quest>p {
6500
    float: left;
6501
    width: 100%;
6502
    color: #686868;
6503
    font-size: 14px;
6504
    line-height: 24px;
6505
    margin-bottom: 40px;
6506
}
6507
 
6508
.forum-post-view .comment-section {
6509
    padding: 0;
6510
}
6511
 
6512
.forum-post-view .comment-section>h3 {
6513
    float: left;
6514
    width: 100%;
6515
    color: #000000;
6516
    font-size: 18px;
6517
    font-weight: 600;
6518
    border-bottom: 1px solid #e5e5e5;
6519
    padding-bottom: 15px;
6520
}
6521
 
6522
.forum-post-view .comment-sec ul li {
6523
    border-bottom: 1px solid #e5e5e5;
6524
    padding: 23px 0;
6525
}
6526
 
6527
.forum-post-view .comment span {
6528
    margin-bottom: 10px;
6529
}
6530
 
6531
.forum-post-view .comment-list {
6532
    padding-bottom: 0;
6533
    margin-bottom: -4px;
6534
}
6535
 
6536
.forum-post-view .comment p {
6537
    margin: 0;
6538
    margin-top: 5px;
6539
}
6540
 
6541
.forum-post-view .comment h3 {
6542
    margin-bottom: 9px;
6543
}
6544
 
6545
.forum-post-view .comment-sec ul li:last-child {
6546
    border-bottom: 0;
6547
}
6548
 
6549
/* =============== post-comment-box ============= */
6550
 
6551
.post-comment-box {
6552
    float: left;
6553
    width: 100%;
6554
    padding: 20px;
6555
    background-color: #fff;
6556
}
6557
 
6558
.post-comment-box h3 {
6559
    float: left;
6560
    width: 100%;
6561
    color: #000000;
6562
    font-size: 18px;
6563
    font-weight: 600;
6564
    margin-bottom: 30px;
6565
}
6566
 
6567
.user-poster {
6568
    float: left;
6569
    width: 100%;
6570
}
6571
 
6572
.usr-post-img {
6573
    float: left;
6574
    width: 50px;
6575
    margin-right: 15px;
6576
}
6577
 
6578
.usr-post-img img {
6579
    width: 100%;
6580
    -webkit-border-radius: 100px;
6581
    -moz-border-radius: 100px;
6582
    -ms-border-radius: 100px;
6583
    -o-border-radius: 100px;
6584
    border-radius: 100px;
6585
}
6586
 
6587
.post_comment_sec {
6588
    float: left;
6589
    width: 90%;
6590
}
6591
 
6592
.post_comment_sec form {
6593
    float: left;
6594
    width: 100%;
6595
}
6596
 
6597
.post_comment_sec form textarea {
6598
    float: left;
6599
    width: 100%;
6600
    height: 130px;
6601
    border: 1px solid #dce2eb;
6602
    padding: 15px;
6603
    resize: none;
6604
}
6605
 
6606
.post_comment_sec form button {
6607
    color: #ffffff;
6608
    font-size: 14px;
6609
    background-color: #e44d3a;
6610
    padding: 10px 25px;
6611
    border: 0;
6612
    font-weight: 600;
6613
    margin-top: 20px;
6614
    cursor: pointer;
6615
}
6616
 
6617
/* ======== next-prev ========*/
6618
 
6619
.next-prev {
6620
    float: left;
6621
    width: 100%;
6622
    background-color: #fff;
6623
    margin-top: 20px;
6624
    padding: 12px 25px;
6625
}
6626
 
6627
.next-prev>a {
6628
    width: 90px;
6629
    height: 35px;
6630
    text-align: center;
6631
    line-height: 35px;
6632
    color: #b2b2b2;
6633
    font-size: 14px;
6634
    background-color: #e5e5e5;
6635
}
6636
 
6637
.next-prev>a:hover {
6638
    color: #fff;
6639
    background-color: #e44d3a;
6640
}
6641
 
6642
.fl-left {
6643
    float: left;
6644
}
6645
 
6646
.fl-right {
6647
    float: right;
6648
}
6649
 
6650
/* ========== widget-feat ========= */
6651
 
6652
.widget-feat {
6653
    padding: 25px 20px;
6654
}
6655
 
6656
.widget-feat ul {
6657
    float: left;
6658
    width: 100%;
6659
}
6660
 
6661
.widget-feat ul li {
6662
    float: left;
6663
    width: 25%;
6664
    text-align: center;
6665
}
6666
 
6667
.widget-feat ul li i {
6668
    display: block;
6669
    font-size: 18px;
6670
    margin-bottom: 9px;
6671
}
6672
 
6673
.widget-feat ul li span {
6674
    display: block;
6675
    color: #686868;
6676
    font-size: 16px;
6677
    font-weight: 500;
6678
}
6679
 
6680
.widget-feat ul li i.fa-heart {
6681
    color: #53d690;
6682
}
6683
 
6684
.widget-feat ul li i.fa-comment {
6685
    color: #e44d3a;
6686
}
6687
 
6688
.widget-feat ul li i.fa-share-alt {
6689
    color: #51a5fb;
6690
}
6691
 
6692
.widget-feat ul li i.fa-eye {
6693
    color: #00b540;
6694
}
6695
 
6696
/* =============== ANIMATION LOADER =============== */
6697
 
6698
.spinner {
6699
    margin: 0 auto 0;
6700
    width: 80px;
6701
    text-align: center;
6702
    height: 80px;
6703
    border-radius: 100px;
6704
    background-color: #fff;
6705
    line-height: 80px;
6706
    border: 1px solid #e1e1e1;
6707
    cursor: pointer;
6708
}
6709
 
6710
.spinner>div {
6711
    width: 15px;
6712
    height: 15px;
6713
    background-color: #b9b9b9;
6714
    border-radius: 100%;
6715
    display: inline-block;
6716
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6717
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6718
}
6719
 
6720
.spinner .bounce1 {
6721
    -webkit-animation-delay: -0.32s;
6722
    animation-delay: -0.32s;
6723
}
6724
 
6725
.spinner .bounce2 {
6726
    -webkit-animation-delay: -0.16s;
6727
    animation-delay: -0.16s;
6728
}
6729
 
6730
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6731
 
1239 steven 6732
    0%,
6733
    80%,
6734
    100% {
6735
        -webkit-transform: scale(0);
6736
    }
2197 stevensc 6737
 
1239 steven 6738
    40% {
6739
        -webkit-transform: scale(1);
6740
    }
6741
}
6742
 
6743
@keyframes sk-bouncedelay {
2197 stevensc 6744
 
1239 steven 6745
    0%,
6746
    80%,
6747
    100% {
6748
        -webkit-transform: scale(0);
6749
        transform: scale(0);
6750
    }
2197 stevensc 6751
 
1239 steven 6752
    40% {
6753
        -webkit-transform: scale(1);
6754
        transform: scale(1);
6755
    }
6756
}
6757
 
6758
.wordpressdevlp {
6759
    background-color: #fff;
6760
}
6761
 
6762
.bgclr {
6763
    background-color: #fff;
6764
    margin-bottom: 15px;
6765
}
6766
 
6767
.cadidatesbtn {
6768
    position: absolute;
6769
    left: 0;
6770
    padding-top: 5px;
6771
}
6772
 
6773
.cadidatesbtn button {
6774
    background-color: #e44d3a;
6775
    border: none;
6776
    margin-top: -3px;
6777
}
6778
 
6779
.cadidatesbtn button:hover {
6780
    background-color: #e44d3a;
6781
}
6782
 
6783
.cadidatesbtn span {
6784
    background-color: #bd2e1c;
6785
    color: #fff;
6786
    margin-right: 10px;
6787
    padding: 0.25em 0.5em;
6788
    font-weight: 600;
6789
    font-size: 12px;
6790
}
6791
 
6792
.wordpressdevlp i {
6793
    color: #e86554;
6794
    font-size: 18px;
6795
    font-weight: bold;
6796
    padding-right: 5px;
6797
}
6798
 
6799
.wordpressdevlp h2 {
6800
    font-size: 18px;
6801
    font-weight: 600;
6802
}
6803
 
6804
.cadidatesbtn i {
6805
    color: #b2b2b2;
6806
    border: 1px solid #b2b2b2;
6807
    font-size: 14px;
6808
    text-align: center;
6809
    margin-left: 7px;
6810
    border-radius: 3px;
6811
    padding: 10px;
6812
}
6813
 
6814
.cadidatesbtn i:hover {
6815
    background-color: #e44d3a;
6816
    color: #fff;
6817
    border: 1px solid #e44d3a;
6818
}
6819
 
6820
.inner {
6821
    border-bottom: 2px solid #e5e5e5;
6822
    padding-bottom: 10px;
6823
}
6824
 
6825
.inner li a:hover {
6826
    color: #e44d3a;
6827
    border-bottom: 2px solid #e44d3a;
6828
    padding-bottom: 9px;
6829
}
6830
 
6831
.inner li a {
6832
    color: #000000;
6833
}
6834
 
6835
.posttext {
6836
    position: absolute;
6837
    left: 0;
6838
}
6839
 
6840
.deatile h3 {
6841
    font-size: 14px;
6842
    font-weight: bold;
6843
    padding-bottom: 5px;
6844
}
6845
 
6846
.clrbtn a {
6847
    background-color: #e44d3a;
6848
    color: #fff;
6849
    padding: 5px 10px 5px 10px;
6850
    margin-right: 15px;
6851
}
6852
 
6853
.transpairentbtn a {
6854
    color: #222;
6855
    border: 2px solid #f1f1f1;
6856
    padding: 5px 10px 5px 10px;
6857
}
6858
 
6859
.savetext h3 {
6860
    font-size: 14px;
6861
    font-weight: bold;
6862
    padding-bottom: 5px;
6863
}
6864
 
6865
.devepbtn .clrbtn {
6866
    padding: 7px 20px;
6867
}
6868
 
6869
.devepbtn a {
6870
    color: #666666;
6871
    border: 1px solid #b2b2b2;
6872
    padding: 7px 10px 7px 10px;
6873
    border-radius: 3px;
6874
    margin-right: 5px;
6875
}
6876
 
6877
.devepbtn a:hover i {
6878
    color: #fff;
6879
}
6880
 
6881
.devepbtn a:hover {
6882
    background-color: #e44d3a;
6883
    color: #fff;
6884
}
6885
 
6886
.rew-reply hr {
6887
    margin-left: -20px;
6888
    margin-right: -20px;
6889
}
6890
 
6891
.rew-reply p {
6892
    padding-left: 20px;
6893
}
6894
 
6895
.rew-reply ul {
6896
    padding-left: 20px;
6897
}
6898
 
6899
.devepbtn {
6900
    margin-top: 30px;
6901
    padding-left: 20px;
6902
}
6903
 
6904
.rep-thanks hr {
6905
    margin-right: -20px;
6906
    margin-left: -20px;
6907
}
6908
 
6909
.profilecnd {
6910
    margin-bottom: 0px;
6911
}
6912
 
6913
.devepbtn i {
6914
    color: #b2b2b2;
6915
    font-size: 14px;
6916
}
6917
 
6918
.appliedinfo {
6919
    padding-left: 0;
6920
    padding-top: 20px !important;
6921
    padding-bottom: 10px;
6922
}
6923
 
6924
.epi2 {
6925
    padding: 0;
6926
}
6927
 
6928
.review a {
6929
    line-height: 16px;
6930
    font-size: 14px;
6931
    text-decoration: none;
6932
    font-weight: 500;
6933
    margin-left: 15px;
6934
}
6935
 
6936
.add-pic-box {
6937
    display: inline-block;
6938
    color: #e44d3a;
6939
    font-size: 16px;
6940
    position: absolute;
6941
    top: 30px;
6942
    right: 0;
6943
    font-weight: 600;
6944
    margin-right: 0;
6945
    width: 100%;
6946
}
6947
 
6948
.add-pic-box [type="file"] {
6949
    height: 0;
6950
    overflow: hidden;
6951
    width: 0;
6952
    float: left;
6953
}
6954
 
6955
.add-pic-box [type="file"]+label {
6956
    background: #fff;
6957
    border: 2px solid #e44d3a;
6958
    border-radius: 3px;
6959
    color: #e44d3a;
6960
    cursor: pointer;
6961
    /* display: inline-block; */
6962
    font-size: 15px;
6963
    font-weight: 600;
6964
    outline: none;
6965
    padding: 12px 20px;
6966
    position: relative;
6967
    transition: all 0.3s;
6968
    vertical-align: middle;
6969
    margin: 0;
6970
    float: right;
6971
    text-transform: uppercase;
6972
}
6973
 
6974
.add-pic-box [type="file"]+label:hover {
6975
    background: #e44d3a;
6976
    color: #fff;
6977
}
6978
 
6979
.noreview li i {
6980
    color: #b2b2b2;
6981
}
6982
 
6983
.review-tb {
6984
    margin: 0 0 10px;
6985
    padding-left: 20px;
6986
}
6987
 
6988
.noreview ul li i {
6989
    color: #b2b2b2;
6990
}
6991
 
6992
.mngdetl {
6993
    border-bottom: none;
6994
}
6995
 
6996
.post-reply {
6997
    padding-top: 0;
6998
    padding-bottom: 0;
6999
}
7000
 
7001
.activebidbtn i:hover {
7002
    background-color: #e44d3a;
7003
    color: #fff;
7004
    border: none;
7005
}
7006
 
7007
.reviewtitle h2 {
7008
    font-size: 17px;
7009
    font-weight: 600;
7010
}
7011
 
7012
.horiline {
7013
    width: 118%;
7014
    position: relative;
7015
    left: -40px;
7016
}
7017
 
7018
.tahnks {
7019
    font-weight: 500;
7020
    margin-top: 5px;
7021
}
7022
 
7023
/*about-page*/
7024
 
7025
.banner span {
7026
    position: absolute;
7027
    display: flex;
7028
    background-color: #222;
7029
    width: 100%;
7030
    opacity: 0.9;
7031
    justify-content: center;
7032
    padding: 10px;
7033
    margin-top: 0;
7034
    color: #fff;
7035
}
7036
 
7037
.innertitle {
7038
    margin-top: 130px;
7039
}
7040
 
7041
.Company-overview {
7042
    padding-bottom: 50px;
7043
}
7044
 
7045
.bennertext {
7046
    position: absolute;
7047
    left: 20%;
7048
    right: 20%;
7049
    text-align: center;
7050
}
7051
 
7052
.bannerimage img {
7053
    height: 100%;
7054
}
7055
 
7056
.innertitle h2 {
7057
    color: #fff;
7058
    font-size: 30px;
7059
    line-height: 32px;
7060
    font-weight: 600;
7061
    margin-bottom: 20px;
7062
}
7063
 
7064
.innertitle p {
7065
    color: #fff;
7066
    font-size: 16px;
7067
}
7068
 
7069
.Company-overview h2 {
7070
    padding-top: 100px;
7071
    font-size: 24px;
7072
    font-weight: 600;
7073
    padding-bottom: 12px;
7074
}
7075
 
7076
.Company-overview p {
7077
    font-size: 15px;
7078
    font-weight: 500;
7079
}
7080
 
7081
.Company-overview img {
7082
    float: right;
7083
    padding-top: 25px;
7084
}
7085
 
7086
.blog {
7087
    text-align: center;
7088
    display: inline-block;
7089
    margin-bottom: 50px;
7090
}
7091
 
7092
.blog img {
7093
    padding-bottom: 30px;
7094
}
7095
 
7096
.blog h2 {
7097
    font-size: 18px;
7098
    font-weight: 600;
7099
    padding-bottom: 30px;
7100
}
7101
 
7102
.blog a {
7103
    background-color: #ff4500;
7104
    color: #fff;
7105
    padding: 7px 25px 7px 25px;
7106
    border-radius: 3px;
7107
    font-size: 16px;
7108
    font-weight: 500;
7109
}
7110
 
7111
.services {
7112
    padding-top: 80px;
7113
    padding-bottom: 80px;
7114
}
7115
 
7116
.video {
7117
    padding-bottom: 40px;
7118
}
7119
 
7120
.search-container {
7121
    text-align: center;
7122
}
7123
 
7124
.search-container input[type="text"] {
7125
    padding: 6px 15px;
7126
    margin-top: 8px;
7127
    font-size: 17px;
7128
    border: none;
7129
    height: 50px;
7130
    width: 50%;
7131
    margin-bottom: 25px;
7132
    border-top-left-radius: 3px;
7133
    border-top-right-radius: 0px;
7134
    border-bottom-left-radius: 3px;
7135
    border-bottom-right-radius: 0px;
7136
}
7137
 
7138
.searchtitle {
7139
    text-align: center;
7140
}
7141
 
7142
.searchtitle h2 {
7143
    color: #fff;
7144
    font-size: 30px;
7145
    font-weight: 400;
7146
    padding-bottom: 10px;
7147
}
7148
 
7149
.modal-header {
7150
    position: relative;
7151
}
7152
 
7153
.modal-header h3 {
7154
    font-size: 18px;
7155
}
7156
 
7157
.search-container button {
7158
    padding: 8px 10px;
7159
    text-align: center;
7160
    margin-top: 8px;
7161
    margin-left: -3px;
7162
    margin-right: 18px;
7163
    background: #efefef;
7164
    font-size: 17px;
7165
    border: none;
7166
    cursor: pointer;
7167
    height: 50px;
7168
    width: 6%;
7169
    border-bottom-right-radius: 3px;
7170
    border-top-right-radius: 3px;
7171
}
7172
 
7173
.topsearch i {
7174
    color: #e44d3a;
7175
}
7176
 
7177
.dropdown-toggle::after {
7178
    position: absolute;
7179
    right: 15px;
7180
    color: #b2b2b2;
7181
    top: 7px;
7182
}
7183
 
7184
.help-paddy {
7185
    padding: 0 !important;
7186
}
7187
 
7188
.paddy {
7189
    padding: 20px;
7190
    float: left;
7191
}
7192
 
7193
.dropdown-menu {
7194
    position: absolute;
7195
    top: 100%;
7196
    left: 0;
7197
    z-index: 1000;
7198
    display: none;
7199
    float: left;
7200
    min-width: 10rem;
7201
    padding: 0.5rem 0;
7202
    margin: 0.125rem 0 0;
7203
    font-size: 1rem;
7204
    color: #212529;
7205
    text-align: left;
7206
    list-style: none;
7207
    background-color: #fff;
7208
    width: 100%;
7209
    background-clip: padding-box;
7210
    border: none;
7211
    border-radius: 0.25rem;
7212
}
7213
 
7214
.radio-form p {
7215
    display: -webkit-inline-box;
7216
}
7217
 
7218
.dropdown a {
7219
    color: #000000;
7220
    font-size: 16px;
7221
    font-weight: 400;
7222
    padding: 0 20px;
7223
}
7224
 
7225
.accountnone {
7226
    border: none;
7227
}
7228
 
7229
.helpforum {
7230
    background-color: #fff;
7231
    padding: 15px 0;
7232
    box-shadow: 0px 2px #c6c6c6;
7233
}
7234
 
7235
.helpforum h3 {
7236
    font-size: 18px;
7237
    font-weight: 600;
7238
}
7239
 
7240
.helpforum a {
7241
    background-color: #e44d3a;
7242
    color: #fff;
7243
    padding: 10px 15px 10px 15px;
7244
    line-height: 4;
7245
    border-radius: 3px;
7246
}
7247
 
7248
.helpforum p {
7249
    line-height: 3;
7250
}
7251
 
7252
.actionstitle h3 {
7253
    font-size: 18px;
7254
    font-weight: 400;
7255
    color: #000;
7256
    padding-top: 30px;
7257
}
7258
 
7259
.actionstitle img {
7260
    padding-right: 10px;
7261
}
7262
 
7263
.actionstext a {
7264
    font-size: 16px;
7265
    font-weight: 500;
7266
    color: #e44d3a;
7267
    line-height: 2;
7268
    display: block;
7269
}
7270
 
7271
.helpform {
7272
    text-align: center;
7273
    padding-top: 70px;
7274
}
7275
 
7276
.helpform h3 {
7277
    font-size: 18px;
7278
    font-weight: 400;
7279
    color: #e44d3a;
7280
    margin-bottom: 10px;
7281
}
7282
 
7283
.helpform a {
7284
    background-color: #e44d3a;
7285
    color: #fff;
7286
    padding: 10px 15px 10px 15px;
7287
    border-radius: 3px;
7288
}
7289
 
7290
.helpform p {
7291
    margin-bottom: 30px;
7292
}
7293
 
7294
.helpform img {
7295
    float: unset;
7296
    padding-bottom: 10px;
7297
}
7298
 
7299
.bookingsideber h3 {
7300
    color: #000;
7301
}
7302
 
7303
.bookingsideber h3:active {
7304
    color: #e44d3a;
7305
}
7306
 
7307
.helpforum h4 {
7308
    font-size: 16px;
7309
    font-weight: 600;
7310
}
7311
 
7312
.bloktext {
7313
    padding-left: 25px;
7314
}
7315
 
7316
.privacy {
7317
    background-color: #fff;
7318
    height: 850px;
7319
}
7320
 
7321
.privacydropd .dropdown-toggle::after {
7322
    float: right;
7323
    vertical-align: 0.255em;
7324
}
7325
 
7326
/* .checkbox {} */
7327
 
7328
.form-check {
7329
    padding-left: 0;
7330
}
7331
 
7332
.btns a {
7333
    color: #000;
7334
    border: 1px solid #e5e5e5;
7335
    padding: 10px 25px 10px 25px;
7336
    margin-left: 15px;
7337
    border-radius: 5px;
7338
    font-weight: 600;
7339
}
7340
 
7341
.btns {
7342
    padding-top: 20px;
7343
}
7344
 
7345
.btns a:hover {
7346
    background-color: #e44d3a;
7347
    color: #fff;
7348
}
7349
 
7350
.privacy h3 {
7351
    font-size: 18px;
7352
    font-weight: 600;
7353
    padding-top: 18px;
7354
    margin-bottom: 10px;
7355
}
7356
 
7357
.privacy p {
7358
    padding-top: 0px;
7359
    display: inline-block;
7360
}
7361
 
7362
.form-group {
7363
    margin-bottom: 1rem;
7364
    padding-top: 0px;
7365
}
7366
 
7367
.privacy i {
7368
    float: right;
7369
    color: #e44d3a;
7370
    font-size: 20px;
7371
    font-weight: 600;
7372
}
7373
 
7374
.dropdown-menu input {
7375
    margin-right: 10px;
7376
    margin-top: 15px;
7377
}
7378
 
7379
.dropdown-menu a {
7380
    padding: 10px 0 10px 40px;
7381
    margin-bottom: 10px;
7382
}
7383
 
7384
.dropdown-menu form {
7385
    margin-bottom: 10px;
7386
    margin-top: 10px;
7387
}
7388
 
7389
.privacydropd p {
7390
    margin-left: 20px;
7391
    margin-top: 5px;
7392
}
7393
 
7394
.privabtns {
7395
    margin-top: 20px;
7396
}
7397
 
7398
.privabtns {
7399
    padding-bottom: 15px;
7400
}
7401
 
7402
.privabtns a {
7403
    margin-right: 15px;
7404
    padding: 8px 25px;
7405
    color: #000000;
7406
    border: 1px solid #e5e5e5;
7407
}
7408
 
7409
.privabtns a:hover {
7410
    color: #fff;
7411
    background-color: #e44d3a;
7412
}
7413
 
7414
.privac {
7415
    background-color: #fff;
7416
    height: 560px;
7417
    padding-top: 20px;
7418
}
7419
 
7420
.privac h3 {
7421
    font-size: 18px;
7422
    font-weight: 600;
7423
}
7424
 
7425
.bids-detail ul {
7426
    display: -webkit-inline-box;
7427
}
7428
 
7429
.bids-detail ul li {
7430
    margin-right: 30px;
7431
}
7432
 
7433
.bids-detail h3 {
7434
    font-size: 16px;
7435
    font-weight: 400;
7436
}
7437
 
7438
.bids-detail {
7439
    background-color: #fff;
7440
    padding: 20px;
7441
    margin-bottom: 25px;
7442
    box-shadow: 0px 2px #e4e4e4;
7443
}
7444
 
7445
.dropdown-menu.show {
7446
    display: contents;
7447
}
7448
 
7449
.postpaid:checked:after {
7450
    content: "\f17b";
7451
    font: normal normal normal 16px/1 "LineAwesome";
7452
    font-weight: 600;
7453
    border: 1px solid #fff;
7454
    color: #ffffff;
7455
    text-align: center;
7456
    font-size: 12px;
7457
    width: 100%;
7458
    height: 100%;
7459
    background: #e44d3a;
7460
    display: block;
7461
    border-radius: 50%;
7462
    padding-top: 3px;
7463
}
7464
 
7465
.postpaid:focus {
7466
    border: 1px solid #fff;
7467
    width: 25px;
7468
    height: 25px;
7469
}
7470
 
7471
.postpaid {
7472
    -webkit-appearance: none;
7473
    content: "";
7474
    width: 20px;
7475
    height: 20px;
7476
    border-radius: 50%;
7477
    border: 1px solid #5e5e5e;
7478
    outline: 0;
7479
    margin-right: 5px;
7480
}
7481
 
7482
/* .main-ws-sec .job-status-bar {} */
7483
 
7484
.main-ws-sec .btm-line {
7485
    padding-bottom: 20px !important;
7486
    border-bottom: 1px solid #e5e5e5 !important;
7487
    margin-bottom: 20px;
7488
}
7489
 
7490
.job-status-bar hr {
7491
    margin: 0 -40px;
7492
}
7493
 
7494
.reply-area {
7495
    padding-left: 55px;
7496
}
7497
 
7498
.reply-rply1 {
7499
    margin: 24px 0;
7500
}
7501
 
7502
.reply-area p {
7503
    padding-bottom: 10px;
7504
}
7505
 
7506
.reply-area span {
7507
    cursor: pointer;
7508
}
7509
 
7510
.reply-area span:hover {
7511
    color: #e44d3a;
7512
}
7513
 
7514
.reply-area i {
7515
    font-size: 16px;
7516
    font-weight: 600;
7517
    padding-right: 8px;
7518
}
7519
 
7520
.comment-area .la-plus-circle {
7521
    display: block;
7522
    text-align: center;
7523
    font-size: 40px;
7524
    color: #b2b2b2;
7525
}
7526
 
7527
.reply-area span {
7528
    padding-top: 5px;
7529
    color: #b2b2b2;
7530
}
7531
 
7532
.comt span {
7533
    font-size: 16px;
7534
    color: #666666;
7535
}
7536
 
7537
.comt i {
7538
    padding-right: 8px;
7539
}
7540
 
7541
.postcomment .form-control {
7542
    width: 112%;
7543
    margin-left: -50px;
7544
    background-color: #efefef;
7545
    border-radius: 3px;
7546
}
7547
 
7548
.postcomment a {
7549
    background-color: #e44d3a;
7550
    color: #fff;
7551
    padding: 9px 25px 8px 25px;
7552
    line-height: 37px;
7553
    border-radius: 3px;
7554
}
7555
 
7556
.postcomment {
7557
    padding-top: 30px;
7558
}
7559
 
7560
.widget-about button:focus {
7561
    box-shadow: none;
7562
}
7563
 
7564
.widget-about button:hover {
7565
    background-color: #e44d3a;
7566
}
7567
 
7568
.widget-about button {
7569
    background-color: #e44d3a;
7570
    border: none;
7571
    padding: 12px 0;
7572
    width: 100%;
7573
}
7574
 
7575
.widget-about p {
7576
    background-color: #e44d3a;
7577
    color: #fff;
7578
    padding: 10px 0;
7579
}
7580
 
7581
.widget-projectid {
7582
    padding: 15px;
7583
}
7584
 
7585
.widget-projectid h3 {
7586
    padding-bottom: 7px;
7587
    font-size: 14px;
7588
    font-weight: 600;
7589
}
7590
 
7591
.sd-title h4 {
7592
    margin-bottom: 5px;
7593
    font-size: 16px;
7594
    font-weight: 600;
7595
    line-height: 24px;
7596
}
7597
 
7598
.paymethd p {
7599
    color: #e44d3a;
7600
}
7601
 
7602
.copylink p {
7603
    background-color: #efefef;
7604
    padding: 7px 0 8px 10px;
7605
}
7606
 
7607
.copylink a {
7608
    background-color: #e44d3a;
7609
    color: #fff;
7610
    padding: 10px 15px 10px 15px;
7611
    border-radius: 4px;
7612
}
7613
 
7614
.copylink span {
7615
    padding: 30px 0 20px;
7616
}
7617
 
7618
.copylink i {
7619
    float: unset;
7620
    position: unset;
7621
}
7622
 
7623
.copylink .la-facebook {
7624
    background-color: #3b5998;
7625
    color: #fff;
7626
}
7627
 
7628
.copylink .la-twitter {
7629
    color: #1da1f2;
7630
}
7631
 
7632
.copylink .la-pinterest-p {
7633
    background-color: #fff;
7634
    color: #c11628;
7635
    border-radius: 50%;
7636
}
7637
 
7638
.copylink img {
7639
    padding-right: 10px;
7640
}
7641
 
7642
.freelancerbiding {
7643
    background-color: #fff;
7644
    padding-top: 20px;
7645
}
7646
 
7647
.freelancerbiding h3 {
7648
    font-size: 18px;
7649
    font-weight: 400;
7650
}
7651
 
7652
.repcent {
7653
    text-align: left;
7654
}
7655
 
7656
.bidrit {
7657
    float: right;
7658
}
7659
 
7660
.repcent i {
7661
    padding-left: 5px;
7662
}
7663
 
7664
.star {
7665
    display: inline-flex;
7666
    padding: 5px 0;
7667
}
7668
 
7669
.star li i {
7670
    color: #bfd337;
7671
}
7672
 
7673
.repcent span {
7674
    color: #51a5fb;
7675
}
7676
 
7677
.repcent p {
7678
    padding-left: 7px;
7679
}
7680
 
7681
.noreview ul li i {
7682
    color: #b2b2b2;
7683
}
7684
 
7685
.paymethd .star li i {
7686
    position: unset;
7687
    font-size: 14px;
7688
}
7689
 
7690
.paymethd .star a {
7691
    color: #51a5fb;
7692
    padding-left: 12px;
7693
}
7694
 
7695
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7696
 
7697
.modal-body {
7698
    padding: 1rem 0;
7699
}
7700
 
7701
.notice {
7702
    background-color: #ddf3ff;
7703
    padding: 15px;
7704
}
7705
 
7706
.notice span {
7707
    font-weight: 500;
7708
    padding-right: 5px;
7709
}
7710
 
7711
.innerbody {
7712
    padding: 15px;
7713
}
7714
 
7715
.innerbody h3 {
7716
    font-size: 18px;
7717
    font-weight: 600;
7718
}
7719
 
7720
.innerbody h4 {
7721
    font-weight: 600;
7722
    font-size: 14px;
7723
    margin-left: -15px;
7724
    float: left;
7725
}
7726
 
7727
.delivery .input-group select {
7728
    width: 150px;
7729
    height: 50px !important;
7730
    font-size: 19px;
7731
    border: 1px solid #e5e5e5;
7732
    border-radius: 3px;
7733
}
7734
 
7735
.input-group-prepend {
7736
    background-color: #f3f3f3;
7737
    color: #bfbfbf;
7738
    text-align: center;
7739
    line-height: 3;
7740
    border: 1px solid #e5e5e5;
7741
}
7742
 
7743
.input-group-text {
7744
    color: #666666 !important;
7745
    background-color: #f5f5f5 !important;
7746
    border: 0px !important;
7747
    border-radius: 3px !important;
7748
}
7749
 
7750
.place-bid-form {
7751
    position: relative;
7752
    left: 20px;
7753
    top: -15px;
7754
    padding-bottom: 15px;
7755
}
7756
 
7757
.place-bid-form .input-group input {
7758
    width: 70px;
7759
    border: 1px solid #e5e5e5;
7760
}
7761
 
7762
.paydel {
7763
    padding: 40px 0 0;
7764
}
7765
 
7766
.beatcompitation {
7767
    background-color: #f3f3f3;
7768
    padding: 15px;
7769
}
7770
 
7771
.beatcompitation h3 {
7772
    font-weight: 500;
7773
}
7774
 
7775
.sponser i {
7776
    background-color: #e44d3a;
7777
    color: #fff;
7778
    margin-right: 5px;
7779
    padding: 2px;
7780
}
7781
 
7782
.sponser h2 {
7783
    font-size: 18px;
7784
    font-weight: 600;
7785
    padding-top: 15px;
7786
    padding-bottom: 15px;
7787
}
7788
 
7789
.sponser {
7790
    padding: 15px;
7791
}
7792
 
7793
.modal-footer {
7794
    display: block !important;
7795
    border-top: none;
7796
    padding: 1rem 0;
7797
}
7798
 
7799
.modal-footer button {
7800
    font-size: 15px;
7801
    font-weight: 500;
7802
    background-color: unset;
7803
    border: none;
7804
    padding: 10px;
7805
    border: 1px solid #d2d2d2;
7806
    border-radius: 3px;
7807
}
7808
 
7809
.modal-footer button:hover {
7810
    background-color: #e44d3a;
7811
    /* color: #fff; */
7812
    /* border: 1px solid #e44d3a; */
7813
}
7814
 
7815
.place-bid-btn {
7816
    font-size: 15px;
7817
    font-weight: 500;
7818
    color: #fff !important;
7819
    background-color: #e44d3a !important;
7820
    border: none;
7821
    padding: 10px;
7822
    border: 1px solid #e44d3a;
7823
    border-radius: 3px;
7824
}
7825
 
7826
.usy-dt .reply {
7827
    margin: 3px 0 0 10px;
7828
    width: 360px;
7829
    height: 40px;
7830
    background-color: #efefef;
7831
    border: 1px solid #e5e5e5;
7832
    padding-left: 10px;
7833
    border-radius: 3px;
7834
}
7835
 
7836
.replybtn {
7837
    background-color: #e44d3a;
7838
    color: #fff;
7839
    padding: 10px;
7840
    margin-left: 15px;
7841
    border-radius: 3px;
7842
}
7843
 
7844
.replybtn:hover {
7845
    color: #fff;
7846
}
7847
 
7848
.rewivew ul li {
7849
    margin-right: 5px !important;
7850
}
7851
 
7852
.security hr {
7853
    margin-right: -15px;
7854
    margin-left: -15px;
7855
}
7856
 
7857
.privacy .la-check {
7858
    float: left;
7859
    font-size: 12px;
7860
    margin: 5px 5px 0 0;
7861
    padding: 3px;
7862
    background-color: #e44d3a;
7863
    color: #fff;
7864
    border-radius: 50%;
7865
}
7866
 
7867
ul#myTab {
7868
    border-bottom: 1px solid #e5e5e5;
7869
}
7870
 
7871
.nav-tabs .nav-link {
7872
    border: none;
7873
}
7874
 
7875
.noborder {
7876
    border-bottom: none;
7877
}
7878
 
7879
.manbids {
7880
    margin-bottom: 0 !important;
7881
}
7882
 
7883
.noreply {
7884
    padding-top: 30px;
7885
}
7886
 
7887
#my-bids .nav-tabs {
7888
    margin-bottom: 20px;
7889
    margin-top: 7px;
7890
    padding-bottom: 0;
7891
}
7892
 
7893
#my-bids ul {
7894
    margin-bottom: 15px;
7895
    margin-top: 7px;
7896
    padding-bottom: 0;
7897
}
7898
 
7899
.savedjob-info p {
7900
    color: #666666;
7901
    margin-top: 5px;
7902
}
7903
 
7904
#my-bids ul li a {
7905
    color: #000000;
7906
    font-size: 16px;
7907
    font-weight: 500;
7908
}
7909
 
7910
#my-bids li a:hover {
7911
    color: #e44d3a;
7912
}
7913
 
7914
#saved-jobs ul {
7915
    margin-bottom: 20px;
7916
}
7917
 
7918
#saved-jobs ul li a {
7919
    color: #000000;
7920
    font-size: 16px;
7921
    font-weight: 500;
7922
}
7923
 
7924
#saved-jobs li a:hover {
7925
    color: #e44d3a;
7926
}
7927
 
7928
.wordpressdevlp h2 {
7929
    font-size: 18px;
7930
    font-weight: 600;
7931
    margin-bottom: 15px;
7932
}
7933
 
7934
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7935
#saved-jobs .nav-tabs .nav-link.active {
7936
    background-color: inherit;
7937
    color: #e44d3a !important;
7938
    padding-bottom: 9px;
7939
    border-bottom: 2px solid #e44d3a !important;
7940
}
7941
 
7942
#my-bids .nav-tabs .nav-item.show .nav-link,
7943
#my-bids .nav-tabs .nav-link.active {
7944
    background-color: inherit;
7945
    color: #e44d3a !important;
7946
    padding-bottom: 9px;
7947
    border-bottom: 2px solid #e44d3a !important;
7948
}
7949
 
7950
.descptab li img {
7951
    float: left !important;
7952
    filter: inherit !important;
7953
}
7954
 
7955
.bklink {
7956
    border-bottom: none !important;
7957
    width: unset !important;
7958
    float: right !important;
7959
}
7960
 
7961
.bklik {
7962
    border-bottom: none !important;
7963
}
7964
 
7965
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7966
 
7967
.savedjob-info li {
7968
    display: inline-block;
7969
    padding-left: 25px;
7970
}
7971
 
7972
.savedjob-info h3 {
7973
    font-size: 14px;
7974
    font-weight: 500;
7975
}
7976
 
7977
.settingjb ul li {
7978
    margin-right: 25px !important;
7979
}
7980
 
7981
.mangebid li {
7982
    padding-left: 0;
7983
    padding-right: 20px;
7984
    padding-top: 10px;
7985
}
7986
 
7987
.bk-links.bklink li {
7988
    padding-right: 0;
7989
}
7990
 
7991
.bidsbtn {
7992
    position: relative;
7993
}
7994
 
7995
.biddersinfo li {
7996
    padding-left: 0;
7997
    padding-right: 20px;
7998
}
7999
 
8000
#review {
8001
    background-color: #fff;
8002
    margin-bottom: 40px;
8003
}
8004
 
8005
.starreview {
8006
    padding-left: 20px;
8007
}
8008
 
8009
.replytext {
8010
    padding-bottom: 20px;
8011
}
8012
 
8013
.starrevi {
8014
    padding-left: 20px;
8015
}
8016
 
8017
.apply-jobbox {
8018
    text-align: center;
8019
}
8020
 
8021
.apply-jobbox form input {
8022
    width: 100%;
8023
    margin-top: 20px;
8024
    padding: 10px;
8025
    color: #222;
8026
    border: 1px solid #e5e5e5;
8027
    border-radius: 3px;
8028
    font-size: 14px;
8029
}
8030
 
8031
.apply-jobbox h3 {
8032
    margin: 20px 0;
8033
}
8034
 
8035
.select-files {
8036
    border: 1px solid #e5e5e5;
8037
    margin-top: 20px;
8038
    padding: 30px;
8039
    background: #efefef;
8040
}
8041
 
8042
.select-files button {
8043
    margin-bottom: 20px;
8044
    background-color: transparent;
8045
    border: 1px solid #e5e5e5;
8046
    padding: 10px 15px 10px 15px;
8047
    border-radius: 5px;
8048
    font-weight: 600;
8049
}
8050
 
8051
.select-files button:hover {
8052
    background-color: #e44d3a;
8053
    color: #fff;
8054
}
8055
 
8056
.close {
8057
    position: absolute;
8058
    right: 0px;
8059
    top: 0px;
8060
    color: #929292;
8061
    border: 1px solid !important;
8062
    border-radius: 50%;
8063
    height: 30px;
8064
    width: 30px;
8065
}
8066
 
8067
.mapouter iframe {
8068
    width: 100%;
8069
    height: 400px;
8070
}
8071
 
8072
.mapouter {
8073
    position: relative;
8074
    text-align: right;
8075
    height: 500px;
8076
    width: 100%;
8077
}
8078
 
8079
.gmap_canvas {
8080
    overflow: hidden;
8081
    background: none !important;
8082
}
8083
 
8084
.video-iframe {
8085
    width: 100%;
8086
    height: 400px;
8087
}
8088
 
8089
.custom-file-input {
8090
    color: transparent;
8091
    opacity: 1;
8092
    /* margin-left: 140px; */
8093
    margin-bottom: 10px;
8094
}
8095
 
8096
.custom-file-input::-webkit-file-upload-button {
8097
    visibility: hidden;
8098
}
8099
 
8100
.custom-file-input::before {
8101
    content: "Select Files";
8102
    color: #fff;
8103
    display: inline-block;
8104
    border: 1px solid #e5e5e5;
8105
    border-radius: 3px;
8106
    background: #e44d3a;
8107
    font-weight: 500;
8108
    padding: 10px 15px;
8109
    outline: none;
8110
    white-space: nowrap;
8111
    -webkit-user-select: none;
8112
    cursor: pointer;
8113
}
8114
 
8115
.custom-file-input:hover::before {
8116
    background-color: #e44d3a;
8117
    color: #fff;
8118
}
8119
 
8120
.custom-file-input:active {
8121
    outline: 0;
8122
}
8123
 
8124
.custom-file-input:active::before {
8125
    background: #e44d3a;
8126
    color: #fff;
8127
}
8128
 
8129
.bids-time {
8130
    float: right;
8131
}
8132
 
8133
.saved-post {
8134
    padding: 0;
8135
}
8136
 
8137
.saved-post p {
8138
    padding-bottom: 20px;
8139
}
8140
 
8141
.saved-info li {
8142
    padding-right: 25px;
8143
    padding-left: 0;
8144
}
8145
 
8146
.saved-btn {
8147
    padding: 0;
8148
    margin-bottom: -12px;
8149
}
8150
 
8151
.applied-post {
8152
    padding: 0;
8153
}
8154
 
8155
.post-bid {
8156
    padding: 0 !important;
8157
}
8158
 
8159
.bidsbtn {
8160
    padding-top: 0 !important;
8161
}
8162
 
8163
.active-bids {
8164
    padding: 0;
8165
}
8166
 
8167
.activ-bidinfo li {
8168
    padding-top: 10px;
8169
    padding-left: 0;
8170
    padding-right: 25px;
8171
}
8172
 
8173
.activebtn {
8174
    padding-left: 0;
8175
}
8176
 
8177
.p-all {
8178
    padding: 0px;
8179
    float: left;
8180
    width: 100%;
8181
    position: relative;
8182
}
8183
 
8184
.toggle-btn .custom-switch .custom-control-label::before {
8185
    left: -2.25rem;
8186
    width: 70px;
8187
    pointer-events: all;
8188
    border-radius: 100px;
8189
    height: 30px;
8190
    top: -1px;
8191
    box-shadow: none;
8192
}
8193
 
8194
.toggle-btn .custom-control-label::before {
8195
    position: absolute;
8196
    top: 0.25rem;
8197
    left: -1.5rem;
8198
    display: block;
8199
    width: 1rem;
8200
    height: 1rem;
8201
    pointer-events: none;
8202
    content: "";
8203
    background-color: #fff;
8204
    border: #e1e1e1 solid 2px;
8205
}
8206
 
8207
.custom-control-input:checked~.custom-control-label::before {
8208
    color: #fff;
8209
    border-color: #e44d3a;
8210
    background-color: #e44d3a;
8211
    box-shadow: none;
8212
    outline: none;
8213
}
8214
 
8215
.toggle-btn .custom-switch .custom-control-label::after {
8216
    top: calc(-1px + 2px);
8217
    left: calc(-36px + 2px);
8218
    width: calc(30px - 4px);
8219
    height: calc(30px - 4px);
8220
    background-color: #e1e1e1;
8221
    border-radius: 100%;
8222
    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;
8223
    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;
8224
    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;
8225
}
8226
 
8227
.toggle-btn .custom-control-label::after {
8228
    position: absolute;
8229
    top: 0.25rem;
8230
    left: -1.5rem;
8231
    display: block;
8232
    width: 0;
8233
    height: 0;
8234
    content: "";
8235
    background: no-repeat 50%/50% 50%;
8236
}
8237
 
8238
.toggle-btn .custom-control-label {
8239
    position: initial;
8240
    margin-bottom: 0;
8241
    vertical-align: top;
8242
}
8243
 
8244
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
8245
    background-color: #fff;
8246
    -webkit-transform: translateX(2.5rem);
8247
    transform: translateX(2.5rem);
8248
}
8249
 
8250
.custom-control-label {
8251
    position: relative;
8252
    margin-bottom: 0;
8253
    vertical-align: top;
8254
    line-height: 24px;
8255
    font-size: 14px;
8256
    color: #666666;
8257
}
8258
 
8259
.small-text-children p,
8260
.small-text-children span {
8261
    font-size: .8rem;
8262
}
8263
 
8264
.search-item-selected {
2275 stevensc 8265
    padding: 1px 10px;
8266
    background: var(--background-gray);
8267
    line-height: 1;
8268
    border-radius: 10px;
1239 steven 8269
    font-weight: bold;
8270
}
8271
 
8272
main {
8273
    background-color: #fff !important;
8274
}
8275
 
8276
.row .sc-dkzDqf {
8277
    margin: 0 auto;
8278
}
8279
 
8280
.test-section .title,
8281
.test-section .description {
8282
    margin-bottom: 10px;
8283
}
8284
 
8285
.test-section .btn-danger {
8286
    margin-right: 10px;
8287
}
8288
 
8289
.test-section .panel-body {
8290
    padding: 20px 0px;
8291
}
8292
 
8293
.test-section .panel {
8294
    margin-top: 20px;
8295
    padding-bottom: 10px;
8296
}
8297
 
8298
.test-section .panel-title {
8299
    font-size: 16px;
8300
    font-weight: bold;
8301
    text-transform: uppercase;
8302
}
8303
 
8304
.test-section .np-padding {
8305
    padding: 0px;
8306
}
8307
 
8308
.test-section .checkbox {
8309
    display: flex;
8310
    margin: 20px 0px;
8311
}
8312
 
8313
.test-section .option {
8314
    margin-left: 10px;
8315
}
8316
 
8317
.checkbox input[type=checkbox],
8318
input[type=radio] {
8319
    margin-top: 5px !important;
8320
}
8321
 
8322
.test-section h6 {
8323
    margin-bottom: 10px;
8324
    color: #0860bf;
8325
}
8326
 
8327
.wizard {
8328
    display: flex;
8329
    margin-top: 10px;
8330
}
8331
 
8332
.wizard li {
8333
    width: 50%;
8334
    display: inline-block;
8335
}
8336
 
8337
.btn-secondary:disabled,
8338
.btn-primary:disabled {
8339
    cursor: no-drop;
8340
}
8341
 
8342
.test-section .btn-primary {
8343
    margin-left: 10px
8344
}
8345
 
8346
.previous {
8347
    text-align: left;
8348
}
8349
 
8350
.next {
8351
    text-align: right;
8352
}
8353
 
8354
.test-section .close {
8355
    border: none !important;
8356
    border-radius: 0px !important;
8357
}
8358
 
8359
.ratin-range {
8360
    display: block;
8361
}
8362
 
8363
.ratin-range li {
8364
    display: inline-block;
8365
    width: 6%;
8366
}
8367
 
8368
.ratin-range li .option {
8369
    margin-top: 2px !important;
8370
}
8371
 
8372
#react-self-evaluation .company-up-info ul {
8373
    width: 100%;
8374
    position: absolute;
8375
    float: left;
8376
    left: 0px;
8377
    bottom: 4vw;
8378
}
8379
 
8380
#react-self-evaluation .company-up-info {
8381
    padding: 30px 10px;
8382
    min-height: 20vw;
8383
    border: 1px solid #e5e5e5
8384
}
8385
 
8386
#react-self-evaluation .company-up-info h3 {
8387
    width: 90%;
8388
    margin: 5px auto;
8389
}
8390
 
8391
.mb10 {
597 geraldo 8392
    margin-bottom: 3vw;
598 geraldo 8393
}
1239 steven 8394
 
8395
.opt-h6 {
8396
    font-weight: 600 !important;
8397
    color: #000 !important;
597 geraldo 8398
}