body {
    background: white;
}

.NavBarStyle {
    background: #e9e9e9;
    border: hidden;
}

.BackColor {

    background-color: #e9e9e9 !important;

}

.btn-primary {
    background-color: #6c757db0;
    border-color: #c4c7c9;
}

    .btn-primary:hover {
        background-color: #4b4b4b;
        border-color: #6c757db0;
        color: white;
    }

.form-check-input:checked {
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    box-shadow: none;
}

.tips-carousel {
}

    .tips-carousel::before {
        mask-image: radial-gradient(white, transparent 80%);
        -webkit-mask-image: radial-gradient(white, transparent 80%);
    }

    .tips-carousel .carousel-control-prev {
        color: black;
        fill:black;
    }

    .tips-carousel .carousel-control-next {
        color: black;
        
    }

.texto-ajustable {
    color: #333;
}

.HrHashtagListar {
    background-color: #c4c7c9;
    color: black;
}

.HashtagMenuPublicacion {
}

    .HashtagMenuPublicacion .btn {
        background: #c4c7c9;
    }

.SVGLikeYNLike {
    color: black;
    fill: white;
}

.SVGUpOrDownHastag {
    fill: black;
    fill-opacity: 0.8;
}

    .SVGUpOrDownHastag:hover {
        fill-opacity: 1;
    }

.SVGDeleteHastag {
    fill: black;
    fill-opacity: 0.8;
}

    .SVGDeleteHastag:hover {
        fill-opacity: 1;
    }

.bclose {
    color: black;
    background-color: transparent;
    fill: black;
    border: hidden;
    opacity: 0.7;
    margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto;
}

.ColumnaDerecha {
    background-color: #e9e9e9;
    border: hidden;
}

.ColumnaIzqueirda {
    background-color: #e9e9e9;
    border: hidden;
}

.custom-Feedback {
    
    background: #fff;
    color: #333;

}

    .Ventana-Reporte {
        background-color: #e9e9e9;
        border-color: black;
    }

    .Ventana-NewHashTag {
        background-color: #e9e9e9;
        border-color: black;
        color: black;
    }

        .Ventana-NewHashTag .boton-cerrar {
            background-color: #e9e9e9;
            font: bold;
        }

            .Ventana-NewHashTag .boton-cerrar:hover {
                background-color: #bdbdbd;
            }
    /*.content-wrapper {
    background-color: #f8f9fa;
}*/
    .chat-header {
        background-color: #e9e9e9;
    }

    .GetCustomText {
        background-color: #e9e9e9;
    }

    .ResultadosHashtags {
        /*    background-color:#c4c7c9;
    border-color:#6c757d;*/
    }

    .NullResultadosHashtags li {
        color: black;
    }

    .ResultadosHashtags li {
        color: #333;
        background-color: #f0f0f0;
        border: solid, 1px;
    }

        .ResultadosHashtags li:hover {
            background-color: #bdbdbd;
        }

    .boton-more-text {
        background-color: #6c757db0;
        color: white;
    }

    .dropdown-item {
        background: #e9e9e9;
        color: black;
    }

        .dropdown-item:hover {
            background: #c4c7c9;
        }

    .dropdown-header {
        background-color: #e9e9e9;
        color: black;
    }

    .footer {
        color: white;
    }

    .centrarListTitulo {
        color: black;
    }

    .accordion {
        --bs-accordion-bg: #e9e9e9;
        border: none;
        --bs-accordion-border-width: 0;
    }

    .accordion-button {
        color: black;
        background-color: #6c757d4a !important;
        box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    }

        .accordion-button:not(.collapsed) {
            color: black;
            border: none;
            background-color: #6c757db0;
            box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
        }

    .ButtonComment.collapsed {
        background-image: linear-gradient(to bottom, #e9e9e9, #6c757db0); /* Degradado de arriba a abajo */
        color: black; /* Color del texto */
        border: none; /* Elimina el borde */
    }

    .HashtagMatch.collapsed {
        background-color: #6c757d4a;
        color: white; /* Color del texto */
        border: none; /* Elimina el borde */
    }

    .HashtagMatch:not(.collapsed) {
        background-color: #6c757d4a;
    }

    .ButtonComment:not(.collapsed) {
        background-image: linear-gradient(to top, #6c757db0, #e9e9e9); /*Degradado diferente cuando está abierto */
    }

    .card {
        background-color: #e9e9e9 !important;
    }

    .card-text {
        color: black;
    }

    .liOrder {
        color: black;
    }

    .Spinn {
        border: 3px solid #FFF;
        border-color: black;
        border-left-color: transparent;
        border-right-color: transparent;
    }

    .ExtraSmall {
        color: #4b4b4b;
    }

    a {
        color: black;
    }

    h6 {
        color: #000000b0;
    }

    h5 {
        color: black;
    }

    h4 {
        color: black;
    }

    h3 {
        color: black;
    }

    h2 {
        color: black;
    }

    .accordion-Notificacion {
        background: transparent;
    }

    .chat-Contact-Button {
        color: #4b4b4b;
    }

        .chat-Contact-Button:hover {
            color: black;
        }

    .NewNotificacion {
        background: #c4c7c9;
    }

        .NewNotificacion .btn {
            color: #4b4b4b;
        }

            .NewNotificacion .btn:hover {
                color: black;
            }

    .OldNotificacion {
        background: white;
    }

        .OldNotificacion .btn {
            color: #4b4b4b;
        }

            .OldNotificacion .btn:hover {
                color: black;
            }

    .shadowNotificacion {
    }

        .shadowNotificacion:hover {
            box-shadow: 0px 0px 5px black;
        }

    .ButtonPublicacion {
    }

        .ButtonPublicacion button {
            background-color: transparent;
        }

            .ButtonPublicacion button:is(:hover) {
                background-color: #00000094;
                opacity: 0.5;
            }

        .ButtonPublicacion SVG {
            fill: black;
            color: black;
        }

    .tippy-box {
        background-color: transparent !important;
        color: transparent !important;
    }

    .tippy-content {
        color: black !important;
        background-color: ghostwhite !important;
        border-radius: 15px !important;
    }

    .tippy-arrow {
        color: white !important;
    }

.OptionsRadio {
}

    .OptionsRadio svg {

        color: black;

    }

    .OptionsRadio svg:hover {
        color: black;
        background: #6c757db0;
        box-shadow: 0 0 15px #000000;
    }