.topics {
    /* background: lightcoral; */
    position: relative;
}
.topics.showmenu .image {
    display: none;
}
.topics.showimage .topic-tree {
    display: none;
}
.topics.showmenu .topic-tree {
    border: none;
    width: calc(100vw - 16px);
}
.clickable {
    font-size: 24px;
    padding: 6px;
    border: 1px solid black;
}
.folder {
    margin-top: 10px;
    margin-bottom: 10px;
}
.menubar {
    height: 48px;
}
.menubar span.material-icons {
    font-size: 36px;
}
.menubar .new-topic, .menubar .new-lesson {
    display: none;
}
.upload-photo .material-icons {
    font-size: 72px;
    width: 100%;
    text-align: right;
}
.topic-tree .folder.type-lesson > .clickable::before {
    font-family: 'Material Icons';
    content: "folder_open";
}
.topic-tree .folder.open.type-lesson {
    background: beige;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
.file {
    margin-top: 8px;
}
.adjust-align {
    font-size: 30px;
    top: -6px;
}
.tdi {
    margin-bottom: 16px;
}
.topic-tree.mobile-hidden {
    display: none;
}
.topics.showimage .image {
    width: 100%
}
.topics.showimage .show-image {
    max-width: 100%;
}
.topics.showimage .other-content {
    width: 100%;
}
.login {
    height: 160px;
    margin-top: -110px;
}
.login-line div {
    width: 100%;
    height: 24px;
    display: block;
    text-align: center;
}
.login-line input {
    width: 100%;
    margin-bottom: 22px;
}
.login-submit {
    margin-top: 0px;
}
.insert-link {
    display: none;
}