Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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