/** CSS for SVG icons **/

.svg-icon {
    float: left;
    width: 30px;
    height: 30px;
    padding: 9px 0px 0px 9px;
    fill: currentColor;
    color: #9f9f9f;
    pointer-events: none;
}
.svg-small {
    width: 16px;
    height: 16px;
    padding: 2px 0px;
    margin: -6px 2px;
    float: none;
}

.icon-add-branch {
    width: 32px;
    height: 32px;
    padding-top: 5px;
}

.icon-photos {
    width: 34px;
    height: 34px;
    padding-top: 5px;
}

.icon-cancel {
    width: 40px;
    height: 40px;
    padding: 4px 0 0 4px;
}

.icon-add-hq {
    width: 40px;
    height: 40px;
    padding-top: 5px;
    padding-left: 5px;
}

.icon-add-issuer {
    width: 40px;
    height: 40px;
    padding-top: 3px;
    padding-left: 5px;
}

.icon-add-order {
    width: 35px;
    height: 35px;
    padding-top: 6px;
    padding-left: 5px;
}

.icon-add-foto {
    padding-top: 10px;

}

.icon-active-small {
    idth: 15px;
    height: 15px;
    margin: -4px 2px;
}
.icon-add-user, .icon-users-edit {
    width: 40px;
    height: 40px;
    padding: 3px;
}

.icon-contactless {
    width: 40px;
    height: 40px;
}

.icon-help {
    padding: 0px;
    margin-top: -2px;
}

.icon-users-small, .icon-replace-design-small {
    width: 20px;
    height: 20px;
}

.icon-detail-small {
    width: 17px;
    height: 17px;
}

.icon-delete-small {
    padding: 3px 0px;
}

.icon-new-small {
    float: none;
}

.icon-cross-gray-small {
    color: #606060;
    width: 10px;
    height: 10px;
}

.icon-flash {
    float: left;
    margin: 10px;
}