#manage-datasource-container>.tab-content {
    padding-bottom: 15px;
    height: calc(100vh - 190px);
    height: calc(100dvh - 190px);
}

#datasource-description-tabcontent {
    /*max-width:1096px;*/
    margin-right: 10px;
}

#datasource-security-tabcontent .sds-page-sub-heading-divider {
    margin: 32px 0px;
}

.datasource-security-container {
    max-width: 704px;
    margin: auto;
}

#datasource-documentation-container {
    /*max-width: 900px;*/
    margin: auto;
}

#datasource-lineage-container {
    height: calc(100vh - 200px);
    height: calc(100dvh - 200px);
}

#manage-datasource-container #datasource-details-tabcontent>.tab-pane {
    width: 100%;
    /*min-height: 75vh;*/
}

#manage-datasource-container .header {
    display: flex;
}

#manage-datasource-container .header>.toolbar-items {
    margin-left: auto;
}

.datatable-btn.ds-schema-list-btn {
    display: flex;
    padding: 6px 12px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    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);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
}


#manage-datasource-container .ud-action-buttons-section {
    position: absolute;
    top: 2.3rem;
    right: 0;
}

#manage-datasource-container #create-task-btn {
    height: 32px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 6px 12px;
}
#datasource-schema-container .datatable-scheduling-btn.dx-state-disabled{
    opacity:0.5;
}

@media only screen and (max-width: 1500px)  {
    #manage-datasource-container>.tab-content{
        /* overflow: hidden!important;
        display: block!important;
        height: auto !important; */
    }
}

 
.custom-datasource-profiling-popover .dx-popup-content {
    padding: 0px 0px 12px 0px !important; /* no padding for the full-width progress bar */
    border-top-left-radius: 0.375rem;  /* Bootstrap's rounded size */
    border-top-right-radius: 0.375rem;
    overflow: hidden;
}

.custom-datasource-profiling-popover .popover-body-content {
    padding: 0px 12px 0 12px; /* only bottom section is padded */
}

@media screen and (max-width: 1199px) {
    /* small screen till lg */

    #datasource-details-tabcontent .query-editor .schema-container-left,
    #datasource-details-tabcontent .query-editor .schema-container-right {
        min-height: 400px !important;
        overflow: hidden;
    }
    #datasource-details-tabcontent .query-editor .schema-container-left {
        height: 400px !important;
    }

    #datasource-details-tabcontent .query-editor .schema-container-left .card-body.treeview {
        overflow: hidden;
    }

    #datasource-details-tabcontent .query-editor .schema-container-right #sql_editortoolbar.dx-toolbar .dx-toolbar-items-container {
        height: min-content;
    }

    #datasource-details-tabcontent .query-editor .schema-container-right #sql_editortoolbar.dx-toolbar .dx-toolbar-after {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        position: relative;
    }

    #datasource-details-tabcontent .query-editor .schema-container-right #sql_editortoolbar.dx-toolbar .dx-toolbar-after > div,
    #datasource-details-tabcontent .query-editor .schema-container-right #sql_editortoolbar.dx-toolbar .dx-toolbar-after .dx-item-content.dx-toolbar-item-content > div {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #datasource-details-tabcontent .query-editor .schema-container-right #sql_editortoolbar.dx-toolbar .dx-toolbar-after > div {
        width: calc(50% - 8px);
    }
}

@media only screen and (max-width: 768px) {

    #manage-datasource-container .ud-action-buttons-section {
        position: static;
        margin-top: 0.5rem !important;
        align-self: flex-end;
    }

    #manage-datasource-container {
        display: flex;
        flex-direction: column;
    }
}

@media  (max-width: 767px) {

    #manage-datasource-container>.tab-content {
        padding-bottom: 0px;
        height: calc(100vh - 230px);
        height: calc(100dvh - 230px);
    }

    #datasource-tabs-container {
        display: none !important;
    }
    #datasource-description-tabcontent {
        /*max-width:1096px;*/
        margin-right: 0px;
    }
    #manage-datasource-container #datasource-details-tabcontent>.tab-pane{
        scrollbar-width: thin;
    }

}