@charset "UTF-8";

#main_wrapper {
	display:flex;
	/*flex-flow: column wrap;*/
	flex-direction:column;
	justify-content: center;
	align-items: center;
	align-content: center;
	height:100vh;
	min-height:100vh;
	width:100vw;
	min-width:100vw;
	background-color:#cdcdcd;
}

#login_wrapper {
	margin-top:-35px;
	position:relative;
	/*width:370px;
	height:460px;*/
	background-color: #565656;
	/*border:2px solid #343434;*/
	border-radius: 2vmin;
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	/*
	background-image:url(loginbg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:370px 460px;
	*/
}

#li_header_wrapper {
	display:flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	align-self: stretch;
	position: relative;
	padding: 40px 15px;
}

#li_headerlogo {
	display:flex;
	height:64px;
	background-image:url(logo_nbg.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:64px 64px;
	padding: 10px 40px;
	align-self: stretch;
	background-color: #343434;
	border-radius: 2vmin 2vmin 0 0;
}

#li_form_wrapper {
	display:flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	align-self: stretch;
	position: relative;
	padding: 0;
}

.li_form_item {
	flex:1 1 auto;
	width: 300px;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

.li_form_item.header {
	text-align:center;
	font-size:18px;
	line-height:1.0em;
	letter-spacing:0.1em;
	color:#ffffff;
	font-weight:normal;
	margin:0;
}

.li_form_item.header:first-line {
	font-size:1.6em;
	line-height:1.4em;
	letter-spacing:0.1em;
	font-weight:bold;
}

.li_form_item sup {
	/*vertical-align: 1.2em;
	font-size:0.4em;*/
	font-size:1em;
	vertical-align: 0em;
	color:#7baf2c;
	font-weight:100;
}

/*
.li_form_item.header:first-line {
	font-size:2.5rem;
	line-height:3.5rem;
}*/

.li_form_item.button {
	cursor:pointer;
	display:flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	align-self: stretch;
	position:relative;
	/*width:100%;*/
	min-width: 300px;
	left:0;
	right: 0;
	padding: 15px 20px;
	margin: 3vmin;
	border-radius: 1vmin;
	background-color:#343434;
	font-size:20px;
	letter-spacing:2px;
	line-height:40px;
	color:#ffffff;
}

.li_form_item.button:hover {
	background-color: #728b9f;
	color:#ffffff;
}

/*
.li_innerbutton {
	cursor:pointer;
	position:relative;
	text-align:center;
	left:0;
	right:0;
	font-size:18px;
	letter-spacing:2px;
	line-height:40px;
	color:#153d5e;
}

.li_innerbutton:hover {
	color:#ffffff;
}
*/

.li_input {
	width: 280px;
	align-self: center;
	text-align:center;
	font-size:18px;
	letter-spacing:2px;
	padding:10px;
	background-color:#343434;
	border-radius: 1vmin;
	color:#ffffff;
	/*border:none;*/
	border:1px solid #565656;
	box-shadow: none;
	/*border-bottom:2px solid #565656;*/
	margin-bottom:10px;
}

.li_input::placeholder {
	color:#cdcdcd;
}


.li_input:hover {
	/*color:#153d5e;*/
	border:1px solid #ffffff;
	box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.4);
}