.buttonLogin { color: #FFF; background-color: #159FE9; border: 1px solid #159FE9; border-radius: 3px; padding: 10px; margin: 20px auto 10px; width:100%; cursor: pointer; }
/*.button:hover { color: #005384; background-color: #F4F4F4; }*/

#main {
	grid-area: main;
	width: 100%;
	padding-top: 20px;
}
#content-top {
	text-align:center;
	max-width: 760px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
	font-size: 1.3rem;
	font-weight: bold;
}

#content {  
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/*height: 100%;*/
}
#content-left {
	background: #FFF;
	border: 1px solid #D4DEEB;
	padding: 30px;
	max-width: 380px;
	min-width: 320px;
	margin: 10px;
	min-height: 450px;
}
#content-left h1 { font-size: 1.1rem; color: #000; font-weight: normal; margin-bottom:30px; }
.contentNameField { font-size: .85rem; color: #8794A5; margin: 15px 0 5px 0; }
@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent;
  }
}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
input[type="text"], 
input[type="password"] {
	width: 100%;
	padding: 5px 20px;
	font-size: 13px;
	color: #000;
	background-color: #ffffff !important;
	border: 1px solid #D4DEEB;
	border-radius: 3px;
	box-sizing: border-box;
}
select {
	width: 100%;
	padding: 5px 20px;
	font-size: 13px;
	color: #000;
	border: 1px solid #D4DEEB;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #FFF;
}

#content-right {
	background-color: #FFF;
	padding: 0;
	width: 385px;
	max-width: 440px;
	margin: 10px;
}
#content-rightTop {
	background-color: #EFF3F8;
	border: 1px solid #EFF3F8;
	margin-bottom: 20px;
	min-height: 205px;
}
#logoSamoware {
	margin-top: 40px;
	margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
	width: 215px;
}
#versionOfSamoware { font-size: .8rem; color: #8794A5; margin-top: -20px; margin-bottom: 44px; text-align: center; }
#content-rightBottom {
	background-color: #FFF;
	border: 1px solid #D4DEEB;
	padding: 30px;
	min-height: 204px;
}

#footer {
	grid-area: footer;
	color: #8794A5; font-size: 14px; text-align: center;
	padding-top: 10px;
}

@media only screen and (max-width:400px){
	.logo { padding: 7px 0 0 8px; width: 150px; height: 28px; }
	.lang { padding-right: 5px; }
	.right { padding-right: 2px; padding-top: 13px; }
	.rightGlobe { padding-top: 13px; }
	.right select { width: 100%; }
	#content-top { font-size: 1.1rem; }
	#content-left { padding: 20px; max-width: 320px;min-width: 300px; }
	#content-right { width: 340px; }
	#content-left h1 { font-size: 1rem; }
}