.userView:before {
    content: "\f0db";
}

.userViewDelete {
    float: left;
    cursor: pointer;
    font-family: "Font Awesome 5 Pro";
}

.userViewDelete:before {
    content: "\f1f8"
}

.userViewUp {
    cursor: pointer;
    padding: 2px;
    font-family: "Font Awesome 5 Pro";
}

.userViewUp:before {
    content: "\f0e2"
}

.userViewView {
    display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
    width: 100%;
}

.userViewCaption {
    font-weight: bold;
    font-size: larger;
}

.userViewRow {
    display: flex;
    padding: 4px;
    align-items: center;
}

.userViewViews .userViewRow:nth-child(even) {
    background: #CCC;
}

.userViewCaption:before {
    font-weight: normal;
    content: 'Aktuális nézet: ';
}

.add:before {
    content: "\f067";
}

.add {
    background-color: hsl(120, 39%, 54%);
}

.userViewHeader {
    display: flex;
}