Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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