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