* {
	font-family: "Open Sans", Verdana;
}

body {
	background: url(/login/images/page-background.png);
	margin-bottom: 50px;
}

#customerLogo {
	padding-bottom: 40px;
}


#loginError div.title {
	font-size: 18px;
	padding-bottom: 10px;
}
#loginError button.close {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

div.row.highlight {
	background-color: #f7f7f9;
}

span.form-control-feedback {
	display: none !important;
}
div.form-group.has-feedback span.form-control-feedback {
	display: block !important;
}


div.navbar-wrapper {
	background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
	/*border-bottom: 5px solid #337AB7;	*/
	border-bottom: 5px solid #325bc4;
}

nav.navbar {
	max-width: 80em;
	margin: auto;
	border: 0;
	box-shadow: none;
}

nav.navbar .navbar-brand {
	margin-left: 0;
	padding-top: 10px;
	padding-left: 0;
}
nav.navbar .navbar-brand img {
	/*max-height: 25px;*/
	max-width: 180px;
}


h1, h2 {
	font-weight: bold;
}

header {
	background: #222;
	background: rgba(34, 34, 34, 0.8);
	width: 100%;
	color: #fff;
	padding: 8px;
	margin-bottom: 50px;
}
header div.wrapper {
	max-width: 80em;
	margin: auto;
}
header h1, header h2 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
header h1 {
	font-size: 20px;
}
header h2 {
	font-size: 16px;
}


.login {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 padding-box;
    border-radius: 5px;
    box-shadow: 0 1px #fff inset, 0 0 4px #c8cfe6;
	max-width: 30em;
	margin: auto;
}
.login.qr {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 padding-box;
    border-radius: 5px;
    box-shadow: 0 1px #fff inset, 0 0 4px #c8cfe6;
	max-width: 34em;
	margin: auto;
}
.login form {
	margin-top: 30px;
}
.ribbon-wrapper {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}
.ribbon {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 12px;
	width: 120px;
	background-color: #FFF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-success {
	background-color: #5CB85C;
}
.ribbon-primary {
	background-color: #337AB7;
}
.ribbon-info {
	background-color: #5BC0DE;
}
.ribbon-warning {
	background-color: #F0AD4E;
}
.ribbon-danger {
	background-color: #D9534F;
}


.well-primary {
	background: #337AB7;
}
.well-success {
	background: #DFF0D8;
}
.well-info {
	background: #D9EDF7;
}
.well-warning {
	background: #FCF8E3;
}
.well-danger {
	background: #F2DEDE;
}


div.loginGoogleAuthSecret pre {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
}

footer {
	color: #aaa;
	text-align: center;
	padding: 10px 0px;
	background: #222;
	background: rgba(34, 34, 34, 0.8);
	position: fixed;
	bottom: 0;
	width: 100%;
	border: 0px;
	margin: 0px;

}
footer a {
	color: #aaa !important;
}
footer a:hover {
	color: #fff !important;
}



.popover {
	border-color: #D9534F;
}
.popover .popover-title {
	background: #D9534F;
	color: #fff;
}
.popover .arrow {
	border-top-color: #D9534F !important;
}


.text-small, .text-xs {
	font-size: 10px;
}
.text-sm {
	font-size: 12px;
}

#languageSelect {
	margin-top: -3px;
}
#languageSelect button {
	padding-top: 3px;
	padding-bottom: 3px;
}
#languageSelect img {
	border: 1px solid rgba(34, 34, 34, 0.8);
}

#languageSelect .btn-image.de:before{
     background-image : url(/login/images/lang/de.png);
}
#languageSelect .btn-image.en:before{
     background-image : url(/login/images/lang/en.png);
}
#languageSelect .btn-image.fr:before{
     background-image : url(/login/images/lang/fr.png);
}
#languageSelect .btn-image:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 0px;
    vertical-align: text-top;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
	border: 1px solid rgba(34, 34, 34, 0.8);
}