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
    cursor: pointer;
5834
}
5835
 
5836
.messages-list ul li.active {
5837
    background-color: #efefef;
5838
}
5839
 
5840
.usr-msg-details {
5841
    float: left;
5842
    position: relative;
5843
    width: 100%;
3508 stevensc 5844
    padding: 0.5rem 1rem;
3497 stevensc 5845
    border-radius: 10px;
5846
}
5847
 
5848
.usr-msg-details:hover {
5849
    background: var(--background-light-gray);
5850
}
5851
 
5852
.usr-ms-img {
5853
    float: left;
5854
    width: 50px;
5855
    position: relative;
5856
}
5857
 
5858
.msg-status {
5859
    -webkit-border-radius: 100px;
5860
    -moz-border-radius: 100px;
5861
    -ms-border-radius: 100px;
5862
    -o-border-radius: 100px;
5863
    border-radius: 100px;
5864
    background-color: #e44d3a;
5865
    position: absolute;
5866
    top: -3px;
5867
    right: 0;
5868
    width: 6px;
5869
    height: 6px;
5870
}
5871
 
5872
.messages-list ul li.active .msg-status {
5873
    border: 2px solid #ecf5fb;
5874
    height: 10px;
5875
    width: 10px;
5876
}
5877
 
5878
.msg-notifc {
5879
    position: absolute;
5880
    /* bottom: 0;
5881
    right: 0; */
5882
    width: 25px;
5883
    height: 25px;
5884
    -webkit-border-radius: 100px;
5885
    -moz-border-radius: 100px;
5886
    -ms-border-radius: 100px;
5887
    -o-border-radius: 100px;
5888
    border-radius: 100px;
5889
    background-color: #e77667;
5890
    text-align: center;
5891
    line-height: 25px;
5892
    font-size: 13px;
5893
    color: #fff;
5894
}
5895
 
5896
.usr-ms-img img {
5897
    width: 100%;
5898
    -webkit-border-radius: 100px;
5899
    -moz-border-radius: 100px;
5900
    -ms-border-radius: 100px;
5901
    -o-border-radius: 100px;
5902
    border-radius: 100px;
5903
}
5904
 
5905
.usr-mg-info {
5906
    float: left;
5907
    padding-left: 13px;
5908
    margin-top: 4px;
5909
}
5910
 
5911
.usr-mg-info h3 {
5912
    color: #000000;
5913
    font-size: 18px;
5914
    font-weight: 600;
5915
}
5916
 
5917
.usr-mg-info p {
5918
    color: #686868;
5919
    font-size: 16px;
5920
}
5921
 
5922
.usr-mg-info p img {
5923
    float: right;
5924
    position: relative;
5925
    top: 5px;
5926
    padding-left: 5px;
5927
}
5928
 
5929
.posted_time {
5930
    position: absolute;
5931
    top: 2px;
5932
    right: 0;
5933
    color: #b2b2b2;
5934
    font-size: 14px;
5935
}
5936
 
5937
/* =============== main-message-box ============= */
5938
 
5939
.main-conversation-box {
5940
    width: 100%;
3570 stevensc 5941
    background-color: $bg-color;
3497 stevensc 5942
    position: relative;
5943
    height: 80vh;
5944
    display: grid;
5945
    grid-template-rows: auto 65% auto;
5946
}
5947
 
5948
.inmail-conversation-container {
5949
    width: 100%;
3571 stevensc 5950
    background-color: $bg-color;
3497 stevensc 5951
    position: relative;
5952
    height: 80vh;
3508 stevensc 5953
    gap: 0.5rem;
3497 stevensc 5954
    display: grid;
5955
    grid-template-rows: 5% 80% 15%;
5956
}
5957
 
5958
@media (min-width: 992px) {
5959
    .inmail-conversation-container {
5960
        grid-template-rows: 85% 15%;
5961
    }
5962
}
5963
 
5964
.inmail-conversation-box {
5965
    width: 100%;
5966
    position: relative;
5967
    display: grid;
5968
    grid-template-rows: auto 90%;
5969
    overflow: hidden;
5970
}
5971
 
5972
.message-bar-head {
5973
    height: 13vh;
5974
    width: 100%;
5975
    padding: 20px;
3510 stevensc 5976
    border-bottom: 1px solid $border-primary;
3497 stevensc 5977
}
5978
 
5979
.message-bar-head .usr-msg-details {
5980
    width: auto;
5981
}
5982
 
3508 stevensc 5983
.message-bar-head > a {
3497 stevensc 5984
    float: right;
5985
    color: #b2b2b2;
5986
    font-size: 20px;
5987
    padding-top: 15px;
5988
}
5989
 
5990
.main-message-box {
5991
    display: flex;
5992
    width: 100%;
5993
    position: relative;
5994
    margin-bottom: 15.5px;
5995
}
5996
 
5997
.messg-usr-img {
5998
    margin-left: 20px;
5999
    width: 50px;
6000
}
6001
 
6002
.messg-usr-img img {
6003
    width: 100%;
3571 stevensc 6004
    background: #fff;
3497 stevensc 6005
    -webkit-border-radius: 100px;
6006
    -moz-border-radius: 100px;
6007
    -ms-border-radius: 100px;
6008
    -o-border-radius: 100px;
6009
    border-radius: 100px;
6010
}
6011
 
6012
.message-dt {
6013
    width: auto;
6014
    margin-left: 15px;
6015
}
6016
 
6017
.main-message-box.ta-right {
6018
    flex-direction: row-reverse;
6019
}
6020
 
6021
.main-message-box.ta-right .messg-usr-img {
6022
    margin-left: 0;
6023
    margin-right: 20px;
6024
}
6025
 
6026
.main-message-box.ta-right .message-dt {
6027
    margin-right: 15px;
6028
}
6029
 
3508 stevensc 6030
.main-message-box.ta-right .message-dt > span {
3497 stevensc 6031
    float: right;
6032
    width: auto;
6033
}
6034
 
6035
.message-inner-dt {
6036
    -webkit-border-radius: 15px;
6037
    -moz-border-radius: 15px;
6038
    -ms-border-radius: 15px;
6039
    -o-border-radius: 15px;
6040
    border-radius: 15px;
6041
    width: 100%;
6042
    border-bottom-left-radius: 0;
6043
}
6044
 
6045
.img-bx {
6046
    background-color: #efefef;
6047
    padding: 20px;
6048
}
6049
 
3508 stevensc 6050
.message-inner-dt > img {
3497 stevensc 6051
    display: inline-block;
6052
    width: auto;
6053
    margin-right: 5px;
6054
}
6055
 
3508 stevensc 6056
.message-dt > span {
3497 stevensc 6057
    color: #b2b2b2;
6058
    font-size: 14px;
6059
    float: left;
6060
    width: 100%;
6061
    margin-top: 7px;
6062
}
6063
 
3508 stevensc 6064
.message-inner-dt > p {
3497 stevensc 6065
    font-size: 14px;
6066
    line-height: 22px;
6067
    padding: 2px 10px;
6068
    color: #000;
6069
    -webkit-border-radius: 15px;
6070
    -moz-border-radius: 15px;
6071
    -ms-border-radius: 15px;
6072
    -o-border-radius: 15px;
6073
    border-radius: 15px;
6074
}
6075
 
3508 stevensc 6076
.message-dt.st3 .message-inner-dt > p {
3497 stevensc 6077
    background-color: #efefef;
6078
    color: #686868;
6079
    width: auto;
6080
    padding: 10px 15px;
6081
    float: left;
6082
}
6083
 
3508 stevensc 6084
.message-dt.st3 .message-inner-dt > p img {
3497 stevensc 6085
    float: right;
6086
    position: relative;
6087
    top: 3px;
6088
    padding-left: 5px;
6089
}
6090
 
6091
.main-message-box.st3 .messg-usr-img {
6092
    bottom: 13px;
6093
}
6094
 
6095
.messages-line {
6096
    width: 100%;
6097
}
6098
 
6099
/* ============== message-send-area ============ */
6100
 
6101
.message-send-area {
6102
    width: 100%;
3570 stevensc 6103
    background: $bg-color;
3508 stevensc 6104
    padding: 0.5rem;
3497 stevensc 6105
    height: fit-content;
6106
}
6107
 
6108
.inmail-submit-btn {
6109
    width: 6%;
6110
}
6111
 
6112
.message-send-area form {
6113
    width: 100%;
6114
}
6115
 
6116
.mf-field {
6117
    width: 100%;
6118
    display: flex;
6119
    align-items: center;
3508 stevensc 6120
    gap: 0.5rem;
3497 stevensc 6121
}
6122
 
6123
.chat-header a {
6124
    text-decoration: none;
6125
    color: var(--dark);
6126
}
6127
 
6128
.chat-header h2 {
6129
    font-weight: 700;
6130
    text-align: center;
6131
}
6132
 
6133
.chat_contacts {
6134
    display: grid;
6135
    grid-template-rows: auto auto 1fr;
6136
    max-height: 80vh;
6137
}
6138
 
6139
.mf-field input {
6140
    flex: 1;
3571 stevensc 6141
    background-color: $bg-color-secondary;
3497 stevensc 6142
    border: none;
3571 stevensc 6143
    color: $font-color;
3497 stevensc 6144
    font-size: 16px;
6145
    padding: 0 15px;
6146
    height: 45px;
6147
    border-radius: 100px;
6148
}
6149
 
3508 stevensc 6150
.message-send-area form > ul {
3497 stevensc 6151
    float: left;
6152
    width: 100%;
6153
    margin-top: 15px;
6154
}
6155
 
3508 stevensc 6156
.message-send-area form > ul li {
3497 stevensc 6157
    display: inline-block;
6158
    margin-right: 20px;
6159
}
6160
 
3508 stevensc 6161
.message-send-area form > ul li a {
3497 stevensc 6162
    color: #b2b2b2;
6163
    font-size: 18px;
6164
}
6165
 
6166
/* ============== forum-links ============= */
6167
 
6168
.forum-sec {
6169
    background-color: #fff;
6170
}
6171
 
6172
.forum-links {
6173
    float: left;
6174
    width: 100%;
6175
}
6176
 
6177
.forum-links.active {
6178
    opacity: 1;
6179
    visibility: visible;
6180
    z-index: 9999;
6181
}
6182
 
6183
.forum-links ul li {
6184
    display: inline-block;
6185
    padding: 20px 0;
6186
    margin-right: 45px;
6187
    border-bottom: 2px solid transparent;
6188
}
6189
 
6190
.forum-links ul li.active {
6191
    border-color: #e44d3a;
6192
}
6193
 
6194
.forum-links ul li.active a {
6195
    color: #e44d3a;
6196
}
6197
 
6198
.forum-links ul li a {
6199
    display: inline-block;
6200
    color: #b2b2b2;
6201
    font-size: 14px;
6202
    font-weight: 600;
6203
}
6204
 
6205
.forum-links-btn {
6206
    float: left;
6207
    width: 100%;
6208
    text-align: center;
6209
    display: none;
6210
    padding: 20px 0;
6211
}
6212
 
6213
.forum-links-btn a {
6214
    color: #000;
6215
    font-size: 30px;
6216
    display: inline-block;
6217
}
6218
 
6219
/* ================ forum-page =============== */
6220
 
6221
.forum-page {
6222
    padding: 50px 0;
6223
}
6224
 
6225
.forum-questions-sec {
6226
    float: left;
6227
    width: 100%;
6228
}
6229
 
6230
.forum-questions {
6231
    float: left;
6232
    width: 100%;
6233
    background-color: #fff;
6234
}
6235
 
6236
.usr-question {
6237
    float: left;
6238
    width: 100%;
6239
    position: relative;
6240
    padding: 25px;
6241
    border-bottom: 1px solid #e5e5e5;
6242
}
6243
 
6244
.usr_img {
6245
    float: left;
6246
    width: 60px;
6247
}
6248
 
6249
.usr_img img {
6250
    width: 100%;
6251
    -webkit-border-radius: 100px;
6252
    -moz-border-radius: 100px;
6253
    -ms-border-radius: 100px;
6254
    -o-border-radius: 100px;
6255
    border-radius: 100px;
6256
}
6257
 
6258
.usr_quest {
6259
    float: left;
6260
    width: 90%;
6261
    padding-left: 15px;
6262
}
6263
 
3508 stevensc 6264
.usr_quest > h3 {
3497 stevensc 6265
    color: #000000;
6266
    font-size: 17px;
6267
    font-weight: 600;
6268
    margin-bottom: 20px;
6269
}
6270
 
3508 stevensc 6271
.forum-post-view .usr_quest > h3 {
3497 stevensc 6272
    margin-bottom: 10px;
6273
}
6274
 
6275
.react-links {
6276
    float: left;
6277
    width: 100%;
6278
}
6279
 
6280
.react-links li {
6281
    display: inline-block;
6282
    margin-right: 30px;
6283
}
6284
 
6285
.react-links li a {
6286
    display: inline-block;
6287
    color: #b2b2b2;
6288
    font-size: 14px;
6289
    font-weight: 600;
6290
}
6291
 
6292
.react-links li a:hover {
6293
    color: #e44d3a;
6294
}
6295
 
6296
.react-links li a i {
6297
    padding-right: 7px;
6298
}
6299
 
6300
.react-links li:last-child {
6301
    margin-right: 0;
6302
}
6303
 
6304
/* ============= quest-tags ============ */
6305
 
6306
.quest-tags {
6307
    float: left;
6308
    width: 100%;
6309
    margin-top: 20px;
6310
}
6311
 
6312
.quest-tags li {
6313
    display: inline-block;
6314
    margin-right: 10px;
6315
}
6316
 
6317
.quest-tags li a {
6318
    display: inline-block;
6319
    color: #ffffff;
6320
    background-color: #53d690;
6321
    -webkit-border-radius: 3px;
6322
    -moz-border-radius: 3px;
6323
    -ms-border-radius: 3px;
6324
    -o-border-radius: 3px;
6325
    border-radius: 3px;
6326
    padding: 7px 25px;
6327
}
6328
 
6329
.quest-posted-time {
6330
    position: absolute;
6331
    bottom: 30px;
6332
    right: 20px;
6333
    color: #b2b2b2;
6334
    font-size: 14px;
6335
}
6336
 
6337
.quest-posted-time i {
6338
    padding-right: 5px;
6339
}
6340
 
6341
.pd-right-none {
6342
    padding-right: 0;
6343
}
6344
 
6345
/* =========== navigation ============ */
6346
 
6347
.pagination {
6348
    float: left;
6349
    width: 100%;
6350
    /* background-color: #fff; */
6351
    padding: 13px 25px;
6352
}
6353
 
6354
.full-pagi {
6355
    float: left;
6356
    width: 100%;
6357
    padding-right: 0;
6358
    text-align: inherit;
6359
    margin-top: 20px;
6360
}
6361
 
6362
.pagination li {
6363
    padding: 0;
6364
    margin-right: 10px;
6365
}
6366
 
6367
.pagination li .page-link {
6368
    /* background-color: #e5e5e5; */
6369
    color: #b2b2b2;
6370
}
6371
 
6372
.pagination li .page-link.active {
6373
    background-color: #e44d3a;
6374
    color: #fff;
6375
    border-color: transparent;
6376
}
6377
 
6378
.pvr {
6379
    padding: 0.5rem 30px;
6380
}
6381
 
6382
/* ============ User Widget =========== */
6383
 
6384
.title-wd {
6385
    float: left;
6386
    width: 100%;
6387
    color: #000000;
6388
    font-size: 18px;
6389
    font-weight: 600;
6390
    border-bottom: 1px solid #e5e5e5;
6391
    padding: 25px 20px;
6392
}
6393
 
6394
.widget-user ul {
6395
    float: left;
6396
    width: 100%;
6397
    padding: 15px 0;
6398
}
6399
 
6400
.widget-user ul li {
6401
    float: left;
6402
    width: 100%;
6403
    padding: 15px 20px;
6404
}
6405
 
6406
.widget-user ul li .usr-msg-details {
6407
    float: left;
6408
    width: auto;
6409
}
6410
 
6411
.widget-user ul li .usr-ms-img {
6412
    width: 35px;
6413
}
6414
 
6415
.widget-user ul li .usr-mg-info h3 {
6416
    font-size: 14px;
6417
}
6418
 
6419
.widget-user ul li .usr-mg-info p {
6420
    font-size: 12px;
6421
}
6422
 
3508 stevensc 6423
.widget-user ul li > span {
3497 stevensc 6424
    color: #686868;
6425
    font-size: 16px;
6426
    float: right;
6427
    margin-top: 10px;
6428
}
6429
 
3508 stevensc 6430
.widget-user ul li > span img {
3497 stevensc 6431
    padding-right: 5px;
6432
}
6433
 
6434
/* ============== widget-adver ============ */
6435
 
6436
.widget-adver img {
6437
    width: 100%;
6438
}
6439
 
6440
/* ============ forum-post-view ============ */
6441
 
6442
.forum-post-view {
6443
    float: left;
6444
    width: 100%;
6445
    background-color: #fff;
6446
    padding: 25px 25px 0 25px;
6447
    border-bottom: 1px solid #e5e5e5;
6448
}
6449
 
6450
.forum-post-view .usr-question {
6451
    border-bottom: 0;
6452
    padding: 0;
6453
}
6454
 
6455
.forum-post-view .usr_quest span {
6456
    color: #b2b2b2;
6457
    font-size: 14px;
6458
    display: inline-block;
6459
    margin-bottom: 20px;
6460
}
6461
 
6462
.forum-post-view .usr_quest span i {
6463
    padding-right: 7px;
6464
}
6465
 
6466
.forum-post-view .quest-tags {
6467
    margin-bottom: 30px;
6468
}
6469
 
3508 stevensc 6470
.forum-post-view .usr_quest > p {
3497 stevensc 6471
    float: left;
6472
    width: 100%;
6473
    color: #686868;
6474
    font-size: 14px;
6475
    line-height: 24px;
6476
    margin-bottom: 40px;
6477
}
6478
 
6479
.forum-post-view .comment-section {
6480
    padding: 0;
6481
}
6482
 
3508 stevensc 6483
.forum-post-view .comment-section > h3 {
3497 stevensc 6484
    float: left;
6485
    width: 100%;
6486
    color: #000000;
6487
    font-size: 18px;
6488
    font-weight: 600;
6489
    border-bottom: 1px solid #e5e5e5;
6490
    padding-bottom: 15px;
6491
}
6492
 
6493
.forum-post-view .comment-sec ul li {
6494
    border-bottom: 1px solid #e5e5e5;
6495
    padding: 23px 0;
6496
}
6497
 
6498
.forum-post-view .comment span {
6499
    margin-bottom: 10px;
6500
}
6501
 
6502
.forum-post-view .comment-list {
6503
    padding-bottom: 0;
6504
    margin-bottom: -4px;
6505
}
6506
 
6507
.forum-post-view .comment p {
6508
    margin: 0;
6509
    margin-top: 5px;
6510
}
6511
 
6512
.forum-post-view .comment h3 {
6513
    margin-bottom: 9px;
6514
}
6515
 
6516
.forum-post-view .comment-sec ul li:last-child {
6517
    border-bottom: 0;
6518
}
6519
 
6520
/* =============== post-comment-box ============= */
6521
 
6522
.post-comment-box {
6523
    float: left;
6524
    width: 100%;
6525
    padding: 20px;
6526
    background-color: #fff;
6527
}
6528
 
6529
.post-comment-box h3 {
6530
    float: left;
6531
    width: 100%;
6532
    color: #000000;
6533
    font-size: 18px;
6534
    font-weight: 600;
6535
    margin-bottom: 30px;
6536
}
6537
 
6538
.user-poster {
6539
    float: left;
6540
    width: 100%;
6541
}
6542
 
6543
.usr-post-img {
6544
    float: left;
6545
    width: 50px;
6546
    margin-right: 15px;
6547
}
6548
 
6549
.usr-post-img img {
6550
    width: 100%;
6551
    -webkit-border-radius: 100px;
6552
    -moz-border-radius: 100px;
6553
    -ms-border-radius: 100px;
6554
    -o-border-radius: 100px;
6555
    border-radius: 100px;
6556
}
6557
 
6558
.post_comment_sec {
6559
    float: left;
6560
    width: 90%;
6561
}
6562
 
6563
.post_comment_sec form {
6564
    float: left;
6565
    width: 100%;
6566
}
6567
 
6568
.post_comment_sec form textarea {
6569
    float: left;
6570
    width: 100%;
6571
    height: 130px;
6572
    border: 1px solid #dce2eb;
6573
    padding: 15px;
6574
    resize: none;
6575
}
6576
 
6577
.post_comment_sec form button {
6578
    color: #ffffff;
6579
    font-size: 14px;
6580
    background-color: #e44d3a;
6581
    padding: 10px 25px;
6582
    border: 0;
6583
    font-weight: 600;
6584
    margin-top: 20px;
6585
    cursor: pointer;
6586
}
6587
 
6588
/* ======== next-prev ========*/
6589
 
6590
.next-prev {
6591
    float: left;
6592
    width: 100%;
6593
    background-color: #fff;
6594
    margin-top: 20px;
6595
    padding: 12px 25px;
6596
}
6597
 
3508 stevensc 6598
.next-prev > a {
3497 stevensc 6599
    width: 90px;
6600
    height: 35px;
6601
    text-align: center;
6602
    line-height: 35px;
6603
    color: #b2b2b2;
6604
    font-size: 14px;
6605
    background-color: #e5e5e5;
6606
}
6607
 
3508 stevensc 6608
.next-prev > a:hover {
3497 stevensc 6609
    color: #fff;
6610
    background-color: #e44d3a;
6611
}
6612
 
6613
.fl-left {
6614
    float: left;
6615
}
6616
 
6617
.fl-right {
6618
    float: right;
6619
}
6620
 
6621
/* ========== widget-feat ========= */
6622
 
6623
.widget-feat {
6624
    padding: 25px 20px;
6625
}
6626
 
6627
.widget-feat ul {
6628
    float: left;
6629
    width: 100%;
6630
}
6631
 
6632
.widget-feat ul li {
6633
    float: left;
6634
    width: 25%;
6635
    text-align: center;
6636
}
6637
 
6638
.widget-feat ul li i {
6639
    display: block;
6640
    font-size: 18px;
6641
    margin-bottom: 9px;
6642
}
6643
 
6644
.widget-feat ul li span {
6645
    display: block;
6646
    color: #686868;
6647
    font-size: 16px;
6648
    font-weight: 500;
6649
}
6650
 
6651
.widget-feat ul li i.fa-heart {
6652
    color: #53d690;
6653
}
6654
 
6655
.widget-feat ul li i.fa-comment {
6656
    color: #e44d3a;
6657
}
6658
 
6659
.widget-feat ul li i.fa-share-alt {
6660
    color: #51a5fb;
6661
}
6662
 
6663
.widget-feat ul li i.fa-eye {
6664
    color: #00b540;
6665
}
6666
 
6667
/* =============== ANIMATION LOADER =============== */
6668
 
6669
.spinner {
6670
    margin: 0 auto 0;
6671
    width: 80px;
6672
    text-align: center;
6673
    height: 80px;
6674
    border-radius: 100px;
6675
    background-color: #fff;
6676
    line-height: 80px;
6677
    border: 1px solid #e1e1e1;
6678
    cursor: pointer;
6679
}
6680
 
3508 stevensc 6681
.spinner > div {
3497 stevensc 6682
    width: 15px;
6683
    height: 15px;
6684
    background-color: #b9b9b9;
6685
    border-radius: 100%;
6686
    display: inline-block;
6687
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6688
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6689
}
6690
 
6691
.spinner .bounce1 {
6692
    -webkit-animation-delay: -0.32s;
6693
    animation-delay: -0.32s;
6694
}
6695
 
6696
.spinner .bounce2 {
6697
    -webkit-animation-delay: -0.16s;
6698
    animation-delay: -0.16s;
6699
}
6700
 
6701
@-webkit-keyframes sk-bouncedelay {
6702
    0%,
6703
    80%,
6704
    100% {
6705
        -webkit-transform: scale(0);
6706
    }
6707
 
6708
    40% {
6709
        -webkit-transform: scale(1);
6710
    }
6711
}
6712
 
6713
@keyframes sk-bouncedelay {
6714
    0%,
6715
    80%,
6716
    100% {
6717
        -webkit-transform: scale(0);
6718
        transform: scale(0);
6719
    }
6720
 
6721
    40% {
6722
        -webkit-transform: scale(1);
6723
        transform: scale(1);
6724
    }
6725
}
6726
 
6727
.wordpressdevlp {
6728
    background-color: #fff;
6729
}
6730
 
6731
.bgclr {
6732
    background-color: #fff;
6733
    margin-bottom: 15px;
6734
}
6735
 
6736
.cadidatesbtn {
6737
    position: absolute;
6738
    left: 0;
6739
    padding-top: 5px;
6740
}
6741
 
6742
.cadidatesbtn button {
6743
    background-color: #e44d3a;
6744
    border: none;
6745
    margin-top: -3px;
6746
}
6747
 
6748
.cadidatesbtn button:hover {
6749
    background-color: #e44d3a;
6750
}
6751
 
6752
.cadidatesbtn span {
6753
    background-color: #bd2e1c;
6754
    color: #fff;
6755
    margin-right: 10px;
6756
    padding: 0.25em 0.5em;
6757
    font-weight: 600;
6758
    font-size: 12px;
6759
}
6760
 
6761
.wordpressdevlp i {
6762
    color: #e86554;
6763
    font-size: 18px;
6764
    font-weight: bold;
6765
    padding-right: 5px;
6766
}
6767
 
6768
.wordpressdevlp h2 {
6769
    font-size: 18px;
6770
    font-weight: 600;
6771
}
6772
 
6773
.cadidatesbtn i {
6774
    color: #b2b2b2;
6775
    border: 1px solid #b2b2b2;
6776
    font-size: 14px;
6777
    text-align: center;
6778
    margin-left: 7px;
6779
    border-radius: 3px;
6780
    padding: 10px;
6781
}
6782
 
6783
.cadidatesbtn i:hover {
6784
    background-color: #e44d3a;
6785
    color: #fff;
6786
    border: 1px solid #e44d3a;
6787
}
6788
 
6789
.inner {
6790
    border-bottom: 2px solid #e5e5e5;
6791
    padding-bottom: 10px;
6792
}
6793
 
6794
.inner li a:hover {
6795
    color: #e44d3a;
6796
    border-bottom: 2px solid #e44d3a;
6797
    padding-bottom: 9px;
6798
}
6799
 
6800
.inner li a {
6801
    color: #000000;
6802
}
6803
 
6804
.posttext {
6805
    position: absolute;
6806
    left: 0;
6807
}
6808
 
6809
.deatile h3 {
6810
    font-size: 14px;
6811
    font-weight: bold;
6812
    padding-bottom: 5px;
6813
}
6814
 
6815
.clrbtn a {
6816
    background-color: #e44d3a;
6817
    color: #fff;
6818
    padding: 5px 10px 5px 10px;
6819
    margin-right: 15px;
6820
}
6821
 
6822
.transpairentbtn a {
6823
    color: #222;
6824
    border: 2px solid #f1f1f1;
6825
    padding: 5px 10px 5px 10px;
6826
}
6827
 
6828
.savetext h3 {
6829
    font-size: 14px;
6830
    font-weight: bold;
6831
    padding-bottom: 5px;
6832
}
6833
 
6834
.devepbtn .clrbtn {
6835
    padding: 7px 20px;
6836
}
6837
 
6838
.devepbtn a {
6839
    color: #666666;
6840
    border: 1px solid #b2b2b2;
6841
    padding: 7px 10px 7px 10px;
6842
    border-radius: 3px;
6843
    margin-right: 5px;
6844
}
6845
 
6846
.devepbtn a:hover i {
6847
    color: #fff;
6848
}
6849
 
6850
.devepbtn a:hover {
6851
    background-color: #e44d3a;
6852
    color: #fff;
6853
}
6854
 
6855
.rew-reply hr {
6856
    margin-left: -20px;
6857
    margin-right: -20px;
6858
}
6859
 
6860
.rew-reply p {
6861
    padding-left: 20px;
6862
}
6863
 
6864
.rew-reply ul {
6865
    padding-left: 20px;
6866
}
6867
 
6868
.devepbtn {
6869
    margin-top: 30px;
6870
    padding-left: 20px;
6871
}
6872
 
6873
.rep-thanks hr {
6874
    margin-right: -20px;
6875
    margin-left: -20px;
6876
}
6877
 
6878
.profilecnd {
6879
    margin-bottom: 0px;
6880
}
6881
 
6882
.devepbtn i {
6883
    color: #b2b2b2;
6884
    font-size: 14px;
6885
}
6886
 
6887
.appliedinfo {
6888
    padding-left: 0;
6889
    padding-top: 20px !important;
6890
    padding-bottom: 10px;
6891
}
6892
 
6893
.epi2 {
6894
    padding: 0;
6895
}
6896
 
6897
.review a {
6898
    line-height: 16px;
6899
    font-size: 14px;
6900
    text-decoration: none;
6901
    font-weight: 500;
6902
    margin-left: 15px;
6903
}
6904
 
6905
.add-pic-box {
6906
    display: inline-block;
6907
    color: #e44d3a;
6908
    font-size: 16px;
6909
    position: absolute;
6910
    top: 30px;
6911
    right: 0;
6912
    font-weight: 600;
6913
    margin-right: 0;
6914
    width: 100%;
6915
}
6916
 
6917
.add-pic-box [type="file"] {
6918
    height: 0;
6919
    overflow: hidden;
6920
    width: 0;
6921
    float: left;
6922
}
6923
 
3508 stevensc 6924
.add-pic-box [type="file"] + label {
3497 stevensc 6925
    background: #fff;
6926
    border: 2px solid #e44d3a;
6927
    border-radius: 3px;
6928
    color: #e44d3a;
6929
    cursor: pointer;
6930
    /* display: inline-block; */
6931
    font-size: 15px;
6932
    font-weight: 600;
6933
    outline: none;
6934
    padding: 12px 20px;
6935
    position: relative;
6936
    transition: all 0.3s;
6937
    vertical-align: middle;
6938
    margin: 0;
6939
    float: right;
6940
    text-transform: uppercase;
6941
}
6942
 
3508 stevensc 6943
.add-pic-box [type="file"] + label:hover {
3497 stevensc 6944
    background: #e44d3a;
6945
    color: #fff;
6946
}
6947
 
6948
.noreview li i {
6949
    color: #b2b2b2;
6950
}
6951
 
6952
.review-tb {
6953
    margin: 0 0 10px;
6954
    padding-left: 20px;
6955
}
6956
 
6957
.noreview ul li i {
6958
    color: #b2b2b2;
6959
}
6960
 
6961
.mngdetl {
6962
    border-bottom: none;
6963
}
6964
 
6965
.post-reply {
6966
    padding-top: 0;
6967
    padding-bottom: 0;
6968
}
6969
 
6970
.activebidbtn i:hover {
6971
    background-color: #e44d3a;
6972
    color: #fff;
6973
    border: none;
6974
}
6975
 
6976
.reviewtitle h2 {
6977
    font-size: 17px;
6978
    font-weight: 600;
6979
}
6980
 
6981
.horiline {
6982
    width: 118%;
6983
    position: relative;
6984
    left: -40px;
6985
}
6986
 
6987
.tahnks {
6988
    font-weight: 500;
6989
    margin-top: 5px;
6990
}
6991
 
6992
/*about-page*/
6993
 
6994
.banner span {
6995
    position: absolute;
6996
    display: flex;
6997
    background-color: #222;
6998
    width: 100%;
6999
    opacity: 0.9;
7000
    justify-content: center;
7001
    padding: 10px;
7002
    margin-top: 0;
7003
    color: #fff;
7004
}
7005
 
7006
.innertitle {
7007
    margin-top: 130px;
7008
}
7009
 
7010
.Company-overview {
7011
    padding-bottom: 50px;
7012
}
7013
 
7014
.bennertext {
7015
    position: absolute;
7016
    left: 20%;
7017
    right: 20%;
7018
    text-align: center;
7019
}
7020
 
7021
.bannerimage img {
7022
    height: 100%;
7023
}
7024
 
7025
.innertitle h2 {
7026
    color: #fff;
7027
    font-size: 30px;
7028
    line-height: 32px;
7029
    font-weight: 600;
7030
    margin-bottom: 20px;
7031
}
7032
 
7033
.innertitle p {
7034
    color: #fff;
7035
    font-size: 16px;
7036
}
7037
 
7038
.Company-overview h2 {
7039
    padding-top: 100px;
7040
    font-size: 24px;
7041
    font-weight: 600;
7042
    padding-bottom: 12px;
7043
}
7044
 
7045
.Company-overview p {
7046
    font-size: 15px;
7047
    font-weight: 500;
7048
}
7049
 
7050
.Company-overview img {
7051
    float: right;
7052
    padding-top: 25px;
7053
}
7054
 
7055
.blog {
7056
    text-align: center;
7057
    display: inline-block;
7058
    margin-bottom: 50px;
7059
}
7060
 
7061
.blog img {
7062
    padding-bottom: 30px;
7063
}
7064
 
7065
.blog h2 {
7066
    font-size: 18px;
7067
    font-weight: 600;
7068
    padding-bottom: 30px;
7069
}
7070
 
7071
.blog a {
7072
    background-color: #ff4500;
7073
    color: #fff;
7074
    padding: 7px 25px 7px 25px;
7075
    border-radius: 3px;
7076
    font-size: 16px;
7077
    font-weight: 500;
7078
}
7079
 
7080
.services {
7081
    padding-top: 80px;
7082
    padding-bottom: 80px;
7083
}
7084
 
7085
.video {
7086
    padding-bottom: 40px;
7087
}
7088
 
7089
.search-container {
7090
    text-align: center;
7091
}
7092
 
7093
.search-container input[type="text"] {
7094
    padding: 6px 15px;
7095
    margin-top: 8px;
7096
    font-size: 17px;
7097
    border: none;
7098
    height: 50px;
7099
    width: 50%;
7100
    margin-bottom: 25px;
7101
    border-top-left-radius: 3px;
7102
    border-top-right-radius: 0px;
7103
    border-bottom-left-radius: 3px;
7104
    border-bottom-right-radius: 0px;
7105
}
7106
 
7107
.searchtitle {
7108
    text-align: center;
7109
}
7110
 
7111
.searchtitle h2 {
7112
    color: #fff;
7113
    font-size: 30px;
7114
    font-weight: 400;
7115
    padding-bottom: 10px;
7116
}
7117
 
7118
.modal-header {
7119
    position: relative;
7120
}
7121
 
7122
.modal-header h3 {
7123
    font-size: 18px;
7124
}
7125
 
7126
.search-container button {
7127
    padding: 8px 10px;
7128
    text-align: center;
7129
    margin-top: 8px;
7130
    margin-left: -3px;
7131
    margin-right: 18px;
7132
    background: #efefef;
7133
    font-size: 17px;
7134
    border: none;
7135
    cursor: pointer;
7136
    height: 50px;
7137
    width: 6%;
7138
    border-bottom-right-radius: 3px;
7139
    border-top-right-radius: 3px;
7140
}
7141
 
7142
.topsearch i {
7143
    color: #e44d3a;
7144
}
7145
 
7146
.dropdown-toggle::after {
7147
    position: absolute;
7148
    right: 15px;
7149
    color: #b2b2b2;
7150
    top: 7px;
7151
}
7152
 
7153
.help-paddy {
7154
    padding: 0 !important;
7155
}
7156
 
7157
.paddy {
7158
    padding: 20px;
7159
    float: left;
7160
}
7161
 
7162
.dropdown-menu {
7163
    position: absolute;
7164
    top: 100%;
7165
    left: 0;
7166
    z-index: 1000;
7167
    display: none;
7168
    float: left;
7169
    min-width: 10rem;
7170
    padding: 0.5rem 0;
7171
    margin: 0.125rem 0 0;
7172
    font-size: 1rem;
7173
    color: #212529;
7174
    text-align: left;
7175
    list-style: none;
7176
    background-color: #fff;
7177
    width: 100%;
7178
    background-clip: padding-box;
7179
    border: none;
7180
    border-radius: 0.25rem;
7181
}
7182
 
7183
.radio-form p {
7184
    display: -webkit-inline-box;
7185
}
7186
 
7187
.dropdown a {
7188
    color: #000000;
7189
    font-size: 16px;
7190
    font-weight: 400;
7191
    padding: 0 20px;
7192
}
7193
 
7194
.accountnone {
7195
    border: none;
7196
}
7197
 
7198
.helpforum {
7199
    background-color: #fff;
7200
    padding: 15px 0;
7201
    box-shadow: 0px 2px #c6c6c6;
7202
}
7203
 
7204
.helpforum h3 {
7205
    font-size: 18px;
7206
    font-weight: 600;
7207
}
7208
 
7209
.helpforum a {
7210
    background-color: #e44d3a;
7211
    color: #fff;
7212
    padding: 10px 15px 10px 15px;
7213
    line-height: 4;
7214
    border-radius: 3px;
7215
}
7216
 
7217
.helpforum p {
7218
    line-height: 3;
7219
}
7220
 
7221
.actionstitle h3 {
7222
    font-size: 18px;
7223
    font-weight: 400;
7224
    color: #000;
7225
    padding-top: 30px;
7226
}
7227
 
7228
.actionstitle img {
7229
    padding-right: 10px;
7230
}
7231
 
7232
.actionstext a {
7233
    font-size: 16px;
7234
    font-weight: 500;
7235
    color: #e44d3a;
7236
    line-height: 2;
7237
    display: block;
7238
}
7239
 
7240
.helpform {
7241
    text-align: center;
7242
    padding-top: 70px;
7243
}
7244
 
7245
.helpform h3 {
7246
    font-size: 18px;
7247
    font-weight: 400;
7248
    color: #e44d3a;
7249
    margin-bottom: 10px;
7250
}
7251
 
7252
.helpform a {
7253
    background-color: #e44d3a;
7254
    color: #fff;
7255
    padding: 10px 15px 10px 15px;
7256
    border-radius: 3px;
7257
}
7258
 
7259
.helpform p {
7260
    margin-bottom: 30px;
7261
}
7262
 
7263
.helpform img {
7264
    float: unset;
7265
    padding-bottom: 10px;
7266
}
7267
 
7268
.bookingsideber h3 {
7269
    color: #000;
7270
}
7271
 
7272
.bookingsideber h3:active {
7273
    color: #e44d3a;
7274
}
7275
 
7276
.helpforum h4 {
7277
    font-size: 16px;
7278
    font-weight: 600;
7279
}
7280
 
7281
.bloktext {
7282
    padding-left: 25px;
7283
}
7284
 
7285
.privacy {
7286
    background-color: #fff;
7287
    height: 850px;
7288
}
7289
 
7290
.privacydropd .dropdown-toggle::after {
7291
    float: right;
7292
    vertical-align: 0.255em;
7293
}
7294
 
7295
/* .checkbox {} */
7296
 
7297
.form-check {
7298
    padding-left: 0;
7299
}
7300
 
7301
.btns a {
7302
    color: #000;
7303
    border: 1px solid #e5e5e5;
7304
    padding: 10px 25px 10px 25px;
7305
    margin-left: 15px;
7306
    border-radius: 5px;
7307
    font-weight: 600;
7308
}
7309
 
7310
.btns {
7311
    padding-top: 20px;
7312
}
7313
 
7314
.btns a:hover {
7315
    background-color: #e44d3a;
7316
    color: #fff;
7317
}
7318
 
7319
.privacy h3 {
7320
    font-size: 18px;
7321
    font-weight: 600;
7322
    padding-top: 18px;
7323
    margin-bottom: 10px;
7324
}
7325
 
7326
.privacy p {
7327
    padding-top: 0px;
7328
    display: inline-block;
7329
}
7330
 
7331
.form-group {
7332
    margin-bottom: 1rem;
7333
    padding-top: 0px;
7334
}
7335
 
7336
.privacy i {
7337
    float: right;
7338
    color: #e44d3a;
7339
    font-size: 20px;
7340
    font-weight: 600;
7341
}
7342
 
7343
.dropdown-menu input {
7344
    margin-right: 10px;
7345
    margin-top: 15px;
7346
}
7347
 
7348
.dropdown-menu a {
7349
    padding: 10px 0 10px 40px;
7350
    margin-bottom: 10px;
7351
}
7352
 
7353
.dropdown-menu form {
7354
    margin-bottom: 10px;
7355
    margin-top: 10px;
7356
}
7357
 
7358
.privacydropd p {
7359
    margin-left: 20px;
7360
    margin-top: 5px;
7361
}
7362
 
7363
.privabtns {
7364
    margin-top: 20px;
7365
}
7366
 
7367
.privabtns {
7368
    padding-bottom: 15px;
7369
}
7370
 
7371
.privabtns a {
7372
    margin-right: 15px;
7373
    padding: 8px 25px;
7374
    color: #000000;
7375
    border: 1px solid #e5e5e5;
7376
}
7377
 
7378
.privabtns a:hover {
7379
    color: #fff;
7380
    background-color: #e44d3a;
7381
}
7382
 
7383
.privac {
7384
    background-color: #fff;
7385
    height: 560px;
7386
    padding-top: 20px;
7387
}
7388
 
7389
.privac h3 {
7390
    font-size: 18px;
7391
    font-weight: 600;
7392
}
7393
 
7394
.bids-detail ul {
7395
    display: -webkit-inline-box;
7396
}
7397
 
7398
.bids-detail ul li {
7399
    margin-right: 30px;
7400
}
7401
 
7402
.bids-detail h3 {
7403
    font-size: 16px;
7404
    font-weight: 400;
7405
}
7406
 
7407
.bids-detail {
7408
    background-color: #fff;
7409
    padding: 20px;
7410
    margin-bottom: 25px;
7411
    box-shadow: 0px 2px #e4e4e4;
7412
}
7413
 
7414
.dropdown-menu.show {
7415
    display: contents;
7416
}
7417
 
7418
.postpaid:checked:after {
7419
    content: "\f17b";
7420
    font: normal normal normal 16px/1 "LineAwesome";
7421
    font-weight: 600;
7422
    border: 1px solid #fff;
7423
    color: #ffffff;
7424
    text-align: center;
7425
    font-size: 12px;
7426
    width: 100%;
7427
    height: 100%;
7428
    background: #e44d3a;
7429
    display: block;
7430
    border-radius: 50%;
7431
    padding-top: 3px;
7432
}
7433
 
7434
.postpaid:focus {
7435
    border: 1px solid #fff;
7436
    width: 25px;
7437
    height: 25px;
7438
}
7439
 
7440
.postpaid {
7441
    -webkit-appearance: none;
7442
    content: "";
7443
    width: 20px;
7444
    height: 20px;
7445
    border-radius: 50%;
7446
    border: 1px solid #5e5e5e;
7447
    outline: 0;
7448
    margin-right: 5px;
7449
}
7450
 
7451
/* .main-ws-sec .job-status-bar {} */
7452
 
7453
.main-ws-sec .btm-line {
7454
    padding-bottom: 20px !important;
7455
    border-bottom: 1px solid #e5e5e5 !important;
7456
    margin-bottom: 20px;
7457
}
7458
 
7459
.job-status-bar hr {
7460
    margin: 0 -40px;
7461
}
7462
 
7463
.reply-area {
7464
    padding-left: 55px;
7465
}
7466
 
7467
.reply-rply1 {
7468
    margin: 24px 0;
7469
}
7470
 
7471
.reply-area p {
7472
    padding-bottom: 10px;
7473
}
7474
 
7475
.reply-area span {
7476
    cursor: pointer;
7477
}
7478
 
7479
.reply-area span:hover {
7480
    color: #e44d3a;
7481
}
7482
 
7483
.reply-area i {
7484
    font-size: 16px;
7485
    font-weight: 600;
7486
    padding-right: 8px;
7487
}
7488
 
7489
.comment-area .la-plus-circle {
7490
    display: block;
7491
    text-align: center;
7492
    font-size: 40px;
7493
    color: #b2b2b2;
7494
}
7495
 
7496
.reply-area span {
7497
    padding-top: 5px;
7498
    color: #b2b2b2;
7499
}
7500
 
7501
.comt span {
7502
    font-size: 16px;
7503
    color: #666666;
7504
}
7505
 
7506
.comt i {
7507
    padding-right: 8px;
7508
}
7509
 
7510
.postcomment .form-control {
7511
    width: 112%;
7512
    margin-left: -50px;
7513
    background-color: #efefef;
7514
    border-radius: 3px;
7515
}
7516
 
7517
.postcomment a {
7518
    background-color: #e44d3a;
7519
    color: #fff;
7520
    padding: 9px 25px 8px 25px;
7521
    line-height: 37px;
7522
    border-radius: 3px;
7523
}
7524
 
7525
.postcomment {
7526
    padding-top: 30px;
7527
}
7528
 
7529
.widget-about button:focus {
7530
    box-shadow: none;
7531
}
7532
 
7533
.widget-about button:hover {
7534
    background-color: #e44d3a;
7535
}
7536
 
7537
.widget-about button {
7538
    background-color: #e44d3a;
7539
    border: none;
7540
    padding: 12px 0;
7541
    width: 100%;
7542
}
7543
 
7544
.widget-about p {
7545
    background-color: #e44d3a;
7546
    color: #fff;
7547
    padding: 10px 0;
7548
}
7549
 
7550
.widget-projectid {
7551
    padding: 15px;
7552
}
7553
 
7554
.widget-projectid h3 {
7555
    padding-bottom: 7px;
7556
    font-size: 14px;
7557
    font-weight: 600;
7558
}
7559
 
7560
.sd-title h4 {
7561
    margin-bottom: 5px;
7562
    font-size: 16px;
7563
    font-weight: 600;
7564
    line-height: 24px;
7565
}
7566
 
7567
.paymethd p {
7568
    color: #e44d3a;
7569
}
7570
 
7571
.copylink p {
7572
    background-color: #efefef;
7573
    padding: 7px 0 8px 10px;
7574
}
7575
 
7576
.copylink a {
7577
    background-color: #e44d3a;
7578
    color: #fff;
7579
    padding: 10px 15px 10px 15px;
7580
    border-radius: 4px;
7581
}
7582
 
7583
.copylink span {
7584
    padding: 30px 0 20px;
7585
}
7586
 
7587
.copylink i {
7588
    float: unset;
7589
    position: unset;
7590
}
7591
 
7592
.copylink .la-facebook {
7593
    background-color: #3b5998;
7594
    color: #fff;
7595
}
7596
 
7597
.copylink .la-twitter {
7598
    color: #1da1f2;
7599
}
7600
 
7601
.copylink .la-pinterest-p {
7602
    background-color: #fff;
7603
    color: #c11628;
7604
    border-radius: 50%;
7605
}
7606
 
7607
.copylink img {
7608
    padding-right: 10px;
7609
}
7610
 
7611
.freelancerbiding {
7612
    background-color: #fff;
7613
    padding-top: 20px;
7614
}
7615
 
7616
.freelancerbiding h3 {
7617
    font-size: 18px;
7618
    font-weight: 400;
7619
}
7620
 
7621
.repcent {
7622
    text-align: left;
7623
}
7624
 
7625
.bidrit {
7626
    float: right;
7627
}
7628
 
7629
.repcent i {
7630
    padding-left: 5px;
7631
}
7632
 
7633
.star {
7634
    display: inline-flex;
7635
    padding: 5px 0;
7636
}
7637
 
7638
.star li i {
7639
    color: #bfd337;
7640
}
7641
 
7642
.repcent span {
7643
    color: #51a5fb;
7644
}
7645
 
7646
.repcent p {
7647
    padding-left: 7px;
7648
}
7649
 
7650
.noreview ul li i {
7651
    color: #b2b2b2;
7652
}
7653
 
7654
.paymethd .star li i {
7655
    position: unset;
7656
    font-size: 14px;
7657
}
7658
 
7659
.paymethd .star a {
7660
    color: #51a5fb;
7661
    padding-left: 12px;
7662
}
7663
 
7664
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7665
 
7666
.modal-body {
7667
    padding: 1rem 0;
7668
}
7669
 
7670
.notice {
7671
    background-color: #ddf3ff;
7672
    padding: 15px;
7673
}
7674
 
7675
.notice span {
7676
    font-weight: 500;
7677
    padding-right: 5px;
7678
}
7679
 
7680
.innerbody {
7681
    padding: 15px;
7682
}
7683
 
7684
.innerbody h3 {
7685
    font-size: 18px;
7686
    font-weight: 600;
7687
}
7688
 
7689
.innerbody h4 {
7690
    font-weight: 600;
7691
    font-size: 14px;
7692
    margin-left: -15px;
7693
    float: left;
7694
}
7695
 
7696
.delivery .input-group select {
7697
    width: 150px;
7698
    height: 50px !important;
7699
    font-size: 19px;
7700
    border: 1px solid #e5e5e5;
7701
    border-radius: 3px;
7702
}
7703
 
7704
.input-group-prepend {
7705
    background-color: #f3f3f3;
7706
    color: #bfbfbf;
7707
    text-align: center;
7708
    line-height: 3;
7709
    border: 1px solid #e5e5e5;
7710
}
7711
 
7712
.input-group-text {
7713
    color: #666666 !important;
7714
    background-color: #f5f5f5 !important;
7715
    border: 0px !important;
7716
    border-radius: 3px !important;
7717
}
7718
 
7719
.place-bid-form {
7720
    position: relative;
7721
    left: 20px;
7722
    top: -15px;
7723
    padding-bottom: 15px;
7724
}
7725
 
7726
.place-bid-form .input-group input {
7727
    width: 70px;
7728
    border: 1px solid #e5e5e5;
7729
}
7730
 
7731
.paydel {
7732
    padding: 40px 0 0;
7733
}
7734
 
7735
.beatcompitation {
7736
    background-color: #f3f3f3;
7737
    padding: 15px;
7738
}
7739
 
7740
.beatcompitation h3 {
7741
    font-weight: 500;
7742
}
7743
 
7744
.sponser i {
7745
    background-color: #e44d3a;
7746
    color: #fff;
7747
    margin-right: 5px;
7748
    padding: 2px;
7749
}
7750
 
7751
.sponser h2 {
7752
    font-size: 18px;
7753
    font-weight: 600;
7754
    padding-top: 15px;
7755
    padding-bottom: 15px;
7756
}
7757
 
7758
.sponser {
7759
    padding: 15px;
7760
}
7761
 
7762
.modal-footer {
7763
    display: block !important;
7764
    border-top: none;
7765
    padding: 1rem 0;
7766
}
7767
 
7768
.modal-footer button {
7769
    font-size: 15px;
7770
    font-weight: 500;
7771
    background-color: unset;
7772
    border: none;
7773
    padding: 10px;
7774
    border: 1px solid #d2d2d2;
7775
    border-radius: 3px;
7776
}
7777
 
7778
.modal-footer button:hover {
7779
    background-color: #e44d3a;
7780
    /* color: #fff; */
7781
    /* border: 1px solid #e44d3a; */
7782
}
7783
 
7784
.place-bid-btn {
7785
    font-size: 15px;
7786
    font-weight: 500;
7787
    color: #fff !important;
7788
    background-color: #e44d3a !important;
7789
    border: none;
7790
    padding: 10px;
7791
    border: 1px solid #e44d3a;
7792
    border-radius: 3px;
7793
}
7794
 
7795
.usy-dt .reply {
7796
    margin: 3px 0 0 10px;
7797
    width: 360px;
7798
    height: 40px;
7799
    background-color: #efefef;
7800
    border: 1px solid #e5e5e5;
7801
    padding-left: 10px;
7802
    border-radius: 3px;
7803
}
7804
 
7805
.replybtn {
7806
    background-color: #e44d3a;
7807
    color: #fff;
7808
    padding: 10px;
7809
    margin-left: 15px;
7810
    border-radius: 3px;
7811
}
7812
 
7813
.replybtn:hover {
7814
    color: #fff;
7815
}
7816
 
7817
.rewivew ul li {
7818
    margin-right: 5px !important;
7819
}
7820
 
7821
.security hr {
7822
    margin-right: -15px;
7823
    margin-left: -15px;
7824
}
7825
 
7826
.privacy .la-check {
7827
    float: left;
7828
    font-size: 12px;
7829
    margin: 5px 5px 0 0;
7830
    padding: 3px;
7831
    background-color: #e44d3a;
7832
    color: #fff;
7833
    border-radius: 50%;
7834
}
7835
 
7836
ul#myTab {
7837
    border-bottom: 1px solid #e5e5e5;
7838
}
7839
 
7840
.nav-tabs .nav-link {
7841
    border: none;
7842
}
7843
 
7844
.noborder {
7845
    border-bottom: none;
7846
}
7847
 
7848
.manbids {
7849
    margin-bottom: 0 !important;
7850
}
7851
 
7852
.noreply {
7853
    padding-top: 30px;
7854
}
7855
 
7856
#my-bids .nav-tabs {
7857
    margin-bottom: 20px;
7858
    margin-top: 7px;
7859
    padding-bottom: 0;
7860
}
7861
 
7862
#my-bids ul {
7863
    margin-bottom: 15px;
7864
    margin-top: 7px;
7865
    padding-bottom: 0;
7866
}
7867
 
7868
.savedjob-info p {
7869
    color: #666666;
7870
    margin-top: 5px;
7871
}
7872
 
7873
#my-bids ul li a {
7874
    color: #000000;
7875
    font-size: 16px;
7876
    font-weight: 500;
7877
}
7878
 
7879
#my-bids li a:hover {
7880
    color: #e44d3a;
7881
}
7882
 
7883
#saved-jobs ul {
7884
    margin-bottom: 20px;
7885
}
7886
 
7887
#saved-jobs ul li a {
7888
    color: #000000;
7889
    font-size: 16px;
7890
    font-weight: 500;
7891
}
7892
 
7893
#saved-jobs li a:hover {
7894
    color: #e44d3a;
7895
}
7896
 
7897
.wordpressdevlp h2 {
7898
    font-size: 18px;
7899
    font-weight: 600;
7900
    margin-bottom: 15px;
7901
}
7902
 
7903
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7904
#saved-jobs .nav-tabs .nav-link.active {
7905
    background-color: inherit;
7906
    color: #e44d3a !important;
7907
    padding-bottom: 9px;
7908
    border-bottom: 2px solid #e44d3a !important;
7909
}
7910
 
7911
#my-bids .nav-tabs .nav-item.show .nav-link,
7912
#my-bids .nav-tabs .nav-link.active {
7913
    background-color: inherit;
7914
    color: #e44d3a !important;
7915
    padding-bottom: 9px;
7916
    border-bottom: 2px solid #e44d3a !important;
7917
}
7918
 
7919
.descptab li img {
7920
    float: left !important;
7921
    filter: inherit !important;
7922
}
7923
 
7924
.bklink {
7925
    border-bottom: none !important;
7926
    width: unset !important;
7927
    float: right !important;
7928
}
7929
 
7930
.bklik {
7931
    border-bottom: none !important;
7932
}
7933
 
7934
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7935
 
7936
.savedjob-info li {
7937
    display: inline-block;
7938
    padding-left: 25px;
7939
}
7940
 
7941
.savedjob-info h3 {
7942
    font-size: 14px;
7943
    font-weight: 500;
7944
}
7945
 
7946
.settingjb ul li {
7947
    margin-right: 25px !important;
7948
}
7949
 
7950
.mangebid li {
7951
    padding-left: 0;
7952
    padding-right: 20px;
7953
    padding-top: 10px;
7954
}
7955
 
7956
.bk-links.bklink li {
7957
    padding-right: 0;
7958
}
7959
 
7960
.bidsbtn {
7961
    position: relative;
7962
}
7963
 
7964
.biddersinfo li {
7965
    padding-left: 0;
7966
    padding-right: 20px;
7967
}
7968
 
7969
#review {
7970
    background-color: #fff;
7971
    margin-bottom: 40px;
7972
}
7973
 
7974
.starreview {
7975
    padding-left: 20px;
7976
}
7977
 
7978
.replytext {
7979
    padding-bottom: 20px;
7980
}
7981
 
7982
.starrevi {
7983
    padding-left: 20px;
7984
}
7985
 
7986
.apply-jobbox {
7987
    text-align: center;
7988
}
7989
 
7990
.apply-jobbox form input {
7991
    width: 100%;
7992
    margin-top: 20px;
7993
    padding: 10px;
7994
    color: #222;
7995
    border: 1px solid #e5e5e5;
7996
    border-radius: 3px;
7997
    font-size: 14px;
7998
}
7999
 
8000
.apply-jobbox h3 {
8001
    margin: 20px 0;
8002
}
8003
 
8004
.select-files {
8005
    border: 1px solid #e5e5e5;
8006
    margin-top: 20px;
8007
    padding: 30px;
8008
    background: #efefef;
8009
}
8010
 
8011
.select-files button {
8012
    margin-bottom: 20px;
8013
    background-color: transparent;
8014
    border: 1px solid #e5e5e5;
8015
    padding: 10px 15px 10px 15px;
8016
    border-radius: 5px;
8017
    font-weight: 600;
8018
}
8019
 
8020
.select-files button:hover {
8021
    background-color: #e44d3a;
8022
    color: #fff;
8023
}
8024
 
8025
.close {
8026
    position: absolute;
8027
    right: 0px;
8028
    top: 0px;
8029
    color: #929292;
8030
    border: 1px solid !important;
8031
    border-radius: 50%;
8032
    height: 30px;
8033
    width: 30px;
8034
}
8035
 
8036
.mapouter iframe {
8037
    width: 100%;
8038
    height: 400px;
8039
}
8040
 
8041
.mapouter {
8042
    position: relative;
8043
    text-align: right;
8044
    height: 500px;
8045
    width: 100%;
8046
}
8047
 
8048
.gmap_canvas {
8049
    overflow: hidden;
8050
    background: none !important;
8051
}
8052
 
8053
.video-iframe {
8054
    width: 100%;
8055
    height: 400px;
8056
}
8057
 
8058
.custom-file-input {
8059
    color: transparent;
8060
    opacity: 1;
8061
    /* margin-left: 140px; */
8062
    margin-bottom: 10px;
8063
}
8064
 
8065
.custom-file-input::-webkit-file-upload-button {
8066
    visibility: hidden;
8067
}
8068
 
8069
.custom-file-input::before {
8070
    content: "Select Files";
8071
    color: #fff;
8072
    display: inline-block;
8073
    border: 1px solid #e5e5e5;
8074
    border-radius: 3px;
8075
    background: #e44d3a;
8076
    font-weight: 500;
8077
    padding: 10px 15px;
8078
    outline: none;
8079
    white-space: nowrap;
8080
    -webkit-user-select: none;
8081
    cursor: pointer;
8082
}
8083
 
8084
.custom-file-input:hover::before {
8085
    background-color: #e44d3a;
8086
    color: #fff;
8087
}
8088
 
8089
.custom-file-input:active {
8090
    outline: 0;
8091
}
8092
 
8093
.custom-file-input:active::before {
8094
    background: #e44d3a;
8095
    color: #fff;
8096
}
8097
 
8098
.bids-time {
8099
    float: right;
8100
}
8101
 
8102
.saved-post {
8103
    padding: 0;
8104
}
8105
 
8106
.saved-post p {
8107
    padding-bottom: 20px;
8108
}
8109
 
8110
.saved-info li {
8111
    padding-right: 25px;
8112
    padding-left: 0;
8113
}
8114
 
8115
.saved-btn {
8116
    padding: 0;
8117
    margin-bottom: -12px;
8118
}
8119
 
8120
.applied-post {
8121
    padding: 0;
8122
}
8123
 
8124
.post-bid {
8125
    padding: 0 !important;
8126
}
8127
 
8128
.bidsbtn {
8129
    padding-top: 0 !important;
8130
}
8131
 
8132
.active-bids {
8133
    padding: 0;
8134
}
8135
 
8136
.activ-bidinfo li {
8137
    padding-top: 10px;
8138
    padding-left: 0;
8139
    padding-right: 25px;
8140
}
8141
 
8142
.activebtn {
8143
    padding-left: 0;
8144
}
8145
 
8146
.p-all {
8147
    padding: 0px;
8148
    float: left;
8149
    width: 100%;
8150
    position: relative;
8151
}
8152
 
8153
.toggle-btn .custom-switch .custom-control-label::before {
8154
    left: -2.25rem;
8155
    width: 70px;
8156
    pointer-events: all;
8157
    border-radius: 100px;
8158
    height: 30px;
8159
    top: -1px;
8160
    box-shadow: none;
8161
}
8162
 
8163
.toggle-btn .custom-control-label::before {
8164
    position: absolute;
8165
    top: 0.25rem;
8166
    left: -1.5rem;
8167
    display: block;
8168
    width: 1rem;
8169
    height: 1rem;
8170
    pointer-events: none;
8171
    content: "";
8172
    background-color: #fff;
8173
    border: #e1e1e1 solid 2px;
8174
}
8175
 
3508 stevensc 8176
.custom-control-input:checked ~ .custom-control-label::before {
3497 stevensc 8177
    color: #fff;
8178
    border-color: #e44d3a;
8179
    background-color: #e44d3a;
8180
    box-shadow: none;
8181
    outline: none;
8182
}
8183
 
8184
.toggle-btn .custom-switch .custom-control-label::after {
8185
    top: calc(-1px + 2px);
8186
    left: calc(-36px + 2px);
8187
    width: calc(30px - 4px);
8188
    height: calc(30px - 4px);
8189
    background-color: #e1e1e1;
8190
    border-radius: 100%;
3508 stevensc 8191
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
8192
        -webkit-transform 0.15s ease-in-out;
8193
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
8194
        box-shadow 0.15s ease-in-out;
8195
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
8196
        box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
3497 stevensc 8197
}
8198
 
8199
.toggle-btn .custom-control-label::after {
8200
    position: absolute;
8201
    top: 0.25rem;
8202
    left: -1.5rem;
8203
    display: block;
8204
    width: 0;
8205
    height: 0;
8206
    content: "";
8207
    background: no-repeat 50%/50% 50%;
8208
}
8209
 
8210
.toggle-btn .custom-control-label {
8211
    position: initial;
8212
    margin-bottom: 0;
8213
    vertical-align: top;
8214
}
8215
 
3508 stevensc 8216
.toggle-btn .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
3497 stevensc 8217
    background-color: #fff;
8218
    -webkit-transform: translateX(2.5rem);
8219
    transform: translateX(2.5rem);
8220
}
8221
 
8222
.custom-control-label {
8223
    position: relative;
8224
    margin-bottom: 0;
8225
    vertical-align: top;
8226
    line-height: 24px;
8227
    font-size: 14px;
8228
    color: #666666;
8229
}
8230
 
8231
.small-text-children p,
8232
.small-text-children span {
3508 stevensc 8233
    font-size: 0.8rem;
3497 stevensc 8234
}
8235
 
8236
.search-item-selected {
8237
    padding: 1px 10px;
8238
    background: var(--background-gray);
8239
    line-height: 1;
8240
    border-radius: 10px;
8241
    font-weight: bold;
8242
}
8243
 
8244
.row .sc-dkzDqf {
8245
    margin: 0 auto;
8246
}
8247
 
8248
.test-section .title,
8249
.test-section .description {
8250
    margin-bottom: 10px;
8251
}
8252
 
8253
.test-section .btn-danger {
8254
    margin-right: 10px;
8255
}
8256
 
8257
.test-section .panel-body {
8258
    padding: 20px 0px;
8259
}
8260
 
8261
.test-section .panel {
8262
    margin-top: 20px;
8263
    padding-bottom: 10px;
8264
}
8265
 
8266
.test-section .panel-title {
8267
    font-size: 16px;
8268
    font-weight: bold;
8269
    text-transform: uppercase;
8270
}
8271
 
8272
.test-section .np-padding {
8273
    padding: 0px;
8274
}
8275
 
8276
.test-section .checkbox {
8277
    display: flex;
8278
    margin: 20px 0px;
8279
}
8280
 
8281
.test-section .option {
8282
    margin-left: 10px;
8283
}
8284
 
3508 stevensc 8285
.checkbox input[type="checkbox"],
8286
input[type="radio"] {
3497 stevensc 8287
    margin-top: 5px !important;
8288
}
8289
 
8290
.test-section h6 {
8291
    margin-bottom: 10px;
8292
    color: #0860bf;
8293
}
8294
 
8295
.wizard {
8296
    display: flex;
8297
    margin-top: 10px;
8298
}
8299
 
8300
.wizard li {
8301
    width: 50%;
8302
    display: inline-block;
8303
}
8304
 
8305
.btn-secondary:disabled,
8306
.btn-primary:disabled {
8307
    cursor: no-drop;
8308
}
8309
 
8310
.test-section .btn-primary {
3508 stevensc 8311
    margin-left: 10px;
3497 stevensc 8312
}
8313
 
8314
.previous {
8315
    text-align: left;
8316
}
8317
 
8318
.next {
8319
    text-align: right;
8320
}
8321
 
8322
.test-section .close {
8323
    border: none !important;
8324
    border-radius: 0px !important;
8325
}
8326
 
8327
.ratin-range {
8328
    display: block;
8329
}
8330
 
8331
.ratin-range li {
8332
    display: inline-block;
8333
    width: 6%;
8334
}
8335
 
8336
.ratin-range li .option {
8337
    margin-top: 2px !important;
8338
}
8339
 
8340
#react-self-evaluation .company-up-info ul {
8341
    width: 100%;
8342
    position: absolute;
8343
    float: left;
8344
    left: 0px;
8345
    bottom: 4vw;
8346
}
8347
 
8348
#react-self-evaluation .company-up-info {
8349
    padding: 30px 10px;
8350
    min-height: 20vw;
3508 stevensc 8351
    border: 1px solid #e5e5e5;
3497 stevensc 8352
}
8353
 
8354
#react-self-evaluation .company-up-info h3 {
8355
    width: 90%;
8356
    margin: 5px auto;
8357
}
8358
 
8359
.mb10 {
8360
    margin-bottom: 3vw;
8361
}
8362
 
8363
.opt-h6 {
8364
    font-weight: 600 !important;
8365
    color: #000 !important;
3508 stevensc 8366
}