.icon-vink {
    width: 22px;
    height: 22px;
    background: url(/Resources/Vink.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-cross {
    width: 22px;
    height: 22px;
    background: url(/Resources/Cross.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-vink:disabled, .icon-cross:disabled, icon-refresh:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.icon-pluss {
    width: 21px;
    height: 21px;
    background: url(/Resources/Pluss.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-plus {
    width: 22px;
    height: 22px;
    background: url(/Resources/Plus.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-search {
    width: 22px;
    height: 22px;
    background: url(/Resources/Search.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-trash {
    width: 22px;
    height: 22px;
    background: url(/Resources/Trash.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-refresh {
    width: 20px;
    height: 20px;
    background: url(/Resources/Refresh.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin: auto;
}

.icon-focus {
    width: 22px;
    height: 22px;
    background: url(/Resources/Focus.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin: auto;
}

.icon-filter {
    width: 20px;
    height: 20px;
    background: url(/Resources/Filter.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin: auto;
}

/*.icon-focus:after {
    width: 25px;
    height: 21px;
    background-color: #1367ac;
    mask: url(/Resources/Focus.svg) no-repeat center / contain;
    -webkit-mask: url(/Resources/Focus.svg) no-repeat center/ contain;
    cursor: pointer;
}*/

.icon-download {
    width: 20px;
    height: 20px;
    background-color: #1367ac;
    color: #37539E;
    mask: url(/Resources/Download.svg) no-repeat center / contain;
    -webkit-mask: url(/Resources/Download.svg) no-repeat center/ contain;
    cursor: pointer;
}

.icon-open {
    width: 20px;
    height: 20px;
    background-color: #1367ac;
    color: #37539E;
    mask: url(/Resources/Open.svg) no-repeat center / contain;
    -webkit-mask: url(/Resources/Open.svg) no-repeat center/ contain;
    cursor: pointer;
}

.icon-itemtracking {
    width: 20px;
    height: 20px;
    background-color: #1367ac;
    color: #37539E;
    mask: url(/Resources/ItemTracking.svg) no-repeat center / contain;
    -webkit-mask: url(/Resources/ItemTracking.svg) no-repeat center/ contain;
    cursor: pointer;
}

.icon-moveup {
    width: 22px;
    height: 22px;
    background: url(/Resources/MoveUp.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-movedown {
    width: 22px;
    height: 22px;
    background: url(/Resources/MoveDown.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-indent {
    width: 22px;
    height: 22px;
    background: url(/Resources/Indent.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-outdent {
    width: 22px;
    height: 22px;
    background: url(/Resources/Outdent.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
}

.icon-myactivities {
    width: 25px;
    height: 25px;
    background: url(/Resources/MyTasks.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin: auto;
    margin-left: 5px;
}

.icon-cards {
    width: 25px;
    height: 25px;
    background: url(/Resources/CardOverview.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin: auto;
    margin-left: 5px;
}

.icon-myprofile {
    width: 25px;
    height: 25px;
    background: url(/Resources/MyProfile.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    margin: auto;
    margin-left: 5px;
}