/* «Kode på e-post»-innlogging inne i login-boksen på forsiden (core/forsiden_login.php +
   core/forsiden_epost_login_felter.php). Bygger på #login-felter/.logginnfelt fra forsiden_r15.css */

/* «eller»-skillelinje mellom passordinnlogging og alternativet */
#login-felter .login-eller{
	display: flex;
	align-items: center;
	width: 250px;
	margin: 22px auto 2px auto;
	color: #8a969e;
	font-size: 14px;
	font-weight: 300;
}

#login-felter .login-eller:before,
#login-felter .login-eller:after{
	content: "";
	flex: 1;
	border-bottom: 1px solid #3d5566;
}

#login-felter .login-eller span{
	padding: 0 12px;
}

/* Omriss-knapp i samme form som #login-knapp, men uten fyll */
#login-felter .alternativ-knapp{
	width: 250px !important;
	background-color: transparent;
	color: #dadada;
	border: 1px solid #7798ab;
	height: 40px;
	border-radius: 20px;
	font-size: 1.1em;
	margin-top: 10px;
	font-weight: 300;
	cursor: pointer;
}

#login-felter .alternativ-knapp:hover{
	background-color: rgba(119, 152, 171, 0.15);
	color: #ffffff;
}

/* Tilbake til passord fra e-postmodus: liten tekstlenke */
#login-felter .login-bytt-modus{
	margin-top: 18px;
	font-size: 14px;
	font-weight: 300;
}

#login-felter .login-bytt-modus a{
	color: #dadada;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-color: #7798ab;
}

#login-felter .login-bytt-modus a:hover{
	color: #ffffff;
}

#epost-login{
	color: #eeeeee;
}

#epost-login .epost-login-info{
	max-width: 300px;
	margin: 20px auto 0 auto;
	font-size: 14px;
	line-height: 1.4;
	color: #b7c4cc;
}

#epost-login .epost-login-smaa{
	font-size: 12px;
	color: #8a969e;
	margin-top: 15px;
}

#epost-login a{
	color: #7798ab;
	text-decoration: underline;
}

#epost-login .kodefelt{
	text-align: center;
	font-size: 22px !important;
	letter-spacing: 6px;
}

#epost-login .login-knapp{
	width: 187px !important;
	background-color: #7798ab;
	color: #07131f;
	border: none;
	height: 40px;
	border-radius: 20px;
	font-size: 1.3em;
	margin-top: 20px;
	font-weight: 300;
}

#epost-login .kontoknapp{
	width: 250px !important;
	margin-top: 10px;
	font-size: 1.1em;
}

#feedback .alert{
	text-align: left;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}