/* basic CSS styles */

/**
 * Fields
 */

form.mimi-form p {
	padding: 0;
}

form.mimi-form select {
	font-size: 1.6rem;
}

input.mimi-invalid {
	border: 1px solid red;
}

.mimi-field {
	display: block;
}

.mimi-spinner {
	display: none;
	background: url( '../images/spinner.gif' ) no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

.mimi-submit {
	cursor: pointer;
}

/**
 * Messages
 */
.mimi-error {
	background-color: #ffebe8;
	border: 1px solid #c00;
	padding: 0.5em 1em;
	margin: 0.6em 0;
	border-radius: 3px;
}

@media only screen and (max-width: 279px) {
	form.mimi-form select {
		margin-top: 5px;
	}
}

/**
 * HiDPI Displays
 */
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {

	.mimi-spinner {
		background-image: url( '../images/spinner-2x.gif' );
	}
}