Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3772 | Rev 3779 | 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
  float: left;
2470
  width: 100%;
2471
  padding: 100px 0 20px 0;
2472
}
2473
 
2474
.signin-popup {
2475
  margin: 0 auto;
2476
  position: relative;
2477
}
2478
 
2479
.signin-popup:before {
2480
  content: "";
2481
  position: absolute;
2482
  top: -16px;
2483
  left: 56px;
2484
  width: 30px;
2485
  height: 30px;
2486
  background-color: #fff;
2487
  -webkit-border-radius: 100px;
2488
  -moz-border-radius: 100px;
2489
  -ms-border-radius: 100px;
2490
  -o-border-radius: 100px;
2491
  border-radius: 100px;
2492
}
2493
 
2494
.signin-popup:after {
2495
  content: "";
2496
  position: absolute;
2497
  top: -37px;
2498
  left: 43px;
2499
  width: 20px;
2500
  height: 20px;
2501
  background-color: #fff;
2502
  -webkit-border-radius: 100px;
2503
  -moz-border-radius: 100px;
2504
  -ms-border-radius: 100px;
2505
  -o-border-radius: 100px;
2506
  border-radius: 100px;
2507
}
2508
 
2509
.signin-pop {
2510
  float: left;
2511
  width: 100%;
2512
  background-color: #fff;
2513
  position: relative;
2514
}
2515
 
2516
.signin-pop:before {
2517
  content: "";
2518
  position: absolute;
2519
  top: 0;
2520
  left: 50%;
2521
  -webkit-transform: translateX(-50%);
2522
  -moz-transform: translateX(-50%);
2523
  -ms-transform: translateX(-50%);
2524
  -o-transform: translateX(-50%);
2525
  transform: translateX(-50%);
2526
  height: 100%;
2527
  width: 1px;
2528
  background-color: #f0f0f0;
2529
}
2530
 
2531
.dff-tab {
2532
  display: none;
2533
}
2534
 
2535
.dff-tab.current {
2536
  display: block;
2537
}
2538
 
2539
.cmp-info {
2540
  width: 100%;
2541
  display: grid;
2542
  place-items: center;
2543
  height: 100%;
2544
}
2545
.cmp-info .cm-logo {
2546
  display: flex;
2547
  flex-direction: column;
2548
  align-items: center;
2549
  justify-content: center;
2550
  padding: 0 3rem;
2551
  width: 100%;
2552
}
2553
.cmp-info .cm-logo img {
2554
  margin-bottom: 0.5rem;
2555
  width: 100%;
2556
  object-fit: scale-down;
2557
}
2558
 
2559
/* =============== login-sec ============= */
2560
.login-sec {
2561
  float: left;
2562
  width: 100%;
2563
  padding: 30px 0;
2564
  position: relative;
2565
}
2566
 
2567
.login-sec:before {
2568
  content: "";
2569
  position: absolute;
2570
  bottom: -15px;
2571
  right: 70px;
2572
  width: 30px;
2573
  height: 30px;
2574
  -webkit-border-radius: 100px;
2575
  -moz-border-radius: 100px;
2576
  -ms-border-radius: 100px;
2577
  -o-border-radius: 100px;
2578
  border-radius: 100px;
2579
  background-color: #fff;
2580
}
2581
 
2582
.login-sec:after {
2583
  content: "";
2584
  position: absolute;
2585
  bottom: -40px;
2586
  right: 55px;
2587
  width: 20px;
2588
  height: 20px;
2589
  -webkit-border-radius: 100px;
2590
  -moz-border-radius: 100px;
2591
  -ms-border-radius: 100px;
2592
  -o-border-radius: 100px;
2593
  border-radius: 100px;
2594
  background-color: #fff;
2595
}
2596
 
2597
.sign-control {
2598
  float: left;
2599
  width: 100%;
2600
  text-align: right;
2601
  padding-right: 50px;
2602
  margin-bottom: 70px;
2603
}
2604
 
2605
.sign-control li {
2606
  display: inline-block;
2607
  margin-right: 0.5rem;
2608
}
2609
 
2610
.sign-control li a {
2611
  color: #000000;
2612
  font-size: 14px;
2613
  font-weight: 500;
2614
  background-color: #e5e5e5;
2615
  padding: 7px 10px;
2616
  display: inline-block;
2617
  /* -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; */
2618
}
2619
 
2620
.sign-control li.current a {
2621
  background-color: #e44d3a;
2622
  color: #fff;
2623
}
2624
 
2625
.sign_in_sec {
2626
  float: left;
2627
  width: 100%;
2628
  padding-right: 75px;
2629
  padding-left: 60px;
2630
  display: none;
2631
}
2632
 
2633
.sign_in_sec.current {
2634
  display: block;
2635
}
2636
 
2637
.sign_in_sec h3 {
2638
  color: #000000;
2639
  font-size: 18px;
2640
  font-weight: 600;
2641
  position: relative;
2642
  padding-bottom: 10px;
2643
  margin-bottom: 30px;
2644
}
2645
 
2646
.sign_in_sec h3:before {
2647
  content: "";
2648
  position: absolute;
2649
  bottom: 0;
2650
  left: 0;
2651
  width: 30px;
2652
  height: 2px;
2653
  background-color: #e44d3a;
2654
}
2655
 
2656
/* ============= sign_in_sec ============= */
2657
.sign_in_sec form {
2658
  float: left;
2659
  width: 100%;
2660
}
2661
 
2662
.inputContainer {
2663
  margin-bottom: 20px;
2664
}
2665
 
2666
.sn-field {
2667
  /* float: left; */
2668
  width: 100%;
2669
  position: relative;
2670
}
2671
 
2672
.sn-field.pd-more {
2673
  margin-bottom: 0;
2674
}
2675
 
2676
.sn-field.pd-more input {
2677
  padding-left: 40px;
2678
}
2679
 
2680
.sn-field > i {
2681
  position: absolute;
2682
  top: 50%;
2683
  left: 15px;
2684
  color: #666666;
2685
  font-size: 16px;
2686
  -webkit-transform: translateY(-50%);
2687
  -moz-transform: translateY(-50%);
2688
  -ms-transform: translateY(-50%);
2689
  -o-transform: translateY(-50%);
2690
  transform: translateY(-50%);
2691
}
2692
 
2693
.sn-field > span {
2694
  position: absolute;
2695
  top: 50%;
2696
  right: 15px;
2697
  font-weight: 700;
2698
  color: #666666;
2699
  font-size: 15px;
2700
  -webkit-transform: translateY(-50%);
2701
  -moz-transform: translateY(-50%);
2702
  -ms-transform: translateY(-50%);
2703
  -o-transform: translateY(-50%);
2704
  transform: translateY(-50%);
2705
}
2706
 
2707
.sign_in_sec form input,
2708
.sign_in_sec form input:-webkit-autofill,
2709
.sign_in_sec form input:-webkit-autofill:hover,
2710
.sign_in_sec form input:-webkit-autofill:focus,
2711
.sign_in_sec form select:-webkit-autofill,
2712
.sign_in_sec form select {
2713
  box-shadow: 0 0 0px 1000px var(--bg-color) inset;
2714
  height: 40px;
2715
  color: var(--font-color);
2716
  background-color: var(--bg-color) !important;
2717
  border: 1px solid var(--border-primary);
2718
  font-size: 14px;
2719
  padding: 0 15px 0 40px;
2720
  width: 100%;
2721
}
2722
 
2723
.sign_in_sec form select {
2724
  line-height: 40px;
2725
  height: 40px;
2726
}
2727
 
2728
.sign_in_sec form button {
2729
  color: var(--button-text-color-secondary);
2730
  border: 1px solid var(--border-primary);
2731
  font-size: 16px;
2732
  background-color: var(--button-bg-secondary);
2733
  padding: 12px 27px;
2734
  font-weight: 500;
2735
  margin-top: 30px;
2736
  cursor: pointer;
2737
}
2738
 
2739
.sign_in_sec_button {
2740
  color: #ffffff;
2741
  font-size: 16px;
2742
  background-color: #66a7dd;
2743
  padding: 12px 27px;
2744
  border: 0;
2745
  font-weight: 500;
2746
  margin-top: 30px;
2747
  cursor: pointer;
2748
}
2749
 
2750
.checky-sec {
2751
  /* float: left; */
2752
  width: 100%;
2753
  margin-top: 10px;
2754
}
2755
 
2756
.checky-sec.st2 small {
2757
  font-size: 13px;
2758
  width: 90%;
2759
  line-height: 20px;
2760
}
2761
 
2762
.checky-sec.st2 .fgt-sec input[type=checkbox] + label span {
2763
  margin-top: 3px;
2764
}
2765
 
2766
.fgt-sec * {
2767
  cursor: pointer;
2768
}
2769
 
2770
.fgt-sec input[type=checkbox] {
2771
  display: none;
2772
}
2773
 
2774
.fgt-sec label {
2775
  float: left;
2776
}
2777
 
2778
.fgt-sec input[type=checkbox] + label span {
2779
  display: inline-block;
2780
  width: 15px;
2781
  height: 15px;
2782
  position: relative;
2783
  border: 1px solid #d2d2d2;
2784
  -webkit-border-radius: 100px;
2785
  -moz-border-radius: 100px;
2786
  -ms-border-radius: 100px;
2787
  -o-border-radius: 100px;
2788
  border-radius: 100px;
2789
}
2790
 
2791
.fgt-sec input[type=checkbox] + label span:before {
2792
  content: "";
2793
  width: 7px;
2794
  height: 7px;
2795
  -webkit-border-radius: 100px;
2796
  -moz-border-radius: 100px;
2797
  -ms-border-radius: 100px;
2798
  -o-border-radius: 100px;
2799
  border-radius: 100px;
2800
  font-size: 8px;
2801
  color: #ffffff;
2802
  opacity: 0;
2803
  visibility: hidden;
2804
  background-color: #e44d3a;
2805
  position: absolute;
2806
  font-family: fontawesome;
2807
  top: 50%;
2808
  left: 50%;
2809
  -webkit-transform: translateX(-50%) translateY(-50%);
2810
  -moz-transform: translateX(-50%) translateY(-50%);
2811
  -ms-transform: translateX(-50%) translateY(-50%);
2812
  -o-transform: translateX(-50%) translateY(-50%);
2813
  transform: translateX(-50%) translateY(-50%);
2814
}
2815
 
2816
.fgt-sec input[type=checkbox]:checked + label span:before {
2817
  opacity: 1;
2818
  visibility: visible;
2819
}
2820
 
2821
.fgt-sec small {
2822
  /* float: left; */
2823
  color: #000000;
2824
  font-size: 14px;
2825
  font-weight: 500;
2826
  padding-left: 10px;
2827
}
2828
 
2829
.checky-sec > a {
2830
  float: right;
2831
  color: #000000;
2832
  font-size: 14px;
2833
  font-weight: 500;
2834
}
2835
 
2836
/* ======= Radio Button Styles ======= */
2837
.fgt-sec input[type=radio] {
2838
  display: none;
2839
}
2840
 
2841
.fgt-sec label {
2842
  float: left;
2843
}
2844
 
2845
.fgt-sec input[type=radio] + label span {
2846
  display: inline-block;
2847
  width: 15px;
2848
  height: 15px;
2849
  position: relative;
2850
  border: 1px solid #d2d2d2;
2851
  -webkit-border-radius: 100px;
2852
  -moz-border-radius: 100px;
2853
  -ms-border-radius: 100px;
2854
  -o-border-radius: 100px;
2855
  border-radius: 100px;
2856
}
2857
 
2858
.fgt-sec input[type=radio] + label span:before {
2859
  content: "";
2860
  width: 7px;
2861
  height: 7px;
2862
  -webkit-border-radius: 100px;
2863
  -moz-border-radius: 100px;
2864
  -ms-border-radius: 100px;
2865
  -o-border-radius: 100px;
2866
  border-radius: 100px;
2867
  font-size: 8px;
2868
  color: #ffffff;
2869
  opacity: 0;
2870
  visibility: hidden;
2871
  background-color: #e44d3a;
2872
  position: absolute;
2873
  font-family: fontawesome;
2874
  top: 49%;
2875
  left: 49%;
2876
  -webkit-transform: translateX(-50%) translateY(-50%);
2877
  -moz-transform: translateX(-50%) translateY(-50%);
2878
  -ms-transform: translateX(-50%) translateY(-50%);
2879
  -o-transform: translateX(-50%) translateY(-50%);
2880
  transform: translateX(-50%) translateY(-50%);
2881
}
2882
 
2883
.fgt-sec input[type=radio]:checked + label span:before {
2884
  opacity: 1;
2885
  visibility: visible;
2886
}
2887
 
2888
/* =============== signup-tab ============== */
2889
.signup-tab {
2890
  float: left;
2891
  width: 100%;
2892
  border: 1px solid #e5e5e5;
2893
  text-align: center;
2894
  padding: 15px 0;
2895
  margin-bottom: 20px;
2896
  position: relative;
2897
  margin-top: -30px;
2898
}
2899
 
2900
.signup-tab > i {
2901
  position: absolute;
2902
  top: 15px;
2903
  left: 13px;
2904
  color: #000;
2905
  font-size: 14px;
2906
}
2907
 
2908
.signup-tab h2 {
2909
  color: #000000;
2910
  font-size: 14px;
2911
  font-weight: 500;
2912
  margin-bottom: 15px;
2913
}
2914
 
2915
.signup-tab ul {
2916
  float: left;
2917
  width: 100%;
2918
}
2919
 
2920
.signup-tab ul li {
2921
  display: inline-block;
2922
  margin-right: -4px;
2923
}
2924
 
2925
.signup-tab ul li a {
2926
  color: #000000;
2927
  font-size: 14px;
2928
  font-weight: 500;
2929
  background-color: #e5e5e5;
2930
  padding: 10px 15px;
2931
  -webkit-border-radius: 3px 0px 0px 3px;
2932
  -moz-border-radius: 3px 0px 0px 3px;
2933
  -ms-border-radius: 3px 0px 0px 3px;
2934
  -o-border-radius: 3px 0px 0px 3px;
2935
  border-radius: 3px 0px 0px 3px;
2936
  display: inline-block;
2937
}
2938
 
2939
.signup-tab ul li.current a {
2940
  background-color: #e44d3a;
2941
  color: #fff;
2942
}
2943
 
2944
.signup-tab ul li:last-child a {
2945
  -webkit-border-radius: 0px 3px 3px 0px;
2946
  -moz-border-radius: 0px 3px 3px 0px;
2947
  -ms-border-radius: 0px 3px 3px 0px;
2948
  -o-border-radius: 0px 3px 3px 0px;
2949
  border-radius: 0px 3px 3px 0px;
2950
}
2951
 
2952
/* ============ login-resources ============= */
2953
.login-resources {
2954
  float: left;
2955
  width: 100%;
2956
  text-align: center;
2957
  margin-top: 27px;
2958
}
2959
 
2960
.login-resources h4 {
2961
  color: #000000;
2962
  font-size: 14px;
2963
  font-weight: 600;
2964
  margin-bottom: 30px;
2965
  text-transform: uppercase;
2966
}
2967
 
2968
.login-resources ul {
2969
  float: left;
2970
  width: 100%;
2971
}
2972
 
2973
.login-resources ul li {
2974
  float: left;
2975
  width: 100%;
2976
  margin-bottom: 20px;
2977
}
2978
 
2979
.login-resources ul li a {
2980
  color: #ffffff;
2981
  font-size: 15px;
2982
  font-weight: 500;
2983
  float: left;
2984
  width: 100%;
2985
  padding: 10px 0;
2986
}
2987
 
2988
.login-resources ul li a i {
2989
  margin-right: 15px;
2990
}
2991
 
2992
.fb {
2993
  background-color: #3b5998;
2994
}
2995
 
2996
.tw {
2997
  background-color: #4099ff;
2998
}
2999
 
3000
.tw .fa-twitter {
3001
  color: #fff;
3002
}
3003
 
3004
/* =============== footy-sec ============= */
3005
.footy-sec {
3006
  width: 100%;
3778 stevensc 3007
  padding: 1.5rem 0;
3769 stevensc 3008
  position: relative;
3009
}
3778 stevensc 3010
.footy-sec .container {
3011
  display: flex;
3012
  flex-wrap: wrap;
3013
  gap: 0.5rem;
3014
  align-items: center;
3015
  justify-content: center;
3016
}
3017
.footy-sec .container .row {
3018
  width: 100% !important;
3019
}
3020
.footy-sec p {
3021
  font-size: 14px;
3022
  font-weight: 500;
3023
}
3024
.footy-sec p img {
3025
  padding-right: 5px;
3026
  position: relative;
3027
  top: 6px;
3028
}
3769 stevensc 3029
.footy-sec ul {
3030
  margin-top: 5px;
3031
}
3032
.footy-sec ul li {
3033
  display: inline-block;
3034
  padding: 0 10px;
3035
  border-right: 1px solid #ffffff;
3036
}
3037
.footy-sec ul li:last-child {
3038
  border-right: none;
3039
}
3040
.footy-sec ul li a {
3041
  display: inline-block;
3042
  color: #3b5998;
3043
  font-size: 14px;
3044
  font-weight: 500;
3045
}
3046
 
3047
footer {
3048
  background-color: var(--bg-color);
3049
  float: left;
3050
  width: 100%;
3051
}
3052
 
3053
footer a {
3054
  color: var(--font-color);
3055
}
3056
 
3057
footer .footer-row {
3058
  display: grid;
3059
  gap: 5px;
3060
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
3061
}
3062
 
3063
.footy-sec.mn ul {
3064
  padding: 30px 0;
3065
}
3066
 
3067
.footy-sec.mn ul li a {
3068
  color: var(--subtitle-color);
3069
}
3070
 
3071
.footy-sec.mn ul li a:hover {
3072
  color: #e44d3a;
3073
}
3074
 
3075
.footy-sec.mn ul li {
3076
  border-color: #b2b2b2;
3077
}
3078
 
3079
.footy-sec.mn p {
3080
  color: #b2b2b2;
3081
  margin-top: 30px;
3082
  transform: translateX(calc(-50% + 6rem));
3083
}
3084
 
3085
.fl-rgt {
3778 stevensc 3086
  max-width: 40px;
3769 stevensc 3087
}
3088
 
3089
/* ================== USER PROFILE =================== */
3090
.cover-sec {
3091
  height: 280px;
3092
  background-color: #fff;
3093
  overflow: hidden;
3094
}
3095
 
3096
.cover-sec img {
3097
  width: 100%;
3098
}
3099
 
3100
.cover-sec > a {
3101
  display: inline-block;
3102
  color: #e44d3a;
3103
  font-size: 16px;
3104
  background-color: #fff;
3105
  border: 1px solid #e44d3a;
3106
  position: absolute;
3107
  top: 30px;
3108
  right: 0;
3109
  padding: 10px 15px;
3110
  font-weight: 600;
3111
  margin-right: 15px;
3112
}
3113
 
3114
.cover-sec > a i {
3115
  padding-right: 5px;
3116
}
3117
 
3118
/* ============= user_profile ============= */
3119
.user_profile {
3120
  width: 100%;
3121
  background-color: var(--bg-color);
3122
  padding: 1rem 0.25rem;
3123
  border-radius: var(--border-radius);
3124
  border-top: 1px solid var(--border-primary);
3125
  border-bottom: 1px solid var(--border-primary);
3126
  text-align: center;
3127
  box-shadow: var(--shadow);
3128
}
3129
 
3130
.user-pro-img {
3131
  width: 100%;
3132
  text-align: center;
3133
  margin-bottom: 28px;
3134
  position: relative;
3135
}
3136
 
3137
.user-pro-img .add-dp {
3138
  position: absolute;
3139
  top: 10px;
3140
  left: 60%;
3141
}
3142
 
3143
.add-dp i {
3144
  bottom: 0;
3145
  font-size: 14px;
3146
  box-shadow: none;
3147
  position: relative;
3148
  border-radius: 50px;
3149
  width: 40px;
3150
  height: 40px;
3151
  background: #0961bf;
3152
  padding: 12px;
3153
  color: white;
3154
  left: 0;
3155
  top: -5px;
3156
}
3157
 
3158
.add-dp i:hover {
3159
  font-size: 14px;
3160
  border: 2px solid #fff;
3161
  background: #1dac98;
3162
  padding: 11px;
3163
}
3164
 
3165
.add-dp {
3166
  margin: -16px;
3167
  padding: 0;
3168
}
3169
 
3170
.add-dp input[type=file] {
3171
  opacity: 0;
3172
  padding: 10px 0px 9px;
3173
  display: none;
3174
}
3175
 
3176
.user-pro-img img {
3177
  -webkit-border-radius: 100px;
3178
  -moz-border-radius: 100px;
3179
  -ms-border-radius: 100px;
3180
  -o-border-radius: 100px;
3181
  max-width: 150px;
3182
  border-radius: 100px;
3183
  float: none;
3184
  border: 1px solid var(--font-color);
3185
  background: #fff;
3186
}
3187
 
3188
.user_pro_status {
3189
  width: 100%;
3190
  padding-bottom: 27px;
3191
}
3192
 
3193
.flw-hr {
3194
  float: left;
3195
  width: 100%;
3196
  margin-bottom: 30px;
3197
}
3198
 
3199
.flw-hr li {
3200
  display: inline-block;
3201
  margin-right: 17px;
3202
}
3203
 
3204
.flw-hr li:last-child {
3205
  margin-right: 0;
3206
}
3207
 
3208
.flw-hr li a {
3209
  display: inline-block;
3210
  color: #ffffff;
3211
  font-size: 16px;
3212
  font-weight: 600;
3213
  padding: 11px 15px;
3214
}
3215
 
3216
.flw-hr li a i {
3217
  padding-right: 5px;
3218
}
3219
 
3220
.flww {
3221
  background-color: #53d690;
3222
}
3223
 
3224
.hre {
3225
  background-color: #51a5fb;
3226
}
3227
 
3228
/* =============== flw-status ============ */
3229
.flw-status {
3230
  width: 100%;
3231
}
3232
.flw-status li {
3233
  display: inline-block;
3234
}
3235
.flw-status li span {
3236
  color: var(--font-color);
3237
  font-size: 20px;
3238
  font-weight: 500;
3239
  margin-bottom: 15px;
3240
  display: block;
3241
  height: auto;
3242
}
3243
.flw-status li b {
3244
  color: var(--font-color);
3245
  font-size: 20px;
3246
  font-weight: 600;
3247
}
3248
 
3249
/* ================== social_links ============= */
3250
.social_links {
3251
  width: 100%;
3252
  text-align: left;
3253
}
3254
.social_links li {
3255
  width: 100%;
3256
  padding: 15px 15px;
3257
  border-bottom: 1px solid #e5e5e5;
3258
}
3259
.social_links li a {
3260
  width: 100%;
3261
  color: #51a5fb;
3262
  font-size: 14px;
3263
  font-weight: 400;
3264
  text-overflow: ellipsis;
3265
  white-space: nowrap;
3266
  overflow: hidden;
3267
}
3268
.social_links li a i {
3269
  padding-right: 5px;
3270
  font-size: 20px;
3271
  position: relative;
3272
  top: 3px;
3273
}
3274
 
3275
.modal-md {
3276
  max-width: 55vw;
3277
}
3278
 
3279
@media (min-width: 721px) {
3280
  .group-view-tab {
3281
    margin-left: 3.5rem;
3282
  }
3283
  .group-view-tab span {
3284
    text-overflow: ellipsis;
3285
    white-space: nowrap;
3286
    overflow: hidden;
3287
  }
3288
}
3289
@media (max-width: 720px) {
3290
  .group-view-tab {
3291
    margin-left: 3.5rem;
3292
  }
3293
}
3294
.text-decoration-underline {
3295
  text-decoration: underline !important;
3296
}
3297
 
3298
.ellipsis {
3299
  text-overflow: ellipsis;
3300
  white-space: nowrap;
3301
  overflow: hidden;
3302
}
3303
 
3304
.la-globe {
3305
  color: #51a5fb;
3306
}
3307
 
3308
/* ================= user-tab-sec ============== */
3309
.notifications-grid {
3310
  display: grid;
3311
  grid-template-columns: 1fr;
3312
}
3313
 
3314
@media (min-width: 768px) {
3315
  .notifications-grid {
3316
    display: grid;
3317
    grid-template-columns: 30% 70%;
3318
    padding: 0 5%;
3319
  }
3320
}
3321
.show_filters {
3322
  display: block;
3323
}
3324
 
3325
.hidden_filters {
3326
  display: none !important;
3327
}
3328
 
3329
@media (min-width: 768px) {
3330
  .show_filters {
3331
    display: none;
3332
  }
3333
  .hidden_filters {
3334
    display: block !important;
3335
  }
3336
}
3337
/* ================= user-tab-sec ============== */
3338
.user-tab-sec {
3339
  width: 100%;
3340
  padding-top: 4px;
3341
}
3342
 
3343
.user-tab-sec h3 {
3344
  color: var(--title-color);
3345
  font-size: 24px;
3346
  font-weight: 600;
3347
  text-transform: capitalize;
3348
  margin-bottom: 15px;
3349
}
3350
 
3351
.star-descp {
3352
  float: left;
3353
  width: 100%;
3354
  margin-bottom: 10px;
3355
}
3356
 
3357
.star-descp ul li {
3358
  margin-right: 5px !important;
3359
}
3360
 
3361
.star-descp > a {
3362
  float: left;
3363
  color: #51a5fb;
3364
  font-size: 18px;
3365
  font-weight: 600;
3366
  margin-left: 20px;
3367
  text-decoration: underline;
3368
}
3369
 
3370
.star-descp > a:hover {
3371
  color: #51a5fb;
3372
}
3373
 
3374
.star-descp span {
3375
  float: left;
3376
  color: #686868;
3377
  font-size: 18px;
3378
  font-weight: 600;
3379
  margin-right: 20px;
3380
}
3381
 
3382
.star-descp > ul {
3383
  float: left;
3384
}
3385
 
3386
.star-descp ul li {
3387
  display: inline-block;
3388
}
3389
 
3390
.star-descp ul li i {
3391
  color: #b7ce1f;
3392
  font-size: 16px;
3393
}
3394
 
3395
.tab-feed {
3396
  float: left;
3397
  width: 100%;
3398
  margin-bottom: 45px;
3399
  margin-top: 20px;
3400
}
3401
 
3402
.tab-feed ul {
3403
  float: left;
3404
  width: 100%;
3405
}
3406
 
3407
.tab-feed ul li {
3408
  display: inline-block;
3409
  margin-right: 35px;
3410
  text-align: center;
3411
}
3412
 
3413
.savetext ul {
3414
  border-bottom: none !important;
3415
}
3416
 
3417
.tab-feed.st2 ul li {
3418
  margin-right: 17px;
3419
}
3420
 
3421
.tab-feed ul li:last-child {
3422
  margin-right: 0;
3423
}
3424
 
3425
.tab-feed ul li.active img {
3426
  filter: grayscale(0);
3427
}
3428
 
3429
.tab-feed ul li.active span {
3430
  color: #e44d3a;
3431
}
3432
 
3433
.tab-feed ul li img {
3434
  float: none;
3435
  margin-bottom: 5px;
3436
  filter: grayscale(100%);
3437
}
3438
 
3439
.tab-feed ul li span {
3440
  display: block;
3441
  color: #b2b2b2;
3442
  font-weight: 400;
3443
  font-size: 16px;
3444
}
3445
 
3446
.tab-feed ul li:last-child {
3447
  margin-right: 0;
3448
}
3449
 
3450
/* ================ message-btn ============= */
3451
.message-btn a {
3452
  display: inline-block;
3453
  font-size: 16px;
3454
  padding: 12px;
3455
  font-weight: 500;
3456
}
3457
 
3458
.message-btn a:hover {
3459
  color: #fff;
3460
}
3461
 
3462
.message-btn a i {
3463
  padding-right: 5px;
3464
}
3465
 
3466
/* ============== widget-portfolio ============== */
3467
.wd-heady {
3468
  float: left;
3469
  width: 100%;
3470
  padding: 20px 20px;
3471
  border-bottom: 1px solid #e5e5e5;
3472
}
3473
 
3474
.wd-heady h3 {
3475
  color: #000000;
3476
  font-size: 18px;
3477
  font-weight: 600;
3478
  float: left;
3479
}
3480
 
3481
.wd-heady img {
3482
  float: right;
3483
}
3484
 
3485
.pf-gallery {
3486
  float: left;
3487
  width: 100%;
3488
  padding: 15px 15px;
3489
}
3490
 
3491
.pf-gallery ul {
3492
  float: left;
3493
  width: 100%;
3494
}
3495
 
3496
.pf-gallery ul li {
3497
  float: left;
3498
  width: 33.33%;
3499
  padding: 5px;
3500
  overflow: hidden;
3501
}
3502
 
3503
.pf-gallery ul li:hover {
3504
  -webkit-transform: scale(1.2);
3505
  -moz-transform: scale(1.2);
3506
  -ms-transform: scale(1.2);
3507
  -o-transform: scale(1.2);
3508
  transform: scale(1.2);
3509
}
3510
 
3511
.pf-gallery img {
3512
  width: 100%;
3513
}
3514
 
3515
.product-feed-tab {
3516
  padding-top: 1rem;
3517
  display: flex;
3518
  flex-direction: column;
3519
  gap: 0.5rem;
3520
}
3521
 
3522
.product-feed-tab.current {
3523
  display: block;
3524
}
3525
 
3526
/* =============== user-profile-ov ================ */
3527
.user-profile-ov {
3528
  width: 100%;
3529
  background-color: var(--bg-color);
3530
  padding: 10px 20px 30px;
3531
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
3532
  margin-bottom: 20px;
3533
  border-radius: 10px;
3534
}
3535
 
3536
.user-profile-ov h3 {
3537
  color: var(--title-color);
3538
  font-size: 18px;
3539
  font-weight: 600;
3540
  margin-bottom: 20px;
3541
}
3542
 
3543
.user-profile-ov h3 a {
3544
  color: var(--title-color);
3545
}
3546
 
3547
.user-profile-ov i {
3548
  color: var(--title-color);
3549
  font-size: 13px;
3550
  padding-left: 5px;
3551
}
3552
 
3553
.user-profile-ov h4 {
3554
  font-size: 16px;
3555
  color: var(--title-color);
3556
  font-weight: 600;
3557
  margin-bottom: 10px;
3558
}
3559
 
3560
.user-profile-ov p {
3561
  color: var(--font-color);
3562
  font-size: 14px;
3563
  line-height: 24px;
3564
}
3565
 
3566
.user-profile-ov.st2 p {
3567
  margin-bottom: 23px;
3568
}
3569
 
3570
.no-margin {
3571
  margin: 0 !important;
3572
}
3573
 
3574
.user-profile-ov > span {
3575
  color: var(--font-color);
3576
  font-size: 14px;
3577
  float: left;
3578
  width: 100%;
3579
  margin-bottom: 8px;
3580
  margin-top: 3px;
3581
}
3582
 
3583
.user-profile-ov ul li {
3584
  display: inline-block;
3585
  margin-bottom: 10px;
3586
  padding: 0 2px;
3587
}
3588
 
3589
.user-profile-ov ul li a {
3590
  display: inline-block;
3591
  color: var(--bg-color);
3592
  font-size: 14px;
3593
  font-weight: 600;
3594
  background-color: var(--font-color);
3595
  border-radius: 30px;
3596
  padding: 10px 15px;
3597
}
3598
 
3599
/* ==================== portfolio-gallery-sec ==================== */
3600
.portfolio-gallery-sec {
3601
  float: left;
3602
  width: 100%;
3603
  background-color: #fff;
3604
  padding: 30px 20px;
3605
  border-left: 1px solid #e4e4e4;
3606
  border-right: 1px solid #e4e4e4;
3607
  border-bottom: 1px solid #e4e4e4;
3608
}
3609
 
3610
.portfolio-gallery-sec h3 {
3611
  font-weight: 600;
3612
  font-size: 18px;
3613
  margin-bottom: 32px;
3614
  padding-left: 5px;
3615
  float: left;
3616
}
3617
 
3618
.portfolio-btn {
3619
  float: right;
3620
}
3621
 
3622
.portfolio-btn a {
3623
  display: inline-block;
3624
  color: #e44d3a;
3625
  font-size: 16px;
3626
  font-weight: 600;
3627
}
3628
 
3629
.portfolio-btn a i {
3630
  margin-right: 5px;
3631
}
3632
 
3633
.gallery_pf {
3634
  float: left;
3635
  width: 100%;
3636
  margin-bottom: -5px;
3637
}
3638
 
3639
.gallery_pf .col-lg-4 {
3640
  padding: 5px;
3641
}
3642
 
3643
.gallery_pt {
3644
  float: left;
3645
  width: 100%;
3646
  position: relative;
3647
  overflow: hidden;
3648
}
3649
 
3650
.gallery_pt:hover:before {
3651
  opacity: 1;
3652
  visibility: visible;
3653
  height: 100%;
3654
}
3655
 
3656
.gallery_pt:before {
3657
  content: "";
3658
  position: absolute;
3659
  top: 0;
3660
  left: 0;
3661
  width: 100%;
3662
  height: 0;
3663
  background-color: rgba(0, 0, 0, 0.6);
3664
  opacity: 0;
3665
  visibility: hidden;
3666
}
3667
 
3668
.gallery_pt img {
3669
  width: 100%;
3670
  height: 134px;
3671
  object-fit: cover;
3672
}
3673
 
3674
.row {
3675
  margin: 0;
3676
}
3677
 
3678
.gallery_pt > a {
3679
  position: absolute;
3680
  top: 100%;
3681
  left: 0;
3682
  float: left;
3683
  width: 100%;
3684
  text-align: center;
3685
  -webkit-transform: translateY(-50%);
3686
  -moz-transform: translateY(-50%);
3687
  -ms-transform: translateY(-50%);
3688
  -o-transform: translateY(-50%);
3689
  transform: translateY(-50%);
3690
  opacity: 0;
3691
  visibility: hidden;
3692
}
3693
 
3694
.gallery_pt:hover > a {
3695
  opacity: 1;
3696
  visibility: visible;
3697
  top: 50%;
3698
}
3699
 
3700
.gallery_pt > a img {
3701
  float: none;
3702
  width: auto;
3703
  height: auto;
3704
}
3705
 
3706
/* ============== overview-box ============= */
3707
.overview-box {
3708
  width: 570px;
3709
  position: fixed;
3710
  top: 50%;
3711
  left: 50%;
3712
  -webkit-transform: translateX(-50%) translateY(-50%);
3713
  -moz-transform: translateX(-50%) translateY(-50%);
3714
  -ms-transform: translateX(-50%) translateY(-50%);
3715
  -o-transform: translateX(-50%) translateY(-50%);
3716
  transform: translateX(-50%) translateY(-50%);
3717
  opacity: 0;
3718
  visibility: hidden;
3719
  z-index: 0;
3720
}
3721
 
3722
.close-box {
3723
  position: absolute;
3724
  top: -20px;
3725
  right: -20px;
3726
  color: #fff;
3727
  font-size: 14px;
3728
  text-align: center;
3729
  width: 22px;
3730
  height: 22px;
3731
  line-height: 22px;
3732
  border: 1px solid #fff;
3733
  -webkit-border-radius: 100px;
3734
  -moz-border-radius: 100px;
3735
  -ms-border-radius: 100px;
3736
  -o-border-radius: 100px;
3737
  border-radius: 100px;
3738
  font-weight: 600;
3739
}
3740
 
3741
.close-box:hover {
3742
  color: #fff;
3743
}
3744
 
3745
.overview-box.open {
3746
  opacity: 1;
3747
  visibility: visible;
3748
  z-index: 99999;
3749
}
3750
 
3751
.overview-edit {
3752
  float: left;
3753
  width: 100%;
3754
  background-color: #fff;
3755
  padding: 30px 20px;
3756
}
3757
 
3758
.overview-edit h3 {
3759
  color: #000000;
3760
  font-size: 18px;
3761
  font-weight: 600;
3762
  float: left;
3763
  width: 100%;
3764
  margin-bottom: 25px;
3765
}
3766
 
3767
.overview-edit span {
3768
  color: #b2b2b2;
3769
  font-size: 12px;
3770
  float: right;
3771
  margin-bottom: 5px;
3772
}
3773
 
3774
.overview-edit form {
3775
  float: left;
3776
  width: 100%;
3777
}
3778
 
3779
.overview-edit form input {
3780
  height: 40px;
3781
  padding-left: 15px;
3782
  margin-bottom: 20px;
3783
}
3784
 
3785
.overview-edit form textarea,
3786
.overview-edit form input,
3787
.overview-edit form select {
3788
  width: 100%;
3789
  border: 1px solid #e5e5e5;
3790
  resize: none;
3791
  color: #b2b2b2;
3792
  font-size: 14px;
3793
}
3794
 
3795
.overview-edit form select {
3796
  line-height: 40px;
3797
  padding-left: 40px;
3798
  margin-bottom: 20px;
3799
}
3800
 
3801
.overview-edit form textarea {
3802
  height: 160px;
3803
  margin-bottom: 30px;
3804
  padding: 15px;
3805
}
3806
 
3807
.save {
3808
  background-color: #e44d3a;
3809
  color: #fff;
3810
  border-color: transparent;
3811
}
3812
 
3813
.save-add {
3814
  background-color: #fff;
3815
  padding: 13px 13px !important;
3816
}
3817
 
3818
.overview-edit button {
3819
  float: left;
3820
  border: 1px solid #e5e5e5;
3821
  font-weight: 600;
3822
  font-size: 16px;
3823
  padding: 13px 34px;
3824
  margin-right: 20px;
3825
  outline: none;
3826
  cursor: pointer;
3827
}
3828
 
3829
.cancel {
3830
  background-color: #fff;
3831
  color: #000;
3832
}
3833
 
3834
.datepicky {
3835
  float: left;
3836
  width: 100%;
3837
}
3838
 
3839
.no-left-pd {
3840
  padding: 0;
3841
}
3842
 
3843
.no-righ-pd {
3844
  padding-right: 0;
3845
}
3846
 
3847
.datefm {
3848
  width: 100%;
3849
  position: relative;
3850
}
3851
.datefm i {
3852
  position: absolute;
3853
  top: 11px;
3854
  right: 15px;
3855
  font-size: 18px;
3856
  color: #b2b2b2;
3857
}
3858
 
3859
#location-box .datefm i {
3860
  right: auto;
3861
  left: 15px;
3862
}
3863
 
3864
#location-box .datefm input {
3865
  padding-left: 40px;
3866
}
3867
 
3868
#skills-box ul {
3869
  float: left;
3870
  width: 100%;
3871
  margin-bottom: 20px;
3872
}
3873
 
3874
#skills-box ul li {
3875
  display: inline-block;
3876
  margin-right: 10px;
3877
  position: relative;
3878
}
3879
 
3880
.skl-name {
3881
  display: inline-block;
3882
  color: #b2b2b2;
3883
  font-size: 14px;
3884
  font-weight: 500;
3885
  background-color: #e5e5e5;
3886
  -webkit-border-radius: 30px;
3887
  -moz-border-radius: 30px;
3888
  -ms-border-radius: 30px;
3889
  -o-border-radius: 30px;
3890
  border-radius: 30px;
3891
  text-transform: uppercase;
3892
  padding: 10px 30px 10px 12px;
3893
  position: relative;
3894
}
3895
 
3896
.close-skl {
3897
  position: absolute;
3898
  top: 10px;
3899
  right: 10px;
3900
  color: #b2b2b2;
3901
  font-size: 14px;
3902
}
3903
 
3904
.file-submit {
3905
  border: 1px solid #e5e5e5;
3906
  position: relative;
3907
  padding: 0px;
3908
  height: 40px;
3909
  margin-bottom: 20px;
3910
  border-radius: 3px;
3911
}
3912
 
3913
.file-submit [type=file] {
3914
  height: 40px;
3915
  overflow: hidden;
3916
  width: 100%;
3917
  float: left;
3918
  position: absolute;
3919
  padding: 10px 4px 0px 12px;
3920
  font-size: 14px;
3921
  opacity: 0;
3922
  display: none;
3923
}
3924
 
3925
.file-submit [type=file] + label {
3926
  background: #e44d3a;
3927
  border: none;
3928
  float: left;
3929
  border-top-right-radius: 0px;
3930
  border-bottom-right-radius: 0px;
3931
  border-top-left-radius: 3px;
3932
  border-bottom-left-radius: 3px;
3933
  color: #fff;
3934
  cursor: pointer;
3935
  /* display: inline-block; */
3936
  font-size: 14px;
3937
  font-weight: 500;
3938
  outline: none;
3939
  padding: 12px 15px;
3940
  position: relative;
3941
  transition: all 0.3s;
3942
  vertical-align: middle;
3943
  margin: 0;
3944
}
3945
 
3946
.file-submit.nomg {
3947
  border: 0;
3948
  margin-bottom: 20px;
3949
}
3950
 
3951
.file-submit.nomg input {
3952
  margin-bottom: 0;
3953
  padding-top: 0;
3954
}
3955
 
3956
.daty {
3957
  float: left;
3958
  width: 100%;
3959
  position: relative;
3960
}
3961
 
3962
.daty > i {
3963
  position: absolute;
3964
  top: 10px;
3965
  right: 15px;
3966
  color: #b2b2b2;
3967
  font-size: 20px;
3968
}
3969
 
3970
a:hover {
3971
  color: initial;
3972
}
3973
 
3974
.pf-img {
3975
  float: left;
3976
  width: 100%;
3977
  background-color: #f2f2f2;
3978
  padding: 15px;
3979
  margin-bottom: 20px;
3980
}
3981
 
3982
/* ================= billing-method ============== */
3983
.billing-method {
3984
  float: left;
3985
  width: 100%;
3986
  background-color: #fff;
3987
  border-left: 1px solid #e4e4e4;
3988
  border-right: 1px solid #e4e4e4;
3989
  border-bottom: 1px solid #e4e4e4;
3990
  margin-bottom: 20px;
3991
}
3992
 
3993
.billing-method ul {
3994
  float: left;
3995
  width: 100%;
3996
}
3997
 
3998
.billing-method ul li {
3999
  float: left;
4000
  width: 100%;
4001
  border-bottom: 1px solid #e5e5e5;
4002
  padding: 25px 20px;
4003
}
4004
 
4005
.billing-method ul li h3 {
4006
  color: #000000;
4007
  font-size: 18px;
4008
  font-weight: 600;
4009
  float: left;
4010
}
4011
 
4012
.billing-method ul li a,
4013
.billing-method ul li span {
4014
  float: right;
4015
  color: #000000;
4016
  font-size: 13px;
4017
  text-transform: capitalize;
4018
  font-weight: 600;
4019
  margin-top: 3px;
4020
}
4021
 
4022
.billing-method ul li i {
4023
  font-size: 13px;
4024
  color: #e44d3a;
4025
}
4026
 
4027
.lt-sec {
4028
  float: left;
4029
  width: 100%;
4030
  text-align: center;
4031
  padding: 30px 0;
4032
}
4033
 
4034
.lt-sec img {
4035
  float: none;
4036
  margin-bottom: 15px;
4037
}
4038
 
4039
.lt-sec h4 {
4040
  color: #686868;
4041
  font-size: 18px;
4042
  font-weight: 600;
4043
  margin-bottom: 25px;
4044
}
4045
 
4046
.lt-sec > a {
4047
  display: inline-block;
4048
  color: #ffffff;
4049
  font-size: 16px;
4050
  background-color: #e44d3a;
4051
  padding: 10px 25px;
4052
}
4053
 
4054
/* ============== add-billing-method ============== */
4055
.add-billing-method {
4056
  float: left;
4057
  width: 100%;
4058
  background-color: #fff;
4059
  border-left: 1px solid #e4e4e4;
4060
  border-right: 1px solid #e4e4e4;
4061
  border-bottom: 1px solid #e4e4e4;
4062
}
4063
 
4064
.add-billing-method h3 {
4065
  color: #000000;
4066
  font-size: 18px;
4067
  font-weight: 600;
4068
  padding: 20px 20px;
4069
  border-bottom: 1px solid #e5e5e5;
4070
}
4071
 
4072
.add-billing-method > h4 {
4073
  color: #686868;
4074
  font-size: 13px;
4075
  font-weight: 500;
4076
  padding: 20px 20px;
4077
  border-bottom: 1px solid #e5e5e5;
4078
  float: left;
4079
  width: 100%;
4080
}
4081
 
4082
.add-billing-method img {
4083
  margin-right: 10px;
4084
}
4085
 
4086
.add-billing-method span {
4087
  margin-top: 4px;
4088
  float: left;
4089
}
4090
 
4091
/* ============= payment_methods ============ */
4092
.payment_methods {
4093
  float: left;
4094
  width: 100%;
4095
}
4096
 
4097
.payment_methods > h4 {
4098
  color: #000000;
4099
  font-size: 16px;
4100
  font-weight: 600;
4101
  position: relative;
4102
  padding: 25px 20px 25px 45px;
4103
  float: left;
4104
  width: 100%;
4105
}
4106
 
4107
.rowwy {
4108
  float: left;
4109
  width: 100%;
4110
}
4111
 
4112
.pd-left-none {
4113
  padding-left: 0;
4114
}
4115
 
4116
.pd-right-none {
4117
  padding-right: 0;
4118
}
4119
 
4120
.payment_methods h4:before {
4121
  content: "";
4122
  position: absolute;
4123
  top: 50%;
4124
  -webkit-transform: translateY(-50%);
4125
  -moz-transform: translateY(-50%);
4126
  -ms-transform: translateY(-50%);
4127
  -o-transform: translateY(-50%);
4128
  transform: translateY(-50%);
4129
  left: 20px;
4130
  width: 15px;
4131
  height: 15px;
4132
  border: 1px solid #e6e6e6;
4133
  -webkit-border-radius: 100px;
4134
  -moz-border-radius: 100px;
4135
  -ms-border-radius: 100px;
4136
  -o-border-radius: 100px;
4137
  border-radius: 100px;
4138
}
4139
 
4140
.payment_methods h4:after {
4141
  content: "";
4142
  position: absolute;
4143
  top: 50%;
4144
  -webkit-transform: translateY(-50%);
4145
  -moz-transform: translateY(-50%);
4146
  -ms-transform: translateY(-50%);
4147
  -o-transform: translateY(-50%);
4148
  transform: translateY(-50%);
4149
  left: 24px;
4150
  width: 7px;
4151
  height: 7px;
4152
  background-color: #e44d3a;
4153
  -webkit-border-radius: 100px;
4154
  -moz-border-radius: 100px;
4155
  -ms-border-radius: 100px;
4156
  -o-border-radius: 100px;
4157
  border-radius: 100px;
4158
}
4159
 
4160
.payment_methods form {
4161
  float: left;
4162
  width: 100%;
4163
  padding-bottom: 30px;
4164
  border-bottom: 1px solid #e5e5e5;
4165
}
4166
 
4167
.payment_methods form button {
4168
  color: #ffffff;
4169
  font-size: 16px;
4170
  background-color: #e44d3a;
4171
  padding: 10px 15px;
4172
  border: 0;
4173
  cursor: pointer;
4174
}
4175
 
4176
.payment_methods form input {
4177
  width: 100%;
4178
  height: 40px;
4179
  border: 1px solid #e5e5e5;
4180
  padding: 0 12px;
4181
}
4182
 
4183
.cc-head {
4184
  float: left;
4185
  width: 100%;
4186
  margin-bottom: 10px;
4187
}
4188
 
4189
.cc-head h5 {
4190
  float: left;
4191
  color: #000000;
4192
  font-size: 16px;
4193
  font-weight: 600;
4194
  margin-top: 4px;
4195
}
4196
 
4197
.cc-head h5 i {
4198
  color: #b2b2b2;
4199
  font-size: 14px;
4200
}
4201
 
4202
.cc-head ul {
4203
  float: right;
4204
}
4205
 
4206
.cc-head ul li {
4207
  display: inline-block;
4208
}
4209
 
4210
.inpt-field {
4211
  float: left;
4212
  width: 100%;
4213
  position: relative;
4214
  margin-bottom: 20px;
4215
}
4216
 
4217
.no-pdd {
4218
  padding: 0;
4219
}
4220
 
4221
.inpt-field.pd-moree input {
4222
  padding-left: 40px !important;
4223
}
4224
 
4225
.inpt-field i {
4226
  color: #b2b2b2;
4227
  font-size: 18px;
4228
  position: absolute;
4229
  top: 50%;
4230
  left: 15px;
4231
  -webkit-transform: translateY(-50%);
4232
  -moz-transform: translateY(-50%);
4233
  -ms-transform: translateY(-50%);
4234
  -o-transform: translateY(-50%);
4235
  transform: translateY(-50%);
4236
}
4237
 
4238
/* ============== companies-info ============== */
4239
.companies-info {
4240
  padding: 60px 0;
4241
}
4242
 
4243
.company-title {
4244
  width: 100%;
4245
  margin-bottom: 20px;
4246
}
4247
 
4248
.default-link {
4249
  color: #0860bf;
4250
}
4251
 
4252
.default-link:hover {
4253
  font-weight: bold;
4254
  color: #0860bf;
4255
  transition: all 0.5s;
4256
}
4257
 
4258
.company-title h3 {
4259
  color: #000000;
4260
  font-size: 20px;
4261
  font-weight: 600;
4262
  background-color: #fff;
4263
  padding: 10px 15px;
4264
}
4265
 
4266
.companies-list {
4267
  width: 100%;
4268
  display: grid;
4269
  gap: 20px;
4270
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
4271
  position: relative;
4272
}
4273
 
4274
.companies-list .slick-list {
4275
  max-height: 47vh;
4276
}
4277
 
4278
.slick-prev:before,
4279
.slick-next:before {
4280
  color: #000 !important;
4281
}
4282
 
4283
.company_profile_info {
4284
  /* float: left; */
4285
  width: 100%;
4286
  background-color: #fff;
4287
  text-align: center;
4288
  border-left: 1px solid #e4e4e4;
4289
  border-right: 1px solid #e4e4e4;
4290
  border-bottom: 1px solid #e4e4e4;
4291
  margin-bottom: 30px;
4292
}
4293
 
4294
.marketplace_card {
4295
  width: 100%;
4296
  background-color: var(--bg-color);
4297
  text-align: center;
4298
  max-width: 215px !important;
4299
}
4300
 
4301
.company-up-info {
4302
  /* float: left; */
4303
  width: 100%;
4304
  padding: 20px 0;
4305
  border-bottom: 1px solid #e5e5e5;
4306
}
4307
 
4308
.company-up-info .description {
4309
  margin-bottom: 10px;
4310
}
4311
 
4312
.company-up-info img {
4313
  float: none;
4314
  margin-bottom: 10px;
4315
  -webkit-border-radius: 100px;
4316
  -moz-border-radius: 100px;
4317
  -ms-border-radius: 100px;
4318
  -o-border-radius: 100px;
4319
  border-radius: 100px;
4320
  height: 90px;
4321
  object-fit: cover;
4322
}
4323
 
4324
.company-up-info h3 {
4325
  color: #000000;
4326
  font-size: 18px;
4327
  font-weight: 600;
4328
  margin-bottom: 10px;
4329
}
4330
 
4331
.company-up-info h4 {
4332
  color: #686868;
4333
  font-size: 14px;
4334
  font-weight: 500;
4335
  margin-bottom: 21px;
4336
}
4337
 
4338
.company-up-info h6 {
4339
  color: #686868;
4340
  font-size: 15px;
4341
  font-weight: 500;
4342
  margin-bottom: 10px;
4343
}
4344
 
4345
.company-up-info ul {
4346
  /* float: left; */
4347
  width: 100%;
4348
}
4349
 
4350
.company-up-info ul li {
4351
  display: inline-block;
4352
  margin-right: 6px;
4353
}
4354
 
4355
.company-up-info ul li a i {
4356
  font-size: 24px;
4357
  position: relative;
4358
  top: 3px;
4359
}
4360
 
4361
.modal-content {
4362
  background-color: var(--bg-color) !important;
4363
  color: var(--font-color) !important;
4364
}
4365
 
4366
.follow {
4367
  background-color: #53d690;
4368
}
4369
 
4370
.message-us {
4371
  background-color: #e44d3a;
4372
}
4373
 
4374
.hire-us {
4375
  background-color: #51a5fb;
4376
}
4377
 
4378
.company_profile_info .cancelButton {
4379
  display: inline-block;
4380
  color: #000000;
4381
  font-size: 16px;
4382
  font-weight: 500;
4383
  margin: 18px 0;
4384
}
4385
 
4386
/* ============= search-sec ============= */
4387
.list-col {
4388
  display: flex;
4389
  gap: 20px;
4390
  flex-direction: column;
4391
}
4392
 
4393
.search-sec {
4394
  float: left;
4395
  width: 100%;
4396
  margin: 30px 0 0 0;
4397
}
4398
 
4399
.search-box {
4400
  width: 100%;
4401
  padding: 2.1%;
4402
  position: relative;
4403
}
4404
 
4405
.search-box input,
4406
.search-box input:focus {
4407
  background: var(--bg-color);
4408
  color: var(--font-color);
4409
}
4410
 
4411
.search-box > .form-group::before {
4412
  width: 100px;
4413
  content: "Buscar";
4414
  right: 2.1%;
4415
  place-items: center;
4416
  display: grid;
4417
  height: calc(1.5em + 0.75rem + 2px);
4418
  background: var(--bg-color);
4419
  position: absolute;
4420
  border: 1px solid var(--border-primary);
4421
  cursor: pointer;
4422
  color: var(--subtitle-color);
4423
  font-weight: 600;
4424
  border-start-end-radius: 0.25rem;
4425
  border-bottom-right-radius: 0.25rem;
4426
}
4427
 
4428
.search-box form {
4429
  width: 100%;
4430
  position: relative;
4431
}
4432
 
4433
.search-box form input {
4434
  width: 100%;
4435
  height: 40px;
4436
  padding: 0 15px;
4437
  background: var(--background-light-gray);
4438
  color: var(--gray);
4439
  font-size: 14px;
4440
  border: solid 1px var(--border-primary);
4441
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4442
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4443
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4444
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4445
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4446
}
4447
 
4448
.search-box form button {
4449
  position: absolute;
4450
  top: 0;
4451
  right: 0;
4452
  border: solid 1px var(--border-primary);
4453
  color: var(--gray);
4454
  font-size: 16px;
4455
  font-weight: 500;
4456
  height: 100%;
4457
  padding: 0 28px;
4458
  cursor: pointer;
4459
  -webkit-border-radius: 0 4px 4px 0;
4460
  -moz-border-radius: 0 4px 4px 0;
4461
  -ms-border-radius: 0 4px 4px 0;
4462
  -o-border-radius: 0 4px 4px 0;
4463
  border-radius: 0 4px 4px 0;
4464
}
4465
 
4466
/* =============== filter-secs ============== */
4467
.filter-secs {
4468
  float: left;
4469
  width: 100%;
4470
  /* background-color: #fff; */
4471
  box-shadow: 0px 2px #e4e4e4;
4472
  border: 1px solid #e5e5e5;
4473
}
4474
 
4475
.filter-heading {
4476
  float: left;
4477
  width: 100%;
4478
  padding: 15px 20px;
4479
  border-bottom: 1px solid #e5e5e5;
4480
  margin-bottom: 15px;
4481
}
4482
 
4483
.filter-heading h3 {
4484
  float: left;
4485
  color: #e44d3a;
4486
  font-size: 18px;
4487
  font-weight: 600;
4488
}
4489
 
4490
.filter-heading a {
4491
  float: right;
4492
  color: #686868;
4493
  font-size: 14px;
4494
  margin-top: 4px;
4495
}
4496
 
4497
.filter-ttl {
4498
  float: left;
4499
  width: 100%;
4500
  border-bottom: 1px solid #e5e5e5;
4501
  padding: 0 0 16px 0;
4502
  margin-bottom: 10px;
4503
}
4504
 
4505
.filter--tt2 {
4506
  margin-bottom: 0px !important;
4507
}
4508
 
4509
.top--1 {
4510
  margin-top: 20px;
4511
}
4512
 
4513
.filter--tt2 .dropdown .dropdown-menu a {
4514
  float: none;
4515
  color: #666666 !important;
4516
  margin-bottom: 12px !important;
4517
}
4518
 
4519
.filter--tt2 .dropdown .dropdown-menu a:hover {
4520
  color: #e44d3a !important;
4521
  background: none !important;
4522
}
4523
 
4524
.filter--tt2 .dropdown .dropdown-menu a:focus {
4525
  color: #e44d3a !important;
4526
  background: none !important;
4527
}
4528
 
4529
.filter--tt2 a {
4530
  float: left !important;
4531
  padding: 0 0 0 15px !important;
4532
  font-size: 16px !important;
4533
  color: #000000 !important;
4534
  font-weight: 500 !important;
4535
}
4536
 
4537
.filter-ttl h3 {
4538
  float: left;
4539
  padding: 0;
4540
  font-size: 16px;
4541
  color: #000000;
4542
  font-weight: 400;
4543
}
4544
 
4545
.filter-ttl a {
4546
  float: right;
4547
  font-size: 14px;
4548
  color: #666666;
4549
}
4550
 
4551
.filter-ttl .dropdown a {
4552
  float: none;
4553
  color: #666666;
4554
}
4555
 
4556
.filter-dd {
4557
  float: left;
4558
  width: 100%;
4559
  margin-bottom: 15px;
4560
}
4561
 
4562
.filter-dd form {
4563
  float: left;
4564
  width: 100%;
4565
  position: relative;
4566
}
4567
 
4568
.filter-dd form input,
4569
.filter-dd form select {
4570
  width: 100%;
4571
  height: 30px;
4572
  background-color: #f2f2f2;
4573
  padding: 0 10px;
4574
  color: #b2b2b2;
4575
  font-size: 12px;
4576
  font-weight: 600;
4577
  border: 0;
4578
  border: 1px solid #e5e5e5;
4579
}
4580
 
4581
.job-tp i {
4582
  color: #666666;
4583
  position: absolute;
4584
  top: 9px;
4585
  right: 15px;
4586
  font-size: 14px;
4587
}
4588
 
4589
.avail-checks {
4590
  float: left;
4591
  width: 100%;
4592
  margin-top: 7px;
4593
}
4594
 
4595
.avail-checks li {
4596
  float: left;
4597
  width: 100%;
4598
  margin-bottom: 10px;
4599
}
4600
 
4601
.avail-checks li:last-child {
4602
  margin-bottom: 0;
4603
}
4604
 
4605
.avail-checks li input[type=radio] {
4606
  display: none;
4607
}
4608
 
4609
.avail-checks li label {
4610
  float: left;
4611
}
4612
 
4613
.avail-checks li input[type=radio] + label span {
4614
  display: inline-block;
4615
  width: 15px;
4616
  height: 15px;
4617
  position: relative;
4618
  margin-top: 3px;
4619
  border: 1px solid #d2d2d2;
4620
  -webkit-border-radius: 100px;
4621
  -moz-border-radius: 100px;
4622
  -ms-border-radius: 100px;
4623
  -o-border-radius: 100px;
4624
  border-radius: 100px;
4625
}
4626
 
4627
.avail-checks li input[type=radio] + label span:before {
4628
  content: "";
4629
  opacity: 0;
4630
  visibility: hidden;
4631
  position: absolute;
4632
  width: 7px;
4633
  height: 7px;
4634
  -webkit-border-radius: 100px;
4635
  -moz-border-radius: 100px;
4636
  -ms-border-radius: 100px;
4637
  -o-border-radius: 100px;
4638
  border-radius: 100px;
4639
  background-color: #e44d3a;
4640
  top: 3px;
4641
  left: 3px;
4642
}
4643
 
4644
.avail-checks li input[type=radio]:checked + label span:before {
4645
  opacity: 1;
4646
  visibility: visible;
4647
}
4648
 
4649
.avail-checks li small {
4650
  color: #909090;
4651
  font-size: 14px;
4652
  padding-left: 10px;
4653
  font-weight: 500;
4654
}
4655
 
4656
/* =========== Range Slider ========== */
4657
.rg-slider {
4658
  float: left;
4659
  width: 100%;
4660
}
4661
 
4662
.slider-container {
4663
  width: 100% !important;
4664
  padding-top: 50px;
4665
  position: relative;
4666
}
4667
 
4668
.theme-green .back-bar {
4669
  height: 5px;
4670
  border: 1px solid #e5e5e5;
4671
  -webkit-border-radius: 30px;
4672
  -moz-border-radius: 30px;
4673
  -ms-border-radius: 30px;
4674
  -o-border-radius: 30px;
4675
  border-radius: 30px;
4676
}
4677
 
4678
.theme-green .back-bar .pointer {
4679
  width: 17px;
4680
  height: 17px;
4681
  -webkit-border-radius: 100px;
4682
  -moz-border-radius: 100px;
4683
  -ms-border-radius: 100px;
4684
  -o-border-radius: 100px;
4685
  border-radius: 100px;
4686
  background-color: #e44d3a;
4687
  border: 2px solid #e3e3e3;
4688
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4689
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4690
  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4691
  -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4692
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4693
}
4694
 
4695
.theme-green .back-bar .pointer {
4696
  top: -7px;
4697
}
4698
 
4699
.slider-container .back-bar .pointer-label {
4700
  top: -50px;
4701
  height: 26px;
4702
  background-color: #e5e5e5;
4703
  -webkit-border-radius: 30px;
4704
  -moz-border-radius: 30px;
4705
  -ms-border-radius: 30px;
4706
  -o-border-radius: 30px;
4707
  border-radius: 30px;
4708
  line-height: 26px;
4709
  width: 50px;
4710
}
4711
 
4712
.pointer-label.low {
4713
  left: 0 !important;
4714
}
4715
 
4716
.pointer-label.high {
4717
  left: 70px !important;
4718
}
4719
 
4720
.pointer-label.low:before {
4721
  content: "";
4722
  position: absolute;
4723
  top: 13px;
4724
  right: -14px;
4725
  width: 8px;
4726
  height: 1px;
4727
  background-color: #e5e5e5;
4728
}
4729
 
4730
.rg-limit {
4731
  float: left;
4732
  width: 100%;
4733
  margin-top: 16px;
4734
}
4735
 
4736
.rg-limit h4 {
4737
  color: #686868;
4738
  font-size: 15px;
4739
  font-weight: 600;
4740
  float: left;
4741
}
4742
 
4743
.rg-limit h4:last-child {
4744
  float: right;
4745
}
4746
 
4747
/* ============== chatbox-list ============== */
4748
.chatbox-list {
4749
  position: fixed;
4750
  bottom: 0;
4751
  right: 0;
4752
}
4753
 
4754
.ext_share {
4755
  display: flex;
4756
  position: absolute;
4757
  align-items: center;
4758
  padding: 5px 1rem;
4759
  bottom: calc(100% + 0.5rem);
4760
  gap: 0.5rem;
4761
  left: 50%;
4762
  width: 16.5rem;
4763
  flex-wrap: wrap;
4764
  overflow-x: scroll;
4765
  transform: translateX(-43%);
4766
  border-radius: 20px;
4767
  background-color: #fff;
4768
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12), 0px -4px 4px -2px rgba(0, 0, 0, 0.12);
4769
}
4770
 
4771
.ext_share.post {
4772
  transform: none;
4773
  left: inherit;
4774
  bottom: inherit;
4775
  top: 1.5rem;
4776
  right: 1.5rem;
4777
}
4778
 
4779
.highlighted {
4780
  backdrop-filter: blur(35px);
4781
  animation: droping 1s ease infinite;
4782
}
4783
 
4784
@keyframes droping {
4785
  0% {
4786
    box-shadow: 0 0 5px #96bde9;
4787
  }
4788
  50% {
4789
    box-shadow: 0 0 12px #96bde9;
4790
  }
4791
  100% {
4792
    box-shadow: 0 0 5px #96bde9;
4793
  }
4794
}
4795
.chatbox {
4796
  display: inline-block;
4797
  position: relative;
4798
  z-index: 10;
4799
}
4800
 
4801
.chat-mg {
4802
  display: inline-block;
4803
  position: relative;
4804
}
4805
 
4806
.chat-mg img {
4807
  width: 70px;
4808
  height: 70px;
4809
  -webkit-border-radius: 100px;
4810
  -moz-border-radius: 100px;
4811
  -ms-border-radius: 100px;
4812
  -o-border-radius: 100px;
4813
  border-radius: 100px;
4814
}
4815
 
4816
.chat-mg span {
4817
  position: absolute;
4818
  top: -5px;
4819
  right: 10px;
4820
  width: 20px;
4821
  height: 20px;
4822
  background-color: #e44d3a;
4823
  text-align: center;
4824
  font-size: 12px;
4825
  color: #fff;
4826
  line-height: 20px;
4827
  -webkit-border-radius: 100px;
4828
  -moz-border-radius: 100px;
4829
  -ms-border-radius: 100px;
4830
  -o-border-radius: 100px;
4831
  border-radius: 100px;
4832
}
4833
 
4834
.chat-mg.bx img {
4835
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4836
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4837
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4838
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4839
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4840
}
4841
 
4842
.conversation-box {
4843
  position: absolute;
4844
  bottom: 132%;
4845
  right: 100%;
4846
  width: 350px;
4847
  background-color: #fff;
4848
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4849
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4850
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4851
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4852
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4853
  opacity: 0;
4854
  visibility: hidden;
4855
  z-index: 0;
4856
}
4857
 
4858
.conversation-box.active {
4859
  opacity: 1;
4860
  visibility: visible;
4861
  z-index: 9999;
4862
}
4863
 
4864
.conversation-box:before {
4865
  content: "";
4866
  position: absolute;
4867
  bottom: -7px;
4868
  right: 26px;
4869
  border-top: 15px solid #fff;
4870
  border-right: 15px solid transparent;
4871
  -webkit-transform: rotate(225deg);
4872
  -moz-transform: rotate(225deg);
4873
  -ms-transform: rotate(225deg);
4874
  -o-transform: rotate(225deg);
4875
  transform: rotate(225deg);
4876
}
4877
 
4878
.con-title {
4879
  float: left;
4880
  width: 100%;
4881
  background-color: #e44d3a;
4882
  padding: 15px 25px;
4883
  -webkit-border-radius: 10px 10px 0 0;
4884
  -moz-border-radius: 10px 10px 0 0;
4885
  -ms-border-radius: 10px 10px 0 0;
4886
  -o-border-radius: 10px 10px 0 0;
4887
  border-radius: 10px 10px 0 0;
4888
}
4889
 
4890
.con-title h3 {
4891
  float: left;
4892
  color: #ffffff;
4893
  font-size: 16px;
4894
  font-weight: 600;
4895
}
4896
 
4897
.con-title > a {
4898
  float: right;
4899
  color: #fff;
4900
  font-size: 20px;
4901
}
4902
 
4903
.chat-list {
4904
  float: left;
4905
  width: 100%;
4906
  min-height: 390px;
4907
}
4908
 
4909
.conv-list {
4910
  float: left;
4911
  width: 100%;
4912
  display: table;
4913
  padding: 20px 25px;
4914
  position: relative;
4915
}
4916
 
4917
.conv-list:hover,
4918
.conv-list.active {
4919
  background-color: #efefef;
4920
}
4921
 
4922
.msg-numbers {
4923
  position: absolute;
4924
  bottom: 18px;
4925
  right: 25px;
4926
  width: 25px;
4927
  height: 25px;
4928
  background-color: #e77667;
4929
  text-align: center;
4930
  line-height: 25px;
4931
  color: #fff;
4932
  font-size: 13px;
4933
  -webkit-border-radius: 100px;
4934
  -moz-border-radius: 100px;
4935
  -ms-border-radius: 100px;
4936
  -o-border-radius: 100px;
4937
  border-radius: 100px;
4938
}
4939
 
4940
.usrr-pic {
4941
  display: table-cell;
4942
  position: relative;
4943
}
4944
 
4945
.active-status {
4946
  width: 9px;
4947
  height: 9px;
4948
  border: 2px solid #ecf5fb;
4949
  -webkit-border-radius: 100px;
4950
  -moz-border-radius: 100px;
4951
  -ms-border-radius: 100px;
4952
  -o-border-radius: 100px;
4953
  border-radius: 100px;
4954
  position: absolute;
4955
  top: -3px;
4956
  right: 0;
4957
}
4958
 
4959
.activee {
4960
  background-color: #e44d3a;
4961
}
4962
 
4963
.usy-info {
4964
  display: table-cell;
4965
  vertical-align: top;
4966
  width: 100%;
4967
  padding-left: 15px;
4968
}
4969
 
4970
.usy-info h3 {
4971
  color: #000000;
4972
  font-size: 18px;
4973
  font-weight: 600;
4974
  margin-bottom: 5px;
4975
}
4976
 
4977
.usy-info span {
4978
  color: #686868;
4979
  font-size: 16px;
4980
  float: left;
4981
}
4982
 
4983
.usy-info span img {
4984
  padding-left: 5px;
4985
  float: right;
4986
}
4987
 
4988
.ct-time {
4989
  position: absolute;
4990
  top: 20px;
4991
  right: 25px;
4992
}
4993
 
4994
.ct-time span {
4995
  color: #b2b2b2;
4996
  font-size: 14px;
4997
}
4998
 
4999
.st-icons {
5000
  float: right;
5001
  margin-top: 7px;
5002
}
5003
 
5004
.st-icons a {
5005
  color: #fff;
5006
  font-size: 20px;
5007
  margin-right: 5px;
5008
}
5009
 
5010
.chat-hist {
5011
  float: left;
5012
  width: 100%;
5013
  background-color: #fff;
5014
  height: 280px;
5015
}
5016
 
5017
.chat-msg {
5018
  float: left;
5019
  width: 100%;
5020
  padding-right: 25px;
5021
  margin-bottom: 15px;
5022
}
5023
 
5024
.chat-msg p {
5025
  color: #ffffff;
5026
  font-size: 14px;
5027
  background-color: #e44d3a;
5028
  line-height: 18px;
5029
  -webkit-border-radius: 15px;
5030
  -moz-border-radius: 15px;
5031
  -ms-border-radius: 15px;
5032
  -o-border-radius: 15px;
5033
  border-radius: 15px;
5034
  padding: 10px 15px;
5035
  width: 80%;
5036
  float: right;
5037
  margin-bottom: 10px;
5038
}
5039
 
5040
.mg-3 {
5041
  margin-bottom: 3px;
5042
}
5043
 
5044
.chat-msg span {
5045
  float: right;
5046
  color: #b1b1b1;
5047
  width: 100%;
5048
  font-size: 9px;
5049
  text-align: right;
5050
}
5051
 
5052
.status-info {
5053
  width: 8px;
5054
  height: 8px;
5055
  background-color: #fff;
5056
  -webkit-border-radius: 100px;
5057
  -moz-border-radius: 100px;
5058
  -ms-border-radius: 100px;
5059
  -o-border-radius: 100px;
5060
  border-radius: 100px;
5061
  display: inline-block;
5062
  margin-left: 7px;
5063
}
5064
 
5065
.chat-user-info h3 {
5066
  margin-top: 7px;
5067
  margin-left: 10px;
5068
}
5069
 
5070
.date-nd {
5071
  float: left;
5072
  width: 100%;
5073
  text-align: center;
5074
  margin-bottom: 20px;
5075
  position: relative;
5076
}
5077
 
5078
.date-nd:before,
5079
.date-nd:after {
5080
  content: "";
5081
  position: absolute;
5082
  top: 10px;
5083
  left: 15px;
5084
  width: 92px;
5085
  height: 1px;
5086
  background-color: #e5e5e5;
5087
}
5088
 
5089
.date-nd:after {
5090
  left: auto;
5091
  right: 15px;
5092
}
5093
 
5094
.date-nd span {
5095
  color: #b1b1b1;
5096
  font-size: 12px;
5097
  text-align: center;
5098
}
5099
 
5100
.chat-msg.st2 p {
5101
  background-color: #efefef;
5102
  color: #686868;
5103
  float: left;
5104
  width: 55%;
5105
}
5106
 
5107
.chat-msg.st2 {
5108
  padding-left: 25px;
5109
}
5110
 
5111
.chat-msg.st2 span {
5112
  float: left;
5113
  text-align: left;
5114
}
5115
 
5116
/* =========== typing-msg =========== */
5117
.typing-msg {
5118
  float: left;
5119
  width: 100%;
5120
  border-top: 1px solid #e6e6e6;
5121
  padding-top: 15px;
5122
}
5123
 
5124
.typing-msg form {
5125
  float: left;
5126
  width: 100%;
5127
  position: relative;
5128
}
5129
 
5130
.typing-msg form textarea {
5131
  width: 100%;
5132
  height: 30px;
5133
  background-color: #fff;
5134
  padding: 0 20px;
5135
  color: #b2b2b2;
5136
  font-size: 16px;
5137
  border: 0;
5138
  resize: none;
5139
}
5140
 
5141
.typing-msg form button {
5142
  color: #e44d3a;
5143
  font-size: 18px;
5144
  font-weight: 600;
5145
  position: absolute;
5146
  top: 2px;
5147
  right: 20px;
5148
  background: none;
5149
  border: 0;
5150
  cursor: pointer;
5151
}
5152
 
5153
.ft-options {
5154
  float: left;
5155
  width: 100%;
5156
  padding: 0 20px 8px 20px;
5157
}
5158
 
5159
.ft-options li {
5160
  display: inline-block;
5161
  margin-right: 15px;
5162
}
5163
 
5164
.ft-options li a {
5165
  color: #b2b2b2;
5166
  font-size: 24px;
5167
  display: inline-block;
5168
}
5169
 
5170
.mCSB_scrollTools {
5171
  right: -5px;
5172
}
5173
 
5174
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5175
  background-color: #cccccc;
5176
  width: 5px;
5177
}
5178
 
5179
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5180
  opacity: 0;
5181
}
5182
 
5183
/* ============ Menu Btn =============*/
5184
.menu-btn {
5185
  float: right;
5186
  display: none;
5187
}
5188
 
5189
.menu-btn a {
5190
  font-size: 24px;
5191
  color: #fff;
5192
  display: inline-block;
5193
  padding-top: 16px;
5194
  padding-left: 20px;
5195
}
5196
 
5197
/* ============= account-tabs-setting ============ */
5198
/* .profile-account-setting {} */
5199
.account-tabs-setting {
5200
  width: 100%;
5201
}
5202
 
5203
.account-tabs-setting h1 {
5204
  font-size: 1rem;
5205
  font-weight: 700;
5206
  margin: 2rem auto;
5207
  text-align: center;
5208
  color: var(--title-color);
5209
}
5210
 
5211
.acc-leftbar {
5212
  width: 100%;
5213
  background-color: var(--bg-color);
5214
  border: 1px solid var(--border-primary);
5215
  border-radius: 10px;
5216
  overflow: hidden;
5217
}
5218
 
5219
.acc-leftbar .nav-tabs > a {
5220
  border-bottom: 1px solid var(--border-primary);
5221
  color: var(--subtitle-color);
5222
  font-size: 16px;
5223
  font-weight: 700;
5224
  margin: 0 auto;
5225
  padding: 1rem 0;
5226
  width: 90%;
5227
}
5228
 
5229
.nav-tabs {
5230
  border-bottom: 0;
5231
}
5232
 
5233
.acc-leftbar .nav-tabs > a:last-child {
5234
  border-bottom: 0;
5235
}
5236
 
5237
.acc-leftbar .nav-tabs > a i {
5238
  font-size: 1.5rem;
5239
  position: relative;
5240
  width: 50px;
5241
  height: 50px;
5242
  display: inline-flex;
5243
  align-items: center;
5244
  background-color: var(--bg-color-secondary);
5245
  border-radius: 100px;
5246
  justify-content: center;
5247
  margin-right: 5px;
5248
}
5249
 
5250
.nav-tabs .nav-item.show .nav-link,
5251
.nav-tabs .nav-link.active {
5252
  background-color: inherit;
5253
  color: #e44d3a;
5254
  border-color: inherit;
5255
}
5256
 
5257
/* ============= acc-setting ============ */
5258
.settings-container {
5259
  font-weight: normal;
5260
}
5261
 
5262
.settings-container h2 {
5263
  font-weight: normal;
5264
  margin: 0.5rem auto;
5265
  color: var(--subtitle-color);
5266
}
5267
 
5268
.acc-setting_content {
5269
  padding: 2rem 1rem;
5270
  width: 100%;
5271
  overflow: hidden;
5272
  border-radius: 10px;
5273
  background-color: var(--bg-color);
5274
  border: 1px solid var(--border-primary);
5275
  box-shadow: 1px 0 4px var(--background-gray);
5276
}
5277
 
5278
.acc-setting form {
5279
  float: left;
5280
  width: 100%;
5281
}
5282
 
5283
.acc-setting > h3 {
5284
  width: 100%;
5285
  color: var(--subtitle-color);
5286
  font-weight: 600;
5287
  font-size: 18px;
5288
  text-transform: capitalize;
5289
  border-bottom: 1px solid var(--border-primary);
5290
  padding: 17px 20px;
5291
}
5292
 
5293
.notbar {
5294
  float: left;
5295
  width: 100%;
5296
  border-bottom: 1px solid var(--border-primary);
5297
  padding: 20px;
5298
  position: relative;
5299
}
5300
 
5301
.notbat {
5302
  color: var(--font-color);
5303
}
5304
 
5305
.notbar h4 {
5306
  color: var(--title-color);
5307
  font-size: 16px;
5308
  font-weight: 600;
5309
  margin-bottom: 5px;
5310
}
5311
 
5312
.notbar p {
5313
  color: var(--font-color);
5314
  font-size: 14px;
5315
  line-height: 24px;
5316
  width: 75%;
5317
}
5318
 
5319
.toggle-btn {
5320
  position: absolute;
5321
  top: 35px;
5322
  right: 20px;
5323
}
5324
 
5325
.save-stngs {
5326
  float: left;
5327
  width: 100%;
5328
  padding: 30px 20px 50px 20px;
5329
}
5330
 
5331
.save-stngs.pd2 {
5332
  padding: 25px 20px 42px 20px;
5333
}
5334
 
5335
.save-stngs.pd3 {
5336
  padding: 25px 20px 25px 20px;
5337
}
5338
 
5339
.save-stngs ul li {
5340
  display: inline-block;
5341
  margin-right: 17px;
5342
}
5343
 
5344
.save-stngs ul li button {
5345
  display: inline-block;
5346
  color: #000000;
5347
  font-size: 16px;
5348
  border: 1px solid #e5e5e5;
5349
  height: 40px;
5350
  line-height: 40px;
5351
  padding: 0 22px;
5352
  font-weight: 600;
5353
  background: none;
5354
  cursor: pointer;
5355
}
5356
 
5357
/* =============== Password Update ============ */
5358
.cp-field,
5359
.cp-field2 {
5360
  width: 100%;
5361
}
5362
 
5363
@media (min-width: 992px) {
5364
  .cp-field {
5365
    width: 47%;
5366
  }
5367
  .cp-field2 {
5368
    width: 80%;
5369
  }
5370
}
5371
.cp-field h5 {
5372
  color: #000000;
5373
  font-size: 16px;
5374
  font-weight: 600;
5375
  float: left;
5376
  width: 100%;
5377
  margin-bottom: 10px;
5378
}
5379
 
5380
.cp-field h5 a {
5381
  color: #000;
5382
}
5383
 
5384
.cpp-fiel {
5385
  width: 100%;
5386
  position: relative;
5387
}
5388
 
5389
.cp-field input,
5390
.cp-field select,
5391
.custom-input {
5392
  height: 40px;
5393
  padding: 0 40px;
5394
}
5395
 
5396
.cp-field input,
5397
.cp-field textarea,
5398
.cp-field select,
5399
.custom-input {
5400
  width: 100% !important;
5401
  background-color: var(--bg-color) !important;
5402
  color: var(--font-color) !important;
5403
  box-shadow: 0 0 2px var(--border-primary) !important;
5404
  border-radius: 10px !important;
5405
  border: none !important;
5406
  margin-top: 4px;
5407
}
5408
 
5409
.cp-field textarea {
5410
  padding: 20px;
5411
  height: 115px;
5412
}
5413
 
5414
.cpp-fiel i {
5415
  position: absolute;
5416
  top: 12px;
5417
  left: 15px;
5418
  color: #b2b2b2;
5419
  font-size: 16px;
5420
}
5421
 
5422
/* =============== notifications-list ============= */
5423
.notifications-list {
5424
  float: left;
5425
  width: 100%;
5426
}
5427
 
5428
.notfication-details {
5429
  float: left;
5430
  width: 100%;
5431
  padding: 20px;
5432
  border-bottom: 1px solid #e5e5e5;
5433
}
5434
 
5435
.notfication-details:last-child {
5436
  border-bottom: 0;
5437
}
5438
 
5439
.noty-user-img {
5440
  float: left;
5441
  width: 35px;
5442
}
5443
 
5444
.noty-user-img img {
5445
  width: 100%;
5446
}
5447
 
5448
.notification-info {
5449
  float: left;
5450
  width: auto;
5451
  padding-left: 10px;
5452
}
5453
 
5454
.notification-info h3 {
5455
  color: #686868;
5456
  font-size: 14px;
5457
  font-weight: 500;
5458
  border: 0;
5459
  padding: 0;
5460
  margin-bottom: 6px;
5461
}
5462
 
5463
.notification-info h3 a {
5464
  color: #000000;
5465
  font-size: 16px;
5466
  font-weight: 600;
5467
  display: inline-block;
5468
}
5469
 
5470
.notification-info > span {
5471
  display: inline-block;
5472
  color: #b2b2b2;
5473
  font-size: 12px;
5474
  font-weight: 600;
5475
}
5476
 
5477
/* ============== requests-list ============== */
5478
.requests-list {
5479
  float: left;
5480
  width: 100%;
5481
  padding-bottom: 0;
5482
}
5483
 
5484
.request-details {
5485
  float: left;
5486
  width: 100%;
5487
  padding: 20px;
5488
  border-bottom: 1px solid #e5e5e5;
5489
}
5490
 
5491
.request-details:last-child {
5492
  border-bottom: 0;
5493
}
5494
 
5495
.request-info {
5496
  float: left;
5497
  padding-left: 10px;
5498
}
5499
 
5500
.request-info h3 {
5501
  color: #000000;
5502
  font-size: 14px;
5503
  font-weight: 600;
5504
  padding: 0;
5505
  border: 0;
5506
  margin-bottom: 3px;
5507
}
5508
 
5509
.request-info span {
5510
  color: #686868;
5511
  font-size: 12px;
5512
  display: inline-block;
5513
}
5514
 
5515
.accept-feat {
5516
  float: right;
5517
}
5518
 
5519
.accept-feat ul li {
5520
  display: inline-block;
5521
}
5522
 
5523
.accept-feat ul li button {
5524
  cursor: pointer;
5525
}
5526
 
5527
.accept-req {
5528
  color: #ffffff;
5529
  font-size: 16px;
5530
  background-color: #51a5fb;
5531
  height: 30px;
5532
  padding: 0 20px;
5533
  font-weight: 600;
5534
  border: 0;
5535
  border: 1px solid #51a5fb;
5536
}
5537
 
5538
.close-req {
5539
  height: 30px;
5540
  width: 30px;
5541
  text-align: center;
5542
  line-height: 30px;
5543
  border: 1px solid #e5e5e5;
5544
  background: inherit;
5545
  color: #b2b2b2;
5546
  margin-left: 7px;
5547
}
5548
 
5549
.close-req i {
5550
  font-weight: 600;
5551
}
5552
 
5553
/* ============= Profile Sattus =========== */
5554
.profile-bx-details {
5555
  float: left;
5556
  width: 100%;
5557
  padding: 30px 7px 30px 7px;
5558
}
5559
 
5560
.profile-bx-details .row .col-lg-3 {
5561
  padding: 0 7px;
5562
}
5563
 
5564
.profile-bx-info {
5565
  float: left;
5566
  width: 100%;
5567
  background-color: #f2f2f2;
5568
  padding: 20px;
5569
  border: 1px solid #e5e5e5;
5570
}
5571
 
5572
.pro-bx {
5573
  float: left;
5574
  width: 100%;
5575
  border-bottom: 1px solid #e5e5e5;
5576
  padding-bottom: 10px;
5577
}
5578
 
5579
.bx-info {
5580
  float: left;
5581
  margin-top: 7px;
5582
  padding-left: 10px;
5583
}
5584
 
5585
.bx-info h3 {
5586
  color: #e44d3a;
5587
  font-size: 20px;
5588
  font-weight: 600;
5589
  margin-bottom: 5px;
5590
}
5591
 
5592
.bx-info h5 {
5593
  color: #000000;
5594
  font-size: 14px;
5595
  font-weight: 600;
5596
  margin: 0;
5597
  padding: 0;
5598
  border: 0;
5599
}
5600
 
5601
.pd-left-20 {
5602
  padding-left: 20px;
5603
  padding-right: 0;
5604
}
5605
 
5606
.pd-left-15 {
5607
  padding-left: 15px;
5608
  padding-right: 0;
5609
}
5610
 
5611
.pd-left-right {
5612
  padding-left: 15px;
5613
  padding-right: 20px;
5614
}
5615
 
5616
.profile-bx-info > p {
5617
  float: left;
5618
  width: 100%;
5619
  font-size: 14px;
5620
  line-height: 20px;
5621
  padding-top: 5px;
5622
}
5623
 
5624
/* =========== pro-work-status ========= */
5625
.pro-work-status {
5626
  float: left;
5627
  width: 100%;
5628
  padding: 0 15px;
5629
}
5630
 
5631
.pro-work-status h4 {
5632
  color: #000000;
5633
  font-size: 18px;
5634
  font-weight: 600;
5635
  margin-bottom: 50px;
5636
}
5637
 
5638
/* ============== messages-page ============== */
5639
.messages-page {
5640
  padding: 20px 0;
5641
}
5642
 
5643
.messages-sec {
5644
  width: 100%;
5645
  border-radius: 10px;
5646
  overflow: hidden;
5647
  background-color: transparent;
5648
}
5649
 
5650
.msgs-list {
5651
  width: 100%;
5652
}
5653
 
5654
.inmail_conversations-list {
5655
  border-right: 1px solid rgba(51, 51, 51, 0.2);
5656
  padding-left: 0;
5657
  padding-right: 0;
5658
}
5659
 
5660
.msg-title {
5661
  padding: 20px;
5662
  border-bottom: 2px solid rgba(51, 51, 51, 0.2);
5663
}
5664
 
5665
.active-tab {
5666
  border-bottom: solid 2px #e4e4e4;
5667
}
5668
 
5669
.msg-title > h3 {
5670
  color: #000000;
5671
  font-size: 18px;
5672
  font-weight: 600;
5673
}
5674
 
5675
.msg-title > ul {
5676
  float: right;
5677
  position: relative;
5678
  top: 1px;
5679
}
5680
 
5681
.msg-title ul li {
5682
  display: inline-block;
5683
  margin-right: 15px;
5684
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
5685
}
5686
 
5687
.msg-title ul li:last-child {
5688
  margin-right: 0;
5689
}
5690
 
5691
.msg-title ul li a {
5692
  color: #b2b2b2;
5693
  font-size: 18px;
5694
}
5695
 
5696
.messages-list {
5697
  float: left;
5698
  width: 100%;
5699
  overflow-y: scroll;
5700
}
5701
 
5702
.date-chat {
5703
  font-size: 0.6rem;
5704
  color: var(--gray);
5705
  padding-top: 5%;
5706
}
5707
 
5708
.messages-list ul {
5709
  float: left;
5710
  width: 100%;
5711
}
5712
 
5713
.text-chat-title {
5714
  color: var(--gray) !important;
5715
  font-size: 1rem;
5716
}
5717
 
5718
.messages-list ul li {
5719
  float: left;
5720
  width: 100%;
5721
  padding: 3%;
5722
  cursor: pointer;
5723
}
5724
 
5725
.messages-list ul li.active {
5726
  background-color: #efefef;
5727
}
5728
 
5729
.usr-msg-details {
5730
  float: left;
5731
  position: relative;
5732
  width: 100%;
5733
  padding: 0.5rem 1rem;
5734
  border-radius: 10px;
5735
}
5736
.usr-msg-details:hover, .usr-msg-details.is_selected {
5737
  background: var(--light-gray);
5738
}
5739
 
5740
.usr-ms-img {
5741
  float: left;
5742
  width: 50px;
5743
  position: relative;
5744
}
5745
 
5746
.msg-status {
5747
  -webkit-border-radius: 100px;
5748
  -moz-border-radius: 100px;
5749
  -ms-border-radius: 100px;
5750
  -o-border-radius: 100px;
5751
  border-radius: 100px;
5752
  background-color: #e44d3a;
5753
  position: absolute;
5754
  top: -3px;
5755
  right: 0;
5756
  width: 6px;
5757
  height: 6px;
5758
}
5759
 
5760
.messages-list ul li.active .msg-status {
5761
  border: 2px solid #ecf5fb;
5762
  height: 10px;
5763
  width: 10px;
5764
}
5765
 
5766
.msg-notifc {
5767
  position: absolute;
5768
  /* bottom: 0;
5769
  right: 0; */
5770
  width: 25px;
5771
  height: 25px;
5772
  -webkit-border-radius: 100px;
5773
  -moz-border-radius: 100px;
5774
  -ms-border-radius: 100px;
5775
  -o-border-radius: 100px;
5776
  border-radius: 100px;
5777
  background-color: #e77667;
5778
  text-align: center;
5779
  line-height: 25px;
5780
  font-size: 13px;
5781
  color: #fff;
5782
}
5783
 
5784
.usr-ms-img img {
5785
  width: 100%;
5786
  -webkit-border-radius: 100px;
5787
  -moz-border-radius: 100px;
5788
  -ms-border-radius: 100px;
5789
  -o-border-radius: 100px;
5790
  border-radius: 100px;
5791
}
5792
 
5793
.usr-mg-info {
5794
  float: left;
5795
  padding-left: 13px;
5796
  margin-top: 4px;
5797
}
5798
 
5799
.usr-mg-info h3 {
5800
  color: #000000;
5801
  font-size: 18px;
5802
  font-weight: 600;
5803
}
5804
 
5805
.usr-mg-info p {
5806
  color: #686868;
5807
  font-size: 16px;
5808
}
5809
 
5810
.usr-mg-info p img {
5811
  float: right;
5812
  position: relative;
5813
  top: 5px;
5814
  padding-left: 5px;
5815
}
5816
 
5817
.posted_time {
5818
  position: absolute;
5819
  top: 2px;
5820
  right: 0;
5821
  color: #b2b2b2;
5822
  font-size: 14px;
5823
}
5824
 
5825
/* =============== main-message-box ============= */
5826
.main-conversation-box {
5827
  width: 100%;
5828
  background-color: var(--bg-color);
5829
  position: relative;
5830
  height: 80vh;
5831
  display: grid;
5832
  grid-template-rows: auto 65% auto;
5833
}
5834
 
5835
.inmail-conversation-container {
5836
  width: 100%;
5837
  background-color: var(--bg-color);
5838
  position: relative;
5839
  height: 80vh;
5840
  gap: 0.5rem;
5841
  display: grid;
5842
  grid-template-rows: 5% 80% 15%;
5843
}
5844
 
5845
@media (min-width: 992px) {
5846
  .inmail-conversation-container {
5847
    grid-template-rows: 85% 15%;
5848
  }
5849
}
5850
.inmail-conversation-box {
5851
  width: 100%;
5852
  position: relative;
5853
  display: grid;
5854
  grid-template-rows: auto 85%;
5855
  overflow: hidden;
5856
}
5857
 
5858
.message-bar-head {
5859
  height: 13vh;
5860
  width: 100%;
5861
  padding: 20px;
5862
  border-bottom: 1px solid var(--border-primary);
5863
}
5864
 
5865
.message-bar-head .usr-msg-details {
5866
  width: auto;
5867
}
5868
 
5869
.message-bar-head > a {
5870
  float: right;
5871
  color: #b2b2b2;
5872
  font-size: 20px;
5873
  padding-top: 15px;
5874
}
5875
 
5876
.main-message-box {
5877
  display: flex;
5878
  width: 100%;
5879
  position: relative;
5880
  margin-bottom: 15.5px;
5881
}
5882
.main-message-box .message-inner-dt {
5883
  width: 100%;
5884
}
5885
.main-message-box .message-inner-dt > img {
5886
  display: inline-block;
5887
  width: auto;
5888
  max-height: 180px;
5889
}
5890
.main-message-box .message-inner-dt > p {
5891
  font-size: 14px;
5892
}
5893
.main-message-box .message-dt {
5894
  border-radius: var(--border-radius);
5895
  border-top-left-radius: 0;
5896
  width: auto;
5897
  padding: 0.5rem;
5898
  margin-left: 15px;
5899
  background-color: var(--chat-send);
5900
  color: var(--chat-color);
5901
  box-shadow: var(--light-shadow);
5902
}
5903
.main-message-box .messg-usr-img {
5904
  margin-left: 20px;
5905
  width: 50px;
5906
}
5907
.main-message-box .message-dt > span {
5908
  color: #b2b2b2;
5909
  font-size: 14px;
5910
  float: left;
5911
  width: 100%;
5912
  margin-top: 7px;
5913
}
5914
.main-message-box.ta-right {
5915
  flex-direction: row-reverse;
5916
}
5917
.main-message-box.ta-right .messg-usr-img {
5918
  margin-left: 0;
5919
  margin-right: 20px;
5920
}
5921
.main-message-box.ta-right .message-dt {
5922
  border-top-left-radius: var(--border-radius);
5923
  border-top-right-radius: 0;
5924
  margin-right: 15px;
5925
  background-color: var(--chat-received);
5926
}
5927
.main-message-box.ta-right .message-dt > span {
5928
  float: right;
5929
  width: auto;
5930
}
5931
 
5932
.messg-usr-img img {
5933
  width: 100%;
5934
  background: #fff;
5935
  border-radius: 100px;
5936
}
5937
 
5938
.img-bx {
5939
  background-color: #efefef;
5940
  padding: 20px;
5941
}
5942
 
5943
.message-dt.st3 .message-inner-dt > p {
5944
  background-color: #efefef;
5945
  color: #686868;
5946
  width: auto;
5947
  padding: 10px 15px;
5948
  float: left;
5949
}
5950
.message-dt.st3 .message-inner-dt > img {
5951
  float: right;
5952
  position: relative;
5953
  top: 3px;
5954
  padding-left: 5px;
5955
}
5956
 
5957
.main-message-box.st3 .messg-usr-img {
5958
  bottom: 13px;
5959
}
5960
 
5961
.messages-line {
5962
  width: 100%;
5963
}
5964
 
5965
/* ============== message-send-area ============ */
5966
.message-send-area {
5967
  width: 100%;
5968
  background: var(--bg-color);
5969
  padding: 0.5rem;
5970
  height: fit-content;
5971
}
5972
 
5973
.inmail-submit-btn {
5974
  width: 6%;
5975
}
5976
 
5977
.message-send-area form {
5978
  width: 100%;
5979
}
5980
 
5981
.mf-field {
5982
  width: 100%;
5983
  display: flex;
5984
  align-items: center;
5985
  gap: 0.5rem;
5986
}
5987
 
5988
.chat-header a {
5989
  text-decoration: none;
5990
  color: var(--dark);
5991
}
5992
 
5993
.chat-header h2 {
5994
  font-weight: 700;
5995
  text-align: center;
5996
}
5997
 
5998
.chat_contacts {
5999
  display: grid;
6000
  grid-template-rows: auto auto 1fr;
6001
  max-height: 80vh;
6002
}
6003
 
6004
.mf-field input {
6005
  flex: 1;
6006
  background-color: var(--bg-color-secondary);
6007
  border: none;
6008
  color: var(--font-color);
6009
  font-size: 16px;
6010
  padding: 0 15px;
6011
  height: 45px;
6012
  border-radius: 100px;
6013
}
6014
 
6015
.message-send-area form > ul {
6016
  float: left;
6017
  width: 100%;
6018
  margin-top: 15px;
6019
}
6020
 
6021
.message-send-area form > ul li {
6022
  display: inline-block;
6023
  margin-right: 20px;
6024
}
6025
 
6026
.message-send-area form > ul li a {
6027
  color: #b2b2b2;
6028
  font-size: 18px;
6029
}
6030
 
6031
/* ============== forum-links ============= */
6032
.forum-sec {
6033
  background-color: #fff;
6034
}
6035
 
6036
.forum-links {
6037
  float: left;
6038
  width: 100%;
6039
}
6040
 
6041
.forum-links.active {
6042
  opacity: 1;
6043
  visibility: visible;
6044
  z-index: 9999;
6045
}
6046
 
6047
.forum-links ul li {
6048
  display: inline-block;
6049
  padding: 20px 0;
6050
  margin-right: 45px;
6051
  border-bottom: 2px solid transparent;
6052
}
6053
 
6054
.forum-links ul li.active {
6055
  border-color: #e44d3a;
6056
}
6057
 
6058
.forum-links ul li.active a {
6059
  color: #e44d3a;
6060
}
6061
 
6062
.forum-links ul li a {
6063
  display: inline-block;
6064
  color: #b2b2b2;
6065
  font-size: 14px;
6066
  font-weight: 600;
6067
}
6068
 
6069
.forum-links-btn {
6070
  float: left;
6071
  width: 100%;
6072
  text-align: center;
6073
  display: none;
6074
  padding: 20px 0;
6075
}
6076
 
6077
.forum-links-btn a {
6078
  color: #000;
6079
  font-size: 30px;
6080
  display: inline-block;
6081
}
6082
 
6083
/* ================ forum-page =============== */
6084
.forum-page {
6085
  padding: 50px 0;
6086
}
6087
 
6088
.forum-questions-sec {
6089
  float: left;
6090
  width: 100%;
6091
}
6092
 
6093
.forum-questions {
6094
  float: left;
6095
  width: 100%;
6096
  background-color: #fff;
6097
}
6098
 
6099
.usr-question {
6100
  float: left;
6101
  width: 100%;
6102
  position: relative;
6103
  padding: 25px;
6104
  border-bottom: 1px solid #e5e5e5;
6105
}
6106
 
6107
.usr_img {
6108
  float: left;
6109
  width: 60px;
6110
}
6111
 
6112
.usr_img img {
6113
  width: 100%;
6114
  -webkit-border-radius: 100px;
6115
  -moz-border-radius: 100px;
6116
  -ms-border-radius: 100px;
6117
  -o-border-radius: 100px;
6118
  border-radius: 100px;
6119
}
6120
 
6121
.usr_quest {
6122
  float: left;
6123
  width: 90%;
6124
  padding-left: 15px;
6125
}
6126
 
6127
.usr_quest > h3 {
6128
  color: #000000;
6129
  font-size: 17px;
6130
  font-weight: 600;
6131
  margin-bottom: 20px;
6132
}
6133
 
6134
.forum-post-view .usr_quest > h3 {
6135
  margin-bottom: 10px;
6136
}
6137
 
6138
.react-links {
6139
  float: left;
6140
  width: 100%;
6141
}
6142
 
6143
.react-links li {
6144
  display: inline-block;
6145
  margin-right: 30px;
6146
}
6147
 
6148
.react-links li a {
6149
  display: inline-block;
6150
  color: #b2b2b2;
6151
  font-size: 14px;
6152
  font-weight: 600;
6153
}
6154
 
6155
.react-links li a:hover {
6156
  color: #e44d3a;
6157
}
6158
 
6159
.react-links li a i {
6160
  padding-right: 7px;
6161
}
6162
 
6163
.react-links li:last-child {
6164
  margin-right: 0;
6165
}
6166
 
6167
/* ============= quest-tags ============ */
6168
.quest-tags {
6169
  float: left;
6170
  width: 100%;
6171
  margin-top: 20px;
6172
}
6173
 
6174
.quest-tags li {
6175
  display: inline-block;
6176
  margin-right: 10px;
6177
}
6178
 
6179
.quest-tags li a {
6180
  display: inline-block;
6181
  color: #ffffff;
6182
  background-color: #53d690;
6183
  -webkit-border-radius: 3px;
6184
  -moz-border-radius: 3px;
6185
  -ms-border-radius: 3px;
6186
  -o-border-radius: 3px;
6187
  border-radius: 3px;
6188
  padding: 7px 25px;
6189
}
6190
 
6191
.quest-posted-time {
6192
  position: absolute;
6193
  bottom: 30px;
6194
  right: 20px;
6195
  color: #b2b2b2;
6196
  font-size: 14px;
6197
}
6198
 
6199
.quest-posted-time i {
6200
  padding-right: 5px;
6201
}
6202
 
6203
.pd-right-none {
6204
  padding-right: 0;
6205
}
6206
 
6207
/* =========== navigation ============ */
6208
.pagination {
6209
  float: left;
6210
  width: 100%;
6211
  /* background-color: #fff; */
6212
  padding: 13px 25px;
6213
}
6214
 
6215
.full-pagi {
6216
  float: left;
6217
  width: 100%;
6218
  padding-right: 0;
6219
  text-align: inherit;
6220
  margin-top: 20px;
6221
}
6222
 
6223
.pagination li {
6224
  padding: 0;
6225
  margin-right: 10px;
6226
}
6227
 
6228
.pagination li .page-link {
6229
  /* background-color: #e5e5e5; */
6230
  color: #b2b2b2;
6231
}
6232
 
6233
.pagination li .page-link.active {
6234
  background-color: #e44d3a;
6235
  color: #fff;
6236
  border-color: transparent;
6237
}
6238
 
6239
.pvr {
6240
  padding: 0.5rem 30px;
6241
}
6242
 
6243
/* ============ User Widget =========== */
6244
.title-wd {
6245
  float: left;
6246
  width: 100%;
6247
  color: #000000;
6248
  font-size: 18px;
6249
  font-weight: 600;
6250
  border-bottom: 1px solid #e5e5e5;
6251
  padding: 25px 20px;
6252
}
6253
 
6254
.widget-user ul {
6255
  float: left;
6256
  width: 100%;
6257
  padding: 15px 0;
6258
}
6259
 
6260
.widget-user ul li {
6261
  float: left;
6262
  width: 100%;
6263
  padding: 15px 20px;
6264
}
6265
 
6266
.widget-user ul li .usr-msg-details {
6267
  float: left;
6268
  width: auto;
6269
}
6270
 
6271
.widget-user ul li .usr-ms-img {
6272
  width: 35px;
6273
}
6274
 
6275
.widget-user ul li .usr-mg-info h3 {
6276
  font-size: 14px;
6277
}
6278
 
6279
.widget-user ul li .usr-mg-info p {
6280
  font-size: 12px;
6281
}
6282
 
6283
.widget-user ul li > span {
6284
  color: #686868;
6285
  font-size: 16px;
6286
  float: right;
6287
  margin-top: 10px;
6288
}
6289
 
6290
.widget-user ul li > span img {
6291
  padding-right: 5px;
6292
}
6293
 
6294
/* ============== widget-adver ============ */
6295
.widget-adver img {
6296
  width: 100%;
6297
}
6298
 
6299
/* ============ forum-post-view ============ */
6300
.forum-post-view {
6301
  float: left;
6302
  width: 100%;
6303
  background-color: #fff;
6304
  padding: 25px 25px 0 25px;
6305
  border-bottom: 1px solid #e5e5e5;
6306
}
6307
 
6308
.forum-post-view .usr-question {
6309
  border-bottom: 0;
6310
  padding: 0;
6311
}
6312
 
6313
.forum-post-view .usr_quest span {
6314
  color: #b2b2b2;
6315
  font-size: 14px;
6316
  display: inline-block;
6317
  margin-bottom: 20px;
6318
}
6319
 
6320
.forum-post-view .usr_quest span i {
6321
  padding-right: 7px;
6322
}
6323
 
6324
.forum-post-view .quest-tags {
6325
  margin-bottom: 30px;
6326
}
6327
 
6328
.forum-post-view .usr_quest > p {
6329
  float: left;
6330
  width: 100%;
6331
  color: #686868;
6332
  font-size: 14px;
6333
  line-height: 24px;
6334
  margin-bottom: 40px;
6335
}
6336
 
6337
.forum-post-view .comment-section {
6338
  padding: 0;
6339
}
6340
 
6341
.forum-post-view .comment-section > h3 {
6342
  float: left;
6343
  width: 100%;
6344
  color: #000000;
6345
  font-size: 18px;
6346
  font-weight: 600;
6347
  border-bottom: 1px solid #e5e5e5;
6348
  padding-bottom: 15px;
6349
}
6350
 
6351
.forum-post-view .comment-sec ul li {
6352
  border-bottom: 1px solid #e5e5e5;
6353
  padding: 23px 0;
6354
}
6355
 
6356
.forum-post-view .comment span {
6357
  margin-bottom: 10px;
6358
}
6359
 
6360
.forum-post-view .comment-list {
6361
  padding-bottom: 0;
6362
  margin-bottom: -4px;
6363
}
6364
 
6365
.forum-post-view .comment p {
6366
  margin: 0;
6367
  margin-top: 5px;
6368
}
6369
 
6370
.forum-post-view .comment h3 {
6371
  margin-bottom: 9px;
6372
}
6373
 
6374
.forum-post-view .comment-sec ul li:last-child {
6375
  border-bottom: 0;
6376
}
6377
 
6378
/* =============== post-comment-box ============= */
6379
.post-comment-box {
6380
  float: left;
6381
  width: 100%;
6382
  padding: 20px;
6383
  background-color: #fff;
6384
}
6385
 
6386
.post-comment-box h3 {
6387
  float: left;
6388
  width: 100%;
6389
  color: #000000;
6390
  font-size: 18px;
6391
  font-weight: 600;
6392
  margin-bottom: 30px;
6393
}
6394
 
6395
.user-poster {
6396
  float: left;
6397
  width: 100%;
6398
}
6399
 
6400
.usr-post-img {
6401
  float: left;
6402
  width: 50px;
6403
  margin-right: 15px;
6404
}
6405
 
6406
.usr-post-img img {
6407
  width: 100%;
6408
  -webkit-border-radius: 100px;
6409
  -moz-border-radius: 100px;
6410
  -ms-border-radius: 100px;
6411
  -o-border-radius: 100px;
6412
  border-radius: 100px;
6413
}
6414
 
6415
.post_comment_sec {
6416
  float: left;
6417
  width: 90%;
6418
}
6419
 
6420
.post_comment_sec form {
6421
  float: left;
6422
  width: 100%;
6423
}
6424
 
6425
.post_comment_sec form textarea {
6426
  float: left;
6427
  width: 100%;
6428
  height: 130px;
6429
  border: 1px solid #dce2eb;
6430
  padding: 15px;
6431
  resize: none;
6432
}
6433
 
6434
.post_comment_sec form button {
6435
  color: #ffffff;
6436
  font-size: 14px;
6437
  background-color: #e44d3a;
6438
  padding: 10px 25px;
6439
  border: 0;
6440
  font-weight: 600;
6441
  margin-top: 20px;
6442
  cursor: pointer;
6443
}
6444
 
6445
/* ======== next-prev ========*/
6446
.next-prev {
6447
  float: left;
6448
  width: 100%;
6449
  background-color: #fff;
6450
  margin-top: 20px;
6451
  padding: 12px 25px;
6452
}
6453
 
6454
.next-prev > a {
6455
  width: 90px;
6456
  height: 35px;
6457
  text-align: center;
6458
  line-height: 35px;
6459
  color: #b2b2b2;
6460
  font-size: 14px;
6461
  background-color: #e5e5e5;
6462
}
6463
 
6464
.next-prev > a:hover {
6465
  color: #fff;
6466
  background-color: #e44d3a;
6467
}
6468
 
6469
.fl-left {
6470
  float: left;
6471
}
6472
 
6473
.fl-right {
6474
  float: right;
6475
}
6476
 
6477
/* ========== widget-feat ========= */
6478
.widget-feat {
6479
  padding: 25px 20px;
6480
}
6481
 
6482
.widget-feat ul {
6483
  float: left;
6484
  width: 100%;
6485
}
6486
 
6487
.widget-feat ul li {
6488
  float: left;
6489
  width: 25%;
6490
  text-align: center;
6491
}
6492
 
6493
.widget-feat ul li i {
6494
  display: block;
6495
  font-size: 18px;
6496
  margin-bottom: 9px;
6497
}
6498
 
6499
.widget-feat ul li span {
6500
  display: block;
6501
  color: #686868;
6502
  font-size: 16px;
6503
  font-weight: 500;
6504
}
6505
 
6506
.widget-feat ul li i.fa-heart {
6507
  color: #53d690;
6508
}
6509
 
6510
.widget-feat ul li i.fa-comment {
6511
  color: #e44d3a;
6512
}
6513
 
6514
.widget-feat ul li i.fa-share-alt {
6515
  color: #51a5fb;
6516
}
6517
 
6518
.widget-feat ul li i.fa-eye {
6519
  color: #00b540;
6520
}
6521
 
6522
/* =============== ANIMATION LOADER =============== */
6523
.spinner {
6524
  margin: 0 auto 0;
6525
  width: 80px;
6526
  text-align: center;
6527
  height: 80px;
6528
  border-radius: 100px;
6529
  background-color: #fff;
6530
  line-height: 80px;
6531
  border: 1px solid #e1e1e1;
6532
  cursor: pointer;
6533
}
6534
 
6535
.spinner > div {
6536
  width: 15px;
6537
  height: 15px;
6538
  background-color: #b9b9b9;
6539
  border-radius: 100%;
6540
  display: inline-block;
6541
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6542
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6543
}
6544
 
6545
.spinner .bounce1 {
6546
  -webkit-animation-delay: -0.32s;
6547
  animation-delay: -0.32s;
6548
}
6549
 
6550
.spinner .bounce2 {
6551
  -webkit-animation-delay: -0.16s;
6552
  animation-delay: -0.16s;
6553
}
6554
 
6555
@-webkit-keyframes sk-bouncedelay {
6556
  0%, 80%, 100% {
6557
    -webkit-transform: scale(0);
6558
  }
6559
  40% {
6560
    -webkit-transform: scale(1);
6561
  }
6562
}
6563
@keyframes sk-bouncedelay {
6564
  0%, 80%, 100% {
6565
    -webkit-transform: scale(0);
6566
    transform: scale(0);
6567
  }
6568
  40% {
6569
    -webkit-transform: scale(1);
6570
    transform: scale(1);
6571
  }
6572
}
6573
.wordpressdevlp {
6574
  background-color: #fff;
6575
}
6576
 
6577
.bgclr {
6578
  background-color: #fff;
6579
  margin-bottom: 15px;
6580
}
6581
 
6582
.cadidatesbtn {
6583
  position: absolute;
6584
  left: 0;
6585
  padding-top: 5px;
6586
}
6587
 
6588
.cadidatesbtn button {
6589
  background-color: #e44d3a;
6590
  border: none;
6591
  margin-top: -3px;
6592
}
6593
 
6594
.cadidatesbtn button:hover {
6595
  background-color: #e44d3a;
6596
}
6597
 
6598
.cadidatesbtn span {
6599
  background-color: #bd2e1c;
6600
  color: #fff;
6601
  margin-right: 10px;
6602
  padding: 0.25em 0.5em;
6603
  font-weight: 600;
6604
  font-size: 12px;
6605
}
6606
 
6607
.wordpressdevlp i {
6608
  color: #e86554;
6609
  font-size: 18px;
6610
  font-weight: bold;
6611
  padding-right: 5px;
6612
}
6613
 
6614
.wordpressdevlp h2 {
6615
  font-size: 18px;
6616
  font-weight: 600;
6617
}
6618
 
6619
.cadidatesbtn i {
6620
  color: #b2b2b2;
6621
  border: 1px solid #b2b2b2;
6622
  font-size: 14px;
6623
  text-align: center;
6624
  margin-left: 7px;
6625
  border-radius: 3px;
6626
  padding: 10px;
6627
}
6628
 
6629
.cadidatesbtn i:hover {
6630
  background-color: #e44d3a;
6631
  color: #fff;
6632
  border: 1px solid #e44d3a;
6633
}
6634
 
6635
.inner {
6636
  border-bottom: 2px solid #e5e5e5;
6637
  padding-bottom: 10px;
6638
}
6639
 
6640
.inner li a:hover {
6641
  color: #e44d3a;
6642
  border-bottom: 2px solid #e44d3a;
6643
  padding-bottom: 9px;
6644
}
6645
 
6646
.inner li a {
6647
  color: #000000;
6648
}
6649
 
6650
.posttext {
6651
  position: absolute;
6652
  left: 0;
6653
}
6654
 
6655
.deatile h3 {
6656
  font-size: 14px;
6657
  font-weight: bold;
6658
  padding-bottom: 5px;
6659
}
6660
 
6661
.clrbtn a {
6662
  background-color: #e44d3a;
6663
  color: #fff;
6664
  padding: 5px 10px 5px 10px;
6665
  margin-right: 15px;
6666
}
6667
 
6668
.transpairentbtn a {
6669
  color: #222;
6670
  border: 2px solid #f1f1f1;
6671
  padding: 5px 10px 5px 10px;
6672
}
6673
 
6674
.savetext h3 {
6675
  font-size: 14px;
6676
  font-weight: bold;
6677
  padding-bottom: 5px;
6678
}
6679
 
6680
.devepbtn .clrbtn {
6681
  padding: 7px 20px;
6682
}
6683
 
6684
.devepbtn a {
6685
  color: #666666;
6686
  border: 1px solid #b2b2b2;
6687
  padding: 7px 10px 7px 10px;
6688
  border-radius: 3px;
6689
  margin-right: 5px;
6690
}
6691
 
6692
.devepbtn a:hover i {
6693
  color: #fff;
6694
}
6695
 
6696
.devepbtn a:hover {
6697
  background-color: #e44d3a;
6698
  color: #fff;
6699
}
6700
 
6701
.rew-reply hr {
6702
  margin-left: -20px;
6703
  margin-right: -20px;
6704
}
6705
 
6706
.rew-reply p {
6707
  padding-left: 20px;
6708
}
6709
 
6710
.rew-reply ul {
6711
  padding-left: 20px;
6712
}
6713
 
6714
.devepbtn {
6715
  margin-top: 30px;
6716
  padding-left: 20px;
6717
}
6718
 
6719
.rep-thanks hr {
6720
  margin-right: -20px;
6721
  margin-left: -20px;
6722
}
6723
 
6724
.profilecnd {
6725
  margin-bottom: 0px;
6726
}
6727
 
6728
.devepbtn i {
6729
  color: #b2b2b2;
6730
  font-size: 14px;
6731
}
6732
 
6733
.appliedinfo {
6734
  padding-left: 0;
6735
  padding-top: 20px !important;
6736
  padding-bottom: 10px;
6737
}
6738
 
6739
.epi2 {
6740
  padding: 0;
6741
}
6742
 
6743
.review a {
6744
  line-height: 16px;
6745
  font-size: 14px;
6746
  text-decoration: none;
6747
  font-weight: 500;
6748
  margin-left: 15px;
6749
}
6750
 
6751
.add-pic-box {
6752
  display: inline-block;
6753
  color: #e44d3a;
6754
  font-size: 16px;
6755
  position: absolute;
6756
  top: 30px;
6757
  right: 0;
6758
  font-weight: 600;
6759
  margin-right: 0;
6760
  width: 100%;
6761
}
6762
 
6763
.add-pic-box [type=file] {
6764
  height: 0;
6765
  overflow: hidden;
6766
  width: 0;
6767
  float: left;
6768
}
6769
 
6770
.add-pic-box [type=file] + label {
6771
  background: #fff;
6772
  border: 2px solid #e44d3a;
6773
  border-radius: 3px;
6774
  color: #e44d3a;
6775
  cursor: pointer;
6776
  /* display: inline-block; */
6777
  font-size: 15px;
6778
  font-weight: 600;
6779
  outline: none;
6780
  padding: 12px 20px;
6781
  position: relative;
6782
  transition: all 0.3s;
6783
  vertical-align: middle;
6784
  margin: 0;
6785
  float: right;
6786
  text-transform: uppercase;
6787
}
6788
 
6789
.add-pic-box [type=file] + label:hover {
6790
  background: #e44d3a;
6791
  color: #fff;
6792
}
6793
 
6794
.noreview li i {
6795
  color: #b2b2b2;
6796
}
6797
 
6798
.review-tb {
6799
  margin: 0 0 10px;
6800
  padding-left: 20px;
6801
}
6802
 
6803
.noreview ul li i {
6804
  color: #b2b2b2;
6805
}
6806
 
6807
.mngdetl {
6808
  border-bottom: none;
6809
}
6810
 
6811
.post-reply {
6812
  padding-top: 0;
6813
  padding-bottom: 0;
6814
}
6815
 
6816
.activebidbtn i:hover {
6817
  background-color: #e44d3a;
6818
  color: #fff;
6819
  border: none;
6820
}
6821
 
6822
.reviewtitle h2 {
6823
  font-size: 17px;
6824
  font-weight: 600;
6825
}
6826
 
6827
.horiline {
6828
  width: 118%;
6829
  position: relative;
6830
  left: -40px;
6831
}
6832
 
6833
.tahnks {
6834
  font-weight: 500;
6835
  margin-top: 5px;
6836
}
6837
 
6838
/*about-page*/
6839
.banner span {
6840
  position: absolute;
6841
  display: flex;
6842
  background-color: #222;
6843
  width: 100%;
6844
  opacity: 0.9;
6845
  justify-content: center;
6846
  padding: 10px;
6847
  margin-top: 0;
6848
  color: #fff;
6849
}
6850
 
6851
.innertitle {
6852
  margin-top: 130px;
6853
}
6854
 
6855
.Company-overview {
6856
  padding-bottom: 50px;
6857
}
6858
 
6859
.bennertext {
6860
  position: absolute;
6861
  left: 20%;
6862
  right: 20%;
6863
  text-align: center;
6864
}
6865
 
6866
.bannerimage img {
6867
  height: 100%;
6868
}
6869
 
6870
.innertitle h2 {
6871
  color: #fff;
6872
  font-size: 30px;
6873
  line-height: 32px;
6874
  font-weight: 600;
6875
  margin-bottom: 20px;
6876
}
6877
 
6878
.innertitle p {
6879
  color: #fff;
6880
  font-size: 16px;
6881
}
6882
 
6883
.Company-overview h2 {
6884
  padding-top: 100px;
6885
  font-size: 24px;
6886
  font-weight: 600;
6887
  padding-bottom: 12px;
6888
}
6889
 
6890
.Company-overview p {
6891
  font-size: 15px;
6892
  font-weight: 500;
6893
}
6894
 
6895
.Company-overview img {
6896
  float: right;
6897
  padding-top: 25px;
6898
}
6899
 
6900
.blog {
6901
  text-align: center;
6902
  display: inline-block;
6903
  margin-bottom: 50px;
6904
}
6905
 
6906
.blog img {
6907
  padding-bottom: 30px;
6908
}
6909
 
6910
.blog h2 {
6911
  font-size: 18px;
6912
  font-weight: 600;
6913
  padding-bottom: 30px;
6914
}
6915
 
6916
.blog a {
6917
  background-color: #ff4500;
6918
  color: #fff;
6919
  padding: 7px 25px 7px 25px;
6920
  border-radius: 3px;
6921
  font-size: 16px;
6922
  font-weight: 500;
6923
}
6924
 
6925
.services {
6926
  padding-top: 80px;
6927
  padding-bottom: 80px;
6928
}
6929
 
6930
.video {
6931
  padding-bottom: 40px;
6932
}
6933
 
6934
.search-container {
6935
  text-align: center;
6936
}
6937
 
6938
.search-container input[type=text] {
6939
  padding: 6px 15px;
6940
  margin-top: 8px;
6941
  font-size: 17px;
6942
  border: none;
6943
  height: 50px;
6944
  width: 50%;
6945
  margin-bottom: 25px;
6946
  border-top-left-radius: 3px;
6947
  border-top-right-radius: 0px;
6948
  border-bottom-left-radius: 3px;
6949
  border-bottom-right-radius: 0px;
6950
}
6951
 
6952
.searchtitle {
6953
  text-align: center;
6954
}
6955
 
6956
.searchtitle h2 {
6957
  color: #fff;
6958
  font-size: 30px;
6959
  font-weight: 400;
6960
  padding-bottom: 10px;
6961
}
6962
 
6963
.modal-header {
6964
  position: relative;
6965
}
6966
 
6967
.modal-header h3 {
6968
  font-size: 18px;
6969
}
6970
 
6971
.search-container button {
6972
  padding: 8px 10px;
6973
  text-align: center;
6974
  margin-top: 8px;
6975
  margin-left: -3px;
6976
  margin-right: 18px;
6977
  background: #efefef;
6978
  font-size: 17px;
6979
  border: none;
6980
  cursor: pointer;
6981
  height: 50px;
6982
  width: 6%;
6983
  border-bottom-right-radius: 3px;
6984
  border-top-right-radius: 3px;
6985
}
6986
 
6987
.topsearch i {
6988
  color: #e44d3a;
6989
}
6990
 
6991
.dropdown-toggle::after {
6992
  position: absolute;
6993
  right: 15px;
6994
  color: #b2b2b2;
6995
  top: 7px;
6996
}
6997
 
6998
.help-paddy {
6999
  padding: 0 !important;
7000
}
7001
 
7002
.paddy {
7003
  padding: 20px;
7004
  float: left;
7005
}
7006
 
7007
.dropdown-menu {
7008
  position: absolute;
7009
  top: 100%;
7010
  left: 0;
7011
  z-index: 1000;
7012
  display: none;
7013
  float: left;
7014
  min-width: 10rem;
7015
  padding: 0.5rem 0;
7016
  margin: 0.125rem 0 0;
7017
  font-size: 1rem;
7018
  color: #212529;
7019
  text-align: left;
7020
  list-style: none;
7021
  background-color: #fff;
7022
  width: 100%;
7023
  background-clip: padding-box;
7024
  border: none;
7025
  border-radius: 0.25rem;
7026
}
7027
 
7028
.radio-form p {
7029
  display: -webkit-inline-box;
7030
}
7031
 
7032
.dropdown a {
7033
  color: #000000;
7034
  font-size: 16px;
7035
  font-weight: 400;
7036
  padding: 0 20px;
7037
}
7038
 
7039
.accountnone {
7040
  border: none;
7041
}
7042
 
7043
.helpforum {
7044
  background-color: #fff;
7045
  padding: 15px 0;
7046
  box-shadow: 0px 2px #c6c6c6;
7047
}
7048
 
7049
.helpforum h3 {
7050
  font-size: 18px;
7051
  font-weight: 600;
7052
}
7053
 
7054
.helpforum a {
7055
  background-color: #e44d3a;
7056
  color: #fff;
7057
  padding: 10px 15px 10px 15px;
7058
  line-height: 4;
7059
  border-radius: 3px;
7060
}
7061
 
7062
.helpforum p {
7063
  line-height: 3;
7064
}
7065
 
7066
.actionstitle h3 {
7067
  font-size: 18px;
7068
  font-weight: 400;
7069
  color: #000;
7070
  padding-top: 30px;
7071
}
7072
 
7073
.actionstitle img {
7074
  padding-right: 10px;
7075
}
7076
 
7077
.actionstext a {
7078
  font-size: 16px;
7079
  font-weight: 500;
7080
  color: #e44d3a;
7081
  line-height: 2;
7082
  display: block;
7083
}
7084
 
7085
.helpform {
7086
  text-align: center;
7087
  padding-top: 70px;
7088
}
7089
 
7090
.helpform h3 {
7091
  font-size: 18px;
7092
  font-weight: 400;
7093
  color: #e44d3a;
7094
  margin-bottom: 10px;
7095
}
7096
 
7097
.helpform a {
7098
  background-color: #e44d3a;
7099
  color: #fff;
7100
  padding: 10px 15px 10px 15px;
7101
  border-radius: 3px;
7102
}
7103
 
7104
.helpform p {
7105
  margin-bottom: 30px;
7106
}
7107
 
7108
.helpform img {
7109
  float: unset;
7110
  padding-bottom: 10px;
7111
}
7112
 
7113
.bookingsideber h3 {
7114
  color: #000;
7115
}
7116
 
7117
.bookingsideber h3:active {
7118
  color: #e44d3a;
7119
}
7120
 
7121
.helpforum h4 {
7122
  font-size: 16px;
7123
  font-weight: 600;
7124
}
7125
 
7126
.bloktext {
7127
  padding-left: 25px;
7128
}
7129
 
7130
.privacy {
7131
  background-color: #fff;
7132
  height: 850px;
7133
}
7134
 
7135
.privacydropd .dropdown-toggle::after {
7136
  float: right;
7137
  vertical-align: 0.255em;
7138
}
7139
 
7140
/* .checkbox {} */
7141
.form-check {
7142
  padding-left: 0;
7143
}
7144
 
7145
.btns a {
7146
  color: #000;
7147
  border: 1px solid #e5e5e5;
7148
  padding: 10px 25px 10px 25px;
7149
  margin-left: 15px;
7150
  border-radius: 5px;
7151
  font-weight: 600;
7152
}
7153
 
7154
.btns {
7155
  padding-top: 20px;
7156
}
7157
 
7158
.btns a:hover {
7159
  background-color: #e44d3a;
7160
  color: #fff;
7161
}
7162
 
7163
.privacy h3 {
7164
  font-size: 18px;
7165
  font-weight: 600;
7166
  padding-top: 18px;
7167
  margin-bottom: 10px;
7168
}
7169
 
7170
.privacy p {
7171
  padding-top: 0px;
7172
  display: inline-block;
7173
}
7174
 
7175
.form-group {
7176
  margin-bottom: 1rem;
7177
  padding-top: 0px;
7178
}
7179
 
7180
.privacy i {
7181
  float: right;
7182
  color: #e44d3a;
7183
  font-size: 20px;
7184
  font-weight: 600;
7185
}
7186
 
7187
.dropdown-menu input {
7188
  margin-right: 10px;
7189
  margin-top: 15px;
7190
}
7191
 
7192
.dropdown-menu a {
7193
  padding: 10px 0 10px 40px;
7194
  margin-bottom: 10px;
7195
}
7196
 
7197
.dropdown-menu form {
7198
  margin-bottom: 10px;
7199
  margin-top: 10px;
7200
}
7201
 
7202
.privacydropd p {
7203
  margin-left: 20px;
7204
  margin-top: 5px;
7205
}
7206
 
7207
.privabtns {
7208
  margin-top: 20px;
7209
}
7210
 
7211
.privabtns {
7212
  padding-bottom: 15px;
7213
}
7214
 
7215
.privabtns a {
7216
  margin-right: 15px;
7217
  padding: 8px 25px;
7218
  color: #000000;
7219
  border: 1px solid #e5e5e5;
7220
}
7221
 
7222
.privabtns a:hover {
7223
  color: #fff;
7224
  background-color: #e44d3a;
7225
}
7226
 
7227
.privac {
7228
  background-color: #fff;
7229
  height: 560px;
7230
  padding-top: 20px;
7231
}
7232
 
7233
.privac h3 {
7234
  font-size: 18px;
7235
  font-weight: 600;
7236
}
7237
 
7238
.bids-detail ul {
7239
  display: -webkit-inline-box;
7240
}
7241
 
7242
.bids-detail ul li {
7243
  margin-right: 30px;
7244
}
7245
 
7246
.bids-detail h3 {
7247
  font-size: 16px;
7248
  font-weight: 400;
7249
}
7250
 
7251
.bids-detail {
7252
  background-color: #fff;
7253
  padding: 20px;
7254
  margin-bottom: 25px;
7255
  box-shadow: 0px 2px #e4e4e4;
7256
}
7257
 
7258
.dropdown-menu.show {
7259
  display: contents;
7260
}
7261
 
7262
.postpaid:checked:after {
7263
  content: "\f17b";
7264
  font: normal normal normal 16px/1 "LineAwesome";
7265
  font-weight: 600;
7266
  border: 1px solid #fff;
7267
  color: #ffffff;
7268
  text-align: center;
7269
  font-size: 12px;
7270
  width: 100%;
7271
  height: 100%;
7272
  background: #e44d3a;
7273
  display: block;
7274
  border-radius: 50%;
7275
  padding-top: 3px;
7276
}
7277
 
7278
.postpaid:focus {
7279
  border: 1px solid #fff;
7280
  width: 25px;
7281
  height: 25px;
7282
}
7283
 
7284
.postpaid {
7285
  -webkit-appearance: none;
7286
  content: "";
7287
  width: 20px;
7288
  height: 20px;
7289
  border-radius: 50%;
7290
  border: 1px solid #5e5e5e;
7291
  outline: 0;
7292
  margin-right: 5px;
7293
}
7294
 
7295
/* .main-ws-sec .job-status-bar {} */
7296
.main-ws-sec .btm-line {
7297
  padding-bottom: 20px !important;
7298
  border-bottom: 1px solid #e5e5e5 !important;
7299
  margin-bottom: 20px;
7300
}
7301
 
7302
.job-status-bar hr {
7303
  margin: 0 -40px;
7304
}
7305
 
7306
.reply-area {
7307
  padding-left: 55px;
7308
}
7309
 
7310
.reply-rply1 {
7311
  margin: 24px 0;
7312
}
7313
 
7314
.reply-area p {
7315
  padding-bottom: 10px;
7316
}
7317
 
7318
.reply-area span {
7319
  cursor: pointer;
7320
}
7321
 
7322
.reply-area span:hover {
7323
  color: #e44d3a;
7324
}
7325
 
7326
.reply-area i {
7327
  font-size: 16px;
7328
  font-weight: 600;
7329
  padding-right: 8px;
7330
}
7331
 
7332
.comment-area .la-plus-circle {
7333
  display: block;
7334
  text-align: center;
7335
  font-size: 40px;
7336
  color: #b2b2b2;
7337
}
7338
 
7339
.reply-area span {
7340
  padding-top: 5px;
7341
  color: #b2b2b2;
7342
}
7343
 
7344
.comt span {
7345
  font-size: 16px;
7346
  color: #666666;
7347
}
7348
 
7349
.comt i {
7350
  padding-right: 8px;
7351
}
7352
 
7353
.postcomment .form-control {
7354
  width: 112%;
7355
  margin-left: -50px;
7356
  background-color: #efefef;
7357
  border-radius: 3px;
7358
}
7359
 
7360
.postcomment a {
7361
  background-color: #e44d3a;
7362
  color: #fff;
7363
  padding: 9px 25px 8px 25px;
7364
  line-height: 37px;
7365
  border-radius: 3px;
7366
}
7367
 
7368
.postcomment {
7369
  padding-top: 30px;
7370
}
7371
 
7372
.widget-about button:focus {
7373
  box-shadow: none;
7374
}
7375
 
7376
.widget-about button:hover {
7377
  background-color: #e44d3a;
7378
}
7379
 
7380
.widget-about button {
7381
  background-color: #e44d3a;
7382
  border: none;
7383
  padding: 12px 0;
7384
  width: 100%;
7385
}
7386
 
7387
.widget-about p {
7388
  background-color: #e44d3a;
7389
  color: #fff;
7390
  padding: 10px 0;
7391
}
7392
 
7393
.widget-projectid {
7394
  padding: 15px;
7395
}
7396
 
7397
.widget-projectid h3 {
7398
  padding-bottom: 7px;
7399
  font-size: 14px;
7400
  font-weight: 600;
7401
}
7402
 
7403
.sd-title h4 {
7404
  margin-bottom: 5px;
7405
  font-size: 16px;
7406
  font-weight: 600;
7407
  line-height: 24px;
7408
}
7409
 
7410
.paymethd p {
7411
  color: #e44d3a;
7412
}
7413
 
7414
.copylink p {
7415
  background-color: #efefef;
7416
  padding: 7px 0 8px 10px;
7417
}
7418
 
7419
.copylink a {
7420
  background-color: #e44d3a;
7421
  color: #fff;
7422
  padding: 10px 15px 10px 15px;
7423
  border-radius: 4px;
7424
}
7425
 
7426
.copylink span {
7427
  padding: 30px 0 20px;
7428
}
7429
 
7430
.copylink i {
7431
  float: unset;
7432
  position: unset;
7433
}
7434
 
7435
.copylink .la-facebook {
7436
  background-color: #3b5998;
7437
  color: #fff;
7438
}
7439
 
7440
.copylink .la-twitter {
7441
  color: #1da1f2;
7442
}
7443
 
7444
.copylink .la-pinterest-p {
7445
  background-color: #fff;
7446
  color: #c11628;
7447
  border-radius: 50%;
7448
}
7449
 
7450
.copylink img {
7451
  padding-right: 10px;
7452
}
7453
 
7454
.freelancerbiding {
7455
  background-color: #fff;
7456
  padding-top: 20px;
7457
}
7458
 
7459
.freelancerbiding h3 {
7460
  font-size: 18px;
7461
  font-weight: 400;
7462
}
7463
 
7464
.repcent {
7465
  text-align: left;
7466
}
7467
 
7468
.bidrit {
7469
  float: right;
7470
}
7471
 
7472
.repcent i {
7473
  padding-left: 5px;
7474
}
7475
 
7476
.star {
7477
  display: inline-flex;
7478
  padding: 5px 0;
7479
}
7480
 
7481
.star li i {
7482
  color: #bfd337;
7483
}
7484
 
7485
.repcent span {
7486
  color: #51a5fb;
7487
}
7488
 
7489
.repcent p {
7490
  padding-left: 7px;
7491
}
7492
 
7493
.noreview ul li i {
7494
  color: #b2b2b2;
7495
}
7496
 
7497
.paymethd .star li i {
7498
  position: unset;
7499
  font-size: 14px;
7500
}
7501
 
7502
.paymethd .star a {
7503
  color: #51a5fb;
7504
  padding-left: 12px;
7505
}
7506
 
7507
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7508
.modal-body {
7509
  padding: 1rem 0;
7510
}
7511
 
7512
.notice {
7513
  background-color: #ddf3ff;
7514
  padding: 15px;
7515
}
7516
 
7517
.notice span {
7518
  font-weight: 500;
7519
  padding-right: 5px;
7520
}
7521
 
7522
.innerbody {
7523
  padding: 15px;
7524
}
7525
 
7526
.innerbody h3 {
7527
  font-size: 18px;
7528
  font-weight: 600;
7529
}
7530
 
7531
.innerbody h4 {
7532
  font-weight: 600;
7533
  font-size: 14px;
7534
  margin-left: -15px;
7535
  float: left;
7536
}
7537
 
7538
.delivery .input-group select {
7539
  width: 150px;
7540
  height: 50px !important;
7541
  font-size: 19px;
7542
  border: 1px solid #e5e5e5;
7543
  border-radius: 3px;
7544
}
7545
 
7546
.input-group-prepend {
7547
  background-color: #f3f3f3;
7548
  color: #bfbfbf;
7549
  text-align: center;
7550
  line-height: 3;
7551
  border: 1px solid #e5e5e5;
7552
}
7553
 
7554
.input-group-text {
7555
  color: #666666 !important;
7556
  background-color: #f5f5f5 !important;
7557
  border: 0px !important;
7558
  border-radius: 3px !important;
7559
}
7560
 
7561
.place-bid-form {
7562
  position: relative;
7563
  left: 20px;
7564
  top: -15px;
7565
  padding-bottom: 15px;
7566
}
7567
 
7568
.place-bid-form .input-group input {
7569
  width: 70px;
7570
  border: 1px solid #e5e5e5;
7571
}
7572
 
7573
.paydel {
7574
  padding: 40px 0 0;
7575
}
7576
 
7577
.beatcompitation {
7578
  background-color: #f3f3f3;
7579
  padding: 15px;
7580
}
7581
 
7582
.beatcompitation h3 {
7583
  font-weight: 500;
7584
}
7585
 
7586
.sponser i {
7587
  background-color: #e44d3a;
7588
  color: #fff;
7589
  margin-right: 5px;
7590
  padding: 2px;
7591
}
7592
 
7593
.sponser h2 {
7594
  font-size: 18px;
7595
  font-weight: 600;
7596
  padding-top: 15px;
7597
  padding-bottom: 15px;
7598
}
7599
 
7600
.sponser {
7601
  padding: 15px;
7602
}
7603
 
7604
.modal-footer {
7605
  display: block !important;
7606
  border-top: none;
7607
  padding: 1rem 0;
7608
}
7609
 
7610
.modal-footer button {
7611
  background-color: var(--button-bg);
7612
  border: none;
7613
  border-radius: var(--button-text-color);
7614
  font-size: 15px;
7615
  font-weight: 500;
7616
  padding: 10px;
7617
  border-radius: var(--border-radius);
7618
}
7619
.modal-footer button:hover, .modal-footer button:active {
7620
  background-color: var(--button-bg-hover);
7621
}
7622
.modal-footer button:nth-child(2) {
7623
  color: var(--button-text-color-secondary) !important;
7624
  background-color: var(--button-bg-secondary);
7625
  border: 1px solid var(--border-gray-primary);
7626
}
7627
.modal-footer button:nth-child(2):hover {
7628
  background-color: var(--button-bg-secondary-hover);
7629
}
7630
 
7631
.modal-footer button.save {
7632
  color: var(--button-text-color-secondary);
7633
  background-color: var(--button-bg-secondary);
7634
}
7635
.modal-footer button.save:hover {
7636
  background-color: var(--button-bg-secondary-hover);
7637
}
7638
 
7639
.place-bid-btn {
7640
  font-size: 15px;
7641
  font-weight: 500;
7642
  color: #fff !important;
7643
  background-color: #e44d3a !important;
7644
  border: none;
7645
  padding: 10px;
7646
  border: 1px solid #e44d3a;
7647
  border-radius: 3px;
7648
}
7649
 
7650
.usy-dt .reply {
7651
  margin: 3px 0 0 10px;
7652
  width: 360px;
7653
  height: 40px;
7654
  background-color: #efefef;
7655
  border: 1px solid #e5e5e5;
7656
  padding-left: 10px;
7657
  border-radius: 3px;
7658
}
7659
 
7660
.replybtn {
7661
  background-color: #e44d3a;
7662
  color: #fff;
7663
  padding: 10px;
7664
  margin-left: 15px;
7665
  border-radius: 3px;
7666
}
7667
 
7668
.replybtn:hover {
7669
  color: #fff;
7670
}
7671
 
7672
.rewivew ul li {
7673
  margin-right: 5px !important;
7674
}
7675
 
7676
.security hr {
7677
  margin-right: -15px;
7678
  margin-left: -15px;
7679
}
7680
 
7681
.privacy .la-check {
7682
  float: left;
7683
  font-size: 12px;
7684
  margin: 5px 5px 0 0;
7685
  padding: 3px;
7686
  background-color: #e44d3a;
7687
  color: #fff;
7688
  border-radius: 50%;
7689
}
7690
 
7691
ul#myTab {
7692
  border-bottom: 1px solid #e5e5e5;
7693
}
7694
 
7695
.nav-tabs .nav-link {
7696
  border: none;
7697
}
7698
 
7699
.noborder {
7700
  border-bottom: none;
7701
}
7702
 
7703
.manbids {
7704
  margin-bottom: 0 !important;
7705
}
7706
 
7707
.noreply {
7708
  padding-top: 30px;
7709
}
7710
 
7711
#my-bids .nav-tabs {
7712
  margin-bottom: 20px;
7713
  margin-top: 7px;
7714
  padding-bottom: 0;
7715
}
7716
 
7717
#my-bids ul {
7718
  margin-bottom: 15px;
7719
  margin-top: 7px;
7720
  padding-bottom: 0;
7721
}
7722
 
7723
.savedjob-info p {
7724
  color: #666666;
7725
  margin-top: 5px;
7726
}
7727
 
7728
#my-bids ul li a {
7729
  color: #000000;
7730
  font-size: 16px;
7731
  font-weight: 500;
7732
}
7733
 
7734
#my-bids li a:hover {
7735
  color: #e44d3a;
7736
}
7737
 
7738
#saved-jobs ul {
7739
  margin-bottom: 20px;
7740
}
7741
 
7742
#saved-jobs ul li a {
7743
  color: #000000;
7744
  font-size: 16px;
7745
  font-weight: 500;
7746
}
7747
 
7748
#saved-jobs li a:hover {
7749
  color: #e44d3a;
7750
}
7751
 
7752
.wordpressdevlp h2 {
7753
  font-size: 18px;
7754
  font-weight: 600;
7755
  margin-bottom: 15px;
7756
}
7757
 
7758
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7759
#saved-jobs .nav-tabs .nav-link.active {
7760
  background-color: inherit;
7761
  color: #e44d3a !important;
7762
  padding-bottom: 9px;
7763
  border-bottom: 2px solid #e44d3a !important;
7764
}
7765
 
7766
#my-bids .nav-tabs .nav-item.show .nav-link,
7767
#my-bids .nav-tabs .nav-link.active {
7768
  background-color: inherit;
7769
  color: #e44d3a !important;
7770
  padding-bottom: 9px;
7771
  border-bottom: 2px solid #e44d3a !important;
7772
}
7773
 
7774
.descptab li img {
7775
  float: left !important;
7776
  filter: inherit !important;
7777
}
7778
 
7779
.bklink {
7780
  border-bottom: none !important;
7781
  width: unset !important;
7782
  float: right !important;
7783
}
7784
 
7785
.bklik {
7786
  border-bottom: none !important;
7787
}
7788
 
7789
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7790
.savedjob-info li {
7791
  display: inline-block;
7792
  padding-left: 25px;
7793
}
7794
 
7795
.savedjob-info h3 {
7796
  font-size: 14px;
7797
  font-weight: 500;
7798
}
7799
 
7800
.settingjb ul li {
7801
  margin-right: 25px !important;
7802
}
7803
 
7804
.mangebid li {
7805
  padding-left: 0;
7806
  padding-right: 20px;
7807
  padding-top: 10px;
7808
}
7809
 
7810
.bk-links.bklink li {
7811
  padding-right: 0;
7812
}
7813
 
7814
.bidsbtn {
7815
  position: relative;
7816
}
7817
 
7818
.biddersinfo li {
7819
  padding-left: 0;
7820
  padding-right: 20px;
7821
}
7822
 
7823
#review {
7824
  background-color: #fff;
7825
  margin-bottom: 40px;
7826
}
7827
 
7828
.starreview {
7829
  padding-left: 20px;
7830
}
7831
 
7832
.replytext {
7833
  padding-bottom: 20px;
7834
}
7835
 
7836
.starrevi {
7837
  padding-left: 20px;
7838
}
7839
 
7840
.apply-jobbox {
7841
  text-align: center;
7842
}
7843
 
7844
.apply-jobbox form input {
7845
  width: 100%;
7846
  margin-top: 20px;
7847
  padding: 10px;
7848
  color: #222;
7849
  border: 1px solid #e5e5e5;
7850
  border-radius: 3px;
7851
  font-size: 14px;
7852
}
7853
 
7854
.apply-jobbox h3 {
7855
  margin: 20px 0;
7856
}
7857
 
7858
.select-files {
7859
  border: 1px solid #e5e5e5;
7860
  margin-top: 20px;
7861
  padding: 30px;
7862
  background: #efefef;
7863
}
7864
 
7865
.select-files button {
7866
  margin-bottom: 20px;
7867
  background-color: transparent;
7868
  border: 1px solid #e5e5e5;
7869
  padding: 10px 15px 10px 15px;
7870
  border-radius: 5px;
7871
  font-weight: 600;
7872
}
7873
 
7874
.select-files button:hover {
7875
  background-color: #e44d3a;
7876
  color: #fff;
7877
}
7878
 
7879
.close {
7880
  position: absolute;
7881
  right: 0px;
7882
  top: 0px;
7883
  color: #929292;
7884
  border: 1px solid !important;
7885
  border-radius: 50%;
7886
  height: 30px;
7887
  width: 30px;
7888
}
7889
 
7890
.mapouter iframe {
7891
  width: 100%;
7892
  height: 400px;
7893
}
7894
 
7895
.mapouter {
7896
  position: relative;
7897
  text-align: right;
7898
  height: 500px;
7899
  width: 100%;
7900
}
7901
 
7902
.gmap_canvas {
7903
  overflow: hidden;
7904
  background: none !important;
7905
}
7906
 
7907
.video-iframe {
7908
  width: 100%;
7909
  height: 400px;
7910
}
7911
 
7912
.custom-file-input {
7913
  color: transparent;
7914
  opacity: 1;
7915
  /* margin-left: 140px; */
7916
  margin-bottom: 10px;
7917
}
7918
 
7919
.custom-file-input::-webkit-file-upload-button {
7920
  visibility: hidden;
7921
}
7922
 
7923
.custom-file-input::before {
7924
  content: "Select Files";
7925
  color: #fff;
7926
  display: inline-block;
7927
  border: 1px solid #e5e5e5;
7928
  border-radius: 3px;
7929
  background: #e44d3a;
7930
  font-weight: 500;
7931
  padding: 10px 15px;
7932
  outline: none;
7933
  white-space: nowrap;
7934
  -webkit-user-select: none;
7935
  cursor: pointer;
7936
}
7937
 
7938
.custom-file-input:hover::before {
7939
  background-color: #e44d3a;
7940
  color: #fff;
7941
}
7942
 
7943
.custom-file-input:active {
7944
  outline: 0;
7945
}
7946
 
7947
.custom-file-input:active::before {
7948
  background: #e44d3a;
7949
  color: #fff;
7950
}
7951
 
7952
.bids-time {
7953
  float: right;
7954
}
7955
 
7956
.saved-post {
7957
  padding: 0;
7958
}
7959
 
7960
.saved-post p {
7961
  padding-bottom: 20px;
7962
}
7963
 
7964
.saved-info li {
7965
  padding-right: 25px;
7966
  padding-left: 0;
7967
}
7968
 
7969
.saved-btn {
7970
  padding: 0;
7971
  margin-bottom: -12px;
7972
}
7973
 
7974
.applied-post {
7975
  padding: 0;
7976
}
7977
 
7978
.post-bid {
7979
  padding: 0 !important;
7980
}
7981
 
7982
.bidsbtn {
7983
  padding-top: 0 !important;
7984
}
7985
 
7986
.active-bids {
7987
  padding: 0;
7988
}
7989
 
7990
.activ-bidinfo li {
7991
  padding-top: 10px;
7992
  padding-left: 0;
7993
  padding-right: 25px;
7994
}
7995
 
7996
.activebtn {
7997
  padding-left: 0;
7998
}
7999
 
8000
.p-all {
8001
  padding: 0px;
8002
  float: left;
8003
  width: 100%;
8004
  position: relative;
8005
}
8006
 
8007
.toggle-btn .custom-switch .custom-control-label::before {
8008
  left: -2.25rem;
8009
  width: 70px;
8010
  pointer-events: all;
8011
  border-radius: 100px;
8012
  height: 30px;
8013
  top: -1px;
8014
  box-shadow: none;
8015
}
8016
 
8017
.toggle-btn .custom-control-label::before {
8018
  position: absolute;
8019
  top: 0.25rem;
8020
  left: -1.5rem;
8021
  display: block;
8022
  width: 1rem;
8023
  height: 1rem;
8024
  pointer-events: none;
8025
  content: "";
8026
  background-color: #fff;
8027
  border: #e1e1e1 solid 2px;
8028
}
8029
 
8030
.custom-control-input:checked ~ .custom-control-label::before {
8031
  color: #fff;
8032
  border-color: #e44d3a;
8033
  background-color: #e44d3a;
8034
  box-shadow: none;
8035
  outline: none;
8036
}
8037
 
8038
.toggle-btn .custom-switch .custom-control-label::after {
8039
  top: 1px;
8040
  left: -34px;
8041
  width: 26px;
8042
  height: 26px;
8043
  background-color: #e1e1e1;
8044
  border-radius: 100%;
8045
  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;
8046
  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;
8047
  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;
8048
}
8049
 
8050
.toggle-btn .custom-control-label::after {
8051
  position: absolute;
8052
  top: 0.25rem;
8053
  left: -1.5rem;
8054
  display: block;
8055
  width: 0;
8056
  height: 0;
8057
  content: "";
8058
  background: no-repeat 50%/50% 50%;
8059
}
8060
 
8061
.toggle-btn .custom-control-label {
8062
  position: initial;
8063
  margin-bottom: 0;
8064
  vertical-align: top;
8065
}
8066
 
8067
.toggle-btn .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
8068
  background-color: #fff;
8069
  -webkit-transform: translateX(2.5rem);
8070
  transform: translateX(2.5rem);
8071
}
8072
 
8073
.custom-control-label {
8074
  position: relative;
8075
  margin-bottom: 0;
8076
  vertical-align: top;
8077
  line-height: 24px;
8078
  font-size: 14px;
8079
  color: #666666;
8080
}
8081
 
8082
.small-text-children p,
8083
.small-text-children span {
8084
  font-size: 0.8rem;
8085
}
8086
 
8087
.search-item-selected {
8088
  padding: 1px 10px;
8089
  background: var(--background-gray);
8090
  line-height: 1;
8091
  border-radius: 10px;
8092
  font-weight: bold;
8093
}
8094
 
8095
.row .sc-dkzDqf {
8096
  margin: 0 auto;
8097
}
8098
 
8099
.test-section .title,
8100
.test-section .description {
8101
  margin-bottom: 10px;
8102
}
8103
 
8104
.test-section .btn-danger {
8105
  margin-right: 10px;
8106
}
8107
 
8108
.test-section .panel-body {
8109
  padding: 20px 0px;
8110
}
8111
 
8112
.test-section .panel {
8113
  margin-top: 20px;
8114
  padding-bottom: 10px;
8115
}
8116
 
8117
.test-section .panel-title {
8118
  font-size: 16px;
8119
  font-weight: bold;
8120
  text-transform: uppercase;
8121
}
8122
 
8123
.test-section .np-padding {
8124
  padding: 0px;
8125
}
8126
 
8127
.test-section .checkbox {
8128
  display: flex;
8129
  margin: 20px 0px;
8130
}
8131
 
8132
.test-section .option {
8133
  margin-left: 10px;
8134
}
8135
 
8136
.checkbox input[type=checkbox],
8137
input[type=radio] {
8138
  margin-top: 5px !important;
8139
}
8140
 
8141
.test-section h6 {
8142
  margin-bottom: 10px;
8143
  color: #0860bf;
8144
}
8145
 
8146
.wizard {
8147
  display: flex;
8148
  margin-top: 10px;
8149
}
8150
 
8151
.wizard li {
8152
  width: 50%;
8153
  display: inline-block;
8154
}
8155
 
8156
.btn-secondary:disabled,
8157
.btn-primary:disabled {
8158
  cursor: no-drop;
8159
}
8160
 
8161
.test-section .btn-primary {
8162
  margin-left: 10px;
8163
}
8164
 
8165
.previous {
8166
  text-align: left;
8167
}
8168
 
8169
.next {
8170
  text-align: right;
8171
}
8172
 
8173
.test-section .close {
8174
  border: none !important;
8175
  border-radius: 0px !important;
8176
}
8177
 
8178
.ratin-range {
8179
  display: block;
8180
}
8181
 
8182
.ratin-range li {
8183
  display: inline-block;
8184
  width: 6%;
8185
}
8186
 
8187
.ratin-range li .option {
8188
  margin-top: 2px !important;
8189
}
8190
 
8191
#react-self-evaluation .company-up-info ul {
8192
  width: 100%;
8193
  position: absolute;
8194
  float: left;
8195
  left: 0px;
8196
  bottom: 4vw;
8197
}
8198
 
8199
#react-self-evaluation .company-up-info {
8200
  padding: 30px 10px;
8201
  min-height: 20vw;
8202
  border: 1px solid #e5e5e5;
8203
}
8204
 
8205
#react-self-evaluation .company-up-info h3 {
8206
  width: 90%;
8207
  margin: 5px auto;
8208
}
8209
 
8210
.mb10 {
8211
  margin-bottom: 3vw;
8212
}
8213
 
8214
.opt-h6 {
8215
  font-weight: 600 !important;
8216
  color: #000 !important;
8217
}
8218
 
8219
.btn-primary {
8220
  background-color: var(--button-bg);
3772 stevensc 8221
  border-radius: var(--border-radius);
3769 stevensc 8222
  color: var(--button-text-color) !important;
8223
  border: none;
8224
}
8225
.btn-primary:hover {
8226
  background-color: var(--button-bg-hover);
8227
}
8228
 
8229
.btn-secondary {
8230
  background: var(--button-bg-secondary);
8231
  border: 1px solid var(--border-primary);
3772 stevensc 8232
  border-radius: var(--border-radius);
3769 stevensc 8233
  color: var(--button-text-color-secondary) !important;
8234
}
8235
.btn-secondary:hover {
8236
  background-color: var(--button-bg-secondary-hover);
8237
  border-color: var(--border-trasnparent);
8238
}
8239
 
8240
.btn-tertiary {
8241
  background-color: var(--button-bg-tertiary);
3772 stevensc 8242
  border-radius: var(--border-radius);
3769 stevensc 8243
  border-color: #f4f4f4;
8244
  color: var(--button-text-color-tertiary) !important;
8245
}
8246
.btn-tertiary:hover {
8247
  background: #d4d4d4;
8248
  border: 1px solid var(--border-primary);
8249
  color: var(--border-primary) !important;
8250
}
8251
 
8252
/*# sourceMappingURL=main.css.map */