.icon12 {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0px 6px;
}

.icon24 {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0px 4px;
}

.icon16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0px 8px;
}

.attach {
    background-image: url('/shared/svg/attach.svg');
}

.dashboard {
    background-image: url('/shared/svg/dashboard24.svg');
}

.admin {
    background-image: url('/shared/svg/admin.svg');
    ;
}

.pending {
    background-image: url('/shared/svg/loop.svg');
    ;
}

.visa {
    background-image: url('/shared/svg/visa.svg');
    ;
}

.approved {
    background-image: url('/shared/svg/approved.svg');
}

.error {
    background-image: url('/shared/icons/svg/error.svg');
}

.add {
    background-image: url('/shared/svg/add.svg');
}

.delete {
    background-image: url('/shared/svg/delete.svg');
}

.time {
    background-image: url('/shared/svg/time.svg');
}

.arrow_right {
    background-image: url('/shared/svg/arrow_right.svg');
}

.gear {
    background-image: url('/shared/svg/settings.svg');
}

.zoom-disabled {
    background-image: url('/shared/svg/zoomlogodisabled.svg');
    background-size: cover;
    width: 60px;
    height: 16px;
    ;
}

.zoom-enabled {
    background-image: url('/shared/svg/zoomlogoactive.svg');
    background-size: cover;
    width: 60px;
    height: 16px;
    ;
}

.rotate {
    animation: rotate 1.5s linear infinite;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}