/* Loader */

.loader {
	border: 5px solid #e1e1e1;
	border-radius: 50%;
	border-top: 5px solid #676767;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	float: right;
    margin-left: 10px;
    margin-top: 4px;
}

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

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

/* clicked state */

.clicked {
	background-color: #555555;
	cursor: not-allowed !important;
	opacity: 0.2;
}

/* success */

.status.success {
    color: #155724;
    border: 1px solid #155724;
    background-color: #d4edda;
}