/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url("../fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	color: #222222;
}
/* FON Vintage Klassen für Textbausteine.*/
.fett {
	font-weight: bold;
}
.biggerfont {
	font-size: 16px;
}
.kursiv {
	font-style: italic;
}
.inv, .template {
	display: none;
}
.switch-align {
	text-align: left;
}
.letter-spacing span {
	letter-spacing: 0.321em;
}

/* trennt 2 col-sm in XS ansicht */
.xs-split-col > div:first-child {
	border-bottom: 1px solid #ddd;
}

.xs-split-col > div:first-child:nth-last-child(1) {
	border-bottom: none;
}

/* WAI Menu links haben low contrast */
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {
	color: #666;
}
.inline {
	display: inline;
}

.cloneableContainer, .cloneableContainer .cloneable, .cloneableContainer .btn[type=button] {
	display: none;
}

/* hirachische Einrückungen (für Erklärungen-Übersicht)*/
.indentable {
	display: block;
	position: relative;
}
.indent-1 .indentable {
	padding-left: 10px;
}
.indent-2 .indentable {
	padding-left: 20px;
}
.indent-3 .indentable {
	padding-left: 30px;
}

.pad-top-10 {
	padding-top: 10px;
}
.pad-top-15 {
	padding-top: 15px;
}
.pad-top-30 {
	padding-top: 30px;
}
.pad-bot {
	padding-bottom: 5px;
}
.pad-bot-10 {
	padding-bottom: 10px;
}
.pad-bot-15 {
	padding-bottom: 15px;
}
.pad-bot-30 {
	padding-bottom: 30px;
}
.pad-both {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pad-left-10 {
	padding-left: 10px;
}
.pad-left-15 {
	padding-left: 15px;
}
.pad-left-30 {
	padding-left: 30px !important;
}
.pad-left-60 {
	padding-left: 60px;
}
.pad-right-10 {
	padding-right: 10px;
}
.pad-right-15 {
	padding-right: 15px;
}
.pad-right-30 {
	padding-right: 30px;
}
.margin-top {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-bot-10 {
	margin-bottom: 10px;
}
.margin-bot-15 {
	margin-bottom: 15px;
}
.margin-bot-20 {
	margin-bottom: 20px;
}
.margin-bot {
	margin-bottom: 5px;
}
.margin-both {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-15 {
	margin-left: 15px;
}
.margin-right-10 {
	margin-right: 10px;
}
.margin-right-15 {
	margin-right: 15px;
}
.margin-right-25 {
	margin-right: 25px;
}

/* Mehr Abstand zwischen den Rows */
.hr.row {
	border: 5px solid #ddd;
}

h1 {
	background-color: #069;
	color: white;
	font-weight: bold;
	margin: 0 -15px 20px;
	padding: 12px 0 12px 20px;
	font-size: 18px;
}
/* HEAD */
.headImg {
	padding: 2px 0;
}
.headImg > div {
	max-width: 45%;
	padding: 0;
}
/* END HEAD */

.bg_lightgray {
	background-color: #f9f9f9;
}
.bg_gray {
	background-color: #ddd;
}

/* DATATABLE */
.table>thead>tr>th {
	vertical-align: top;
}
.datatable {
	/* wait until datatable get wrapped */
	display:none;
}
.dataTables_empty {
	font-weight: bold;
}
div.dataTables_wrapper .row div.dataTables_info {
	white-space: normal;
}
.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #fff;
}
.childDt.table td.odd {
	background-color: #f9f9f9;
}
.childDt.table td.even {
	background-color: #fff;
}
.childDt.table .spacer td {
	padding: 2px;
	background-color: #ddd !important;
}
.childDt.table tr:first-child {
	display: none;
}
.childDt.table td {
	padding: 5px 2px;
}
.childDt.table td:first-child {
	font-weight: bold;
	position: relative;
	cursor: pointer;
	border-right: 1px solid #ddd;
}
.childDt.table td.sortable {
	padding-right: 25px;
}
.childDt.table	td.sorting:after {
	opacity: 0.2;
	content: "\e150";
}
.childDt.table td.sorting_asc:after {
	content: "\e155";
}
.childDt.table td.sorting_desc:after {
	content: "\e156";
}
table.childDt td.sorting:after, table.childDt td.sorting_asc:after, table.childDt td.sorting_desc:after,
table.childDt td.sorting_asc_disabled:after, table.childDt td.sorting_desc_disabled:after {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 0.5;
	top: 8px;
}
.childDt.table tr {
	border-bottom: 1px solid #ddd;
}
/* END DATATABLE */

.bg-primary {
	background-color: #069;
}
.bg-danger {
	background-color: #a94442;
	color: white;
}
/* Search */
.print, .toggle-search {
	color: #888;
	background-color: transparent;
}
.print {
	padding: 8px 12px 4px;
}
.search-open .searchPanel {
	display: block;
	z-index: 19;
}
.toggle-search {
	padding: 9px 14px;
}
.toggle-search:focus, .toggle-search:active,
.toggle-search:active:focus {
	outline: 0;
}
.toggle-search > span:first-child {
	display: block;
}
.toggle-search > span:last-child {
	display: none;
}
.search-open .toggle-search > span:first-child {
	display: none;
}
.search-open .toggle-search > span:last-child {
	display: block;
}
.searchPanel {
	position: absolute;
	top: 105%;
	width: 100%;
	background-color: #fff;
	display: none;
	border-bottom: 1px solid #e7e7e7;
	box-shadow: 2px 3px 10px 0px rgba(92,92,92,0.5);
}
.searchPanel a {
	border: none;
	border-radius: 0;
}
.searchPanel .list-group {
	margin: 0;
}
.searchPanel a:after {
	content: '';
	display: block;
	margin: 5px 0;
	border-bottom: 1px solid #e7e7e7;
}
.navbar-search {
	margin: 8px 15px 8px 0;
}
#searchResult > .row:first-child {
	border-top: 1px solid #ddd;
}
/* END Search */

/* TODO 1 verbessern!*/
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #069;
	border-color: #069;
}

/* FON */
.tidbenid > div {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.tidbenid > div:first-child {
	padding-top: 10px;
}
.tidbenid > div:last-child {
	padding-bottom: 10px;
}
#content {
	background-color: #E8F4FE;
	padding-bottom: 40px;
}
.only-print {
	display: none;
}
/* Overwrite Bootstrap styles here */
/* Error Icon rechts neben Radiobutton und Checkbox platzieren */
.has-error input[type="radio"] + .form-control-feedback,
.has-error input[type="checkbox"] + .form-control-feedback	{
	position: relative;
	display: inline;
}

/* Workaround für IE:
Pfeil bei Select ganz rechts positionieren, damit Fehlerglyphicon angezeigt werden kann.
Bei echten Browsern hat das keine Auswirkung.
*/
.form-select select.form-control {
	padding-right: 0;
}
.form-select .glyphicon {
	right: 10px;
}
.bg-primary, .childDt.primary td:first-child {
	color: #fff;
	background-color: #069;
}
.panel {
	border: none;
}
.panel-sub-heading, .panel-dark-grey > .panel-heading{
	background-color: #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
}
.panel-primary > .panel-heading a {
	color: #fff;
}

.panel-default > .panel-heading {
	border: 1px solid #ddd;
}
/* Damit Hilfe-Link nicht verrutscht, wenn der Title zu lang und Bildschirm zu klein wird*/
.panel-heading > span, .panel-sub-heading > span {
	display: table-cell;
}
.panel-heading > span:first-child, .panel-sub-heading > span:first-child {
	width: 100%;
	padding-right: 10px;
}
.panel-body {
	border: 1px solid #ddd;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: none;
	padding: 0 15px;
}
.panel-basic > .panel-body {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0 15px;
}
.panel-body .row {
	border-bottom: 1px solid #ddd;
}
.panel-body .row .row {
	border-bottom: none;
}
.panel-body > .row:last-child, .row.no-border-bot, .row.no-border-bot-important {
	border-bottom: none;
}

.no-border-bot-important {
	border-bottom: none !important;
}

.border-bot {
	border-bottom: 1px solid #ddd;
}

.border-bot-important {
	border-bottom: 1px solid #aaa !important;
}

.border-top-important {
	border-top: 1px solid #aaa !important;
}
/* input required sternchen */
.glyphicon-asterisk {
	display: block;
	position: absolute;
	right: 2px;
	top: 7px;
	font-size: 9px;
	color: #888;
}
label {
	font-weight: normal;
}

a.collapsePanelLink {
	text-decoration: none;
}
a.collapsePanelLink:hover {
	text-decoration: none !important;
	outline: none;
}
a.collapsePanelLink:focus {
	text-decoration: none !important;
	outline: none;
}

a.displayPageErrorLink {
	color: #b50233;
	text-decoration: none;
}	

a.displayPageErrorLink:hover {
	color: #b50233;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
}

a.displayPageErrorLink:focus {
	color: #b50233;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
}

span.displayPageErrorNoLink {
	color: #b50233;
	text-decoration: none;
}	

span.displayPageErrorNoLink:hover {
	color: #b50233;
    cursor: default;
    outline: none;
}

span.displayPageErrorNoLink:focus {
	color: #b50233;
    cursor: default;
    outline: none;
}

a.displayPageErrorNoLink {
	color: #b50233;
	text-decoration: none;
	pointer-events: none;
}	

a.displayPageErrorNoLink:hover {
	color: #b50233;
    cursor: default;
    outline: none;
}

a.displayPageErrorNoLink:focus {
	color: #b50233;
    cursor: default;
    outline: none;
}

a, .fon-color {
	color: #0d6fb7;
}

a:hover, .fon-color {
	color: #0d6fb7;
	cursor: pointer;
}

a:focus, .fon-color {
	color: #0d6fb7;
	cursor: pointer;
}

u.dotted, .fon-color {
	border-bottom: 1px dotted #0d6fb7;
    text-decoration: none;
}

/* TODO 1 review*/
.navbar {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* padding von BS fuer Fehlerfelder verkleinern*/
.has-feedback .form-control {
	padding-right: 19px;
}
.form-control-feedback {
	width: 28px;
	z-index: 3;
}
/* loginform fehlericon ganz rechts */
.form-horizontal .has-feedback .form-control-feedback {
	right: 0;
}
/* Fehler Icon soll beim focus nicht verschwinden */
.input-group .form-control:focus {
	z-index: 2;
}

/* see 2016\Datenkorb\K1DatenkorbK1gMBB.jsp */
.table-responsive-wrapper {
	overflow-x: auto;
	margin: 0 -13px;
}
/* DataTable muss weniger padding bekommen, das sie auto. in row gewrappet wird */
.col-sm-24.table-responsive-wrapper {
	margin: 0;
	padding: 0 2px;
}

/* success btn*/
.btn-success {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-success:hover {
	background-color: #28a745;
	border-color: #28a745;
}

/* alert */
.alert {
	border-width: 3px;
	border-radius: 5px;
	background-color: #fff;
	color: #222222;
	word-wrap: break-word;
}
.alert-danger {
	border-color: #a94442;
}
.alert-success {
	border-color: #218838;
}
.alert-info {
	border-color: #069;
}

/* NEW HEADING */
.heading {
	background-color: #069;
	margin-bottom: 20px;
}
.heading > * {
	display: table-cell;
	vertical-align: middle;
}
.heading > h1 {
	width: 99%;
	padding: 12px 0 12px 15px;
	margin: 0;
}
.heading > span {
	width: 99%;
	padding: 5px 15px 5px 8px;
}
.btn-hilfe {
	border-color: #fff;
	color: #fff;
	padding: 3px 10px 0;
	font-size: 21px;
	line-height: 28px;
}
.btn-hilfe:hover {
	border-color: #ddd;
	color: #ddd;
}
/* NEW HEADING END*/

@media (max-width: 380px) {
	.headImg {
		padding: 0
	}
}
@media (min-width: 768px) {
	.container {
		width: auto;
	}
	.switch-align {
		text-align: right;
	}
	.xs-split-col > div:first-child {
		border-bottom: none;
	}
	.table-responsive-wrapper {
		padding: 0 15px;
	}
	.col-sm-24.table-responsive-wrapper {
		padding: 0 15px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}

	.container .container {
		width: auto;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

/* PANEL STYLING */

h2.panel-h2 {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	width: inherit;
	padding-right: inherit;
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0px;
}

h2.erkl-panel-h2 {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	width: inherit;
	padding-right: inherit;
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0px;
}

h3.text-h3 {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	width: inherit;
	padding-right: inherit;
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0px;
}

h3.list-h3 {
	color: #222222;
	font-size: 18px;
	font-weight: normal;
	font-family: "Arial", sans-serif;
	line-height: 1.42857143;
	width: 100%;
	padding-right: 10px;
	display: table-cell;
}

.span-inherited {
	width: 100%;
	padding-right: 10px;
	display: inline-block;
}

.input-group-addon{
	border: 1px solid #898989;
}

.form-control {
	border: 1px solid #898989;
}

ul.hiddenL1List {
	margin-top: inherit;
	margin-bottom: inherit;
	display: inherit;
	height: inherit;
	overflow-x: inherit;
	overflow-y: inherit;
	border-bottom: inherit;
	padding: 0;
	list-style: none;
    margin-left: 0;
    padding-left: 0px;
}

ol.textRowListHeader {
	list-style: none;
    margin-left: 0;
}

ul.textRowListHeader {
	list-style: none;
    margin-left: 0;
    padding-left: 0px;
}

li.textRowListItem {
	counter-increment: none;
	margin-left: 0;
}

li.textRowListItem .row {
	border-bottom: 1px solid #949494 !important;
}

li.textRowListItemNoBorder .row {
	border-bottom: none !important;
}

li.menuListItem {
	counter-increment: none;
	margin-left: 0;
}

.textRowList {
	border-bottom: 1px solid #949494;
}

.oenaceSuchContainer {
	cursor: pointer;
}

.oenaceResultContainer {
	cursor: pointer;
}

.oenaceResult {
	cursor: pointer;
}

.oenaceResultTable {
	cursor: pointer;
}

.oenaceResultBody {
	cursor: pointer;
}

.oenaceResultTableCell {
	cursor: pointer;
}

.oenaceResultTableHeaderNeu {
	padding-right: 10px;	
}