Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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