.dochub {@import url("./arrows/style.css");

/** from https://www.sonichealthcare.de/content/css/site.css */
@font-face {
  font-family: 'aileronlight';
  src: url("./aileron-light-webfont.eot");
  src: url("./aileron-light-webfont.eot?#iefix") format("embedded-opentype"),
  url("./aileron-light-webfont.woff") format("woff"),
  url("./aileron-light-webfont.ttf") format("truetype"),
  url("./aileron-light-webfont.svg#aileronlight") format("svg");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'aileronregular';
  src: url("./aileron-regular-webfont.eot");
  src: url("./aileron-regular-webfont.eot?#iefix") format("embedded-opentype"),
  url("./aileron-regular-webfont.woff") format("woff"),
  url("./aileron-regular-webfont.ttf") format("truetype"),
  url("./aileron-regular-webfont.svg#aileronregular") format("svg");
  font-weight: normal;
  font-style: normal; }


/*** ====================================================================== ***/
/*** common settings ***/
/*** ====================================================================== ***/

body {
    background: #fff;
    margin: 6%;
}

@media only screen and (min-device-width: 1025px) {
    body {
        max-width: 1025px;
        margin: 0 auto 6%;
        padding: 0 6% 0;
    }
}

/*** ====================================================================== ***/
/*** font faces ***/
/*** ====================================================================== ***/

@font-face {
    font-family:FF-StoneInformalEF-SemBol;
    src:url("./fonts/StoneInformalEF-SemBol.eot"); src:url("./fonts/StoneInformalEF-SemBol.eot?#iefix") format('embedded-opentype'), url("./fonts/StoneInformalEF-SemBol.woff") format('woff');
}

@font-face {
    font-family:FF-HelveticaNeueLTPro-Bd;
    src:url("./fonts/HelveticaNeueLTPro-Bd.eot"); src:url("./fonts/HelveticaNeueLTPro-Bd.eot?#iefix") format('embedded-opentype'), url("./fonts/HelveticaNeueLTPro-Bd.woff") format('woff');
    font-weight:bold;
}

@font-face {
    font-family:FF-HelveticaNeueLTPro-Lt;
    src:url("./fonts/HelveticaNeueLTPro-Lt.eot"); src:url("./fonts/HelveticaNeueLTPro-Lt.eot?#iefix") format('embedded-opentype'), url("./fonts/HelveticaNeueLTPro-Lt.woff") format('woff');
}

@font-face {
    font-family:FF-HelveticaNeueLTPro-LtIt;
    src:url("./fonts/HelveticaNeueLTPro-LtIt.eot"); src:url("./fonts/HelveticaNeueLTPro-LtIt.eot?#iefix") format('embedded-opentype'), url("./fonts/HelveticaNeueLTPro-LtIt.woff") format('woff');
    font-style:italic;
}

@font-face {
    font-family:FF-HelveticaNeueLTPro-Md;
    src:url("./fonts/HelveticaNeueLTPro-Md.eot"); src:url("./fonts/HelveticaNeueLTPro-Md.eot?#iefix") format('embedded-opentype'), url("./fonts/HelveticaNeueLTPro-Md.woff") format('woff');
}

/*** ====================================================================== ***/
/*** common style across all sections ***/
/*** ====================================================================== ***/

h2 {
    font-family: aileronlight;
    font-size: 15px;
    line-height: 1.58em;
    text-align: left;
    font-weight: 300;
    color: #474747  /** alternativ color: #004b8d */
}

p, li, th, td {
    font-family: aileronlight;
    font-size: 15px;
    line-height: 1.58em;
    text-align: left;
    font-weight: 300;
    color: #474747;  /** alternativ color: #004b8d */
    letter-spacing: -0.25px;
    margin-top: 0;
}

h3 {
    font-family: aileronlight;
    text-align: left;
    font-weight: 300;
    color: #474747;  /** alternativ color: #004b8d */
    font-size: 12pt;
    line-height: 15pt;
}

.field.table-image {
    overflow-x: auto;
    margin-bottom: 1em;
}
.field.table-image img {
    min-width: 550px;
    max-width: 600px;
}

ol, ul {
    padding-left: 0;
    list-style-position: inside;
}

/*** ====================================================================== ***/
/*** tables ***/
/*** ====================================================================== ***/

.field.table, .field.table td p {
    width: 100%;
    overflow-x: auto;
    font-family: aileronlight;
    font-size: 15px;
    line-height: 1.58em;
    text-align: left;
    font-weight: 300;
    color: #474747  /** alternativ color: #004b8d */
}

.section {
    border-collapse: collapse;
    margin: 1em 0;
}

.section tr{
	/*background: #b8d1f3;*/
	background: white;
	display: table-row;
}
/*  Define the background color for all the ODD background rows  */
.section tr:nth-child(odd){ 
	/*background: #b8d1f3;*/
	background: white;
}
/*  Define the background color for all the EVEN background rows  */
.section tr:nth-child(even){
	/*background: #dae5f4;*/
	background: #f3f5f9;
}

/*  Define the background color for all the ODD background rows  */
.section li:nth-child(odd) {
    background: white;
}

/*  Define the background color for all the ODD background rows  */
.section li:nth-child(even) {
    background: #f3f5f9;
}

table caption {
    caption-side: bottom;
    border-top: 1px solid black;
    font-family: FF-HelveticaNeueLTPro-LtIt, "Helvetica Neue LT Pro", sans-serif;
    font-style: italic;
    font-size: smaller;
}

th, td {
    padding: 6px;
}

td:first-child {
    width: 20%;
}

table thead th {
    /*background: #758aba;*/
    background: #e5e9f2;
    color: #004b8d;
}

tbody tr:not(:first-child) {
}
tbody th[rowspan], td[rowspan] {
    background: white;
    z-index: 10;
}
th[rowspan]~td:not([rowspan]) {
    border-bottom: 1px solid white;
}
td[scope]:first-child, td[scope]:first-child~td {
    border-top: 1px solid white;
}
tbody th {
    font-family: FF-HelveticaNeueLTPro-Md, "Helvetica Neue LT Pro", sans-serif;
}

/*** ===============shelflife======================================================= ***/

.field.table.shelfLifeTable {
    width: 100%;
    overflow-x: auto;
}

table.shelfLifeTable {
    border-collapse: collapse;
    margin: 1em 0;
}

	/* provide some minimal visual accomodation for IE8 and below */
	.shelfLifeTable tr{
		background: white;
	}
	/*  Define the background color for all the ODD background rows  */
	.shelfLifeTable tr:nth-child(odd){ 
		background: white;
	}
	/*  Define the background color for all the EVEN background rows  */
	.shelfLifeTable tr:nth-child(even){
		background: #f3f5f9;
	}

table.shelfLifeTable caption {
    caption-side: bottom;
    border-top: 1px solid black;
    font-family: FF-HelveticaNeueLTPro-LtIt, "Helvetica Neue LT Pro", sans-serif;
    font-style: italic;
    font-size: smaller;
}

table.shelfLifeTable thead th {
    background: #758aba;
    color: #fff;
}

tr.shelfLifeInvalid td {
	font-style: italic;
}

tr.shelfLifeValid td {
	font-style: normal;
}

/*** ===============material======================================================= ***/

.field.table.materialTable {
    width: 100%;
    overflow-x: auto;
}

table.materialTable {
    border-collapse: collapse;
    margin: 1em 0;
}

	/* provide some minimal visual accomodation for IE8 and below */
	.materialTable tr{
		background: white;
	}
	/*  Define the background color for all the ODD background rows  */
	.materialTable tr:nth-child(odd){ 
		background: white;
	}
	/*  Define the background color for all the EVEN background rows  */
	.materialTable tr:nth-child(even){
		background: #f3f5f9;
	}

table.materialTable caption {
    caption-side: bottom;
    border-top: 1px solid black;
    font-family: FF-HelveticaNeueLTPro-LtIt, "Helvetica Neue LT Pro", sans-serif;
    font-style: italic;
    font-size: smaller;
}

table.materialTable thead th {
    background: #758aba;
    color: #fff;
}


/*** ===============reference range small======================================================= ***/

.field.table.refRange-table-Small {
    width: 100%;
    overflow-x: auto;
}

table.refRange-table-Small {
    border-collapse: collapse;
    margin: 1em 0;
}

	/* provide some minimal visual accomodation for IE8 and below */
	.refRange-table-Small tr{
		background: white;
	}
	/*  Define the background color for all the ODD background rows  */
	.refRange-table-Small tr:nth-child(odd){ 
		background: white;
	}
	/*  Define the background color for all the EVEN background rows  */
	.refRange-table-Small tr:nth-child(even){
		background: #f3f5f9;
	}

table.refRange-table-Small caption {
    caption-side: bottom;
    border-top: 1px solid black;
    font-family: FF-HelveticaNeueLTPro-LtIt, "Helvetica Neue LT Pro", sans-serif;
    font-style: italic;
    font-size: smaller;
}

table.refRange-table-Small thead th {
    background: #758aba;
    color: #fff;
}


/*** ===============reference range medium======================================================= ***/

.field.table.refRange-table-Medium {
    width: 100%;
    overflow-x: auto;
}

table.refRange-table-Medium {
    border-collapse: collapse;
    margin: 1em 0;
}

	/* provide some minimal visual accomodation for IE8 and below */
	.refRange-table-Medium tr{
		background: white;
	}
	/*  Define the background color for all the ODD background rows  */
	.refRange-table-Medium tr:nth-child(odd){ 
		background: white;
	}
	/*  Define the background color for all the EVEN background rows  */
	.refRange-table-Medium tr:nth-child(even){
		background: #f3f5f9;
	}

table.refRange-table-Medium caption {
    caption-side: bottom;
    border-top: 1px solid black;
    font-family: FF-HelveticaNeueLTPro-LtIt, "Helvetica Neue LT Pro", sans-serif;
    font-style: italic;
    font-size: smaller;
}

table.refRange-table-Medium thead th {
    background: #758aba;
    color: #fff;
}


/*** ===============reference range large======================================================= ***/

.field.table.refRange-table-large {
    width: 100%;
    overflow-x: auto;
}

table.refRange-table-large {
    border-collapse: collapse;
    margin: 1em 0;
}

	/* provide some minimal visual accomodation for IE8 and below */
	.refRange-table-large tr{
		background: white;
	}
	/*  Define the background color for all the ODD background rows  */
	.refRange-table-large tr:nth-child(odd){ 
		background: white;
	}
	/*  Define the background color for all the EVEN background rows  */
	.refRange-table-large tr:nth-child(even){
		background: #f3f5f9;
	}

table.refRange-table-large caption {
    caption-side: bottom;
    border-top: 1px solid black;
    font-family: FF-HelveticaNeueLTPro-LtIt, "Helvetica Neue LT Pro", sans-serif;
    font-style: italic;
    font-size: smaller;
}

table.refRange-table-large thead th {
    background: #758aba;
    color: #fff;
}


/*** ====================================================================== ***/
/*** attribut specific settings ***/
/*** ====================================================================== ***/

.topic-header-section { 

}

.topic-materialUsage-header-section { 

}

.topic-shelfLifes-header-section { 

}

.topic-schedule-header-section { 

}

.topic-topicReferences-header-section { 

}

.topic-referenceRanges-header-section { 

}

.topic-methodology-header-section { 

}

.topic-literatureSource-header-section { 

}

.name-heading { 
  
}

.shortname-heading { 

}

.loinc-heading { 

}

.foreign-heading { 

}

.accredited-heading { 

}

.characteristic-heading { 

}

.synonyms-heading { 

}

.additional-infos-heading { 

}

.abbreviation-heading { 
    font-weight:bold;
}

.analyticalmethod-heading { 

}

.schedule-heading { 

}

.schedule-comment-heading { 

}

.department-heading { 

}

.interferencefactor-heading { 

}

.transport-instruction-heading { 

}

.measurement-uncertainty-heading { 

}

.referenceranges-heading { 

}

.literaturesources-heading { 

}

.references-heading { 

}

.shelflifes-heading { 

}

.materialusages-heading { 

}

.internal-comment-heading { 

}

.materialusage-description-heading { 

}

.methodology-heading { 

}

.shelflifes-internal-comment-heading { 

}

.shelflifes-special-comment-heading { 

}

.name, .name p { 
    font-family: "Stone Informal ITC W04 Medium", serif;
    font-size: 34px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #004b8d;
}

.shortname { 

}

.synonyms { 

}

.interference-factors { 

}

.additional-infos { 

}

.abbreviation { 
	font-family: FF-HelveticaNeueLTPro-Md, "Helvetica Neue LT Pro", sans-serif;
    font-size: 10pt;
}

.loinc { 

}

.foreign { 

}

.accredited { 

}

.schedule-comment { 

}

.analytical-method { 

}

.measurement-uncertainty { 

}

.department { 

}

.literaturesources { 

}

.characteristic { 

}

.material { 
    padding: 0px;
}

.shelflife { 

}

.transport-instruction { 

}

.schedule { 

}

.materialusage-group-operator { 

}

.materialusage-quantity { 

}

.materialusage-unit { 

}

.materialusage-material { 

}

.materialusage-suitability { 

}

.materialusage-vessels { 

}

.internal-comment { 

}

.internal-comment-lit-nodes { 

}

.materialusage-description { 

}

.materialusage-description-lit-nodes { 

}

.methodology { 

}

.methodology-lit-nodes { 

}

.shelflifes-internal-comment { 

}

.shelflifes-internal-comment-lit-nodes { 

}

.shelflifes-special-comment { 

}

.shelflifes-special-comment-lit-nodes { 

}

.materialusage-table { 

}

.referencerange-table { 

}

.shelflife-table { 

}

.cross-references-list { 

}

.simple-comment { 

}

.literature-source-footnote { 

}

.literature-source { 

}

.table { 

}

.list { 

}

.paragraph { 

}

.heading { 

}

/*** ====================================================================== ***/
/*** heading anpassungen ***/
/*** ====================================================================== ***/

h2 {
    font-family: aileronlight;
    font-size: 20px;
    line-height: 1.58em;
    text-align: left;
    font-weight: 500;
    color: #004b8d
}

h3 {
    font-family: aileronlight;
    text-align: left;
    font-weight: 300;
    color: #004b8d;  /** alternativ color: #004b8d */
    font-size: 12pt;
    line-height: 15pt;
}

/*  Define the background color for all the ODD background rows  */
.section li:nth-child(odd) {
    background: white;
}

/*  Define the background color for all the ODD background rows  */
.section li:nth-child(even) {
    background: white;
}}