* {box-sizing:border-box;}

/* constants 
--hov-txt-color: text color when hovered
--hov-blk-color: background color when hovered
--sel-txt-color: text color when selected
--sel-blk-color: background color when selected
--hovsel-txt-color: text color when hovered and is selected
--hovsel-blk-color: background color when hovered and is selected
--mrk-.. : symbols for up, down, right and left   
 */
:root {
	--tab-line-color:lightblue;
	--hov-txt-color:#00337f;
	--hov-blk-color:lightgrey;
	--sel-txt-color:green;
	--sel-blk-color:lightgrey;
	--hovsel-txt-color:black;
	--hovsel-blk-color:grey;
	--mrk-left:"\25C1"; 
	--mrk-right:"\25B7"; 
	--mrk-up:"\25B3"; 
	--mrk-down:"\25BD"; 
}

.ep-page div {display:inline-block;vertical-align:top;min-height:1px;position:relative;}
.ep-page div.eofh {overflow:hidden;}

.eboh {overflow:hidden;}


/*/ unsetting flatsome theme issues /*/ 

/* text */
.etb {font-weight:bold;}  
.eti {font-style:italic;}  

/* horizontal menu */
.epv-hmenu {border-bottom:1px solid grey;}
.epv-hmenu a {
	display:inline-block;
	color: black;
	padding: 12px;
	font-size:1em;
	line-height:1.2em;
	text-decoration: none;
	border:1px solid grey;
	border-top:none;
}
.epv-hmenu a:first-child {border-left:none;}
.epv-hmenu span {
	display:block;
	width:100%;	color: black;
	font-size:2vw;
	padding-left:12px;
}
.epv-hmenu a:hover {background-color:#ccc;}
.epv-hmenu a.active {color:red;background-color:lightgrey;}

/* vertical menu */
.epv-vmenu {
	width:100%;
	padding-left:2px;padding-right:2px;
/*
	width:125px; 
*/
    float:left; 
	border:1px solid grey;
	background-color: #eee;
	font-size:1vw;
}
.epv-vmenu a {
	color: black;
	display: block; position:relative;z-index:20;
	padding: 12px;
	background-color: #eee;
	text-decoration: none;
}
.epv-vmenu a:hover {background-color: #ccc;}
.epv-vmenu a.active {color:red;background-color:white;}
.epv-vmenu div {display:none;border-top:1px solid blue;background-color:white;}
.epv-vmenu div a {padding-left:2em;} 
.epv-vmenu div div a {padding-left:3em;} 
.epv-vmenu a.active+div {display:block;}
.epv-vmenu div a.active {color:red;background-color:white;}
.epv-vmenu a.m::after {content: "▼";float:right;}
.epv-vmenu a.m.active::after {content: "◀";float:right;}

/*/map /*/
.epv-map {width:100%;position:relative;}
.epv-map title {display:none;}
.epv-map path {fill:whitesmoke;stroke:grey;stroke-width:2;}

.epv-mapinfo path {stroke:grey;fill:lightgrey;stroke-width:2;opacity:0.5;} 
/*
.epv-mapinfo path {fill:#f7d1af} 
*/

.epv-maphover {
position:absolute;z-index:1000;
display:none;
padding:5px;
background:lightyellow;
border-radius:5px;
font-size: 0.5em;
font-size: 0.7vw;
border:1px solid green;
}
.epv-mappath {padding:1em;}

.epv-map text {text-anchor:middle;dominant-baseline:middle;}
.epv-map path {opacity:0.5;}
.epv-map .selected path {stroke:gray;opacity:1;}

/*
.epv-map g:hover path {fill:lightgreen!important;}
*/
.epv-map g:not(.legend):hover {cursor:pointer;}
.epv-map g:not(.legend):hover text {font-size:1.5em;fill:red;}
.epv-map g.iscountry:hover text {font-size:3em;fill:red;}

.epv-map .legend text {text-anchor:start;dominant-baseline:hanging;font-size:2em;}
.epv-map .legend rect {width:2em;height:2em;}
.epv-map .legend g:hover {cursor:default;}

.epv-map .notext text, .epv-map.notext text {display:none;}
.epv-map .legend text {display:unset;}
.epv-mapinfo.notext text {display:none;}
.epv-map .iscountry text {font-size:2.5em;font-weight:bold;text-anchor:start;}
.epv-map .iscountry.selected text {fill:red;}

.epv-mapinfo {padding-right:2em;}
.epv-mapinfo .enocolor {fill:transparent;} 


/* map bar */
.epv-map table {}
.epv-map td, .epv-map th {
	font-size:1.6em; line-height:1.2;width:100%;text-align:center;border-bottom:2px solid lightgrey;}
.epv-map th {font-weight:bold;border-bottom:5px solid black;}
.epv-map td[id]:hover {color:red;}
.epv-map td:not([id]) {font-style:italic;}
.epv-map td:not([id]):hover {cursor:default;}

.epv-map td.active {font-weight:bold;background-color:lightgray;}
.epv-map .etal td {text-align:left;padding-left:30px;}


/*/ info block /*/ 
.ev-hdr {float:left;max-width:50%;}
.ev-hdr p {margin:0;}
.ev-maphdr {float:right;max-width:50%;}
.ev-maphdr svg {height:4rem;object-fit:contain;}

/* old */ p.ev-hdr {width:100%;font-size:calc(1em + 1vw);}

.ev-info {padding:1em;}

.ev-tbl {width:100%;table-layout:fixed;border-collapse:collapse;border:none;margin:0;}
.ev-tbl thead, .ev-tbl tbody, .ev-tbl tr, .ev-tbl td {border:none;}
.ev-tbl td {line-height:1.2em;word-wrap:break-word;} 
.ev-tbl .cpl tr td:first-child {padding-left:0.5em;}
.ev-tbl .cpr tr td:last-child {padding-right:0.5em;}

.ev-tbl.tat td, .ev-tbl .tat td {vertical-align:top;}

.ev-tbl .hdr td, .ev-tbl td.hdr {font-weight:bold;font-size:1.2em;} 
.ev-tbl .etb td {font-weight:bold}
  
  
.ev-tbl .det td, .ev-tbl td.det {padding-left:1em;text-align:left;} 

/* old */
.ev-tbl .lrblack td {border-right:1px solid black;}
.ev-tbl .lrgrey td {border-right:1px solid grey;}
.ev-tbl .lbblack td {border-bottom:1px solid black;}
.ev-tbl .ltgrey td {border-bottom:1px solid grey;}

/* new */

.ev-tbl.lab, .ev-tbl .lab {border:1px solid black;}
.ev-tbl.lag, .ev-tbl .lag {border:1px solid lightgrey;}
.ev-tbl.llb, .ev-tbl .llb {border-left:1px solid black;}
.ev-tbl.llg, .ev-tbl .llg {border-left:1px solid lightgrey;}
.ev-tbl.lrb, .ev-tbl td.lrb, .ev-tbl tbody.lrb td, .ev-tbl tr.lrb td {border-right:1px solid black;}
.ev-tbl.lrg, .ev-tbl td.lrg, .ev-tbl tbody.lrg td, .ev-tbl tr.lrg td {border-right:1px solid lightgrey;}
.ev-tbl.ltb, .ev-tbl .ltb {border-top:1px solid black;}
.ev-tbl.ltg, .ev-tbl .ltg {border-top:1px solid lightgrey;}
.ev-tbl.lbb, .ev-tbl .lbb {border-bottom:1px solid black;}
.ev-tbl.lbg, .ev-tbl .lbg {border-bottom:1px solid lightgrey;}
.ev-tbl tr:first-child, .ev-tbl tr:first-child td {border-top:none;} 
.ev-tbl tr:last-child, .ev-tbl tr:last-child td {border-bottom:none;}  
.ev-tbl :not(td).lrg td:last-child {border-right:none;}  
 
.ev-tbl th {text-transform:unset;}

.ev-tbl .ep-ico {display:inline-block;width:1.2em;height:1.2em;position:relative!important;top:0em;}
.ev-tbl tr.sel {color:var(--sel-txt-color,inherit);} 

/*
.ev-tbl .ehov:hover {border:1px solid red;border-radius:50%;}
*/

/*/ page /*/
.epv-title {
	margin-bottom:2em;
	margin-top:1em;
	border-bottom:1px solid black;
	padding-left:1em;
	padding-right:1em;
}
.epv-title span {
	font-size:2em;;
}
.epv-title p {
	font-size:1.5vw;
}

/*/ buttons /*/
.ev-but {
	display:block;
	width:1.5em; height:1.5em;border-radius:5px;
	border:1px solid transparent;
}
.ev-but:hover {border:1px solid red;}


/* check/option boxes/tabs */
/* <div ev-chk <label <input><div><span>*/
.ev-chk  {}
.ev-chk label {display:inline-block;line-height:1.7;margin:0;}
.ev-chk label input {display:none;}
.ev-chk label div {
float:left;margin-right:0.5em;
width:1em; height:1em;border:1px solid grey;border-radius:25%; bottom: -0.4em;position:relative;
}
.eptmp {
float:left;margin-right:0.5em;
width:1.2em; height:1.2em;border:1px solid grey;
bottom: -0.1em;
}
.ev-chk.opt label div {border-radius:50%;}
.ev-chk label div:after {font-size:0.9em;content:"✔";display:none;
position:relative;bottom:0.4em;left:0.1em;
}
.ev-chk label input:checked+div {
background-color:lightgreen;position:relative;
}
.ev-chk label input:checked+div:after{display:block;}
.ev-chk label:hover div {border:1px solid red;background-color:lightgrey;}

/* button bar (page) */
.ev-btnbar {}
.ev-btnbar div {min-width:1.9em;padding:0 0.2em;line-height:1.7;display:inline-block;border:1px solid grey;margin:0 0.1em;text-align:center;}
.ev-btnbar label input {display:none;}
.ev-btnbar label input:checked+div {background-color:#b4c6e7;}
.ev-btnbar label:hover {color:var(--hov-txt-color,red);}
.ev-btnbar label:hover div {background-color:var(--hov-blk-color,grey)!important;}


/* sort bar (arrays) */
.ev-sortbar {}
.ev-sortbar input {display:none;}
.ev-sortbar label span {display:inline-block;width:100%;}
.ev-sortbar label span:hover {color:var(--hov-txt-color,red);font-weight:bold;}
.ev-sortbar input:checked+span::after {position:relative;bottom:0.2em;}
.ev-sortbar input[data-sort="1"]:checked+span::after{content:" \2191";}
.ev-sortbar input[data-sort="-1"]:checked+span::after{content:" \2193";}

/* find bar (arrays) */
.ev-findbar {display:inline-block;}
.ev-findbar input {height:1.5em;}
.ev-findbar div {height:1.5em;overflow:hidden;}

/* tree classes */
.ev-tree {display:inline-block;vertical-align:top;position:relative;width:100%;min-height:1.9em;}
.ev-tree input {display:none;}
.evtrw {
    height:1.5em;padding-top:0.2em;
    width:100%!important;position:relative;
	line-height:1.7;}
.evtrw>label{padding-left:1.5em; cursor:pointer;display:inline-block;
overflow: hidden;width: 100%;max-height: 1.5em;}
.evtrw>div:first-child {
	position:absolute;left:-0.5em ;top:-1.2em;bottom:0.5em;
    border-bottom:1px dotted grey;
    border-left:1px dotted grey;
    width:0.8em;}
.evtrw>label~span {display:inline-block;position:absolute;right:1em;} 
.evtrw>span {
	cursor:pointer;
	display:inline-block;
	text-align:center;
	position:absolute;
	left:1.25em;
	color:grey;
	height:100%;
	top:0;
	z-index:10;
}
.evtgrp {
	display:flex!important;
	flex-direction: row;}
.evtgrp>div {width:100% ;}
.evtgrp>div:first-child {
	border-left:1px dotted grey;
	position:relative;left:-0.5em;top:-0.7em;
	width:1em!important;}
.evtgrp.l>div:first-child {border:none;}
.evtchk+div {
	background-color:white;z-index:5;
	border:1px solid grey;display:inline-block;position:absolute; 
	left:0em; top:0.5em; width:1em; height:1em;border-radius:25%;}
.evtchk+div:after {font-size:0.9em;content:"✔";display:none;position:relative;font-weight:normal;
bottom:0.6em;xcolor: white;}

.evtchk:not([data-chk="0"])+div {background-color:lightgrey;}
.evtchk:checked+div {background-color:var(--sel-bg-color,lightgreen);xbackground-color: #00337f;}
.evtchk:checked+div:after {display:inline-block;}

.evtchk:enabled:hover {border:1px solid red!important;}
.evtchk:enabled:hover+div {background-color:lightgrey;border:1px solid red;}

[data-grp="1"].evtrw>span:hover {color:red;}
[data-grp="0"].evtrw>span:hover {color:red;}
[data-grp="1"].evtrw>span {cursor:zoom-out;}
[data-grp="0"].evtrw>span {cursor:zoom-in;}

.evtrw i {font-size:0.8em;font-weight:normal;color:blue;}
.ev-tree [data-grp="0"]+div {display:none!important;}
.ev-tree [data-grp="1"]>span:after {content:"\25BC";} 
.ev-tree [data-grp="0"]>span:after {content: "\25B6";} 
.ev-tree span+label {padding-left:2.5em;display:inline-block;
overflow:hidden;line-height:1.7;width:100%;}
.ev-tree .evtrw.e0 label {font-weight:bolder;}


/* toggle classes */
.ev-toggle label {}
.ev-toggle label input {display:none;}
.ev-toggle label>div {width:100%;padding:0 0.5em;overflow:hidden;}
.ev-toggle.nopad label div {padding:0;}
.ev-toggle.sel label input:checked+div {
	color:var(--sel-txt-color,inherit);
	background-color:var(--sel-blk-color,inherit);
}
.ev-toggle.hov label div:hover {
	cursor:pointer;
	color:var(--hov-txt-color,inherit);
	background-color:var(--hov-blk-color,inherit);
}
.ev-toggle.hov label input:checked+div:hover {
	color:var(--hovsel-txt-color,inherit);
	background-color:var(--hovsel-blk-color,inherit);
}
.ev-toggle.mrk label input+div::after {display:inline-block;float:right;padding:0 0 0 10px;}
.ev-toggle.mrk.l label input+div::after {float:left;padding:0 10px 0 0;}
.ev-toggle.mrk.cd label input+div::after {content:var(--mrk-down,"\25BD");}
.ev-toggle.mrk.cr label input+div::after {content:var(--mrk-right,"\25B7");}
.ev-toggle.mrk.cl label input+div::after {content:var(--mrk-left,"\25C1");}
.ev-toggle.mrk.cu label input+div::after {content:var(--mrk-up,"\25B3");}
.ev-toggle.mrk.od label input:checked+div::after {content:var(--mrk-down,"\25BD");}
.ev-toggle.mrk.or label input:checked+div::after {content:var(--mrk-right,"\25B7");}
.ev-toggle.mrk.ol label input:checked+div::after {content:var(--mrk-left,"\25C1");}
.ev-toggle.mrk.ou label input:checked+div::after {content:var(--mrk-up,"\25B3");}

.ev-toggle.tab {z-index:2;border-left:1px solid var(--tabbar-line-color,lightgrey);}
.ev-toggle.tab label div {
  border-top: 1px solid var(--tabbar-line-color,lightgrey);
  border-right: 1px solid var(--tabbar-line-color,lightgrey);
  overflow:visible;
}
.ev-toggle.tab input:checked+div {box-shadow:0px 2px white;}
.ev-toggle.tab+div {width:100%;border:1px solid var(--tabbar-line-color,lightgrey);} 


/* page vertical menu bars */
.ev-vmbar {}
.ev-vmbar label {margin:0;display:block;border-bottom:1px solid white;}
.ev-vmbar label:first-child {border-top:1px solid white;}
.ev-vmbar span {display:block;width:100%;line-height:2.5em;cursor:pointer;padding-left:1em;}
.ev-vmbar span:hover {background-color:grey;}
.ev-vmbar input {display:none;}
.ev-vmbar input:checked+span {background-color: #b4c6e7;}

/* epro charts */
.ep-chart {width:100%;overflow:hidden;}

#epv-charthover {position:absolute;z-index:1000;display:none;padding:0;}

svg.ep-chart,.ep-chart svg {display:inline-block;position:relative;vertical-align:top;}
svg.ep-chart text,.ep-chart svg text {dominant-baseline:middle;transform-box:fill-box;transform-origin:center;}
.ep-chart svg text {dominant-baseline:middle;}
.ep-chart text:hover {cursor:default;}

.ec-grid line {stroke:gray;stroke-width:1}
.ec-grid path {stroke:gray;stroke-width:1;fill:none;}
  
.ec-axes.r text {text-anchor:start;}
.ec-axes.l text {text-anchor:end;}
.ec-axes.b text {dominant-baseline:auto;text-anchor:middle;}
.ec-axes.t text {dominant-baseline:hanging;text-anchor:middle;}
.ec-axes.c line {stroke:lightgray;}
.ec-axes.m text {text-anchor:end;}
 
.ec-axes line.ax {stroke:black;stroke-width:2}
.ec-axes .val text {fill:green;font-size:16px;}
.ec-axes .val line {stroke:lightgray;}
.ec-axes .ser text {fill:red;font-size:16px;}
.ec-axes text.unit {fill:green;font-size:16px;}

.ec-legend rect {stroke:black;}
.ec-legend text {color:black;font-size:30px;}

.ec-column text {text-anchor:middle;}
.ec-column line.zero {stroke:blue;stroke-width:2;}
.ec-column line.split {stroke-width:2;stroke:grey;}

.ec-bar text {text-anchor:middle;}
.ec-bar line.split {stroke-width:2;stroke:grey;}

.ec-line polyline {stroke-width:3;fill:none;}
.ec-line line {stroke-width:3;fill:none;}

.ec-pie line.zero {stroke:black;stroke-width:5;}
.ec-pie text {text-anchor:middle;}
.ec-pie line.white {stroke:white;stroke-width:5;} 

.ec-donut text {text-anchor:middle;}
.ec-donut line.zero {stroke:black;stroke-width:3;}
.ec-donut line.white {stroke:white;stroke-width:5;} 

.ec-spider text {text-anchor:middle;}


/* epro sliders */

.ep-slider {width:100%;overflow:hidden;}
#epv-sliderhover {position:absolute;z-index:1000;display:none;padding:0;}  

.es-slide {width:100%;}
.es-slide img {vertical-align:middle;width:100%;height:auto;max-height:100%;}

.es-slides {position:relative;width:100%;overflow:hidden;}
.es-slides div {color:#f2f2f2;text-shadow:black 1px 1px;}

.es-dot {
 display:inline-block;margin:0 2px;
 height:1.2em;height:min(1.5em,max(3vw,1em));
 width:1.2em;width:min(1.5em,max(3vw,1em));
 background-color:#bbb;border-radius:50%;border:1px solid white;
 transition:background-color 0.6s ease;
 cursor:pointer;
}
.es-prev, .es-next, .es-link, .es-toggle  {
 z-index:10;
 height:1.2em; height:min(1.5em,max(3vw,1em));
 width:1.2em; width:min(1.5em,max(3vw,1em));
 text-align:center;font-size:1.2em;
 transition:0.6s ease;
 cursor:pointer;
}
.es-link {z-index:5;top:0.5em;right:0.5em;}
.es-prev {left:0.5em;} .es-next {right:0.5em;}
.es-number {z-index:5;font-size:0.8em;left:0.5em;top:0.5em;}
.es-toggle {z-index:5;bottom:0.5em;right:0.5em;}

.es-toggle, .es-link, .es-text, .es-number, .es-prev, .es-next  {
 position:absolute!important; 
 color:#f2f2f2;
 user-select:none;
}
.es-text {
 font-size:2em;
 font-size: clamp(0.7em,10vw + 1.5em,2.5em);
 z-index:10; width:100%; 
 text-align:center;
}
.es-prev, .es-next {top:calc(50% - 1em);}

.es-slides .es-dots {
 position:absolute!important;
 width:100%;
 text-align:center;font-size:0.6em;
}
.es-nav .es-dots {text-align:center;}

.es-prev:hover, .es-next:hover, .es-link:hover, .es-toggle:hover {color:red;font-weight: bold;}
.es-dots .es-dot:hover {background-color:#717171;border-color:red;}
.es-dots .active {background-color:#717171;}

/* positioning */
.es-dots {bottom:0.5em;}
.es-text {top:calc(50% - 0.6em);bottom:unset;}

.captop .es-slide {margin-top:2em;} 
.captop .es-text {top:-1.7em;bottom:unset;color:black;text-shadow:none;font-size:1.2em;}
.captop .es-prev, .captop .es-next {top:calc(50% + 0.3em);}

.capbot .es-slide {margin-bottom:2em;} 
.capbot .es-text {bottom:-1.7em;top:unset;color:black;text-shadow:none;font-size:1.2em;}
.capbot .es-prev, .capbot .es-next {top:calc(50% - 1.7em);}
.capbot .es-dots {bottom:2.8em;}

.es-nav {
 width:100%;text-align:center;padding:0.7em 0;
 line-height:1.2;font-size:0.8rem;height: 2.7em;
}
.es-nav .es-dots, .es-nav .es-prev,.es-nav .es-next {color:black;top:unset;bottom:unset;}
.es-nav .es-next {float:right;}
.es-nav .es-prev {float:left;}

.es-slide {display:none;}
.es-fade {
	-webkit-animation-name: es-fade;
	-webkit-animation-duration: 1.5s;
	animation-name: es-fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes es-fade {from {opacity: .4} to {opacity: 1}}
@keyframes es-fade {from {opacity: .4} to {opacity: 1}}



/* text wrapping */
.etwl {
	display:-webkit-box!important;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;text-overflow:ellipsis;
    line-height:1.5;height:4.7em;
	padding-top:0;padding-bottom:0;
}
.etwl.l1 {-webkit-line-clamp:1;height:1.7em;max-height:1.7em;}
.etwl.l2 {-webkit-line-clamp:2;height:3.2em;max-height:3.2em;}
.etwl.l3 {-webkit-line-clamp:3;height:4.7em;max-height:4.7em;}
.etwl.l4 {-webkit-line-clamp:4;height:6.2em;max-height:6.2em;}
.etwl.l5 {-webkit-line-clamp:5;height:7.7em;max-height:7.7em;}
.etwl.bw {overflow-wrap:break-word;}
.etwl.bh {height:unset;}

/* responsive text */
/* from 0.7em to 1.4em between thresholds (1234) */
.etfsr12 {font-size:clamp(0.7em,5.83vw - 1.4em,1.4em);}
.etfsr13 {font-size:clamp(0.7em,2.69vw - 0.27em,1.4em);}
.etfsr14 {font-size:clamp(0.7em,1.79vw + 0.05em,1.4em);}
.etfsr23 {font-size:clamp(0.7em,5vw - 1.7em,1.4em);}
.etfsr24 {font-size:clamp(0.7em,2.59vw - 0.54em,1.4em);}
.etfsr34 {font-size:clamp(0.7em,5.38vw - 2.64em,1.4em);}

/* images*/

.ep-page img {max-width:100%;height:auto;display:block;}

.ewh {width:100%;overflow:hidden;padding-top:66.6%;}
.ewh.r4-3 {padding-top:75%;}
.ewh.r3-2 {padding-top:66.6%;}
.ewh.r2-1 {padding-top:50%;}
.ewh.r1-1 {padding-top:100%;}
.ewh.r16-9 {padding-top:56.25%;}
.ewh.r3-4 {padding-top:133.33%;}
.ewh.r2-3 {padding-top:150%;}
.ewh.r1-2 {padding-top:200%;}
.ewh.r9-16 {padding-top:177.77%;}
.ewh img {position:absolute;top:0px;left:0px;height:100%;width:100%;object-fit:fill;}
.ewh>div {position:absolute;top:0px;left:0px;height:100%;width:100%;overflow:hidden;}

.eiff img {object-fit:fill;}  
.eifc img {object-fit:cover;}
.eifs img {object-fit:scale-down;}
.eifn img {object-fit:none;}
.eift img {object-fit:contain;}

.ev-img {display:block;width:100%;height:auto;}
.ev-img.t {height:100%;}

/* progress bars */

.ibar {width:100%;line-height:1.5em;display:inline-block;padding:2px;border:1px solid lightgrey;border-radius:1em;overflow:hidden;}
.ibar div, .bar i, .bar span {display:inline-block;vertical-align:top;position:relative;}
.ibar span {padding:0 5px;width:100%;text-align:center;z-index:10;}
.ibar div {border-radius:1em 0 0 1em;}
.ibar i {border-radius: 0 1em 1em 0;}
.ibar.neg div {background-color:#ff6666;}
.ibar.val div {background-color:lightgreen;}
.ibar.pos div {background-color:green;}
.ibar.pos i {background-color:lightgreen;height:1.5em;}
.ibar.err div {text-align:center;}
.ibar.l div {border-radius:1em;}

/* colorbar */
.icolbar {width:100%;line-height:1.5em;display:inline-block;padding:2px;border:1px solid lightgrey;border-radius:1em;overflow:hidden;}
.icolbar div {width:100%;display:inline-block;text-align:center;position:relative;border-radius:1em;}
.icolbar .neg {background-color:#ff6666;}
.icolbar .val {background-color:lightgreen;}
.icolbar .pos {background-color:green;}
.icolbar .err {background-color:lightgrey;}

/* star bar */
.istar:before {color:gold;}
.istar:after {color:grey;}
.istar.b1:before,.istar.a1:after {content:"★";}
.istar.b2:before,.istar.a2:after {content:"★★";}
.istar.b3:before,.istar.a3:after {content:"★★★";}
.istar.b4:before,.istar.a4:after {content:"★★★★";}
.istar.b5:before,.istar.a5:after {content:"★★★★★";}
.istar.b6:before,.istar.a6:after {content:"★★★★★★";}
.istar.b7:before,.istar.a7:after {content:"★★★★★★★";}
.istar.b8:before,.istar.a8:after {content:"★★★★★★★★";}
.istar.b9:before,.istar.a9:after {content:"★★★★★★★★★";}
.istar.b10:before,.istar.a10:after {content:"★★★★★★★★★★";}

/* conditional  show/hide classes */
.opt-0:not(.v0) {display:none;} .hid-0:not(.v0) {visibility:none;} 
.opt-1:not(.v1) {display:none;} .hid-1:not(.v1) {visibility:none;} 
.opt-2:not(.v2) {display:none;} .hid-2:not(.v2) {visibility:none;} 
.opt-3:not(.v3) {display:none;} .hid-3:not(.v3) {visibility:none;} 
.opt-4:not(.v4) {display:none;} .hid-4:not(.v4) {visibility:none;} 
.opt-5:not(.v5) {display:none;} .hid-5:not(.v5) {visibility:none;} 
.opt-6:not(.v6) {display:none;} .hid-6:not(.v6) {visibility:none;} 
.opt-7:not(.v7) {display:none;} .hid-7:not(.v7) {visibility:none;} 
.opt-8:not(.v8) {display:none;} .hid-8:not(.v8) {visibility:none;} 
.opt-9:not(.v9) {display:none;} .hid-9:not(.v9) {visibility:none;} 


/* message box */
:root {
	--msg-blk-color:#eae9e3;
	--msg-line:1px solid grey;
	--msg-line-radius:10px;
}
#epv_msgbox {
	display:none;overflow:hidden;
	position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;
	justify-content:center;align-items:center;
}

.ep-message {
	border:var(--msg-line,1px solid grey);
	background-color:var(--msg-blk-color,#f4e7a2);
	border-radius:var(--msg-line-radius,10px);
	padding:5px;min-width:35vw;min-height:5vh;
}
.ep-message .vac {align-self:center;}

/* initial hiding (must be last) */ 
.eh, .eh_0 {display:none!important;}