body{
	font-family:Arial;
	margin: auto;
	padding: 0px;
	color: #333333;
	background-color: #f1f1f1;
	overflow-x: hidden;
	
}
a{
	text-decoration: none;
	color: #427FED;
}

.header{

	height: 100px;	
	display: block;	
	text-align:center;
}

#table{
    bottom: 0;
    height: 215px;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    z-index: 1050;
}
#btnSubmit{
 background-color: #7A5C99;
    border: 2px solid #7A5C99;
    border-radius: 7px;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 20px;
    padding: 5px 15px;
}
#btnSubmit:hover{
	background-color: #f1f1f1;
	color: #7A5C99;
	transition:all 0.5s ease;
	cursor: pointer;
}
#other_login{
	margin-top :-170px;
	margin-left: 60%;
}
#sign_up{
	margin-left: 32%;
}
#forgetpassword{
margin-left: 31%;
}
.message{
	text-align: center;
	color:red;
	text-decoration:blink;
	margin-bottom: 5%;
}
#forgetpassword{
	display: none;
	padding-top: 5%;
	
}
#close{
    background-color: #7A5C99;
    border: 2px solid #7A5C99;
    border-radius: 7px;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 20px;
    padding: 5px 15px;
}
a{
	cursor: pointer;
}
.success_message{
  color: green;
}
.error_message{
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
padding:1%;

}
.footer {
  position: relative;
  bottom:0px;	
  clear:both;
  padding-top:5%;
  font-size:14px;
  text-align:center;
} 
.footer{
clear:both;
}
#copyright{
font-size:14px;
}
@media(max-width: 400px){
	.col-xs-offset-2 {
    	margin-left: 0%;
	}
	.col-xs-10{
		width: auto;
	}
}