.icon-empty {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.icon-key {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/key.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-1 {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/number-1.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-2 {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/number-2.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-3 {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/number-3.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-cash {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/cash.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-file-certificate--green {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/file-certificate--green.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-file-certificate--red {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/file-certificate--red.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-scale {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/scale.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}

.icon-calendar-plus {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/calendar-plus.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-hand {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/hand.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}

.icon-zpo {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/zpo.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}
.icon-zpo-note {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/zpo-note.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}

.icon-bookmark {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("icons/bookmark.svg");
    background-size: 18px;
    background-repeat: no-repeat;
}

.icon-bookmark-done {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("icons/bookmark-done.svg");
    background-size: 24px;
    background-repeat: no-repeat;
}