.rmrank .rmr-inp {
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	top:-1px;
	left:0;
	border:1px solid #ccc;
	background:white;
}
.rmrank .rmr-inp * {
	box-sizing:border-box;
	height:20px;
}
.rmrank .rmr-inp-vcnt {
	margin:0;
	width:50px;
	padding:5px;
	font-size:13px;
	text-align:right;
	border:0;
	background:transparent;
}
.rmrank .rmr-inp-enter {
	margin:0;
	border:0;
	color:black;
	background-color:#ddd;
	cursor:pointer;
}
.rmrank .rmr-inp-enter:hover {
	background-color:#eee;
}
.rmrank .rmr-inp-success {
	animation-name:rms-kf-inp-success;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
@keyframes rms-kf-inp-success {
	0% {
		box-shadow:0 0 50px 0 #46cf8a;
	}
	100% {
		box-shadow:0 0 0 0 #46cf8a;
	}
}
.rmrank .rmr-inp-fail {
	animation-name:rms-kf-inp-fail;
	animation-iteration-count:3;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
}
@keyframes rms-kf-inp-fail {
	30% {
		transform:rotateZ(3deg);
	}
	50% {
		background:rgba(255,0,0,1);
	}
	70% {
		transform:rotateZ(-3deg);
	}
}
