/* Colors */
/* ------ */
/* $blue: #00bdf4 */
/* $gray: #8a8a8a */


@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);

body {
	font: 16px / 1.5em 'Lato', 'Helvetica Neue', sans-serif;
}

.amboss-body {
	background: url('/images/backgrounds/auth_v2.jpg') no-repeat center center fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.en_US .amboss-body {
	background: url('/images/culture/en_US/backgrounds/auth.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.amboss-auth {
  	height: 100%;
    position: relative;
    font-size: .9375em; /* 15px / 16px */
    *zoom: 1;
    min-height: 580px;
    padding-top: 40px;
}

.amboss-auth:before,
.amboss-auth:after {
    content: ' ';
    display: table;
}

.amboss-auth:after {
    clear: both;
}

/* Jumbotron */
/* --------- */

.amboss-jumbotron {
	width: 400px;
    height: 55px;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    text-align: center;
    background-repeat: no-repeat;
}

.amboss-jumbotron h4,
.amboss-jumbotron h5 {
	margin: 0;
	line-height: 1.2em;
}

.amboss-jumbotron h5 {
	font-size: 1.2em;
	/*font-size: 90%;*/
	color: #1a1c1c;
	font-weight: bold;
}

.amboss-jumbotron h4 {
	color: #00bdf4;
    font-size: 1.8em;
    /*font-size: 150%;*/
    text-transform: uppercase;
}

.amboss-signup .amboss-jumbotron {
	background-position: -32px -22px;
}

.amboss-signin .amboss-jumbotron {
    background-position: -32px -131px;
}

.amboss-jumbotron.amboss-discount-login h4 {
	color: #1A1C1C;
	font-size: 23px;
	font-family: 'LATO', 'Sans-Serif';
}

.amboss-jumbotron.amboss-discount-login h5 {
	font-size: 18px;
	font-weight: bold;
	color: #607585;
}

/* TODO: move to components */
.amboss-authform {
	display: inline-block;
    position: relative;
    min-height: 400px;
    width: 360px;
    color: #8a8a8a;
    box-sizing: border-box;
    margin-left: 10%; /* adapt on big screens */
    margin-top: 2.5%; /* adaps on big screens */
}

.amboss-authform .amboss-message {
	padding: 5px 20px 5px 15px;
}

.amboss-authform .amboss-form input[type="submit"],
.amboss-authform .amboss-form input[type="button"] {
	font-size: 1em;
	line-height: 1.2em;
	border-radius: 0; /* TODO: move to espresso */
}

.amboss-authform .amboss-form .amboss-input-addon,
.amboss-authform .amboss-field input[type="text"],
.amboss-authform .amboss-field input[type="password"] {
	border-color: #00bdf4;
	border-radius: 0; /* TODO: move to espresso */
}

.amboss-authform .amboss-form {
	background-color: #fff;
    border: 2px solid #00bdf4;
}

.amboss-authform a {
    text-decoration: none;
	color: #00bdf4;
}

.amboss-authform .amboss-social-register {
	color: #FFFFFF;
	margin-top: 0.5em;
}

.amboss-authform a.amboss-agb {
    text-decoration: none;
    color: #8a8a8a;
    border-bottom: 1px dotted #8a8a8a;
}

.no-touch .amboss-authform a:hover {
	text-decoration: none;
}

.amboss-authform .amboss-addon a {
	text-decoration: none;
}

.amboss-authform .amboss-addon a,
.amboss-authform .amboss-form p,
.amboss-authform .amboss-register-message,
.amboss-authform .amboss-terms,
.amboss-authform .amboss-register-hint,
.amboss-authform-footer,
.amboss-message.error ul,
.amboss-authform .error-message{
  	font-size: .6875em;
}

.error-message{
	color: #dd8983;
	line-height: 1.2em;
}

.amboss-authform .amboss-terms {
	position: relative;
	display: block;
}

.amboss-auth.amboss-signin .amboss-button--flat,
.amboss-auth.amboss-signup .amboss-button--flat,
.amboss-auth.amboss-password-forgotten .amboss-button--flat {
	background-color: #00bdf4;
}

.amboss-authform .amboss-terms input[type="checkbox"] {
	position: absolute;
	margin-top: 2px;
}

.amboss-auth.amboss-signup .amboss-terms p {
	padding-left: 20px;
}

.amboss-form p {
	line-height: 1.1em;
	margin: 0;
}

.amboss-form p + p {
	margin-top: 5px;
}

.amboss-authform .amboss-hr {
    margin-top: 35px;
    margin-bottom: 30px;
	border-color: #dedede;
}

.amboss-signup .amboss-hr {
	margin-top: 25px;
	margin-bottom: 20px;
}

.amboss-authform .amboss-call-to-action {
	display: block;
	font-size: 1em;
	color: #00bdf4;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

.amboss-authform .amboss-form .amboss-row.amboss-lastrow {
	margin-bottom: 0;
}

.amboss-authform .amboss--special {
	user-select: none;
	-webkit-user-select: none;
	cursor: default;
}

.amboss-signup .amboss-authform-footer {
	padding-right: 50px;
}

.amboss-body > .amboss-footer {
	text-align: right;
	padding: 0;
}

.amboss-body > .amboss-footer > ul {
	padding: 0 20px;
}

.de_DE .amboss-footer {
	background-color: #fff;
}

.amboss-authform .amboss-icon {
	background-repeat: no-repeat;
	background-image: url('/images/culture/de_DE/auth-sprite_v2.png');
}

.amboss-authform .amboss-icon.amboss-icon-arrow-right {
	background-position: -389px -262px;
	width: 8px;
	height: 11px;
	display: inline-block;
	margin-left: 3px;
	position: relative;
    top: 2px;
}

.amboss-authform .amboss-icon.amboss-icon-arrow-right.amboss-icon--small {
	background-position: -389px -236px;
	width: 5px;
	height: 7px;
	top: auto;
	margin-left: 1px;
}

.amboss-authform .amboss-message.error {
	border: none;
}

.amboss-message.error ul {
	margin: 0;
	padding: 0;
}

.amboss-message.error ul li {
	line-height: 1.2em;
	margin-bottom: 5px;
}

.amboss-form .amboss-register-promotion-text {
	text-align: justify;
	line-height: 1.2em;
}

.amboss-authform .amboss-terms,
.amboss-authform .amboss-register-message,
.amboss-authform .amboss-register-hint {
    line-height: 1.2em;
}

.amboss-authform .amboss-register-hint {
    padding: 0.7em;
    background: lightgray;
}

.amboss-authform .amboss-register-hint ul {
    margin: 0;
    padding-left: 2.5em;
}

.amboss-authform .amboss-register-inline-button {
	cursor: pointer;
	text-decoration: underline;
}

/* Footer */


/* Responsive */
/* ---------- */

@media screen and (max-width: 768px) {
	.amboss-body {
		background: none;
	}

	.amboss-auth {
		margin-top: 40px;
		position: relative;
		margin-left: 0;
		min-height: 350px;
	}

	.amboss-authform {
	    position: relative;
	    left: auto;
	    bottom: auto;
	    margin: 0;
	    width: 100%;
	    height: 100%;
	    box-shadow: none;
	    overflow: visible;
	}

	.amboss-authform .amboss-form {
		border: none;
		padding: 0 10px 10px;
	}

	.en_US .amboss-jumbotron,
	.de_DE .amboss-jumbotron {
		background: none;
	    width: auto;
	    height: auto;
	    margin-bottom: 0;
	    padding: 0 10px;
	}

	.amboss-footer ul {
		text-align: center;
		border-top: 1px solid #f2f2f2;
	}

	.amboss-password-forgotten .amboss-jumbotron h4 {
		text-align: center;
	}

	.amboss-auth .amboss-input-addon > .amboss-addon {
		padding: 14px 10px 10px 0;
		font-size: .8125em;
	}

	.amboss-authform .amboss-addon a,
	.amboss-authform .amboss-form p,
    .amboss-authform .amboss-register-message,
    .amboss-authform .amboss-terms,
    .amboss-authform .amboss-register-hint,
	.amboss-authform-footer,
	.amboss-message.error ul {
		font-size: .8125em;
	}

	.amboss-authform .amboss-hr {
		border-color: #f2f2f2;
	}

	.amboss-signup .amboss-authform-footer.amboss--special {
		padding: 0;
		text-align: center;
	}
}

@media screen and (max-width: 1024px) {
	.amboss-authform .amboss-terms {
		margin-bottom: 0;
		margin-left: 0;
	}

	.amboss-button[type="submit"] {
		width: 100%;
	}
}

@media screen and (min-width: 1400px) {
	.amboss-authform {
	    margin-top: 10%;
		margin-left: 20%;
	}
}

.amboss-password-forgotten .amboss-jumbotron {
	background: none;
	text-align: left;
	height: auto;
	color: #00BDF4;
}

/* TODO: move to amboss-menu */

#amboss-menu {
    display: none;
}