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
    }
3497 stevensc 4978
}
4979
 
4980
.toggle-btn {
4981
    position: absolute;
4982
    top: 35px;
4983
    right: 20px;
4984
}
4985
 
4986
/* =============== Password Update ============ */
4987
 
4371 stevensc 4988
.cp-field {
4989
    h5 {
4990
        color: $title-color;
4991
        font-size: 16px;
4992
        font-weight: 600;
3497 stevensc 4993
    }
4371 stevensc 4994
    input,
4995
    select,
4996
    .custom-input {
4997
        height: 40px;
4998
        padding: 0 40px;
3497 stevensc 4999
    }
4371 stevensc 5000
    input,
5001
    textarea,
5002
    select,
5003
    .custom-input {
5004
        width: 100% !important;
5005
        background-color: $bg-color !important;
5006
        color: $font-color !important;
5007
        box-shadow: 0 0 2px $border-primary !important;
5008
        border-radius: 10px !important;
5009
        border: none !important;
5010
        margin-top: 4px;
5011
    }
5012
    textarea {
5013
        padding: 20px;
5014
        height: 115px;
5015
    }
3497 stevensc 5016
}
5017
 
5018
.cpp-fiel {
5019
    width: 100%;
5020
    position: relative;
5021
}
5022
 
5023
.cpp-fiel i {
5024
    position: absolute;
5025
    top: 12px;
5026
    left: 15px;
5027
    color: #b2b2b2;
5028
    font-size: 16px;
5029
}
5030
 
5031
/* =============== notifications-list ============= */
5032
 
5033
.notfication-details {
5034
    float: left;
5035
    width: 100%;
5036
    padding: 20px;
5037
    border-bottom: 1px solid #e5e5e5;
5038
}
5039
 
5040
.notfication-details:last-child {
5041
    border-bottom: 0;
5042
}
5043
 
5044
.noty-user-img {
5045
    float: left;
5046
    width: 35px;
5047
}
5048
 
5049
.noty-user-img img {
5050
    width: 100%;
5051
}
5052
 
5053
.notification-info {
5054
    float: left;
5055
    width: auto;
5056
    padding-left: 10px;
5057
}
5058
 
5059
.notification-info h3 {
5060
    color: #686868;
5061
    font-size: 14px;
5062
    font-weight: 500;
5063
    border: 0;
5064
    padding: 0;
5065
    margin-bottom: 6px;
5066
}
5067
 
5068
.notification-info h3 a {
5069
    color: #000000;
5070
    font-size: 16px;
5071
    font-weight: 600;
5072
    display: inline-block;
5073
}
5074
 
3508 stevensc 5075
.notification-info > span {
3497 stevensc 5076
    display: inline-block;
5077
    color: #b2b2b2;
5078
    font-size: 12px;
5079
    font-weight: 600;
5080
}
5081
 
5082
/* ============== requests-list ============== */
5083
 
5084
.requests-list {
5085
    float: left;
5086
    width: 100%;
5087
    padding-bottom: 0;
5088
}
5089
 
5090
.request-details {
5091
    float: left;
5092
    width: 100%;
5093
    padding: 20px;
5094
    border-bottom: 1px solid #e5e5e5;
5095
}
5096
 
5097
.request-details:last-child {
5098
    border-bottom: 0;
5099
}
5100
 
5101
.request-info {
5102
    float: left;
5103
    padding-left: 10px;
5104
}
5105
 
5106
.request-info h3 {
5107
    color: #000000;
5108
    font-size: 14px;
5109
    font-weight: 600;
5110
    padding: 0;
5111
    border: 0;
5112
    margin-bottom: 3px;
5113
}
5114
 
5115
.request-info span {
5116
    color: #686868;
5117
    font-size: 12px;
5118
    display: inline-block;
5119
}
5120
 
5121
.accept-feat {
5122
    float: right;
5123
}
5124
 
5125
.accept-feat ul li {
5126
    display: inline-block;
5127
}
5128
 
5129
.accept-feat ul li button {
5130
    cursor: pointer;
5131
}
5132
 
5133
.accept-req {
5134
    color: #ffffff;
5135
    font-size: 16px;
5136
    background-color: #51a5fb;
5137
    height: 30px;
5138
    padding: 0 20px;
5139
    font-weight: 600;
5140
    border: 0;
5141
    border: 1px solid #51a5fb;
5142
}
5143
 
5144
.close-req {
5145
    height: 30px;
5146
    width: 30px;
5147
    text-align: center;
5148
    line-height: 30px;
5149
    border: 1px solid #e5e5e5;
5150
    background: inherit;
5151
    color: #b2b2b2;
5152
    margin-left: 7px;
5153
}
5154
 
5155
.close-req i {
5156
    font-weight: 600;
5157
}
5158
 
5159
/* ============= Profile Sattus =========== */
5160
 
5161
.profile-bx-details {
5162
    float: left;
5163
    width: 100%;
5164
    padding: 30px 7px 30px 7px;
5165
}
5166
 
5167
.profile-bx-details .row .col-lg-3 {
5168
    padding: 0 7px;
5169
}
5170
 
5171
.profile-bx-info {
5172
    float: left;
5173
    width: 100%;
5174
    background-color: #f2f2f2;
5175
    padding: 20px;
5176
    border: 1px solid #e5e5e5;
5177
}
5178
 
5179
.pro-bx {
5180
    float: left;
5181
    width: 100%;
5182
    border-bottom: 1px solid #e5e5e5;
5183
    padding-bottom: 10px;
5184
}
5185
 
5186
.bx-info {
5187
    float: left;
5188
    margin-top: 7px;
5189
    padding-left: 10px;
5190
}
5191
 
5192
.bx-info h3 {
5193
    color: #e44d3a;
5194
    font-size: 20px;
5195
    font-weight: 600;
5196
    margin-bottom: 5px;
5197
}
5198
 
5199
.bx-info h5 {
5200
    color: #000000;
5201
    font-size: 14px;
5202
    font-weight: 600;
5203
    margin: 0;
5204
    padding: 0;
5205
    border: 0;
5206
}
5207
 
5208
.pd-left-20 {
5209
    padding-left: 20px;
5210
    padding-right: 0;
5211
}
5212
 
5213
.pd-left-15 {
5214
    padding-left: 15px;
5215
    padding-right: 0;
5216
}
5217
 
5218
.pd-left-right {
5219
    padding-left: 15px;
5220
    padding-right: 20px;
5221
}
5222
 
3508 stevensc 5223
.profile-bx-info > p {
3497 stevensc 5224
    float: left;
5225
    width: 100%;
5226
    font-size: 14px;
5227
    line-height: 20px;
5228
    padding-top: 5px;
5229
}
5230
 
5231
/* =========== pro-work-status ========= */
5232
 
5233
.pro-work-status {
5234
    float: left;
5235
    width: 100%;
5236
    padding: 0 15px;
5237
}
5238
 
5239
.pro-work-status h4 {
5240
    color: #000000;
5241
    font-size: 18px;
5242
    font-weight: 600;
5243
    margin-bottom: 50px;
5244
}
5245
 
5246
/* ============== messages-page ============== */
5247
 
5248
.messages-page {
5249
    padding: 20px 0;
5250
}
5251
 
5252
.messages-sec {
5253
    width: 100%;
5254
    border-radius: 10px;
5255
    overflow: hidden;
5256
    background-color: transparent;
5257
}
5258
 
5259
.msgs-list {
5260
    width: 100%;
5261
}
5262
 
5263
.inmail_conversations-list {
5264
    border-right: 1px solid #3333;
5265
    padding-left: 0;
5266
    padding-right: 0;
5267
}
5268
 
5269
.active-tab {
3508 stevensc 5270
    border-bottom: solid 2px #e4e4e4;
3497 stevensc 5271
}
5272
 
4329 stevensc 5273
.msg-title {
3497 stevensc 5274
    color: #000000;
5275
    font-size: 18px;
5276
    font-weight: 600;
5277
}
5278
 
5279
.date-chat {
3508 stevensc 5280
    font-size: 0.6rem;
3497 stevensc 5281
    color: var(--gray);
5282
    padding-top: 5%;
5283
}
5284
 
4328 stevensc 5285
.messages-list {
5286
    overflow-y: scroll;
5287
    li {
5288
        cursor: pointer;
5289
        &.active {
5290
            background-color: #efefef;
5291
        }
5292
    }
3497 stevensc 5293
}
5294
 
5295
.text-chat-title {
5296
    color: var(--gray) !important;
5297
    font-size: 1rem;
5298
}
5299
 
5300
.usr-msg-details {
4328 stevensc 5301
    display: flex;
5302
    align-items: center;
5303
    gap: 0.5rem;
3508 stevensc 5304
    padding: 0.5rem 1rem;
4328 stevensc 5305
    border-radius: $border-radius;
3769 stevensc 5306
    &:hover,
5307
    &.is_selected {
5308
        background: $light-gray;
5309
    }
4328 stevensc 5310
    .usr-ms-img {
5311
        width: 40px;
4339 stevensc 5312
        height: 40px;
5313
        border-radius: 50%;
5314
        overflow: hidden;
5315
        img {
5316
            object-fit: cover;
5317
        }
4328 stevensc 5318
    }
4339 stevensc 5319
    .usr-mg-info {
5320
        h3 {
5321
            color: $subtitle-color;
5322
            font-size: 18px;
5323
            font-weight: 600;
5324
        }
5325
        p {
5326
            color: $font-color;
5327
            font-size: 16px;
5328
        }
5329
    }
3497 stevensc 5330
}
5331
 
5332
.msg-status {
5333
    border-radius: 100px;
5334
    background-color: #e44d3a;
5335
    position: absolute;
5336
    top: -3px;
5337
    right: 0;
5338
    width: 6px;
5339
    height: 6px;
5340
}
5341
 
5342
.messages-list ul li.active .msg-status {
5343
    border: 2px solid #ecf5fb;
5344
    height: 10px;
5345
    width: 10px;
5346
}
5347
 
5348
.msg-notifc {
5349
    position: absolute;
5350
    /* bottom: 0;
5351
    right: 0; */
5352
    width: 25px;
5353
    height: 25px;
5354
    -webkit-border-radius: 100px;
5355
    -moz-border-radius: 100px;
5356
    -ms-border-radius: 100px;
5357
    -o-border-radius: 100px;
5358
    border-radius: 100px;
5359
    background-color: #e77667;
5360
    text-align: center;
5361
    line-height: 25px;
5362
    font-size: 13px;
5363
    color: #fff;
5364
}
5365
 
5366
.posted_time {
5367
    position: absolute;
5368
    top: 2px;
5369
    right: 0;
5370
    color: #b2b2b2;
5371
    font-size: 14px;
5372
}
5373
 
5374
/* =============== main-message-box ============= */
5375
 
5376
.main-conversation-box {
5377
    width: 100%;
3570 stevensc 5378
    background-color: $bg-color;
3497 stevensc 5379
    position: relative;
5380
    height: 80vh;
5381
    display: grid;
5382
    grid-template-rows: auto 65% auto;
5383
}
5384
 
5385
.inmail-conversation-container {
5386
    width: 100%;
3571 stevensc 5387
    background-color: $bg-color;
3497 stevensc 5388
    position: relative;
5389
    height: 80vh;
3508 stevensc 5390
    gap: 0.5rem;
3497 stevensc 5391
    display: grid;
5392
    grid-template-rows: 5% 80% 15%;
5393
}
5394
 
5395
@media (min-width: 992px) {
5396
    .inmail-conversation-container {
5397
        grid-template-rows: 85% 15%;
5398
    }
5399
}
5400
 
5401
.inmail-conversation-box {
5402
    width: 100%;
5403
    position: relative;
5404
    display: grid;
3709 stevensc 5405
    grid-template-rows: auto 85%;
3497 stevensc 5406
    overflow: hidden;
5407
}
5408
 
5409
.message-bar-head {
5410
    height: 13vh;
5411
    width: 100%;
5412
    padding: 20px;
3510 stevensc 5413
    border-bottom: 1px solid $border-primary;
3497 stevensc 5414
}
5415
 
5416
.message-bar-head .usr-msg-details {
5417
    width: auto;
5418
}
5419
 
3508 stevensc 5420
.message-bar-head > a {
3497 stevensc 5421
    float: right;
5422
    color: #b2b2b2;
5423
    font-size: 20px;
5424
    padding-top: 15px;
5425
}
5426
 
5427
.main-message-box {
5428
    display: flex;
5429
    width: 100%;
5430
    position: relative;
5431
    margin-bottom: 15.5px;
3704 stevensc 5432
    .message-inner-dt {
5433
        width: 100%;
5434
        & > img {
5435
            display: inline-block;
5436
            width: auto;
5437
            max-height: 180px;
5438
        }
5439
        & > p {
5440
            font-size: 14px;
5441
        }
5442
    }
5443
    .message-dt {
3705 stevensc 5444
        border-radius: $border-radius;
5445
        border-top-left-radius: 0;
3704 stevensc 5446
        width: auto;
5447
        padding: 0.5rem;
5448
        margin-left: 15px;
5449
        background-color: $chat-send;
3705 stevensc 5450
        color: $chat-color;
3786 stevensc 5451
        box-shadow: $white-backdrop;
3704 stevensc 5452
    }
5453
    .messg-usr-img {
5454
        margin-left: 20px;
5455
        width: 50px;
5456
    }
5457
    .message-dt > span {
5458
        color: #b2b2b2;
5459
        font-size: 14px;
5460
        float: left;
5461
        width: 100%;
5462
        margin-top: 7px;
5463
    }
5464
    &.ta-right {
5465
        flex-direction: row-reverse;
5466
    }
5467
    &.ta-right .messg-usr-img {
5468
        margin-left: 0;
5469
        margin-right: 20px;
5470
    }
5471
    &.ta-right .message-dt {
3705 stevensc 5472
        border-top-left-radius: $border-radius;
5473
        border-top-right-radius: 0;
3704 stevensc 5474
        margin-right: 15px;
5475
        background-color: $chat-received;
5476
    }
5477
    &.ta-right .message-dt > span {
5478
        float: right;
5479
        width: auto;
5480
    }
3497 stevensc 5481
}
5482
 
5483
.messg-usr-img img {
5484
    width: 100%;
3571 stevensc 5485
    background: #fff;
3497 stevensc 5486
    border-radius: 100px;
5487
}
5488
 
5489
.img-bx {
5490
    background-color: #efefef;
5491
    padding: 20px;
5492
}
5493
 
3702 stevensc 5494
.message-dt.st3 .message-inner-dt {
5495
    & > p {
5496
        background-color: #efefef;
5497
        color: #686868;
5498
        width: auto;
5499
        padding: 10px 15px;
5500
        float: left;
5501
    }
5502
    & > img {
5503
        float: right;
5504
        position: relative;
5505
        top: 3px;
5506
        padding-left: 5px;
5507
    }
3497 stevensc 5508
}
5509
 
5510
.main-message-box.st3 .messg-usr-img {
5511
    bottom: 13px;
5512
}
5513
 
4225 stevensc 5514
/* ============== Calendar ============ */
4223 stevensc 5515
 
5516
.calendar-event {
5517
    display: flex;
5518
    flex-direction: column;
5519
    border-radius: $border-radius;
4225 stevensc 5520
    padding: 0.5rem;
4223 stevensc 5521
}
5522
 
3497 stevensc 5523
/* ============== message-send-area ============ */
5524
 
5525
.inmail-submit-btn {
5526
    width: 6%;
5527
}
5528
 
5529
.chat-header a {
5530
    text-decoration: none;
5531
    color: var(--dark);
5532
}
5533
 
5534
.chat-header h2 {
5535
    font-weight: 700;
5536
    text-align: center;
5537
}
5538
 
5539
.chat_contacts {
4327 stevensc 5540
    background-color: $bg-color;
5541
    border-radius: $border-radius;
4331 stevensc 5542
    border: 1px solid $border-primary;
4327 stevensc 5543
    display: flex;
5544
    flex-direction: column;
5545
    height: 100%;
5546
    gap: 0.5rem;
4330 stevensc 5547
    padding: 1rem 0.5rem;
3497 stevensc 5548
    max-height: 80vh;
5549
}
5550
 
4389 stevensc 5551
.contact__search,
5552
.group__search {
4355 stevensc 5553
    display: flex;
5554
    align-items: center;
5555
    border-radius: 30px;
5556
    height: 1.5rem;
5557
    color: gray;
5558
    cursor: pointer;
5559
    transition: all 0.2s;
5560
    &:hover {
5561
        color: #000;
5562
    }
5563
    & > input {
5564
        display: none;
5565
        border: none;
5566
        outline: none;
5567
        background: none;
5568
    }
5569
    &.show {
5570
        padding: 0.5rem;
5571
        background-color: #eef3f0;
5572
        flex: 1;
5573
        & > input {
5574
            display: initial;
5575
        }
5576
    }
5577
}
5578
 
4389 stevensc 5579
.group__search {
5580
    flex: initial;
5581
    margin: 0 1rem;
5582
    input {
5583
        display: initial;
5584
    }
5585
}
5586
 
3497 stevensc 5587
/* ============== forum-links ============= */
5588
 
5589
.forum-sec {
5590
    background-color: #fff;
5591
}
5592
 
5593
.forum-links {
5594
    float: left;
5595
    width: 100%;
5596
}
5597
 
5598
.forum-links.active {
5599
    opacity: 1;
5600
    visibility: visible;
5601
    z-index: 9999;
5602
}
5603
 
5604
.forum-links ul li {
5605
    display: inline-block;
5606
    padding: 20px 0;
5607
    margin-right: 45px;
5608
    border-bottom: 2px solid transparent;
5609
}
5610
 
5611
.forum-links ul li.active {
5612
    border-color: #e44d3a;
5613
}
5614
 
5615
.forum-links ul li.active a {
5616
    color: #e44d3a;
5617
}
5618
 
5619
.forum-links ul li a {
5620
    display: inline-block;
5621
    color: #b2b2b2;
5622
    font-size: 14px;
5623
    font-weight: 600;
5624
}
5625
 
5626
.forum-links-btn {
5627
    float: left;
5628
    width: 100%;
5629
    text-align: center;
5630
    display: none;
5631
    padding: 20px 0;
5632
}
5633
 
5634
.forum-links-btn a {
5635
    color: #000;
5636
    font-size: 30px;
5637
    display: inline-block;
5638
}
5639
 
5640
/* ================ forum-page =============== */
5641
 
5642
.forum-page {
5643
    padding: 50px 0;
5644
}
5645
 
5646
.forum-questions-sec {
5647
    float: left;
5648
    width: 100%;
5649
}
5650
 
5651
.forum-questions {
5652
    float: left;
5653
    width: 100%;
5654
    background-color: #fff;
5655
}
5656
 
5657
.usr-question {
5658
    float: left;
5659
    width: 100%;
5660
    position: relative;
5661
    padding: 25px;
5662
    border-bottom: 1px solid #e5e5e5;
5663
}
5664
 
5665
.usr_img {
5666
    float: left;
5667
    width: 60px;
5668
}
5669
 
5670
.usr_img img {
5671
    width: 100%;
5672
    -webkit-border-radius: 100px;
5673
    -moz-border-radius: 100px;
5674
    -ms-border-radius: 100px;
5675
    -o-border-radius: 100px;
5676
    border-radius: 100px;
5677
}
5678
 
5679
.usr_quest {
5680
    float: left;
5681
    width: 90%;
5682
    padding-left: 15px;
5683
}
5684
 
3508 stevensc 5685
.usr_quest > h3 {
3497 stevensc 5686
    color: #000000;
5687
    font-size: 17px;
5688
    font-weight: 600;
5689
    margin-bottom: 20px;
5690
}
5691
 
3508 stevensc 5692
.forum-post-view .usr_quest > h3 {
3497 stevensc 5693
    margin-bottom: 10px;
5694
}
5695
 
5696
.react-links {
5697
    float: left;
5698
    width: 100%;
5699
}
5700
 
5701
.react-links li {
5702
    display: inline-block;
5703
    margin-right: 30px;
5704
}
5705
 
5706
.react-links li a {
5707
    display: inline-block;
5708
    color: #b2b2b2;
5709
    font-size: 14px;
5710
    font-weight: 600;
5711
}
5712
 
5713
.react-links li a:hover {
5714
    color: #e44d3a;
5715
}
5716
 
5717
.react-links li a i {
5718
    padding-right: 7px;
5719
}
5720
 
5721
.react-links li:last-child {
5722
    margin-right: 0;
5723
}
5724
 
5725
/* ============= quest-tags ============ */
5726
 
5727
.quest-tags {
5728
    float: left;
5729
    width: 100%;
5730
    margin-top: 20px;
5731
}
5732
 
5733
.quest-tags li {
5734
    display: inline-block;
5735
    margin-right: 10px;
5736
}
5737
 
5738
.quest-tags li a {
5739
    display: inline-block;
5740
    color: #ffffff;
5741
    background-color: #53d690;
5742
    -webkit-border-radius: 3px;
5743
    -moz-border-radius: 3px;
5744
    -ms-border-radius: 3px;
5745
    -o-border-radius: 3px;
5746
    border-radius: 3px;
5747
    padding: 7px 25px;
5748
}
5749
 
5750
.quest-posted-time {
5751
    position: absolute;
5752
    bottom: 30px;
5753
    right: 20px;
5754
    color: #b2b2b2;
5755
    font-size: 14px;
5756
}
5757
 
5758
.quest-posted-time i {
5759
    padding-right: 5px;
5760
}
5761
 
5762
.pd-right-none {
5763
    padding-right: 0;
5764
}
5765
 
5766
/* =========== navigation ============ */
5767
 
5768
.pagination {
5769
    float: left;
5770
    width: 100%;
5771
    /* background-color: #fff; */
5772
    padding: 13px 25px;
5773
}
5774
 
5775
.full-pagi {
5776
    float: left;
5777
    width: 100%;
5778
    padding-right: 0;
5779
    text-align: inherit;
5780
    margin-top: 20px;
5781
}
5782
 
5783
.pagination li {
5784
    padding: 0;
5785
    margin-right: 10px;
5786
}
5787
 
5788
.pagination li .page-link {
5789
    /* background-color: #e5e5e5; */
5790
    color: #b2b2b2;
5791
}
5792
 
5793
.pagination li .page-link.active {
5794
    background-color: #e44d3a;
5795
    color: #fff;
5796
    border-color: transparent;
5797
}
5798
 
5799
.pvr {
5800
    padding: 0.5rem 30px;
5801
}
5802
 
5803
/* ======== next-prev ========*/
5804
 
5805
.next-prev {
5806
    float: left;
5807
    width: 100%;
5808
    background-color: #fff;
5809
    margin-top: 20px;
5810
    padding: 12px 25px;
5811
}
5812
 
3508 stevensc 5813
.next-prev > a {
3497 stevensc 5814
    width: 90px;
5815
    height: 35px;
5816
    text-align: center;
5817
    line-height: 35px;
5818
    color: #b2b2b2;
5819
    font-size: 14px;
5820
    background-color: #e5e5e5;
5821
}
5822
 
3508 stevensc 5823
.next-prev > a:hover {
3497 stevensc 5824
    color: #fff;
5825
    background-color: #e44d3a;
5826
}
5827
 
5828
.fl-left {
5829
    float: left;
5830
}
5831
 
5832
.fl-right {
5833
    float: right;
5834
}
5835
 
5836
/* ========== widget-feat ========= */
5837
 
5838
.widget-feat {
5839
    padding: 25px 20px;
5840
}
5841
 
5842
.widget-feat ul {
5843
    float: left;
5844
    width: 100%;
5845
}
5846
 
5847
.widget-feat ul li {
5848
    float: left;
5849
    width: 25%;
5850
    text-align: center;
5851
}
5852
 
5853
.widget-feat ul li i {
5854
    display: block;
5855
    font-size: 18px;
5856
    margin-bottom: 9px;
5857
}
5858
 
5859
.widget-feat ul li span {
5860
    display: block;
5861
    color: #686868;
5862
    font-size: 16px;
5863
    font-weight: 500;
5864
}
5865
 
5866
.widget-feat ul li i.fa-heart {
5867
    color: #53d690;
5868
}
5869
 
5870
.widget-feat ul li i.fa-comment {
5871
    color: #e44d3a;
5872
}
5873
 
5874
.widget-feat ul li i.fa-share-alt {
5875
    color: #51a5fb;
5876
}
5877
 
5878
.widget-feat ul li i.fa-eye {
5879
    color: #00b540;
5880
}
5881
 
5882
/* =============== ANIMATION LOADER =============== */
5883
 
5884
.spinner {
5885
    margin: 0 auto 0;
5886
    width: 80px;
5887
    text-align: center;
5888
    height: 80px;
5889
    border-radius: 100px;
5890
    background-color: #fff;
5891
    line-height: 80px;
5892
    border: 1px solid #e1e1e1;
5893
    cursor: pointer;
5894
}
5895
 
3508 stevensc 5896
.spinner > div {
3497 stevensc 5897
    width: 15px;
5898
    height: 15px;
5899
    background-color: #b9b9b9;
5900
    border-radius: 100%;
5901
    display: inline-block;
5902
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5903
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5904
}
5905
 
5906
.spinner .bounce1 {
5907
    -webkit-animation-delay: -0.32s;
5908
    animation-delay: -0.32s;
5909
}
5910
 
5911
.spinner .bounce2 {
5912
    -webkit-animation-delay: -0.16s;
5913
    animation-delay: -0.16s;
5914
}
5915
 
5916
@-webkit-keyframes sk-bouncedelay {
5917
    0%,
5918
    80%,
5919
    100% {
5920
        -webkit-transform: scale(0);
5921
    }
5922
 
5923
    40% {
5924
        -webkit-transform: scale(1);
5925
    }
5926
}
5927
 
5928
@keyframes sk-bouncedelay {
5929
    0%,
5930
    80%,
5931
    100% {
5932
        -webkit-transform: scale(0);
5933
        transform: scale(0);
5934
    }
5935
 
5936
    40% {
5937
        -webkit-transform: scale(1);
5938
        transform: scale(1);
5939
    }
5940
}
5941
 
5942
.wordpressdevlp {
5943
    background-color: #fff;
5944
}
5945
 
5946
.bgclr {
5947
    background-color: #fff;
5948
    margin-bottom: 15px;
5949
}
5950
 
5951
.cadidatesbtn {
5952
    position: absolute;
5953
    left: 0;
5954
    padding-top: 5px;
5955
}
5956
 
5957
.cadidatesbtn button {
5958
    background-color: #e44d3a;
5959
    border: none;
5960
    margin-top: -3px;
5961
}
5962
 
5963
.cadidatesbtn button:hover {
5964
    background-color: #e44d3a;
5965
}
5966
 
5967
.cadidatesbtn span {
5968
    background-color: #bd2e1c;
5969
    color: #fff;
5970
    margin-right: 10px;
5971
    padding: 0.25em 0.5em;
5972
    font-weight: 600;
5973
    font-size: 12px;
5974
}
5975
 
5976
.wordpressdevlp i {
5977
    color: #e86554;
5978
    font-size: 18px;
5979
    font-weight: bold;
5980
    padding-right: 5px;
5981
}
5982
 
5983
.wordpressdevlp h2 {
5984
    font-size: 18px;
5985
    font-weight: 600;
5986
}
5987
 
5988
.cadidatesbtn i {
5989
    color: #b2b2b2;
5990
    border: 1px solid #b2b2b2;
5991
    font-size: 14px;
5992
    text-align: center;
5993
    margin-left: 7px;
5994
    border-radius: 3px;
5995
    padding: 10px;
5996
}
5997
 
5998
.cadidatesbtn i:hover {
5999
    background-color: #e44d3a;
6000
    color: #fff;
6001
    border: 1px solid #e44d3a;
6002
}
6003
 
6004
.inner {
6005
    border-bottom: 2px solid #e5e5e5;
6006
    padding-bottom: 10px;
6007
}
6008
 
6009
.inner li a:hover {
6010
    color: #e44d3a;
6011
    border-bottom: 2px solid #e44d3a;
6012
    padding-bottom: 9px;
6013
}
6014
 
6015
.inner li a {
6016
    color: #000000;
6017
}
6018
 
6019
.posttext {
6020
    position: absolute;
6021
    left: 0;
6022
}
6023
 
6024
.deatile h3 {
6025
    font-size: 14px;
6026
    font-weight: bold;
6027
    padding-bottom: 5px;
6028
}
6029
 
6030
.clrbtn a {
6031
    background-color: #e44d3a;
6032
    color: #fff;
6033
    padding: 5px 10px 5px 10px;
6034
    margin-right: 15px;
6035
}
6036
 
6037
.transpairentbtn a {
6038
    color: #222;
6039
    border: 2px solid #f1f1f1;
6040
    padding: 5px 10px 5px 10px;
6041
}
6042
 
6043
.savetext h3 {
6044
    font-size: 14px;
6045
    font-weight: bold;
6046
    padding-bottom: 5px;
6047
}
6048
 
6049
.devepbtn .clrbtn {
6050
    padding: 7px 20px;
6051
}
6052
 
6053
.devepbtn a {
6054
    color: #666666;
6055
    border: 1px solid #b2b2b2;
6056
    padding: 7px 10px 7px 10px;
6057
    border-radius: 3px;
6058
    margin-right: 5px;
6059
}
6060
 
6061
.devepbtn a:hover i {
6062
    color: #fff;
6063
}
6064
 
6065
.devepbtn a:hover {
6066
    background-color: #e44d3a;
6067
    color: #fff;
6068
}
6069
 
6070
.rew-reply hr {
6071
    margin-left: -20px;
6072
    margin-right: -20px;
6073
}
6074
 
6075
.rew-reply p {
6076
    padding-left: 20px;
6077
}
6078
 
6079
.rew-reply ul {
6080
    padding-left: 20px;
6081
}
6082
 
6083
.devepbtn {
6084
    margin-top: 30px;
6085
    padding-left: 20px;
6086
}
6087
 
6088
.rep-thanks hr {
6089
    margin-right: -20px;
6090
    margin-left: -20px;
6091
}
6092
 
6093
.profilecnd {
6094
    margin-bottom: 0px;
6095
}
6096
 
6097
.devepbtn i {
6098
    color: #b2b2b2;
6099
    font-size: 14px;
6100
}
6101
 
6102
.appliedinfo {
6103
    padding-left: 0;
6104
    padding-top: 20px !important;
6105
    padding-bottom: 10px;
6106
}
6107
 
6108
.epi2 {
6109
    padding: 0;
6110
}
6111
 
6112
.review a {
6113
    line-height: 16px;
6114
    font-size: 14px;
6115
    text-decoration: none;
6116
    font-weight: 500;
6117
    margin-left: 15px;
6118
}
6119
 
6120
.add-pic-box {
6121
    display: inline-block;
6122
    color: #e44d3a;
6123
    font-size: 16px;
6124
    position: absolute;
6125
    top: 30px;
6126
    right: 0;
6127
    font-weight: 600;
6128
    margin-right: 0;
6129
    width: 100%;
6130
}
6131
 
6132
.add-pic-box [type="file"] {
6133
    height: 0;
6134
    overflow: hidden;
6135
    width: 0;
6136
    float: left;
6137
}
6138
 
3508 stevensc 6139
.add-pic-box [type="file"] + label {
3497 stevensc 6140
    background: #fff;
6141
    border: 2px solid #e44d3a;
6142
    border-radius: 3px;
6143
    color: #e44d3a;
6144
    cursor: pointer;
6145
    /* display: inline-block; */
6146
    font-size: 15px;
6147
    font-weight: 600;
6148
    outline: none;
6149
    padding: 12px 20px;
6150
    position: relative;
6151
    transition: all 0.3s;
6152
    vertical-align: middle;
6153
    margin: 0;
6154
    float: right;
6155
    text-transform: uppercase;
6156
}
6157
 
3508 stevensc 6158
.add-pic-box [type="file"] + label:hover {
3497 stevensc 6159
    background: #e44d3a;
6160
    color: #fff;
6161
}
6162
 
6163
.noreview li i {
6164
    color: #b2b2b2;
6165
}
6166
 
6167
.review-tb {
6168
    margin: 0 0 10px;
6169
    padding-left: 20px;
6170
}
6171
 
6172
.noreview ul li i {
6173
    color: #b2b2b2;
6174
}
6175
 
6176
.mngdetl {
6177
    border-bottom: none;
6178
}
6179
 
6180
.post-reply {
6181
    padding-top: 0;
6182
    padding-bottom: 0;
6183
}
6184
 
6185
.activebidbtn i:hover {
6186
    background-color: #e44d3a;
6187
    color: #fff;
6188
    border: none;
6189
}
6190
 
6191
.reviewtitle h2 {
6192
    font-size: 17px;
6193
    font-weight: 600;
6194
}
6195
 
6196
.horiline {
6197
    width: 118%;
6198
    position: relative;
6199
    left: -40px;
6200
}
6201
 
6202
.tahnks {
6203
    font-weight: 500;
6204
    margin-top: 5px;
6205
}
6206
 
6207
/*about-page*/
6208
 
6209
.banner span {
6210
    position: absolute;
6211
    display: flex;
6212
    background-color: #222;
6213
    width: 100%;
6214
    opacity: 0.9;
6215
    justify-content: center;
6216
    padding: 10px;
6217
    margin-top: 0;
6218
    color: #fff;
6219
}
6220
 
6221
.innertitle {
6222
    margin-top: 130px;
6223
}
6224
 
6225
.Company-overview {
6226
    padding-bottom: 50px;
6227
}
6228
 
6229
.bennertext {
6230
    position: absolute;
6231
    left: 20%;
6232
    right: 20%;
6233
    text-align: center;
6234
}
6235
 
6236
.bannerimage img {
6237
    height: 100%;
6238
}
6239
 
6240
.innertitle h2 {
6241
    color: #fff;
6242
    font-size: 30px;
6243
    line-height: 32px;
6244
    font-weight: 600;
6245
    margin-bottom: 20px;
6246
}
6247
 
6248
.innertitle p {
6249
    color: #fff;
6250
    font-size: 16px;
6251
}
6252
 
6253
.Company-overview h2 {
6254
    padding-top: 100px;
6255
    font-size: 24px;
6256
    font-weight: 600;
6257
    padding-bottom: 12px;
6258
}
6259
 
6260
.Company-overview p {
6261
    font-size: 15px;
6262
    font-weight: 500;
6263
}
6264
 
6265
.Company-overview img {
6266
    float: right;
6267
    padding-top: 25px;
6268
}
6269
 
6270
.blog {
6271
    text-align: center;
6272
    display: inline-block;
6273
    margin-bottom: 50px;
6274
}
6275
 
6276
.blog img {
6277
    padding-bottom: 30px;
6278
}
6279
 
6280
.blog h2 {
6281
    font-size: 18px;
6282
    font-weight: 600;
6283
    padding-bottom: 30px;
6284
}
6285
 
6286
.blog a {
6287
    background-color: #ff4500;
6288
    color: #fff;
6289
    padding: 7px 25px 7px 25px;
6290
    border-radius: 3px;
6291
    font-size: 16px;
6292
    font-weight: 500;
6293
}
6294
 
6295
.services {
6296
    padding-top: 80px;
6297
    padding-bottom: 80px;
6298
}
6299
 
6300
.video {
6301
    padding-bottom: 40px;
6302
}
6303
 
6304
.search-container {
6305
    text-align: center;
6306
}
6307
 
6308
.search-container input[type="text"] {
6309
    padding: 6px 15px;
6310
    margin-top: 8px;
6311
    font-size: 17px;
6312
    border: none;
6313
    height: 50px;
6314
    width: 50%;
6315
    margin-bottom: 25px;
6316
    border-top-left-radius: 3px;
6317
    border-top-right-radius: 0px;
6318
    border-bottom-left-radius: 3px;
6319
    border-bottom-right-radius: 0px;
6320
}
6321
 
6322
.searchtitle {
6323
    text-align: center;
6324
}
6325
 
6326
.searchtitle h2 {
6327
    color: #fff;
6328
    font-size: 30px;
6329
    font-weight: 400;
6330
    padding-bottom: 10px;
6331
}
6332
 
6333
.modal-header {
6334
    position: relative;
3824 stevensc 6335
    padding: 0;
6336
    border-bottom: none;
3826 stevensc 6337
    button.close {
6338
        z-index: 100;
3827 stevensc 6339
        border: none;
6340
        top: -0.5rem;
3829 stevensc 6341
        right: -0.5rem;
3826 stevensc 6342
    }
3497 stevensc 6343
}
6344
 
6345
.modal-header h3 {
6346
    font-size: 18px;
6347
}
6348
 
6349
.search-container button {
6350
    padding: 8px 10px;
6351
    text-align: center;
6352
    margin-top: 8px;
6353
    margin-left: -3px;
6354
    margin-right: 18px;
6355
    background: #efefef;
6356
    font-size: 17px;
6357
    border: none;
6358
    cursor: pointer;
6359
    height: 50px;
6360
    width: 6%;
6361
    border-bottom-right-radius: 3px;
6362
    border-top-right-radius: 3px;
6363
}
6364
 
6365
.topsearch i {
6366
    color: #e44d3a;
6367
}
6368
 
6369
.dropdown-toggle::after {
6370
    position: absolute;
6371
    right: 15px;
6372
    color: #b2b2b2;
6373
    top: 7px;
6374
}
6375
 
6376
.help-paddy {
6377
    padding: 0 !important;
6378
}
6379
 
6380
.paddy {
6381
    padding: 20px;
6382
    float: left;
6383
}
6384
 
6385
.dropdown-menu {
6386
    position: absolute;
6387
    top: 100%;
6388
    left: 0;
6389
    z-index: 1000;
6390
    display: none;
6391
    float: left;
6392
    min-width: 10rem;
6393
    padding: 0.5rem 0;
6394
    margin: 0.125rem 0 0;
6395
    font-size: 1rem;
6396
    color: #212529;
6397
    text-align: left;
6398
    list-style: none;
6399
    background-color: #fff;
6400
    width: 100%;
6401
    background-clip: padding-box;
6402
    border: none;
6403
    border-radius: 0.25rem;
6404
}
6405
 
6406
.radio-form p {
6407
    display: -webkit-inline-box;
6408
}
6409
 
6410
.dropdown a {
6411
    color: #000000;
6412
    font-size: 16px;
6413
    font-weight: 400;
6414
    padding: 0 20px;
6415
}
6416
 
6417
.accountnone {
6418
    border: none;
6419
}
6420
 
6421
.helpforum {
6422
    background-color: #fff;
6423
    padding: 15px 0;
6424
    box-shadow: 0px 2px #c6c6c6;
6425
}
6426
 
6427
.helpforum h3 {
6428
    font-size: 18px;
6429
    font-weight: 600;
6430
}
6431
 
6432
.helpforum a {
6433
    background-color: #e44d3a;
6434
    color: #fff;
6435
    padding: 10px 15px 10px 15px;
6436
    line-height: 4;
6437
    border-radius: 3px;
6438
}
6439
 
6440
.helpforum p {
6441
    line-height: 3;
6442
}
6443
 
6444
.actionstitle h3 {
6445
    font-size: 18px;
6446
    font-weight: 400;
6447
    color: #000;
6448
    padding-top: 30px;
6449
}
6450
 
6451
.actionstitle img {
6452
    padding-right: 10px;
6453
}
6454
 
6455
.actionstext a {
6456
    font-size: 16px;
6457
    font-weight: 500;
6458
    color: #e44d3a;
6459
    line-height: 2;
6460
    display: block;
6461
}
6462
 
6463
.helpform {
6464
    text-align: center;
6465
    padding-top: 70px;
6466
}
6467
 
6468
.helpform h3 {
6469
    font-size: 18px;
6470
    font-weight: 400;
6471
    color: #e44d3a;
6472
    margin-bottom: 10px;
6473
}
6474
 
6475
.helpform a {
6476
    background-color: #e44d3a;
6477
    color: #fff;
6478
    padding: 10px 15px 10px 15px;
6479
    border-radius: 3px;
6480
}
6481
 
6482
.helpform p {
6483
    margin-bottom: 30px;
6484
}
6485
 
6486
.helpform img {
6487
    float: unset;
6488
    padding-bottom: 10px;
6489
}
6490
 
6491
.bookingsideber h3 {
6492
    color: #000;
6493
}
6494
 
6495
.bookingsideber h3:active {
6496
    color: #e44d3a;
6497
}
6498
 
6499
.helpforum h4 {
6500
    font-size: 16px;
6501
    font-weight: 600;
6502
}
6503
 
6504
.bloktext {
6505
    padding-left: 25px;
6506
}
6507
 
6508
.privacy {
6509
    background-color: #fff;
6510
    height: 850px;
6511
}
6512
 
6513
.privacydropd .dropdown-toggle::after {
6514
    float: right;
6515
    vertical-align: 0.255em;
6516
}
6517
 
6518
/* .checkbox {} */
6519
 
6520
.form-check {
6521
    padding-left: 0;
6522
}
6523
 
6524
.btns a {
6525
    color: #000;
6526
    border: 1px solid #e5e5e5;
6527
    padding: 10px 25px 10px 25px;
6528
    margin-left: 15px;
6529
    border-radius: 5px;
6530
    font-weight: 600;
6531
}
6532
 
6533
.btns {
6534
    padding-top: 20px;
6535
}
6536
 
6537
.btns a:hover {
6538
    background-color: #e44d3a;
6539
    color: #fff;
6540
}
6541
 
6542
.privacy h3 {
6543
    font-size: 18px;
6544
    font-weight: 600;
6545
    padding-top: 18px;
6546
    margin-bottom: 10px;
6547
}
6548
 
6549
.privacy p {
6550
    padding-top: 0px;
6551
    display: inline-block;
6552
}
6553
 
6554
.form-group {
6555
    margin-bottom: 1rem;
6556
    padding-top: 0px;
6557
}
6558
 
6559
.privacy i {
6560
    float: right;
6561
    color: #e44d3a;
6562
    font-size: 20px;
6563
    font-weight: 600;
6564
}
6565
 
6566
.dropdown-menu input {
6567
    margin-right: 10px;
6568
    margin-top: 15px;
6569
}
6570
 
6571
.dropdown-menu a {
6572
    padding: 10px 0 10px 40px;
6573
    margin-bottom: 10px;
6574
}
6575
 
6576
.dropdown-menu form {
6577
    margin-bottom: 10px;
6578
    margin-top: 10px;
6579
}
6580
 
6581
.privacydropd p {
6582
    margin-left: 20px;
6583
    margin-top: 5px;
6584
}
6585
 
6586
.privabtns {
6587
    margin-top: 20px;
6588
}
6589
 
6590
.privabtns {
6591
    padding-bottom: 15px;
6592
}
6593
 
6594
.privabtns a {
6595
    margin-right: 15px;
6596
    padding: 8px 25px;
6597
    color: #000000;
6598
    border: 1px solid #e5e5e5;
6599
}
6600
 
6601
.privabtns a:hover {
6602
    color: #fff;
6603
    background-color: #e44d3a;
6604
}
6605
 
6606
.privac {
6607
    background-color: #fff;
6608
    height: 560px;
6609
    padding-top: 20px;
6610
}
6611
 
6612
.privac h3 {
6613
    font-size: 18px;
6614
    font-weight: 600;
6615
}
6616
 
6617
.bids-detail ul {
6618
    display: -webkit-inline-box;
6619
}
6620
 
6621
.bids-detail ul li {
6622
    margin-right: 30px;
6623
}
6624
 
6625
.bids-detail h3 {
6626
    font-size: 16px;
6627
    font-weight: 400;
6628
}
6629
 
6630
.bids-detail {
6631
    background-color: #fff;
6632
    padding: 20px;
6633
    margin-bottom: 25px;
6634
    box-shadow: 0px 2px #e4e4e4;
6635
}
6636
 
6637
.dropdown-menu.show {
6638
    display: contents;
6639
}
6640
 
6641
.postpaid:checked:after {
6642
    content: "\f17b";
6643
    font: normal normal normal 16px/1 "LineAwesome";
6644
    font-weight: 600;
6645
    border: 1px solid #fff;
6646
    color: #ffffff;
6647
    text-align: center;
6648
    font-size: 12px;
6649
    width: 100%;
6650
    height: 100%;
6651
    background: #e44d3a;
6652
    display: block;
6653
    border-radius: 50%;
6654
    padding-top: 3px;
6655
}
6656
 
6657
.postpaid:focus {
6658
    border: 1px solid #fff;
6659
    width: 25px;
6660
    height: 25px;
6661
}
6662
 
6663
.postpaid {
6664
    -webkit-appearance: none;
6665
    content: "";
6666
    width: 20px;
6667
    height: 20px;
6668
    border-radius: 50%;
6669
    border: 1px solid #5e5e5e;
6670
    outline: 0;
6671
    margin-right: 5px;
6672
}
6673
 
6674
/* .main-ws-sec .job-status-bar {} */
6675
 
6676
.main-ws-sec .btm-line {
6677
    padding-bottom: 20px !important;
6678
    border-bottom: 1px solid #e5e5e5 !important;
6679
    margin-bottom: 20px;
6680
}
6681
 
6682
.job-status-bar hr {
6683
    margin: 0 -40px;
6684
}
6685
 
6686
.reply-area {
6687
    padding-left: 55px;
6688
}
6689
 
6690
.reply-rply1 {
6691
    margin: 24px 0;
6692
}
6693
 
6694
.reply-area p {
6695
    padding-bottom: 10px;
6696
}
6697
 
6698
.reply-area span {
6699
    cursor: pointer;
6700
}
6701
 
6702
.reply-area span:hover {
6703
    color: #e44d3a;
6704
}
6705
 
6706
.reply-area i {
6707
    font-size: 16px;
6708
    font-weight: 600;
6709
    padding-right: 8px;
6710
}
6711
 
6712
.comment-area .la-plus-circle {
6713
    display: block;
6714
    text-align: center;
6715
    font-size: 40px;
6716
    color: #b2b2b2;
6717
}
6718
 
6719
.reply-area span {
6720
    padding-top: 5px;
6721
    color: #b2b2b2;
6722
}
6723
 
6724
.comt span {
6725
    font-size: 16px;
6726
    color: #666666;
6727
}
6728
 
6729
.comt i {
6730
    padding-right: 8px;
6731
}
6732
 
6733
.postcomment .form-control {
6734
    width: 112%;
6735
    margin-left: -50px;
6736
    background-color: #efefef;
6737
    border-radius: 3px;
6738
}
6739
 
6740
.postcomment a {
6741
    background-color: #e44d3a;
6742
    color: #fff;
6743
    padding: 9px 25px 8px 25px;
6744
    line-height: 37px;
6745
    border-radius: 3px;
6746
}
6747
 
6748
.postcomment {
6749
    padding-top: 30px;
6750
}
6751
 
6752
.widget-projectid {
6753
    padding: 15px;
6754
}
6755
 
6756
.widget-projectid h3 {
6757
    padding-bottom: 7px;
6758
    font-size: 14px;
6759
    font-weight: 600;
6760
}
6761
 
6762
.paymethd p {
6763
    color: #e44d3a;
6764
}
6765
 
6766
.copylink p {
6767
    background-color: #efefef;
6768
    padding: 7px 0 8px 10px;
6769
}
6770
 
6771
.copylink a {
6772
    background-color: #e44d3a;
6773
    color: #fff;
6774
    padding: 10px 15px 10px 15px;
6775
    border-radius: 4px;
6776
}
6777
 
6778
.copylink span {
6779
    padding: 30px 0 20px;
6780
}
6781
 
6782
.copylink i {
6783
    float: unset;
6784
    position: unset;
6785
}
6786
 
6787
.copylink .la-facebook {
6788
    background-color: #3b5998;
6789
    color: #fff;
6790
}
6791
 
6792
.copylink .la-twitter {
6793
    color: #1da1f2;
6794
}
6795
 
6796
.copylink .la-pinterest-p {
6797
    background-color: #fff;
6798
    color: #c11628;
6799
    border-radius: 50%;
6800
}
6801
 
6802
.copylink img {
6803
    padding-right: 10px;
6804
}
6805
 
6806
.freelancerbiding {
6807
    background-color: #fff;
6808
    padding-top: 20px;
6809
}
6810
 
6811
.freelancerbiding h3 {
6812
    font-size: 18px;
6813
    font-weight: 400;
6814
}
6815
 
6816
.repcent {
6817
    text-align: left;
6818
}
6819
 
6820
.bidrit {
6821
    float: right;
6822
}
6823
 
6824
.repcent i {
6825
    padding-left: 5px;
6826
}
6827
 
6828
.star {
6829
    display: inline-flex;
6830
    padding: 5px 0;
6831
}
6832
 
6833
.star li i {
6834
    color: #bfd337;
6835
}
6836
 
6837
.repcent span {
6838
    color: #51a5fb;
6839
}
6840
 
6841
.repcent p {
6842
    padding-left: 7px;
6843
}
6844
 
6845
.noreview ul li i {
6846
    color: #b2b2b2;
6847
}
6848
 
6849
.paymethd .star li i {
6850
    position: unset;
6851
    font-size: 14px;
6852
}
6853
 
6854
.paymethd .star a {
6855
    color: #51a5fb;
6856
    padding-left: 12px;
6857
}
6858
 
6859
/* .modal-header {background-color: #e44d3a; display: block !important; } */
6860
 
6861
.modal-body {
3822 stevensc 6862
    padding: 1rem 0 0;
3497 stevensc 6863
}
6864
 
6865
.notice {
6866
    background-color: #ddf3ff;
6867
    padding: 15px;
6868
}
6869
 
6870
.notice span {
6871
    font-weight: 500;
6872
    padding-right: 5px;
6873
}
6874
 
6875
.innerbody {
6876
    padding: 15px;
6877
}
6878
 
6879
.innerbody h3 {
6880
    font-size: 18px;
6881
    font-weight: 600;
6882
}
6883
 
6884
.innerbody h4 {
6885
    font-weight: 600;
6886
    font-size: 14px;
6887
    margin-left: -15px;
6888
    float: left;
6889
}
6890
 
6891
.delivery .input-group select {
6892
    width: 150px;
6893
    height: 50px !important;
6894
    font-size: 19px;
6895
    border: 1px solid #e5e5e5;
6896
    border-radius: 3px;
6897
}
6898
 
6899
.input-group-prepend {
6900
    background-color: #f3f3f3;
6901
    color: #bfbfbf;
6902
    text-align: center;
6903
    line-height: 3;
6904
    border: 1px solid #e5e5e5;
6905
}
6906
 
6907
.input-group-text {
6908
    color: #666666 !important;
6909
    background-color: #f5f5f5 !important;
6910
    border: 0px !important;
6911
    border-radius: 3px !important;
6912
}
6913
 
6914
.place-bid-form {
6915
    position: relative;
6916
    left: 20px;
6917
    top: -15px;
6918
    padding-bottom: 15px;
6919
}
6920
 
6921
.place-bid-form .input-group input {
6922
    width: 70px;
6923
    border: 1px solid #e5e5e5;
6924
}
6925
 
6926
.paydel {
6927
    padding: 40px 0 0;
6928
}
6929
 
6930
.beatcompitation {
6931
    background-color: #f3f3f3;
6932
    padding: 15px;
6933
}
6934
 
6935
.beatcompitation h3 {
6936
    font-weight: 500;
6937
}
6938
 
6939
.sponser i {
6940
    background-color: #e44d3a;
6941
    color: #fff;
6942
    margin-right: 5px;
6943
    padding: 2px;
6944
}
6945
 
6946
.sponser h2 {
6947
    font-size: 18px;
6948
    font-weight: 600;
6949
    padding-top: 15px;
6950
    padding-bottom: 15px;
6951
}
6952
 
6953
.sponser {
6954
    padding: 15px;
6955
}
6956
 
6957
.modal-footer {
6958
    display: block !important;
6959
    border-top: none;
6960
    padding: 1rem 0;
6961
}
6962
 
6963
.modal-footer button {
3620 stevensc 6964
    background-color: $button-bg;
6965
    border: none;
6966
    border-radius: $button-text-color;
3497 stevensc 6967
    font-size: 15px;
6968
    font-weight: 500;
6969
    padding: 10px;
3621 stevensc 6970
    border-radius: $border-radius;
3620 stevensc 6971
    &:hover,
6972
    &:active {
6973
        background-color: $button-bg-hover;
6974
    }
3621 stevensc 6975
    &:nth-child(2) {
3622 stevensc 6976
        color: $button-text-color-secondary !important;
3621 stevensc 6977
        background-color: $button-bg-secondary;
3622 stevensc 6978
        border: 1px solid $border-gray-primary;
3621 stevensc 6979
        &:hover {
6980
            background-color: $button-bg-secondary-hover;
6981
        }
6982
    }
3497 stevensc 6983
}
6984
 
3620 stevensc 6985
.modal-footer button.save {
6986
    color: $button-text-color-secondary;
6987
    background-color: $button-bg-secondary;
6988
    &:hover {
6989
        background-color: $button-bg-secondary-hover;
6990
    }
3497 stevensc 6991
}
6992
 
6993
.place-bid-btn {
6994
    font-size: 15px;
6995
    font-weight: 500;
6996
    color: #fff !important;
6997
    background-color: #e44d3a !important;
6998
    border: none;
6999
    padding: 10px;
7000
    border: 1px solid #e44d3a;
7001
    border-radius: 3px;
7002
}
7003
 
7004
.usy-dt .reply {
7005
    margin: 3px 0 0 10px;
7006
    width: 360px;
7007
    height: 40px;
7008
    background-color: #efefef;
7009
    border: 1px solid #e5e5e5;
7010
    padding-left: 10px;
7011
    border-radius: 3px;
7012
}
7013
 
7014
.replybtn {
7015
    background-color: #e44d3a;
7016
    color: #fff;
7017
    padding: 10px;
7018
    margin-left: 15px;
7019
    border-radius: 3px;
7020
}
7021
 
7022
.replybtn:hover {
7023
    color: #fff;
7024
}
7025
 
7026
.rewivew ul li {
7027
    margin-right: 5px !important;
7028
}
7029
 
7030
.security hr {
7031
    margin-right: -15px;
7032
    margin-left: -15px;
7033
}
7034
 
7035
.privacy .la-check {
7036
    float: left;
7037
    font-size: 12px;
7038
    margin: 5px 5px 0 0;
7039
    padding: 3px;
7040
    background-color: #e44d3a;
7041
    color: #fff;
7042
    border-radius: 50%;
7043
}
7044
 
7045
ul#myTab {
7046
    border-bottom: 1px solid #e5e5e5;
7047
}
7048
 
7049
.nav-tabs .nav-link {
7050
    border: none;
7051
}
7052
 
7053
.noborder {
7054
    border-bottom: none;
7055
}
7056
 
7057
.manbids {
7058
    margin-bottom: 0 !important;
7059
}
7060
 
7061
.noreply {
7062
    padding-top: 30px;
7063
}
7064
 
7065
#my-bids .nav-tabs {
7066
    margin-bottom: 20px;
7067
    margin-top: 7px;
7068
    padding-bottom: 0;
7069
}
7070
 
7071
#my-bids ul {
7072
    margin-bottom: 15px;
7073
    margin-top: 7px;
7074
    padding-bottom: 0;
7075
}
7076
 
7077
.savedjob-info p {
7078
    color: #666666;
7079
    margin-top: 5px;
7080
}
7081
 
7082
#my-bids ul li a {
7083
    color: #000000;
7084
    font-size: 16px;
7085
    font-weight: 500;
7086
}
7087
 
7088
#my-bids li a:hover {
7089
    color: #e44d3a;
7090
}
7091
 
7092
#saved-jobs ul {
7093
    margin-bottom: 20px;
7094
}
7095
 
7096
#saved-jobs ul li a {
7097
    color: #000000;
7098
    font-size: 16px;
7099
    font-weight: 500;
7100
}
7101
 
7102
#saved-jobs li a:hover {
7103
    color: #e44d3a;
7104
}
7105
 
7106
.wordpressdevlp h2 {
7107
    font-size: 18px;
7108
    font-weight: 600;
7109
    margin-bottom: 15px;
7110
}
7111
 
7112
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7113
#saved-jobs .nav-tabs .nav-link.active {
7114
    background-color: inherit;
7115
    color: #e44d3a !important;
7116
    padding-bottom: 9px;
7117
    border-bottom: 2px solid #e44d3a !important;
7118
}
7119
 
7120
#my-bids .nav-tabs .nav-item.show .nav-link,
7121
#my-bids .nav-tabs .nav-link.active {
7122
    background-color: inherit;
7123
    color: #e44d3a !important;
7124
    padding-bottom: 9px;
7125
    border-bottom: 2px solid #e44d3a !important;
7126
}
7127
 
7128
.descptab li img {
7129
    float: left !important;
7130
    filter: inherit !important;
7131
}
7132
 
7133
.bklink {
7134
    border-bottom: none !important;
7135
    width: unset !important;
7136
    float: right !important;
7137
}
7138
 
7139
.bklik {
7140
    border-bottom: none !important;
7141
}
7142
 
7143
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7144
 
7145
.savedjob-info li {
7146
    display: inline-block;
7147
    padding-left: 25px;
7148
}
7149
 
7150
.savedjob-info h3 {
7151
    font-size: 14px;
7152
    font-weight: 500;
7153
}
7154
 
7155
.settingjb ul li {
7156
    margin-right: 25px !important;
7157
}
7158
 
7159
.mangebid li {
7160
    padding-left: 0;
7161
    padding-right: 20px;
7162
    padding-top: 10px;
7163
}
7164
 
7165
.bk-links.bklink li {
7166
    padding-right: 0;
7167
}
7168
 
7169
.bidsbtn {
7170
    position: relative;
7171
}
7172
 
7173
.biddersinfo li {
7174
    padding-left: 0;
7175
    padding-right: 20px;
7176
}
7177
 
7178
#review {
7179
    background-color: #fff;
7180
    margin-bottom: 40px;
7181
}
7182
 
7183
.starreview {
7184
    padding-left: 20px;
7185
}
7186
 
7187
.replytext {
7188
    padding-bottom: 20px;
7189
}
7190
 
7191
.starrevi {
7192
    padding-left: 20px;
7193
}
7194
 
7195
.apply-jobbox {
7196
    text-align: center;
7197
}
7198
 
7199
.apply-jobbox form input {
7200
    width: 100%;
7201
    margin-top: 20px;
7202
    padding: 10px;
7203
    color: #222;
7204
    border: 1px solid #e5e5e5;
7205
    border-radius: 3px;
7206
    font-size: 14px;
7207
}
7208
 
7209
.apply-jobbox h3 {
7210
    margin: 20px 0;
7211
}
7212
 
7213
.select-files {
7214
    border: 1px solid #e5e5e5;
7215
    margin-top: 20px;
7216
    padding: 30px;
7217
    background: #efefef;
7218
}
7219
 
7220
.select-files button {
7221
    margin-bottom: 20px;
7222
    background-color: transparent;
7223
    border: 1px solid #e5e5e5;
7224
    padding: 10px 15px 10px 15px;
7225
    border-radius: 5px;
7226
    font-weight: 600;
7227
}
7228
 
7229
.select-files button:hover {
7230
    background-color: #e44d3a;
7231
    color: #fff;
7232
}
7233
 
7234
.close {
7235
    position: absolute;
7236
    right: 0px;
7237
    top: 0px;
7238
    color: #929292;
3828 stevensc 7239
    border: 1px solid;
3497 stevensc 7240
    border-radius: 50%;
7241
    height: 30px;
7242
    width: 30px;
7243
}
7244
 
7245
.mapouter iframe {
7246
    width: 100%;
7247
    height: 400px;
7248
}
7249
 
7250
.mapouter {
7251
    position: relative;
7252
    text-align: right;
7253
    height: 500px;
7254
    width: 100%;
7255
}
7256
 
7257
.gmap_canvas {
7258
    overflow: hidden;
7259
    background: none !important;
7260
}
7261
 
7262
.video-iframe {
7263
    width: 100%;
7264
    height: 400px;
7265
}
7266
 
7267
.custom-file-input {
7268
    color: transparent;
7269
    opacity: 1;
7270
    /* margin-left: 140px; */
7271
    margin-bottom: 10px;
7272
}
7273
 
7274
.custom-file-input::-webkit-file-upload-button {
7275
    visibility: hidden;
7276
}
7277
 
7278
.custom-file-input::before {
7279
    content: "Select Files";
7280
    color: #fff;
7281
    display: inline-block;
7282
    border: 1px solid #e5e5e5;
7283
    border-radius: 3px;
7284
    background: #e44d3a;
7285
    font-weight: 500;
7286
    padding: 10px 15px;
7287
    outline: none;
7288
    white-space: nowrap;
7289
    -webkit-user-select: none;
7290
    cursor: pointer;
7291
}
7292
 
7293
.custom-file-input:hover::before {
7294
    background-color: #e44d3a;
7295
    color: #fff;
7296
}
7297
 
7298
.custom-file-input:active {
7299
    outline: 0;
7300
}
7301
 
7302
.custom-file-input:active::before {
7303
    background: #e44d3a;
7304
    color: #fff;
7305
}
7306
 
7307
.bids-time {
7308
    float: right;
7309
}
7310
 
7311
.saved-post {
7312
    padding: 0;
7313
}
7314
 
7315
.saved-post p {
7316
    padding-bottom: 20px;
7317
}
7318
 
7319
.saved-info li {
7320
    padding-right: 25px;
7321
    padding-left: 0;
7322
}
7323
 
7324
.saved-btn {
7325
    padding: 0;
7326
    margin-bottom: -12px;
7327
}
7328
 
7329
.applied-post {
7330
    padding: 0;
7331
}
7332
 
7333
.post-bid {
7334
    padding: 0 !important;
7335
}
7336
 
7337
.bidsbtn {
7338
    padding-top: 0 !important;
7339
}
7340
 
7341
.active-bids {
7342
    padding: 0;
7343
}
7344
 
7345
.activ-bidinfo li {
7346
    padding-top: 10px;
7347
    padding-left: 0;
7348
    padding-right: 25px;
7349
}
7350
 
7351
.activebtn {
7352
    padding-left: 0;
7353
}
7354
 
7355
.p-all {
7356
    padding: 0px;
7357
    float: left;
7358
    width: 100%;
7359
    position: relative;
7360
}
7361
 
7362
.toggle-btn .custom-switch .custom-control-label::before {
7363
    left: -2.25rem;
7364
    width: 70px;
7365
    pointer-events: all;
7366
    border-radius: 100px;
7367
    height: 30px;
7368
    top: -1px;
7369
    box-shadow: none;
7370
}
7371
 
7372
.toggle-btn .custom-control-label::before {
7373
    position: absolute;
7374
    top: 0.25rem;
7375
    left: -1.5rem;
7376
    display: block;
7377
    width: 1rem;
7378
    height: 1rem;
7379
    pointer-events: none;
7380
    content: "";
7381
    background-color: #fff;
7382
    border: #e1e1e1 solid 2px;
7383
}
7384
 
3508 stevensc 7385
.custom-control-input:checked ~ .custom-control-label::before {
3497 stevensc 7386
    color: #fff;
7387
    border-color: #e44d3a;
7388
    background-color: #e44d3a;
7389
    box-shadow: none;
7390
    outline: none;
7391
}
7392
 
7393
.toggle-btn .custom-switch .custom-control-label::after {
7394
    top: calc(-1px + 2px);
7395
    left: calc(-36px + 2px);
7396
    width: calc(30px - 4px);
7397
    height: calc(30px - 4px);
7398
    background-color: #e1e1e1;
7399
    border-radius: 100%;
3508 stevensc 7400
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
7401
        -webkit-transform 0.15s ease-in-out;
7402
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
7403
        box-shadow 0.15s ease-in-out;
7404
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
7405
        box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
3497 stevensc 7406
}
7407
 
7408
.toggle-btn .custom-control-label::after {
7409
    position: absolute;
7410
    top: 0.25rem;
7411
    left: -1.5rem;
7412
    display: block;
7413
    width: 0;
7414
    height: 0;
7415
    content: "";
7416
    background: no-repeat 50%/50% 50%;
7417
}
7418
 
7419
.toggle-btn .custom-control-label {
7420
    position: initial;
7421
    margin-bottom: 0;
7422
    vertical-align: top;
7423
}
7424
 
3508 stevensc 7425
.toggle-btn .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
3497 stevensc 7426
    background-color: #fff;
7427
    -webkit-transform: translateX(2.5rem);
7428
    transform: translateX(2.5rem);
7429
}
7430
 
7431
.custom-control-label {
7432
    position: relative;
7433
    margin-bottom: 0;
7434
    vertical-align: top;
7435
    line-height: 24px;
7436
    font-size: 14px;
7437
    color: #666666;
7438
}
7439
 
7440
.small-text-children p,
7441
.small-text-children span {
3508 stevensc 7442
    font-size: 0.8rem;
3497 stevensc 7443
}
7444
 
7445
.search-item-selected {
7446
    padding: 1px 10px;
7447
    background: var(--background-gray);
7448
    line-height: 1;
7449
    border-radius: 10px;
7450
    font-weight: bold;
7451
}
7452
 
7453
.row .sc-dkzDqf {
7454
    margin: 0 auto;
7455
}
7456
 
7457
.test-section .title,
7458
.test-section .description {
7459
    margin-bottom: 10px;
7460
}
7461
 
7462
.test-section .btn-danger {
7463
    margin-right: 10px;
7464
}
7465
 
7466
.test-section .panel-body {
7467
    padding: 20px 0px;
7468
}
7469
 
7470
.test-section .panel {
7471
    margin-top: 20px;
7472
    padding-bottom: 10px;
7473
}
7474
 
7475
.test-section .panel-title {
7476
    font-size: 16px;
7477
    font-weight: bold;
7478
    text-transform: uppercase;
7479
}
7480
 
7481
.test-section .np-padding {
7482
    padding: 0px;
7483
}
7484
 
7485
.test-section .checkbox {
7486
    display: flex;
7487
    margin: 20px 0px;
7488
}
7489
 
7490
.test-section .option {
7491
    margin-left: 10px;
7492
}
7493
 
3508 stevensc 7494
.checkbox input[type="checkbox"],
7495
input[type="radio"] {
3497 stevensc 7496
    margin-top: 5px !important;
7497
}
7498
 
7499
.test-section h6 {
7500
    margin-bottom: 10px;
7501
    color: #0860bf;
7502
}
7503
 
7504
.wizard {
7505
    display: flex;
7506
    margin-top: 10px;
7507
}
7508
 
7509
.wizard li {
7510
    width: 50%;
7511
    display: inline-block;
7512
}
7513
 
7514
.btn-secondary:disabled,
7515
.btn-primary:disabled {
7516
    cursor: no-drop;
7517
}
7518
 
7519
.test-section .btn-primary {
3508 stevensc 7520
    margin-left: 10px;
3497 stevensc 7521
}
7522
 
7523
.previous {
7524
    text-align: left;
7525
}
7526
 
7527
.next {
7528
    text-align: right;
7529
}
7530
 
7531
.test-section .close {
7532
    border: none !important;
7533
    border-radius: 0px !important;
7534
}
7535
 
7536
.ratin-range {
7537
    display: block;
7538
}
7539
 
7540
.ratin-range li {
7541
    display: inline-block;
7542
    width: 6%;
7543
}
7544
 
7545
.ratin-range li .option {
7546
    margin-top: 2px !important;
7547
}
7548
 
7549
#react-self-evaluation .company-up-info ul {
7550
    width: 100%;
7551
    position: absolute;
7552
    float: left;
7553
    left: 0px;
7554
    bottom: 4vw;
7555
}
7556
 
7557
#react-self-evaluation .company-up-info {
7558
    padding: 30px 10px;
7559
    min-height: 20vw;
3508 stevensc 7560
    border: 1px solid #e5e5e5;
3497 stevensc 7561
}
7562
 
7563
#react-self-evaluation .company-up-info h3 {
7564
    width: 90%;
7565
    margin: 5px auto;
7566
}
7567
 
7568
.mb10 {
7569
    margin-bottom: 3vw;
7570
}
7571
 
7572
.opt-h6 {
7573
    font-weight: 600 !important;
7574
    color: #000 !important;
3508 stevensc 7575
}
3783 stevensc 7576
 
7577
// Alert notification
7578
 
7579
.alert-danger {
7580
    background-color: $danger !important;
7581
    &:hover {
7582
        background-color: $danger-hover !important;
7583
    }
7584
}