.bg-thistle{
    background: #fbf4fb;
}
.hover-btn {
    display: none;
    width: 100%;
}

.card:hover .hover-btn {
    display: block;
}
.no_border{
    border: none !important;
}
.set_border{
    border: 2px dashed thistle;
}
.name_medium{
    font-size: 12px;
}
.name_h1{
    font-size: 15px;
    font-weight: 500;
}

.text-beauty-blue{
    color: #2da1a1;
}
.text-no-post{
    color: #7db1d1;
}
.media-object{
    width: 45px;
}





.button_append{
    position: absolute;
    bottom: -4px;
    left: 14px;
    width: 55px;

}


.user_creator_avatar{
    position: absolute;

    left: 0;

    top: 0;

}
.date_small{
    font-size: 11px;
}
 .bg-date{
    background-color:  #fdee105e !important
 }
.media-title{
    font-size: 13px;
    font-weight: 300;
}
.comment-text{
    font-size: 12px;
}
.media-body {

    padding: 4px;
    font-size: 12px;
}


.hover-reply {
    display: none;

}

.media-body:hover .hover-reply {
    display: block;
}
.user_text{
    word-break: break-word;
    white-space: pre-line
}

.nested_button{
    position: absolute;
    left: 17%;
    margin-top: -26px;

}
.near_td{
    font-size: 12px;
    padding: 0.25rem !important;
}

.nested_reply_textarea{
    min-height: 35px;
    font-size: 12px !important;

}

.border_comment{
    border: 1px dashed thistle;
    border-top:none;
}
.news-object{
    width: 100px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .hover-btn {
        display: block;
    }
    .hover-reply {
        display: block;
        float: left;
    }
    .nested_button{
        position: absolute;
        left: 6%;
        margin-top: -25px;

    }
    .button_append {

        bottom: 22px;

    }
}