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

#file-manager {

    md-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 {
            z-index: 1;

            .center {

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

                    .add-file-button {
                        position: absolute;
                        bottom: -28px;
                        left: 16px;
                    }
                }
            }
        }
    }

    .type-icon {

        &.folder {
            &:before {
                content: 'folder';
                color: #FFB300;
            }
        }

        &.document {
            &:before {
                content: 'insert_drive_file';
                color: #1565C0;
            }
        }

        &.spreadsheet {
            &:before {
                content: 'insert_chart';
                color: #4CAF50;
            }
        }
    }
}
