.tap.tap-wrap {
	margin: 10px 0;
}

.container.step-container {
	max-width: 600px;
	overflow: auto;
}

.step-wrap.styles .step-container .step-content {
	display: flex;
}

.step-wrap .step-container .step-content {
	height: auto !important;
}

/* Style Select */

.set-labels-wrap {
	display: grid;
	grid-template-columns: auto auto auto auto;
	margin: auto;
	height: auto;
	width: 95vw;
	min-width:90%;
}

.set-labels-wrap .set-label {
	display: flex;
    flex-direction: column;
	margin: 10px;
	padding: 5px;
	border: 2px solid lightgray;
	border-radius: 5px;
	height: auto;
	min-height: 141.5px;
	min-width: 90%;
}

.set-labels-wrap .set-label img {
	padding: 0 20px;
	min-height: 42%;
}

.set-labels-wrap img {
	margin: auto;
	height: auto;
}

.set-labels-wrap .set-label:hover {
	border-color: #B7BCC7;
	box-shadow: 0 5px 5px #00000029;
}

.set-labels-wrap .set-label.active {
	border-color: #0096ff;
	box-shadow: 0 5px 5px #00000029;
}

.set-labels-wrap .set-label h2 {
	color: #000;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}


/* Quantity Select */


.quantity-wrap {
	display: flex;
	height: 100%;
	justify-content: space-between;
}

.row.options.quantity,
.row.need-custom {
	margin: 0;
}

.row.options.quantity .option-row {
	width: 100%;
	padding: 0;
}

.row.options.quantity .option-row label {
	display: flex;
}

.row.options.quantity input[type="radio"] {
	left: 10px;
	top: auto;
	z-index: 2;
	align-self: center;
	position: absolute;
	margin: 0 10px 0 0;
}

input.loading {
    background: url('/resources/images/ajax-loader-grey.gif') no-repeat right 2px center;
}

.qty-label {
	display: flex;
	width: 100%;
	margin-left: 10px;
	align-self: center;
	align-items: center;
	justify-content: space-between;
	color: #000;
}

.tap.tap-wrap.quantity .quantity-info {
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.custom-qty-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.custom-qty-wrap .input.error {
	width: calc(100% - 32px);
}

#custom-qty-select {
	position: absolute;
	left: 27px;
	color: #000;
}

.custom-option {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.custom-row {
    border: 1px solid #d8d8d8;
    min-height: 48px;
    border-radius: 4px;
    background-color: #fff;
	display: flex;
}

.custom-row:hover,
.custom-row.active {
	border: 2px solid #B7BCC7;
    background: linear-gradient(to bottom,#ffffff 0%,#f7f9fc 100%);
    box-shadow: 0 5px 5px #00000029;
}

.options .option-row:hover label,
.options .option-row.active label {
	box-shadow: 0 5px 5px #00000029;
}

.custom-row.active {
	border-color: #0096ff;
}

.custom-label {
	padding: 10px !important;
	align-items: center;
	box-shadow: none !important;
	background: none !important;
	border: none !important;
	justify-content: space-between;
}

.cost-wrapper {
	display: flex;
}

.custom-inner {
	display: flex;
	flex-direction: column;
	width: auto;
	padding: 0 5px;
}

.custom-button {
	border: none;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    background-color: #0096ff;
    text-align: center;
    padding: 8px 20px;
    cursor: pointer;
}

#FormProduct_roll_count_custom {
	height: 32px;
	max-width: 120px;
	margin-right: 5px;
}

div.form .errorMessage .green,
div.form .errorMessage .red {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
}

.custom-label .qty-price,
.custom-label .custom-price {
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	.qty-total.unit.gray {
		display: none;
	}
}

@media (max-width: 767px) {

	.container .step-container {
		max-width: none;
	}

	.set-labels-wrap {
		grid-template-columns: auto auto auto;
	}

	.set-labels-wrap .set-label {
		width: 90%;
		height: auto;
		max-width: 180px;
		min-height: 180px;
		max-height: 180px;
	}

	.set-labels-wrap .set-label img {
		padding: 0;
		width: auto;
		height: auto;
	}

	.set-labels-wrap img {
		width: 100%;
		margin: auto;
	}

	.step-wrap.styles .step-container {
		padding-bottom: 80px;
	}

	.tap.tap-wrap.quantity .unit,
	.row.options.quantity .unit {
		display: none;
	}

	.custom-label {
		flex-direction: column;
	}

	.custom-label .custom-inner {
		align-self: flex-start;
		width: 100%;	
	}

	.custom-label .qty-price {
		width: 100%;
		justify-content: space-between;
	}

	#FormProduct_roll_count_custom {
		max-width: none;
	}

	#FormProduct_choose_qty {
		width: 100%;
		margin-top: 15px;
	}
}

@media (max-width: 576px) {
	.set-labels-wrap {
		grid-template-columns: auto auto;
	}
}