body
{
	background: url('../../../image/bg_img_login.jpg') center fixed;
	background-size: cover;
	padding: 0;
	margin: 0;
}

.wrap
{
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

p.form-title
{
	font-family: 'Open Sans' , sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #FFFFFF;
	margin-top: 5%;
	text-transform: uppercase;
	letter-spacing: 4px;
}

form
{
	width: 250px;
	margin: 0 auto;
}

form.login input[type="text"], form.login input[type="password"]
{
	width: 100%;
	margin: 0;
	padding: 5px 10px;
	background: 0;
	border: 0;
	border-bottom: 1px solid #FFFFFF;
	outline: 0;
	font-style: italic;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 5px;
	color: #FFFFFF;
	outline: 0;
}

form.login input[type="submit"]
{
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 16px;
	outline: 0;
	cursor: pointer;
	letter-spacing: 1px;
}

form.login input[type="submit"]:hover
{
	transition: background-color 0.5s ease;
}

form.login .remember-forgot
{
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
form.login .forgot-pass-content
{
	min-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
form.login label, form.login a
{
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
}

form.login a
{
	transition: color 0.5s ease;
}

form.login a:hover
{
	color: #2ecc71;
}

.pr-wrap
{
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.show-pass-reset
{
	display: block !important;
}

.pass-reset
{
	margin: 0 auto;
	width: 250px;
	position: relative;
	margin-top: 22%;
	z-index: 999;
	background: #FFFFFF;
	padding: 20px 15px;
}

.pass-reset label
{
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 15px;
}

.pass-reset input[type="email"]
{
	width: 100%;
	margin: 5px 0 0 0;
	padding: 5px 10px;
	background: 0;
	border: 0;
	border-bottom: 1px solid #000000;
	outline: 0;
	font-style: italic;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 5px;
	color: #000000;
	outline: 0;
}

.pass-reset input[type="submit"]
{
	width: 100%;
	border: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 10px;
	outline: 0;
	cursor: pointer;
	letter-spacing: 1px;
}

.pass-reset input[type="submit"]:hover
{
	transition: background-color 0.5s ease;
}

.btn {
		display: inline-block;
		padding: 9px 12px;
		padding-top: 7px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #5e5e5e;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #d1dade;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		background-image: none !important;
		border: none;
		text-shadow: none;
		box-shadow: none;
		transition: all 0.12s linear 0s !important;
		font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.btn-cons {
		margin-right: 5px;
		min-width: 120px;
		margin-bottom: 8px;
}
.btn-default {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
}
.btn-primary {
		color: #fff;
		background-color: #428bca;
		border-color: #357ebd;
}
.btn-success {
		color: #fff;
		background-color: #5cb85c;
		border-color: #4cae4c;
}
.btn-info {
		color: #fff;
		background-color: #5bc0de;
		border-color: #46b8da;
}
.btn-warning {
		color: #fff;
		background-color: #f0ad4e;
		border-color: #eea236;
}
.btn-danger {
		color: #fff;
		background-color: #d9534f;
		border-color: #d43f3a;
}
.btn-white {
		color: #5e5e5e;
		background-color: #fff;
		border: 1px solid #e5e9ec;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
		background-color: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
		border-color: transparent;
}
.btn-link {
		color: #5e5e5e;
		background-color: transparent;
		border: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
		border-color: transparent;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
		text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
}

.alert{padding:5px;margin-bottom:10px;border:1px solid transparent;border-radius:8px;text-align: center;}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:500}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert-dismissable,
.alert-dismissible{padding-right:5px}
.alert-dismissable .close,
.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}


#footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 100px;
	background:
		/* color overlay */
		linear-gradient(
		rgba(240, 212, 0, 0.45),
		rgba(0, 0, 0, 0.45)
		),
		/* image to overlay */
		url(http://google.com);
}


/* Custom footer CSS
-------------------------------------------------- */

.container .text-muted {
	margin: 10px 0;
}
.footertext {
	color: #ffffff;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {	width: 100%; }
  .col-md-11 {	width: 91.66666667%;	}
  .col-md-10 {	width: 83.33333333%;	}
  .col-md-9 {	width: 75%;	}
  .col-md-8 {	width: 66.66666667%;	}
  .col-md-7 {	width: 58.33333333%;	}
  .col-md-6 {	width: 50%;	}
  .col-md-5 {	width: 41.66666667%;	}
  .col-md-4 {	width: 32.55555%;	}
  .col-md-3 {	width: 25%;	}
  .col-md-2 {	width: 16.66666667%;	}
  .col-md-1 {	width: 3.33333333%;	}
  .col-md-pull-12 {	right: 100%;	}
  .col-md-pull-11 {	right: 91.66666667%;	}
  .col-md-pull-10 {	right: 83.33333333%;	}
  .col-md-pull-9 {	right: 75%;	}
  .col-md-pull-8 {	right: 66.66666667%;	}
  .col-md-pull-7 {	right: 58.33333333%;	}
  .col-md-pull-6 {	right: 50%;	}
  .col-md-pull-5 {	right: 41.66666667%;	}
  .col-md-pull-4 {	right: 33.33333333%;	}
  .col-md-pull-3 {	right: 25%;	}
  .col-md-pull-2 {	right: 16.66666667%;	}
  .col-md-pull-1 {	right: 8.33333333%;	}
  .col-md-pull-0 {	right: auto;	}
  .col-md-push-12 {	left: 100%;	}
  .col-md-push-11 {	left: 91.66666667%;	}
  .col-md-push-10 {	left: 83.33333333%;	}
  .col-md-push-9 {	left: 75%;	}
  .col-md-push-8 {	left: 66.66666667%;	}
  .col-md-push-7 {	left: 58.33333333%;	}
  .col-md-push-6 {	left: 50%;	}
  .col-md-push-5 {	left: 41.66666667%;	}
  .col-md-push-4 {	left: 33.33333333%;	}
  .col-md-push-3 {	left: 25%;	}
  .col-md-push-2 {	left: 16.66666667%;	}
  .col-md-push-1 {	left: 8.33333333%;	}
  .col-md-push-0 {	left: auto;	}
  .col-md-offset-12 {	margin-left: 100%;	}
  .col-md-offset-11 {	margin-left: 91.66666667%;	}
  .col-md-offset-10 {	margin-left: 83.33333333%;	}
  .col-md-offset-9 {	margin-left: 75%;	}
  .col-md-offset-8 {	margin-left: 66.66666667%;	}
  .col-md-offset-7 {	margin-left: 58.33333333%;	}
  .col-md-offset-6 {	margin-left: 50%;	}
  .col-md-offset-5 {	margin-left: 41.66666667%;	}
  .col-md-offset-4 {	margin-left: 33.33333333%;	}
  .col-md-offset-3 {	margin-left: 25%;	}
  .col-md-offset-2 {	margin-left: 16.66666667%;	}
  .col-md-offset-1 {	margin-left: 8.33333333%;	}
  .col-md-offset-0 {	margin-left: 0;	}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {background: red;}
    to {background: yellow;}
}

/* Standard syntax */
@keyframes myfirst {
    from {background: red;}
    to {background: yellow;}
}