/* xt_master_slave */


.default_option{
	border:1px solid #C9CBD0; 
	padding:2px 10px;
	background:white;
	color:black;
	margin:2px 5px auto 0px;
	cursor:pointer;
}


.default_option_deactivated{
	border:1px solid #C9CBD0; 
	padding:2px 10px;
	background:#C9CBD0;
	color:white;
	margin:2px 2px;
}

.default_option_deactivated_selected{
	border:2px solid black!important; 
	display:inline-block;
	/*height:50px;*/
}

.default_option_selected{
	border:2px solid black; 
	padding:2px 10px;
	background:white;
	color:black;
	margin:2px 5px;
}

.image_option{
	border:1px solid #C9CBD0; 
	margin:2px 5px;
	cursor:pointer;
}

.image_option_deactivated{
	border:1px solid #C9CBD0; 
	background:#C9CBD0;
	margin:2px 2px;
	opacity:0.4;
}

.image_option_selected{
	border:2px solid black; 
	margin:2px 5px;
}

.default_option input, .default_option_deactivated input, .default_option_selected input {display:none;}
.image_option_holder input {display:none;}


.ms_variant_instead
{
	padding-left: 18px;
}

#ms_options_form ul {
	list-style-type: none;
	padding-left:0;
}

#ms_options_form ul li:not(:first-child) {
	padding-top: 10px;
}
/* nicht verfuegbare Werte (Plugin-Option "Nicht verfuegbare Kombination": disable/notify)
   blass, gestrichelt, durchgestrichen; die Theme-Regeln fuer .default_option sind sehr spezifisch,
   deshalb der gleiche Vorsatz */
.optionNotAvailable,
#product.detail .product-info .ms-options .optionNotAvailable,
#product.detail .ms-options .optionNotAvailable {
	opacity: 0.35;
	text-decoration: line-through;
	border-style: dashed !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}
.optionNotAvailable:hover,
#product.detail .product-info .ms-options .optionNotAvailable:hover {
	opacity: 0.35;
}
/* Farb-/Bildfelder: diagonaler Strich */
.image_option_holder .optionNotAvailable,
.image_option_holder .image_option_deactivated {
	position: relative;
	background-image: linear-gradient(to top right, transparent calc(50% - 1px), #c00 calc(50% - 1px), #c00 calc(50% + 1px), transparent calc(50% + 1px)) !important;
}