*{margin:0;}
html,body{ height: 100%;}
#page{min-height:100% !important;display:block;}
/* bootstrap*/
.alert{width:614px;}
.alert-success{background-color: #fff}
.alert-danger{background-color: #fff;border:1px solid red;}
header{
	width:100%;
	height:35px;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}
#logo{
	width:30px;
	height:30px;
}
#title{
	font-family:"Century Gothic";
	font-size:20px;
}
main{padding:10px;padding-top:45px;max-width:100%;max-height:100%;display: block;position:relative;}
.center-container{width:614px;height:336px;position:relative;left:50%;top:50%;margin:0px 0 0 -307px;background-color:rgb(72,73,76);border:1px solid;border-color: rgb(82,83,86) rgb(92,93,96) rgb(102,103,106);border-radius: 3px;}
.form-login{ width:60%;}
footer{width:100%;height:20px;position:fixed;bottom:0;left:0;}
a:hover{}
/* THEMES */
[data-theme|=dark-grey]{background-color:rgba(50,50,50,0.9);color:#ffffff;}


@media only screen and (min-width:0px) and (max-width:614px) {
	.center-container{width:100%;height:336px;position:relative;left:50%;top:50%;margin:0px 0 0 -50%;}
	
	.alert{width:100%;}
}