@import './custom-css/page_structure.css';
@import './custom-css/global.css';
@import './custom-css/menu.css';

div.wunderbaum {
    background-color: transparent !important;
    border: 1px solid var(--bs-primary);
    border-radius: 2px;
}
div.wunderbaum.empty {
    min-height: 200px;
    position: relative;
}
div.wunderbaum.empty::after {
    content: 'This folder is empty.';
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background: var(--bs-gray-200);
    color: var(--bs-gray-700);
    font-size: 30px;
    justify-content: center;
    align-items: center;
}
div.wunderbaum.empty.add_folders_and_files::after {
    content: 'Create a folder or upload files.';
}
div.wunderbaum.empty.add_files::after {
    content: 'Upload files.';
}
div.wunderbaum.empty.add_folders::after {
    content: 'Create a folder.';
}