Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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