Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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