/** BUTTONS **/
select,
dd select,
textarea,
dd textarea,
input[type="text"],
dd input[type="text"],
input[type="email"],
dd input[type="email"],
input[type="number"],
dd input[type="number"],
input[type="password"],
dd input[type="password"],
a.button1,
a.button2,
input.button1,
input.button2,
input[type="button"],
input[type="submit"],
input[type="reset"],
a[onclick*="marklist"],
.studio-bool + .studio-bool-no,
.studio-bool + .studio-bool-yes {
	font-size: 14px;
	line-height: 1.42857143;
	background-color: #fefefe;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	display: inline-block;
	height: 34px;
	padding: 6px 12px !important;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

a.button1:hover,
a.button2:hover,
input.button1:hover,
input.button2:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a[onclick*="marklist"]:hover {
	text-decoration: none;
	background-color: var(--white);
	background-image: none;
	border-color: var(--text-colour);
	color: var(--text-colour);
}

input[type="submit"],
input[name="confirm"],
a[onclick*="marklist"],
.studio-bool + .studio-bool-yes {
	border-color: var(--green);
	color: var(--green);
	cursor: pointer;
}

input[type="submit"]:hover,
input[name="confirm"]:hover,
a[onclick*="marklist"]:hover,
.studio-bool:checked + .studio-bool-yes{
	background-color: var(--green);
	border-color: var(--green);
	color: var(--white);
}

input[name="cancel"],
input[name="delall"],
input[name="delmarked"],
input[name="action[delete]"],
.studio-bool + .studio-bool-no {
	border-color: var(--red);
	color: var(--red);
}

input[name="cancel"]:hover,
input[name="delall"]:hover,
input[name="delmarked"]:hover,
input[name="action[delete]"]:hover,
.studio-bool:checked + .studio-bool-no {
	background-color: var(--red);
	border-color: var(--red);
	color: var(--white);
}

input[name="preview"] {
	border-color: var(--blue);
	color: var(--blue);
}

input[name="preview"]:hover {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}

input[type="reset"] {
	border-color: var(--orange);
	color: var(--orange);
}

input[type="reset"]:hover {
	background-color: var(--orange);
	border-color: var(--orange);
	color: var(--white);
}

a[onclick*="marklist"] {
	margin-top: 8px;
}