WebSVN – LeadersLinked - Antes de SPA – Diff – /public/look-and-field/settings/base.scss



 
.login_register {
    float: right;
    margin-top: 8px;
    padding-left: 30px;
 
    ul li {
        display: inline-block;
        margin-right: 8px;
 
        &:last-child {
            margin-right: 0;
        }
 
        a {
            display: inline-block;
            color: #ffffff;
            font-size: 14px;

}

 
.search-bar {
    width: 280px;
    margin-top: 9px;
 
    form {
        width: 100%;
        position: relative;
 
        input {
            width: 100%;
            background-color: $bg-color;
            height: 38px;
            color: #b2b2b2;
            font-size: 12px;
            border: 0;
            padding: 0 10px;
        }
 
        button {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #efefef;
            width: 38px;
            height: 100%;
            border: 0;
 
            i {
                color: #e44d3a;
                font-size: 20px;
                font-weight: bold;

 
.nt-title {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
 
    h4 {
        color: #686868;
        font-size: 12px;
        font-weight: 600;
    }
 
    &>a {
        color: #686868;
        font-size: 12px;
        font-weight: 600;
    }

}
 
.nott-list {
    width: 100%;
 
    .notification-info {
        width: 86%;
        text-align: left;
        position: relative;
 
        h3 {
            line-height: 20px;
        }
 
        span {
            position: absolute;
            bottom: 5px;

    }
}

 
.view-all-nots {
    width: 100%;
 
    &>a {
        width: 100%;
        color: #ffffff;
        font-size: 16px;
        text-transform: capitalize;

    border-radius: $border-radius;
    width: 100%;
    display: block;
    box-shadow: $light-shadow;
    border: 1px solid $border-primary;
 
    .user {
        display: flex;
        align-items: center;
        padding: 1rem;
        gap: 0.5rem;
        border-right: 1px solid $border-primary;
 
        &:last-child {
            border-right: none;
        }
 
        img {
            border-radius: 50%;
            max-width: 3.3rem;
            background: #fff;
        }
 
        div.d-flex {
            gap: 0.5rem;
        }
 
        h4 {
            font-weight: 500;
            line-height: 1.4;
        }
 
        @media (min-width: 768px) {
            border-right: none;
            border-top: 1px solid $border-primary;
            min-width: auto;
        }

    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

 
.user-account-settingss>h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    width: 100%;

 
.search_form {
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
 
    form {
        width: 100%;
        position: relative;
 
        input {
            width: 100%;
            height: 35px;
            padding: 0 15px;
            border: 1px solid #e5e5e5;
            background-color: #f2f2f2;
        }
 
        button {
            color: #f2f2f2;
            font-size: 14px;
            background-color: #e44d3a;

 
.us-links {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px;
 
    li {
        width: 100%;
        margin-bottom: 15px;
 
        &:last-child {
            margin-bottom: 0;
        }
 
        a {
            width: 100%;
            color: #000000;
            font-size: 14px;

 
.user-info a {
    color: #fff;
    font-size: 14px;
    margin-top: 8px;
 
    &:hover {
        color: #fff;
    }

}
 
.user-info>i {
    position: absolute;
    top: 50%;
    right: -15px;

}

 
.main-section {
    padding: 0;
    width: 100%;
 
    @media (min-width: 768px) {
        padding: 0 1rem;
    }
 
    @media (min-width: 1024px) {
        padding: 0 5%;
    }

}
 
.main-section-data {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
 
    @media (min-width: 768px) {
        display: grid;
        grid-template-columns: 40% 58% !important;
    }
 
    @media (min-width: 1200px) {
        grid-template-columns: 27% 43% 27% !important;

    gap: 0.5rem;
}

 
.right-sidebar {
    display: none;
 
    @media (min-width: 1200px) {
        display: flex;
    }

    padding: 1rem;
    background: var(--bg-color);
    border-radius: var(--border-radius);
    box-shadow: var(--light-shadow);
    border: 1px solid var(--border-primary);
 
    .notification-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
 
    ul {
        display: flex;
        flex-direction: column;
        gap: 1rem;
 
        .notification-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 0.5rem;
 
            a,
            span {
                color: $font-color;
            }
 
            a {
                position: relative;
 
                &::before {
                    content: "";
                    width: 15px;
                    height: 15px;
                    border-radius: 100px;

    height: 110px;
    margin: 0 auto;
    margin-bottom: -48px;
}

 
.usr-pic>img {
    float: none;
    border: 5px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;

    width: 100%;
    position: relative;
    display: grid;
    background-color: transparent;
    padding: 0 5px 20px;
 
    h3,
    a,
    label {
        color: $title-color;
    }
 
    h4 {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
 
    h3 {
        font-size: 1.1rem;
        font-weight: 700;
    }
 
    a,
    label {
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
    }
 
    i {
        color: $icons-color;
        font-size: 24px;
        position: absolute;
        right: 5px;

}

 
.suggestion-usd {
    width: 100%;
    padding: 15px 20px;
 
    img {
        border-radius: 100px;
        background: #fff;
    }
 
    &>span {
        margin-top: 4px;
        position: relative;
        margin-left: 1rem;
 
        i {
            color: #b2b2b2;
            width: 25px;
            height: 25px;
            border-radius: 3px;
            cursor: pointer;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
 
            &:hover {
                background-color: #0961bf !important;
                color: #fff;
                border-radius: 3px;

    }
}

 
.sgt-text {
    padding-left: 10px;
 
    h4 {
        color: $font-color;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 4px;
    }
 
    span {
        color: #686868;
        font-size: 14px;
    }

    cursor: pointer;
    text-align: center;
    display: flex !important;
    justify-content: center;
    align-items: center;
 
    &:hover {
        background-color: #0961bf !important;
        color: #fff;
    }
}

 
.view-more>a {
    color: #e44d3a;
    font-size: 14px;
    font-weight: 700;

}
 
.view-more>a:hover {

    color: #e44d3a;

    background-color: $bg-color;
    border: 1px solid $border-primary;
    border-radius: $border-radius;
    border-start-end-radius: 0;
    box-shadow: $shadow;
 
    &.active {
        display: block;
    }
 
    li .option-btn {
        cursor: pointer;
        color: $font-color;
        width: 100%;
        text-align: left;
        transition: all 0.2s;
 
        &:hover {
            font-weight: bold;
        }
    }
}

}

 
.usy-dt {
    display: flex;
    gap: 0.5rem;
 
    img {
        border-radius: 100px;
        background-color: #fff;
    }

}
 
.ed-opts {
    position: relative;
 
    &>a {
        color: #b2b2b2;
        font-size: 24px;
        position: relative;
 
        &:hover {
            color: #e44d3a;
        }

    background-color: $bg-color;
    box-shadow: $light-shadow;
    padding: 20px;
    visibility: hidden;
    z-index: 5;
 
    &.active {
        visibility: visible;
    }
 
    li {
        width: 100%;
        margin-bottom: 15px;
 
        &:last-child {
            margin-bottom: 0;
        }
 
        a {
            color: #686868;
            font-size: 14px;
            font-weight: 600;
        }

 
.usy-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
 
    h3 {
        color: $subtitle-color;
        font-size: 18px;
        text-transform: capitalize;

 
.job_descp {
    width: 100%;
    display: grid;
    gap: 0.5rem;
 
    h3 {
        color: $subtitle-color;
        font-size: 16px;
        font-weight: 600;
    }
 
    &>p {
        color: $font-color;
        font-size: 15px;
        line-height: 24px;
    }
 
    video,
    img {
        width: 100%;
        height: 400px;

    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 10px;
    border-bottom: 1px solid #cdd2e1;
 
    li a,
    li button {
        color: $subtitle-color;
        font-size: 1rem;
    }
 
    @media (min-width: 768px) {
        justify-content: flex-start;
        gap: 1.5rem;
 
        li a,
        li button {
            font-size: 1rem;
        }
    }
}

 
.img-icon {
    height: 1rem;
    width: 1rem;
 
    &.lg {
        height: 1.5rem;
        width: 1.5rem;
    }
 
    &.options {
        height: 1.5rem;
        width: auto;
    }
 
    &.options-sm {
        height: 1rem;
        width: auto;
    }
 
    &.options-lg {
        height: 1.5rem;
        width: auto;
    }

.like-com {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 1rem;
 
    li {
        color: $font-color;
 
        a {
            color: $subtitle-color;
 
            &:hover,
            &.active {
                color: #e44d3a;
            }
 
            i {
                margin-right: 2px;
                font-size: 14px;
                position: relative;
                top: 2px;
            }
        }
 
        span {
            color: #ffffff;
            font-size: 13px;
            width: 30px;
            height: 30px;

            margin-left: -25px;
        }

 
        .com {
            position: relative;
 
            img {
                margin-right: 10px;
            }
        }
    }

}
 
.job-status-bar>a {
    color: #b2b2b2 !important;
    font-size: 14px;

    cursor: pointer;
}
 

.job-status-bar>a:hover {
    color: #e44d3a !important;
}
 
.job-status-bar>a i {
    font-size: 14px;

    -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
    padding: 20px 0 0 0;
}

 
.user-profy>img {
    float: none;
    margin-bottom: 6px;

}

 
.hire {
    background-color: #51a5fb;

}
 
.user-profy>a {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 14px;
    text-transform: capitalize;
    padding: 15px 0;
    border-top: 1px solid #ececec;

    font-weight: 600;
}
 
.user-profy>a:hover {

    background-color: #e44d3a;

    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
}

 
.comment>a {
    display: inline-block;
    color: #b2b2b2;
    font-size: 14px;
    font-weight: 600;

}
 
.comment>a.active,
.comment>a:hover {

    color: #e44d3a;
}
 
.comment>a i {

    font-weight: 600;

    background-color: $bg-color;
}

 
.widget-about {
    text-align: center;
 
    h3 {
        color: $title-color;
        font-size: 20px;
        font-weight: 600;
    }
 
    span {
        color: $subtitle-color;
        font-size: 14px;
        width: 100%;
    }
 
    p {
        color: $font-color;
    }

 
.sign_link h3 a {
    color: #000;

}
 
.sign_link>a {
    display: inline-block;
    color: #e44d3a;
    font-size: 14px;

    font-weight: 500;
}
 

.sign_link>a:hover {

    visibility: visible;
    z-index: 999;
    transform: scale(1) translateX(-50%) translateY(-50%);
}

 
.post-project>a {
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;

}
 
.post-project>a:hover {

    color: #fff;
}

    float: left;
    width: 225px !important;
    position: relative;
}

 
.price-br>i {
    position: absolute;
    top: 0;
    right: 0;
    color: #b2b2b2;

}

 
.sign-in-page {
    width: 100%;
    padding: 2rem 1rem;
 
    .row {
        row-gap: 1rem;
    }
 
    @media (min-width: 768px) {
        padding: 2rem 0 0;
    }

.cmp-info {
    width: 100%;
    display: grid;
    place-items: center;
    height: 100%;
 
    .cm-logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 100%;
 
        img {
            margin-bottom: 0.5rem;
            width: 100%;
            object-fit: scale-down;
        }
    }
 
    @media (min-width: 721px) {
        .cm-logo {
            padding: 0 3rem;
        }
    }

    row-gap: 1rem;
}

 
.login-sec {
    width: 100%;
 
    @media (min-width: 768px) {
        padding: 0 3rem;
    }

}
 
.sign-control {
    width: 100%;
    margin-bottom: 1.5rem;
    display: flex;
 
    li {
        display: inline-block;
 
        a {
            font-size: 14px;
            padding: 7px 10px;

}

 
.sign_in_sec {
    width: 100%;
    display: none;
 
    &.current {
        display: flex;
    }
 
    h3 {
        font-size: 18px;
        font-weight: 600;
        position: relative;
        width: fit-content;
        padding-bottom: 0.5rem;
 
        &:before {
            content: "";
            position: absolute;
            background-color: #0961bf;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
        }
    }
 
    form {
        width: 100%;
 
        input,
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,

            border: 1px solid $border-primary;
            font-size: 14px;
            padding: 0 15px 0 40px;
            width: 100%;
        }
 
        select {
            line-height: 40px;
            height: 40px;
        }
 
        button {
            color: $button-text-color-secondary;
            border: 1px solid $border-primary;
            font-size: 16px;
            background-color: $button-bg-secondary;
            padding: 12px 27px;
            font-weight: 500;
            cursor: pointer;
 
            &:disabled {
                background-color: #dddddd;
                color: #a3a1a1;
            }
        }

/* ============= sign_in_sec ============= */

 
.sn-field {
    width: 100%;
    position: relative;
 
    &>i {
        position: absolute;
        top: 50%;
        left: 15px;
        color: #666666;
        font-size: 16px;
        transform: translateY(-50%);
    }
 
    &>span {
        position: absolute;
        top: 50%;
        right: 15px;
        font-weight: 700;

    font-size: 13px;
    width: 90%;
    line-height: 20px;
}

 
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
    margin-top: 3px;

}
 

 
.fgt-sec label {
    float: left;

}
 
.fgt-sec input[type="checkbox"]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;

    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

 
.fgt-sec input[type="checkbox"]+label span:before {
    content: "";
    width: 7px;
    height: 7px;
    -webkit-border-radius: 100px;

    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

 
.fgt-sec input[type="checkbox"]:checked+label span:before {
    opacity: 1;
    visibility: visible;

}

    font-size: 14px;
    font-weight: 500;
    padding-left: 10px;
}

 
.checky-sec>a {
    float: right;
    color: #000000;
    font-size: 14px;
    font-weight: 500;

 
.fgt-sec label {
    float: left;

}
 
.fgt-sec input[type="radio"]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;

    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

 
.fgt-sec input[type="radio"]+label span:before {
    content: "";
    width: 7px;
    height: 7px;
    -webkit-border-radius: 100px;

    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

 
.fgt-sec input[type="radio"]:checked+label span:before {
    opacity: 1;
    visibility: visible;

}

    margin-bottom: 20px;
    position: relative;
    margin-top: -30px;
}

 
.signup-tab>i {
    position: absolute;
    top: 15px;
    left: 13px;
    color: #000;

        color: $title-color;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }
 
    &,
    ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
 
        li {
            width: 100%;
 
            a {
                display: block;
                padding: 10px;
 
                i {
                    margin-right: 15px;
                }
            }
        }

/* =============== footy-sec ============= */

 
.footy-sec {
    width: 100%;
    padding: 2rem 0;
 
    &.container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 1rem;
 
        .row {
            gap: 1rem;
            width: 94% !important;
            display: flex;
            justify-content: space-evenly;
        }
    }
 
    p {
        font-size: 14px;
        font-weight: 500;
        order: 3;
 
        img {
            padding-right: 5px;
            position: relative;
            top: 6px;
        }
    }
 
    ul {
        margin-top: 5px;
 
        li {
            display: inline-block;
            padding: 0 10px;
            border-right: 1px solid #ffffff;
 
            &:last-child {
                border-right: none;
            }
 
            a {
                display: inline-block;
                color: #3b5998;
                font-size: 14px;

}

 
footer {
    width: 100%;
    display: none;
 
    a {
        color: $font-color;
    }
 
    &.footer-row {
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
 
    @media (min-width: 768px) {
        display: block;
    }

}
 
.footy-sec.mn {
    p {
        color: #b2b2b2;
    }
 
    ul {
        padding: 30px 0;
 
        li {
            border-color: #b2b2b2;
 
            a {
                color: $subtitle-color;
 
                &:hover {
                    color: #e44d3a;
                }

    max-height: 400px;
    overflow: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
 
    &::-webkit-scrollbar-thumb {
        background-color: #0000;
    }
 
    @media (min-width: 768px) {
        flex-direction: column;
 
        &::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
        }
    }
}

.cover-sec {
    background-color: #fff;
    margin-bottom: 1.5rem;
    max-height: 280px;
    overflow: hidden;
 
    img {
        width: 100%;
    }
 
    &>a {
        display: inline-block;
        color: #e44d3a;
        font-size: 16px;
        background-color: #fff;
        border: 1px solid #e44d3a;

        top: 30px;
        right: 0;
        padding: 10px 15px;
        font-weight: 600;
        margin-right: 15px;
 
        i {
            padding-right: 5px;
        }
    }
}

    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 0.5rem;
 
    .btn {
        padding: 0.2rem 0.6rem;
    }
}

    justify-content: center;
    align-items: center;
    gap: 1rem;
    position: relative;
    padding-top: 120px;
 
    @media (min-width: 768px) {
        padding-top: 1rem;
    }
}

 
.user-pro-img {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 50%;
 
    @media (min-width: 768px) {
        bottom: auto;
        position: relative;
    }
 
    .add-dp {
        position: absolute;
        top: 10px;
        left: 60%;
    }
 
    img {
        width: 160px;
        border-radius: 100px;
        background: #fff;

}

 
.add-dp {
    margin: -16px;
    padding: 0;
 
    i {
        bottom: 0;
        font-size: 14px;
        box-shadow: none;

        background: #0961bf;
        padding: 12px;
        color: #ffff;
        left: 0;
        top: -5px;
 
        &:hover {
            font-size: 14px;
            border: 2px solid #fff;
            background: #1dac98;
            padding: 11px;
        }
    }
 
    input[type="file"] {
        opacity: 0;
        padding: 10px 0px 9px;
        display: none;
    }

.flw-status {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem;
 
    li {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
 
        span,
        b {
            color: $font-color;
        }
 
        b {
            font-weight: 600;
        }
    }
}

/* ================== social_links ============= */

 
.social_links {
    width: 100%;
    text-align: left;
 
    li {
        width: 100%;
        padding: 15px 15px;
        border-bottom: 1px solid #e5e5e5;
 
        a {
            width: 100%;
            color: #51a5fb;
            font-size: 14px;
            font-weight: 400;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
 
            i {
                padding-right: 5px;
                font-size: 20px;
                position: relative;

 

/* ================= user-tab-sec ============== */
 
.user-tab-sec {
    width: 100%;
 
    h3 {
        color: $title-color;
        font-size: 1.5rem;

 
.star-descp ul li {
    margin-right: 5px !important;

}
 
.star-descp>a {
    float: left;
    color: #51a5fb;
    font-size: 18px;
    font-weight: 600;
    margin-left: 20px;

    text-decoration: underline;
}
 

.star-descp>a:hover {
    color: #51a5fb;

    font-size: 18px;
    font-weight: 600;
    margin-right: 20px;
}

 
.star-descp>ul {
    float: left;

}
 

 
.no-margin {
    margin: 0 !important;

}
 
.user-profile-ov>span {
    color: $font-color;
    font-size: 14px;
    float: left;

 
.row {
    margin: 0;

}
 
.gallery_pt>a {
    position: absolute;
    top: 100%;
    left: 0;

    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

 
.gallery_pt:hover>a {
    opacity: 1;
    visibility: visible;
    top: 50%;

}
 
.gallery_pt>a img {
    float: none;
    width: auto;

}

 
.datefm {
    width: 100%;
    position: relative;
 
    i {
        position: absolute;
        top: 11px;
        right: 15px;

    font-size: 14px;
    opacity: 0;
    display: none;
}

 
.file-submit [type="file"]+label {
    background: #e44d3a;
    border: none;
    float: left;
    border-top-right-radius: 0px;

    float: left;
    width: 100%;
    position: relative;
}

 
.daty>i {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #b2b2b2;

    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

 
.lt-sec>a {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    background-color: #e44d3a;

    font-weight: 600;
    padding: 20px 20px;
    border-bottom: 1px solid #e5e5e5;
}

 
.add-billing-method>h4 {
    color: #686868;
    font-size: 13px;
    font-weight: 500;
    padding: 20px 20px;

.payment_methods {
    float: left;
    width: 100%;
}

 
.payment_methods>h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    position: relative;

    margin-top: 15px;
}

 
.search-box {
 
    width: 100%;
    position: relative;

}
 
.search-box input,
.search-box input:focus {
    background: $bg-color;

    color: $font-color;
}
 
.search-box>.form-group::before {
    width: 100px;
    content: "Buscar";

 
.avail-checks li label {
    float: left;

}
 
.avail-checks li input[type="radio"]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;

    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

 
.avail-checks li input[type="radio"]+label span:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;

    background-color: #e44d3a;
    top: 3px;
    left: 3px;
}

 
.avail-checks li input[type="radio"]:checked+label span:before {
    opacity: 1;
    visibility: visible;

}

    overflow-x: scroll;
    transform: translateX(-90%);
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 12%), 0px -4px 4px -2px rgb(0 0 0 / 12%);
 
    &.post {
        transform: none;
        bottom: 100%;
        right: 1.5rem;
        z-index: 200;
    }
 
    @media (min-width: 768px) {
        transform: translateX(-43%);
    }
}

    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

 
.con-title>a {
    float: right;
    color: #fff;
    font-size: 20px;

    border: 1px solid $border-primary;
    border-radius: 10px;
    overflow: hidden;
}

 
.acc-leftbar .nav-tabs>a {
    border-bottom: 1px solid $border-primary;
    color: $subtitle-color;
    font-size: 16px;
    font-weight: 700;

 
.nav-tabs {
    border-bottom: 0;

}
 
.acc-leftbar .nav-tabs>a:last-child {

    border-bottom: 0;
}
 
.acc-leftbar .nav-tabs>a i {
    font-size: 1.5rem;
    position: relative;

    gap: 1rem;
    border-radius: $border-radius;
    border: 1px solid $border-primary;
    padding: 1rem;
    background-color: #fff;
 
    form {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
 
    &>h3 {
        color: $subtitle-color;
        font-weight: 600;
        font-size: 18px;
    }
 
    .notbat {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid $border-primary;
        padding: 0.5rem 1rem;
        width: 100%;
 
        &>span {
            max-width: 70%;
        }
    }
 
    .inputs__container {
        display: flex;
        width: 100%;
        gap: 1rem;
        align-items: center;
        flex-wrap: wrap;
    }
 
    .cp-field {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
 
    @media (min-width: 768px) {
        .cp-field {
            flex: 1;
        }
    }

    h5 {
        color: $title-color;
        font-size: 16px;
        font-weight: 600;
    }
 
    input,
    select,
    .custom-input {
        height: 40px;
        padding: 0 40px;
    }
 
    input,
    textarea,
    select,
    .custom-input {
        width: 100% !important;

        box-shadow: 0 0 2px $border-primary !important;
        border-radius: 10px !important;
        border: none !important;
        margin-top: 4px;
    }
 
    textarea {
        padding: 20px;
        height: 115px;
    }
}

    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

 
.notification-info>span {
    display: inline-block;
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 600;

.pd-left-right {
    padding-left: 15px;
    padding-right: 20px;
}

 
.profile-bx-info>p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;

    padding-top: 5%;
}

 
.messages-list {
    overflow-y: scroll;
 
    li {
        cursor: pointer;
 
        &.active {
            background-color: #efefef;
        }
    }

    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: $border-radius;
 
    &:hover,
    &.is_selected {
        background: $light-gray;
    }
 
    .usr-ms-img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
 
        img {
            object-fit: cover;
        }
    }
 
    .usr-mg-info {
        h3 {
            color: $subtitle-color;
            font-size: 18px;
            font-weight: 600;
        }
 
        p {
            color: $font-color;
            font-size: 16px;
        }
    }

 
.message-bar-head .usr-msg-details {
    width: auto;

}
 
.message-bar-head>a {
    float: right;
    color: #b2b2b2;
    font-size: 20px;

.main-message-box {
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 15.5px;
 
    .message-inner-dt {
        width: 100%;
 
        &>img {
            display: inline-block;
            width: auto;
            max-height: 180px;
        }
 
        &>p {
            font-size: 14px;
        }
    }
 
    .message-dt {
        border-radius: $border-radius;
        border-top-left-radius: 0;
        width: auto;
        padding: 0.5rem;
        margin-left: 15px;
        background-color: $chat-send;
        color: $chat-color;
        box-shadow: $white-backdrop;
    }
 
    .messg-usr-img {
        margin-left: 20px;
        width: 50px;
    }
 
    .message-dt>span {
        color: #b2b2b2;
        font-size: 14px;
        float: left;
        width: 100%;
        margin-top: 7px;
    }
 
    &.ta-right {
        flex-direction: row-reverse;
    }
 
    &.ta-right .messg-usr-img {
        margin-left: 0;
        margin-right: 20px;
    }
 
    &.ta-right .message-dt {
        border-top-left-radius: $border-radius;
        border-top-right-radius: 0;
        margin-right: 15px;
        background-color: $chat-received;
    }
 
    &.ta-right .message-dt>span {
        float: right;
        width: auto;
    }
}

    background-color: #efefef;
    padding: 20px;
}

 
.message-dt.st3 .message-inner-dt {
    &>p {
        background-color: #efefef;
        color: #686868;
        width: auto;
        padding: 10px 15px;
        float: left;
    }
 
    &>img {
        float: right;
        position: relative;
        top: 3px;
        padding-left: 5px;

    border-radius: 30px;
    height: 1.5rem;
    color: gray;
    cursor: pointer;
    transition: all 0.2s;
 
    &:hover {
        color: #000;
    }
 
    &>input {
        display: none;
        border: none;
        outline: none;
        background: none;
    }
 
    &.show {
        padding: 0.5rem;
        background-color: #eef3f0;
        width: -webkit-fill-available;
 
        &>input {
            display: initial;
        }
    }
}

 
.group__search {
    flex: initial;
    margin: 0 1rem;
 
    input {
        display: initial;
    }

    float: left;
    width: 90%;
    padding-left: 15px;
}

 
.usr_quest>h3 {
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;

}
 
.forum-post-view .usr_quest>h3 {

    margin-bottom: 10px;
}

    background-color: #fff;
    margin-top: 20px;
    padding: 12px 25px;
}

 
.next-prev>a {
    width: 90px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #b2b2b2;
    font-size: 14px;
    background-color: #e5e5e5;

}
 
.next-prev>a:hover {
    color: #fff;

    background-color: #e44d3a;

    line-height: 80px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
}

 
.spinner>div {
    width: 15px;
    height: 15px;
    background-color: #b9b9b9;
    border-radius: 100%;

    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

 
@-webkit-keyframes sk-bouncedelay {
 
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);

        -webkit-transform: scale(1);
    }
}

 
@keyframes sk-bouncedelay {
 
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);

    overflow: hidden;
    width: 0;
    float: left;
}

 
.add-pic-box [type="file"]+label {
    background: #fff;
    border: 2px solid #e44d3a;
    border-radius: 3px;
    color: #e44d3a;

    margin: 0;
    float: right;
    text-transform: uppercase;
}

 
.add-pic-box [type="file"]+label:hover {
    background: #e44d3a;
    color: #fff;

}

 
.modal-header {
    position: relative;
    padding: 0;
    border-bottom: none;
 
    button.close {
        z-index: 100;
        border: none;
        top: -0.5rem;

    border-radius: $button-text-color;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    border-radius: $border-radius;
 
    &:hover,
    &:active {
        background-color: $button-bg-hover;
    }
 
    &:nth-child(2) {
        color: $button-text-color-secondary !important;
        background-color: $button-bg-secondary;
        border: 1px solid $border-gray-primary;
 
        &:hover {
            background-color: $button-bg-secondary-hover;
        }
    }
}

 
.modal-footer button.save {
    color: $button-text-color-secondary;
    background-color: $button-bg-secondary;
 
    &:hover {
        background-color: $button-bg-secondary-hover;
    }

    content: "";
    background-color: #fff;
    border: #e1e1e1 solid 2px;
}

 
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #e44d3a;
    background-color: #e44d3a;
    box-shadow: none;

    position: initial;
    margin-bottom: 0;
    vertical-align: top;
}

 
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(2.5rem);
    transform: translateX(2.5rem);

 

// Alert notification
 
.alert-danger {
    background-color: $danger !important;
 
    &:hover {
        background-color: $danger-hover !important;
    }

Rev 5057	Rev 5072
Línea 307...	Línea 307...
307		307
308	`.login_register {`	308	`.login_register {`
309	`float: right;`	309	`float: right;`
310	`margin-top: 8px;`	310	`margin-top: 8px;`
-		311	`padding-left: 30px;`
311	`padding-left: 30px;`	312
312	`ul li {`	313	`ul li {`
313	`display: inline-block;`	314	`display: inline-block;`
-		315	`margin-right: 8px;`
314	`margin-right: 8px;`	316
315	`&:last-child {`	317	`&:last-child {`
316	`margin-right: 0;`	318	`margin-right: 0;`
-		319	`}`
317	`}`	320
318	`a {`	321	`a {`
319	`display: inline-block;`	322	`display: inline-block;`
320	`color: #ffffff;`	323	`color: #ffffff;`
321	`font-size: 14px;`	324	`font-size: 14px;`
Línea 333...	Línea 336...
333	`}`	336	`}`
Línea 334...	Línea 337...
334		337
335	`.search-bar {`	338	`.search-bar {`
336	`width: 280px;`	339	`width: 280px;`
-		340	`margin-top: 9px;`
337	`margin-top: 9px;`	341
338	`form {`	342	`form {`
339	`width: 100%;`	343	`width: 100%;`
-		344	`position: relative;`
340	`position: relative;`	345
341	`input {`	346	`input {`
342	`width: 100%;`	347	`width: 100%;`
343	`background-color: $bg-color;`	348	`background-color: $bg-color;`
344	`height: 38px;`	349	`height: 38px;`
345	`color: #b2b2b2;`	350	`color: #b2b2b2;`
346	`font-size: 12px;`	351	`font-size: 12px;`
347	`border: 0;`	352	`border: 0;`
348	`padding: 0 10px;`	353	`padding: 0 10px;`
-		354	`}`
349	`}`	355
350	`button {`	356	`button {`
351	`position: absolute;`	357	`position: absolute;`
352	`top: 0;`	358	`top: 0;`
353	`right: 0;`	359	`right: 0;`
354	`background-color: #efefef;`	360	`background-color: #efefef;`
355	`width: 38px;`	361	`width: 38px;`
356	`height: 100%;`	362	`height: 100%;`
-		363	`border: 0;`
357	`border: 0;`	364
358	`i {`	365	`i {`
359	`color: #e44d3a;`	366	`color: #e44d3a;`
360	`font-size: 20px;`	367	`font-size: 20px;`
361	`font-weight: bold;`	368	`font-weight: bold;`
Línea 404...	Línea 411...
404		411
405	`.nt-title {`	412	`.nt-title {`
406	`width: 100%;`	413	`width: 100%;`
407	`border-bottom: 1px solid #e5e5e5;`	414	`border-bottom: 1px solid #e5e5e5;`
-		415	`padding: 10px 20px;`
408	`padding: 10px 20px;`	416
409	`h4 {`	417	`h4 {`
410	`color: #686868;`	418	`color: #686868;`
411	`font-size: 12px;`	419	`font-size: 12px;`
412	`font-weight: 600;`	420	`font-weight: 600;`
-		421	`}`
413	`}`	422
414	`& > a {`	423	`&>a {`
415	`color: #686868;`	424	`color: #686868;`
416	`font-size: 12px;`	425	`font-size: 12px;`
417	`font-weight: 600;`	426	`font-weight: 600;`
418	`}`	427	`}`
Línea 419...	Línea 428...
419	`}`	428	`}`
420		429
-		430	`.nott-list {`
421	`.nott-list {`	431	`width: 100%;`
422	`width: 100%;`	432
423	`.notification-info {`	433	`.notification-info {`
424	`width: 86%;`	434	`width: 86%;`
-		435	`text-align: left;`
425	`text-align: left;`	436	`position: relative;`
426	`position: relative;`	437
427	`h3 {`	438	`h3 {`
-		439	`line-height: 20px;`
428	`line-height: 20px;`	440	`}`
429	`}`	441
430	`span {`	442	`span {`
431	`position: absolute;`	443	`position: absolute;`
432	`bottom: 5px;`	444	`bottom: 5px;`
Línea 439...	Línea 451...
439	`}`	451	`}`
440	`}`	452	`}`
Línea 441...	Línea 453...
441		453
442	`.view-all-nots {`	454	`.view-all-nots {`
-		455	`width: 100%;`
443	`width: 100%;`	456
444	`& > a {`	457	`&>a {`
445	`width: 100%;`	458	`width: 100%;`
446	`color: #ffffff;`	459	`color: #ffffff;`
447	`font-size: 16px;`	460	`font-size: 16px;`
448	`text-transform: capitalize;`	461	`text-transform: capitalize;`
Línea 468...	Línea 481...
468	`border-radius: $border-radius;`	481	`border-radius: $border-radius;`
469	`width: 100%;`	482	`width: 100%;`
470	`display: block;`	483	`display: block;`
471	`box-shadow: $light-shadow;`	484	`box-shadow: $light-shadow;`
472	`border: 1px solid $border-primary;`	485	`border: 1px solid $border-primary;`
-		486
473	`.user {`	487	`.user {`
474	`display: flex;`	488	`display: flex;`
475	`align-items: center;`	489	`align-items: center;`
476	`padding: 1rem;`	490	`padding: 1rem;`
477	`gap: 0.5rem;`	491	`gap: 0.5rem;`
478	`border-right: 1px solid $border-primary;`	492	`border-right: 1px solid $border-primary;`
-		493
479	`&:last-child {`	494	`&:last-child {`
480	`border-right: none;`	495	`border-right: none;`
481	`}`	496	`}`
-		497
482	`img {`	498	`img {`
483	`border-radius: 50%;`	499	`border-radius: 50%;`
484	`max-width: 3.3rem;`	500	`max-width: 3.3rem;`
485	`background: #fff;`	501	`background: #fff;`
486	`}`	502	`}`
-		503
487	`div.d-flex {`	504	`div.d-flex {`
488	`gap: 0.5rem;`	505	`gap: 0.5rem;`
489	`}`	506	`}`
-		507
490	`h4 {`	508	`h4 {`
491	`font-weight: 500;`	509	`font-weight: 500;`
492	`line-height: 1.4;`	510	`line-height: 1.4;`
493	`}`	511	`}`
-		512
494	`@media (min-width: 768px) {`	513	`@media (min-width: 768px) {`
495	`border-right: none;`	514	`border-right: none;`
496	`border-top: 1px solid $border-primary;`	515	`border-top: 1px solid $border-primary;`
497	`min-width: auto;`	516	`min-width: auto;`
498	`}`	517	`}`
Línea 548...	Línea 567...
548	`opacity: 1;`	567	`opacity: 1;`
549	`visibility: visible;`	568	`visibility: visible;`
550	`z-index: 9999;`	569	`z-index: 9999;`
551	`}`	570	`}`
Línea 552...	Línea 571...
552		571
553	`.user-account-settingss > h3 {`	572	`.user-account-settingss>h3 {`
554	`color: #000000;`	573	`color: #000000;`
555	`font-size: 16px;`	574	`font-size: 16px;`
556	`font-weight: 600;`	575	`font-weight: 600;`
557	`width: 100%;`	576	`width: 100%;`
Línea 582...	Línea 601...
582		601
583	`.search_form {`	602	`.search_form {`
584	`width: 100%;`	603	`width: 100%;`
585	`padding: 20px;`	604	`padding: 20px;`
-		605	`border-bottom: 1px solid #e5e5e5;`
586	`border-bottom: 1px solid #e5e5e5;`	606
587	`form {`	607	`form {`
588	`width: 100%;`	608	`width: 100%;`
-		609	`position: relative;`
589	`position: relative;`	610
590	`input {`	611	`input {`
591	`width: 100%;`	612	`width: 100%;`
592	`height: 35px;`	613	`height: 35px;`
593	`padding: 0 15px;`	614	`padding: 0 15px;`
594	`border: 1px solid #e5e5e5;`	615	`border: 1px solid #e5e5e5;`
595	`background-color: #f2f2f2;`	616	`background-color: #f2f2f2;`
-		617	`}`
596	`}`	618
597	`button {`	619	`button {`
598	`color: #f2f2f2;`	620	`color: #f2f2f2;`
599	`font-size: 14px;`	621	`font-size: 14px;`
600	`background-color: #e44d3a;`	622	`background-color: #e44d3a;`
Línea 615...	Línea 637...
615		637
616	`.us-links {`	638	`.us-links {`
617	`width: 100%;`	639	`width: 100%;`
618	`border-bottom: 1px solid #e5e5e5;`	640	`border-bottom: 1px solid #e5e5e5;`
-		641	`padding: 20px;`
619	`padding: 20px;`	642
620	`li {`	643	`li {`
621	`width: 100%;`	644	`width: 100%;`
-		645	`margin-bottom: 15px;`
622	`margin-bottom: 15px;`	646
623	`&:last-child {`	647	`&:last-child {`
624	`margin-bottom: 0;`	648	`margin-bottom: 0;`
-		649	`}`
625	`}`	650
626	`a {`	651	`a {`
627	`width: 100%;`	652	`width: 100%;`
628	`color: #000000;`	653	`color: #000000;`
629	`font-size: 14px;`	654	`font-size: 14px;`
Línea 642...	Línea 667...
642		667
643	`.user-info a {`	668	`.user-info a {`
644	`color: #fff;`	669	`color: #fff;`
645	`font-size: 14px;`	670	`font-size: 14px;`
-		671	`margin-top: 8px;`
646	`margin-top: 8px;`	672
647	`&:hover {`	673	`&:hover {`
648	`color: #fff;`	674	`color: #fff;`
649	`}`	675	`}`
Línea 650...	Línea 676...
650	`}`	676	`}`
651		677
652	`.user-info > i {`	678	`.user-info>i {`
653	`position: absolute;`	679	`position: absolute;`
654	`top: 50%;`	680	`top: 50%;`
655	`right: -15px;`	681	`right: -15px;`
Línea 665...	Línea 691...
665	`}`	691	`}`
Línea 666...	Línea 692...
666		692
667	`.main-section {`	693	`.main-section {`
668	`padding: 0;`	694	`padding: 0;`
-		695	`width: 100%;`
669	`width: 100%;`	696
670	`@media (min-width: 768px) {`	697	`@media (min-width: 768px) {`
671	`padding: 0 1rem;`	698	`padding: 0 1rem;`
-		699	`}`
672	`}`	700
673	`@media (min-width: 1024px) {`	701	`@media (min-width: 1024px) {`
674	`padding: 0 5%;`	702	`padding: 0 5%;`
675	`}`	703	`}`
Línea 676...	Línea 704...
676	`}`	704	`}`
677		705
678	`.main-section-data {`	706	`.main-section-data {`
679	`width: 100%;`	707	`width: 100%;`
680	`display: flex;`	708	`display: flex;`
-		709	`flex-direction: column;`
681	`flex-direction: column;`	710	`gap: 1rem;`
682	`gap: 1rem;`	711
683	`@media (min-width: 768px) {`	712	`@media (min-width: 768px) {`
684	`display: grid;`	713	`display: grid;`
-		714	`grid-template-columns: 40% 58% !important;`
685	`grid-template-columns: 40% 58% !important;`	715	`}`
686	`}`	716
687	`@media (min-width: 1200px) {`	717	`@media (min-width: 1200px) {`
688	`grid-template-columns: 27% 43% 27% !important;`	718	`grid-template-columns: 27% 43% 27% !important;`
Línea 697...	Línea 727...
697	`gap: 0.5rem;`	727	`gap: 0.5rem;`
698	`}`	728	`}`
Línea 699...	Línea 729...
699		729
700	`.right-sidebar {`	730	`.right-sidebar {`
-		731	`display: none;`
701	`display: none;`	732
702	`@media (min-width: 1200px) {`	733	`@media (min-width: 1200px) {`
703	`display: flex;`	734	`display: flex;`
704	`}`	735	`}`
Línea 733...	Línea 764...
733	`padding: 1rem;`	764	`padding: 1rem;`
734	`background: var(--bg-color);`	765	`background: var(--bg-color);`
735	`border-radius: var(--border-radius);`	766	`border-radius: var(--border-radius);`
736	`box-shadow: var(--light-shadow);`	767	`box-shadow: var(--light-shadow);`
737	`border: 1px solid var(--border-primary);`	768	`border: 1px solid var(--border-primary);`
-		769
738	`.notification-header {`	770	`.notification-header {`
739	`display: flex;`	771	`display: flex;`
740	`align-items: center;`	772	`align-items: center;`
741	`justify-content: space-between;`	773	`justify-content: space-between;`
742	`position: relative;`	774	`position: relative;`
743	`}`	775	`}`
-		776
744	`ul {`	777	`ul {`
745	`display: flex;`	778	`display: flex;`
746	`flex-direction: column;`	779	`flex-direction: column;`
747	`gap: 1rem;`	780	`gap: 1rem;`
-		781
748	`.notification-item {`	782	`.notification-item {`
749	`display: flex;`	783	`display: flex;`
750	`flex-direction: column;`	784	`flex-direction: column;`
751	`justify-content: center;`	785	`justify-content: center;`
752	`gap: 0.5rem;`	786	`gap: 0.5rem;`
-		787
753	`a,`	788	`a,`
754	`span {`	789	`span {`
755	`color: $font-color;`	790	`color: $font-color;`
756	`}`	791	`}`
-		792
757	`a {`	793	`a {`
758	`position: relative;`	794	`position: relative;`
-		795
759	`&::before {`	796	`&::before {`
760	`content: "";`	797	`content: "";`
761	`width: 15px;`	798	`width: 15px;`
762	`height: 15px;`	799	`height: 15px;`
763	`border-radius: 100px;`	800	`border-radius: 100px;`
Línea 795...	Línea 832...
795	`height: 110px;`	832	`height: 110px;`
796	`margin: 0 auto;`	833	`margin: 0 auto;`
797	`margin-bottom: -48px;`	834	`margin-bottom: -48px;`
798	`}`	835	`}`
Línea 799...	Línea 836...
799		836
800	`.usr-pic > img {`	837	`.usr-pic>img {`
801	`float: none;`	838	`float: none;`
802	`border: 5px solid #fff;`	839	`border: 5px solid #fff;`
803	`-webkit-border-radius: 100px;`	840	`-webkit-border-radius: 100px;`
804	`-moz-border-radius: 100px;`	841	`-moz-border-radius: 100px;`
Línea 886...	Línea 923...
886	`width: 100%;`	923	`width: 100%;`
887	`position: relative;`	924	`position: relative;`
888	`display: grid;`	925	`display: grid;`
889	`background-color: transparent;`	926	`background-color: transparent;`
890	`padding: 0 5px 20px;`	927	`padding: 0 5px 20px;`
-		928
891	`h3,`	929	`h3,`
892	`a,`	930	`a,`
893	`label {`	931	`label {`
894	`color: $title-color;`	932	`color: $title-color;`
895	`}`	933	`}`
-		934
896	`h4 {`	935	`h4 {`
897	`margin-bottom: 5px;`	936	`margin-bottom: 5px;`
898	`font-size: 16px;`	937	`font-size: 16px;`
899	`font-weight: 600;`	938	`font-weight: 600;`
900	`line-height: 24px;`	939	`line-height: 24px;`
901	`}`	940	`}`
-		941
902	`h3 {`	942	`h3 {`
903	`font-size: 1.1rem;`	943	`font-size: 1.1rem;`
904	`font-weight: 700;`	944	`font-weight: 700;`
905	`}`	945	`}`
-		946
906	`a,`	947	`a,`
907	`label {`	948	`label {`
908	`font-size: 1rem;`	949	`font-size: 1rem;`
909	`font-weight: 600;`	950	`font-weight: 600;`
910	`cursor: pointer;`	951	`cursor: pointer;`
911	`}`	952	`}`
-		953
912	`i {`	954	`i {`
913	`color: $icons-color;`	955	`color: $icons-color;`
914	`font-size: 24px;`	956	`font-size: 24px;`
915	`position: absolute;`	957	`position: absolute;`
916	`right: 5px;`	958	`right: 5px;`
Línea 919...	Línea 961...
919	`}`	961	`}`
Línea 920...	Línea 962...
920		962
921	`.suggestion-usd {`	963	`.suggestion-usd {`
922	`width: 100%;`	964	`width: 100%;`
-		965	`padding: 15px 20px;`
923	`padding: 15px 20px;`	966
924	`img {`	967	`img {`
925	`border-radius: 100px;`	968	`border-radius: 100px;`
926	`background: #fff;`	969	`background: #fff;`
-		970	`}`
927	`}`	971
928	`& > span {`	972	`&>span {`
929	`margin-top: 4px;`	973	`margin-top: 4px;`
930	`position: relative;`	974	`position: relative;`
-		975	`margin-left: 1rem;`
931	`margin-left: 1rem;`	976
932	`i {`	977	`i {`
933	`color: #b2b2b2;`	978	`color: #b2b2b2;`
934	`width: 25px;`	979	`width: 25px;`
935	`height: 25px;`	980	`height: 25px;`
936	`border-radius: 3px;`	981	`border-radius: 3px;`
937	`cursor: pointer;`	982	`cursor: pointer;`
938	`text-align: center;`	983	`text-align: center;`
939	`display: flex;`	984	`display: flex;`
940	`justify-content: center;`	985	`justify-content: center;`
-		986	`align-items: center;`
941	`align-items: center;`	987
942	`&:hover {`	988	`&:hover {`
943	`background-color: #0961bf !important;`	989	`background-color: #0961bf !important;`
944	`color: #fff;`	990	`color: #fff;`
945	`border-radius: 3px;`	991	`border-radius: 3px;`
Línea 948...	Línea 994...
948	`}`	994	`}`
949	`}`	995	`}`
Línea 950...	Línea 996...
950		996
951	`.sgt-text {`	997	`.sgt-text {`
-		998	`padding-left: 10px;`
952	`padding-left: 10px;`	999
953	`h4 {`	1000	`h4 {`
954	`color: $font-color;`	1001	`color: $font-color;`
955	`font-size: 14px;`	1002	`font-size: 14px;`
956	`font-weight: 400;`	1003	`font-weight: 400;`
957	`margin-bottom: 4px;`	1004	`margin-bottom: 4px;`
-		1005	`}`
958	`}`	1006
959	`span {`	1007	`span {`
960	`color: #686868;`	1008	`color: #686868;`
961	`font-size: 14px;`	1009	`font-size: 14px;`
962	`}`	1010	`}`
Línea 970...	Línea 1018...
970	`cursor: pointer;`	1018	`cursor: pointer;`
971	`text-align: center;`	1019	`text-align: center;`
972	`display: flex !important;`	1020	`display: flex !important;`
973	`justify-content: center;`	1021	`justify-content: center;`
974	`align-items: center;`	1022	`align-items: center;`
-		1023
975	`&:hover {`	1024	`&:hover {`
976	`background-color: #0961bf !important;`	1025	`background-color: #0961bf !important;`
977	`color: #fff;`	1026	`color: #fff;`
978	`}`	1027	`}`
979	`}`	1028	`}`
Línea 980...	Línea 1029...
980		1029
981	`.view-more > a {`	1030	`.view-more>a {`
982	`color: #e44d3a;`	1031	`color: #e44d3a;`
983	`font-size: 14px;`	1032	`font-size: 14px;`
984	`font-weight: 700;`	1033	`font-weight: 700;`
Línea 985...	Línea 1034...
985	`}`	1034	`}`
986		1035
987	`.view-more > a:hover {`	1036	`.view-more>a:hover {`
Línea 988...	Línea 1037...
988	`color: #e44d3a;`	1037	`color: #e44d3a;`
Línea 1046...	Línea 1095...
1046	`background-color: $bg-color;`	1095	`background-color: $bg-color;`
1047	`border: 1px solid $border-primary;`	1096	`border: 1px solid $border-primary;`
1048	`border-radius: $border-radius;`	1097	`border-radius: $border-radius;`
1049	`border-start-end-radius: 0;`	1098	`border-start-end-radius: 0;`
1050	`box-shadow: $shadow;`	1099	`box-shadow: $shadow;`
-		1100
1051	`&.active {`	1101	`&.active {`
1052	`display: block;`	1102	`display: block;`
1053	`}`	1103	`}`
-		1104
1054	`li .option-btn {`	1105	`li .option-btn {`
1055	`cursor: pointer;`	1106	`cursor: pointer;`
1056	`color: $font-color;`	1107	`color: $font-color;`
1057	`width: 100%;`	1108	`width: 100%;`
1058	`text-align: left;`	1109	`text-align: left;`
1059	`transition: all 0.2s;`	1110	`transition: all 0.2s;`
-		1111
1060	`&:hover {`	1112	`&:hover {`
1061	`font-weight: bold;`	1113	`font-weight: bold;`
1062	`}`	1114	`}`
1063	`}`	1115	`}`
1064	`}`	1116	`}`
Línea 1068...	Línea 1120...
1068	`}`	1120	`}`
Línea 1069...	Línea 1121...
1069		1121
1070	`.usy-dt {`	1122	`.usy-dt {`
1071	`display: flex;`	1123	`display: flex;`
-		1124	`gap: 0.5rem;`
1072	`gap: 0.5rem;`	1125
1073	`img {`	1126	`img {`
1074	`border-radius: 100px;`	1127	`border-radius: 100px;`
1075	`background-color: #fff;`	1128	`background-color: #fff;`
1076	`}`	1129	`}`
Línea 1077...	Línea 1130...
1077	`}`	1130	`}`
1078		1131
-		1132	`.ed-opts {`
1079	`.ed-opts {`	1133	`position: relative;`
1080	`position: relative;`	1134
1081	`& > a {`	1135	`&>a {`
1082	`color: #b2b2b2;`	1136	`color: #b2b2b2;`
-		1137	`font-size: 24px;`
1083	`font-size: 24px;`	1138	`position: relative;`
1084	`position: relative;`	1139
1085	`&:hover {`	1140	`&:hover {`
1086	`color: #e44d3a;`	1141	`color: #e44d3a;`
1087	`}`	1142	`}`
Línea 1096...	Línea 1151...
1096	`background-color: $bg-color;`	1151	`background-color: $bg-color;`
1097	`box-shadow: $light-shadow;`	1152	`box-shadow: $light-shadow;`
1098	`padding: 20px;`	1153	`padding: 20px;`
1099	`visibility: hidden;`	1154	`visibility: hidden;`
1100	`z-index: 5;`	1155	`z-index: 5;`
-		1156
1101	`&.active {`	1157	`&.active {`
1102	`visibility: visible;`	1158	`visibility: visible;`
1103	`}`	1159	`}`
-		1160
1104	`li {`	1161	`li {`
1105	`width: 100%;`	1162	`width: 100%;`
1106	`margin-bottom: 15px;`	1163	`margin-bottom: 15px;`
-		1164
1107	`&:last-child {`	1165	`&:last-child {`
1108	`margin-bottom: 0;`	1166	`margin-bottom: 0;`
1109	`}`	1167	`}`
-		1168
1110	`a {`	1169	`a {`
1111	`color: #686868;`	1170	`color: #686868;`
1112	`font-size: 14px;`	1171	`font-size: 14px;`
1113	`font-weight: 600;`	1172	`font-weight: 600;`
1114	`}`	1173	`}`
Línea 1117...	Línea 1176...
1117		1176
1118	`.usy-name {`	1177	`.usy-name {`
1119	`display: flex;`	1178	`display: flex;`
1120	`flex-direction: column;`	1179	`flex-direction: column;`
-		1180	`justify-content: center;`
1121	`justify-content: center;`	1181
1122	`h3 {`	1182	`h3 {`
1123	`color: $subtitle-color;`	1183	`color: $subtitle-color;`
1124	`font-size: 18px;`	1184	`font-size: 18px;`

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/look-and-field/settings/base.scss @ 5083 – Rev 5057 → 5072