body { 
    font-family: 'Roboto Light', sans-serif; 
    font-size:10pt;
    line-height:13pt;
    /*
    font-weight: 400; //normal
    font-weight: 500; //medium
    font-weight: 700; //bold
    
    --red: #B40A1E; //rot
    --green: #4A5A46; //dunkelblau
    --blue: #1F3C60; //dunkelgrün
    
    --gray1: #484848; //anthrazit
    --gray2: #ADACA5; //warmgrau
    --gray3: #E3E2DC; //warmgrau hell
    
    font-family: 'Roboto Light', sans-serif; 
    font-family: 'Roboto Medium', sans-serif; 
    font-family: 'Elea_Glyphs'; 
    
    
    */
}

/* EXCEPTIONS */
#pipr.Fredy-Lienhard .portfolio_table { line-height: 11.5pt; }


h1, h2, th, strong {
    font-family: 'Roboto Medium', sans-serif;
}

.glyph { font-family: 'Elea_Glyphs'; }
.glyph.huge { font-size:30pt; line-height:20pt; }
h1 .glyph.huge { font-size:40pt; }
.footnote { font-size:9pt; line-height:10pt; margin-top:10px; }
ol.footnote { padding:0 30mm 0 5mm; counter-reset: item; list-style-type: none; }
ol.footnote li { display:block; }
ol.footnote li:before { 
    content: counter(item) " "; /*Instead of ". " */ 
    counter-increment: item; 
    margin-left: -12px;
    position: absolute;
    font-size:7pt;
}
.pipr-section { counter-reset: footnote; }
.pipr-section .sup {
    /* not in use because it is error prone */
    content: counter(footnote) "";
    counter-increment: footnote; 
}

.footnote * { font-size:9pt; }
.footnote li { padding-bottom:2px; }
#logo-logo { width:37mm; margin-top:8mm }

main > .container {
	padding-top: 80px;
	margin: 0;
}

td {
	white-space: nowrap;
}

.navbar-brand {
    background:white;
    padding: 0;
    border-radius: 5px;
}
#this_btn { font-weight:900; }
.dropdown-menu {
    position: absolute;
    overflow: auto;
    max-height: 500px;
}

#debugger { z-index:9999; position: absolute; }
#debugButton {
    position:fixed;
    right:0;
    top:0;
    margin: 8px;
    padding: 2px 8px;
}
#debugContent {
	position: fixed;
	top: 35px;
	right: 30px;
	width:50%;
	height:75%;
	padding:0;
	border:5px solid #007bff;
	background: lightgray;
	overflow:auto;
        background:#18171B;
}
#debugger .nav-link { border-radius:0; }
#debugger .navbar { padding:0; }
#debugger .tab-content { font-size:0.9em; }



/* PIPR */
#pipr { margin-bottom:20px; }
#pipr h4 { font-size:1.2em }
#pipr h2 { font-size:2em; margin:0 }
#pipr .text-big p,
#pipr .text-big li { font-size:12pt; line-height:18pt; }

#pipr .card-header a { color:black; }
#pipr .card-header .rotate-icon { display:none; }
#pipr table {
    min-width:100%;
    width:calc(100% + 8px);
    border-collapse: separate;
    border-spacing: 5px 1px;
}
#pipr .pipr_table { margin:0 -4px; }
#pipr .pipr_table .impact_head th { padding-top:25px; }
//EXCEPTION FOR LIENHARD ONLY
//#pipr .portfolio_table { margin-top:-14px; line-height:11.5pt; }
#pipr .portfolio_table { margin-top:-14px; line-height:12pt; }
#pipr .portfolio_table th { padding-top:6px; }
#pipr .portfolio_table tbody tr:first-of-type th,
#pipr .venture_table tbody tr:first-of-type th { padding-top:0; }
#pipr .venture_table .rating-year { width:150px; }
#pipr ul { padding-left: 7mm; }
#pipr ul li { list-style:none; }
#pipr ul li:before {
  content: "Γ";
  font-family: Elea_Glyphs;
  display: inline-block;
  margin-left: -5mm; /* same as padding-left set on li */
  width: 5mm; /* same as padding-left set on li */
  font-size:13pt;
}

#pipr .coverImg { width:100%; height:auto; }
#pipr #schemaImg { width:80%; height:auto; }

#pipr th {
    padding-top:10px;
    border-bottom:2px solid black;
    min-width:80px;
}
#pipr td {
    border-bottom:1px solid black;
}
#pipr tr.red th {
    color: #B40A1E;
    border-color: #B40A1E;
}
#pipr td.white {
    border-color:white;
    background-color:white !important;
}
#pipr .text-break { white-space: break-spaces; }
#pipr .text-break2 { white-space: normal; }
#pipr .justify { text-align:justify; }
#pipr .no-border { border:none; }
#pipr .internal,
#pipr .type-inkind, #pipr .type-incash,
#pipr .type-active, #pipr .type-mature,
#pipr .past_year { display:none; visibility: hidden; }
#pipr .show-last-year .past_year { display:table-cell; visibility: visible; }
#pipr .show-invest-types tr.type-incash, #pipr .show-invest-types tr.type-inkind,
#pipr .show-eips-details .type-active, #pipr .show-eips-details .type-mature,
#pipr .show-internal .internal { display:table-row; visibility: visible; font-size:small; background:#eee; }

#pipr .show-eips-details .total-eips  { border-color:white; }
#pipr .show-eips-details .type-mature td { border-color:black; }


#pipr .show-internal .subtitle { background:transparent; }

#pipr #investment_overview .lastrow tr:last-child td:first-child { border-color:black !important; }
#pipr #piprPortfolio .show-internal th { min-width:auto; }
#pipr .open-ended .final_year { display:none; }

#pipr .show-invest-types td.type-incash, #pipr .show-invest-types td.type-inkind,
#pipr .show-invest-types th.type-incash, #pipr .show-invest-types th.type-inkind
    { display:table-cell; visibility: visible; font-size:small; font-style:italic; min-width:60px; background:#eee; }

#pipr .attention { color: white; }
#pipr .attention.Green { color: green; }
#pipr .attention.Yellow { color: orange; }
#pipr .attention.Red { color: #B40A1E; }
#pipr .attention.Green .dash, 
#pipr .attention.Yellow .dash, 
#pipr .attention.Red .dash { display:block; }
#pipr .attention .dash { display:none; font-size: 5em; font-weight: bold; line-height: 20px; margin:-2px 0 -3px; }

#pipr table.factors { table-layout:fixed; font-size:9pt; line-height:12pt; white-space:break-spaces }
#pipr table.factors th.explanation { width:220px; }
#pipr table.factors th.Transferability { width:80px; }
#pipr table.factors th {  }

/* PIPR GRAPHS */
#pipr .graphs table { border-spacing:0; }
#pipr .graphs h5 { font-size:10pt; font-family: 'Roboto Medium', sans-serif; width:100%; padding:7px 0 3px; margin:0 }
#pipr .graphs td { border:0; font-size:8pt; }
#pipr .graphs td::first-letter { text-transform:capitalize; }
#pipr .graphs th { padding-top:0; font-size:10pt; vertical-align:top; }
#pipr .graphs > .row { padding-bottom: 10px; }
#pipr .graphs .graph-title { padding:5px 0; text-align:center; }
#pipr .graphs .graph-body { padding:5px 0; }
#pipr .graphs .graph-body th { min-width:auto; width:30px; padding-right:4px; font-weight:normal; text-align:right; border:0; }

#pipr #investment_overview .graphs .graph-body { padding-bottom:0; padding-top:20px; display: flex; align-items: center; }
/*
#pipr .graphs .graph-body tr:nth-of-type(1) .value { color:#770009; }
#pipr .graphs .graph-body tr:nth-of-type(2) .value { color:#9E121C; }
#pipr .graphs .graph-body tr:nth-of-type(3) .value { color:#c52530; }
#pipr .graphs .graph-body tr:nth-of-type(4) .value { color:#D94C56; }
#pipr .graphs .graph-body tr:nth-of-type(5) .value { color:#F97D86; }
*/
#pipr .graphs .graph-body tr:nth-of-type(1) .value { color:#555; }
#pipr .graphs .graph-body tr:nth-of-type(2) .value { color:#777; }
#pipr .graphs .graph-body tr:nth-of-type(3) .value { color:#999; }
#pipr .graphs .graph-body tr:nth-of-type(4) .value { color:#bbb; }
#pipr .graphs .graph-body tr:nth-of-type(5) .value { color:#ddd; }

#pipr .card.Elea.factor .tick:first-of-type > line,
#pipr .card.venture .tick:first-of-type > line,
#pipr .graphs .tick:not(:first-of-type) > line,
#pipr .graphs .scatter .axis > path.domain { stroke-opacity: 0.25 }
#pipr .card.factor .legend { font-size:small; margin-left:25px; }
#pipr .card.factor .legend span { white-space: nowrap; }
#pipr .graphs .axis--y .tick:first-of-type > text { display:none; }
#pipr .graphs .scatter .tick:first-of-type > text { display:none; }
#pipr .graphs .scatter .tick:last-of-type > line { display:none; }
#pipr .graphs .scatter text.labels { fill:#B40A1E; font-size:10.5pt; font-family: 'Roboto Medium', sans-serif; }
#pipr .card.venture img { margin-top:12px; }

#pipr .print-only { display:none; }

.toolTip {
    position: absolute;
    display: none;
    min-width: 80px;
    height: auto;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #666;
    padding: 5px;
    text-align: center;
    font-size:smaller;
}