Proyectos de Subversion LeadersLinked - Backend

Rev

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

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