body {
    background: black;
}

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

.BackColor {

    background-color: #4b5156 !important;

}

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

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

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

    .SVG {
        color: white;
    }

    .tips-carousel {
    }

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

    .texto-ajustable {
        color: white;
    }

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

    .HashtagMenuPublicacion {
    }

        .HashtagMenuPublicacion .btn {
            background: #6c757d;
        }

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

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

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

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

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

    .offcanvas {
        background: #696969;
        color: #ffffffb0;
    }

    .bclose {
        color: white;
        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;
    }
    /*.btn-Publicacion {
}

    .btn-Publicacion:hover {
        background-color: #00000094;
        border: hidden;
    }*/

    .ColumnaDerecha {
        background-color: #696969;
    }

    .ColumnaIzqueirda {
        background-color: #696969;
    }

    .ColumnaMedio {
        background-color: black;
    }

    .chat-header {
        background-color: #696969;
    }

    .GetCustomText {
        background-color: #696969;
    }

    .NullResultadosHashtags li {
        color: white;
    }

    .ResultadosHashtags {
        /*    background-color: #626a71;
    border-color: black;*/
    }

        .ResultadosHashtags li {
            color: #333;
            background-color: #f0f0f0;
        }

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

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

    .dropdown-UserMenu {
        background-color: #696969;
    }

    .dropdown-header {
        background-color: #696969;
        color: white;
    }

    .dropdown-item {
        color: white;
        background: #696969;
    }

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

            .dropdown-item:hover i,
            .dropdown-item:hover svg {
                fill: black;
                color: black;
            }

    .footer {
        color: black;
    }

    label {
        color: #aaa;
    }

    .form-label {
        color: #aaa;
    }

    .form-check-label {
        color: white;
    }

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

    .Ventana-Reporte {
        background-color: #696969;
        border-color: white;
    }

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

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

            .Ventana-NewHashTag .boton-cerrar:hover {
                background-color: #bdbdbd;
            }

    .accordion {
        --bs-accordion-bg: #6c757db0 !important;
        border: none;
        --bs-accordion-border-width: 0;
    }

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

        .accordion-button:not(.collapsed) {
            color: white;
            background-color: #4b5156;
            /*box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);*/
        }

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

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

    .centrarListTitulo {
        color: white;
    }

    .ButtonComment.collapsed {
        background-image: linear-gradient(to top, #4b5156, #6c7277);
        color: white; /* Color del texto */
        border: none; /* Elimina el borde */
    }

    .ButtonComment:not(.collapsed) {
        background-image: linear-gradient(to bottom, #6c757db0, #4b5156);
    }

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

    .card-text {
        color: white;
    }

    a {
        color: white;
    }

    p {
        color: white;
    }

    .small {
        color: #ffffffb0;
    }

    .ExtraSmall {
        color: #bdbdbd;
    }

    .liOrder {
        color: white;
    }

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

    .dropdownli {
        background: #696969;
    }

    h6 {
        color: #ffffffb0;
    }

    h5 {
        color: white;
    }

    h4 {
        color: white;
    }

    h3 {
        color: white;
    }

    h2 {
        color: white;
    }

    .accordion-Notificacion {
        background: transparent;
    }

    .chat-Contact-Button {
        color: white;
    }

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

    .NewNotificacion {
        background: #00000094;
        color: white;
    }

        .NewNotificacion .btn {
            color: white;
        }

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

    .OldNotificacion {
        background: #4a5056;
        color: white;
        fill: whitesmoke;
    }

        .OldNotificacion .btn {
            color: white;
        }

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

    .shadowNotificacion {
    }

        .shadowNotificacion:hover {
            box-shadow: 0px 0px 10px rgb(33, 37, 41);
        }

    .ButtonPublicacion {
    }

        .ButtonPublicacion button {
            background-color: transparent;
        }

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

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

        .ButtonPublicacion i {
            color: white;
        }

    .tippy-box {
        color: white !important;
        border-radius: 15px !important;
    }

    .tippy-content {
        /*background-color: #2f2f2f !important;*/
        background-color: #696969 !important;
        border-radius: 15px !important;
    }

    .tippy-arrow {
        background-color: #696969 !important;
        border-color: #696969 !important;
        color: #696969 !important;
    }

    .OptionsRadio {
    }

        .OptionsRadio svg {
            color: white;
        }

            .OptionsRadio svg:hover {
                color: white;
                background: #696969;
                box-shadow: 0 0 15px #ffffff;
            }