/* Top Toolbar Styles */
.noSystemToolbar #defaultTopToolbar {
    display: none;
}

#defaultTopToolbar, .dx-toolbar .dx-toolbar-items-container {
    height: 48px;
}

    #defaultTopToolbar .dx-toolbar-before {
        padding-left: 6px;
    }

        #defaultTopToolbar .dx-toolbar-before .dx-toolbar-item {
            padding: 0px !important;
        }

    #defaultTopToolbar .dx-toolbar-after {
        padding-right: 6px;
    }

    #defaultTopToolbar .dx-button-text {
        font-size: 16px;
        text-transform: none;
    }

    /* #defaultTopToolbar .defaultBreadcrumb {
        border-radius: 8px;
    } */
    #breadcrumbToolbar .dx-toolbar-before {
        position: relative;
        background-color: var(--dx-color-border);
        background-clip: content-box;
        border-radius: 30px;
        padding: 10px;
    }
    #breadcrumbToolbar .hasSeparator div::after {
        font-family: "Font Awesome 6 Pro";
        content: '\f054';
        opacity: 0.5;
    }
    #breadcrumbToolbar .hasSeparator a:hover {
        filter: brightness(1.1);
    }
    
    #defaultTopToolbar .localization-item .dx-button-text,
    .localization-item-popup .dx-list-item-content,
    #defaultTopToolbar .theme-item .dx-button-text,
    .theme-item-popup .dx-list-item-content {
        font-family: 'Asap Bold';
    }

    .localization-item-popup .dx-list-item,
    .theme-item-popup .dx-list-item {
        table-layout: auto !important;
    }

    .signout-item .dx-button-content {
        justify-content: center !important;
    }

[class*=" Material"] #defaultTopToolbar .dx-button {
    border-radius: 4px;
}

:root[theme="dark"] {
    #defaultTopToolbar .appLogo {
        filter: brightness(1.2);
    }

    #defaultTopToolbar .appName {
        filter: brightness(1.3);
    }
}

/* BodyContent Styles */
.noSystemToolbar .bodyContent {
    padding-top: 0px !important;
}

.noSystemStatusBar .bodyContent {
    padding-bottom: 0px !important;
}

/* DefaultDrawer Styles */
#defaultDrawer .dx-drawer-panel-content {
    z-index: 1505 !important;
}

#defaultDrawer .dx-drawer-shader {
    z-index: 1504 !important;
}

/* DefaultMenu Styles */
#defaultMenu .dx-treeview-item:not(.active) .dx-treeview-item-content a {
    color: inherit;
}

#defaultMenu .dx-treeview-item-content i {
    width: 30px;
}

/* Bottom StatusBar Styles */
.noSystemStatusBar #defaultBottomStatusBar {
    display: none !important;
}

@media only screen and (max-width: 600px) {
    #layout_version_container {
        display: none;
    }
}