@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-VariableFont_wght.ttf');
}
body {
    font-family: 'Jost' !important;
}

.message{
    position: relative;
}

.conversation_id{
    position: absolute;
    font-size: 0.8em;
    padding-inline-start: 5em;
    color: lightgray;
    right: 2px;
    top: 6px;
}

.conversation_id i{
    cursor: pointer;
}
.left-panel{
    position: relative;
    height: 100%;
}

.new_thread{
    position: relative;
    bottom: 2em;
    width: 100%;
    /*padding: 0 12em;*/
}

#sidebar-thread-container{
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 150px);
    overflow-y: scroll;
}
/*hide scrollbar*/
#sidebar-thread-container::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}


#sidebar-thread-container .w3-bar-item{
    width: 100%;
    padding: 12px 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid grey;
}

.thumb-up{
    content: '<i class="fa-solid fa-thumbs-up"></i>'
}
.thumb-up{
    content: '<i class="fa-solid fa-thumbs-down"></i>'
}