Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2832 | Rev 2834 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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