.get_help_tooltip {
    display: flex;
    gap: 4px;
    font-size: 15px;
    margin-top: 6px;
    color: #a1a1a1;
}

.get_help_tooltip.host_tt {
    justify-content: center;
}

.get_help_tooltip img {
    width: 15px;    
}

.get_help_tooltip p {
    margin: 0;
}

.open_help_fr_chat {
    text-decoration: underline;
    cursor: pointer;
    color: #6c5ce7;
}

.open_help_fr_chat_mobile {
    text-decoration: underline;
    cursor: pointer;
    color: #6c5ce7;
}

.desktop_flex {
    display: flex;
}

.mobile_flex {
    display: none;
}

.host_control_center {
    border: 2px solid #6E6EEF;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}

.gathr_chat_body {
    font-family: helvetica, sans-serif;
    margin: 0;
    overflow: hidden;
    background: #fff;
    height: 97%;
}

.gathr_chat_message_list {
    display: block;
    width: 100%;
    margin: auto;
    height: calc(100% - 85px);
    overflow: auto;
}

.gathr_chat_message {
    display: flex;
    width: 100%;
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gathr_chat_message_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.gathr_chat_message_p {
    display: table;
    width: 100%;
    margin: 0;
    background: #F7F7F7;
    color: #2A2C2B;
    font-size: 15px;
    line-height: 19px;
    padding: 10px;
    border-radius: 8px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    hyphens: auto;
}

.gathr_chat_message_img {
    display: table;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin: 20px 7px;
}

.gathr_chat_message_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 5px;
}

.gathr_chat_message_user {
    font-size: 13px;
    line-height: 15px;
    margin: 5px 0 0 0;
    color: #777777;
}

.gathr_chat_message_type {
    display: none;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    color: #828CA4;
}

.gathr_chat_message_date {
    font-size: 13px;
    line-height: 15px;
    margin: 5px 0 0 0;
    color: #777777;
}


.gathr_chat_submit {
    background: none;
    border: none;
}

.gathr_chat_submit:hover {
    cursor: pointer;
    opacity: 0.9;
}

.gathr_chat_submit:disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

.gathr_chat_form {
    display: flex;
    width: 100%;
    margin: 10px 0;
    padding: 10px 5px;
    border: 2px solid #D4D4D4;
    box-sizing: border-box;
    border-radius: 8px;
    height: 65px;
}

.gathr_chat_input_div {
    display: flex;
    width: 100%;
}

.gathr_chat_input {
    width: 100%;
    border: 0px;
}

/*--- SENT MESSAGE ---*/
.gathr_chat_message_sent {
    flex-direction: row-reverse;
}

/* .gathr_chat_message_sent .gathr_chat_message_img {
    float: right;
}
.gathr_chat_message_sent .gathr_chat_message_container {
    float: left;
}
.gathr_chat_message_sent .gathr_chat_message_p {
   border-top-right-radius: 0;
}
.gathr_chat_message_sent .gathr_chat_message_date, .gathr_chat_message_sent .gathr_chat_message_user {
    text-align: right;
} */
/*--- RECEIVED MESSAGE ---*/
.gathr_chat_message_received {
    flex-direction: row;
}

/* .gathr_chat_message_received .gathr_chat_message_img {
    float: left;
}
.gathr_chat_message_received .gathr_chat_message_container {
    float: right;
}
.gathr_chat_message_received .gathr_chat_message_p {
    border-top-left-radius: 0;
}
.gathr_chat_message_received .gathr_chat_message_date {
    text-align: left;
} */

/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #BDC3C7;
}

.emojionearea.emojionearea-inline>.emojionearea-editor {
    font-size: 18px;
    padding: 10px 0;
    height: 45px;
    color: #000;
}

.emojionearea.emojionearea-inline>.emojionearea-button {
    top: 10px;
}

.emojionearea,
.emojionearea.form-control {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.emojionearea.focused {
    border: 0;
    box-shadow: none;
    /* border-bottom: 2px solid #eaebf0; */
}

.dark_mode.gathr_chat_body {
    background: #525453;
}

.dark_mode .gathr_chat_message_p {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    color: #FFFFFF;
}

.mobile_mode .gathr_chat_form {
    padding-bottom: 0 !important;
}

.mobile_mode.gathr_chat_body {
    padding: 0 10px;
    height: 89%;
}

.mobile_mode .gathr_chat_message_list {
    height: calc(100% - 80px) !important;
}

.mobile_mode .host_control_center {
    display: none;
}

.mobile_mode .desktop_flex {
    display: none;
}

.mobile_mode .mobile_flex {
    display: flex;
}

@media only screen and (max-height: 501px) {
    .host_control_center {
        display: none !important;
    }

    .desktop_flex {
        display: none; 
    }

    .mobile_flex {
        display: flex;
    }
}