/* CSS Document */


/* BoxModel */
*, *:before, *:after {
	box-sizing: border-box;
}

/*SDBB LM blue on each postback. Bad: */
/*html {
	background: none;
	background-color: #4394B7;
}*/

/* Clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* Logon Screen */

.logon {
	margin-top: 10%;
}

.logonMain {
	background: none;
	background-color: #ebf4f7;
	box-shadow: 3px 3px 18px #306780;
	border: none;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

	.logonMain div.accountInfo {
		width: auto;
	}

	.logonMain fieldset.login {
		border-color: #c5dee8;
		padding-left: 12px;
	}

	.logonMain.changepassword {
		background-color: #dac098;
	}

		.logonMain.changepassword .btn {
			background-color: #9e640e;
		}

		.logonMain.changepassword #logon_language li a {
			background-color: #9e640e;
		}

			.logonMain.changepassword #logon_language li a.active {
				background-color: #e6b56b;
			}

			.logonMain.changepassword #logon_language li a.active {
				background-color: #e6b56b;
				color: #754600;
			}

		.logonMain.changepassword fieldset.login {
			border-color: #ffddaa;
		}




fieldset.login legend {
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding-left: 0;
}

.edit_wrapper {
	margin-left: 0;
}

.logonTitle .header_title {
	font-family: "clear_sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 200%;
	padding: 1.4em 0;
}

.logonTitle .header_title {
	font-size: 200%;
	color: #bbe0f0;
	line-height: 140%;
	font-weight: 800;
}

	.logonTitle .header_title > span {
		font-weight: 200;
		line-height: 150%;
		color: #004968;
		color: #97287a;
	}

.logon .logonTitle {
	background-image: url(/Content/Intranet/img/sdbb_kompass.png);
	background-repeat: no-repeat;
	background-position: 38% center;
	background-size: 41%;
}

.logonMain .headerLang {
	margin-top: -25px;
	margin-right: 0;
}

.logon .edit_wrapper .wrapper_Label label {
	font-family: inherit;
	font-size: 100%;
}
/* Userprofile */

#liUserProfile:hover {
	cursor: pointer;
}

/* Kopfbereich und Fussbereich */
#advanced,
#layout1_footer {
	font-family: "clear_sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 100%;
}

#advanced {
	background-image: url(/Content/Intranet/img/sdbb_kompass.png);
	background-repeat: no-repeat;
	background-position: 264px -44px;
	background-size: 9%;
	height: 56px;
}

#layout1_footer {
	color: #bbe0f0;
}

	#layout1_footer .icon-question:before {
		font-size: 170%;
	}

	#layout1_footer a {
		color: #bbe0f0;
		transition: all 0.5s ease;
	}

		#advanced a:hover,
		#layout1_footer a:hover {
			background: none;
			color: #fff;
		}

		#layout1_footer a span:before {
			font-size: 150%;
			margin-left: 0.25em;
		}

	#layout1_footer .content-wrapper {
		padding-top: 1em;
	}

	#layout1_footer .float-left {
		padding-left: 18px;
	}

	#layout1_footer .float-right {
		padding-right: 10px;
	}

/* Sprachnavigation */

#language {
	width: 170px;
	padding-top: 0;
	position: absolute;
	left: 9px;
	bottom: 9px;
}

	#language li,
	#logon_language li {
		display: inline-block;
	}

		#language li a,
		#logon_language li a {
			display: block;
			font-size: 130%;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			padding: 3px 9px;
			background-color: #2b7290;
			-ms-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			min-width: 1.25em;
			font-weight: bold;
			transition: all 0.5s ease;
		}

			#language li a:hover,
			#logon_language li a:hover {
				background-color: #004968;
			}

			#language li a.active,
			#logon_language li a.active {
				background-color: #daecf4;
				color: #2b7290;
				cursor: default;
			}

				#language li a.active:hover,
				#logon_language li a.active:hover {
					color: #004968;
				}


/* Logo */

#advanced .bg_advanced .header_title {
	margin-left: 174px;
	padding-left: 18px;
	max-height: 53px;
	overflow: hidden;
}

.header_title > div, .header_title > a {
	/*font-size: 200%;*/
	color: #bbe0f0;
	line-height: 140%;
	font-weight: 800;
	text-decoration: none;
}

	.header_title > div > span, .header_title > a > span {
		font-weight: 200;
		line-height: 150%;
		color: #004968;
		color: #97287a;
	}

/* Navigation links */
#layout1_body #col_1 {
	background-image: none;
	background-color: #d7d7dc;
	background-color: rgba(180,180,180,0.5);
}

/*
SDBB-910 MenuKendo k-treeView: New Telerik 2023 implement now svg*/
/*

#menuKendo [class*="icon"],
#menuKendo [class$="icon"] {
	font-family: 'intraicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 80%;
}

#menuKendo .k-icon {
	background: none;
}

	#menuKendo .k-icon:before {
		content: "\edb8";
		color: #4394B7;
	}

#menuKendo .k-minus:before {
	content: "\edbc";
	color: #4394B7;
}
*/

/* Triggers */

#layout1_body span.trigger2 strong,
#advanced span.trigger strong,
#layout1_body span.trigger2 em,
#advanced span.trigger em {
	background: none;
	text-align: right;
}

#advanced span.trigger strong,
#advanced span.trigger em {
	bottom: 0;
	right: 1px;
	height: auto;
	width: auto;
}

#advanced span.trigger em {
	bottom: -20px;
}

	#layout1_body span.trigger2 strong:after,
	#advanced span.trigger strong:before,
	#layout1_body span.trigger2 em:after,
	#advanced span.trigger em:before {
		font-family: 'intraicons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 150%;
	}

.trigger strong:before,
.trigger2 strong:after,
.trigger em:before,
.trigger2 em:after {
	transition: all 0.5s ease;
}

#layout1_body span.trigger2 strong:after,
#layout1_body span.trigger2 em:after {
	color: #78b98b;
	color: #a8a8ac;
}

#layout1_body span.trigger2 strong:hover:after,
#layout1_body span.trigger2 em:hover:after {
	color: #568463;
	color: #8f8f92;
}

#advanced span.trigger strong:before,
#advanced span.trigger em:before {
	color: #2b7290;
}

#advanced span.trigger strong:hover:before,
#advanced span.trigger em:hover:before {
	color: #004968;
}

#layout1_body span.trigger2 strong:after {
	content: "\ee37";
}

#layout1_body span.trigger2 em:after {
	content: "\ee35";
}

#advanced span.trigger strong:before {
	content: "\ee34";
}

#advanced span.trigger em:before {
	content: "\ee36";
}

/* Breadcrumb und Modus */

#layout1_body {
	clear: none;
	width: 100%;
}

	#layout1_body #col_2 {
		padding: 0;
	}

		#layout1_body #col_2 > section.content-wrapper {
			padding: 0;
		}

#layoutpopup_body > section.content-wrapper {
	padding: 12px 32px 12px 20px;
}

#layoutpopup_body .header_content {
	margin: -20px;
	margin-bottom: 12px;
	padding: 14px 20px 0 20px;
	background-color: #d4e4eb;
	background-color: rgba(140,180,220,0.5);
	background-image: none;
	border: 0;
}

	#layoutpopup_body .header_content.infopanel {
		background-color: #b5d8e9;
		background-image: none, linear-gradient(to bottom, #e0eff6 0px, #b5d8e9 100%);
		color: #666666;
		margin-bottom: 10px;
		margin-top: 10px;
		min-height: 20px;
		padding: 5px;
		margin-left: 0;
	}

.header_content .action, .action div {
	text-transform: uppercase;
	font-size: 130%;
	color: #4394b7;
}

#layout1_body .header_content .breadcrumb a,
#layoutpopup_body .header_content .breadcrumb a {
	color: #00668b;
}

	#layout1_body .header_content .breadcrumb a:hover,
	#layoutpopup_body .header_content .breadcrumb a:hover {
		background: none;
		color: #003f59;
	}

/* Suchbereiche. Formulare */

input[type="text"],
input[type="password"],
input[type="number"] {
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#SearchExtendedBox {
	background-color: #2b7898;
	background-color: #c9e7f4;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin-top: 9px;
	padding-bottom: 10px;
}

	#SearchExtendedBox input[type="text"] {
		-ms-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}


select {
	float: left;
}

::-webkit-input-placeholder {
	color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
	color: #ccc;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #ccc;
}

:-ms-input-placeholder {
	color: #ccc;
}

.command_button_search > div {
	padding-bottom: 6px;
}

/* Buttons */

input[type="button"],
button,
.button,
.btn,
.k-upload-button,
.k-upload-sync
.k-upload-button {
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 100%;
	font-weight: normal;
	padding: 0.45em 1em 0.4em 1em;
	background: none;
	box-shadow: none;
	text-shadow: none;
	color: #fff;
	border: 0;
	background-color: #89b6dd;
	transition: all 0.5s ease;
	float: none;
}

	input[type="button"]:hover,
	button:hover,
	.button:hover,
	.btn:hover,
	.k-upload-button:hover,
	.k-upload-sync:hover
	.k-upload-button:hover,
	input[type="button"]:focus,
	button:focus,
	.button:focus,
	.btn:focus,
	.k-upload-button:focus,
	.k-upload-sync:focus
	.k-upload-button:focus {
		box-shadow: 0 0 9px #194253;
	}

	input[disabled="disabled"],
	button[disabled="disabled"] {
		background-color: #b7bac2 !important;
		color: #fff !important;
	}

		input[disabled="disabled"]:hover,
		button[disabled="disabled"]:hover {
			box-shadow: none;
			cursor: default;
		}

.btn_danger,
.btn_inf {
	background-color: #E43033;
}

.btn_warning {
	background-color: #ff9828;
}


button.btn_add, input.btn_add {
	background-color: #00b440;
	padding-left: 0.75em;
}

	button.btn_add:before, input.btn_add:before {
		font-family: 'intraicons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ed5e";
		padding-right: 8px;
	}

th .btn,
td .btn {
	margin-left: 6px;
}

.defaultbutton {
	background-color: #509cdd;
}

.btn.toggleHidden {
	background-color: #89b6dd;
	background-color: #00668b;
	font-size: 75%;
	text-align: center;
	margin-right: 7px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	float: left;
	width: 42px;
}

	.btn.toggleHidden:hover {
		background-color: #003f59;
		box-shadow: none;
	}

.deleteRow,
.addBlankSearchExtendedLine {
	display: inline-block;
	text-decoration: none !important;
}

	.deleteRow:after,
	.addBlankSearchExtendedLine:after {
		font-family: 'intraicons';
		font-size: 120%;
		color: #00668b;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ed5f";
		content: "\ed5d";
		transition: all 0.5s ease;
	}

	.addBlankSearchExtendedLine:after {
		content: "\ed5e";
	}

	.deleteRow:hover,
	.addBlankSearchExtendedLine:hover {
		background: none;
	}

		.deleteRow:hover:after,
		.addBlankSearchExtendedLine:hover:after {
			color: #003f59;
		}

.SearchExtendedFooterCommand {
	margin-left: 65px;
	margin-top: 6px;
}

.editorRow {
	margin-bottom: 4px;
}

#SearchExtendedBox .SearchExtendedHeader,
#SearchExtendedBox #editorRows {
	margin-left: 65px;
}

#SearchExtendedBox .SearchExtendedHeader {
	margin-bottom: 6px;
}

#SearchExtendedBox .afterOperandAndOr {
	margin-left: 0;
}

#SearchExtendedBox .operandAndOr {
	margin-left: -50px;
}

.ButtonHidden {
	display: none;
}

.ButtonVisible {
	display: inline-block;
}
/* Backlink */
.back {
	margin-bottom: 9px;
}

	.back a {
		text-decoration: none;
		color: #00668b;
	}

		.back a:hover {
			background: none;
			color: #003f59;
		}

		.back a:before {
			font-family: 'intraicons';
			color: #00668b;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\eddf";
			transition: all 0.5s ease;
			padding-right: 4px;
		}

		.back a:hover:before {
			color: #003f59;
		}

/* Edit */

.langcoltoggler {
	padding-top: 15px;
	padding-right: 2px;
	z-index: 99;
	position: relative;
}

.langtoggle {
	text-decoration: none;
	display: block;
	padding: 0 0 0 4px;
}

	.langtoggle:hover {
		background: none;
	}

	.langtoggle:before,
	.langtoggle:after {
		font-family: 'intraicons';
		font-size: 160%;
		color: #84bbcf;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: all 0.5s ease;
		padding-right: 4px;
	}

	.langtoggle.all_lang:before {
		color: #00668b;
	}

	.langtoggle.one_lang:after {
		color: #00668b;
	}

	.langtoggle:before {
		content: "\e602";
	}

	.langtoggle:after {
		content: "\eeab";
	}

	.langtoggle.all_lang:hover:before,
	.langtoggle.one_lang:hover:after {
		color: #003f59;
	}

.chooser {
	text-decoration: none;
	display: block;
	padding: 0 0 0 4px;
	background: none;
}

	.chooser:hover {
		background: none;
	}

	.chooser:before {
		font-family: 'intraicons';
		font-size: 150%;
		color: #00668b;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\eec8";
		content: "\e601";
		transition: all 0.5s ease;
		padding-right: 4px;
	}

	.chooser:hover:before {
		color: #003f59;
	}

.upsort,
.downsort {
	text-decoration: none !important;
	display: block;
	height: 0.6em;
}

.upsort {
	margin-top: -4px;
}

	.upsort:hover,
	.downsort:hover {
		background: none;
	}

	.upsort:after,
	.downsort:after {
		font-family: 'intraicons';
		font-size: 140%;
		color: #00668b;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\edc4";
		transition: all 0.5s ease;
		padding-right: 4px;
	}

	.upsort:hover:after,
	.downsort:hover:after {
		color: #003f59;
	}

.downsort:after {
	content: "\edc6";
}

.foldable {
	border-bottom: 1px solid #c72f89;
	padding: 1em 0;
	margin-bottom: 1em;
}

div[id^="tabRelation"] {
	padding-bottom: 1em !important;
}

label.legend {
	color: #c72f89;
}

.k-content label.legend,
.pane-content label.legend {
	cursor: pointer;
	transition: all 0.5s ease;
	font-family: "clear_sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 150%;
	font-weight: 800;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 6px 3px 3px;
}

	.k-content label.legend:before,
	.pane-content label.legend:before {
		font-family: 'intraicons';
		font-size: 125%;
		color: #9b605d;
		color: #c72f89;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\edbc";
		content: "\edb8";
		transition: all 0.5s ease;
		margin-right: 6px;
	}

	.k-content label.legend:hover,
	.k-content tr:hover,
	.k-grid tr:hover,
	.k-content table.BlueOpal tr:hover,
	.pane-content label.legend:hover {
		background-color: #b9d8e9 !important;
	}

.k-content table.sdbbSelect tr:hover {
	background-color: transparent !important;
}

.k-content label.legend:hover,
.k-content label.legend:hover:before,
.pane-content label.legend:hover,
.pane-content label.legend:hover:before {
	color: #422928;
}

label.legend.opened:before {
	content: "\edb4";
	content: "\edbc";
}

.k-content label.legend.opened:hover,
.k-content label.legend.opened:hover:before,
.pane-content label.legend.opened:hover,
.pane-content label.legend.opened:hover:before {
	content: "\edb4";
}

td > a.deleteRow:after {
	font-size: 130%;
}

.edit_wrapper .wrapper_Label label {
	font-family: "Arial Narrow", Tahoma, Geneva, Arial, sans-serif;
	font-size: 130%;
}

.k-tabstrip-items li a {
	font-family: "clear_sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: 200;
	text-transform: uppercase;
}

#layout1_body .edit_wrapper {
	margin-bottom: 1em;
}


.foldtogglebar {
}

.k-content.alignleft {
	position: relative;
}

.foldtogglebar.alignright {
	margin-top: -27px;
}

.foldtogglebar a {
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

	.foldtogglebar a:hover {
		background: none;
	}

.foldtoggle:after {
	font-family: 'intraicons';
	font-size: 170%;
	color: #9b605d;
	color: #c72f89;
	color: #ef9ccd;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 120%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.5s ease;
}

.foldtoggle:hover:after {
	color: #422928;
}

.foldtoggle.down:after {
	content: "\ede6";
}

.foldtoggle.up:after {
	content: "\ede4";
}

/* Diverses */

.k-grid td[role="gridcell"],
table.BlueOpal td {
	/*padding-left: 0.3em;
	padding-right: 0.3em;*/
}

	td[role="gridcell"] a:not(.zoombox):not(.k-link),
	table.BlueOpal td:first-child a {
		display: block;
		text-decoration: none !important;
		background-color: #a0c1dd;
		-ms-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		position: relative;
		text-align: right;
		transition: all 0.5s ease;
	}

table.BlueOpal table td:first-child a,
table.BlueOpal table td:first-child a:hover {
	background-color: inherit;
}

td[role="gridcell"] a:hover:not(.zoombox),
table.BlueOpal td:first-child a:hover {
	background: none;
	background-color: #fff;
}

td[role="gridcell"] a.readonly,
table.BlueOpal td a.readonly {
	background-color: #ddd;
	color: #666;
}

	td[role="gridcell"] a.readonly:hover,
	table.BlueOpal td a.readonly:hover {
		cursor: default;
		background: #ddd;
		color: #666;
	}


td a.upsort,
td a.downsort,
td a.deleteRow {
	border: none !important;
}

#layout1_body .header_content .title,
#layoutpopup_body .header_content .title {
	font-size: 160%;
}

.pane-content {
	padding: 4px;
}

#layout1_footer a {
	font-size: 120%;
}

.edit_wrapper .wrapper_Content {
	margin-left: 220px;
}

.edit_wrapper .wrapper_Label {
	width: 210px;
}

	.edit_wrapper .wrapper_Label label {
		hyphens: auto;
		-moz-hyphens: auto;
	}

table.sdbbSelect td {
	border: none !important;
}

table.sdbbSelect .k-widget.k-state-hover {
	background: none !important;
}

.editorRow table.sdbbSelect {
	margin-top: 0;
}

	.editorRow table.sdbbSelect span.k-widget {
		margin: 0;
	}

/*.editorRow table.sdbbSelect .k-input {
	height: auto;
}*/

#SearchExtendedBox .editorRow .SearchInput .sdbbSelect .k-input {
	width: 300px !important;
}

.editorRow .SearchOperand {
	float: left;
}

	.editorRow .SearchOperand input[type="checkbox"] {
		margin-left: 6px;
	}

.editorRow .SearchInput.inline-block {
	padding: 0;
}

#LoginUser .edit_wrapper .wrapper_Label {
	width: 150px;
}

#LoginUser .edit_wrapper .wrapper_Content {
	margin-left: 160px;
}

.content-wrapper .edit_info {
	padding: 5px 0 5px 0;
	background-color: #FBADAE;
	vertical-align: middle;
	text-align: center
}

/* jquery.ui.button.css
   http://jqueryui.com/themeroller/ used by jquery.filedownload (bdf export)  
   Bug when focus on button close on the windows during fileDownload
*/

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: 0 !important;
}

.float-left {
	float: left;
}

/*helper*/
.helper {
	text-decoration: none;
	display: inline;
	padding: 0 0 0 4px;
}

	.helper:hover {
		background: none;
	}

	.helper:before {
		font-family: 'intraicons';
		font-size: 90%;
		color: #84bbcf;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: all 0.5s ease;
		padding-right: 4px;
	}

	.helper.active:before {
		content: "\eD53";
		color: #00668b;
	}

	.helper:before {
		content: "\eD52";
	}

	.helper.disable:hover {
		cursor: none;
	}