/* constants */
:root {
 --tab-line-color:lightblue;

 --dis-txt-color:grey;

/* defaults */
 --line-height:1.5;
  
/* border defaults */
 --line:1px solid lightgrey; 
 --line-col:lightgrey;

/* default line clamptin with .etwl class */
 --line-clamp:3;
	
/* buttons  ??? */
 --btn-txt-col:blue;
 --btn-blk-col:lightblue;
 --btn-line:1px solid blue;
 --btn-line-col:blue;
 --btnhov-txt-col:black;
 --btnhov-line:1px solid red;
 --btnhov-line-col:red;
 --btnhov-blk-col:lightblue;

/* selected */
 --sel-txt-col:blue;
 --sel-blk-col:lightblue;
 --sel-line-col:blue;
 --sel-line:1px solid blue;

 --selhov-txt-col:black;
 --selhov-line:1px solid red;
 --selhov-line-col:red;
 --selhov-blk-col:lightblue;

/* placeholder */
 --placeholder-col:lightgrey;
 

/* hover */
 --hov-txt-col:#00337f;
 --hov-line:1px solid blue;
 --hov-line-col:blue;
 --hov-blk-col:lightblue;
 --hov-blk-box:1px 2px blue;  /* shadow */
 
/* focus */
 --focus-txt-col:black;
 --focus-line:1px solid blue;
 --focus-line-col:blue;
 --focus-blk-col:beige;


/* validation / invalid */
 --val-line-ok:3px solid green;
 --val-line-err:1px solid red;
 --val-line-empty:1px dashed red;

/* markings option and check boxes */
 --mrk-tick:"\2713";  		/* default tick mark */
 --mrk-dot:"\2022";
 --mrk-lnk:"\2192";
 --mrk-left:"\25C1"; 
 --mrk-right:"\25B7"; 
 --mrk-up:"\25B3"; 
 --mrk-down:"\25BD"; 
 --mrkna-blk-col:lightgrey;   /* backround color 'na' */
 --mrknotsel-blk-col:grey; 	  /* backround color 'not selected' */ 
 --mrksel-blk-col:lightgreen; /* backround color 'selected' */
 --mrksel-txt-col:inherit; 	  /* text color 'selected' */
 
 --mrk-indent:25px;


}

* {box-sizing:border-box;}

/*/ site specific, unsetting theme issues */
.ep--es00 {} 
div.ev-label, .elabel, label {margin-bottom:5px;}

/*/ reporting /*/
.ep-report {border:1px solid lightgrey; margin:0 auto;max-width:800px;min-width:400px;}

.ep-view {}
.ep-view details, .ep-view select, .ev-form {display:inline-block;width:100%;}

audio[src=""], video[src=""] {display:none;}

/* hide on condition */
.ehid.e:empty, .ehid_1, .eshw_0,
.ehid.o0.v-1,.ehid.o0[data-val="-1"],
.ehid.o0.v,  .ehid.o0[data-val=""],
.ehid.o0.v,  .ehid.o0[data-val="undefined"],
.ehid.o0.v0, .ehid.o0[data-val="0"],
.ehid.o1.v1, .ehid.o1[data-val="1"],
.ehid.o2.v2, .ehid.o2[data-val="2"],
.ehid.o3.v3, .ehid.o3[data-val="3"],
.ehid.o4.v4, .ehid.o4[data-val="4"],
.ehid.o5.v5, .ehid.o5[data-val="5"],
.ehid.o6.v6, .ehid.o6[data-val="6"],
.ehid.o7.v7, .ehid.o7[data-val="7"],
.ehid.o8.v8, .ehid.o8[data-val="8"],
.ehid.o9.v9, .ehid.o9[data-val="9"],
.ehid.o10.v10,.ehid.o10[data-val="10"] {display:none!important;color:transparent;} 
.ehid.txt {display:revert;}
/*show condition (inline-blocks) */
.eshw:not(.blk) {display:none;}
.eshw.blk {visibility:hidden;}

.eshw.o0.v-1,.eshw.o0[data-val="-1"],
.eshw.o0.v,  .eshw.o0[data-val=""],
.eshw.o0.v,  .eshw.o0[data-val="undefined"],
.eshw.o0.v0, .eshw.o0[data-val="0"],
.eshw.o1.v1, .eshw.o1[data-val="1"],
.eshw.o2.v2, .eshw.o2[data-val="2"],
.eshw.o3.v3, .eshw.o3[data-val="3"],
.eshw.o4.v4, .eshw.o4[data-val="4"],
.eshw.o5.v5, .eshw.o5[data-val="5"],
.eshw.o6.v6, .eshw.o6[data-val="6"],
.eshw.o7.v7, .eshw.o7[data-val="7"],
.eshw.o8.v8, .eshw.o8[data-val="8"],
.eshw.o9.v9, .eshw.o9[data-val="9"],
.eshw.o10.v10, .eshw.o10[data-val="10"] {
	display:inline-block;
	visibility:unset;
} 

/* txt class hides/shows text only */

/*/ ev- mark class for lists /*/
/* text markings used by {m} tags */

.ev-mark {white-space:pre-line;padding:0;}
.ev-mark div:empty {display:none!important;}
.ev-mark .mpad, .ev-mark .mrk {padding-left:var(--mrk-indent);white-space:pre-line;}
.ev-mark .mrk > *:first-child {display:inline-block;position:absolute;left:0;width:var(--mrk-indent);}
.ev-mark .mrk.tick > span:first-child::after {content:var(--mrk-tick);}
.ev-mark .mrk.dot > span:first-child::after {content:var(--mrk-dot);}
.ev-mark .mrk.lnk > a:first-child::after {content:var(--mrk-lnk);}
.ev-mark .lst {display:inline-flex;}
.ev-mark .lst i {
 border-bottom:1px dotted black; position:relative; top:-0.3em; flex-grow:1; margin:0 3px; 
}
/*/ check and option boxes /*/
/* marks the div element inside */
/* append check mark */

.ep.o0.v div::after,  .ep.o0[data-val=""] div::after,
.ep.o0.v0 div::after, .ep.o0[data-val="0"] div::after,
.ep.o1.v1 div::after, .ep.o1[data-val="1"] div::after,
.ep.o2.v2 div::after, .ep.o2[data-val="2"] div::after,
.ep.o3.v3 div::after, .ep.o3[data-val="3"] div::after,
.ep.o4.v4 div::after, .ep.o4[data-val="4"] div::after,
.ep.o5.v5 div::after, .ep.o5[data-val="5"] div::after,
.ep.o6.v6 div::after, .ep.o6[data-val="6"] div::after, 
.ep.o7.v7 div::after, .ep.o7[data-val="7"] div::after, 
.ep.o8.v8 div::after, .ep.o8[data-val="8"] div::after,
.ep.o9.v9 div::after, .ep.o9[data-val="9"] div::after,
.ep.o10.v10 div::after, .ep.o10[data-val="10"] div::after,
.ep.c:not([data-val]):not(.v0):not(.v-1):not(.v) div::after
{content:var(--mrk-tick,"\2713");}

.ep.c[data-val]:not([data-val="0"]):not([data-value="-1"]) div::after
{content:var(--mrk-tick,"\2713");}

.ep.c.v:not([data-val]) div, .ep.c.v-1:not([data-val]) div,
.ep.c[data-val=""] div, .ep.c[data-val^="-"] div {background-color:var(--mrkna-blk-col,transparent);}

/* the check, option and mark boxes  (in forms inside label, in report inside .ep */


.ep.opt, .ep.chk, .ep.mrk, ep.onoff,
label.opt, label.chk, label.mrk, label.onoff {
	width:unset;user-select:none;min-height:1.2em;
}
.ep.opt > div, .ep.chk > div, .ep.mrk > div, 
label.opt > div, label.chk > div, label.mrk > div {
 text-align:center;overflow:hidden;
 font-size:0.9em;line-height:1;
 width:1.2em;height:1.2em;border:none;
 margin:0 4px 0 1px; transform:translateY(calc(50% - 0.4em));
}

.ep.opt > div, .ep.chk > div, .ep.onoff > div, 
label.opt > div, label.chk > div, label.onoff > div {
 border:1px solid grey; 
}
.xxx {
	 vertical-align:baseline!important;
}

.ep.opt > div, label.opt > div {border-radius:50%;}
.ep.chk > div, label.chk > div {border-radius:20%;} 
.ep.onoff > div, label.onoff > div  {
	text-align:center;border-radius:0.85em;width:2.5em;height:1.2em;
	padding:0 0.25em;margin:0 5px 0 0;top:var(--pad-top);vertical-align:text-top;}

.ep.onoff > div > div, label.onoff > div > div  {
	font-size:0.8em; border-radius:50%;width:1.2em;height:1.2em;
	float:left;top:calc(50% - 0.6em);;
}
.ep.opt.nm > div, .ep.chk.nm > div, .ep.mrk.nm > div, .ep.onoff.nm > div,
label.opt.nm > div, label.chk.nm > div, label.mrk.nm > div, label.onoff.nm > div {margin:unset;}

/* check and option inputs always inside label! */


label.mrk > input, label.opt > input[type="radio"], label.chk > input[type="checkbox"], label.onoff > input {display:none!important;}
label.chk input:checked + div, label.opt input:checked + div {
 color:var(--mrksel-txt-col,inherit);
 background-color:var(--mrksel-blk-col,transparent);
}
.ev-ro label.chk input:checked + div, .ev-ro label.opt input:checked + div {opacity: 0.5;}

label.chk span, label.opt span {
 width:calc(100% - 1.2em - 10px);
 display:inline-block;
} 
.xxx {
 display:inline-block;  vertical-align:baseline!important;
}

label.mrk input:checked + div {color:var(--mrksel-txt-col,inherit);}
label.mrk input:checked + div::after, label.opt input:checked + div::after, label.chk input:checked + div::after
{content:var(--mrk-tick,"\2713");}

label.onoff input+div {background-color:var(--mrknotsel-blk-col,transparent);} 
label.onoff input:checked+div {float:right;background-color:var(--mrksel-blk-col,transparent);}

label input[type="checkbox"]:not(:checked)[value^="-"] + div {float:unset;background-color:var(--mrkna-blk-col,transparent);}

/* hover always on */ 
label.chk:hover > div, label.opt:hover > div, label.mrk:hover > div, label.onoff:hover > div
{cursor:pointer;border-color:var(--hov-line-col);outline:var(--hov-line);}

/* place holder */
::-webkit-input-placeholder {color:var(--placeholder-col)!important;opacity:1;}
::-ms-input-placeholder {color:var(--placeholder-col)!important;opacity:1;}
::placeholder {color:var(--placeholder-col)!important;opacity:1;}

/* select box first value placeholder */ 
select.eplace:not([data-sel]), select.eplace[data-sel=""], 
select.eplace[data-sel="-1"], select.eplace.v0[data-sel="0"] 
{color:var(--placeholder-col);opacity:1;}
select.eplace option:first-child {display:none!important;} 

/* forms (ev-form) */
.ev-form {
 display:inline-block; vertical-align:top;
 min-height:1px; position:relative; width:100%;
}

div.ev-label, label.ep, .ev-form label, .elabel {
 display:inline-block;
 vertical-align:top!important;min-height:1px;position:relative; width:100%;
 line-height:var(--line-height);
}

select.ep, .ev-form label > select, .elabel > select {
 display:inline-block;vertical-align:top;position:relative;
 border:1px solid lightgrey;height:auto; font-size:unset;
 padding:8px var(--pad-left);line-height:var(--line-height);
}

details.ep, .ev-form label > details, .elabel > details {
 display:inline-block;vertical-align:top;min-height:1px;position:relative;
 font-size:0.9em;
}

summary.ep, .ev-form label > details > summary, .elabel > details > summary  {
 display:inline-block; width:100%;
 font-size:unset; padding:var(--pad-all);
}

output.ep, .ev-form label > output, .elable label > output {
 display:inline-block;vertical-align:top;min-height:1px;position:relative;
 border-bottom:1px solid lightgrey;
 padding:var(--pad-all);line-height:var(--line-height);
}
output.ep::after, .ev-form label > output::after, .elabel > output::after {
 content:"\00a0";
}  /* for proper alignment when empty*/ 

span.ep, .ev-form label > span, .elabel label > span {
 display:inline-block;vertical-align:top;min-height:1px;position:relative;
 user-select:none;
} 

input.ep, textarea.ep,
.ev-form label > input, .ev-form label > textarea, 
.ev-form label .inp, .ev-datatable input  {
 display:inline-block;vertical-align:top; position:relative; 
 border:1px solid lightgrey; font-size:unset; 
 }

button.ep, .ev-form button {
 display:inline-block;vertical-align:top;position:relative; 
 border:1px solid transparent;border-radius:var(--line-radius);
 height:auto; 
 font-size:1em; line-height:var(--line-height);
 padding:var(--pad-all);
}
button.ep:active, .ev-form button:active {
	color:var(--sel-txt-col); border:var(--sel-line);background-color:var(--sel-blk-col);
}
button.ep .fa, .ev-form button .fa {line-height:inherit;}
button.ep .fa.r, .ev-form button .fa.r {padding-left:var(--pad-left);float:right;}
button.ep .fa.l, .ev-form button .fa.l {padding-right:var(--pad-right);float:left;}
 
button.ep.ico, .ev-form button.ico {
 font-size:1.7em; line-height:1.5; width:1.5em;
 padding:0;text-align:center; 
 background:none;
 margin:0.1em;opacity:0.6;
}
 
input.ep, .ev-form input {height:auto;}
input[hidden].ep, .ev-form input[hidden],
input[type="file"].ep, .ev-form input[type="file"],
input[type="checkbox"].ep, .ev-form input[type="checkbox"],
input[type="radio"].ep, .ev-form input[type="radio"] 
{display:none!important;}

.ev-form div.ebrk {display:block!important;width:100%!important;} /* break*/

.ev-date {line-height:var(--line-height);border:var(--line);}

.ev-date input {
 display:inline-block;border:none!important;outline:none!important;box-shadow:none!important;
 }
.ev-date input[type="date"] {
 position:relative;width:100%;
}
.ev-date input[type="text"] {
 width:calc(100% - 45px); 
 padding:6px 12px; 
 z-index:10; position:absolute;
 
}
/* hover */

.ev-form .ehov:hover {cursor:pointer;} 
.ev-form .ethov:hover {cursor:pointer;color:var(--hov-txt-col);} 

.ev-form div.ehov:hover > div,  
.ev-form label:hover input, .ev-form label:hover select, .ev-form label:hover textarea, 
.ev-form label:hover .hov, .ev-form div.efhov:hover {
 cursor:pointer;
 box-shadow:var(--hov-blk-box);
}

.ev-form button:hover, button.ep:hover {
 cursor:pointer; border-color:var(--hov-line-col);
 outline:var(--hov-line);
}
.ev-date {transition:none!important;}
.ev-date + i {position:absolute; right:10px; top:0.5em;}
.ev-date + i::before {content: "\f073";}
.ev-date[disabled] + i {display:none;}

.ev-date.dtx {padding-right:2em;}
.ev-date:not(.dtx) + i {display:none;}

.xv-date:hover {box-shadow:var(--hov-blk-box);}
.xv-date input:hover {box-shadow:none!important;}

.ev-form input:focus, .ev-form select:focus, .ev-form textarea:focus {
 background-color:var(--focus-blk-col);
}
.xv-date input[type="text"]:focus + input {
 background-color:var(--focus-blk-col);
}
.ev-form input:focus-within, .ev-form textarea:focus-within 
{outline:none;}

.ev-form select:invalid {color:gray;}

/* validation */
.ev-form [data-nok="1"] {border:var(--val-line-err)!important;}
.ev-form [data-nok="2"] {border-left:var(--val-line-empty)!important;}
.ev-form [data-nok="0"] {border-left:var(--val-line-ok)!important;}

/* read only: iro class triggered by .ev-ro .inp and disabled */
.ev-ro .inp:not(:is(.chk, .opt)) {background-color:whitesmoke!important;}

.ev-ro .inp {outline:none!important;}
.ev-ro .inp:hover, .ev-ro div.ehov:hover > div {cursor:not-allowed!important;box-shadow:unset;}

.ev-ro input[type="checkbox"].inp +div, .ev-ro input[type="checkbox"].inp+div {
 background-color:whitesmoke!important;
}
.ev-ro input[type="checkbox"].inp +div:hover, .ev-ro input[type="checkbox"].inp+div:hover {
 color:grey!important;
 cursor:not-allowed!important;
}
.ev-ro button.inp:hover {border-color:transparent;outline:none;}
.ev-ro .inp.ico {border-color:transparent!important;background:transparent!important;}

/* no scroll on number inputs */
/* Chrome, Safari, Edge, Opera */
.efinp.ns input::-webkit-outer-spin-button,
.efinp.ns input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.efinp.ns input {
  -moz-appearance: textfield;
}

/*/ select list classes /*/
.ev-selectlist .selbx select {
width:100%; 
}
.ev-selectlist .selbx div {
position:absolute;
left:0;right:0;top:0;bottom:0;
}
.ev-selectlist .chkbx {
display:none;
border:1px solid #E7E9EB;border-radius:5px;padding:5px;position:absolute;z-index:10;background:white;
}
.ev-selectlist .chkbx label {
display:block;
margin:0!important;
padding-left:2px;
-webkit-user-select:none;user-select:none; 
white-space: nowrap;text-overflow: ellipsis;overflow:hidden;
line-height:1.4;
}
.ev-selectlist .chkbx label:hover {
background-color:#E7E9EB;
}
.ev-ro .ev-selectlist .chkbox label:hover {cursor:not-allowed!important;}

.ev-ro .ev-selectlist {
 cursor: not-allowed;
}
.ev-ro .ev-selectlist select {
 background: whitesmoke;
}

/* tree classes */
.ev-tree {line-height:1; min-height:1.5em;}
.ev-tree div {padding:0;}
.ev-tree label {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.evtrw input {display:none;}
.evtrw label {display:inline-block;padding:2px 0;line-height:inherit;}
.evtrw input + div {
 width:1.2em; height:1.2em;margin-right:5px;
 border:1px solid grey; border-radius:25%;
 font-size:0.9em;text-align:center;
 background:white;line-height:1;z-index:5;}
.evtrw > span {
 display:inline-block;
 text-align:center;
 position:absolute;
 padding:2px 0; left:1.25em;
 color:black; z-index:3;}
.evtrw span~label div {margin-right:1.7em;}
.evtrw i {font-size:0.7em;color:blue;padding-left:5px;}

.evtgrp {
	display:flex!important;	flex-direction: row;}
.evtgrp > div {width: calc(100% - 1em);}

.evtrw > div:first-child {
	position:absolute;left:-0.5em ;top:-1em;bottom:1em;
    border-bottom:1px dotted grey;
    border-left:1px dotted grey;
    width:0.8em;}
.evtgrp > div:first-child {
	border-left:1px dotted grey;
	position:relative;left:-0.5em;top:-1em;
	width:1em!important;}
.evtgrp.l > div:first-child {border:none;}

.evtchk:not(:checked)+div {background-color:white!important;}
.evtchk:not([data-chk="0"])+div {background-color:var(--mrkna-blk-col,lightgrey)!important;;}
.evtchk:checked+div {color:var(--mrksel-txt-col,inherit); background-color:var(--mrksel-blk-col);}
.evtchk:checked+div:after {content:var(--mrk-tick,"\2713");}

.ev-ro .inp.ev-tree:hover {cursor:not-allowed;}

.evtrw label:hover div {
 cursor:pointer;
 border-color:var(--hov-line-col);
 outline:var(--hov-line); 
		outline:none;
 background-color:var(--hov-blk-col);
}
.ev-ro .inp .evtrw label:hover {cursor:not-allowed;}
.xev-ro .inp .evtrw label:hover span {border-color:grey;}
.ev-ro .inp .evtrw label:hover div {border-color:grey;outline:none;cursor:unset;}


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


.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.hdr .evtrw.e0 label {font-weight:bolder;}

.ev-ro .inp .evtchk + div {background-color:whitesmoke!important;}
.ev-ro .inp .evtchk[data-chk="1"] + div {background-color:lightgrey!important;}

/* toggle classes */
/* labels in forms un-affected! */ 
.ev-toggle > label {
	display:inline-block;vertical-align:top;position:relative;min-height:1px;
	margin:unset;
	overflow:hidden;user-select: none;
}
.ev-toggle > label:hover {cursor:pointer;}
.ev-toggle > label input{display:none!important;}


.xev-toggle > label > div {overflow:hidden;user-select: none; }
/* if form has toggle */ 

.ev-toggle.sel > label input:checked+div {
	color:var(--sel-txt-col,inherit);
	background-color:var(--sel-blk-col,transparent);
	border-color:var(--sel-line-col,transparent);
}
.ev-toggle.hov > label input+div:hover {
	color:var(--hov-txt-col,inherit);
	background-color:var(--hov-blk-col,transparent);
}
.ev-toggle.hov > label input:checked+div:hover {
	color:var(--selhov-txt-col,inherit);
	background-color:var(--selhov-blk-col,transparent);
	border-color:var(--selhov-line-col,transparent);
}
.ev-toggle.mrk > label input+div {display:inline;}
.ev-toggle.mrk > label input+div::after {width:1.2em;}

.ev-toggle.mrk > label input+div::after {float:left;text-align:left;content:"\00a0";}
.ev-toggle.mrk.r > label input+div::after {float:right;text-align:right;content:"\00a0";}
.ev-toggle.mrk.l > label input+div::after {float:left;text-align:left;content:"\00a0";}

/*defaults*/
.ev-toggle.mrk > label input:not(:checked)+div::after {content:var(--mrk-down,"\25BD");}
.ev-toggle.mrk > label input:checked+div::after {content:var(--mrk-up,"\25B3");}
.ev-toggle.mrk.cd > label input:not(:checked)+div::after {content:var(--mrk-down,"\25BD");}
.ev-toggle.mrk.cr > label input:not(:checked)+div::after {content:var(--mrk-right,"\25B7");}
.ev-toggle.mrk.cl > label input:not(:checked)+div::after {content:var(--mrk-left,"\25C1");}
.ev-toggle.mrk.cu > label input:not(:checked)+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; top:1px; border-bottom:none;margin-bottom:0;margin-left:-6px;
 width:calc(100% + 12px)!important;
}
.ev-toggle.tab > label {margin-bottom:0;vertical-align: bottom;}
.ev-toggle.tab label > div {
 width:calc(100% - 12px); margin-left:6px;
 border-radius:10px 10px 0 0;
 border:1px solid lightgrey; border-bottom:none;
}
.ev-toggle.tab > label input:checked+div {box-shadow:0px 2px white;}

/* basic styles */


/*/ final /*/

/* block looping */ 
.ev-loop {overflow:hidden;height:100%!important;width:100%!important;} /* fit enclosed container */
.ev-loop > div {top:0;left:0;}
.ev-loop.horz {height:100%;}
.ev-loop.horz .exloop {white-space:nowrap;}
.ev-loop.horz .exloop > * {white-space:normal;}
.ev-loop.horz > div, .ev-loop.horz > div > div {height:100%!important;}
.ev-loop.vert > div, .ev-loop.vert > div > div {width:100%!important;}
.ev-loop > div {transition:left 1s linear, top 1s linear;}  /*default transition*/
.ev-loop .nt {transition:none!important;} 
.ev-loop > button {display:hidden!important;}

/*/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:6px;
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;}



/*/ page /*/

/*/ 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 {display:inline-block;padding:0 3px;margin:0;}
.ev-btnbar label input {display:none;}
.ev-btnbar label input:checked+div {background-color:#b4c6e7;}
.ev-btnbar label:hover {color:var(--hov-txt-col,red);}
.ev-btnbar label:hover div {background-color:var(--hov-blk-col,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-col,red);font-weight:bold;cursor:pointer;}
.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;}


/* epro charts */
.ev-chart {width:100%;overflow:hidden;}
#epv-charthover {position:absolute;z-index:1000;display:none;padding:0;}

/* chart/map/legends colors data-tags */
:root {	
--tc0:lightblue;--tc1:orangered;--tc2:orange;--tc3:lightgreen;--tc4:green;--tc5:cyan;
--tc6:blue;--tc7:yellow;--tc8:orange;--tc9:lightgreen;--tc10:green;--ct11:cyan;--ct12:orange;
--tt:black;
}

.ec .vx, .ec [data-tag="x"] {fill:lightgrey;stroke:lightgrey;}
.ec .v0, .ec [data-tag="0"] {fill:var(--tc0);stroke:var(--tc0);}
.ec .v1, .ec [data-tag="1"] {fill:var(--tc1);stroke:var(--tc1);}
.ec .v2, .ec [data-tag="2"] {fill:var(--tc2);stroke:var(--tc2);}
.ec .v3, .ec [data-tag="3"] {fill:var(--tc3);stroke:var(--tc3);}
.ec .v4, .ec [data-tag="4"] {fill:var(--tc4);stroke:var(--tc4);}
.ec .v5, .ec [data-tag="5"] {fill:var(--tc5);stroke:var(--tc5);}
.ec .v6, .ec [data-tag="6"] {fill:var(--tc6);stroke:var(--tc6);}
.ec .v7, .ec [data-tag="7"] {fill:var(--tc7);stroke:var(--tc7);}
.ec .v8, .ec [data-tag="8"] {fill:var(--tc8);stroke:var(--tc8);}
.ec .v9, .ec [data-tag="9"] {fill:var(--tc9);stroke:var(--tc9);}
.ec .v10, .ec [data-tag="10"] {fill:var(--tc10);stroke:var(--tc10);}
.ec .v11, .ec [data-tag="11"] {fill:var(--tc11);stroke:var(--tc11);}
.ec .v12, .ec [data-tag="12"] {fill:var(--tc12);stroke:var(--tc12);}
text.ti {fill:inherit;}

.ev-chart {display:inline-block;position:relative;vertical-align:top;}
.ev-chart text {
	dominant-baseline:middle;transform-box:fill-box;
	transform-origin:center;
	font-size:max(28px,3vh); 
	text-anchor:start;
}
.ev-chart text:hover {cursor:default;}

.ec-title text {font-size: max(48px,4vw);}

.ec-grid line {stroke:gray;stroke-width:1;stroke-dasharray:5 2;}
.ec-grid path,.ec-grid circle {stroke:gray;stroke-width:1;fill:none;stroke-dasharray:5 2;}
  
.ec-axes.r text {text-anchor:start;}
.ec-axes.l text {text-anchor:end;}
.ec-axes.t text {dominant-baseline:hanging;dominant-baseline:text-after-edge;text-anchor:middle;}
.ec-axes.b text {dominant-baseline:auto;dominant-baseline:text-before-edge;text-anchor:middle;}
.ec-axes.c line {stroke:lightgray;}
.ec-axes.m text {text-anchor:end;}
 
.ec-axes.val text {fill:green;}
.ec-axes.val line {stroke:lightgray;}
.ec-axes.ser text {fill:red;}
.ser-odd .ec-axes.ser.b text:nth-child(odd) {transform: translateY(1.1em);}
.ser-odd .ec-axes.ser.t text:nth-child(odd) {transform: translateY(-1.1em);}

.ec-axes text.unit {fill:green;}
.ec-axes line.ax {stroke:black;stroke-width:2}

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

.ec-bar line.split {stroke-width:2;stroke:grey;}
.ec-bar text {text-anchor:middle;font-size:max(16px,3vh)}

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

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

.ec-donut text {text-anchor:middle;font-size:max(16px,3vh);}
.ec-donut line.zero {stroke:black;stroke-width:3;}
.ec-donut line.white {stroke:white;stroke-width:5;}

.ec-spider text {text-anchor:middle;font-size:max(16px,3vh)}

.ec-legend rect {stroke:black;}
.ec-legend text {color:black;text-anchor:start;}
.ec-legend.left text {text-anchor:end;}


/* epro sliders */
/* TO REVIEW */

.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:0.4} to {opacity:1}}
@keyframes es-fade {from {opacity:0.4} to {opacity:1}}

/* basic effects */ 



/* progress bar generated by epv_colbar function */
.ibar {
 width:100%; display:inline-block;line-height:1.2em;
 padding:2px; border:1px solid lightgrey; border-radius:1em; overflow:hidden;}
.ibar i, .ibar span {display:inline-block; position:relative;}
.ibar i {border-radius:0 1em 1em 0; background-color:green;}
.ibar div {border-radius:1em 0 0 1em;}
.ibar span {
 padding:0 5px; width:100%; text-align:center; 
 vertical-align:middle; font-size:0.6em;}
.ibar.max div, .ibar.min i  {border-radius:1em;} 
.ibar.min div {display:none;}
.ibar.neg div {background-color:#ff6666;}
.ibar.val div {background-color:lightgreen;}
.ibar.pos div {background-color:lightgreen;}
.ibar.l div span {text-align:left;}
.ibar.r i span {text-align:right;}
.ibar.err {text-align:center;}

/* star bar generated by epv function  */
.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:"★★★★★★★★★★";}

/* modal box */
/* move to epro styles */
.ev-modal {
 width:100vw!important;height:100vh;
 position:fixed!important;overflow:hidden;
 top:0;left:0;z-index:1000000;
 text-align:center;
 background-color:rgb(255,255,255,0.5);
}
.ev-modal div:first-child {
 border:1px solid lightgrey;border-radius:1em;
 background-color:whitesmoke;
}
/* message box s*/
/* move to epro styles */
.epv-msg {
 position:fixed;z-index:10000;
 padding:20px;width:100%;height:1px;
 text-align:center;left:0;top:30vh;display:none;
}
.epv-msg .msg-box { 
 outline:1px solid grey;
 background-color:#eae9e3;
 border-radius:10px;
 padding:10px; min-height:4em;min-width:20%;
 cursor:pointer;width:auto!important;
}
.epv-msg .msg-box > div:first-child {
 justify-content:center;display:flex; 
 align-items:center;
}
.epv-msg .msg-icon {width:1em;text-align:center;font-size:2em;}
.epv-msg .msg-text {margin:0 15px;user-select: none;}

/* mesage type defaults */
.epv-msg .info {outline:2px solid green;}
.epv-msg .info .msg-icon {animation:none;color:green;}
.epv-msg .info .msg-icon::before {content:"\f00c";} 
.epv-msg .info .msg-text {}
.epv-msg .wait {outline:1px solid blue;}
.epv-msg .wait .msg-icon {color:blue;}
.epv-msg .wait .msg-icon::before {content:"\f021";}
.epv-msg .wait .msg-text {}
.epv-msg .error {outline:2px solid red;color:red;}
.epv-msg .error .msg-icon {animation:none;font-size:3em;}
.epv-msg .error .msg-icon::before {content:"\f0e7";}
.epv-msg .error .msg-text {}
.epv-msg .text {outline:2px solid grey;}
.epv-msg .text .msg-icon {animation:none;display:none;}
.epv-msg .text .msg-text {text-align:center;width:100%;}
.epv-msg .ask {outline:2px solid orange;}
.epv-msg .ask .msg-icon {animation:none;color:blue;}
.epv-msg .ask .msg-icon::before {content:"?";}
.epv-msg .ask .msg-text {}

.epv-msg .msg-btns {display:inline-block;}
.epv-msg .msg-btns button {
 line-height:1; padding:6px; 
 margin:6px 0 0 12px;min-width:5em;
 border:var(--btn-line); border-radius:5px; color:inherit;
 background-color:var(--btn-blk-col);
}
.epv-msg .msg-btns button:first-child {margin-left:0;}
.epv-msg .msg-btns button:hover {border:var(--btnhov-line);}
.epv-msg .msg-btns:empty {display: none;}

.epv-msg .msg-longtext {font-size:0.8em;color:black;text-align:left;}
.epv-msg .msg-longtext:empty {display: none;}

/* file */

label:hover .ev-file {box-shadow:var(--hov-blk-box);}
.ev-file {border:1px solid lightgrey; width:100%; padding:6px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}

.ev-file > div, .ev-file > a, .ev-file > i {
 text-align:center; line-height:1.3; width:1.3em; display:block;
 padding:0;font-size:inherit;position:relative;
}
.ev-file > div {
 border-radius:3px; border:1px solid gray; float:left;
}
.ev-file > div:hover,.ev-file > a:hover,.ev-file > i:hover {
 cursor:pointer;border-color:var(--hov-line);
}

.ev-file > span {padding-left:6px;white-space:nowrap;vertical-align:middle;}
.ev-file > i {font-style:normal; float:right;}
.ev-file > a {
 border:1px solid transparent;font-size:inherit;
 text-decoration:none;margin-left:6px;float:left;padding-top:0!important;
}
.ev-file[data-val="0"] {text-align:center;}
.ev-file[data-val="0"] > i, .ev-file[data-val="0"] > a {display:none;}
.ev-file[data-val="0"] > span {color:lightgrey;}

.ev-ro .ev-file {background-color:whitesmoke!important;}
.ev-ro label:hover .ev-file {box-shadow:none;}
.ev-ro .ev-file > div, .ev-ro .ev-file > i {display:none;}



/* ev-tablelist for list or tree tables */
.ev-tablelist {
 --lineheight:1.2em;
 --toppadding: 0.5em;  /* top padding of lrow */
 --mrkspacing: calc(0.5 * var(--lineheight) + var(--toppadding)); 
 line-height:var(--lineheight);
}
.ev-tablelist > .table,
.ev-tablelist > .results {
}

.ev-tablelist > .table > div {
 padding-left:35px;
 border-left: 1px solid transparent;
}
.ev-tablelist > .results > div {
 padding-left:40px;
 padding-left:20px;
 border-left: 1px solid transparent;
}
.ev-tablelist > .ldiv {
 border-left: 1px solid transparent;
}
.ev-tablelist.sel > .table > .lchk::before,
.ev-tablelist.sel > .table  >.lchk ~ div::before, 
.ev-tablelist.sel > .results > div::before, 
.ev-tablelist.sel > .ldiv::before {
 position:absolute;
 border-left:2px solid lightgrey;
 left:-10px;
 content:"\a0";
 z-index:10;
 top:var(--mrkspacing);
 height:115%;
}
.ev-tablelist.sel > .results > div::before {
 height:105%;
}

.ev-tablelist.sel > .table > .lchk::before {
 border-top:2px solid lightgrey;
 width:16px;
}
.ev-tablelist.sel > .results > .lres::before {
 height:100%;
 border-top:2px solid lightgrey;
 width:48px;
 width:30px;
}
.ev-tablelist.sel > .results > .lres:last-child::before {
 border-left:none;
}
.ev-tablelist.sel > .table > .lchk::after,
.ev-tablelist.sel > .results > .lres::after {
 display:inline-block;
 position:absolute;
 z-index:20;
 color:lightgrey;
} 

.ev-tablelist.sel > .table > .lchk::after {
 top:calc(var(--mrkspacing) + 0.5em);
 left:-16px;
 content:"\25BC";
}
.ev-tablelist.sel > .results > .lres::after {
 top: var(--toppadding);
 left:13px;
 left:0px;
 content:"\25B6";
}

.ev-tablelist:not(.sel) > .results {display:none;}

.ev-tablelist .lrow {
 min-height:var(--lineheight)!important;
 padding-top:var(--toppadding)!important;
}
.ev-tablelist .ldiv {
 min-height:var(--lineheight)!important;
 padding-top:0;
}
.ev-tablelist .lrow > i {
 cursor:pointer;
 position:absolute;
 left:5px;
 padding-top:1px;
}
.ev-tablelist .lrow.lchk > i {
 color:blue;font-weight:bold;
}
.ev-tablelist .lrow > i:hover {
 color:red!important;
}
.ev-tablelist .lrow > i::before {content:"\f002";}
.ev-tablelist .lrow.lchk > i::before {content:"\f06e";}

/*/ form data tables /*/
.ev-datatable {} 
.ev-datatable > div {padding-right:2em!important;} 
.ev-datatable .add-row, .ev-datatable .del-row  {
 font-style:normal;position:absolute;
 display:inline-block;border:1px solid grey;
 border-radius:5px;line-height:0.5em;
 cursor:pointer; 
 -webkit-user-select: none; /* Safari */
 -ms-user-select: none; /* IE 10 and IE 11 */
 user-select: none; /* Standard syntax */
 padding-top:0.4em;height:1.5em;width:1.5em;
 text-align:center;
 
}
.ev-datatable .add-row {right:0;top:2px;}
.ev-datatable .del-row {border-color:red;color:red;right:-2em;}
.ev-ro .ev-datatable .add-row, .ev-ro .ev-datatable .del-row {
 display:none;
}
.ev-datatable .databody {padding:0;}
.ev-datatable .datarow {padding:2px;}
.ev-ro .ev-datatable input {background-color:whitesmoke;}

/* generic behaviours /*/
a:empty {text-decopration:none;}
a:empty::before {content:"\25E5";}
ul.dots {list-style-type:disc;}
ul.nums {list-style-type:decimal;}
ul.latin {list-style-type:lower-latin;}
ul.roman {list-style-type:lower-roman;}
ul.none {list-style-type:none;}
ul.square {list-style-type:square;}

/* icons and emoije */
.fa.mr {margin-right:1ch;}
.fa.ml {margin-left:1ch;}
.fa.x:before {content:"\1111";}
.xfa.emo:before {content:attr(data-emo);}


[class*:"xfa-"]::before, [class*:"im-"]::before {
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
/* form text editor /*/
.ev-textedit {}
.ev-textedit .txtedit {
 white-space:pre-wrap; min-height:50vh; 
 border:1px solid black; 
 resize:vertical; overflow-y:auto;
}
.ev-textedit .txtedit a {cursor:pointer;}
.ev-textedit .txtedit a:focus {color:red;}
.ev-textedit .txtedit i.fa {}

.ev-textedit .txtedit img.obj.efl {padding: 5px 5px 5px 0;}
.ev-textedit .txtedit img.obj.efr {padding: 5px 0px 5px 5px;}
.ev-textedit .txtedit:focus {background-color: var(--focus-blk-col,#fff3ea);}

.ev-textedit .btnbar > div {padding:2px 0;}
.ev-textedit .btnbar label {
 width:2em; line-height:1.7; font-size:0.8em;
 display:inline-block; margin:0 0.2em 0 0; text-align:center; 
 border:1px solid grey; border-radius:5px;
}
.ev-textedit .btnbar input {margin-right:0.1em;}
.ev-textedit .btnbar .objattr input {width:100%;}
.ev-textedit .btnbar label input {display: none;}
.ev-textedit .btnbar label:hover {border-color:blue;color:blue;}
.ev-textedit .btnbar select {
 padding: 0 5px; margin:0 0.2em 0 0;
 border-radius: 5px; height: 1.5em;	line-height:inherit;
 vertical-align:top; font-size: inherit;
}
.ev-textedit .btnbar label:hover {border-color:red;}
.ev-textedit .btnbar .clsinp {width:9.4em;}
.ev-textedit .btnbar .clssel {width:4em;}
.ev-textedit .btnbar .objsel {width:5em;}
.ev-textedit .btnbar .inpbar {
 padding-right:1em;	width: unset; line-height:1.7;
}
.ev-textedit .viewbar {
 border:1px solid black; height:2em; 
 font-size:0.7em; margin-top:2px;
}
.ev-textedit .obj.sld {
 padding:calc(var(--ew,100%) * var(--ers,0.5625) / 2 - 0.8em) 0;
 border-radius:15px;
 background:lightgrey;
 float:left; margin-right:10px;
 text-align:center;
}
.ev-textedit .obj.blk {
 min-height:1.5em;
 background:lightgrey;
 text-align:center;
}


/* editor buttons */
.fa.sys_etb::before {content:"\f032";}
.fa.sys_eti::before {content:"\f033";}
.fa.sys_etu::before {content:"\f0cd";}
.fa.sys_etsup::before {content:"\f12b";}
.fa.sys_etsub::before {content:"\f12c";}
.fa.tag_p::before {content:"\f1dd";}
.fa.tag_h1::before {content:"H1";}
.fa.tag_h2::before {content:"H2";}
.fa.tag_h3::before {content:"H3";}
.fa.tag_h4::before {content:"H4";}
.fa.tag_ul::before {content:"\f0ca";}
.fa.obj_sel::before {content:"\f021";}
.fa.obj_img::before {content:"\f03e";}
.fa.obj_lnk::before {content:"\f0c1";}
.fa.obj_blk::before {content:"\f247";}
.fa.obj_sum::before {content:"\f115";}
.fa.obj_ico::before {content:"\f118";}

.fa.cls_new::before {content:"\f021";}
.fa.cls_add::before {content:"\f067";}
.fa.cls_del::before {content:"\f00d";}
.fa.tag_del::before{content:"\f00d";}
.fa.obj_del::before{content:"\f00d";}

/* text editor global styles */
ul.dots {list-style-type:disc;}
ul.nums {list-style-type:decimal;}
ul.latin {list-style-type:lower-latin;}
ul.roman {list-style-type:lower-roman;}
ul.none {list-style-type:none;}
ul.square {list-style-type:square;}

/* slides */
.ev-slides div {display:inline-block; width:100%;position:absolute;}

/* slide basic smooth transition 1s)*/
.ev-slides {padding-top:calc(var(--ew,100%) * var(--ers,0.5625));}
.ev-slide {
 position:absolute!important;;top:0; height:100%; width:100%;
 transition: opacity 1s ease-in-out; opacity: 1;
 padding-top:calc(100% * var(--ers,0.5625)); 
 overflow: hidden; border-radius:10px; z-index:50;
}
.ev-slide img,.ev-slide video,.ev-slide iframe {
 position:absolute;top:0; height:100%; width:100%; object-fit:cover;
}
.ev-slide > div {position:absolute;z-index:100;}
.ev-slide.ihide {opacity:0;z-index:0}

/* 
.ev-slide {padding-top:calc(100% * var(--ers,0.5625)); overflow: hidden; border-radius:10px;}
.ev-slide div {position:absolute;top:10px;text-align:center;z-index:200;} 
.ev-slide img,.ev-slide video,.ev-slide iframe, .ev-slide div {
 position:absolute;top:0; height:100%; width:100%; object-fit:cover;
 transition: opacity 2s ease-in-out; opacity: 1; z-index:100;
}
.ev-slide img.ihide, .ev-slide video.ihide,.ev-slide iframe.ihide {opacity:0; z-index:0;}
.ev-slide img.ihide + div {display:none;}
.ev-slide video.ihide + div {display:none;}
.ev-slide iframe.ihide + div {display:none;}
*/

/* images in modal */
.ep-modal.img {background:grey;}
.ep-modal > img {
 vertical-align: middle; width: 100%; height: 100%;
 object-fit: contain;
}
.ep-modal.img i {
 display:inline-block; position:absolute;z-index:20;
 height:1.5em;width:1.5em; padding-top:0.2em;
 border:2px solid white; border-radius:50%;
 background:transparent; font-size:1.5em; font-style:normal;
 text-align:center; color:white;
}
.ep-modal.img i:hover {border-color:red;}
.ep-modal.img i.btnclose {top:10px;right:30px;}
.ep-modal.img i.btnnext {top:45%;right:30px;}
.ep-modal.img i.btnprev {top:45%;left:30px;}

/* ev-details marks all details inside */
.ep-details {--mrk-detcol:lightgreen; --mrk-linecol:lightgreen;} 
.ep-details details {padding-left:5px; border-left:2px solid transparent;}
.ep-details details[open] {border-color:var(--mrk-linecol,green);}
.ep-details summary {cursor: pointer;}
.ep-details summary::marker {content: none; }
.ep-details summary::before {
 float:right; color:var(--mrk-detcol,green);
 content:"\25B6"; transition:transform 0.2s ease; 
}
.ep-details summary.mrkleft::before {float:left;margin-right:5px;}

.ep-details details[open] > summary::before {transform: rotate(90deg); }
/* to customize */
.ep-details summary {line-height:1.5em; padding:5px 0;border-bottom:1px solid transparent;}
.ep-details summary:hover {border-color: var(--mrk-detcol,green);}
.ep-details details[open] > summary {border-bottom:1px solid grey;}

/* image galary */ 
.ev-gallery {columns:250px 3;column-gap:0; }
.ev-gallery > div {
 display:flex;
 align-items:stretch;
 flex-wrap:wrap;
 break-inside:avoid;
}
.eg-block {display:flex!important; width:100%; flex-grow:1;}
.eg-block img {
 display: inline-block; vertical-align: top;
 position: relative; height:100%; width:100%;
 object-fit:cover; padding:2.5px;
}

.eg-block.so:nth-child(even) div:first-child {order:5;}
.eg-block.so:nth-child(5) div:first-child {order:5;}

.eg-block.rw6 {aspect-ratio:1/1;}
.eg-block.rw5 {aspect-ratio:6/5;}
.eg-block.rw4 {aspect-ratio:3/2;}
.eg-block.rw3 {aspect-ratio:2/1;}
.eg-block.rw2 {aspect-ratio:3/1;}
.eg-block.rw1 {aspect-ratio:6/1;}

.eg-block .c1 {width:100%;}
.eg-block .c2 {width:50%;}
.eg-block .c13 {width:33.333%;}
.eg-block .c23 {width:66.666%;}
.eg-block .c14 {width:25.000%;}
.eg-block .c34 {width:75.000%;}
.eg-block .c15 {width:20.000%;}
.eg-block .c25 {width:40%;}
.eg-block .c35 {width:60%;}
.eg-block .c45 {width:80%;}

.eg-block .v1 img {height:100%;}
.eg-block .v2 img {height:50%;}
.eg-block .v3 img {height:33.333%;}
.eg-block .h1 img {width:100%;}
.eg-block .h2 img {width:50%;}
.eg-block .h3 img {width:33.333%;}

.eg-block img + :not(img)  {
 display:none; cursor:default;
 position:absolute; z-index:10; width:100%; top:30%; left:0; right:0;
 color:white; font-size:1em; text-align:center;
}
.eg-block img:hover + *:not(img), 
.eg-block img + *:not(img):hover {display:inline-block;}

/*/ -----  /*/

.menu-item label {margin:0!important;cursor:pointer;}

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