/*css the cao*/
.selected {
	border-color: #1EB353 !important;
	background-image: url("../images/mobile-card.png") !important;
	opacity: 1 !important;
	-webkit-transition-duration: 800ms;
	-moz-transition-duration: 800ms;
}
label.viettel, label.vinaphone, label.gate, label.mobile, label.vcoin, label.vnm  {
	background-image: url("../images/mobile-card.png");
	border: 1px solid rgba(0, 0, 0, 0.22);
	opacity: 0.5;
}
label.viettel {
	background-position: -130px -1px;
}
label.viettel-active {
	background-position: -132px 1px;
}
label.vinaphone {
	background-position: -1px 1px;
}
label.gate {
	background-position: 227px 0px;
}

label.mobile {
	background-position: 355px 0px;
}
label.vcoin {
	background-position: -258px -1px;
}
label.vnm {
	background-position: 124px 0px;
}
.acivte-card-conten div {
	width:350px;
    opacity: 1;
}
.emotion div{
	background-color: #1DB455;
}
.emotion{
	position: relative;
	width:120px;
	height:62px;
	padding:3px;
	margin:10px 0px 0px 10px;
	display: inline-block;
}
.emotion input{
	display:none;
}
.emotion label{
	z-index:2;
	cursor: pointer;
	border:1pt solid rgba(32, 31, 29, 0.33);
	width:130px;
	height:62px;
	position: absolute;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-webkit-transition-duration: 800ms;
	-moz-transition-duration: 800ms;
}
.emotion div{
	/*margin-left: 20px; edit*/
	overflow: hidden;
	cursor: pointer;
	position:absolute;
	padding:5px;
	font-family: tahoma;
	font-size:11px;
	color: #ffffff;
	word-wrap: break-word;
	padding-top:5px;
	text-align:center;
	width:130px; /*edit 22px */
	height:62px; /*edit 54px */
	background-color: #1EB453 !important;
	display: inline-block;
	opacity:0;
	-webkit-transition-property: opacity,width,margin-left;
	-moz-transition-property: opacity,width,margin-left;
	-webkit-transition-duration:800ms;
	-moz-transition-duration: 800ms;
}
.acivte-card-conten{
	z-index:9;
}
.acivte-card-conten div{
	opacity:1 !important;
	z-index:1;
	width:264px !important; /*edit*/
}
.acivte-card-conten label{
	opacity:0 !important;
}
.acivte-card-conten .transition-left{
	margin-left:-134px;
}
/*end*/
.card-promotion {
    float: right;
    width: 235px;
}
.payment-alert{
	background-color: #E9F7DD;min-height:35px;
	padding:10px;
	color: #5AB50F;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:20px;
}
.icon-success{
	background: url("../images/icon-alert.png") no-repeat -125px 0px transparent;
	height: 27px;
	width: 27px;
	margin-right:20px;
	clear: both;
	margin-top:-5px;
}
span.required{
	color:red;
}
.btn-recharge, .btn-recharge:hover, .btn-recharge:focus, .btn-recharge:active {
	background-color: #1EB453;
	border: none;
	color: white;
	padding: 8px 20px;
	font-size: 12px;
}

#naptien_card .row .emotion {
	margin-bottom: 20px;
}

#naptien_card .row {
	margin-left: 0px;
}