@import "src/app/core/scss/fuse";

#<%= pages %> {

    mat-sidenav-container {

        .sidenav {
            width: 320px !important;
            min-width: 320px !important;
            max-width: 320px !important;

            &.left-sidenav {
            }

            &.right-sidenav {
                @include media-breakpoint('gt-md') {
                    z-index: 0;
                }
            }
        }

        > .mat-sidenav-content,
        > .mat-drawer-content {
            z-index: 1;

            .center {

                .sub-header {
                    position: relative;
                    height: 60px;
                    min-height: 60px;
                    max-height: 60px;

                    @include media-breakpoint-down('sm') {
                        height: 60px;
                        min-height: 60px;
                        max-height: 60px;
                    }

                    .add-license-button {
                        position: absolute;
                        bottom: -26px;
                        right: 16px;
                        z-index: 999;
                    }
                }

                .content {
                    margin-top: 20px;
                }
            }
        }
    }

}