@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');
*{
	margin:0 auto;
	font-family: 'Roboto', sans-serif;	
}
body{
	background-color:#396271;
}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

#login_iface {
    margin-left: auto;
    margin-right: auto; 
    max-width:430px;
	color:white;
	padding: 0 10px;
}
#TextInfo1 {
	text-align:center;
	font-size:36px;
	color:white;
	background-color:#0000005c;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:12px 12px 0 0;
}
#login_form{
	padding-top:10px;
	background-color:#0000005c;
	border-radius:0 0 12px 12px;
}
#lcp {
	padding-left:15px;
	padding-right:15px;	
}
input[type=text], input[type=password] {
	font-size:12px;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
input.pin { -webkit-text-security: disc; }
button {
    background-color: #0072ff;
    color: white;
    padding: 14px 20px;
    margin: 9px 0 15px 0;
    border: none;
    cursor: pointer;
    width: 100%;
	font-size:22px;
	border-radius:14px;
}

button:hover {
    opacity: 0.8;
}
hr {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
}