@import (reference) "color";

@ScrollBackground: #FAFAFA;
@ScrollBarThumbHovered: #7d7d7d;
@ScrollBarThumb: #c1c1c1;

.form-group {
	margin-bottom: 15px;
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
	.form-label,
	.form-input {
		position: relative;
		width: 100%;
		min-height: 30px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.form-label {
		line-height: 30px;
		font-weight: 400;

		.star {
			color: @RedStatus;
		}
	}

	.form-control {
		border-radius: 0;
		font-size: 12px;
		display: inline-block;
		width: e("calc(100% - 48px)");
		vertical-align: top;
		padding: 4px 12px;
		line-height: 20px;
		color: black;
		background-color: white;
		background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
		border: 1px solid @Grey;
		box-shadow: none;
		height: 30px;


		&[disabled] {
			background-color: @LightGrey;
			cursor: not-allowed;
			opacity: 0.65;
		}

		&textarea {
			height: auto;
		}

		&:focus {
			outline: 0;
		}

		// Unstyle the caret on `<select>`s in IE10+.
		&::-ms-expand {
			border: 0;
			background-color: transparent;
		}
	}

	@media (min-width: 992px) {
		.form-label {
			text-align: right;
			float: left;
			width: 16.6666667%;
		}

		.form-input {
			float: left;
			width: 41.6666667%;
		}
	}
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: @LightDark !important;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: @LightDark !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: @LightDark !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: @LightDark !important;
}


input,
textarea {
	&:active:focus,
	&:active,
	&:focus {
		outline: 0;
		text-decoration: none;
	}
	&[disabled] {
		background: @LightGrey;
	}
}

::-webkit-scrollbar-thumb {
	background-color: @ScrollBarThumb;
	border-radius: 10px;
	width: 8px;
	&:hover {
		background-color: @ScrollBarThumbHovered;
		//-webkit-box-shadow: -7px -2px 3px 3px @DarkGrey inset;
	}
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: @ScrollBackground;
}

::-webkit-scrollbar-track {
	background-color: @ScrollBackground;
}