Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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