@use '../../../styles/mat-selectors' as ms;

adf-layout-container {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;

    .adf-layout-container-sidenav {
        overflow: hidden;
        border-right: 1px solid var(--adf-theme-foreground-text-color-007);
        background-color: var(--theme-background-color);
        color: var(--adf-theme-foreground-text-color);
    }
}

.adf-container-full-width {
    width: inherit;
    overflow: hidden;
}

/* query for Microsoft IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .adf-container-full-width {
        width: 100%;
    }
}

.adf-layout-container {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* stylelint-disable selector-class-pattern, declaration-no-important */
#{ms.$mat-sidenav-content},
#{ms.$mat-drawer-transition} #{ms.$mat-drawer-content} {
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: unset !important;
    transition-property: unset !important;
    transition-duration: unset !important;
    transition-timing-function: unset !important;
}

mat-sidenav-content > div {
    display: flex;
    height: 100%;

    > div {
        flex: auto;
    }
}