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