:root{
    --preto-escuro: #18191a;
    --preto-claro: #242526;
    --fundo-claro: #e4e6eb;
    --placeholder-color: #e4e6eba4;
}


/* darkmode */
.container-feed.dark-mode,
.card-post.dark-mode,
.card-create-post.dark-mode,
.card-post-placeholder.dark-mode,
.container-account.dark-mode,
.card-repost.dark-mode,
/* .form-comment.dark-mode,
.form-comment.dark-mode, */
.container-feed.dark-mode{
    background: var(--preto-escuro)!important;
    border-color: var(--preto-escuro)!important;
    color: var(--fundo-claro)!important;
}
.form-comment.dark-mode{
    background-color: transparent;
}

.card-repost.dark-mode{
    border-color: var(--preto-claro)!important;
    box-shadow: 0 0 transparent!important;
}

/* body.dark-mode, */
/* .card-create-post.dark-mode,  */
/* .card-repost.dark-mode,  */
.dropdown-menu.dark-mode a,
.name-search.dark-mode
.form-text-comment.dark-mode,
/* .name-likes.dark-mode, */
.col-conversa.dark-mode,
/* .container-account.dark-mode,
.container-account.dark-mode, */
.col-form-login.dark-mode,
.col-form-register.dark-mode,
.col-list-chat.dark-mode,
.row-list-chat.dark-mode,
.offcanvas.dark-mode,
.row-login.dark-mode,
.modal-body.dark-mode,
.modal-header.dark-mode,
.modal-footer.dark-mode,
.screen-password.dark-mode{
    background-color: var(--preto-claro)!important;
    border-color: var(--preto-escuro)!important;
    color: var(--fundo-claro)!important;
}


.post-tudo.dark-mode,
.form-control.dark-mode,
/* .container-verificado.dark-mode,
.container-notifications.dark-mode, */
textarea.form-control.dark-mode,
.form-control.dark-mode:focus{
    background-color: var(--preto-claro)!important;
    border: 2px solid var(--preto-escuro)!important;
    color: var(--fundo-claro);
}

.form-control.dark-mode::placeholder{
    color: var(--placeholder-color);
}

body.dark-mode .small-menu-top{
    background: var(--preto-escuro);
}

body.dark-mode .row-filtro-account .col a{
    color: var(--fundo-claro);
}

body.dark-mode .filtro-conta-active{
    border-bottom-color: #5bb4ff;
}


/* .card-post.dark-mode{
    border-color: transparent!important;
} */

.container.dark-mode,
body.dark-mode,
.container-comments.dark-mode,
.container-notifications.dark-mode,
.container-result-search.dark-mode,
.modal-content-confirm.dark-mode,
.modal-content.dark-mode{
    background-color: var(--preto-claro)!important;
    color: var(--fundo-claro)!important;
    border-color: var(--preto-claro)!important;
}

body.dark-mode .switch-account, body.dark-mode .text-switch p{
    background: var(--preto-escuro);
    color: var(--fundo-claro);
}

.user-suggestions.dark-mode .suggestion-item:hover {
    background-color: var(--preto-claro);
}

.point-post.dark-mode{
    background-color: var(--preto-escuro)!important;
    box-shadow: var(--preto-escuro) 0px 0px 12px 16px!important;
    color: #5bb4ff;
}

.card-comment.dark-mode,
.user-suggestions.dark-mode,
/* div#modal-comments-body.dark-mode, */
.name-likes.dark-mode h1{
    background-color: var(--preto-escuro)!important;
}

body.dark-mode #emoji-dropdown{
    background-color: var(--preto-claro);
    border-color: var(--preto-escuro);
}

.btn-light.dark-mode{
    background-color: var(--preto-escuro);
    border-color: var(--preto-escuro);
    color: var(--fundo-claro);
}

.dropdown-menu.dark-mode{
    /* padding: 0; */
    background-color: var(--preto-claro)!important;
    box-shadow: 0 0 4px #ffffff24;
}

.dropdown-menu.dark-mode a{    
    padding: 10px;
    border-radius: 5px;
}

.dark-img.dark-mode, .icon-menu-dark.dark-mode{
    filter: invert(100%);
}


.nav-item.dark-mode.active{
    border-bottom: 2px solid var(--preto-escuro)!important;
}

body.dark-mode .active{
    border-bottom: 2px solid var(--preto-escuro)!important;
}

.card-post.dark-mode,
.card-post-placeholder.dark-mode,
.card-repost.dark-mode{
    box-shadow: 0 5px 0 #ffffff24 !important;
}

.open-notification.notification_opened.dark-mode, 
.col-info-user.dark-mode,  
.input-login.dark-mode,
.input-group-text.dark-mode,
.card-password.dark-mode{
    background: var(--preto-escuro)!important;
}

body.dark-mode .img-game-menu-pc{
    filter: invert(0);
    /* opacity: .6; */
}

body.dark-mode .col-notification.notification-type-active{
    border-bottom: 2px solid #5bb4ff;
}

body.dark-mode .text-game{
    background: var(--preto-escuro);
}

body.dark-mode .img-game-menu-cel{
    filter: invert(1);
}


.div-story.dark-mode{
    background-color: var(--preto-escuro) !important;
    border-color: var(--preto-escuro) !important;
}

body.dark-mode .original-coment{
    background: var(--preto-escuro)!important;
    border: 0;
}

body.dark-mode .div-comment-reply::before{
    border-left: 5px solid var(--preto-escuro);
    border-bottom: 5px solid var(--preto-escuro);
}

body.dark-mode .col-add-story{
    background: #000 !important;
}

.input-login.dark-mode::placeholder{
    color: #ffffff8a;
}

.input-login.dark-mode:focus{
    background: var(--preto-escuro)!important;
}


.btn-back.dark-mode .icon-back,
.img-reply.dark-mode, .btn-dark.dark-mode{
    filter: invert(100%);
}

.icon-fillter.dark-mode{
    filter: invert(0);
}
.comment-text.dark-mode,
div.comment-text.dark-mode h1,
.card-comment.dark-mode .name-comment,
.link-name.dark-mode,
.link-name-repost.dark-mode,
 .svg-edit.dark-mode, 
 .input-group-text.dark-mode,
 *.dark-mode{
    color: var(--fundo-claro);
}


#input-search.dark-mode, #input-search.dark-mode::placeholder{
    background: #5bb4ff !important;
    color: var(--preto-escuro);
}

/* @media screen and (max-height: 815px) {
    .modal-content.dark-mode{
        background: var(--preto-escuro)!important;
    }
} */