.chats_class { position: fixed; bottom: 0px; flex-direction: column; z-index: 111; border-radius: 4px; width: 250px; right: 0px; display: flex; background: rgb(191, 255, 132); min-height: 44px !important; color: rgb(68, 68, 68) !important; }@media (min-width: 600px) {
  .chats_class { display: flex; border-radius: 4px; }
}.chats_class button { display: inline-block; background-color: rgb(0, 123, 255); color: white; font-size: 14px; padding: 8px 12px; margin-top: 10px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; }.chats_class button:hover { background-color: rgb(0, 86, 179); }.chat_list_class { display: flex; position: relative; flex-direction: column; }.chat_form_insert_class { display: flex; position: relative; flex-direction: column; }.chat_form_insert_class input, .chat_form_insert_class textarea { width: calc(100% - 22px); padding: 10px; margin-top: 10px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; font-size: 14px; display: none; }.chat_container_class { border: 2px solid rgb(204, 204, 204); border-radius: 8px; padding: 10px; margin: 0px; max-width: 600px; background-color: rgb(249, 249, 249); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; }.chat_title_class { font-size: 19px; font-weight: bold; cursor: pointer; text-align: center; margin-block: 1em; }.chat_closed_class { color: red; height: 66px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.chat_opened_class { color: green; }.chat_description_class { font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 10px; display: block; }.chat_closed_class .chat_description_class { display: none; }.chat_messages_container_class { border-top: 1px solid rgb(204, 204, 204); margin-top: 10px; padding-top: 10px; overflow-y: auto; max-height: 260px; }.chat_msgs_container_class { display: flex; align-items: flex-start; margin-bottom: 8px; padding: 5px; border-radius: 5px; }.chat_user_class { background-color: rgb(227, 242, 253); margin-right: 25px; }.chat_user_owner_class { background-color: rgb(232, 245, 233); justify-content: flex-end; margin-left: 25px; margin-right: 7px; }.chat_message_class { font-size: 14px; color: rgb(51, 51, 51); margin: 0px; padding: 5px 10px; overflow-wrap: break-word; }.chat_comment_class { width: calc(100% - 22px); padding: 10px; margin-top: 10px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; font-size: 14px; }.chat_message_id_class, .chat_id_class { display: none; }.chat_related_msg_label_class { font-size: 12px; color: rgb(136, 136, 136); margin-top: 5px; display: block; }.chat_messages_container_class::-webkit-scrollbar { width: 8px; }.chat_messages_container_class::-webkit-scrollbar-thumb { background-color: rgb(187, 187, 187); border-radius: 4px; }.chat_messages_container_class::-webkit-scrollbar-thumb:hover { background-color: rgb(153, 153, 153); }#chats_field_chat_form_insert_description, #chats_field_chat_form_insert_btn { margin: unset; height: 30px; }button.chat_load_old_msgs_btn_class { display: flex; position: absolute; padding: 3px; margin: 0px; opacity: 0.4; right: 20px; line-height: 7px; width: 40px; place-content: center; }button.chat_load_msgs_btn_class { display: flex; position: absolute; padding: 3px; margin: -13px 0px 0px; opacity: 0.4; right: 20px; line-height: 7px; width: 40px; place-content: center; }.chat_closed_class button.chat_load_msgs_btn_class, .chat_closed_class button.chat_load_old_msgs_btn_class { display: none; }