//## 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 border-radius(0);
		margin: 0 0 -1px;
		padding: 10px;
		font-size: 16px;
		
		
		
		height: auto;
		&:first-child { @include border-top-radius(3px); }
		&:last-child { @include border-bottom-radius(3px); margin: 0 0 20px; }
		@include placeholder {
			color: #ccc;
		}
		&: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; }
	}
	
}


.btn-group-block.input-group {
	.btn {
		text-align: left;
		padding: 10px;
		&.icn {
			text-align: center;
		}
	}
}

.btn-group-block {
	@include box-sizing(border-box);
	display: table;
    width: 100%;
    margin: 0 0 10px;
	text-decoration: none;
    .btn {
		display: table-cell;
		width: auto;
		width: 99%;
		&.icn { width: 1%; }
		border-collapse: separate;
        border-spacing: 0;
		@include border-radius(0);
		&:first-child { @include border-left-radius(5px); }
        &:last-child { @include border-right-radius(5px); }
    }
	.btn + .btn {
		border-left: none;
	}
	&.half { width: 50%; margin-left: auto; margin-right: auto; }
	&:hover { text-decoration: none !important; }
}

.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%);
		}
	}
}



.btn-app, .btn-google, .btn-facebook, .btn-twitter {
    // padding: 5px 22px !important;
    color: #fff;
    &:hover, &:active {
        color: #fff;
    }
    &.icn { font-size: 24px !important; padding: 2px 7px 0 7px !important; line-height: 28px !important; }
}

.btn-socials {
	padding: 5px 22px !important;
}

.btn-facebook {
  background: #3b5998;
  text-shadow: 0 1px 0 #3b5998;
  vertical-align: middle;
  &:hover { background: darken(#3b5998, 5%); }
  &:active { background: darken(#3b5998, 10%) \9; }
}

.btn-google {
  background: #dd4b39;
  text-shadow: 0 1px 0 #dd4b39;
  &:hover { background: #e74b37; }
  &:active { background: #be3e2e; }
}

.btn-twitter {
  background: #00aced;
  text-shadow: 0 1px 0 #00aced;
  &:hover { background: darken(#00aced, 10%); }
  &:active { background: darken(#00aced, 20%); }
}

.btn-paypal {
	background: #12398c;
}