/* PIM.red custom css */

.inline-editing-form .description {
	margin-top: 10px;
	color: #aaa;
}

#width_100, #width_50 {
	display: none;
}

label[for="width_100"],
label[for="width_50"] {
	border: 1px solid black;
	cursor: pointer;
	height: 50px;
	opacity: 0.3;
	padding: 5px;
	width: 50px;
}

label[for="width_100"] > span,
label[for="width_50"] > span {
	background: black;
	width: 50%;
	height: 100%;
	display: block;
}

label[for="width_100"] {
	margin-right: 10px;
}

label[for="width_100"] > span {
	width: 100%;
}

label[for="width_100"]:hover,
label[for="width_50"]:hover {
	opacity: 1;
}

#width_100:checked + label,
#width_50:checked + label {
	opacity: 1;
}