/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.hide		{ display: none !important;  }
.show		{ display: block !important; }
.invisible  { visibility: hidden !important; }
.affix		{ position: fixed !important; }
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

form #form-status {
  line-height: 1;
  position: relative;
  top: -28px;
}
form #form-status #valid {
  position: relative;
  top: -10px;
}
form #form-status #valid .icon {
  font-size: 24px;
  margin-right: 10px;
  vertical-align: middle;
}
form #form-status #invalid {
  color: red;
  position: relative;
  top: -10px;
}

.form-signin-responce {
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:14px
}

.wrong-data { border-color: #fe5214; }

/* -------------------------------------------------- */
/*	Notifications
/* -------------------------------------------------- */

.alert-boxes { margin-bottom: 50px; }

	.error, .success, .info, .notice {
		position: relative;
		margin-bottom: 10px;
		padding: 11px 15px 11px 50px;
		display: block;
		text-transform: uppercase;
	}

	.error   { background-color: #fac9cf;  color: #974b54;}
	.success { background-color: #d0ebb3; color: #5f7645;}
	.info    { background-color: #a8dbee; color: #427b91;}
	.notice  { background-color: #fde7a7; color: #975c31;}
	
	.error:before,
	.success:before,
	.info:before,
	.notice:before {
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -13px;
		font-size: 18px;
		font-family: 'fontello';	
	}

	.error:before {
		color: #974b54;
		content: '\e83f';
	}

	.success:before {
		color: #5f7645;
		content: '\e83b';
	}

	.info:before {
		color: #427b91;
		content: '\e84c';
	}

	.notice:before {
		color: #975c31;
		content: '\e880';
	}

		.alert-close {
			position: absolute;
			top: 50%;
			right: 20px;
			margin-top: -9px;
			line-height: 1;
		}

		.alert-close:before {
			font-size: 18px;
			font-family: 'fontello';
			content: "\e83e";
		}

		.error	 .alert-close { color: #974b54; }
		.success .alert-close { color: #5f7645; }
		.info	 .alert-close { color: #427b91; }
		.notice	 .alert-close { color: #975c31; }