.cht{
    display: inline-block;
    direction: rtl;
}
#threads-container,
#messages-container {
  /*height: calc(100vh - 100px);*/
  height: 50vh;
}

.main-container {
  max-width: 920px;
}

[data-loading] {
  display: none;
}

#messages-list li p {
  margin-bottom: 0;
}

.thread-item.list-group-item.active{
    background-color: #f47822 !important;
    border-color: #ea6202 !important;
}




.chat-btn {
    position: fixed;
    right: 14px;
    bottom: 30px;
    cursor: pointer
}

.chat-btn .close {
    display: none
}

.chat-btn i {
    transition: all 0.9s ease
}

#check:checked~.chat-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked~.chat-btn .comment {
    display: none
}

.chat-btn i {
    font-size: 22px;
    color: #f47822 !important
}

.chat-btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #ffffff;
    color: #f47822;
    font-size: 22px;
    border: 2px solid #f47822;

}

.chat-wrapper {
    position: fixed;
    right: 20px;
    left: auto;
    /*margin-right: auto;*/
    bottom: 100px;
    /*width: 30%;*/
    background-color: #fff;
    border-radius: 5px;
    display: none;
    transition: all 0.4s
}

/*.thread-wrapper {*/
/*    position: absolute;*/
/*    !*right: 596px;*!*/
/*    bottom: 100px;*/
/*    !*width: 10%;*!*/
/*    background-color: #fff;*/
/*    border-radius: 5px;*/
/*    opacity: 0;*/
/*    transition: all 0.4s*/
/*}*/

#check:checked~.chat-wrapper  {
    z-index: 9999;
    display: inline-block!important;
    direction: rtl;
}

/*.form-control:focus,*/
/*.btn:focus {*/
/*    box-shadow: none*/
/*}*/

/*.btn,*/
/*.btn:focus,*/
/*.btn:hover {*/
/*    background-color: blue;*/
/*    border: blue*/
/*}*/

#check {
    display: none !important
}