html * {
	
}

html, body {
	
}

h1 {
	font-size: 30px;
	color: #004c89;
	font-weight: normal;
	margin: 36px 0;
}
h2 {
	font-size: 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid #004c89;
	color: #004c89;
	margin-top: 45px;
	margin-bottom: 36px;
}
h4 {
	margin-top: 15px;
	margin-bottom: 5px;
}

ul {
	margin-left: 0;
	padding-left: 20px;
}


/* GEMISCHERECHNER */

#global-notizen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/*height: 50px;*/
	z-index: 999999999;
	text-align: center;
	background-color: white;
	display: none;
	padding: 25px;
}

#global-notizen.success {
	background-color: #dff0d8;
}

#global-notizen.danger {
	background-color: #f2dede;
}

#global-notizen.warn {
	background-color: #ffffcc;
}

#global-notizen .hide-notizen {
	float: right;
	margin: 0 10px;
	font-size: 18px;
}

.notizen {
	padding: 20px;
	margin: 25px 0 0 0;
	border: 0;
	background-color: #fff;
	border-left: 6px solid #1b809e;
}
.notizen.warn {
	background-color: #ffffcc;
	border-left-color: #ffeb3b;
}
.notizen.danger {
	background-color: #f2dede;
	border-left-color: #a94442;
}
.notizen.success {
	background-color: #dff0d8;
	border-left-color: #3c763d;
}

.scrolltop {
	text-align: right;
	display: inline-block;
	width: auto;
	float: right;
}



.beautified-box {
	padding: 0;
	margin: 0;
	margin-top: 30px;
	border: 0;
	background-color: #fff;
	border-left: 6px solid #1b809e;
}
.beautified-box>.header {
	padding: 10px 20px;
	color: #fff;
	background-color: #1b809e;
	font-size: 24px;
}
.beautified-box>.body {
	padding: 20px;
}
.beautified-box>.header>span {}

.beautified-box.warn {
	background-color: #ffffcc;
	border-left-color: #ffeb3b;
}
.beautified-box.warn>.header {
	background-color: #ffeb3b;
}

.beautified-box.danger {
	background-color: #f2dede;
	border-left-color: #a94442;
}
.beautified-box.danger>.header {
	background-color: #a94442;
}

.beautified-box.success {
	background-color: #dff0d8;
	border-left-color: #3c763d;
}
.beautified-box.success>.header {
	background-color: #3c763d;
}

.beautified-box.info {}
.beautified-box.info>.header {}

.beautified-box.important {
	border-left-color: #a94442;
}
.beautified-box.important>.header {
	background-color: #a94442;
}

.clear {
	clear: both;
}

.btn-lila { 
	color: #ffffff; 
	background-color: #9777C2; 
	border-color: #8E26D4; 
} 
 
.btn-lila:hover, 
.btn-lila:focus, 
.btn-lila:active, 
.btn-lila.active, 
.open .dropdown-toggle.btn-lila { 
	color: #ffffff; 
	background-color: #8057B5; 
	border-color: #8E26D4; 
} 
 
.btn-lila:active, 
.btn-lila.active, 
.open .dropdown-toggle.btn-lila { 
	background-image: none; 
} 
 
.btn-lila.disabled, 
.btn-lila[disabled], 
fieldset[disabled] .btn-lila, 
.btn-lila.disabled:hover, 
.btn-lila[disabled]:hover, 
fieldset[disabled] .btn-lila:hover, 
.btn-lila.disabled:focus, 
.btn-lila[disabled]:focus, 
fieldset[disabled] .btn-lila:focus, 
.btn-lila.disabled:active, 
.btn-lila[disabled]:active, 
fieldset[disabled] .btn-lila:active, 
.btn-lila.disabled.active, 
.btn-lila[disabled].active, 
fieldset[disabled] .btn-lila.active { 
	background-color: #9777C2; 
	border-color: #8E26D4; 
} 
 
.btn-lila .badge { 
	color: #9777C2; 
	background-color: #ffffff; 
}




.container.force-lg {
	min-width: 1170px;
}
.content {
    margin-bottom: 35px;
}

.home-info {
	font-size: 16px;
	font-style: italic;
	color: #666;
	text-align: justify;
}

.home-img {
	max-width: 100%;
	margin-bottom: 20px;
}

.logo-div {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: center;
}

@media (min-width:568px) {
	.logo-div {
		justify-content: unset;
	}
}

.logo-div > div {
}

.logo-group {
	margin: 1rem;
}

@media (min-width:568px) {
	.logo-group {
		display: flex;
		flex-grow: 1;
		flex-wrap: wrap;
		flex-grow: 1;
		flex-shrink: 1;
		justify-items: center;
	}
}

.logo-group.middle {
	align-items: center;
}

.logo-group.offset-xs {
	margin-left: 111px;
}

@media (min-width:568px) {

	.logo-group.offset-xs {
		margin-left: 0;
	}
}

.logo-group.bottom {
	align-items: baseline;
}

.logo-group > * {
	display: flex;
	margin: 1rem;
	flex-wrap: wrap;
	flex-grow: 0;
	flex-shrink: 1;
	justify-items: center;
}

@media (min-width:568px) {
	.logo-group > * {
		width: 46%;
		justify-items: left;
	}
}

@media (min-width:1000px) {
	.logo-group > * {
		width: auto;
		flex-grow: 0;
		min-width: 225px;
		justify-content: center;
	}
}

@media (max-width:567px) {
	.logo-group > *.break-here-xs {
		page-break-after: always;
		break-after: always;
	}
}

.logo-group > .padded {
	padding: 1rem;
}

.logo-div img {
	height: 75px;
}


/*
dark-blue:		#23334d
middle-blue:	#296db4
light-blue:		#bcdbed
vlight-blue:	#d9edf7

light-gray:		#f3f3f3
*/
.beautified div.col-left {
	padding-right: 0;
	text-align: left;
	margin-bottom: 15px;
	height: 34px;
}

.beautified div.col-middle {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 15px;
	height: 34px;
}

.beautified div.col-right {
	padding-left: 0;
	margin-bottom: 15px;
	height: 34px;
}

.beautified label {
	background: #E6E6FA;
	padding: 6px 25px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border: 1px solid #ccc;
	width: 100%;
	height: 100%;
}

.beautified div.col-middle input {
	border: 1px solid #ccc;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-left: none;
	border-right: none;
	height: 100%;
}

.beautified div.col-right>input {
	border: 1px solid #ccc;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: none;
	height: 100%;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #E6E6FA;
}

table.table-custom1 {
	table-layout: fixed;
}

table.table-custom1>thead>tr>th {
	text-align: center;
	border: 1px solid black;
	vertical-align: middle;
}

table.table-custom1>thead:first-child>tr:first-child>th {
	border-top-style: solid;
	border-top-width: 1px;
}

table.table-custom-ultracondensed>tbody>tr>td, table.table-custom-ultracondensed>thead>tr>td,
table.table-custom-ultracondensed>tfoot>tr>td {
	padding: 0;
	margin: 0;
	border: 1px solid black;
	height: 25px;
	vertical-align: middle;
}

table.table-custom-ultracondensed>caption+thead>tr:first-child>td, 
table.table-custom-ultracondensed>caption+thead>tr:first-child>th,
table.table-custom-ultracondensed>colgroup+thead>tr:first-child>td,
table.table-custom-ultracondensed>colgroup+thead>tr:first-child>th,
table.table-custom-ultracondensed>thead:first-child>tr:first-child>td,
table.table-custom-ultracondensed>thead:first-child>tr:first-child>th {
	border-top: 1px solid black;
}

table.table-custom-ultracondensed input:not([type=checkbox]), 
table.table-custom-ultracondensed select,
table.table-custom-ultracondensed textarea, 
table.table-custom-ultracondensed datalist	{
	margin: 0;
	border-radius: 0;
	width: 100%;
	border: 0;
	padding: 0 5px;
	height: 100%; /* /!\ Parent height must be set */
	outline: none;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
table.table-custom-ultracondensed .bs-searchbox input {
	padding: 6px 12px;
	border: 1px solid #ccc !important;
}

table.stoffliste col.actions {
	width: 30px;
}

table.stoffliste col.stname {
	width: 250px;
}

table.stoffliste col.casnr {
	width: 100px;
}

table.stoffliste col.egnr {
	width: 100px;
}

table.stoffliste col.anteile {
	width: 200px;
}

table.stoffliste col.anteil1 {
	width: 60px;
}

table.stoffliste col.anteil2 {
	width: 60px;
}

table.stoffliste col.anteil3 {
	width: 100px;
}

table.stoffliste col.wirkst {
	width: 80px;
}

table.stoffliste col.aetz {
	width: 80px;
}

table.stoffliste col.eig2 {
	width: 80px;
}

table.stoffliste col.klasse {
	
}

table.stoffliste col.warnungen {
	width: 100px;
}

table.stoffliste td.actions {
	text-align: center;
	background-color:#d9534f;
}
/*
table.stoffliste td.actions .btn-danger {
	background-color: #d9534f;
	border-color: #d9534f;
}
*/
/* IE */
table.stoffliste td.actions .btn-danger {
	background-color: transparent;
	border: 0;
}

table.stoffliste td.actions:hover {
	background-color:#c9302c;
}
table.stoffliste td.actions:hover .btn-danger {
	background-color: #c9302c;
	border-color: #c9302c;
}

table.table-custom-ultracondensed .bootstrap-select {
	height: 100%; /* /!\ Parent height must be set */
}

.form-group table.table-custom-ultracondensed .bootstrap-select.btn-group,
.form-horizontal table.table-custom-ultracondensed .bootstrap-select.btn-group,
.form-inline table.table-custom-ultracondensed .bootstrap-select.btn-group {
	border-radius: 0px;
	height: 100%; /* /!\ Parent height must be set */
}

table.table-custom-ultracondensed .bootstrap-select>.btn:first-child {
	border-radius: 0;
	padding: 2px 25px 3px 12px;
	border: 0;
	height: 100%; /* /!\ Parent height must be set */
}

table.table-custom-ultracondensed .bootstrap-select-vertical>.btn.active,
table.table-custom-ultracondensed .bootstrap-select-vertical>.btn:active,
table.table-custom-ultracondensed .bootstrap-select-vertical>.btn:focus,
table.table-custom-ultracondensed .bootstrap-select-vertical>.btn:hover,
table.table-custom-ultracondensed .bootstrap-select>.btn.active, 
table.table-custom-ultracondensed .bootstrap-select>.btn:active,
table.table-custom-ultracondensed .bootstrap-select>.btn:focus, 
table.table-custom-ultracondensed .bootstrap-select>.btn:hover {
	background-color: #fff;
}

th.eig2, td.eig2, col.eig2 {
	display: none;
}

tr td.anteil input, tr td.obergrenze input {
	text-align: center;
}

table.stoffliste>tbody>tr.inert>td {
	text-align: center;
	padding: 0 6px;
}

table.stoffliste>tbody>tr.inert>td.stoffname {
	text-align: left;
}

table.stoffliste>tbody>tr>td.stgh {
	padding: 0 5px;
	text-align: center;
}

.ui-menu .ui-menu-item-wrapper {
	min-width: 113px;
}

.bootstrap-select {
	max-width: 100%;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	text-align: center;
	text-overflow: ellipsis;
}

table.nebenrechnungen {
	table-layout: fixed;
	margin-top: 25px;
}

table.nebenrechnungen>thead>tr>th, 
table.nebenrechnungen>tbody>tr>td {
	background-color: #ccc1da;
	border: 1px solid black;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

table.gesamtrechnungen {
	table-layout: fixed;
	margin-top: 25px;
}

table.gesamtrechnungen>thead>tr>th, 
table.gesamtrechnungen>tbody>tr>td {
	background-color: #ccc1da;
	border: 1px solid black;
	text-align: center;
}

button.loeschStoff {
	width: 100%;
	height: 100%; /* /!\ Parent height must be set */
	padding: 0 5px;
	border-radius: 0;
}

.global {
	width: 500px;
	font-size: 12px;
	padding: 25px;
	background-color: #ccc;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.global div.col-left, 
.global div.col-middle, 
.global div.col-right {
	height: 30px;
	margin-bottom: 5px;
}

.global .control-label {
	padding-top: 5px;
	text-align: left;
	font-size: 12px;
}

.global div.col-middle input {
	text-align: center;
	font-size: 12px;
}

.global div.col-right div {
	border: 1px solid #ccc;
	background: #E6E6FA;
	padding: 6px;
	border-top-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: none;
	width: 100%;
	height: 100%;
	text-align: center;
}

.pname {
	margin-top: 15px;
}

.kbox {
	background-color: #d9edf7;
	border-radius: 15px;
	background-color: white;
	border: 2px solid #23334d;
	margin-bottom: 25px;
	/*overflow: hidden;*/
}

.stoffeditor {
	margin-top: 20px;
	padding: 15px;
}

.k-name {
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	background-color: #296db4;
	border-bottom: 2px solid #23334d;
}

.komp-header {
	float: left;
	color: white;
	height: 34px;
	background-color: #296db4;
}

.komp-header.kh1, 
.komp-header.kh2 {
	border-right: 2px solid #23334d;
}

.komp-header.kh2, 
.komp-header.kh3 {
	/*display:none;*/
	padding: 0 12px;
}

.komp-header.kh1 {
	background-color: transparent;
}

.komp-header.kh2 {
    border-radius: 0px;
    border-top-left-radius: 13px;
	padding: 0 25px;
}

.komp-header.kh3 {
	
}

.komp-header.kh4 {
	
}

.komp-header label.control-label, 
.komp-header span {
	padding: 0;
	margin-bottom: 0px;
	line-height: 34px;
}

.komp-header button {
	height: 100%;
	border-radius: 0px;
	border-top-left-radius: 13px;
}

.komp-header input {
	border-radius: 0px;
	width: 700px;
	border: none;
	color: white;
	background-color: #296db4;
	border-left: 0;
}

.komp-header input:focus, 
.komp-header .btn:active, 
.komp-header .btn.active,
.komp-header .btn:focus {
	outline: 0px !important;
	-webkit-appearance: none;
	box-shadow: none;
}

.komponentenname {
	font-weight: bold;
}

.ghs_wrap a:active, .ghs_wrap a:focus {
	outline: 0;
}

.ghs-img {
	height: 25px;
	margin-right: 3px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	font-style: italic;
}

.prod div.mischungsverhaeltnis {
	min-width: 500px;
}

.prod div.mischungsverhaeltnis input {
	text-align: center;
}

.prod div.mischungsverhaeltnis label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prod div.gefaehrdungszahl {
	/*max-width: 500px;*/
	min-width: 500px;
}

.prod div.gefaehrdungszahl input {
	text-align: center;
	font-weight: bolder;
}

/*
 **************
 * VERGLEICH TAB
 **************
 */
.vergl_content h2 {
	margin-top: 30px;
}

.vergleichen {
	margin-top: 30px;
}

table.mischungsverhaeltnis {
	table-layout: fixed;
	border: 1px solid black;
	margin-bottom: 25px;
}

table.mischungsverhaeltnis col.main {  }
table.mischungsverhaeltnis col.komp {  }
table.mischungsverhaeltnis col.verhaeltnis { width: 110px; }
table.mischungsverhaeltnis col.stoffname { }
table.mischungsverhaeltnis col.casnr { width: 100px;}
table.mischungsverhaeltnis col.egnr { width: 100px;}
table.mischungsverhaeltnis col.obergrenze { width: 90px; }
table.mischungsverhaeltnis col.wirkst { width: 90px; }
table.mischungsverhaeltnis col.aetzend { width: 90px; }
table.mischungsverhaeltnis col.klassen {  }

table.mischungsverhaeltnis>thead>tr>th, 
table.mischungsverhaeltnis>thead>tr>td,
table.mischungsverhaeltnis>tbody>tr>th, 
table.mischungsverhaeltnis>tbody>tr>td {
	background-color: #FFF;
	border: 1px solid black;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.mischungsverhaeltnis>tbody>tr.inert>td {
	background-color: #eee;
}

.extentable-wrap .header {
	
}

.extentable-wrap .header .details {
	width: 190px;
	padding: 6px 20px;
	border: 1px solid #000;
	border-bottom: 0;
	background-color: #E6E6FA;
	cursor: pointer;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.extentable-wrap .header .details:hover, 
.extentable-wrap .header .details:focus	{
	background-color: #fff;
}

.extentable-wrap .header span.glyphicon {
	float: right;
	padding-top: 2px;
}

.extentable-wrap .coll-body {
	
}

.extentable-wrap .ext-body {
	display: none;
}

.ergebnis table {
	table-layout: auto;
	border: 1px solid black;
	margin-bottom: 25px;
}

.ergebnis table>thead>tr>th, 
.ergebnis table>thead>tr>td, 
.ergebnis table>tbody>tr>th,
.ergebnis table>tbody>tr>td {
	background-color: #FFF;
	border: 1px solid black;
	text-align: center;
	border: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.ergebnis table>thead>tr>th, 
.ergebnis table>tbody>tr>th {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.ergebnis table>thead>tr>th.main {
	text-transform: uppercase;
}

.ergebnis table col.main {}
.ergebnis table col.gz { width: 90px; }
.ergebnis table col.diff { width: 90px; }
.ergebnis table col.kl { width: 120px; }
.ergebnis table col.k1 { width: 150px; }
.ergebnis table col.k2 { width: 150px; }
.ergebnis table col.k3 { width: 150px; }

/*
.ergebnis table tr.lesser td { background-color: #87ff87;}
.ergebnis table tr.greater td { background-color: #ff9d79;}
*/
.ergebnis table tr.lesser td {
	background-color: 82d882;
	color: #000;
}

.ergebnis table tr.greater td {
	background-color: ff9b99;
	color: #000;
}

.ergebnis table tr td.lesser {
	background-color: #dff0d8;
	color: #000;
}

.ergebnis table tr td.greater {
	background-color: #f2dede;
	color: #000;
}

.ergebnis table tr td.approx {
	background-color: #ffffcc;
	color: #000;
}

ul.warn-liste {
	margin-bottom: 0px;
}

form#printPDF textarea {
	height: 100px;
	resize: none;
}


/*
 **************
 * LOADING OVERLAY
 **************
 */

#loadingOverlay
{
    display : none;
}
#loadingOverlay.show
{
    display : block;
    position : fixed;
    z-index: 100;
    /*background-image : url('../grafik/loading-circle.gif');*/
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadingGif.show
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}

/*
 **************
 * TABS MENÜ
 **************
 */
.tabs {
	box-sizing: border-box;
}

.tabs {
	position: relative;
	margin: 3rem 0;
}

.tabs-header {
	
}
/*
.tabs::before,
.tabs::after {
	content: "";
	display: table;
}
.tabs::after { clear: both; }
.tabs .tab-label::after {
	content:'';
	position:absolute;
	z-index: 1;
	top: -0.09em;
	right: -.7em;	
	bottom: 0;
	width: 1em;
	background-color: #296db4;
	transform: skew(10deg);
	border-radius: 0 5px 0 0;
	border-right: 0.125rem solid #23334d;
	border-top: 0.125rem solid #23334d;
}
*/
.tab {
	float: left;
}

.tab-switch {
	display: none;
}

.tab-label {
	position: relative;
	display: block;
	line-height: 2.75em;
	height: 3.5em;
	padding: 0 1.618em;
	background: #296db4;
/*
	border-right: 0.125rem solid #23334d;
	border-left: 0.125rem solid #23334d;
	border-top: 0.125rem solid #23334d;
*/
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	top: 0;
	transition: all 0.25s;
	/* style below prevent ::after, so after is disabled */
	max-width: 350px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
}

.tab-label:hover {
	top: -0.25rem;
	transition: all 0.25s;
}
/*
.tab-label:hover::after {
	top: -0.08em;
	transition: all 0.25s;
}
*/
.tab-content {
	position: absolute;
	z-index: 1;
	top: 2.75em;
	left: 0;
	opacity: 0;
	/*transition: all 0.35s;*/
	width: 100%;
	display: none;
}
.tab-content-inner {
	padding: 1.618rem;
	background-color: #f3f3f3;
	border: 2px solid #23334d;
	width: 100%;
	border-radius: 0 5px 5px 5px;
	margin-bottom: 30px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.tab-switch:checked+.tab-label {
	background: #bcdbed;
	color: #2c3e50;
	border-bottom: 0;
/*
	border-right: 0.125rem solid #23334d;
	border-left: 0.125rem solid #23334d;
	border-top: 0.125rem solid #23334d;
*/
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	
	
	/*transition: all 0.35s;*/
	/*z-index: 2;*/
}
/*
.tab-switch:checked + .tab-label::after {
	background-color: #bcdbed;
}
*/
.tab-switch:checked+.tab-label:hover { /*top: -0.0625rem;*/
	
}

.tab-switch:checked+.tab-label+.tab-content {
	opacity: 1;
	/*transition: all 0.35s;*/
	z-index: 3;
	display: block;
}

/*
 **************
 * Magnific popup
 **************
 */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}

.white-popup table.warnungenliste {
	margin-top: 30px;
}

table.warnungenliste col.klasse {
	width: 75px;
}

table.warnungenliste col.text {
	
}

table.warnungenliste td.klasse {
	text-align: center;
}

table.warnungenliste>tbody>tr>td, 
table.warnungenliste>thead>tr>td,
table.warnungenliste>tfoot>tr>td {
	border: 1px solid #000;
	padding: 0 12px;
}

table.warnungenliste>tbody>tr>th, 
table.warnungenliste>thead>tr>th,
table.warnungenliste>tfoot>tr>th {
	text-align: left;
	border: 1px solid #000;
}

table.warnungenliste td.klasse {
	text-align: center;
}

table.warnungenliste img.popup-ghs-img {
	height: 40px;
	margin-right: 22px;
	margin-left: 5px;
}

.discret {
	color: #848484;
	font-style: italic;
}

.mfp-bg {
	
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.mfp-content.mfp-wleg {
	width: auto !important;
}
.mfp-content.mfp-notice {
	width: auto !important;
	padding: 40px;
	background-color: white;
}

.dropdowndoku-content {
	background-color: #f3f3f3;
	display: block;
	box-shadow: inset 0px 0px 3px;
	padding: 2em;
	padding-left: 3em;
	padding-right: 3em;
}

.wlegend-open {
	cursor:pointer;
}

/*
 **************
 * Import/Export
 **************
 */

.expimpdiv {
	margin-bottom: 10px;
}
.expimpdiv>label {
	float: left;
	padding-right: 10px;
	margin-top: 5px;
}
.expimpdiv>input {
	float: left;
	padding-right: 10px;
}



/*
 **************
 * EIS Liste
 **************
 */
table.eis-liste {
	table-layout: fixed;
	text-align: center;
}

table.eis-liste col.stoffname {}
table.eis-liste col.casnr { width: 120px; }
table.eis-liste col.egnr { width: 120px; }
table.eis-liste col.wirkst { width: 80px; }
table.eis-liste col.klasse {}
table.eis-liste col.gruppe { width: 295px; }
table.eis-liste col.text { width: 160px; display: none; }
table.eis-liste col.auswert { width: 250px; display: none; }

table.eis-liste>tbody>tr>th, 
table.eis-liste>thead>tr>th, 
table.eis-liste>tfoot>tr>th	{
	padding: 5px;
	height: 50px;
}

table.eis-liste>tbody>tr>td, 
table.eis-liste>thead>tr>td, 
table.eis-liste>tfoot>tr>td	{
	padding: 5px;
}

table.eis-liste th.text, 
table.eis-liste td.text {
	display: none;
}

table.eis-liste th.auswert, 
table.eis-liste td.auswert {
	display: none;
}

/* Initialize a counter on the container */
.container-auto-footnotes {
	counter-reset: auto-footnotes-counter;
}
.auto-footnotes {
	--auto-footnotes-bg: var(--highlight, #fff3cd);
	--auto-footnotes-color: var(--highlight, #664d03);

	list-style-type: decimal;
	padding-left: 15px;
}

/* Inline footnotes references */
[aria-describedby^="auto-footnotes-label"] {
	counter-increment: auto-footnotes-counter;
	text-decoration: none;
	color: currentColor;
	cursor: pointer;
	outline: none;
}

/* Actual numbered references */
[aria-describedby^="auto-footnotes-label"]::after {
	content: counter(auto-footnotes-counter, auto-footnotes);
	margin-left: 0.5em;
}

/* Reset the default focused styles on the number */
[aria-describedby^="auto-footnotes-label"]:focus::after {
	outline: thin dotted;
	outline-offset: 2px;
}

/* Highlight target note */
.auto-footnotes :target {
	animation: auto-footnotes 6s;
}

.auto-footnote__icon {
	height: 1rem;
	width: auto;
}

@counter-style auto-footnotes {
	system: numeric;
	symbols: "\2070""\B9""\B2""\B3""\2074""\2075""\2076""\2077""\2078""\2079";
	/* symbols: '⁰' '¹' '²' '³' '⁴' '⁵' '⁶' '⁷' '⁸' '⁹'; */
	suffix: " ";
}

@keyframes auto-footnotes {
	0% {
		background-color: inherit;
	}
	50% {
		background-color: var(--auto-footnotes-bg);
	}
	100% {
		background-color: inherit;
	}
}

/* Others styles */

#auto-footnotes-label {
	font-size: 20px;
	padding-bottom: 12px;
	border-bottom: unset;
	color: #004c89;
	margin-top: 45px;
	margin-bottom: 12px;
}

.auto-footnotes > li {
	padding: .3rem .6rem;
}

/*
 **************
 * FAQ
 **************
 */
 
div.themen {
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
}
div.themen .title {
	position: relative;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	background-color: #004c89;
	color: #fff;
}

div.themen .title .collapse-wrap {
	width: 50px;
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	text-align: center;
}
div.themen .title .collapse-wrap span { 
	font-size: 22px;
	position: absolute;
	top: 8px;
	right: 15px;
}
div.themen .title>p {
	margin: 0;
	margin-right: 40px;
}
div.themen .faq-liste {
	border: 2px solid #004c89;
	border-top: 0;
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.themen.active .faq-liste {
	display: block;
}

div.faq-slide {
}
 
div.faq-slide .question {
	position: relative;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

div.faq-slide .question>p {
	margin: 0;
}

div.faq-slide .answer {
/*	border-bottom: 2px solid #E6E6FA; */
	padding: 0 20px 20px 20px;
	border-top: 0;
	display: none;
}
div.faq-slide.active .answer {
	display: block;
}


/*
 **************
 * GLOSSAR
 **************
 */

.terms p.title {
	border-bottom: 2px solid #004c89;
	color: #004c89;
	font-style: italic;
	margin-top: 35px;
}

.terms p.zusatz,
.terms p.link {
    font-size: 12px;
}

/*
 **************
 * INFOS
 **************
 */

.infos p {
	text-align: justify;
}

.infos figcaption {
	text-align: justify;
	font-size: .9em;
}

.infos ol {
	  padding-left: 4rem;
}

.infos ol > li {
	  padding-left: 1rem;
}

.info-fn-trenner {
	width: 400px;
	max-width:100%;
}

ul.uebersicht {
	list-style: none;
	padding-left: 0;
}
ul.uebersicht li {
	font-size: 16px;
	margin-bottom: 5px;
}
 
/*
 **************
 * TOOLTIP
 **************
 */

.ttinfo {
	border-bottom: 1px dotted;
}

.tooltip
{
    text-align: center;
    color: #fff;
    background: #004c89;
    position: absolute;
    z-index: 100;
    padding: 20px;
}

.tooltip.top {
    padding: 20px;
    margin-top: 5px;
}

.tooltip.left {
    padding: 20px;
    margin-left: -3px;
}

.tooltip.right {
    padding: 20px;
    margin-right: -3px;
}

.tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #004c89;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

.tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #004c89;
    top: -20px;
    bottom: auto;
}

.tooltip.left:after
{
    left: 10px;
    margin: 0;
}

.tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}



/*
 **************
 * Gefahrenhinweise
 **************
 */
 
 


table.ghliste {
	margin-top: 25px;
	table-layout: fixed;
}

table.ghliste col.hsaetze { width: 65px; }
table.ghliste col.gh { }

table.ghliste tr>td:first-child  { text-align: center; }

table.ghliste>caption+thead>tr:first-child>td, 
table.ghliste>caption+thead>tr:first-child>th, 
table.ghliste>colgroup+thead>tr:first-child>td, 
table.ghliste>colgroup+thead>tr:first-child>th, 
table.ghliste>thead:first-child>tr:first-child>td, 
table.ghliste>thead:first-child>tr:first-child>th {
	border-top: 1px solid black;
}

table.ghliste>tbody>tr.enabled {
	background-color: #E6E6FA;
}
table.ghliste>tbody>tr>td, 
table.ghliste>tbody>tr>th, 
table.ghliste>tfoot>tr>td, 
table.ghliste>tfoot>tr>th, 
table.ghliste>thead>tr>td, 
table.ghliste>thead>tr>th {
	border: 1px solid black;
}

/*

.styled-select {
	display: inline-block;
	width: 100px;
	position: relative;
	height: 35px;

	input{
	height: 35px;
	width: 100%;
	padding: 5px;
	border: 1px solid #DDD;
	z-index: 1;
	background-color: rgba(0,0,0,0.000001); // transparent won't work in IE <11
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;


	&:focus + span, & + span:hover {
	height: auto;
	}
	}
	.list {
		display: block;
		height: 33px;
		overflow: hidden;
		list-style: none;
		margin: 0 0 0 0;
		padding: 35px 0 0 0;
		position: absolute;
		background-color: white;
		width: 100%;
		border: none;

		&:before {
			content: attr(data-empty);
			position: absolute;
			top: 0;
			left: 0;
			height: 35px;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			line-height: 25px;
		}

		label {
			padding: 5px;
			display: block;
			line-height: 25px;
			height: 35px;
			border-left: 1px solid #DDD;
			border-right: 1px solid #DDD;

			&:last-child {
				border-bottom: 1px solid #DDD;
			}
		}

		[type="radio"],
		[type="checkbox"] {
			display: none;
		}

		input:checked + label {
		background-color: #DDD;

			&:before {
			content: attr(title);
			position: absolute;
			height: 35px;
			width: 100%;
			top: 0;
			left: 0;
			padding: 5px;
			background-color: #FFF;
			box-sizing: border-box;
			}
		}
	}
}
*/


td>.ui-selectmenu-button
{
	width: 100% !important;
	border-radius: 0;
	background-color: white;
	border: none;
	height: 99%;
}
td>.ui-selectmenu-button:hover,
td>.ui-selectmenu-button:active,
td>.ui-selectmenu-button:focus {
	border: 0;
	background: white;
	font-weight: normal;
	color: inherit;
}
.ui-selectmenu-text {
	margin-right: 15px;
}
.ui-button .ui-icon {
	margin-right: -10px;
}

/* nicht full responsive tweak */

body.gemischerechner .navbar,
body.stoffliste .navbar {
	min-width: 1170px; 
}
body.gemischerechner .navbar .navbar-header,
body.stoffliste .navbar .navbar-header{
	float: left;
}
body.gemischerechner .navbar-default .navbar-collapse, 
body.gemischerechner .navbar-default .navbar-form,
body.stoffliste .navbar-default .navbar-collapse, 
body.stoffliste .navbar-default .navbar-form {
	display: inline;
	float: left;
}

body.gemischerechner .navbar-default .navbar-toggle,
body.stoffliste .navbar-default .navbar-toggle {
	display: none;
}

body.gemischerechner .nav > li,
body.stoffliste .nav > li {
	float: left;
}


@media (max-width:768px) {

	body.gemischerechner .nav,
	body.stoffliste .nav {
		margin-left: 30px;
		margin-top: 0;
		margin-bottom: 0;
	}

	body.gemischerechner .nav > li a,
	body.stoffliste .nav > li a {
		height: 50px;
		line-height: 28px;
	}
	body .nav > li.right,
	body .nav > li.right {
		position: relative;
		float: left;
	}

}


.navbar {
	margin-bottom: 5px;
}
.subnav {
	margin-bottom: 20px;
}
.subnav .nav-item-right {
	float: right;
	display: block;
	line-height: 40px;
	min-height: 40px;
	padding: 0 10px 0 5px;
	font-size: 13px;
}
.subnav .logout {
	padding: 3px 6px;
	margin-top: -3px;
	font-size: 13px;
}


.legals p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
}

.legals h3, .legals h4 {
	margin: 10px 0;
	font-family: inherit;
	font-weight: 700;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
}

.legals h3 {
	margin-top: 20px;
	font-size: 17.5px;
}
.legals h4 {
	font-size: 14px;
}

#extern {
	padding: 0 25px;
}

.notLoggedInFooter {
	margin-top: -80px;
	width: 100%;
	text-align: center;
}