#chatbot .media:not(.media-chat-item-reverse.right) .media-chat-item {
    background-color: white;
}

#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link {
    color: var(--sd-green);
    border-radius: 0;
}

#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link:hover,
#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link:focus {
    background-color: rgba(232,234,235,.6);
    outline: none !important;
    box-shadow: none;
}

#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link i:after,
#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link i:after {
    content: '';
    display: none;
    width: 120%;
    height: 3px;
    margin-top: 2px;
    margin-left: -10%;
    background-color: transparent;
    position: absolute;
}

#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link:hover i:after,
#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link:focus i:after {
    background-color: var(--sd-green);
}

#chatbot .outer-plot-container .btn.btn-link.suadeo-btn-link.selected i:after {
    display: block;
    background-color: #dd4630;
}

/* Data Grid */
#chatbot .chatbot-datagrid-wrapper {
    --sds-font-family: 'Inter';
    --sds-grey: #B6BFBF;
    --sds-grey-900: #020303;
    font-family: var(--sds-font-family) !important;
    font-size: 14px !important;
    font-weight: 500;
}
#chatbot .chatbot-datagrid-wrapper .dx-datagrid-headers .dx-datagrid-text-content {
    font-family: var(--sds-font-family) !important;
    font-size: 14px !important;
    font-weight: 500;
}
#chatbot .outer-plot-container .chatbot-datagrid-wrapper .datagrid-title {
    color: var(--sds-grey-900);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
}
#chatbot .outer-plot-container .chatbot-datagrid-wrapper .datagrid-title .datagrid-total {
    border-radius: 10px;
    background: var(--sds-grey-300, #F0F4F4);
    color: var(--sds-grey-800, #2D3232);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
    height: 20px;
    padding: 1px 8px;
    margin-left: 5px;
}
#chatbot .chatbot-datagrid-wrapper .dx-toolbar .dx-toolbar-items-container {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#chatbot .chatbot-datagrid-wrapper .dx-toolbar .dx-toolbar-items-container > * {
    position: relative;
    padding: 3px 0;
}
#chatbot .chatbot-datagrid-wrapper .dx-toolbar .dx-toolbar-items-container .dx-datagrid-search-panel.dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--sds-grey);
    border-radius: 6px !important;
    max-width: 360px !important;
    min-width: 204px !important;
    height: 32px !important;
    display: flex;
    margin: 0;
}
#chatbot .chatbot-datagrid-wrapper .dx-toolbar .dx-toolbar-items-container .dx-datagrid-search-panel .dx-texteditor-input-container {
    align-items: center;
}
#chatbot .chatbot-datagrid-wrapper .dx-datagrid-headers {
    border-right: 0;
    border-left: 0;
    background: var(--sds-grey-200, #F8F9FA);
}
#chatbot .chatbot-datagrid-wrapper .dx-datagrid-rowsview {
    border: none;
}
#chatbot .chatbot-datagrid-wrapper .dx-datagrid .dx-row > td {
    border-right: 0;
    border-left: 0;
    padding: 1em; /* Padding for table cell on chatbot small floating container */
}
#chatbot.fullscreen .chatbot-datagrid-wrapper .dx-datagrid .dx-row > td {
    padding: 2em; /* Padding for table cell on chatbot fullscreen */
}
#chatbot:not(.fullscreen) .dx-texteditor-input {
    min-height: 24px; /* dynamic input inside pagination ui for small width */
}
#chatbot .chatbot-datagrid-wrapper .dx-datagrid tr.dx-row:not(:last-child):not(:nth-last-child(2)) > td {
    border-bottom: 1px solid #e8eaeb !important;
}
#chatbot .chatbot-datagrid-wrapper .dx-datagrid .dx-pager .dx-pages {
    white-space: nowrap;
    float: right;
    float: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* End Data Grid */