.router-pages-page {
    padding: 7px;
    margin:2px;
    margin-right:10px;
    margin-left:10px;
    background-color: #222;
    display:flex;
    flex-grow: 1;
}

.router-pages-page:hover {
    background-color: #333;
}

.router-pages-component {
    color: #f8f8f8;
}

.router-pages-path {
    color: #777;
}

.router-pages-icon {
    content:url("../assets/icons/page.svg");
    width:18px;
    opacity:0.7;
    align-self:center;
    margin-right:7px;
}

.router-pages-icon.start-page {
    content:url("../assets/icons/page-filled.svg");
}

.router-pages-label {
    color: #999;
    margin:5px;
    margin-right:15px;
}

.router-pages-actions-icon {
    color: #999;
    align-self:center;;
    visibility: hidden;
    padding:8px 15px;
}

.router-pages-page:hover .router-pages-actions-icon {
    visibility: visible;
}

.router-pages-actions-icon:hover {
    color: #fff;
}


