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