/*cloudx rtl css*/

/*clientx rtl css*/
.cloudx_rtl_wgs :is(#chatbot-toggle-btn, #chatbot-container) {
    left: 20px;
    right: unset;
}

.cloudx_rtl_wgs .chat_windowTop_btns {
    left: 0;
    right: unset;
}

.cloudx_rtl_wgs .menu-container {
    right: 10px;
    left: unset !important;
}

.cloudx_rtl_wgs .menu-container #dropdowns {
    margin-top: 3px;
    margin-left: 0px;
    left: unset;
    right: 0;
    transform: unset;
}

.cloudx_rtl_wgs #chatbot_close_div {
    left: 0;
    right: 0;
    margin: auto;
    transform: unset;
}

.cloudx_rtl_wgs .domain-results .domain-name {
    text-align: right;
}

.cloudx_rtl_wgs #customDomainButtons {
    flex-direction: row-reverse;
}

.cloudx_rtl_wgs .icon {
    margin-left: 8px;
    margin-right: 0;
}

.cloudx_rtl_wgs .dbtn.generate-domain:focus {
    color: #fff;
}

.show_more_btn:hover {
    color: #FFF;
}

.cloudx_rtl_wgs #send-message {
    left: 20px;
    right: unset;
    margin-right: 5px;
    margin-left: 0;
}

/*cloudx rtl css*/

.clientx-child_rtl_wgs :is(#chatbot-toggle-btn, #chatbot-container) {
    left: 20px;
    right: unset;
}

.clientx-child_rtl_wgs .chat_windowTop_btns {
    left: 0;
    right: unset;
}

.clientx-child_rtl_wgs .menu-container {
    right: 10px;
    left: unset !important;
}

.clientx-child_rtl_wgs .menu-container #dropdowns {
    margin-top: 3px;
    margin-left: 0px;
    left: unset;
    right: 0;
    transform: unset;
}

.clientx-child_rtl_wgs #chatbot_close_div {
    left: 0;
    right: 0;
    margin: auto;
    transform: unset;
}

.clientx-child_rtl_wgs .domain-results .domain-name {
    text-align: right;
}

.clientx-child_rtl_wgs #customDomainButtons {
    flex-direction: row-reverse;
}

.clientx-child_rtl_wgs .icon {
    margin-left: 8px;
    margin-right: 0;
}

.clientx-child_rtl_wgs .dbtn.generate-domain:focus {
    color: #fff;
}

.show_more_btn:hover {
    color: #FFF;
}

.clientx-child_rtl_wgs #generateSuggestions img {
    width: 25px;
    margin-left: 8px;
}

.clientx-child_rtl_wgs #summarizeBtn.summarizeBtn-clientx-child-theme {
    margin-right: 0;
    float: left;
}

.clientx-child_rtl_wgs #send-message {
    left: 20px;
    right: unset;
    margin-right: 5px;
    margin-left: 0;
}

/*clientx rtl css*/

/*hostx rtl css*/
.hostx-child_rtl_wgs :is(#chatbot-toggle-btn, #chatbot-container) {
    left: 20px;
    right: unset;
}

.hostx-child_rtl_wgs .chat_windowTop_btns {
    left: 0;
    right: unset;
}

.hostx-child_rtl_wgs .menu-container {
    right: 10px;
    left: unset !important;
}

.hostx-child_rtl_wgs .menu-container #dropdowns {
    margin-top: 3px;
    margin-left: 0px;
    left: unset;
    right: 0;
    transform: unset;
}

.hostx-child_rtl_wgs #chatbot_close_div {
    left: 0;
    right: 0;
    margin: auto;
    transform: unset;
}

.hostx-child_rtl_wgs .domain-results .domain-name {
    text-align: right;
}

.hostx-child_rtl_wgs #customDomainButtons {
    flex-direction: row-reverse;
}

.hostx-child_rtl_wgs .icon {
    margin-left: 8px;
    margin-right: 0;
}

.hostx-child_rtl_wgs .dbtn.generate-domain:focus {
    color: #fff;
}

.show_more_btn:hover {
    color: #FFF;
}

.hostx-child_rtl_wgs #generateSuggestions img {
    width: 25px;
    margin-left: 8px;
}

.hostx-child_rtl_wgs #summarizeBtn.summarizeBtn-clientx-child-theme {
    margin-right: 0;
    float: left;
}

.hostx-child_rtl_wgs .askToAssistantBtn {
    margin-left: 7px;
    margin-right: 0px;
    background: #007bff;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.hostx-child_rtl_wgs .askToAssistantBtn:hover {
    background: #0056b3;
}

.hostx-child_rtl_wgs #send-message {
    left: 20px;
    right: unset;
    margin-right: 5px;
    margin-left: 0;
}

/*hostx rtl css*/

/*twentyone rtl css*/
.twenty-one_rtl_wgs #domain_keywords {
    margin-top: 0;
    text-align: right;
}

.twenty-one_rtl_wgs :is(#chatbot-toggle-btn, #chatbot-container) {
    left: 20px;
    right: unset;
}

.twenty-one_rtl_wgs .chat_windowTop_btns {
    left: 0;
    right: unset;
}

.twenty-one_rtl_wgs .menu-container {
    right: 10px;
    left: unset !important;
}

.twenty-one_rtl_wgs .menu-container #dropdowns {
    margin-top: 3px;
    margin-left: 0px;
    left: unset;
    right: 0;
    transform: unset;
}

.twenty-one_rtl_wgs #chatbot_close_div {
    left: 0;
    right: 0;
    margin: auto;
    transform: unset;
}

.twenty-one_rtl_wgs .domain-results .domain-name {
    text-align: right;
}

.twenty-one_rtl_wgs .icon {
    margin-left: 8px;
    margin-right: 0;
}

.twenty-one_rtl_wgs .dbtn.generate-domain:focus {
    color: #fff;
}

.show_more_btn:hover {
    color: #FFF;
}

.twenty-one_rtl_wgs #generateSuggestions img {
    width: 25px;
    margin-left: 8px;
}

.twenty-one_rtl_wgs #summarizeBtn.summarizeBtn-clientx-child-theme {
    margin-right: 0;
    float: left;
}

.twenty-one_rtl_wgs .domain-item {
    flex-direction: row-reverse;
}

.twenty-one_rtl_wgs .domain-item_info {
    flex-direction: row-reverse;
}

.twenty-one_rtl_wgs .modal-header {
    justify-content: flex-end;
}

.twenty-one_rtl_wgs .form-control {
    height: auto !important;
    text-align: right;
}

.twenty-one_rtl_wgs form {
    text-align: right;
}

#send-message {
    position: unset;
}

/*twentyone rtl css*/

/*twentyX rtl css*/
.twenty-x_rtl_wgs #domain_keywords {
    margin-top: 0;
    text-align: right;
}

.twenty-x_rtl_wgs :is(#chatbot-toggle-btn, #chatbot-container) {
    left: 20px;
    right: unset;
}

.twenty-x_rtl_wgs .chat_windowTop_btns {
    left: 0;
    right: unset;
}

.twenty-x_rtl_wgs .menu-container {
    right: 10px;
    left: unset !important;
}

.twenty-x_rtl_wgs .menu-container #dropdowns {
    margin-top: 3px;
    margin-left: 0px;
    left: unset;
    right: 0;
    transform: unset;
}

.twenty-x_rtl_wgs #chatbot_close_div {
    left: 0;
    right: 0;
    margin: auto;
    transform: unset;
}

.twenty-x_rtl_wgs .domain-results .domain-name {
    text-align: right;
}

.twenty-x_rtl_wgs .icon {
    margin-left: 8px;
    margin-right: 0;
}

.twenty-x_rtl_wgs .dbtn.generate-domain:focus {
    color: #fff;
}

.show_more_btn:hover {
    color: #FFF;
}

.twenty-x_rtl_wgs #generateSuggestions img {
    width: 25px;
    margin-left: 8px;
}

.twenty-x_rtl_wgs #summarizeBtn.summarizeBtn-clientx-child-theme {
    margin-right: 0;
    float: left;
}

.twenty-x_rtl_wgs .domain-item {
    flex-direction: row-reverse;
}

.twenty-x_rtl_wgs .domain-item_info {
    flex-direction: row-reverse;
}

.twenty-x_rtl_wgs .modal-header {
    justify-content: flex-end;
}

.twenty-x_rtl_wgs .form-control {
    height: auto !important;
    text-align: right;
}

.twenty-x_rtl_wgs form {
    text-align: right;
}

.twenty-x_rtl_wgs #customDomainButtons {
    flex-direction: row-reverse;
}

.twenty-x_rtl_wgs #send-message {
    left: 20px;
    right: unset;
    margin-right: 5px;
    margin-left: 0;
}

/*twentyone rtl css*/

.twenty-one_rtl_wgs #send-message {
    left: 11px;
    right: unset;
    margin-right: 5px;
    margin-left: 0;
}

#chatbot-input {
    width: 80%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-height: 160px;
    resize: none;
    overflow-y: hidden;
    line-height: 20px;
    box-sizing: border-box;
    text-align: right;
}

.chatbotcustomize {
    display: flex;
    background: #fff;
    padding: 10px;
    justify-content: space-between;
    width: 100%;
    direction: rtl;
}

#send-message {
    bottom: 21px;
}

/*lagom rtl css*/
.lagom2_rtl_wgs #chatbot_close_div,
.lagom_rtl_wgs #chatbot_close_div {
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* generic html[dir] RTL (moved from theme CSS) */
/*RTL 28-08-2025*/
html[dir="ltr"] #chatbot-toggle-btn {
    direction: rtl;
}

html[dir="ltr"] #cchatbot-container {
    direction: rtl;
}

html[dir="rtl"] #customDomainButtons {
    direction: ltr;
}

html[dir="rtl"] button#chatbot-toggle-btn {
    right: auto;
    left: 30px;
}

html[dir="rtl"] div#chatbot-container {
    left: 20px;
    right: auto;
}

html[dir="rtl"] div#chatbot_close_div {
    left: auto;
    right: auto;
    margin: 0 auto;
    top: auto;
    transform: none;
}

html[dir="rtl"] div#chatbot-options button {
    display: flex;
    justify-content: space-between;
}

html[dir="rtl"] #send-message {
    left: 10px;
    right: auto;
}

html[dir="rtl"] #summarizeBtn {
    gap: 10px;
    float: left;
}