Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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