Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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