Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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