Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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