.scsicon-back {
    mask-image: url("../images/scsicons/arrow_back.svg");
    -webkit-mask-image: url("../images/scsicons/arrow_back.svg");
}

.scsicon-check {
    mask-image: url("../images/scsicons/check.svg");
    -webkit-mask-image: url("../images/scsicons/check.svg");
}

.scsicon-drop-file {
    mask-image: url("../images/scsicons/drop-file.svg");
    -webkit-mask-image: url("../images/scsicons/drop-file.svg");
}

.scsicon-feedback {
    mask-image: url("../images/scsicons/feedback.svg");
    -webkit-mask-image: url("../images/scsicons/feedback.svg");
}

.scsicon-feedback-dark {
    mask-image: url("../images/scsicons/feedback_dark.svg");
    -webkit-mask-image: url("../images/scsicons/feedback_dark.svg");
    .scsicon-door-check-out-icon
}

.scsicon-door-check-out-icon {
    mask-image: url("../images/scsicons/door-check-out-icon.svg");
    -webkit-mask-image: url("../images/scsicons/door-check-out-icon.svg");
}

.scsicon-door-check-out-icon-dark {
    mask-image: url("../images/scsicons/door-check-out-icon_dark.svg");
    -webkit-mask-image: url("../images/scsicons/door-check-out-icon_dark.svg");
}

.scsicon-verlof {
    mask-image: url("../images/scsicons/verlof.svg");
    -webkit-mask-image: url("../images/scsicons/verlof.svg");
}

.scsicon-verlof-dark {
    mask-image: url("../images/scsicons/verlof_dark.svg");
    -webkit-mask-image: url("../images/scsicons/verlof_dark.svg");
}

.scsicon-schedule-icon {
    mask-image: url("../images/scsicons/schedule-icon.svg");
    -webkit-mask-image: url("../images/scsicons/schedule-icon.svg");
}

.scsicon-schedule-icon-dark {
    mask-image: url("../images/scsicons/schedule-icon_dark.svg");
    -webkit-mask-image: url("../images/scsicons/schedule-icon_dark.svg");
}

.scsicon-communicate {
    mask-image: url("../images/scsicons/communicate.svg");
    -webkit-mask-image: url("../images/scsicons/communicate.svg");
}

.scsicon-communicate-dark {
    mask-image: url("'../images/scsicons/communicate_dark.svg'");
    -webkit-mask-image: url("../images/scsicons/communicate_dark.svg");
}

.scsicon-user-management {
    mask-image: url("../images/scsicons/user-management.svg");
    -webkit-mask-image: url("../images/scsicons/user-management.svg");
}

.scsicon-user-management-dark {
    mask-image: url("../images/scsicons/user-management_dark.svg");
    -webkit-mask-image: url("../images/scsicons/user-management_dark.svg");
}

.scsicon-user {
    mask-image: url("../images/scsicons/user.svg");
    -webkit-mask-image: url("../images/scsicons/user.svg");
}

.scsicon-user-dark {
    mask-image: url("../images/scsicons/user_dark.svg");
    -webkit-mask-image: url("../images/scsicons/user_dark.svg");
}
.scsicon-download {
    mask-image: url("../images/scsicons/download.svg");
    -webkit-mask-image: url("../images/scsicons/download.svg");
}

.scsicon-download-dark {
    mask-image: url("../images/scsicons/download_dark.svg");
    -webkit-mask-image: url("../images/scsicons/download_dark.svg");
}


.scsicon-delivery_truck {
    mask-image: url("../images/scsicons/deliverytruck.svg");
    -webkit-mask-image: url("../images/scsicons/deliverytruck.svg");
}

.scsicon-delivery_truck {
    mask-image: url("../images/scsicons/delivery_truck.svg");
    -webkit-mask-image: url("../images/scsicons/delivery_truck.svg");
}
.scsicon-delivery_truck-dark {
    mask-image: url("../images/scsicons/delivery_truck_dark.svg");
    -webkit-mask-image: url("../images/scsicons/delivery_truck_dark.svg");
}

.scsicon-mail {
    mask-image: url("../images/scsicons/mail.svg");
    -webkit-mask-image: url("../images/scsicons/mail.svg");
}

.scsicon-save {
    mask-image: url("../images/scsicons/save.svg");
    -webkit-mask-image: url("../images/scsicons/save.svg");
}

.scsicon-list {
    mask-image: url("../images/scsicons/list.svg");
    -webkit-mask-image: url("../images/scsicons/list.svg");
}

.scsicon-folder {
    mask-image: url("../images/scsicons/folder.svg");
    -webkit-mask-image: url("../images/scsicons/folder.svg");
}

.scsicon-education {
    mask-image: url("../images/scsicons/education.svg");
    -webkit-mask-image: url("../images/scsicons/education.svg");
}

.scsicon-apps {
    background-image: url(../images/scsicons/apps.svg);
}

.scsicon-logout {
    background-image: url(../images/scsicons/logout.svg);
}

.scsicon-login {
    background-image: url(../images/scsicons/login.svg);
}

.scsicon-copy {
    background-image: url(../images/scsicons/copy.svg);
}

.scsicon-save2 {
    background-image: url(../images/scsicons/save2.svg);
}

.scsicon-add {
    background-image: url(../images/scsicons/add.svg);
}

.scsicon-sync {
    background-image: url(../images/scsicons/sync.svg);
}

.scsicon-group {
    background-image: url(../images/scsicons/group.svg);
}
.scsicon-edit {
    background-image: url(../images/scsicons/edit.svg);
}

.scsicon-file-type-pdf-background {
    background-image: url(../images/scsicons/file-type-pdf.svg);
    /*mask-image: url("../images/scsicons/file-type-pdf.svg");
    -webkit-mask-image: url("../images/scsicons/file-type-pdf.svg");*/
}

.scsicon-export-to-pdf-background {
    background-image: url(../images/scsicons/export-to-pdf.svg);
    /*mask-image: url("../images/scsicons/file-type-pdf.svg");
    -webkit-mask-image: url("../images/scsicons/file-type-pdf.svg");*/
}

.scsicon-export-to-docx-background {
    background-image: url(../images/scsicons/export-to-docx.svg);
    /*mask-image: url("../images/scsicons/file-type-pdf.svg");
    -webkit-mask-image: url("../images/scsicons/file-type-pdf.svg");*/
}

.scsicon-file-info-background {
    background-image: url(../images/scsicons/file-info.svg);
    /*mask-image: url("../images/scsicons/file-type-pdf.svg");
    -webkit-mask-image: url("../images/scsicons/file-type-pdf.svg");*/
}

.scsicon-info-map-location-background {
    background-image: url(../images/scsicons/info-map-location.svg);
    /*mask-image: url("../images/scsicons/file-type-pdf.svg");
    -webkit-mask-image: url("../images/scsicons/file-type-pdf.svg");*/
}

.treeview-icon-folder {
    background-image: url(../images/scsicons/folder.svg);
}




.treeview-icon {
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
    min-height: 2.6rem;
    background-size: contain;
    background-position: center center;
}

@media (max-width: 768px) {
    .treeview-icon {
        width: 1.8rem;
        height: 1.8rem;
        min-width: 1.8rem;
        min-height: 1.8rem;
    }
}

@media (max-width: 480px) {
    .treeview-icon {
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        min-height: 1rem;
    }
}