html {
	height: 100%;
}
body{
	height: 100%;
	padding-top: 70px;
}


.loginbackground {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	padding: 0; 
	margin: 0;
	list-style: none;
}
.loginbackground li{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	transition: all 1s ease;
}

.loginpage {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 120px 0 50px 0;
}

.loginbox{
	position: relative;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.2);
	width: 90%;
	max-width: 350px;
	padding: 25px;
    border-radius: 20px;
    border: 1px solid #ccc;
}

.loginbox .illustration{
	padding: 20px 80px;
}

.login-info{
	width: 90%;
	max-width: 350px;
	padding: 25px;
	border-radius: 2px;
	margin: auto;
	text-align: center;
}


.page-wrap {
	min-height: calc(100% - 120px);
	padding-bottom: 50px;
}

.logo {
	width: 140px;
}


.site-footer {
  background-color:#484242;
  padding:30px 0 20px 0;
  width:100%;
  height:120px;
}

.site-footer p {
	font-size:12px;
	line-height:20px;
	color:#a19c9c; 
}
  
.site-footer span {	
	color:#fff; 
}


.notes{ padding: 15px; }

.btn-primary{ background-color: #09757d; }
.btn-primary:hover { background-color: #08646b; }

input[type="checkbox"] {
    height: 15px;
}

.has-feedback-left input.form-control {
    padding-left: 34px; /* @input-height-base; */
    padding-right: 12px; /* @padding-base-horizontal */
}

.has-feedback-left .form-control-feedback {
    left: 0; 
}
.form-horizontal .has-feedback-left .form-control-feedback {
    left: 12px; /* @grid-gutter-width / 2 */
}

.has-feedback-left input.input-sm {
  padding-left: 30px;  @input-height-small;
}
.has-feedback-left input.input-lg {
  padding-left: 46px;  @input-height-large;
  
}

.move-left {
    width: 28px;
    box-shadow: none;
  }