@charset "windows-874";
/* CSS Document */

.qtySelector {
	border: 1px solid #cad2c5;
	width: 100%;
	height: 46px;
	margin: 0; padding: 0;
}
.qtySelector .fa {
	width: 45px;
	height: 100%;
	float: left;
	cursor: pointer; font-size: 26px; line-height: 41px; color: #84a98c; background-color: #fff; overflow: hidden;
}
.qtySelector .fa.number-order {
	width: 24px;
	height: 100%;
	float: left;
	cursor: pointer; font-size: 26px; line-height: 41px; color: #84a98c; background-color: #fff; overflow: hidden;
}
.qtySelector .fa.number-cart {
	width: 24px;
	height: 100%;
	float: left;
	cursor: pointer; font-size: 26px; line-height: 41px; color: #84a98c; background-color: #fff; overflow: hidden;
}

.qtySelector .fa.clicked{
	font-size: 36px; line-height: 41px; color: #52796f; overflow: hidden;

}
.qtySelector .fa-minus{
	border-right: 1px solid #cad2c5;
	-webkit-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.qtySelector .fa-plus{
	border-left: 1px solid #cad2c5;
	-webkit-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.qtySelector .fa-minus:hover, .qtySelector .fa-plus:hover { background-color: #332257; color: #fff; }

.qtySelector .qtyValue {
	border: none!important; border-bottom: 1px solid #cad2c5;
	padding: 5px!important;
	width: calc(100% - 90px);
	height: 100%!important;
	float: left;
	text-align: center; font-weight: bold; color: #52796f;
}
.qtySelector .qtyValue.number-order {
	border: none!important; border-bottom: 1px solid #cad2c5;
	padding: 3px!important;
	width: calc(100% - 48px);
	height: 100%!important;
	float: left;
	text-align: center; font-weight: bold; color: #52796f;
}
.qtySelector .qtyValue.number-cart {
	border: none!important; border-bottom: 1px solid #cad2c5;
	padding: 3px!important;
	width: calc(100% - 48px);
	height: 100%!important;
	float: left;
	text-align: center; font-weight: bold; color: #52796f;
}