.showP {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.showP > canvas {
	margin: 0 auto;
}

.showP > .product_option {
	display: grid;
	padding: 5px 5px;
}

.showP > .product_option > .option {
	justify-self: left;
    margin-top: 20px;
}

.showP > .product_option > .option > .optionTitle {
	margin: 10px;
	font-size: larger;
}

.showP > .product_option > .option > .optionBlock {
	display: grid;
	grid-template-columns: repeat( 8, 1fr );
	grid-gap: 10px;
	clear: left;
}

.showP > .product_option > .option > .optionBlock > button {
	/*border-radius: 8px;*/
	text-decoration: none;
	outline: none;
	cursor: pointer;
	width: 32px !important;
    height: 32px !important;
    background-size: unset !important;
    background-position: center top;
    margin: 0 5px;
}

.showP > .product_option > .option > .optionBlock > button:hover {
	/*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
	border: 2px solid #000;
}

.showP > .product_option > .option > .optionBlock > button:active {
	/*box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);*/
	border: 2px solid #000;
}

.option_init {
	border:  none;
}

.option_click {
	border:  2px solid #000;
}
#selected_label{
    display: block;
    font-size: 13px;
    color: #929292;    
    padding: 3px 0;
    margin: 5px 0;
}
.showP > .product_option > .option[style="order: 100;"] .optionBlock button.option_init,
.showP > .product_option > .option[style="order: 101;"] .optionBlock button.option_init,
.showP > .product_option > .option[style="order: 102;"] .optionBlock button.option_init,
.showP > .product_option > .option[style="order: 100;"] .optionBlock button.option_click,
.showP > .product_option > .option[style="order: 101;"] .optionBlock button.option_click,
.showP > .product_option > .option[style="order: 102;"] .optionBlock button.option_click{
    
    width: 81px !important;
	height: 38px !important;
	background-size: 100% 100% !important;
}
.showP > .product_option > .option[style="order: 100;"] > .optionBlock,
.showP > .product_option > .option[style="order: 101;"] > .optionBlock,
.showP > .product_option > .option[style="order: 102;"] > .optionBlock{
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	grid-gap: 5px;
	clear: left;
}
@media screen and (max-width: 1024px) {
	.showP {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
	}
}