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 
 
3508 stevensc 2953 
@media (min-width: 721px) {
3497 stevensc 2954 
    .group-view-tab {
2955 
        margin-left: 3.5rem;
2956 
    }
2957 
 
2958 
    .group-view-tab span {
2959 
        text-overflow: ellipsis;
2960 
        white-space: nowrap;
2961 
        overflow: hidden;
2962 
    }
2963 
}
2964 
 
3508 stevensc 2965 
@media (max-width: 720px) {
3497 stevensc 2966 
    .group-view-tab {
2967 
        margin-left: 3.5rem;
2968 
    }
2969 
}
2970 
 
2971 
.text-decoration-underline {
2972 
    text-decoration: underline !important;
2973 
}
2974 
 
2975 
.ellipsis {
2976 
    text-overflow: ellipsis;
2977 
    white-space: nowrap;
2978 
    overflow: hidden;
2979 
}
2980 
 
2981 
.la-globe {
2982 
    color: #51a5fb;
2983 
}
2984 
 
2985 
/* ================= user-tab-sec ============== */
2986 
 
2987 
.notifications-grid {
2988 
    display: grid;
2989 
    grid-template-columns: 1fr;
4233 stevensc 2990 
    gap: 1rem;
3497 stevensc 2991 
}
2992 
 
2993 
@media (min-width: 768px) {
2994 
    .notifications-grid {
2995 
        display: grid;
2996 
        grid-template-columns: 30% 70%;
2997 
        padding: 0 5%;
2998 
    }
2999 
}
3000 
 
3001 
.show_filters {
3002 
    display: block;
3003 
}
3004 
 
3005 
.hidden_filters {
3006 
    display: none !important;
3007 
}
3008 
 
3009 
@media (min-width: 768px) {
3010 
    .show_filters {
3011 
        display: none;
3012 
    }
3013 
 
3014 
    .hidden_filters {
3015 
        display: block !important;
3016 
    }
3017 
}
3018 
 
3019 
/* ================= user-tab-sec ============== */
3020 
 
3021 
.user-tab-sec {
3022 
    width: 100%;
5072 stevensc 3023 
 
3996 stevensc 3024 
    h3 {
3025 
        color: $title-color;
3026 
        font-size: 1.5rem;
3027 
        font-weight: 600;
3028 
        text-transform: capitalize;
3029 
    }
3497 stevensc 3030 
}
3031 
 
3032 
.star-descp {
3033 
    float: left;
3034 
    width: 100%;
3035 
    margin-bottom: 10px;
3036 
}
3037 
 
3038 
.star-descp ul li {
3039 
    margin-right: 5px !important;
3040 
}
3041 
 
5072 stevensc 3042 
.star-descp>a {
3497 stevensc 3043 
    float: left;
3044 
    color: #51a5fb;
3045 
    font-size: 18px;
3046 
    font-weight: 600;
3047 
    margin-left: 20px;
3048 
    text-decoration: underline;
3049 
}
3050 
 
5072 stevensc 3051 
.star-descp>a:hover {
3497 stevensc 3052 
    color: #51a5fb;
3053 
}
3054 
 
3055 
.star-descp span {
3056 
    float: left;
3057 
    color: #686868;
3058 
    font-size: 18px;
3059 
    font-weight: 600;
3060 
    margin-right: 20px;
3061 
}
3062 
 
5072 stevensc 3063 
.star-descp>ul {
3497 stevensc 3064 
    float: left;
3065 
}
3066 
 
3067 
.star-descp ul li {
3068 
    display: inline-block;
3069 
}
3070 
 
3071 
.star-descp ul li i {
3072 
    color: #b7ce1f;
3073 
    font-size: 16px;
3074 
}
3075 
 
3076 
.tab-feed {
3077 
    float: left;
3078 
    width: 100%;
3079 
    margin-bottom: 45px;
3080 
    margin-top: 20px;
3081 
}
3082 
 
3083 
.tab-feed ul {
3084 
    float: left;
3085 
    width: 100%;
3086 
}
3087 
 
3088 
.tab-feed ul li {
3089 
    display: inline-block;
3090 
    margin-right: 35px;
3091 
    text-align: center;
3092 
}
3093 
 
3094 
.savetext ul {
3095 
    border-bottom: none !important;
3096 
}
3097 
 
3098 
.tab-feed.st2 ul li {
3099 
    margin-right: 17px;
3100 
}
3101 
 
3102 
.tab-feed ul li:last-child {
3103 
    margin-right: 0;
3104 
}
3105 
 
3106 
.tab-feed ul li.active img {
3107 
    filter: grayscale(0);
3108 
}
3109 
 
3110 
.tab-feed ul li.active span {
3111 
    color: #e44d3a;
3112 
}
3113 
 
3114 
.tab-feed ul li img {
3115 
    float: none;
3116 
    margin-bottom: 5px;
3117 
    filter: grayscale(100%);
3118 
}
3119 
 
3120 
.tab-feed ul li span {
3121 
    display: block;
3122 
    color: #b2b2b2;
3123 
    font-weight: 400;
3124 
    font-size: 16px;
3125 
}
3126 
 
3127 
.tab-feed ul li:last-child {
3128 
    margin-right: 0;
3129 
}
3130 
 
3131 
/* ================ message-btn ============= */
3132 
 
3133 
.message-btn a {
3134 
    display: inline-block;
3135 
    font-size: 16px;
3136 
    padding: 12px;
3137 
    font-weight: 500;
3138 
}
3139 
 
3140 
.message-btn a:hover {
3141 
    color: #fff;
3142 
}
3143 
 
3144 
.message-btn a i {
3145 
    padding-right: 5px;
3146 
}
3147 
 
3148 
/* ============== widget-portfolio ============== */
3149 
 
3150 
.wd-heady {
3151 
    float: left;
3152 
    width: 100%;
3153 
    padding: 20px 20px;
3154 
    border-bottom: 1px solid #e5e5e5;
3155 
}
3156 
 
3157 
.wd-heady h3 {
3158 
    color: #000000;
3159 
    font-size: 18px;
3160 
    font-weight: 600;
3161 
    float: left;
3162 
}
3163 
 
3164 
.wd-heady img {
3165 
    float: right;
3166 
}
3167 
 
3168 
.pf-gallery {
3169 
    float: left;
3170 
    width: 100%;
3171 
    padding: 15px 15px;
3172 
}
3173 
 
3174 
.pf-gallery ul {
3175 
    float: left;
3176 
    width: 100%;
3177 
}
3178 
 
3179 
.pf-gallery ul li {
3180 
    float: left;
3181 
    width: 33.33%;
3182 
    padding: 5px;
3183 
    overflow: hidden;
3184 
}
3185 
 
3186 
.pf-gallery ul li:hover {
3187 
    -webkit-transform: scale(1.2);
3188 
    -moz-transform: scale(1.2);
3189 
    -ms-transform: scale(1.2);
3190 
    -o-transform: scale(1.2);
3191 
    transform: scale(1.2);
3192 
}
3193 
 
3194 
.pf-gallery img {
3195 
    width: 100%;
3196 
}
3197 
 
3198 
.product-feed-tab {
3199 
    display: flex;
3200 
    flex-direction: column;
3508 stevensc 3201 
    gap: 0.5rem;
3497 stevensc 3202 
}
3203 
 
3204 
.product-feed-tab.current {
3205 
    display: block;
3206 
}
3207 
 
3208 
/* =============== user-profile-ov ================ */
3209 
 
3210 
.user-profile-ov {
3211 
    width: 100%;
3555 stevensc 3212 
    background-color: $bg-color;
3213 
    padding: 10px 20px 30px;
5002 stevensc 3214 
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
5005 stevensc 3215 
    margin-bottom: 20px;
3555 stevensc 3216 
    border-radius: 10px;
3497 stevensc 3217 
}
3218 
 
3219 
.user-profile-ov h3 {
3555 stevensc 3220 
    color: $title-color;
3497 stevensc 3221 
    font-size: 18px;
3222 
    font-weight: 600;
3223 
    margin-bottom: 20px;
3224 
}
3225 
 
3226 
.user-profile-ov h3 a {
3555 stevensc 3227 
    color: $title-color;
3497 stevensc 3228 
}
3229 
 
3230 
.user-profile-ov i {
3555 stevensc 3231 
    color: $title-color;
3497 stevensc 3232 
    font-size: 13px;
3233 
    padding-left: 5px;
3234 
}
3235 
 
3236 
.user-profile-ov h4 {
3237 
    font-size: 16px;
3555 stevensc 3238 
    color: $title-color;
3497 stevensc 3239 
    font-weight: 600;
3240 
    margin-bottom: 10px;
3241 
}
3242 
 
3243 
.user-profile-ov p {
3555 stevensc 3244 
    color: $font-color;
3497 stevensc 3245 
    font-size: 14px;
3246 
    line-height: 24px;
3247 
}
3248 
 
3249 
.user-profile-ov.st2 p {
3250 
    margin-bottom: 23px;
3251 
}
3252 
 
3253 
.no-margin {
3254 
    margin: 0 !important;
3255 
}
3256 
 
5072 stevensc 3257 
.user-profile-ov>span {
3555 stevensc 3258 
    color: $font-color;
3497 stevensc 3259 
    font-size: 14px;
3260 
    float: left;
3261 
    width: 100%;
3262 
    margin-bottom: 8px;
3263 
    margin-top: 3px;
3264 
}
3265 
 
3266 
.user-profile-ov ul li {
3267 
    display: inline-block;
3268 
    margin-bottom: 10px;
3269 
    padding: 0 2px;
3270 
}
3271 
 
3272 
.user-profile-ov ul li a {
3273 
    display: inline-block;
3561 stevensc 3274 
    color: $bg-color;
3497 stevensc 3275 
    font-size: 14px;
3276 
    font-weight: 600;
3561 stevensc 3277 
    background-color: $font-color;
3497 stevensc 3278 
    border-radius: 30px;
3279 
    padding: 10px 15px;
3280 
}
3281 
 
3282 
/* ==================== portfolio-gallery-sec ==================== */
3283 
 
3284 
.portfolio-gallery-sec {
3285 
    float: left;
3286 
    width: 100%;
3287 
    background-color: #fff;
3288 
    padding: 30px 20px;
3289 
    border-left: 1px solid #e4e4e4;
3290 
    border-right: 1px solid #e4e4e4;
3291 
    border-bottom: 1px solid #e4e4e4;
3292 
}
3293 
 
3294 
.portfolio-gallery-sec h3 {
3295 
    font-weight: 600;
3296 
    font-size: 18px;
3297 
    margin-bottom: 32px;
3298 
    padding-left: 5px;
3299 
    float: left;
3300 
}
3301 
 
3302 
.portfolio-btn {
3303 
    float: right;
3304 
}
3305 
 
3306 
.portfolio-btn a {
3307 
    display: inline-block;
3308 
    color: #e44d3a;
3309 
    font-size: 16px;
3310 
    font-weight: 600;
3311 
}
3312 
 
3313 
.portfolio-btn a i {
3314 
    margin-right: 5px;
3315 
}
3316 
 
3317 
.gallery_pf {
3318 
    float: left;
3319 
    width: 100%;
3320 
    margin-bottom: -5px;
3321 
}
3322 
 
3323 
.gallery_pf .col-lg-4 {
3324 
    padding: 5px;
3325 
}
3326 
 
3327 
.gallery_pt {
3328 
    float: left;
3329 
    width: 100%;
3330 
    position: relative;
3331 
    overflow: hidden;
3332 
}
3333 
 
3334 
.gallery_pt:hover:before {
3335 
    opacity: 1;
3336 
    visibility: visible;
3337 
    height: 100%;
3338 
}
3339 
 
3340 
.gallery_pt:before {
3341 
    content: "";
3342 
    position: absolute;
3343 
    top: 0;
3344 
    left: 0;
3345 
    width: 100%;
3346 
    height: 0;
3347 
    background-color: rgba(0, 0, 0, 0.6);
3348 
    opacity: 0;
3349 
    visibility: hidden;
3350 
}
3351 
 
3352 
.gallery_pt img {
3353 
    width: 100%;
3354 
    height: 134px;
3355 
    object-fit: cover;
3356 
}
3357 
 
3358 
.row {
3359 
    margin: 0;
3360 
}
3361 
 
5072 stevensc 3362 
.gallery_pt>a {
3497 stevensc 3363 
    position: absolute;
3364 
    top: 100%;
3365 
    left: 0;
3366 
    float: left;
3367 
    width: 100%;
3368 
    text-align: center;
3369 
    -webkit-transform: translateY(-50%);
3370 
    -moz-transform: translateY(-50%);
3371 
    -ms-transform: translateY(-50%);
3372 
    -o-transform: translateY(-50%);
3373 
    transform: translateY(-50%);
3374 
    opacity: 0;
3375 
    visibility: hidden;
3376 
}
3377 
 
5072 stevensc 3378 
.gallery_pt:hover>a {
3497 stevensc 3379 
    opacity: 1;
3380 
    visibility: visible;
3381 
    top: 50%;
3382 
}
3383 
 
5072 stevensc 3384 
.gallery_pt>a img {
3497 stevensc 3385 
    float: none;
3386 
    width: auto;
3387 
    height: auto;
3388 
}
3389 
 
3390 
/* ============== overview-box ============= */
3391 
 
3392 
.overview-box {
3393 
    width: 570px;
3394 
    position: fixed;
3395 
    top: 50%;
3396 
    left: 50%;
3397 
    -webkit-transform: translateX(-50%) translateY(-50%);
3398 
    -moz-transform: translateX(-50%) translateY(-50%);
3399 
    -ms-transform: translateX(-50%) translateY(-50%);
3400 
    -o-transform: translateX(-50%) translateY(-50%);
3401 
    transform: translateX(-50%) translateY(-50%);
3402 
    opacity: 0;
3403 
    visibility: hidden;
3404 
    z-index: 0;
3405 
}
3406 
 
3407 
.close-box {
3408 
    position: absolute;
3409 
    top: -20px;
3410 
    right: -20px;
3411 
    color: #fff;
3412 
    font-size: 14px;
3413 
    text-align: center;
3414 
    width: 22px;
3415 
    height: 22px;
3416 
    line-height: 22px;
3417 
    border: 1px solid #fff;
3418 
    -webkit-border-radius: 100px;
3419 
    -moz-border-radius: 100px;
3420 
    -ms-border-radius: 100px;
3421 
    -o-border-radius: 100px;
3422 
    border-radius: 100px;
3423 
    font-weight: 600;
3424 
}
3425 
 
3426 
.close-box:hover {
3427 
    color: #fff;
3428 
}
3429 
 
3430 
.overview-box.open {
3431 
    opacity: 1;
3432 
    visibility: visible;
3433 
    z-index: 99999;
3434 
}
3435 
 
3436 
.overview-edit {
3437 
    float: left;
3438 
    width: 100%;
3439 
    background-color: #fff;
3440 
    padding: 30px 20px;
3441 
}
3442 
 
3443 
.overview-edit h3 {
3444 
    color: #000000;
3445 
    font-size: 18px;
3446 
    font-weight: 600;
3447 
    float: left;
3448 
    width: 100%;
3449 
    margin-bottom: 25px;
3450 
}
3451 
 
3452 
.overview-edit span {
3453 
    color: #b2b2b2;
3454 
    font-size: 12px;
3455 
    float: right;
3456 
    margin-bottom: 5px;
3457 
}
3458 
 
3459 
.overview-edit form {
3460 
    float: left;
3461 
    width: 100%;
3462 
}
3463 
 
3464 
.overview-edit form input {
3465 
    height: 40px;
3466 
    padding-left: 15px;
3467 
    margin-bottom: 20px;
3468 
}
3469 
 
3470 
.overview-edit form textarea,
3471 
.overview-edit form input,
3472 
.overview-edit form select {
3473 
    width: 100%;
3474 
    border: 1px solid #e5e5e5;
3475 
    resize: none;
3476 
    color: #b2b2b2;
3477 
    font-size: 14px;
3478 
}
3479 
 
3480 
.overview-edit form select {
3481 
    line-height: 40px;
3482 
    padding-left: 40px;
3483 
    margin-bottom: 20px;
3484 
}
3485 
 
3486 
.overview-edit form textarea {
3487 
    height: 160px;
3488 
    margin-bottom: 30px;
3489 
    padding: 15px;
3490 
}
3491 
 
3492 
.save {
3493 
    background-color: #e44d3a;
3494 
    color: #fff;
3495 
    border-color: transparent;
3496 
}
3497 
 
3498 
.save-add {
3499 
    background-color: #fff;
3500 
    padding: 13px 13px !important;
3501 
}
3502 
 
3503 
.overview-edit button {
3504 
    float: left;
3505 
    border: 1px solid #e5e5e5;
3506 
    font-weight: 600;
3507 
    font-size: 16px;
3508 
    padding: 13px 34px;
3509 
    margin-right: 20px;
3510 
    outline: none;
3511 
    cursor: pointer;
3512 
}
3513 
 
3514 
.cancel {
3515 
    background-color: #fff;
3516 
    color: #000;
3517 
}
3518 
 
3519 
.datepicky {
3520 
    float: left;
3521 
    width: 100%;
3522 
}
3523 
 
3524 
.no-left-pd {
3525 
    padding: 0;
3526 
}
3527 
 
3528 
.no-righ-pd {
3529 
    padding-right: 0;
3530 
}
3531 
 
3532 
.datefm {
3533 
    width: 100%;
3534 
    position: relative;
5072 stevensc 3535 
 
3716 stevensc 3536 
    i {
3537 
        position: absolute;
3538 
        top: 11px;
3539 
        right: 15px;
3540 
        font-size: 18px;
3541 
        color: #b2b2b2;
3542 
    }
3497 stevensc 3543 
}
3544 
 
3545 
#location-box .datefm i {
3546 
    right: auto;
3547 
    left: 15px;
3548 
}
3549 
 
3550 
#location-box .datefm input {
3551 
    padding-left: 40px;
3552 
}
3553 
 
3554 
#skills-box ul {
3555 
    float: left;
3556 
    width: 100%;
3557 
    margin-bottom: 20px;
3558 
}
3559 
 
3560 
#skills-box ul li {
3561 
    display: inline-block;
3562 
    margin-right: 10px;
3563 
    position: relative;
3564 
}
3565 
 
3566 
.skl-name {
3567 
    display: inline-block;
3568 
    color: #b2b2b2;
3569 
    font-size: 14px;
3570 
    font-weight: 500;
3571 
    background-color: #e5e5e5;
3572 
    -webkit-border-radius: 30px;
3573 
    -moz-border-radius: 30px;
3574 
    -ms-border-radius: 30px;
3575 
    -o-border-radius: 30px;
3576 
    border-radius: 30px;
3577 
    text-transform: uppercase;
3578 
    padding: 10px 30px 10px 12px;
3579 
    position: relative;
3580 
}
3581 
 
3582 
.close-skl {
3583 
    position: absolute;
3584 
    top: 10px;
3585 
    right: 10px;
3586 
    color: #b2b2b2;
3587 
    font-size: 14px;
3588 
}
3589 
 
3590 
.file-submit {
3591 
    border: 1px solid #e5e5e5;
3592 
    position: relative;
3593 
    padding: 0px;
3594 
    height: 40px;
3595 
    margin-bottom: 20px;
3596 
    border-radius: 3px;
3597 
}
3598 
 
3599 
.file-submit [type="file"] {
3600 
    height: 40px;
3601 
    overflow: hidden;
3602 
    width: 100%;
3603 
    float: left;
3604 
    position: absolute;
3605 
    padding: 10px 4px 0px 12px;
3606 
    font-size: 14px;
3607 
    opacity: 0;
3608 
    display: none;
3609 
}
3610 
 
5072 stevensc 3611 
.file-submit [type="file"]+label {
3497 stevensc 3612 
    background: #e44d3a;
3613 
    border: none;
3614 
    float: left;
3615 
    border-top-right-radius: 0px;
3616 
    border-bottom-right-radius: 0px;
3617 
    border-top-left-radius: 3px;
3618 
    border-bottom-left-radius: 3px;
3619 
    color: #fff;
3620 
    cursor: pointer;
3621 
    /* display: inline-block; */
3622 
    font-size: 14px;
3623 
    font-weight: 500;
3624 
    outline: none;
3625 
    padding: 12px 15px;
3626 
    position: relative;
3627 
    transition: all 0.3s;
3628 
    vertical-align: middle;
3629 
    margin: 0;
3630 
}
3631 
 
3632 
.file-submit.nomg {
3633 
    border: 0;
3634 
    margin-bottom: 20px;
3635 
}
3636 
 
3637 
.file-submit.nomg input {
3638 
    margin-bottom: 0;
3639 
    padding-top: 0;
3640 
}
3641 
 
3642 
.daty {
3643 
    float: left;
3644 
    width: 100%;
3645 
    position: relative;
3646 
}
3647 
 
5072 stevensc 3648 
.daty>i {
3497 stevensc 3649 
    position: absolute;
3650 
    top: 10px;
3651 
    right: 15px;
3652 
    color: #b2b2b2;
3653 
    font-size: 20px;
3654 
}
3655 
 
3656 
a:hover {
3657 
    color: initial;
3658 
}
3659 
 
3660 
.pf-img {
3661 
    float: left;
3662 
    width: 100%;
3663 
    background-color: #f2f2f2;
3664 
    padding: 15px;
3665 
    margin-bottom: 20px;
3666 
}
3667 
 
3668 
/* ================= billing-method ============== */
3669 
 
3670 
.billing-method {
3671 
    float: left;
3672 
    width: 100%;
3673 
    background-color: #fff;
3674 
    border-left: 1px solid #e4e4e4;
3675 
    border-right: 1px solid #e4e4e4;
3676 
    border-bottom: 1px solid #e4e4e4;
3677 
    margin-bottom: 20px;
3678 
}
3679 
 
3680 
.billing-method ul {
3681 
    float: left;
3682 
    width: 100%;
3683 
}
3684 
 
3685 
.billing-method ul li {
3686 
    float: left;
3687 
    width: 100%;
3688 
    border-bottom: 1px solid #e5e5e5;
3689 
    padding: 25px 20px;
3690 
}
3691 
 
3692 
.billing-method ul li h3 {
3693 
    color: #000000;
3694 
    font-size: 18px;
3695 
    font-weight: 600;
3696 
    float: left;
3697 
}
3698 
 
3699 
.billing-method ul li a,
3700 
.billing-method ul li span {
3701 
    float: right;
3702 
    color: #000000;
3703 
    font-size: 13px;
3704 
    text-transform: capitalize;
3705 
    font-weight: 600;
3706 
    margin-top: 3px;
3707 
}
3708 
 
3709 
.billing-method ul li i {
3710 
    font-size: 13px;
3711 
    color: #e44d3a;
3712 
}
3713 
 
3714 
.lt-sec {
3715 
    float: left;
3716 
    width: 100%;
3717 
    text-align: center;
3718 
    padding: 30px 0;
3719 
}
3720 
 
3721 
.lt-sec img {
3722 
    float: none;
3723 
    margin-bottom: 15px;
3724 
}
3725 
 
3726 
.lt-sec h4 {
3727 
    color: #686868;
3728 
    font-size: 18px;
3729 
    font-weight: 600;
3730 
    margin-bottom: 25px;
3731 
}
3732 
 
5072 stevensc 3733 
.lt-sec>a {
3497 stevensc 3734 
    display: inline-block;
3735 
    color: #ffffff;
3736 
    font-size: 16px;
3737 
    background-color: #e44d3a;
3738 
    padding: 10px 25px;
3739 
}
3740 
 
3741 
/* ============== add-billing-method ============== */
3742 
 
3743 
.add-billing-method {
3744 
    float: left;
3745 
    width: 100%;
3746 
    background-color: #fff;
3747 
    border-left: 1px solid #e4e4e4;
3748 
    border-right: 1px solid #e4e4e4;
3749 
    border-bottom: 1px solid #e4e4e4;
3750 
}
3751 
 
3752 
.add-billing-method h3 {
3753 
    color: #000000;
3754 
    font-size: 18px;
3755 
    font-weight: 600;
3756 
    padding: 20px 20px;
3757 
    border-bottom: 1px solid #e5e5e5;
3758 
}
3759 
 
5072 stevensc 3760 
.add-billing-method>h4 {
3497 stevensc 3761 
    color: #686868;
3762 
    font-size: 13px;
3763 
    font-weight: 500;
3764 
    padding: 20px 20px;
3765 
    border-bottom: 1px solid #e5e5e5;
3766 
    float: left;
3767 
    width: 100%;
3768 
}
3769 
 
3770 
.add-billing-method img {
3771 
    margin-right: 10px;
3772 
}
3773 
 
3774 
.add-billing-method span {
3775 
    margin-top: 4px;
3776 
    float: left;
3777 
}
3778 
 
3779 
/* ============= payment_methods ============ */
3780 
 
3781 
.payment_methods {
3782 
    float: left;
3783 
    width: 100%;
3784 
}
3785 
 
5072 stevensc 3786 
.payment_methods>h4 {
3497 stevensc 3787 
    color: #000000;
3788 
    font-size: 16px;
3789 
    font-weight: 600;
3790 
    position: relative;
3791 
    padding: 25px 20px 25px 45px;
3792 
    float: left;
3793 
    width: 100%;
3794 
}
3795 
 
3796 
.rowwy {
3797 
    float: left;
3798 
    width: 100%;
3799 
}
3800 
 
3801 
.pd-left-none {
3802 
    padding-left: 0;
3803 
}
3804 
 
3805 
.pd-right-none {
3806 
    padding-right: 0;
3807 
}
3808 
 
3809 
.payment_methods h4:before {
3810 
    content: "";
3811 
    position: absolute;
3812 
    top: 50%;
3813 
    -webkit-transform: translateY(-50%);
3814 
    -moz-transform: translateY(-50%);
3815 
    -ms-transform: translateY(-50%);
3816 
    -o-transform: translateY(-50%);
3817 
    transform: translateY(-50%);
3818 
    left: 20px;
3819 
    width: 15px;
3820 
    height: 15px;
3821 
    border: 1px solid #e6e6e6;
3822 
    -webkit-border-radius: 100px;
3823 
    -moz-border-radius: 100px;
3824 
    -ms-border-radius: 100px;
3825 
    -o-border-radius: 100px;
3826 
    border-radius: 100px;
3827 
}
3828 
 
3829 
.payment_methods h4:after {
3830 
    content: "";
3831 
    position: absolute;
3832 
    top: 50%;
3833 
    -webkit-transform: translateY(-50%);
3834 
    -moz-transform: translateY(-50%);
3835 
    -ms-transform: translateY(-50%);
3836 
    -o-transform: translateY(-50%);
3837 
    transform: translateY(-50%);
3838 
    left: 24px;
3839 
    width: 7px;
3840 
    height: 7px;
3841 
    background-color: #e44d3a;
3842 
    -webkit-border-radius: 100px;
3843 
    -moz-border-radius: 100px;
3844 
    -ms-border-radius: 100px;
3845 
    -o-border-radius: 100px;
3846 
    border-radius: 100px;
3847 
}
3848 
 
3849 
.payment_methods form {
3850 
    float: left;
3851 
    width: 100%;
3852 
    padding-bottom: 30px;
3853 
    border-bottom: 1px solid #e5e5e5;
3854 
}
3855 
 
3856 
.payment_methods form button {
3857 
    color: #ffffff;
3858 
    font-size: 16px;
3859 
    background-color: #e44d3a;
3860 
    padding: 10px 15px;
3861 
    border: 0;
3862 
    cursor: pointer;
3863 
}
3864 
 
3865 
.payment_methods form input {
3866 
    width: 100%;
3867 
    height: 40px;
3868 
    border: 1px solid #e5e5e5;
3869 
    padding: 0 12px;
3870 
}
3871 
 
3872 
.cc-head {
3873 
    float: left;
3874 
    width: 100%;
3875 
    margin-bottom: 10px;
3876 
}
3877 
 
3878 
.cc-head h5 {
3879 
    float: left;
3880 
    color: #000000;
3881 
    font-size: 16px;
3882 
    font-weight: 600;
3883 
    margin-top: 4px;
3884 
}
3885 
 
3886 
.cc-head h5 i {
3887 
    color: #b2b2b2;
3888 
    font-size: 14px;
3889 
}
3890 
 
3891 
.cc-head ul {
3892 
    float: right;
3893 
}
3894 
 
3895 
.cc-head ul li {
3896 
    display: inline-block;
3897 
}
3898 
 
3899 
.inpt-field {
3900 
    float: left;
3901 
    width: 100%;
3902 
    position: relative;
3903 
    margin-bottom: 20px;
3904 
}
3905 
 
3906 
.no-pdd {
3907 
    padding: 0;
3908 
}
3909 
 
3910 
.inpt-field.pd-moree input {
3911 
    padding-left: 40px !important;
3912 
}
3913 
 
3914 
.inpt-field i {
3915 
    color: #b2b2b2;
3916 
    font-size: 18px;
3917 
    position: absolute;
3918 
    top: 50%;
3919 
    left: 15px;
3920 
    transform: translateY(-50%);
3921 
}
3922 
 
3923 
/* ============== companies-info ============== */
3924 
 
5088 stevensc 3925 
.companies-info {
3858 stevensc 3926 
    display: flex;
3927 
    flex-direction: column;
5087 stevensc 3928 
    gap: 1rem;
3497 stevensc 3929 
}
3930 
 
5088 stevensc 3931 
.title {
3932 
    font-size: 1.1rem;
3933 
    font-weight: 600;
3934 
}
3935 
 
3497 stevensc 3936 
.company-title {
5087 stevensc 3937 
    display: flex;
3938 
    justify-content: space-between;
3939 
 
3940 
    h3 {
3941 
        color: $title-color;
3942 
        font-size: 20px;
3943 
        font-weight: 600;
3944 
    }
3497 stevensc 3945 
}
3946 
 
3947 
.default-link {
3948 
    color: #0860bf;
3949 
}
3950 
 
3951 
.default-link:hover {
3952 
    font-weight: bold;
3953 
    color: #0860bf;
3508 stevensc 3954 
    transition: all 0.5s;
3497 stevensc 3955 
}
3956 
 
3957 
.companies-list {
3958 
    width: 100%;
3959 
    display: grid;
3859 stevensc 3960 
    gap: 0.5rem;
3497 stevensc 3961 
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
3962 
    position: relative;
3963 
}
3964 
 
3965 
.companies-list .slick-list {
3966 
    max-height: 47vh;
3967 
}
3968 
 
3969 
.slick-prev:before,
3970 
.slick-next:before {
3971 
    color: #000 !important;
3972 
}
3973 
 
3974 
.company_profile_info {
3975 
    /* float: left; */
3976 
    width: 100%;
3977 
    background-color: #fff;
3978 
    text-align: center;
3979 
    border-left: 1px solid #e4e4e4;
3980 
    border-right: 1px solid #e4e4e4;
3981 
    border-bottom: 1px solid #e4e4e4;
3982 
    margin-bottom: 30px;
3983 
}
3984 
 
3985 
.marketplace_card {
3986 
    width: 100%;
3572 stevensc 3987 
    background-color: $bg-color;
3497 stevensc 3988 
    text-align: center;
4637 stevensc 3989 
    padding: 1rem;
3990 
    border-radius: $border-radius;
3497 stevensc 3991 
}
3992 
 
3993 
.company-up-info {
3994 
    /* float: left; */
3995 
    width: 100%;
3996 
    padding: 20px 0;
3997 
    border-bottom: 1px solid #e5e5e5;
3998 
}
3999 
 
4000 
.company-up-info .description {
4001 
    margin-bottom: 10px;
4002 
}
4003 
 
4004 
.company-up-info img {
4005 
    float: none;
4006 
    margin-bottom: 10px;
4007 
    -webkit-border-radius: 100px;
4008 
    -moz-border-radius: 100px;
4009 
    -ms-border-radius: 100px;
4010 
    -o-border-radius: 100px;
4011 
    border-radius: 100px;
4012 
    height: 90px;
4013 
    object-fit: cover;
4014 
}
4015 
 
4016 
.company-up-info h3 {
4017 
    color: #000000;
4018 
    font-size: 18px;
4019 
    font-weight: 600;
4020 
    margin-bottom: 10px;
4021 
}
4022 
 
4023 
.company-up-info h4 {
4024 
    color: #686868;
4025 
    font-size: 14px;
4026 
    font-weight: 500;
4027 
    margin-bottom: 21px;
4028 
}
4029 
 
4030 
.company-up-info h6 {
4031 
    color: #686868;
4032 
    font-size: 15px;
4033 
    font-weight: 500;
4034 
    margin-bottom: 10px;
4035 
}
4036 
 
4037 
.company-up-info ul {
4038 
    /* float: left; */
4039 
    width: 100%;
4040 
}
4041 
 
4042 
.company-up-info ul li {
4043 
    display: inline-block;
4044 
    margin-right: 6px;
4045 
}
4046 
 
4047 
.company-up-info ul li a i {
4048 
    font-size: 24px;
4049 
    position: relative;
4050 
    top: 3px;
4051 
}
4052 
 
4053 
.follow {
4054 
    background-color: #53d690;
4055 
}
4056 
 
4057 
.message-us {
4058 
    background-color: #e44d3a;
4059 
}
4060 
 
4061 
.hire-us {
4062 
    background-color: #51a5fb;
4063 
}
4064 
 
4065 
.company_profile_info .cancelButton {
4066 
    display: inline-block;
4067 
    color: #000000;
4068 
    font-size: 16px;
4069 
    font-weight: 500;
4070 
    margin: 18px 0;
4071 
}
4072 
 
4073 
/* ============= search-sec ============= */
4074 
 
4075 
.list-col {
4076 
    display: flex;
4077 
    gap: 20px;
4078 
    flex-direction: column;
4079 
}
4080 
 
4081 
.search-sec {
4082 
    width: 100%;
3865 stevensc 4083 
    margin-top: 15px;
3497 stevensc 4084 
}
4085 
 
4086 
.search-box {
4087 
    width: 100%;
4088 
    position: relative;
4089 
 
5085 stevensc 4090 
    input,
4091 
    input:focus {
4092 
        background: $bg-color;
4093 
        color: $font-color;
4094 
        width: 100%;
4095 
        height: 40px;
4096 
        padding: 0 15px;
4097 
        background: var(--background-light-gray);
4098 
        color: var(--gray);
4099 
        font-size: 14px;
4100 
        border: solid 1px $border-primary;
4101 
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4102 
    }
3519 stevensc 4103 
 
5085 stevensc 4104 
    button {
4105 
        position: absolute;
4106 
        top: 0;
4107 
        right: 0;
4108 
        border: solid 1px $border-primary;
4109 
        color: var(--gray);
4110 
        font-size: 16px;
4111 
        font-weight: 500;
4112 
        height: 100%;
4113 
        padding: 0 28px;
4114 
        cursor: pointer;
4115 
        border-radius: 0 4px 4px 0;
4116 
    }
3497 stevensc 4117 
}
4118 
 
4119 
 
4120 
/* =============== filter-secs ============== */
4121 
 
4122 
.filter-secs {
4123 
    float: left;
4124 
    width: 100%;
4125 
    /* background-color: #fff; */
4126 
    box-shadow: 0px 2px #e4e4e4;
4127 
    border: 1px solid #e5e5e5;
4128 
}
4129 
 
4130 
.filter-heading {
4131 
    float: left;
4132 
    width: 100%;
4133 
    padding: 15px 20px;
4134 
    border-bottom: 1px solid #e5e5e5;
4135 
    margin-bottom: 15px;
4136 
}
4137 
 
4138 
.filter-heading h3 {
4139 
    float: left;
4140 
    color: #e44d3a;
4141 
    font-size: 18px;
4142 
    font-weight: 600;
4143 
}
4144 
 
4145 
.filter-heading a {
4146 
    float: right;
4147 
    color: #686868;
4148 
    font-size: 14px;
4149 
    margin-top: 4px;
4150 
}
4151 
 
4152 
.filter-ttl {
4153 
    float: left;
4154 
    width: 100%;
4155 
    border-bottom: 1px solid #e5e5e5;
4156 
    padding: 0 0 16px 0;
4157 
    margin-bottom: 10px;
4158 
}
4159 
 
4160 
.filter--tt2 {
4161 
    margin-bottom: 0px !important;
4162 
}
4163 
 
4164 
.top--1 {
4165 
    margin-top: 20px;
4166 
}
4167 
 
4168 
.filter--tt2 .dropdown .dropdown-menu a {
4169 
    float: none;
4170 
    color: #666666 !important;
4171 
    margin-bottom: 12px !important;
4172 
}
4173 
 
4174 
.filter--tt2 .dropdown .dropdown-menu a:hover {
4175 
    color: #e44d3a !important;
4176 
    background: none !important;
4177 
}
4178 
 
4179 
.filter--tt2 .dropdown .dropdown-menu a:focus {
4180 
    color: #e44d3a !important;
4181 
    background: none !important;
4182 
}
4183 
 
4184 
.filter--tt2 a {
4185 
    float: left !important;
4186 
    padding: 0 0 0 15px !important;
4187 
    font-size: 16px !important;
4188 
    color: #000000 !important;
4189 
    font-weight: 500 !important;
4190 
}
4191 
 
4192 
.filter-ttl h3 {
4193 
    float: left;
4194 
    padding: 0;
4195 
    font-size: 16px;
4196 
    color: #000000;
4197 
    font-weight: 400;
4198 
}
4199 
 
4200 
.filter-ttl a {
4201 
    float: right;
4202 
    font-size: 14px;
4203 
    color: #666666;
4204 
}
4205 
 
4206 
.filter-ttl .dropdown a {
4207 
    float: none;
4208 
    color: #666666;
4209 
}
4210 
 
4211 
.filter-dd {
4212 
    float: left;
4213 
    width: 100%;
4214 
    margin-bottom: 15px;
4215 
}
4216 
 
4217 
.filter-dd form {
4218 
    float: left;
4219 
    width: 100%;
4220 
    position: relative;
4221 
}
4222 
 
4223 
.filter-dd form input,
4224 
.filter-dd form select {
4225 
    width: 100%;
4226 
    height: 30px;
4227 
    background-color: #f2f2f2;
4228 
    padding: 0 10px;
4229 
    color: #b2b2b2;
4230 
    font-size: 12px;
4231 
    font-weight: 600;
4232 
    border: 0;
4233 
    border: 1px solid #e5e5e5;
4234 
}
4235 
 
4236 
.job-tp i {
4237 
    color: #666666;
4238 
    position: absolute;
4239 
    top: 9px;
4240 
    right: 15px;
4241 
    font-size: 14px;
4242 
}
4243 
 
4244 
.avail-checks {
4245 
    float: left;
4246 
    width: 100%;
4247 
    margin-top: 7px;
4248 
}
4249 
 
4250 
.avail-checks li {
4251 
    float: left;
4252 
    width: 100%;
4253 
    margin-bottom: 10px;
4254 
}
4255 
 
4256 
.avail-checks li:last-child {
4257 
    margin-bottom: 0;
4258 
}
4259 
 
4260 
.avail-checks li input[type="radio"] {
4261 
    display: none;
4262 
}
4263 
 
4264 
.avail-checks li label {
4265 
    float: left;
4266 
}
4267 
 
5072 stevensc 4268 
.avail-checks li input[type="radio"]+label span {
3497 stevensc 4269 
    display: inline-block;
4270 
    width: 15px;
4271 
    height: 15px;
4272 
    position: relative;
4273 
    margin-top: 3px;
4274 
    border: 1px solid #d2d2d2;
4275 
    -webkit-border-radius: 100px;
4276 
    -moz-border-radius: 100px;
4277 
    -ms-border-radius: 100px;
4278 
    -o-border-radius: 100px;
4279 
    border-radius: 100px;
4280 
}
4281 
 
5072 stevensc 4282 
.avail-checks li input[type="radio"]+label span:before {
3497 stevensc 4283 
    content: "";
4284 
    opacity: 0;
4285 
    visibility: hidden;
4286 
    position: absolute;
4287 
    width: 7px;
4288 
    height: 7px;
4289 
    -webkit-border-radius: 100px;
4290 
    -moz-border-radius: 100px;
4291 
    -ms-border-radius: 100px;
4292 
    -o-border-radius: 100px;
4293 
    border-radius: 100px;
4294 
    background-color: #e44d3a;
4295 
    top: 3px;
4296 
    left: 3px;
4297 
}
4298 
 
5072 stevensc 4299 
.avail-checks li input[type="radio"]:checked+label span:before {
3497 stevensc 4300 
    opacity: 1;
4301 
    visibility: visible;
4302 
}
4303 
 
4304 
.avail-checks li small {
4305 
    color: #909090;
4306 
    font-size: 14px;
4307 
    padding-left: 10px;
4308 
    font-weight: 500;
4309 
}
4310 
 
4311 
/* =========== Range Slider ========== */
4312 
 
4313 
.rg-slider {
4314 
    float: left;
4315 
    width: 100%;
4316 
}
4317 
 
4318 
.slider-container {
4319 
    width: 100% !important;
4320 
    padding-top: 50px;
4321 
    position: relative;
4322 
}
4323 
 
4324 
.theme-green .back-bar {
4325 
    height: 5px;
4326 
    border: 1px solid #e5e5e5;
4327 
    -webkit-border-radius: 30px;
4328 
    -moz-border-radius: 30px;
4329 
    -ms-border-radius: 30px;
4330 
    -o-border-radius: 30px;
4331 
    border-radius: 30px;
4332 
}
4333 
 
4334 
.theme-green .back-bar .pointer {
4335 
    width: 17px;
4336 
    height: 17px;
4337 
    -webkit-border-radius: 100px;
4338 
    -moz-border-radius: 100px;
4339 
    -ms-border-radius: 100px;
4340 
    -o-border-radius: 100px;
4341 
    border-radius: 100px;
4342 
    background-color: #e44d3a;
4343 
    border: 2px solid #e3e3e3;
4344 
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4345 
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4346 
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4347 
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4348 
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4349 
}
4350 
 
4351 
.theme-green .back-bar .pointer {
4352 
    top: -7px;
4353 
}
4354 
 
4355 
.slider-container .back-bar .pointer-label {
4356 
    top: -50px;
4357 
    height: 26px;
4358 
    background-color: #e5e5e5;
4359 
    -webkit-border-radius: 30px;
4360 
    -moz-border-radius: 30px;
4361 
    -ms-border-radius: 30px;
4362 
    -o-border-radius: 30px;
4363 
    border-radius: 30px;
4364 
    line-height: 26px;
4365 
    width: 50px;
4366 
}
4367 
 
4368 
.pointer-label.low {
4369 
    left: 0 !important;
4370 
}
4371 
 
4372 
.pointer-label.high {
4373 
    left: 70px !important;
4374 
}
4375 
 
4376 
.pointer-label.low:before {
4377 
    content: "";
4378 
    position: absolute;
4379 
    top: 13px;
4380 
    right: -14px;
4381 
    width: 8px;
4382 
    height: 1px;
4383 
    background-color: #e5e5e5;
4384 
}
4385 
 
4386 
.rg-limit {
4387 
    float: left;
4388 
    width: 100%;
4389 
    margin-top: 16px;
4390 
}
4391 
 
4392 
.rg-limit h4 {
4393 
    color: #686868;
4394 
    font-size: 15px;
4395 
    font-weight: 600;
4396 
    float: left;
4397 
}
4398 
 
4399 
.rg-limit h4:last-child {
4400 
    float: right;
4401 
}
4402 
 
4403 
/* ============== chatbox-list ============== */
4404 
 
4405 
.chatbox-list {
4406 
    position: fixed;
4407 
    bottom: 0;
4408 
    right: 0;
4409 
}
4410 
 
4411 
.ext_share {
4412 
    display: flex;
4413 
    position: absolute;
4414 
    align-items: center;
4415 
    padding: 5px 1rem;
3508 stevensc 4416 
    bottom: calc(100% + 0.5rem);
4417 
    gap: 0.5rem;
3497 stevensc 4418 
    left: 50%;
4419 
    width: 16.5rem;
4420 
    flex-wrap: wrap;
4421 
    overflow-x: scroll;
4071 stevensc 4422 
    transform: translateX(-90%);
3497 stevensc 4423 
    border-radius: 20px;
4424 
    background-color: #fff;
4425 
    box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 12%), 0px -4px 4px -2px rgb(0 0 0 / 12%);
5072 stevensc 4426 
 
4071 stevensc 4427 
    &.post {
4428 
        transform: none;
4429 
        bottom: 100%;
4430 
        right: 1.5rem;
4431 
        z-index: 200;
4432 
    }
5072 stevensc 4433 
 
4074 stevensc 4434 
    @media (min-width: 768px) {
4435 
        transform: translateX(-43%);
4436 
    }
3497 stevensc 4437 
}
4438 
 
4439 
.highlighted {
4440 
    backdrop-filter: blur(35px);
4441 
    animation: droping 1s ease infinite;
4442 
}
4443 
 
4444 
@keyframes droping {
4445 
    0% {
4446 
        box-shadow: 0 0 5px #96bde9;
4447 
    }
4448 
 
4449 
    50% {
4450 
        box-shadow: 0 0 12px #96bde9;
4451 
    }
4452 
 
4453 
    100% {
4454 
        box-shadow: 0 0 5px #96bde9;
4455 
    }
4456 
}
4457 
 
4458 
.chatbox {
4459 
    display: inline-block;
4460 
    position: relative;
4461 
    z-index: 10;
4462 
}
4463 
 
4464 
.chat-mg {
4465 
    display: inline-block;
4466 
    position: relative;
4467 
}
4468 
 
4469 
.chat-mg img {
4470 
    width: 70px;
4471 
    height: 70px;
4472 
    -webkit-border-radius: 100px;
4473 
    -moz-border-radius: 100px;
4474 
    -ms-border-radius: 100px;
4475 
    -o-border-radius: 100px;
4476 
    border-radius: 100px;
4477 
}
4478 
 
4479 
.chat-mg span {
4480 
    position: absolute;
4481 
    top: -5px;
4482 
    right: 10px;
4483 
    width: 20px;
4484 
    height: 20px;
4485 
    background-color: #e44d3a;
4486 
    text-align: center;
4487 
    font-size: 12px;
4488 
    color: #fff;
4489 
    line-height: 20px;
4490 
    -webkit-border-radius: 100px;
4491 
    -moz-border-radius: 100px;
4492 
    -ms-border-radius: 100px;
4493 
    -o-border-radius: 100px;
4494 
    border-radius: 100px;
4495 
}
4496 
 
4497 
.chat-mg.bx img {
4498 
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4499 
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4500 
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4501 
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4502 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4503 
}
4504 
 
4505 
.conversation-box {
4506 
    position: absolute;
4507 
    bottom: 132%;
4508 
    right: 100%;
4509 
    width: 350px;
4510 
    background-color: #fff;
4511 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4512 
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4513 
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4514 
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4515 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4516 
    opacity: 0;
4517 
    visibility: hidden;
4518 
    z-index: 0;
4519 
}
4520 
 
4521 
.conversation-box.active {
4522 
    opacity: 1;
4523 
    visibility: visible;
4524 
    z-index: 9999;
4525 
}
4526 
 
4527 
.conversation-box:before {
4528 
    content: "";
4529 
    position: absolute;
4530 
    bottom: -7px;
4531 
    right: 26px;
4532 
    border-top: 15px solid #fff;
4533 
    border-right: 15px solid transparent;
4534 
    -webkit-transform: rotate(225deg);
4535 
    -moz-transform: rotate(225deg);
4536 
    -ms-transform: rotate(225deg);
4537 
    -o-transform: rotate(225deg);
4538 
    transform: rotate(225deg);
4539 
}
4540 
 
4541 
.con-title {
4542 
    float: left;
4543 
    width: 100%;
4544 
    background-color: #e44d3a;
4545 
    padding: 15px 25px;
4546 
    -webkit-border-radius: 10px 10px 0 0;
4547 
    -moz-border-radius: 10px 10px 0 0;
4548 
    -ms-border-radius: 10px 10px 0 0;
4549 
    -o-border-radius: 10px 10px 0 0;
4550 
    border-radius: 10px 10px 0 0;
4551 
}
4552 
 
4553 
.con-title h3 {
4554 
    float: left;
4555 
    color: #ffffff;
4556 
    font-size: 16px;
4557 
    font-weight: 600;
4558 
}
4559 
 
5072 stevensc 4560 
.con-title>a {
3497 stevensc 4561 
    float: right;
4562 
    color: #fff;
4563 
    font-size: 20px;
4564 
}
4565 
 
4566 
.chat-list {
4567 
    float: left;
4568 
    width: 100%;
4569 
    min-height: 390px;
4570 
}
4571 
 
4572 
.conv-list {
4573 
    float: left;
4574 
    width: 100%;
4575 
    display: table;
4576 
    padding: 20px 25px;
4577 
    position: relative;
4578 
}
4579 
 
4580 
.conv-list:hover,
4581 
.conv-list.active {
4582 
    background-color: #efefef;
4583 
}
4584 
 
4585 
.msg-numbers {
4586 
    position: absolute;
4587 
    bottom: 18px;
4588 
    right: 25px;
4589 
    width: 25px;
4590 
    height: 25px;
4591 
    background-color: #e77667;
4592 
    text-align: center;
4593 
    line-height: 25px;
4594 
    color: #fff;
4595 
    font-size: 13px;
4596 
    -webkit-border-radius: 100px;
4597 
    -moz-border-radius: 100px;
4598 
    -ms-border-radius: 100px;
4599 
    -o-border-radius: 100px;
4600 
    border-radius: 100px;
4601 
}
4602 
 
4603 
.usrr-pic {
4604 
    display: table-cell;
4605 
    position: relative;
4606 
}
4607 
 
4608 
.active-status {
4609 
    width: 9px;
4610 
    height: 9px;
4611 
    border: 2px solid #ecf5fb;
4612 
    -webkit-border-radius: 100px;
4613 
    -moz-border-radius: 100px;
4614 
    -ms-border-radius: 100px;
4615 
    -o-border-radius: 100px;
4616 
    border-radius: 100px;
4617 
    position: absolute;
4618 
    top: -3px;
4619 
    right: 0;
4620 
}
4621 
 
4622 
.activee {
4623 
    background-color: #e44d3a;
4624 
}
4625 
 
4626 
.usy-info {
4627 
    display: table-cell;
4628 
    vertical-align: top;
4629 
    width: 100%;
4630 
    padding-left: 15px;
4631 
}
4632 
 
4633 
.usy-info h3 {
4634 
    color: #000000;
4635 
    font-size: 18px;
4636 
    font-weight: 600;
4637 
    margin-bottom: 5px;
4638 
}
4639 
 
4640 
.usy-info span {
4641 
    color: #686868;
4642 
    font-size: 16px;
4643 
    float: left;
4644 
}
4645 
 
4646 
.usy-info span img {
4647 
    padding-left: 5px;
4648 
    float: right;
4649 
}
4650 
 
4651 
.ct-time {
4652 
    position: absolute;
4653 
    top: 20px;
4654 
    right: 25px;
4655 
}
4656 
 
4657 
.ct-time span {
4658 
    color: #b2b2b2;
4659 
    font-size: 14px;
4660 
}
4661 
 
4662 
.st-icons {
4663 
    float: right;
4664 
    margin-top: 7px;
4665 
}
4666 
 
4667 
.st-icons a {
4668 
    color: #fff;
4669 
    font-size: 20px;
4670 
    margin-right: 5px;
4671 
}
4672 
 
4673 
.chat-hist {
4674 
    float: left;
4675 
    width: 100%;
4676 
    background-color: #fff;
4677 
    height: 280px;
4678 
}
4679 
 
4680 
.chat-msg {
4681 
    float: left;
4682 
    width: 100%;
4683 
    padding-right: 25px;
4684 
    margin-bottom: 15px;
4685 
}
4686 
 
4687 
.chat-msg p {
4688 
    color: #ffffff;
4689 
    font-size: 14px;
4690 
    background-color: #e44d3a;
4691 
    line-height: 18px;
4692 
    -webkit-border-radius: 15px;
4693 
    -moz-border-radius: 15px;
4694 
    -ms-border-radius: 15px;
4695 
    -o-border-radius: 15px;
4696 
    border-radius: 15px;
4697 
    padding: 10px 15px;
4698 
    width: 80%;
4699 
    float: right;
4700 
    margin-bottom: 10px;
4701 
}
4702 
 
4703 
.mg-3 {
4704 
    margin-bottom: 3px;
4705 
}
4706 
 
4707 
.chat-msg span {
4708 
    float: right;
4709 
    color: #b1b1b1;
4710 
    width: 100%;
4711 
    font-size: 9px;
4712 
    text-align: right;
4713 
}
4714 
 
4715 
.status-info {
4716 
    width: 8px;
4717 
    height: 8px;
4718 
    background-color: #fff;
4719 
    -webkit-border-radius: 100px;
4720 
    -moz-border-radius: 100px;
4721 
    -ms-border-radius: 100px;
4722 
    -o-border-radius: 100px;
4723 
    border-radius: 100px;
4724 
    display: inline-block;
4725 
    margin-left: 7px;
4726 
}
4727 
 
4728 
.chat-user-info h3 {
4729 
    margin-top: 7px;
4730 
    margin-left: 10px;
4731 
}
4732 
 
4733 
.date-nd {
4734 
    float: left;
4735 
    width: 100%;
4736 
    text-align: center;
4737 
    margin-bottom: 20px;
4738 
    position: relative;
4739 
}
4740 
 
4741 
.date-nd:before,
4742 
.date-nd:after {
4743 
    content: "";
4744 
    position: absolute;
4745 
    top: 10px;
4746 
    left: 15px;
4747 
    width: 92px;
4748 
    height: 1px;
4749 
    background-color: #e5e5e5;
4750 
}
4751 
 
4752 
.date-nd:after {
4753 
    left: auto;
4754 
    right: 15px;
4755 
}
4756 
 
4757 
.date-nd span {
4758 
    color: #b1b1b1;
4759 
    font-size: 12px;
4760 
    text-align: center;
4761 
}
4762 
 
4763 
.chat-msg.st2 p {
4764 
    background-color: #efefef;
4765 
    color: #686868;
4766 
    float: left;
4767 
    width: 55%;
4768 
}
4769 
 
4770 
.chat-msg.st2 {
4771 
    padding-left: 25px;
4772 
}
4773 
 
4774 
.chat-msg.st2 span {
4775 
    float: left;
4776 
    text-align: left;
4777 
}
4778 
 
4779 
/* =========== typing-msg =========== */
4780 
 
4781 
.typing-msg {
4782 
    float: left;
4783 
    width: 100%;
4784 
    border-top: 1px solid #e6e6e6;
4785 
    padding-top: 15px;
4786 
}
4787 
 
4788 
.typing-msg form {
4789 
    float: left;
4790 
    width: 100%;
4791 
    position: relative;
4792 
}
4793 
 
4794 
.typing-msg form textarea {
4795 
    width: 100%;
4796 
    height: 30px;
4797 
    background-color: #fff;
4798 
    padding: 0 20px;
4799 
    color: #b2b2b2;
4800 
    font-size: 16px;
4801 
    border: 0;
4802 
    resize: none;
4803 
}
4804 
 
4805 
.typing-msg form button {
4806 
    color: #e44d3a;
4807 
    font-size: 18px;
4808 
    font-weight: 600;
4809 
    position: absolute;
4810 
    top: 2px;
4811 
    right: 20px;
4812 
    background: none;
4813 
    border: 0;
4814 
    cursor: pointer;
4815 
}
4816 
 
4817 
.ft-options {
4818 
    float: left;
4819 
    width: 100%;
4820 
    padding: 0 20px 8px 20px;
4821 
}
4822 
 
4823 
.ft-options li {
4824 
    display: inline-block;
4825 
    margin-right: 15px;
4826 
}
4827 
 
4828 
.ft-options li a {
4829 
    color: #b2b2b2;
4830 
    font-size: 24px;
4831 
    display: inline-block;
4832 
}
4833 
 
4834 
.mCSB_scrollTools {
4835 
    right: -5px;
4836 
}
4837 
 
4838 
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4839 
    background-color: #cccccc;
4840 
    width: 5px;
4841 
}
4842 
 
4843 
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4844 
    opacity: 0;
4845 
}
4846 
 
4847 
/* ============ Menu Btn =============*/
4848 
 
4849 
.menu-btn {
4850 
    float: right;
4851 
    display: none;
4852 
}
4853 
 
4854 
.menu-btn a {
4855 
    font-size: 24px;
4856 
    color: #fff;
4857 
    display: inline-block;
4858 
    padding-top: 16px;
4859 
    padding-left: 20px;
4860 
}
4861 
 
4862 
/* ============= account-tabs-setting ============ */
4863 
 
4864 
/* .profile-account-setting {} */
4865 
 
4866 
.account-tabs-setting {
4867 
    width: 100%;
4868 
}
4869 
 
4870 
.account-tabs-setting h1 {
4871 
    font-size: 1rem;
4872 
    font-weight: 700;
4873 
    margin: 2rem auto;
4874 
    text-align: center;
3587 stevensc 4875 
    color: $title-color;
3497 stevensc 4876 
}
4877 
 
4878 
.acc-leftbar {
4879 
    width: 100%;
3585 stevensc 4880 
    background-color: $bg-color;
4881 
    border: 1px solid $border-primary;
3497 stevensc 4882 
    border-radius: 10px;
4883 
    overflow: hidden;
4884 
}
4885 
 
5072 stevensc 4886 
.acc-leftbar .nav-tabs>a {
3585 stevensc 4887 
    border-bottom: 1px solid $border-primary;
4888 
    color: $subtitle-color;
3497 stevensc 4889 
    font-size: 16px;
4890 
    font-weight: 700;
4891 
    margin: 0 auto;
4892 
    padding: 1rem 0;
4893 
    width: 90%;
4894 
}
4895 
 
4896 
.nav-tabs {
4897 
    border-bottom: 0;
4898 
}
4899 
 
5072 stevensc 4900 
.acc-leftbar .nav-tabs>a:last-child {
3497 stevensc 4901 
    border-bottom: 0;
4902 
}
4903 
 
5072 stevensc 4904 
.acc-leftbar .nav-tabs>a i {
3497 stevensc 4905 
    font-size: 1.5rem;
4906 
    position: relative;
4907 
    width: 50px;
4908 
    height: 50px;
4909 
    display: inline-flex;
4910 
    align-items: center;
3585 stevensc 4911 
    background-color: $bg-color-secondary;
3497 stevensc 4912 
    border-radius: 100px;
4913 
    justify-content: center;
4914 
    margin-right: 5px;
4915 
}
4916 
 
4917 
.nav-tabs .nav-item.show .nav-link,
4918 
.nav-tabs .nav-link.active {
4919 
    background-color: inherit;
4920 
    color: #e44d3a;
4921 
    border-color: inherit;
4922 
}
4923 
 
4924 
/* ============= acc-setting ============ */
4925 
 
4926 
.settings-container {
4927 
    font-weight: normal;
4928 
}
4929 
 
4930 
.settings-container h2 {
4614 stevensc 4931 
    font-size: 18px;
4546 stevensc 4932 
    font-weight: 600;
3508 stevensc 4933 
    margin: 0.5rem auto;
3588 stevensc 4934 
    color: $subtitle-color;
3497 stevensc 4935 
}
4936 
 
4937 
.acc-setting_content {
4938 
    padding: 2rem 1rem;
4939 
    width: 100%;
4940 
    overflow: hidden;
4941 
    border-radius: 10px;
3585 stevensc 4942 
    background-color: $bg-color;
4943 
    border: 1px solid $border-primary;
3497 stevensc 4944 
    box-shadow: 1px 0 4px var(--background-gray);
4945 
}
4946 
 
4359 stevensc 4947 
.acc-setting {
4948 
    display: flex;
4949 
    flex-direction: column;
4950 
    gap: 1rem;
4951 
    border-radius: $border-radius;
4952 
    border: 1px solid $border-primary;
4953 
    padding: 1rem;
4613 stevensc 4954 
    background-color: #fff;
5072 stevensc 4955 
 
4359 stevensc 4956 
    form {
4363 stevensc 4957 
        align-items: flex-start;
4359 stevensc 4958 
        display: flex;
4959 
        flex-direction: column;
4960 
        gap: 0.5rem;
4961 
    }
5072 stevensc 4962 
 
4963 
    &>h3 {
4359 stevensc 4964 
        color: $subtitle-color;
4965 
        font-weight: 600;
4966 
        font-size: 18px;
4967 
    }
5072 stevensc 4968 
 
4362 stevensc 4969 
    .notbat {
4359 stevensc 4970 
        display: flex;
4971 
        justify-content: space-between;
4363 stevensc 4972 
        border-top: 1px solid $border-primary;
4359 stevensc 4973 
        padding: 0.5rem 1rem;
4363 stevensc 4974 
        width: 100%;
5072 stevensc 4975 
 
4976 
        &>span {
4546 stevensc 4977 
            max-width: 70%;
4978 
        }
4359 stevensc 4979 
    }
5072 stevensc 4980 
 
4405 stevensc 4981 
    .inputs__container {
4982 
        display: flex;
4983 
        width: 100%;
4984 
        gap: 1rem;
4985 
        align-items: center;
4614 stevensc 4986 
        flex-wrap: wrap;
4405 stevensc 4987 
    }
5072 stevensc 4988 
 
4418 stevensc 4989 
    .cp-field {
4614 stevensc 4990 
        width: 100%;
4413 stevensc 4991 
        display: flex;
4992 
        flex-direction: column;
4418 stevensc 4993 
        gap: 0.5rem;
4413 stevensc 4994 
        align-items: flex-start;
4995 
    }
5072 stevensc 4996 
 
4614 stevensc 4997 
    @media (min-width: 768px) {
4998 
        .cp-field {
4999 
            flex: 1;
5000 
        }
5001 
    }
3497 stevensc 5002 
}
5003 
 
5004 
.toggle-btn {
5005 
    position: absolute;
5006 
    top: 35px;
5007 
    right: 20px;
5008 
}
5009 
 
5010 
/* =============== Password Update ============ */
5011 
 
4371 stevensc 5012 
.cp-field {
5013 
    h5 {
5014 
        color: $title-color;
5015 
        font-size: 16px;
5016 
        font-weight: 600;
3497 stevensc 5017 
    }
5072 stevensc 5018 
 
4371 stevensc 5019 
    input,
5020 
    select,
5021 
    .custom-input {
5022 
        height: 40px;
5023 
        padding: 0 40px;
3497 stevensc 5024 
    }
5072 stevensc 5025 
 
4371 stevensc 5026 
    input,
5027 
    textarea,
5028 
    select,
5029 
    .custom-input {
5030 
        width: 100% !important;
5031 
        background-color: $bg-color !important;
5032 
        color: $font-color !important;
5033 
        box-shadow: 0 0 2px $border-primary !important;
5034 
        border-radius: 10px !important;
5035 
        border: none !important;
5036 
        margin-top: 4px;
5037 
    }
5072 stevensc 5038 
 
4371 stevensc 5039 
    textarea {
5040 
        padding: 20px;
5041 
        height: 115px;
5042 
    }
3497 stevensc 5043 
}
5044 
 
5045 
.cpp-fiel {
5046 
    width: 100%;
5047 
    position: relative;
5048 
}
5049 
 
5050 
.cpp-fiel i {
5051 
    position: absolute;
5052 
    top: 12px;
5053 
    left: 15px;
5054 
    color: #b2b2b2;
5055 
    font-size: 16px;
5056 
}
5057 
 
5058 
/* =============== notifications-list ============= */
5059 
 
5060 
.notfication-details {
5061 
    float: left;
5062 
    width: 100%;
5063 
    padding: 20px;
5064 
    border-bottom: 1px solid #e5e5e5;
5065 
}
5066 
 
5067 
.notfication-details:last-child {
5068 
    border-bottom: 0;
5069 
}
5070 
 
5071 
.noty-user-img {
5072 
    float: left;
5073 
    width: 35px;
5074 
}
5075 
 
5076 
.noty-user-img img {
5077 
    width: 100%;
5078 
}
5079 
 
5080 
.notification-info {
5081 
    float: left;
5082 
    width: auto;
5083 
    padding-left: 10px;
5084 
}
5085 
 
5086 
.notification-info h3 {
5087 
    color: #686868;
5088 
    font-size: 14px;
5089 
    font-weight: 500;
5090 
    border: 0;
5091 
    padding: 0;
5092 
    margin-bottom: 6px;
5093 
}
5094 
 
5095 
.notification-info h3 a {
5096 
    color: #000000;
5097 
    font-size: 16px;
5098 
    font-weight: 600;
5099 
    display: inline-block;
5100 
}
5101 
 
5072 stevensc 5102 
.notification-info>span {
3497 stevensc 5103 
    display: inline-block;
5104 
    color: #b2b2b2;
5105 
    font-size: 12px;
5106 
    font-weight: 600;
5107 
}
5108 
 
5109 
/* ============== requests-list ============== */
5110 
 
5111 
.requests-list {
5112 
    float: left;
5113 
    width: 100%;
5114 
    padding-bottom: 0;
5115 
}
5116 
 
5117 
.request-details {
5118 
    float: left;
5119 
    width: 100%;
5120 
    padding: 20px;
5121 
    border-bottom: 1px solid #e5e5e5;
5122 
}
5123 
 
5124 
.request-details:last-child {
5125 
    border-bottom: 0;
5126 
}
5127 
 
5128 
.request-info {
5129 
    float: left;
5130 
    padding-left: 10px;
5131 
}
5132 
 
5133 
.request-info h3 {
5134 
    color: #000000;
5135 
    font-size: 14px;
5136 
    font-weight: 600;
5137 
    padding: 0;
5138 
    border: 0;
5139 
    margin-bottom: 3px;
5140 
}
5141 
 
5142 
.request-info span {
5143 
    color: #686868;
5144 
    font-size: 12px;
5145 
    display: inline-block;
5146 
}
5147 
 
5148 
.accept-feat {
5149 
    float: right;
5150 
}
5151 
 
5152 
.accept-feat ul li {
5153 
    display: inline-block;
5154 
}
5155 
 
5156 
.accept-feat ul li button {
5157 
    cursor: pointer;
5158 
}
5159 
 
5160 
.accept-req {
5161 
    color: #ffffff;
5162 
    font-size: 16px;
5163 
    background-color: #51a5fb;
5164 
    height: 30px;
5165 
    padding: 0 20px;
5166 
    font-weight: 600;
5167 
    border: 0;
5168 
    border: 1px solid #51a5fb;
5169 
}
5170 
 
5171 
.close-req {
5172 
    height: 30px;
5173 
    width: 30px;
5174 
    text-align: center;
5175 
    line-height: 30px;
5176 
    border: 1px solid #e5e5e5;
5177 
    background: inherit;
5178 
    color: #b2b2b2;
5179 
    margin-left: 7px;
5180 
}
5181 
 
5182 
.close-req i {
5183 
    font-weight: 600;
5184 
}
5185 
 
5186 
/* ============= Profile Sattus =========== */
5187 
 
5188 
.profile-bx-details {
5189 
    float: left;
5190 
    width: 100%;
5191 
    padding: 30px 7px 30px 7px;
5192 
}
5193 
 
5194 
.profile-bx-details .row .col-lg-3 {
5195 
    padding: 0 7px;
5196 
}
5197 
 
5198 
.profile-bx-info {
5199 
    float: left;
5200 
    width: 100%;
5201 
    background-color: #f2f2f2;
5202 
    padding: 20px;
5203 
    border: 1px solid #e5e5e5;
5204 
}
5205 
 
5206 
.pro-bx {
5207 
    float: left;
5208 
    width: 100%;
5209 
    border-bottom: 1px solid #e5e5e5;
5210 
    padding-bottom: 10px;
5211 
}
5212 
 
5213 
.bx-info {
5214 
    float: left;
5215 
    margin-top: 7px;
5216 
    padding-left: 10px;
5217 
}
5218 
 
5219 
.bx-info h3 {
5220 
    color: #e44d3a;
5221 
    font-size: 20px;
5222 
    font-weight: 600;
5223 
    margin-bottom: 5px;
5224 
}
5225 
 
5226 
.bx-info h5 {
5227 
    color: #000000;
5228 
    font-size: 14px;
5229 
    font-weight: 600;
5230 
    margin: 0;
5231 
    padding: 0;
5232 
    border: 0;
5233 
}
5234 
 
5235 
.pd-left-20 {
5236 
    padding-left: 20px;
5237 
    padding-right: 0;
5238 
}
5239 
 
5240 
.pd-left-15 {
5241 
    padding-left: 15px;
5242 
    padding-right: 0;
5243 
}
5244 
 
5245 
.pd-left-right {
5246 
    padding-left: 15px;
5247 
    padding-right: 20px;
5248 
}
5249 
 
5072 stevensc 5250 
.profile-bx-info>p {
3497 stevensc 5251 
    float: left;
5252 
    width: 100%;
5253 
    font-size: 14px;
5254 
    line-height: 20px;
5255 
    padding-top: 5px;
5256 
}
5257 
 
5258 
/* =========== pro-work-status ========= */
5259 
 
5260 
.pro-work-status {
5261 
    float: left;
5262 
    width: 100%;
5263 
    padding: 0 15px;
5264 
}
5265 
 
5266 
.pro-work-status h4 {
5267 
    color: #000000;
5268 
    font-size: 18px;
5269 
    font-weight: 600;
5270 
    margin-bottom: 50px;
5271 
}
5272 
 
5273 
/* ============== messages-page ============== */
5274 
 
5275 
.messages-page {
5276 
    padding: 20px 0;
5277 
}
5278 
 
5279 
.messages-sec {
5280 
    width: 100%;
5281 
    border-radius: 10px;
5282 
    overflow: hidden;
5283 
    background-color: transparent;
5284 
}
5285 
 
5286 
.msgs-list {
5287 
    width: 100%;
5288 
}
5289 
 
5290 
.inmail_conversations-list {
5291 
    border-right: 1px solid #3333;
5292 
    padding-left: 0;
5293 
    padding-right: 0;
5294 
}
5295 
 
5296 
.active-tab {
3508 stevensc 5297 
    border-bottom: solid 2px #e4e4e4;
3497 stevensc 5298 
}
5299 
 
4329 stevensc 5300 
.msg-title {
3497 stevensc 5301 
    color: #000000;
5302 
    font-size: 18px;
5303 
    font-weight: 600;
5304 
}
5305 
 
5306 
.date-chat {
3508 stevensc 5307 
    font-size: 0.6rem;
3497 stevensc 5308 
    color: var(--gray);
5309 
    padding-top: 5%;
5310 
}
5311 
 
4328 stevensc 5312 
.messages-list {
5313 
    overflow-y: scroll;
5072 stevensc 5314 
 
4328 stevensc 5315 
    li {
5316 
        cursor: pointer;
5072 stevensc 5317 
 
4328 stevensc 5318 
        &.active {
5319 
            background-color: #efefef;
5320 
        }
5321 
    }
3497 stevensc 5322 
}
5323 
 
5324 
.text-chat-title {
5325 
    color: var(--gray) !important;
5326 
    font-size: 1rem;
5327 
}
5328 
 
5329 
.usr-msg-details {
4328 stevensc 5330 
    display: flex;
5331 
    align-items: center;
5332 
    gap: 0.5rem;
3508 stevensc 5333 
    padding: 0.5rem 1rem;
4328 stevensc 5334 
    border-radius: $border-radius;
5072 stevensc 5335 
 
3769 stevensc 5336 
    &:hover,
5337 
    &.is_selected {
5338 
        background: $light-gray;
5339 
    }
5072 stevensc 5340 
 
4328 stevensc 5341 
    .usr-ms-img {
5342 
        width: 40px;
4339 stevensc 5343 
        height: 40px;
5344 
        border-radius: 50%;
5345 
        overflow: hidden;
5072 stevensc 5346 
 
4339 stevensc 5347 
        img {
5348 
            object-fit: cover;
5349 
        }
4328 stevensc 5350 
    }
5072 stevensc 5351 
 
4339 stevensc 5352 
    .usr-mg-info {
5353 
        h3 {
5354 
            color: $subtitle-color;
5355 
            font-size: 18px;
5356 
            font-weight: 600;
5357 
        }
5072 stevensc 5358 
 
4339 stevensc 5359 
        p {
5360 
            color: $font-color;
5361 
            font-size: 16px;
5362 
        }
5363 
    }
3497 stevensc 5364 
}
5365 
 
5366 
.msg-status {
5367 
    border-radius: 100px;
5368 
    background-color: #e44d3a;
5369 
    position: absolute;
5370 
    top: -3px;
5371 
    right: 0;
5372 
    width: 6px;
5373 
    height: 6px;
5374 
}
5375 
 
5376 
.messages-list ul li.active .msg-status {
5377 
    border: 2px solid #ecf5fb;
5378 
    height: 10px;
5379 
    width: 10px;
5380 
}
5381 
 
5382 
.msg-notifc {
5383 
    position: absolute;
5384 
    /* bottom: 0;
5385 
    right: 0; */
5386 
    width: 25px;
5387 
    height: 25px;
5388 
    -webkit-border-radius: 100px;
5389 
    -moz-border-radius: 100px;
5390 
    -ms-border-radius: 100px;
5391 
    -o-border-radius: 100px;
5392 
    border-radius: 100px;
5393 
    background-color: #e77667;
5394 
    text-align: center;
5395 
    line-height: 25px;
5396 
    font-size: 13px;
5397 
    color: #fff;
5398 
}
5399 
 
5400 
.posted_time {
5401 
    position: absolute;
5402 
    top: 2px;
5403 
    right: 0;
5404 
    color: #b2b2b2;
5405 
    font-size: 14px;
5406 
}
5407 
 
5408 
/* =============== main-message-box ============= */
5409 
 
5410 
.main-conversation-box {
5411 
    width: 100%;
3570 stevensc 5412 
    background-color: $bg-color;
3497 stevensc 5413 
    position: relative;
5414 
    height: 80vh;
5415 
    display: grid;
5416 
    grid-template-rows: auto 65% auto;
5417 
}
5418 
 
5419 
.inmail-conversation-container {
5420 
    width: 100%;
3571 stevensc 5421 
    background-color: $bg-color;
3497 stevensc 5422 
    position: relative;
5423 
    height: 80vh;
3508 stevensc 5424 
    gap: 0.5rem;
3497 stevensc 5425 
    display: grid;
5426 
    grid-template-rows: 5% 80% 15%;
5427 
}
5428 
 
5429 
@media (min-width: 992px) {
5430 
    .inmail-conversation-container {
5431 
        grid-template-rows: 85% 15%;
5432 
    }
5433 
}
5434 
 
5435 
.inmail-conversation-box {
5436 
    width: 100%;
5437 
    position: relative;
5438 
    display: grid;
3709 stevensc 5439 
    grid-template-rows: auto 85%;
3497 stevensc 5440 
    overflow: hidden;
5441 
}
5442 
 
5443 
.message-bar-head {
5444 
    height: 13vh;
5445 
    width: 100%;
5446 
    padding: 20px;
3510 stevensc 5447 
    border-bottom: 1px solid $border-primary;
3497 stevensc 5448 
}
5449 
 
5450 
.message-bar-head .usr-msg-details {
5451 
    width: auto;
5452 
}
5453 
 
5072 stevensc 5454 
.message-bar-head>a {
3497 stevensc 5455 
    float: right;
5456 
    color: #b2b2b2;
5457 
    font-size: 20px;
5458 
    padding-top: 15px;
5459 
}
5460 
 
5461 
.main-message-box {
5462 
    display: flex;
5463 
    width: 100%;
5464 
    position: relative;
5465 
    margin-bottom: 15.5px;
5072 stevensc 5466 
 
3704 stevensc 5467 
    .message-inner-dt {
5468 
        width: 100%;
5072 stevensc 5469 
 
5470 
        &>img {
3704 stevensc 5471 
            display: inline-block;
5472 
            width: auto;
5473 
            max-height: 180px;
5474 
        }
5072 stevensc 5475 
 
5476 
        &>p {
3704 stevensc 5477 
            font-size: 14px;
5478 
        }
5479 
    }
5072 stevensc 5480 
 
3704 stevensc 5481 
    .message-dt {
3705 stevensc 5482 
        border-radius: $border-radius;
5483 
        border-top-left-radius: 0;
3704 stevensc 5484 
        width: auto;
5485 
        padding: 0.5rem;
5486 
        margin-left: 15px;
5487 
        background-color: $chat-send;
3705 stevensc 5488 
        color: $chat-color;
3786 stevensc 5489 
        box-shadow: $white-backdrop;
3704 stevensc 5490 
    }
5072 stevensc 5491 
 
3704 stevensc 5492 
    .messg-usr-img {
5493 
        margin-left: 20px;
5494 
        width: 50px;
5495 
    }
5072 stevensc 5496 
 
5497 
    .message-dt>span {
3704 stevensc 5498 
        color: #b2b2b2;
5499 
        font-size: 14px;
5500 
        float: left;
5501 
        width: 100%;
5502 
        margin-top: 7px;
5503 
    }
5072 stevensc 5504 
 
3704 stevensc 5505 
    &.ta-right {
5506 
        flex-direction: row-reverse;
5507 
    }
5072 stevensc 5508 
 
3704 stevensc 5509 
    &.ta-right .messg-usr-img {
5510 
        margin-left: 0;
5511 
        margin-right: 20px;
5512 
    }
5072 stevensc 5513 
 
3704 stevensc 5514 
    &.ta-right .message-dt {
3705 stevensc 5515 
        border-top-left-radius: $border-radius;
5516 
        border-top-right-radius: 0;
3704 stevensc 5517 
        margin-right: 15px;
5518 
        background-color: $chat-received;
5519 
    }
5072 stevensc 5520 
 
5521 
    &.ta-right .message-dt>span {
3704 stevensc 5522 
        float: right;
5523 
        width: auto;
5524 
    }
3497 stevensc 5525 
}
5526 
 
5527 
.messg-usr-img img {
5528 
    width: 100%;
3571 stevensc 5529 
    background: #fff;
3497 stevensc 5530 
    border-radius: 100px;
5531 
}
5532 
 
5533 
.img-bx {
5534 
    background-color: #efefef;
5535 
    padding: 20px;
5536 
}
5537 
 
3702 stevensc 5538 
.message-dt.st3 .message-inner-dt {
5072 stevensc 5539 
    &>p {
3702 stevensc 5540 
        background-color: #efefef;
5541 
        color: #686868;
5542 
        width: auto;
5543 
        padding: 10px 15px;
5544 
        float: left;
5545 
    }
5072 stevensc 5546 
 
5547 
    &>img {
3702 stevensc 5548 
        float: right;
5549 
        position: relative;
5550 
        top: 3px;
5551 
        padding-left: 5px;
5552 
    }
3497 stevensc 5553 
}
5554 
 
5555 
.main-message-box.st3 .messg-usr-img {
5556 
    bottom: 13px;
5557 
}
5558 
 
4225 stevensc 5559 
/* ============== Calendar ============ */
4223 stevensc 5560 
 
5561 
.calendar-event {
5562 
    display: flex;
5563 
    flex-direction: column;
5564 
    border-radius: $border-radius;
4225 stevensc 5565 
    padding: 0.5rem;
4223 stevensc 5566 
}
5567 
 
3497 stevensc 5568 
/* ============== message-send-area ============ */
5569 
 
5570 
.inmail-submit-btn {
5571 
    width: 6%;
5572 
}
5573 
 
5574 
.chat-header a {
5575 
    text-decoration: none;
5576 
    color: var(--dark);
5577 
}
5578 
 
5579 
.chat-header h2 {
5580 
    font-weight: 700;
5581 
    text-align: center;
5582 
}
5583 
 
5584 
.chat_contacts {
4327 stevensc 5585 
    background-color: $bg-color;
5586 
    border-radius: $border-radius;
4331 stevensc 5587 
    border: 1px solid $border-primary;
4327 stevensc 5588 
    display: flex;
5589 
    flex-direction: column;
5590 
    height: 100%;
5591 
    gap: 0.5rem;
4330 stevensc 5592 
    padding: 1rem 0.5rem;
3497 stevensc 5593 
    max-height: 80vh;
5594 
}
5595 
 
4389 stevensc 5596 
.contact__search,
5597 
.group__search {
4355 stevensc 5598 
    display: flex;
5599 
    align-items: center;
5600 
    border-radius: 30px;
5601 
    height: 1.5rem;
5602 
    color: gray;
5603 
    cursor: pointer;
5604 
    transition: all 0.2s;
5072 stevensc 5605 
 
4355 stevensc 5606 
    &:hover {
5607 
        color: #000;
5608 
    }
5072 stevensc 5609 
 
5610 
    &>input {
4355 stevensc 5611 
        display: none;
5612 
        border: none;
5613 
        outline: none;
5614 
        background: none;
5615 
    }
5072 stevensc 5616 
 
4355 stevensc 5617 
    &.show {
5618 
        padding: 0.5rem;
5619 
        background-color: #eef3f0;
4773 stevensc 5620 
        width: -webkit-fill-available;
5072 stevensc 5621 
 
5622 
        &>input {
4355 stevensc 5623 
            display: initial;
5624 
        }
5625 
    }
5626 
}
5627 
 
4389 stevensc 5628 
.group__search {
5629 
    flex: initial;
5630 
    margin: 0 1rem;
5072 stevensc 5631 
 
4389 stevensc 5632 
    input {
5633 
        display: initial;
5634 
    }
5635 
}
5636 
 
3497 stevensc 5637 
/* ============== forum-links ============= */
5638 
 
5639 
.forum-sec {
5640 
    background-color: #fff;
5641 
}
5642 
 
5643 
.forum-links {
5644 
    float: left;
5645 
    width: 100%;
5646 
}
5647 
 
5648 
.forum-links.active {
5649 
    opacity: 1;
5650 
    visibility: visible;
5651 
    z-index: 9999;
5652 
}
5653 
 
5654 
.forum-links ul li {
5655 
    display: inline-block;
5656 
    padding: 20px 0;
5657 
    margin-right: 45px;
5658 
    border-bottom: 2px solid transparent;
5659 
}
5660 
 
5661 
.forum-links ul li.active {
5662 
    border-color: #e44d3a;
5663 
}
5664 
 
5665 
.forum-links ul li.active a {
5666 
    color: #e44d3a;
5667 
}
5668 
 
5669 
.forum-links ul li a {
5670 
    display: inline-block;
5671 
    color: #b2b2b2;
5672 
    font-size: 14px;
5673 
    font-weight: 600;
5674 
}
5675 
 
5676 
.forum-links-btn {
5677 
    float: left;
5678 
    width: 100%;
5679 
    text-align: center;
5680 
    display: none;
5681 
    padding: 20px 0;
5682 
}
5683 
 
5684 
.forum-links-btn a {
5685 
    color: #000;
5686 
    font-size: 30px;
5687 
    display: inline-block;
5688 
}
5689 
 
5690 
/* ================ forum-page =============== */
5691 
 
5692 
.forum-page {
5693 
    padding: 50px 0;
5694 
}
5695 
 
5696 
.forum-questions-sec {
5697 
    float: left;
5698 
    width: 100%;
5699 
}
5700 
 
5701 
.forum-questions {
5702 
    float: left;
5703 
    width: 100%;
5704 
    background-color: #fff;
5705 
}
5706 
 
5707 
.usr-question {
5708 
    float: left;
5709 
    width: 100%;
5710 
    position: relative;
5711 
    padding: 25px;
5712 
    border-bottom: 1px solid #e5e5e5;
5713 
}
5714 
 
5715 
.usr_img {
5716 
    float: left;
5717 
    width: 60px;
5718 
}
5719 
 
5720 
.usr_img img {
5721 
    width: 100%;
5722 
    -webkit-border-radius: 100px;
5723 
    -moz-border-radius: 100px;
5724 
    -ms-border-radius: 100px;
5725 
    -o-border-radius: 100px;
5726 
    border-radius: 100px;
5727 
}
5728 
 
5729 
.usr_quest {
5730 
    float: left;
5731 
    width: 90%;
5732 
    padding-left: 15px;
5733 
}
5734 
 
5072 stevensc 5735 
.usr_quest>h3 {
3497 stevensc 5736 
    color: #000000;
5737 
    font-size: 17px;
5738 
    font-weight: 600;
5739 
    margin-bottom: 20px;
5740 
}
5741 
 
5072 stevensc 5742 
.forum-post-view .usr_quest>h3 {
3497 stevensc 5743 
    margin-bottom: 10px;
5744 
}
5745 
 
5746 
.react-links {
5747 
    float: left;
5748 
    width: 100%;
5749 
}
5750 
 
5751 
.react-links li {
5752 
    display: inline-block;
5753 
    margin-right: 30px;
5754 
}
5755 
 
5756 
.react-links li a {
5757 
    display: inline-block;
5758 
    color: #b2b2b2;
5759 
    font-size: 14px;
5760 
    font-weight: 600;
5761 
}
5762 
 
5763 
.react-links li a:hover {
5764 
    color: #e44d3a;
5765 
}
5766 
 
5767 
.react-links li a i {
5768 
    padding-right: 7px;
5769 
}
5770 
 
5771 
.react-links li:last-child {
5772 
    margin-right: 0;
5773 
}
5774 
 
5775 
/* ============= quest-tags ============ */
5776 
 
5777 
.quest-tags {
5778 
    float: left;
5779 
    width: 100%;
5780 
    margin-top: 20px;
5781 
}
5782 
 
5783 
.quest-tags li {
5784 
    display: inline-block;
5785 
    margin-right: 10px;
5786 
}
5787 
 
5788 
.quest-tags li a {
5789 
    display: inline-block;
5790 
    color: #ffffff;
5791 
    background-color: #53d690;
5792 
    -webkit-border-radius: 3px;
5793 
    -moz-border-radius: 3px;
5794 
    -ms-border-radius: 3px;
5795 
    -o-border-radius: 3px;
5796 
    border-radius: 3px;
5797 
    padding: 7px 25px;
5798 
}
5799 
 
5800 
.quest-posted-time {
5801 
    position: absolute;
5802 
    bottom: 30px;
5803 
    right: 20px;
5804 
    color: #b2b2b2;
5805 
    font-size: 14px;
5806 
}
5807 
 
5808 
.quest-posted-time i {
5809 
    padding-right: 5px;
5810 
}
5811 
 
5812 
.pd-right-none {
5813 
    padding-right: 0;
5814 
}
5815 
 
5816 
/* =========== navigation ============ */
5817 
 
5818 
.pagination {
5819 
    float: left;
5820 
    width: 100%;
5821 
    /* background-color: #fff; */
5822 
    padding: 13px 25px;
5823 
}
5824 
 
5825 
.full-pagi {
5826 
    float: left;
5827 
    width: 100%;
5828 
    padding-right: 0;
5829 
    text-align: inherit;
5830 
    margin-top: 20px;
5831 
}
5832 
 
5833 
.pagination li {
5834 
    padding: 0;
5835 
    margin-right: 10px;
5836 
}
5837 
 
5838 
.pagination li .page-link {
5839 
    /* background-color: #e5e5e5; */
5840 
    color: #b2b2b2;
5841 
}
5842 
 
5843 
.pagination li .page-link.active {
5844 
    background-color: #e44d3a;
5845 
    color: #fff;
5846 
    border-color: transparent;
5847 
}
5848 
 
5849 
.pvr {
5850 
    padding: 0.5rem 30px;
5851 
}
5852 
 
5853 
/* ======== next-prev ========*/
5854 
 
5855 
.next-prev {
5856 
    float: left;
5857 
    width: 100%;
5858 
    background-color: #fff;
5859 
    margin-top: 20px;
5860 
    padding: 12px 25px;
5861 
}
5862 
 
5072 stevensc 5863 
.next-prev>a {
3497 stevensc 5864 
    width: 90px;
5865 
    height: 35px;
5866 
    text-align: center;
5867 
    line-height: 35px;
5868 
    color: #b2b2b2;
5869 
    font-size: 14px;
5870 
    background-color: #e5e5e5;
5871 
}
5872 
 
5072 stevensc 5873 
.next-prev>a:hover {
3497 stevensc 5874 
    color: #fff;
5875 
    background-color: #e44d3a;
5876 
}
5877 
 
5878 
.fl-left {
5879 
    float: left;
5880 
}
5881 
 
5882 
.fl-right {
5883 
    float: right;
5884 
}
5885 
 
5886 
/* ========== widget-feat ========= */
5887 
 
5888 
.widget-feat {
5889 
    padding: 25px 20px;
5890 
}
5891 
 
5892 
.widget-feat ul {
5893 
    float: left;
5894 
    width: 100%;
5895 
}
5896 
 
5897 
.widget-feat ul li {
5898 
    float: left;
5899 
    width: 25%;
5900 
    text-align: center;
5901 
}
5902 
 
5903 
.widget-feat ul li i {
5904 
    display: block;
5905 
    font-size: 18px;
5906 
    margin-bottom: 9px;
5907 
}
5908 
 
5909 
.widget-feat ul li span {
5910 
    display: block;
5911 
    color: #686868;
5912 
    font-size: 16px;
5913 
    font-weight: 500;
5914 
}
5915 
 
5916 
.widget-feat ul li i.fa-heart {
5917 
    color: #53d690;
5918 
}
5919 
 
5920 
.widget-feat ul li i.fa-comment {
5921 
    color: #e44d3a;
5922 
}
5923 
 
5924 
.widget-feat ul li i.fa-share-alt {
5925 
    color: #51a5fb;
5926 
}
5927 
 
5928 
.widget-feat ul li i.fa-eye {
5929 
    color: #00b540;
5930 
}
5931 
 
5932 
/* =============== ANIMATION LOADER =============== */
5933 
 
5934 
.spinner {
5935 
    margin: 0 auto 0;
5936 
    width: 80px;
5937 
    text-align: center;
5938 
    height: 80px;
5939 
    border-radius: 100px;
5940 
    background-color: #fff;
5941 
    line-height: 80px;
5942 
    border: 1px solid #e1e1e1;
5943 
    cursor: pointer;
5944 
}
5945 
 
5072 stevensc 5946 
.spinner>div {
3497 stevensc 5947 
    width: 15px;
5948 
    height: 15px;
5949 
    background-color: #b9b9b9;
5950 
    border-radius: 100%;
5951 
    display: inline-block;
5952 
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5953 
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5954 
}
5955 
 
5956 
.spinner .bounce1 {
5957 
    -webkit-animation-delay: -0.32s;
5958 
    animation-delay: -0.32s;
5959 
}
5960 
 
5961 
.spinner .bounce2 {
5962 
    -webkit-animation-delay: -0.16s;
5963 
    animation-delay: -0.16s;
5964 
}
5965 
 
5966 
@-webkit-keyframes sk-bouncedelay {
5072 stevensc 5967 
 
3497 stevensc 5968 
    0%,
5969 
    80%,
5970 
    100% {
5971 
        -webkit-transform: scale(0);
5972 
    }
5973 
 
5974 
    40% {
5975 
        -webkit-transform: scale(1);
5976 
    }
5977 
}
5978 
 
5979 
@keyframes sk-bouncedelay {
5072 stevensc 5980 
 
3497 stevensc 5981 
    0%,
5982 
    80%,
5983 
    100% {
5984 
        -webkit-transform: scale(0);
5985 
        transform: scale(0);
5986 
    }
5987 
 
5988 
    40% {
5989 
        -webkit-transform: scale(1);
5990 
        transform: scale(1);
5991 
    }
5992 
}
5993 
 
5994 
.wordpressdevlp {
5995 
    background-color: #fff;
5996 
}
5997 
 
5998 
.bgclr {
5999 
    background-color: #fff;
6000 
    margin-bottom: 15px;
6001 
}
6002 
 
6003 
.cadidatesbtn {
6004 
    position: absolute;
6005 
    left: 0;
6006 
    padding-top: 5px;
6007 
}
6008 
 
6009 
.cadidatesbtn button {
6010 
    background-color: #e44d3a;
6011 
    border: none;
6012 
    margin-top: -3px;
6013 
}
6014 
 
6015 
.cadidatesbtn button:hover {
6016 
    background-color: #e44d3a;
6017 
}
6018 
 
6019 
.cadidatesbtn span {
6020 
    background-color: #bd2e1c;
6021 
    color: #fff;
6022 
    margin-right: 10px;
6023 
    padding: 0.25em 0.5em;
6024 
    font-weight: 600;
6025 
    font-size: 12px;
6026 
}
6027 
 
6028 
.wordpressdevlp i {
6029 
    color: #e86554;
6030 
    font-size: 18px;
6031 
    font-weight: bold;
6032 
    padding-right: 5px;
6033 
}
6034 
 
6035 
.wordpressdevlp h2 {
6036 
    font-size: 18px;
6037 
    font-weight: 600;
6038 
}
6039 
 
6040 
.cadidatesbtn i {
6041 
    color: #b2b2b2;
6042 
    border: 1px solid #b2b2b2;
6043 
    font-size: 14px;
6044 
    text-align: center;
6045 
    margin-left: 7px;
6046 
    border-radius: 3px;
6047 
    padding: 10px;
6048 
}
6049 
 
6050 
.cadidatesbtn i:hover {
6051 
    background-color: #e44d3a;
6052 
    color: #fff;
6053 
    border: 1px solid #e44d3a;
6054 
}
6055 
 
6056 
.inner {
6057 
    border-bottom: 2px solid #e5e5e5;
6058 
    padding-bottom: 10px;
6059 
}
6060 
 
6061 
.inner li a:hover {
6062 
    color: #e44d3a;
6063 
    border-bottom: 2px solid #e44d3a;
6064 
    padding-bottom: 9px;
6065 
}
6066 
 
6067 
.inner li a {
6068 
    color: #000000;
6069 
}
6070 
 
6071 
.posttext {
6072 
    position: absolute;
6073 
    left: 0;
6074 
}
6075 
 
6076 
.deatile h3 {
6077 
    font-size: 14px;
6078 
    font-weight: bold;
6079 
    padding-bottom: 5px;
6080 
}
6081 
 
6082 
.clrbtn a {
6083 
    background-color: #e44d3a;
6084 
    color: #fff;
6085 
    padding: 5px 10px 5px 10px;
6086 
    margin-right: 15px;
6087 
}
6088 
 
6089 
.transpairentbtn a {
6090 
    color: #222;
6091 
    border: 2px solid #f1f1f1;
6092 
    padding: 5px 10px 5px 10px;
6093 
}
6094 
 
6095 
.savetext h3 {
6096 
    font-size: 14px;
6097 
    font-weight: bold;
6098 
    padding-bottom: 5px;
6099 
}
6100 
 
6101 
.devepbtn .clrbtn {
6102 
    padding: 7px 20px;
6103 
}
6104 
 
6105 
.devepbtn a {
6106 
    color: #666666;
6107 
    border: 1px solid #b2b2b2;
6108 
    padding: 7px 10px 7px 10px;
6109 
    border-radius: 3px;
6110 
    margin-right: 5px;
6111 
}
6112 
 
6113 
.devepbtn a:hover i {
6114 
    color: #fff;
6115 
}
6116 
 
6117 
.devepbtn a:hover {
6118 
    background-color: #e44d3a;
6119 
    color: #fff;
6120 
}
6121 
 
6122 
.rew-reply hr {
6123 
    margin-left: -20px;
6124 
    margin-right: -20px;
6125 
}
6126 
 
6127 
.rew-reply p {
6128 
    padding-left: 20px;
6129 
}
6130 
 
6131 
.rew-reply ul {
6132 
    padding-left: 20px;
6133 
}
6134 
 
6135 
.devepbtn {
6136 
    margin-top: 30px;
6137 
    padding-left: 20px;
6138 
}
6139 
 
6140 
.rep-thanks hr {
6141 
    margin-right: -20px;
6142 
    margin-left: -20px;
6143 
}
6144 
 
6145 
.profilecnd {
6146 
    margin-bottom: 0px;
6147 
}
6148 
 
6149 
.devepbtn i {
6150 
    color: #b2b2b2;
6151 
    font-size: 14px;
6152 
}
6153 
 
6154 
.appliedinfo {
6155 
    padding-left: 0;
6156 
    padding-top: 20px !important;
6157 
    padding-bottom: 10px;
6158 
}
6159 
 
6160 
.epi2 {
6161 
    padding: 0;
6162 
}
6163 
 
6164 
.review a {
6165 
    line-height: 16px;
6166 
    font-size: 14px;
6167 
    text-decoration: none;
6168 
    font-weight: 500;
6169 
    margin-left: 15px;
6170 
}
6171 
 
6172 
.add-pic-box {
6173 
    display: inline-block;
6174 
    color: #e44d3a;
6175 
    font-size: 16px;
6176 
    position: absolute;
6177 
    top: 30px;
6178 
    right: 0;
6179 
    font-weight: 600;
6180 
    margin-right: 0;
6181 
    width: 100%;
6182 
}
6183 
 
6184 
.add-pic-box [type="file"] {
6185 
    height: 0;
6186 
    overflow: hidden;
6187 
    width: 0;
6188 
    float: left;
6189 
}
6190 
 
5072 stevensc 6191 
.add-pic-box [type="file"]+label {
3497 stevensc 6192 
    background: #fff;
6193 
    border: 2px solid #e44d3a;
6194 
    border-radius: 3px;
6195 
    color: #e44d3a;
6196 
    cursor: pointer;
6197 
    /* display: inline-block; */
6198 
    font-size: 15px;
6199 
    font-weight: 600;
6200 
    outline: none;
6201 
    padding: 12px 20px;
6202 
    position: relative;
6203 
    transition: all 0.3s;
6204 
    vertical-align: middle;
6205 
    margin: 0;
6206 
    float: right;
6207 
    text-transform: uppercase;
6208 
}
6209 
 
5072 stevensc 6210 
.add-pic-box [type="file"]+label:hover {
3497 stevensc 6211 
    background: #e44d3a;
6212 
    color: #fff;
6213 
}
6214 
 
6215 
.noreview li i {
6216 
    color: #b2b2b2;
6217 
}
6218 
 
6219 
.review-tb {
6220 
    margin: 0 0 10px;
6221 
    padding-left: 20px;
6222 
}
6223 
 
6224 
.noreview ul li i {
6225 
    color: #b2b2b2;
6226 
}
6227 
 
6228 
.mngdetl {
6229 
    border-bottom: none;
6230 
}
6231 
 
6232 
.post-reply {
6233 
    padding-top: 0;
6234 
    padding-bottom: 0;
6235 
}
6236 
 
6237 
.activebidbtn i:hover {
6238 
    background-color: #e44d3a;
6239 
    color: #fff;
6240 
    border: none;
6241 
}
6242 
 
6243 
.reviewtitle h2 {
6244 
    font-size: 17px;
6245 
    font-weight: 600;
6246 
}
6247 
 
6248 
.horiline {
6249 
    width: 118%;
6250 
    position: relative;
6251 
    left: -40px;
6252 
}
6253 
 
6254 
.tahnks {
6255 
    font-weight: 500;
6256 
    margin-top: 5px;
6257 
}
6258 
 
6259 
/*about-page*/
6260 
 
6261 
.banner span {
6262 
    position: absolute;
6263 
    display: flex;
6264 
    background-color: #222;
6265 
    width: 100%;
6266 
    opacity: 0.9;
6267 
    justify-content: center;
6268 
    padding: 10px;
6269 
    margin-top: 0;
6270 
    color: #fff;
6271 
}
6272 
 
6273 
.innertitle {
6274 
    margin-top: 130px;
6275 
}
6276 
 
6277 
.Company-overview {
6278 
    padding-bottom: 50px;
6279 
}
6280 
 
6281 
.bennertext {
6282 
    position: absolute;
6283 
    left: 20%;
6284 
    right: 20%;
6285 
    text-align: center;
6286 
}
6287 
 
6288 
.bannerimage img {
6289 
    height: 100%;
6290 
}
6291 
 
6292 
.innertitle h2 {
6293 
    color: #fff;
6294 
    font-size: 30px;
6295 
    line-height: 32px;
6296 
    font-weight: 600;
6297 
    margin-bottom: 20px;
6298 
}
6299 
 
6300 
.innertitle p {
6301 
    color: #fff;
6302 
    font-size: 16px;
6303 
}
6304 
 
6305 
.Company-overview h2 {
6306 
    padding-top: 100px;
6307 
    font-size: 24px;
6308 
    font-weight: 600;
6309 
    padding-bottom: 12px;
6310 
}
6311 
 
6312 
.Company-overview p {
6313 
    font-size: 15px;
6314 
    font-weight: 500;
6315 
}
6316 
 
6317 
.Company-overview img {
6318 
    float: right;
6319 
    padding-top: 25px;
6320 
}
6321 
 
6322 
.blog {
6323 
    text-align: center;
6324 
    display: inline-block;
6325 
    margin-bottom: 50px;
6326 
}
6327 
 
6328 
.blog img {
6329 
    padding-bottom: 30px;
6330 
}
6331 
 
6332 
.blog h2 {
6333 
    font-size: 18px;
6334 
    font-weight: 600;
6335 
    padding-bottom: 30px;
6336 
}
6337 
 
6338 
.blog a {
6339 
    background-color: #ff4500;
6340 
    color: #fff;
6341 
    padding: 7px 25px 7px 25px;
6342 
    border-radius: 3px;
6343 
    font-size: 16px;
6344 
    font-weight: 500;
6345 
}
6346 
 
6347 
.services {
6348 
    padding-top: 80px;
6349 
    padding-bottom: 80px;
6350 
}
6351 
 
6352 
.video {
6353 
    padding-bottom: 40px;
6354 
}
6355 
 
6356 
.search-container {
6357 
    text-align: center;
6358 
}
6359 
 
6360 
.search-container input[type="text"] {
6361 
    padding: 6px 15px;
6362 
    margin-top: 8px;
6363 
    font-size: 17px;
6364 
    border: none;
6365 
    height: 50px;
6366 
    width: 50%;
6367 
    margin-bottom: 25px;
6368 
    border-top-left-radius: 3px;
6369 
    border-top-right-radius: 0px;
6370 
    border-bottom-left-radius: 3px;
6371 
    border-bottom-right-radius: 0px;
6372 
}
6373 
 
6374 
.searchtitle {
6375 
    text-align: center;
6376 
}
6377 
 
6378 
.searchtitle h2 {
6379 
    color: #fff;
6380 
    font-size: 30px;
6381 
    font-weight: 400;
6382 
    padding-bottom: 10px;
6383 
}
6384 
 
6385 
.search-container button {
6386 
    padding: 8px 10px;
6387 
    text-align: center;
6388 
    margin-top: 8px;
6389 
    margin-left: -3px;
6390 
    margin-right: 18px;
6391 
    background: #efefef;
6392 
    font-size: 17px;
6393 
    border: none;
6394 
    cursor: pointer;
6395 
    height: 50px;
6396 
    width: 6%;
6397 
    border-bottom-right-radius: 3px;
6398 
    border-top-right-radius: 3px;
6399 
}
6400 
 
6401 
.topsearch i {
6402 
    color: #e44d3a;
6403 
}
6404 
 
6405 
.dropdown-toggle::after {
6406 
    position: absolute;
6407 
    right: 15px;
6408 
    color: #b2b2b2;
6409 
    top: 7px;
6410 
}
6411 
 
6412 
.help-paddy {
6413 
    padding: 0 !important;
6414 
}
6415 
 
6416 
.paddy {
6417 
    padding: 20px;
6418 
    float: left;
6419 
}
6420 
 
6421 
.dropdown-menu {
6422 
    position: absolute;
6423 
    top: 100%;
6424 
    left: 0;
6425 
    z-index: 1000;
6426 
    display: none;
6427 
    float: left;
6428 
    min-width: 10rem;
6429 
    padding: 0.5rem 0;
6430 
    margin: 0.125rem 0 0;
6431 
    font-size: 1rem;
6432 
    color: #212529;
6433 
    text-align: left;
6434 
    list-style: none;
6435 
    background-color: #fff;
6436 
    width: 100%;
6437 
    background-clip: padding-box;
6438 
    border: none;
6439 
    border-radius: 0.25rem;
6440 
}
6441 
 
6442 
.radio-form p {
6443 
    display: -webkit-inline-box;
6444 
}
6445 
 
6446 
.dropdown a {
6447 
    color: #000000;
6448 
    font-size: 16px;
6449 
    font-weight: 400;
6450 
    padding: 0 20px;
6451 
}
6452 
 
6453 
.accountnone {
6454 
    border: none;
6455 
}
6456 
 
6457 
.helpforum {
6458 
    background-color: #fff;
6459 
    padding: 15px 0;
6460 
    box-shadow: 0px 2px #c6c6c6;
6461 
}
6462 
 
6463 
.helpforum h3 {
6464 
    font-size: 18px;
6465 
    font-weight: 600;
6466 
}
6467 
 
6468 
.helpforum a {
6469 
    background-color: #e44d3a;
6470 
    color: #fff;
6471 
    padding: 10px 15px 10px 15px;
6472 
    line-height: 4;
6473 
    border-radius: 3px;
6474 
}
6475 
 
6476 
.helpforum p {
6477 
    line-height: 3;
6478 
}
6479 
 
6480 
.actionstitle h3 {
6481 
    font-size: 18px;
6482 
    font-weight: 400;
6483 
    color: #000;
6484 
    padding-top: 30px;
6485 
}
6486 
 
6487 
.actionstitle img {
6488 
    padding-right: 10px;
6489 
}
6490 
 
6491 
.actionstext a {
6492 
    font-size: 16px;
6493 
    font-weight: 500;
6494 
    color: #e44d3a;
6495 
    line-height: 2;
6496 
    display: block;
6497 
}
6498 
 
6499 
.helpform {
6500 
    text-align: center;
6501 
    padding-top: 70px;
6502 
}
6503 
 
6504 
.helpform h3 {
6505 
    font-size: 18px;
6506 
    font-weight: 400;
6507 
    color: #e44d3a;
6508 
    margin-bottom: 10px;
6509 
}
6510 
 
6511 
.helpform a {
6512 
    background-color: #e44d3a;
6513 
    color: #fff;
6514 
    padding: 10px 15px 10px 15px;
6515 
    border-radius: 3px;
6516 
}
6517 
 
6518 
.helpform p {
6519 
    margin-bottom: 30px;
6520 
}
6521 
 
6522 
.helpform img {
6523 
    float: unset;
6524 
    padding-bottom: 10px;
6525 
}
6526 
 
6527 
.bookingsideber h3 {
6528 
    color: #000;
6529 
}
6530 
 
6531 
.bookingsideber h3:active {
6532 
    color: #e44d3a;
6533 
}
6534 
 
6535 
.helpforum h4 {
6536 
    font-size: 16px;
6537 
    font-weight: 600;
6538 
}
6539 
 
6540 
.bloktext {
6541 
    padding-left: 25px;
6542 
}
6543 
 
6544 
.privacy {
6545 
    background-color: #fff;
6546 
    height: 850px;
6547 
}
6548 
 
6549 
.privacydropd .dropdown-toggle::after {
6550 
    float: right;
6551 
    vertical-align: 0.255em;
6552 
}
6553 
 
6554 
/* .checkbox {} */
6555 
 
6556 
.form-check {
6557 
    padding-left: 0;
6558 
}
6559 
 
6560 
.btns a {
6561 
    color: #000;
6562 
    border: 1px solid #e5e5e5;
6563 
    padding: 10px 25px 10px 25px;
6564 
    margin-left: 15px;
6565 
    border-radius: 5px;
6566 
    font-weight: 600;
6567 
}
6568 
 
6569 
.btns {
6570 
    padding-top: 20px;
6571 
}
6572 
 
6573 
.btns a:hover {
6574 
    background-color: #e44d3a;
6575 
    color: #fff;
6576 
}
6577 
 
6578 
.privacy h3 {
6579 
    font-size: 18px;
6580 
    font-weight: 600;
6581 
    padding-top: 18px;
6582 
    margin-bottom: 10px;
6583 
}
6584 
 
6585 
.privacy p {
6586 
    padding-top: 0px;
6587 
    display: inline-block;
6588 
}
6589 
 
6590 
.form-group {
6591 
    margin-bottom: 1rem;
6592 
    padding-top: 0px;
6593 
}
6594 
 
6595 
.privacy i {
6596 
    float: right;
6597 
    color: #e44d3a;
6598 
    font-size: 20px;
6599 
    font-weight: 600;
6600 
}
6601 
 
6602 
.dropdown-menu input {
6603 
    margin-right: 10px;
6604 
    margin-top: 15px;
6605 
}
6606 
 
6607 
.dropdown-menu a {
6608 
    padding: 10px 0 10px 40px;
6609 
    margin-bottom: 10px;
6610 
}
6611 
 
6612 
.dropdown-menu form {
6613 
    margin-bottom: 10px;
6614 
    margin-top: 10px;
6615 
}
6616 
 
6617 
.privacydropd p {
6618 
    margin-left: 20px;
6619 
    margin-top: 5px;
6620 
}
6621 
 
6622 
.privabtns {
6623 
    margin-top: 20px;
6624 
}
6625 
 
6626 
.privabtns {
6627 
    padding-bottom: 15px;
6628 
}
6629 
 
6630 
.privabtns a {
6631 
    margin-right: 15px;
6632 
    padding: 8px 25px;
6633 
    color: #000000;
6634 
    border: 1px solid #e5e5e5;
6635 
}
6636 
 
6637 
.privabtns a:hover {
6638 
    color: #fff;
6639 
    background-color: #e44d3a;
6640 
}
6641 
 
6642 
.privac {
6643 
    background-color: #fff;
6644 
    height: 560px;
6645 
    padding-top: 20px;
6646 
}
6647 
 
6648 
.privac h3 {
6649 
    font-size: 18px;
6650 
    font-weight: 600;
6651 
}
6652 
 
6653 
.bids-detail ul {
6654 
    display: -webkit-inline-box;
6655 
}
6656 
 
6657 
.bids-detail ul li {
6658 
    margin-right: 30px;
6659 
}
6660 
 
6661 
.bids-detail h3 {
6662 
    font-size: 16px;
6663 
    font-weight: 400;
6664 
}
6665 
 
6666 
.bids-detail {
6667 
    background-color: #fff;
6668 
    padding: 20px;
6669 
    margin-bottom: 25px;
6670 
    box-shadow: 0px 2px #e4e4e4;
6671 
}
6672 
 
6673 
.dropdown-menu.show {
6674 
    display: contents;
6675 
}
6676 
 
6677 
.postpaid:checked:after {
6678 
    content: "\f17b";
6679 
    font: normal normal normal 16px/1 "LineAwesome";
6680 
    font-weight: 600;
6681 
    border: 1px solid #fff;
6682 
    color: #ffffff;
6683 
    text-align: center;
6684 
    font-size: 12px;
6685 
    width: 100%;
6686 
    height: 100%;
6687 
    background: #e44d3a;
6688 
    display: block;
6689 
    border-radius: 50%;
6690 
    padding-top: 3px;
6691 
}
6692 
 
6693 
.postpaid:focus {
6694 
    border: 1px solid #fff;
6695 
    width: 25px;
6696 
    height: 25px;
6697 
}
6698 
 
6699 
.postpaid {
6700 
    -webkit-appearance: none;
6701 
    content: "";
6702 
    width: 20px;
6703 
    height: 20px;
6704 
    border-radius: 50%;
6705 
    border: 1px solid #5e5e5e;
6706 
    outline: 0;
6707 
    margin-right: 5px;
6708 
}
6709 
 
6710 
/* .main-ws-sec .job-status-bar {} */
6711 
 
6712 
.main-ws-sec .btm-line {
6713 
    padding-bottom: 20px !important;
6714 
    border-bottom: 1px solid #e5e5e5 !important;
6715 
    margin-bottom: 20px;
6716 
}
6717 
 
6718 
.job-status-bar hr {
6719 
    margin: 0 -40px;
6720 
}
6721 
 
6722 
.reply-area {
6723 
    padding-left: 55px;
6724 
}
6725 
 
6726 
.reply-rply1 {
6727 
    margin: 24px 0;
6728 
}
6729 
 
6730 
.reply-area p {
6731 
    padding-bottom: 10px;
6732 
}
6733 
 
6734 
.reply-area span {
6735 
    cursor: pointer;
6736 
}
6737 
 
6738 
.reply-area span:hover {
6739 
    color: #e44d3a;
6740 
}
6741 
 
6742 
.reply-area i {
6743 
    font-size: 16px;
6744 
    font-weight: 600;
6745 
    padding-right: 8px;
6746 
}
6747 
 
6748 
.comment-area .la-plus-circle {
6749 
    display: block;
6750 
    text-align: center;
6751 
    font-size: 40px;
6752 
    color: #b2b2b2;
6753 
}
6754 
 
6755 
.reply-area span {
6756 
    padding-top: 5px;
6757 
    color: #b2b2b2;
6758 
}
6759 
 
6760 
.comt span {
6761 
    font-size: 16px;
6762 
    color: #666666;
6763 
}
6764 
 
6765 
.comt i {
6766 
    padding-right: 8px;
6767 
}
6768 
 
6769 
.postcomment .form-control {
6770 
    width: 112%;
6771 
    margin-left: -50px;
6772 
    background-color: #efefef;
6773 
    border-radius: 3px;
6774 
}
6775 
 
6776 
.postcomment a {
6777 
    background-color: #e44d3a;
6778 
    color: #fff;
6779 
    padding: 9px 25px 8px 25px;
6780 
    line-height: 37px;
6781 
    border-radius: 3px;
6782 
}
6783 
 
6784 
.postcomment {
6785 
    padding-top: 30px;
6786 
}
6787 
 
6788 
.widget-projectid {
6789 
    padding: 15px;
6790 
}
6791 
 
6792 
.widget-projectid h3 {
6793 
    padding-bottom: 7px;
6794 
    font-size: 14px;
6795 
    font-weight: 600;
6796 
}
6797 
 
6798 
.paymethd p {
6799 
    color: #e44d3a;
6800 
}
6801 
 
6802 
.copylink p {
6803 
    background-color: #efefef;
6804 
    padding: 7px 0 8px 10px;
6805 
}
6806 
 
6807 
.copylink a {
6808 
    background-color: #e44d3a;
6809 
    color: #fff;
6810 
    padding: 10px 15px 10px 15px;
6811 
    border-radius: 4px;
6812 
}
6813 
 
6814 
.copylink span {
6815 
    padding: 30px 0 20px;
6816 
}
6817 
 
6818 
.copylink i {
6819 
    float: unset;
6820 
    position: unset;
6821 
}
6822 
 
6823 
.copylink .la-facebook {
6824 
    background-color: #3b5998;
6825 
    color: #fff;
6826 
}
6827 
 
6828 
.copylink .la-twitter {
6829 
    color: #1da1f2;
6830 
}
6831 
 
6832 
.copylink .la-pinterest-p {
6833 
    background-color: #fff;
6834 
    color: #c11628;
6835 
    border-radius: 50%;
6836 
}
6837 
 
6838 
.copylink img {
6839 
    padding-right: 10px;
6840 
}
6841 
 
6842 
.freelancerbiding {
6843 
    background-color: #fff;
6844 
    padding-top: 20px;
6845 
}
6846 
 
6847 
.freelancerbiding h3 {
6848 
    font-size: 18px;
6849 
    font-weight: 400;
6850 
}
6851 
 
6852 
.repcent {
6853 
    text-align: left;
6854 
}
6855 
 
6856 
.bidrit {
6857 
    float: right;
6858 
}
6859 
 
6860 
.repcent i {
6861 
    padding-left: 5px;
6862 
}
6863 
 
6864 
.star {
6865 
    display: inline-flex;
6866 
    padding: 5px 0;
6867 
}
6868 
 
6869 
.star li i {
6870 
    color: #bfd337;
6871 
}
6872 
 
6873 
.repcent span {
6874 
    color: #51a5fb;
6875 
}
6876 
 
6877 
.repcent p {
6878 
    padding-left: 7px;
6879 
}
6880 
 
6881 
.noreview ul li i {
6882 
    color: #b2b2b2;
6883 
}
6884 
 
6885 
.paymethd .star li i {
6886 
    position: unset;
6887 
    font-size: 14px;
6888 
}
6889 
 
6890 
.paymethd .star a {
6891 
    color: #51a5fb;
6892 
    padding-left: 12px;
6893 
}
6894 
 
6895 
.notice {
6896 
    background-color: #ddf3ff;
6897 
    padding: 15px;
6898 
}
6899 
 
6900 
.notice span {
6901 
    font-weight: 500;
6902 
    padding-right: 5px;
6903 
}
6904 
 
6905 
.delivery .input-group select {
6906 
    width: 150px;
6907 
    height: 50px !important;
6908 
    font-size: 19px;
6909 
    border: 1px solid #e5e5e5;
6910 
    border-radius: 3px;
6911 
}
6912 
 
6913 
.place-bid-btn {
6914 
    font-size: 15px;
6915 
    font-weight: 500;
6916 
    color: #fff !important;
6917 
    background-color: #e44d3a !important;
6918 
    border: none;
6919 
    padding: 10px;
6920 
    border: 1px solid #e44d3a;
6921 
    border-radius: 3px;
6922 
}
6923 
 
6924 
.usy-dt .reply {
6925 
    margin: 3px 0 0 10px;
6926 
    width: 360px;
6927 
    height: 40px;
6928 
    background-color: #efefef;
6929 
    border: 1px solid #e5e5e5;
6930 
    padding-left: 10px;
6931 
    border-radius: 3px;
6932 
}
6933 
 
6934 
.replybtn {
6935 
    background-color: #e44d3a;
6936 
    color: #fff;
6937 
    padding: 10px;
6938 
    margin-left: 15px;
6939 
    border-radius: 3px;
6940 
}
6941 
 
6942 
.replybtn:hover {
6943 
    color: #fff;
6944 
}
6945 
 
6946 
.rewivew ul li {
6947 
    margin-right: 5px !important;
6948 
}
6949 
 
6950 
.security hr {
6951 
    margin-right: -15px;
6952 
    margin-left: -15px;
6953 
}
6954 
 
6955 
.privacy .la-check {
6956 
    float: left;
6957 
    font-size: 12px;
6958 
    margin: 5px 5px 0 0;
6959 
    padding: 3px;
6960 
    background-color: #e44d3a;
6961 
    color: #fff;
6962 
    border-radius: 50%;
6963 
}
6964 
 
6965 
ul#myTab {
6966 
    border-bottom: 1px solid #e5e5e5;
6967 
}
6968 
 
6969 
.nav-tabs .nav-link {
6970 
    border: none;
6971 
}
6972 
 
6973 
.noborder {
6974 
    border-bottom: none;
6975 
}
6976 
 
6977 
.manbids {
6978 
    margin-bottom: 0 !important;
6979 
}
6980 
 
6981 
.noreply {
6982 
    padding-top: 30px;
6983 
}
6984 
 
6985 
#my-bids .nav-tabs {
6986 
    margin-bottom: 20px;
6987 
    margin-top: 7px;
6988 
    padding-bottom: 0;
6989 
}
6990 
 
6991 
#my-bids ul {
6992 
    margin-bottom: 15px;
6993 
    margin-top: 7px;
6994 
    padding-bottom: 0;
6995 
}
6996 
 
6997 
.savedjob-info p {
6998 
    color: #666666;
6999 
    margin-top: 5px;
7000 
}
7001 
 
7002 
#my-bids ul li a {
7003 
    color: #000000;
7004 
    font-size: 16px;
7005 
    font-weight: 500;
7006 
}
7007 
 
7008 
#my-bids li a:hover {
7009 
    color: #e44d3a;
7010 
}
7011 
 
7012 
#saved-jobs ul {
7013 
    margin-bottom: 20px;
7014 
}
7015 
 
7016 
#saved-jobs ul li a {
7017 
    color: #000000;
7018 
    font-size: 16px;
7019 
    font-weight: 500;
7020 
}
7021 
 
7022 
#saved-jobs li a:hover {
7023 
    color: #e44d3a;
7024 
}
7025 
 
7026 
.wordpressdevlp h2 {
7027 
    font-size: 18px;
7028 
    font-weight: 600;
7029 
    margin-bottom: 15px;
7030 
}
7031 
 
7032 
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7033 
#saved-jobs .nav-tabs .nav-link.active {
7034 
    background-color: inherit;
7035 
    color: #e44d3a !important;
7036 
    padding-bottom: 9px;
7037 
    border-bottom: 2px solid #e44d3a !important;
7038 
}
7039 
 
7040 
#my-bids .nav-tabs .nav-item.show .nav-link,
7041 
#my-bids .nav-tabs .nav-link.active {
7042 
    background-color: inherit;
7043 
    color: #e44d3a !important;
7044 
    padding-bottom: 9px;
7045 
    border-bottom: 2px solid #e44d3a !important;
7046 
}
7047 
 
7048 
.descptab li img {
7049 
    float: left !important;
7050 
    filter: inherit !important;
7051 
}
7052 
 
7053 
.bklink {
7054 
    border-bottom: none !important;
7055 
    width: unset !important;
7056 
    float: right !important;
7057 
}
7058 
 
7059 
.bklik {
7060 
    border-bottom: none !important;
7061 
}
7062 
 
7063 
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7064 
 
7065 
.savedjob-info li {
7066 
    display: inline-block;
7067 
    padding-left: 25px;
7068 
}
7069 
 
7070 
.savedjob-info h3 {
7071 
    font-size: 14px;
7072 
    font-weight: 500;
7073 
}
7074 
 
7075 
.settingjb ul li {
7076 
    margin-right: 25px !important;
7077 
}
7078 
 
7079 
.mangebid li {
7080 
    padding-left: 0;
7081 
    padding-right: 20px;
7082 
    padding-top: 10px;
7083 
}
7084 
 
7085 
.bk-links.bklink li {
7086 
    padding-right: 0;
7087 
}
7088 
 
7089 
.bidsbtn {
7090 
    position: relative;
7091 
}
7092 
 
7093 
.biddersinfo li {
7094 
    padding-left: 0;
7095 
    padding-right: 20px;
7096 
}
7097 
 
7098 
#review {
7099 
    background-color: #fff;
7100 
    margin-bottom: 40px;
7101 
}
7102 
 
7103 
.starreview {
7104 
    padding-left: 20px;
7105 
}
7106 
 
7107 
.replytext {
7108 
    padding-bottom: 20px;
7109 
}
7110 
 
7111 
.starrevi {
7112 
    padding-left: 20px;
7113 
}
7114 
 
7115 
.apply-jobbox {
7116 
    text-align: center;
7117 
}
7118 
 
7119 
.apply-jobbox form input {
7120 
    width: 100%;
7121 
    margin-top: 20px;
7122 
    padding: 10px;
7123 
    color: #222;
7124 
    border: 1px solid #e5e5e5;
7125 
    border-radius: 3px;
7126 
    font-size: 14px;
7127 
}
7128 
 
7129 
.apply-jobbox h3 {
7130 
    margin: 20px 0;
7131 
}
7132 
 
7133 
.select-files {
7134 
    border: 1px solid #e5e5e5;
7135 
    margin-top: 20px;
7136 
    padding: 30px;
7137 
    background: #efefef;
7138 
}
7139 
 
7140 
.select-files button {
7141 
    margin-bottom: 20px;
7142 
    background-color: transparent;
7143 
    border: 1px solid #e5e5e5;
7144 
    padding: 10px 15px 10px 15px;
7145 
    border-radius: 5px;
7146 
    font-weight: 600;
7147 
}
7148 
 
7149 
.select-files button:hover {
7150 
    background-color: #e44d3a;
7151 
    color: #fff;
7152 
}
7153 
 
7154 
.close {
7155 
    position: absolute;
7156 
    right: 0px;
7157 
    top: 0px;
7158 
    color: #929292;
3828 stevensc 7159 
    border: 1px solid;
3497 stevensc 7160 
    border-radius: 50%;
7161 
    height: 30px;
7162 
    width: 30px;
7163 
}
7164 
 
7165 
.mapouter iframe {
7166 
    width: 100%;
7167 
    height: 400px;
7168 
}
7169 
 
7170 
.mapouter {
7171 
    position: relative;
7172 
    text-align: right;
7173 
    height: 500px;
7174 
    width: 100%;
7175 
}
7176 
 
7177 
.gmap_canvas {
7178 
    overflow: hidden;
7179 
    background: none !important;
7180 
}
7181 
 
7182 
.video-iframe {
7183 
    width: 100%;
7184 
    height: 400px;
7185 
}
7186 
 
7187 
.custom-file-input {
7188 
    color: transparent;
7189 
    opacity: 1;
7190 
    /* margin-left: 140px; */
7191 
    margin-bottom: 10px;
7192 
}
7193 
 
7194 
.custom-file-input::-webkit-file-upload-button {
7195 
    visibility: hidden;
7196 
}
7197 
 
7198 
.custom-file-input::before {
7199 
    content: "Select Files";
7200 
    color: #fff;
7201 
    display: inline-block;
7202 
    border: 1px solid #e5e5e5;
7203 
    border-radius: 3px;
7204 
    background: #e44d3a;
7205 
    font-weight: 500;
7206 
    padding: 10px 15px;
7207 
    outline: none;
7208 
    white-space: nowrap;
7209 
    -webkit-user-select: none;
7210 
    cursor: pointer;
7211 
}
7212 
 
7213 
.custom-file-input:hover::before {
7214 
    background-color: #e44d3a;
7215 
    color: #fff;
7216 
}
7217 
 
7218 
.custom-file-input:active {
7219 
    outline: 0;
7220 
}
7221 
 
7222 
.custom-file-input:active::before {
7223 
    background: #e44d3a;
7224 
    color: #fff;
7225 
}
7226 
 
7227 
.bids-time {
7228 
    float: right;
7229 
}
7230 
 
7231 
.saved-post {
7232 
    padding: 0;
7233 
}
7234 
 
7235 
.saved-post p {
7236 
    padding-bottom: 20px;
7237 
}
7238 
 
7239 
.saved-info li {
7240 
    padding-right: 25px;
7241 
    padding-left: 0;
7242 
}
7243 
 
7244 
.saved-btn {
7245 
    padding: 0;
7246 
    margin-bottom: -12px;
7247 
}
7248 
 
7249 
.applied-post {
7250 
    padding: 0;
7251 
}
7252 
 
7253 
.post-bid {
7254 
    padding: 0 !important;
7255 
}
7256 
 
7257 
.bidsbtn {
7258 
    padding-top: 0 !important;
7259 
}
7260 
 
7261 
.active-bids {
7262 
    padding: 0;
7263 
}
7264 
 
7265 
.activ-bidinfo li {
7266 
    padding-top: 10px;
7267 
    padding-left: 0;
7268 
    padding-right: 25px;
7269 
}
7270 
 
7271 
.activebtn {
7272 
    padding-left: 0;
7273 
}
7274 
 
7275 
.p-all {
7276 
    padding: 0px;
7277 
    float: left;
7278 
    width: 100%;
7279 
    position: relative;
7280 
}
7281 
 
7282 
.toggle-btn .custom-switch .custom-control-label::before {
7283 
    left: -2.25rem;
7284 
    width: 70px;
7285 
    pointer-events: all;
7286 
    border-radius: 100px;
7287 
    height: 30px;
7288 
    top: -1px;
7289 
    box-shadow: none;
7290 
}
7291 
 
7292 
.toggle-btn .custom-control-label::before {
7293 
    position: absolute;
7294 
    top: 0.25rem;
7295 
    left: -1.5rem;
7296 
    display: block;
7297 
    width: 1rem;
7298 
    height: 1rem;
7299 
    pointer-events: none;
7300 
    content: "";
7301 
    background-color: #fff;
7302 
    border: #e1e1e1 solid 2px;
7303 
}
7304 
 
5072 stevensc 7305 
.custom-control-input:checked~.custom-control-label::before {
3497 stevensc 7306 
    color: #fff;
7307 
    border-color: #e44d3a;
7308 
    background-color: #e44d3a;
7309 
    box-shadow: none;
7310 
    outline: none;
7311 
}
7312 
 
7313 
.toggle-btn .custom-switch .custom-control-label::after {
7314 
    top: calc(-1px + 2px);
7315 
    left: calc(-36px + 2px);
7316 
    width: calc(30px - 4px);
7317 
    height: calc(30px - 4px);
7318 
    background-color: #e1e1e1;
7319 
    border-radius: 100%;
3508 stevensc 7320 
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
7321 
        -webkit-transform 0.15s ease-in-out;
7322 
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
7323 
        box-shadow 0.15s ease-in-out;
7324 
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
7325 
        box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
3497 stevensc 7326 
}
7327 
 
7328 
.toggle-btn .custom-control-label::after {
7329 
    position: absolute;
7330 
    top: 0.25rem;
7331 
    left: -1.5rem;
7332 
    display: block;
7333 
    width: 0;
7334 
    height: 0;
7335 
    content: "";
7336 
    background: no-repeat 50%/50% 50%;
7337 
}
7338 
 
7339 
.toggle-btn .custom-control-label {
7340 
    position: initial;
7341 
    margin-bottom: 0;
7342 
    vertical-align: top;
7343 
}
7344 
 
5072 stevensc 7345 
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
3497 stevensc 7346 
    background-color: #fff;
7347 
    -webkit-transform: translateX(2.5rem);
7348 
    transform: translateX(2.5rem);
7349 
}
7350 
 
7351 
.custom-control-label {
7352 
    position: relative;
7353 
    margin-bottom: 0;
7354 
    vertical-align: top;
7355 
    line-height: 24px;
7356 
    font-size: 14px;
7357 
    color: #666666;
7358 
}
7359 
 
7360 
.small-text-children p,
7361 
.small-text-children span {
3508 stevensc 7362 
    font-size: 0.8rem;
3497 stevensc 7363 
}
7364 
 
7365 
.search-item-selected {
7366 
    padding: 1px 10px;
7367 
    background: var(--background-gray);
7368 
    line-height: 1;
7369 
    border-radius: 10px;
7370 
    font-weight: bold;
7371 
}
7372 
 
7373 
.row .sc-dkzDqf {
7374 
    margin: 0 auto;
7375 
}
7376 
 
7377 
.test-section .title,
7378 
.test-section .description {
7379 
    margin-bottom: 10px;
7380 
}
7381 
 
7382 
.test-section .btn-danger {
7383 
    margin-right: 10px;
7384 
}
7385 
 
7386 
.test-section .panel-body {
7387 
    padding: 20px 0px;
7388 
}
7389 
 
7390 
.test-section .panel {
7391 
    margin-top: 20px;
7392 
    padding-bottom: 10px;
7393 
}
7394 
 
7395 
.test-section .panel-title {
7396 
    font-size: 16px;
7397 
    font-weight: bold;
7398 
    text-transform: uppercase;
7399 
}
7400 
 
7401 
.test-section .np-padding {
7402 
    padding: 0px;
7403 
}
7404 
 
7405 
.test-section .checkbox {
7406 
    display: flex;
7407 
    margin: 20px 0px;
7408 
}
7409 
 
7410 
.test-section .option {
7411 
    margin-left: 10px;
7412 
}
7413 
 
3508 stevensc 7414 
.checkbox input[type="checkbox"],
7415 
input[type="radio"] {
3497 stevensc 7416 
    margin-top: 5px !important;
7417 
}
7418 
 
7419 
.test-section h6 {
7420 
    margin-bottom: 10px;
7421 
    color: #0860bf;
7422 
}
7423 
 
7424 
.wizard {
7425 
    display: flex;
7426 
    margin-top: 10px;
7427 
}
7428 
 
7429 
.wizard li {
7430 
    width: 50%;
7431 
    display: inline-block;
7432 
}
7433 
 
7434 
.btn-secondary:disabled,
7435 
.btn-primary:disabled {
7436 
    cursor: no-drop;
7437 
}
7438 
 
7439 
.test-section .btn-primary {
3508 stevensc 7440 
    margin-left: 10px;
3497 stevensc 7441 
}
7442 
 
7443 
.previous {
7444 
    text-align: left;
7445 
}
7446 
 
7447 
.next {
7448 
    text-align: right;
7449 
}
7450 
 
7451 
.test-section .close {
7452 
    border: none !important;
7453 
    border-radius: 0px !important;
7454 
}
7455 
 
7456 
.ratin-range {
7457 
    display: block;
7458 
}
7459 
 
7460 
.ratin-range li {
7461 
    display: inline-block;
7462 
    width: 6%;
7463 
}
7464 
 
7465 
.ratin-range li .option {
7466 
    margin-top: 2px !important;
7467 
}
7468 
 
7469 
#react-self-evaluation .company-up-info ul {
7470 
    width: 100%;
7471 
    position: absolute;
7472 
    float: left;
7473 
    left: 0px;
7474 
    bottom: 4vw;
7475 
}
7476 
 
7477 
#react-self-evaluation .company-up-info {
7478 
    padding: 30px 10px;
7479 
    min-height: 20vw;
3508 stevensc 7480 
    border: 1px solid #e5e5e5;
3497 stevensc 7481 
}
7482 
 
7483 
#react-self-evaluation .company-up-info h3 {
7484 
    width: 90%;
7485 
    margin: 5px auto;
7486 
}
7487 
 
7488 
.mb10 {
7489 
    margin-bottom: 3vw;
7490 
}
7491 
 
7492 
.opt-h6 {
7493 
    font-weight: 600 !important;
7494 
    color: #000 !important;
3508 stevensc 7495 
}
3783 stevensc 7496 
 
7497 
// Alert notification
7498 
 
7499 
.alert-danger {
7500 
    background-color: $danger !important;
5072 stevensc 7501 
 
3783 stevensc 7502 
    &:hover {
7503 
        background-color: $danger-hover !important;
7504 
    }
5072 stevensc 7505 
}