.horizontalLayoutMarginTop {
    margin-top: 0 !important;
}

.dx-context-menu .dx-menu-no-icons>.dx-menu-item-wrapper>.dx-menu-item>.dx-menu-item-content .dx-menu-item-text {
    padding-left: 10px !important;
}

.dx-context-menu .dx-menu-items-container {
    padding: 10px;
}

.dx-menu-items.dx-state-hover {
    color: #333;
    background-color: yellow;
}

.opr-container-right {
    margin-bottom: 5px;
}

.opr-body {
    padding: 0.5rem 1.2rem;
}

.btn-op {
    font-size: 1.5rem !important;
}

.sql-editor-container .ace-dreamweaver .ace_string {
    color: #000000;
}

.sql-editor-container .ace-dreamweaver .ace_support.ace_function {
    color: deeppink;
}

#sql_editortoolbar .exec,
#sql_editortoolbar .save,
#sql_editortoolbar .export,
#sql_editortoolbar .toggle-tables,
#sql_editortoolbar .cta-open-suadeo-ai-chat {
    border-radius: 6px;
    border: 1px solid var(--grey-500, #B6BFBF);
    background: var(--grey-000, #FFF);
    /* Shadow/Button */
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
    color: var(--grey-900, #020303);
    /* B5/Semi-bold */
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
    margin-left: 7px;
    height: 30px;
    min-width: 30px;
}
#sql_editortoolbar .cta-open-suadeo-ai-chat.sds-btn-ai * {
    flex-direction: row-reverse;
    gap: 8px;
    margin: 0;
}

.qeditor {
    /* padding: 16px 16px; */
}

#sql_editortoolbar .dx-button-has-text .dx-button-content {
    padding: 6px 12px;
    /*margin-right: 8px;*/
}

.query-editor .dx-button-has-text .dx-icon {
    margin-right: 8px;
    height: 16px;
    width: auto;
}

/*.save .dx-icon, .refreshtree .dx-icon {
    color: blue;
    font-weight: 400;
}*/
#tree_toolbar .refreshtree {
    border-radius: 6px;
    background: var(--primary-500, #0B9294);
    border-color: var(--primary-500, #0B9294);
    /* Shadow/Button */
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
}

#tree_toolbar .dx-button-has-icon .dx-button-content {
    padding: 6px 12px 8px 12px;
}

#tree_toolbar .dx-icon.dx-svg-icon {
    height: 16px;
    width: auto;
}

.result {
    font-size: 14px;
}

#tabletreeview .dx-treeview-item .dx-treeview-item-content>.fa-folder {
    color: goldenrod;
    margin-top: 0px !important;
}

#tabletreeview .dx-treeview-item .dx-treeview-item-content>.fa-folder-open {
    color: goldenrod;
    margin-top: 0px !important;
}

#tabletreeview .dx-treeview-item .dx-treeview-item-content>.dx-icon {
    height: 16px;
    width: auto;
    margin-top: -2px;
}

#tabletreeview .dx-treeview-search {
    margin-bottom: 3px;
    display: flex;
    height: var(--xl, 32px);
    padding: 3px 12px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 6px !important;
    border: 1px solid var(--grey-500, #B6BFBF) !important;
    background: var(--grey-000, #FFF) !important;
    align-self: stretch;
}

.treeview .dx-searchbox .dx-icon-search {
    font: 19px/20px DXIcons;
    margin-top: -14px;
    padding-left: 1px;
}

.parseMessage {
    font-size: 13px;
    padding: 1.5rem;
    margin-top: 1.6rem;
    margin-left: 1.4rem;
    font-family: "Roboto Mono";
    color: red;
}

.dx-multiview-item-container .div-querybuilder-container-datagrid {
    height: 100%;
    position: relative;
    padding: 10px 0px;
}

.schema-container-left {
    margin-bottom: 0px !important;
}

#querygridstatusbar {
    background: #e8e8e8 !important;
    border-top: solid 1px #888;
    border-bottom: solid 2px #888;
    padding: 0;
    font-size: 13px;
    min-height: 3vh;
}

.resultsyntax {
    margin: 0;
    padding-left: 1rem;
    text-align: left;
    /*float: left;*/
}

.messageResult {
    font-size: 13px;
    padding: 1.5rem;
    margin-top: 1.6rem;
    margin-left: 1.4rem;
    font-family: "Roboto Mono";
}

.parseSecondMessage {
    font-size: 13px;
    padding-left: 1.5rem;
    margin-left: 1.4rem;
    font-family: "Roboto Mono";
}

.query-editor .treeview {
    height: calc(100vh - 19em);
    padding-top: 0.75rem !important;
    padding-left: 16px;
    padding-right: 16px;
}

.qeditor {
    height: calc(100vh - 270px);
}

#datasource-query-tabcontent .treeheader {
    padding: 16px 16px !important;
}

.tablescount {
    color: var(--grey-900, #020303);
    /* B3/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.tablescount span {
    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: 8px;
}

#query-tab-preview .div-querybuilder-container-datagrid .dx-row.dx-freespace-row {
    height: 0 !important;
}

#sql_editor_dragbar {
    background-color: #ffffff;
    width: 100%;
    height: 3px;
    cursor: s-resize;
    opacity: 1;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px #7e7e7e dashed;
}

.toggle-tables .dx-icon {
    color: #9e9e9e;
    font-weight: 500;
}

.div-querybuilder-container-datagrid .querybuilder-gridcolumn {
    max-width: 15vw;
    vertical-align: middle !important;
    padding-left: 10px !important;
}

.qeditor #sql_editortoolbar {
    display: flex;
    padding: var(--lg, 16px);
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--grey-400, #DEE4E4);
}

.query-editor .dx-icon.dx-svg-icon svg {
    height: 16px !important;
    width: auto;
}


.query-editor .ace_editor {
    height: calc(41vh - 8em) !important;
    font-weight: 500 !important;
    font-family: "Roboto Mono";
    font-size: 14px;
}


#tabletreeview .dx-treeview-item-without-checkbox.dx-state-focused>.dx-treeview-item {
    border-radius: 6px;
    background: var(--primary-100, #E5F1F2);
    color: var(--primary-500, #0B9294);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
}

#tabletreeview .dx-treeview-item.dx-state-hover {
    border-radius: 6px;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
}

#tabletreeview .dx-treeview-item {
    color: var(--grey-900, #020303);
    /* B5/Regular */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

#tabletreeview .dx-treeview-node-container {
    padding-left: 8px !important;
}

.div-querybuilder-container-datagrid .dx-datagrid-rowsview .dx-row {
    color: #000;
    /* B4/Regular */
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    /* height: 72px !important; */
}

.div-querybuilder-container-datagrid .dx-datagrid-headers .dx-header-row {
    color: var(--grey-700, #5A6161);
    /* B4/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    /* height: 52px !important; */
}

.div-querybuilder-container-datagrid tr.dx-row.dx-data-row {
    border-bottom: 1px solid var(--sds-grey-400, #DEE4E4);
}

.query-editor .ace-dreamweaver .ace_keyword {
    color: #2D3232;
}

.query-editor .ace-dreamweaver .ace_constant.ace_numeric {
    color: #009443;
}

.query-editor .ace-dreamweaver .ace_string {
    color: #EB5757;
}

#query-editor #sql_editor_dragbar {
    margin-top: 0 !important;
    border: 1px #7e7e7e !important;
}

#query-editor .ace-dreamweaver .ace_gutter {
    background: #f0f4f4 !important;
    color: #333;
}

#query-editor .ace_scroller {
    background: #f8f9fa !important;
}

#query-editor .ace_folding-enabled>.ace_gutter-cell {
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: center;
}

/*#query-editor .ace-dreamweaver .ace_gutter .ace_layer {
    margin-top: 1rem !important;
}*/
/*
#query-editor .ace_content {
    padding-top: 1rem !important;
} */

#query-editor .ace-dreamweaver .ace_gutter-active-line {
    background-color: transparent;
}

#query-editor .ace-dreamweaver .ace_marker-layer .ace_active-line {
    background: transparent;
}

#qeditor-sds-ai-chatbot-container {
    width: 0px;
}

#qeditor-sds-ai-chatbot-container .headercontent  {
    width: 100%;
}

#qeditor-sds-ai-chatbot-container:has(.sidebar.open) {
    width: auto;
    /* max-width: 370px; */
    height: auto;
    border-left: 1px solid #e8eaeb;
}

#qeditor-sds-ai-chatbot-container .side-panel.sidebar.open {
    /* width: 370px; */
}

#qeditor-sds-ai-chatbot-container:has(.sidebar.open) #chatbot-chat-interface {
    border: none !important;
}

#qeditor-sds-ai-chatbot-container .side-panel.sidebar {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    box-shadow: none;
}