.wp-core-ui {

	input,
	select,
	textarea {
		border-color: #ddd;
		min-height: 10px;
		max-width: none;
	}

	select {
		height: 30px;
		margin-top: 0;
		margin-bottom: 0;

	}

	input[type=checkbox] {
		width: 16px;
		height: 16px;

		&:before {
			width: 20px;
			height: 20px;
			margin: -2px 0 0 -4px;
			text-align: center;
		}
	}
}


// DEFAULT & SECONDARY
.wp-core-ui  button,
.wp-core-ui .button {
	color: #555;
	background: #f7f7f7;
	border-color: #ccc;
	min-height: 0;

	&:hover,
	&:focus {
		color: #23282d;
		background: #fafafa;
		border-color: #999;
	}

	&:active {
		color: #555;
		background: #eee;
		border-color: #999;
	}

	&:disabled,
	&.disabled,
	&[disabled] {
		color: rgba(0, 0, 0, 0.5) !important;
		border-color: #ddd!important;
		background: #f7f7f7!important;
	}
}


// PRIMARY
.wp-core-ui .button-primary {
	color: #fff;
	background: #007cba;
	border-color: #007cba;

	&:hover,
	&:focus {
		color: #fff;
		background: #0071a1;
		border-color: #0071a1;
	}

	&:active {
		color: #fff;
		background: #00669b;
		border-color: #00669b;
	}

	&:disabled,
	&.disabled,
	&[disabled] {
		color: rgba(255, 255, 255, 0.6) !important;
		background: #008ec2 !important;
		border-color: #008ec2 !important;
	}
}


// RED
.wp-core-ui .ls-button-red {
	color: #fff;
	background: #e14d43;
	border-color: #e14d43;

	&:hover,
	&:focus {
		color: #fff;
		background: #e35950;
		border-color: #df4136;
	}

	&:active {
		color: #fff;
		background: #dd382d;
		border-color: #dd382d;
	}

	&:disabled,
	&.disabled,
	&[disabled] {
		color: rgba(255, 255, 255, 0.6) !important;
		background: #d92e23!important;
		border-color: #d92e23!important;
		text-shadow: none !important
	}
}