@media screen and (min-width: 700px) {
body {
    margin: 0;
    background-color: #94d6e7;
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 10pt;
	height:100%;
}
.login_window {
	background-color:white;
	margin:0px;
}
.logobar { 
	background-color: #f5f5f5; 
	height: 60px;
	padding-left:10px;
	font-family:sans-serif;
	font-size:40px;
	color:#1241e7;
	padding-top:10px;
	border-bottom:1px solid #d9d9d9;
}     
.login_window #log_fields {
	width:220px;
	margin-right:50px;
}
.login_window input {
	width:120px;
	border:1px solid #d9d9d9;
}
.login_window input.buton {
	width:120px;
	border:1px solid #999;
}
#login_explain {
	margin-left:10px;
	margin-top:10px;
	border-right:1px solid #d9d9d9;
}
#login_explain .title{
	font-size:18px;
	font-weight:normal;
}
#login_explain p {
	margin-left:10px;
	margin-right:20px;
	font-size:14px;
	color:#333333;
	text-align:justify;
	line-height:120%;
}
#login_explain img {
	border:1px solid #999999;
	margin-top:8px;
}
.global-expired {
	margin:300px auto;
}
.login-container {
	text-align:center;
	width:500px;
	margin:0 auto;
}
.global-expired #change_fields {
	width:100%;
	margin:0;
}
.text {
    font-family: sans-serif;
    text-decoration: none;
    color: #000000;
    font-size: 10pt;
}
}
@media screen and (max-width: 699px) {
body {
    margin: 0;
    background-color: #94d6e7;
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
	height:100%;
}
.login_window {
	background-color:white;
	margin:0px;
}
.logobar { 
	background-color: #f5f5f5; 
	height: 60px;
	padding-left:10px;
	font-family:sans-serif;
	font-size:40px;
	color:#1241e7;
	padding-top:10px;
	border-bottom:1px solid #d9d9d9;
}
input { box-sizing:border-box; }
.no-mobile { display:none; }
.global-login {
	margin-top:200px;
	width:100%; 
	height:100%; 
	padding-top:50px; 
	overflow:auto;	
}
#log_fields { width:80%; }
#log_fields input {
	width:150px;
}
#log_fields .buton {
	margin-top:5px;
}
.text {
    font-family: sans-serif;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
}
.global-expired {
	margin:300px auto;
}
.login-container {
	text-align:center;
	width:95%;
	margin:0 auto;
}
.global-expired #change_fields {
	width:100%;
	margin:0;
}
}