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