/*******************************************************
CSS-Datei für die Datenbank der Vorladungen


*******************************************************/

:root {
	--colourWhite: #ffffff;
	--colourChalk: #fafafa;
	--colourBritanniaBlue: #071637;
	--colourCeruleanBlue: #274cd8;
	--colourGreen: #07d694;
	--colourTotoRosso: #a50034;
	--colourBrigadeRed: #b61615;
	--colourNeonOrange: #ff4d06;
	--colourNeonYellow: #fafb09;
	--colourLegacyBlue: #001842;
}

body {
	position: relative;
	width: 99%;
	height: 100%;
	
	font-family: TrebuchetLightRegular;
	font-size: 11px;
}

header, footer {
	display: block;
	margin: 4px;
	padding: 5px;
	/*min-height: 50px;*/
	border: 1px solid #eebb55;
	border: 2px solid var(--colourBrigadeRed);
	border-radius: 7pt;
	background: #ffeebb;
	background: var(--colourBritanniaBlue);
	color: #eebb55 !important;
	clear: left;
}

header {
	background-image: url('INEOS Solvents Logo 1L 2023 white.svg');
	background-position: right;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 200px;
	padding-right: 15px;
}

header > h1, footer > address, footer a {
	color: var(--colourChalk);
}
header > h1 {
	text-align: center;
}

header > h2 {
	font-size: 18px;
	color: var(--colourChalk);
}


header > h1, header > h2 {
	font-family: DinOtLight !important;
	/*font-family: ArabicRegular !important;*/
	/*font-family: 'Arial Unicode MS' !important;*/
	/*font-family: 'Times New Roman' !important;*/
	text-align: center;
	margin: 5pt;
	border-bottom: 0pt solid white;
	-ms-font-feature-settings: "smcp" !important;
	font-feature-settings: "smcp" !important;
	font-variant-caps: small-caps;
	/*font-variant-numeric: ordinal  slashed-zero;
	font-variant-ligatures: contextual historical-ligatures common-ligatures;
	font-kerning: normal;*/
}


#vorladung {
	min-height: 300px;
	height: calc(100vh - 192px);
	margin: 0px 0px 33px 0px;
	padding: 0px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
}

#vorladung > nav {
	margin: 4px;
	padding: 10px;
	border: 1px solid #8888bb;
	border: 1px solid #aaa;
	border-radius: 7pt;
	/*background: #ccccff;*/
	-webkit-flex: 1 6 35%;
	-ms-flex: 1 6 380px;
	flex: 1 6 380px;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}


#vorladung > article  {
	position: relative;
	margin: 4px;
	padding: 10px;
	border: 1px solid #cccc33;
	border: 1px solid #aaa;
	border-radius: 7pt;
	/*background: #dddd88;*/
	-webkit-flex: 3 1 45%;
	-ms-flex: 6 1 auto;
	flex: 6 1 auto;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	height: 100%;
}

#vorladung > aside  {
	margin: 4px;
	padding: 10px;
	border: 1px solid #8888bb;
	border: 1px solid #aaa;
	border-radius: 7pt;
	/*background: #ccccff;*/
	-webkit-flex: 1 6 20%;
	-ms-flex: 1 6 180px;
	flex: 1 6 180px;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
}

#vorladungButton1 {
	position: absolute;
	top: 2em;
	left: 2em;
}

#vorladungButton2 {
	position: absolute;
	top: 2em;
	right: 2em;
}

#vorladungButton3 {
	position: absolute;
	bottom: 2em;
	left: 2em;
}

#vorladungButton4 {
	position: absolute;
	bottom: 2em;
	right: 2em;
}

#vorladungAuswertung {
	position: absolute;
	top: 2em;
	left: 12em;
}

#vorladungNutzer {
	position: absolute;
	top: 2em;
	left: 19.7em;
}

#pruefungTable {
	width: 700px;
	border: 0pt solid red;
	position: absolute;
	left: calc(100% / 2 - 350px);
	top: 2em;
}

#pruefungTable td {
	/*height: 10px;
	padding: 0px;*/
	border: 0pt solid red;
	font-size: 16px;
	vertical-align: top;
}

.pruefungTableLeft {
	width: 180px;
	text-align: center;
}

.pruefungTableCenter {
	width: 430px;
	text-align: center;
}

.pruefungTableRight {
	width: 150px;
	text-align: left;
	vertical-align: bottom;
}

.pruefungTableOuterRight {
	width: 150px;
	text-align: left;
	vertical-align: bottom;
}

.movingSpin {
	animation: 3s linear 0s infinite alternate running walk;
}

@keyframes walk {
	0%, 100% {
		transform: translate(0px, 0);
	}

	50% {
		transform: translate(110px, 0);
	}
}


#pruefungDebitor {

}

#showDebitor {
	/*margin: -25px 0px 0px 1px;*/
	margin: 0px;
	text-align: left;
	font-size: 12px;
}

#pruefungVorladung {

}

#showProdukt {
	/*margin: -25px 0px 0px 1px;*/
	margin: 0px;
	text-align: left;
	font-size: 12px;
}

#showVorladung, #leerVorladung, #showChemicalGroup  {
	/*min-height: 60px;*/
	margin: -25px 0px 0px 1px;
	padding-left: 6px;
	text-align: left;
	font-size: 12px !important;
}

.vorladungOriginal, .vorladungUnbekannt {
	font-family: TrebuchetBoldRegular;
	text-decoration: underline;
	margin: -5px 0px 4px 0px;
}

.vorladungChemicalGroup {
	font-family: TrebuchetBoldRegular;
	margin: -5px 0px 4px 0px;
}

#pruefungButton {
	margin-top: 15px;
}

#pruefungErgebnis {
	width: calc(100vh / 5);
	height: calc(100vh / 5);
	text-align: center;
	border: 1pt solid #aaa;
	border-radius: 100px; /* IE */
	border-radius: calc(100vh / 5);
	background-color: #ddd;
	position: absolute;
	left: 22em;
	left: calc(100% / 2 - 100vh / 10);
	top: 8em;
	top: calc(100vh / 2 - 50px);
}

#pruefungErgebnisText {
	position: absolute;
	left: 22em;
	left: calc(100% / 2 + 150vh / 10);
	top: 8em;
	top: calc(100vh / 2 + 1.5rem);
	font-family: TrebuchetBoldRegular;
	font-size: 1rem;
}

.element {
  animation: pulse 3s alternate infinite none;
}

@keyframes pulse {
  0%, 100% {
    background-color: #aaa;
		transform: scale(1.0);
  }
  50% {
    background-color: #eee;
		transform: scale(1.2);
  }
}

.vorlCursor {
	cursor: pointer;
}

.buttonBottom {
	position: absolute;
	left: 2em;
	bottom: 1.0em;
}

/*************************************************************************************************/
/* Angaben für den Anmeldedialog (Internet)                                                      */
/*************************************************************************************************/
#vorladungAnmeldung {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 175px);
	top: 8em;
	top: calc(100% / 2 - 110px);
	display: none;
	width: 350px;
	height: 220px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#vorladungAnmeldungTable {
	width: 340px;
	border: 0pt solid red;
}

#vorladungAnmeldungTable td {
	width: 100px;
	height: 30px;
	border: 0pt solid red;
}

#vorladungUserID, #vorladungPassword {
	width: 150px;
}

#anmeldungSpin {
	display: none;
}

#anmeldungRueckmeldung {
	font-family: TrebuchetBoldRegular;
	color: red;
	margin-left: 5px;
}


/*************************************************************************************************/
/* Angaben für den Pflegedialog „Edit (Warenempänger)“                                           */
/*************************************************************************************************/
#divDebitoren {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 425px);
	top: 8em;
	top: calc(100% / 2 - 240px);
	display: none;
	width: 850px;
	height: 480px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#debitorenDiv {
	height: 386px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tableDebitoren {
	width: 840px;
}

#tableDebitoren tr {
	height: 35px;
}

#tableDebitoren th {
	color: white;
	background: linear-gradient(to bottom, #083567, #6d95d2);
	position: sticky; 
	top: 0;
}

#tbodyDebitoren input, #tbodyDebitoren select {
	display: none;
}

.debitorTableName {
	min-width: 170px;
	max-width: 170px;
	text-align: left;
	font-size: 12px !important;
}

.debitorTableName input {
	width: 160px;
	text-align: left;
	font-size: 10px;
}

.debitorTableStrasse {
	min-width: 170px;
	max-width: 170px;
	text-align: left;
	font-size: 12px !important;
}

.debitorTableStrasse input {
	width: 160px;
	text-align: left;
	font-size: 10px;
}

.debitorTablePlz {
	min-width: 60px;
	max-width: 60px;
	text-align: right;
	font-size: 12px !important;
}

.debitorTablePlz input {
	width: 50px;
	text-align: right;
	font-size: 10px;
}

.debitorTableOrt {
	min-width: 150px;
	max-width: 150px;
	text-align: left;
	font-size: 12px !important;
}

.debitorTableOrt input {
	width: 140px;
	text-align: left;
	font-size: 10px;
}

.debitorTableLand {
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	font-size: 12px !important;
}

.debitorTableLand select {
	width: 40px;
	text-align: left;
	font-size: 10px;
}

.debitorTableNummer {
	min-width: 50px;
	max-width: 50px;
	text-align: center;
	font-size: 12px !important;
}

.debitorTableNummer input {
	width: 40px;
	text-align: left;
	font-size: 10px;
}

.debitorTableEdit {
	min-width: 40px;
	max-width: 40px;
	text-align: center;
}


/*************************************************************************************************/
/* Angaben für den Pflegedialog „Edit (Vorladungen)“                                             */
/*************************************************************************************************/
#divVorladungen {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 425px);
	top: 8em;
	top: calc(100% / 2 - 240px);
	display: none;
	width: 850px;
	height: 480px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#vorladungenDiv {
	height: 386px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tableVorladungen {
	width: 840px;
}

#tableVorladungen tr {
	height: 35px;
}

#tableVorladungen th {
	color: white;
	background: linear-gradient(to bottom, #083567, #6d95d2);
	position: sticky; 
	top: 0;
}

#tbodyVorladungen input, #tbodyVorladungen select {
	display: none;
}

.vorladungTableOriginal {
	min-width: 170px;
	max-width: 170px;
	text-align: left;
	font-size: 12px !important;
}

.vorladungTableOriginal input {
	width: 160px;
	text-align: left;
	font-size: 10px;
}

.vorladungTableSynonyms {
	min-width: 200px;
	max-width: 200px;
	text-align: left;
	font-size: 12px !important;
}

.vorladungTableSynonyms input {
	width: 190px;
	text-align: left;
	font-size: 10px;
}

.vorladungTableErlaubt {
	min-width: 45px;
	max-width: 45px;
	text-align: center;
	font-size: 12px !important;
}

.vorladungTableCas {
	min-width: 60px;
	max-width: 60px;
	text-align: right;
	font-size: 12px !important;
}

.vorladungTableCas input {
	width: 55px;
	text-align: right;
	font-size: 10px;
}

.vorladungTableChemicalGroup {
	width: 200px;
	text-align: left;
	font-size: 12px !important;
}

.vorladungTableChemicalGroup select {
	width: 190px;
	text-align: left;
	font-size: 10px;
}

.vorladungTableEdit {
	min-width: 35px;
	max-width: 35px;
	text-align: center;
}

#vorladungTableChemicalGroupEdit {
	width: 400px;
	height: 360px;
	padding: 2px 10px 4px 10px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	display: none;
	position: absolute;
	top: 88px;
	left: calc(100% / 2 - 200px);
}

#vorladungTableChemicalGroupEdit p {
	font-size: 10px;
	font-family: 'TrebuchetLightRegular';
	color: #083567;
	text-indent: -44px;
	margin-left: 44px;
}

#formChemicalGroups {
	height: 288px;
	overflow-y: scroll;
	margin-top: 25px;
}

#tableChemicalGroup {
	width: 380px;
}

#tableChemicalGroup td {
	border: 0pt solid white;
}

.chemicalGroupTableNummer {
	width: 40px;
}

.chemicalGroupTableNummer input {
	width: 90%;
	text-align: center;
}

.chemicalGroupTableBezeichnung {
	width: auto;
}

.chemicalGroupTableBezeichnung input {
	width: 95%;
}

.chemicalGroupTableDel {
	width: 15px;
}

.chemicalGroupTableDel img {
	width: 12px;
	text-align: center;
	vertical-align: middle;
}

#vorladungTableMeldung {
	width: 350px;
	height: 260px;
	padding: 2px 10px 4px 10px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	display: none;
	position: absolute;
	top: 88px;
	left: calc(100% / 2 - 125px);
	overflow-y: scroll:
}


/*************************************************************************************************/
/* Angaben für den Pflegedialog „Edit (Sondervereinbarungen)“                                    */
/*************************************************************************************************/
#divSondervereinbarungen {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 425px);
	top: 8em;
	top: calc(100% / 2 - 240px);
	display: none;
	width: 950px;
	height: 480px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#sondervereinbarungenDiv {
	height: 386px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tableSondervereinbarungen {
	width: 930px;
}

#tableSondervereinbarungen tr {
	height: 35px;
}

#tableSondervereinbarungen th {
	color: white;
	background: linear-gradient(to bottom, #083567, #6d95d2);
	position: sticky; 
	top: 0;
}

#tbodySondervereinbarungen input, #tbodySondervereinbarungen select {
	display: none;
}

.sondervereinbarungTableWarenempfaengerName {
	width: 110px;
	text-align: left;
	font-size: 11px !important;
}

.sondervereinbarungTableWarenempfaenger {
	width: 70px;
	text-align: center;
	font-size: 12px !important;
}

.sondervereinbarungTableWarenempfaenger input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.sondervereinbarungTableProduct {
	width: 110px;
	text-align: left;
	font-size: 12px !important;
}

.sondervereinbarungTableProduct select {
	width: 120px;
	text-align: left;
	font-size: 10px;
}

.sondervereinbarungTablePermitRestriction {
	width: 100px;
	text-align: center;
	font-size: 12px !important;
}

.sondervereinbarungTableVorladungen {
	width: auto;
	text-align: left;
	font-size: 12px !important;
}

.sondervereinbarungTableVorladungen input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.sondervereinbarungTableP26 {
	width: 45px;
	text-align: center;
	font-size: 12px !important;
}

.sondervereinbarungTableP26 input {
	width: 90%;
	text-align: center;
	font-size: 10px;
}

.sondervereinbarungTableP27 {
	width: 45px;
	text-align: center;
	font-size: 12px !important;
}

.sondervereinbarungTableP27 input {
	width: 90%;
	text-align: center;
	font-size: 10px;
}

.sondervereinbarungTableEdit {
	min-width: 30px;
	width: 30px;
	max-width: 30px;
	text-align: center;
}

#sondervereinbarungTableVorladungEditErlaubt, #sondervereinbarungTableVorladungEditVerboten {
	width: 200px;
	height: 300px;
	padding: 2px 0px 4px 3px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	overflow-y: scroll;
	display: none;
	position: absolute;
	top: 90px;
	right: 145px;
}

#sondervereinbarungTableVorladungEditErlaubt h5 {
	margin: 0px 3px 5px 0px;
	font-size: 13px;
}

#sondervereinbarungTableVorladungEditVerboten h5 {
	margin: 0px 3px 5px 0px;
	font-size: 13px;
}

.preCargoListGroup {
	margin: 10px 0px 2px 0px;
	font-size: 11px;
	font-family: TrebuchetBoldRegular;
}

.preCargoListEntry {
	margin: 0px 0px 0px 30px;
	font-size: 11px;
	font-family: TrebuchetLightRegular;
}



/*************************************************************************************************/
/* Angaben für den Pflegedialog „Edit (Produkte)“                                                */
/*************************************************************************************************/
#divProdukte {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 425px);
	top: 8em;
	top: calc(100% / 2 - 240px);
	display: none;
	width: 850px;
	height: 480px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#produkteDiv {
	height: 386px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tableProdukte {
	width: 840px;
}

#tableProdukte tr {
	height: 35px;
}

#tableProdukte th {
	color: white;
	background: linear-gradient(to bottom, #083567, #6d95d2);
	position: sticky; 
	top: 0;
}

#tbodyProdukte input, #tbodyProdukte select {
	display: none;
}

.produktTableProdukt {
	width: 100px;
	text-align: left;
	font-size: 12px !important;
}

.produktTableProdukt input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.produktTableStrategie {
	width: 140px;
	text-align: left;
	font-size: 12px !important;
}

.produktTableStrategie select {
	width: 95%;
	text-align: left;
	font-size: 10px;
}

.produktTableMaterialien {
	width: auto;
	text-align: left;
	font-size: 12px !important;
}

.produktTableMaterialien input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.produktTableEdit {
	min-width: 35px;
	width: 35px;
	max-width: 35px;
	text-align: center;
}

#produktTableProduktEdit {
	width: 250px;
	height: 120px;
	padding: 2px 0px 4px 10px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	display: none;
	position: absolute;
	top: 90px;
	right: 450px;
}

#newProduct {
	width: 80%;
	font-size: 10px;
}

#newStrategy {
	width: 80%;
	font-size: 10px;
}

#spinProduktSave {
	visibility: hidden;
}

#produktTableMaterialEdit {
	width: 350px;
	height: 300px;
	padding: 2px 0px 4px 3px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	overflow-y: scroll;
	display: none;
	position: absolute;
	top: 90px;
	right: 90px;
}


/*************************************************************************************************/
/* Angaben für den Auswertungsdialog                                                             */
/*************************************************************************************************/

#div_auswertung {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 425px);
	top: 8em;
	top: calc(100% / 2 - 240px);
	display: none;
	width: 850px;
	height: 480px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#auswertungWoche {
	font-size: 11px;
}

#spinCreateReporting {
	display: inline-block;
	width: 30px;
	text-align: center;
}

#anzahlCreateReporting {
	position: absolute;
	top: 0.55em;
	right: 4em;
	display: inline-block;
	width: 60px;
	font-family: TrebuchetBoldRegular;
	text-align: right;
}

.auswertungPositiv {
	background-color: #dfd;
}

.auswertungNegativ {
	background-color: #fdd;
}

.auswertungUnbestimmt {
	background-color: #dedede;
}

#auswertungFilter {
	width: 100px;
	font-size: 9px;
}

th.auswertungLfd {
	width: 30px;
	text-align: center;
	position: sticky;
	top: 0;
	background: #eee;
	padding: 5px;
}

.auswertungLfd {
	width: 30px;
	text-align: center;
}

th.auswertungDatum {
	width: 60px;
	text-align: center;
	position: sticky;
	top: 0;
	background: #eee;
	padding: 5px;
}

.auswertungDatum {
	width: 60px;
	text-align: center;
}

th.auswertungWE {
	width: 200px;
	text-align: left;
	position: sticky;
	top: 0;
	background: #eee;
	padding: 5px;
}

.auswertungWE {
	width: 200px;
	text-align: left;
}

th.auswertungProdukt {
	width: 250px;
	text-align: left;
	position: sticky;
	top: 0;
	background: #eee;
	padding: 5px;
}

.auswertungProdukt {
	width: 250px;
	text-align: left;
}

th.auswertungVorladung {
	width: 150px;
	text-align: left;
	position: sticky;
	top: 0;
	background: #eee;
	padding: 5px;
}

.auswertungVorladung {
	width: 150px;
	text-align: left;
}

th.auswertungErgebnis {
	width: 70px;
	text-align: center;
	position: sticky;
	top: 0;
	background: #eee;
	padding: 5px;
}

.auswertungErgebnis {
	width: 70px;
	text-align: center;
}



/*************************************************************************************************/
/* Angaben für den Pflegedialog „Edit (Nutzer)“                                                  */
/*************************************************************************************************/
#divNutzer {
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 425px);
	top: 8em;
	top: calc(100% / 2 - 240px);
	display: none;
	width: 850px;
	height: 480px;
	padding: 20px; 
	background-color: #eee;
	opacity: 0.9;
	border: 1px solid #083567;
	border-radius: 20px;
	box-shadow: 10px 10px 10px #aaa;
	
	margin-bottom: 1em;
}

#nutzerDiv {
	height: 386px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tableNutzer {
	width: 840px;
}

#tableNutzer tr {
	height: 35px;
}

#tableNutzer th {
	color: white;
	background: linear-gradient(to bottom, #083567, #6d95d2);
	position: sticky; 
	top: 0;
}

#tbodyNutzer input, #tbodyNutzer select {
	display: none;
}

.nutzerTableUserID {
	width: 120px;
	text-align: left;
	font-size: 12px !important;
}

.nutzerTableUserID input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.nutzerTablePasswort {
	width: auto;
	text-align: left;
	font-size: 12px !important;
}

.nutzerTablePasswort input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.nutzerTableFirma {
	width: 120px;
	text-align: left;
	font-size: 12px !important;
}

.nutzerTableFirma select {
	width: 95%;
	text-align: left;
	font-size: 10px;
}

.nutzerTableRechte {
	width: 40px;
	text-align: center;
	font-size: 12px !important;
}

.nutzerTableRechte input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.nutzerTableMail {
	width: 210px;
	text-align: left;
	font-size: 12px !important;
}

.nutzerTableMail input {
	width: 90%;
	text-align: left;
	font-size: 10px;
}

.nutzerTableEdit {
	min-width: 40px;
	width: 40px;
	max-width: 40px;
	text-align: center;
}

.nutzerTableDel {
	min-width: 40px;
	width: 40px;
	max-width: 40px;
	text-align: center;
}

#produktTableProduktEdit {
	width: 250px;
	height: 120px;
	padding: 2px 0px 4px 10px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	display: none;
	position: absolute;
	top: 90px;
	right: 450px;
}

#newProduct {
	width: 80%;
	font-size: 10px;
}

#newStrategy {
	width: 80%;
	font-size: 10px;
}

#spinProduktSave {
	visibility: hidden;
}

#produktTableMaterialEdit {
	width: 350px;
	height: 300px;
	padding: 2px 0px 4px 3px;
	border: 1pt solid #aaa;
	background-color: #def;
	font-size: 12px;
	overflow-y: scroll;
	display: none;
	position: absolute;
	top: 90px;
	right: 90px;
}


@media all and (max-width: 1024px) {
	#pruefungErgebnis {
		width: calc(70vh / 5);
		height: calc(70vh / 5);
		text-align: center;
		border: 1pt solid #aaa;
		border-radius: 70px; /* IE */
		border-radius: calc(70vh / 5);
		background-color: #ddd;
		position: absolute;
		left: 22em;
		left: calc(100% / 2 - 100vh / 10);
		top: 8em;
		top: calc(100vh / 2 - 20px);
		float: left;
	}


	/*.pruefung {
		float: left;
		text-align: center;
		font-size: 16px;
	}*/
}

@media all and (max-height: 800px) {
	#pruefungErgebnis {
		width: calc(70vh / 5);
		height: calc(70vh / 5);
		text-align: center;
		border: 1pt solid #aaa;
		border-radius: 70px; /* IE */
		border-radius: calc(70vh / 5);
		background-color: #ddd;
		position: absolute;
		left: 22em;
		left: calc(100% / 2 - 100vh / 10);
		top: 8em;
		top: calc(100vh / 2 - 20px);
		float: left;
	}


	/*.pruefung {
		float: left;
		text-align: center;
		font-size: 16px;
	}*/
}