.symbols {
    background-color: transparent;
    border: none;

    &:before {
        zoom: 110%;
    }

    &.schedule:before {
        content: url("schedule.svg");
    }

    &.delete:before {
        content: url("delete.svg");
    }

    &.close:before {
        content: url("close.svg");
    }

    &.cancel:before {
        content: url("cancel.svg");
    }

    &.check_circle:before {
        content: url("check_circle.svg");
    }

    &.checklist:before {
        content: url("checklist.svg");
    }

    &.chevron_backward:before {
        content: url("chevron_backward.svg");
    }

    &.filter:before {
        content: url("filter.svg");
    }

    &.hash:before {
        content: url("hash.svg");
    }

    &.italic:before {
        content: url("italic.svg");
    }

    &.bold:before {
        content: url("bold.svg");
    }

    &.list:before {
        content: url("list.svg");
    }

    &.listN:before {
        content: url("listN.svg");
    }

    &.photo:before {
        content: url("photo.svg");
    }

    &.save:before {
        content: url("save.svg");
    }

    &.settings:before {
        content: url("settings.svg");
    }

    &.source:before {
        content: url("source.svg");
    } 
    
    &.split:before {
        content: url("split.svg");
    }

    &.menu:before {
        content: url("menu.svg");
    }

    &.sort:before {
        content: url("sort.svg");
    }

    &.sync:before {
        content: url("sync.svg");
    }

    &.stack:before {
        content: url("stack.svg");
    }

    &.add_circle:before {
        content: url("add_circle.svg");
    }

    &.visibility:before {
        content: url("visibility.svg");
    }

    &.link:before {
        content: url("link.svg");
    }

    &.markdown:before {
        content: url("markdown.svg");
    }
}

.addbutton {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 2rem;
    border-radius: 50%;
    display: block;
    width: 3rem;
    height: 3rem;
}
.addbutton:before {
    content: "+";
}