﻿/*Manage Catalog*/

#catalog-container .manage-catalog-tab-content #section-tab-catalog-view-description.tab-pane {
    width: 100%;
    margin-right: 10px;
}

#section-tab-catalog-view-description {
    width: fit-content;
}

#section-tab-catalog-view-security {
    width: 100%;
    max-width: 712px;
    margin: 0px auto;
}

#section-tab-catalog-view-items,
#section-tab-catalog-domains {
    width: 100%;
    max-width: 704px;
    margin: 0px auto;
}

.catalog-viewer-content-container .catalog-info-container {
    max-width: 704px !important;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.catalog-viewer-content-container #section-tab-catalog-workflow .catalog-info-container {
    max-width: 100% !important;
}

.catalog-viewer-content-container .catalog-general-info .sds-card {
    width: 100% !important;
}

.catalog-viewer-content-container .nav-catalog {
    margin-bottom: 32px !important;
}

.catalog-viewer-content-container #catalog-name-container .sds-card {
    width: 100% !important;
}

.catalog-desc-card {
    margin-bottom: 16px !important;
}


.scroll-on-hover::-webkit-scrollbar-track {
    background: transparent;
}
.scroll-on-hover::-webkit-scrollbar-thumb {
    visibility: hidden !important;
}
.scroll-on-hover:hover::-webkit-scrollbar-track {
    background: var(--sds-grey-400);
}
.scroll-on-hover:hover::-webkit-scrollbar-thumb {
    visibility: visible !important;
}
#user-data-container #section-tab-catalog-view-description {
    overflow-y: auto !important;
    height: calc(100dvh - var(--space-d-topbar-breadcrumb-tabs, 200px)) !important;
}

.manage-catalog-container {
    padding-top: 24px;
}

.catalog-name-desc-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
}

.manage-catalog-manager-info-div {
    margin-top: 24px;
}

.catalog-security-users-info-div .do-users-list-container>.users-list {
    max-height: calc(100vh - 550px);
    height: auto;
}

.catalog-public-toggle-title-container {
    width: 620px;
}

.catalog-public-toggle-container {
    display: flex;
    gap: 16px;
}

#catalog-public-toggle {
    padding-top: 13px;
}

#catalog-notifications-list .dx-datagrid-nodata {
    opacity: 1;
}

.catalog-manager-no-data-container,
.catalog-notifications-no-data-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.catalog-manager-no-data-title,
.catalog-notifications-no-data-title {
    color: var(--sds-text-black);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.catalog-manager-no-data-subtitle,
.catalog-notifications-no-data-subtitle {
    color: var(--sds-grey-700);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;

}

#section-tab-catalog-view-access-request.active {
    width: 100%;
    overflow: hidden;
}

#domain-items-content .item_cta_seemore div.container {
    margin-left: 0px;
    margin-right: 0px;
}

.catalog-notification-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cta-catalog-notification__new {
    padding: 6px 12px;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    border: 1px solid var(--sds-primary);
    background: var(--sds-primary);
    color: white;
}
.manage-catalog-tab-content .tab-pane {
    max-width: 100%;
    width: 100%;
}
.datagrid-auto-grow-scroll-wrapper > div,
.datagrid-auto-grow-scroll-wrapper > div > .sds-datatable,
#catalog-notifications-list .sds-datatable-container,
#catalog-notifications-list .sds-datatable-container .sds-datatable {
    height: unset !important;
    min-height: 350px;
    max-height: 650px;
}

.catalog-mask-icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    background-color: var(--sds-grey-700);

    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
}
.catalog-manager-delete-btn {
    -webkit-mask-image: url(/Assets/Images/icons/delete.svg);
    mask-image: url(/Assets/Images/icons/delete.svg);
}