/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 112px;
  background-image:url(../../images/login1px.gif);
  background-repeat:repeat-x;
  background-color:#e2e3e4;
}
#footer {
  position: absolute;
  bottom: 0;
  margin:0;
  padding:0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 112px;
  background-color: #f5f5f5;
  background-image:url(../../images/footer1px.gif);
  background-repeat:repeat-x;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
 	width: auto;
 	max-width: 60%;
	margin-left:auto;
	margin-right:auto;
 	padding: 0 15px;
}
.container .text-muted {
  	margin: 20px 0;
}


.form-signin {
}
.form-signinDiv {
  margin: 0 auto;
	position:relative;
  width:80%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.form-signinDiv img {
	width: 100%;
	min-width:100%;
	max-width: 100%;
}

.form-signin input[type='username'] {
	position:absolute;
	max-width:40%;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	left:30%;
	
}

.form-signin input[type='password'] {
		position:absolute;
	max-width:40%;
	margin-left:auto;
	margin-right:auto;
	top:58%;
	left:30%;
}

.form-signin #submitButton {
		position:absolute;
	max-width:30%;
	min-width:30%;
	margin-left:auto;
	margin-right:auto;
	top:68%;
	left:35%;
}

.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="username"] {
  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;
}
.enterButton{
cursor:pointer;
margin:0 auto;
padding-left:300px;
margin-top:30px;
}
#submitButton{
background-color:#000000; 
color:#FFFFFF; 
width:200px; 
margin-left:150px; 
margin-top:30px;
}

#submitButton:hover {
	opacity:0.5;
}
.copyright {
  padding-top:75px;
  color:#FFFFFF;
  font-size:10px;
}

@media only screen and (max-width:1910px){
	.container {
 		width: auto;
 		max-width: 80%;
		margin-left:auto;
		margin-right:auto;
 		padding: 0 15px;
	}
}
@media only screen and (max-width:1100px){
	
	.container {
		max-width:100%;
		min-width:100%;
		padding: 0;
	}
		
	.form-signin input[type='username'] {
		position:absolute;
		max-width:60%;
		margin-left:auto;
		margin-right:auto;
		top:50%;
		left:20%;
	}

	.form-signin input[type='password'] {
		position:absolute;
		max-width:60%;
		margin-left:auto;
		margin-right:auto;
		top:58%;
		left:20%;
	}

	.form-signin #submitButton {
		position:absolute;
		max-width:30%;
		min-width:30%;
		margin-left:auto;
		margin-right:auto;
		top:68%;
		left:35%;
	}
}

@media only screen and (max-width:670px){
	
	.form-signinDiv {
		margin-left:0;
		margin-right:0;
		max-width:100%;
		min-width:100%;
		padding:0;
	}
	.form-signin input[type='username'], .form-signin input[type='password'], .form-signin #submitButton{
		max-height:10%;
		
		
	}
	.form-signin input[type='username'] {
		top:48%;
	}
	
	.form-signin input[type='password'] {
		top:54%;
	}
	
	.form-signin #submitButton {
		top:64%;
		font-size:16px;
	
		padding-top:0!important;
		paddubg-bottom:0!important;
	}
	
	
	
	
}