@keyframes spin {
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}

.ottericon-rotated {
    animation: spin 4s linear infinite;
}

.ottericon-45:before {
    transform: rotate(45deg);
}
.ottericon-90:before {
    transform: rotate(90deg);
}
.ottericon-135:before {
    transform: rotate(135deg);
}
.ottericon-180:before {
    transform: rotate(180deg);
}
.ottericon-225:before {
    transform: rotate(225deg);
}
.ottericon-270:before {
    transform: rotate(270deg);
}
.ottericon-315:before {
    transform: rotate(315deg);
}

.ottericon-45 {
    transform: rotate(45deg);
}
.ottericon-90 {
    transform: rotate(90deg);
}
.ottericon--90 {
    transform: rotate(-90deg);
}
.ottericon-135 {
    transform: rotate(135deg);
}
.ottericon-180 {
    transform: rotate(180deg);
}
.ottericon--180 {
    transform: rotate(-180deg);
}
.ottericon-225 {
    transform: rotate(225deg);
}
.ottericon-270 {
    transform: rotate(270deg);
}
.ottericon-315 {
    transform: rotate(315deg);
}

[class*="iconwrapper-"] {
	position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
}

[class*="active-ottericon"]:hover,
[class*="active-ottericon"]:active {
	color: #FFA700!important;
}

[class*="remove-ottericon"]:hover,
[class*="remove-ottericon"]:active {
	color: #DD0000!important;
}

.iconwrapper-success {
	background-image: url("../images/workotter-check.png");
}

.iconwrapper-error {
	background-image: url("../images/workotter-reject.png");
}

.iconwrapper-warning {
	background-image: url("../images/workotter-warning.png");
}