@charset "utf-8";
/* CSS Document */
html{
 height:100%;
 min-height:100%;
 }
body {
  background:url('assets/img/bg-login.jpg') no-repeat center center fixed;
  background-size: 100% auto;
  background-position: center top;
    background-attachment: fixed;
    -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
    z-index:-1;
    height: 100% !importain;overflow: auto;
    vertical-align: baseline;
    min-height:100%;


}

.cover {
    position: absolute;
    top: 0px;
    left:0px;
    width:100%;
    min-height:100% !important;
    background:#000;
    opacity:0.7;
    z-index:0;
filter:alpha(opacity=70); /* For IE8 and earlier */ 
}

.form-signin {
    max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto;
	//margin-top:90px;
    background-color: #fff;
	
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
			
	font-family:Tahoma, Geneva, sans-serif;
	color:#ffffff;
	font-weight:lighter;
}

.form-signin .form-signin-heading{
    color:#00A2D1;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.signin-form, .body-container
{
	//border:solid red 1px;
	margin-top:110px;
}
.navbar-brand{
	font-family:"Lucida Handwriting";
}
#btn-submit{
	height:45px;
}


.entry-illustration {
  width: 8px;
  height: 8px;
  
  border: 2px solid #dfffff;
  border-radius: 26px;
  
  transition: background-color 500ms;
  
  top: 0;
  left: 0;
}



input {
  cursor: pointer;
}

.number-pad {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  z-index: 2;
  color: #dfffff;
}


.number-push {
  width: 60px;
  height: 60px;
  text-align:center;
  border-radius: 100%;
  border: 1px solid #ffffff;  
  cursor: pointer; 
  font-size: 2em;
  text-align: center;
  margin:12px;
  padding-top: 8px;
  font-weight:200;
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
  transition: background-color 300ms, color 300ms;
  opacity:0.9;
filter:alpha(opacity=90);
}



.reset {
  right: 0px;
  top: 350px;
  
  border: none;
  background-color: transparent;
  
  font-size: 1em;
  font-weight: bold;
  
  cursor: pointer;
  
  color: #dfffff;
}

.entry-illustration {
width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 10px; 
  transition: background-color 500ms;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}