/**
 * Archiver CSS.
 */

#wp-admin-bar-archiver .ab-item {
	transition: color 0.75s ease;
}

.archiver-success > a {
	color: #46b450 !important;
}

.archiver-failure > a {
	color: #dc3232 !important;
}

#wp-admin-bar-archiver .ab-icon {
	float: right !important;
	margin-right: 0 !important;
	margin-left: 6px !important;
	opacity: 0;
	transition: opacity 0.3s ease;

	-webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#wp-admin-bar-archiver .ab-icon::before {
	color: inherit !important;
}

#wp-admin-bar-archiver .archiver-active .ab-icon {
	opacity: 1;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(-360deg);}
}