﻿html {
	overflow: auto;
	height: 100%;
}

body {
	height: 100%;
}
#brg-version{
	float:right;
}

.brg-copyright{
	float:left;
	white-space: nowrap;
	margin-right: 10px;
}

.brg-cookie-management {
	float: left;
	white-space: nowrap;
}

@media (max-width: 37.5rem) {
	.brg-hide-on-mobile {
		display: none;
	}
	.wk-button[class*="wk-icon"], .wk-button[wk-icon], [class*="wk-icon"][wk-button], [wk-icon][wk-button], button[class*="wk-icon"], button[wk-icon] {
		width: 100%;
	}

	.wk-button-group-right {
		margin-bottom: 1rem;
	}
}
@media (min-width: 37.5rem){
	.wk-brg-text-right-desktop {
		text-align: right;
	}
}

@media(max-width:65rem){
	.brg-hide-on-tablet {
		display: none;
	}
}

.wk-navbar .wk-navbar-container {
	min-height: 3.03rem;
}

.wk-brg-column-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.wk-brg-column-flex-center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wk-brg-row-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	height: 100%;
}

.wk-brg-flex-1 {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.wk-brg-flex-0 {
	flex: 0 0 auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*only for IE*/
	.wk-brg-flex-1-ie {
		-webkit-flex: 1 0 auto;
		-moz-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		-o-flex: 1 0 auto;
		flex: 1 0 auto;
	}
}

#wk-brg-cookie-info {
	background-color: #85bc20;
}
#wk-brg-cookie-info .wk-brg-cookie-info-containter {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem 1rem;
	color: white;
}

#wk-brg-cookie-info a {
	color: white;
	text-decoration: underline;
}

#wk-brg-cookie-info a:hover {
	color: #bfbfbf;
	text-decoration: underline;
}
.wk-layout-centered-large,
.wk-layout-centered-medium,
.wk-layout-centered-small {
	padding: 1rem;
}

.wk-brg-no-bottom-margin{
	margin-bottom: 0px;
}
.wk-brg-no-bottom-padding {
	padding-bottom: 0px;
}

@media (max-width: 37.5rem) {
	.wk-brg-mobile-expandable-text .wk-brg-hidden-text {
		display: none;
	}

	.wk-brg-mobile-expandable-text .wk-brg-show {
		display: inline;
	}
}

@media (min-width: 37.5rem) {
	.wk-brg-mobile-expandable-text .wk-brg-expand {
		display: none;
	}
	.wk-brg-mobile-expandable-text .wk-brg-hidden-text {
		display: inline;
	}
}

.wk-brg-expandable-text .wk-brg-hidden-text {
	display: none;
}

.wk-brg-expandable-text .wk-brg-show {
	display: inline;
}

.wk-client-chooser {
	display: flex;
	flex-direction: column;
	align-content: stretch;
}
	.wk-client-chooser > .wk-client {
		min-height: 6em;
		display: block;
		background: #f9f9f9;
		border: 1px solid #dadada;
		margin-bottom: 1em;
		padding: 1em 4em 1em 1em;
		font-size: 1em;
		position: relative;
	}
	.wk-client-chooser > a.wk-client:hover {
		background: url(../img/icons/right.png) no-repeat center right 30px #f0f0f0;
	}
	.wk-client-chooser > a.wk-client {
		background: url(../img/icons/right.png) no-repeat center right 30px #f9f9f9;
	}

	.wk-client-chooser > .wk-client > .unavailable-bar {
		position: absolute;
		left: 0;
		background: #eb3228;
		top: 0;
		bottom: 0;
		width: 8px;
	}

.wk-client-chooser > .wk-client > .client-name {
	font-size: 1.4em;
	color: #474747;
	align-self:flex-end;
}
.wk-client-chooser > .wk-client > .client-id {
	font-size: 0.8em;
	color: #474747;
}

.wk-product-logout-list {
	display: flex;
	flex-direction: column;
	align-content: stretch;
}

	.wk-product-logout-list .wk-product-logout-list-element {
		min-height: 4em;
		display: block;
		background: #f9f9f9;
		border: 1px solid #dadada;
		margin-bottom: 1em;
		padding: 1em 4em 1em 1em;
		font-size: 1em;
		position: relative;
	}