body,p,div{
	margin:0px;
	font-family: 'Segoe UI', 'Segoe WP', 'Segoe UI WPC', Tahoma, Arial, sans-serif;
}
body {
    font-family: 'Roboto Condensed', sans-serif;
    min-width: 0;
    color: #444;
    line-height: 1.4em;
    color: rgb(62,61,57);
    font-size: 16px;
    padding-top: 0px;
}
body.login{
	background:#44D9F9;
}
.center{text-align:center;}
.login-box{
	width:300px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	height:240px;
	border: 0.1px solid #000000;
}
.rounded{
	border-radius:20px;
}
.feedback-box{
	width:300px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
.login-footer{
	width:300px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	color: #FFFFFF;
}
.copyright {
    font-family: verdana;
    font-size: 7pt;
    margin: 10px 0 0;
    text-align: center;
}
input[type="submit"],button{
	background:#000000;
	color:#FFFFFF;
	border:0px;
	padding:10px 18px 10px 18px;
	font-size:15px;
	cursor:pointer;
}
.login-box .headerbox{
	color:#000000;
	height: 30px;
	padding: 5px 5px 5px 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.login-box .content{
	background:#000000;
	height: 105px;
	padding:10px 10px 10px 10px;
}
.login-box .content p{
	margin-top:18px;
}
input[type="text"],input[type="password"]{
	display: block;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #bebebe;
    background-color: #fff;
    background-repeat: no-repeat;
	width: 100%;
	padding:3px 3px 3px 3px;
}
#animation{
	display:none;
}
.spinner {
  margin: 30px;
  height: 30px;
  width: 30px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #000000;
  border-right-color: transparent;
  border-radius: 50%;
  margin-left:auto;
  margin-right:auto;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}
.information p, .success p, .warning p,.validation p,.error p{
	padding-top: 3px;
	padding-bottom: 3px;
}
.information {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error,.success,.warning,.information {
border: 1px solid;
margin: 10px 0px;
padding:0px 10px 0px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
/* Mobile CSS */
@media only screen and (max-width: 640px) {
	.login-box{
		width:90% ! important;
	}
	.login-footer{
		width:90% ! important;
	}
	.copyright {
		width:90% ! important;
	}
	.feedback-box{
		width:90% ! important;	
	}
}