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