@import "variables";

.torro-element-wrap {
	margin-bottom: $element-wrap-spacing;
}

.torro-element-label {
	margin-bottom: $element-label-spacing;
}

.torro-toggle input[type="radio"] + label,
.torro-toggle input[type="checkbox"] + label {
	display: inline-block;
}

.torro-pager {
	display: block;
	clear: both;

	.prev,
	.next {
		display: inline-block;
	}

	.prev > button {
		float: left;
	}

	.next > button {
		float: right;
	}
}

.torro-required-indicator {
	font-weight: bold;
}

.torro-element-wrap {
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	input[type="radio"],
	input[type="checkbox"],
	textarea,
	select {
		&[aria-invalid="true"] {
			border-color: $color-error;
		}
	}
}

.torro-element-errors {
	color: $color-error;
}

.torro-notice {
	margin-bottom: $notice-spacing;
	padding: 0.5em 1em;
	background-color: #ffffff;
	border-left: 4px solid #fff;
	box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );

	&.torro-success-notice {
		background-color: $color-success-light;
		border-left-color: $color-success;
	}

	&.torro-info-notice {
		background-color: $color-info-light;
		border-left-color: $color-info;
	}

	&.torro-warning-notice {
		background-color: $color-warning-light;
		border-left-color: $color-warning;
	}

	&.torro-error-notice {
		background-color: $color-error-light;
		border-left-color: $color-error;
	}

	> p:last-child,
	> ul:last-child {
		margin-bottom: 0;
	}
}

.torro-evaluations-results {
	margin: 0 0 $basic-spacing;
	padding: $basic-spacing;
	border: 1px solid #ccc;

	.torro-evaluations-subtabs,
	.torro-evaluations-subcontent {
		position: relative;
		display: block;
		margin: 0;
		min-height: 1px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.torro-evaluations-subtabs {
		border-bottom: 1px solid #eee;
	}

	.torro-evaluations-subtab {
		display: inline-block;
		padding: 11px 12px;

		&[aria-selected="true"] {
			color: #555;
			text-decoration: none;
			font-weight: bold;
		}
	}

	.torro-evaluations-subtab-panel[aria-hidden="true"] {
		display: none;
	}
}

#torro-email-wrap {
	display: none;
}