//## Signup/Login Forms
//
.centered-form {
	text-align: center;
	max-width: 350px;
	padding: 15px;
	margin: 10px auto;
	h2 { margin: 0 0 15px; }
	.form-control {
		position: relative;
		@include placeholder { color: #ccc; }
	}
	.btn:last-child {
	    margin: 20px 0 0;
	}
}

.inpt-group {
	display: block; position: relative;
	margin: 0 0 20px; padding: 0;
	.form-control {
	    position: relative;
	    margin: 0 0 -1px !important;
	    @include border-radius(0);
	    &:first-child { @include border-top-radius($input-border-radius); }
		&:last-child { @include border-bottom-radius($input-border-radius); margin: 0; }
		&:focus, &:active { z-index: 99; }
	}
}


// for checkbox and radio fields
.input-group.labeled {
	.input-group-addon {
		border-color: transparent;
		background: none;
	}
	label {
		position: relative;
		z-index: 2;
		float: left;
		width: 100%;
		margin-bottom: 0;
		border-color: transparent;
		background: none;
		text-align: left;
		@include box-shadow( none );
	}
}


// error inputs
.form-control > input.form-control {
	margin: 0 !important;
	padding: 0;
	border: none;
	background: transparent;
	@include box-shadow(none);
	@include placeholder { color: red; }
}

.form-control.error > input.form-control { color: red; }

.field_with_errors input.form-control {
	color: red;
	border: solid 1px red;
}

form.corset, .form {
	label {
		display: block; position: relative;
		margin: 0; padding: 7px 0;
		line-height: 20px;
		text-align:left;
	}
}


// Inputs with Icons (orderlifticons)
.icon_field {
	display: block; position: relative;
	margin: 0; padding: 0;
	&:after {
		display: block; position: absolute;
		margin: 0; padding: 0;
		left: 2px; top: 0; bottom: 0; 
		width: 24px; line-height: 34px;
		text-align: center; vertical-align: middle;
		content: "\e003";
		z-index: 5;
		color: #aaa;
		text-shadow: 0 1px 1px #fff;
		font-family: 'Glyphicons Halflings'; font-weight: normal;  font-style: normal; 
		font-size: 14px;
	}
	// input {
	// 	display: block; position: relative;
	// 	margin: 0; padding-left: 32px;
	// 	@include box-sizing(border-box);
	// 	width: 100%; height: 30px;
	// 	@include placeholder_styles {
	// 		color: rgba(0,0,0,.20);
	// 	}
	// }
	input, input.form-control { padding-left: 28px; }
	&.half { width: 50%; margin: 0 auto; }
	&.fat {
		input {
	        padding: 11px 20px 9px 34px;
	        height: 42px;
	        font-size: 18px;
			@include placeholder {
				font-size: 18px;
				color: rgba(0,0,0,.20);
			}
			@include border-radius(0);
	
		}
		&:after {
			left: 2px; top: 0; bottom: 0; 
			width: 30px; line-height: 44px;
			content: "\f021";
			text-shadow: 0 1px 0 rgba(0,0,0,.01);
			font-size: 18px;
		}
	}
	// glyphicons
	&.search:after 		{ content: "\e003"; }
	&.mail:after 		{ content: "\2709"; }
	&.password:after 	{ content: "\e033"; }
	&.user:after 		{ content: "\e008"; }
	&.location:after 	{ content: "\e062"; }
	&.globe:after 		{ content: "\e135"; }
	&.filter:after 		{ content: "\e138"; }
	&.euro:after 		{ content: "\20ac"; }
	&.dollar:after 		{ content: "\e148"; }
	
	
	&.euro, &.dollar {
		input { text-align: right; }
	}
	
}








.fullpage-table > .table-row > * {
	.btn-group-block { margin: 0; }
	.btn-group-block.dropdown-toggle, .btn-group-block.new_order_link {
		@include border-radius( 2px );
		.btn { background: transparent; color: #fff; @include box-shadow(none); border: none; }		
	}
	.btn-group-block.dropdown-toggle {
		$this_clr: #369;
		background: $this_clr;
		border: solid 1px darken($this_clr, 10%);
		&:hover {
			background: lighten($this_clr, 10%);
			border: solid 1px darken($this_clr, 20%);
		}
	}
	.btn-group-block.new_order_link {
		$this_clr: #5cb85c;
		background: $this_clr;
		border: solid 1px darken($this_clr, 10%);
		&:hover {
			background: lighten($this_clr, 10%);
			border: solid 1px darken($this_clr, 20%);
		}
	}
}

.form-control + .form-control {
	margin-top: 10px;
}




@include all_form_elements {
	&.form-control.half { @include horizontal-margin( auto ); width: 50%; }
}

form, .form {
	
	@include all_form_elements {
		&.form-control { margin-bottom: 10px; }
	}
	.btn-divided, .btn-splited, .btn-block { margin-bottom: 10px; }
	
	.row > * {
		margin-bottom: 10px;
		@include all_form_elements { &.form-control { margin-bottom: 0; } }
		.btn-divided, .btn-splited, .btn-block { margin-bottom: 0; }
	}
	
}